npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.6 → 14.7.0-dev.7 - Mend

@progress/kendo-themes-html 14.7.0-dev.6 → 14.7.0-dev.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/cjs/index.js +8 -8
package/dist/cjs/listbox/demos/listbox.js +1 -1
package/dist/cjs/listbox/listbox.spec.js +1 -1
package/dist/cjs/listbox/templates/listbox-normal.js +1 -1
package/dist/cjs/listbox/templates/listbox-scrollable.js +1 -0
package/dist/esm/index.mjs +8 -8
package/dist/esm/listbox/demos/listbox.mjs +1 -1
package/dist/esm/listbox/listbox.spec.mjs +1 -1
package/dist/esm/listbox/templates/listbox-normal.mjs +1 -1
package/dist/esm/listbox/templates/listbox-scrollable.mjs +1 -0
package/dist/types/listbox/index.d.ts +1 -0
package/dist/types/listbox/listbox.spec.d.ts +2 -0
package/dist/types/listbox/templates/listbox-scrollable.d.ts +4 -0
package/package.json +1 -1
package/src/listbox/index.ts +1 -0
package/src/listbox/listbox.spec.tsx +33 -18
package/src/listbox/templates/listbox-scrollable.tsx +5 -0
package/src/listbox/tests/listbox-actions-scrollable.tsx +39 -0

package/dist/cjs/listbox/demos/listbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Re=Object.create;var dt=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Pe=(t,e)=>{for(var o in e)dt(t,o,{get:e[o],enumerable:!0})},jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let s of He(e))!we.call(t,s)&&s!==o&&dt(t,s,{get:()=>e[s],enumerable:!(a=_e(e,s))\|\|a.enumerable});return t};var te=(t,e,o)=>(o=t!=null?Re(ze(t)):{},jt(e\|\|!t\|\|!t.__esModule?dt(o,"default",{value:t,enumerable:!0}):o,t)),De=t=>jt(dt({},"__esModule",{value:!0}),t);var ii={};Pe(ii,{ListboxDemo:()=>V,default:()=>oi});module.exports=De(ii);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),O=(t,e)=>{let{valid:o,invalid:a,hover:s,focus:p,checked:c,active:d,selected:L,disabled:b,indeterminate:N,loading:C,empty:x,readonly:k,highlighted:R,...U}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":p,"k-checked":c,"k-active":d,"k-selected":L,"k-disabled":b,"k-indeterminate":N&&!c,"k-loading":C,"k-empty":x,"k-readonly":k,"k-highlighted":R},Object.keys(U).reduce((S,B)=>(B.startsWith("k-")?S[B]=U[B]:S[`k-${B}`]=U[B],S),{}))};function ee(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},X={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},z={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 kt={};function u(t){return kt[t]=(kt[t]\|\|0)+1,`k-${t}-${kt[t]}`}var at=require("react/jsx-runtime"),gt="k-font-icon",Ge=[],Ue={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Fe={},rt=t=>{let{size:e,themeColor:o,icon:a,rotate:s,flip:p,...c}=t;return a?(0,at.jsx)("span",{...c,className:i(t.className,gt,_(gt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":p==="h"\|\|p==="both","k-flip-v":p==="v"\|\|p==="both"}),"aria-hidden":"true"}):(0,at.jsx)(at.Fragment,{})};rt.states=Ge;rt.options=Ue;rt.className=gt;rt.defaultOptions=Fe;var oe=rt;var W=require("react/jsx-runtime"),yt="k-svg-icon",$e=[],Ve={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[z.outline,z.solid,z.duotone]},Mt={viewBox:"0 0 24 24",variant:z.outline},lt=t=>{var C,x;let{size:e,themeColor:o,rotate:a,flip:s,viewBox:p=Mt.viewBox,variant:c=Mt.variant,icon:d,...L}=t;if(!d)return(0,W.jsx)(W.Fragment,{});if(d==="none")return(0,W.jsx)("span",{...L,className:i(t.className,yt,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?c&&((C=d.variants)==null?void 0:C[c])\|\|((x=d.variants)==null?void 0:x.outline)\|\|d.content:void 0;return(0,W.jsx)("span",{...L,className:i(t.className,yt,_("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true",children:(0,W.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:p,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};lt.states=$e;lt.options=Ve;lt.className=yt;lt.defaultOptions=Mt;var Ot=lt;var At=te(require("@progress/kendo-svg-icons"));var ie="icon",se="icons";var re=require("react");var ne=require("react"),ae=(0,ne.createContext)({iconsType:"svg"});var w=require("react/jsx-runtime"),pt="k-icon",Xe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),We=[],qe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[z.outline,z.solid,z.duotone]},ut={viewBox:"0 0 24 24",type:"svg",variant:z.outline},E=t=>{let{iconsType:e}=(0,re.useContext)(ae),{size:o,themeColor:a,icon:s,type:p=e\|\|ut.type,rotate:c,flip:d,viewBox:L=ut.viewBox,variant:b=ut.variant,...N}=t;if(!s)return(0,w.jsx)(w.Fragment,{});if((e\|\|p)==="svg"){if(s==="none")return(0,w.jsx)(Ot,{...N,className:i(t.className,pt),icon:s,size:o,variant:b});let x=At[s]?s:Xe(`${s}-icon`);return At[x]?(0,w.jsx)(Ot,{...N,className:i(t.className,pt),icon:At[x],size:o,themeColor:a,rotate:c,flip:d,viewBox:L,variant:b}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(oe,{...N,className:i(t.className,pt),icon:s,size:o,themeColor:a,rotate:c,flip:d})};E.states=We;E.options=qe;E.defaultOptions=ut;E.className=pt;E.moduleName=ie;E.folderName=se;var St="button",le=St;var I=require("react/jsx-runtime"),mt="k-button",Je=["icon-button"],Qe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Ye={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[X.undefined,X.solid,X.flat,X.outline,X.clear,X.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Et={showArrow:!1,arrowIconName:"chevron-down"},h=t=>{let{as:e="button",size:o,rounded:a,fillMode:s,themeColor:p,showArrow:c=Et.showArrow,arrowIconName:d=Et.arrowIconName,variant:L,hover:b,focus:N,active:C,selected:x,disabled:k,togglable:R,ariaDisabled:U,icon:S,endIcon:B,iconSize:Yt,text:ct,iconClassName:Zt,className:Ee,...Te}=t,Ke=S!=null,Be=t.children!==void 0;return(0,I.jsxs)(e,{className:i(Ee,mt,ee(mt,L),_(mt,{size:o,rounded:a,fillMode:s,themeColor:p}),O(mt,{hover:b,focus:N,active:C,disabled:k\|\|U,selected:x}),{"k-icon-button":!ct&&!Be&&Ke}),"aria-pressed":R?x?"true":"false":void 0,...Te,"aria-disabled":U?"true":void 0,disabled:k\|\|void 0,children:[typeof S=="string"&&S&&(0,I.jsx)(E,{className:i(Zt,"k-button-icon"),icon:S,size:Yt}),S&&typeof S!="string"&&(0,I.jsx)(I.Fragment,{children:S}),ct?(0,I.jsxs)(I.Fragment,{children:[ct&&(0,I.jsx)("span",{className:"k-button-text",children:ct}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),typeof B=="string"&&B&&(0,I.jsx)(E,{className:i(Zt,"k-button-icon"),icon:B,size:Yt}),B&&typeof B!="string"&&(0,I.jsx)(I.Fragment,{children:B}),c&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(E,{icon:d})})]})};h.states=Qe;h.options=Ye;h.variants=Je;h.className=mt;h.defaultOptions=Et;h.moduleName=St;h.folderName=le;var ce=require("react/jsx-runtime"),me=t=>(0,ce.jsx)(h,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var pe=require("react/jsx-runtime"),de=t=>(0,pe.jsx)(h,{icon:"folder",children:"Button",...t});var fe=require("react/jsx-runtime"),ue=t=>(0,fe.jsx)(h,{children:"Button",...t});var ft=require("react/jsx-runtime"),Ze=h.options,je=h.states,to={...h.defaultOptions,variant:"text"},eo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oo=[],Y=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,ft.jsx)(me,{...o,icon:"star"});case"icon-and-text":return(0,ft.jsx)(de,{...o,icon:"star",children:"Button"});default:return(0,ft.jsx)(ue,{...o,children:"Button"})}};Y.options=Ze;Y.states=je;Y.variants=eo;Y.defaultOptions=to;Y.modifiers=oo;Y.className=h.className;var xt=te(require("react"));var Tt=require("react/jsx-runtime"),io="k-list-group-sticky-header",Kt=t=>(0,Tt.jsx)("div",{className:i(io,t.className),children:(0,Tt.jsx)("div",{className:"k-list-header-text",children:t.children})});var xe=require("react/jsx-runtime"),so="k-no-data",Bt=t=>{let{live:e,...o}=t;return(0,xe.jsx)("span",{...o,className:i(so,t.className),"aria-live":e?"polite":void 0,children:t.children})};var q="list",Z=q;var j=require("react/jsx-runtime"),Rt="k-list",no=[],ao={size:[n.undefined,n.small,n.medium,n.large]},ro={},g=t=>{var R;let{size:e,virtualization:o,children:a,header:s,selectAll:p,optionLabel:c,customValue:d,noData:L,screenReaders:b,...N}=t,x=xt.default.Children.toArray(a)[0],k=(R=x==null?void 0:x.props)!=null&&R.children?xt.default.Children.count(x.props.children):xt.default.Children.count(a);return(0,j.jsxs)("div",{...N,className:i(t.className,Rt,_(Rt,{size:e}),{"k-virtual-list":o}),children:[c,p,d,s&&(0,j.jsx)(Kt,{children:s}),a\|\|(L!==void 0?L:(0,j.jsx)(Bt,{live:!0,children:"No data found."})),b&&a&&(0,j.jsxs)(Bt,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};g.states=no;g.options=ao;g.className=Rt;g.defaultOptions=ro;g.moduleName=q;g.folderName=Z;var be=require("react/jsx-runtime"),Le="k-list-container",lo=[],mo={},co={},tt=t=>{let{...e}=t;return(0,be.jsx)("div",{...e,className:i(t.className,Le),children:t.children})};tt.states=lo;tt.options=mo;tt.className=Le;tt.defaultOptions=co;tt.moduleName=q;tt.folderName=Z;var J="checkbox",et=J;var _t=require("react/jsx-runtime"),Lt="k-checkbox",po=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],uo={size:[n.undefined,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},fo={},T=t=>{let{id:e,checked:o,indeterminate:a,hover:s,focus:p,disabled:c,invalid:d,valid:L,required:b,size:N,rounded:C,wrapperRole:x,...k}=t;return(0,_t.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,_t.jsx)("input",{...k,id:e,type:"checkbox",defaultChecked:o,required:b,disabled:c\|\|void 0,"aria-invalid":d?"true":void 0,className:i(t.className,Lt,_(Lt,{size:N,rounded:C}),O(Lt,{hover:s,focus:p,disabled:c,invalid:d,valid:L,indeterminate:a,checked:o}))})})};T.states=po;T.options=uo;T.className=Lt;T.defaultOptions=fo;T.moduleName=J;T.folderName=et;var H=T;var Ce=require("react/jsx-runtime"),he="k-checkbox-list",xo=[],Lo={},Ne={layout:"vertical"},y=t=>{let{layout:e=Ne.layout,...o}=t;return(0,Ce.jsx)("ul",{...o,className:i(t.className,he,{[`k-list-${e}`]:e}),children:t.children})};y.states=xo;y.options=Lo;y.className=he;y.defaultOptions=Ne;y.moduleName=J;y.folderName=et;var ve=require("react/jsx-runtime"),Ie="k-checkbox-list-item",bo=[],ho={},No={},M=t=>{let{...e}=t;return(0,ve.jsx)("li",{...e,className:i(t.className,Ie),children:t.children})};M.states=bo;M.options=ho;M.className=Ie;M.defaultOptions=No;M.moduleName=J;M.folderName=et;var Q=require("react/jsx-runtime"),P=({children:t="Label",id:e="cb-label-after",...o})=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(H,{id:e,...o}),(0,Q.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Ht=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var wt=require("react/jsx-runtime");var Co=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var v=require("react/jsx-runtime"),ko=y.options,go=y.states,yo={...y.defaultOptions,variant:"vertical"},Mo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Oo=[],ot=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,v.jsxs)(y,{layout:"horizontal",...o,children:[(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),defaultChecked:!0,children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})})]}):(0,v.jsxs)(y,{...o,children:[(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),defaultChecked:!0,children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})})]})};ot.options=ko;ot.states=go;ot.variants=Mo;ot.defaultOptions=yo;ot.modifiers=Oo;ot.className=y.className;var ke=require("react/jsx-runtime"),Ao=H.options,So=H.states,Eo=H.defaultOptions,To=[],Ko=[],it=t=>(0,ke.jsx)(P,{id:u("checkbox"),...t,defaultChecked:!0,children:"Label"});it.options=Ao;it.states=So;it.variants=To;it.defaultOptions=Eo;it.modifiers=Ko;it.className=H.className;var D=require("react/jsx-runtime"),Pt="k-list-item",Bo=[l.hover,l.focus,l.selected,l.disabled],Ro={},_o={},m=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:s,checked:p,hover:c,focus:d,selected:L,disabled:b,actions:N,description:C,id:x,...k}=t,R=e\|\|t.children,U=e\|\|(typeof R=="string"?R:void 0);return(0,D.jsxs)("li",{...k,id:x,role:"option",tabIndex:d?0:-1,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,className:i(t.className,Pt,O(Pt,{hover:c,focus:d,disabled:b,selected:L})),children:[s&&(0,D.jsx)(T,{checked:p,disabled:b,"aria-label":U,tabIndex:-1}),o&&(0,D.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,D.jsx)(E,{icon:o,className:i("k-list-item-icon",a)})}),(0,D.jsx)("span",{className:"k-list-item-text",children:R}),N&&(0,D.jsx)("div",{className:"k-list-item-actions",children:N}),C&&(0,D.jsx)("span",{className:"k-list-item-description",children:C})]})};m.states=Bo;m.options=Ro;m.className=Pt;m.defaultOptions=_o;m.moduleName=q;m.folderName=Z;var ge=require("react/jsx-runtime"),Ho="k-list-ul",bt=t=>{let{children:e,role:o,id:a,...s}=t;return(0,ge.jsx)("ul",{...s,id:a,role:o,className:i(Ho,t.className),children:e})};var st=require("react/jsx-runtime"),zo="k-list-content",G=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":s,listboxId:p,...c}=t;return(0,st.jsxs)("div",{...c,className:i(zo,t.className),role:o?"listbox":void 0,id:o?p:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?s:void 0,children:[o?t.children:(0,st.jsx)(bt,{role:"listbox",id:p,"aria-label":a,"aria-labelledby":s,children:t.children}),e&&(0,st.jsx)("div",{className:"k-height-container",children:(0,st.jsx)("div",{})})]})};var nt=require("react/jsx-runtime"),ht="k-list-sticky-header",wo=[l.hover,l.focus,l.selected],Po={},Do={},Nt=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:s,hover:p,focus:c,selected:d,...L}=t;return(0,nt.jsx)("div",{...L,className:i(ht,t.className),children:(0,nt.jsxs)("div",{className:i(`${ht}-item`,O(`${ht}-item`,{hover:p,focus:c,selected:d})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":d?"true":"false"},children:[o&&(0,nt.jsx)(T,{checked:a,indeterminate:s,"aria-label":e}),(0,nt.jsx)("span",{className:"k-list-item-text",children:e})]})})};Nt.states=wo;Nt.options=Po;Nt.className=ht;Nt.defaultOptions=Do;var Dt=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var Me=require("react/jsx-runtime"),Gt="k-list-optionlabel",Go=[l.hover,l.focus,l.selected,l.disabled],Uo={},Fo={},Ct=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:p,...c}=t;return(0,Me.jsx)("div",{...c,className:i(Gt,O(Gt,{hover:o,focus:a,selected:s,disabled:p})),children:e})};Ct.states=Go;Ct.options=Uo;Ct.className=Gt;Ct.defaultOptions=Fo;var Oe=require("react/jsx-runtime"),Ut="k-list-custom-value",$o=[l.hover,l.focus,l.selected,l.disabled],Vo={},Xo={},It=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:p,...c}=t;return(0,Oe.jsx)("div",{...c,className:i(Ut,O(Ut,{hover:o,focus:a,selected:s,disabled:p})),children:e})};It.states=$o;It.options=Vo;It.className=Ut;It.defaultOptions=Xo;var Ft=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var qt=require("react/jsx-runtime");var Jt="listbox",Ae=Jt;var F=require("react/jsx-runtime"),Qt="k-listbox",Jo=[l.disabled],Qo={size:[n.undefined,n.small,n.medium,n.large]},Se={actionsPosition:"left"},K=t=>{let{size:e,disabled:o,children:a,actionsPosition:s=Se.actionsPosition,actions:p,dir:c,"aria-label":d,multiselectable:L,id:b,...N}=t,C=b?`${b}-list`:void 0,x={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"};return(0,F.jsxs)("div",{...N,dir:c,className:i(t.className,Qt,O(Qt,{disabled:o}),{[`k-listbox-actions-${s}`]:s}),children:[p&&(0,F.jsx)("div",{className:"k-listbox-actions",role:"toolbar","aria-label":"ListBox actions","aria-controls":C,children:p.map(k=>(0,F.jsx)(h,{icon:{left:c!=="rtl"?"chevron-left":"chevron-right",right:c!=="rtl"?"chevron-right":"chevron-left",to:c!=="rtl"?"chevron-double-right":"chevron-double-left",from:c!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"}[k],size:e,"aria-label":x[k]\|\|k},k))}),(0,F.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,F.jsx)(g,{size:e,children:(0,F.jsx)(G,{"aria-label":d,"aria-multiselectable":L,listboxId:C,children:a})})})]})};K.states=Jo;K.options=Qo;K.className=Qt;K.defaultOptions=Se;K.moduleName=Jt;K.folderName=Ae;var $=require("react/jsx-runtime"),vt=t=>{let e=u("listbox"),o=u("lb-item"),a=u("lb-item"),s=u("lb-item"),p=u("lb-item"),c=u("lb-item"),d=u("lb-item");return(0,$.jsx)(K,{id:e,"aria-label":"Available items",actions:["up","down","left","right","to","from","x"],children:[(0,$.jsx)(m,{id:o,focus:!0,children:"List item 1"},"ListItem1"),(0,$.jsx)(m,{id:a,selected:!0,children:"List item 2"},"ListItem2"),(0,$.jsx)(m,{id:s,children:"List item 3"},"ListItem3"),(0,$.jsx)(m,{id:p,children:"List item 4"},"ListItem4"),(0,$.jsx)(m,{id:c,children:"List item 5"},"ListItem5"),(0,$.jsx)(m,{id:d,children:"List item 6"},"ListItem6")],...t})};var f=require("react/jsx-runtime"),Yo=K.options,Zo=K.states,jo={...K.defaultOptions,variant:"single"},ti=[{name:"single",title:"Single"},{name:"multiple",title:"Multiple"}],ei=[],V=t=>{let{variant:e,...o}={...t};return e==="multiple"?(0,f.jsxs)("div",{className:"k-d-flex",children:[(0,f.jsxs)(vt,{...o,style:{height:"300px",width:"200px"},className:"k-pr-2",actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,f.jsx)(m,{selected:!0,children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"})]}),(0,f.jsxs)(vt,{...t,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","x"],children:[(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{selected:!0,children:"List item"})]})]}):(0,f.jsxs)(vt,{...o,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,f.jsx)(m,{selected:!0,children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"})]})};V.options=Yo;V.states=Zo;V.variants=ti;V.defaultOptions=jo;V.modifiers=ei;V.className=K.className;var oi=V;
1	+ var Re=Object.create;var pt=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var we=(t,e)=>{for(var o in e)pt(t,o,{get:e[o],enumerable:!0})},jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let s of He(e))!Pe.call(t,s)&&s!==o&&pt(t,s,{get:()=>e[s],enumerable:!(a=_e(e,s))\|\|a.enumerable});return t};var te=(t,e,o)=>(o=t!=null?Re(ze(t)):{},jt(e\|\|!t\|\|!t.__esModule?pt(o,"default",{value:t,enumerable:!0}):o,t)),De=t=>jt(pt({},"__esModule",{value:!0}),t);var si={};we(si,{ListboxDemo:()=>V,default:()=>ii});module.exports=De(si);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),S=(t,e)=>{let{valid:o,invalid:a,hover:s,focus:d,checked:p,active:c,selected:u,disabled:h,indeterminate:N,loading:k,empty:b,readonly:E,highlighted:R,...z}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":d,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":N&&!p,"k-loading":k,"k-empty":b,"k-readonly":E,"k-highlighted":R},Object.keys(z).reduce((v,C)=>(C.startsWith("k-")?v[C]=z[C]:v[`k-${C}`]=z[C],v),{}))};function ee(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},X={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},P={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 f(t){return It[t]=(It[t]\|\|0)+1,`k-${t}-${It[t]}`}var at=require("react/jsx-runtime"),gt="k-font-icon",Ge=[],Ue={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Fe={},rt=t=>{let{size:e,themeColor:o,icon:a,rotate:s,flip:d,...p}=t;return a?(0,at.jsx)("span",{...p,className:i(t.className,gt,_(gt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):(0,at.jsx)(at.Fragment,{})};rt.states=Ge;rt.options=Ue;rt.className=gt;rt.defaultOptions=Fe;var oe=rt;var W=require("react/jsx-runtime"),yt="k-svg-icon",$e=[],Ve={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},Ot={viewBox:"0 0 24 24",variant:P.outline},lt=t=>{var k,b;let{size:e,themeColor:o,rotate:a,flip:s,viewBox:d=Ot.viewBox,variant:p=Ot.variant,icon:c,...u}=t;if(!c)return(0,W.jsx)(W.Fragment,{});if(c==="none")return(0,W.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?p&&((k=c.variants)==null?void 0:k[p])\|\|((b=c.variants)==null?void 0:b.outline)\|\|c.content:void 0;return(0,W.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true",children:(0,W.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:t.children})})};lt.states=$e;lt.options=Ve;lt.className=yt;lt.defaultOptions=Ot;var Mt=lt;var St=te(require("@progress/kendo-svg-icons"));var ie="icon",se="icons";var re=require("react");var ne=require("react"),ae=(0,ne.createContext)({iconsType:"svg"});var w=require("react/jsx-runtime"),ut="k-icon",Xe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),We=[],qe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},ft={viewBox:"0 0 24 24",type:"svg",variant:P.outline},T=t=>{let{iconsType:e}=(0,re.useContext)(ae),{size:o,themeColor:a,icon:s,type:d=e\|\|ft.type,rotate:p,flip:c,viewBox:u=ft.viewBox,variant:h=ft.variant,...N}=t;if(!s)return(0,w.jsx)(w.Fragment,{});if((e\|\|d)==="svg"){if(s==="none")return(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:s,size:o,variant:h});let b=St[s]?s:Xe(`${s}-icon`);return St[b]?(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:St[b],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:h}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(oe,{...N,className:i(t.className,ut),icon:s,size:o,themeColor:a,rotate:p,flip:c})};T.states=We;T.options=qe;T.defaultOptions=ft;T.className=ut;T.moduleName=ie;T.folderName=se;var At="button",le=At;var I=require("react/jsx-runtime"),mt="k-button",Je=["icon-button"],Qe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Ye={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[X.undefined,X.solid,X.flat,X.outline,X.clear,X.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Et={showArrow:!1,arrowIconName:"chevron-down"},L=t=>{let{as:e="button",size:o,rounded:a,fillMode:s,themeColor:d,showArrow:p=Et.showArrow,arrowIconName:c=Et.arrowIconName,variant:u,hover:h,focus:N,active:k,selected:b,disabled:E,togglable:R,ariaDisabled:z,icon:v,endIcon:C,iconSize:Yt,text:dt,iconClassName:Zt,className:Ee,...Te}=t,Ke=v!=null,Be=t.children!==void 0;return(0,I.jsxs)(e,{className:i(Ee,mt,ee(mt,u),_(mt,{size:o,rounded:a,fillMode:s,themeColor:d}),S(mt,{hover:h,focus:N,active:k,disabled:E\|\|z,selected:b}),{"k-icon-button":!dt&&!Be&&Ke}),"aria-pressed":R?b?"true":"false":void 0,...Te,"aria-disabled":z?"true":void 0,disabled:E\|\|void 0,children:[typeof v=="string"&&v&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:v,size:Yt}),v&&typeof v!="string"&&(0,I.jsx)(I.Fragment,{children:v}),dt?(0,I.jsxs)(I.Fragment,{children:[dt&&(0,I.jsx)("span",{className:"k-button-text",children:dt}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),typeof C=="string"&&C&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:C,size:Yt}),C&&typeof C!="string"&&(0,I.jsx)(I.Fragment,{children:C}),p&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(T,{icon:c})})]})};L.states=Qe;L.options=Ye;L.variants=Je;L.className=mt;L.defaultOptions=Et;L.moduleName=At;L.folderName=le;var ce=require("react/jsx-runtime"),me=t=>(0,ce.jsx)(L,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var pe=require("react/jsx-runtime"),de=t=>(0,pe.jsx)(L,{icon:"folder",children:"Button",...t});var fe=require("react/jsx-runtime"),ue=t=>(0,fe.jsx)(L,{children:"Button",...t});var xt=require("react/jsx-runtime"),Ze=L.options,je=L.states,to={...L.defaultOptions,variant:"text"},eo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oo=[],Y=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,xt.jsx)(me,{...o,icon:"star"});case"icon-and-text":return(0,xt.jsx)(de,{...o,icon:"star",children:"Button"});default:return(0,xt.jsx)(ue,{...o,children:"Button"})}};Y.options=Ze;Y.states=je;Y.variants=eo;Y.defaultOptions=to;Y.modifiers=oo;Y.className=L.className;var bt=te(require("react"));var Tt=require("react/jsx-runtime"),io="k-list-group-sticky-header",Kt=t=>(0,Tt.jsx)("div",{className:i(io,t.className),children:(0,Tt.jsx)("div",{className:"k-list-header-text",children:t.children})});var xe=require("react/jsx-runtime"),so="k-no-data",Bt=t=>{let{live:e,...o}=t;return(0,xe.jsx)("span",{...o,className:i(so,t.className),"aria-live":e?"polite":void 0,children:t.children})};var q="list",Z=q;var j=require("react/jsx-runtime"),Rt="k-list",no=[],ao={size:[n.undefined,n.small,n.medium,n.large]},ro={},y=t=>{var R;let{size:e,virtualization:o,children:a,header:s,selectAll:d,optionLabel:p,customValue:c,noData:u,screenReaders:h,...N}=t,b=bt.default.Children.toArray(a)[0],E=(R=b==null?void 0:b.props)!=null&&R.children?bt.default.Children.count(b.props.children):bt.default.Children.count(a);return(0,j.jsxs)("div",{...N,className:i(t.className,Rt,_(Rt,{size:e}),{"k-virtual-list":o}),children:[p,d,c,s&&(0,j.jsx)(Kt,{children:s}),a\|\|(u!==void 0?u:(0,j.jsx)(Bt,{live:!0,children:"No data found."})),h&&a&&(0,j.jsxs)(Bt,{className:"k-sr-only",live:!0,children:[E," items found."]})]})};y.states=no;y.options=ao;y.className=Rt;y.defaultOptions=ro;y.moduleName=q;y.folderName=Z;var Le=require("react/jsx-runtime"),be="k-list-container",lo=[],mo={},co={},tt=t=>{let{...e}=t;return(0,Le.jsx)("div",{...e,className:i(t.className,be),children:t.children})};tt.states=lo;tt.options=mo;tt.className=be;tt.defaultOptions=co;tt.moduleName=q;tt.folderName=Z;var J="checkbox",et=J;var _t=require("react/jsx-runtime"),Lt="k-checkbox",po=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],uo={size:[n.undefined,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},fo={},K=t=>{let{id:e,checked:o,indeterminate:a,hover:s,focus:d,disabled:p,invalid:c,valid:u,required:h,size:N,rounded:k,wrapperRole:b,...E}=t;return(0,_t.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,_t.jsx)("input",{...E,id:e,type:"checkbox",defaultChecked:o,required:h,disabled:p\|\|void 0,"aria-invalid":c?"true":void 0,className:i(t.className,Lt,_(Lt,{size:N,rounded:k}),S(Lt,{hover:s,focus:d,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};K.states=po;K.options=uo;K.className=Lt;K.defaultOptions=fo;K.moduleName=J;K.folderName=et;var H=K;var Ce=require("react/jsx-runtime"),he="k-checkbox-list",xo=[],bo={},Ne={layout:"vertical"},O=t=>{let{layout:e=Ne.layout,...o}=t;return(0,Ce.jsx)("ul",{...o,className:i(t.className,he,{[`k-list-${e}`]:e}),children:t.children})};O.states=xo;O.options=bo;O.className=he;O.defaultOptions=Ne;O.moduleName=J;O.folderName=et;var ve=require("react/jsx-runtime"),ke="k-checkbox-list-item",Lo=[],ho={},No={},M=t=>{let{...e}=t;return(0,ve.jsx)("li",{...e,className:i(t.className,ke),children:t.children})};M.states=Lo;M.options=ho;M.className=ke;M.defaultOptions=No;M.moduleName=J;M.folderName=et;var Q=require("react/jsx-runtime"),D=({children:t="Label",id:e="cb-label-after",...o})=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(H,{id:e,...o}),(0,Q.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Ht=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var Co=require("react/jsx-runtime");var ko=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var g=require("react/jsx-runtime"),Io=O.options,go=O.states,yo={...O.defaultOptions,variant:"vertical"},Oo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mo=[],ot=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,g.jsxs)(O,{layout:"horizontal",...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]}):(0,g.jsxs)(O,{...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]})};ot.options=Io;ot.states=go;ot.variants=Oo;ot.defaultOptions=yo;ot.modifiers=Mo;ot.className=O.className;var Ie=require("react/jsx-runtime"),So=H.options,Ao=H.states,Eo=H.defaultOptions,To=[],Ko=[],it=t=>(0,Ie.jsx)(D,{id:f("checkbox"),...t,defaultChecked:!0,children:"Label"});it.options=So;it.states=Ao;it.variants=To;it.defaultOptions=Eo;it.modifiers=Ko;it.className=H.className;var G=require("react/jsx-runtime"),wt="k-list-item",Bo=[l.hover,l.focus,l.selected,l.disabled],Ro={},_o={},m=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:s,checked:d,hover:p,focus:c,selected:u,disabled:h,actions:N,description:k,id:b,...E}=t,R=e\|\|t.children,z=e\|\|(typeof R=="string"?R:void 0);return(0,G.jsxs)("li",{...E,id:b,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":h?"true":void 0,className:i(t.className,wt,S(wt,{hover:p,focus:c,disabled:h,selected:u})),children:[s&&(0,G.jsx)(K,{checked:d,disabled:h,"aria-label":z,tabIndex:-1}),o&&(0,G.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,G.jsx)(T,{icon:o,className:i("k-list-item-icon",a)})}),(0,G.jsx)("span",{className:"k-list-item-text",children:R}),N&&(0,G.jsx)("div",{className:"k-list-item-actions",children:N}),k&&(0,G.jsx)("span",{className:"k-list-item-description",children:k})]})};m.states=Bo;m.options=Ro;m.className=wt;m.defaultOptions=_o;m.moduleName=q;m.folderName=Z;var ge=require("react/jsx-runtime"),Ho="k-list-ul",ht=t=>{let{children:e,role:o,id:a,...s}=t;return(0,ge.jsx)("ul",{...s,id:a,role:o,className:i(Ho,t.className),children:e})};var st=require("react/jsx-runtime"),zo="k-list-content",U=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":s,listboxId:d,...p}=t;return(0,st.jsxs)("div",{...p,className:i(zo,t.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?s:void 0,children:[o?t.children:(0,st.jsx)(ht,{role:"listbox",id:d,"aria-label":a,"aria-labelledby":s,children:t.children}),e&&(0,st.jsx)("div",{className:"k-height-container",children:(0,st.jsx)("div",{})})]})};var nt=require("react/jsx-runtime"),Nt="k-list-sticky-header",Po=[l.hover,l.focus,l.selected],wo={},Do={},Ct=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:s,hover:d,focus:p,selected:c,...u}=t;return(0,nt.jsx)("div",{...u,className:i(Nt,t.className),children:(0,nt.jsxs)("div",{className:i(`${Nt}-item`,S(`${Nt}-item`,{hover:d,focus:p,selected:c})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,nt.jsx)(K,{checked:a,indeterminate:s,"aria-label":e}),(0,nt.jsx)("span",{className:"k-list-item-text",children:e})]})})};Ct.states=Po;Ct.options=wo;Ct.className=Nt;Ct.defaultOptions=Do;var Dt=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Gt="k-list-optionlabel",Go=[l.hover,l.focus,l.selected,l.disabled],Uo={},Fo={},kt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Oe.jsx)("div",{...p,className:i(Gt,S(Gt,{hover:o,focus:a,selected:s,disabled:d})),children:e})};kt.states=Go;kt.options=Uo;kt.className=Gt;kt.defaultOptions=Fo;var Me=require("react/jsx-runtime"),Ut="k-list-custom-value",$o=[l.hover,l.focus,l.selected,l.disabled],Vo={},Xo={},vt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Me.jsx)("div",{...p,className:i(Ut,S(Ut,{hover:o,focus:a,selected:s,disabled:d})),children:e})};vt.states=$o;vt.options=Vo;vt.className=Ut;vt.defaultOptions=Xo;var Ft=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var qt=require("react/jsx-runtime");var Jt="listbox",Se=Jt;var F=require("react/jsx-runtime"),Qt="k-listbox",Jo=[l.disabled],Qo={size:[n.undefined,n.small,n.medium,n.large]},Ae={actionsPosition:"left"},B=t=>{let{size:e,disabled:o,children:a,actionsPosition:s=Ae.actionsPosition,actions:d,actionsScrollable:p,actionsScrollingPosition:c,dir:u,"aria-label":h,multiselectable:N,id:k,...b}=t,E=k?`${k}-list`:void 0,R={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"},z={left:u!=="rtl"?"chevron-left":"chevron-right",right:u!=="rtl"?"chevron-right":"chevron-left",to:u!=="rtl"?"chevron-double-right":"chevron-double-left",from:u!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"},v=d==null?void 0:d.map(C=>(0,F.jsx)(L,{icon:z[C],size:e,"aria-label":R[C]\|\|C},C));return(0,F.jsxs)("div",{...b,dir:u,className:i(t.className,Qt,S(Qt,{disabled:o}),{[`k-listbox-actions-${s}`]:s}),children:[d&&(0,F.jsx)("div",{className:i("k-listbox-actions",{"k-listbox-actions-scrollable":p,"k-listbox-actions-scrollable-start":p&&c==="start","k-listbox-actions-scrollable-end":p&&c==="end"}),role:"toolbar","aria-label":"ListBox actions","aria-controls":E,children:p?(0,F.jsx)("div",{className:"k-listbox-actions-items",children:v}):v}),(0,F.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,F.jsx)(y,{size:e,children:(0,F.jsx)(U,{"aria-label":h,"aria-multiselectable":N,listboxId:E,children:a})})})]})};B.states=Jo;B.options=Qo;B.className=Qt;B.defaultOptions=Ae;B.moduleName=Jt;B.folderName=Se;var Yo=require("react/jsx-runtime");var $=require("react/jsx-runtime"),ct=t=>{let e=f("listbox"),o=f("lb-item"),a=f("lb-item"),s=f("lb-item"),d=f("lb-item"),p=f("lb-item"),c=f("lb-item");return(0,$.jsx)(B,{id:e,"aria-label":"Available items",actions:["up","down","left","right","to","from","x"],children:[(0,$.jsx)(m,{id:o,focus:!0,children:"List item 1"},"ListItem1"),(0,$.jsx)(m,{id:a,selected:!0,children:"List item 2"},"ListItem2"),(0,$.jsx)(m,{id:s,children:"List item 3"},"ListItem3"),(0,$.jsx)(m,{id:d,children:"List item 4"},"ListItem4"),(0,$.jsx)(m,{id:p,children:"List item 5"},"ListItem5"),(0,$.jsx)(m,{id:c,children:"List item 6"},"ListItem6")],...t})};var x=require("react/jsx-runtime"),Zo=B.options,jo=B.states,ti={...B.defaultOptions,variant:"single"},ei=[{name:"single",title:"Single"},{name:"multiple",title:"Multiple"}],oi=[],V=t=>{let{variant:e,...o}={...t};return e==="multiple"?(0,x.jsxs)("div",{className:"k-d-flex",children:[(0,x.jsxs)(ct,{...o,style:{height:"300px",width:"200px"},className:"k-pr-2",actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]}),(0,x.jsxs)(ct,{...t,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","x"],children:[(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{selected:!0,children:"List item"})]})]}):(0,x.jsxs)(ct,{...o,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]})};V.options=Zo;V.states=jo;V.variants=ei;V.defaultOptions=ti;V.modifiers=oi;V.className=B.className;var ii=V;

package/dist/cjs/listbox/listbox.spec.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Se=Object.create;var lt=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var Ke=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Be=(t,e)=>{for(var o in e)lt(t,o,{get:e[o],enumerable:!0})},Jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let n of Ke(e))!_e.call(t,n)&&n!==o&&lt(t,n,{get:()=>e[n],enumerable:!(a=Te(e,n))\|\|a.enumerable});return t};var Qt=(t,e,o)=>(o=t!=null?Se(Re(t)):{},Jt(e\|\|!t\|\|!t.__esModule?lt(o,"default",{value:t,enumerable:!0}):o,t)),He=t=>Jt(lt({},"__esModule",{value:!0}),t);var qo={};Be(qo,{LISTBOX_CLASSNAME:()=>Ct,ListBox:()=>U,default:()=>Wo});module.exports=He(qo);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var R=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),y=(t,e)=>{let{valid:o,invalid:a,hover:n,focus:d,checked:c,active:m,selected:u,disabled:f,indeterminate:x,loading:L,empty:p,readonly:N,highlighted:K,...D}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":d,"k-checked":c,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":x&&!c,"k-loading":L,"k-empty":p,"k-readonly":N,"k-highlighted":K},Object.keys(D).reduce((O,S)=>(S.startsWith("k-")?O[S]=D[S]:O[`k-${S}`]=D[S],O),{}))};function Yt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},M={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},F={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},B={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 Nt={};function v(t){return Nt[t]=(Nt[t]\|\|0)+1,`k-${t}-${Nt[t]}`}var it=require("react/jsx-runtime"),vt="k-font-icon",ze=[],Pe={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},we={},st=t=>{let{size:e,themeColor:o,icon:a,rotate:n,flip:d,...c}=t;return a?(0,it.jsx)("span",{...c,className:i(t.className,vt,R(vt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):(0,it.jsx)(it.Fragment,{})};st.states=ze;st.options=Pe;st.className=vt;st.defaultOptions=we;var Zt=st;var $=require("react/jsx-runtime"),kt="k-svg-icon",De=[],Ge={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[B.outline,B.solid,B.duotone]},gt={viewBox:"0 0 24 24",variant:B.outline},nt=t=>{var L,p;let{size:e,themeColor:o,rotate:a,flip:n,viewBox:d=gt.viewBox,variant:c=gt.variant,icon:m,...u}=t;if(!m)return(0,$.jsx)($.Fragment,{});if(m==="none")return(0,$.jsx)("span",{...u,className:i(t.className,kt,R("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?c&&((L=m.variants)==null?void 0:L[c])\|\|((p=m.variants)==null?void 0:p.outline)\|\|m.content:void 0;return(0,$.jsx)("span",{...u,className:i(t.className,kt,R("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,$.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:d,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:t.children})})};nt.states=De;nt.options=Ge;nt.className=kt;nt.defaultOptions=gt;var It=nt;var yt=Qt(require("@progress/kendo-svg-icons"));var jt="icon",te="icons";var ie=require("react");var ee=require("react"),oe=(0,ee.createContext)({iconsType:"svg"});var H=require("react/jsx-runtime"),ct="k-icon",Ue=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Fe=[],$e={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[B.outline,B.solid,B.duotone]},mt={viewBox:"0 0 24 24",type:"svg",variant:B.outline},A=t=>{let{iconsType:e}=(0,ie.useContext)(oe),{size:o,themeColor:a,icon:n,type:d=e\|\|mt.type,rotate:c,flip:m,viewBox:u=mt.viewBox,variant:f=mt.variant,...x}=t;if(!n)return(0,H.jsx)(H.Fragment,{});if((e\|\|d)==="svg"){if(n==="none")return(0,H.jsx)(It,{...x,className:i(t.className,ct),icon:n,size:o,variant:f});let p=yt[n]?n:Ue(`${n}-icon`);return yt[p]?(0,H.jsx)(It,{...x,className:i(t.className,ct),icon:yt[p],size:o,themeColor:a,rotate:c,flip:m,viewBox:u,variant:f}):(0,H.jsx)(H.Fragment,{})}return(0,H.jsx)(Zt,{...x,className:i(t.className,ct),icon:n,size:o,themeColor:a,rotate:c,flip:m})};A.states=Fe;A.options=$e;A.defaultOptions=mt;A.className=ct;A.moduleName=jt;A.folderName=te;var Mt="button",se=Mt;var h=require("react/jsx-runtime"),at="k-button",Ve=["icon-button"],Xe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],We={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[M.undefined,M.none,M.small,M.medium,M.large,M.full],fillMode:[F.undefined,F.solid,F.flat,F.outline,F.clear,F.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Ot={showArrow:!1,arrowIconName:"chevron-down"},b=t=>{let{as:e="button",size:o,rounded:a,fillMode:n,themeColor:d,showArrow:c=Ot.showArrow,arrowIconName:m=Ot.arrowIconName,variant:u,hover:f,focus:x,active:L,selected:p,disabled:N,togglable:K,ariaDisabled:D,icon:O,endIcon:S,iconSize:Wt,text:rt,iconClassName:qt,className:Me,...Oe}=t,Ae=O!=null,Ee=t.children!==void 0;return(0,h.jsxs)(e,{className:i(Me,at,Yt(at,u),R(at,{size:o,rounded:a,fillMode:n,themeColor:d}),y(at,{hover:f,focus:x,active:L,disabled:N\|\|D,selected:p}),{"k-icon-button":!rt&&!Ee&&Ae}),"aria-pressed":K?p?"true":"false":void 0,...Oe,"aria-disabled":D?"true":void 0,disabled:N\|\|void 0,children:[typeof O=="string"&&O&&(0,h.jsx)(A,{className:i(qt,"k-button-icon"),icon:O,size:Wt}),O&&typeof O!="string"&&(0,h.jsx)(h.Fragment,{children:O}),rt?(0,h.jsxs)(h.Fragment,{children:[rt&&(0,h.jsx)("span",{className:"k-button-text",children:rt}),t.children]}):t.children&&(0,h.jsx)("span",{className:"k-button-text",children:t.children}),typeof S=="string"&&S&&(0,h.jsx)(A,{className:i(qt,"k-button-icon"),icon:S,size:Wt}),S&&typeof S!="string"&&(0,h.jsx)(h.Fragment,{children:S}),c&&(0,h.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,h.jsx)(A,{icon:m})})]})};b.states=Xe;b.options=We;b.variants=Ve;b.className=at;b.defaultOptions=Ot;b.moduleName=Mt;b.folderName=se;var ae=require("react/jsx-runtime"),ne=t=>(0,ae.jsx)(b,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var le=require("react/jsx-runtime"),re=t=>(0,le.jsx)(b,{icon:"folder",children:"Button",...t});var me=require("react/jsx-runtime"),ce=t=>(0,me.jsx)(b,{children:"Button",...t});var dt=require("react/jsx-runtime"),qe=b.options,Je=b.states,Qe={...b.defaultOptions,variant:"text"},Ye=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ze=[],q=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,dt.jsx)(ne,{...o,icon:"star"});case"icon-and-text":return(0,dt.jsx)(re,{...o,icon:"star",children:"Button"});default:return(0,dt.jsx)(ce,{...o,children:"Button"})}};q.options=qe;q.states=Je;q.variants=Ye;q.defaultOptions=Qe;q.modifiers=Ze;q.className=b.className;var pt=Qt(require("react"));var At=require("react/jsx-runtime"),je="k-list-group-sticky-header",Et=t=>(0,At.jsx)("div",{className:i(je,t.className),children:(0,At.jsx)("div",{className:"k-list-header-text",children:t.children})});var de=require("react/jsx-runtime"),to="k-no-data",St=t=>{let{live:e,...o}=t;return(0,de.jsx)("span",{...o,className:i(to,t.className),"aria-live":e?"polite":void 0,children:t.children})};var V="list",J=V;var Q=require("react/jsx-runtime"),Tt="k-list",eo=[],oo={size:[s.undefined,s.small,s.medium,s.large]},io={},k=t=>{var K;let{size:e,virtualization:o,children:a,header:n,selectAll:d,optionLabel:c,customValue:m,noData:u,screenReaders:f,...x}=t,p=pt.default.Children.toArray(a)[0],N=(K=p==null?void 0:p.props)!=null&&K.children?pt.default.Children.count(p.props.children):pt.default.Children.count(a);return(0,Q.jsxs)("div",{...x,className:i(t.className,Tt,R(Tt,{size:e}),{"k-virtual-list":o}),children:[c,d,m,n&&(0,Q.jsx)(Et,{children:n}),a\|\|(u!==void 0?u:(0,Q.jsx)(St,{live:!0,children:"No data found."})),f&&a&&(0,Q.jsxs)(St,{className:"k-sr-only",live:!0,children:[N," items found."]})]})};k.states=eo;k.options=oo;k.className=Tt;k.defaultOptions=io;k.moduleName=V;k.folderName=J;var ue=require("react/jsx-runtime"),pe="k-list-container",so=[],no={},ao={},Y=t=>{let{...e}=t;return(0,ue.jsx)("div",{...e,className:i(t.className,pe),children:t.children})};Y.states=so;Y.options=no;Y.className=pe;Y.defaultOptions=ao;Y.moduleName=V;Y.folderName=J;var X="checkbox",Z=X;var Kt=require("react/jsx-runtime"),ut="k-checkbox",ro=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],lo={size:[s.undefined,s.small,s.medium,s.large],rounded:[M.undefined,M.none,M.small,M.medium,M.large,M.full]},co={},E=t=>{let{id:e,checked:o,indeterminate:a,hover:n,focus:d,disabled:c,invalid:m,valid:u,required:f,size:x,rounded:L,wrapperRole:p,...N}=t;return(0,Kt.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,Kt.jsx)("input",{...N,id:e,type:"checkbox",defaultChecked:o,required:f,disabled:c\|\|void 0,"aria-invalid":m?"true":void 0,className:i(t.className,ut,R(ut,{size:x,rounded:L}),y(ut,{hover:n,focus:d,disabled:c,invalid:m,valid:u,indeterminate:a,checked:o}))})})};E.states=ro;E.options=lo;E.className=ut;E.defaultOptions=co;E.moduleName=X;E.folderName=Z;var _=E;var xe=require("react/jsx-runtime"),fe="k-checkbox-list",mo=[],po={},be={layout:"vertical"},g=t=>{let{layout:e=be.layout,...o}=t;return(0,xe.jsx)("ul",{...o,className:i(t.className,fe,{[`k-list-${e}`]:e}),children:t.children})};g.states=mo;g.options=po;g.className=fe;g.defaultOptions=be;g.moduleName=X;g.folderName=Z;var he=require("react/jsx-runtime"),Le="k-checkbox-list-item",uo=[],fo={},bo={},I=t=>{let{...e}=t;return(0,he.jsx)("li",{...e,className:i(t.className,Le),children:t.children})};I.states=uo;I.options=fo;I.className=Le;I.defaultOptions=bo;I.moduleName=X;I.folderName=Z;var W=require("react/jsx-runtime"),z=({children:t="Label",id:e="cb-label-after",...o})=>(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(_,{id:e,...o}),(0,W.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Rt=require("react/jsx-runtime");var _t=require("react/jsx-runtime");var Bt=require("react/jsx-runtime");var xo=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var ho=require("react/jsx-runtime");var C=require("react/jsx-runtime"),Co=g.options,No=g.states,vo={...g.defaultOptions,variant:"vertical"},ko=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],go=[],j=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,C.jsxs)(g,{layout:"horizontal",...o,children:[(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),children:"Label"})}),(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),children:"Label"})})]}):(0,C.jsxs)(g,{...o,children:[(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),children:"Label"})}),(0,C.jsx)(I,{children:(0,C.jsx)(z,{id:v("cb"),children:"Label"})})]})};j.options=Co;j.states=No;j.variants=ko;j.defaultOptions=vo;j.modifiers=go;j.className=g.className;var Ce=require("react/jsx-runtime"),Io=_.options,yo=_.states,Mo=_.defaultOptions,Oo=[],Ao=[],tt=t=>(0,Ce.jsx)(z,{id:v("checkbox"),...t,defaultChecked:!0,children:"Label"});tt.options=Io;tt.states=yo;tt.variants=Oo;tt.defaultOptions=Mo;tt.modifiers=Ao;tt.className=_.className;var P=require("react/jsx-runtime"),Ht="k-list-item",Eo=[l.hover,l.focus,l.selected,l.disabled],So={},To={},T=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:n,checked:d,hover:c,focus:m,selected:u,disabled:f,actions:x,description:L,id:p,...N}=t,K=e\|\|t.children,D=e\|\|(typeof K=="string"?K:void 0);return(0,P.jsxs)("li",{...N,id:p,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:i(t.className,Ht,y(Ht,{hover:c,focus:m,disabled:f,selected:u})),children:[n&&(0,P.jsx)(E,{checked:d,disabled:f,"aria-label":D,tabIndex:-1}),o&&(0,P.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,P.jsx)(A,{icon:o,className:i("k-list-item-icon",a)})}),(0,P.jsx)("span",{className:"k-list-item-text",children:K}),x&&(0,P.jsx)("div",{className:"k-list-item-actions",children:x}),L&&(0,P.jsx)("span",{className:"k-list-item-description",children:L})]})};T.states=Eo;T.options=So;T.className=Ht;T.defaultOptions=To;T.moduleName=V;T.folderName=J;var Ne=require("react/jsx-runtime"),Ko="k-list-ul",ft=t=>{let{children:e,role:o,id:a,...n}=t;return(0,Ne.jsx)("ul",{...n,id:a,role:o,className:i(Ko,t.className),children:e})};var et=require("react/jsx-runtime"),Ro="k-list-content",w=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:d,...c}=t;return(0,et.jsxs)("div",{...c,className:i(Ro,t.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?t.children:(0,et.jsx)(ft,{role:"listbox",id:d,"aria-label":a,"aria-labelledby":n,children:t.children}),e&&(0,et.jsx)("div",{className:"k-height-container",children:(0,et.jsx)("div",{})})]})};var ot=require("react/jsx-runtime"),bt="k-list-sticky-header",_o=[l.hover,l.focus,l.selected],Bo={},Ho={},xt=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:d,focus:c,selected:m,...u}=t;return(0,ot.jsx)("div",{...u,className:i(bt,t.className),children:(0,ot.jsxs)("div",{className:i(`${bt}-item`,y(`${bt}-item`,{hover:d,focus:c,selected:m})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&(0,ot.jsx)(E,{checked:a,indeterminate:n,"aria-label":e}),(0,ot.jsx)("span",{className:"k-list-item-text",children:e})]})})};xt.states=_o;xt.options=Bo;xt.className=bt;xt.defaultOptions=Ho;var zt=require("react/jsx-runtime");var ve=require("react/jsx-runtime");var ke=require("react/jsx-runtime"),Pt="k-list-optionlabel",zo=[l.hover,l.focus,l.selected,l.disabled],Po={},wo={},Lt=t=>{let{text:e,hover:o,focus:a,selected:n,disabled:d,...c}=t;return(0,ke.jsx)("div",{...c,className:i(Pt,y(Pt,{hover:o,focus:a,selected:n,disabled:d})),children:e})};Lt.states=zo;Lt.options=Po;Lt.className=Pt;Lt.defaultOptions=wo;var ge=require("react/jsx-runtime"),wt="k-list-custom-value",Do=[l.hover,l.focus,l.selected,l.disabled],Go={},Uo={},ht=t=>{let{text:e,hover:o,focus:a,selected:n,disabled:d,...c}=t;return(0,ge.jsx)("div",{...c,className:i(wt,y(wt,{hover:o,focus:a,selected:n,disabled:d})),children:e})};ht.states=Do;ht.options=Go;ht.className=wt;ht.defaultOptions=Uo;var Dt=require("react/jsx-runtime");var Gt=require("react/jsx-runtime");var Ut=require("react/jsx-runtime");var Ft=require("react/jsx-runtime");var $o=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt="listbox",Ie=Xt;var G=require("react/jsx-runtime"),Ct="k-listbox",Vo=[l.disabled],Xo={size:[s.undefined,s.small,s.medium,s.large]},ye={actionsPosition:"left"},U=t=>{let{size:e,disabled:o,children:a,actionsPosition:n=ye.actionsPosition,actions:d,dir:c,"aria-label":m,multiselectable:u,id:f,...x}=t,L=f?`${f}-list`:void 0,p={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"};return(0,G.jsxs)("div",{...x,dir:c,className:i(t.className,Ct,y(Ct,{disabled:o}),{[`k-listbox-actions-${n}`]:n}),children:[d&&(0,G.jsx)("div",{className:"k-listbox-actions",role:"toolbar","aria-label":"ListBox actions","aria-controls":L,children:d.map(N=>(0,G.jsx)(b,{icon:{left:c!=="rtl"?"chevron-left":"chevron-right",right:c!=="rtl"?"chevron-right":"chevron-left",to:c!=="rtl"?"chevron-double-right":"chevron-double-left",from:c!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"}[N],size:e,"aria-label":p[N]\|\|N},N))}),(0,G.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,G.jsx)(k,{size:e,children:(0,G.jsx)(w,{"aria-label":m,"aria-multiselectable":u,listboxId:L,children:a})})})]})};U.states=Vo;U.options=Xo;U.className=Ct;U.defaultOptions=ye;U.moduleName=Xt;U.folderName=Ie;var Wo=U;
1	+ var Ee=Object.create;var lt=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var Ke=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Be=(t,e)=>{for(var o in e)lt(t,o,{get:e[o],enumerable:!0})},Jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let n of Ke(e))!_e.call(t,n)&&n!==o&&lt(t,n,{get:()=>e[n],enumerable:!(a=Te(e,n))\|\|a.enumerable});return t};var Qt=(t,e,o)=>(o=t!=null?Ee(Re(t)):{},Jt(e\|\|!t\|\|!t.__esModule?lt(o,"default",{value:t,enumerable:!0}):o,t)),He=t=>Jt(lt({},"__esModule",{value:!0}),t);var qo={};Be(qo,{LISTBOX_CLASSNAME:()=>Ct,ListBox:()=>U,default:()=>Wo});module.exports=He(qo);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var R=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),M=(t,e)=>{let{valid:o,invalid:a,hover:n,focus:m,checked:d,active:c,selected:p,disabled:b,indeterminate:x,loading:h,empty:u,readonly:S,highlighted:T,...B}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":m,"k-checked":d,"k-active":c,"k-selected":p,"k-disabled":b,"k-indeterminate":x&&!d,"k-loading":h,"k-empty":u,"k-readonly":S,"k-highlighted":T},Object.keys(B).reduce((C,L)=>(L.startsWith("k-")?C[L]=B[L]:C[`k-${L}`]=B[L],C),{}))};function Yt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},O={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},F={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},H={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 Nt={};function v(t){return Nt[t]=(Nt[t]\|\|0)+1,`k-${t}-${Nt[t]}`}var it=require("react/jsx-runtime"),kt="k-font-icon",ze=[],Pe={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},we={},st=t=>{let{size:e,themeColor:o,icon:a,rotate:n,flip:m,...d}=t;return a?(0,it.jsx)("span",{...d,className:i(t.className,kt,R(kt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":m==="h"\|\|m==="both","k-flip-v":m==="v"\|\|m==="both"}),"aria-hidden":"true"}):(0,it.jsx)(it.Fragment,{})};st.states=ze;st.options=Pe;st.className=kt;st.defaultOptions=we;var Zt=st;var $=require("react/jsx-runtime"),vt="k-svg-icon",De=[],Ge={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[H.outline,H.solid,H.duotone]},gt={viewBox:"0 0 24 24",variant:H.outline},nt=t=>{var h,u;let{size:e,themeColor:o,rotate:a,flip:n,viewBox:m=gt.viewBox,variant:d=gt.variant,icon:c,...p}=t;if(!c)return(0,$.jsx)($.Fragment,{});if(c==="none")return(0,$.jsx)("span",{...p,className:i(t.className,vt,R("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?d&&((h=c.variants)==null?void 0:h[d])\|\|((u=c.variants)==null?void 0:u.outline)\|\|c.content:void 0;return(0,$.jsx)("span",{...p,className:i(t.className,vt,R("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,$.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:m,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:t.children})})};nt.states=De;nt.options=Ge;nt.className=vt;nt.defaultOptions=gt;var It=nt;var yt=Qt(require("@progress/kendo-svg-icons"));var jt="icon",te="icons";var ie=require("react");var ee=require("react"),oe=(0,ee.createContext)({iconsType:"svg"});var z=require("react/jsx-runtime"),ct="k-icon",Ue=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Fe=[],$e={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[H.outline,H.solid,H.duotone]},mt={viewBox:"0 0 24 24",type:"svg",variant:H.outline},A=t=>{let{iconsType:e}=(0,ie.useContext)(oe),{size:o,themeColor:a,icon:n,type:m=e\|\|mt.type,rotate:d,flip:c,viewBox:p=mt.viewBox,variant:b=mt.variant,...x}=t;if(!n)return(0,z.jsx)(z.Fragment,{});if((e\|\|m)==="svg"){if(n==="none")return(0,z.jsx)(It,{...x,className:i(t.className,ct),icon:n,size:o,variant:b});let u=yt[n]?n:Ue(`${n}-icon`);return yt[u]?(0,z.jsx)(It,{...x,className:i(t.className,ct),icon:yt[u],size:o,themeColor:a,rotate:d,flip:c,viewBox:p,variant:b}):(0,z.jsx)(z.Fragment,{})}return(0,z.jsx)(Zt,{...x,className:i(t.className,ct),icon:n,size:o,themeColor:a,rotate:d,flip:c})};A.states=Fe;A.options=$e;A.defaultOptions=mt;A.className=ct;A.moduleName=jt;A.folderName=te;var Mt="button",se=Mt;var N=require("react/jsx-runtime"),at="k-button",Ve=["icon-button"],Xe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],We={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[O.undefined,O.none,O.small,O.medium,O.large,O.full],fillMode:[F.undefined,F.solid,F.flat,F.outline,F.clear,F.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Ot={showArrow:!1,arrowIconName:"chevron-down"},f=t=>{let{as:e="button",size:o,rounded:a,fillMode:n,themeColor:m,showArrow:d=Ot.showArrow,arrowIconName:c=Ot.arrowIconName,variant:p,hover:b,focus:x,active:h,selected:u,disabled:S,togglable:T,ariaDisabled:B,icon:C,endIcon:L,iconSize:Wt,text:rt,iconClassName:qt,className:Me,...Oe}=t,Se=C!=null,Ae=t.children!==void 0;return(0,N.jsxs)(e,{className:i(Me,at,Yt(at,p),R(at,{size:o,rounded:a,fillMode:n,themeColor:m}),M(at,{hover:b,focus:x,active:h,disabled:S\|\|B,selected:u}),{"k-icon-button":!rt&&!Ae&&Se}),"aria-pressed":T?u?"true":"false":void 0,...Oe,"aria-disabled":B?"true":void 0,disabled:S\|\|void 0,children:[typeof C=="string"&&C&&(0,N.jsx)(A,{className:i(qt,"k-button-icon"),icon:C,size:Wt}),C&&typeof C!="string"&&(0,N.jsx)(N.Fragment,{children:C}),rt?(0,N.jsxs)(N.Fragment,{children:[rt&&(0,N.jsx)("span",{className:"k-button-text",children:rt}),t.children]}):t.children&&(0,N.jsx)("span",{className:"k-button-text",children:t.children}),typeof L=="string"&&L&&(0,N.jsx)(A,{className:i(qt,"k-button-icon"),icon:L,size:Wt}),L&&typeof L!="string"&&(0,N.jsx)(N.Fragment,{children:L}),d&&(0,N.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,N.jsx)(A,{icon:c})})]})};f.states=Xe;f.options=We;f.variants=Ve;f.className=at;f.defaultOptions=Ot;f.moduleName=Mt;f.folderName=se;var ae=require("react/jsx-runtime"),ne=t=>(0,ae.jsx)(f,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var le=require("react/jsx-runtime"),re=t=>(0,le.jsx)(f,{icon:"folder",children:"Button",...t});var me=require("react/jsx-runtime"),ce=t=>(0,me.jsx)(f,{children:"Button",...t});var dt=require("react/jsx-runtime"),qe=f.options,Je=f.states,Qe={...f.defaultOptions,variant:"text"},Ye=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ze=[],q=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,dt.jsx)(ne,{...o,icon:"star"});case"icon-and-text":return(0,dt.jsx)(re,{...o,icon:"star",children:"Button"});default:return(0,dt.jsx)(ce,{...o,children:"Button"})}};q.options=qe;q.states=Je;q.variants=Ye;q.defaultOptions=Qe;q.modifiers=Ze;q.className=f.className;var pt=Qt(require("react"));var St=require("react/jsx-runtime"),je="k-list-group-sticky-header",At=t=>(0,St.jsx)("div",{className:i(je,t.className),children:(0,St.jsx)("div",{className:"k-list-header-text",children:t.children})});var de=require("react/jsx-runtime"),to="k-no-data",Et=t=>{let{live:e,...o}=t;return(0,de.jsx)("span",{...o,className:i(to,t.className),"aria-live":e?"polite":void 0,children:t.children})};var V="list",J=V;var Q=require("react/jsx-runtime"),Tt="k-list",eo=[],oo={size:[s.undefined,s.small,s.medium,s.large]},io={},g=t=>{var T;let{size:e,virtualization:o,children:a,header:n,selectAll:m,optionLabel:d,customValue:c,noData:p,screenReaders:b,...x}=t,u=pt.default.Children.toArray(a)[0],S=(T=u==null?void 0:u.props)!=null&&T.children?pt.default.Children.count(u.props.children):pt.default.Children.count(a);return(0,Q.jsxs)("div",{...x,className:i(t.className,Tt,R(Tt,{size:e}),{"k-virtual-list":o}),children:[d,m,c,n&&(0,Q.jsx)(At,{children:n}),a\|\|(p!==void 0?p:(0,Q.jsx)(Et,{live:!0,children:"No data found."})),b&&a&&(0,Q.jsxs)(Et,{className:"k-sr-only",live:!0,children:[S," items found."]})]})};g.states=eo;g.options=oo;g.className=Tt;g.defaultOptions=io;g.moduleName=V;g.folderName=J;var ue=require("react/jsx-runtime"),pe="k-list-container",so=[],no={},ao={},Y=t=>{let{...e}=t;return(0,ue.jsx)("div",{...e,className:i(t.className,pe),children:t.children})};Y.states=so;Y.options=no;Y.className=pe;Y.defaultOptions=ao;Y.moduleName=V;Y.folderName=J;var X="checkbox",Z=X;var Kt=require("react/jsx-runtime"),ut="k-checkbox",ro=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],lo={size:[s.undefined,s.small,s.medium,s.large],rounded:[O.undefined,O.none,O.small,O.medium,O.large,O.full]},co={},E=t=>{let{id:e,checked:o,indeterminate:a,hover:n,focus:m,disabled:d,invalid:c,valid:p,required:b,size:x,rounded:h,wrapperRole:u,...S}=t;return(0,Kt.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Kt.jsx)("input",{...S,id:e,type:"checkbox",defaultChecked:o,required:b,disabled:d\|\|void 0,"aria-invalid":c?"true":void 0,className:i(t.className,ut,R(ut,{size:x,rounded:h}),M(ut,{hover:n,focus:m,disabled:d,invalid:c,valid:p,indeterminate:a,checked:o}))})})};E.states=ro;E.options=lo;E.className=ut;E.defaultOptions=co;E.moduleName=X;E.folderName=Z;var _=E;var xe=require("react/jsx-runtime"),fe="k-checkbox-list",mo=[],po={},be={layout:"vertical"},I=t=>{let{layout:e=be.layout,...o}=t;return(0,xe.jsx)("ul",{...o,className:i(t.className,fe,{[`k-list-${e}`]:e}),children:t.children})};I.states=mo;I.options=po;I.className=fe;I.defaultOptions=be;I.moduleName=X;I.folderName=Z;var he=require("react/jsx-runtime"),Le="k-checkbox-list-item",uo=[],fo={},bo={},y=t=>{let{...e}=t;return(0,he.jsx)("li",{...e,className:i(t.className,Le),children:t.children})};y.states=uo;y.options=fo;y.className=Le;y.defaultOptions=bo;y.moduleName=X;y.folderName=Z;var W=require("react/jsx-runtime"),P=({children:t="Label",id:e="cb-label-after",...o})=>(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(_,{id:e,...o}),(0,W.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Rt=require("react/jsx-runtime");var _t=require("react/jsx-runtime");var Bt=require("react/jsx-runtime");var xo=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var ho=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Co=I.options,No=I.states,ko={...I.defaultOptions,variant:"vertical"},vo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],go=[],j=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,k.jsxs)(I,{layout:"horizontal",...o,children:[(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),children:"Label"})}),(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),children:"Label"})})]}):(0,k.jsxs)(I,{...o,children:[(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),children:"Label"})}),(0,k.jsx)(y,{children:(0,k.jsx)(P,{id:v("cb"),children:"Label"})})]})};j.options=Co;j.states=No;j.variants=vo;j.defaultOptions=ko;j.modifiers=go;j.className=I.className;var Ce=require("react/jsx-runtime"),Io=_.options,yo=_.states,Mo=_.defaultOptions,Oo=[],So=[],tt=t=>(0,Ce.jsx)(P,{id:v("checkbox"),...t,defaultChecked:!0,children:"Label"});tt.options=Io;tt.states=yo;tt.variants=Oo;tt.defaultOptions=Mo;tt.modifiers=So;tt.className=_.className;var w=require("react/jsx-runtime"),Ht="k-list-item",Ao=[l.hover,l.focus,l.selected,l.disabled],Eo={},To={},K=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:n,checked:m,hover:d,focus:c,selected:p,disabled:b,actions:x,description:h,id:u,...S}=t,T=e\|\|t.children,B=e\|\|(typeof T=="string"?T:void 0);return(0,w.jsxs)("li",{...S,id:u,role:"option",tabIndex:c?0:-1,"aria-selected":p?"true":"false","aria-disabled":b?"true":void 0,className:i(t.className,Ht,M(Ht,{hover:d,focus:c,disabled:b,selected:p})),children:[n&&(0,w.jsx)(E,{checked:m,disabled:b,"aria-label":B,tabIndex:-1}),o&&(0,w.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,w.jsx)(A,{icon:o,className:i("k-list-item-icon",a)})}),(0,w.jsx)("span",{className:"k-list-item-text",children:T}),x&&(0,w.jsx)("div",{className:"k-list-item-actions",children:x}),h&&(0,w.jsx)("span",{className:"k-list-item-description",children:h})]})};K.states=Ao;K.options=Eo;K.className=Ht;K.defaultOptions=To;K.moduleName=V;K.folderName=J;var Ne=require("react/jsx-runtime"),Ko="k-list-ul",ft=t=>{let{children:e,role:o,id:a,...n}=t;return(0,Ne.jsx)("ul",{...n,id:a,role:o,className:i(Ko,t.className),children:e})};var et=require("react/jsx-runtime"),Ro="k-list-content",D=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:m,...d}=t;return(0,et.jsxs)("div",{...d,className:i(Ro,t.className),role:o?"listbox":void 0,id:o?m:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?t.children:(0,et.jsx)(ft,{role:"listbox",id:m,"aria-label":a,"aria-labelledby":n,children:t.children}),e&&(0,et.jsx)("div",{className:"k-height-container",children:(0,et.jsx)("div",{})})]})};var ot=require("react/jsx-runtime"),bt="k-list-sticky-header",_o=[l.hover,l.focus,l.selected],Bo={},Ho={},xt=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:m,focus:d,selected:c,...p}=t;return(0,ot.jsx)("div",{...p,className:i(bt,t.className),children:(0,ot.jsxs)("div",{className:i(`${bt}-item`,M(`${bt}-item`,{hover:m,focus:d,selected:c})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,ot.jsx)(E,{checked:a,indeterminate:n,"aria-label":e}),(0,ot.jsx)("span",{className:"k-list-item-text",children:e})]})})};xt.states=_o;xt.options=Bo;xt.className=bt;xt.defaultOptions=Ho;var zt=require("react/jsx-runtime");var ke=require("react/jsx-runtime");var ve=require("react/jsx-runtime"),Pt="k-list-optionlabel",zo=[l.hover,l.focus,l.selected,l.disabled],Po={},wo={},Lt=t=>{let{text:e,hover:o,focus:a,selected:n,disabled:m,...d}=t;return(0,ve.jsx)("div",{...d,className:i(Pt,M(Pt,{hover:o,focus:a,selected:n,disabled:m})),children:e})};Lt.states=zo;Lt.options=Po;Lt.className=Pt;Lt.defaultOptions=wo;var ge=require("react/jsx-runtime"),wt="k-list-custom-value",Do=[l.hover,l.focus,l.selected,l.disabled],Go={},Uo={},ht=t=>{let{text:e,hover:o,focus:a,selected:n,disabled:m,...d}=t;return(0,ge.jsx)("div",{...d,className:i(wt,M(wt,{hover:o,focus:a,selected:n,disabled:m})),children:e})};ht.states=Do;ht.options=Go;ht.className=wt;ht.defaultOptions=Uo;var Dt=require("react/jsx-runtime");var Gt=require("react/jsx-runtime");var Ut=require("react/jsx-runtime");var Ft=require("react/jsx-runtime");var $o=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt="listbox",Ie=Xt;var G=require("react/jsx-runtime"),Ct="k-listbox",Vo=[l.disabled],Xo={size:[s.undefined,s.small,s.medium,s.large]},ye={actionsPosition:"left"},U=t=>{let{size:e,disabled:o,children:a,actionsPosition:n=ye.actionsPosition,actions:m,actionsScrollable:d,actionsScrollingPosition:c,dir:p,"aria-label":b,multiselectable:x,id:h,...u}=t,S=h?`${h}-list`:void 0,T={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"},B={left:p!=="rtl"?"chevron-left":"chevron-right",right:p!=="rtl"?"chevron-right":"chevron-left",to:p!=="rtl"?"chevron-double-right":"chevron-double-left",from:p!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"},C=m==null?void 0:m.map(L=>(0,G.jsx)(f,{icon:B[L],size:e,"aria-label":T[L]\|\|L},L));return(0,G.jsxs)("div",{...u,dir:p,className:i(t.className,Ct,M(Ct,{disabled:o}),{[`k-listbox-actions-${n}`]:n}),children:[m&&(0,G.jsx)("div",{className:i("k-listbox-actions",{"k-listbox-actions-scrollable":d,"k-listbox-actions-scrollable-start":d&&c==="start","k-listbox-actions-scrollable-end":d&&c==="end"}),role:"toolbar","aria-label":"ListBox actions","aria-controls":S,children:d?(0,G.jsx)("div",{className:"k-listbox-actions-items",children:C}):C}),(0,G.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,G.jsx)(g,{size:e,children:(0,G.jsx)(D,{"aria-label":b,"aria-multiselectable":x,listboxId:S,children:a})})})]})};U.states=Vo;U.options=Xo;U.className=Ct;U.defaultOptions=ye;U.moduleName=Xt;U.folderName=Ie;var Wo=U;

package/dist/cjs/listbox/templates/listbox-normal.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Re=Object.create;var pt=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Pe=(t,e)=>{for(var o in e)pt(t,o,{get:e[o],enumerable:!0})},jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let s of He(e))!we.call(t,s)&&s!==o&&pt(t,s,{get:()=>e[s],enumerable:!(a=_e(e,s))\|\|a.enumerable});return t};var te=(t,e,o)=>(o=t!=null?Re(ze(t)):{},jt(e\|\|!t\|\|!t.__esModule?pt(o,"default",{value:t,enumerable:!0}):o,t)),De=t=>jt(pt({},"__esModule",{value:!0}),t);var oi={};Pe(oi,{ListBoxNormal:()=>ct});module.exports=De(oi);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),O=(t,e)=>{let{valid:o,invalid:a,hover:s,focus:p,checked:c,active:d,selected:L,disabled:b,indeterminate:N,loading:C,empty:x,readonly:k,highlighted:R,...U}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":p,"k-checked":c,"k-active":d,"k-selected":L,"k-disabled":b,"k-indeterminate":N&&!c,"k-loading":C,"k-empty":x,"k-readonly":k,"k-highlighted":R},Object.keys(U).reduce((S,B)=>(B.startsWith("k-")?S[B]=U[B]:S[`k-${B}`]=U[B],S),{}))};function ee(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},V={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},z={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 kt={};function u(t){return kt[t]=(kt[t]\|\|0)+1,`k-${t}-${kt[t]}`}var at=require("react/jsx-runtime"),gt="k-font-icon",Ge=[],Ue={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Fe={},rt=t=>{let{size:e,themeColor:o,icon:a,rotate:s,flip:p,...c}=t;return a?(0,at.jsx)("span",{...c,className:i(t.className,gt,_(gt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":p==="h"\|\|p==="both","k-flip-v":p==="v"\|\|p==="both"}),"aria-hidden":"true"}):(0,at.jsx)(at.Fragment,{})};rt.states=Ge;rt.options=Ue;rt.className=gt;rt.defaultOptions=Fe;var oe=rt;var X=require("react/jsx-runtime"),yt="k-svg-icon",$e=[],Ve={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[z.outline,z.solid,z.duotone]},Mt={viewBox:"0 0 24 24",variant:z.outline},lt=t=>{var C,x;let{size:e,themeColor:o,rotate:a,flip:s,viewBox:p=Mt.viewBox,variant:c=Mt.variant,icon:d,...L}=t;if(!d)return(0,X.jsx)(X.Fragment,{});if(d==="none")return(0,X.jsx)("span",{...L,className:i(t.className,yt,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?c&&((C=d.variants)==null?void 0:C[c])\|\|((x=d.variants)==null?void 0:x.outline)\|\|d.content:void 0;return(0,X.jsx)("span",{...L,className:i(t.className,yt,_("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true",children:(0,X.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:p,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};lt.states=$e;lt.options=Ve;lt.className=yt;lt.defaultOptions=Mt;var Ot=lt;var At=te(require("@progress/kendo-svg-icons"));var ie="icon",se="icons";var re=require("react");var ne=require("react"),ae=(0,ne.createContext)({iconsType:"svg"});var w=require("react/jsx-runtime"),ut="k-icon",Xe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),We=[],qe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[z.outline,z.solid,z.duotone]},ft={viewBox:"0 0 24 24",type:"svg",variant:z.outline},E=t=>{let{iconsType:e}=(0,re.useContext)(ae),{size:o,themeColor:a,icon:s,type:p=e\|\|ft.type,rotate:c,flip:d,viewBox:L=ft.viewBox,variant:b=ft.variant,...N}=t;if(!s)return(0,w.jsx)(w.Fragment,{});if((e\|\|p)==="svg"){if(s==="none")return(0,w.jsx)(Ot,{...N,className:i(t.className,ut),icon:s,size:o,variant:b});let x=At[s]?s:Xe(`${s}-icon`);return At[x]?(0,w.jsx)(Ot,{...N,className:i(t.className,ut),icon:At[x],size:o,themeColor:a,rotate:c,flip:d,viewBox:L,variant:b}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(oe,{...N,className:i(t.className,ut),icon:s,size:o,themeColor:a,rotate:c,flip:d})};E.states=We;E.options=qe;E.defaultOptions=ft;E.className=ut;E.moduleName=ie;E.folderName=se;var St="button",le=St;var I=require("react/jsx-runtime"),mt="k-button",Je=["icon-button"],Qe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Ye={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[V.undefined,V.solid,V.flat,V.outline,V.clear,V.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Et={showArrow:!1,arrowIconName:"chevron-down"},h=t=>{let{as:e="button",size:o,rounded:a,fillMode:s,themeColor:p,showArrow:c=Et.showArrow,arrowIconName:d=Et.arrowIconName,variant:L,hover:b,focus:N,active:C,selected:x,disabled:k,togglable:R,ariaDisabled:U,icon:S,endIcon:B,iconSize:Yt,text:dt,iconClassName:Zt,className:Ee,...Te}=t,Ke=S!=null,Be=t.children!==void 0;return(0,I.jsxs)(e,{className:i(Ee,mt,ee(mt,L),_(mt,{size:o,rounded:a,fillMode:s,themeColor:p}),O(mt,{hover:b,focus:N,active:C,disabled:k\|\|U,selected:x}),{"k-icon-button":!dt&&!Be&&Ke}),"aria-pressed":R?x?"true":"false":void 0,...Te,"aria-disabled":U?"true":void 0,disabled:k\|\|void 0,children:[typeof S=="string"&&S&&(0,I.jsx)(E,{className:i(Zt,"k-button-icon"),icon:S,size:Yt}),S&&typeof S!="string"&&(0,I.jsx)(I.Fragment,{children:S}),dt?(0,I.jsxs)(I.Fragment,{children:[dt&&(0,I.jsx)("span",{className:"k-button-text",children:dt}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),typeof B=="string"&&B&&(0,I.jsx)(E,{className:i(Zt,"k-button-icon"),icon:B,size:Yt}),B&&typeof B!="string"&&(0,I.jsx)(I.Fragment,{children:B}),c&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(E,{icon:d})})]})};h.states=Qe;h.options=Ye;h.variants=Je;h.className=mt;h.defaultOptions=Et;h.moduleName=St;h.folderName=le;var ce=require("react/jsx-runtime"),me=t=>(0,ce.jsx)(h,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var pe=require("react/jsx-runtime"),de=t=>(0,pe.jsx)(h,{icon:"folder",children:"Button",...t});var fe=require("react/jsx-runtime"),ue=t=>(0,fe.jsx)(h,{children:"Button",...t});var xt=require("react/jsx-runtime"),Ze=h.options,je=h.states,to={...h.defaultOptions,variant:"text"},eo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oo=[],Q=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,xt.jsx)(me,{...o,icon:"star"});case"icon-and-text":return(0,xt.jsx)(de,{...o,icon:"star",children:"Button"});default:return(0,xt.jsx)(ue,{...o,children:"Button"})}};Q.options=Ze;Q.states=je;Q.variants=eo;Q.defaultOptions=to;Q.modifiers=oo;Q.className=h.className;var Lt=te(require("react"));var Tt=require("react/jsx-runtime"),io="k-list-group-sticky-header",Kt=t=>(0,Tt.jsx)("div",{className:i(io,t.className),children:(0,Tt.jsx)("div",{className:"k-list-header-text",children:t.children})});var xe=require("react/jsx-runtime"),so="k-no-data",Bt=t=>{let{live:e,...o}=t;return(0,xe.jsx)("span",{...o,className:i(so,t.className),"aria-live":e?"polite":void 0,children:t.children})};var W="list",Y=W;var Z=require("react/jsx-runtime"),Rt="k-list",no=[],ao={size:[n.undefined,n.small,n.medium,n.large]},ro={},g=t=>{var R;let{size:e,virtualization:o,children:a,header:s,selectAll:p,optionLabel:c,customValue:d,noData:L,screenReaders:b,...N}=t,x=Lt.default.Children.toArray(a)[0],k=(R=x==null?void 0:x.props)!=null&&R.children?Lt.default.Children.count(x.props.children):Lt.default.Children.count(a);return(0,Z.jsxs)("div",{...N,className:i(t.className,Rt,_(Rt,{size:e}),{"k-virtual-list":o}),children:[c,p,d,s&&(0,Z.jsx)(Kt,{children:s}),a\|\|(L!==void 0?L:(0,Z.jsx)(Bt,{live:!0,children:"No data found."})),b&&a&&(0,Z.jsxs)(Bt,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};g.states=no;g.options=ao;g.className=Rt;g.defaultOptions=ro;g.moduleName=W;g.folderName=Y;var be=require("react/jsx-runtime"),Le="k-list-container",lo=[],mo={},co={},j=t=>{let{...e}=t;return(0,be.jsx)("div",{...e,className:i(t.className,Le),children:t.children})};j.states=lo;j.options=mo;j.className=Le;j.defaultOptions=co;j.moduleName=W;j.folderName=Y;var q="checkbox",tt=q;var _t=require("react/jsx-runtime"),bt="k-checkbox",po=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],uo={size:[n.undefined,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},fo={},T=t=>{let{id:e,checked:o,indeterminate:a,hover:s,focus:p,disabled:c,invalid:d,valid:L,required:b,size:N,rounded:C,wrapperRole:x,...k}=t;return(0,_t.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,_t.jsx)("input",{...k,id:e,type:"checkbox",defaultChecked:o,required:b,disabled:c\|\|void 0,"aria-invalid":d?"true":void 0,className:i(t.className,bt,_(bt,{size:N,rounded:C}),O(bt,{hover:s,focus:p,disabled:c,invalid:d,valid:L,indeterminate:a,checked:o}))})})};T.states=po;T.options=uo;T.className=bt;T.defaultOptions=fo;T.moduleName=q;T.folderName=tt;var H=T;var Ce=require("react/jsx-runtime"),he="k-checkbox-list",xo=[],Lo={},Ne={layout:"vertical"},y=t=>{let{layout:e=Ne.layout,...o}=t;return(0,Ce.jsx)("ul",{...o,className:i(t.className,he,{[`k-list-${e}`]:e}),children:t.children})};y.states=xo;y.options=Lo;y.className=he;y.defaultOptions=Ne;y.moduleName=q;y.folderName=tt;var ve=require("react/jsx-runtime"),Ie="k-checkbox-list-item",bo=[],ho={},No={},M=t=>{let{...e}=t;return(0,ve.jsx)("li",{...e,className:i(t.className,Ie),children:t.children})};M.states=bo;M.options=ho;M.className=Ie;M.defaultOptions=No;M.moduleName=q;M.folderName=tt;var J=require("react/jsx-runtime"),P=({children:t="Label",id:e="cb-label-after",...o})=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(H,{id:e,...o}),(0,J.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Ht=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var wt=require("react/jsx-runtime");var Co=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var v=require("react/jsx-runtime"),ko=y.options,go=y.states,yo={...y.defaultOptions,variant:"vertical"},Mo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Oo=[],et=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,v.jsxs)(y,{layout:"horizontal",...o,children:[(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),defaultChecked:!0,children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})})]}):(0,v.jsxs)(y,{...o,children:[(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),defaultChecked:!0,children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})}),(0,v.jsx)(M,{children:(0,v.jsx)(P,{id:u("cb"),children:"Label"})})]})};et.options=ko;et.states=go;et.variants=Mo;et.defaultOptions=yo;et.modifiers=Oo;et.className=y.className;var ke=require("react/jsx-runtime"),Ao=H.options,So=H.states,Eo=H.defaultOptions,To=[],Ko=[],ot=t=>(0,ke.jsx)(P,{id:u("checkbox"),...t,defaultChecked:!0,children:"Label"});ot.options=Ao;ot.states=So;ot.variants=To;ot.defaultOptions=Eo;ot.modifiers=Ko;ot.className=H.className;var D=require("react/jsx-runtime"),Pt="k-list-item",Bo=[l.hover,l.focus,l.selected,l.disabled],Ro={},_o={},m=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:s,checked:p,hover:c,focus:d,selected:L,disabled:b,actions:N,description:C,id:x,...k}=t,R=e\|\|t.children,U=e\|\|(typeof R=="string"?R:void 0);return(0,D.jsxs)("li",{...k,id:x,role:"option",tabIndex:d?0:-1,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,className:i(t.className,Pt,O(Pt,{hover:c,focus:d,disabled:b,selected:L})),children:[s&&(0,D.jsx)(T,{checked:p,disabled:b,"aria-label":U,tabIndex:-1}),o&&(0,D.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,D.jsx)(E,{icon:o,className:i("k-list-item-icon",a)})}),(0,D.jsx)("span",{className:"k-list-item-text",children:R}),N&&(0,D.jsx)("div",{className:"k-list-item-actions",children:N}),C&&(0,D.jsx)("span",{className:"k-list-item-description",children:C})]})};m.states=Bo;m.options=Ro;m.className=Pt;m.defaultOptions=_o;m.moduleName=W;m.folderName=Y;var ge=require("react/jsx-runtime"),Ho="k-list-ul",ht=t=>{let{children:e,role:o,id:a,...s}=t;return(0,ge.jsx)("ul",{...s,id:a,role:o,className:i(Ho,t.className),children:e})};var it=require("react/jsx-runtime"),zo="k-list-content",G=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":s,listboxId:p,...c}=t;return(0,it.jsxs)("div",{...c,className:i(zo,t.className),role:o?"listbox":void 0,id:o?p:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?s:void 0,children:[o?t.children:(0,it.jsx)(ht,{role:"listbox",id:p,"aria-label":a,"aria-labelledby":s,children:t.children}),e&&(0,it.jsx)("div",{className:"k-height-container",children:(0,it.jsx)("div",{})})]})};var st=require("react/jsx-runtime"),Nt="k-list-sticky-header",wo=[l.hover,l.focus,l.selected],Po={},Do={},Ct=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:s,hover:p,focus:c,selected:d,...L}=t;return(0,st.jsx)("div",{...L,className:i(Nt,t.className),children:(0,st.jsxs)("div",{className:i(`${Nt}-item`,O(`${Nt}-item`,{hover:p,focus:c,selected:d})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":d?"true":"false"},children:[o&&(0,st.jsx)(T,{checked:a,indeterminate:s,"aria-label":e}),(0,st.jsx)("span",{className:"k-list-item-text",children:e})]})})};Ct.states=wo;Ct.options=Po;Ct.className=Nt;Ct.defaultOptions=Do;var Dt=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var Me=require("react/jsx-runtime"),Gt="k-list-optionlabel",Go=[l.hover,l.focus,l.selected,l.disabled],Uo={},Fo={},It=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:p,...c}=t;return(0,Me.jsx)("div",{...c,className:i(Gt,O(Gt,{hover:o,focus:a,selected:s,disabled:p})),children:e})};It.states=Go;It.options=Uo;It.className=Gt;It.defaultOptions=Fo;var Oe=require("react/jsx-runtime"),Ut="k-list-custom-value",$o=[l.hover,l.focus,l.selected,l.disabled],Vo={},Xo={},vt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:p,...c}=t;return(0,Oe.jsx)("div",{...c,className:i(Ut,O(Ut,{hover:o,focus:a,selected:s,disabled:p})),children:e})};vt.states=$o;vt.options=Vo;vt.className=Ut;vt.defaultOptions=Xo;var Ft=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var qt=require("react/jsx-runtime");var Jt="listbox",Ae=Jt;var F=require("react/jsx-runtime"),Qt="k-listbox",Jo=[l.disabled],Qo={size:[n.undefined,n.small,n.medium,n.large]},Se={actionsPosition:"left"},K=t=>{let{size:e,disabled:o,children:a,actionsPosition:s=Se.actionsPosition,actions:p,dir:c,"aria-label":d,multiselectable:L,id:b,...N}=t,C=b?`${b}-list`:void 0,x={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"};return(0,F.jsxs)("div",{...N,dir:c,className:i(t.className,Qt,O(Qt,{disabled:o}),{[`k-listbox-actions-${s}`]:s}),children:[p&&(0,F.jsx)("div",{className:"k-listbox-actions",role:"toolbar","aria-label":"ListBox actions","aria-controls":C,children:p.map(k=>(0,F.jsx)(h,{icon:{left:c!=="rtl"?"chevron-left":"chevron-right",right:c!=="rtl"?"chevron-right":"chevron-left",to:c!=="rtl"?"chevron-double-right":"chevron-double-left",from:c!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"}[k],size:e,"aria-label":x[k]\|\|k},k))}),(0,F.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,F.jsx)(g,{size:e,children:(0,F.jsx)(G,{"aria-label":d,"aria-multiselectable":L,listboxId:C,children:a})})})]})};K.states=Jo;K.options=Qo;K.className=Qt;K.defaultOptions=Se;K.moduleName=Jt;K.folderName=Ae;var f=require("react/jsx-runtime"),Yo=K.options,Zo=K.states,jo={...K.defaultOptions,variant:"single"},ti=[{name:"single",title:"Single"},{name:"multiple",title:"Multiple"}],ei=[],nt=t=>{let{variant:e,...o}={...t};return e==="multiple"?(0,f.jsxs)("div",{className:"k-d-flex",children:[(0,f.jsxs)(ct,{...o,style:{height:"300px",width:"200px"},className:"k-pr-2",actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,f.jsx)(m,{selected:!0,children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"})]}),(0,f.jsxs)(ct,{...t,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","x"],children:[(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{selected:!0,children:"List item"})]})]}):(0,f.jsxs)(ct,{...o,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,f.jsx)(m,{selected:!0,children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"}),(0,f.jsx)(m,{children:"List item"})]})};nt.options=Yo;nt.states=Zo;nt.variants=ti;nt.defaultOptions=jo;nt.modifiers=ei;nt.className=K.className;var $=require("react/jsx-runtime"),ct=t=>{let e=u("listbox"),o=u("lb-item"),a=u("lb-item"),s=u("lb-item"),p=u("lb-item"),c=u("lb-item"),d=u("lb-item");return(0,$.jsx)(K,{id:e,"aria-label":"Available items",actions:["up","down","left","right","to","from","x"],children:[(0,$.jsx)(m,{id:o,focus:!0,children:"List item 1"},"ListItem1"),(0,$.jsx)(m,{id:a,selected:!0,children:"List item 2"},"ListItem2"),(0,$.jsx)(m,{id:s,children:"List item 3"},"ListItem3"),(0,$.jsx)(m,{id:p,children:"List item 4"},"ListItem4"),(0,$.jsx)(m,{id:c,children:"List item 5"},"ListItem5"),(0,$.jsx)(m,{id:d,children:"List item 6"},"ListItem6")],...t})};
1	+ var Re=Object.create;var pt=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var we=(t,e)=>{for(var o in e)pt(t,o,{get:e[o],enumerable:!0})},jt=(t,e,o,a)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let s of He(e))!Pe.call(t,s)&&s!==o&&pt(t,s,{get:()=>e[s],enumerable:!(a=_e(e,s))\|\|a.enumerable});return t};var te=(t,e,o)=>(o=t!=null?Re(ze(t)):{},jt(e\|\|!t\|\|!t.__esModule?pt(o,"default",{value:t,enumerable:!0}):o,t)),De=t=>jt(pt({},"__esModule",{value:!0}),t);var ii={};we(ii,{ListBoxNormal:()=>nt});module.exports=De(ii);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]\|\|e[o]&&o\|\|null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),S=(t,e)=>{let{valid:o,invalid:a,hover:s,focus:d,checked:p,active:c,selected:u,disabled:h,indeterminate:N,loading:k,empty:b,readonly:E,highlighted:R,...z}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":d,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":N&&!p,"k-loading":k,"k-empty":b,"k-readonly":E,"k-highlighted":R},Object.keys(z).reduce((v,C)=>(C.startsWith("k-")?v[C]=z[C]:v[`k-${C}`]=z[C],v),{}))};function ee(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},V={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},P={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 f(t){return It[t]=(It[t]\|\|0)+1,`k-${t}-${It[t]}`}var rt=require("react/jsx-runtime"),gt="k-font-icon",Ge=[],Ue={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Fe={},lt=t=>{let{size:e,themeColor:o,icon:a,rotate:s,flip:d,...p}=t;return a?(0,rt.jsx)("span",{...p,className:i(t.className,gt,_(gt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"\|\|d==="both","k-flip-v":d==="v"\|\|d==="both"}),"aria-hidden":"true"}):(0,rt.jsx)(rt.Fragment,{})};lt.states=Ge;lt.options=Ue;lt.className=gt;lt.defaultOptions=Fe;var oe=lt;var X=require("react/jsx-runtime"),yt="k-svg-icon",$e=[],Ve={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},Ot={viewBox:"0 0 24 24",variant:P.outline},mt=t=>{var k,b;let{size:e,themeColor:o,rotate:a,flip:s,viewBox:d=Ot.viewBox,variant:p=Ot.variant,icon:c,...u}=t;if(!c)return(0,X.jsx)(X.Fragment,{});if(c==="none")return(0,X.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?p&&((k=c.variants)==null?void 0:k[p])\|\|((b=c.variants)==null?void 0:b.outline)\|\|c.content:void 0;return(0,X.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true",children:(0,X.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:t.children})})};mt.states=$e;mt.options=Ve;mt.className=yt;mt.defaultOptions=Ot;var Mt=mt;var St=te(require("@progress/kendo-svg-icons"));var ie="icon",se="icons";var re=require("react");var ne=require("react"),ae=(0,ne.createContext)({iconsType:"svg"});var w=require("react/jsx-runtime"),ut="k-icon",Xe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),We=[],qe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},ft={viewBox:"0 0 24 24",type:"svg",variant:P.outline},T=t=>{let{iconsType:e}=(0,re.useContext)(ae),{size:o,themeColor:a,icon:s,type:d=e\|\|ft.type,rotate:p,flip:c,viewBox:u=ft.viewBox,variant:h=ft.variant,...N}=t;if(!s)return(0,w.jsx)(w.Fragment,{});if((e\|\|d)==="svg"){if(s==="none")return(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:s,size:o,variant:h});let b=St[s]?s:Xe(`${s}-icon`);return St[b]?(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:St[b],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:h}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(oe,{...N,className:i(t.className,ut),icon:s,size:o,themeColor:a,rotate:p,flip:c})};T.states=We;T.options=qe;T.defaultOptions=ft;T.className=ut;T.moduleName=ie;T.folderName=se;var At="button",le=At;var I=require("react/jsx-runtime"),ct="k-button",Je=["icon-button"],Qe=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Ye={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[V.undefined,V.solid,V.flat,V.outline,V.clear,V.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Et={showArrow:!1,arrowIconName:"chevron-down"},L=t=>{let{as:e="button",size:o,rounded:a,fillMode:s,themeColor:d,showArrow:p=Et.showArrow,arrowIconName:c=Et.arrowIconName,variant:u,hover:h,focus:N,active:k,selected:b,disabled:E,togglable:R,ariaDisabled:z,icon:v,endIcon:C,iconSize:Yt,text:dt,iconClassName:Zt,className:Ee,...Te}=t,Ke=v!=null,Be=t.children!==void 0;return(0,I.jsxs)(e,{className:i(Ee,ct,ee(ct,u),_(ct,{size:o,rounded:a,fillMode:s,themeColor:d}),S(ct,{hover:h,focus:N,active:k,disabled:E\|\|z,selected:b}),{"k-icon-button":!dt&&!Be&&Ke}),"aria-pressed":R?b?"true":"false":void 0,...Te,"aria-disabled":z?"true":void 0,disabled:E\|\|void 0,children:[typeof v=="string"&&v&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:v,size:Yt}),v&&typeof v!="string"&&(0,I.jsx)(I.Fragment,{children:v}),dt?(0,I.jsxs)(I.Fragment,{children:[dt&&(0,I.jsx)("span",{className:"k-button-text",children:dt}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),typeof C=="string"&&C&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:C,size:Yt}),C&&typeof C!="string"&&(0,I.jsx)(I.Fragment,{children:C}),p&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(T,{icon:c})})]})};L.states=Qe;L.options=Ye;L.variants=Je;L.className=ct;L.defaultOptions=Et;L.moduleName=At;L.folderName=le;var ce=require("react/jsx-runtime"),me=t=>(0,ce.jsx)(L,{icon:"folder",...t,"aria-label":t["aria-label"]\|\|"Folder",children:void 0});var pe=require("react/jsx-runtime"),de=t=>(0,pe.jsx)(L,{icon:"folder",children:"Button",...t});var fe=require("react/jsx-runtime"),ue=t=>(0,fe.jsx)(L,{children:"Button",...t});var xt=require("react/jsx-runtime"),Ze=L.options,je=L.states,to={...L.defaultOptions,variant:"text"},eo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oo=[],Q=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,xt.jsx)(me,{...o,icon:"star"});case"icon-and-text":return(0,xt.jsx)(de,{...o,icon:"star",children:"Button"});default:return(0,xt.jsx)(ue,{...o,children:"Button"})}};Q.options=Ze;Q.states=je;Q.variants=eo;Q.defaultOptions=to;Q.modifiers=oo;Q.className=L.className;var bt=te(require("react"));var Tt=require("react/jsx-runtime"),io="k-list-group-sticky-header",Kt=t=>(0,Tt.jsx)("div",{className:i(io,t.className),children:(0,Tt.jsx)("div",{className:"k-list-header-text",children:t.children})});var xe=require("react/jsx-runtime"),so="k-no-data",Bt=t=>{let{live:e,...o}=t;return(0,xe.jsx)("span",{...o,className:i(so,t.className),"aria-live":e?"polite":void 0,children:t.children})};var W="list",Y=W;var Z=require("react/jsx-runtime"),Rt="k-list",no=[],ao={size:[n.undefined,n.small,n.medium,n.large]},ro={},y=t=>{var R;let{size:e,virtualization:o,children:a,header:s,selectAll:d,optionLabel:p,customValue:c,noData:u,screenReaders:h,...N}=t,b=bt.default.Children.toArray(a)[0],E=(R=b==null?void 0:b.props)!=null&&R.children?bt.default.Children.count(b.props.children):bt.default.Children.count(a);return(0,Z.jsxs)("div",{...N,className:i(t.className,Rt,_(Rt,{size:e}),{"k-virtual-list":o}),children:[p,d,c,s&&(0,Z.jsx)(Kt,{children:s}),a\|\|(u!==void 0?u:(0,Z.jsx)(Bt,{live:!0,children:"No data found."})),h&&a&&(0,Z.jsxs)(Bt,{className:"k-sr-only",live:!0,children:[E," items found."]})]})};y.states=no;y.options=ao;y.className=Rt;y.defaultOptions=ro;y.moduleName=W;y.folderName=Y;var Le=require("react/jsx-runtime"),be="k-list-container",lo=[],mo={},co={},j=t=>{let{...e}=t;return(0,Le.jsx)("div",{...e,className:i(t.className,be),children:t.children})};j.states=lo;j.options=mo;j.className=be;j.defaultOptions=co;j.moduleName=W;j.folderName=Y;var q="checkbox",tt=q;var _t=require("react/jsx-runtime"),Lt="k-checkbox",po=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],uo={size:[n.undefined,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},fo={},K=t=>{let{id:e,checked:o,indeterminate:a,hover:s,focus:d,disabled:p,invalid:c,valid:u,required:h,size:N,rounded:k,wrapperRole:b,...E}=t;return(0,_t.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,_t.jsx)("input",{...E,id:e,type:"checkbox",defaultChecked:o,required:h,disabled:p\|\|void 0,"aria-invalid":c?"true":void 0,className:i(t.className,Lt,_(Lt,{size:N,rounded:k}),S(Lt,{hover:s,focus:d,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};K.states=po;K.options=uo;K.className=Lt;K.defaultOptions=fo;K.moduleName=q;K.folderName=tt;var H=K;var Ce=require("react/jsx-runtime"),he="k-checkbox-list",xo=[],bo={},Ne={layout:"vertical"},O=t=>{let{layout:e=Ne.layout,...o}=t;return(0,Ce.jsx)("ul",{...o,className:i(t.className,he,{[`k-list-${e}`]:e}),children:t.children})};O.states=xo;O.options=bo;O.className=he;O.defaultOptions=Ne;O.moduleName=q;O.folderName=tt;var ve=require("react/jsx-runtime"),ke="k-checkbox-list-item",Lo=[],ho={},No={},M=t=>{let{...e}=t;return(0,ve.jsx)("li",{...e,className:i(t.className,ke),children:t.children})};M.states=Lo;M.options=ho;M.className=ke;M.defaultOptions=No;M.moduleName=q;M.folderName=tt;var J=require("react/jsx-runtime"),D=({children:t="Label",id:e="cb-label-after",...o})=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(H,{id:e,...o}),(0,J.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Ht=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var Co=require("react/jsx-runtime");var ko=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var g=require("react/jsx-runtime"),Io=O.options,go=O.states,yo={...O.defaultOptions,variant:"vertical"},Oo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mo=[],et=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,g.jsxs)(O,{layout:"horizontal",...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]}):(0,g.jsxs)(O,{...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]})};et.options=Io;et.states=go;et.variants=Oo;et.defaultOptions=yo;et.modifiers=Mo;et.className=O.className;var Ie=require("react/jsx-runtime"),So=H.options,Ao=H.states,Eo=H.defaultOptions,To=[],Ko=[],ot=t=>(0,Ie.jsx)(D,{id:f("checkbox"),...t,defaultChecked:!0,children:"Label"});ot.options=So;ot.states=Ao;ot.variants=To;ot.defaultOptions=Eo;ot.modifiers=Ko;ot.className=H.className;var G=require("react/jsx-runtime"),wt="k-list-item",Bo=[l.hover,l.focus,l.selected,l.disabled],Ro={},_o={},m=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:s,checked:d,hover:p,focus:c,selected:u,disabled:h,actions:N,description:k,id:b,...E}=t,R=e\|\|t.children,z=e\|\|(typeof R=="string"?R:void 0);return(0,G.jsxs)("li",{...E,id:b,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":h?"true":void 0,className:i(t.className,wt,S(wt,{hover:p,focus:c,disabled:h,selected:u})),children:[s&&(0,G.jsx)(K,{checked:d,disabled:h,"aria-label":z,tabIndex:-1}),o&&(0,G.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,G.jsx)(T,{icon:o,className:i("k-list-item-icon",a)})}),(0,G.jsx)("span",{className:"k-list-item-text",children:R}),N&&(0,G.jsx)("div",{className:"k-list-item-actions",children:N}),k&&(0,G.jsx)("span",{className:"k-list-item-description",children:k})]})};m.states=Bo;m.options=Ro;m.className=wt;m.defaultOptions=_o;m.moduleName=W;m.folderName=Y;var ge=require("react/jsx-runtime"),Ho="k-list-ul",ht=t=>{let{children:e,role:o,id:a,...s}=t;return(0,ge.jsx)("ul",{...s,id:a,role:o,className:i(Ho,t.className),children:e})};var it=require("react/jsx-runtime"),zo="k-list-content",U=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":s,listboxId:d,...p}=t;return(0,it.jsxs)("div",{...p,className:i(zo,t.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?s:void 0,children:[o?t.children:(0,it.jsx)(ht,{role:"listbox",id:d,"aria-label":a,"aria-labelledby":s,children:t.children}),e&&(0,it.jsx)("div",{className:"k-height-container",children:(0,it.jsx)("div",{})})]})};var st=require("react/jsx-runtime"),Nt="k-list-sticky-header",Po=[l.hover,l.focus,l.selected],wo={},Do={},Ct=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:s,hover:d,focus:p,selected:c,...u}=t;return(0,st.jsx)("div",{...u,className:i(Nt,t.className),children:(0,st.jsxs)("div",{className:i(`${Nt}-item`,S(`${Nt}-item`,{hover:d,focus:p,selected:c})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,st.jsx)(K,{checked:a,indeterminate:s,"aria-label":e}),(0,st.jsx)("span",{className:"k-list-item-text",children:e})]})})};Ct.states=Po;Ct.options=wo;Ct.className=Nt;Ct.defaultOptions=Do;var Dt=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Gt="k-list-optionlabel",Go=[l.hover,l.focus,l.selected,l.disabled],Uo={},Fo={},kt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Oe.jsx)("div",{...p,className:i(Gt,S(Gt,{hover:o,focus:a,selected:s,disabled:d})),children:e})};kt.states=Go;kt.options=Uo;kt.className=Gt;kt.defaultOptions=Fo;var Me=require("react/jsx-runtime"),Ut="k-list-custom-value",$o=[l.hover,l.focus,l.selected,l.disabled],Vo={},Xo={},vt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Me.jsx)("div",{...p,className:i(Ut,S(Ut,{hover:o,focus:a,selected:s,disabled:d})),children:e})};vt.states=$o;vt.options=Vo;vt.className=Ut;vt.defaultOptions=Xo;var Ft=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var qt=require("react/jsx-runtime");var Jt="listbox",Se=Jt;var F=require("react/jsx-runtime"),Qt="k-listbox",Jo=[l.disabled],Qo={size:[n.undefined,n.small,n.medium,n.large]},Ae={actionsPosition:"left"},B=t=>{let{size:e,disabled:o,children:a,actionsPosition:s=Ae.actionsPosition,actions:d,actionsScrollable:p,actionsScrollingPosition:c,dir:u,"aria-label":h,multiselectable:N,id:k,...b}=t,E=k?`${k}-list`:void 0,R={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"},z={left:u!=="rtl"?"chevron-left":"chevron-right",right:u!=="rtl"?"chevron-right":"chevron-left",to:u!=="rtl"?"chevron-double-right":"chevron-double-left",from:u!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"},v=d==null?void 0:d.map(C=>(0,F.jsx)(L,{icon:z[C],size:e,"aria-label":R[C]\|\|C},C));return(0,F.jsxs)("div",{...b,dir:u,className:i(t.className,Qt,S(Qt,{disabled:o}),{[`k-listbox-actions-${s}`]:s}),children:[d&&(0,F.jsx)("div",{className:i("k-listbox-actions",{"k-listbox-actions-scrollable":p,"k-listbox-actions-scrollable-start":p&&c==="start","k-listbox-actions-scrollable-end":p&&c==="end"}),role:"toolbar","aria-label":"ListBox actions","aria-controls":E,children:p?(0,F.jsx)("div",{className:"k-listbox-actions-items",children:v}):v}),(0,F.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,F.jsx)(y,{size:e,children:(0,F.jsx)(U,{"aria-label":h,"aria-multiselectable":N,listboxId:E,children:a})})})]})};B.states=Jo;B.options=Qo;B.className=Qt;B.defaultOptions=Ae;B.moduleName=Jt;B.folderName=Se;var Yo=require("react/jsx-runtime");var x=require("react/jsx-runtime"),Zo=B.options,jo=B.states,ti={...B.defaultOptions,variant:"single"},ei=[{name:"single",title:"Single"},{name:"multiple",title:"Multiple"}],oi=[],at=t=>{let{variant:e,...o}={...t};return e==="multiple"?(0,x.jsxs)("div",{className:"k-d-flex",children:[(0,x.jsxs)(nt,{...o,style:{height:"300px",width:"200px"},className:"k-pr-2",actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]}),(0,x.jsxs)(nt,{...t,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","x"],children:[(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{selected:!0,children:"List item"})]})]}):(0,x.jsxs)(nt,{...o,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]})};at.options=Zo;at.states=jo;at.variants=ei;at.defaultOptions=ti;at.modifiers=oi;at.className=B.className;var $=require("react/jsx-runtime"),nt=t=>{let e=f("listbox"),o=f("lb-item"),a=f("lb-item"),s=f("lb-item"),d=f("lb-item"),p=f("lb-item"),c=f("lb-item");return(0,$.jsx)(B,{id:e,"aria-label":"Available items",actions:["up","down","left","right","to","from","x"],children:[(0,$.jsx)(m,{id:o,focus:!0,children:"List item 1"},"ListItem1"),(0,$.jsx)(m,{id:a,selected:!0,children:"List item 2"},"ListItem2"),(0,$.jsx)(m,{id:s,children:"List item 3"},"ListItem3"),(0,$.jsx)(m,{id:d,children:"List item 4"},"ListItem4"),(0,$.jsx)(m,{id:p,children:"List item 5"},"ListItem5"),(0,$.jsx)(m,{id:c,children:"List item 6"},"ListItem6")],...t})};

package/dist/cjs/listbox/templates/listbox-scrollable.js ADDED Viewed

@@ -0,0 +1 @@

+ var _e=Object.create;var pt=Object.defineProperty;var He=Object.getOwnPropertyDescriptor;var ze=Object.getOwnPropertyNames;var Pe=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var De=(t,e)=>{for(var o in e)pt(t,o,{get:e[o],enumerable:!0})},jt=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ze(e))!we.call(t,s)&&s!==o&&pt(t,s,{get:()=>e[s],enumerable:!(a=He(e,s))||a.enumerable});return t};var te=(t,e,o)=>(o=t!=null?_e(Pe(t)):{},jt(e||!t||!t.__esModule?pt(o,"default",{value:t,enumerable:!0}):o,t)),Ge=t=>jt(pt({},"__esModule",{value:!0}),t);var si={};De(si,{ListBoxScrollable:()=>ii});module.exports=Ge(si);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),S=(t,e)=>{let{valid:o,invalid:a,hover:s,focus:d,checked:p,active:c,selected:u,disabled:h,indeterminate:N,loading:k,empty:b,readonly:E,highlighted:R,...z}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":d,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":N&&!p,"k-loading":k,"k-empty":b,"k-readonly":E,"k-highlighted":R},Object.keys(z).reduce((v,C)=>(C.startsWith("k-")?v[C]=z[C]:v[`k-${C}`]=z[C],v),{}))};function ee(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},V={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},P={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 f(t){return It[t]=(It[t]||0)+1,`k-${t}-${It[t]}`}var rt=require("react/jsx-runtime"),gt="k-font-icon",Ue=[],Fe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},$e={},lt=t=>{let{size:e,themeColor:o,icon:a,rotate:s,flip:d,...p}=t;return a?(0,rt.jsx)("span",{...p,className:i(t.className,gt,_(gt,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,rt.jsx)(rt.Fragment,{})};lt.states=Ue;lt.options=Fe;lt.className=gt;lt.defaultOptions=$e;var oe=lt;var X=require("react/jsx-runtime"),yt="k-svg-icon",Ve=[],Xe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},Ot={viewBox:"0 0 24 24",variant:P.outline},mt=t=>{var k,b;let{size:e,themeColor:o,rotate:a,flip:s,viewBox:d=Ot.viewBox,variant:p=Ot.variant,icon:c,...u}=t;if(!c)return(0,X.jsx)(X.Fragment,{});if(c==="none")return(0,X.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?p&&((k=c.variants)==null?void 0:k[p])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,X.jsx)("span",{...u,className:i(t.className,yt,_("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,X.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:t.children})})};mt.states=Ve;mt.options=Xe;mt.className=yt;mt.defaultOptions=Ot;var Mt=mt;var St=te(require("@progress/kendo-svg-icons"));var ie="icon",se="icons";var re=require("react");var ne=require("react"),ae=(0,ne.createContext)({iconsType:"svg"});var w=require("react/jsx-runtime"),ut="k-icon",We=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),qe=[],Je={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[P.outline,P.solid,P.duotone]},ft={viewBox:"0 0 24 24",type:"svg",variant:P.outline},T=t=>{let{iconsType:e}=(0,re.useContext)(ae),{size:o,themeColor:a,icon:s,type:d=e||ft.type,rotate:p,flip:c,viewBox:u=ft.viewBox,variant:h=ft.variant,...N}=t;if(!s)return(0,w.jsx)(w.Fragment,{});if((e||d)==="svg"){if(s==="none")return(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:s,size:o,variant:h});let b=St[s]?s:We(`${s}-icon`);return St[b]?(0,w.jsx)(Mt,{...N,className:i(t.className,ut),icon:St[b],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:h}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(oe,{...N,className:i(t.className,ut),icon:s,size:o,themeColor:a,rotate:p,flip:c})};T.states=qe;T.options=Je;T.defaultOptions=ft;T.className=ut;T.moduleName=ie;T.folderName=se;var At="button",le=At;var I=require("react/jsx-runtime"),ct="k-button",Qe=["icon-button"],Ye=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Ze={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[V.undefined,V.solid,V.flat,V.outline,V.clear,V.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},Et={showArrow:!1,arrowIconName:"chevron-down"},L=t=>{let{as:e="button",size:o,rounded:a,fillMode:s,themeColor:d,showArrow:p=Et.showArrow,arrowIconName:c=Et.arrowIconName,variant:u,hover:h,focus:N,active:k,selected:b,disabled:E,togglable:R,ariaDisabled:z,icon:v,endIcon:C,iconSize:Yt,text:dt,iconClassName:Zt,className:Te,...Ke}=t,Be=v!=null,Re=t.children!==void 0;return(0,I.jsxs)(e,{className:i(Te,ct,ee(ct,u),_(ct,{size:o,rounded:a,fillMode:s,themeColor:d}),S(ct,{hover:h,focus:N,active:k,disabled:E||z,selected:b}),{"k-icon-button":!dt&&!Re&&Be}),"aria-pressed":R?b?"true":"false":void 0,...Ke,"aria-disabled":z?"true":void 0,disabled:E||void 0,children:[typeof v=="string"&&v&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:v,size:Yt}),v&&typeof v!="string"&&(0,I.jsx)(I.Fragment,{children:v}),dt?(0,I.jsxs)(I.Fragment,{children:[dt&&(0,I.jsx)("span",{className:"k-button-text",children:dt}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),typeof C=="string"&&C&&(0,I.jsx)(T,{className:i(Zt,"k-button-icon"),icon:C,size:Yt}),C&&typeof C!="string"&&(0,I.jsx)(I.Fragment,{children:C}),p&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(T,{icon:c})})]})};L.states=Ye;L.options=Ze;L.variants=Qe;L.className=ct;L.defaultOptions=Et;L.moduleName=At;L.folderName=le;var ce=require("react/jsx-runtime"),me=t=>(0,ce.jsx)(L,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var pe=require("react/jsx-runtime"),de=t=>(0,pe.jsx)(L,{icon:"folder",children:"Button",...t});var fe=require("react/jsx-runtime"),ue=t=>(0,fe.jsx)(L,{children:"Button",...t});var xt=require("react/jsx-runtime"),je=L.options,to=L.states,eo={...L.defaultOptions,variant:"text"},oo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],io=[],Q=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,xt.jsx)(me,{...o,icon:"star"});case"icon-and-text":return(0,xt.jsx)(de,{...o,icon:"star",children:"Button"});default:return(0,xt.jsx)(ue,{...o,children:"Button"})}};Q.options=je;Q.states=to;Q.variants=oo;Q.defaultOptions=eo;Q.modifiers=io;Q.className=L.className;var bt=te(require("react"));var Tt=require("react/jsx-runtime"),so="k-list-group-sticky-header",Kt=t=>(0,Tt.jsx)("div",{className:i(so,t.className),children:(0,Tt.jsx)("div",{className:"k-list-header-text",children:t.children})});var xe=require("react/jsx-runtime"),no="k-no-data",Bt=t=>{let{live:e,...o}=t;return(0,xe.jsx)("span",{...o,className:i(no,t.className),"aria-live":e?"polite":void 0,children:t.children})};var W="list",Y=W;var Z=require("react/jsx-runtime"),Rt="k-list",ao=[],ro={size:[n.undefined,n.small,n.medium,n.large]},lo={},y=t=>{var R;let{size:e,virtualization:o,children:a,header:s,selectAll:d,optionLabel:p,customValue:c,noData:u,screenReaders:h,...N}=t,b=bt.default.Children.toArray(a)[0],E=(R=b==null?void 0:b.props)!=null&&R.children?bt.default.Children.count(b.props.children):bt.default.Children.count(a);return(0,Z.jsxs)("div",{...N,className:i(t.className,Rt,_(Rt,{size:e}),{"k-virtual-list":o}),children:[p,d,c,s&&(0,Z.jsx)(Kt,{children:s}),a||(u!==void 0?u:(0,Z.jsx)(Bt,{live:!0,children:"No data found."})),h&&a&&(0,Z.jsxs)(Bt,{className:"k-sr-only",live:!0,children:[E," items found."]})]})};y.states=ao;y.options=ro;y.className=Rt;y.defaultOptions=lo;y.moduleName=W;y.folderName=Y;var Le=require("react/jsx-runtime"),be="k-list-container",mo=[],co={},po={},j=t=>{let{...e}=t;return(0,Le.jsx)("div",{...e,className:i(t.className,be),children:t.children})};j.states=mo;j.options=co;j.className=be;j.defaultOptions=po;j.moduleName=W;j.folderName=Y;var q="checkbox",tt=q;var _t=require("react/jsx-runtime"),Lt="k-checkbox",uo=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],fo={size:[n.undefined,n.small,n.medium,n.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full]},xo={},K=t=>{let{id:e,checked:o,indeterminate:a,hover:s,focus:d,disabled:p,invalid:c,valid:u,required:h,size:N,rounded:k,wrapperRole:b,...E}=t;return(0,_t.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,_t.jsx)("input",{...E,id:e,type:"checkbox",defaultChecked:o,required:h,disabled:p||void 0,"aria-invalid":c?"true":void 0,className:i(t.className,Lt,_(Lt,{size:N,rounded:k}),S(Lt,{hover:s,focus:d,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};K.states=uo;K.options=fo;K.className=Lt;K.defaultOptions=xo;K.moduleName=q;K.folderName=tt;var H=K;var Ce=require("react/jsx-runtime"),he="k-checkbox-list",bo=[],Lo={},Ne={layout:"vertical"},O=t=>{let{layout:e=Ne.layout,...o}=t;return(0,Ce.jsx)("ul",{...o,className:i(t.className,he,{[`k-list-${e}`]:e}),children:t.children})};O.states=bo;O.options=Lo;O.className=he;O.defaultOptions=Ne;O.moduleName=q;O.folderName=tt;var ve=require("react/jsx-runtime"),ke="k-checkbox-list-item",ho=[],No={},Co={},M=t=>{let{...e}=t;return(0,ve.jsx)("li",{...e,className:i(t.className,ke),children:t.children})};M.states=ho;M.options=No;M.className=ke;M.defaultOptions=Co;M.moduleName=q;M.folderName=tt;var J=require("react/jsx-runtime"),D=({children:t="Label",id:e="cb-label-after",...o})=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(H,{id:e,...o}),(0,J.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var Ht=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var ko=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var g=require("react/jsx-runtime"),go=O.options,yo=O.states,Oo={...O.defaultOptions,variant:"vertical"},Mo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],So=[],et=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,g.jsxs)(O,{layout:"horizontal",...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]}):(0,g.jsxs)(O,{...o,children:[(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),defaultChecked:!0,children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})}),(0,g.jsx)(M,{children:(0,g.jsx)(D,{id:f("cb"),children:"Label"})})]})};et.options=go;et.states=yo;et.variants=Mo;et.defaultOptions=Oo;et.modifiers=So;et.className=O.className;var Ie=require("react/jsx-runtime"),Ao=H.options,Eo=H.states,To=H.defaultOptions,Ko=[],Bo=[],ot=t=>(0,Ie.jsx)(D,{id:f("checkbox"),...t,defaultChecked:!0,children:"Label"});ot.options=Ao;ot.states=Eo;ot.variants=Ko;ot.defaultOptions=To;ot.modifiers=Bo;ot.className=H.className;var G=require("react/jsx-runtime"),wt="k-list-item",Ro=[l.hover,l.focus,l.selected,l.disabled],_o={},Ho={},m=t=>{let{text:e,iconName:o,iconClassName:a,showCheckbox:s,checked:d,hover:p,focus:c,selected:u,disabled:h,actions:N,description:k,id:b,...E}=t,R=e||t.children,z=e||(typeof R=="string"?R:void 0);return(0,G.jsxs)("li",{...E,id:b,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":h?"true":void 0,className:i(t.className,wt,S(wt,{hover:p,focus:c,disabled:h,selected:u})),children:[s&&(0,G.jsx)(K,{checked:d,disabled:h,"aria-label":z,tabIndex:-1}),o&&(0,G.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,G.jsx)(T,{icon:o,className:i("k-list-item-icon",a)})}),(0,G.jsx)("span",{className:"k-list-item-text",children:R}),N&&(0,G.jsx)("div",{className:"k-list-item-actions",children:N}),k&&(0,G.jsx)("span",{className:"k-list-item-description",children:k})]})};m.states=Ro;m.options=_o;m.className=wt;m.defaultOptions=Ho;m.moduleName=W;m.folderName=Y;var ge=require("react/jsx-runtime"),zo="k-list-ul",ht=t=>{let{children:e,role:o,id:a,...s}=t;return(0,ge.jsx)("ul",{...s,id:a,role:o,className:i(zo,t.className),children:e})};var it=require("react/jsx-runtime"),Po="k-list-content",U=t=>{let{virtualization:e,grouping:o,"aria-label":a,"aria-labelledby":s,listboxId:d,...p}=t;return(0,it.jsxs)("div",{...p,className:i(Po,t.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?s:void 0,children:[o?t.children:(0,it.jsx)(ht,{role:"listbox",id:d,"aria-label":a,"aria-labelledby":s,children:t.children}),e&&(0,it.jsx)("div",{className:"k-height-container",children:(0,it.jsx)("div",{})})]})};var st=require("react/jsx-runtime"),Nt="k-list-sticky-header",wo=[l.hover,l.focus,l.selected],Do={},Go={},Ct=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:a,indeterminate:s,hover:d,focus:p,selected:c,...u}=t;return(0,st.jsx)("div",{...u,className:i(Nt,t.className),children:(0,st.jsxs)("div",{className:i(`${Nt}-item`,S(`${Nt}-item`,{hover:d,focus:p,selected:c})),"aria-label":e,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,st.jsx)(K,{checked:a,indeterminate:s,"aria-label":e}),(0,st.jsx)("span",{className:"k-list-item-text",children:e})]})})};Ct.states=wo;Ct.options=Do;Ct.className=Nt;Ct.defaultOptions=Go;var Dt=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Gt="k-list-optionlabel",Uo=[l.hover,l.focus,l.selected,l.disabled],Fo={},$o={},kt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Oe.jsx)("div",{...p,className:i(Gt,S(Gt,{hover:o,focus:a,selected:s,disabled:d})),children:e})};kt.states=Uo;kt.options=Fo;kt.className=Gt;kt.defaultOptions=$o;var Me=require("react/jsx-runtime"),Ut="k-list-custom-value",Vo=[l.hover,l.focus,l.selected,l.disabled],Xo={},Wo={},vt=t=>{let{text:e,hover:o,focus:a,selected:s,disabled:d,...p}=t;return(0,Me.jsx)("div",{...p,className:i(Ut,S(Ut,{hover:o,focus:a,selected:s,disabled:d})),children:e})};vt.states=Vo;vt.options=Xo;vt.className=Ut;vt.defaultOptions=Wo;var Ft=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var Vt=require("react/jsx-runtime");var Xt=require("react/jsx-runtime");var Jo=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var qt=require("react/jsx-runtime");var Jt="listbox",Se=Jt;var F=require("react/jsx-runtime"),Qt="k-listbox",Qo=[l.disabled],Yo={size:[n.undefined,n.small,n.medium,n.large]},Ae={actionsPosition:"left"},B=t=>{let{size:e,disabled:o,children:a,actionsPosition:s=Ae.actionsPosition,actions:d,actionsScrollable:p,actionsScrollingPosition:c,dir:u,"aria-label":h,multiselectable:N,id:k,...b}=t,E=k?`${k}-list`:void 0,R={left:"Move left",right:"Move right",to:"Move all right",from:"Move all left",up:"Move up",down:"Move down",x:"Remove"},z={left:u!=="rtl"?"chevron-left":"chevron-right",right:u!=="rtl"?"chevron-right":"chevron-left",to:u!=="rtl"?"chevron-double-right":"chevron-double-left",from:u!=="rtl"?"chevron-double-left":"chevron-double-right",up:"chevron-up",down:"chevron-down",x:"x"},v=d==null?void 0:d.map(C=>(0,F.jsx)(L,{icon:z[C],size:e,"aria-label":R[C]||C},C));return(0,F.jsxs)("div",{...b,dir:u,className:i(t.className,Qt,S(Qt,{disabled:o}),{[`k-listbox-actions-${s}`]:s}),children:[d&&(0,F.jsx)("div",{className:i("k-listbox-actions",{"k-listbox-actions-scrollable":p,"k-listbox-actions-scrollable-start":p&&c==="start","k-listbox-actions-scrollable-end":p&&c==="end"}),role:"toolbar","aria-label":"ListBox actions","aria-controls":E,children:p?(0,F.jsx)("div",{className:"k-listbox-actions-items",children:v}):v}),(0,F.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,F.jsx)(y,{size:e,children:(0,F.jsx)(U,{"aria-label":h,"aria-multiselectable":N,listboxId:E,children:a})})})]})};B.states=Qo;B.options=Yo;B.className=Qt;B.defaultOptions=Ae;B.moduleName=Jt;B.folderName=Se;var x=require("react/jsx-runtime"),Zo=B.options,jo=B.states,ti={...B.defaultOptions,variant:"single"},ei=[{name:"single",title:"Single"},{name:"multiple",title:"Multiple"}],oi=[],at=t=>{let{variant:e,...o}={...t};return e==="multiple"?(0,x.jsxs)("div",{className:"k-d-flex",children:[(0,x.jsxs)(nt,{...o,style:{height:"300px",width:"200px"},className:"k-pr-2",actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]}),(0,x.jsxs)(nt,{...t,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","x"],children:[(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{selected:!0,children:"List item"})]})]}):(0,x.jsxs)(nt,{...o,style:{height:"300px",width:"200px"},actionsPosition:"right",actions:["up","down","left","right","to","from","x"],children:[(0,x.jsx)(m,{selected:!0,children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"}),(0,x.jsx)(m,{children:"List item"})]})};at.options=Zo;at.states=jo;at.variants=ei;at.defaultOptions=ti;at.modifiers=oi;at.className=B.className;var $=require("react/jsx-runtime"),nt=t=>{let e=f("listbox"),o=f("lb-item"),a=f("lb-item"),s=f("lb-item"),d=f("lb-item"),p=f("lb-item"),c=f("lb-item");return(0,$.jsx)(B,{id:e,"aria-label":"Available items",actions:["up","down","left","right","to","from","x"],children:[(0,$.jsx)(m,{id:o,focus:!0,children:"List item 1"},"ListItem1"),(0,$.jsx)(m,{id:a,selected:!0,children:"List item 2"},"ListItem2"),(0,$.jsx)(m,{id:s,children:"List item 3"},"ListItem3"),(0,$.jsx)(m,{id:d,children:"List item 4"},"ListItem4"),(0,$.jsx)(m,{id:p,children:"List item 5"},"ListItem5"),(0,$.jsx)(m,{id:c,children:"List item 6"},"ListItem6")],...t})};var Ee=require("react/jsx-runtime"),ii=({actionsScrollingPosition:t="start",...e})=>(0,Ee.jsx)(nt,{actionsScrollable:!0,actionsScrollingPosition:t,...e});