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

A collection of HTML helpers used for developing Kendo UI themes

var ot=Object.create;var oe=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var rt=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var nt=(e,t)=>{for(var o in t)oe(e,o,{get:t[o],enumerable:!0})},_e=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of st(t))!at.call(e,r)&&r!==o&&oe(e,r,{get:()=>t[r],enumerable:!(s=it(t,r))||s.enumerable});return e};var ze=(e,t,o)=>(o=e!=null?ot(rt(e)):{},_e(t||!e||!e.__esModule?oe(o,"default",{value:e,enumerable:!0}):o,e)),lt=e=>_e(oe({},"__esModule",{value:!0}),e);var lo={};nt(lo,{ListNoData:()=>no});module.exports=lt(lo);var ie=ze(require("react"));var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(e,t)=>i({[`${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.themeColor}`]:t.themeColor},{"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-rounded-none":t.rounded==="none"}),O=(e,t)=>{let{valid:o,invalid:s,hover:r,focus:m,checked:d,active:c,selected:b,disabled:L,indeterminate:f,loading:N,empty:p,readonly:K,highlighted:P,...Q}=t;return i({"k-valid":o,"k-invalid":s,"k-hover":r,"k-focus":m,"k-checked":d,"k-active":c,"k-selected":b,"k-disabled":L,"k-indeterminate":f&&!d,"k-loading":N,"k-empty":p,"k-readonly":K,"k-highlighted":P},Object.keys(Q).reduce((Y,G)=>(G.startsWith("k-")?Y[G]=Q[G]:Y[`k-${G}`]=Q[G],Y),{}))};var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},H={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var M={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 de={};function k(e){return de[e]=(de[e]||0)+1,`k-${e}-${de[e]}`}var pe=require("react/jsx-runtime"),ct="k-list-group-sticky-header",ue=e=>(0,pe.jsx)("div",{className:i(ct,e.className),children:(0,pe.jsx)("div",{className:"k-list-header-text",children:e.children})});var we=require("react/jsx-runtime"),mt="k-no-data",be=e=>{let{live:t,...o}=e;return(0,we.jsx)("span",{...o,className:i(mt,e.className),"aria-live":t?"polite":void 0,children:e.children})};var R="list",U=R;var B=require("react/jsx-runtime"),fe="k-list",dt=[],pt={size:[a.undefined,a.small,a.medium,a.large]},ut={},C=e=>{var P;let{size:t,virtualization:o,children:s,header:r,selectAll:m,optionLabel:d,customValue:c,noData:b,screenReaders:L,...f}=e,p=ie.default.Children.toArray(s)[0],K=(P=p==null?void 0:p.props)!=null&&P.children?ie.default.Children.count(p.props.children):ie.default.Children.count(s);return(0,B.jsxs)("div",{...f,className:i(e.className,fe,S(fe,{size:t}),{"k-virtual-list":o}),children:[d,m,c,r&&(0,B.jsx)(ue,{children:r}),s||(b!==void 0?b:(0,B.jsx)(be,{live:!0,children:"No data found."})),L&&s&&(0,B.jsxs)(be,{className:"k-sr-only",live:!0,children:[K," items found."]})]})};C.states=dt;C.options=pt;C.className=fe;C.defaultOptions=ut;C.moduleName=R;C.folderName=U;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Pe=require("react/jsx-runtime"),De="k-list-container",bt=[],ft={},xt={},F=e=>{let{...t}=e;return(0,Pe.jsx)("div",{...t,className:i(e.className,De),children:e.children})};F.states=bt;F.options=ft;F.className=De;F.defaultOptions=xt;F.moduleName=R;F.folderName=U;var _="checkbox",$=_;var xe=require("react/jsx-runtime"),se="k-checkbox",ht=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Lt={size:[a.undefined,a.small,a.medium,a.large],rounded:[H.undefined,H.none,H.small,H.medium,H.large,H.full]},kt={},g=e=>{let{id:t,checked:o,indeterminate:s,hover:r,focus:m,disabled:d,invalid:c,valid:b,required:L,size:f,rounded:N,wrapperRole:p,...K}=e;return(0,xe.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,xe.jsx)("input",{...K,id:t,type:"checkbox",defaultChecked:o,required:L,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:i(e.className,se,S(se,{size:f,rounded:N}),O(se,{hover:r,focus:m,disabled:d,invalid:c,valid:b,indeterminate:s,checked:o}))})})};g.states=ht;g.options=Lt;g.className=se;g.defaultOptions=kt;g.moduleName=_;g.folderName=$;g.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var I=g;var Be=require("react/jsx-runtime"),Ge="k-checkbox-list",Ct=[],gt={},Ue={layout:"vertical"},x=e=>{let{layout:t=Ue.layout,...o}=e;return(0,Be.jsx)("ul",{...o,className:i(e.className,Ge,{[`k-list-${t}`]:t}),children:e.children})};x.states=Ct;x.options=gt;x.className=Ge;x.defaultOptions=Ue;x.moduleName=_;x.folderName=$;var $e=require("react/jsx-runtime"),Fe="k-checkbox-list-item",vt=[],Nt={},It={},h=e=>{let{...t}=e;return(0,$e.jsx)("li",{...t,className:i(e.className,Fe),children:e.children})};h.states=vt;h.options=Nt;h.className=Fe;h.defaultOptions=It;h.moduleName=_;h.folderName=$;var z=require("react/jsx-runtime"),E=({children:e="Label",id:t="cb-label-after",...o})=>(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(I,{id:t,...o}),(0,z.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var he=require("react/jsx-runtime");var Le=require("react/jsx-runtime");var ke=require("react/jsx-runtime");var yt=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var u=require("react/jsx-runtime"),At=x.options,St=x.states,Et={...x.defaultOptions,variant:"vertical"},Tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Kt=[],V=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,u.jsxs)(x,{layout:"horizontal",...o,children:[(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),defaultChecked:!0,children:"Label"})}),(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),children:"Label"})}),(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),children:"Label"})})]}):(0,u.jsxs)(x,{...o,children:[(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),defaultChecked:!0,children:"Label"})}),(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),children:"Label"})}),(0,u.jsx)(h,{children:(0,u.jsx)(E,{id:k("cb"),children:"Label"})})]})};V.options=At;V.states=St;V.variants=Tt;V.defaultOptions=Et;V.modifiers=Kt;V.className=x.className;var Ve=require("react/jsx-runtime"),Ht=I.options,Rt=I.states,_t=I.defaultOptions,zt=[],wt=[],W=e=>(0,Ve.jsx)(E,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});W.options=Ht;W.states=Rt;W.variants=zt;W.defaultOptions=_t;W.modifiers=wt;W.className=I.className;var Z=require("react/jsx-runtime"),Ce="k-font-icon",Dt=[],Pt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Gt={},j=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:m,...d}=e;return s?(0,Z.jsx)("span",{...d,className:i(e.className,Ce,S(Ce,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):(0,Z.jsx)(Z.Fragment,{})};j.states=Dt;j.options=Pt;j.className=Ce;j.defaultOptions=Gt;var We=j;var w=require("react/jsx-runtime"),ge="k-svg-icon",Ut=[],Bt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[M.outline,M.solid,M.duotone]},ve={viewBox:"0 0 24 24",variant:M.outline},ee=e=>{var N,p;let{size:t,themeColor:o,rotate:s,flip:r,viewBox:m=ve.viewBox,variant:d=ve.variant,icon:c,...b}=e;if(!c)return(0,w.jsx)(w.Fragment,{});if(c==="none")return(0,w.jsx)("span",{...b,className:i(e.className,ge,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let L=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&((N=c.variants)==null?void 0:N[d])||((p=c.variants)==null?void 0:p.outline)||c.content:void 0;return(0,w.jsx)("span",{...b,className:i(e.className,ge,S("k-icon",{size:t}),{[`k-svg-i-${L}`]:L,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,w.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:m,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};ee.states=Ut;ee.options=Bt;ee.className=ge;ee.defaultOptions=ve;var Ne=ee;var Ie=ze(require("@progress/kendo-svg-icons"));var Xe="icon",qe="icons";var Ye=require("react");var Je=require("react"),Qe=(0,Je.createContext)({iconsType:"svg"});var T=require("react/jsx-runtime"),re="k-icon",Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$t=[],Vt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[M.outline,M.solid,M.duotone]},ae={viewBox:"0 0 24 24",type:"svg",variant:M.outline},y=e=>{let{iconsType:t}=(0,Ye.useContext)(Qe),{size:o,themeColor:s,icon:r,type:m=t||ae.type,rotate:d,flip:c,viewBox:b=ae.viewBox,variant:L=ae.variant,...f}=e;if(!r)return(0,T.jsx)(T.Fragment,{});if((t||m)==="svg"){if(r==="none")return(0,T.jsx)(Ne,{...f,className:i(e.className,re),icon:r,size:o,variant:L});let p=Ie[r]?r:Ft(`${r}-icon`);return Ie[p]?(0,T.jsx)(Ne,{...f,className:i(e.className,re),icon:Ie[p],size:o,themeColor:s,rotate:d,flip:c,viewBox:b,variant:L}):(0,T.jsx)(T.Fragment,{})}return(0,T.jsx)(We,{...f,className:i(e.className,re),icon:r,size:o,themeColor:s,rotate:d,flip:c})};y.states=$t;y.options=Vt;y.defaultOptions=ae;y.className=re;y.moduleName=Xe;y.folderName=qe;y.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var A=require("react/jsx-runtime"),ye="k-list-item",Wt=[l.hover,l.focus,l.selected,l.disabled],Xt={},qt={},v=e=>{let{text:t,groupLabel:o,group:s,iconName:r,iconClassName:m,showCheckbox:d,checked:c,hover:b,focus:L,selected:f,disabled:N,actions:p,description:K,id:P,...Q}=e,Y=t||e.children;return(0,A.jsxs)("li",{...Q,id:P,role:s?"presentation":"option",tabIndex:s?void 0:L?0:-1,"aria-selected":!s&&f?"true":s?void 0:"false","aria-disabled":!s&&N?"true":void 0,className:i(e.className,s?"k-list-group-item":ye,O(ye,{hover:b,focus:L,disabled:N,selected:f})),children:[d&&(0,A.jsx)(g,{checked:c}),r&&(0,A.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,A.jsx)(y,{icon:r,className:i("k-list-item-icon",m)})}),(0,A.jsx)("span",{className:"k-list-item-text",children:Y}),p&&(0,A.jsx)("div",{className:"k-list-item-actions",children:p}),K&&(0,A.jsx)("span",{className:"k-list-item-description",children:K}),o&&o!==""&&(0,A.jsx)("div",{className:"k-list-item-group-label",children:o})]})};v.states=Wt;v.options=Xt;v.className=ye;v.defaultOptions=qt;v.moduleName=R;v.folderName=U;v.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Ze=require("react/jsx-runtime"),Jt="k-list-ul",te=e=>{let{children:t,role:o,id:s,...r}=e;return(0,Ze.jsx)("ul",{...r,id:s,role:o,className:i(Jt,e.className),children:t})};te.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var X=require("react/jsx-runtime"),Qt="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":r,listboxId:m,...d}=e;return(0,X.jsxs)("div",{...d,className:i(Qt,e.className),role:o?"listbox":void 0,id:o?m:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,X.jsx)(te,{role:"listbox",id:m,"aria-label":s,"aria-labelledby":r,children:e.children}),t&&(0,X.jsx)("div",{className:"k-height-container",children:(0,X.jsx)("div",{})})]})};D.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var q=require("react/jsx-runtime"),ne="k-list-sticky-header",Yt=[l.hover,l.focus,l.selected],Zt={},jt={},le=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:s,indeterminate:r,hover:m,focus:d,selected:c,...b}=e;return(0,q.jsx)("div",{...b,className:i(ne,e.className),children:(0,q.jsxs)("div",{className:i(`${ne}-item`,O(`${ne}-item`,{hover:m,focus:d,selected:c})),children:[o&&(0,q.jsx)(g,{checked:s,indeterminate:r,"aria-label":t}),(0,q.jsx)("span",{className:"k-list-item-text",children:t})]})})};le.states=Yt;le.options=Zt;le.className=ne;le.defaultOptions=jt;var Oe=require("react/jsx-runtime");var J=require("react/jsx-runtime"),eo="k-list-group-item",Me=e=>{let{groupIconName:t,...o}=e;return(0,J.jsxs)("li",{...o,role:"presentation",className:i(eo,e.className),children:[t&&(0,J.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,J.jsx)(y,{icon:t,className:"k-list-item-icon"})}),(0,J.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Me.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var je=require("react/jsx-runtime"),Ae="k-list-optionlabel",to=[l.hover,l.focus,l.selected,l.disabled],oo={},io={},ce=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:m,...d}=e;return(0,je.jsx)("div",{...d,className:i(Ae,O(Ae,{hover:o,focus:s,selected:r,disabled:m})),children:t})};ce.states=to;ce.options=oo;ce.className=Ae;ce.defaultOptions=io;var et=require("react/jsx-runtime"),Se="k-list-custom-value",so=[l.hover,l.focus,l.selected,l.disabled],ro={},ao={},me=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:m,...d}=e;return(0,et.jsx)("div",{...d,className:i(Se,O(Se,{hover:o,focus:s,selected:r,disabled:m})),children:t})};me.states=so;me.options=ro;me.className=Se;me.defaultOptions=ao;var Ee=require("react/jsx-runtime");var Te=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var He=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),no=e=>(0,tt.jsx)(C,{...e});