@progress/kendo-themes-html/dist/cjs/list/list-group.js

A collection of HTML helpers used for developing Kendo UI themes

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