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