@progress/kendo-themes-html/dist/esm/expansion-panel/expansion-panel.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,s)=>e[s]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),L=(t,e)=>{let{valid:i,invalid:s,hover:r,focus:c,checked:d,active:a,selected:f,disabled:p,indeterminate:m,loading:v,empty:S,readonly:W,highlighted:J,...P}=e;return l({"k-valid":i,"k-invalid":s,"k-hover":r,"k-focus":c,"k-checked":d,"k-active":a,"k-selected":f,"k-disabled":p,"k-indeterminate":m&&!d,"k-loading":v,"k-empty":S,"k-readonly":W,"k-highlighted":J},Object.keys(P).reduce((_,b)=>(b.startsWith("k-")?_[b]=P[b]:_[`k-${b}`]=P[b],_),{}))};var o={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var u={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"},N={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 w={};function H(t){return w[t]=(w[t]||0)+1,`k-${t}-${w[t]}`}import{Fragment as ee,jsx as F}from"react/jsx-runtime";var z="k-font-icon",Q=[],Y={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Z={},k=t=>{let{size:e,themeColor:i,icon:s,rotate:r,flip:c,...d}=t;return s?F("span",{...d,className:l(t.className,z,y(z,{size:e}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):F(ee,{})};k.states=Q;k.options=Y;k.className=z;k.defaultOptions=Z;var K=k;import{Fragment as oe,jsx as I}from"react/jsx-runtime";var T="k-svg-icon",te=[],ne={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[u.outline,u.solid,u.duotone]},$={viewBox:"0 0 24 24",variant:u.outline},C=t=>{let{size:e,themeColor:i,rotate:s,flip:r,viewBox:c=$.viewBox,variant:d=$.variant,icon:a,...f}=t;if(!a)return I(oe,{});if(a==="none")return I("span",{...f,className:l(t.className,T,y("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let p=typeof a=="object"&&a.name&&a.name,m=typeof a=="object"?d&&a.variants?.[d]||a.variants?.outline||a.content:void 0;return I("span",{...f,className:l(t.className,T,y("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:I("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:m!==void 0?{__html:m}:void 0,children:a?void 0:t.children})})};C.states=te;C.options=ne;C.className=T;C.defaultOptions=$;var R=C;import*as B from"@progress/kendo-svg-icons";var D="icon",V="icons";import{useContext as ae}from"react";import{createContext as re}from"react";var G=re({iconsType:"svg"});import{Fragment as j,jsx as E}from"react/jsx-runtime";var O="k-icon",ie=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),se=[],le={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[u.outline,u.solid,u.duotone]},A={viewBox:"0 0 24 24",type:"svg",variant:u.outline},x=t=>{let{iconsType:e}=ae(G),{size:i,themeColor:s,icon:r,type:c=e||A.type,rotate:d,flip:a,viewBox:f=A.viewBox,variant:p=A.variant,...m}=t;if(!r)return E(j,{});if((e||c)==="svg"){if(r==="none")return E(R,{...m,className:l(t.className,O),icon:r,size:i,variant:p});let S=B[r]?r:ie(`${r}-icon`);return B[S]?E(R,{...m,className:l(t.className,O),icon:B[S],size:i,themeColor:s,rotate:d,flip:a,viewBox:f,variant:p}):E(j,{})}return E(K,{...m,className:l(t.className,O),icon:r,size:i,themeColor:s,rotate:d,flip:a})};x.states=se;x.options=le;x.defaultOptions=A;x.className=O;x.moduleName=D;x.folderName=V;x.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 U="expander",X="expansion-panel";import{jsx as h,jsxs as q}from"react/jsx-runtime";var M="k-expander",de=[N.hover,N.focus,N.disabled,N.expanded],ce={},pe={},g=t=>{let{title:e,subtitle:i,expanded:s,hover:r,focus:c,disabled:d,dir:a,contentStyle:f,id:p,...m}=t,v=p?`${p}-content`:H("expander-content");return q("div",{...m,className:l(t.className,M,L(M,{hover:r,focus:c,disabled:d,expanded:s})),dir:a,children:[q("div",{className:l("k-expander-header",L(M,{hover:r})),role:"button","aria-controls":v,"aria-expanded":s?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[h("div",{className:"k-expander-title",children:e}),h("span",{className:"k-spacer"}),h("div",{className:"k-expander-sub-title",children:i}),h("span",{className:"k-expander-indicator",children:s?h(x,{icon:"chevron-up"}):h(x,{icon:"chevron-down"})})]}),h("div",{className:l("k-expander-content-wrapper",{"k-hidden":!s}),id:v,children:h("div",{className:"k-expander-content",style:f,children:t.children})})]})};g.states=de;g.options=ce;g.className=M;g.defaultOptions=pe;g.moduleName=U;g.folderName=X;g.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var Xe=g;export{g as ExpansionPanel,Xe as default};