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

A collection of HTML helpers used for developing Kendo UI themes

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