@progress/kendo-themes-html/dist/esm/treeview/treeview-group.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((t,n)=>e[n]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(o,e)=>a({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),N=(o,e)=>{let{valid:t,invalid:n,hover:l,focus:c,checked:i,active:p,selected:d,disabled:h,indeterminate:T,loading:O,empty:w,readonly:S,highlighted:R,...E}=e;return a({"k-valid":t,"k-invalid":n,"k-hover":l,"k-focus":c,"k-checked":i,"k-active":p,"k-selected":d,"k-disabled":h,"k-indeterminate":T&&!i,"k-loading":O,"k-empty":w,"k-readonly":S,"k-highlighted":R},Object.keys(E).reduce((C,k)=>(k.startsWith("k-")?C[k]=E[k]:C[`k-${k}`]=E[k],C),{}))};var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},I={small:"small",medium:"medium",large:"large",full:"full"};var r={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},m={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 v="checkbox",M=v;import{jsx as ee}from"react/jsx-runtime";var B="k-checkbox",be=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.checked,m.indeterminate],Ce={size:[s.small,s.medium,s.large],rounded:[I.small,I.medium,I.large,I.full]},D={size:s.medium,rounded:I.medium},x=o=>{let{id:e,checked:t,indeterminate:n,hover:l,focus:c,disabled:i,invalid:p,valid:d,required:h,size:T=D.size,rounded:O=D.rounded,...w}=o;return ee("span",{className:"k-checkbox-wrap",children:ee("input",{...w,id:e,type:"checkbox",defaultChecked:t,required:h,className:a(o.className,B,y(B,{size:T,rounded:O}),N(B,{hover:l,focus:c,disabled:i,invalid:p,valid:d,indeterminate:n,checked:t}))})})};x.states=be;x.options=Ce;x.className=B;x.defaultOptions=D;x.moduleName=v;x.folderName=M;import{jsx as ve}from"react/jsx-runtime";var oe="k-checkbox-list",ke=[],Ne={},te={layout:"vertical"},u=o=>{let{layout:e=te.layout,...t}=o;return ve("ul",{...t,className:a(o.className,oe,{[`k-list-${e}`]:e}),children:o.children})};u.states=ke;u.options=Ne;u.className=oe;u.defaultOptions=te;u.moduleName=v;u.folderName=M;import{jsx as Ie}from"react/jsx-runtime";var re="k-checkbox-list-item",ge=[],Ee={},ye={},b=o=>{let{...e}=o;return Ie("li",{...e,className:a(o.className,re),children:o.children})};b.states=ge;b.options=Ee;b.className=re;b.defaultOptions=ye;b.moduleName=v;b.folderName=M;import{Fragment as bo,jsx as uo,jsxs as Co}from"react/jsx-runtime";import{Fragment as Eo,jsx as go,jsxs as yo}from"react/jsx-runtime";import{Fragment as Oo,jsx as To,jsxs as wo}from"react/jsx-runtime";import{Fragment as Ho,jsx as Ko,jsxs as zo}from"react/jsx-runtime";import{jsx as Go}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";import{Fragment as Oe,jsx as se}from"react/jsx-runtime";var V="k-font-icon",Me=[],Le={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Te={},A=o=>{let{size:e,themeColor:t,icon:n,rotate:l,flip:c,...i}=o;return n?se("span",{...i,className:a(o.className,V,y(V,{size:e}),{[`k-i-${n}`]:n,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):se(Oe,{})};A.states=Me;A.options=Le;A.className=V;A.defaultOptions=Te;var ne=A;import{Fragment as Ae,jsx as $}from"react/jsx-runtime";var W="k-svg-icon",we=[],Se={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},ae={viewBox:"0 0 24 24"},_=o=>{let{size:e,themeColor:t,rotate:n,flip:l,viewBox:c=ae.viewBox,icon:i,...p}=o;if(!i)return $(Ae,{});i==="none"&&{...p,className:a(o.className,W,"k-none")};let d=typeof i=="object"&&i.name&&i.name;return $("span",{...p,className:a(o.className,W,y("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${t}`]:t,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:$("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:c,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:o.children})})};_.states=we;_.options=Se;_.className=W;_.defaultOptions=ae;var J=_;import*as q from"@progress/kendo-svg-icons";var ie="icon",le="icons";import{Fragment as ce,jsx as K}from"react/jsx-runtime";var G="k-icon",_e=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ke=[],He={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Q={viewBox:"0 0 24 24",type:"svg"},f=o=>{let{size:e,themeColor:t,icon:n,type:l=Q.type,rotate:c,flip:i,viewBox:p=Q.viewBox,...d}=o;if(!n)return K(ce,{});if(l==="svg"){if(n==="none")return K(J,{...d,className:a(o.className,G),icon:n,size:e});let h=q[n]?n:_e(`${n}-icon`);return q[h]?K(J,{...d,className:a(o.className,G),icon:q[h],size:e,themeColor:t,rotate:c,flip:i,viewBox:p}):K(ce,{})}return K(ne,{...d,className:a(o.className,G),icon:n,size:e,themeColor:t,rotate:c,flip:i})};f.states=Ke;f.options=He;f.defaultOptions=Q;f.className=G;f.moduleName=ie;f.folderName=le;import{jsx as me,jsxs as Be}from"react/jsx-runtime";var Y="k-treeview-leaf",ze=[m.hover,m.focus,m.selected],Re={},P=o=>{let{text:e,showIcon:t,icon:n,hover:l,focus:c,selected:i,...p}=o;return Be("span",{...p,className:a(o.className,Y,N(Y,{hover:l,focus:c,selected:i})),children:[t&&me(f,{icon:n}),me("span",{className:"k-treeview-leaf-text",children:e})]})};P.states=ze;P.options=Re;P.className=Y;var pe=P;var Z="treeview",de=Z;import{Fragment as Xe,jsx as L,jsxs as xe}from"react/jsx-runtime";import{createElement as Fe}from"react";var fe="k-treeview-item",$e=[m.hover,m.focus,m.selected,m.disabled],Ge={},Pe={},g=o=>{let{leafClassName:e,children:t,hasChildren:n,expanded:l,text:c,showIcon:i,icon:p,showCheckbox:d,checked:h,hover:T,focus:O,selected:w,disabled:S,top:R,bottom:E,dir:C,...k}=o,j=n||t,F=[];return t&&(Array.isArray(t)?t.map((X,ue)=>{X.type===H&&F.push(Fe(H,{...X.props,dir:C,key:ue},X.props.children))}):t.type===H&&F.push(L(H,{...t.props,dir:C,children:t.props.children}))),xe("li",{...k,className:a(o.className,fe),children:[xe("span",{className:a({"k-treeview-top":R,"k-treeview-bot":E,"k-treeview-mid":!R&&!E}),children:[j&&L("span",{className:a("k-treeview-toggle",N("k-treeview-toggle",{disabled:S})),children:L(f,{icon:l?"caret-alt-down":C==="rtl"?"caret-alt-left":"caret-alt-right"})}),d&&L(x,{checked:h,disabled:S}),L(pe,{className:a(e,N(e,{disabled:S})),text:c,showIcon:i,icon:p,hover:T,focus:O,selected:w})]}),l&&j&&L(Xe,{children:F})]})};g.states=$e;g.options=Ge;g.className=fe;g.defaultOptions=Pe;g.moduleName=Z;g.folderName=de;var z=g;import{jsx as he}from"react/jsx-runtime";import{createElement as Ue}from"react";var De="k-treeview-group",H=o=>{let{children:e,dir:t}=o,n=[];return e&&(Array.isArray(e)?e.map((l,c)=>{l.type===z&&n.push(Ue(z,{...l.props,dir:t,key:c}))}):e.type===z&&n.push(he(z,{...e.props,dir:t}))),he("ul",{className:a(o.className,De),children:n})};export{H as TreeviewGroup};