@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 22.9 kB
JavaScript
var At=Object.create;var de=Object.defineProperty;var Tt=Object.getOwnPropertyDescriptor;var Et=Object.getOwnPropertyNames;var Kt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var Bt=(e,t)=>{for(var o in t)de(e,o,{get:t[o],enumerable:!0})},qe=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Et(t))!Rt.call(e,a)&&a!==o&&de(e,a,{get:()=>t[a],enumerable:!(s=Tt(t,a))||s.enumerable});return e};var Je=(e,t,o)=>(o=e!=null?At(Kt(e)):{},qe(t||!e||!e.__esModule?de(o,"default",{value:e,enumerable:!0}):o,e)),_t=e=>qe(de({},"__esModule",{value:!0}),e);var Wo={};Bt(Wo,{LISTBOX_CLASSNAME:()=>ge,ListBox:()=>P,default:()=>Xo});module.exports=_t(Wo);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),y=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:d,checked:c,active:m,selected:b,disabled:f,indeterminate:h,loading:x,empty:p,readonly:L,highlighted:_,...D}=t;return i({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":d,"k-checked":c,"k-active":m,"k-selected":b,"k-disabled":f,"k-indeterminate":h&&!c,"k-loading":x,"k-empty":p,"k-readonly":L,"k-highlighted":_},Object.keys(D).reduce((v,G)=>(G.startsWith("k-")?v[G]=D[G]:v[`k-${G}`]=D[G],v),{}))};function Qe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},I={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"},R={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 Ne={};function M(e){return Ne[e]=(Ne[e]||0)+1,`k-${e}-${Ne[e]}`}var ne=require("react/jsx-runtime"),Ce="k-font-icon",Ht=[],zt={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]},wt={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:d,...c}=e;return s?(0,ne.jsx)("span",{...c,className:i(e.className,Ce,E(Ce,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,ne.jsx)(ne.Fragment,{})};ae.states=Ht;ae.options=zt;ae.className=Ce;ae.defaultOptions=wt;var Ye=ae;var $=require("react/jsx-runtime"),ve="k-svg-icon",Pt=[],Dt={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:[R.outline,R.solid,R.duotone]},ye={viewBox:"0 0 24 24",variant:R.outline},re=e=>{var x,p;let{size:t,themeColor:o,rotate:s,flip:a,viewBox:d=ye.viewBox,variant:c=ye.variant,icon:m,...b}=e;if(!m)return(0,$.jsx)($.Fragment,{});if(m==="none")return(0,$.jsx)("span",{...b,className:i(e.className,ve,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?c&&((x=m.variants)==null?void 0:x[c])||((p=m.variants)==null?void 0:p.outline)||m.content:void 0;return(0,$.jsx)("span",{...b,className:i(e.className,ve,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="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:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};re.states=Pt;re.options=Dt;re.className=ve;re.defaultOptions=ye;var Ie=re;var Me=Je(require("@progress/kendo-svg-icons"));var Ze="icon",je="icons";var ot=require("react");var et=require("react"),tt=(0,et.createContext)({iconsType:"svg"});var H=require("react/jsx-runtime"),me="k-icon",Gt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ut=[],Ft={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:[R.outline,R.solid,R.duotone]},pe={viewBox:"0 0 24 24",type:"svg",variant:R.outline},O=e=>{let{iconsType:t}=(0,ot.useContext)(tt),{size:o,themeColor:s,icon:a,type:d=t||pe.type,rotate:c,flip:m,viewBox:b=pe.viewBox,variant:f=pe.variant,...h}=e;if(!a)return(0,H.jsx)(H.Fragment,{});if((t||d)==="svg"){if(a==="none")return(0,H.jsx)(Ie,{...h,className:i(e.className,me),icon:a,size:o,variant:f});let p=Me[a]?a:Gt(`${a}-icon`);return Me[p]?(0,H.jsx)(Ie,{...h,className:i(e.className,me),icon:Me[p],size:o,themeColor:s,rotate:c,flip:m,viewBox:b,variant:f}):(0,H.jsx)(H.Fragment,{})}return(0,H.jsx)(Ye,{...h,className:i(e.className,me),icon:a,size:o,themeColor:s,rotate:c,flip:m})};O.states=Ut;O.options=Ft;O.defaultOptions=pe;O.className=me;O.moduleName=Ze;O.folderName=je;O.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Oe="button",it=Oe;var A=require("react/jsx-runtime"),le="k-button",$t=["icon-button"],Vt=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Xt={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[I.undefined,I.none,I.small,I.medium,I.large,I.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]},Se={showArrow:!1,arrowIconName:"chevron-down"},u=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:d,showArrow:c=Se.showArrow,arrowIconName:m=Se.arrowIconName,variant:b,hover:f,focus:h,active:x,selected:p,disabled:L,togglable:_,ariaDisabled:D,icon:v,iconSize:G,text:se,iconClassName:yt,className:It,...Mt}=e,Ot=v!=null,St=e.children!==void 0;return(0,A.jsxs)(t,{className:i(It,le,Qe(le,b),E(le,{size:o,rounded:s,fillMode:a,themeColor:d}),y(le,{hover:f,focus:h,active:x,disabled:L||D,selected:p}),{"k-icon-button":!se&&!St&&Ot}),"aria-pressed":_?p?"true":"false":void 0,...Mt,"aria-disabled":D?"true":void 0,disabled:L||void 0,children:[typeof v=="string"&&v&&(0,A.jsx)(O,{className:i(yt,"k-button-icon"),icon:v,size:G}),v&&typeof v!="string"&&(0,A.jsx)(A.Fragment,{children:v}),se?(0,A.jsxs)(A.Fragment,{children:[se&&(0,A.jsx)("span",{className:"k-button-text",children:se}),e.children]}):e.children&&(0,A.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,A.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,A.jsx)(O,{icon:m})})]})};u.states=Vt;u.options=Xt;u.variants=$t;u.className=le;u.defaultOptions=Se;u.moduleName=Oe;u.folderName=it;u.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var nt=require("react/jsx-runtime"),st=e=>(0,nt.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var rt=require("react/jsx-runtime"),at=e=>(0,rt.jsx)(u,{icon:"folder",children:"Button",...e});var ct=require("react/jsx-runtime"),lt=e=>(0,ct.jsx)(u,{children:"Button",...e});var ue=require("react/jsx-runtime"),Wt=u.options,qt=u.states,Jt={...u.defaultOptions,variant:"text"},Qt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yt=[],q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ue.jsx)(st,{...o,icon:"star"});case"icon-and-text":return(0,ue.jsx)(at,{...o,icon:"star",children:"Button"});default:return(0,ue.jsx)(lt,{...o,children:"Button"})}};q.options=Wt;q.states=qt;q.variants=Qt;q.defaultOptions=Jt;q.modifiers=Yt;q.className=u.className;var be=Je(require("react"));var Ae=require("react/jsx-runtime"),Zt="k-list-group-sticky-header",Te=e=>(0,Ae.jsx)("div",{className:i(Zt,e.className),children:(0,Ae.jsx)("div",{className:"k-list-header-text",children:e.children})});var dt=require("react/jsx-runtime"),jt="k-no-data",Ee=e=>{let{live:t,...o}=e;return(0,dt.jsx)("span",{...o,className:i(jt,e.className),"aria-live":t?"polite":void 0,children:e.children})};var V="list",J=V;var Q=require("react/jsx-runtime"),Ke="k-list",eo=[],to={size:[n.undefined,n.small,n.medium,n.large]},oo={},g=e=>{var _;let{size:t,virtualization:o,children:s,header:a,selectAll:d,optionLabel:c,customValue:m,noData:b,screenReaders:f,...h}=e,p=be.default.Children.toArray(s)[0],L=(_=p==null?void 0:p.props)!=null&&_.children?be.default.Children.count(p.props.children):be.default.Children.count(s);return(0,Q.jsxs)("div",{...h,className:i(e.className,Ke,E(Ke,{size:t}),{"k-virtual-list":o}),children:[c,d,m,a&&(0,Q.jsx)(Te,{children:a}),s||(b!==void 0?b:(0,Q.jsx)(Ee,{live:!0,children:"No data found."})),f&&s&&(0,Q.jsxs)(Ee,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};g.states=eo;g.options=to;g.className=Ke;g.defaultOptions=oo;g.moduleName=V;g.folderName=J;g.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var pt=require("react/jsx-runtime"),mt="k-list-container",io=[],so={},no={},Y=e=>{let{...t}=e;return(0,pt.jsx)("div",{...t,className:i(e.className,mt),children:e.children})};Y.states=io;Y.options=so;Y.className=mt;Y.defaultOptions=no;Y.moduleName=V;Y.folderName=J;var X="checkbox",Z=X;var Re=require("react/jsx-runtime"),fe="k-checkbox",ao=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],ro={size:[n.undefined,n.small,n.medium,n.large],rounded:[I.undefined,I.none,I.small,I.medium,I.large,I.full]},lo={},S=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:d,disabled:c,invalid:m,valid:b,required:f,size:h,rounded:x,wrapperRole:p,...L}=e;return(0,Re.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,Re.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:i(e.className,fe,E(fe,{size:h,rounded:x}),y(fe,{hover:a,focus:d,disabled:c,invalid:m,valid:b,indeterminate:s,checked:o}))})})};S.states=ao;S.options=ro;S.className=fe;S.defaultOptions=lo;S.moduleName=X;S.folderName=Z;S.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var K=S;var ft=require("react/jsx-runtime"),ut="k-checkbox-list",co=[],mo={},bt={layout:"vertical"},N=e=>{let{layout:t=bt.layout,...o}=e;return(0,ft.jsx)("ul",{...o,className:i(e.className,ut,{[`k-list-${t}`]:t}),children:e.children})};N.states=co;N.options=mo;N.className=ut;N.defaultOptions=bt;N.moduleName=X;N.folderName=Z;var xt=require("react/jsx-runtime"),ht="k-checkbox-list-item",po=[],uo={},bo={},C=e=>{let{...t}=e;return(0,xt.jsx)("li",{...t,className:i(e.className,ht),children:e.children})};C.states=po;C.options=uo;C.className=ht;C.defaultOptions=bo;C.moduleName=X;C.folderName=Z;var W=require("react/jsx-runtime"),z=({children:e="Label",id:t="cb-label-after",...o})=>(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(K,{id:t,...o}),(0,W.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Be=require("react/jsx-runtime");var _e=require("react/jsx-runtime");var He=require("react/jsx-runtime");var fo=require("react/jsx-runtime");var ho=require("react/jsx-runtime");var xo=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Lo=N.options,ko=N.states,go={...N.defaultOptions,variant:"vertical"},No=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Co=[],j=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,k.jsxs)(N,{layout:"horizontal",...o,children:[(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),defaultChecked:!0,children:"Label"})}),(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),children:"Label"})}),(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),children:"Label"})})]}):(0,k.jsxs)(N,{...o,children:[(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),defaultChecked:!0,children:"Label"})}),(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),children:"Label"})}),(0,k.jsx)(C,{children:(0,k.jsx)(z,{id:M("cb"),children:"Label"})})]})};j.options=Lo;j.states=ko;j.variants=No;j.defaultOptions=go;j.modifiers=Co;j.className=N.className;var Lt=require("react/jsx-runtime"),vo=K.options,yo=K.states,Io=K.defaultOptions,Mo=[],Oo=[],ee=e=>(0,Lt.jsx)(z,{id:M("checkbox"),...e,defaultChecked:!0,children:"Label"});ee.options=vo;ee.states=yo;ee.variants=Mo;ee.defaultOptions=Io;ee.modifiers=Oo;ee.className=K.className;var B=require("react/jsx-runtime"),ze="k-list-item",So=[l.hover,l.focus,l.selected,l.disabled],Ao={},To={},T=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:d,showCheckbox:c,checked:m,hover:b,focus:f,selected:h,disabled:x,actions:p,description:L,id:_,...D}=e,v=t||e.children;return(0,B.jsxs)("li",{...D,id:_,role:s?"presentation":"option",tabIndex:s?void 0:f?0:-1,"aria-selected":!s&&h?"true":s?void 0:"false","aria-disabled":!s&&x?"true":void 0,className:i(e.className,s?"k-list-group-item":ze,y(ze,{hover:b,focus:f,disabled:x,selected:h})),children:[c&&(0,B.jsx)(S,{checked:m}),a&&(0,B.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,B.jsx)(O,{icon:a,className:i("k-list-item-icon",d)})}),(0,B.jsx)("span",{className:"k-list-item-text",children:v}),p&&(0,B.jsx)("div",{className:"k-list-item-actions",children:p}),L&&(0,B.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,B.jsx)("div",{className:"k-list-item-group-label",children:o})]})};T.states=So;T.options=Ao;T.className=ze;T.defaultOptions=To;T.moduleName=V;T.folderName=J;T.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var kt=require("react/jsx-runtime"),Eo="k-list-ul",ce=e=>{let{children:t,role:o,id:s,...a}=e;return(0,kt.jsx)("ul",{...a,id:s,role:o,className:i(Eo,e.className),children:t})};ce.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var te=require("react/jsx-runtime"),Ko="k-list-content",w=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:d,...c}=e;return(0,te.jsxs)("div",{...c,className:i(Ko,e.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:(0,te.jsx)(ce,{role:"listbox",id:d,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&(0,te.jsx)("div",{className:"k-height-container",children:(0,te.jsx)("div",{})})]})};w.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var oe=require("react/jsx-runtime"),he="k-list-sticky-header",Ro=[l.hover,l.focus,l.selected],Bo={},_o={},xe=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:s,indeterminate:a,hover:d,focus:c,selected:m,...b}=e;return(0,oe.jsx)("div",{...b,className:i(he,e.className),children:(0,oe.jsxs)("div",{className:i(`${he}-item`,y(`${he}-item`,{hover:d,focus:c,selected:m})),children:[o&&(0,oe.jsx)(S,{checked:s,indeterminate:a,"aria-label":t}),(0,oe.jsx)("span",{className:"k-list-item-text",children:t})]})})};xe.states=Ro;xe.options=Bo;xe.className=he;xe.defaultOptions=_o;var we=require("react/jsx-runtime");var ie=require("react/jsx-runtime"),Ho="k-list-group-item",Pe=e=>{let{groupIconName:t,...o}=e;return(0,ie.jsxs)("li",{...o,role:"presentation",className:i(Ho,e.className),children:[t&&(0,ie.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ie.jsx)(O,{icon:t,className:"k-list-item-icon"})}),(0,ie.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Pe.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var gt=require("react/jsx-runtime"),De="k-list-optionlabel",zo=[l.hover,l.focus,l.selected,l.disabled],wo={},Po={},Le=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:d,...c}=e;return(0,gt.jsx)("div",{...c,className:i(De,y(De,{hover:o,focus:s,selected:a,disabled:d})),children:t})};Le.states=zo;Le.options=wo;Le.className=De;Le.defaultOptions=Po;var Nt=require("react/jsx-runtime"),Ge="k-list-custom-value",Do=[l.hover,l.focus,l.selected,l.disabled],Go={},Uo={},ke=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:d,...c}=e;return(0,Nt.jsx)("div",{...c,className:i(Ge,y(Ge,{hover:o,focus:s,selected:a,disabled:d})),children:t})};ke.states=Do;ke.options=Go;ke.className=Ge;ke.defaultOptions=Uo;var Ue=require("react/jsx-runtime");var Fe=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var Fo=require("react/jsx-runtime");var Xe=require("react/jsx-runtime");var We="listbox",Ct=We;var U=require("react/jsx-runtime"),ge="k-listbox",$o=[l.disabled],Vo={size:[n.undefined,n.small,n.medium,n.large]},vt={actionsPosition:"left"},P=e=>{let{size:t,disabled:o,children:s,actionsPosition:a=vt.actionsPosition,actions:d,dir:c,"aria-label":m,multiselectable:b,id:f,...h}=e,x=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,U.jsxs)("div",{...h,dir:c,className:i(e.className,ge,y(ge,{disabled:o}),{[`k-listbox-actions-${a}`]:a}),children:[d&&(0,U.jsx)("div",{className:"k-listbox-actions",role:"toolbar","aria-label":"ListBox actions","aria-controls":x,children:d.map(L=>(0,U.jsx)(u,{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"}[L],size:t,"aria-label":p[L]||L},L))}),(0,U.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,U.jsx)(g,{size:t,children:(0,U.jsx)(w,{"aria-label":m,"aria-multiselectable":b,listboxId:x,children:s})})})]})};P.states=$o;P.options=Vo;P.className=ge;P.defaultOptions=vt;P.moduleName=We;P.folderName=Ct;P.ariaSpec={selector:".k-listbox",rules:[{selector:".k-listbox .k-list-ul",attribute:"role=listbox",usage:"Specifies the role of the ListBox list element."},{selector:".k-listbox .k-list-ul",attribute:"aria-label or aria-labelledby",usage:"Adds a label to the list element of the ListBox."},{selector:".k-listbox .k-list-item",attribute:"role=option",usage:"Specifies the role of the ListBox item element."},{selector:".k-listbox .k-list-item",attribute:"aria-selected=true/false",usage:"Set to true if the item is selected."},{selector:".k-listbox .k-list-item",attribute:"tabindex",usage:"The focused listbox item should have tabindex 0, all others -1."},{selector:".k-listbox-actions",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons."},{selector:".k-listbox-actions",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-listbox-actions",attribute:"aria-controls (when present)",usage:"Points to the id of the listbox element being controlled."},{selector:".k-listbox-actions .k-button",attribute:"aria-label or title",usage:"All buttons in the toolbar must have labels."}]};var Xo=P;