@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 28.1 kB
JavaScript
var wo=Object.create;var Ee=Object.defineProperty;var go=Object.getOwnPropertyDescriptor;var Ao=Object.getOwnPropertyNames;var Mo=Object.getPrototypeOf,Eo=Object.prototype.hasOwnProperty;var Lo=(e,t)=>{for(var o in t)Ee(e,o,{get:t[o],enumerable:!0})},wt=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ao(t))!Eo.call(e,r)&&r!==o&&Ee(e,r,{get:()=>t[r],enumerable:!(s=go(t,r))||s.enumerable});return e};var zo=(e,t,o)=>(o=e!=null?wo(Mo(e)):{},wt(t||!e||!e.__esModule?Ee(o,"default",{value:e,enumerable:!0}):o,e)),Oo=e=>wt(Ee({},"__esModule",{value:!0}),e);var Ci={};Lo(Ci,{MultiSelectTreeFiltering:()=>yi});module.exports=Oo(Ci);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>i({[`${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"}),w=(e,t)=>i({"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"},d={small:"small",medium:"medium",large:"large",full:"full"},u={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"},n={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"};var We=require("react/jsx-runtime"),Le="k-checkbox",Ro=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ko={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full]},Ue={size:a.medium,rounded:d.medium},B=e=>{let{id:t,checked:o,indeterminate:s,hover:r,focus:c,disabled:p,invalid:m,valid:x,required:N,size:y=Ue.size,rounded:k=Ue.rounded,...g}=e;return(0,We.jsx)("span",{className:"k-checkbox-wrap",children:(0,We.jsx)("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:N,className:i(e.className,Le,v(Le,{size:y,rounded:k}),w(Le,{hover:r,focus:c,disabled:p,invalid:m,valid:x,indeterminate:s,checked:o}))})})};B.states=Ro;B.options=Ko;B.className=Le;B.defaultOptions=Ue;var Mt=require("react/jsx-runtime"),gt="k-checkbox-list",Ho=[],Po={},At={layout:"vertical"},se=e=>{let{layout:t=At.layout,...o}=e;return(0,Mt.jsx)("ul",{...o,className:i(e.className,gt,{[`k-list-${t}`]:t}),children:e.children})};se.states=Ho;se.options=Po;se.className=gt;se.defaultOptions=At;var Lt=require("react/jsx-runtime"),Et="k-checkbox-list-item",Bo=[],Go={},Vo={},ae=e=>{let{...t}=e;return(0,Lt.jsx)("li",{...t,className:i(e.className,Et),children:e.children})};ae.states=Bo;ae.options=Go;ae.className=Et;ae.defaultOptions=Vo;var Ye=require("react/jsx-runtime");var Ze=require("react/jsx-runtime");var je=require("react/jsx-runtime");var et=require("react/jsx-runtime");var $o=require("react/jsx-runtime");var _o=require("react/jsx-runtime");var xe=require("react/jsx-runtime"),tt="k-icon k-font-icon",Fo=[],Xo={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]},Jo={},ve=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:c,...p}=e;return s?(0,xe.jsx)("span",{...p,className:i(e.className,tt,v(tt,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,xe.jsx)(xe.Fragment,{})};ve.states=Fo;ve.options=Xo;ve.className=tt;ve.defaultOptions=Jo;var zt=ve;var Z=require("react/jsx-runtime"),ot="k-icon k-svg-icon",qo=[],Do={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]},Ot={viewBox:"0 0 24 24"},be=e=>{let{size:t,themeColor:o,rotate:s,flip:r,viewBox:c=Ot.viewBox,icon:p,...m}=e;if(!p)return(0,Z.jsx)(Z.Fragment,{});p==="none"&&{...m,className:i(e.className,ot,"k-none")};let x=typeof p=="object"&&p.name&&p.name;return(0,Z.jsx)("span",{...m,className:i(e.className,ot,v("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,Z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:c,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};be.states=qo;be.options=Do;be.className=ot;be.defaultOptions=Ot;var nt=be;var Rt=zo(require("@progress/kendo-svg-icons")),_=require("react/jsx-runtime"),Uo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Wo=[],Qo={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]},it={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{size:t,themeColor:o,icon:s,type:r=it.type,rotate:c,flip:p,viewBox:m=it.viewBox,...x}=e;if(!s)return(0,_.jsx)(_.Fragment,{});if(r==="svg"){if(s==="none")return(0,_.jsx)(nt,{...x,icon:s,size:t});let N=Uo(`${s}-icon`);return Rt[N]?(0,_.jsx)(nt,{...x,icon:Rt[N],size:t,themeColor:o,rotate:c,flip:p,viewBox:m}):(0,_.jsx)(_.Fragment,{})}return(0,_.jsx)(zt,{...x,icon:s,size:t,themeColor:o,rotate:c,flip:p})};b.states=Wo;b.options=Qo;b.defaultOptions=it;var Kt=require("react/jsx-runtime"),ze="k-input",Yo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Zo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Oe={size:a.medium,rounded:a.medium,fillMode:u.solid},T=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:c,loading:p,readonly:m,size:x=Oe.size,rounded:N=Oe.rounded,fillMode:y=Oe.fillMode,...k}=e;return(0,Kt.jsx)("span",{...k,className:i(e.className,ze,v(ze,{size:x,rounded:N,fillMode:y}),w(ze,{hover:t,focus:o,disabled:s,invalid:r,valid:c,loading:p,readonly:m}))})};T.states=Yo;T.options=Zo;T.className=ze;T.defaultOptions=Oe;var Ht=require("react/jsx-runtime"),Re="k-picker",jo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],en={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Ke={size:a.medium,rounded:d.medium,fillMode:u.solid},He=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:c,loading:p,readonly:m,size:x=Ke.size,rounded:N=Ke.rounded,fillMode:y=Ke.fillMode,...k}=e;return(0,Ht.jsx)("span",{...k,className:i(e.className,Re,v(Re,{size:x,rounded:N,fillMode:y}),w(Re,{hover:t,focus:o,disabled:s,invalid:r,valid:c,loading:p,readonly:m})),children:e.children})};He.states=jo;He.options=en;He.className=Re;He.defaultOptions=Ke;var re=require("react/jsx-runtime"),Pt="k-clear-value",tn=[n.disabled,n.loading,n.readonly],on={},F=e=>{let{disabled:t,loading:o,readonly:s,value:r}=e;return t||s||o||!r?(0,re.jsx)(re.Fragment,{}):(0,re.jsx)("span",{className:i(e.className,Pt),children:(0,re.jsx)(b,{icon:"x"})})};F.states=tn;F.options=on;F.className=Pt;var Bt=require("react/jsx-runtime"),st="k-input-inner",nn=[],sn={},Pe={type:"text",autocomplete:"off",value:"",placeholder:""},j=e=>{let{value:t=Pe.value,type:o=Pe.type,placeholder:s=Pe.placeholder,autocomplete:r=Pe.autocomplete,...c}=e;return(0,Bt.jsx)("input",{...c,type:o,className:i(e.className,st,v(st,e)),placeholder:s,autoComplete:r,defaultValue:t})};j.states=nn;j.options=sn;j.className=st;var Ne=require("react/jsx-runtime"),at="k-input-inner",an=[],rn={},rt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:r,valueIconName:c,...p}=e;return(0,Ne.jsxs)("span",{...p,className:i(e.className,at,v(at,e)),children:[r,!r&&c&&(0,Ne.jsx)(b,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&(0,Ne.jsx)("span",{className:"k-input-value-text",children:t})]})};rt.states=an;rt.options=rn;rt.className=at;var Vt=require("react/jsx-runtime"),lt="k-input-inner",ln=[],cn={},Gt={value:"",placeholder:""},ct=e=>{let{value:t=Gt.value,placeholder:o=Gt.placeholder,rows:s,...r}=e;return(0,Vt.jsx)("textarea",{...r,className:i(e.className,lt,v(lt,e)),placeholder:o,rows:s,defaultValue:t})};ct.states=ln;ct.options=cn;ct.className=lt;var Se=require("react/jsx-runtime"),$t="k-input-loading-icon",pn=[n.disabled,n.loading],q=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Se.jsx)(Se.Fragment,{}):(0,Se.jsx)("span",{className:i(e.className,$t,"k-icon k-i-loading")})};q.states=pn;q.className=$t;var ye=require("react/jsx-runtime"),_t="k-input-validation-icon",dn=[n.valid,n.invalid,n.disabled,n.loading],mn={},X=e=>{let{valid:t,invalid:o,disabled:s,loading:r}=e,c=o?"warning-circle":"check-circle";return s||r||!!!(t||o)?(0,ye.jsx)(ye.Fragment,{}):(0,ye.jsx)(b,{className:i(_t),icon:c})};X.states=dn;X.options=mn;X.className=_t;var Ce=require("react/jsx-runtime"),un="k-input-prefix",fn={direction:"horizontal"},Be=e=>{let{direction:t=fn.direction,...o}=e;return e.children?(0,Ce.jsx)("span",{...o,className:i(un,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ce.jsx)(Ce.Fragment,{})};var ke=require("react/jsx-runtime"),hn="k-input-suffix",xn={direction:"horizontal"},Ge=e=>{let{direction:t=xn.direction,...o}=e;return e.children?(0,ke.jsx)("span",{...o,className:i(hn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ke.jsx)(ke.Fragment,{})};var vn=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),Ft="k-input-separator",Nn={direction:"vertical"},pt=e=>{let{direction:t=Nn.direction,...o}=e;return(0,Xt.jsx)("span",{...o,className:i(Ft,e.className,{[`${Ft}-${t}`]:t})})};var M=require("react/jsx-runtime"),Jt="k-textbox",Sn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},ee={showClearButton:!0,showValidationIcon:!0,size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode,separators:!0},D=e=>{let{size:t=ee.size,rounded:o=ee.rounded,fillMode:s=ee.fillMode,separators:r=ee.separators,showClearButton:c=ee.showClearButton,showValidationIcon:p=ee.showValidationIcon,prefix:m,suffix:x,type:N,value:y,placeholder:k,hover:g,focus:I,valid:E,invalid:A,required:O,loading:H,disabled:V,readonly:$,...Y}=e;return(0,M.jsxs)(T,{...Y,size:t,rounded:o,fillMode:s,hover:g,focus:I,valid:E,invalid:A,required:O,loading:H,disabled:V,readonly:$,className:i(e.className,Jt),children:[m&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Be,{children:m}),r&&(0,M.jsx)(pt,{})]}),(0,M.jsx)(j,{placeholder:k,value:y,type:N}),p&&(0,M.jsx)(X,{valid:E,invalid:A,loading:H,disabled:V}),(0,M.jsx)(q,{loading:H,disabled:V}),c&&(0,M.jsx)(F,{loading:H,disabled:V,readonly:$,value:y}),x&&(0,M.jsxs)(M.Fragment,{children:[r&&(0,M.jsx)(pt,{}),(0,M.jsx)(Ge,{children:x})]})]})};D.states=Sn;D.options=yn;D.className=Jt;D.defaultOptions=ee;var Cn=require("react/jsx-runtime");var Dt=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Ve="k-button",kn=[n.hover,n.focus,n.active,n.selected,n.disabled],Tn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},te={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},G=e=>{let{size:t=te.size,rounded:o=te.rounded,fillMode:s=te.fillMode,themeColor:r=te.themeColor,showArrow:c=te.showArrow,arrowIconName:p=te.arrowIconName,hover:m,focus:x,active:N,selected:y,disabled:k,icon:g,text:I,iconClassName:E,...A}=e,O=g!==void 0,H=e.children!==void 0;return(0,P.jsxs)("button",{...A,className:i(e.className,Ve,v(Ve,{size:t,rounded:o,fillMode:s,themeColor:r}),w(Ve,{hover:m,focus:x,active:N,disabled:k,selected:y}),{"k-icon-button":!I&&!H&&O}),children:[g&&(0,P.jsx)(b,{className:i(E,"k-button-icon"),icon:g}),I?(0,P.jsxs)(P.Fragment,{children:[I&&(0,P.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,P.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,P.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,P.jsx)(b,{icon:p})})]})};G.states=kn;G.options=Tn;G.className=Ve;G.defaultOptions=te;var In=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var Ut=require("react/jsx-runtime");var Te=require("react/jsx-runtime"),mt=require("react"),dt="k-treeview",An=[],Mn={size:[a.small,a.medium,a.large]},Wt={size:a.medium},L=e=>{let{size:t=Wt.size,children:o,dir:s,...r}=e,c=[];return o&&(Array.isArray(o)?o.map((p,m)=>{p.type===f&&c.push((0,mt.createElement)(f,{...p.props,dir:s,key:m})),p.type===C&&c.push((0,mt.createElement)(C,{...p.props,dir:s,key:m}))}):(o.type===f&&c.push((0,Te.jsx)(f,{...o.props,dir:s})),o.type===C&&c.push((0,Te.jsx)(C,{...o.props,dir:s})))),(0,Te.jsx)("div",{...r,dir:s,className:i(e.className,dt,v(dt,{size:t})),children:(0,Te.jsx)(C,{className:"k-treeview-lines",dir:s,children:c})})};L.states=An;L.options=Mn;L.className=dt;L.defaultOptions=Wt;var ut=require("react/jsx-runtime"),Qt=require("react"),En="k-treeview-group",C=e=>{let{children:t,dir:o}=e,s=[];return t&&(Array.isArray(t)?t.map((r,c)=>{r.type===Ie&&s.push((0,Qt.createElement)(Ie,{...r.props,dir:o,key:c}))}):t.type===Ie&&s.push((0,ut.jsx)(Ie,{...t.props,dir:o}))),(0,ut.jsx)("ul",{className:i(e.className,En),children:s})};var we=require("react/jsx-runtime"),ft="k-treeview-leaf",Ln=[n.hover,n.focus,n.selected],zn={},$e=e=>{let{text:t,showIcon:o,icon:s,hover:r,focus:c,selected:p,...m}=e;return(0,we.jsxs)("span",{...m,className:i(e.className,ft,w(ft,{hover:r,focus:c,selected:p})),children:[o&&(0,we.jsx)(b,{icon:s}),(0,we.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};$e.states=Ln;$e.options=zn;$e.className=ft;var Yt=$e;var R=require("react/jsx-runtime"),jt=require("react"),Zt="k-treeview-item",On=[n.hover,n.focus,n.selected,n.disabled],Rn={},Kn={},f=e=>{let{leafClassName:t,children:o,hasChildren:s,expanded:r,text:c,showIcon:p,icon:m,showCheckbox:x,checked:N,hover:y,focus:k,selected:g,disabled:I,top:E,bottom:A,dir:O,...H}=e,V=s||o,$=[];return o&&(Array.isArray(o)?o.map((Y,De)=>{Y.type===C&&$.push((0,jt.createElement)(C,{...Y.props,dir:O,key:De},Y.props.children))}):o.type===C&&$.push((0,R.jsx)(C,{...o.props,dir:O,children:o.props.children}))),(0,R.jsxs)("li",{...H,className:i(e.className,Zt),children:[(0,R.jsxs)("span",{className:i({"k-treeview-top":E,"k-treeview-bot":A,"k-treeview-mid":!E&&!A}),children:[V&&(0,R.jsx)("span",{className:i("k-treeview-toggle",w("k-treeview-toggle",{disabled:I})),children:(0,R.jsx)(b,{icon:r?"caret-alt-down":O==="rtl"?"caret-alt-left":"caret-alt-right"})}),x&&(0,R.jsx)(B,{checked:N,disabled:I}),(0,R.jsx)(Yt,{className:i(t,w(t,{disabled:I})),text:c,showIcon:p,icon:m,hover:y,focus:k,selected:g})]}),r&&V&&(0,R.jsx)(R.Fragment,{children:$})]})};f.states=On;f.options=Rn;f.className=Zt;f.defaultOptions=Kn;var Ie=f;var Hn=require("react/jsx-runtime");var eo=require("react/jsx-runtime");var to=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var no=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var ht=require("react/jsx-runtime"),ge="k-avatar";var Bn=[n.hover,n.focus,n.active,n.selected,n.disabled],Gn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},oe={type:"text",size:a.medium,rounded:d.full,fillMode:u.solid,themeColor:l.primary,border:!1},le=e=>{let{size:t=oe.size,rounded:o=oe.rounded,fillMode:s=oe.fillMode,themeColor:r=oe.themeColor,type:c=oe.type,border:p=oe.border,...m}=e;return(0,ht.jsx)("div",{...m,className:i(e.className,ge,v(ge,{size:t,rounded:o,fillMode:s,themeColor:r}),{[`${ge}-bordered`]:p}),children:(0,ht.jsx)("span",{className:`${ge}-${c}`,children:e.children})})};le.states=Bn;le.options=Gn;le.className=ge;le.defaultOptions=oe;var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var J=require("react/jsx-runtime"),_e="k-chip",Fn=[n.hover,n.focus,n.active,n.selected,n.disabled],Xn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.outline],themeColor:[l.base,l.success,l.warning,l.error,l.info]},ce={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},Fe=e=>{let{size:t=ce.size,rounded:o=ce.rounded,fillMode:s=ce.fillMode,themeColor:r=ce.themeColor,text:c,icon:p,actions:m,showAvatar:x,avatarImage:N=ce.avatarImage,hover:y,focus:k,active:g,selected:I,disabled:E,...A}=e;return(0,J.jsxs)("div",{...A,className:i(e.className,_e,v(_e,{size:t,rounded:o,fillMode:s,themeColor:r}),w(_e,{hover:y,focus:k,active:g,disabled:E,selected:I})),children:[p&&(0,J.jsx)(b,{className:"k-chip-icon",icon:p,size:"small"}),x&&(0,J.jsx)(le,{className:"k-chip-avatar",type:"image",children:(0,J.jsx)("img",{src:N})}),(0,J.jsx)("span",{className:"k-chip-content",children:e.children?e.children:c&&(0,J.jsx)("span",{className:"k-chip-label",children:c})}),m&&(0,J.jsx)("span",{className:"k-chip-actions",children:m})]})};Fe.states=Fn;Fe.options=Xn;Fe.className=_e;Fe.defaultOptions=ce;var ao=require("react/jsx-runtime"),xt="k-chip-list",Jn=[],qn={size:[a.small,a.medium,a.large]},so={size:a.medium},pe=e=>{let{size:t=so.size,...o}=e;return(0,ao.jsx)("div",{...o,className:i(e.className,xt,v(xt,{size:t})),children:e.children})};pe.states=Jn;pe.options=qn;pe.className=xt;pe.defaultOptions=so;var Dn=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var vt=require("react/jsx-runtime");var bt=require("react/jsx-runtime"),ro="k-animation-container",Zn=[],jn={},lo={positionMode:"absolute"},U=e=>{let{positionMode:t=lo.positionMode,animationStyle:o,offset:s,...r}=e;return(0,bt.jsx)("div",{...r,style:{...s,...e.style},className:i(e.className,ro,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,bt.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};U.states=Zn;U.options=jn;U.className=ro;U.defaultOptions=lo;var Nt=require("react/jsx-runtime"),co="k-popup",ei=[],ti={},po={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=po.positionMode,animationStyle:s,...r}=e;return(0,Nt.jsx)(U,{positionMode:o,offset:t,animationStyle:s,children:(0,Nt.jsx)("div",{...r,className:i(e.className,co),children:e.children})})};de.states=ei;de.options=ti;de.className=co;de.defaultOptions=po;var mo=require("react/jsx-runtime"),Je="k-actions",oi=[],ni={},St={alignment:"start",orientation:"horizontal"},me=e=>{let{alignment:t=St.alignment,orientation:o=St.orientation,...s}=e;return(0,mo.jsx)("div",{...s,className:i(Je,{[`${Je}-${t}`]:t,[`${Je}-${o}`]:o},e.className),children:e.children})};me.states=oi;me.options=ni;me.className=Je;me.defaultOptions=St;var fo=require("react/jsx-runtime"),ii="k-actionsheet-footer",uo={alignment:"stretched",orientation:"horizontal"},yt=e=>{let{alignment:t=uo.alignment,orientation:o=uo.orientation,template:s,as:r=s?"div":me,...c}=e;return(0,fo.jsx)(r,{...c,...!s&&{alignment:t,orientation:o},className:i(e.className,ii),children:e.children})};var W=require("react/jsx-runtime"),ho="k-searchbox",si=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ai={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Ct={showIcon:!0,icon:"search",size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode},ue=e=>{let{value:t,placeholder:o,size:s,rounded:r,fillMode:c,hover:p,focus:m,valid:x,invalid:N,required:y,loading:k,disabled:g,showIcon:I=Ct.showIcon,icon:E=Ct.icon,...A}=e;return(0,W.jsxs)(T,{...A,size:s,rounded:r,fillMode:c,hover:p,focus:m,valid:x,invalid:N,required:y,loading:k,disabled:g,className:i(e.className,ho),children:[I&&(0,W.jsx)(b,{className:"k-input-icon",icon:E}),(0,W.jsx)(j,{placeholder:o,value:t}),(0,W.jsx)(q,{...e}),(0,W.jsx)(X,{...e}),(0,W.jsx)(F,{...e})]})};ue.states=si;ue.options=ai;ue.className=ho;ue.defaultOptions=Ct;var ri=require("react/jsx-runtime");var z=require("react/jsx-runtime"),xo="k-actionsheet-titlebar",li={},Q=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:r,filter:c,input:p,inputValue:m,inputPlaceholder:x,adaptive:N,children:y,...k}=e;return(0,z.jsxs)("div",{...k,className:i(e.className,xo),children:[(0,z.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[s&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:s}),!y&&(0,z.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,z.jsx)("div",{className:"k-text-center",children:t}),o&&(0,z.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,z.jsx)("div",{className:"k-actionsheet-title",children:y}),r&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p||c)&&(0,z.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,z.jsx)(D,{value:m,placeholder:x,size:N?"large":"medium"}):(0,z.jsx)(ue,{placeholder:"Filter",size:N?"large":"medium"})})]})};Q.className=xo;Q.defaultOptions=li;var fe=require("react/jsx-runtime"),kt="k-actionsheet-view",ci=[],pi={},di={},he=e=>{let{adaptive:t,animated:o,children:s,header:r,footer:c,...p}=e,m=(r==null?void 0:r.type)===Q&&(0,fe.jsx)(Q,{adaptive:t,...r==null?void 0:r.props}),x=(c==null?void 0:c.type)===yt&&(0,fe.jsx)(yt,{...c==null?void 0:c.props});return(0,fe.jsxs)("div",{...p,className:i(e.className,kt,{[`${kt}-animated`]:o}),children:[m,(0,fe.jsx)("div",{className:"k-actionsheet-content",children:s}),x]})};he.states=ci;he.options=pi;he.className=kt;he.defaultOptions=di;var ne=require("react/jsx-runtime"),vo="k-actionsheet",mi=[],ui={},Ae={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=Ae.side,fullscreen:o=Ae.fullscreen,adaptive:s=Ae.adaptive,overlay:r=Ae.overlay,template:c,children:p,header:m,footer:x,...N}=e;return(0,ne.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,ne.jsx)("div",{className:"k-overlay"}),(0,ne.jsx)(U,{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:(0,ne.jsx)("div",{...N,className:i(e.className,vo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:c||(0,ne.jsx)(he,{header:m,footer:x,adaptive:s,...e,children:p})})})]})};ie.states=mi;ie.options=ui;ie.className=vo;ie.defaultOptions=Ae;var fi=require("react/jsx-runtime");var K=require("react/jsx-runtime"),Tt="k-actionsheet-item",hi=[n.hover,n.focus,n.selected,n.disabled],It=e=>{let{iconName:t,text:o,description:s,hover:r,focus:c,selected:p,disabled:m,...x}=e;return(0,K.jsxs)("span",{...x,className:i(e.className,Tt,w(Tt,{hover:r,focus:c,selected:p,disabled:m})),children:[!e.children&&(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,K.jsx)("span",{className:"k-icon-wrap",children:(0,K.jsx)(b,{className:"k-actionsheet-item-icon",icon:t})}),(0,K.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,K.jsx)("span",{className:"k-actionsheet-item-title",children:o}),s&&(0,K.jsx)("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};It.states=hi;It.className=Tt;var bo=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var h=require("react/jsx-runtime"),So="k-multiselecttree",Ni=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Si={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},qe={size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode},Me=e=>{let{size:t=qe.size,rounded:o=qe.rounded,fillMode:s=qe.fillMode,prefix:r,suffix:c,placeholder:p,tags:m,popup:x,showArrowButton:N,hover:y,focus:k,valid:g,invalid:I,required:E,loading:A,disabled:O,readonly:H,opened:V,dir:$,adaptive:Y,adaptiveSettings:De,adaptiveTitle:Co,adaptiveSubtitle:ko,adaptiveFilter:To,...Io}=e;return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(T,{...Io,dir:$,size:t,rounded:o,fillMode:s,hover:y,focus:k,valid:g,invalid:I,required:E,loading:A,disabled:O,readonly:H,className:i(e.className,So),children:[(0,h.jsx)(Be,{children:r}),(0,h.jsx)(pe,{size:t,className:"k-input-values",children:(0,h.jsx)(h.Fragment,{children:m})}),(0,h.jsx)("span",{className:"k-input-inner",children:!m&&(0,h.jsx)("span",{className:"k-input-value-text",children:p})}),(0,h.jsx)(X,{valid:g,invalid:I,loading:A,disabled:O}),(0,h.jsx)(q,{loading:A,disabled:O}),(0,h.jsx)(F,{loading:A,disabled:O,readonly:H,value:m?"value":""}),(0,h.jsx)(Ge,{children:c}),N&&(0,h.jsx)(G,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),V&&x&&(0,h.jsx)(de,{className:"k-multiselecttree-popup",dir:$,children:x}),Y&&(0,h.jsx)(ie,{adaptive:!0,...De,header:(0,h.jsx)(Q,{actionsEnd:(0,h.jsx)(G,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:To,inputPlaceholder:p,title:Co,subtitle:ko}),children:(0,h.jsxs)(L,{size:"large",children:[(0,h.jsx)(f,{top:!0,text:"Root 1"}),(0,h.jsx)(f,{text:"Root 2",expanded:!0,children:(0,h.jsxs)(C,{children:[(0,h.jsx)(f,{top:!0,text:"Child 2.1"}),(0,h.jsx)(f,{text:"Child 2.2",children:(0,h.jsx)(C,{children:(0,h.jsx)(f,{bottom:!0,text:"Child 2.2.1"})})}),(0,h.jsx)(f,{text:"Child 2.3"}),(0,h.jsx)(f,{bottom:!0,leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),(0,h.jsx)(f,{bottom:!0,text:"Root 3",children:(0,h.jsxs)(C,{children:[(0,h.jsx)(f,{top:!0,text:"Child 3.1"}),(0,h.jsx)(f,{text:"Child 3.2"}),(0,h.jsx)(f,{bottom:!0,text:"Child 3.3"})]})})]})})]})};Me.states=Ni;Me.options=Si;Me.className=So;Me.defaultOptions=qe;var yo=Me;var S=require("react/jsx-runtime"),yi=e=>(0,S.jsx)(yo,{opened:!0,popup:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:"k-list-filter",children:(0,S.jsx)(D,{prefix:(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(b,{icon:"search"})})})}),(0,S.jsxs)("div",{className:"k-check-all",children:[(0,S.jsx)(B,{}),(0,S.jsx)("span",{className:"k-checkbox-label",children:"Check all"})]}),(0,S.jsxs)(L,{dir:e.dir,children:[(0,S.jsx)(f,{top:!0,text:"Furniture",showCheckbox:!0,children:(0,S.jsxs)(C,{children:[(0,S.jsx)(f,{top:!0,text:"Child 1",showCheckbox:!0}),(0,S.jsx)(f,{text:"Child 2",showCheckbox:!0}),(0,S.jsx)(f,{bottom:!0,text:"Child 3",showCheckbox:!0})]})}),(0,S.jsx)(f,{bottom:!0,text:"Decor",showCheckbox:!0,children:(0,S.jsxs)(C,{children:[(0,S.jsx)(f,{top:!0,text:"Child 1",showCheckbox:!0}),(0,S.jsx)(f,{text:"Child 2",showCheckbox:!0}),(0,S.jsx)(f,{bottom:!0,text:"Child 3",showCheckbox:!0})]})})]})]}),...e});