@progress/kendo-themes-html/dist/esm/multiselecttree/templates/multiselecttree-filtering.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 k=(e,t)=>r({[`${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"}),O=(e,t)=>{let{valid:o,invalid:n,hover:a,focus:l,checked:d,active:c,selected:u,disabled:b,indeterminate:v,loading:C,empty:T,readonly:y,highlighted:g,...S}=t;return r({"k-valid":o,"k-invalid":n,"k-hover":a,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":b,"k-indeterminate":v&&!d,"k-loading":C,"k-empty":T,"k-readonly":y,"k-highlighted":g},Object.keys(S).reduce((I,L)=>(L.startsWith("k-")?I[L]=S[L]:I[`k-${L}`]=S[L],I),{}))};function bo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Z={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},m={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 It={};function G(e){return It[e]=(It[e]||0)+1,`k-${e}-${It[e]}`}var he="checkbox",Ne=he;import{jsx as vo}from"react/jsx-runtime";var it="k-checkbox",Pn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Hn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},zn={},U=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:b,size:v,rounded:C,wrapperRole:T,...y}=e;return vo("span",{className:"k-checkbox-wrap",role:T,children:vo("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,it,k(it,{size:v,rounded:C}),O(it,{hover:a,focus:l,disabled:d,invalid:c,valid:u,indeterminate:n,checked:o}))})})};U.states=Pn;U.options=Hn;U.className=it;U.defaultOptions=zn;U.moduleName=he;U.folderName=Ne;U.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 q=U;import{jsx as Fn}from"react/jsx-runtime";var No="k-checkbox-list",Dn=[],Bn={},Co={layout:"vertical"},z=e=>{let{layout:t=Co.layout,...o}=e;return Fn("ul",{...o,className:r(e.className,No,{[`k-list-${t}`]:t}),children:e.children})};z.states=Dn;z.options=Bn;z.className=No;z.defaultOptions=Co;z.moduleName=he;z.folderName=Ne;import{jsx as Xn}from"react/jsx-runtime";var ko="k-checkbox-list-item",Un=[],Vn={},Gn={},D=e=>{let{...t}=e;return Xn("li",{...t,className:r(e.className,ko),children:e.children})};D.states=Un;D.options=Vn;D.className=ko;D.defaultOptions=Gn;D.moduleName=he;D.folderName=Ne;import{Fragment as $n,jsx as Ao,jsxs as Wn}from"react/jsx-runtime";var ne=({children:e="Label",id:t="cb-label-after",...o})=>Wn($n,{children:[Ao(q,{id:t,...o}),Ao("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Es,jsx as Is,jsxs as Ss}from"react/jsx-runtime";import{Fragment as Ls,jsx as ws,jsxs as Os}from"react/jsx-runtime";import{Fragment as Hs,jsx as Ps,jsxs as zs}from"react/jsx-runtime";import{jsx as Us}from"react/jsx-runtime";import{jsx as $s}from"react/jsx-runtime";import{jsx as Ys}from"react/jsx-runtime";import{jsx as X,jsxs as To}from"react/jsx-runtime";var qn=z.options,Jn=z.states,Yn={...z.defaultOptions,variant:"vertical"},Qn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zn=[],Ce=e=>{let{variant:t,...o}=e;return t==="horizontal"?To(z,{layout:"horizontal",...o,children:[X(D,{children:X(ne,{id:G("cb"),defaultChecked:!0,children:"Label"})}),X(D,{children:X(ne,{id:G("cb"),children:"Label"})}),X(D,{children:X(ne,{id:G("cb"),children:"Label"})})]}):To(z,{...o,children:[X(D,{children:X(ne,{id:G("cb"),defaultChecked:!0,children:"Label"})}),X(D,{children:X(ne,{id:G("cb"),children:"Label"})}),X(D,{children:X(ne,{id:G("cb"),children:"Label"})})]})};Ce.options=qn;Ce.states=Jn;Ce.variants=Qn;Ce.defaultOptions=Yn;Ce.modifiers=Zn;Ce.className=z.className;import{jsx as aa}from"react/jsx-runtime";var jn=q.options,ea=q.states,ta=q.defaultOptions,oa=[],na=[],ke=e=>aa(ne,{id:G("checkbox"),...e,defaultChecked:!0,children:"Label"});ke.options=jn;ke.states=ea;ke.variants=oa;ke.defaultOptions=ta;ke.modifiers=na;ke.className=q.className;import{Fragment as la,jsx as Io}from"react/jsx-runtime";var Et="k-font-icon",ia=[],ra={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},sa={},Ue=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?Io("span",{...d,className:r(e.className,Et,k(Et,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Io(la,{})};Ue.states=ia;Ue.options=ra;Ue.className=Et;Ue.defaultOptions=sa;var Eo=Ue;import{Fragment as pa,jsx as rt}from"react/jsx-runtime";var St="k-svg-icon",ca=[],da={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Z.outline,Z.solid,Z.duotone]},yt={viewBox:"0 0 24 24",variant:Z.outline},Ve=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=yt.viewBox,variant:d=yt.variant,icon:c,...u}=e;if(!c)return rt(pa,{});if(c==="none")return rt("span",{...u,className:r(e.className,St,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,v=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return rt("span",{...u,className:r(e.className,St,k("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:rt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:c?void 0:e.children})})};Ve.states=ca;Ve.options=da;Ve.className=St;Ve.defaultOptions=yt;var gt=Ve;import*as Mt from"@progress/kendo-svg-icons";var So="icon",yo="icons";import{useContext as ua}from"react";import{createContext as ma}from"react";var go=ma({iconsType:"svg"});import{Fragment as Mo,jsx as Ge}from"react/jsx-runtime";var st="k-icon",fa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ha=[],xa={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Z.outline,Z.solid,Z.duotone]},lt={viewBox:"0 0 24 24",type:"svg",variant:Z.outline},x=e=>{let{iconsType:t}=ua(go),{size:o,themeColor:n,icon:a,type:l=t||lt.type,rotate:d,flip:c,viewBox:u=lt.viewBox,variant:b=lt.variant,...v}=e;if(!a)return Ge(Mo,{});if((t||l)==="svg"){if(a==="none")return Ge(gt,{...v,className:r(e.className,st),icon:a,size:o,variant:b});let T=Mt[a]?a:fa(`${a}-icon`);return Mt[T]?Ge(gt,{...v,className:r(e.className,st),icon:Mt[T],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:b}):Ge(Mo,{})}return Ge(Eo,{...v,className:r(e.className,st),icon:a,size:o,themeColor:n,rotate:d,flip:c})};x.states=ha;x.options=xa;x.defaultOptions=lt;x.className=st;x.moduleName=So;x.folderName=yo;x.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 wt="textbox",wo=wt;var Xe="input",ct=Xe;import{jsx as Ca}from"react/jsx-runtime";var dt="k-input",ba=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],va={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Na={},M=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:b,fillMode:v,...C}=e;return Ca("span",{...C,className:r(e.className,dt,k(dt,{size:u,rounded:b,fillMode:v}),O(dt,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};M.states=ba;M.options=va;M.className=dt;M.defaultOptions=Na;M.moduleName=Xe;M.folderName=ct;import{jsx as Ia}from"react/jsx-runtime";var pt="k-picker",ka=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Aa={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ta={},Ae=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:b,fillMode:v,...C}=e;return Ia("span",{...C,className:r(e.className,pt,k(pt,{size:u,rounded:b,fillMode:v}),O(pt,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};Ae.states=ka;Ae.options=Aa;Ae.className=pt;Ae.defaultOptions=Ta;Ae.moduleName=Xe;Ae.folderName=ct;import{Fragment as ya,jsx as Lt}from"react/jsx-runtime";var Lo="k-clear-value",Ea=[i.disabled,i.loading,i.readonly],Sa={},J=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?Lt(ya,{}):Lt("span",{className:r(e.className,Lo),children:Lt(x,{icon:"x"})})};J.states=Ea;J.options=Sa;J.className=Lo;import{jsx as wa}from"react/jsx-runtime";var Ot="k-input-inner",ga=[],Ma={},mt={type:"text",autocomplete:"off",value:"",placeholder:""},ae=e=>{let{value:t=mt.value,type:o=mt.type,placeholder:n=mt.placeholder,autocomplete:a=mt.autocomplete,disabled:l,readOnly:d,...c}=e;return wa("input",{...c,type:o,className:r(e.className,Ot,k(Ot,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};ae.states=ga;ae.options=Ma;ae.className=Ot;import{jsx as Oo,jsxs as Ra}from"react/jsx-runtime";var Rt="k-input-inner",La=[],Oa={},Kt=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return Ra("span",{...d,className:r(e.className,Rt,k(Rt,e)),children:[a,!a&&l&&Oo(x,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Oo("span",{className:"k-input-value-text",children:t})]})};Kt.states=La;Kt.options=Oa;Kt.className=Rt;import{jsx as Pa}from"react/jsx-runtime";var _t="k-input-inner",Ka=[],_a={},Ro={value:"",placeholder:""},Pt=e=>{let{value:t=Ro.value,placeholder:o=Ro.placeholder,rows:n,disabled:a,...l}=e;return Pa("textarea",{...l,className:r(e.className,_t,k(_t,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Pt.states=Ka;Pt.options=_a;Pt.className=_t;import{Fragment as za,jsx as Ko}from"react/jsx-runtime";var _o="k-input-loading-icon",Ha=[i.disabled,i.loading],j=e=>{let{disabled:t,loading:o}=e;return t||!o?Ko(za,{}):Ko("span",{className:r(e.className,_o,"k-icon k-i-loading")})};j.states=Ha;j.className=_o;import{Fragment as Fa,jsx as Po}from"react/jsx-runtime";var Ho="k-input-validation-icon",Da=[i.valid,i.invalid,i.disabled,i.loading],Ba={},Y=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Po(Fa,{}):Po(x,{className:r(Ho),icon:l})};Y.states=Da;Y.options=Ba;Y.className=Ho;import{Fragment as Ga,jsx as zo}from"react/jsx-runtime";var Ua="k-input-prefix",Va={direction:"horizontal"},Te=e=>{let{direction:t=Va.direction,...o}=e;return e.children?zo("span",{...o,className:r(Ua,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zo(Ga,{})};import{Fragment as Wa,jsx as Do}from"react/jsx-runtime";var Xa="k-input-suffix",$a={direction:"horizontal"},Ie=e=>{let{direction:t=$a.direction,...o}=e;return e.children?Do("span",{...o,className:r(Xa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Do(Wa,{})};import{jsx as wc}from"react/jsx-runtime";import{jsx as Kc}from"react/jsx-runtime";import{jsx as Ja}from"react/jsx-runtime";var Bo="k-input-separator",qa={direction:"vertical"},Ee=e=>{let{direction:t=qa.direction,...o}=e;return Ja("span",{...o,className:r(Bo,e.className,{[`${Bo}-${t}`]:t})})};var Ht="button",Fo=Ht;import{Fragment as Uo,jsx as Se,jsxs as Vo}from"react/jsx-runtime";var $e="k-button",Ya=["icon-button"],Qa=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Za={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.inverse]},zt={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=zt.showArrow,arrowIconName:c=zt.arrowIconName,variant:u,hover:b,focus:v,active:C,selected:T,disabled:y,togglable:g,ariaDisabled:S,icon:I,iconSize:L,text:P,iconClassName:W,className:oe,...fe}=e,Be=I!=null,Fe=e.children!==void 0;return Vo(t,{className:r(oe,$e,bo($e,u),k($e,{size:o,rounded:n,fillMode:a,themeColor:l}),O($e,{hover:b,focus:v,active:C,disabled:y||S,selected:T}),{"k-icon-button":!P&&!Fe&&Be}),"aria-pressed":g?T?"true":"false":void 0,...fe,"aria-disabled":S?"true":void 0,disabled:y||void 0,children:[typeof I=="string"&&I&&Se(x,{className:r(W,"k-button-icon"),icon:I,size:L}),I&&typeof I!="string"&&Se(Uo,{children:I}),P?Vo(Uo,{children:[P&&Se("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Se("span",{className:"k-button-text",children:e.children}),d&&Se("span",{className:"k-menu-button-arrow k-button-arrow",children:Se(x,{icon:c})})]})};N.states=Qa;N.options=Za;N.variants=Ya;N.className=$e;N.defaultOptions=zt;N.moduleName=Ht;N.folderName=Fo;N.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ja}from"react/jsx-runtime";var xe=e=>ja(N,{children:"Button",...e});import{Fragment as Go,jsx as ee,jsxs as Dt}from"react/jsx-runtime";var ei=M.states,ti=M.defaultOptions,oi=M.options,ni=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ai=[],ye=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,b=t?.suffix,v=t?.["clear-button"],C=t?.["validation-icon"],T=t?.separators;return Dt(M,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Dt(Go,{children:[ee(Te,{children:ee(x,{icon:"lock"})}),T&&ee(Ee,{})]}),ee(ae,{placeholder:"Placeholder",value:"Value"}),C&&ee(Y,{valid:o,invalid:n,loading:a,disabled:l}),ee(j,{loading:a,disabled:l}),v&&ee(J,{loading:a,disabled:l,readonly:d,value:"Value"}),b&&Dt(Go,{children:[T&&ee(Ee,{}),ee(Ie,{children:ee(xe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ye.options=oi;ye.states=ei;ye.variants=ai;ye.defaultOptions=ti;ye.modifiers=ni;ye.className=M.className;import{Fragment as Xo,jsx as se,jsxs as Bt}from"react/jsx-runtime";var $o="k-textbox",ii=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ri={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ut={showClearButton:!0,showValidationIcon:!0,separators:!0},R=e=>{let{size:t,rounded:o,fillMode:n,separators:a=ut.separators,showClearButton:l=ut.showClearButton,showValidationIcon:d=ut.showValidationIcon,prefix:c,suffix:u,type:b,value:v,placeholder:C,hover:T,focus:y,valid:g,invalid:S,required:I,loading:L,disabled:P,readonly:W,id:oe,"aria-label":fe,"aria-describedby":Be,...Fe}=e;return Bt(M,{...Fe,size:t,rounded:o,fillMode:n,hover:T,focus:y,valid:g,invalid:S,required:I,loading:L,disabled:P,readonly:W,className:r(e.className,$o),children:[c&&Bt(Xo,{children:[se(Te,{children:c}),a&&se(Ee,{})]}),se(ae,{id:oe,placeholder:C,value:v,type:b,disabled:P,"aria-label":fe,"aria-describedby":Be,"aria-invalid":S?"true":void 0}),d&&se(Y,{valid:g,invalid:S,loading:L,disabled:P}),se(j,{loading:L,disabled:P}),l&&se(J,{loading:L,disabled:P,readonly:W,value:v}),u&&Bt(Xo,{children:[a&&se(Ee,{}),se(Ie,{children:u})]})]})};R.states=ii;R.options=ri;R.className=$o;R.defaultOptions=ut;R.moduleName=wt;R.folderName=wo;R.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var We=R;import{jsx as si}from"react/jsx-runtime";var Wo=e=>si(We,{...e});import{Fragment as _d,jsx as Kd}from"react/jsx-runtime";import{jsx as li}from"react/jsx-runtime";var qo=e=>li(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ci}from"react/jsx-runtime";var Jo=e=>ci(N,{icon:"folder",children:"Button",...e});import{jsx as Ft}from"react/jsx-runtime";var di=N.options,pi=N.states,mi={...N.defaultOptions,variant:"text"},ui=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fi=[],ge=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ft(qo,{...o,icon:"star"});case"icon-and-text":return Ft(Jo,{...o,icon:"star",children:"Button"});default:return Ft(xe,{...o,children:"Button"})}};ge.options=di;ge.states=pi;ge.variants=ui;ge.defaultOptions=mi;ge.modifiers=fi;ge.className=N.className;import{Fragment as rp,jsx as ip}from"react/jsx-runtime";import{jsx as dp}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var hi=R.states,xi=R.defaultOptions,bi=R.options,vi=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ni=[],Me=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?Ut(x,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?Ut(xe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),Ut(Wo,{value:"Value",style:{width:300},...o,...n})};Me.options=bi;Me.states=hi;Me.variants=Ni;Me.defaultOptions=xi;Me.modifiers=vi;Me.className=R.className;import Gt from"react";import Vt from"react";import{jsx as ki}from"react/jsx-runtime";var Ci="k-treeview-group",H=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return ki("ul",{...l,className:r(e.className,Ci),role:a,children:Vt.Children.map(t,(d,c)=>Vt.isValidElement(d)?Vt.cloneElement(d,{dir:o,level:n,key:c}):d)})};var qe="treeview",ft=qe;import{jsx as Yo}from"react/jsx-runtime";var Xt="k-treeview",Ai=[],Ti={size:[s.undefined,s.small,s.medium,s.large]},Ii={},E=e=>{let{size:t,children:o,dir:n,...a}=e;return Yo("div",{...a,dir:n,className:r(e.className,Xt,k(Xt,{size:t})),children:Yo(H,{className:"k-treeview-lines",role:"tree",dir:n,children:Gt.Children.map(o,(l,d)=>Gt.isValidElement(l)?Gt.cloneElement(l,{dir:n,key:d}):l)})})};E.states=Ai;E.options=Ti;E.className=Xt;E.defaultOptions=Ii;E.moduleName=qe;E.folderName=ft;E.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."}]};import Wt from"react";import{jsx as Qo,jsxs as yi}from"react/jsx-runtime";var $t="k-treeview-leaf",Ei=[i.hover,i.focus,i.selected],Si={},ht=e=>{let{text:t,showIcon:o,icon:n,hover:a,focus:l,selected:d,...c}=e;return yi("span",{...c,className:r(e.className,$t,O($t,{hover:a,focus:l,selected:d})),children:[o&&Qo(x,{icon:n}),Qo("span",{className:"k-treeview-leaf-text",children:t})]})};ht.states=Ei;ht.options=Si;ht.className=$t;var Zo=ht;import{jsx as Je,jsxs as jo}from"react/jsx-runtime";var en="k-treeview-item",gi=[i.hover,i.focus,i.selected,i.disabled],Mi={},wi={},f=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,showIcon:c,icon:u,showCheckbox:b,checked:v,hover:C,focus:T,selected:y,disabled:g,dir:S,level:I=1,ariaSelected:L,...P}=e,W=n||o||l;return jo("li",{...P,className:r(e.className,en),style:{"--kendo-treeview-level":I},role:"treeitem","aria-expanded":W?a?"true":"false":void 0,"aria-checked":b?v?"true":"false":void 0,"aria-selected":L?"true":void 0,"aria-disabled":g?"true":void 0,children:[jo("span",{className:r("k-treeview-item-content",O("k-treeview-item-content",{hover:C,focus:T,selected:y,disabled:g})),children:[W&&Je("span",{className:r("k-treeview-toggle",O("k-treeview-toggle",{disabled:g})),children:l?Je("span",{className:"k-icon k-i-loading"}):Je(x,{icon:a?"chevron-down":S==="rtl"?"chevron-left":"chevron-right"})}),b&&Je(U,{checked:v,disabled:g,"aria-label":d,tabIndex:-1}),Je(Zo,{className:t,text:d,showIcon:c,icon:u})]}),a&&W&&Wt.Children.map(o,(oe,fe)=>Wt.isValidElement(oe)?Wt.cloneElement(oe,{dir:S,level:I+1,key:fe}):oe)]})};f.states=gi;f.options=Mi;f.className=en;f.defaultOptions=wi;f.moduleName=qe;f.folderName=ft;import{jsx as Qp}from"react/jsx-runtime";import{jsx as tm,jsxs as om}from"react/jsx-runtime";import{jsx as rm,jsxs as sm}from"react/jsx-runtime";import{jsx as pm,jsxs as mm}from"react/jsx-runtime";import{jsx as xm,jsxs as bm}from"react/jsx-runtime";import{jsx as km,jsxs as Am}from"react/jsx-runtime";import{jsx as be,jsxs as qt}from"react/jsx-runtime";var Li=E.options,Oi=E.states,Ri=E.defaultOptions,Ki=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],_i=[],we=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),qt(E,{...o,children:[be(f,{text:"Furniture",expanded:!0,...n,children:qt(H,{children:[be(f,{text:"Tables & Chairs",...n}),be(f,{text:"Sofas",...n}),be(f,{text:"Occasional Furniture",...n})]})}),qt(f,{text:"Decor",expanded:!1,...n,children:[be(f,{text:"Bed Linen",...n}),be(f,{text:"Curtains & Blinds",...n}),be(f,{text:"Carpets",...n})]})]})};we.options=Li;we.states=Oi;we.variants=_i;we.defaultOptions=Ri;we.modifiers=Ki;we.className=E.className;import{jsx as xt}from"react/jsx-runtime";var Pi="k-chip-action";var ie=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=xt(x,{icon:"x-circle",size:"small"});break;case"more":n=xt(x,{icon:"more-vertical",size:"small"});break;default:return xt(x,{icon:t,size:"small"})}return xt("span",{...o,className:r(e.className,Pi,`k-chip-${t}-action`),children:n})};var Jt="avatar",tn=Jt;import{jsx as on}from"react/jsx-runtime";var Ye="k-avatar";var Hi=[i.hover,i.focus,i.active,i.selected,i.disabled],zi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Yt={type:"text",border:!1},B=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Yt.type,border:d=Yt.border,...c}=e;return on("div",{...c,className:r(e.className,Ye,k(Ye,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${Ye}-bordered`]:d}),children:on("span",{className:`${Ye}-${l}`,children:e.children})})};B.states=Hi;B.options=zi;B.className=Ye;B.defaultOptions=Yt;B.moduleName=Jt;B.folderName=tn;B.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ve=B;import{jsx as Di}from"react/jsx-runtime";var nn=e=>Di(ve,{type:"icon",...e});import{jsx as Bi}from"react/jsx-runtime";var an=e=>Bi(ve,{type:"text",...e});import{jsx as Fi}from"react/jsx-runtime";var rn=e=>Fi(ve,{type:"image",...e});import{jsx as lu}from"react/jsx-runtime";import{jsx as Qe}from"react/jsx-runtime";var Ui=B.options,Vi=B.states,Gi={...B.defaultOptions,variant:"image"},Xi=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$i=[],Le=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Qe(nn,{...o,children:Qe(x,{icon:"star"})});case"text":return Qe(an,{...o,children:"JO"});default:return Qe(rn,{...o,children:Qe("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Le.options=Ui;Le.states=Vi;Le.variants=Xi;Le.defaultOptions=Gi;Le.modifiers=$i;Le.className=B.className;var Ze="chip",bt=Ze,vt="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Oe,jsxs as Ji}from"react/jsx-runtime";var Nt="k-chip",Wi=[i.hover,i.focus,i.active,i.selected,i.disabled],qi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},sn={avatarImage:"/packages/html/assets/avatar.jpg"},V=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:b=sn.avatarImage,hover:v,focus:C,active:T,selected:y,disabled:g,...S}=e;return Ji("div",{...S,className:r(e.className,Nt,k(Nt,{size:t,rounded:o,fillMode:n,themeColor:a}),O(Nt,{hover:v,focus:C,active:T,disabled:g,selected:y})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:y?"true":"false",...e.role==="option"&&y!==void 0&&{"aria-selected":y?"true":"false"},"aria-disabled":g?"true":void 0,children:[d&&Oe(x,{className:"k-chip-icon",icon:d,size:"small"}),u&&Oe(B,{className:"k-chip-avatar",type:"image",children:Oe("img",{src:b,alt:""})}),Oe("span",{className:"k-chip-content",children:e.children?e.children:l&&Oe("span",{className:"k-chip-label",children:l})}),c&&Oe("span",{className:"k-chip-actions",children:c})]})};V.states=Wi;V.options=qi;V.className=Nt;V.defaultOptions=sn;V.moduleName=Ze;V.folderName=bt;V.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var $=V;import{jsx as ji}from"react/jsx-runtime";var Qt="k-chip-list",Yi=[],Qi={size:[s.undefined,s.small,s.medium,s.large]},Zi={},w=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return ji("div",{...a,className:r(e.className,Qt,k(Qt,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:n||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};w.states=Yi;w.options=Qi;w.className=Qt;w.defaultOptions=Zi;w.moduleName=Ze;w.folderName=bt;w.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as zu}from"react/jsx-runtime";import{jsx as Uu}from"react/jsx-runtime";import{jsx as er}from"react/jsx-runtime";var Ct=e=>er($,{text:"text",...e});import{jsx as Yu}from"react/jsx-runtime";import{jsx as ef}from"react/jsx-runtime";import{Fragment as sf,jsx as rf,jsxs as lf}from"react/jsx-runtime";import{jsx as uf,jsxs as ff}from"react/jsx-runtime";import{jsx as Nf,jsxs as Cf}from"react/jsx-runtime";import{jsx as Sf,jsxs as yf}from"react/jsx-runtime";import{jsx as Re,jsxs as rr}from"react/jsx-runtime";var tr={...$.options,...w.options},or=[],nr=w.states,ar={...$.defaultOptions,...w.defaultOptions},ir=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ke=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?vt:void 0;return rr(w,{size:n.size,className:o,children:[Re(Ct,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Re(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Re(Ct,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Re(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Re(Ct,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Re(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};Ke.options=tr;Ke.states=nr;Ke.variants=or;Ke.defaultOptions=ar;Ke.modifiers=ir;Ke.className=w.className;import{jsx as Zt}from"react/jsx-runtime";var sr=V.states,lr=V.defaultOptions,cr=V.options,dr=[],pr=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],_e=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"icon":n.icon=t?.[a]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[a],n.avatarImage=t?.[a]?vt:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Zt(ie,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Zt(ie,{type:"remove"}):void 0;break;default:break}}),Zt(V,{...o,...n,children:"Chip component"})};_e.options=cr;_e.states=sr;_e.variants=dr;_e.defaultOptions=lr;_e.modifiers=pr;_e.className=V.className;var jt="popup",ln=jt;import{jsx as cn}from"react/jsx-runtime";var dn="k-animation-container",mr=[],ur={},eo={positionMode:"absolute",shown:!0},te=e=>{let{positionMode:t=eo.positionMode,shown:o=eo.shown,animationStyle:n,offset:a,...l}=e;return cn("div",{...l,style:{...a,...e.style},className:r(e.className,dn,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:cn("div",{className:"k-child-animation-container",style:n,children:e.children})})};te.states=mr;te.options=ur;te.className=dn;te.defaultOptions=eo;te.moduleName=jt;te.folderName=ln;var to="popup",pn=to;import{jsx as mn}from"react/jsx-runtime";var un="k-popup",fr=[],hr={},fn={positionMode:"absolute"},re=e=>{let{offset:t,positionMode:o=fn.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return mn(te,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:mn("div",{...c,className:r(e.className,un),children:e.children})})};re.states=fr;re.options=hr;re.className=un;re.defaultOptions=fn;re.moduleName=to;re.folderName=pn;re.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var oo="action-buttons",hn=oo;import{jsx as vr}from"react/jsx-runtime";var kt="k-actions",xr=[],br={},no={alignment:"start",orientation:"horizontal"},le=e=>{let{alignment:t=no.alignment,orientation:o=no.orientation,...n}=e;return vr("div",{...n,className:r(kt,{[`${kt}-${t}`]:t,[`${kt}-${o}`]:o},e.className),children:e.children})};le.states=xr;le.options=br;le.className=kt;le.defaultOptions=no;le.moduleName=oo;le.folderName=hn;import{jsx as Cr}from"react/jsx-runtime";var Nr="k-actionsheet-footer",xn={alignment:"stretched",orientation:"horizontal"},Pe=e=>{let{alignment:t=xn.alignment,orientation:o=xn.orientation,template:n,as:a=n?"div":le,...l}=e;return Cr(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,Nr),children:e.children})};var ao="searchbox",bn=ao;import{jsx as je,jsxs as Tr}from"react/jsx-runtime";var vn="k-searchbox",kr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ar={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},io={showIcon:!0,icon:"search"},ce=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:b,required:v,loading:C,disabled:T,showIcon:y=io.showIcon,icon:g=io.icon,"aria-label":S,...I}=e;return Tr(M,{...I,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:b,required:v,loading:C,disabled:T,className:r(e.className,vn),children:[y&&je(x,{className:"k-input-icon",icon:g}),je(ae,{placeholder:o,value:t,"aria-label":S}),je(j,{...e}),je(Y,{...e}),je(J,{...e})]})};ce.states=kr;ce.options=Ar;ce.className=vn;ce.defaultOptions=io;ce.moduleName=ao;ce.folderName=bn;import{jsx as Fh}from"react/jsx-runtime";import{jsx as de,jsxs as ro}from"react/jsx-runtime";var Nn="k-actionsheet-titlebar",Ir={},Q=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:v,children:C,...T}=e;return ro("div",{...T,className:r(e.className,Nn),children:[ro("div",{className:"k-actionsheet-titlebar-group",children:[n&&de("div",{className:"k-actionsheet-actions",children:n}),!C&&ro("div",{className:"k-actionsheet-title",id:v,children:[t&&de("div",{className:"k-text-center",children:t}),o&&de("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&de("div",{className:"k-actionsheet-title",id:v,children:C}),a&&de("div",{className:"k-actionsheet-actions",children:a})]}),(d||l)&&de("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?de(R,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):de(ce,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Q.className=Nn;Q.defaultOptions=Ir;import{jsx as so,jsxs as gr}from"react/jsx-runtime";var lo="k-actionsheet-view",Er=[],Sr={},yr={},He=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===Q&&so(Q,{adaptive:t,titleId:d,...a?.props}),b=l?.type===Pe&&so(Pe,{...l?.props});return gr("div",{...c,className:r(e.className,lo,{[`${lo}-animated`]:o}),children:[u,so("div",{className:"k-actionsheet-content",children:n}),b]})};He.states=Er;He.options=Sr;He.className=lo;He.defaultOptions=yr;var et="action-sheet",At=et;var co="overlay",Cn=co;import{jsx as Or}from"react/jsx-runtime";var kn="k-overlay",Mr=[],wr={},Lr={},pe=e=>{let{...t}=e;return Or("div",{...t,className:r(e.className,kn),children:e.children})};pe.states=Mr;pe.options=wr;pe.className=kn;pe.defaultOptions=Lr;pe.moduleName=co;pe.folderName=Cn;import{jsx as Tt,jsxs as _r}from"react/jsx-runtime";var An="k-actionsheet",Rr=[],Kr={},tt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},K=e=>{let{side:t=tt.side,fullscreen:o=tt.fullscreen,adaptive:n=tt.adaptive,overlay:a=tt.overlay,template:l,children:d,header:c,footer:u,id:b,...v}=e,C=b&&!l&&c?`${b}-title`:void 0;return _r("div",{className:"k-actionsheet-container",children:[a&&Tt(pe,{}),Tt(te,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Tt("div",{...v,id:b,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":C,className:r(e.className,An,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||Tt(He,{header:c,footer:u,adaptive:n,titleId:C,...e,children:d})})})]})};K.states=Rr;K.options=Kr;K.className=An;K.defaultOptions=tt;K.moduleName=et;K.folderName=At;K.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Dr}from"react/jsx-runtime";var Tn="k-actionsheet-container",Pr=[],Hr={},zr={},ze=e=>{let{children:t,...o}=e;return Dr("div",{...o,className:Tn,children:t})};ze.states=Pr;ze.options=Hr;ze.className=Tn;ze.defaultOptions=zr;ze.moduleName=et;ze.folderName=At;import{jsx as Br}from"react/jsx-runtime";var po=e=>{let{...t}=e;return Br("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ur,jsx as ot,jsxs as mo}from"react/jsx-runtime";var uo="k-actionsheet-item",Fr=[i.hover,i.focus,i.selected,i.disabled],me=e=>{let{iconName:t,text:o,description:n,hover:a,focus:l,selected:d,disabled:c,...u}=e;return mo("span",{...u,className:r(e.className,uo,O(uo,{hover:a,focus:l,selected:d,disabled:c})),children:[!e.children&&ot(Ur,{children:mo("span",{className:"k-actionsheet-action",children:[t&&ot("span",{className:"k-icon-wrap",children:ot(x,{className:"k-actionsheet-item-icon",icon:t})}),mo("span",{className:"k-actionsheet-item-text",children:[o&&ot("span",{className:"k-actionsheet-item-title",children:o}),n&&ot("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};me.states=Fr;me.className=uo;import{jsx as Mx,jsxs as wx}from"react/jsx-runtime";import{jsx as Kx}from"react/jsx-runtime";import{jsx as zx}from"react/jsx-runtime";import{jsx as Ux}from"react/jsx-runtime";import{jsx as _,jsxs as fo}from"react/jsx-runtime";var Vr=K.options,Gr=K.states,En={...K.defaultOptions,variant:"normal"},Xr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],$r=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],De=e=>{let{variant:t,modifiers:o,...n}={...En,...e},a={},l=fo(po,{children:[_(me,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),_(me,{text:"Add to Favorites",iconName:"heart"}),_(me,{text:"Upload New",iconName:"upload",disabled:!0}),_("hr",{className:"k-hr"}),_(me,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!o?.[u],a.actionsEnd=!!o?.[u];break;case"subtitle":a.subtitle=o?.[u]?d:void 0;break;case"footer":a.footer=!!o?.[u];break;default:break}}),t==="adaptive"?_(K,{...n,adaptive:!0,fullscreen:a.fullScreen,header:_(Q,{actionsStart:a.actionsStart?_(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?_(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?fo(Pe,{alignment:"stretched",children:[_(N,{text:"Cancel",size:"large",themeColor:"base"}),_(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):_(K,{...n,fullscreen:a.fullScreen,header:_(Q,{actionsStart:a.actionsStart?_(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?_(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?fo(Pe,{alignment:"stretched",children:[_(N,{text:"Apply",themeColor:"primary"}),_(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};De.options=Vr;De.states=Gr;De.variants=Xr;De.defaultOptions=En;De.modifiers=$r;De.className=K.className;var Sn="dropdown-tree",yn="dropdowntree";import{Fragment as gn,jsx as A,jsxs as nt}from"react/jsx-runtime";var Mn="k-multiselecttree",Wr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qr={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Jr={},ue=e=>{let{size:t,rounded:o,fillMode:n,prefix:a,suffix:l,placeholder:d,tags:c,popup:u,showArrowButton:b,hover:v,focus:C,valid:T,invalid:y,required:g,loading:S,disabled:I,readonly:L,opened:P,dir:W,adaptive:oe,adaptiveSettings:fe,adaptiveTitle:Be,adaptiveSubtitle:Fe,adaptiveFilter:On,id:ho,treeviewId:Rn,"aria-label":Kn,..._n}=e,xo=ho?`${ho}-taglist`:void 0;return nt(gn,{children:[nt(M,{..._n,dir:W,size:t,rounded:o,fillMode:n,hover:v,focus:C,valid:T,invalid:y,required:g,loading:S,disabled:I,readonly:L,className:r(e.className,Mn),children:[A(Te,{children:a}),A(w,{size:t,className:"k-input-values",id:xo,children:A(gn,{children:c})}),A("span",{className:"k-input-inner",role:"combobox","aria-haspopup":"tree","aria-expanded":P?"true":"false","aria-controls":P?Rn:void 0,"aria-autocomplete":"list","aria-describedby":c?xo:void 0,"aria-disabled":I?"true":void 0,"aria-label":Kn,tabIndex:0,children:!c&&A("span",{className:"k-input-value-text",children:d})}),A(Y,{valid:T,invalid:y,loading:S,disabled:I}),A(j,{loading:S,disabled:I}),A(J,{loading:S,disabled:I,readonly:L,value:c?"value":""}),A(Ie,{children:l}),b&&A(N,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),P&&u&&A(re,{className:"k-multiselecttree-popup",dir:W,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:u}),oe&&A(K,{adaptive:!0,...fe,header:A(Q,{actionsEnd:A(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:On,inputPlaceholder:d,title:Be,subtitle:Fe}),children:nt(E,{size:"large",children:[A(f,{text:"Root 1"}),A(f,{text:"Root 2",expanded:!0,children:nt(H,{children:[A(f,{text:"Child 2.1"}),A(f,{text:"Child 2.2",children:A(H,{children:A(f,{text:"Child 2.2.1"})})}),A(f,{text:"Child 2.3"}),A(f,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),A(f,{text:"Root 3",children:nt(H,{children:[A(f,{text:"Child 3.1"}),A(f,{text:"Child 3.2"}),A(f,{text:"Child 3.3"})]})})]})})]})};ue.states=Wr;ue.options=qr;ue.className=Mn;ue.defaultOptions=Jr;ue.moduleName=Sn;ue.folderName=yn;ue.ariaSpec={rules:[{selector:".k-multiselecttree .k-input-inner",attribute:"role=combobox",usage:"Announces the multiselect tree input."},{selector:".k-multiselecttree .k-input-inner",attribute:"aria-haspopup=tree",usage:"Indicates the presence of a tree popup."},{selector:".k-multiselecttree .k-input-inner",attribute:"aria-expanded",usage:"Announces the popup visibility."},{selector:".k-multiselecttree .k-input-inner",attribute:"aria-label",usage:"Accessible name for the multiselect tree."},{selector:".k-multiselecttree .k-input-inner",attribute:"aria-autocomplete=list",usage:"Indicates list filtering capability when filtering is enabled."},{selector:".k-multiselecttree .k-input-inner",attribute:"aria-describedby",usage:"Points to the taglist element that contains the selected items."},{selector:".k-multiselecttree .k-input-inner",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-multiselecttree.k-disabled .k-input-inner",attribute:"aria-disabled=true",usage:"Rendered when the multiselect tree is disabled."},{selector:".k-multiselecttree .k-chip-list",attribute:"role=listbox",usage:"The taglist has listbox role for selected items."},{selector:".k-multiselecttree .k-chip-list",attribute:"aria-label or aria-labelledby",usage:"The taglist needs an accessible name."},{selector:".k-multiselecttree .k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies horizontal orientation of the taglist."},{selector:".k-multiselecttree .k-chip-list .k-chip",attribute:"role=option",usage:"Each tag chip is an option within the taglist listbox."},{selector:".k-multiselecttree .k-chip-list .k-chip",attribute:"aria-selected=true",usage:"Tags represent selected items and must have aria-selected=true."}]};var wn=ue;import{Fragment as Ln,jsx as F,jsxs as at}from"react/jsx-runtime";var wb=e=>{let t=G("mst"),o=G("mst-tv");return F(wn,{opened:!0,id:t,"aria-label":"Select options",treeviewId:o,popup:at(Ln,{children:[F("div",{className:"k-list-filter",children:F(R,{"aria-label":"Search",prefix:F(Ln,{children:F(x,{icon:"search"})})})}),at("div",{className:"k-check-all",children:[F(U,{"aria-label":"Check all"}),F("span",{className:"k-checkbox-label",children:"Check all"})]}),at(E,{dir:e.dir,children:[F(f,{text:"Furniture",showCheckbox:!0,children:at(H,{children:[F(f,{text:"Child 1",showCheckbox:!0}),F(f,{text:"Child 2",showCheckbox:!0}),F(f,{text:"Child 3",showCheckbox:!0})]})}),F(f,{text:"Decor",showCheckbox:!0,children:at(H,{children:[F(f,{text:"Child 1",showCheckbox:!0}),F(f,{text:"Child 2",showCheckbox:!0}),F(f,{text:"Child 3",showCheckbox:!0})]})})]})]}),...e})};export{wb as MultiSelectTreeFiltering};