@progress/kendo-themes-html/dist/cjs/list/templates/list-virtualization-angular.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})},Ne=(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)):{},Ne(t||!e||!e.__esModule?q(o,"default",{value:e,enumerable:!0}):o,e)),Ye=e=>Ne(q({},"__esModule",{value:!0}),e);var Dt={};qe(Dt,{AngularListVirtualization:()=>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 C=(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((E,A)=>(A.startsWith("k-")?E[A]=_[A]:E[`k-${A}`]=_[A],E),{}))};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"),Ze="k-no-data",U=e=>(0,ke.jsx)("span",{className:s(Ze,e.className),children:e.children});var M="list",T=M;var N=require("react/jsx-runtime"),te="k-list",je=[],et={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===k?(b.props.root===!0?(c=b.props.label,b.props.children.map((_,E)=>{f.push((0,N.jsx)(u,{..._.props},`optChild-${E}-${new Date().getTime()}`))})):b.props.children.forEach((_,E)=>{let A="";E===0&&(A=b.props.label),f.push((0,N.jsx)(u,{className:E===0?"k-first":"",..._.props,groupLabel:A},`groupLabel-${E}-${new Date().getTime()}`))}),d=(0,N.jsx)(k,{label:c,virtualization:o,children:f})):b.type===u&&(f.push((0,N.jsx)(u,{...b.props},`${b.type}-${ee}`)),h=(0,N.jsx)(w,{virtualization:o,children:f}),a&&(x=(0,N.jsxs)(U,{className:"k-sr-only",children:[f.length," items found."]})))}):x=(0,N.jsx)(U,{children:"No data found."}),(0,N.jsxs)("div",{...L,className:s(e.className,te,C(te,{size:t}),{"k-virtual-list":o}),children:[l,m,d,h,x]})};g.states=je;g.options=et;g.className=te;g.defaultOptions=ge;g.moduleName=M;g.folderName=T;var Ie=require("react/jsx-runtime"),ve="k-list-container",tt=[],ot={},st={},B=e=>{let{...t}=e;return(0,Ie.jsx)("div",{...t,className:s(e.className,ve),children:e.children})};B.states=tt;B.options=ot;B.className=ve;B.defaultOptions=st;B.moduleName=M;B.folderName=T;var v=require("react/jsx-runtime"),oe="k-list",it=[],nt={size:[i.small,i.medium,i.large]},ye={size:i.medium},I=e=>{let{size:t=ye.size,virtualization:o,children:n,...l}=e,m,a,L,c=[];return n?n.map((d,h)=>{d.type===k?(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)(k,{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,C(oe,{size:t}),{"k-virtual-list":o}),children:[a,L]})};I.states=it;I.options=nt;I.className=oe;I.defaultOptions=ye;I.moduleName=M;I.folderName=T;var R="checkbox",X=R;var ie=require("react/jsx-runtime"),Q="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]},se={size:i.medium,rounded:P.medium},y=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,C(Q,{size:h,rounded:x}),O(Q,{hover:l,focus:m,disabled:a,invalid:L,valid:c,indeterminate:n,checked:o}))})})};y.states=rt;y.options=at;y.className=Q;y.defaultOptions=se;y.moduleName=R;y.folderName=X;var Ae=require("react/jsx-runtime"),Me="k-checkbox-list",lt=[],mt={},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=lt;K.options=mt;K.className=Me;K.defaultOptions=Se;K.moduleName=R;K.folderName=X;var Te=require("react/jsx-runtime"),Oe="k-checkbox-list-item",pt=[],ct={},dt={},z=e=>{let{...t}=e;return(0,Te.jsx)("li",{...t,className:s(e.className,Oe),children:e.children})};z.states=pt;z.options=ct;z.className=Oe;z.defaultOptions=dt;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 ut=require("react/jsx-runtime");var Lt=require("react/jsx-runtime");var V=require("react/jsx-runtime"),pe="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,pe,C(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=ft;J.options=xt;J.className=pe;J.defaultOptions=bt;var Ke=J;var G=require("react/jsx-runtime"),ce="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]},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,C("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=ht;W.options=Ct;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",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]},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:Nt(`${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=kt;H.options=gt;H.defaultOptions=Le;H.className=Y;H.moduleName=He;H.folderName=_e;var D=require("react/jsx-runtime"),fe="k-list-item",vt=[p.hover,p.focus,p.selected,p.disabled],It={},yt={},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)(y,{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=vt;u.options=It;u.className=fe;u.defaultOptions=yt;u.moduleName=M;u.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 xe=require("react/jsx-runtime"),Mt="k-list-group-sticky-header",Re=e=>(0,xe.jsx)("div",{className:s(Mt,e.className),children:(0,xe.jsx)("div",{className:"k-list-header-text",children:e.children})});var $=require("react/jsx-runtime"),k=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})]})};var be=require("react/jsx-runtime"),St="k-list-group-item",Ee=e=>(0,be.jsx)("li",{className:s(St,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",At=[p.hover,p.focus,p.selected,p.disabled],Ot={},Tt={},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=At;Z.options=Ot;Z.className=he;Z.defaultOptions=Tt;var De=require("react/jsx-runtime"),Ce="k-list-custom-value",Kt=[p.hover,p.focus,p.selected,p.disabled],zt={},Ht={},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=Kt;j.options=zt;j.className=Ce;j.defaultOptions=Ht;var _t=require("react/jsx-runtime");var Rt=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var Pe=require("react/jsx-runtime");var we=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),Gt=e=>(0,Xe.jsx)(I,{virtualization:!0,...e});