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

A collection of HTML helpers used for developing Kendo UI themes

import m from"react";import c from"react";var o=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((r,i)=>e[i]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(t,e)=>o({[`${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"});var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};import{jsx as b}from"react/jsx-runtime";var p="k-treeview-group",f=t=>{let{children:e,dir:r,level:i=1,role:d="group",...l}=t;return b("ul",{...l,className:o(t.className,p),role:d,children:c.Children.map(e,(s,k)=>c.isValidElement(s)?c.cloneElement(s,{dir:r,level:i,key:k}):s)})};var u="treeview",v=u;import{jsx as g}from"react/jsx-runtime";var h="k-treeview",w=[],E={size:[a.undefined,a.small,a.medium,a.large]},T={},n=t=>{let{size:e,children:r,dir:i,...d}=t;return g("div",{...d,dir:i,className:o(t.className,h,x(h,{size:e})),children:g(f,{className:"k-treeview-lines",role:"tree",dir:i,children:m.Children.map(r,(l,s)=>m.isValidElement(l)?m.cloneElement(l,{dir:i,key:s}):l)})})};n.states=w;n.options=E;n.className=h;n.defaultOptions=T;n.moduleName=u;n.folderName=v;n.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};var P=n;export{h as TREEVIEW_CLASSNAME,n as Treeview,P as default};