npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.2 → 14.7.0-dev.3 - Mend

@progress/kendo-themes-html 14.7.0-dev.2 → 14.7.0-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/dist/esm/treeview/templates/treeview-hierarchy.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import ie from"react";import ne from"react";var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var E=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),A=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:y,disabled:v,indeterminate:u,loading:_,empty:O,readonly:F,highlighted:H,...z}=e;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":y,"k-disabled":v,"k-indeterminate":u&&!m,"k-loading":_,"k-empty":O,"k-readonly":F,"k-highlighted":H},Object.keys(z).reduce((G,M)=>(M.startsWith("k-")?G[M]=z[M]:G[`k-${M}`]=z[M],G),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},R={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var I={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as He}from"react/jsx-runtime";var _e="k-treeview-group",b=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return He("ul",{...d,className:l(t.className,_e),role:i,children:ne.Children.map(e,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var V="treeview",J=V;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",ze=[],Ge={size:[r.undefined,r.small,r.medium,r.large]},Pe={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:l(t.className,ae,E(ae,{size:e})),children:he(b,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=ze;p.options=Ge;p.className=ae;p.defaultOptions=Pe;p.moduleName=V;p.folderName=J;import xe from"react";var S="checkbox",P=S;import{jsx as ue}from"react/jsx-runtime";var Q="k-checkbox",Be=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],De={size:[r.undefined,r.small,r.medium,r.large],rounded:[R.undefined,R.none,R.small,R.medium,R.large,R.full]},$e={},w=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:y,required:v,size:u,rounded:_,wrapperRole:O,...F}=t;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...F,id:e,type:"checkbox",defaultChecked:o,required:v,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(t.className,Q,E(Q,{size:u,rounded:_}),A(Q,{hover:i,focus:d,disabled:m,invalid:c,valid:y,indeterminate:n,checked:o}))})})};w.states=Be;w.options=De;w.className=Q;w.defaultOptions=$e;w.moduleName=S;w.folderName=P;var T=w;import{jsx as We}from"react/jsx-runtime";var ve="k-checkbox-list",Fe=[],Ve={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return We("ul",{...o,className:l(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Fe;f.options=Ve;f.className=ve;f.defaultOptions=be;f.moduleName=S;f.folderName=P;import{jsx as Je}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Ue=[],Xe={},qe={},h=t=>{let{...e}=t;return Je("li",{...e,className:l(t.className,Ce),children:t.children})};h.states=Ue;h.options=Xe;h.className=Ce;h.defaultOptions=qe;h.moduleName=S;h.folderName=P;import{Fragment as Qe,jsx as ke,jsxs as Ye}from"react/jsx-runtime";var L=({children:t="Label",id:e="cb-label-after",...o})=>Ye(Qe,{children:[ke(T,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as Co,jsx as bo,jsxs as ko}from"react/jsx-runtime";import{Fragment as No,jsx as Io,jsxs as Eo}from"react/jsx-runtime";import{Fragment as Ao,jsx as Mo,jsxs as Ro}from"react/jsx-runtime";import{jsx as Ho}from"react/jsx-runtime";import{jsx as Bo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as C,jsxs as we}from"react/jsx-runtime";var Ze=f.options,je=f.states,et={...f.defaultOptions,variant:"vertical"},tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ot=[],B=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]})};B.options=Ze;B.states=je;B.variants=tt;B.defaultOptions=et;B.modifiers=ot;B.className=f.className;import{jsx as lt}from"react/jsx-runtime";var rt=T.options,nt=T.states,it=T.defaultOptions,at=[],st=[],D=t=>lt(L,{id:g("checkbox"),...t,defaultChecked:!0,children:"Label"});D.options=rt;D.states=nt;D.variants=at;D.defaultOptions=it;D.modifiers=st;D.className=T.className;import{Fragment as pt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",ct=[],mt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},dt={},W=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:l(t.className,se,E(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(pt,{})};W.states=ct;W.options=mt;W.className=se;W.defaultOptions=dt;var ye=W;import{Fragment as ht,jsx as Y}from"react/jsx-runtime";var le="k-svg-icon",xt=[],ft={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},ce={viewBox:"0 0 24 24",variant:I.outline},U=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...y}=t;if(!c)return Y(ht,{});if(c==="none")return Y("span",{...y,className:l(t.className,le,E("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Y("span",{...y,className:l(t.className,le,E("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Y("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:t.children})})};U.states=xt;U.options=ft;U.className=le;U.defaultOptions=ce;var me=U;import*as de from"@progress/kendo-svg-icons";var Ie="icon",Ne="icons";import{useContext as vt}from"react";import{createContext as ut}from"react";var Ee=ut({iconsType:"svg"});import{Fragment as ge,jsx as X}from"react/jsx-runtime";var Z="k-icon",bt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ct=[],kt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},j={viewBox:"0 0 24 24",type:"svg",variant:I.outline},N=t=>{let{iconsType:e}=vt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|j.type,rotate:m,flip:c,viewBox:y=j.viewBox,variant:v=j.variant,...u}=t;if(!i)return X(ge,{});if((e\|\|d)==="svg"){if(i==="none")return X(me,{...u,className:l(t.className,Z),icon:i,size:o,variant:v});let O=de[i]?i:bt(`${i}-icon`);return de[O]?X(me,{...u,className:l(t.className,Z),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:y,variant:v}):X(ge,{})}return X(ye,{...u,className:l(t.className,Z),icon:i,size:o,themeColor:n,rotate:m,flip:c})};N.states=Ct;N.options=kt;N.defaultOptions=j;N.className=Z;N.moduleName=Ie;N.folderName=Ne;import{jsx as Le,jsxs as yt}from"react/jsx-runtime";var pe="k-treeview-leaf",wt=[x.hover,x.focus,x.selected],Tt={},ee=t=>{let{text:e,showIcon:o,icon:n,hover:i,focus:d,selected:m,...c}=t;return yt("span",{...c,className:l(t.className,pe,A(pe,{hover:i,focus:d,selected:m})),children:[o&&Le(N,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:e})]})};ee.states=wt;ee.options=Tt;ee.className=pe;var Oe=ee;import{jsx as q,jsxs as Me}from"react/jsx-runtime";var Ae="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Nt={},Et={},a=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,showIcon:c,icon:y,showCheckbox:v,checked:u,hover:_,focus:O,selected:F,disabled:H,dir:z,level:G=1,ariaSelected:M,...Se}=t,te=n\|\|o\|\|d;return Me("li",{...Se,className:l(t.className,Ae),style:{"--kendo-treeview-level":G},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":v?u?"true":"false":void 0,"aria-selected":M?"true":void 0,"aria-disabled":H?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",A("k-treeview-item-content",{hover:_,focus:O,selected:F,disabled:H})),children:[te&&q("span",{className:l("k-treeview-toggle",A("k-treeview-toggle",{disabled:H})),children:d?q("span",{className:"k-icon k-i-loading"}):q(N,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),v&&q(w,{checked:u,disabled:H,"aria-label":m,tabIndex:-1}),q(Oe,{className:e,text:m,showIcon:c,icon:y})]}),i&&te&&xe.Children.map(o,(oe,Ke)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:G+1,key:Ke}):oe)]})};a.states=It;a.options=Nt;a.className=Ae;a.defaultOptions=Et;a.moduleName=V;a.folderName=J;import{jsx as jr}from"react/jsx-runtime";import{jsx as rn,jsxs as nn}from"react/jsx-runtime";import{jsx as cn,jsxs as mn}from"react/jsx-runtime";import{jsx as fn,jsxs as hn}from"react/jsx-runtime";import{jsx as Cn,jsxs as kn}from"react/jsx-runtime";import{jsx as K,jsxs as fe}from"react/jsx-runtime";var gt=p.options,Lt=p.states,Ot=p.defaultOptions,Mt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],$=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[K(a,{text:"Furniture",expanded:!0,...n,children:fe(b,{children:[K(a,{text:"Tables & Chairs",...n}),K(a,{text:"Sofas",...n}),K(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[K(a,{text:"Bed Linen",...n}),K(a,{text:"Curtains & Blinds",...n}),K(a,{text:"Carpets",...n})]})]})};$.options=gt;$.states=Lt;$.variants=At;$.defaultOptions=Ot;$.modifiers=Mt;$.className=p.className;import{jsx as k,jsxs as Re}from"react/jsx-runtime";var Dn=({children:t,...e})=>k(p,{...e,children:t\|\|[k(a,{text:"Root 1"},"treeview-item-1"),k(a,{text:"Root 2",expanded:!0,children:Re(b,{children:[k(a,{text:"Child 2.1"}),k(a,{text:"Child 2.2",children:k(b,{children:k(a,{text:"Child 2.2.1"})})}),k(a,{text:"Child 2.3"})]})},"treeview-item-2"),k(a,{text:"Root 3",children:Re(b,{children:[k(a,{text:"Child 3.1"}),k(a,{text:"Child 3.2"}),k(a,{text:"Child 3.3"})]})},"treeview-item-3")]});export{Dn as TreeviewHierarchy};
1	+ import ie from"react";import ne from"react";var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var E=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),S=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:v,disabled:w,indeterminate:u,loading:A,empty:O,readonly:$,highlighted:ee,...M}=e;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":v,"k-disabled":w,"k-indeterminate":u&&!m,"k-loading":A,"k-empty":O,"k-readonly":$,"k-highlighted":ee},Object.keys(M).reduce((z,R)=>(R.startsWith("k-")?z[R]=M[R]:z[`k-${R}`]=M[R],z),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},K={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var N={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as ze}from"react/jsx-runtime";var He="k-treeview-group",b=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return ze("ul",{...d,className:l(t.className,He),role:i,children:ne.Children.map(e,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var F="treeview",q=F;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",Ge=[],Pe={size:[r.undefined,r.small,r.medium,r.large]},Be={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:l(t.className,ae,E(ae,{size:e})),children:he(b,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=Ge;p.options=Pe;p.className=ae;p.defaultOptions=Be;p.moduleName=F;p.folderName=q;import xe from"react";var _="checkbox",G=_;import{jsx as ue}from"react/jsx-runtime";var J="k-checkbox",De=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],$e={size:[r.undefined,r.small,r.medium,r.large],rounded:[K.undefined,K.none,K.small,K.medium,K.large,K.full]},Fe={},T=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:v,required:w,size:u,rounded:A,wrapperRole:O,...$}=t;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...$,id:e,type:"checkbox",defaultChecked:o,required:w,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(t.className,J,E(J,{size:u,rounded:A}),S(J,{hover:i,focus:d,disabled:m,invalid:c,valid:v,indeterminate:n,checked:o}))})})};T.states=De;T.options=$e;T.className=J;T.defaultOptions=Fe;T.moduleName=_;T.folderName=G;var y=T;import{jsx as Ue}from"react/jsx-runtime";var ve="k-checkbox-list",Ve=[],We={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return Ue("ul",{...o,className:l(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Ve;f.options=We;f.className=ve;f.defaultOptions=be;f.moduleName=_;f.folderName=G;import{jsx as Qe}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Xe=[],qe={},Je={},h=t=>{let{...e}=t;return Qe("li",{...e,className:l(t.className,Ce),children:t.children})};h.states=Xe;h.options=qe;h.className=Ce;h.defaultOptions=Je;h.moduleName=_;h.folderName=G;import{Fragment as Ye,jsx as ke,jsxs as Ze}from"react/jsx-runtime";var L=({children:t="Label",id:e="cb-label-after",...o})=>Ze(Ye,{children:[ke(y,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as ko,jsx as Co,jsxs as wo}from"react/jsx-runtime";import{Fragment as Eo,jsx as Io,jsxs as go}from"react/jsx-runtime";import{Fragment as Ao,jsx as Ro,jsxs as So}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";import{jsx as C,jsxs as we}from"react/jsx-runtime";var je=f.options,et=f.states,tt={...f.defaultOptions,variant:"vertical"},ot=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rt=[],P=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]})};P.options=je;P.states=et;P.variants=ot;P.defaultOptions=tt;P.modifiers=rt;P.className=f.className;import{jsx as ct}from"react/jsx-runtime";var nt=y.options,it=y.states,at=y.defaultOptions,st=[],lt=[],B=t=>ct(L,{id:g("checkbox"),...t,defaultChecked:!0,children:"Label"});B.options=nt;B.states=it;B.variants=st;B.defaultOptions=at;B.modifiers=lt;B.className=y.className;import{Fragment as xt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",mt=[],dt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},pt={},V=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:l(t.className,se,E(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(xt,{})};V.states=mt;V.options=dt;V.className=se;V.defaultOptions=pt;var ye=V;import{Fragment as ut,jsx as Q}from"react/jsx-runtime";var le="k-svg-icon",ft=[],ht={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},ce={viewBox:"0 0 24 24",variant:N.outline},W=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...v}=t;if(!c)return Q(ut,{});if(c==="none")return Q("span",{...v,className:l(t.className,le,E("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let w=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Q("span",{...v,className:l(t.className,le,E("k-icon",{size:e}),{[`k-svg-i-${w}`]:w,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:t.children})})};W.states=ft;W.options=ht;W.className=le;W.defaultOptions=ce;var me=W;import*as de from"@progress/kendo-svg-icons";var Ne="icon",Ie="icons";import{useContext as bt}from"react";import{createContext as vt}from"react";var Ee=vt({iconsType:"svg"});import{Fragment as ge,jsx as U}from"react/jsx-runtime";var Y="k-icon",Ct=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),kt=[],wt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},Z={viewBox:"0 0 24 24",type:"svg",variant:N.outline},I=t=>{let{iconsType:e}=bt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|Z.type,rotate:m,flip:c,viewBox:v=Z.viewBox,variant:w=Z.variant,...u}=t;if(!i)return U(ge,{});if((e\|\|d)==="svg"){if(i==="none")return U(me,{...u,className:l(t.className,Y),icon:i,size:o,variant:w});let O=de[i]?i:Ct(`${i}-icon`);return de[O]?U(me,{...u,className:l(t.className,Y),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:v,variant:w}):U(ge,{})}return U(ye,{...u,className:l(t.className,Y),icon:i,size:o,themeColor:n,rotate:m,flip:c})};I.states=kt;I.options=wt;I.defaultOptions=Z;I.className=Y;I.moduleName=Ne;I.folderName=Ie;import{jsx as Le,jsxs as Nt}from"react/jsx-runtime";var pe="k-treeview-leaf",Tt=[x.hover,x.focus,x.selected],yt={},j=t=>{let{text:e,showIcon:o,icon:n,children:i,hover:d,focus:m,selected:c,...v}=t;return Nt("span",{...v,className:l(t.className,pe,S(pe,{hover:d,focus:m,selected:c})),children:[o&&Le(I,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:i??e})]})};j.states=Tt;j.options=yt;j.className=pe;var Oe=j;import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Re="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Et={},gt={},a=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,content:c,showIcon:v,icon:w,showCheckbox:u,checked:A,hover:O,focus:$,selected:ee,disabled:M,dir:z,level:R=1,ariaSelected:Se,...Ke}=t,te=n\|\|o\|\|d;return Me("li",{...Ke,className:l(t.className,Re),style:{"--kendo-treeview-level":R},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":u?A?"true":"false":void 0,"aria-selected":Se?"true":void 0,"aria-disabled":M?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",S("k-treeview-item-content",{hover:O,focus:$,selected:ee,disabled:M})),children:[te&&X("span",{className:l("k-treeview-toggle",S("k-treeview-toggle",{disabled:M})),children:d?X("span",{className:"k-icon k-i-loading"}):X(I,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),u&&X(T,{checked:A,disabled:M,"aria-label":m,tabIndex:-1}),X(Oe,{className:e,text:m,showIcon:v,icon:w,children:c})]}),i&&te&&xe.Children.map(o,(oe,_e)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:R+1,key:_e}):oe)]})};a.states=It;a.options=Et;a.className=Re;a.defaultOptions=gt;a.moduleName=F;a.folderName=q;import{jsx as en}from"react/jsx-runtime";import{jsx as nn,jsxs as an}from"react/jsx-runtime";import{jsx as mn,jsxs as dn}from"react/jsx-runtime";import{jsx as hn,jsxs as un}from"react/jsx-runtime";import{jsx as kn,jsxs as wn}from"react/jsx-runtime";import{jsx as H,jsxs as fe}from"react/jsx-runtime";var Lt=p.options,Ot=p.states,Mt=p.defaultOptions,Rt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],D=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[H(a,{text:"Furniture",expanded:!0,...n,children:fe(b,{children:[H(a,{text:"Tables & Chairs",...n}),H(a,{text:"Sofas",...n}),H(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[H(a,{text:"Bed Linen",...n}),H(a,{text:"Curtains & Blinds",...n}),H(a,{text:"Carpets",...n})]})]})};D.options=Lt;D.states=Ot;D.variants=At;D.defaultOptions=Mt;D.modifiers=Rt;D.className=p.className;import{jsx as k,jsxs as Ae}from"react/jsx-runtime";var $n=({children:t,...e})=>k(p,{...e,children:t\|\|[k(a,{text:"Root 1"},"treeview-item-1"),k(a,{text:"Root 2",expanded:!0,children:Ae(b,{children:[k(a,{text:"Child 2.1"}),k(a,{text:"Child 2.2",children:k(b,{children:k(a,{text:"Child 2.2.1"})})}),k(a,{text:"Child 2.3"})]})},"treeview-item-2"),k(a,{text:"Root 3",children:Ae(b,{children:[k(a,{text:"Child 3.1"}),k(a,{text:"Child 3.2"}),k(a,{text:"Child 3.3"})]})},"treeview-item-3")]});export{$n as TreeviewHierarchy};

package/dist/esm/treeview/templates/treeview-icons.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import ie from"react";import ne from"react";var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var E=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),A=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:y,disabled:v,indeterminate:u,loading:_,empty:O,readonly:F,highlighted:H,...z}=e;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":y,"k-disabled":v,"k-indeterminate":u&&!m,"k-loading":_,"k-empty":O,"k-readonly":F,"k-highlighted":H},Object.keys(z).reduce((G,M)=>(M.startsWith("k-")?G[M]=z[M]:G[`k-${M}`]=z[M],G),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},R={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var I={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as He}from"react/jsx-runtime";var _e="k-treeview-group",b=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return He("ul",{...d,className:l(t.className,_e),role:i,children:ne.Children.map(e,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var V="treeview",J=V;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",ze=[],Ge={size:[r.undefined,r.small,r.medium,r.large]},Pe={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:l(t.className,ae,E(ae,{size:e})),children:he(b,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=ze;p.options=Ge;p.className=ae;p.defaultOptions=Pe;p.moduleName=V;p.folderName=J;import xe from"react";var S="checkbox",P=S;import{jsx as ue}from"react/jsx-runtime";var Q="k-checkbox",Be=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],De={size:[r.undefined,r.small,r.medium,r.large],rounded:[R.undefined,R.none,R.small,R.medium,R.large,R.full]},$e={},w=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:y,required:v,size:u,rounded:_,wrapperRole:O,...F}=t;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...F,id:e,type:"checkbox",defaultChecked:o,required:v,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(t.className,Q,E(Q,{size:u,rounded:_}),A(Q,{hover:i,focus:d,disabled:m,invalid:c,valid:y,indeterminate:n,checked:o}))})})};w.states=Be;w.options=De;w.className=Q;w.defaultOptions=$e;w.moduleName=S;w.folderName=P;var T=w;import{jsx as We}from"react/jsx-runtime";var ve="k-checkbox-list",Fe=[],Ve={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return We("ul",{...o,className:l(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Fe;f.options=Ve;f.className=ve;f.defaultOptions=be;f.moduleName=S;f.folderName=P;import{jsx as Je}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Ue=[],Xe={},qe={},h=t=>{let{...e}=t;return Je("li",{...e,className:l(t.className,Ce),children:t.children})};h.states=Ue;h.options=Xe;h.className=Ce;h.defaultOptions=qe;h.moduleName=S;h.folderName=P;import{Fragment as Qe,jsx as ke,jsxs as Ye}from"react/jsx-runtime";var L=({children:t="Label",id:e="cb-label-after",...o})=>Ye(Qe,{children:[ke(T,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as Co,jsx as bo,jsxs as ko}from"react/jsx-runtime";import{Fragment as No,jsx as Io,jsxs as Eo}from"react/jsx-runtime";import{Fragment as Ao,jsx as Mo,jsxs as Ro}from"react/jsx-runtime";import{jsx as Ho}from"react/jsx-runtime";import{jsx as Bo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as C,jsxs as we}from"react/jsx-runtime";var Ze=f.options,je=f.states,et={...f.defaultOptions,variant:"vertical"},tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ot=[],B=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]})};B.options=Ze;B.states=je;B.variants=tt;B.defaultOptions=et;B.modifiers=ot;B.className=f.className;import{jsx as lt}from"react/jsx-runtime";var rt=T.options,nt=T.states,it=T.defaultOptions,at=[],st=[],D=t=>lt(L,{id:g("checkbox"),...t,defaultChecked:!0,children:"Label"});D.options=rt;D.states=nt;D.variants=at;D.defaultOptions=it;D.modifiers=st;D.className=T.className;import{Fragment as pt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",ct=[],mt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},dt={},W=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:l(t.className,se,E(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(pt,{})};W.states=ct;W.options=mt;W.className=se;W.defaultOptions=dt;var ye=W;import{Fragment as ht,jsx as Y}from"react/jsx-runtime";var le="k-svg-icon",xt=[],ft={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},ce={viewBox:"0 0 24 24",variant:I.outline},U=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...y}=t;if(!c)return Y(ht,{});if(c==="none")return Y("span",{...y,className:l(t.className,le,E("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Y("span",{...y,className:l(t.className,le,E("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Y("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:t.children})})};U.states=xt;U.options=ft;U.className=le;U.defaultOptions=ce;var me=U;import*as de from"@progress/kendo-svg-icons";var Ie="icon",Ne="icons";import{useContext as vt}from"react";import{createContext as ut}from"react";var Ee=ut({iconsType:"svg"});import{Fragment as ge,jsx as X}from"react/jsx-runtime";var Z="k-icon",bt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ct=[],kt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},j={viewBox:"0 0 24 24",type:"svg",variant:I.outline},N=t=>{let{iconsType:e}=vt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|j.type,rotate:m,flip:c,viewBox:y=j.viewBox,variant:v=j.variant,...u}=t;if(!i)return X(ge,{});if((e\|\|d)==="svg"){if(i==="none")return X(me,{...u,className:l(t.className,Z),icon:i,size:o,variant:v});let O=de[i]?i:bt(`${i}-icon`);return de[O]?X(me,{...u,className:l(t.className,Z),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:y,variant:v}):X(ge,{})}return X(ye,{...u,className:l(t.className,Z),icon:i,size:o,themeColor:n,rotate:m,flip:c})};N.states=Ct;N.options=kt;N.defaultOptions=j;N.className=Z;N.moduleName=Ie;N.folderName=Ne;import{jsx as Le,jsxs as yt}from"react/jsx-runtime";var pe="k-treeview-leaf",wt=[x.hover,x.focus,x.selected],Tt={},ee=t=>{let{text:e,showIcon:o,icon:n,hover:i,focus:d,selected:m,...c}=t;return yt("span",{...c,className:l(t.className,pe,A(pe,{hover:i,focus:d,selected:m})),children:[o&&Le(N,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:e})]})};ee.states=wt;ee.options=Tt;ee.className=pe;var Oe=ee;import{jsx as q,jsxs as Me}from"react/jsx-runtime";var Ae="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Nt={},Et={},a=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,showIcon:c,icon:y,showCheckbox:v,checked:u,hover:_,focus:O,selected:F,disabled:H,dir:z,level:G=1,ariaSelected:M,...Se}=t,te=n\|\|o\|\|d;return Me("li",{...Se,className:l(t.className,Ae),style:{"--kendo-treeview-level":G},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":v?u?"true":"false":void 0,"aria-selected":M?"true":void 0,"aria-disabled":H?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",A("k-treeview-item-content",{hover:_,focus:O,selected:F,disabled:H})),children:[te&&q("span",{className:l("k-treeview-toggle",A("k-treeview-toggle",{disabled:H})),children:d?q("span",{className:"k-icon k-i-loading"}):q(N,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),v&&q(w,{checked:u,disabled:H,"aria-label":m,tabIndex:-1}),q(Oe,{className:e,text:m,showIcon:c,icon:y})]}),i&&te&&xe.Children.map(o,(oe,Ke)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:G+1,key:Ke}):oe)]})};a.states=It;a.options=Nt;a.className=Ae;a.defaultOptions=Et;a.moduleName=V;a.folderName=J;import{jsx as jr}from"react/jsx-runtime";import{jsx as rn,jsxs as nn}from"react/jsx-runtime";import{jsx as cn,jsxs as mn}from"react/jsx-runtime";import{jsx as fn,jsxs as hn}from"react/jsx-runtime";import{jsx as Cn,jsxs as kn}from"react/jsx-runtime";import{jsx as K,jsxs as fe}from"react/jsx-runtime";var gt=p.options,Lt=p.states,Ot=p.defaultOptions,Mt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],$=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[K(a,{text:"Furniture",expanded:!0,...n,children:fe(b,{children:[K(a,{text:"Tables & Chairs",...n}),K(a,{text:"Sofas",...n}),K(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[K(a,{text:"Bed Linen",...n}),K(a,{text:"Curtains & Blinds",...n}),K(a,{text:"Carpets",...n})]})]})};$.options=gt;$.states=Lt;$.variants=At;$.defaultOptions=Ot;$.modifiers=Mt;$.className=p.className;import{jsx as k,jsxs as Re}from"react/jsx-runtime";var Dn=({children:t,...e})=>k(p,{...e,children:t\|\|[k(a,{text:"Root 1"},"treeview-item-1"),k(a,{text:"Root 2",showIcon:!0,icon:"folder",expanded:!0,children:Re(b,{children:[k(a,{showIcon:!0,icon:"folder",text:"Child 2.1"}),k(a,{showIcon:!0,icon:"folder",text:"Child 2.2",children:k(b,{children:k(a,{showIcon:!0,icon:"folder",text:"Child 2.2.1"})})}),k(a,{showIcon:!0,icon:"folder",text:"Child 2.3"})]})},"treeview-item-2"),k(a,{text:"Root 3",showIcon:!0,icon:"folder",children:Re(b,{children:[k(a,{showIcon:!0,icon:"folder",text:"Child 3.1"}),k(a,{showIcon:!0,icon:"folder",text:"Child 3.2"}),k(a,{showIcon:!0,icon:"folder",text:"Child 3.3"})]})},"treeview-item-3")]});export{Dn as TreeviewIcons};
1	+ import ie from"react";import ne from"react";var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var E=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),S=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:v,disabled:w,indeterminate:u,loading:A,empty:O,readonly:$,highlighted:ee,...M}=e;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":v,"k-disabled":w,"k-indeterminate":u&&!m,"k-loading":A,"k-empty":O,"k-readonly":$,"k-highlighted":ee},Object.keys(M).reduce((z,R)=>(R.startsWith("k-")?z[R]=M[R]:z[`k-${R}`]=M[R],z),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},K={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var N={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as ze}from"react/jsx-runtime";var He="k-treeview-group",b=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return ze("ul",{...d,className:l(t.className,He),role:i,children:ne.Children.map(e,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var F="treeview",q=F;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",Ge=[],Pe={size:[r.undefined,r.small,r.medium,r.large]},Be={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:l(t.className,ae,E(ae,{size:e})),children:he(b,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=Ge;p.options=Pe;p.className=ae;p.defaultOptions=Be;p.moduleName=F;p.folderName=q;import xe from"react";var _="checkbox",G=_;import{jsx as ue}from"react/jsx-runtime";var J="k-checkbox",De=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],$e={size:[r.undefined,r.small,r.medium,r.large],rounded:[K.undefined,K.none,K.small,K.medium,K.large,K.full]},Fe={},T=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:v,required:w,size:u,rounded:A,wrapperRole:O,...$}=t;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...$,id:e,type:"checkbox",defaultChecked:o,required:w,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(t.className,J,E(J,{size:u,rounded:A}),S(J,{hover:i,focus:d,disabled:m,invalid:c,valid:v,indeterminate:n,checked:o}))})})};T.states=De;T.options=$e;T.className=J;T.defaultOptions=Fe;T.moduleName=_;T.folderName=G;var y=T;import{jsx as Ue}from"react/jsx-runtime";var ve="k-checkbox-list",Ve=[],We={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return Ue("ul",{...o,className:l(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Ve;f.options=We;f.className=ve;f.defaultOptions=be;f.moduleName=_;f.folderName=G;import{jsx as Qe}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Xe=[],qe={},Je={},h=t=>{let{...e}=t;return Qe("li",{...e,className:l(t.className,Ce),children:t.children})};h.states=Xe;h.options=qe;h.className=Ce;h.defaultOptions=Je;h.moduleName=_;h.folderName=G;import{Fragment as Ye,jsx as ke,jsxs as Ze}from"react/jsx-runtime";var L=({children:t="Label",id:e="cb-label-after",...o})=>Ze(Ye,{children:[ke(y,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as ko,jsx as Co,jsxs as wo}from"react/jsx-runtime";import{Fragment as Eo,jsx as Io,jsxs as go}from"react/jsx-runtime";import{Fragment as Ao,jsx as Ro,jsxs as So}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";import{jsx as C,jsxs as we}from"react/jsx-runtime";var je=f.options,et=f.states,tt={...f.defaultOptions,variant:"vertical"},ot=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rt=[],P=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[C(h,{children:C(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})}),C(h,{children:C(L,{id:g("cb"),children:"Label"})})]})};P.options=je;P.states=et;P.variants=ot;P.defaultOptions=tt;P.modifiers=rt;P.className=f.className;import{jsx as ct}from"react/jsx-runtime";var nt=y.options,it=y.states,at=y.defaultOptions,st=[],lt=[],B=t=>ct(L,{id:g("checkbox"),...t,defaultChecked:!0,children:"Label"});B.options=nt;B.states=it;B.variants=st;B.defaultOptions=at;B.modifiers=lt;B.className=y.className;import{Fragment as xt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",mt=[],dt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},pt={},V=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:l(t.className,se,E(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(xt,{})};V.states=mt;V.options=dt;V.className=se;V.defaultOptions=pt;var ye=V;import{Fragment as ut,jsx as Q}from"react/jsx-runtime";var le="k-svg-icon",ft=[],ht={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},ce={viewBox:"0 0 24 24",variant:N.outline},W=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...v}=t;if(!c)return Q(ut,{});if(c==="none")return Q("span",{...v,className:l(t.className,le,E("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let w=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Q("span",{...v,className:l(t.className,le,E("k-icon",{size:e}),{[`k-svg-i-${w}`]:w,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:t.children})})};W.states=ft;W.options=ht;W.className=le;W.defaultOptions=ce;var me=W;import*as de from"@progress/kendo-svg-icons";var Ne="icon",Ie="icons";import{useContext as bt}from"react";import{createContext as vt}from"react";var Ee=vt({iconsType:"svg"});import{Fragment as ge,jsx as U}from"react/jsx-runtime";var Y="k-icon",Ct=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),kt=[],wt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},Z={viewBox:"0 0 24 24",type:"svg",variant:N.outline},I=t=>{let{iconsType:e}=bt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|Z.type,rotate:m,flip:c,viewBox:v=Z.viewBox,variant:w=Z.variant,...u}=t;if(!i)return U(ge,{});if((e\|\|d)==="svg"){if(i==="none")return U(me,{...u,className:l(t.className,Y),icon:i,size:o,variant:w});let O=de[i]?i:Ct(`${i}-icon`);return de[O]?U(me,{...u,className:l(t.className,Y),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:v,variant:w}):U(ge,{})}return U(ye,{...u,className:l(t.className,Y),icon:i,size:o,themeColor:n,rotate:m,flip:c})};I.states=kt;I.options=wt;I.defaultOptions=Z;I.className=Y;I.moduleName=Ne;I.folderName=Ie;import{jsx as Le,jsxs as Nt}from"react/jsx-runtime";var pe="k-treeview-leaf",Tt=[x.hover,x.focus,x.selected],yt={},j=t=>{let{text:e,showIcon:o,icon:n,children:i,hover:d,focus:m,selected:c,...v}=t;return Nt("span",{...v,className:l(t.className,pe,S(pe,{hover:d,focus:m,selected:c})),children:[o&&Le(I,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:i??e})]})};j.states=Tt;j.options=yt;j.className=pe;var Oe=j;import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Re="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Et={},gt={},a=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,content:c,showIcon:v,icon:w,showCheckbox:u,checked:A,hover:O,focus:$,selected:ee,disabled:M,dir:z,level:R=1,ariaSelected:Se,...Ke}=t,te=n\|\|o\|\|d;return Me("li",{...Ke,className:l(t.className,Re),style:{"--kendo-treeview-level":R},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":u?A?"true":"false":void 0,"aria-selected":Se?"true":void 0,"aria-disabled":M?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",S("k-treeview-item-content",{hover:O,focus:$,selected:ee,disabled:M})),children:[te&&X("span",{className:l("k-treeview-toggle",S("k-treeview-toggle",{disabled:M})),children:d?X("span",{className:"k-icon k-i-loading"}):X(I,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),u&&X(T,{checked:A,disabled:M,"aria-label":m,tabIndex:-1}),X(Oe,{className:e,text:m,showIcon:v,icon:w,children:c})]}),i&&te&&xe.Children.map(o,(oe,_e)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:R+1,key:_e}):oe)]})};a.states=It;a.options=Et;a.className=Re;a.defaultOptions=gt;a.moduleName=F;a.folderName=q;import{jsx as en}from"react/jsx-runtime";import{jsx as nn,jsxs as an}from"react/jsx-runtime";import{jsx as mn,jsxs as dn}from"react/jsx-runtime";import{jsx as hn,jsxs as un}from"react/jsx-runtime";import{jsx as kn,jsxs as wn}from"react/jsx-runtime";import{jsx as H,jsxs as fe}from"react/jsx-runtime";var Lt=p.options,Ot=p.states,Mt=p.defaultOptions,Rt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],D=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[H(a,{text:"Furniture",expanded:!0,...n,children:fe(b,{children:[H(a,{text:"Tables & Chairs",...n}),H(a,{text:"Sofas",...n}),H(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[H(a,{text:"Bed Linen",...n}),H(a,{text:"Curtains & Blinds",...n}),H(a,{text:"Carpets",...n})]})]})};D.options=Lt;D.states=Ot;D.variants=At;D.defaultOptions=Mt;D.modifiers=Rt;D.className=p.className;import{jsx as k,jsxs as Ae}from"react/jsx-runtime";var $n=({children:t,...e})=>k(p,{...e,children:t\|\|[k(a,{text:"Root 1"},"treeview-item-1"),k(a,{text:"Root 2",showIcon:!0,icon:"folder",expanded:!0,children:Ae(b,{children:[k(a,{showIcon:!0,icon:"folder",text:"Child 2.1"}),k(a,{showIcon:!0,icon:"folder",text:"Child 2.2",children:k(b,{children:k(a,{showIcon:!0,icon:"folder",text:"Child 2.2.1"})})}),k(a,{showIcon:!0,icon:"folder",text:"Child 2.3"})]})},"treeview-item-2"),k(a,{text:"Root 3",showIcon:!0,icon:"folder",children:Ae(b,{children:[k(a,{showIcon:!0,icon:"folder",text:"Child 3.1"}),k(a,{showIcon:!0,icon:"folder",text:"Child 3.2"}),k(a,{showIcon:!0,icon:"folder",text:"Child 3.3"})]})},"treeview-item-3")]});export{$n as TreeviewIcons};

package/dist/esm/treeview/templates/treeview-load-more.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import ie from"react";import ne from"react";var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:y,disabled:b,indeterminate:u,loading:_,empty:O,readonly:F,highlighted:H,...z}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":y,"k-disabled":b,"k-indeterminate":u&&!m,"k-loading":_,"k-empty":O,"k-readonly":F,"k-highlighted":H},Object.keys(z).reduce((G,M)=>(M.startsWith("k-")?G[M]=z[M]:G[`k-${M}`]=z[M],G),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},R={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var I={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(e){return re[e]=(re[e]\|\|0)+1,`k-${e}-${re[e]}`}import{jsx as He}from"react/jsx-runtime";var _e="k-treeview-group",C=e=>{let{children:t,dir:o,level:n=1,role:i="group",...d}=e;return He("ul",{...d,className:l(e.className,_e),role:i,children:ne.Children.map(t,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var V="treeview",J=V;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",ze=[],Ge={size:[r.undefined,r.small,r.medium,r.large]},Pe={},p=e=>{let{size:t,children:o,dir:n,...i}=e;return he("div",{...i,dir:n,className:l(e.className,ae,E(ae,{size:t})),children:he(C,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=ze;p.options=Ge;p.className=ae;p.defaultOptions=Pe;p.moduleName=V;p.folderName=J;import xe from"react";var S="checkbox",P=S;import{jsx as ue}from"react/jsx-runtime";var Q="k-checkbox",Be=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],De={size:[r.undefined,r.small,r.medium,r.large],rounded:[R.undefined,R.none,R.small,R.medium,R.large,R.full]},$e={},w=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:y,required:b,size:u,rounded:_,wrapperRole:O,...F}=e;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...F,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(e.className,Q,E(Q,{size:u,rounded:_}),A(Q,{hover:i,focus:d,disabled:m,invalid:c,valid:y,indeterminate:n,checked:o}))})})};w.states=Be;w.options=De;w.className=Q;w.defaultOptions=$e;w.moduleName=S;w.folderName=P;var T=w;import{jsx as We}from"react/jsx-runtime";var ve="k-checkbox-list",Fe=[],Ve={},be={layout:"vertical"},f=e=>{let{layout:t=be.layout,...o}=e;return We("ul",{...o,className:l(e.className,ve,{[`k-list-${t}`]:t}),children:e.children})};f.states=Fe;f.options=Ve;f.className=ve;f.defaultOptions=be;f.moduleName=S;f.folderName=P;import{jsx as Je}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Ue=[],Xe={},qe={},h=e=>{let{...t}=e;return Je("li",{...t,className:l(e.className,Ce),children:e.children})};h.states=Ue;h.options=Xe;h.className=Ce;h.defaultOptions=qe;h.moduleName=S;h.folderName=P;import{Fragment as Qe,jsx as ke,jsxs as Ye}from"react/jsx-runtime";var L=({children:e="Label",id:t="cb-label-after",...o})=>Ye(Qe,{children:[ke(T,{id:t,...o}),ke("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Co,jsx as bo,jsxs as ko}from"react/jsx-runtime";import{Fragment as No,jsx as Io,jsxs as Eo}from"react/jsx-runtime";import{Fragment as Ao,jsx as Mo,jsxs as Ro}from"react/jsx-runtime";import{jsx as Ho}from"react/jsx-runtime";import{jsx as Bo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as k,jsxs as we}from"react/jsx-runtime";var Ze=f.options,je=f.states,et={...f.defaultOptions,variant:"vertical"},tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ot=[],B=e=>{let{variant:t,...o}=e;return t==="horizontal"?we(f,{layout:"horizontal",...o,children:[k(h,{children:k(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[k(h,{children:k(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})})]})};B.options=Ze;B.states=je;B.variants=tt;B.defaultOptions=et;B.modifiers=ot;B.className=f.className;import{jsx as lt}from"react/jsx-runtime";var rt=T.options,nt=T.states,it=T.defaultOptions,at=[],st=[],D=e=>lt(L,{id:g("checkbox"),...e,defaultChecked:!0,children:"Label"});D.options=rt;D.states=nt;D.variants=at;D.defaultOptions=it;D.modifiers=st;D.className=T.className;import{Fragment as pt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",ct=[],mt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},dt={},W=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:d,...m}=e;return n?Te("span",{...m,className:l(e.className,se,E(se,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(pt,{})};W.states=ct;W.options=mt;W.className=se;W.defaultOptions=dt;var ye=W;import{Fragment as ht,jsx as Y}from"react/jsx-runtime";var le="k-svg-icon",xt=[],ft={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},ce={viewBox:"0 0 24 24",variant:I.outline},U=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...y}=e;if(!c)return Y(ht,{});if(c==="none")return Y("span",{...y,className:l(e.className,le,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Y("span",{...y,className:l(e.className,le,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Y("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:e.children})})};U.states=xt;U.options=ft;U.className=le;U.defaultOptions=ce;var me=U;import*as de from"@progress/kendo-svg-icons";var Ie="icon",Ne="icons";import{useContext as vt}from"react";import{createContext as ut}from"react";var Ee=ut({iconsType:"svg"});import{Fragment as ge,jsx as X}from"react/jsx-runtime";var Z="k-icon",bt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ct=[],kt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},j={viewBox:"0 0 24 24",type:"svg",variant:I.outline},N=e=>{let{iconsType:t}=vt(Ee),{size:o,themeColor:n,icon:i,type:d=t\|\|j.type,rotate:m,flip:c,viewBox:y=j.viewBox,variant:b=j.variant,...u}=e;if(!i)return X(ge,{});if((t\|\|d)==="svg"){if(i==="none")return X(me,{...u,className:l(e.className,Z),icon:i,size:o,variant:b});let O=de[i]?i:bt(`${i}-icon`);return de[O]?X(me,{...u,className:l(e.className,Z),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:y,variant:b}):X(ge,{})}return X(ye,{...u,className:l(e.className,Z),icon:i,size:o,themeColor:n,rotate:m,flip:c})};N.states=Ct;N.options=kt;N.defaultOptions=j;N.className=Z;N.moduleName=Ie;N.folderName=Ne;import{jsx as Le,jsxs as yt}from"react/jsx-runtime";var pe="k-treeview-leaf",wt=[x.hover,x.focus,x.selected],Tt={},ee=e=>{let{text:t,showIcon:o,icon:n,hover:i,focus:d,selected:m,...c}=e;return yt("span",{...c,className:l(e.className,pe,A(pe,{hover:i,focus:d,selected:m})),children:[o&&Le(N,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:t})]})};ee.states=wt;ee.options=Tt;ee.className=pe;var Oe=ee;import{jsx as q,jsxs as Me}from"react/jsx-runtime";var Ae="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Nt={},Et={},a=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:i,loading:d,text:m,showIcon:c,icon:y,showCheckbox:b,checked:u,hover:_,focus:O,selected:F,disabled:H,dir:z,level:G=1,ariaSelected:M,...Se}=e,te=n\|\|o\|\|d;return Me("li",{...Se,className:l(e.className,Ae),style:{"--kendo-treeview-level":G},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":b?u?"true":"false":void 0,"aria-selected":M?"true":void 0,"aria-disabled":H?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",A("k-treeview-item-content",{hover:_,focus:O,selected:F,disabled:H})),children:[te&&q("span",{className:l("k-treeview-toggle",A("k-treeview-toggle",{disabled:H})),children:d?q("span",{className:"k-icon k-i-loading"}):q(N,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),b&&q(w,{checked:u,disabled:H,"aria-label":m,tabIndex:-1}),q(Oe,{className:t,text:m,showIcon:c,icon:y})]}),i&&te&&xe.Children.map(o,(oe,Ke)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:G+1,key:Ke}):oe)]})};a.states=It;a.options=Nt;a.className=Ae;a.defaultOptions=Et;a.moduleName=V;a.folderName=J;import{jsx as jr}from"react/jsx-runtime";import{jsx as rn,jsxs as nn}from"react/jsx-runtime";import{jsx as cn,jsxs as mn}from"react/jsx-runtime";import{jsx as fn,jsxs as hn}from"react/jsx-runtime";import{jsx as Cn,jsxs as kn}from"react/jsx-runtime";import{jsx as K,jsxs as fe}from"react/jsx-runtime";var gt=p.options,Lt=p.states,Ot=p.defaultOptions,Mt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],$=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=t?.[i])}),fe(p,{...o,children:[K(a,{text:"Furniture",expanded:!0,...n,children:fe(C,{children:[K(a,{text:"Tables & Chairs",...n}),K(a,{text:"Sofas",...n}),K(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[K(a,{text:"Bed Linen",...n}),K(a,{text:"Curtains & Blinds",...n}),K(a,{text:"Carpets",...n})]})]})};$.options=gt;$.states=Lt;$.variants=At;$.defaultOptions=Ot;$.modifiers=Mt;$.className=p.className;import{jsx as v,jsxs as Re}from"react/jsx-runtime";var Dn=e=>v(p,{children:[v(a,{text:"Root 1"},"treeview-item-1"),v(a,{text:"Root 2",expanded:!0,children:Re(C,{children:[v(a,{text:"Child 2.1"}),v(a,{text:"Child 2.2",children:v(C,{children:v(a,{text:"Child 2.2.1"})})}),v(a,{text:"Child 2.3"}),v(a,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})},"treeview-item-2"),v(a,{text:"Root 3",children:Re(C,{children:[v(a,{text:"Child 3.1"}),v(a,{text:"Child 3.2"}),v(a,{text:"Child 3.3"})]})},"treeview-item-3")],...e});export{Dn as TreeviewLoadMore};
1	+ import ie from"react";import ne from"react";var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:c,selected:b,disabled:w,indeterminate:u,loading:A,empty:O,readonly:$,highlighted:ee,...M}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":c,"k-selected":b,"k-disabled":w,"k-indeterminate":u&&!m,"k-loading":A,"k-empty":O,"k-readonly":$,"k-highlighted":ee},Object.keys(M).reduce((z,R)=>(R.startsWith("k-")?z[R]=M[R]:z[`k-${R}`]=M[R],z),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},K={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var N={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function g(e){return re[e]=(re[e]\|\|0)+1,`k-${e}-${re[e]}`}import{jsx as ze}from"react/jsx-runtime";var He="k-treeview-group",C=e=>{let{children:t,dir:o,level:n=1,role:i="group",...d}=e;return ze("ul",{...d,className:l(e.className,He),role:i,children:ne.Children.map(t,(m,c)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:c}):m)})};var F="treeview",q=F;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",Ge=[],Pe={size:[r.undefined,r.small,r.medium,r.large]},Be={},p=e=>{let{size:t,children:o,dir:n,...i}=e;return he("div",{...i,dir:n,className:l(e.className,ae,E(ae,{size:t})),children:he(C,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=Ge;p.options=Pe;p.className=ae;p.defaultOptions=Be;p.moduleName=F;p.folderName=q;import xe from"react";var _="checkbox",G=_;import{jsx as ue}from"react/jsx-runtime";var J="k-checkbox",De=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],$e={size:[r.undefined,r.small,r.medium,r.large],rounded:[K.undefined,K.none,K.small,K.medium,K.large,K.full]},Fe={},T=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:c,valid:b,required:w,size:u,rounded:A,wrapperRole:O,...$}=e;return ue("span",{className:"k-checkbox-wrap",role:O,children:ue("input",{...$,id:t,type:"checkbox",defaultChecked:o,required:w,disabled:m\|\|void 0,"aria-invalid":c?"true":void 0,className:l(e.className,J,E(J,{size:u,rounded:A}),S(J,{hover:i,focus:d,disabled:m,invalid:c,valid:b,indeterminate:n,checked:o}))})})};T.states=De;T.options=$e;T.className=J;T.defaultOptions=Fe;T.moduleName=_;T.folderName=G;var y=T;import{jsx as Ue}from"react/jsx-runtime";var ve="k-checkbox-list",Ve=[],We={},be={layout:"vertical"},f=e=>{let{layout:t=be.layout,...o}=e;return Ue("ul",{...o,className:l(e.className,ve,{[`k-list-${t}`]:t}),children:e.children})};f.states=Ve;f.options=We;f.className=ve;f.defaultOptions=be;f.moduleName=_;f.folderName=G;import{jsx as Qe}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Xe=[],qe={},Je={},h=e=>{let{...t}=e;return Qe("li",{...t,className:l(e.className,Ce),children:e.children})};h.states=Xe;h.options=qe;h.className=Ce;h.defaultOptions=Je;h.moduleName=_;h.folderName=G;import{Fragment as Ye,jsx as ke,jsxs as Ze}from"react/jsx-runtime";var L=({children:e="Label",id:t="cb-label-after",...o})=>Ze(Ye,{children:[ke(y,{id:t,...o}),ke("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ko,jsx as Co,jsxs as wo}from"react/jsx-runtime";import{Fragment as Eo,jsx as Io,jsxs as go}from"react/jsx-runtime";import{Fragment as Ao,jsx as Ro,jsxs as So}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";import{jsx as k,jsxs as we}from"react/jsx-runtime";var je=f.options,et=f.states,tt={...f.defaultOptions,variant:"vertical"},ot=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rt=[],P=e=>{let{variant:t,...o}=e;return t==="horizontal"?we(f,{layout:"horizontal",...o,children:[k(h,{children:k(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})})]}):we(f,{...o,children:[k(h,{children:k(L,{id:g("cb"),defaultChecked:!0,children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})}),k(h,{children:k(L,{id:g("cb"),children:"Label"})})]})};P.options=je;P.states=et;P.variants=ot;P.defaultOptions=tt;P.modifiers=rt;P.className=f.className;import{jsx as ct}from"react/jsx-runtime";var nt=y.options,it=y.states,at=y.defaultOptions,st=[],lt=[],B=e=>ct(L,{id:g("checkbox"),...e,defaultChecked:!0,children:"Label"});B.options=nt;B.states=it;B.variants=st;B.defaultOptions=at;B.modifiers=lt;B.className=y.className;import{Fragment as xt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",mt=[],dt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},pt={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:d,...m}=e;return n?Te("span",{...m,className:l(e.className,se,E(se,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(xt,{})};V.states=mt;V.options=dt;V.className=se;V.defaultOptions=pt;var ye=V;import{Fragment as ut,jsx as Q}from"react/jsx-runtime";var le="k-svg-icon",ft=[],ht={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},ce={viewBox:"0 0 24 24",variant:N.outline},W=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:c,...b}=e;if(!c)return Q(ut,{});if(c==="none")return Q("span",{...b,className:l(e.className,le,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let w=typeof c=="object"&&c.name&&c.name,u=typeof c=="object"?m&&c.variants?.[m]\|\|c.variants?.outline\|\|c.content:void 0;return Q("span",{...b,className:l(e.className,le,E("k-icon",{size:t}),{[`k-svg-i-${w}`]:w,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:c?void 0:e.children})})};W.states=ft;W.options=ht;W.className=le;W.defaultOptions=ce;var me=W;import*as de from"@progress/kendo-svg-icons";var Ne="icon",Ie="icons";import{useContext as bt}from"react";import{createContext as vt}from"react";var Ee=vt({iconsType:"svg"});import{Fragment as ge,jsx as U}from"react/jsx-runtime";var Y="k-icon",Ct=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),kt=[],wt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[N.outline,N.solid,N.duotone]},Z={viewBox:"0 0 24 24",type:"svg",variant:N.outline},I=e=>{let{iconsType:t}=bt(Ee),{size:o,themeColor:n,icon:i,type:d=t\|\|Z.type,rotate:m,flip:c,viewBox:b=Z.viewBox,variant:w=Z.variant,...u}=e;if(!i)return U(ge,{});if((t\|\|d)==="svg"){if(i==="none")return U(me,{...u,className:l(e.className,Y),icon:i,size:o,variant:w});let O=de[i]?i:Ct(`${i}-icon`);return de[O]?U(me,{...u,className:l(e.className,Y),icon:de[O],size:o,themeColor:n,rotate:m,flip:c,viewBox:b,variant:w}):U(ge,{})}return U(ye,{...u,className:l(e.className,Y),icon:i,size:o,themeColor:n,rotate:m,flip:c})};I.states=kt;I.options=wt;I.defaultOptions=Z;I.className=Y;I.moduleName=Ne;I.folderName=Ie;import{jsx as Le,jsxs as Nt}from"react/jsx-runtime";var pe="k-treeview-leaf",Tt=[x.hover,x.focus,x.selected],yt={},j=e=>{let{text:t,showIcon:o,icon:n,children:i,hover:d,focus:m,selected:c,...b}=e;return Nt("span",{...b,className:l(e.className,pe,S(pe,{hover:d,focus:m,selected:c})),children:[o&&Le(I,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:i??t})]})};j.states=Tt;j.options=yt;j.className=pe;var Oe=j;import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Re="k-treeview-item",It=[x.hover,x.focus,x.selected,x.disabled],Et={},gt={},a=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:i,loading:d,text:m,content:c,showIcon:b,icon:w,showCheckbox:u,checked:A,hover:O,focus:$,selected:ee,disabled:M,dir:z,level:R=1,ariaSelected:Se,...Ke}=e,te=n\|\|o\|\|d;return Me("li",{...Ke,className:l(e.className,Re),style:{"--kendo-treeview-level":R},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":u?A?"true":"false":void 0,"aria-selected":Se?"true":void 0,"aria-disabled":M?"true":void 0,children:[Me("span",{className:l("k-treeview-item-content",S("k-treeview-item-content",{hover:O,focus:$,selected:ee,disabled:M})),children:[te&&X("span",{className:l("k-treeview-toggle",S("k-treeview-toggle",{disabled:M})),children:d?X("span",{className:"k-icon k-i-loading"}):X(I,{icon:i?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),u&&X(T,{checked:A,disabled:M,"aria-label":m,tabIndex:-1}),X(Oe,{className:t,text:m,showIcon:b,icon:w,children:c})]}),i&&te&&xe.Children.map(o,(oe,_e)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:z,level:R+1,key:_e}):oe)]})};a.states=It;a.options=Et;a.className=Re;a.defaultOptions=gt;a.moduleName=F;a.folderName=q;import{jsx as en}from"react/jsx-runtime";import{jsx as nn,jsxs as an}from"react/jsx-runtime";import{jsx as mn,jsxs as dn}from"react/jsx-runtime";import{jsx as hn,jsxs as un}from"react/jsx-runtime";import{jsx as kn,jsxs as wn}from"react/jsx-runtime";import{jsx as H,jsxs as fe}from"react/jsx-runtime";var Lt=p.options,Ot=p.states,Mt=p.defaultOptions,Rt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],At=[],D=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=t?.[i])}),fe(p,{...o,children:[H(a,{text:"Furniture",expanded:!0,...n,children:fe(C,{children:[H(a,{text:"Tables & Chairs",...n}),H(a,{text:"Sofas",...n}),H(a,{text:"Occasional Furniture",...n})]})}),fe(a,{text:"Decor",expanded:!1,...n,children:[H(a,{text:"Bed Linen",...n}),H(a,{text:"Curtains & Blinds",...n}),H(a,{text:"Carpets",...n})]})]})};D.options=Lt;D.states=Ot;D.variants=At;D.defaultOptions=Mt;D.modifiers=Rt;D.className=p.className;import{jsx as v,jsxs as Ae}from"react/jsx-runtime";var $n=e=>v(p,{children:[v(a,{text:"Root 1"},"treeview-item-1"),v(a,{text:"Root 2",expanded:!0,children:Ae(C,{children:[v(a,{text:"Child 2.1"}),v(a,{text:"Child 2.2",children:v(C,{children:v(a,{text:"Child 2.2.1"})})}),v(a,{text:"Child 2.3"}),v(a,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})},"treeview-item-2"),v(a,{text:"Root 3",children:Ae(C,{children:[v(a,{text:"Child 3.1"}),v(a,{text:"Child 3.2"}),v(a,{text:"Child 3.3"})]})},"treeview-item-3")],...e});export{$n as TreeviewLoadMore};

package/dist/esm/treeview/templates/treeview-normal.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import ie from"react";import ne from"react";var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var I=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),M=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:c,active:l,selected:w,disabled:v,indeterminate:u,loading:K,empty:L,readonly:$,highlighted:_,...H}=e;return s({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":c,"k-active":l,"k-selected":w,"k-disabled":v,"k-indeterminate":u&&!c,"k-loading":K,"k-empty":L,"k-readonly":$,"k-highlighted":_},Object.keys(H).reduce((z,O)=>(O.startsWith("k-")?z[O]=H[O]:z[`k-${O}`]=H[O],z),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var T={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function N(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as _e}from"react/jsx-runtime";var Ke="k-treeview-group",E=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return _e("ul",{...d,className:s(t.className,Ke),role:i,children:ne.Children.map(e,(c,l)=>ne.isValidElement(c)?ne.cloneElement(c,{dir:o,level:n,key:l}):c)})};var F="treeview",q=F;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",He=[],ze={size:[r.undefined,r.small,r.medium,r.large]},Ge={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:s(t.className,ae,I(ae,{size:e})),children:he(E,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,c)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:c}):d)})})};p.states=He;p.options=ze;p.className=ae;p.defaultOptions=Ge;p.moduleName=F;p.folderName=q;import xe from"react";var R="checkbox",G=R;import{jsx as ue}from"react/jsx-runtime";var J="k-checkbox",Pe=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],Be={size:[r.undefined,r.small,r.medium,r.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},De={},C=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:c,invalid:l,valid:w,required:v,size:u,rounded:K,wrapperRole:L,...$}=t;return ue("span",{className:"k-checkbox-wrap",role:L,children:ue("input",{...$,id:e,type:"checkbox",defaultChecked:o,required:v,disabled:c\|\|void 0,"aria-invalid":l?"true":void 0,className:s(t.className,J,I(J,{size:u,rounded:K}),M(J,{hover:i,focus:d,disabled:c,invalid:l,valid:w,indeterminate:n,checked:o}))})})};C.states=Pe;C.options=Be;C.className=J;C.defaultOptions=De;C.moduleName=R;C.folderName=G;var k=C;import{jsx as Ve}from"react/jsx-runtime";var ve="k-checkbox-list",$e=[],Fe={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return Ve("ul",{...o,className:s(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=$e;f.options=Fe;f.className=ve;f.defaultOptions=be;f.moduleName=R;f.folderName=G;import{jsx as qe}from"react/jsx-runtime";var Ce="k-checkbox-list-item",We=[],Ue={},Xe={},h=t=>{let{...e}=t;return qe("li",{...e,className:s(t.className,Ce),children:t.children})};h.states=We;h.options=Ue;h.className=Ce;h.defaultOptions=Xe;h.moduleName=R;h.folderName=G;import{Fragment as Je,jsx as ke,jsxs as Qe}from"react/jsx-runtime";var g=({children:t="Label",id:e="cb-label-after",...o})=>Qe(Je,{children:[ke(k,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as bo,jsx as vo,jsxs as Co}from"react/jsx-runtime";import{Fragment as Io,jsx as yo,jsxs as No}from"react/jsx-runtime";import{Fragment as Mo,jsx as Oo,jsxs as Ao}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";import{jsx as Po}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";import{jsx as b,jsxs as we}from"react/jsx-runtime";var Ye=f.options,Ze=f.states,je={...f.defaultOptions,variant:"vertical"},et=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tt=[],P=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[b(h,{children:b(g,{id:N("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:N("cb"),children:"Label"})}),b(h,{children:b(g,{id:N("cb"),children:"Label"})})]}):we(f,{...o,children:[b(h,{children:b(g,{id:N("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:N("cb"),children:"Label"})}),b(h,{children:b(g,{id:N("cb"),children:"Label"})})]})};P.options=Ye;P.states=Ze;P.variants=et;P.defaultOptions=je;P.modifiers=tt;P.className=f.className;import{jsx as st}from"react/jsx-runtime";var ot=k.options,rt=k.states,nt=k.defaultOptions,it=[],at=[],B=t=>st(g,{id:N("checkbox"),...t,defaultChecked:!0,children:"Label"});B.options=ot;B.states=rt;B.variants=it;B.defaultOptions=nt;B.modifiers=at;B.className=k.className;import{Fragment as dt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",lt=[],ct={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},mt={},V=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...c}=t;return n?Te("span",{...c,className:s(t.className,se,I(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(dt,{})};V.states=lt;V.options=ct;V.className=se;V.defaultOptions=mt;var ye=V;import{Fragment as ft,jsx as Q}from"react/jsx-runtime";var le="k-svg-icon",pt=[],xt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},ce={viewBox:"0 0 24 24",variant:T.outline},W=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:c=ce.variant,icon:l,...w}=t;if(!l)return Q(ft,{});if(l==="none")return Q("span",{...w,className:s(t.className,le,I("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof l=="object"&&l.name&&l.name,u=typeof l=="object"?c&&l.variants?.[c]\|\|l.variants?.outline\|\|l.content:void 0;return Q("span",{...w,className:s(t.className,le,I("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:l?void 0:t.children})})};W.states=pt;W.options=xt;W.className=le;W.defaultOptions=ce;var me=W;import*as de from"@progress/kendo-svg-icons";var Ie="icon",Ne="icons";import{useContext as ut}from"react";import{createContext as ht}from"react";var Ee=ht({iconsType:"svg"});import{Fragment as ge,jsx as U}from"react/jsx-runtime";var Y="k-icon",vt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),bt=[],Ct={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},Z={viewBox:"0 0 24 24",type:"svg",variant:T.outline},y=t=>{let{iconsType:e}=ut(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|Z.type,rotate:c,flip:l,viewBox:w=Z.viewBox,variant:v=Z.variant,...u}=t;if(!i)return U(ge,{});if((e\|\|d)==="svg"){if(i==="none")return U(me,{...u,className:s(t.className,Y),icon:i,size:o,variant:v});let L=de[i]?i:vt(`${i}-icon`);return de[L]?U(me,{...u,className:s(t.className,Y),icon:de[L],size:o,themeColor:n,rotate:c,flip:l,viewBox:w,variant:v}):U(ge,{})}return U(ye,{...u,className:s(t.className,Y),icon:i,size:o,themeColor:n,rotate:c,flip:l})};y.states=bt;y.options=Ct;y.defaultOptions=Z;y.className=Y;y.moduleName=Ie;y.folderName=Ne;import{jsx as Le,jsxs as Tt}from"react/jsx-runtime";var pe="k-treeview-leaf",kt=[x.hover,x.focus,x.selected],wt={},j=t=>{let{text:e,showIcon:o,icon:n,hover:i,focus:d,selected:c,...l}=t;return Tt("span",{...l,className:s(t.className,pe,M(pe,{hover:i,focus:d,selected:c})),children:[o&&Le(y,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:e})]})};j.states=kt;j.options=wt;j.className=pe;var Oe=j;import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Ae="k-treeview-item",yt=[x.hover,x.focus,x.selected,x.disabled],It={},Nt={},m=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:c,showIcon:l,icon:w,showCheckbox:v,checked:u,hover:K,focus:L,selected:$,disabled:_,dir:H,level:z=1,ariaSelected:O,...Re}=t,te=n\|\|o\|\|d;return Me("li",{...Re,className:s(t.className,Ae),style:{"--kendo-treeview-level":z},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":v?u?"true":"false":void 0,"aria-selected":O?"true":void 0,"aria-disabled":_?"true":void 0,children:[Me("span",{className:s("k-treeview-item-content",M("k-treeview-item-content",{hover:K,focus:L,selected:$,disabled:_})),children:[te&&X("span",{className:s("k-treeview-toggle",M("k-treeview-toggle",{disabled:_})),children:d?X("span",{className:"k-icon k-i-loading"}):X(y,{icon:i?"chevron-down":H==="rtl"?"chevron-left":"chevron-right"})}),v&&X(C,{checked:u,disabled:_,"aria-label":c,tabIndex:-1}),X(Oe,{className:e,text:c,showIcon:l,icon:w})]}),i&&te&&xe.Children.map(o,(oe,Se)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:H,level:z+1,key:Se}):oe)]})};m.states=yt;m.options=It;m.className=Ae;m.defaultOptions=Nt;m.moduleName=F;m.folderName=q;import{jsx as Zr,jsxs as jr}from"react/jsx-runtime";import{jsx as rn,jsxs as nn}from"react/jsx-runtime";import{jsx as cn,jsxs as mn}from"react/jsx-runtime";import{jsx as fn,jsxs as hn}from"react/jsx-runtime";import{jsx as Cn,jsxs as kn}from"react/jsx-runtime";import{jsx as S,jsxs as fe}from"react/jsx-runtime";var Et=p.options,gt=p.states,Lt=p.defaultOptions,Ot=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Mt=[],D=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[S(m,{text:"Furniture",expanded:!0,...n,children:fe(E,{children:[S(m,{text:"Tables & Chairs",...n}),S(m,{text:"Sofas",...n}),S(m,{text:"Occasional Furniture",...n})]})}),fe(m,{text:"Decor",expanded:!1,...n,children:[S(m,{text:"Bed Linen",...n}),S(m,{text:"Curtains & Blinds",...n}),S(m,{text:"Carpets",...n})]})]})};D.options=Et;D.states=gt;D.variants=Mt;D.defaultOptions=Lt;D.modifiers=Ot;D.className=p.className;import{jsx as ee}from"react/jsx-runtime";var Dn=({children:t,...e})=>ee(p,{...e,children:t\|\|[ee(m,{text:"Treeview item"},"treeview-item-1"),ee(m,{text:"Treeview item"},"treeview-item-2"),ee(m,{text:"Treeview item"},"treeview-item-3")]});export{Dn as TreeviewNormal};
1	+ import ie from"react";import ne from"react";var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var N=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),A=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:c,active:l,selected:v,disabled:C,indeterminate:u,loading:R,empty:L,readonly:D,highlighted:ee,...O}=e;return s({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":c,"k-active":l,"k-selected":v,"k-disabled":C,"k-indeterminate":u&&!c,"k-loading":R,"k-empty":L,"k-readonly":D,"k-highlighted":ee},Object.keys(O).reduce((H,M)=>(M.startsWith("k-")?H[M]=O[M]:H[`k-${M}`]=O[M],H),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var T={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function I(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as He}from"react/jsx-runtime";var _e="k-treeview-group",E=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return He("ul",{...d,className:s(t.className,_e),role:i,children:ne.Children.map(e,(c,l)=>ne.isValidElement(c)?ne.cloneElement(c,{dir:o,level:n,key:l}):c)})};var $="treeview",X=$;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",ze=[],Ge={size:[r.undefined,r.small,r.medium,r.large]},Pe={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:s(t.className,ae,N(ae,{size:e})),children:he(E,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,c)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:c}):d)})})};p.states=ze;p.options=Ge;p.className=ae;p.defaultOptions=Pe;p.moduleName=$;p.folderName=X;import xe from"react";var K="checkbox",z=K;import{jsx as ue}from"react/jsx-runtime";var q="k-checkbox",Be=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],De={size:[r.undefined,r.small,r.medium,r.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},$e={},k=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:c,invalid:l,valid:v,required:C,size:u,rounded:R,wrapperRole:L,...D}=t;return ue("span",{className:"k-checkbox-wrap",role:L,children:ue("input",{...D,id:e,type:"checkbox",defaultChecked:o,required:C,disabled:c\|\|void 0,"aria-invalid":l?"true":void 0,className:s(t.className,q,N(q,{size:u,rounded:R}),A(q,{hover:i,focus:d,disabled:c,invalid:l,valid:v,indeterminate:n,checked:o}))})})};k.states=Be;k.options=De;k.className=q;k.defaultOptions=$e;k.moduleName=K;k.folderName=z;var w=k;import{jsx as We}from"react/jsx-runtime";var ve="k-checkbox-list",Fe=[],Ve={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return We("ul",{...o,className:s(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Fe;f.options=Ve;f.className=ve;f.defaultOptions=be;f.moduleName=K;f.folderName=z;import{jsx as Je}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Ue=[],Xe={},qe={},h=t=>{let{...e}=t;return Je("li",{...e,className:s(t.className,Ce),children:t.children})};h.states=Ue;h.options=Xe;h.className=Ce;h.defaultOptions=qe;h.moduleName=K;h.folderName=z;import{Fragment as Qe,jsx as ke,jsxs as Ye}from"react/jsx-runtime";var g=({children:t="Label",id:e="cb-label-after",...o})=>Ye(Qe,{children:[ke(w,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as Co,jsx as bo,jsxs as ko}from"react/jsx-runtime";import{Fragment as Io,jsx as No,jsxs as Eo}from"react/jsx-runtime";import{Fragment as Ro,jsx as Mo,jsxs as Ao}from"react/jsx-runtime";import{jsx as Ho}from"react/jsx-runtime";import{jsx as Bo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as b,jsxs as we}from"react/jsx-runtime";var Ze=f.options,je=f.states,et={...f.defaultOptions,variant:"vertical"},tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ot=[],G=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[b(h,{children:b(g,{id:I("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:I("cb"),children:"Label"})}),b(h,{children:b(g,{id:I("cb"),children:"Label"})})]}):we(f,{...o,children:[b(h,{children:b(g,{id:I("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:I("cb"),children:"Label"})}),b(h,{children:b(g,{id:I("cb"),children:"Label"})})]})};G.options=Ze;G.states=je;G.variants=tt;G.defaultOptions=et;G.modifiers=ot;G.className=f.className;import{jsx as lt}from"react/jsx-runtime";var rt=w.options,nt=w.states,it=w.defaultOptions,at=[],st=[],P=t=>lt(g,{id:I("checkbox"),...t,defaultChecked:!0,children:"Label"});P.options=rt;P.states=nt;P.variants=at;P.defaultOptions=it;P.modifiers=st;P.className=w.className;import{Fragment as pt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",ct=[],mt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},dt={},F=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...c}=t;return n?Te("span",{...c,className:s(t.className,se,N(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(pt,{})};F.states=ct;F.options=mt;F.className=se;F.defaultOptions=dt;var ye=F;import{Fragment as ht,jsx as J}from"react/jsx-runtime";var le="k-svg-icon",xt=[],ft={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},ce={viewBox:"0 0 24 24",variant:T.outline},V=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:c=ce.variant,icon:l,...v}=t;if(!l)return J(ht,{});if(l==="none")return J("span",{...v,className:s(t.className,le,N("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let C=typeof l=="object"&&l.name&&l.name,u=typeof l=="object"?c&&l.variants?.[c]\|\|l.variants?.outline\|\|l.content:void 0;return J("span",{...v,className:s(t.className,le,N("k-icon",{size:e}),{[`k-svg-i-${C}`]:C,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:J("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:l?void 0:t.children})})};V.states=xt;V.options=ft;V.className=le;V.defaultOptions=ce;var me=V;import*as de from"@progress/kendo-svg-icons";var Ne="icon",Ie="icons";import{useContext as vt}from"react";import{createContext as ut}from"react";var Ee=ut({iconsType:"svg"});import{Fragment as ge,jsx as W}from"react/jsx-runtime";var Q="k-icon",bt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ct=[],kt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},Y={viewBox:"0 0 24 24",type:"svg",variant:T.outline},y=t=>{let{iconsType:e}=vt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|Y.type,rotate:c,flip:l,viewBox:v=Y.viewBox,variant:C=Y.variant,...u}=t;if(!i)return W(ge,{});if((e\|\|d)==="svg"){if(i==="none")return W(me,{...u,className:s(t.className,Q),icon:i,size:o,variant:C});let L=de[i]?i:bt(`${i}-icon`);return de[L]?W(me,{...u,className:s(t.className,Q),icon:de[L],size:o,themeColor:n,rotate:c,flip:l,viewBox:v,variant:C}):W(ge,{})}return W(ye,{...u,className:s(t.className,Q),icon:i,size:o,themeColor:n,rotate:c,flip:l})};y.states=Ct;y.options=kt;y.defaultOptions=Y;y.className=Q;y.moduleName=Ne;y.folderName=Ie;import{jsx as Le,jsxs as yt}from"react/jsx-runtime";var pe="k-treeview-leaf",wt=[x.hover,x.focus,x.selected],Tt={},Z=t=>{let{text:e,showIcon:o,icon:n,children:i,hover:d,focus:c,selected:l,...v}=t;return yt("span",{...v,className:s(t.className,pe,A(pe,{hover:d,focus:c,selected:l})),children:[o&&Le(y,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:i??e})]})};Z.states=wt;Z.options=Tt;Z.className=pe;var Oe=Z;import{jsx as U,jsxs as Me}from"react/jsx-runtime";var Re="k-treeview-item",Nt=[x.hover,x.focus,x.selected,x.disabled],It={},Et={},m=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:c,content:l,showIcon:v,icon:C,showCheckbox:u,checked:R,hover:L,focus:D,selected:ee,disabled:O,dir:H,level:M=1,ariaSelected:Ae,...Se}=t,te=n\|\|o\|\|d;return Me("li",{...Se,className:s(t.className,Re),style:{"--kendo-treeview-level":M},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":u?R?"true":"false":void 0,"aria-selected":Ae?"true":void 0,"aria-disabled":O?"true":void 0,children:[Me("span",{className:s("k-treeview-item-content",A("k-treeview-item-content",{hover:L,focus:D,selected:ee,disabled:O})),children:[te&&U("span",{className:s("k-treeview-toggle",A("k-treeview-toggle",{disabled:O})),children:d?U("span",{className:"k-icon k-i-loading"}):U(y,{icon:i?"chevron-down":H==="rtl"?"chevron-left":"chevron-right"})}),u&&U(k,{checked:R,disabled:O,"aria-label":c,tabIndex:-1}),U(Oe,{className:e,text:c,showIcon:v,icon:C,children:l})]}),i&&te&&xe.Children.map(o,(oe,Ke)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:H,level:M+1,key:Ke}):oe)]})};m.states=Nt;m.options=It;m.className=Re;m.defaultOptions=Et;m.moduleName=$;m.folderName=X;import{jsx as jr,jsxs as en}from"react/jsx-runtime";import{jsx as nn,jsxs as an}from"react/jsx-runtime";import{jsx as mn,jsxs as dn}from"react/jsx-runtime";import{jsx as hn,jsxs as un}from"react/jsx-runtime";import{jsx as kn,jsxs as wn}from"react/jsx-runtime";import{jsx as _,jsxs as fe}from"react/jsx-runtime";var gt=p.options,Lt=p.states,Ot=p.defaultOptions,Mt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Rt=[],B=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[_(m,{text:"Furniture",expanded:!0,...n,children:fe(E,{children:[_(m,{text:"Tables & Chairs",...n}),_(m,{text:"Sofas",...n}),_(m,{text:"Occasional Furniture",...n})]})}),fe(m,{text:"Decor",expanded:!1,...n,children:[_(m,{text:"Bed Linen",...n}),_(m,{text:"Curtains & Blinds",...n}),_(m,{text:"Carpets",...n})]})]})};B.options=gt;B.states=Lt;B.variants=Rt;B.defaultOptions=Ot;B.modifiers=Mt;B.className=p.className;import{jsx as j}from"react/jsx-runtime";var $n=({children:t,...e})=>j(p,{...e,children:t\|\|[j(m,{text:"Treeview item"},"treeview-item-1"),j(m,{text:"Treeview item"},"treeview-item-2"),j(m,{text:"Treeview item"},"treeview-item-3")]});export{$n as TreeviewNormal};

package/dist/esm/treeview/templates/treeview-selected.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import ie from"react";import ne from"react";var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var N=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),M=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:l,selected:w,disabled:v,indeterminate:u,loading:K,empty:L,readonly:F,highlighted:_,...H}=e;return s({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":l,"k-selected":w,"k-disabled":v,"k-indeterminate":u&&!m,"k-loading":K,"k-empty":L,"k-readonly":F,"k-highlighted":_},Object.keys(H).reduce((z,O)=>(O.startsWith("k-")?z[O]=H[O]:z[`k-${O}`]=H[O],z),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var T={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function E(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as _e}from"react/jsx-runtime";var Ke="k-treeview-group",y=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return _e("ul",{...d,className:s(t.className,Ke),role:i,children:ne.Children.map(e,(m,l)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:l}):m)})};var V="treeview",J=V;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",He=[],ze={size:[r.undefined,r.small,r.medium,r.large]},Ge={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:s(t.className,ae,N(ae,{size:e})),children:he(y,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=He;p.options=ze;p.className=ae;p.defaultOptions=Ge;p.moduleName=V;p.folderName=J;import xe from"react";var R="checkbox",G=R;import{jsx as ue}from"react/jsx-runtime";var Q="k-checkbox",Pe=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],Be={size:[r.undefined,r.small,r.medium,r.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},De={},C=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:l,valid:w,required:v,size:u,rounded:K,wrapperRole:L,...F}=t;return ue("span",{className:"k-checkbox-wrap",role:L,children:ue("input",{...F,id:e,type:"checkbox",defaultChecked:o,required:v,disabled:m\|\|void 0,"aria-invalid":l?"true":void 0,className:s(t.className,Q,N(Q,{size:u,rounded:K}),M(Q,{hover:i,focus:d,disabled:m,invalid:l,valid:w,indeterminate:n,checked:o}))})})};C.states=Pe;C.options=Be;C.className=Q;C.defaultOptions=De;C.moduleName=R;C.folderName=G;var k=C;import{jsx as Ve}from"react/jsx-runtime";var ve="k-checkbox-list",$e=[],Fe={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return Ve("ul",{...o,className:s(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=$e;f.options=Fe;f.className=ve;f.defaultOptions=be;f.moduleName=R;f.folderName=G;import{jsx as qe}from"react/jsx-runtime";var Ce="k-checkbox-list-item",We=[],Ue={},Xe={},h=t=>{let{...e}=t;return qe("li",{...e,className:s(t.className,Ce),children:t.children})};h.states=We;h.options=Ue;h.className=Ce;h.defaultOptions=Xe;h.moduleName=R;h.folderName=G;import{Fragment as Je,jsx as ke,jsxs as Qe}from"react/jsx-runtime";var g=({children:t="Label",id:e="cb-label-after",...o})=>Qe(Je,{children:[ke(k,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as Co,jsx as bo,jsxs as ko}from"react/jsx-runtime";import{Fragment as No,jsx as Io,jsxs as Eo}from"react/jsx-runtime";import{Fragment as Ao,jsx as Mo,jsxs as Ro}from"react/jsx-runtime";import{jsx as Ho}from"react/jsx-runtime";import{jsx as Bo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as b,jsxs as we}from"react/jsx-runtime";var Ye=f.options,Ze=f.states,je={...f.defaultOptions,variant:"vertical"},et=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tt=[],P=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[b(h,{children:b(g,{id:E("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})})]}):we(f,{...o,children:[b(h,{children:b(g,{id:E("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})})]})};P.options=Ye;P.states=Ze;P.variants=et;P.defaultOptions=je;P.modifiers=tt;P.className=f.className;import{jsx as st}from"react/jsx-runtime";var ot=k.options,rt=k.states,nt=k.defaultOptions,it=[],at=[],B=t=>st(g,{id:E("checkbox"),...t,defaultChecked:!0,children:"Label"});B.options=ot;B.states=rt;B.variants=it;B.defaultOptions=nt;B.modifiers=at;B.className=k.className;import{Fragment as dt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",lt=[],ct={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},mt={},W=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:s(t.className,se,N(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(dt,{})};W.states=lt;W.options=ct;W.className=se;W.defaultOptions=mt;var ye=W;import{Fragment as ft,jsx as Y}from"react/jsx-runtime";var le="k-svg-icon",pt=[],xt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},ce={viewBox:"0 0 24 24",variant:T.outline},U=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:l,...w}=t;if(!l)return Y(ft,{});if(l==="none")return Y("span",{...w,className:s(t.className,le,N("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof l=="object"&&l.name&&l.name,u=typeof l=="object"?m&&l.variants?.[m]\|\|l.variants?.outline\|\|l.content:void 0;return Y("span",{...w,className:s(t.className,le,N("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Y("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:l?void 0:t.children})})};U.states=pt;U.options=xt;U.className=le;U.defaultOptions=ce;var me=U;import*as de from"@progress/kendo-svg-icons";var Ie="icon",Ne="icons";import{useContext as ut}from"react";import{createContext as ht}from"react";var Ee=ht({iconsType:"svg"});import{Fragment as ge,jsx as X}from"react/jsx-runtime";var Z="k-icon",vt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),bt=[],Ct={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},j={viewBox:"0 0 24 24",type:"svg",variant:T.outline},I=t=>{let{iconsType:e}=ut(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|j.type,rotate:m,flip:l,viewBox:w=j.viewBox,variant:v=j.variant,...u}=t;if(!i)return X(ge,{});if((e\|\|d)==="svg"){if(i==="none")return X(me,{...u,className:s(t.className,Z),icon:i,size:o,variant:v});let L=de[i]?i:vt(`${i}-icon`);return de[L]?X(me,{...u,className:s(t.className,Z),icon:de[L],size:o,themeColor:n,rotate:m,flip:l,viewBox:w,variant:v}):X(ge,{})}return X(ye,{...u,className:s(t.className,Z),icon:i,size:o,themeColor:n,rotate:m,flip:l})};I.states=bt;I.options=Ct;I.defaultOptions=j;I.className=Z;I.moduleName=Ie;I.folderName=Ne;import{jsx as Le,jsxs as Tt}from"react/jsx-runtime";var pe="k-treeview-leaf",kt=[x.hover,x.focus,x.selected],wt={},ee=t=>{let{text:e,showIcon:o,icon:n,hover:i,focus:d,selected:m,...l}=t;return Tt("span",{...l,className:s(t.className,pe,M(pe,{hover:i,focus:d,selected:m})),children:[o&&Le(I,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:e})]})};ee.states=kt;ee.options=wt;ee.className=pe;var Oe=ee;import{jsx as q,jsxs as Me}from"react/jsx-runtime";var Ae="k-treeview-item",yt=[x.hover,x.focus,x.selected,x.disabled],It={},Nt={},c=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,showIcon:l,icon:w,showCheckbox:v,checked:u,hover:K,focus:L,selected:F,disabled:_,dir:H,level:z=1,ariaSelected:O,...Re}=t,te=n\|\|o\|\|d;return Me("li",{...Re,className:s(t.className,Ae),style:{"--kendo-treeview-level":z},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":v?u?"true":"false":void 0,"aria-selected":O?"true":void 0,"aria-disabled":_?"true":void 0,children:[Me("span",{className:s("k-treeview-item-content",M("k-treeview-item-content",{hover:K,focus:L,selected:F,disabled:_})),children:[te&&q("span",{className:s("k-treeview-toggle",M("k-treeview-toggle",{disabled:_})),children:d?q("span",{className:"k-icon k-i-loading"}):q(I,{icon:i?"chevron-down":H==="rtl"?"chevron-left":"chevron-right"})}),v&&q(C,{checked:u,disabled:_,"aria-label":m,tabIndex:-1}),q(Oe,{className:e,text:m,showIcon:l,icon:w})]}),i&&te&&xe.Children.map(o,(oe,Se)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:H,level:z+1,key:Se}):oe)]})};c.states=yt;c.options=It;c.className=Ae;c.defaultOptions=Nt;c.moduleName=V;c.folderName=J;import{jsx as jr}from"react/jsx-runtime";import{jsx as rn,jsxs as nn}from"react/jsx-runtime";import{jsx as cn,jsxs as mn}from"react/jsx-runtime";import{jsx as fn,jsxs as hn}from"react/jsx-runtime";import{jsx as Cn,jsxs as kn}from"react/jsx-runtime";import{jsx as S,jsxs as fe}from"react/jsx-runtime";var Et=p.options,gt=p.states,Lt=p.defaultOptions,Ot=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Mt=[],D=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[S(c,{text:"Furniture",expanded:!0,...n,children:fe(y,{children:[S(c,{text:"Tables & Chairs",...n}),S(c,{text:"Sofas",...n}),S(c,{text:"Occasional Furniture",...n})]})}),fe(c,{text:"Decor",expanded:!1,...n,children:[S(c,{text:"Bed Linen",...n}),S(c,{text:"Curtains & Blinds",...n}),S(c,{text:"Carpets",...n})]})]})};D.options=Et;D.states=gt;D.variants=Mt;D.defaultOptions=Lt;D.modifiers=Ot;D.className=p.className;import{jsx as $,jsxs as At}from"react/jsx-runtime";var Dn=({children:t,...e})=>$(p,{...e,children:t\|\|[$(c,{text:"Root 1",ariaSelected:!0},"treeview-item-1"),$(c,{text:"Root 2",expanded:!0,children:At(y,{children:[$(c,{text:"Child 2.1"}),$(c,{text:"Child 2.2",ariaSelected:!0})]})},"treeview-item-2"),$(c,{text:"Root 3"},"treeview-item-3")]});export{Dn as TreeviewSelected};
1	+ import ie from"react";import ne from"react";var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var I=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),A=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:d,checked:m,active:l,selected:v,disabled:C,indeterminate:u,loading:R,empty:L,readonly:$,highlighted:ee,...O}=e;return s({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":d,"k-checked":m,"k-active":l,"k-selected":v,"k-disabled":C,"k-indeterminate":u&&!m,"k-loading":R,"k-empty":L,"k-readonly":$,"k-highlighted":ee},Object.keys(O).reduce((H,M)=>(M.startsWith("k-")?H[M]=O[M]:H[`k-${M}`]=O[M],H),{}))};var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var T={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},x={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 re={};function E(t){return re[t]=(re[t]\|\|0)+1,`k-${t}-${re[t]}`}import{jsx as He}from"react/jsx-runtime";var _e="k-treeview-group",y=t=>{let{children:e,dir:o,level:n=1,role:i="group",...d}=t;return He("ul",{...d,className:s(t.className,_e),role:i,children:ne.Children.map(e,(m,l)=>ne.isValidElement(m)?ne.cloneElement(m,{dir:o,level:n,key:l}):m)})};var F="treeview",q=F;import{jsx as he}from"react/jsx-runtime";var ae="k-treeview",ze=[],Ge={size:[r.undefined,r.small,r.medium,r.large]},Pe={},p=t=>{let{size:e,children:o,dir:n,...i}=t;return he("div",{...i,dir:n,className:s(t.className,ae,I(ae,{size:e})),children:he(y,{className:"k-treeview-lines",role:"tree",dir:n,children:ie.Children.map(o,(d,m)=>ie.isValidElement(d)?ie.cloneElement(d,{dir:n,key:m}):d)})})};p.states=ze;p.options=Ge;p.className=ae;p.defaultOptions=Pe;p.moduleName=F;p.folderName=q;import xe from"react";var K="checkbox",z=K;import{jsx as ue}from"react/jsx-runtime";var J="k-checkbox",Be=[x.hover,x.focus,x.valid,x.invalid,x.required,x.disabled,x.checked,x.indeterminate],De={size:[r.undefined,r.small,r.medium,r.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},$e={},k=t=>{let{id:e,checked:o,indeterminate:n,hover:i,focus:d,disabled:m,invalid:l,valid:v,required:C,size:u,rounded:R,wrapperRole:L,...$}=t;return ue("span",{className:"k-checkbox-wrap",role:L,children:ue("input",{...$,id:e,type:"checkbox",defaultChecked:o,required:C,disabled:m\|\|void 0,"aria-invalid":l?"true":void 0,className:s(t.className,J,I(J,{size:u,rounded:R}),A(J,{hover:i,focus:d,disabled:m,invalid:l,valid:v,indeterminate:n,checked:o}))})})};k.states=Be;k.options=De;k.className=J;k.defaultOptions=$e;k.moduleName=K;k.folderName=z;var w=k;import{jsx as We}from"react/jsx-runtime";var ve="k-checkbox-list",Fe=[],Ve={},be={layout:"vertical"},f=t=>{let{layout:e=be.layout,...o}=t;return We("ul",{...o,className:s(t.className,ve,{[`k-list-${e}`]:e}),children:t.children})};f.states=Fe;f.options=Ve;f.className=ve;f.defaultOptions=be;f.moduleName=K;f.folderName=z;import{jsx as Je}from"react/jsx-runtime";var Ce="k-checkbox-list-item",Ue=[],Xe={},qe={},h=t=>{let{...e}=t;return Je("li",{...e,className:s(t.className,Ce),children:t.children})};h.states=Ue;h.options=Xe;h.className=Ce;h.defaultOptions=qe;h.moduleName=K;h.folderName=z;import{Fragment as Qe,jsx as ke,jsxs as Ye}from"react/jsx-runtime";var g=({children:t="Label",id:e="cb-label-after",...o})=>Ye(Qe,{children:[ke(w,{id:e,...o}),ke("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});import{Fragment as ko,jsx as Co,jsxs as wo}from"react/jsx-runtime";import{Fragment as Eo,jsx as Io,jsxs as go}from"react/jsx-runtime";import{Fragment as Ao,jsx as Ro,jsxs as So}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";import{jsx as b,jsxs as we}from"react/jsx-runtime";var Ze=f.options,je=f.states,et={...f.defaultOptions,variant:"vertical"},tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ot=[],G=t=>{let{variant:e,...o}=t;return e==="horizontal"?we(f,{layout:"horizontal",...o,children:[b(h,{children:b(g,{id:E("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})})]}):we(f,{...o,children:[b(h,{children:b(g,{id:E("cb"),defaultChecked:!0,children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})}),b(h,{children:b(g,{id:E("cb"),children:"Label"})})]})};G.options=Ze;G.states=je;G.variants=tt;G.defaultOptions=et;G.modifiers=ot;G.className=f.className;import{jsx as lt}from"react/jsx-runtime";var rt=w.options,nt=w.states,it=w.defaultOptions,at=[],st=[],P=t=>lt(g,{id:E("checkbox"),...t,defaultChecked:!0,children:"Label"});P.options=rt;P.states=nt;P.variants=at;P.defaultOptions=it;P.modifiers=st;P.className=w.className;import{Fragment as pt,jsx as Te}from"react/jsx-runtime";var se="k-font-icon",ct=[],mt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},dt={},V=t=>{let{size:e,themeColor:o,icon:n,rotate:i,flip:d,...m}=t;return n?Te("span",{...m,className:s(t.className,se,I(se,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):Te(pt,{})};V.states=ct;V.options=mt;V.className=se;V.defaultOptions=dt;var ye=V;import{Fragment as ht,jsx as Q}from"react/jsx-runtime";var le="k-svg-icon",xt=[],ft={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},ce={viewBox:"0 0 24 24",variant:T.outline},W=t=>{let{size:e,themeColor:o,rotate:n,flip:i,viewBox:d=ce.viewBox,variant:m=ce.variant,icon:l,...v}=t;if(!l)return Q(ht,{});if(l==="none")return Q("span",{...v,className:s(t.className,le,I("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let C=typeof l=="object"&&l.name&&l.name,u=typeof l=="object"?m&&l.variants?.[m]\|\|l.variants?.outline\|\|l.content:void 0;return Q("span",{...v,className:s(t.className,le,I("k-icon",{size:e}),{[`k-svg-i-${C}`]:C,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:d,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:l?void 0:t.children})})};W.states=xt;W.options=ft;W.className=le;W.defaultOptions=ce;var me=W;import*as de from"@progress/kendo-svg-icons";var Ne="icon",Ie="icons";import{useContext as vt}from"react";import{createContext as ut}from"react";var Ee=ut({iconsType:"svg"});import{Fragment as ge,jsx as U}from"react/jsx-runtime";var Y="k-icon",bt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ct=[],kt={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[T.outline,T.solid,T.duotone]},Z={viewBox:"0 0 24 24",type:"svg",variant:T.outline},N=t=>{let{iconsType:e}=vt(Ee),{size:o,themeColor:n,icon:i,type:d=e\|\|Z.type,rotate:m,flip:l,viewBox:v=Z.viewBox,variant:C=Z.variant,...u}=t;if(!i)return U(ge,{});if((e\|\|d)==="svg"){if(i==="none")return U(me,{...u,className:s(t.className,Y),icon:i,size:o,variant:C});let L=de[i]?i:bt(`${i}-icon`);return de[L]?U(me,{...u,className:s(t.className,Y),icon:de[L],size:o,themeColor:n,rotate:m,flip:l,viewBox:v,variant:C}):U(ge,{})}return U(ye,{...u,className:s(t.className,Y),icon:i,size:o,themeColor:n,rotate:m,flip:l})};N.states=Ct;N.options=kt;N.defaultOptions=Z;N.className=Y;N.moduleName=Ne;N.folderName=Ie;import{jsx as Le,jsxs as yt}from"react/jsx-runtime";var pe="k-treeview-leaf",wt=[x.hover,x.focus,x.selected],Tt={},j=t=>{let{text:e,showIcon:o,icon:n,children:i,hover:d,focus:m,selected:l,...v}=t;return yt("span",{...v,className:s(t.className,pe,A(pe,{hover:d,focus:m,selected:l})),children:[o&&Le(N,{icon:n}),Le("span",{className:"k-treeview-leaf-text",children:i??e})]})};j.states=wt;j.options=Tt;j.className=pe;var Oe=j;import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Re="k-treeview-item",Nt=[x.hover,x.focus,x.selected,x.disabled],It={},Et={},c=t=>{let{leafClassName:e,children:o,hasChildren:n,expanded:i,loading:d,text:m,content:l,showIcon:v,icon:C,showCheckbox:u,checked:R,hover:L,focus:$,selected:ee,disabled:O,dir:H,level:M=1,ariaSelected:Ae,...Se}=t,te=n\|\|o\|\|d;return Me("li",{...Se,className:s(t.className,Re),style:{"--kendo-treeview-level":M},role:"treeitem","aria-expanded":te?i?"true":"false":void 0,"aria-checked":u?R?"true":"false":void 0,"aria-selected":Ae?"true":void 0,"aria-disabled":O?"true":void 0,children:[Me("span",{className:s("k-treeview-item-content",A("k-treeview-item-content",{hover:L,focus:$,selected:ee,disabled:O})),children:[te&&X("span",{className:s("k-treeview-toggle",A("k-treeview-toggle",{disabled:O})),children:d?X("span",{className:"k-icon k-i-loading"}):X(N,{icon:i?"chevron-down":H==="rtl"?"chevron-left":"chevron-right"})}),u&&X(k,{checked:R,disabled:O,"aria-label":m,tabIndex:-1}),X(Oe,{className:e,text:m,showIcon:v,icon:C,children:l})]}),i&&te&&xe.Children.map(o,(oe,Ke)=>xe.isValidElement(oe)?xe.cloneElement(oe,{dir:H,level:M+1,key:Ke}):oe)]})};c.states=Nt;c.options=It;c.className=Re;c.defaultOptions=Et;c.moduleName=F;c.folderName=q;import{jsx as en}from"react/jsx-runtime";import{jsx as nn,jsxs as an}from"react/jsx-runtime";import{jsx as mn,jsxs as dn}from"react/jsx-runtime";import{jsx as hn,jsxs as un}from"react/jsx-runtime";import{jsx as kn,jsxs as wn}from"react/jsx-runtime";import{jsx as _,jsxs as fe}from"react/jsx-runtime";var gt=p.options,Lt=p.states,Ot=p.defaultOptions,Mt=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Rt=[],B=t=>{let{modifiers:e,...o}=t,n={};return Object.keys(e\|\|{}).forEach(i=>{i==="checkboxes"&&(n.showCheckbox=e?.[i])}),fe(p,{...o,children:[_(c,{text:"Furniture",expanded:!0,...n,children:fe(y,{children:[_(c,{text:"Tables & Chairs",...n}),_(c,{text:"Sofas",...n}),_(c,{text:"Occasional Furniture",...n})]})}),fe(c,{text:"Decor",expanded:!1,...n,children:[_(c,{text:"Bed Linen",...n}),_(c,{text:"Curtains & Blinds",...n}),_(c,{text:"Carpets",...n})]})]})};B.options=gt;B.states=Lt;B.variants=Rt;B.defaultOptions=Ot;B.modifiers=Mt;B.className=p.className;import{jsx as D,jsxs as At}from"react/jsx-runtime";var $n=({children:t,...e})=>D(p,{...e,children:t\|\|[D(c,{text:"Root 1",ariaSelected:!0},"treeview-item-1"),D(c,{text:"Root 2",expanded:!0,children:At(y,{children:[D(c,{text:"Child 2.1"}),D(c,{text:"Child 2.2",ariaSelected:!0})]})},"treeview-item-2"),D(c,{text:"Root 3"},"treeview-item-3")]});export{$n as TreeviewSelected};

package/dist/esm/treeview/treeview-item.spec.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import re from"react";var s=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((n,l)=>e[l]\|\|e[n]&&n\|\|null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var L=(o,e)=>s({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),O=(o,e)=>{let{valid:n,invalid:l,hover:a,focus:m,checked:c,active:i,selected:k,disabled:x,indeterminate:u,loading:S,empty:E,readonly:B,highlighted:w,..._}=e;return s({"k-valid":n,"k-invalid":l,"k-hover":a,"k-focus":m,"k-checked":c,"k-active":i,"k-selected":k,"k-disabled":x,"k-indeterminate":u&&!c,"k-loading":S,"k-empty":E,"k-readonly":B,"k-highlighted":w},Object.keys(_).reduce((K,I)=>(I.startsWith("k-")?K[I]=_[I]:K[`k-${I}`]=_[I],K),{}))};var t={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},M={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={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 Q={};function N(o){return Q[o]=(Q[o]\|\|0)+1,`k-${o}-${Q[o]}`}var A="checkbox",z=A;import{jsx as ae}from"react/jsx-runtime";var D="k-checkbox",Ee=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.checked,d.indeterminate],Ie={size:[t.undefined,t.small,t.medium,t.large],rounded:[M.undefined,M.none,M.small,M.medium,M.large,M.full]},Le={},b=o=>{let{id:e,checked:n,indeterminate:l,hover:a,focus:m,disabled:c,invalid:i,valid:k,required:x,size:u,rounded:S,wrapperRole:E,...B}=o;return ae("span",{className:"k-checkbox-wrap",role:E,children:ae("input",{...B,id:e,type:"checkbox",defaultChecked:n,required:x,disabled:c\|\|void 0,"aria-invalid":i?"true":void 0,className:s(o.className,D,L(D,{size:u,rounded:S}),O(D,{hover:a,focus:m,disabled:c,invalid:i,valid:k,indeterminate:l,checked:n}))})})};b.states=Ee;b.options=Ie;b.className=D;b.defaultOptions=Le;b.moduleName=A;b.folderName=z;var C=b;import{jsx as Ae}from"react/jsx-runtime";var se="k-checkbox-list",Oe=[],Me={},ie={layout:"vertical"},p=o=>{let{layout:e=ie.layout,...n}=o;return Ae("ul",{...n,className:s(o.className,se,{[`k-list-${e}`]:e}),children:o.children})};p.states=Oe;p.options=Me;p.className=se;p.defaultOptions=ie;p.moduleName=A;p.folderName=z;import{jsx as _e}from"react/jsx-runtime";var le="k-checkbox-list-item",Te=[],Se={},we={},f=o=>{let{...e}=o;return _e("li",{...e,className:s(o.className,le),children:o.children})};f.states=Te;f.options=Se;f.className=le;f.defaultOptions=we;f.moduleName=A;f.folderName=z;import{Fragment as Ke,jsx as ce,jsxs as ze}from"react/jsx-runtime";var y=({children:o="Label",id:e="cb-label-after",...n})=>ze(Ke,{children:[ce(C,{id:e,...n}),ce("label",{className:"k-checkbox-label",htmlFor:e,children:o})]});import{Fragment as Go,jsx as $o,jsxs as Fo}from"react/jsx-runtime";import{Fragment as Xo,jsx as Uo,jsxs as qo}from"react/jsx-runtime";import{Fragment as jo,jsx as Zo,jsxs as et}from"react/jsx-runtime";import{jsx as rt}from"react/jsx-runtime";import{jsx as lt}from"react/jsx-runtime";import{jsx as pt}from"react/jsx-runtime";import{jsx as h,jsxs as de}from"react/jsx-runtime";var He=p.options,Re=p.states,Be={...p.defaultOptions,variant:"vertical"}~~,Pe~~=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}]~~,$e~~=[],H=o=>{let{variant:e,...n}=o;return e==="horizontal"?de(p,{layout:"horizontal",...n,children:[h(f,{children:h(y,{id:N("cb"),defaultChecked:!0,children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})})]}):de(p,{...n,children:[h(f,{children:h(y,{id:N("cb"),defaultChecked:!0,children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})})]})};H.options=He;H.states=Re;H.variants~~=Pe~~;H.defaultOptions=Be;H.modifiers~~=$e~~;H.className=p.className;import{jsx as Ue}from"react/jsx-runtime";var Ge=C.options,Fe=C.states,De=C.defaultOptions,We=[],Ve=[],R=o=>Ue(y,{id:N("checkbox"),...o,defaultChecked:!0,children:"Label"});R.options=Ge;R.states=Fe;R.variants=We;R.defaultOptions=De;R.modifiers=Ve;R.className=C.className;import{Fragment as Qe,jsx as me}from"react/jsx-runtime";var Y="k-font-icon",Xe=[],qe={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Je={},P=o=>{let{size:e,themeColor:n,icon:l,rotate:a,flip:m,...c}=o;return l?me("span",{...c,className:s(o.className,Y,L(Y,{size:e}),{[`k-i-${l}`]:l,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"\|\|m==="both","k-flip-v":m==="v"\|\|m==="both"}),"aria-hidden":"true"}):me(Qe,{})};P.states=Xe;P.options=qe;P.className=Y;P.defaultOptions=Je;var pe=P;import{Fragment as je,jsx as W}from"react/jsx-runtime";var Z="k-svg-icon",Ye=[],Ze={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[v.outline,v.solid,v.duotone]},j={viewBox:"0 0 24 24",variant:v.outline}~~,$=~~o=>{let{size:e,themeColor:n,rotate:l,flip:a,viewBox:m=j.viewBox,variant:c=j.variant,icon:i,...k}=o;if(!i)return W(je,{});if(i==="none")return W("span",{...k,className:s(o.className,Z,L("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof i=="object"&&i.name&&i.name,u=typeof i=="object"?c&&i.variants?.[c]\|\|i.variants?.outline\|\|i.content:void 0;return W("span",{...k,className:s(o.className,Z,L("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":a==="h"\|\|a==="both","k-flip-v":a==="v"\|\|a==="both"}),"aria-hidden":"true",children:W("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:m,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:i?void 0:o.children})})}~~;$.~~states=~~Ye;$.~~options=~~Ze;$.~~className=Z~~;$.~~defaultOptions=j;var ee~~=$;~~import*as oe from"@progress/kendo-svg-icons";var fe="icon",ue="icons";import{useContext as oo}from"react";import{createContext as eo}from"react";var xe=eo({iconsType:"svg"});import{Fragment as he,jsx as G}from"react/jsx-runtime";var V="k-icon",to=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),no=[],ro={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[v.outline,v.solid,v.duotone]},U={viewBox:"0 0 24 24",type:"svg",variant:v.outline},g=o=>{let{iconsType:e}=oo(xe),{size:n,themeColor:l,icon:a,type:m=e\|\|U.type,rotate:c,flip:i,viewBox:k=U.viewBox,variant:x=U.variant,...u}=o;if(!a)return G(he,{});if((e\|\|m)==="svg"){if(a==="none")return G(ee,{...u,className:s(o.className,V),icon:a,size:n,variant:x});let E=oe[a]?a:to(`${a}-icon`);return oe[E]?G(ee,{...u,className:s(o.className,V),icon:oe[E],size:n,themeColor:l,rotate:c,flip:i,viewBox:k,variant:x}):G(he,{})}return G(pe,{...u,className:s(o.className,V),icon:a,size:n,themeColor:l,rotate:c,flip:i})};g.states=no;g.options=ro;g.defaultOptions=U;g.className=V;g.moduleName=fe;g.folderName=ue;import{jsx as be,jsxs as io}from"react/jsx-runtime";var te="k-treeview-leaf",ao=[d.hover,d.focus,d.selected],so={},X=o=>{let{text:e,showIcon:n,icon:l,~~hover~~:a,~~focus~~:m,selected:c,...i}=o;return io("span",{...i,className:s(o.className,te,O(te,{hover:a,focus:m,selected:c})),children:[n&&be(g,{icon:l}),be("span",{className:"k-treeview-leaf-text",children:e})]})};X.states=ao;X.options=so;X.className=te;var Ce=X;var ne="treeview",ke=ne;import{jsx as F,jsxs as ve}from"react/jsx-runtime";var ge="k-treeview-item",lo=[d.hover,d.focus,d.selected,d.disabled],co={},mo={},T=o=>{let{leafClassName:e,children:n,hasChildren:l,expanded:a,loading:m,text:c,showIcon:i,icon:k,showCheckbox:x,checked:u,hover:S,focus:E,selected:B,disabled:w,dir:_,level:K=1,ariaSelected:I,...Ne}=o,q=l\|\|n\|\|m;return ve("li",{...Ne,className:s(o.className,ge),style:{"--kendo-treeview-level":K},role:"treeitem","aria-expanded":q?a?"true":"false":void 0,"aria-checked":x?u?"true":"false":void 0,"aria-selected":I?"true":void 0,"aria-disabled":w?"true":void 0,children:[ve("span",{className:s("k-treeview-item-content",O("k-treeview-item-content",{hover:S,focus:E,selected:B,disabled:w})),children:[q&&F("span",{className:s("k-treeview-toggle",O("k-treeview-toggle",{disabled:w})),children:m?F("span",{className:"k-icon k-i-loading"}):F(g,{icon:a?"chevron-down":_==="rtl"?"chevron-left":"chevron-right"})}),x&&F(b,{checked:u,disabled:w,"aria-label":c,tabIndex:-1}),F(Ce,{className:e,text:c,showIcon:i,icon:k})]}),a&&q&&re.Children.map(n,(J,ye)=>re.isValidElement(J)?re.cloneElement(J,{dir:_,level:K+1,key:ye}):J)]})};T.states=lo;T.options=co;T.className=ge;T.defaultOptions=mo;T.moduleName=ne;T.folderName=ke;var kn=T;export{ge as TREEVIEWITEM_CLASSNAME,T as TreeviewItem,kn as default};
1	+ import re from"react";var i=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((n,l)=>e[l]\|\|e[n]&&n\|\|null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var M=(o,e)=>i({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),T=(o,e)=>{let{valid:n,invalid:l,hover:a,focus:m,checked:c,active:s,selected:x,disabled:b,indeterminate:u,loading:O,empty:E,readonly:H,highlighted:X,...I}=e;return i({"k-valid":n,"k-invalid":l,"k-hover":a,"k-focus":m,"k-checked":c,"k-active":s,"k-selected":x,"k-disabled":b,"k-indeterminate":u&&!c,"k-loading":O,"k-empty":E,"k-readonly":H,"k-highlighted":X},Object.keys(I).reduce((_,L)=>(L.startsWith("k-")?_[L]=I[L]:_[`k-${L}`]=I[L],_),{}))};var t={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={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 Q={};function N(o){return Q[o]=(Q[o]\|\|0)+1,`k-${o}-${Q[o]}`}var w="checkbox",K=w;import{jsx as ae}from"react/jsx-runtime";var F="k-checkbox",Ie=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.checked,d.indeterminate],Le={size:[t.undefined,t.small,t.medium,t.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},Oe={},C=o=>{let{id:e,checked:n,indeterminate:l,hover:a,focus:m,disabled:c,invalid:s,valid:x,required:b,size:u,rounded:O,wrapperRole:E,...H}=o;return ae("span",{className:"k-checkbox-wrap",role:E,children:ae("input",{...H,id:e,type:"checkbox",defaultChecked:n,required:b,disabled:c\|\|void 0,"aria-invalid":s?"true":void 0,className:i(o.className,F,M(F,{size:u,rounded:O}),T(F,{hover:a,focus:m,disabled:c,invalid:s,valid:x,indeterminate:l,checked:n}))})})};C.states=Ie;C.options=Le;C.className=F;C.defaultOptions=Oe;C.moduleName=w;C.folderName=K;var k=C;import{jsx as Ae}from"react/jsx-runtime";var ie="k-checkbox-list",Me=[],Te={},se={layout:"vertical"},p=o=>{let{layout:e=se.layout,...n}=o;return Ae("ul",{...n,className:i(o.className,ie,{[`k-list-${e}`]:e}),children:o.children})};p.states=Me;p.options=Te;p.className=ie;p.defaultOptions=se;p.moduleName=w;p.folderName=K;import{jsx as Ke}from"react/jsx-runtime";var le="k-checkbox-list-item",we=[],Se={},_e={},f=o=>{let{...e}=o;return Ke("li",{...e,className:i(o.className,le),children:o.children})};f.states=we;f.options=Se;f.className=le;f.defaultOptions=_e;f.moduleName=w;f.folderName=K;import{Fragment as Re,jsx as ce,jsxs as ze}from"react/jsx-runtime";var y=({children:o="Label",id:e="cb-label-after",...n})=>ze(Re,{children:[ce(k,{id:e,...n}),ce("label",{className:"k-checkbox-label",htmlFor:e,children:o})]});import{Fragment as Fo,jsx as Go,jsxs as Do}from"react/jsx-runtime";import{Fragment as qo,jsx as Xo,jsxs as Jo}from"react/jsx-runtime";import{Fragment as et,jsx as jo,jsxs as ot}from"react/jsx-runtime";import{jsx as at}from"react/jsx-runtime";import{jsx as ct}from"react/jsx-runtime";import{jsx as ft}from"react/jsx-runtime";import{jsx as h,jsxs as de}from"react/jsx-runtime";var He=p.options,Be=p.states,Pe={...p.defaultOptions,variant:"vertical"},$e=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ge=[],R=o=>{let{variant:e,...n}=o;return e==="horizontal"?de(p,{layout:"horizontal",...n,children:[h(f,{children:h(y,{id:N("cb"),defaultChecked:!0,children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})})]}):de(p,{...n,children:[h(f,{children:h(y,{id:N("cb"),defaultChecked:!0,children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})}),h(f,{children:h(y,{id:N("cb"),children:"Label"})})]})};R.options=He;R.states=Be;R.variants=$e;R.defaultOptions=Pe;R.modifiers=Ge;R.className=p.className;import{jsx as Xe}from"react/jsx-runtime";var Fe=k.options,De=k.states,We=k.defaultOptions,Ve=[],Ue=[],z=o=>Xe(y,{id:N("checkbox"),...o,defaultChecked:!0,children:"Label"});z.options=Fe;z.states=De;z.variants=Ve;z.defaultOptions=We;z.modifiers=Ue;z.className=k.className;import{Fragment as Ye,jsx as me}from"react/jsx-runtime";var Y="k-font-icon",qe=[],Je={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Qe={},B=o=>{let{size:e,themeColor:n,icon:l,rotate:a,flip:m,...c}=o;return l?me("span",{...c,className:i(o.className,Y,M(Y,{size:e}),{[`k-i-${l}`]:l,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"\|\|m==="both","k-flip-v":m==="v"\|\|m==="both"}),"aria-hidden":"true"}):me(Ye,{})};B.states=qe;B.options=Je;B.className=Y;B.defaultOptions=Qe;var pe=B;import{Fragment as eo,jsx as D}from"react/jsx-runtime";var Z="k-svg-icon",Ze=[],je={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[v.outline,v.solid,v.duotone]},j={viewBox:"0 0 24 24",variant:v.outline},P=o=>{let{size:e,themeColor:n,rotate:l,flip:a,viewBox:m=j.viewBox,variant:c=j.variant,icon:s,...x}=o;if(!s)return D(eo,{});if(s==="none")return D("span",{...x,className:i(o.className,Z,M("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let b=typeof s=="object"&&s.name&&s.name,u=typeof s=="object"?c&&s.variants?.[c]\|\|s.variants?.outline\|\|s.content:void 0;return D("span",{...x,className:i(o.className,Z,M("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":a==="h"\|\|a==="both","k-flip-v":a==="v"\|\|a==="both"}),"aria-hidden":"true",children:D("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:m,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:s?void 0:o.children})})};P.states=Ze;P.options=je;P.className=Z;P.defaultOptions=j;var ee=P;import*as oe from"@progress/kendo-svg-icons";var fe="icon",ue="icons";import{useContext as to}from"react";import{createContext as oo}from"react";var xe=oo({iconsType:"svg"});import{Fragment as he,jsx as $}from"react/jsx-runtime";var W="k-icon",no=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ro=[],ao={size:[t.undefined,t.xsmall,t.small,t.medium,t.large,t.xlarge,t.xxlarge,t.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[v.outline,v.solid,v.duotone]},V={viewBox:"0 0 24 24",type:"svg",variant:v.outline},g=o=>{let{iconsType:e}=to(xe),{size:n,themeColor:l,icon:a,type:m=e\|\|V.type,rotate:c,flip:s,viewBox:x=V.viewBox,variant:b=V.variant,...u}=o;if(!a)return $(he,{});if((e\|\|m)==="svg"){if(a==="none")return $(ee,{...u,className:i(o.className,W),icon:a,size:n,variant:b});let E=oe[a]?a:no(`${a}-icon`);return oe[E]?$(ee,{...u,className:i(o.className,W),icon:oe[E],size:n,themeColor:l,rotate:c,flip:s,viewBox:x,variant:b}):$(he,{})}return $(pe,{...u,className:i(o.className,W),icon:a,size:n,themeColor:l,rotate:c,flip:s})};g.states=ro;g.options=ao;g.defaultOptions=V;g.className=W;g.moduleName=fe;g.folderName=ue;import{jsx as be,jsxs as lo}from"react/jsx-runtime";var te="k-treeview-leaf",io=[d.hover,d.focus,d.selected],so={},U=o=>{let{text:e,showIcon:n,icon:l,children:a,hover:m,focus:c,selected:s,...x}=o;return lo("span",{...x,className:i(o.className,te,T(te,{hover:m,focus:c,selected:s})),children:[n&&be(g,{icon:l}),be("span",{className:"k-treeview-leaf-text",children:a??e})]})};U.states=io;U.options=so;U.className=te;var Ce=U;var ne="treeview",ke=ne;import{jsx as G,jsxs as ve}from"react/jsx-runtime";var ge="k-treeview-item",co=[d.hover,d.focus,d.selected,d.disabled],mo={},po={},S=o=>{let{leafClassName:e,children:n,hasChildren:l,expanded:a,loading:m,text:c,content:s,showIcon:x,icon:b,showCheckbox:u,checked:O,hover:E,focus:H,selected:X,disabled:I,dir:_,level:L=1,ariaSelected:Ne,...ye}=o,q=l\|\|n\|\|m;return ve("li",{...ye,className:i(o.className,ge),style:{"--kendo-treeview-level":L},role:"treeitem","aria-expanded":q?a?"true":"false":void 0,"aria-checked":u?O?"true":"false":void 0,"aria-selected":Ne?"true":void 0,"aria-disabled":I?"true":void 0,children:[ve("span",{className:i("k-treeview-item-content",T("k-treeview-item-content",{hover:E,focus:H,selected:X,disabled:I})),children:[q&&G("span",{className:i("k-treeview-toggle",T("k-treeview-toggle",{disabled:I})),children:m?G("span",{className:"k-icon k-i-loading"}):G(g,{icon:a?"chevron-down":_==="rtl"?"chevron-left":"chevron-right"})}),u&&G(C,{checked:O,disabled:I,"aria-label":c,tabIndex:-1}),G(Ce,{className:e,text:c,showIcon:x,icon:b,children:s})]}),a&&q&&re.Children.map(n,(J,Ee)=>re.isValidElement(J)?re.cloneElement(J,{dir:_,level:L+1,key:Ee}):J)]})};S.states=co;S.options=mo;S.className=ge;S.defaultOptions=po;S.moduleName=ne;S.folderName=ke;var vn=S;export{ge as TREEVIEWITEM_CLASSNAME,S as TreeviewItem,vn as default};

package/dist/esm/treeview/treeview-leaf.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((s,a)=>e[a]\|\|e[s]&&s\|\|null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),B=(t,e)=>{let{valid:s,invalid:a,hover:r,focus:c,checked:d,active:i,selected:x,disabled:p,indeterminate:u,loading:_,empty:b,readonly:j,highlighted:D,...T}=e;return l({"k-valid":s,"k-invalid":a,"k-hover":r,"k-focus":c,"k-checked":d,"k-active":i,"k-selected":x,"k-disabled":p,"k-indeterminate":u&&!d,"k-loading":_,"k-empty":b,"k-readonly":j,"k-highlighted":D},Object.keys(T).reduce((z,g)=>(g.startsWith("k-")?z[g]=T[g]:z[`k-${g}`]=T[g],z),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},C={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"};import{Fragment as J,jsx as R}from"react/jsx-runtime";var O="k-font-icon",U=[],q={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},W={},h=t=>{let{size:e,themeColor:s,icon:a,rotate:r,flip:c,...d}=t;return a?R("span",{...d,className:l(t.className,O,v(O,{size:e}),{[`k-i-${a}`]:a,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"\|\|c==="both","k-flip-v":c==="v"\|\|c==="both"}),"aria-hidden":"true"}):R(J,{})};h.states=U;h.options=q;h.className=O;h.defaultOptions=W;var F=h;import{Fragment as Y,jsx as N}from"react/jsx-runtime";var M="k-svg-icon",Q=[],X={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},L={viewBox:"0 0 24 24",variant:m.outline},y=t=>{let{size:e,themeColor:s,rotate:a,flip:r,viewBox:c=L.viewBox,variant:d=L.variant,icon:i,...x}=t;if(!i)return N(Y,{});if(i==="none")return N("span",{...x,className:l(t.className,M,v("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let p=typeof i=="object"&&i.name&&i.name,u=typeof i=="object"?d&&i.variants?.[d]\|\|i.variants?.outline\|\|i.content:void 0;return N("span",{...x,className:l(t.className,M,v("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:N("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:c,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:i?void 0:t.children})})};y.states=Q;y.options=X;y.className=M;y.defaultOptions=L;var A=y;import*as E from"@progress/kendo-svg-icons";var H="icon",V="icons";import{useContext as ee}from"react";import{createContext as Z}from"react";var P=Z({iconsType:"svg"});import{Fragment as K,jsx as k}from"react/jsx-runtime";var I="k-icon",te=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},S={viewBox:"0 0 24 24",type:"svg",variant:m.outline},f=t=>{let{iconsType:e}=ee(P),{size:s,themeColor:a,icon:r,type:c=e\|\|S.type,rotate:d,flip:i,viewBox:x=S.viewBox,variant:p=S.variant,...u}=t;if(!r)return k(K,{});if((e\|\|c)==="svg"){if(r==="none")return k(A,{...u,className:l(t.className,I),icon:r,size:s,variant:p});let b=E[r]?r:te(`${r}-icon`);return E[b]?k(A,{...u,className:l(t.className,I),icon:E[b],size:s,themeColor:a,rotate:d,flip:i,viewBox:x,variant:p}):k(K,{})}return k(F,{...u,className:l(t.className,I),icon:r,size:s,themeColor:a,rotate:d,flip:i})};f.states=oe;f.options=ne;f.defaultOptions=S;f.className=I;f.moduleName=H;f.folderName=V;import{jsx as G,jsxs as se}from"react/jsx-runtime";var $="k-treeview-leaf",re=[C.hover,C.focus,C.selected],ie={},w=t=>{let{text:e,showIcon:s,icon:a,~~hover~~:r,~~focus~~:c,selected:d,...i}=t;return se("span",{...i,className:l(t.className,$,B($,{hover:r,focus:c,selected:d})),children:[s&&G(f,{icon:a}),G("span",{className:"k-treeview-leaf-text",children:e})]})};w.states=re;w.options=ie;w.className=$;var Ve=w;export{$ as TREEVIEWLEAF_CLASSNAME,w as TreeviewLeaf,Ve as default};
1	+ var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((s,a)=>e[a]\|\|e[s]&&s\|\|null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),B=(t,e)=>{let{valid:s,invalid:a,hover:r,focus:c,checked:d,active:i,selected:u,disabled:x,indeterminate:f,loading:_,empty:b,readonly:j,highlighted:D,...T}=e;return l({"k-valid":s,"k-invalid":a,"k-hover":r,"k-focus":c,"k-checked":d,"k-active":i,"k-selected":u,"k-disabled":x,"k-indeterminate":f&&!d,"k-loading":_,"k-empty":b,"k-readonly":j,"k-highlighted":D},Object.keys(T).reduce((z,g)=>(g.startsWith("k-")?z[g]=T[g]:z[`k-${g}`]=T[g],z),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},C={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"};import{Fragment as J,jsx as R}from"react/jsx-runtime";var O="k-font-icon",U=[],q={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},W={},h=t=>{let{size:e,themeColor:s,icon:a,rotate:r,flip:c,...d}=t;return a?R("span",{...d,className:l(t.className,O,v(O,{size:e}),{[`k-i-${a}`]:a,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"\|\|c==="both","k-flip-v":c==="v"\|\|c==="both"}),"aria-hidden":"true"}):R(J,{})};h.states=U;h.options=q;h.className=O;h.defaultOptions=W;var F=h;import{Fragment as Y,jsx as N}from"react/jsx-runtime";var M="k-svg-icon",Q=[],X={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},L={viewBox:"0 0 24 24",variant:m.outline},y=t=>{let{size:e,themeColor:s,rotate:a,flip:r,viewBox:c=L.viewBox,variant:d=L.variant,icon:i,...u}=t;if(!i)return N(Y,{});if(i==="none")return N("span",{...u,className:l(t.className,M,v("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof i=="object"&&i.name&&i.name,f=typeof i=="object"?d&&i.variants?.[d]\|\|i.variants?.outline\|\|i.content:void 0;return N("span",{...u,className:l(t.className,M,v("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:N("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:c,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:i?void 0:t.children})})};y.states=Q;y.options=X;y.className=M;y.defaultOptions=L;var A=y;import*as E from"@progress/kendo-svg-icons";var H="icon",V="icons";import{useContext as ee}from"react";import{createContext as Z}from"react";var P=Z({iconsType:"svg"});import{Fragment as K,jsx as k}from"react/jsx-runtime";var I="k-icon",te=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},S={viewBox:"0 0 24 24",type:"svg",variant:m.outline},p=t=>{let{iconsType:e}=ee(P),{size:s,themeColor:a,icon:r,type:c=e\|\|S.type,rotate:d,flip:i,viewBox:u=S.viewBox,variant:x=S.variant,...f}=t;if(!r)return k(K,{});if((e\|\|c)==="svg"){if(r==="none")return k(A,{...f,className:l(t.className,I),icon:r,size:s,variant:x});let b=E[r]?r:te(`${r}-icon`);return E[b]?k(A,{...f,className:l(t.className,I),icon:E[b],size:s,themeColor:a,rotate:d,flip:i,viewBox:u,variant:x}):k(K,{})}return k(F,{...f,className:l(t.className,I),icon:r,size:s,themeColor:a,rotate:d,flip:i})};p.states=oe;p.options=ne;p.defaultOptions=S;p.className=I;p.moduleName=H;p.folderName=V;import{jsx as G,jsxs as se}from"react/jsx-runtime";var $="k-treeview-leaf",re=[C.hover,C.focus,C.selected],ie={},w=t=>{let{text:e,showIcon:s,icon:a,children:r,hover:c,focus:d,selected:i,...u}=t;return se("span",{...u,className:l(t.className,$,B($,{hover:c,focus:d,selected:i})),children:[s&&G(p,{icon:a}),G("span",{className:"k-treeview-leaf-text",children:r??e})]})};w.states=re;w.options=ie;w.className=$;var Ve=w;export{$ as TREEVIEWLEAF_CLASSNAME,w as TreeviewLeaf,Ve as default};

package/dist/types/prompt-box/prompt-box.spec.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export type KendoPromptBoxProps = KendoPromptBoxOptions & {
     placeholder?: string;
     generating?: boolean;
     actionButtonConfig?: KendoButtonProps & React.HTMLAttributes<HTMLButtonElement>;
-    speechToTextButtonConfig?: KendoSpeechToTextButtonProps & React.HTMLAttributes<HTMLButtonElement>;
+    speechToTextButtonConfig?: (KendoSpeechToTextButtonProps & React.HTMLAttributes<HTMLButtonElement>) | false;
     uploadButtonConfig?: KendoButtonProps & React.HTMLAttributes<HTMLButtonElement>;
 };
 export type KendoPromptBoxState = {

package/dist/types/treeview/treeview-item.spec.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export type KendoTreeviewItemProps = {
     expanded?: boolean;
     loading?: boolean;
     text?: string;
+    content?: React.ReactNode;
     showIcon?: boolean;
     icon?: string;
     showCheckbox?: boolean;

package/dist/types/treeview/treeview-leaf.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export type KendoTreeviewLeafProps = {
     text?: string;
     showIcon?: boolean;
     icon?: string;
+    children?: React.ReactNode;
 };
 export type KendoTreeviewLeafState = {
     [K in (typeof states)[number]]?: boolean;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "14.7.0-dev.2",
+  "version": "14.7.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/src/prompt-box/prompt-box.spec.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ export type KendoPromptBoxProps = KendoPromptBoxOptions & {
     placeholder?: string;
     generating?: boolean;
     actionButtonConfig?: KendoButtonProps & React.HTMLAttributes<HTMLButtonElement>;
-    speechToTextButtonConfig?: KendoSpeechToTextButtonProps & React.HTMLAttributes<HTMLButtonElement>;
+    speechToTextButtonConfig?: (KendoSpeechToTextButtonProps & React.HTMLAttributes<HTMLButtonElement>) | false;
     uploadButtonConfig?: KendoButtonProps & React.HTMLAttributes<HTMLButtonElement>;
 };
@@ -132,12 +132,14 @@ export const PromptBox: KendoComponent<KendoPromptBoxProps & KendoPromptBoxState
                             {...uploadButtonConfig}
                         />
                     )}
-                    <SpeechToTextButton
-                        size="small"
-                        fillMode="flat"
-                        rounded="full"
-                        {...speechToTextButtonConfig}
-                    />
+                    {speechToTextButtonConfig !== false && (
+                        <SpeechToTextButton
+                            size="small"
+                            fillMode="flat"
+                            rounded="full"
+                            {...speechToTextButtonConfig}
+                        />
+                    )}
                     <IconButton
                         icon={generating ? "stop" : "arrow-up"}
                         size="small"

package/src/treeview/treeview-item.spec.tsx CHANGED Viewed

@@ -26,6 +26,7 @@ export type KendoTreeviewItemProps = {
     expanded?: boolean;
     loading?: boolean;
     text?: string;
+    content?: React.ReactNode;
     showIcon?: boolean;
     icon?: string;
     showCheckbox?: boolean;
@@ -61,6 +62,7 @@ export const TreeviewItem: KendoComponent<KendoTreeviewItemProps & KendoTreeview
         expanded,
         loading,
         text,
+        content,
         showIcon,
         icon,
         showCheckbox,
@@ -122,7 +124,9 @@ export const TreeviewItem: KendoComponent<KendoTreeviewItemProps & KendoTreeview
                     text={text}
                     showIcon={showIcon}
                     icon={icon}
-                />
+                >
+                    {content}
+                </TreeviewLeaf>
             </span>
             {expanded && _hasChildren &&
                 React.Children.map(children, (child, index) =>

package/src/treeview/treeview-leaf.tsx CHANGED Viewed

@@ -15,6 +15,7 @@ export type KendoTreeviewLeafProps = {
     text?: string;
     showIcon?: boolean;
     icon?: string;
+    children?: React.ReactNode;
 };
 export type KendoTreeviewLeafState = { [K in (typeof states)[number]]?: boolean };
@@ -28,6 +29,7 @@ export const TreeviewLeaf = (
         text,
         showIcon,
         icon,
+        children,
         hover,
         focus,
         selected,
@@ -49,7 +51,7 @@ export const TreeviewLeaf = (
         >
             {showIcon && <Icon icon={icon} />}
             <span className="k-treeview-leaf-text">
-                {text}
+                {children ?? text}
             </span>
         </span>
     );