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

A collection of HTML helpers used for developing Kendo UI themes

var Ne=Object.create;var U=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ee=(e,t)=>{for(var o in t)U(e,o,{get:t[o],enumerable:!0})},le=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Le(t))!Oe.call(e,i)&&i!==o&&U(e,i,{get:()=>t[i],enumerable:!(r=ye(t,i))||r.enumerable});return e};var Me=(e,t,o)=>(o=e!=null?Ne(Ie(e)):{},le(t||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),Ae=e=>le(U({},"__esModule",{value:!0}),e);var ct={};Ee(ct,{LISTITEM_CLASSNAME:()=>J,ListItem:()=>M,default:()=>lt});module.exports=Ae(ct);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>l({[`${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"}),V=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:u,checked:d,active:s,selected:g,disabled:x,indeterminate:b,loading:v,empty:f,readonly:H,highlighted:Q,...$}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":u,"k-checked":d,"k-active":s,"k-selected":g,"k-disabled":x,"k-indeterminate":b&&!d,"k-loading":v,"k-empty":f,"k-readonly":H,"k-highlighted":Q},Object.keys($).reduce((P,K)=>(K.startsWith("k-")?P[K]=$[K]:P[`k-${K}`]=$[K],P),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var N={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},h={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 Y={};function L(e){return Y[e]=(Y[e]||0)+1,`k-${e}-${Y[e]}`}var T="checkbox",w=T;var Z=require("react/jsx-runtime"),W="k-checkbox",Se=[h.hover,h.focus,h.valid,h.invalid,h.required,h.disabled,h.checked,h.indeterminate],Te={size:[n.undefined,n.small,n.medium,n.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},_e={},k=e=>{let{id:t,checked:o,indeterminate:r,hover:i,focus:u,disabled:d,invalid:s,valid:g,required:x,size:b,rounded:v,wrapperRole:f,...H}=e;return(0,Z.jsx)("span",{className:"k-checkbox-wrap",role:f,children:(0,Z.jsx)("input",{...H,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":s?"true":void 0,className:l(e.className,W,A(W,{size:b,rounded:v}),V(W,{hover:i,focus:u,disabled:d,invalid:s,valid:g,indeterminate:r,checked:o}))})})};k.states=Se;k.options=Te;k.className=W;k.defaultOptions=_e;k.moduleName=T;k.folderName=w;k.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 C=k;var me=require("react/jsx-runtime"),ce="k-checkbox-list",ze=[],He={},de={layout:"vertical"},m=e=>{let{layout:t=de.layout,...o}=e;return(0,me.jsx)("ul",{...o,className:l(e.className,ce,{[`k-list-${t}`]:t}),children:e.children})};m.states=ze;m.options=He;m.className=ce;m.defaultOptions=de;m.moduleName=T;m.folderName=w;var ue=require("react/jsx-runtime"),pe="k-checkbox-list-item",Ke=[],we={},Re={},p=e=>{let{...t}=e;return(0,ue.jsx)("li",{...t,className:l(e.className,pe),children:e.children})};p.states=Ke;p.options=we;p.className=pe;p.defaultOptions=Re;p.moduleName=T;p.folderName=w;var _=require("react/jsx-runtime"),I=({children:e="Label",id:t="cb-label-after",...o})=>(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(C,{id:t,...o}),(0,_.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var j=require("react/jsx-runtime");var ee=require("react/jsx-runtime");var te=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var Pe=require("react/jsx-runtime");var c=require("react/jsx-runtime"),Ge=m.options,De=m.states,Fe={...m.defaultOptions,variant:"vertical"},Ue=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ve=[],R=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,c.jsxs)(m,{layout:"horizontal",...o,children:[(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),defaultChecked:!0,children:"Label"})}),(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),children:"Label"})}),(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),children:"Label"})})]}):(0,c.jsxs)(m,{...o,children:[(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),defaultChecked:!0,children:"Label"})}),(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),children:"Label"})}),(0,c.jsx)(p,{children:(0,c.jsx)(I,{id:L("cb"),children:"Label"})})]})};R.options=Ge;R.states=De;R.variants=Ue;R.defaultOptions=Fe;R.modifiers=Ve;R.className=m.className;var he=require("react/jsx-runtime"),We=C.options,Xe=C.states,qe=C.defaultOptions,Je=[],Qe=[],B=e=>(0,he.jsx)(I,{id:L("checkbox"),...e,defaultChecked:!0,children:"Label"});B.options=We;B.states=Xe;B.variants=Je;B.defaultOptions=qe;B.modifiers=Qe;B.className=C.className;var G=require("react/jsx-runtime"),oe="k-font-icon",Ye=[],Ze={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},je={},D=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:u,...d}=e;return r?(0,G.jsx)("span",{...d,className:l(e.className,oe,A(oe,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):(0,G.jsx)(G.Fragment,{})};D.states=Ye;D.options=Ze;D.className=oe;D.defaultOptions=je;var be=D;var z=require("react/jsx-runtime"),ne="k-svg-icon",et=[],tt={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[N.outline,N.solid,N.duotone]},ae={viewBox:"0 0 24 24",variant:N.outline},F=e=>{var v,f;let{size:t,themeColor:o,rotate:r,flip:i,viewBox:u=ae.viewBox,variant:d=ae.variant,icon:s,...g}=e;if(!s)return(0,z.jsx)(z.Fragment,{});if(s==="none")return(0,z.jsx)("span",{...g,className:l(e.className,ne,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof s=="object"&&s.name&&s.name,b=typeof s=="object"?d&&((v=s.variants)==null?void 0:v[d])||((f=s.variants)==null?void 0:f.outline)||s.content:void 0;return(0,z.jsx)("span",{...g,className:l(e.className,ne,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:u,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:s?void 0:e.children})})};F.states=et;F.options=tt;F.className=ne;F.defaultOptions=ae;var ie=F;var re=Me(require("@progress/kendo-svg-icons"));var xe="icon",fe="icons";var ge=require("react");var ke=require("react"),Ce=(0,ke.createContext)({iconsType:"svg"});var O=require("react/jsx-runtime"),X="k-icon",ot=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nt=[],at={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[N.outline,N.solid,N.duotone]},q={viewBox:"0 0 24 24",type:"svg",variant:N.outline},E=e=>{let{iconsType:t}=(0,ge.useContext)(Ce),{size:o,themeColor:r,icon:i,type:u=t||q.type,rotate:d,flip:s,viewBox:g=q.viewBox,variant:x=q.variant,...b}=e;if(!i)return(0,O.jsx)(O.Fragment,{});if((t||u)==="svg"){if(i==="none")return(0,O.jsx)(ie,{...b,className:l(e.className,X),icon:i,size:o,variant:x});let f=re[i]?i:ot(`${i}-icon`);return re[f]?(0,O.jsx)(ie,{...b,className:l(e.className,X),icon:re[f],size:o,themeColor:r,rotate:d,flip:s,viewBox:g,variant:x}):(0,O.jsx)(O.Fragment,{})}return(0,O.jsx)(be,{...b,className:l(e.className,X),icon:i,size:o,themeColor:r,rotate:d,flip:s})};E.states=nt;E.options=at;E.defaultOptions=q;E.className=X;E.moduleName=xe;E.folderName=fe;E.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 se="list",ve=se;var y=require("react/jsx-runtime"),J="k-list-item",it=[h.hover,h.focus,h.selected,h.disabled],rt={},st={},M=e=>{let{text:t,groupLabel:o,group:r,iconName:i,iconClassName:u,showCheckbox:d,checked:s,hover:g,focus:x,selected:b,disabled:v,actions:f,description:H,id:Q,...$}=e,P=t||e.children;return(0,y.jsxs)("li",{...$,id:Q,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&b?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:l(e.className,r?"k-list-group-item":J,V(J,{hover:g,focus:x,disabled:v,selected:b})),children:[d&&(0,y.jsx)(k,{checked:s}),i&&(0,y.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,y.jsx)(E,{icon:i,className:l("k-list-item-icon",u)})}),(0,y.jsx)("span",{className:"k-list-item-text",children:P}),f&&(0,y.jsx)("div",{className:"k-list-item-actions",children:f}),H&&(0,y.jsx)("span",{className:"k-list-item-description",children:H}),o&&o!==""&&(0,y.jsx)("div",{className:"k-list-item-group-label",children:o})]})};M.states=it;M.options=rt;M.className=J;M.defaultOptions=st;M.moduleName=se;M.folderName=ve;M.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 lt=M;