@progress/kendo-themes-html/dist/cjs/treeview/treeview-item.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var Se=Object.create;var X=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ke=Object.getOwnPropertyNames;var He=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var ze=(e,o)=>{for(var t in o)X(e,t,{get:o[t],enumerable:!0})},he=(e,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of Ke(o))!Re.call(e,a)&&a!==t&&X(e,a,{get:()=>o[a],enumerable:!(l=_e(o,a))||l.enumerable});return e};var fe=(e,o,t)=>(t=e!=null?Se(He(e)):{},he(o||!e||!e.__esModule?X(t,"default",{value:e,enumerable:!0}):t,e)),Be=e=>he(X({},"__esModule",{value:!0}),e);var go={};ze(go,{TREEVIEWITEM_CLASSNAME:()=>ue,TreeviewItem:()=>M,default:()=>vo});module.exports=Be(go);var Z=fe(require("react"));var i=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?i(...o):typeof o=="object"?Object.keys(o).map((t,l)=>o[l]||o[t]&&t||null).filter(t=>t!==null).join(" "):o).filter(o=>!!o).join(" ");var T=(e,o)=>i({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"}),A=(e,o)=>{let{valid:t,invalid:l,hover:a,focus:m,checked:c,active:s,selected:g,disabled:x,indeterminate:f,loading:y,empty:k,readonly:G,highlighted:R,...z}=o;return i({"k-valid":t,"k-invalid":l,"k-hover":a,"k-focus":m,"k-checked":c,"k-active":s,"k-selected":g,"k-disabled":x,"k-indeterminate":f&&!c,"k-loading":y,"k-empty":k,"k-readonly":G,"k-highlighted":R},Object.keys(z).reduce((B,w)=>(w.startsWith("k-")?B[w]=z[w]:B[`k-${w}`]=z[w],B),{}))};var n={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 N={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 oe={};function E(e){return oe[e]=(oe[e]||0)+1,`k-${e}-${oe[e]}`}var _="checkbox",P=_;var te=require("react/jsx-runtime"),q="k-checkbox",Pe=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.checked,d.indeterminate],$e={size:[n.undefined,n.small,n.medium,n.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},Fe={},b=e=>{let{id:o,checked:t,indeterminate:l,hover:a,focus:m,disabled:c,invalid:s,valid:g,required:x,size:f,rounded:y,wrapperRole:k,...G}=e;return(0,te.jsx)("span",{className:"k-checkbox-wrap",role:k,children:(0,te.jsx)("input",{...G,id:o,type:"checkbox",defaultChecked:t,required:x,disabled:c||void 0,"aria-invalid":s?"true":void 0,className:i(e.className,q,T(q,{size:f,rounded:y}),A(q,{hover:a,focus:m,disabled:c,invalid:s,valid:g,indeterminate:l,checked:t}))})})};b.states=Pe;b.options=$e;b.className=q;b.defaultOptions=Fe;b.moduleName=_;b.folderName=P;b.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var C=b;var ke=require("react/jsx-runtime"),xe="k-checkbox-list",Ge=[],De={},be={layout:"vertical"},u=e=>{let{layout:o=be.layout,...t}=e;return(0,ke.jsx)("ul",{...t,className:i(e.className,xe,{[`k-list-${o}`]:o}),children:e.children})};u.states=Ge;u.options=De;u.className=xe;u.defaultOptions=be;u.moduleName=_;u.folderName=P;var ve=require("react/jsx-runtime"),Ce="k-checkbox-list-item",We=[],Ve={},Ue={},h=e=>{let{...o}=e;return(0,ve.jsx)("li",{...o,className:i(e.className,Ce),children:e.children})};h.states=We;h.options=Ve;h.className=Ce;h.defaultOptions=Ue;h.moduleName=_;h.folderName=P;var K=require("react/jsx-runtime"),I=({children:e="Label",id:o="cb-label-after",...t})=>(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(C,{id:o,...t}),(0,K.jsx)("label",{className:"k-checkbox-label",htmlFor:o,children:e})]});var ne=require("react/jsx-runtime");var ae=require("react/jsx-runtime");var re=require("react/jsx-runtime");var Xe=require("react/jsx-runtime");var qe=require("react/jsx-runtime");var Je=require("react/jsx-runtime");var p=require("react/jsx-runtime"),Qe=u.options,Ye=u.states,Ze={...u.defaultOptions,variant:"vertical"},je=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],eo=[],$=e=>{let{variant:o,...t}=e;return o==="horizontal"?(0,p.jsxs)(u,{layout:"horizontal",...t,children:[(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),children:"Label"})}),(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),children:"Label"})})]}):(0,p.jsxs)(u,{...t,children:[(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),children:"Label"})}),(0,p.jsx)(h,{children:(0,p.jsx)(I,{id:E("cb"),children:"Label"})})]})};$.options=Qe;$.states=Ye;$.variants=je;$.defaultOptions=Ze;$.modifiers=eo;$.className=u.className;var ge=require("react/jsx-runtime"),oo=C.options,to=C.states,no=C.defaultOptions,ao=[],ro=[],F=e=>(0,ge.jsx)(I,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});F.options=oo;F.states=to;F.variants=ao;F.defaultOptions=no;F.modifiers=ro;F.className=C.className;var D=require("react/jsx-runtime"),ie="k-font-icon",io=[],so={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},lo={},W=e=>{let{size:o,themeColor:t,icon:l,rotate:a,flip:m,...c}=e;return l?(0,D.jsx)("span",{...c,className:i(e.className,ie,T(ie,{size:o}),{[`k-i-${l}`]:l,[`k-color-${t}`]:t,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):(0,D.jsx)(D.Fragment,{})};W.states=io;W.options=so;W.className=ie;W.defaultOptions=lo;var Ne=W;var H=require("react/jsx-runtime"),se="k-svg-icon",co=[],mo={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[N.outline,N.solid,N.duotone]},le={viewBox:"0 0 24 24",variant:N.outline},V=e=>{var y,k;let{size:o,themeColor:t,rotate:l,flip:a,viewBox:m=le.viewBox,variant:c=le.variant,icon:s,...g}=e;if(!s)return(0,H.jsx)(H.Fragment,{});if(s==="none")return(0,H.jsx)("span",{...g,className:i(e.className,se,T("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let x=typeof s=="object"&&s.name&&s.name,f=typeof s=="object"?c&&((y=s.variants)==null?void 0:y[c])||((k=s.variants)==null?void 0:k.outline)||s.content:void 0;return(0,H.jsx)("span",{...g,className:i(e.className,se,T("k-icon",{size:o}),{[`k-svg-i-${x}`]:x,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,H.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:m,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:s?void 0:e.children})})};V.states=co;V.options=mo;V.className=se;V.defaultOptions=le;var ce=V;var de=fe(require("@progress/kendo-svg-icons"));var ye="icon",Ee="icons";var Oe=require("react");var Ie=require("react"),Le=(0,Ie.createContext)({iconsType:"svg"});var L=require("react/jsx-runtime"),J="k-icon",po=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),uo=[],ho={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[N.outline,N.solid,N.duotone]},Q={viewBox:"0 0 24 24",type:"svg",variant:N.outline},v=e=>{let{iconsType:o}=(0,Oe.useContext)(Le),{size:t,themeColor:l,icon:a,type:m=o||Q.type,rotate:c,flip:s,viewBox:g=Q.viewBox,variant:x=Q.variant,...f}=e;if(!a)return(0,L.jsx)(L.Fragment,{});if((o||m)==="svg"){if(a==="none")return(0,L.jsx)(ce,{...f,className:i(e.className,J),icon:a,size:t,variant:x});let k=de[a]?a:po(`${a}-icon`);return de[k]?(0,L.jsx)(ce,{...f,className:i(e.className,J),icon:de[k],size:t,themeColor:l,rotate:c,flip:s,viewBox:g,variant:x}):(0,L.jsx)(L.Fragment,{})}return(0,L.jsx)(Ne,{...f,className:i(e.className,J),icon:a,size:t,themeColor:l,rotate:c,flip:s})};v.states=uo;v.options=ho;v.defaultOptions=Q;v.className=J;v.moduleName=ye;v.folderName=Ee;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var U=require("react/jsx-runtime"),me="k-treeview-leaf",fo=[d.hover,d.focus,d.selected],xo={},Y=e=>{let{text:o,showIcon:t,icon:l,hover:a,focus:m,selected:c,...s}=e;return(0,U.jsxs)("span",{...s,className:i(e.className,me,A(me,{hover:a,focus:m,selected:c})),children:[t&&(0,U.jsx)(v,{icon:l}),(0,U.jsx)("span",{className:"k-treeview-leaf-text",children:o})]})};Y.states=fo;Y.options=xo;Y.className=me;var Me=Y;var pe="treeview",we=pe;var O=require("react/jsx-runtime"),ue="k-treeview-item",bo=[d.hover,d.focus,d.selected,d.disabled],ko={},Co={},M=e=>{let{leafClassName:o,children:t,hasChildren:l,expanded:a,loading:m,text:c,showIcon:s,icon:g,showCheckbox:x,checked:f,hover:y,focus:k,selected:G,disabled:R,dir:z,level:B=1,ariaSelected:w,...Te}=e,j=l||t||m;return(0,O.jsxs)("li",{...Te,className:i(e.className,ue),style:{"--kendo-treeview-level":B},role:"treeitem","aria-expanded":j?a?"true":"false":void 0,"aria-checked":x?f?"true":"false":void 0,"aria-selected":w?"true":void 0,"aria-disabled":R?"true":void 0,children:[(0,O.jsxs)("span",{className:i("k-treeview-item-content",A("k-treeview-item-content",{hover:y,focus:k,selected:G,disabled:R})),children:[j&&(0,O.jsx)("span",{className:i("k-treeview-toggle",A("k-treeview-toggle",{disabled:R})),children:m?(0,O.jsx)("span",{className:"k-icon k-i-loading"}):(0,O.jsx)(v,{icon:a?"chevron-down":z==="rtl"?"chevron-left":"chevron-right"})}),x&&(0,O.jsx)(b,{checked:f,disabled:R,"aria-label":c,tabIndex:-1}),(0,O.jsx)(Me,{className:o,text:c,showIcon:s,icon:g})]}),a&&j&&Z.default.Children.map(t,(ee,Ae)=>Z.default.isValidElement(ee)?Z.default.cloneElement(ee,{dir:z,level:B+1,key:Ae}):ee)]})};M.states=bo;M.options=ko;M.className=ue;M.defaultOptions=Co;M.moduleName=pe;M.folderName=we;var vo=M;