@progress/kendo-themes-html/dist/esm/multiselect/demos/multiselect.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 A=(e,t)=>s({[`${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"}),y=(e,t)=>{let{valid:o,invalid:n,hover:i,focus:r,checked:c,active:p,selected:u,disabled:f,indeterminate:x,loading:N,empty:L,readonly:C,highlighted:P,...I}=t;return s({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":r,"k-checked":c,"k-active":p,"k-selected":u,"k-disabled":f,"k-indeterminate":x&&!c,"k-loading":N,"k-empty":L,"k-readonly":C,"k-highlighted":P},Object.keys(I).reduce((S,M)=>(M.startsWith("k-")?S[M]=I[M]:S[`k-${M}`]=I[M],S),{}))};function Mo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={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"},ee={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"},a={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 Et={};function H(e){return Et[e]=(Et[e]||0)+1,`k-${e}-${Et[e]}`}var qe="input",lt=qe;import{jsx as Ji}from"react/jsx-runtime";var ct="k-input",$i=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Xi={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},qi={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:c,readonly:p,size:u,rounded:f,fillMode:x,...N}=e;return Ji("span",{...N,className:s(e.className,ct,A(ct,{size:u,rounded:f,fillMode:x}),y(ct,{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:c,readonly:p}))})};E.states=$i;E.options=Xi;E.className=ct;E.defaultOptions=qi;E.moduleName=qe;E.folderName=lt;import{jsx as Zi}from"react/jsx-runtime";var pt="k-picker",Wi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Yi={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Qi={},Ae=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:c,readonly:p,size:u,rounded:f,fillMode:x,...N}=e;return Zi("span",{...N,className:s(e.className,pt,A(pt,{size:u,rounded:f,fillMode:x}),y(pt,{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:c,readonly:p})),children:e.children})};Ae.states=Wi;Ae.options=Yi;Ae.className=pt;Ae.defaultOptions=Qi;Ae.moduleName=qe;Ae.folderName=lt;import{Fragment as on,jsx as Eo}from"react/jsx-runtime";var Tt="k-font-icon",ji=[],en={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},tn={},Je=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:r,...c}=e;return n?Eo("span",{...c,className:s(e.className,Tt,A(Tt,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):Eo(on,{})};Je.states=ji;Je.options=en;Je.className=Tt;Je.defaultOptions=tn;var To=Je;import{Fragment as sn,jsx as dt}from"react/jsx-runtime";var Ot="k-svg-icon",nn=[],an={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},Rt={viewBox:"0 0 24 24",variant:ee.outline},We=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:r=Rt.viewBox,variant:c=Rt.variant,icon:p,...u}=e;if(!p)return dt(sn,{});if(p==="none")return dt("span",{...u,className:s(e.className,Ot,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?c&&p.variants?.[c]||p.variants?.outline||p.content:void 0;return dt("span",{...u,className:s(e.className,Ot,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:dt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:r,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};We.states=nn;We.options=an;We.className=Ot;We.defaultOptions=Rt;var Kt=We;import*as _t from"@progress/kendo-svg-icons";var Oo="icon",Ro="icons";import{useContext as ln}from"react";import{createContext as rn}from"react";var Ko=rn({iconsType:"svg"});import{Fragment as _o,jsx as Ye}from"react/jsx-runtime";var mt="k-icon",cn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pn=[],dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},ut={viewBox:"0 0 24 24",type:"svg",variant:ee.outline},b=e=>{let{iconsType:t}=ln(Ko),{size:o,themeColor:n,icon:i,type:r=t||ut.type,rotate:c,flip:p,viewBox:u=ut.viewBox,variant:f=ut.variant,...x}=e;if(!i)return Ye(_o,{});if((t||r)==="svg"){if(i==="none")return Ye(Kt,{...x,className:s(e.className,mt),icon:i,size:o,variant:f});let L=_t[i]?i:cn(`${i}-icon`);return _t[L]?Ye(Kt,{...x,className:s(e.className,mt),icon:_t[L],size:o,themeColor:n,rotate:c,flip:p,viewBox:u,variant:f}):Ye(_o,{})}return Ye(To,{...x,className:s(e.className,mt),icon:i,size:o,themeColor:n,rotate:c,flip:p})};b.states=pn;b.options=dn;b.defaultOptions=ut;b.className=mt;b.moduleName=Oo;b.folderName=Ro;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{Fragment as fn,jsx as Pt}from"react/jsx-runtime";var Po="k-clear-value",mn=[a.disabled,a.loading,a.readonly],un={},X=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?Pt(fn,{}):Pt("span",{className:s(e.className,Po),children:Pt(b,{icon:"x"})})};X.states=mn;X.options=un;X.className=Po;import{jsx as xn}from"react/jsx-runtime";var Ht="k-input-inner",hn=[],bn={},ft={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=ft.value,type:o=ft.type,placeholder:n=ft.placeholder,autocomplete:i=ft.autocomplete,disabled:r,readOnly:c,...p}=e;return xn("input",{...p,type:o,className:s(e.className,Ht,A(Ht,e)),placeholder:n,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:c||void 0})};q.states=hn;q.options=bn;q.className=Ht;import{jsx as Ho,jsxs as Ln}from"react/jsx-runtime";var wt="k-input-inner",Nn=[],vn={},zt=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:r,...c}=e;return Ln("span",{...c,className:s(e.className,wt,A(wt,e)),children:[i,!i&&r&&Ho(b,{className:"k-input-value-icon",icon:r}),n&&!t&&o,n&&t&&Ho("span",{className:"k-input-value-text",children:t})]})};zt.states=Nn;zt.options=vn;zt.className=wt;import{jsx as kn}from"react/jsx-runtime";var Dt="k-input-inner",An=[],Cn={},wo={value:"",placeholder:""},Bt=e=>{let{value:t=wo.value,placeholder:o=wo.placeholder,rows:n,disabled:i,...r}=e;return kn("textarea",{...r,className:s(e.className,Dt,A(Dt,e)),placeholder:o,rows:n,defaultValue:t,disabled:i||void 0})};Bt.states=An;Bt.options=Cn;Bt.className=Dt;import{Fragment as In,jsx as zo}from"react/jsx-runtime";var Do="k-input-loading-icon",gn=[a.disabled,a.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?zo(In,{}):zo("span",{className:s(e.className,Do,"k-icon k-i-loading")})};te.states=gn;te.className=Do;import{Fragment as Mn,jsx as Bo}from"react/jsx-runtime";var Uo="k-input-validation-icon",Sn=[a.valid,a.invalid,a.disabled,a.loading],yn={},J=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,r=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?Bo(Mn,{}):Bo(b,{className:s(Uo),icon:r})};J.states=Sn;J.options=yn;J.className=Uo;import{Fragment as On,jsx as Vo}from"react/jsx-runtime";var En="k-input-prefix",Tn={direction:"horizontal"},Ce=e=>{let{direction:t=Tn.direction,...o}=e;return e.children?Vo("span",{...o,className:s(En,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Vo(On,{})};import{Fragment as _n,jsx as Fo}from"react/jsx-runtime";var Rn="k-input-suffix",Kn={direction:"horizontal"},ke=e=>{let{direction:t=Kn.direction,...o}=e;return e.children?Fo("span",{...o,className:s(Rn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Fo(_n,{})};import{jsx as Gl}from"react/jsx-runtime";import{jsx as Jl}from"react/jsx-runtime";import{jsx as Hn}from"react/jsx-runtime";var Go="k-input-separator",Pn={direction:"vertical"},ne=e=>{let{direction:t=Pn.direction,...o}=e;return Hn("span",{...o,className:s(Go,e.className,{[`${Go}-${t}`]:t})})};var Ut="button",$o=Ut;import{Fragment as Xo,jsx as ge,jsxs as qo}from"react/jsx-runtime";var Qe="k-button",wn=["icon-button"],zn=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.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"},v=e=>{let{as:t="button",size:o,rounded:n,fillMode:i,themeColor:r,showArrow:c=Vt.showArrow,arrowIconName:p=Vt.arrowIconName,variant:u,hover:f,focus:x,active:N,selected:L,disabled:C,togglable:P,ariaDisabled:I,icon:S,iconSize:M,text:O,iconClassName:le,className:ce,...Ge}=e,$e=S!=null,Xe=e.children!==void 0;return qo(t,{className:s(ce,Qe,Mo(Qe,u),A(Qe,{size:o,rounded:n,fillMode:i,themeColor:r}),y(Qe,{hover:f,focus:x,active:N,disabled:C||I,selected:L}),{"k-icon-button":!O&&!Xe&&$e}),"aria-pressed":P?L?"true":"false":void 0,...Ge,"aria-disabled":I?"true":void 0,disabled:C||void 0,children:[typeof S=="string"&&S&&ge(b,{className:s(le,"k-button-icon"),icon:S,size:M}),S&&typeof S!="string"&&ge(Xo,{children:S}),O?qo(Xo,{children:[O&&ge("span",{className:"k-button-text",children:O}),e.children]}):e.children&&ge("span",{className:"k-button-text",children:e.children}),c&&ge("span",{className:"k-menu-button-arrow k-button-arrow",children:ge(b,{icon:p})})]})};v.states=zn;v.options=Dn;v.variants=wn;v.className=Qe;v.defaultOptions=Vt;v.moduleName=Ut;v.folderName=$o;v.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 Bn}from"react/jsx-runtime";var ae=e=>Bn(v,{children:"Button",...e});import{Fragment as Jo,jsx as oe,jsxs as Ft}from"react/jsx-runtime";var Un=E.states,Vn=E.defaultOptions,Fn=E.options,Gn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],$n=[],Ie=e=>{let{modifiers:t,valid:o,invalid:n,loading:i,disabled:r,readonly:c,...p}=e,u=t?.prefix,f=t?.suffix,x=t?.["clear-button"],N=t?.["validation-icon"],L=t?.separators;return Ft(E,{...p,valid:o,invalid:n,loading:i,disabled:r,readonly:c,style:{width:300},children:[u&&Ft(Jo,{children:[oe(Ce,{children:oe(b,{icon:"lock"})}),L&&oe(ne,{})]}),oe(q,{placeholder:"Placeholder",value:"Value"}),N&&oe(J,{valid:o,invalid:n,loading:i,disabled:r}),oe(te,{loading:i,disabled:r}),x&&oe(X,{loading:i,disabled:r,readonly:c,value:"Value"}),f&&Ft(Jo,{children:[L&&oe(ne,{}),oe(ke,{children:oe(ae,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Ie.options=Fn;Ie.states=Un;Ie.variants=$n;Ie.defaultOptions=Vn;Ie.modifiers=Gn;Ie.className=E.className;import{jsx as Xn}from"react/jsx-runtime";var Wo=e=>Xn(v,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as qn}from"react/jsx-runtime";var Yo=e=>qn(v,{icon:"folder",children:"Button",...e});import{jsx as Gt}from"react/jsx-runtime";var Jn=v.options,Wn=v.states,Yn={...v.defaultOptions,variant:"text"},Qn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zn=[],Se=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Gt(Wo,{...o,icon:"star"});case"icon-and-text":return Gt(Yo,{...o,icon:"star",children:"Button"});default:return Gt(ae,{...o,children:"Button"})}};Se.options=Jn;Se.states=Wn;Se.variants=Qn;Se.defaultOptions=Yn;Se.modifiers=Zn;Se.className=v.className;import{jsx as ht}from"react/jsx-runtime";var jn="k-chip-action";var W=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:s(e.className,jn,`k-chip-${t}-action`),children:n})};var $t="avatar",Qo=$t;import{jsx as Zo}from"react/jsx-runtime";var Ze="k-avatar";var ea=[a.hover,a.focus,a.active,a.selected,a.disabled],ta={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Xt={type:"text",border:!1},z=e=>{let{size:t,rounded:o,fillMode:n,themeColor:i,type:r=Xt.type,border:c=Xt.border,...p}=e;return Zo("div",{...p,className:s(e.className,Ze,A(Ze,{size:t,rounded:o,fillMode:n,themeColor:i}),{[`${Ze}-bordered`]:c}),children:Zo("span",{className:`${Ze}-${r}`,children:e.children})})};z.states=ea;z.options=ta;z.className=Ze;z.defaultOptions=Xt;z.moduleName=$t;z.folderName=Qo;z.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var be=z;import{jsx as oa}from"react/jsx-runtime";var jo=e=>oa(be,{type:"icon",...e});import{jsx as ia}from"react/jsx-runtime";var ei=e=>ia(be,{type:"text",...e});import{jsx as na}from"react/jsx-runtime";var ti=e=>na(be,{type:"image",...e});import{jsx as Cp}from"react/jsx-runtime";import{jsx as je}from"react/jsx-runtime";var aa=z.options,sa=z.states,ra={...z.defaultOptions,variant:"image"},la=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ca=[],ye=e=>{let{variant:t,...o}=e;switch(t){case"icon":return je(jo,{...o,children:je(b,{icon:"star"})});case"text":return je(ei,{...o,children:"JO"});default:return je(ti,{...o,children:je("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ye.options=aa;ye.states=sa;ye.variants=la;ye.defaultOptions=ra;ye.modifiers=ca;ye.className=z.className;var et="chip",bt=et,xt="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Me,jsxs as ma}from"react/jsx-runtime";var Nt="k-chip",pa=[a.hover,a.focus,a.active,a.selected,a.disabled],da={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},oi={avatarImage:"/packages/html/assets/avatar.jpg"},w=e=>{let{size:t,rounded:o,fillMode:n,themeColor:i,text:r,icon:c,actions:p,showAvatar:u,avatarImage:f=oi.avatarImage,hover:x,focus:N,active:L,selected:C,disabled:P,...I}=e;return ma("div",{...I,className:s(e.className,Nt,A(Nt,{size:t,rounded:o,fillMode:n,themeColor:i}),y(Nt,{hover:x,focus:N,active:L,disabled:P,selected:C})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:C?"true":"false",...e.role==="option"&&C!==void 0&&{"aria-selected":C?"true":"false"},"aria-disabled":P?"true":void 0,children:[c&&Me(b,{className:"k-chip-icon",icon:c,size:"small"}),u&&Me(z,{className:"k-chip-avatar",type:"image",children:Me("img",{src:f,alt:""})}),Me("span",{className:"k-chip-content",children:e.children?e.children:r&&Me("span",{className:"k-chip-label",children:r})}),p&&Me("span",{className:"k-chip-actions",children:p})]})};w.states=pa;w.options=da;w.className=Nt;w.defaultOptions=oi;w.moduleName=et;w.folderName=bt;w.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 G=w;import{jsx as ba}from"react/jsx-runtime";var qt="k-chip-list",ua=[],fa={size:[l.undefined,l.small,l.medium,l.large]},ha={},T=e=>{let{size:t,multiselectable:o,ariaLabel:n,...i}=e;return ba("div",{...i,className:s(e.className,qt,A(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})};T.states=ua;T.options=fa;T.className=qt;T.defaultOptions=ha;T.moduleName=et;T.folderName=bt;T.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 Zp}from"react/jsx-runtime";import{jsx as od}from"react/jsx-runtime";import{jsx as xa}from"react/jsx-runtime";var vt=e=>xa(G,{text:"text",...e});import{jsx as pd}from"react/jsx-runtime";import{jsx as fd}from"react/jsx-runtime";import{Fragment as Ld,jsx as vd,jsxs as Ad}from"react/jsx-runtime";import{jsx as Sd,jsxs as yd}from"react/jsx-runtime";import{jsx as Rd,jsxs as Kd}from"react/jsx-runtime";import{jsx as Dd,jsxs as Bd}from"react/jsx-runtime";import{jsx as Ee,jsxs as ka}from"react/jsx-runtime";var Na={...G.options,...T.options},va=[],La=T.states,Aa={...G.defaultOptions,...T.defaultOptions},Ca=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Te=e=>{let{modifiers:t,className:o,...n}=e,i=t?.icon,r=t?.actions,c=t?.avatar,p=c?xt:void 0;return ka(T,{size:n.size,className:o,children:[Ee(vt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:r?Ee(W,{type:"remove"}):void 0,showAvatar:c,avatarImage:p,children:"Chip"}),Ee(vt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:r?Ee(W,{type:"remove"}):void 0,showAvatar:c,avatarImage:p,children:"Chip"}),Ee(vt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:r?Ee(W,{type:"remove"}):void 0,showAvatar:c,avatarImage:p,children:"Chip"})]})};Te.options=Na;Te.states=La;Te.variants=va;Te.defaultOptions=Aa;Te.modifiers=Ca;Te.className=T.className;import{jsx as Jt}from"react/jsx-runtime";var ga=w.states,Ia=w.defaultOptions,Sa=w.options,ya=[],Ma=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Oe=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(i=>{switch(i){case"icon":n.icon=t?.[i]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[i],n.avatarImage=t?.[i]?xt:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[i]?Jt(W,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[i]?Jt(W,{type:"remove"}):void 0;break;default:break}}),Jt(w,{...o,...n,children:"Chip component"})};Oe.options=Sa;Oe.states=ga;Oe.variants=ya;Oe.defaultOptions=Ia;Oe.modifiers=Ma;Oe.className=w.className;var Wt="popup",ii=Wt;import{jsx as ni}from"react/jsx-runtime";var ai="k-animation-container",Ea=[],Ta={},Yt={positionMode:"absolute",shown:!0},ie=e=>{let{positionMode:t=Yt.positionMode,shown:o=Yt.shown,animationStyle:n,offset:i,...r}=e;return ni("div",{...r,style:{...i,...e.style},className:s(e.className,ai,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ni("div",{className:"k-child-animation-container",style:n,children:e.children})})};ie.states=Ea;ie.options=Ta;ie.className=ai;ie.defaultOptions=Yt;ie.moduleName=Wt;ie.folderName=ii;var Qt="popup",si=Qt;import{jsx as ri}from"react/jsx-runtime";var li="k-popup",Oa=[],Ra={},ci={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=ci.positionMode,animationStyle:n,containerClassName:i,containerRole:r,containerAriaLabel:c,...p}=e;return ri(ie,{positionMode:o,offset:t,animationStyle:n,className:i,role:r,"aria-label":c,children:ri("div",{...p,className:s(e.className,li),children:e.children})})};se.states=Oa;se.options=Ra;se.className=li;se.defaultOptions=ci;se.moduleName=Qt;se.folderName=si;se.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 Zt="action-buttons",pi=Zt;import{jsx as Pa}from"react/jsx-runtime";var Lt="k-actions",Ka=[],_a={},jt={alignment:"start",orientation:"horizontal"},pe=e=>{let{alignment:t=jt.alignment,orientation:o=jt.orientation,...n}=e;return Pa("div",{...n,className:s(Lt,{[`${Lt}-${t}`]:t,[`${Lt}-${o}`]:o},e.className),children:e.children})};pe.states=Ka;pe.options=_a;pe.className=Lt;pe.defaultOptions=jt;pe.moduleName=Zt;pe.folderName=pi;import{jsx as wa}from"react/jsx-runtime";var Ha="k-actionsheet-footer",di={alignment:"stretched",orientation:"horizontal"},Re=e=>{let{alignment:t=di.alignment,orientation:o=di.orientation,template:n,as:i=n?"div":pe,...r}=e;return wa(i,{...r,...!n&&{alignment:t,orientation:o},className:s(e.className,Ha),children:e.children})};var eo="searchbox",mi=eo;import{jsx as tt,jsxs as Ba}from"react/jsx-runtime";var ui="k-searchbox",za=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],Da={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},to={showIcon:!0,icon:"search"},de=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:r,hover:c,focus:p,valid:u,invalid:f,required:x,loading:N,disabled:L,showIcon:C=to.showIcon,icon:P=to.icon,"aria-label":I,...S}=e;return Ba(E,{...S,size:n,rounded:i,fillMode:r,hover:c,focus:p,valid:u,invalid:f,required:x,loading:N,disabled:L,className:s(e.className,ui),children:[C&&tt(b,{className:"k-input-icon",icon:P}),tt(q,{placeholder:o,value:t,"aria-label":I}),tt(te,{...e}),tt(J,{...e}),tt(X,{...e})]})};de.states=za;de.options=Da;de.className=ui;de.defaultOptions=to;de.moduleName=eo;de.folderName=mi;import{jsx as eu}from"react/jsx-runtime";var oo="textbox",fi=oo;import{Fragment as hi,jsx as me,jsxs as io}from"react/jsx-runtime";var bi="k-textbox",Ua=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Va={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},At={showClearButton:!0,showValidationIcon:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:n,separators:i=At.separators,showClearButton:r=At.showClearButton,showValidationIcon:c=At.showValidationIcon,prefix:p,suffix:u,type:f,value:x,placeholder:N,hover:L,focus:C,valid:P,invalid:I,required:S,loading:M,disabled:O,readonly:le,id:ce,"aria-label":Ge,"aria-describedby":$e,...Xe}=e;return io(E,{...Xe,size:t,rounded:o,fillMode:n,hover:L,focus:C,valid:P,invalid:I,required:S,loading:M,disabled:O,readonly:le,className:s(e.className,bi),children:[p&&io(hi,{children:[me(Ce,{children:p}),i&&me(ne,{})]}),me(q,{id:ce,placeholder:N,value:x,type:f,disabled:O,"aria-label":Ge,"aria-describedby":$e,"aria-invalid":I?"true":void 0}),c&&me(J,{valid:P,invalid:I,loading:M,disabled:O}),me(te,{loading:M,disabled:O}),r&&me(X,{loading:M,disabled:O,readonly:le,value:x}),u&&io(hi,{children:[i&&me(ne,{}),me(ke,{children:u})]})]})};D.states=Ua;D.options=Va;D.className=bi;D.defaultOptions=At;D.moduleName=oo;D.folderName=fi;D.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 ot=D;import{jsx as Fa}from"react/jsx-runtime";var xi=e=>Fa(ot,{...e});import{Fragment as Nu,jsx as xu}from"react/jsx-runtime";import{Fragment as gu,jsx as ku}from"react/jsx-runtime";import{jsx as Mu}from"react/jsx-runtime";import{jsx as no}from"react/jsx-runtime";var Ga=D.states,$a=D.defaultOptions,Xa=D.options,qa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ja=[],Ke=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":n.prefix=t?.[i]?no(b,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[i]?no(ae,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[i];break;default:break}}),no(xi,{value:"Value",style:{width:300},...o,...n})};Ke.options=Xa;Ke.states=Ga;Ke.variants=Ja;Ke.defaultOptions=$a;Ke.modifiers=qa;Ke.className=D.className;import{jsx as ue,jsxs as ao}from"react/jsx-runtime";var Ni="k-actionsheet-titlebar",Wa={},Y=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:r,input:c,inputValue:p,inputPlaceholder:u,adaptive:f,titleId:x,children:N,...L}=e;return ao("div",{...L,className:s(e.className,Ni),children:[ao("div",{className:"k-actionsheet-titlebar-group",children:[n&&ue("div",{className:"k-actionsheet-actions",children:n}),!N&&ao("div",{className:"k-actionsheet-title",id:x,children:[t&&ue("div",{className:"k-text-center",children:t}),o&&ue("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&ue("div",{className:"k-actionsheet-title",id:x,children:N}),i&&ue("div",{className:"k-actionsheet-actions",children:i})]}),(c||r)&&ue("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?ue(D,{value:p,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):ue(de,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Y.className=Ni;Y.defaultOptions=Wa;import{jsx as so,jsxs as ja}from"react/jsx-runtime";var ro="k-actionsheet-view",Ya=[],Qa={},Za={},_e=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:r,titleId:c,...p}=e,u=i?.type===Y&&so(Y,{adaptive:t,titleId:c,...i?.props}),f=r?.type===Re&&so(Re,{...r?.props});return ja("div",{...p,className:s(e.className,ro,{[`${ro}-animated`]:o}),children:[u,so("div",{className:"k-actionsheet-content",children:n}),f]})};_e.states=Ya;_e.options=Qa;_e.className=ro;_e.defaultOptions=Za;var it="action-sheet",Ct=it;var lo="overlay",vi=lo;import{jsx as is}from"react/jsx-runtime";var Li="k-overlay",es=[],ts={},os={},fe=e=>{let{...t}=e;return is("div",{...t,className:s(e.className,Li),children:e.children})};fe.states=es;fe.options=ts;fe.className=Li;fe.defaultOptions=os;fe.moduleName=lo;fe.folderName=vi;import{jsx as kt,jsxs as ss}from"react/jsx-runtime";var Ai="k-actionsheet",ns=[],as={},nt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},R=e=>{let{side:t=nt.side,fullscreen:o=nt.fullscreen,adaptive:n=nt.adaptive,overlay:i=nt.overlay,template:r,children:c,header:p,footer:u,id:f,...x}=e,N=f&&!r&&p?`${f}-title`:void 0;return ss("div",{className:"k-actionsheet-container",children:[i&&kt(fe,{}),kt(ie,{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:kt("div",{...x,id:f,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":N,className:s(e.className,Ai,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:r||kt(_e,{header:p,footer:u,adaptive:n,titleId:N,...e,children:c})})})]})};R.states=ns;R.options=as;R.className=Ai;R.defaultOptions=nt;R.moduleName=it;R.folderName=Ct;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 ps}from"react/jsx-runtime";var Ci="k-actionsheet-container",rs=[],ls={},cs={},Pe=e=>{let{children:t,...o}=e;return ps("div",{...o,className:Ci,children:t})};Pe.states=rs;Pe.options=ls;Pe.className=Ci;Pe.defaultOptions=cs;Pe.moduleName=it;Pe.folderName=Ct;import{jsx as ds}from"react/jsx-runtime";var co=e=>{let{...t}=e;return ds("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as us,jsx as at,jsxs as po}from"react/jsx-runtime";var mo="k-actionsheet-item",ms=[a.hover,a.focus,a.selected,a.disabled],he=e=>{let{iconName:t,text:o,description:n,hover:i,focus:r,selected:c,disabled:p,...u}=e;return po("span",{...u,className:s(e.className,mo,y(mo,{hover:i,focus:r,selected:c,disabled:p})),children:[!e.children&&at(us,{children:po("span",{className:"k-actionsheet-action",children:[t&&at("span",{className:"k-icon-wrap",children:at(b,{className:"k-actionsheet-item-icon",icon:t})}),po("span",{className:"k-actionsheet-item-text",children:[o&&at("span",{className:"k-actionsheet-item-title",children:o}),n&&at("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};he.states=ms;he.className=mo;import{jsx as Mf,jsxs as Ef}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";import{jsx as wf}from"react/jsx-runtime";import{jsx as Uf}from"react/jsx-runtime";import{jsx as K,jsxs as uo}from"react/jsx-runtime";var fs=R.options,hs=R.states,gi={...R.defaultOptions,variant:"normal"},bs=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],xs=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],He=e=>{let{variant:t,modifiers:o,...n}={...gi,...e},i={},r=uo(co,{children:[K(he,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),K(he,{text:"Add to Favorites",iconName:"heart"}),K(he,{text:"Upload New",iconName:"upload",disabled:!0}),K("hr",{className:"k-hr"}),K(he,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",p="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":i.actionsStart=!!o?.[u],i.actionsEnd=!!o?.[u];break;case"subtitle":i.subtitle=o?.[u]?c:void 0;break;case"footer":i.footer=!!o?.[u];break;default:break}}),t==="adaptive"?K(R,{...n,adaptive:!0,fullscreen:i.fullScreen,header:K(Y,{actionsStart:i.actionsStart?K(v,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?K(v,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:i.subtitle}),footer:i.footer?uo(Re,{alignment:"stretched",children:[K(v,{text:"Cancel",size:"large",themeColor:"base"}),K(v,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):K(R,{...n,fullscreen:i.fullScreen,header:K(Y,{actionsStart:i.actionsStart?K(v,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?K(v,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?uo(Re,{alignment:"stretched",children:[K(v,{text:"Apply",themeColor:"primary"}),K(v,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};He.options=fs;He.states=hs;He.variants=bs;He.defaultOptions=gi;He.modifiers=xs;He.className=R.className;import bo from"react";import{jsx as Ii}from"react/jsx-runtime";var Ns="k-list-group-sticky-header",fo=e=>Ii("div",{className:s(Ns,e.className),children:Ii("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ls}from"react/jsx-runtime";var vs="k-no-data",ho=e=>{let{live:t,...o}=e;return Ls("span",{...o,className:s(vs,e.className),"aria-live":t?"polite":void 0,children:e.children})};var xe="list",we=xe;import{jsx as Si,jsxs as yi}from"react/jsx-runtime";var xo="k-list",As=[],Cs={size:[l.undefined,l.small,l.medium,l.large]},ks={},_=e=>{let{size:t,virtualization:o,children:n,header:i,selectAll:r,optionLabel:c,customValue:p,noData:u,screenReaders:f,...x}=e,L=bo.Children.toArray(n)[0],C=L?.props?.children?bo.Children.count(L.props.children):bo.Children.count(n);return yi("div",{...x,className:s(e.className,xo,A(xo,{size:t}),{"k-virtual-list":o}),children:[c,r,p,i&&Si(fo,{children:i}),n||(u!==void 0?u:Si(ho,{live:!0,children:"No data found."})),f&&n&&yi(ho,{className:"k-sr-only",live:!0,children:[C," items found."]})]})};_.states=As;_.options=Cs;_.className=xo;_.defaultOptions=ks;_.moduleName=xe;_.folderName=we;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as ys}from"react/jsx-runtime";var Mi="k-list-container",gs=[],Is={},Ss={},ze=e=>{let{...t}=e;return ys("div",{...t,className:s(e.className,Mi),children:e.children})};ze.states=gs;ze.options=Is;ze.className=Mi;ze.defaultOptions=Ss;ze.moduleName=xe;ze.folderName=we;var Ne="checkbox",De=Ne;import{jsx as Ei}from"react/jsx-runtime";var gt="k-checkbox",Ms=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],Es={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},Ts={},V=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:r,disabled:c,invalid:p,valid:u,required:f,size:x,rounded:N,wrapperRole:L,...C}=e;return Ei("span",{className:"k-checkbox-wrap",role:L,children:Ei("input",{...C,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:c||void 0,"aria-invalid":p?"true":void 0,className:s(e.className,gt,A(gt,{size:x,rounded:N}),y(gt,{hover:i,focus:r,disabled:c,invalid:p,valid:u,indeterminate:n,checked:o}))})})};V.states=Ms;V.options=Es;V.className=gt;V.defaultOptions=Ts;V.moduleName=Ne;V.folderName=De;V.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=V;import{jsx as Ks}from"react/jsx-runtime";var Ti="k-checkbox-list",Os=[],Rs={},Oi={layout:"vertical"},B=e=>{let{layout:t=Oi.layout,...o}=e;return Ks("ul",{...o,className:s(e.className,Ti,{[`k-list-${t}`]:t}),children:e.children})};B.states=Os;B.options=Rs;B.className=Ti;B.defaultOptions=Oi;B.moduleName=Ne;B.folderName=De;import{jsx as ws}from"react/jsx-runtime";var Ri="k-checkbox-list-item",_s=[],Ps={},Hs={},U=e=>{let{...t}=e;return ws("li",{...t,className:s(e.className,Ri),children:e.children})};U.states=_s;U.options=Ps;U.className=Ri;U.defaultOptions=Hs;U.moduleName=Ne;U.folderName=De;import{Fragment as zs,jsx as Ki,jsxs as Ds}from"react/jsx-runtime";var re=({children:e="Label",id:t="cb-label-after",...o})=>Ds(zs,{children:[Ki(Q,{id:t,...o}),Ki("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Yh,jsx as Wh,jsxs as Qh}from"react/jsx-runtime";import{Fragment as ob,jsx as tb,jsxs as ib}from"react/jsx-runtime";import{Fragment as lb,jsx as rb,jsxs as cb}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";import{jsx as xb}from"react/jsx-runtime";import{jsx as Ab}from"react/jsx-runtime";import{jsx as $,jsxs as _i}from"react/jsx-runtime";var Bs=B.options,Us=B.states,Vs={...B.defaultOptions,variant:"vertical"},Fs=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gs=[],Be=e=>{let{variant:t,...o}=e;return t==="horizontal"?_i(B,{layout:"horizontal",...o,children:[$(U,{children:$(re,{id:H("cb"),defaultChecked:!0,children:"Label"})}),$(U,{children:$(re,{id:H("cb"),children:"Label"})}),$(U,{children:$(re,{id:H("cb"),children:"Label"})})]}):_i(B,{...o,children:[$(U,{children:$(re,{id:H("cb"),defaultChecked:!0,children:"Label"})}),$(U,{children:$(re,{id:H("cb"),children:"Label"})}),$(U,{children:$(re,{id:H("cb"),children:"Label"})})]})};Be.options=Bs;Be.states=Us;Be.variants=Fs;Be.defaultOptions=Vs;Be.modifiers=Gs;Be.className=B.className;import{jsx as Ys}from"react/jsx-runtime";var $s=Q.options,Xs=Q.states,qs=Q.defaultOptions,Js=[],Ws=[],Ue=e=>Ys(re,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});Ue.options=$s;Ue.states=Xs;Ue.variants=Js;Ue.defaultOptions=qs;Ue.modifiers=Ws;Ue.className=Q.className;import{jsx as ve,jsxs as er}from"react/jsx-runtime";var No="k-list-item",Qs=[a.hover,a.focus,a.selected,a.disabled],Zs={},js={},k=e=>{let{text:t,groupLabel:o,group:n,iconName:i,iconClassName:r,showCheckbox:c,checked:p,hover:u,focus:f,selected:x,disabled:N,actions:L,description:C,id:P,...I}=e,S=t||e.children;return er("li",{...I,id:P,role:n?"presentation":"option",tabIndex:n?void 0:f?0:-1,"aria-selected":!n&&x?"true":n?void 0:"false","aria-disabled":!n&&N?"true":void 0,className:s(e.className,n?"k-list-group-item":No,y(No,{hover:u,focus:f,disabled:N,selected:x})),children:[c&&ve(V,{checked:p}),i&&ve("span",{className:"k-list-item-icon-wrapper",children:ve(b,{icon:i,className:s("k-list-item-icon",r)})}),ve("span",{className:"k-list-item-text",children:S}),L&&ve("div",{className:"k-list-item-actions",children:L}),C&&ve("span",{className:"k-list-item-description",children:C}),o&&o!==""&&ve("div",{className:"k-list-item-group-label",children:o})]})};k.states=Qs;k.options=Zs;k.className=No;k.defaultOptions=js;k.moduleName=xe;k.folderName=we;k.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as or}from"react/jsx-runtime";var tr="k-list-ul",st=e=>{let{children:t,role:o,id:n,...i}=e;return or("ul",{...i,id:n,role:o,className:s(tr,e.className),children:t})};st.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as vo,jsxs as nr}from"react/jsx-runtime";var ir="k-list-content",Z=e=>{let{virtualization:t,grouping:o,"aria-label":n,"aria-labelledby":i,listboxId:r,...c}=e;return nr("div",{...c,className:s(ir,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?n:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:vo(st,{role:"listbox",id:r,"aria-label":n,"aria-labelledby":i,children:e.children}),t&&vo("div",{className:"k-height-container",children:vo("div",{})})]})};Z.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{jsx as Lo,jsxs as lr}from"react/jsx-runtime";var It="k-list-sticky-header",ar=[a.hover,a.focus,a.selected],sr={},rr={},St=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:n,indeterminate:i,hover:r,focus:c,selected:p,...u}=e;return Lo("div",{...u,className:s(It,e.className),children:lr("div",{className:s(`${It}-item`,y(`${It}-item`,{hover:r,focus:c,selected:p})),children:[o&&Lo(V,{checked:n,indeterminate:i,"aria-label":t}),Lo("span",{className:"k-list-item-text",children:t})]})})};St.states=ar;St.options=sr;St.className=It;St.defaultOptions=rr;import{Fragment as hx,jsx as fx,jsxs as bx}from"react/jsx-runtime";import{jsx as Ao,jsxs as pr}from"react/jsx-runtime";var cr="k-list-group-item",Co=e=>{let{groupIconName:t,...o}=e;return pr("li",{...o,role:"presentation",className:s(cr,e.className),children:[t&&Ao("span",{className:"k-list-item-icon-wrapper",children:Ao(b,{icon:t,className:"k-list-item-icon"})}),Ao("span",{className:"k-list-item-text",children:e.children})]})};Co.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as fr}from"react/jsx-runtime";var ko="k-list-optionlabel",dr=[a.hover,a.focus,a.selected,a.disabled],mr={},ur={},yt=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:r,...c}=e;return fr("div",{...c,className:s(ko,y(ko,{hover:o,focus:n,selected:i,disabled:r})),children:t})};yt.states=dr;yt.options=mr;yt.className=ko;yt.defaultOptions=ur;import{jsx as Nr}from"react/jsx-runtime";var go="k-list-custom-value",hr=[a.hover,a.focus,a.selected,a.disabled],br={},xr={},Ve=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:r,...c}=e;return Nr("div",{...c,className:s(go,y(go,{hover:o,focus:n,selected:i,disabled:r})),children:t})};Ve.states=hr;Ve.options=br;Ve.className=go;Ve.defaultOptions=xr;import{Fragment as Rx,jsx as Ox,jsxs as Kx}from"react/jsx-runtime";import{Fragment as Dx,jsx as zx,jsxs as Bx}from"react/jsx-runtime";import{Fragment as qx,jsx as $x,jsxs as Xx}from"react/jsx-runtime";import{Fragment as eN,jsx as Zx,jsxs as jx}from"react/jsx-runtime";import{jsx as nN}from"react/jsx-runtime";import{Fragment as pN,jsx as cN,jsxs as dN}from"react/jsx-runtime";var Io="multiselect",Pi=Io;import{Fragment as Mt,jsx as g,jsxs as Fe}from"react/jsx-runtime";var Hi="k-multiselect",vr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Lr={size:[l.undefined,l.small,l.medium,l.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wi={separators:!0},F=e=>{let{size:t,rounded:o,fillMode:n,separators:i=wi.separators,prefix:r,suffix:c,value:p,placeholder:u,tags:f,popup:x,showArrowButton:N,hover:L,focus:C,valid:P,invalid:I,required:S,loading:M,disabled:O,readonly:le,opened:ce,adaptive:Ge,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:Bi,adaptiveCustomValue:Ui,id:rt,activeDescendant:So,"aria-label":Vi,...Fi}=e,Gi=rt?`${rt}-listbox`:void 0,yo=rt?`${rt}-taglist`:void 0;return Fe(Mt,{children:[Fe(E,{...Fi,size:t,rounded:o,fillMode:n,hover:L,focus:C,valid:P,invalid:I,required:S,loading:M,disabled:O,readonly:le,className:s(e.className,Hi),children:[r&&Fe(Mt,{children:[g(Ce,{children:r}),i&&g(ne,{})]}),Fe("div",{className:"k-input-values",children:[g(T,{size:t,id:yo,children:g(Mt,{children:f})}),g(q,{placeholder:u,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Gi:void 0,"aria-activedescendant":ce&&So?So:void 0,"aria-autocomplete":"list","aria-describedby":f?yo:void 0,"aria-invalid":I?"true":void 0,"aria-busy":M?"true":void 0,"aria-label":Vi,disabled:O,readOnly:le})]}),g(J,{valid:P,invalid:I,loading:M,disabled:O}),g(te,{loading:M,disabled:O}),g(X,{loading:M,disabled:O,readonly:le,value:f?"value":""}),c&&Fe(Mt,{children:[i&&g(ne,{}),g(ke,{children:c})]}),N&&g(v,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),ce&&x&&g(se,{className:"k-list-container k-multiselect-popup",containerRole:"region",containerAriaLabel:"MultiSelect suggestions",children:x}),Ge&&g(R,{adaptive:!0,...$e,header:g(Y,{actionsEnd:g(v,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:u,title:Xe,subtitle:Bi}),children:g("div",{className:"k-list-container",children:g(_,{customValue:Ui?g(Ve,{text:`Use "${p}"`}):void 0,size:"large",children:Fe(Z,{"aria-label":"Options",children:[g(k,{text:"List item"}),g(k,{text:"List item"}),g(k,{text:"List item"})]})})})})]})};F.states=vr;F.options=Lr;F.className=Hi;F.defaultOptions=wi;F.moduleName=Io;F.folderName=Pi;F.ariaSpec={rules:[{selector:".k-multiselect .k-input-inner",attribute:"role=combobox",usage:"Announces the multiselect input."},{selector:".k-multiselect .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the component has a listbox popup."},{selector:".k-multiselect .k-input-inner",attribute:"aria-expanded",usage:"Announces the popup visibility."},{selector:".k-multiselect .k-input-inner",attribute:"aria-label",usage:"Accessible name for the multiselect."},{selector:".k-multiselect .k-input-inner",attribute:"aria-autocomplete=list",usage:"Indicates list filtering capability."},{selector:".k-multiselect .k-input-inner",attribute:"aria-describedby",usage:"Points to the taglist element that contains the selected items."},{selector:".k-multiselect.k-disabled .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the multiselect is disabled."},{selector:".k-multiselect .k-chip-list",attribute:"role=listbox",usage:"The taglist has listbox role for selected items."},{selector:".k-multiselect .k-chip-list",attribute:"aria-label or aria-labelledby",usage:"The taglist needs an accessible name."},{selector:".k-multiselect .k-chip-li