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

A collection of HTML helpers used for developing Kendo UI themes

var tt=Object.create;var ie=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var st=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var at=(e,t)=>{for(var o in t)ie(e,o,{get:t[o],enumerable:!0})},_e=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of it(t))!rt.call(e,r)&&r!==o&&ie(e,r,{get:()=>t[r],enumerable:!(s=ot(t,r))||s.enumerable});return e};var ze=(e,t,o)=>(o=e!=null?tt(st(e)):{},_e(t||!e||!e.__esModule?ie(o,"default",{value:e,enumerable:!0}):o,e)),nt=e=>_e(ie({},"__esModule",{value:!0}),e);var lo={};at(lo,{ListGroup:()=>no});module.exports=nt(lo);var re=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:G,...Y}=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":G},Object.keys(Y).reduce((Z,U)=>(U.startsWith("k-")?Z[U]=Y[U]:Z[`k-${U}`]=Y[U],Z),{}))};var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},R={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 ue={};function k(e){return ue[e]=(ue[e]||0)+1,`k-${e}-${ue[e]}`}var be=require("react/jsx-runtime"),lt="k-list-group-sticky-header",se=e=>(0,be.jsx)("div",{className:i(lt,e.className),children:(0,be.jsx)("div",{className:"k-list-header-text",children:e.children})});var we=require("react/jsx-runtime"),ct="k-no-data",fe=e=>{let{live:t,...o}=e;return(0,we.jsx)("span",{...o,className:i(ct,e.className),"aria-live":t?"polite":void 0,children:e.children})};var _="list",B=_;var F=require("react/jsx-runtime"),xe="k-list",mt=[],dt={size:[a.undefined,a.small,a.medium,a.large]},pt={},g=e=>{var G;let{size:t,virtualization:o,children:s,header:r,selectAll:m,optionLabel:d,customValue:c,noData:b,screenReaders:L,...f}=e,p=re.default.Children.toArray(s)[0],K=(G=p==null?void 0:p.props)!=null&&G.children?re.default.Children.count(p.props.children):re.default.Children.count(s);return(0,F.jsxs)("div",{...f,className:i(e.className,xe,S(xe,{size:t}),{"k-virtual-list":o}),children:[d,m,c,r&&(0,F.jsx)(se,{children:r}),s||(b!==void 0?b:(0,F.jsx)(fe,{live:!0,children:"No data found."})),L&&s&&(0,F.jsxs)(fe,{className:"k-sr-only",live:!0,children:[K," items found."]})]})};g.states=mt;g.options=dt;g.className=xe;g.defaultOptions=pt;g.moduleName=_;g.folderName=B;g.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",ut=[],bt={},ft={},$=e=>{let{...t}=e;return(0,Pe.jsx)("div",{...t,className:i(e.className,De),children:e.children})};$.states=ut;$.options=bt;$.className=De;$.defaultOptions=ft;$.moduleName=_;$.folderName=B;var z="checkbox",V=z;var he=require("react/jsx-runtime"),ae="k-checkbox",xt=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],ht={size:[a.undefined,a.small,a.medium,a.large],rounded:[R.undefined,R.none,R.small,R.medium,R.large,R.full]},Lt={},C=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,he.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,he.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,ae,S(ae,{size:f,rounded:N}),O(ae,{hover:r,focus:m,disabled:d,invalid:c,valid:b,indeterminate:s,checked:o}))})})};C.states=xt;C.options=ht;C.className=ae;C.defaultOptions=Lt;C.moduleName=z;C.folderName=V;C.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=C;var Be=require("react/jsx-runtime"),Ge="k-checkbox-list",kt=[],Ct={},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=kt;x.options=Ct;x.className=Ge;x.defaultOptions=Ue;x.moduleName=z;x.folderName=V;var $e=require("react/jsx-runtime"),Fe="k-checkbox-list-item",gt=[],vt={},Nt={},h=e=>{let{...t}=e;return(0,$e.jsx)("li",{...t,className:i(e.className,Fe),children:e.children})};h.states=gt;h.options=vt;h.className=Fe;h.defaultOptions=Nt;h.moduleName=z;h.folderName=V;var w=require("react/jsx-runtime"),E=({children:e="Label",id:t="cb-label-after",...o})=>(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(I,{id:t,...o}),(0,w.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Le=require("react/jsx-runtime");var ke=require("react/jsx-runtime");var Ce=require("react/jsx-runtime");var It=require("react/jsx-runtime");var yt=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Mt=x.options,At=x.states,St={...x.defaultOptions,variant:"vertical"},Et=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Tt=[],W=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"})})]})};W.options=Mt;W.states=At;W.variants=Et;W.defaultOptions=St;W.modifiers=Tt;W.className=x.className;var Ve=require("react/jsx-runtime"),Kt=I.options,Ht=I.states,Rt=I.defaultOptions,_t=[],zt=[],X=e=>(0,Ve.jsx)(E,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});X.options=Kt;X.states=Ht;X.variants=_t;X.defaultOptions=Rt;X.modifiers=zt;X.className=I.className;var j=require("react/jsx-runtime"),ge="k-font-icon",wt=[],Dt={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]},Pt={},ee=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:m,...d}=e;return s?(0,j.jsx)("span",{...d,className:i(e.className,ge,S(ge,{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,j.jsx)(j.Fragment,{})};ee.states=wt;ee.options=Dt;ee.className=ge;ee.defaultOptions=Pt;var We=ee;var D=require("react/jsx-runtime"),ve="k-svg-icon",Gt=[],Ut={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]},Ne={viewBox:"0 0 24 24",variant:M.outline},te=e=>{var N,p;let{size:t,themeColor:o,rotate:s,flip:r,viewBox:m=Ne.viewBox,variant:d=Ne.variant,icon:c,...b}=e;if(!c)return(0,D.jsx)(D.Fragment,{});if(c==="none")return(0,D.jsx)("span",{...b,className:i(e.className,ve,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,D.jsx)("span",{...b,className:i(e.className,ve,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,D.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})})};te.states=Gt;te.options=Ut;te.className=ve;te.defaultOptions=Ne;var Ie=te;var ye=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"),ne="k-icon",Bt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ft=[],$t={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]},le={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||le.type,rotate:d,flip:c,viewBox:b=le.viewBox,variant:L=le.variant,...f}=e;if(!r)return(0,T.jsx)(T.Fragment,{});if((t||m)==="svg"){if(r==="none")return(0,T.jsx)(Ie,{...f,className:i(e.className,ne),icon:r,size:o,variant:L});let p=ye[r]?r:Bt(`${r}-icon`);return ye[p]?(0,T.jsx)(Ie,{...f,className:i(e.className,ne),icon:ye[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,ne),icon:r,size:o,themeColor:s,rotate:d,flip:c})};y.states=Ft;y.options=$t;y.defaultOptions=le;y.className=ne;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"),Oe="k-list-item",Vt=[l.hover,l.focus,l.selected,l.disabled],Wt={},Xt={},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:G,...Y}=e,Z=t||e.children;return(0,A.jsxs)("li",{...Y,id:G,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":Oe,O(Oe,{hover:b,focus:L,disabled:N,selected:f})),children:[d&&(0,A.jsx)(C,{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:Z}),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=Vt;v.options=Wt;v.className=Oe;v.defaultOptions=Xt;v.moduleName=_;v.folderName=B;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"),qt="k-list-ul",oe=e=>{let{children:t,role:o,id:s,...r}=e;return(0,Ze.jsx)("ul",{...r,id:s,role:o,className:i(qt,e.className),children:t})};oe.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 q=require("react/jsx-runtime"),Jt="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":r,listboxId:m,...d}=e;return(0,q.jsxs)("div",{...d,className:i(Jt,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,q.jsx)(oe,{role:"listbox",id:m,"aria-label":s,"aria-labelledby":r,children:e.children}),t&&(0,q.jsx)("div",{className:"k-height-container",children:(0,q.jsx)("div",{})})]})};H.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 J=require("react/jsx-runtime"),ce="k-list-sticky-header",Qt=[l.hover,l.focus,l.selected],Yt={},Zt={},me=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:s,indeterminate:r,hover:m,focus:d,selected:c,...b}=e;return(0,J.jsx)("div",{...b,className:i(ce,e.className),children:(0,J.jsxs)("div",{className:i(`${ce}-item`,O(`${ce}-item`,{hover:m,focus:d,selected:c})),children:[o&&(0,J.jsx)(C,{checked:s,indeterminate:r,"aria-label":t}),(0,J.jsx)("span",{className:"k-list-item-text",children:t})]})})};me.states=Qt;me.options=Yt;me.className=ce;me.defaultOptions=Zt;var Q=require("react/jsx-runtime"),jt="k-list-group-item",Me=e=>{let{groupIconName:t,...o}=e;return(0,Q.jsxs)("li",{...o,role:"presentation",className:i(jt,e.className),children:[t&&(0,Q.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Q.jsx)(y,{icon:t,className:"k-list-item-icon"})}),(0,Q.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",eo=[l.hover,l.focus,l.selected,l.disabled],to={},oo={},de=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})};de.states=eo;de.options=to;de.className=Ae;de.defaultOptions=oo;var et=require("react/jsx-runtime"),Se="k-list-custom-value",io=[l.hover,l.focus,l.selected,l.disabled],so={},ro={},pe=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})};pe.states=io;pe.options=so;pe.className=Se;pe.defaultOptions=ro;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 ao=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var P=require("react/jsx-runtime"),no=e=>{let{virtualization:t,label:o}=e;return(0,P.jsxs)(P.Fragment,{children:[o&&(0,P.jsx)(se,{children:o}),e.children&&(0,P.jsx)(H,{virtualization:t,children:e.children})]})};