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

A collection of HTML helpers used for developing Kendo UI themes

var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((a,s)=>e[s]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(t,e)=>i({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),I=(t,e)=>{let{valid:a,invalid:s,hover:l,focus:c,checked:r,active:p,selected:d,disabled:f,indeterminate:V,loading:U,empty:X,readonly:j,highlighted:q,...C}=e;return i({"k-valid":a,"k-invalid":s,"k-hover":l,"k-focus":c,"k-checked":r,"k-active":p,"k-selected":d,"k-disabled":f,"k-indeterminate":V&&!r,"k-loading":U,"k-empty":X,"k-readonly":j,"k-highlighted":q},Object.keys(C).reduce((O,h)=>(h.startsWith("k-")?O[h]=C[h]:O[`k-${h}`]=C[h],O),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},g={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"};import{Fragment as Y,jsx as z}from"react/jsx-runtime";var M="k-font-icon",W=[],J={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Q={},v=t=>{let{size:e,themeColor:a,icon:s,rotate:l,flip:c,...r}=t;return s?z("span",{...r,className:i(t.className,M,k(M,{size:e}),{[`k-i-${s}`]:s,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):z(Y,{})};v.states=W;v.options=J;v.className=M;v.defaultOptions=Q;var w=v;import{Fragment as te,jsx as b}from"react/jsx-runtime";var A="k-svg-icon",Z=[],ee={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},$={viewBox:"0 0 24 24"},N=t=>{let{size:e,themeColor:a,rotate:s,flip:l,viewBox:c=$.viewBox,icon:r,...p}=t;if(!r)return b(te,{});r==="none"&&{...p,className:i(t.className,A,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return b("span",{...p,className:i(t.className,A,k("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:b("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:c,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:t.children})})};N.states=Z;N.options=ee;N.className=A;N.defaultOptions=$;var L=N;import*as P from"@progress/kendo-svg-icons";var T="icon",B="icons";import{Fragment as R,jsx as y}from"react/jsx-runtime";var E="k-icon",oe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ne=[],se={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},_={viewBox:"0 0 24 24",type:"svg"},m=t=>{let{size:e,themeColor:a,icon:s,type:l=_.type,rotate:c,flip:r,viewBox:p=_.viewBox,...d}=t;if(!s)return y(R,{});if(l==="svg"){if(s==="none")return y(L,{...d,className:i(t.className,E),icon:s,size:e});let f=P[s]?s:oe(`${s}-icon`);return P[f]?y(L,{...d,className:i(t.className,E),icon:P[f],size:e,themeColor:a,rotate:c,flip:r,viewBox:p}):y(R,{})}return y(w,{...d,className:i(t.className,E),icon:s,size:e,themeColor:a,rotate:c,flip:r})};m.states=ne;m.options=se;m.defaultOptions=_;m.className=E;m.moduleName=T;m.folderName=B;var H="expander",F="expansion-panel";import{jsx as x,jsxs as K}from"react/jsx-runtime";var S="k-expander",re=[g.hover,g.focus,g.disabled,g.expanded],ae={},ie={},u=t=>{let{title:e,subtitle:a,expanded:s,hover:l,focus:c,disabled:r,dir:p,contentStyle:d,...f}=t;return K("div",{...f,className:i(t.className,S,I(S,{hover:l,focus:c,disabled:r,expanded:s})),dir:p,children:[K("div",{className:i("k-expander-header",I(S,{hover:l})),children:[x("div",{className:"k-expander-title",children:e}),x("span",{className:"k-spacer"}),x("div",{className:"k-expander-sub-title",children:a}),x("span",{className:"k-expander-indicator",children:s?x(m,{icon:"chevron-up"}):x(m,{icon:"chevron-down"})})]}),x("div",{className:i("k-expander-content-wrapper",{"k-hidden":!s}),children:x("div",{className:"k-expander-content",style:d,children:t.children})})]})};u.states=re;u.options=ae;u.className=S;u.defaultOptions=ie;u.moduleName=H;u.folderName=F;var D=u;import{jsx as G}from"react/jsx-runtime";var Fe=t=>G(D,{expanded:!0,children:G("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...t});export{Fe as ExpansionPanelExpanded};