@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 28.4 kB
JavaScript
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var b=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),k=(e,t)=>n({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},l={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted"};import{jsx as go}from"react/jsx-runtime";var Ie="k-input",So=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yo={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},ke={size:a.medium,rounded:a.medium,fillMode:h.solid},I=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u,size:d=ke.size,rounded:f=ke.rounded,fillMode:x=ke.fillMode,...v}=e;return go("span",{...v,className:n(e.className,Ie,b(Ie,{size:d,rounded:f,fillMode:x}),k(Ie,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u}))})};I.states=So;I.options=yo;I.className=Ie;I.defaultOptions=ke;import{jsx as Ao}from"react/jsx-runtime";var Ae="k-picker",Io=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ko={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Ce={size:a.medium,rounded:m.medium,fillMode:h.solid},Me=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u,size:d=Ce.size,rounded:f=Ce.rounded,fillMode:x=Ce.fillMode,...v}=e;return Ao("span",{...v,className:n(e.className,Ae,b(Ae,{size:d,rounded:f,fillMode:x}),k(Ae,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u})),children:e.children})};Me.states=Io;Me.options=ko;Me.className=Ae;Me.defaultOptions=Ce;import{Fragment as zo,jsx as St}from"react/jsx-runtime";var Je="k-icon k-font-icon",Co=[],Mo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},To={},ue=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:p,...c}=e;return i?St("span",{...c,className:n(e.className,Je,b(Je,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):St(zo,{})};ue.states=Co;ue.options=Mo;ue.className=Je;ue.defaultOptions=To;var yt=ue;import{Fragment as Ho,jsx as Te}from"react/jsx-runtime";var qe="k-icon k-svg-icon",Eo=[],Oo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},gt={viewBox:"0 0 24 24"},fe=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:p=gt.viewBox,icon:c,...u}=e;if(!c)return Te(Ho,{});c==="none"&&{...u,className:n(e.className,qe,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return Te("span",{...u,className:n(e.className,qe,b("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Te("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:p,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};fe.states=Eo;fe.options=Oo;fe.className=qe;fe.defaultOptions=gt;var Ue=fe;import*as It from"@progress/kendo-svg-icons";import{Fragment as kt,jsx as he}from"react/jsx-runtime";var Ko=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ro=[],Po={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},We={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{size:t,themeColor:o,icon:i,type:r=We.type,rotate:p,flip:c,viewBox:u=We.viewBox,...d}=e;if(!i)return he(kt,{});if(r==="svg"){if(i==="none")return he(Ue,{...d,icon:i,size:t});let f=Ko(`${i}-icon`);return It[f]?he(Ue,{...d,icon:It[f],size:t,themeColor:o,rotate:p,flip:c,viewBox:u}):he(kt,{})}return he(yt,{...d,icon:i,size:t,themeColor:o,rotate:p,flip:c})};L.states=Ro;L.options=Po;L.defaultOptions=We;import{Fragment as $o,jsx as Qe}from"react/jsx-runtime";var At="k-clear-value",wo=[s.disabled,s.loading,s.readonly],Vo={},K=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?Qe($o,{}):Qe("span",{className:n(e.className,At),children:Qe(L,{icon:"x"})})};K.states=wo;K.options=Vo;K.className=At;import{jsx as _o}from"react/jsx-runtime";var Ye="k-input-inner",Bo=[],Go={},ze={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=ze.value,type:o=ze.type,placeholder:i=ze.placeholder,autocomplete:r=ze.autocomplete,...p}=e;return _o("input",{...p,type:o,className:n(e.className,Ye,b(Ye,e)),placeholder:i,autoComplete:r,defaultValue:t})};R.states=Bo;R.options=Go;R.className=Ye;import{jsx as Ct,jsxs as Fo}from"react/jsx-runtime";var Ze="k-input-inner",Xo=[],Do={},je=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:p,...c}=e;return Fo("span",{...c,className:n(e.className,Ze,b(Ze,e)),children:[r,!r&&p&&Ct(L,{className:"k-input-value-icon",icon:p}),i&&!t&&o,i&&t&&Ct("span",{className:"k-input-value-text",children:t})]})};je.states=Xo;je.options=Do;je.className=Ze;import{jsx as Uo}from"react/jsx-runtime";var et="k-input-inner",Jo=[],qo={},Mt={value:"",placeholder:""},tt=e=>{let{value:t=Mt.value,placeholder:o=Mt.placeholder,rows:i,...r}=e;return Uo("textarea",{...r,className:n(e.className,et,b(et,e)),placeholder:o,rows:i,defaultValue:t})};tt.states=Jo;tt.options=qo;tt.className=et;import{Fragment as Qo,jsx as Tt}from"react/jsx-runtime";var zt="k-input-loading-icon",Wo=[s.disabled,s.loading],w=e=>{let{disabled:t,loading:o}=e;return t||!o?Tt(Qo,{}):Tt("span",{className:n(e.className,zt,"k-icon k-i-loading")})};w.states=Wo;w.className=zt;import{Fragment as jo,jsx as Et}from"react/jsx-runtime";var Ot="k-input-validation-icon",Yo=[s.valid,s.invalid,s.disabled,s.loading],Zo={},P=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,p=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?Et(jo,{}):Et(L,{className:n(Ot),icon:p})};P.states=Yo;P.options=Zo;P.className=Ot;import{Fragment as os,jsx as Ht}from"react/jsx-runtime";var es="k-input-prefix",ts={direction:"horizontal"},Ee=e=>{let{direction:t=ts.direction,...o}=e;return e.children?Ht("span",{...o,className:n(es,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ht(os,{})};import{Fragment as is,jsx as Kt}from"react/jsx-runtime";var ss="k-input-suffix",ns={direction:"horizontal"},Oe=e=>{let{direction:t=ns.direction,...o}=e;return e.children?Kt("span",{...o,className:n(ss,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Kt(is,{})};import{jsx as Oi}from"react/jsx-runtime";import{jsx as Pi}from"react/jsx-runtime";import{jsx as rs}from"react/jsx-runtime";var Rt="k-input-separator",as={direction:"vertical"},W=e=>{let{direction:t=as.direction,...o}=e;return rs("span",{...o,className:n(Rt,e.className,{[`${Rt}-${t}`]:t})})};import{Fragment as cs,jsx as xe,jsxs as Pt}from"react/jsx-runtime";var He="k-button",ls=[s.hover,s.focus,s.active,s.selected,s.disabled],ps={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},X={size:a.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},z=e=>{let{size:t=X.size,rounded:o=X.rounded,fillMode:i=X.fillMode,themeColor:r=X.themeColor,showArrow:p=X.showArrow,arrowIconName:c=X.arrowIconName,hover:u,focus:d,active:f,selected:x,disabled:v,icon:N,text:S,iconClassName:M,...A}=e,T=N!==void 0,C=e.children!==void 0;return Pt("button",{...A,className:n(e.className,He,b(He,{size:t,rounded:o,fillMode:i,themeColor:r}),k(He,{hover:u,focus:d,active:f,disabled:v,selected:x}),{"k-icon-button":!S&&!C&&T}),children:[N&&xe(L,{className:n(M,"k-button-icon"),icon:N}),S?Pt(cs,{children:[S&&xe("span",{className:"k-button-text",children:S}),e.children]}):e.children&&xe("span",{className:"k-button-text",children:e.children}),p&&xe("span",{className:"k-menu-button-arrow k-button-arrow",children:xe(L,{icon:c})})]})};z.states=ls;z.options=ps;z.className=He;z.defaultOptions=X;import{jsx as ra}from"react/jsx-runtime";import{jsx as ma}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{jsx as Ke}from"react/jsx-runtime";var ms="k-chip-action";var Re=e=>{let{type:t,...o}=e,i;switch(t){case"remove":i=Ke(L,{icon:"x-circle",size:"small"});break;case"more":i=Ke(L,{icon:"more-vertical",size:"small"});break;default:return Ke(L,{icon:t,size:"small"})}return Ke("span",{...o,className:n(e.className,ms,`k-chip-${t}-action`),children:i})};import{jsx as wt}from"react/jsx-runtime";var be="k-avatar";var ds=[s.hover,s.focus,s.active,s.selected,s.disabled],us={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},D={type:"text",size:a.medium,rounded:m.full,fillMode:h.solid,themeColor:l.primary,border:!1},Q=e=>{let{size:t=D.size,rounded:o=D.rounded,fillMode:i=D.fillMode,themeColor:r=D.themeColor,type:p=D.type,border:c=D.border,...u}=e;return wt("div",{...u,className:n(e.className,be,b(be,{size:t,rounded:o,fillMode:i,themeColor:r}),{[`${be}-bordered`]:c}),children:wt("span",{className:`${be}-${p}`,children:e.children})})};Q.states=ds;Q.options=us;Q.className=be;Q.defaultOptions=D;import{jsx as Ea}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";import{jsx as $a}from"react/jsx-runtime";import{jsx as Y,jsxs as xs}from"react/jsx-runtime";var Pe="k-chip",fs=[s.hover,s.focus,s.active,s.selected,s.disabled],hs={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.outline],themeColor:[l.base,l.success,l.warning,l.error,l.info]},Z={size:a.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},j=e=>{let{size:t=Z.size,rounded:o=Z.rounded,fillMode:i=Z.fillMode,themeColor:r=Z.themeColor,text:p,icon:c,actions:u,showAvatar:d,avatarImage:f=Z.avatarImage,hover:x,focus:v,active:N,selected:S,disabled:M,...A}=e;return xs("div",{...A,className:n(e.className,Pe,b(Pe,{size:t,rounded:o,fillMode:i,themeColor:r}),k(Pe,{hover:x,focus:v,active:N,disabled:M,selected:S})),children:[c&&Y(L,{className:"k-chip-icon",icon:c,size:"small"}),d&&Y(Q,{className:"k-chip-avatar",type:"image",children:Y("img",{src:f})}),Y("span",{className:"k-chip-content",children:e.children?e.children:p&&Y("span",{className:"k-chip-label",children:p})}),u&&Y("span",{className:"k-chip-actions",children:u})]})};j.states=fs;j.options=hs;j.className=Pe;j.defaultOptions=Z;import{jsx as Ns}from"react/jsx-runtime";var ot="k-chip-list",bs=[],vs={size:[a.small,a.medium,a.large]},$t={size:a.medium},ee=e=>{let{size:t=$t.size,...o}=e;return Ns("div",{...o,className:n(e.className,ot,b(ot,{size:t})),children:e.children})};ee.states=bs;ee.options=vs;ee.className=ot;ee.defaultOptions=$t;import{jsx as or}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";import{Fragment as Sr,jsx as Lr,jsxs as yr}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Gt="k-animation-container",Ls=[],Ss={},_t={positionMode:"absolute"},V=e=>{let{positionMode:t=_t.positionMode,animationStyle:o,offset:i,...r}=e;return Bt("div",{...r,style:{...i,...e.style},className:n(e.className,Gt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Bt("div",{className:"k-child-animation-container",style:o,children:e.children})})};V.states=Ls;V.options=Ss;V.className=Gt;V.defaultOptions=_t;import{jsx as Xt}from"react/jsx-runtime";var Dt="k-popup",ys=[],gs={},Ft={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=Ft.positionMode,animationStyle:i,...r}=e;return Xt(V,{positionMode:o,offset:t,animationStyle:i,children:Xt("div",{...r,className:n(e.className,Dt),children:e.children})})};te.states=ys;te.options=gs;te.className=Dt;te.defaultOptions=Ft;import{jsx as As}from"react/jsx-runtime";var Ve="k-actions",Is=[],ks={},st={alignment:"start",orientation:"horizontal"},oe=e=>{let{alignment:t=st.alignment,orientation:o=st.orientation,...i}=e;return As("div",{...i,className:n(Ve,{[`${Ve}-${t}`]:t,[`${Ve}-${o}`]:o},e.className),children:e.children})};oe.states=Is;oe.options=ks;oe.className=Ve;oe.defaultOptions=st;import{jsx as Ms}from"react/jsx-runtime";var Cs="k-actionsheet-footer",Jt={alignment:"stretched",orientation:"horizontal"},nt=e=>{let{alignment:t=Jt.alignment,orientation:o=Jt.orientation,template:i,as:r=i?"div":oe,...p}=e;return Ms(r,{...p,...!i&&{alignment:t,orientation:o},className:n(e.className,Cs),children:e.children})};import{jsx as ve,jsxs as Es}from"react/jsx-runtime";var qt="k-searchbox",Ts=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],zs={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},it={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},se=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:x,loading:v,disabled:N,showIcon:S=it.showIcon,icon:M=it.icon,...A}=e;return Es(I,{...A,size:i,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:x,loading:v,disabled:N,className:n(e.className,qt),children:[S&&ve(L,{className:"k-input-icon",icon:M}),ve(R,{placeholder:o,value:t}),ve(w,{...e}),ve(P,{...e}),ve(K,{...e})]})};se.states=Ts;se.options=zs;se.className=qt;se.defaultOptions=it;import{jsx as rl}from"react/jsx-runtime";import{Fragment as Ut,jsx as $,jsxs as at}from"react/jsx-runtime";var Wt="k-textbox",Os=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Hs={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},F={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},ne=e=>{let{size:t=F.size,rounded:o=F.rounded,fillMode:i=F.fillMode,separators:r=F.separators,showClearButton:p=F.showClearButton,showValidationIcon:c=F.showValidationIcon,prefix:u,suffix:d,type:f,value:x,placeholder:v,hover:N,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:de,...Fe}=e;return at(I,{...Fe,size:t,rounded:o,fillMode:i,hover:N,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:de,className:n(e.className,Wt),children:[u&&at(Ut,{children:[$(Ee,{children:u}),r&&$(W,{})]}),$(R,{placeholder:v,value:x,type:f}),c&&$(P,{valid:M,invalid:A,loading:C,disabled:H}),$(w,{loading:C,disabled:H}),p&&$(K,{loading:C,disabled:H,readonly:de,value:x}),d&&at(Ut,{children:[r&&$(W,{}),$(Oe,{children:d})]})]})};ne.states=Os;ne.options=Hs;ne.className=Wt;ne.defaultOptions=F;import{jsx as vl}from"react/jsx-runtime";import{Fragment as Il,jsx as gl}from"react/jsx-runtime";import{Fragment as El,jsx as zl}from"react/jsx-runtime";import{jsx as B,jsxs as rt}from"react/jsx-runtime";var Yt="k-actionsheet-titlebar",Ks={},G=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:p,input:c,inputValue:u,inputPlaceholder:d,adaptive:f,children:x,...v}=e;return rt("div",{...v,className:n(e.className,Yt),children:[rt("div",{className:"k-actionsheet-titlebar-group",children:[i&&B("div",{className:"k-actionsheet-actions",children:i}),!x&&rt("div",{className:"k-actionsheet-title",children:[t&&B("div",{className:"k-text-center",children:t}),o&&B("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&B("div",{className:"k-actionsheet-title",children:x}),r&&B("div",{className:"k-actionsheet-actions",children:r})]}),(c||p)&&B("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?B(ne,{value:u,placeholder:d,size:f?"large":"medium"}):B(se,{placeholder:"Filter",size:f?"large":"medium"})})]})};G.className=Yt;G.defaultOptions=Ks;import{jsx as lt,jsxs as Vs}from"react/jsx-runtime";var pt="k-actionsheet-view",Rs=[],Ps={},ws={},ie=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:p,...c}=e,u=r?.type===G&<(G,{adaptive:t,...r?.props}),d=p?.type===nt&<(nt,{...p?.props});return Vs("div",{...c,className:n(e.className,pt,{[`${pt}-animated`]:o}),children:[u,lt("div",{className:"k-actionsheet-content",children:i}),d]})};ie.states=Rs;ie.options=Ps;ie.className=pt;ie.defaultOptions=ws;import{jsx as $e,jsxs as Gs}from"react/jsx-runtime";var Zt="k-actionsheet",$s=[],Bs={},Ne={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Ne.side,fullscreen:o=Ne.fullscreen,adaptive:i=Ne.adaptive,overlay:r=Ne.overlay,template:p,children:c,header:u,footer:d,...f}=e;return Gs("div",{className:"k-actionsheet-container",children:[r&&$e("div",{className:"k-overlay"}),$e(V,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:$e("div",{...f,className:n(e.className,Zt,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:p||$e(ie,{header:u,footer:d,adaptive:i,...e,children:c})})})]})};J.states=$s;J.options=Bs;J.className=Zt;J.defaultOptions=Ne;import{jsx as tp}from"react/jsx-runtime";import{Fragment as Xs,jsx as Le,jsxs as ct}from"react/jsx-runtime";var mt="k-actionsheet-item",_s=[s.hover,s.focus,s.selected,s.disabled],dt=e=>{let{iconName:t,text:o,description:i,hover:r,focus:p,selected:c,disabled:u,...d}=e;return ct("span",{...d,className:n(e.className,mt,k(mt,{hover:r,focus:p,selected:c,disabled:u})),children:[!e.children&&Le(Xs,{children:ct("span",{className:"k-actionsheet-action",children:[t&&Le("span",{className:"k-icon-wrap",children:Le(L,{className:"k-actionsheet-item-icon",icon:t})}),ct("span",{className:"k-actionsheet-item-text",children:[o&&Le("span",{className:"k-actionsheet-item-title",children:o}),i&&Le("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};dt.states=_s;dt.className=mt;import{jsx as cp,jsxs as mp}from"react/jsx-runtime";import{jsx as hp}from"react/jsx-runtime";import{jsx as Np}from"react/jsx-runtime";import{jsx as gp}from"react/jsx-runtime";import{jsx as Fs}from"react/jsx-runtime";var Ds="k-no-data",Se=e=>Fs("span",{className:n(Ds,e.className),children:e.children});import{jsx as ae,jsxs as eo}from"react/jsx-runtime";var ut="k-list",Js=[],qs={size:[a.small,a.medium,a.large]},to={size:a.medium},O=e=>{let{size:t=to.size,virtualization:o,children:i,optionLabel:r,customValue:p,screenReaders:c,...u}=e,d,f,x,v,N=[];return i?i.map((S,M)=>{S.type===E?(S.props.root===!0?(d=S.props.label,S.props.children.map((A,T)=>{N.push(ae(y,{...A.props},`optChild-${T}-${new Date().getTime()}`))})):S.props.children.forEach((A,T)=>{let C="";T===0&&(C=S.props.label),N.push(ae(y,{className:T===0?"k-first":"",...A.props,groupLabel:C},`groupLabel-${T}-${new Date().getTime()}`))}),f=ae(E,{label:d,virtualization:o,children:N})):S.type===y&&(N.push(ae(y,{...S.props},`${S.type}-${M}`)),x=ae(re,{virtualization:o,children:N}),c&&(v=eo(Se,{className:"k-sr-only",children:[N.length," items found."]})))}):v=ae(Se,{children:"No data found."}),eo("div",{...u,className:n(e.className,ut,b(ut,{size:t}),{"k-virtual-list":o}),children:[r,p,f,x,v]})};O.states=Js;O.options=qs;O.className=ut;O.defaultOptions=to;import{jsx as q,jsxs as Qs}from"react/jsx-runtime";var ft="k-list",Us=[],Ws={size:[a.small,a.medium,a.large]},oo={size:a.medium},U=e=>{let{size:t=oo.size,virtualization:o,children:i,...r}=e,p,c,u,d=[];return i?i.map((f,x)=>{f.type===E?(f.props.root===!0?(p=f.props.label,f.props.children.map((v,N)=>{d.push(q(y,{...v.props},`optChild-${N}-${new Date().getTime()}`))})):(d.push(q(so,{...f.props,children:f.props.label},`listChild-${x}`)),f.props.children.map((v,N)=>{d.push(q(y,{...v.props},`fwOptChild-${N}-${new Date().getTime()}`))})),c=q(E,{label:p,virtualization:o,children:d})):f.type===y&&(d.push(q(y,{...f.props},`${f.type}-${x}`)),u=q(re,{virtualization:o,children:d}))}):u=q(Se,{children:"No data found."}),Qs("div",{...r,className:n(e.className,ft,b(ft,{size:t}),{"k-virtual-list":o}),children:[c,u]})};U.states=Us;U.options=Ws;U.className=ft;U.defaultOptions=oo;import{jsx as no}from"react/jsx-runtime";var Be="k-checkbox",Ys=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Zs={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full]},ht={size:a.medium,rounded:m.medium},_=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:p,disabled:c,invalid:u,valid:d,required:f,size:x=ht.size,rounded:v=ht.rounded,...N}=e;return no("span",{className:"k-checkbox-wrap",children:no("input",{...N,id:t,type:"checkbox",defaultChecked:o,required:f,className:n(e.className,Be,b(Be,{size:x,rounded:v}),k(Be,{hover:r,focus:p,disabled:c,invalid:u,valid:d,indeterminate:i,checked:o}))})})};_.states=Ys;_.options=Zs;_.className=Be;_.defaultOptions=ht;import{jsx as tn}from"react/jsx-runtime";var io="k-checkbox-list",js=[],en={},ao={layout:"vertical"},le=e=>{let{layout:t=ao.layout,...o}=e;return tn("ul",{...o,className:n(e.className,io,{[`k-list-${t}`]:t}),children:e.children})};le.states=js;le.options=en;le.className=io;le.defaultOptions=ao;import{jsx as an}from"react/jsx-runtime";var ro="k-checkbox-list-item",on=[],sn={},nn={},pe=e=>{let{...t}=e;return an("li",{...t,className:n(e.className,ro),children:e.children})};pe.states=on;pe.options=sn;pe.className=ro;pe.defaultOptions=nn;import{Fragment as pc,jsx as lc,jsxs as cc}from"react/jsx-runtime";import{Fragment as hc,jsx as fc,jsxs as xc}from"react/jsx-runtime";import{Fragment as Sc,jsx as Lc,jsxs as yc}from"react/jsx-runtime";import{Fragment as Cc,jsx as Ac,jsxs as Mc}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";import{jsx as Ge,jsxs as cn}from"react/jsx-runtime";var bt="k-list-item",rn=[s.hover,s.focus,s.selected,s.disabled],ln={},pn={},y=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:p,showCheckbox:c,checked:u,hover:d,focus:f,selected:x,disabled:v,...N}=e,S=t||e.children;return cn("li",{...N,className:n(e.className,i?"k-list-group-item":bt,k(bt,{hover:d,focus:f,disabled:v,selected:x})),children:[c&&Ge(_,{checked:u}),r&&Ge(L,{icon:p}),Ge("span",{className:"k-list-item-text",children:S}),o&&o!==""&&Ge("div",{className:"k-list-item-group-label",children:o})]})};y.states=rn;y.options=ln;y.className=bt;y.defaultOptions=pn;import{jsx as vt,jsxs as dn}from"react/jsx-runtime";var mn="k-list-content",re=e=>{let{virtualization:t,...o}=e;return dn("div",{...o,className:n(mn,e.className),children:[vt("ul",{className:n("k-list-ul"),children:e.children}),t&&vt("div",{className:"k-height-container",children:vt("div",{})})]})};import{jsx as lo}from"react/jsx-runtime";var un="k-list-group-sticky-header",po=e=>lo("div",{className:n(un,e.className),children:lo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as fn,jsx as co,jsxs as hn}from"react/jsx-runtime";var E=e=>{let{virtualization:t,label:o}=e;return hn(fn,{children:[o&&co(po,{children:o}),e.children&&co(re,{virtualization:t,children:e.children})]})};import{jsx as mo}from"react/jsx-runtime";var xn="k-list-group-item",so=e=>mo("li",{className:n(xn,e.className),children:mo("span",{className:"k-list-item-text",children:e.children})});import{jsx as Ln}from"react/jsx-runtime";var Nt="k-list-optionlabel",bn=[s.hover,s.focus,s.selected,s.disabled],vn={},Nn={},_e=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...c}=e;return Ln("div",{...c,className:n(Nt,k(Nt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};_e.states=bn;_e.options=vn;_e.className=Nt;_e.defaultOptions=Nn;import{jsx as In}from"react/jsx-runtime";var Lt="k-list-custom-value",Sn=[s.hover,s.focus,s.selected,s.disabled],yn={},gn={},ce=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...c}=e;return In("div",{...c,className:n(Lt,k(Lt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};ce.states=Sn;ce.options=yn;ce.className=Lt;ce.defaultOptions=gn;import{jsx as Nm}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";import{jsx as Cm,jsxs as Mm}from"react/jsx-runtime";import{jsx as Om,jsxs as Hm}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";import{jsx as Gm,jsxs as _m}from"react/jsx-runtime";import{jsx as Jm,jsxs as qm}from"react/jsx-runtime";import{Fragment as Xe,jsx as g,jsxs as me}from"react/jsx-runtime";var uo="k-multiselect",kn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],An={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},ye={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},ge=e=>{let{size:t=ye.size,rounded:o=ye.rounded,fillMode:i=ye.fillMode,separators:r=ye.separators,prefix:p,suffix:c,value:u,placeholder:d,tags:f,popup:x,showArrowButton:v,hover:N,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:de,opened:Fe,adaptive:ho,adaptiveSettings:xo,adaptiveTitle:bo,adaptiveSubtitle:vo,adaptiveCustomValue:No,...Lo}=e;return me(Xe,{children:[me(I,{...Lo,size:t,rounded:o,fillMode:i,hover:N,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:de,className:n(e.className,uo),children:[p&&me(Xe,{children:[g(Ee,{children:p}),r&&g(W,{})]}),me("div",{className:"k-input-values",children:[g(ee,{size:t,children:g(Xe,{children:f})}),g(R,{placeholder:d,value:u})]}),g(P,{valid:M,invalid:A,loading:C,disabled:H}),g(w,{loading:C,disabled:H}),g(K,{loading:C,disabled:H,readonly:de,value:f?"value":""}),c&&me(Xe,{children:[r&&g(W,{}),g(Oe,{children:c})]}),v&&g(z,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]}),Fe&&x&&g(te,{className:"k-list-container k-multiselect-popup",children:x}),ho&&g(J,{adaptive:!0,...xo,header:g(G,{actionsEnd:g(z,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:d,title:bo,subtitle:vo}),children:g("div",{className:"k-list-container",children:me(O,{customValue:No?g(ce,{text:`Use "${u}"`}):void 0,size:"large",children:[g(y,{text:"List item"}),g(y,{text:"List item"}),g(y,{text:"List item"})]})})})]})};ge.states=kn;ge.options=An;ge.className=uo;ge.defaultOptions=ye;var fo=ge;import{Fragment as Cn,jsx as De}from"react/jsx-runtime";var Id=({size:e,rounded:t,children:o,...i})=>De(Cn,{children:De(fo,{size:e,rounded:t,tags:De(j,{text:o,actions:De(Re,{type:"remove"}),size:e,rounded:t}),...i})});export{Id as MultiSelectValue};