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