@progress/kendo-themes-html/dist/esm/multiselecttree/templates/multiselecttree-popup.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:x,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":x,"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 V(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",_n=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Pn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Hn={},F=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:x,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:x,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}))})})};F.states=_n;F.options=Pn;F.className=it;F.defaultOptions=Hn;F.moduleName=he;F.folderName=Ne;F.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 W=F;import{jsx as Bn}from"react/jsx-runtime";var No="k-checkbox-list",zn=[],Dn={},Co={layout:"vertical"},H=e=>{let{layout:t=Co.layout,...o}=e;return Bn("ul",{...o,className:r(e.className,No,{[`k-list-${t}`]:t}),children:e.children})};H.states=zn;H.options=Dn;H.className=No;H.defaultOptions=Co;H.moduleName=he;H.folderName=Ne;import{jsx as Gn}from"react/jsx-runtime";var ko="k-checkbox-list-item",Fn=[],Un={},Vn={},z=e=>{let{...t}=e;return Gn("li",{...t,className:r(e.className,ko),children:e.children})};z.states=Fn;z.options=Un;z.className=ko;z.defaultOptions=Vn;z.moduleName=he;z.folderName=Ne;import{Fragment as Xn,jsx as Ao,jsxs as $n}from"react/jsx-runtime";var ne=({children:e="Label",id:t="cb-label-after",...o})=>$n(Xn,{children:[Ao(W,{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 G,jsxs as To}from"react/jsx-runtime";var Wn=H.options,qn=H.states,Jn={...H.defaultOptions,variant:"vertical"},Yn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qn=[],Ce=e=>{let{variant:t,...o}=e;return t==="horizontal"?To(H,{layout:"horizontal",...o,children:[G(z,{children:G(ne,{id:V("cb"),defaultChecked:!0,children:"Label"})}),G(z,{children:G(ne,{id:V("cb"),children:"Label"})}),G(z,{children:G(ne,{id:V("cb"),children:"Label"})})]}):To(H,{...o,children:[G(z,{children:G(ne,{id:V("cb"),defaultChecked:!0,children:"Label"})}),G(z,{children:G(ne,{id:V("cb"),children:"Label"})}),G(z,{children:G(ne,{id:V("cb"),children:"Label"})})]})};Ce.options=Wn;Ce.states=qn;Ce.variants=Yn;Ce.defaultOptions=Jn;Ce.modifiers=Qn;Ce.className=H.className;import{jsx as na}from"react/jsx-runtime";var Zn=W.options,jn=W.states,ea=W.defaultOptions,ta=[],oa=[],ke=e=>na(ne,{id:V("checkbox"),...e,defaultChecked:!0,children:"Label"});ke.options=Zn;ke.states=jn;ke.variants=ta;ke.defaultOptions=ea;ke.modifiers=oa;ke.className=W.className;import St from"react";import Et from"react";import{jsx as ia}from"react/jsx-runtime";var aa="k-treeview-group",P=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return ia("ul",{...l,className:r(e.className,aa),role:a,children:Et.Children.map(t,(d,c)=>Et.isValidElement(d)?Et.cloneElement(d,{dir:o,level:n,key:c}):d)})};var Ue="treeview",rt=Ue;import{jsx as Io}from"react/jsx-runtime";var yt="k-treeview",ra=[],sa={size:[s.undefined,s.small,s.medium,s.large]},la={},E=e=>{let{size:t,children:o,dir:n,...a}=e;return Io("div",{...a,dir:n,className:r(e.className,yt,k(yt,{size:t})),children:Io(P,{className:"k-treeview-lines",role:"tree",dir:n,children:St.Children.map(o,(l,d)=>St.isValidElement(l)?St.cloneElement(l,{dir:n,key:d}):l)})})};E.states=ra;E.options=sa;E.className=yt;E.defaultOptions=la;E.moduleName=Ue;E.folderName=rt;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 Kt from"react";import{Fragment as ma,jsx as Eo}from"react/jsx-runtime";var gt="k-font-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]},pa={},Ve=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?Eo("span",{...d,className:r(e.className,gt,k(gt,{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"}):Eo(ma,{})};Ve.states=ca;Ve.options=da;Ve.className=gt;Ve.defaultOptions=pa;var So=Ve;import{Fragment as ha,jsx as st}from"react/jsx-runtime";var Mt="k-svg-icon",ua=[],fa={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]},wt={viewBox:"0 0 24 24",variant:Z.outline},Ge=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=wt.viewBox,variant:d=wt.variant,icon:c,...u}=e;if(!c)return st(ha,{});if(c==="none")return st("span",{...u,className:r(e.className,Mt,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,v=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return st("span",{...u,className:r(e.className,Mt,k("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:st("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})})};Ge.states=ua;Ge.options=fa;Ge.className=Mt;Ge.defaultOptions=wt;var Lt=Ge;import*as Ot from"@progress/kendo-svg-icons";var yo="icon",go="icons";import{useContext as ba}from"react";import{createContext as xa}from"react";var Mo=xa({iconsType:"svg"});import{Fragment as wo,jsx as Xe}from"react/jsx-runtime";var lt="k-icon",va=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Na=[],Ca={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]},ct={viewBox:"0 0 24 24",type:"svg",variant:Z.outline},b=e=>{let{iconsType:t}=ba(Mo),{size:o,themeColor:n,icon:a,type:l=t||ct.type,rotate:d,flip:c,viewBox:u=ct.viewBox,variant:x=ct.variant,...v}=e;if(!a)return Xe(wo,{});if((t||l)==="svg"){if(a==="none")return Xe(Lt,{...v,className:r(e.className,lt),icon:a,size:o,variant:x});let T=Ot[a]?a:va(`${a}-icon`);return Ot[T]?Xe(Lt,{...v,className:r(e.className,lt),icon:Ot[T],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:x}):Xe(wo,{})}return Xe(So,{...v,className:r(e.className,lt),icon:a,size:o,themeColor:n,rotate:d,flip:c})};b.states=Na;b.options=Ca;b.defaultOptions=ct;b.className=lt;b.moduleName=yo;b.folderName=go;b.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."}]};import{jsx as Lo,jsxs as Ta}from"react/jsx-runtime";var Rt="k-treeview-leaf",ka=[i.hover,i.focus,i.selected],Aa={},dt=e=>{let{text:t,showIcon:o,icon:n,hover:a,focus:l,selected:d,...c}=e;return Ta("span",{...c,className:r(e.className,Rt,O(Rt,{hover:a,focus:l,selected:d})),children:[o&&Lo(b,{icon:n}),Lo("span",{className:"k-treeview-leaf-text",children:t})]})};dt.states=ka;dt.options=Aa;dt.className=Rt;var Oo=dt;import{jsx as $e,jsxs as Ro}from"react/jsx-runtime";var Ko="k-treeview-item",Ia=[i.hover,i.focus,i.selected,i.disabled],Ea={},Sa={},f=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,showIcon:c,icon:u,showCheckbox:x,checked:v,hover:C,focus:T,selected:y,disabled:g,dir:S,level:I=1,ariaSelected:L,..._}=e,$=n||o||l;return Ro("li",{..._,className:r(e.className,Ko),style:{"--kendo-treeview-level":I},role:"treeitem","aria-expanded":$?a?"true":"false":void 0,"aria-checked":x?v?"true":"false":void 0,"aria-selected":L?"true":void 0,"aria-disabled":g?"true":void 0,children:[Ro("span",{className:r("k-treeview-item-content",O("k-treeview-item-content",{hover:C,focus:T,selected:y,disabled:g})),children:[$&&$e("span",{className:r("k-treeview-toggle",O("k-treeview-toggle",{disabled:g})),children:l?$e("span",{className:"k-icon k-i-loading"}):$e(b,{icon:a?"chevron-down":S==="rtl"?"chevron-left":"chevron-right"})}),x&&$e(F,{checked:v,disabled:g,"aria-label":d,tabIndex:-1}),$e(Oo,{className:t,text:d,showIcon:c,icon:u})]}),a&&$&&Kt.Children.map(o,(oe,fe)=>Kt.isValidElement(oe)?Kt.cloneElement(oe,{dir:S,level:I+1,key:fe}):oe)]})};f.states=Ia;f.options=Ea;f.className=Ko;f.defaultOptions=Sa;f.moduleName=Ue;f.folderName=rt;import{jsx as xc}from"react/jsx-runtime";import{jsx as Cc,jsxs as kc}from"react/jsx-runtime";import{jsx as Ec,jsxs as Sc}from"react/jsx-runtime";import{jsx as wc,jsxs as Lc}from"react/jsx-runtime";import{jsx as _c,jsxs as Pc}from"react/jsx-runtime";import{jsx as Bc,jsxs as Fc}from"react/jsx-runtime";import{jsx as xe,jsxs as _t}from"react/jsx-runtime";var ya=E.options,ga=E.states,Ma=E.defaultOptions,wa=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],La=[],Ae=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),_t(E,{...o,children:[xe(f,{text:"Furniture",expanded:!0,...n,children:_t(P,{children:[xe(f,{text:"Tables & Chairs",...n}),xe(f,{text:"Sofas",...n}),xe(f,{text:"Occasional Furniture",...n})]})}),_t(f,{text:"Decor",expanded:!1,...n,children:[xe(f,{text:"Bed Linen",...n}),xe(f,{text:"Curtains & Blinds",...n}),xe(f,{text:"Carpets",...n})]})]})};Ae.options=ya;Ae.states=ga;Ae.variants=La;Ae.defaultOptions=Ma;Ae.modifiers=wa;Ae.className=E.className;var We="input",pt=We;import{jsx as _a}from"react/jsx-runtime";var mt="k-input",Oa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ra={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]},Ka={},M=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...C}=e;return _a("span",{...C,className:r(e.className,mt,k(mt,{size:u,rounded:x,fillMode:v}),O(mt,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};M.states=Oa;M.options=Ra;M.className=mt;M.defaultOptions=Ka;M.moduleName=We;M.folderName=pt;import{jsx as Da}from"react/jsx-runtime";var ut="k-picker",Pa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ha={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]},za={},Te=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...C}=e;return Da("span",{...C,className:r(e.className,ut,k(ut,{size:u,rounded:x,fillMode:v}),O(ut,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};Te.states=Pa;Te.options=Ha;Te.className=ut;Te.defaultOptions=za;Te.moduleName=We;Te.folderName=pt;import{Fragment as Ua,jsx as Pt}from"react/jsx-runtime";var _o="k-clear-value",Ba=[i.disabled,i.loading,i.readonly],Fa={},q=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?Pt(Ua,{}):Pt("span",{className:r(e.className,_o),children:Pt(b,{icon:"x"})})};q.states=Ba;q.options=Fa;q.className=_o;import{jsx as Xa}from"react/jsx-runtime";var Ht="k-input-inner",Va=[],Ga={},ft={type:"text",autocomplete:"off",value:"",placeholder:""},ae=e=>{let{value:t=ft.value,type:o=ft.type,placeholder:n=ft.placeholder,autocomplete:a=ft.autocomplete,disabled:l,readOnly:d,...c}=e;return Xa("input",{...c,type:o,className:r(e.className,Ht,k(Ht,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};ae.states=Va;ae.options=Ga;ae.className=Ht;import{jsx as Po,jsxs as qa}from"react/jsx-runtime";var zt="k-input-inner",$a=[],Wa={},Dt=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return qa("span",{...d,className:r(e.className,zt,k(zt,e)),children:[a,!a&&l&&Po(b,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Po("span",{className:"k-input-value-text",children:t})]})};Dt.states=$a;Dt.options=Wa;Dt.className=zt;import{jsx as Qa}from"react/jsx-runtime";var Bt="k-input-inner",Ja=[],Ya={},Ho={value:"",placeholder:""},Ft=e=>{let{value:t=Ho.value,placeholder:o=Ho.placeholder,rows:n,disabled:a,...l}=e;return Qa("textarea",{...l,className:r(e.className,Bt,k(Bt,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Ft.states=Ja;Ft.options=Ya;Ft.className=Bt;import{Fragment as ja,jsx as zo}from"react/jsx-runtime";var Do="k-input-loading-icon",Za=[i.disabled,i.loading],j=e=>{let{disabled:t,loading:o}=e;return t||!o?zo(ja,{}):zo("span",{className:r(e.className,Do,"k-icon k-i-loading")})};j.states=Za;j.className=Do;import{Fragment as oi,jsx as Bo}from"react/jsx-runtime";var Fo="k-input-validation-icon",ei=[i.valid,i.invalid,i.disabled,i.loading],ti={},J=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Bo(oi,{}):Bo(b,{className:r(Fo),icon:l})};J.states=ei;J.options=ti;J.className=Fo;import{Fragment as ii,jsx as Uo}from"react/jsx-runtime";var ni="k-input-prefix",ai={direction:"horizontal"},Ie=e=>{let{direction:t=ai.direction,...o}=e;return e.children?Uo("span",{...o,className:r(ni,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Uo(ii,{})};import{Fragment as li,jsx as Vo}from"react/jsx-runtime";var ri="k-input-suffix",si={direction:"horizontal"},Ee=e=>{let{direction:t=si.direction,...o}=e;return e.children?Vo("span",{...o,className:r(ri,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Vo(li,{})};import{jsx as Xd}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";import{jsx as di}from"react/jsx-runtime";var Go="k-input-separator",ci={direction:"vertical"},Se=e=>{let{direction:t=ci.direction,...o}=e;return di("span",{...o,className:r(Go,e.className,{[`${Go}-${t}`]:t})})};var Ut="button",Xo=Ut;import{Fragment as $o,jsx as ye,jsxs as Wo}from"react/jsx-runtime";var qe="k-button",pi=["icon-button"],mi=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ui={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]},Vt={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=Vt.showArrow,arrowIconName:c=Vt.arrowIconName,variant:u,hover:x,focus:v,active:C,selected:T,disabled:y,togglable:g,ariaDisabled:S,icon:I,iconSize:L,text:_,iconClassName:$,className:oe,...fe}=e,Be=I!=null,Fe=e.children!==void 0;return Wo(t,{className:r(oe,qe,bo(qe,u),k(qe,{size:o,rounded:n,fillMode:a,themeColor:l}),O(qe,{hover:x,focus:v,active:C,disabled:y||S,selected:T}),{"k-icon-button":!_&&!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&&ye(b,{className:r($,"k-button-icon"),icon:I,size:L}),I&&typeof I!="string"&&ye($o,{children:I}),_?Wo($o,{children:[_&&ye("span",{className:"k-button-text",children:_}),e.children]}):e.children&&ye("span",{className:"k-button-text",children:e.children}),d&&ye("span",{className:"k-menu-button-arrow k-button-arrow",children:ye(b,{icon:c})})]})};N.states=mi;N.options=ui;N.variants=pi;N.className=qe;N.defaultOptions=Vt;N.moduleName=Ut;N.folderName=Xo;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 fi}from"react/jsx-runtime";var be=e=>fi(N,{children:"Button",...e});import{Fragment as qo,jsx as ee,jsxs as Gt}from"react/jsx-runtime";var hi=M.states,xi=M.defaultOptions,bi=M.options,vi=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ni=[],ge=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,x=t?.suffix,v=t?.["clear-button"],C=t?.["validation-icon"],T=t?.separators;return Gt(M,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Gt(qo,{children:[ee(Ie,{children:ee(b,{icon:"lock"})}),T&&ee(Se,{})]}),ee(ae,{placeholder:"Placeholder",value:"Value"}),C&&ee(J,{valid:o,invalid:n,loading:a,disabled:l}),ee(j,{loading:a,disabled:l}),v&&ee(q,{loading:a,disabled:l,readonly:d,value:"Value"}),x&&Gt(qo,{children:[T&&ee(Se,{}),ee(Ee,{children:ee(be,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ge.options=bi;ge.states=hi;ge.variants=Ni;ge.defaultOptions=xi;ge.modifiers=vi;ge.className=M.className;import{jsx as Ci}from"react/jsx-runtime";var Jo=e=>Ci(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ki}from"react/jsx-runtime";var Yo=e=>ki(N,{icon:"folder",children:"Button",...e});import{jsx as Xt}from"react/jsx-runtime";var Ai=N.options,Ti=N.states,Ii={...N.defaultOptions,variant:"text"},Ei=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Si=[],Me=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Xt(Jo,{...o,icon:"star"});case"icon-and-text":return Xt(Yo,{...o,icon:"star",children:"Button"});default:return Xt(be,{...o,children:"Button"})}};Me.options=Ai;Me.states=Ti;Me.variants=Ei;Me.defaultOptions=Ii;Me.modifiers=Si;Me.className=N.className;import{jsx as ht}from"react/jsx-runtime";var yi="k-chip-action";var ie=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=ht(b,{icon:"x-circle",size:"small"});break;case"more":n=ht(b,{icon:"more-vertical",size:"small"});break;default:return ht(b,{icon:t,size:"small"})}return ht("span",{...o,className:r(e.className,yi,`k-chip-${t}-action`),children:n})};var $t="avatar",Qo=$t;import{jsx as Zo}from"react/jsx-runtime";var Je="k-avatar";var gi=[i.hover,i.focus,i.active,i.selected,i.disabled],Mi={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]},Wt={type:"text",border:!1},D=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Wt.type,border:d=Wt.border,...c}=e;return Zo("div",{...c,className:r(e.className,Je,k(Je,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${Je}-bordered`]:d}),children:Zo("span",{className:`${Je}-${l}`,children:e.children})})};D.states=gi;D.options=Mi;D.className=Je;D.defaultOptions=Wt;D.moduleName=$t;D.folderName=Qo;D.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ve=D;import{jsx as wi}from"react/jsx-runtime";var jo=e=>wi(ve,{type:"icon",...e});import{jsx as Li}from"react/jsx-runtime";var en=e=>Li(ve,{type:"text",...e});import{jsx as Oi}from"react/jsx-runtime";var tn=e=>Oi(ve,{type:"image",...e});import{jsx as Tm}from"react/jsx-runtime";import{jsx as Ye}from"react/jsx-runtime";var Ri=D.options,Ki=D.states,_i={...D.defaultOptions,variant:"image"},Pi=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Hi=[],we=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ye(jo,{...o,children:Ye(b,{icon:"star"})});case"text":return Ye(en,{...o,children:"JO"});default:return Ye(tn,{...o,children:Ye("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};we.options=Ri;we.states=Ki;we.variants=Pi;we.defaultOptions=_i;we.modifiers=Hi;we.className=D.className;var Qe="chip",xt=Qe,bt="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Le,jsxs as Bi}from"react/jsx-runtime";var vt="k-chip",zi=[i.hover,i.focus,i.active,i.selected,i.disabled],Di={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]},on={avatarImage:"/packages/html/assets/avatar.jpg"},U=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:x=on.avatarImage,hover:v,focus:C,active:T,selected:y,disabled:g,...S}=e;return Bi("div",{...S,className:r(e.className,vt,k(vt,{size:t,rounded:o,fillMode:n,themeColor:a}),O(vt,{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&&Le(b,{className:"k-chip-icon",icon:d,size:"small"}),u&&Le(D,{className:"k-chip-avatar",type:"image",children:Le("img",{src:x,alt:""})}),Le("span",{className:"k-chip-content",children:e.children?e.children:l&&Le("span",{className:"k-chip-label",children:l})}),c&&Le("span",{className:"k-chip-actions",children:c})]})};U.states=zi;U.options=Di;U.className=vt;U.defaultOptions=on;U.moduleName=Qe;U.folderName=xt;U.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 X=U;import{jsx as Gi}from"react/jsx-runtime";var qt="k-chip-list",Fi=[],Ui={size:[s.undefined,s.small,s.medium,s.large]},Vi={},w=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return Gi("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=Fi;w.options=Ui;w.className=qt;w.defaultOptions=Vi;w.moduleName=Qe;w.folderName=xt;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 jm}from"react/jsx-runtime";import{jsx as nu}from"react/jsx-runtime";import{jsx as Xi}from"react/jsx-runtime";var Nt=e=>Xi(X,{text:"text",...e});import{jsx as pu}from"react/jsx-runtime";import{jsx as hu}from"react/jsx-runtime";import{Fragment as ku,jsx as Cu,jsxs as Au}from"react/jsx-runtime";import{jsx as yu,jsxs as gu}from"react/jsx-runtime";import{jsx as Ru,jsxs as Ku}from"react/jsx-runtime";import{jsx as Bu,jsxs as Fu}from"react/jsx-runtime";import{jsx as Oe,jsxs as Qi}from"react/jsx-runtime";var $i={...X.options,...w.options},Wi=[],qi=w.states,Ji={...X.defaultOptions,...w.defaultOptions},Yi=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Re=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?bt:void 0;return Qi(w,{size:n.size,className:o,children:[Oe(Nt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Oe(Nt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Oe(Nt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};Re.options=$i;Re.states=qi;Re.variants=Wi;Re.defaultOptions=Ji;Re.modifiers=Yi;Re.className=w.className;import{jsx as Jt}from"react/jsx-runtime";var Zi=U.states,ji=U.defaultOptions,er=U.options,tr=[],or=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ke=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]?bt:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Jt(ie,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Jt(ie,{type:"remove"}):void 0;break;default:break}}),Jt(U,{...o,...n,children:"Chip component"})};Ke.options=er;Ke.states=Zi;Ke.variants=tr;Ke.defaultOptions=ji;Ke.modifiers=or;Ke.className=U.className;var Yt="popup",nn=Yt;import{jsx as an}from"react/jsx-runtime";var rn="k-animation-container",nr=[],ar={},Qt={positionMode:"absolute",shown:!0},te=e=>{let{positionMode:t=Qt.positionMode,shown:o=Qt.shown,animationStyle:n,offset:a,...l}=e;return an("div",{...l,style:{...a,...e.style},className:r(e.className,rn,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:an("div",{className:"k-child-animation-container",style:n,children:e.children})})};te.states=nr;te.options=ar;te.className=rn;te.defaultOptions=Qt;te.moduleName=Yt;te.folderName=nn;var Zt="popup",sn=Zt;import{jsx as ln}from"react/jsx-runtime";var cn="k-popup",ir=[],rr={},dn={positionMode:"absolute"},re=e=>{let{offset:t,positionMode:o=dn.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return ln(te,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:ln("div",{...c,className:r(e.className,cn),children:e.children})})};re.states=ir;re.options=rr;re.className=cn;re.defaultOptions=dn;re.moduleName=Zt;re.folderName=sn;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 jt="action-buttons",pn=jt;import{jsx as cr}from"react/jsx-runtime";var Ct="k-actions",sr=[],lr={},eo={alignment:"start",orientation:"horizontal"},se=e=>{let{alignment:t=eo.alignment,orientation:o=eo.orientation,...n}=e;return cr("div",{...n,className:r(Ct,{[`${Ct}-${t}`]:t,[`${Ct}-${o}`]:o},e.className),children:e.children})};se.states=sr;se.options=lr;se.className=Ct;se.defaultOptions=eo;se.moduleName=jt;se.folderName=pn;import{jsx as pr}from"react/jsx-runtime";var dr="k-actionsheet-footer",mn={alignment:"stretched",orientation:"horizontal"},_e=e=>{let{alignment:t=mn.alignment,orientation:o=mn.orientation,template:n,as:a=n?"div":se,...l}=e;return pr(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,dr),children:e.children})};var to="searchbox",un=to;import{jsx as Ze,jsxs as fr}from"react/jsx-runtime";var fn="k-searchbox",mr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ur={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]},oo={showIcon:!0,icon:"search"},le=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:C,disabled:T,showIcon:y=oo.showIcon,icon:g=oo.icon,"aria-label":S,...I}=e;return fr(M,{...I,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:C,disabled:T,className:r(e.className,fn),children:[y&&Ze(b,{className:"k-input-icon",icon:g}),Ze(ae,{placeholder:o,value:t,"aria-label":S}),Ze(j,{...e}),Ze(J,{...e}),Ze(q,{...e})]})};le.states=mr;le.options=ur;le.className=fn;le.defaultOptions=oo;le.moduleName=to;le.folderName=un;import{jsx as oh}from"react/jsx-runtime";var no="textbox",hn=no;import{Fragment as xn,jsx as ce,jsxs as ao}from"react/jsx-runtime";var bn="k-textbox",hr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],xr={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]},kt={showClearButton:!0,showValidationIcon:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:n,separators:a=kt.separators,showClearButton:l=kt.showClearButton,showValidationIcon:d=kt.showValidationIcon,prefix:c,suffix:u,type:x,value:v,placeholder:C,hover:T,focus:y,valid:g,invalid:S,required:I,loading:L,disabled:_,readonly:$,id:oe,"aria-label":fe,"aria-describedby":Be,...Fe}=e;return ao(M,{...Fe,size:t,rounded:o,fillMode:n,hover:T,focus:y,valid:g,invalid:S,required:I,loading:L,disabled:_,readonly:$,className:r(e.className,bn),children:[c&&ao(xn,{children:[ce(Ie,{children:c}),a&&ce(Se,{})]}),ce(ae,{id:oe,placeholder:C,value:v,type:x,disabled:_,"aria-label":fe,"aria-describedby":Be,"aria-invalid":S?"true":void 0}),d&&ce(J,{valid:g,invalid:S,loading:L,disabled:_}),ce(j,{loading:L,disabled:_}),l&&ce(q,{loading:L,disabled:_,readonly:$,value:v}),u&&ao(xn,{children:[a&&ce(Se,{}),ce(Ee,{children:u})]})]})};B.states=hr;B.options=xr;B.className=bn;B.defaultOptions=kt;B.moduleName=no;B.folderName=hn;B.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 je=B;import{jsx as br}from"react/jsx-runtime";var vn=e=>br(je,{...e});import{Fragment as Ch,jsx as Nh}from"react/jsx-runtime";import{Fragment as Sh,jsx as Eh}from"react/jsx-runtime";import{jsx as wh}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var vr=B.states,Nr=B.defaultOptions,Cr=B.options,kr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ar=[],Pe=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?io(b,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?io(be,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),io(vn,{value:"Value",style:{width:300},...o,...n})};Pe.options=Cr;Pe.states=vr;Pe.variants=Ar;Pe.defaultOptions=Nr;Pe.modifiers=kr;Pe.className=B.className;import{jsx as de,jsxs as ro}from"react/jsx-runtime";var Nn="k-actionsheet-titlebar",Tr={},Y=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:x,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(B,{value:c,placeholder:u,size:x?"large":"medium","aria-label":t||u||"Input"}):de(le,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Y.className=Nn;Y.defaultOptions=Tr;import{jsx as so,jsxs as yr}from"react/jsx-runtime";var lo="k-actionsheet-view",Ir=[],Er={},Sr={},He=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===Y&&so(Y,{adaptive:t,titleId:d,...a?.props}),x=l?.type===_e&&so(_e,{...l?.props});return yr("div",{...c,className:r(e.className,lo,{[`${lo}-animated`]:o}),children:[u,so("div",{className:"k-actionsheet-content",children:n}),x]})};He.states=Ir;He.options=Er;He.className=lo;He.defaultOptions=Sr;var et="action-sheet",At=et;var co="overlay",Cn=co;import{jsx as Lr}from"react/jsx-runtime";var kn="k-overlay",gr=[],Mr={},wr={},pe=e=>{let{...t}=e;return Lr("div",{...t,className:r(e.className,kn),children:e.children})};pe.states=gr;pe.options=Mr;pe.className=kn;pe.defaultOptions=wr;pe.moduleName=co;pe.folderName=Cn;import{jsx as Tt,jsxs as Kr}from"react/jsx-runtime";var An="k-actionsheet",Or=[],Rr={},tt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},R=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:x,...v}=e,C=x&&!l&&c?`${x}-title`:void 0;return Kr("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:x,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})})})]})};R.states=Or;R.options=Rr;R.className=An;R.defaultOptions=tt;R.moduleName=et;R.folderName=At;R.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 zr}from"react/jsx-runtime";var Tn="k-actionsheet-container",_r=[],Pr={},Hr={},ze=e=>{let{children:t,...o}=e;return zr("div",{...o,className:Tn,children:t})};ze.states=_r;ze.options=Pr;ze.className=Tn;ze.defaultOptions=Hr;ze.moduleName=et;ze.folderName=At;import{jsx as Dr}from"react/jsx-runtime";var po=e=>{let{...t}=e;return Dr("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Fr,jsx as ot,jsxs as mo}from"react/jsx-runtime";var uo="k-actionsheet-item",Br=[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(Fr,{children:mo("span",{className:"k-actionsheet-action",children:[t&&ot("span",{className:"k-icon-wrap",children:ot(b,{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=Br;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 K,jsxs as fo}from"react/jsx-runtime";var Ur=R.options,Vr=R.states,En={...R.defaultOptions,variant:"normal"},Gr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Xr=[{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:[K(me,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),K(me,{text:"Add to Favorites",iconName:"heart"}),K(me,{text:"Upload New",iconName:"upload",disabled:!0}),K("hr",{className:"k-hr"}),K(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(R,{...n,adaptive:!0,fullscreen:a.fullScreen,header:K(Y,{actionsStart:a.actionsStart?K(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?K(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?fo(_e,{alignment:"stretched",children:[K(N,{text:"Cancel",size:"large",themeColor:"base"}),K(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):K(R,{...n,fullscreen:a.fullScreen,header:K(Y,{actionsStart:a.actionsStart?K(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?K(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?fo(_e,{alignment:"stretched",children:[K(N,{text:"Apply",themeColor:"primary"}),K(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};De.options=Ur;De.states=Vr;De.variants=Gr;De.defaultOptions=En;De.modifiers=Xr;De.className=R.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",$r=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Wr={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]},qr={},ue=e=>{let{size:t,rounded:o,fillMode:n,prefix:a,suffix:l,placeholder:d,tags:c,popup:u,showArrowButton:x,hover:v,focus:C,valid:T,invalid:y,required:g,loading:S,disabled:I,readonly:L,opened:_,dir:$,adaptive:oe,adaptiveSettings:fe,adaptiveTitle:Be,adaptiveSubtitle:Fe,adaptiveFilter:Ln,id:ho,treeviewId:On,"aria-label":Rn,...Kn}=e,xo=ho?`${ho}-taglist`:void 0;return nt(gn,{children:[nt(M,{...Kn,dir:$,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(Ie,{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":_?"true":"false","aria-controls":_?On:void 0,"aria-autocomplete":"list","aria-describedby":c?xo:void 0,"aria-disabled":I?"true":void 0,"aria-label":Rn,tabIndex:0,children:!c&&A("span",{className:"k-input-value-text",children:d})}),A(J,{valid:T,invalid:y,loading:S,disabled:I}),A(j,{loading:S,disabled:I}),A(q,{loading:S,disabled:I,readonly:L,value:c?"value":""}),A(Ee,{children:l}),x&&A(N,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),_&&u&&A(re,{className:"k-multiselecttree-popup",dir:$,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:u}),oe&&A(R,{adaptive:!0,...fe,header:A(Y,{actionsEnd:A(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ln,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(P,{children:[A(f,{text:"Child 2.1"}),A(f,{text:"Child 2.2",children:A(P,{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(P,{children:[A(f,{text:"Child 3.1"}),A(f,{text:"Child 3.2"}),A(f,{text:"Child 3.3"})]})})]})})]})};ue.states=$r;ue.options=Wr;ue.className=Mn;ue.defaultOptions=qr;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 Jr,jsx as Q,jsxs as at}from"react/jsx-runtime";var gb=e=>{let t=V("mst"),o=V("mst-tv");return Q(wn,{id:t,"aria-label":"Select items",treeviewId:o,opened:!0,popup:at(Jr,{children:[at("div",{className:"k-check-all",children:[Q(F,{}),Q("span",{className:"k-checkbox-label",children:"Check all"})]}),at(E,{dir:e.dir,children:[Q(f,{text:"Furniture",showCheckbox:!0,children:at(P,{children:[Q(f,{text:"Child 1",showCheckbox:!0}),Q(f,{text:"Child 2",showCheckbox:!0}),Q(f,{text:"Child 3",showCheckbox:!0})]})}),Q(f,{text:"Decor",showCheckbox:!0,children:at(P,{children:[Q(f,{text:"Child 1",showCheckbox:!0}),Q(f,{text:"Child 2",showCheckbox:!0}),Q(f,{text:"Child 3",showCheckbox:!0})]})})]})]}),...e})};export{gb as MultiSelectTreePopup};