@progress/kendo-themes-html/dist/cjs/listbox/listbox.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var ie=Object.create;var it=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty;var me=(t,e)=>{for(var o in e)it(t,o,{get:e[o],enumerable:!0})},Tt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of re(e))!le.call(t,l)&&l!==o&&it(t,l,{get:()=>e[l],enumerable:!(r=ne(e,l))||r.enumerable});return t};var pe=(t,e,o)=>(o=t!=null?ie(ae(t)):{},Tt(e||!t||!t.__esModule?it(o,"default",{value:t,enumerable:!0}):o,t)),ce=t=>Tt(it({},"__esModule",{value:!0}),t);var ao={};me(ao,{LISTBOX_CLASSNAME:()=>st,ListBox:()=>w,default:()=>ro});module.exports=ce(ao);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var h=(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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),C=(t,e)=>{let{valid:o,invalid:r,hover:l,focus:p,checked:a,active:L,selected:c,disabled:d,indeterminate:N,loading:b,empty:f,readonly:x,highlighted:B,...K}=e;return i({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":p,"k-checked":a,"k-active":L,"k-selected":c,"k-disabled":d,"k-indeterminate":N&&!a,"k-loading":b,"k-empty":f,"k-readonly":x,"k-highlighted":B},Object.keys(K).reduce((v,y)=>(y.startsWith("k-")?v[y]=K[y]:v[`k-${y}`]=K[y],v),{}))};function Kt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={small:"small",medium:"medium",large:"large",full:"full"},P={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},m={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 Z=require("react/jsx-runtime"),mt="k-font-icon",de=[],ue={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},Le={},j=t=>{let{size:e,themeColor:o,icon:r,rotate:l,flip:p,...a}=t;return r?(0,Z.jsx)("span",{...a,className:i(t.className,mt,h(mt,{size:e}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,Z.jsx)(Z.Fragment,{})};j.states=de;j.options=ue;j.className=mt;j.defaultOptions=Le;var zt=j;var $=require("react/jsx-runtime"),pt="k-svg-icon",fe=[],xe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},_t={viewBox:"0 0 24 24"},tt=t=>{let{size:e,themeColor:o,rotate:r,flip:l,viewBox:p=_t.viewBox,icon:a,...L}=t;if(!a)return(0,$.jsx)($.Fragment,{});a==="none"&&{...L,className:i(t.className,pt,"k-none")};let c=typeof a=="object"&&a.name&&a.name;return(0,$.jsx)("span",{...L,className:i(t.className,pt,h("k-icon",{size:e}),{[`k-svg-i-${c}`]:c,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,$.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:p,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};tt.states=fe;tt.options=xe;tt.className=pt;tt.defaultOptions=_t;var ct=tt;var dt=pe(require("@progress/kendo-svg-icons"));var Ht="icon",Bt="icons";var z=require("react/jsx-runtime"),nt="k-icon",be=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),he=[],Ne={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},ut={viewBox:"0 0 24 24",type:"svg"},E=t=>{let{size:e,themeColor:o,icon:r,type:l=ut.type,rotate:p,flip:a,viewBox:L=ut.viewBox,...c}=t;if(!r)return(0,z.jsx)(z.Fragment,{});if(l==="svg"){if(r==="none")return(0,z.jsx)(ct,{...c,className:i(t.className,nt),icon:r,size:e});let d=dt[r]?r:be(`${r}-icon`);return dt[d]?(0,z.jsx)(ct,{...c,className:i(t.className,nt),icon:dt[d],size:e,themeColor:o,rotate:p,flip:a,viewBox:L}):(0,z.jsx)(z.Fragment,{})}return(0,z.jsx)(zt,{...c,className:i(t.className,nt),icon:r,size:e,themeColor:o,rotate:p,flip:a})};E.states=he;E.options=Ne;E.defaultOptions=ut;E.className=nt;E.moduleName=Ht;E.folderName=Bt;var Lt="button",Rt=Lt;var I=require("react/jsx-runtime"),et="k-button",Ce=["icon-button"],ke=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],ge={size:[s.small,s.medium,s.large],rounded:[k.small,k.medium,k.large,k.full],fillMode:[P.solid,P.flat,P.outline,P.clear,P.link],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark,n.inverse]},U={size:s.medium,rounded:k.medium,fillMode:P.solid,themeColor:n.base,showArrow:!1,arrowIconName:"caret-alt-down"},g=t=>{let{size:e=U.size,rounded:o=U.rounded,fillMode:r=U.fillMode,themeColor:l=U.themeColor,showArrow:p=U.showArrow,arrowIconName:a=U.arrowIconName,variant:L,hover:c,focus:d,active:N,selected:b,disabled:f,icon:x,text:B,iconClassName:K,...v}=t,y=x!==void 0,se=t.children!==void 0;return(0,I.jsxs)("button",{...v,className:i(t.className,et,Kt(et,L),h(et,{size:e,rounded:o,fillMode:r,themeColor:l}),C(et,{hover:c,focus:d,active:N,disabled:f,selected:b}),{"k-icon-button":!B&&!se&&y}),children:[x&&(0,I.jsx)(E,{className:i(K,"k-button-icon"),icon:x}),B?(0,I.jsxs)(I.Fragment,{children:[B&&(0,I.jsx)("span",{className:"k-button-text",children:B}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),p&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(E,{icon:a})})]})};g.states=ke;g.options=ge;g.variants=Ce;g.className=et;g.defaultOptions=U;g.moduleName=Lt;g.folderName=Rt;var Me=require("react/jsx-runtime");var ve=require("react/jsx-runtime");var Ee=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),Ie="k-no-data",ot=t=>(0,Dt.jsx)("span",{className:i(Ie,t.className),children:t.children});var _="list",R=_;var A=require("react/jsx-runtime"),ft="k-list",ye=[],Ae={size:[s.small,s.medium,s.large]},Gt={size:s.medium},M=t=>{let{size:e=Gt.size,virtualization:o,children:r,optionLabel:l,customValue:p,screenReaders:a,...L}=t,c,d,N,b,f=[];return r?r.map((x,B)=>{x.type===O?(x.props.root===!0?(c=x.props.label,x.props.children.map((K,v)=>{f.push((0,A.jsx)(u,{...K.props},`optChild-${v}-${new Date().getTime()}`))})):x.props.children.forEach((K,v)=>{let y="";v===0&&(y=x.props.label),f.push((0,A.jsx)(u,{className:v===0?"k-first":"",...K.props,groupLabel:y},`groupLabel-${v}-${new Date().getTime()}`))}),d=(0,A.jsx)(O,{label:c,virtualization:o,children:f})):x.type===u&&(f.push((0,A.jsx)(u,{...x.props},`${x.type}-${B}`)),N=(0,A.jsx)(W,{virtualization:o,children:f}),a&&(b=(0,A.jsxs)(ot,{className:"k-sr-only",children:[f.length," items found."]})))}):b=(0,A.jsx)(ot,{children:"No data found."}),(0,A.jsxs)("div",{...L,className:i(t.className,ft,h(ft,{size:e}),{"k-virtual-list":o}),children:[l,p,d,N,b]})};M.states=ye;M.options=Ae;M.className=ft;M.defaultOptions=Gt;M.moduleName=_;M.folderName=R;var Pt=require("react/jsx-runtime"),wt="k-list-container",Oe=[],Se={},Te={},q=t=>{let{...e}=t;return(0,Pt.jsx)("div",{...e,className:i(t.className,wt),children:t.children})};q.states=Oe;q.options=Se;q.className=wt;q.defaultOptions=Te;q.moduleName=_;q.folderName=R;var S=require("react/jsx-runtime"),xt="k-list",Ke=[],ze={size:[s.small,s.medium,s.large]},$t={size:s.medium},H=t=>{let{size:e=$t.size,virtualization:o,children:r,...l}=t,p,a,L,c=[];return r?r.map((d,N)=>{d.type===O?(d.props.root===!0?(p=d.props.label,d.props.children.map((b,f)=>{c.push((0,S.jsx)(u,{...b.props},`optChild-${f}-${new Date().getTime()}`))})):(c.push((0,S.jsx)(Ut,{...d.props,children:d.props.label},`listChild-${N}`)),d.props.children.map((b,f)=>{c.push((0,S.jsx)(u,{...b.props},`fwOptChild-${f}-${new Date().getTime()}`))})),a=(0,S.jsx)(O,{label:p,virtualization:o,children:c})):d.type===u&&(c.push((0,S.jsx)(u,{...d.props},`${d.type}-${N}`)),L=(0,S.jsx)(W,{virtualization:o,children:c}))}):L=(0,S.jsx)(ot,{children:"No data found."}),(0,S.jsxs)("div",{...l,className:i(t.className,xt,h(xt,{size:e}),{"k-virtual-list":o}),children:[a,L]})};H.states=Ke;H.options=ze;H.className=xt;H.defaultOptions=$t;H.moduleName=_;H.folderName=R;var X="checkbox",Q=X;var ht=require("react/jsx-runtime"),rt="k-checkbox",_e=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.checked,m.indeterminate],He={size:[s.small,s.medium,s.large],rounded:[k.small,k.medium,k.large,k.full]},bt={size:s.medium,rounded:k.medium},T=t=>{let{id:e,checked:o,indeterminate:r,hover:l,focus:p,disabled:a,invalid:L,valid:c,required:d,size:N=bt.size,rounded:b=bt.rounded,...f}=t;return(0,ht.jsx)("span",{className:"k-checkbox-wrap",children:(0,ht.jsx)("input",{...f,id:e,type:"checkbox",defaultChecked:o,required:d,className:i(t.className,rt,h(rt,{size:N,rounded:b}),C(rt,{hover:l,focus:p,disabled:a,invalid:L,valid:c,indeterminate:r,checked:o}))})})};T.states=_e;T.options=He;T.className=rt;T.defaultOptions=bt;T.moduleName=X;T.folderName=Q;var Vt=require("react/jsx-runtime"),Xt="k-checkbox-list",Be=[],Re={},Ft={layout:"vertical"},D=t=>{let{layout:e=Ft.layout,...o}=t;return(0,Vt.jsx)("ul",{...o,className:i(t.className,Xt,{[`k-list-${e}`]:e}),children:t.children})};D.states=Be;D.options=Re;D.className=Xt;D.defaultOptions=Ft;D.moduleName=X;D.folderName=Q;var Wt=require("react/jsx-runtime"),Jt="k-checkbox-list-item",De=[],Ge={},we={},G=t=>{let{...e}=t;return(0,Wt.jsx)("li",{...e,className:i(t.className,Jt),children:t.children})};G.states=De;G.options=Ge;G.className=Jt;G.defaultOptions=we;G.moduleName=X;G.folderName=Q;var Ct=require("react/jsx-runtime");var kt=require("react/jsx-runtime");var gt=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var Pe=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var F=require("react/jsx-runtime"),vt="k-list-item",Ue=[m.hover,m.focus,m.selected,m.disabled],Xe={},Fe={},u=t=>{let{text:e,groupLabel:o,group:r,showIcon:l,iconName:p,showCheckbox:a,checked:L,hover:c,focus:d,selected:N,disabled:b,...f}=t,x=e||t.children;return(0,F.jsxs)("li",{...f,className:i(t.className,r?"k-list-group-item":vt,C(vt,{hover:c,focus:d,disabled:b,selected:N})),children:[a&&(0,F.jsx)(T,{checked:L}),l&&(0,F.jsx)(E,{icon:p}),(0,F.jsx)("span",{className:"k-list-item-text",children:x}),o&&o!==""&&(0,F.jsx)("div",{className:"k-list-item-group-label",children:o})]})};u.states=Ue;u.options=Xe;u.className=vt;u.defaultOptions=Fe;u.moduleName=_;u.folderName=R;var Y=require("react/jsx-runtime"),Ve="k-list-content",W=t=>{let{virtualization:e,...o}=t;return(0,Y.jsxs)("div",{...o,className:i(Ve,t.className),children:[(0,Y.jsx)("ul",{className:i("k-list-ul"),children:t.children}),e&&(0,Y.jsx)("div",{className:"k-height-container",children:(0,Y.jsx)("div",{})})]})};var Et=require("react/jsx-runtime"),Je="k-list-group-sticky-header",qt=t=>(0,Et.jsx)("div",{className:i(Je,t.className),children:(0,Et.jsx)("div",{className:"k-list-header-text",children:t.children})});var V=require("react/jsx-runtime"),O=t=>{let{virtualization:e,label:o}=t;return(0,V.jsxs)(V.Fragment,{children:[o&&(0,V.jsx)(qt,{children:o}),t.children&&(0,V.jsx)(W,{virtualization:e,children:t.children})]})};var It=require("react/jsx-runtime"),We="k-list-group-item",Ut=t=>(0,It.jsx)("li",{className:i(We,t.className),children:(0,It.jsx)("span",{className:"k-list-item-text",children:t.children})});var Qt=require("react/jsx-runtime"),yt="k-list-optionlabel",qe=[m.hover,m.focus,m.selected,m.disabled],Qe={},Ye={},at=t=>{let{text:e,hover:o,focus:r,selected:l,disabled:p,...a}=t;return(0,Qt.jsx)("div",{...a,className:i(yt,C(yt,{hover:o,focus:r,selected:l,disabled:p})),children:e})};at.states=qe;at.options=Qe;at.className=yt;at.defaultOptions=Ye;var Yt=require("react/jsx-runtime"),At="k-list-custom-value",Ze=[m.hover,m.focus,m.selected,m.disabled],je={},to={},lt=t=>{let{text:e,hover:o,focus:r,selected:l,disabled:p,...a}=t;return(0,Yt.jsx)("div",{...a,className:i(At,C(At,{hover:o,focus:r,selected:l,disabled:p})),children:e})};lt.states=Ze;lt.options=je;lt.className=At;lt.defaultOptions=to;var eo=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var Zt=require("react/jsx-runtime");var jt=require("react/jsx-runtime");var so=require("react/jsx-runtime");var te=require("react/jsx-runtime");var ee=require("react/jsx-runtime");var Ot="listbox",oe=Ot;var J=require("react/jsx-runtime"),st="k-listbox",io=[m.disabled],no={size:[s.small,s.medium,s.large]},St={size:s.medium,actionsPosition:"left"},w=t=>{let{size:e=St.size,disabled:o,children:r,actionsPosition:l=St.actionsPosition,actions:p,dir:a,...L}=t;return(0,J.jsxs)("div",{...L,dir:a,className:i(t.className,st,h(st,{size:e}),C(st,{disabled:o}),{[`k-listbox-actions-${l}`]:l}),children:[p&&(0,J.jsx)("div",{className:"k-listbox-actions",children:p.map(c=>(0,J.jsx)(g,{icon:{left:a!=="rtl"?"caret-alt-left":"caret-alt-right",right:a!=="rtl"?"caret-alt-right":"caret-alt-left",to:a!=="rtl"?"caret-double-alt-right":"caret-double-alt-left",from:a!=="rtl"?"caret-double-alt-left":"caret-double-alt-right",up:"caret-alt-up",down:"caret-alt-down",x:"x"}[c],size:e},c))}),(0,J.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,J.jsx)(M,{size:e,children:r})})]})};w.states=io;w.options=no;w.className=st;w.defaultOptions=St;w.moduleName=Ot;w.folderName=oe;var ro=w;