@codeandfunction/callaloo 5.8.0 → 5.9.0

package/dist/components/Containers/CLDisclosure/CLDisclosure.css

@@ -1 +1 @@
-.clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px;overflow:hidden}.clll-disclosure .clll-disclosure__trigger{background-color:var(--clll-disclosure-trigger-bg-color, transparent);overflow:hidden;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__trigger:hover{background-color:var(--clll-disclosure-trigger-hover-bg-color, transparent)}.clll-disclosure .clll-disclosure__trigger .clll-a11y__button{display:block;border:0}.clll-disclosure .clll-disclosure__trigger .clll-icon{color:var(--clll-disclosure-text-color, inherit);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--tiny .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--tiny .clll-disclosure__content{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--small .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--small .clll-disclosure__content{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--medium .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--medium .clll-disclosure__content{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--large .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--large .clll-disclosure__content{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xlarge .clll-disclosure__content{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxlarge .clll-disclosure__content{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxlarge .clll-disclosure__content{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxxlarge .clll-disclosure__content{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-a11y__button.clll-a11y__button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-a11y__button.clll-a11y__button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__trigger .clll-a11y__button{padding:var(--clll-unit-1) 0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content{padding:var(--clll-unit-1) 0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-a11y__button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-disclosure__heading-text{display:flex;flex:1;flex-direction:column}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
+.clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px;overflow:hidden}.clll-disclosure .clll-disclosure__trigger{background-color:var(--clll-disclosure-trigger-bg-color, transparent);overflow:hidden;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__trigger:hover{background-color:var(--clll-disclosure-trigger-hover-bg-color, transparent)}.clll-disclosure .clll-disclosure__trigger .clll-a11y__button{display:block;border:0}.clll-disclosure .clll-disclosure__trigger .clll-icon{color:var(--clll-disclosure-text-color, inherit);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--tiny .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--tiny .clll-disclosure__content{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--small .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--small .clll-disclosure__content{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--medium .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--medium .clll-disclosure__content{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--large .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--large .clll-disclosure__content{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xlarge .clll-disclosure__content{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxlarge .clll-disclosure__content{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxlarge .clll-disclosure__content{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxxlarge .clll-disclosure__trigger,.clll-disclosure.clll-disclosure--padded:not(.clll-disclosure--compact).clll-disclosure--xxxxlarge .clll-disclosure__content{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-a11y__button.clll-a11y__button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-a11y__button.clll-a11y__button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__trigger .clll-a11y__button{padding:var(--clll-unit-1) 0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content{padding:var(--clll-unit-1) 0}.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact:not(.clll-disclosure--nopadding) .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-a11y__button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center;width:100%}.clll-disclosure .clll-disclosure__heading .clll-disclosure__heading-text{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}

package/dist/components/Containers/CLDisclosure/CLDisclosure.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
-import{defineComponent as e,ref as a,computed as t,onBeforeUnmount as d,createElementBlock as o,openBlock as n,normalizeStyle as s,normalizeClass as i,unref as l,createVNode as r,createElementVNode as u,withKeys as c,withCtx as p,createBlock as _,createCommentVNode as g,renderSlot as f,createTextVNode as m,toDisplayString as $}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-f1fPKzcG.js";import{_ as h}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-8r8ehDQf.js";import{_ as v}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-7-UT438b.js";import{_ as b}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CkTc30tw.js";import{c as x,C as B,a as k,e as C,f as S,k as z,d as I}from"../../../chunks/index-C_yUYGq9.js";import{d as L}from"../../../chunks/utils-MGg9IN4I.js";import{useEsc as j}from"../../../composables/useEsc.js";import{useHasSlotContent as H}from"../../../composables/useHasSlotContent.js";import{useTheme as T}from"../../../composables/useTheme.js";const A=["data-testid"],D=["id","aria-labelledby","aria-hidden"],E=/* @__PURE__ */e({name:"CLDisclosure",__name:"CLDisclosure",props:{bordered:{type:Boolean,default:!0},borderRadius:{},color:{default:I.Neutral},compact:{type:Boolean,default:!1},contentSpacing:{type:Boolean,default:!0},disclosureId:{},expanded:{type:Boolean,default:!1},expandedIcon:{default:S.ChevronUp},heading:{},headingLevel:{},headingType:{default:z.Section},iconAfter:{default:S.ChevronDown},iconBefore:{},iconSize:{default:C.Medium},rounded:{type:Boolean,default:!0},subHeading:{},subHeadingType:{default:k.Body},testId:{default:"clll-disclosure"},triggerButtonSize:{default:B.Medium},variant:{default:x.Soft}},setup(e){const x="clll-disclosure",B=T(),k=e;let C=a();const S=a(k.expanded),z=H("trailing"),I=t(()=>[x,`${x}--${k.color}--${k.variant}`,`${x}--${k.triggerButtonSize}`,k.bordered?`${x}--bordered`:"",k.borderRadius?`${x}--${k.borderRadius}`:"",k.contentSpacing?`${x}--padded`:`${x}--nopadding`,k.compact?`${x}--compact`:"",S.value?`${x}--expanded`:`${x}--collapsed`,k.heading?`${x}--hasheading`:"",k.subHeading||z.value?`${x}--hassubheading`:"",k.rounded?`${x}--rounded`:`${x}--box`,`${x}--${k.triggerButtonSize}`]),E=t(()=>[`${x}__content`,`${x}__content--${k.triggerButtonSize}`]),R=()=>{S.value?S.value=!1:S.value=!0},{clearEventListeners:M}=j({escHandler:R,triggerElem:C});return d(()=>{M()}),(a,t)=>(n(),o("div",{class:i(l(I)),style:s(l(L)({color:e.color,variant:e.variant,theme:l(B)})),"data-testid":e.testId},[r(l(y),{id:`${x}__button--${e.disclosureId}`,"aria-controls":`${x}--${e.disclosureId}`,"aria-expanded":l(S),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:R,onKeyup:c(R,["enter"])},{default:p(()=>[u("div",{class:i(`${x}__trigger`)},[u("span",{class:i(`${x}__heading`)},[e.iconBefore?(n(),_(l(v),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):g("",!0),u("span",{class:i(`${x}__heading-text`)},[e.heading?(n(),_(l(h),{key:0,class:i(`${x}__text-heading`),type:e.headingType,level:e.headingLevel},{default:p(()=>[m($(e.heading),1)]),_:1},8,["class","type","level"])):g("",!0),e.subHeading?(n(),_(l(b),{key:1,class:i(`${x}__text-subheading`),type:e.subHeadingType,truncate:""},{default:p(()=>[m($(e.subHeading),1)]),_:1},8,["class","type"])):g("",!0)],2),f(a.$slots,"trailing"),e.iconAfter?(n(),_(l(v),{key:1,name:l(S)?e.expandedIcon:e.iconAfter,size:e.iconSize},null,8,["name","size"])):g("",!0)],2)],2)]),_:3},8,["id","aria-controls","aria-expanded","color","rounded"]),u("div",{id:`${x}--${e.disclosureId}`,"aria-labelledby":`${x}__button--${e.disclosureId}`,"aria-hidden":!l(S),class:i(l(E))},[f(a.$slots,"default")],10,D)],14,A))}});export{E as CLDisclosure,E as default};
+import{defineComponent as e,ref as a,watch as t,computed as d,onBeforeUnmount as o,createElementBlock as n,openBlock as s,normalizeStyle as l,normalizeClass as i,unref as r,createVNode as u,createElementVNode as c,withKeys as p,withCtx as _,createBlock as g,createCommentVNode as f,renderSlot as m,createTextVNode as $,toDisplayString as y}from"vue";import{_ as v}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-f1fPKzcG.js";import{_ as h}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-8r8ehDQf.js";import{_ as b}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-7-UT438b.js";import{_ as x}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CkTc30tw.js";import{c as B,C as k,a as C,e as S,f as z,k as I,d as L}from"../../../chunks/index-C_yUYGq9.js";import{d as j}from"../../../chunks/utils-MGg9IN4I.js";import{useEsc as H}from"../../../composables/useEsc.js";import{useHasSlotContent as T}from"../../../composables/useHasSlotContent.js";import{useTheme as A}from"../../../composables/useTheme.js";const D=["data-testid"],E=["id","aria-labelledby","aria-hidden"],R=/* @__PURE__ */e({name:"CLDisclosure",__name:"CLDisclosure",props:{bordered:{type:Boolean,default:!0},borderRadius:{},color:{default:L.Neutral},compact:{type:Boolean,default:!1},contentSpacing:{type:Boolean,default:!0},disclosureId:{},expanded:{type:Boolean,default:!1},expandedIcon:{default:z.ChevronUp},heading:{},headingLevel:{},headingType:{default:I.Section},iconAfter:{default:z.ChevronDown},iconBefore:{},iconSize:{default:S.Medium},rounded:{type:Boolean,default:!0},subHeading:{},subHeadingType:{default:C.Body},testId:{default:"clll-disclosure"},triggerButtonSize:{default:k.Medium},variant:{default:B.Soft}},emits:["disclosure-toggle","update:expanded"],setup(e,{expose:B,emit:k}){const C=k,S="clll-disclosure",z=A(),I=e;let L=a();const R=a(I.expanded);t(()=>I.expanded,e=>{R.value=e});const M=T("trailing"),q=d(()=>[S,`${S}--${I.color}--${I.variant}`,`${S}--${I.triggerButtonSize}`,I.bordered?`${S}--bordered`:"",I.borderRadius?`${S}--${I.borderRadius}`:"",I.contentSpacing?`${S}--padded`:`${S}--nopadding`,I.compact?`${S}--compact`:"",R.value?`${S}--expanded`:`${S}--collapsed`,I.heading?`${S}--hasheading`:"",I.subHeading||M.value?`${S}--hassubheading`:"",I.rounded?`${S}--rounded`:`${S}--box`,`${S}--${I.triggerButtonSize}`]),w=d(()=>[`${S}__content`,`${S}__content--${I.triggerButtonSize}`]),K=e=>{R.value="boolean"==typeof e?e:!R.value,C("update:expanded",R.value),C("disclosure-toggle",R.value)},N=()=>{K()},{clearEventListeners:U}=H({escHandler:N,triggerElem:L});return o(()=>{U()}),B({close:()=>{K(!1)},expanded:R,open:()=>{K(!0)},toggle:K}),(a,t)=>(s(),n("div",{class:i(r(q)),style:l(r(j)({color:e.color,variant:e.variant,theme:r(z)})),"data-testid":e.testId},[u(r(v),{id:`${S}__button--${e.disclosureId}`,"aria-controls":`${S}--${e.disclosureId}`,"aria-expanded":r(R),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:N,onKeyup:p(N,["enter"])},{default:_(()=>[c("div",{class:i(`${S}__trigger`)},[c("span",{class:i(`${S}__heading`)},[e.iconBefore?(s(),g(r(b),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):f("",!0),c("span",{class:i(`${S}__heading-text`)},[e.heading?(s(),g(r(h),{key:0,class:i(`${S}__text-heading`),type:e.headingType,level:e.headingLevel,truncate:""},{default:_(()=>[$(y(e.heading),1)]),_:1},8,["class","type","level"])):f("",!0),e.subHeading?(s(),g(r(x),{key:1,class:i(`${S}__text-subheading`),type:e.subHeadingType,truncate:""},{default:_(()=>[$(y(e.subHeading),1)]),_:1},8,["class","type"])):f("",!0)],2),m(a.$slots,"trailing"),e.iconAfter?(s(),g(r(b),{key:1,name:r(R)?e.expandedIcon:e.iconAfter,size:e.iconSize},null,8,["name","size"])):f("",!0)],2)],2)]),_:3},8,["id","aria-controls","aria-expanded","color","rounded"]),c("div",{id:`${S}--${e.disclosureId}`,"aria-labelledby":`${S}__button--${e.disclosureId}`,"aria-hidden":!r(R),class:i(r(w))},[m(a.$slots,"default")],10,E)],14,D))}});export{R as CLDisclosure,R as default};

package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts

@@ -41,7 +41,18 @@ export interface CLDisclosureProps {
     /** Sets the color variant */
     variant?: CLColorVariants;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDisclosureProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDisclosureProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDisclosureProps, {
+    close: () => void;
+    expanded: globalThis.Ref<boolean, boolean>;
+    open: () => void;
+    toggle: (force?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "disclosure-toggle": (expanded: boolean) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<CLDisclosureProps> & Readonly<{
+    "onDisclosure-toggle"?: ((expanded: boolean) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {
     color: CLColors;
     variant: CLColorVariants;
     rounded: boolean;