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

A collection of HTML helpers used for developing Kendo UI themes

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