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

A collection of HTML helpers used for developing Kendo UI themes

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