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