@codeandfunction/callaloo 5.0.1 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/callaloo.global.js +1 -1
- package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-CSRl7Ywk.js → CLA11yButton.vue_vue_type_style_index_0_lang-Ji7simM5.js} +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-DIWTZr8r.js → CLButton.vue_vue_type_style_index_0_lang-YBRw-iGa.js} +1 -1
- package/dist/chunks/{CLCalendar.vue_vue_type_style_index_0_lang-C_V0TIOZ.js → CLCalendar.vue_vue_type_style_index_0_lang-W_YzyhKe.js} +1 -1
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-BvV2JMJg.js → CLCard.vue_vue_type_style_index_0_lang-tQ0ASNW0.js} +1 -1
- package/dist/chunks/{CLFormCharCounter.vue_vue_type_style_index_0_lang-CSZDp8WP.js → CLFormCharCounter.vue_vue_type_style_index_0_lang-CoV2Sew9.js} +1 -1
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-BSGVX2OH.js → CLFormLabel.vue_vue_type_script_setup_true_lang-CE1QIk9V.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-B5DkNiql.js → CLHeading.vue_vue_type_style_index_0_lang-Dab60mll.js} +1 -1
- package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-TznmoQu7.js → CLIcon.vue_vue_type_style_index_0_lang-CMDbzePk.js} +1 -1
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-C4vm2Xov.js → CLInputMessages.vue_vue_type_style_index_0_lang-zs20IQEF.js} +1 -1
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BxRVH7FA.js → CLLink.vue_vue_type_style_index_0_lang-DXqpQLYe.js} +1 -1
- package/dist/chunks/{CLModal.vue_vue_type_style_index_0_lang-Dil04VeQ.js → CLModal.vue_vue_type_style_index_0_lang-CTn8vrz7.js} +1 -1
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-Cj83Ka4j.js → CLNavLink.vue_vue_type_script_setup_true_lang-CwwXTUal.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-DnSECt7E.js → CLPill.vue_vue_type_style_index_0_lang-DxjYlWBa.js} +1 -1
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-CwyUPEE1.js → CLSkeleton.vue_vue_type_style_index_0_lang-Bbj-9cfM.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-Cz3_Wz0P.js → CLSpinner.vue_vue_type_style_index_0_lang-C585_U66.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-CNOJZujE.js → CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-BpzaZguO.js → CLToast.vue_vue_type_style_index_0_lang-DH_8A7ld.js} +1 -1
- package/dist/chunks/{context-DP_QBP01.js → context-MncmEXhU.js} +1 -1
- package/dist/chunks/icons-DVy5P-CR.js +1 -0
- package/dist/chunks/index-JN7Vpo-d.js +1 -0
- package/dist/chunks/{utils-DEqqOzci.js → utils-BUzwiwdZ.js} +1 -1
- package/dist/chunks/{utils-DVCnTWMt.js → utils-BolqNuGj.js} +1 -1
- package/dist/chunks/{utils-I87WCzVz.js → utils-CNr2HyHv.js} +1 -1
- package/dist/chunks/{utils-MlDbDIMX.js → utils-CYTM9R3b.js} +1 -1
- package/dist/chunks/{utils-DX6YX_aU.js → utils-DKCP0r1b.js} +1 -1
- package/dist/chunks/{utils-Cism66KC.js → utils-_x3iY77D.js} +1 -1
- package/dist/chunks/{utils-ugpM2L2U.js → utils-o6AEyL2T.js} +1 -1
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLTable/CLTable.js +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +1 -1
- package/dist/components/Containers/CLDrawer/CLDrawer.js +1 -1
- package/dist/components/Form/CLCalendar/CLCalendar.js +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
- package/dist/components/Form/CLInput/CLInput.js +1 -1
- package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +1 -1
- package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js +1 -1
- package/dist/components/Navigation/CLLink/CLLink.js +1 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +1 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
- package/dist/components/Typography/CLText/CLText.js +1 -1
- package/dist/composables/useTheme.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/icons-CD2PuwG0.js +0 -1
- package/dist/chunks/index-Bft6zZKv.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Buttons/CLA11yButton/CLA11yButton.css';
|
|
2
|
-
import{defineComponent as e,ref as t,computed as a,createElementBlock as o,openBlock as l,withKeys as d,normalizeStyle as n,normalizeClass as r,unref as u,renderSlot as s}from"vue";import{d as i}from"./index-
|
|
2
|
+
import{defineComponent as e,ref as t,computed as a,createElementBlock as o,openBlock as l,withKeys as d,normalizeStyle as n,normalizeClass as r,unref as u,renderSlot as s}from"vue";import{d as i}from"./index-JN7Vpo-d.js";import{a as c}from"./utils-o6AEyL2T.js";import{useTheme as f}from"../composables/useTheme.js";const p=["data-testid","tabindex"],m=/* @__PURE__ */e({name:"CLA11yButton",__name:"CLA11yButton",props:{color:{default:i.Neutral},enabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},testId:{default:"clll-a11y__button"}},setup(e){const i=e,m=f(),b=["a","button"],y=t(),_=a(()=>["clll-a11y__button",i.enabled?"--enabled":"",i.rounded?"--rounded":"",i.fluid?"--fluid":""]),x=e=>{if(!i.enabled)return;const{target:t}=e,a=t?t.closest("a,button"):void 0,o=[...y.value?.querySelectorAll("[data-expand-click-area]")??[]];if(o.length){const t=o[0],l=a?b.includes(a.tagName.toLowerCase()):null;a||t===e.target||l||t.click()}};return(t,a)=>(l(),o("div",{ref_key:"refExpandedArea",ref:y,class:r(u(_)),"data-testid":e.testId,tabindex:e.enabled?0:void 0,style:n(u(c)({color:e.color,theme:u(m)})),onClick:x,onKeyup:d(x,["enter"])},[s(t.$slots,"default")],46,p))}});export{m as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Buttons/CLButton/CLButton.css';
|
|
2
|
-
import{defineComponent as e,useSlots as t,ref as a,computed as o,onMounted as l,nextTick as i,createBlock as d,openBlock as n,resolveDynamicComponent as s,normalizeStyle as r,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as p,createElementBlock as m,renderSlot as y}from"vue";import{_ as v}from"./CLIcon.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,useSlots as t,ref as a,computed as o,onMounted as l,nextTick as i,createBlock as d,openBlock as n,resolveDynamicComponent as s,normalizeStyle as r,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as p,createElementBlock as m,renderSlot as y}from"vue";import{_ as v}from"./CLIcon.vue_vue_type_style_index_0_lang-CMDbzePk.js";import{_ as b}from"./CLSpinner.vue_vue_type_style_index_0_lang-C585_U66.js";import{CLButtonTypes as $}from"../index.js";import{b as _}from"./utils-o6AEyL2T.js";import{useHasSlotContent as h}from"../composables/useHasSlotContent.js";import{useTheme as g}from"../composables/useTheme.js";import{c as B,m as C,C as L,f as z,d as X,i as S,q as k}from"./index-JN7Vpo-d.js";const w=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:S.Center},ariaLabel:{default:void 0},as:{default:"button"},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:X.Neutral},disabled:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},form:{default:void 0},forwardRef:{type:Function,default:void 0},height:{default:"auto"},href:{default:void 0},iconAfter:{default:void 0},iconBefore:{default:void 0},iconFilled:{type:Boolean,default:!1},iconSize:{default:z.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:L.Small},target:{default:C.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:$.Button},variant:{default:B.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const $=e,B=g(),C=h();t();const z=a(),X="clll-button",w=o(()=>[X,`${X}--${$.type}`,`${X}--${$.color}--${$.variant}`,`${X}--${$.size}`,`${X}--${$.alignContent}`,$.active?`${X}--active`:"",$.busy?`${X}--busy`:"",$.disabled?`${X}--disabled`:"",$.wrap?`${X}--wrapped`:"",$.rounded?`${X}--rounded`:"",$.borderRadius?`${X}--${$.borderRadius}`:"",C.value?`${X}--has-content`:`${X}--no-content`,$.iconBefore?`${X}--icon-before`:"",$.iconAfter?`${X}--icon-after`:"",$.elevated?`${X}--elevated`:"",$.pill?`${X}--pill`:""]),j=()=>{switch($.size){case L.Medium:case L.Large:return L.Small;case L.XL:case L.XXL:return L.Medium;case L.XXXL:return L.Large;case L.XXXXL:return L.XL;case L.Tiny:default:return L.Tiny}};l(()=>{i(()=>{z.value&&$.forwardRef?.(z.value)})});const R=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(s(e.as),{ref_key:"buttonRef",ref:z,"aria-label":e.ariaLabel,class:u(f(w)),"data-testid":e.testId,disabled:"button"===e.as?e.busy||e.disabled:void 0,form:"button"===e.as?e.form:void 0,href:"a"===e.as?e.href:void 0,target:"a"===e.as?e.target:void 0,title:e.title,type:"button"===e.as?e.type:void 0,style:r({width:e.width,height:e.height,...f(_)({color:e.color,variant:e.variant,theme:f(B)})}),onClick:R},{default:c(()=>[e.iconBefore?(n(),d(f(v),{key:0,filled:e.iconFilled,name:e.iconBefore,size:e.iconSize,"test-id":`${e.testId}-icon-before`},null,8,["filled","name","size","test-id"])):p("",!0),f(C)?(n(),m("span",{key:1,class:u(`${X}__content`)},[y(t.$slots,"default")],2)):p("",!0),e.iconAfter?(n(),d(f(v),{key:2,filled:e.iconFilled,name:e.iconAfter,size:e.iconSize,"test-id":`${e.testId}-icon-after`},null,8,["filled","name","size","test-id"])):p("",!0),e.busy?(n(),d(f(b),{key:3,align:f(S).Center,position:f(k).Absolute,size:j(),color:e.color},null,8,["align","position","size","color"])):p("",!0)]),_:3},8,["aria-label","class","data-testid","disabled","form","href","target","title","type","style"]))}});export{w as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Form/CLCalendar/CLCalendar.css';
|
|
2
|
-
import{defineComponent as e,mergeModels as a,useCssVars as l,useModel as t,ref as i,toRef as d,watch as r,onMounted as s,createElementBlock as o,openBlock as n,normalizeStyle as u,normalizeClass as c,unref as p,createElementVNode as f,createVNode as v,withCtx as m,createTextVNode as y,toDisplayString as _,Fragment as h,renderList as b,createBlock as g,createCommentVNode as k}from"vue";import{_ as x}from"./CLButton.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,mergeModels as a,useCssVars as l,useModel as t,ref as i,toRef as d,watch as r,onMounted as s,createElementBlock as o,openBlock as n,normalizeStyle as u,normalizeClass as c,unref as p,createElementVNode as f,createVNode as v,withCtx as m,createTextVNode as y,toDisplayString as _,Fragment as h,renderList as b,createBlock as g,createCommentVNode as k}from"vue";import{_ as x}from"./CLButton.vue_vue_type_style_index_0_lang-YBRw-iGa.js";import{_ as z}from"./CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js";import{c as D,C,f as w,g as S,h as L,a as $,d as j,i as M}from"./index-JN7Vpo-d.js";import{c as T}from"./utils-DKCP0r1b.js";import{useDatePicker as B}from"../composables/useDatePicker.js";import{useTheme as P}from"../composables/useTheme.js";const R=["data-testid"],E=/* @__PURE__ */e({name:"CLCalendar",__name:"CLCalendar",props:/* @__PURE__ */a({color:{default:j.Primary},disabled:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},isRange:{type:Boolean,default:!0},fluid:{type:Boolean,default:!1},testId:{default:"clll-calendar"},width:{default:"280px"}},{modelValue:{},modelModifiers:{}}),emits:/* @__PURE__ */a(["date-select"],["update:modelValue"]),setup(e,{expose:a,emit:E}){l(e=>({v531731c4:e.width}));const G=e,F=E,I=P(),N="clll-calendar",V=t(e,"modelValue"),A=i(V.value?.end??null),O=i(V.value?.start??null),{calendarGrid:q,cancelDraft:H,clearDraft:J,currentMonthLabel:K,draftEnd:Q,draftStart:U,getDayAriaLabel:W,handleNextMonth:X,handlePrevMonth:Y,initializeDraft:Z,isDraftEnd:ee,isDraftStart:ae,isInDraftRange:le,onDayClick:te,weekDays:ie}=B({appliedEnd:A,appliedStart:O,isRange:d(G,"isRange")});r(V,e=>{O.value=e?.start??null,A.value=e?.end??null,Z()},{deep:!0}),s(()=>{Z()});return a({apply:()=>{O.value=U.value,A.value=Q.value,V.value={end:A.value,start:O.value}},cancel:()=>{H()},draftEnd:Q,draftStart:U,initializeDraft:Z,reset:()=>{J(),O.value=null,A.value=null,V.value=null}}),(a,l)=>(n(),o("div",{class:c([N,e.fluid?`${N}__fluid`:""]),"data-testid":e.testId,style:u(p(T)(p(I)))},[f("div",{class:c(`${N}__header`)},[v(p(x),{"aria-label":"Previous month","border-radius":p(L).Full,"icon-before":p(S).ChevronLeft,"icon-size":p(w).Tiny,"on-click":p(Y),size:p(C).Tiny,variant:p(D).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"]),v(p(z),{type:p($).Medium,medium:""},{default:m(()=>[y(_(p(K)),1)]),_:1},8,["type"]),v(p(x),{"aria-label":"Next month","border-radius":p(L).Full,"icon-before":p(S).ChevronRight,"icon-size":p(w).Tiny,"on-click":p(X),size:p(C).Tiny,variant:p(D).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"])],2),f("div",{class:c(`${N}__grid`)},[(n(!0),o(h,null,b(p(ie),e=>(n(),o("div",{key:e,class:c(`${N}__weekday`)},[v(p(z),{align:p(M).Center,color:p(j).Neutral,type:p($).Small},{default:m(()=>[y(_(e),1)]),_:2},1032,["align","color","type"])],2))),128)),(n(!0),o(h,null,b(p(q),(a,l)=>(n(),o("div",{key:a.date??`pad-${l}`,class:c([`${N}__cell`,a.isOutsideMonth?`${N}__cell--outside`:""])},[a.day&&a.date?(n(),g(p(x),{key:0,"aria-label":p(W)(a.date),"border-radius":p(L).Full,color:p(ae)(a.date)||p(ee)(a.date)?e.color:p(j).Secondary,disabled:e.disabled||e.busy,size:p(C).Small,height:"100%",width:"100%","on-click":e=>((e,a)=>{a?.preventDefault(),a?.stopPropagation(),G.disabled||G.busy||!e||(te(e),F("date-select",e))})(a.date,e),variant:p(ae)(a.date)||p(ee)(a.date)?p(D).Solid:p(le)(a.date)?p(D).Soft:p(D).Ghost,wrap:""},{default:m(()=>[y(_(a.day),1)]),_:2},1032,["aria-label","border-radius","color","disabled","size","on-click","variant"])):k("",!0)],2))),128))],2)],14,R))}});export{E as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Containers/CLCard/CLCard.css';
|
|
2
|
-
import{defineComponent as e,useSlots as a,ref as t,computed as l,onMounted as i,nextTick as r,createElementBlock as o,openBlock as d,withKeys as s,normalizeStyle as n,normalizeClass as u,unref as c,createCommentVNode as g,createElementVNode as y,createBlock as h,renderSlot as m,Fragment as f,withCtx as b,createTextVNode as _,toDisplayString as v}from"vue";import{_ as $}from"./CLHeading.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,useSlots as a,ref as t,computed as l,onMounted as i,nextTick as r,createElementBlock as o,openBlock as d,withKeys as s,normalizeStyle as n,normalizeClass as u,unref as c,createCommentVNode as g,createElementVNode as y,createBlock as h,renderSlot as m,Fragment as f,withCtx as b,createTextVNode as _,toDisplayString as v}from"vue";import{_ as $}from"./CLHeading.vue_vue_type_style_index_0_lang-Dab60mll.js";import{_ as p}from"./CLLink.vue_vue_type_style_index_0_lang-DXqpQLYe.js";import{_ as k}from"./CLSkeleton.vue_vue_type_style_index_0_lang-Bbj-9cfM.js";import{_ as C}from"./CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js";import{c as w,j as x,k as L,l as H,m as T,n as R,o as j,d as B,i as S,p as A,a as O}from"./index-JN7Vpo-d.js";import{c as W}from"./utils-CNr2HyHv.js";import{useHasSlotContent as q}from"../composables/useHasSlotContent.js";import{useTheme as E}from"../composables/useTheme.js";const I=["data-testid","tabindex"],N=["alt","loading","src"],G={key:0,class:"clll-card__header-skeleton"},K=["alt","loading","src"],M=["aria-label","href","target"],z=/* @__PURE__ */e({name:"CLCard",__name:"CLCard",props:{active:{type:Boolean,default:!1},align:{default:S.Left},ariaLabel:{},borderRadius:{},bordered:{type:Boolean,default:!0},busy:{type:Boolean,default:!1},byline:{},color:{default:B.Neutral},compact:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},forwardRef:{},height:{default:"auto"},href:{},image:{},imageAltText:{default:""},imageHeight:{default:"auto"},imageLoading:{default:j.Eager},imageOrder:{},imageWidth:{default:"auto"},onClick:{},overflow:{default:R.Hidden},padded:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},target:{default:T.Self},testId:{default:"clll-card"},title:{},titleHLevel:{default:H.H2},titleType:{default:L.SubSection},truncateTitle:{type:Boolean,default:!1},type:{default:x.Medium},variant:{default:w.Soft},width:{default:"auto"}},setup(e){const x="clll-card",L=E(),H=e,T=q(),R=a(),j=t(),B=t(),S=["a","button"],z=t(),D=l(()=>[x,`${x}--${H.type}`,`${x}--${H.color}-${H.variant}`,`${x}--${H.variant}`,`${x}--align-${H.align}`,H.rounded?`${x}--rounded`:`${x}--box`,H.bordered?`${x}--bordered`:"",H.borderRadius?`${x}--${H.borderRadius}`:"",H.busy?`${x}--busy`:`${x}--ready`,H.compact?`${x}--compact`:`${x}--no-compact`,H.title||H.byline?`${x}--has-header`:`${x}--no-header`,H.byline?`${x}--has-byline`:`${x}--no-byline`,j.value?`${x}--has-heading`:`${x}--no-heading`,T.value?`${x}--has-content`:`${x}--no-content`,B.value?`${x}--has-footer`:`${x}--no-footer`,H.image?`${x}--has-image`:`${x}--has-no-image`,H.imageOrder?`${x}--image-${H.imageOrder}`:"",H.active?`${x}--active`:`${x}--inactive`,H.onClick?`${x}--has-link`:"",H.truncateTitle?`${x}--has-truncated-title`:"",H.elevated?`${x}--elevated`:"",H.overflow?`${x}--overflow-${H.overflow}`:"",H.padded?"":`${x}--no-padding`]),F=e=>{if(H.busy||!H.onClick)return;const{target:a}=e,t=a?a.closest("a,button"):void 0,l=[...z.value?.querySelectorAll("[data-expand-click-area]")??[]];if(l.length){const a=l[0],i=t?S.includes(t.tagName.toLowerCase()):null;t||a===e.target||i||a.click()}};return i(async()=>{await r(),z.value&&H.forwardRef?.(z.value),j.value=R?.heading,B.value=R?.footer}),(a,t)=>(d(),o("div",{ref_key:"refExpandedArea",ref:z,class:u(c(D)),style:n({...c(W)({color:e.color,variant:e.variant,theme:c(L)}),width:e.width,height:e.height,overflow:e.overflow}),"data-testid":e.testId,tabindex:e.onClick?0:void 0,onClick:F,onKeyup:s(F,["enter"])},[!e.image||e.imageOrder!==c(A).Before&&e.imageOrder?g("",!0):(d(),o("div",{key:0,class:u(["clll-card__image",{busy:e.busy}]),style:n({width:e.imageWidth,height:e.imageHeight})},[e.busy?(d(),h(c(k),{key:0,"border-radius":e.borderRadius,width:e.imageWidth,height:e.imageHeight,rounded:!1},null,8,["border-radius","width","height"])):g("",!0),e.image?(d(),o("img",{key:1,alt:e.imageAltText,class:u(`${x}__image__elem`),loading:e.imageLoading,src:e.image},null,10,N)):g("",!0)],6)),y("div",{class:u(`${x}__content`)},[y("div",{class:u(["clll-card__header",{busy:e.busy}])},[e.busy&&(c(j)||e.title||e.byline)?(d(),o("div",G,[c(j)||e.title?(d(),h(c(k),{key:0,"border-radius":e.borderRadius,height:"27px"},null,8,["border-radius"])):g("",!0),e.byline?(d(),h(c(k),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px"},null,8,["border-radius"])):g("",!0)])):g("",!0),e.onClick||e.href?e.title||c(j)&&(e.onClick||e.href)?(d(),h(c(p),{key:2,"aria-label":e.ariaLabel,color:e.color,href:e.href,target:e.target,"on-click":e.onClick,"data-expand-click-area":""},{default:b(()=>[m(a.$slots,"heading"),e.title?(d(),h(c($),{key:0,align:e.align,class:u(`${x}__heading`),color:e.color,level:e.titleHLevel,truncate:e.truncateTitle,type:e.titleType},{default:b(()=>[_(v(e.title),1)]),_:1},8,["align","class","color","level","truncate","type"])):g("",!0)]),_:3},8,["aria-label","color","href","target","on-click"])):g("",!0):(d(),o(f,{key:1},[m(a.$slots,"heading"),e.title?(d(),h(c($),{key:0,align:e.align,class:u(`${x}__heading`),color:e.color,level:e.titleHLevel,truncate:e.truncateTitle,type:e.titleType},{default:b(()=>[_(v(e.title),1)]),_:1},8,["align","class","color","level","truncate","type"])):g("",!0)],64)),m(a.$slots,"byline"),e.byline?(d(),h(c(C),{key:3,align:e.align,class:u(`${x}__byline`),color:e.color,type:c(O).Small},{default:b(()=>[_(v(e.byline),1)]),_:1},8,["align","class","color","type"])):g("",!0)],2),y("div",{class:u(`${x}__slot`)},[y("div",{ref:"slot-content",class:u([`${x}__slot-content`,{busy:e.busy}])},[c(T)&&e.busy?(d(),h(c(k),{key:0,"border-radius":e.borderRadius,width:"100%",height:"100%"},null,8,["border-radius"])):g("",!0),y("div",null,[m(a.$slots,"default")])],2)],2),y("div",{class:u(["clll-card__footer",{busy:e.busy}])},[c(B)&&e.busy?(d(),h(c(k),{key:0,"border-radius":e.borderRadius,width:"100%",height:"20px"},null,8,["border-radius"])):g("",!0),m(a.$slots,"footer")],2)],2),e.image&&e.imageOrder===c(A).After?(d(),o("div",{key:1,class:u(["clll-card__image",{busy:e.busy}]),style:n({width:e.imageWidth,height:e.imageHeight})},[e.busy?(d(),h(c(k),{key:0,"border-radius":e.borderRadius,width:e.imageWidth,height:e.imageHeight,rounded:!1},null,8,["border-radius","width","height"])):g("",!0),m(a.$slots,"image"),e.image?(d(),o("img",{key:1,alt:e.imageAltText,class:u(`${x}__image__elem`),loading:e.imageLoading,src:e.image},null,10,K)):g("",!0)],6)):g("",!0),e.title||!e.onClick&&!e.href?g("",!0):(d(),o("a",{key:2,"aria-label":e.ariaLabel,class:"sr-only",href:e.href,target:e.target,"data-expand-click-area":"",onClick:t[0]||(t[0]=(...a)=>e.onClick&&e.onClick(...a))},null,8,M)),e.onClick&&e.variant!==c(w).Ghost?(d(),o("div",{key:3,class:u(`${x}__hover-elem`)},null,2)):g("",!0)],46,I))}});export{z as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../assets/CLFormCharCounter.css';
|
|
2
|
-
import{defineComponent as r,computed as t,createElementBlock as e,openBlock as l,normalizeClass as o,unref as a,createElementVNode as c,toDisplayString as n}from"vue";import{C as s,e as u,d as m}from"./index-
|
|
2
|
+
import{defineComponent as r,computed as t,createElementBlock as e,openBlock as l,normalizeClass as o,unref as a,createElementVNode as c,toDisplayString as n}from"vue";import{C as s,e as u,d as m}from"./index-JN7Vpo-d.js";const f=["data-testid"],h={"aria-live":"polite",class:"clll-form-char-counter__char-counter__text",role:"status"},i=/* @__PURE__ */r({name:"CLFormCharCounter",__name:"CLFormCharCounter",props:{color:{default:m.Neutral},cssPrefix:{},currentLength:{},layout:{default:u.Block},maxLength:{},size:{default:s.Small},testId:{default:"clll-form-char-counter"}},setup(r){const s=r,m=t(()=>[`${s.cssPrefix}__char-counter`,"clll-form-char-counter",`clll-form-char-counter--${s.layout}`,`clll-form-char-counter--${s.size}`,`clll-form-char-counter--${s.color}`,s.layout===u.Inline?"form-counter-flex":""]);return(t,s)=>(l(),e("span",{class:o(a(m)),"data-testid":r.testId},[c("div",h,n(r.currentLength)+"/"+n(r.maxLength),1)],10,f))}});export{i as _};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,createElementBlock as l,openBlock as a,normalizeClass as s,createVNode as t,unref as r,withCtx as o,createTextVNode as X,toDisplayString as d}from"vue";import{_ as i}from"./CLText.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{defineComponent as e,createElementBlock as l,openBlock as a,normalizeClass as s,createVNode as t,unref as r,withCtx as o,createTextVNode as X,toDisplayString as d}from"vue";import{_ as i}from"./CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js";import{C as m,a as f}from"./index-JN7Vpo-d.js";const u=["for","data-testid"],_=/* @__PURE__ */e({name:"CLFormLabel",__name:"CLFormLabel",props:{cssPrefix:{default:"clll-form"},htmlFor:{},label:{},required:{type:Boolean,default:!1},size:{default:m.Small},testId:{default:"clll-form-label"}},setup(e){const _={[m.Tiny]:f.Tiny,[m.Small]:f.Small,[m.Medium]:f.Medium,[m.Large]:f.Body,[m.XL]:f.XL,[m.XXL]:f.XXL,[m.XXXL]:f.XXXL,[m.XXXXL]:f.XXXXL};return(m,f)=>(a(),l("label",{for:e.htmlFor,class:s(`${e.cssPrefix}__label`),"data-testid":e.testId},[t(r(i),{as:"span",type:_[e.size],class:s(e.required?`${e.cssPrefix}__label--required`:"")},{default:o(()=>[X(d(e.label),1)]),_:1},8,["type","class"])],10,u))}});export{_};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Typography/CLHeading/CLHeading.css';
|
|
2
|
-
import{defineComponent as e,computed as t,createBlock as l,openBlock as a,resolveDynamicComponent as o,unref as s,normalizeStyle as r,normalizeClass as d,withCtx as n,renderSlot as i}from"vue";import{k as c,d as u,i as p,l as f}from"./index-
|
|
2
|
+
import{defineComponent as e,computed as t,createBlock as l,openBlock as a,resolveDynamicComponent as o,unref as s,normalizeStyle as r,normalizeClass as d,withCtx as n,renderSlot as i}from"vue";import{k as c,d as u,i as p,l as f}from"./index-JN7Vpo-d.js";import{t as m}from"./utils-_x3iY77D.js";import{useTheme as $}from"../composables/useTheme.js";const y=/* @__PURE__ */e({name:"CLHeading",__name:"CLHeading",props:{align:{default:p.Left},bolder:{type:Boolean,default:!1},color:{default:u.Secondary},level:{},testId:{default:"clll-heading"},truncate:{type:Boolean,default:!1},type:{default:c.Title}},setup(e){const u=e,p=$(),y="clll-heading",g=t(()=>{if(u.level)return u.level;switch(u.type){case c.Section:return f.H2;case c.SubSection:return f.H3;case c.PageTitle:case c.Title:default:return f.H1}}),b=t(()=>[y,`${y}--${u.align}`,`${y}--${u.color}`,`${y}--${u.truncate?"wrap":"nowrap"}`,`${y}--${u.type}`,u.bolder?`${y}--bolder`:""]);return(t,c)=>(a(),l(o(s(g)),{class:d(s(b)),"data-testid":e.testId,style:r(s(m)({color:e.color,theme:s(p)}))},{default:n(()=>[i(t.$slots,"default")]),_:3},8,["class","data-testid","style"]))}});export{y as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/CLIcon/CLIcon.css';
|
|
2
|
-
import{defineComponent as e,ref as t,computed as l,watch as n,onMounted as o,createElementBlock as a,openBlock as i,normalizeStyle as r,normalizeClass as s,unref as c,createElementVNode as d}from"vue";import{b as u,d as m,c as f,f as h}from"./index-
|
|
2
|
+
import{defineComponent as e,ref as t,computed as l,watch as n,onMounted as o,createElementBlock as a,openBlock as i,normalizeStyle as r,normalizeClass as s,unref as c,createElementVNode as d}from"vue";import{b as u,d as m,c as f,f as h}from"./index-JN7Vpo-d.js";import{g as p}from"./utils-CYTM9R3b.js";import{useTheme as v}from"../composables/useTheme.js";import{i as g}from"./helper-C542dSLs.js";const y=({color:e=m.Neutral,theme:t})=>{const{colors:l,darkMode:n}=t??v(),o=n.value?u.Dark:u.Light,a=p({color:e,colors:l.value,mode:o,variant:f.Text});return{"--clll-icon-color":a?.textBody??"inherit"}},L=["data-testid"],X=["height","width"],b=["href"],w=/* @__PURE__ */e({name:"CLIcon",__name:"CLIcon",props:{color:{default:m.Neutral},filled:{type:Boolean,default:!1},name:{},size:{default:h.Small},testId:{default:"clll-icon"}},setup(e){const u=e,m=v(),f="clll-icon",p={[h.Tiny]:20,[h.Small]:24,[h.Medium]:28,[h.Large]:32,[h.XL]:36,[h.XXL]:40,[h.XXXL]:44,[h.XXXXL]:48},w=/* @__PURE__ */new Map,B=t(!1),I=t(!1),x=l(()=>u.filled?u.name.endsWith("-filled")?u.name:u.name.replace("tabler:","tabler:")+"-filled":u.name),$=l(()=>{if(!I.value)return u.name;const e=x.value;return u.filled&&e!==u.name?B.value&&(e=>{if(!g)return!1;if(w.has(e))return w.get(e);const t=document.getElementById("clll-icons");if(!t)return!1;const l=document.getElementById(e),n=null!==l&&t.contains(l);return w.set(e,n),n})(e)?e:u.name:e}),j=l(()=>[f,`${f}--${u.name}`,`${f}--${u.size}`,{[`${f}--filled`]:u.filled&&$.value===x.value}]),z=l(()=>({...y({color:u.color,theme:m}),width:p[u.size]+4+"px",height:p[u.size]+4+"px"}));n(()=>B.value,e=>{e&&w.clear()});return o(()=>{I.value=!0,(async()=>{if(!g)return;let e=document.getElementById("clll-icons");if(e)B.value=!0;else try{const t=/* #__PURE__ */Object.assign({"/src/icons.svg":()=>import("./icons-DVy5P-CR.js").then(e=>e.default)})["/src/icons.svg"];if(!t)return;const l=await t();if(e=document.getElementById("clll-icons"),e)return void(B.value=!0);const n=document.createElement("div");n.id="clll-icons",n.style.display="none",n.innerHTML=l.toString();const o=()=>{document.body.insertBefore(n,document.body.childNodes[0]),B.value=!0};"loading"===document.readyState?window.addEventListener("DOMContentLoaded",o,{once:!0}):o()}catch(t){console.error("[Callaloo] Failed to load icon sprite:",t)}})()}),(t,l)=>(i(),a("span",{class:s(c(j)),"data-testid":e.testId,style:r(c(z))},[(i(),a("svg",{"aria-hidden":"true",class:s(`${f}-sprite`),height:p[e.size],width:p[e.size],viewBox:"0 0 24 24"},[d("use",{href:`#${c($)}`},null,8,b)],10,X))],14,L))}});export{w as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../assets/CLInputMessages.css';
|
|
2
|
-
import{defineComponent as s,createElementBlock as e,openBlock as a,normalizeClass as o,unref as l,renderSlot as t,Fragment as i,renderList as n,normalizeStyle as r,createElementVNode as p,toDisplayString as m}from"vue";import{t as u,d}from"./index-
|
|
2
|
+
import{defineComponent as s,createElementBlock as e,openBlock as a,normalizeClass as o,unref as l,renderSlot as t,Fragment as i,renderList as n,normalizeStyle as r,createElementVNode as p,toDisplayString as m}from"vue";import{t as u,d}from"./index-JN7Vpo-d.js";import{b as f}from"./utils-DKCP0r1b.js";const $="clll-form-field",c=/* @__PURE__ */s({__name:"CLFormField",props:{fluid:{type:Boolean},hasPill:{type:Boolean},hasCharCounter:{type:Boolean},orientation:{}},setup:s=>(i,n)=>(a(),e("div",{class:o([$,s.fluid||s.orientation===l(u).Horizontal?`${$}--fluid`:`${$}--fixed`,s.orientation?`${$}--${s.orientation}`:"",s.hasPill?`${$}--haspill`:"",s.hasCharCounter?`${$}--hascharcounter`:""])},[t(i.$slots,"default")],2))}),h="clll-input__message",_=/* @__PURE__ */s({__name:"CLInputMessages",props:{id:{},messages:{},messageType:{default:d.Neutral}},setup:s=>(t,u)=>(a(!0),e(i,null,n(s.messages,(t,i)=>(a(),e("span",{key:`${s.id}-message-${i}`,class:o([h,`${h}--${s.messageType}`]),style:r(l(f)({color:s.messageType}))},[p("span",{class:o([`${h}__text`])},m(t),3)],6))),128))});export{c as _,_ as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Navigation/CLLink/CLLink.css';
|
|
2
|
-
import{defineComponent as e,computed as l,createElementBlock as r,openBlock as t,normalizeStyle as a,normalizeClass as n,unref as o,renderSlot as i,createBlock as s,createCommentVNode as d}from"vue";import{_ as c}from"./CLIcon.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,computed as l,createElementBlock as r,openBlock as t,normalizeStyle as a,normalizeClass as n,unref as o,renderSlot as i,createBlock as s,createCommentVNode as d}from"vue";import{_ as c}from"./CLIcon.vue_vue_type_style_index_0_lang-CMDbzePk.js";import{b as u,d as m,c as f,m as p,f as k,g as h}from"./index-JN7Vpo-d.js";import{g as x}from"./utils-CYTM9R3b.js";import{useTheme as b}from"../composables/useTheme.js";const v=({color:e=m.Primary,underline:l=!0,theme:r})=>{const{colors:t,darkMode:a}=r??b(),n=a.value?u.Dark:u.Light,o=x({color:e,colors:t.value,mode:n,variant:f.Outline}),i=o?.border,s=o?.textDisabled,d=o?.textBody;return{"--clll-link-text-color":d??"inherit","--clll-link-text-hover":(a.value?o?.borderHover:o?.textDisabled)??"inherit","--clll-link-underline-color":l?i??"transparent":"transparent","--clll-link-underline-hover":l?s??"transparent":"transparent","--clll-link-focus-border":d??"transparent","--clll-link-focus-shadow":o?.shadow??"transparent"}},y=["aria-label","data-testid","href","rel","target"],_=/* @__PURE__ */e({name:"CLLink",__name:"CLLink",props:{ariaLabel:{},color:{default:m.Primary},external:{type:Boolean,default:!1},href:{},onClick:{},rel:{default:"noreferrer noopener"},target:{default:p.Self},testId:{default:"clll-link"},underline:{type:Boolean,default:!0}},setup(e){const u=e,m=b(),f="clll-link",p=l(()=>[f,`${f}--${u.color}`,`${f}--${u.external?"external":"internal"}`,u.underline?`${f}--underline`:`${f}--nounderline`]);return(l,u)=>(t(),r("a",{"aria-label":e.ariaLabel,class:n(o(p)),"data-testid":e.testId,href:e.href,rel:e.external?e.rel:"",target:e.target,style:a(o(v)({color:e.color,underline:e.underline,theme:o(m)})),onClick:u[0]||(u[0]=(...l)=>e.onClick&&e.onClick(...l))},[i(l.$slots,"default"),e.external?(t(),s(o(c),{key:0,color:e.color,name:o(h).ExternalLink,size:o(k).Tiny},null,8,["color","name","size"])):d("",!0)],14,y))}});export{_};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Modals/CLModal/CLModal.css';
|
|
2
|
-
import{defineComponent as e,useTemplateRef as o,useSlots as t,ref as l,computed as a,watch as s,onMounted as n,onBeforeUnmount as d,createElementBlock as i,createCommentVNode as r,openBlock as c,normalizeStyle as _,normalizeClass as u,unref as m,createElementVNode as v,createBlock as f,renderSlot as y,withCtx as b,createTextVNode as p,toDisplayString as h}from"vue";import{_ as $}from"./CLButton.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,useTemplateRef as o,useSlots as t,ref as l,computed as a,watch as s,onMounted as n,onBeforeUnmount as d,createElementBlock as i,createCommentVNode as r,openBlock as c,normalizeStyle as _,normalizeClass as u,unref as m,createElementVNode as v,createBlock as f,renderSlot as y,withCtx as b,createTextVNode as p,toDisplayString as h}from"vue";import{_ as $}from"./CLButton.vue_vue_type_style_index_0_lang-YBRw-iGa.js";import{_ as w}from"./CLHeading.vue_vue_type_style_index_0_lang-Dab60mll.js";import{b as x,d as I,c as z,h as g,f as L,g as k,k as C}from"./index-JN7Vpo-d.js";import{g as B}from"./utils-CYTM9R3b.js";import{useTheme as j}from"../composables/useTheme.js";import{useEsc as T}from"../composables/useEsc.js";import{c as E,i as O}from"./helper-C542dSLs.js";const R=e=>{const{colors:o,darkMode:t}=e??j(),l=t.value?x.Dark:x.Light,a=B({color:I.Neutral,colors:o.value,mode:l,variant:z.Solid}),s=t.value?"black":"white";return{"--clll-modal-overlay-bg":a?.bg??"transparent","--clll-modal-content-bg":s,"--clll-modal-theme-radius":"var(--clll-default-radius)"}},S=["id","data-testid"],M=["aria-labelledby"],D=/* @__PURE__ */e({name:"CLModal",__name:"CLModal",props:{borderRadius:{default:void 0},close:{type:Boolean,default:!0},closeBorderRadius:{default:g.Full},dismissible:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},isOpen:{type:Boolean,default:!1},maxWidth:{default:"640px"},modalId:{},onClose:{type:Function,default:void 0},overlay:{type:Boolean,default:!0},testId:{default:"clll-modal"},title:{default:void 0},zIndex:{default:100}},emits:["modal-open","modal-close"],setup(e,{emit:x}){const g=x,B=j(),D=o("modal-window"),F=t(),H=e,N="clll-modal",W="clll-prevent-scroll",q=l(),A=()=>{O&&window?.document.body.classList.add(W)},G=()=>{O&&window?.document.body.classList.remove(W)},J=a(()=>[N]),K=a(()=>[`${N}__window`,H.fullscreen?`${N}__window--fullscreen`:""]),P=a(()=>[`${N}__content`,H.borderRadius?`${N}__content--${H.borderRadius}`:"",H.close?`${N}__content--has-close-button`:`${N}__content--has-no-close-button`,F.body?`${N}__content--has-body`:`${N}__content--has-no-body`,F.footer?`${N}__content--has-footer`:`${N}__content--has-no-footer`,F.header||H.title?`${N}__content--has-header`:`${N}__content--has-no-header`,H.title?`${N}__content--has-title`:`${N}__content--has-no-title`]),Q=a(()=>"auto"===H.zIndex||E(H.zIndex)?H.zIndex:H.zIndex.toString()),U=a(()=>{if("auto"===H.zIndex)return H.zIndex;return((E(H.zIndex)?parseInt(H.zIndex,10):H.zIndex)+100).toString()}),V=e=>{try{(e=>{try{const o=e?.target,t=D.value;return!(!O||!t||t.contains(o))||void 0}catch(o){return void console.error(o)}})(e)&&(O&&window.removeEventListener("mousedown",V),Z())}catch(o){console.error(o)}},X=()=>{O&&window.removeEventListener("mousedown",V)},Y=()=>{O&&(q.value&&O&&window.clearTimeout(q.value),X(),G())},Z=()=>{H.isOpen&&(H.onClose?.(),Y())};s(H,e=>{e.isOpen?(g("modal-open"),A(),D.value&&D.value.focus(),O&&e.dismissible&&(X(),q.value=window.setTimeout(()=>{window.addEventListener("mousedown",V)},100))):(D.value&&D.value.blur(),G(),X(),q.value&&O&&window.clearTimeout(q.value),g("modal-close"))}),n(()=>{H.isOpen&&O&&(A(),D.value&&D.value.focus())});const{clearEventListeners:ee}=T({escHandler:H.dismissible?Z:void 0});return d(()=>{Y(),ee()}),(o,t)=>e.isOpen?(c(),i("div",{key:0,id:e.modalId,class:u(m(J)),"data-testid":e.testId,style:_({...m(R)(m(B)),zIndex:m(Q)})},[v("div",{class:u(m(K)),style:_({zIndex:m(U)})},[v("div",{ref:"modal-window","aria-modal":"true","aria-labelledby":`${N}__content__header__title`,class:u(m(P)),role:"dialog",tabindex:-1,style:_({"--clll-modal-max-width":e.maxWidth})},[v("div",{class:u(`${N}__close-button`)},[e.onClose&&e.close?(c(),f(m($),{key:0,"aria-label":"Close modal","border-radius":e.closeBorderRadius,color:m(I).Neutral,"icon-before":m(k).Delete,"icon-size":m(L).Tiny,"on-click":e.onClose,"test-id":`${N}__close-button`,variant:m(z).Text},null,8,["border-radius","color","icon-before","icon-size","on-click","test-id","variant"])):r("",!0)],2),v("div",{class:u(`${N}__content__header`)},[v("div",{class:u(`${N}__content__title`)},[v("div",{class:u(`${N}__content__header__container`)},[e.title?(c(),f(m(w),{key:0,id:`${N}__content__header__title`,class:u(`${N}__content__header__title`),type:m(C).Section},{default:b(()=>[p(h(e.title),1)]),_:1},8,["id","class","type"])):r("",!0),y(o.$slots,"header")],2)],2)],2),v("div",{class:u(`${N}__content__scroller`)},[v("div",{class:u(`${N}__content__body`)},[y(o.$slots,"body")],2)],2),v("div",{class:u(`${N}__content__footer`)},[y(o.$slots,"footer")],2)],14,M)],6),e.overlay?(c(),i("div",{key:0,ref:"overlay-ref",class:u(`${N}__overlay`),style:_({zIndex:e.zIndex})},null,6)):r("",!0)],14,S)):r("",!0)}});export{D as _};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,createBlock as t,openBlock as l,unref as r,withCtx as a,renderSlot as i}from"vue";import{_ as n}from"./CLLink.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{defineComponent as e,createBlock as t,openBlock as l,unref as r,withCtx as a,renderSlot as i}from"vue";import{_ as n}from"./CLLink.vue_vue_type_style_index_0_lang-DXqpQLYe.js";import{d as o}from"./index-JN7Vpo-d.js";const d=/* @__PURE__ */e({name:"CLNavLink",__name:"CLNavLink",props:{ariaLabel:{},color:{default:o.Neutral},external:{type:Boolean,default:!1},href:{},id:{},onClick:{},rel:{default:"noreferrer noopener"},target:{},testId:{default:"clll-navlink"}},emits:["click"],setup(e,{emit:o}){const d=e,s=o,c=e=>{d.onClick&&d.onClick(e),s("click",e)};return(o,d)=>(l(),t(r(n),{id:e.id,"aria-label":e.ariaLabel,color:e.color,"data-testid":e.testId,external:e.external,href:e.href,rel:e.rel,target:e.target,underline:!e.onClick,onClick:c},{default:a(()=>[i(o.$slots,"default")]),_:3},8,["id","aria-label","color","data-testid","external","href","rel","target","underline"]))}});export{d as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Indicators/CLPill/CLPill.css';
|
|
2
|
-
import{defineComponent as e,computed as l,createElementBlock as a,openBlock as n,normalizeStyle as s,normalizeClass as o,unref as i,createCommentVNode as t,createBlock as c,createVNode as d,withCtx as r,createTextVNode as u,toDisplayString as _,createElementVNode as m}from"vue";import{_ as p}from"./CLButton.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,computed as l,createElementBlock as a,openBlock as n,normalizeStyle as s,normalizeClass as o,unref as i,createCommentVNode as t,createBlock as c,createVNode as d,withCtx as r,createTextVNode as u,toDisplayString as _,createElementVNode as m}from"vue";import{_ as p}from"./CLButton.vue_vue_type_style_index_0_lang-YBRw-iGa.js";import{_ as y}from"./CLIcon.vue_vue_type_style_index_0_lang-CMDbzePk.js";import{_ as f}from"./CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js";import{c as v,d as k,f as $,a as b,g as C}from"./index-JN7Vpo-d.js";import{p as z}from"./utils-BUzwiwdZ.js";const x=["data-testid"],D=/* @__PURE__ */e({name:"CLPill",__name:"CLPill",props:{color:{default:k.Neutral},count:{},dismissable:{type:Boolean},elevated:{type:Boolean,default:!1},icon:{},iconFilled:{type:Boolean,default:!1},label:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-pill"},variant:{default:v.Soft}},setup(e){const v=e,k="clll-pill",D=l(()=>[k,`${k}--${v.color}--${v.variant}`,v.count?`${k}--has-count`:"",v.dismissable?`${k}--dismissable`:"",v.elevated?`${k}--elevated`:"",v.icon?`${k}--has-icon`:`${k}--has-noicon`,v.rounded?`${k}--rounded`:""]);return(l,v)=>(n(),a("div",{"data-testid":e.testId,class:o(i(D)),style:s(i(z)({color:e.color,variant:e.variant}))},[e.onClick||e.onDismiss?t("",!0):(n(),a("span",{key:0,class:o(`${k}__container`)},[e.icon?(n(),c(i(y),{key:0,filled:e.iconFilled,name:e.icon,size:i($).Tiny},null,8,["filled","name","size"])):t("",!0),d(i(f),{as:"span",type:i(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.count?(n(),a("span",{key:1,class:o(`${k}__count`)},_(e.count),3)):t("",!0)],2)),e.onClick&&!e.dismissable?(n(),c(i(p),{key:1,color:e.color,"on-click":e.onClick,variant:e.variant,pill:"",rounded:e.rounded},{default:r(()=>[m("span",{class:o(`${k}__button`)},[e.icon?(n(),c(i(y),{key:0,filled:e.iconFilled,name:e.icon,size:i($).Tiny},null,8,["filled","name","size"])):t("",!0),d(i(f),{as:"span",type:i(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.count?(n(),a("span",{key:1,class:o(`${k}__count`)},_(e.count),3)):t("",!0),e.dismissable?(n(),c(i(y),{key:2,name:i(C).Delete,size:i($).Tiny},null,8,["name","size"])):t("",!0)],2)]),_:1},8,["color","on-click","variant","rounded"])):t("",!0),e.onDismiss&&e.dismissable?(n(),c(i(p),{key:2,color:e.color,"on-click":e.onDismiss,variant:e.variant,pill:"",rounded:e.rounded},{default:r(()=>[m("span",{class:o(`${k}__button`)},[d(i(f),{as:"span",type:i(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.dismissable?(n(),c(i(y),{key:0,name:i(C).Delete,size:i($).Tiny},null,8,["name","size"])):t("",!0)],2)]),_:1},8,["color","on-click","variant","rounded"])):t("",!0)],14,x))}});export{D as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Loading/CLSkeleton/CLSkeleton.css';
|
|
2
|
-
import{defineComponent as e,computed as t,createElementBlock as s,openBlock as d,normalizeStyle as l,normalizeClass as o,unref as a,createElementVNode as r}from"vue";import{s as i}from"./utils-
|
|
2
|
+
import{defineComponent as e,computed as t,createElementBlock as s,openBlock as d,normalizeStyle as l,normalizeClass as o,unref as a,createElementVNode as r}from"vue";import{s as i}from"./utils-BolqNuGj.js";import{useTheme as n}from"../composables/useTheme.js";const u=["data-testid"],m=/* @__PURE__ */e({name:"CLSkeleton",__name:"CLSkeleton",props:{borderRadius:{},height:{default:"100%"},rounded:{type:Boolean,default:!0},testId:{default:"clll-skeleton"},width:{default:"100%"}},setup(e){const m=e,h=n(),p="clll-skeleton",c=t(()=>[p,m.borderRadius?`${p}--${m.borderRadius}`:"",m.rounded?`${p}--rounded`:`${p}--square`]);return(t,n)=>(d(),s("div",{class:o(a(c)),"data-testid":e.testId,style:l({...a(i)(a(h)),width:e.width,height:e.height})},[...n[0]||(n[0]=[r("div",{class:"clll-skeleton__animation"},null,-1)])],14,u))}});export{m as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Loading/CLSpinner/CLSpinner.css';
|
|
2
|
-
import{defineComponent as e,computed as t,createElementBlock as s,openBlock as l,normalizeStyle as o,normalizeClass as r,unref as i,createElementVNode as a}from"vue";import{C as n,q as c,d as p,i as d}from"./index-
|
|
2
|
+
import{defineComponent as e,computed as t,createElementBlock as s,openBlock as l,normalizeStyle as o,normalizeClass as r,unref as i,createElementVNode as a}from"vue";import{C as n,q as c,d as p,i as d}from"./index-JN7Vpo-d.js";import{a as m}from"./utils-BolqNuGj.js";import{useTheme as u}from"../composables/useTheme.js";const f=["data-testid"],$=/* @__PURE__ */e({name:"CLSpinner",__name:"CLSpinner",props:{align:{default:d.Left},color:{default:p.Primary},position:{default:c.Absolute},size:{default:n.Medium},testId:{default:"clll-spinner"}},setup(e){const n=e,c=u(),p="clll-spinner",d=t(()=>[p,`${p}--${n.position}`,`${p}--${n.color}`,`${p}--${n.size}`,`${p}--${n.align}`]),$=t(()=>[`${p}__circle`,`${p}__circle--${n.size}`]);return(t,n)=>(l(),s("div",{class:r(i(d)),"data-testid":e.testId,style:o(i(m)({color:e.color,theme:i(c)}))},[(l(),s("svg",{class:r(i($)),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[...n[0]||(n[0]=[a("circle",{style:{opacity:"0.25"},cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),a("path",{fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)])],2))],14,f))}});export{$ as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Typography/CLText/CLText.css';
|
|
2
|
-
import{defineComponent as t,computed as e,createBlock as l,openBlock as o,resolveDynamicComponent as a,normalizeStyle as d,normalizeClass as s,unref as r,withCtx as u,renderSlot as m}from"vue";import{a as p,d as f,i}from"./index-
|
|
2
|
+
import{defineComponent as t,computed as e,createBlock as l,openBlock as o,resolveDynamicComponent as a,normalizeStyle as d,normalizeClass as s,unref as r,withCtx as u,renderSlot as m}from"vue";import{a as p,d as f,i}from"./index-JN7Vpo-d.js";import{t as n}from"./utils-_x3iY77D.js";import{useTheme as c}from"../composables/useTheme.js";const $=/* @__PURE__ */t({name:"CLText",__name:"CLText",props:{align:{default:i.Left},as:{default:"p"},bold:{type:Boolean,default:!1},bolder:{type:Boolean,default:!1},color:{default:f.Secondary},light:{type:Boolean,default:!1},medium:{type:Boolean,default:!1},testId:{default:"clll-text"},truncate:{type:Boolean,default:!1},type:{default:p.Body}},setup(t){const p=t,f=c(),i="clll-text",$=e(()=>[i,`${i}--${p.align}`,`${i}--${p.color}`,`${i}--${p.truncate?"wrap":"nowrap"}`,`${i}--${p.type}`,{[`${i}--mediumbold`]:p.medium,[`${i}--light`]:p.light,[`${i}--bold`]:p.bold,[`${i}--bolder`]:p.bolder}]);return(e,p)=>(o(),l(a(t.as),{class:s(r($)),"data-testid":t.testId,style:d(r(n)({color:t.color,theme:r(f)}))},{default:u(()=>[m(e.$slots,"default")]),_:3},8,["class","data-testid","style"]))}});export{$ as _};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../components/Popups/CLToast/CLToast.css';
|
|
2
|
-
import{defineComponent as e,ref as t,computed as o,watch as l,onMounted as s,onUnmounted as a,onBeforeUnmount as i,createElementBlock as r,openBlock as u,normalizeStyle as n,normalizeClass as d,unref as c,createElementVNode as m,createCommentVNode as v,createVNode as _,createBlock as b,withCtx as p,createTextVNode as f,toDisplayString as h}from"vue";import{_ as y}from"./CLButton.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as e,ref as t,computed as o,watch as l,onMounted as s,onUnmounted as a,onBeforeUnmount as i,createElementBlock as r,openBlock as u,normalizeStyle as n,normalizeClass as d,unref as c,createElementVNode as m,createCommentVNode as v,createVNode as _,createBlock as b,withCtx as p,createTextVNode as f,toDisplayString as h}from"vue";import{_ as y}from"./CLButton.vue_vue_type_style_index_0_lang-YBRw-iGa.js";import{_ as g}from"./CLIcon.vue_vue_type_style_index_0_lang-CMDbzePk.js";import{_ as $}from"./CLText.vue_vue_type_style_index_0_lang-CtJj2e-q.js";import{c as T,b as x,d as L,u as k,f as z,a as D,C as j,g as M}from"./index-JN7Vpo-d.js";import{i as w,g as B,a as C}from"./helper-C542dSLs.js";import{useEsc as R}from"../composables/useEsc.js";import{useTheme as S}from"../composables/useTheme.js";import{g as F}from"./utils-CYTM9R3b.js";const A=({color:e,theme:t})=>{const{colors:o,darkMode:l}=t??S(),s=F({color:e,colors:o.value,mode:(l.value,x.Light),variant:T.Soft}),a=F({color:L.Neutral,colors:o.value,mode:l.value?x.Light:x.Dark,variant:T.Text});return{"--clll-toast-bg-color":l.value?"white":"#322F35","--clll-toast-text-color":a?.textBody,"--clll-toast-action-button-text-color":s?.text,"--clll-toast-action-button-bg-color":s?.bg,"--clll-toast-action-button-hover-color":s?.hover,"--clll-toast-dismiss-button-text-color":a?.text,"--clll-toast-dismiss-button-bg-color":a?.bg,"--clll-toast-dismiss-button-hover-color":a?.hover,"--clll-toast-icon-bg":s?.bg,"--clll-toast-icon-color":s?.text,"--clll-toast-theme-radius":"var(--clll-default-radius)"}},E=["data-testid"],I=300,N="clll-toast",H=/* @__PURE__ */e({name:"CLToast",__name:"CLToast",props:{actionLabel:{},borderRadius:{},color:{default:L.Secondary},dismissTimer:{default:5},icon:{},iconSize:{default:z.Small},iconFilled:{type:Boolean,default:!1},message:{},onAction:{},onDismiss:{},position:{default:k.TopRight},rounded:{type:Boolean,default:!0},testId:{default:"clll-toast"},title:{},width:{default:"24rem"}},setup(e){const x=e,k=S(),F=t(),H=t(!1),q=t(),G=t(0),J=t(!1),K=t(null),O=t(0),P=t(0),Q=t(!1),U=o(()=>[N,x.borderRadius?`${N}--${x.borderRadius}`:"",x.dismissTimer?`${N}--has-timer`:"",x.icon?`${N}--has-icon`:"",x.message&&!x.title?`${N}--has-messageonly`:"",H.value?`${N}--mounted`:"",x.onAction&&x.actionLabel?`${N}--has-action`:"",x.rounded?`${N}--rounded`:`${N}--box`,x.title&&!x.message?`${N}--has-titleonly`:"",x.title&&x.message?`${N}--has-titleandmessage`:"",`${N}--${x.position}`]),V=()=>{null!==K.value&&(clearTimeout(K.value),K.value=null),q.value?.stop()},W=()=>{x.dismissTimer&&!J.value&&(V(),O.value=Date.now(),P.value=1e3*x.dismissTimer,Q.value=!1,K.value=setTimeout(()=>{Q.value||J.value||ee()},P.value))},X=()=>{if(!x.dismissTimer||Q.value||J.value)return;Q.value=!0;const e=Date.now()-O.value;P.value=Math.max(0,P.value-e),V()},Y=()=>{x.dismissTimer&&Q.value&&!J.value&&(Q.value=!1,O.value=Date.now(),K.value=setTimeout(()=>{Q.value||J.value||ee()},P.value))},Z=()=>{document.hidden?X():Y()},ee=()=>{J.value||(J.value=!0,H.value=!1,V(),q.value&&q.value.start(I,e=>{Math.min(e,I)===I&&(q.value?.stop(),x.onDismiss?.())}),te())};l(()=>x.dismissTimer,()=>{V(),J.value=!1,x.dismissTimer&&x.dismissTimer>0&&W()}),s(()=>{w&&(G.value=B()+1,q.value||(q.value=C(),q.value.start(100,e=>{100===Math.min(e,100)&&(q.value?.stop(),H.value=!0,x.dismissTimer&&q.value?.start(I,e=>{Math.min(e,I)===I&&(q.value?.stop(),W())}))})),document.addEventListener("visibilitychange",Z))}),a(()=>{w&&(V(),q.value=void 0,document.removeEventListener("visibilitychange",Z)),H.value=!1,J.value||(J.value=!0,x.onDismiss?.())});const{clearEventListeners:te}=R({escHandler:ee});return i(()=>{te()}),(t,o)=>(u(),r("output",{ref_key:"elem",ref:F,class:d(c(U)),"data-testid":e.testId,style:n({zIndex:c(G),"--clll-toast-width":e.width,...c(A)({color:e.color,theme:c(k)})}),onMouseenter:X,onMouseleave:Y,onFocusin:X,onFocusout:Y},[m("div",{class:d(`${N}__body`)},[m("div",{class:d(`${N}__content`)},[e.icon?(u(),r("div",{key:0,class:d(`${N}__icon`)},[_(c(g),{filled:e.iconFilled,name:e.icon,size:e.iconSize},null,8,["filled","name","size"])],2)):v("",!0),m("div",{class:d(`${N}__text`)},[e.title?(u(),b(c($),{key:0,color:c(L).Neutral,"test-id":`${N}__title`,type:c(D).Body,bold:""},{default:p(()=>[f(h(e.title),1)]),_:1},8,["color","test-id","type"])):v("",!0),e.message?(u(),b(c($),{key:1,color:c(L).Neutral,"test-id":`${N}__message`,type:e.title?c(D).Medium:c(D).Body},{default:p(()=>[f(h(e.message),1)]),_:1},8,["color","test-id","type"])):v("",!0)],2),e.onAction&&e.actionLabel?(u(),r("div",{key:1,class:d(`${N}__action-button`)},[_(c(y),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${N}__action-button`,variant:c(T).Soft},{default:p(()=>[f(h(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):v("",!0)],2),m("div",{class:d(`${N}__dismiss-button`)},[_(c(y),{"aria-label":"Dismiss toast",color:c(L).Neutral,"border-radius":e.borderRadius,"icon-before":c(M).Delete,"icon-size":c(z).Tiny,"on-click":ee,size:c(j).Tiny,"test-id":`${N}__dismiss-button`,variant:c(T).Text},null,8,["color","border-radius","icon-before","icon-size","size","test-id","variant"])],2)],2)],46,E))}});export{H as _};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ref as e}from"vue";import{b as o}from"./index-
|
|
1
|
+
import{ref as e}from"vue";import{b as o}from"./index-JN7Vpo-d.js";function r(e,o){if(!o)return e;const t={...e};for(const d in o)if(Object.prototype.hasOwnProperty.call(o,d)){const e=o[d],a=t[d];f(a)&&f(e)?t[d]=r(a,e):t[d]=e}return t}function f(e){return!(null===e||"object"!=typeof e||Array.isArray(e)||e instanceof Date||e instanceof Map||e instanceof Set)}const t={borderRadius:void 0,colors:{primary:{0:"#ffffff",100:"#def5ff",200:"#b6eeff",300:"#75e3ff",400:"#2cd6ff",500:"#00c8ff",600:"#009cd4",700:"#007cab",800:"#00688d",900:"#065674"},secondary:{0:"#ffffff",100:"#DEE2E8",200:"#BFC7D4",300:"#9EAABD",400:"#8090A8",500:"#61738E",600:"#4F5D73",700:"#3A4555",800:"#272F3A",900:"#13161B"},neutral:{0:"#ffffff",100:"#F7F7F7",200:"#F2F2F2",300:"#EBEBEB",400:"#E6E6E6",500:"#DEDEDE",600:"#B3B3B3",700:"#858585",800:"#595959",900:"#2B2B2B"},danger:{0:"#ffffff",100:"#ffd3ce",200:"#ffb2ac",300:"#ff8e88",400:"#fe6561",500:"#e74c4c",600:"#d20e27",700:"#9b0018",800:"#63000c",900:"#360003"},warning:{0:"#ffffff",100:"#ffeaba",200:"#ffdf95",300:"#ffd36a",400:"#fdc836",500:"#f5be1a",600:"#c79800",700:"#8a6900",800:"#4f3b00",900:"#211700"},success:{0:"#ffffff",100:"#9effb2",200:"#69f68d",300:"#56e57e",400:"#41d56e",500:"#22c55d",600:"#00a147",700:"#007230",800:"#00441a",900:"#001f08"},info:{0:"#ffffff",100:"#cfe2ff",200:"#afceff",300:"#8eb9ff",400:"#6ca4ff",500:"#4e8ff8",600:"#2470e7",700:"#004cb5",800:"#002e73",900:"#00153e"}},darkMode:!1,fontFamily:"BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"},d={contrast:{[o.Light]:{border:900,borderHover:700,bg:900,disabled:500,focus:900,hover:800,shadow:900,text:0,textDisabled:800},[o.Dark]:{border:400,borderHover:700,bg:100,disabled:500,focus:400,hover:200,shadow:400,text:900,textDisabled:500}},ghost:{[o.Light]:{disabled:100,focus:700,text:800,textDisabled:800},[o.Dark]:{disabled:700,focus:300,text:300,textDisabled:700}},outline:{[o.Light]:{border:300,borderHover:700,disabled:400,focus:700,hover:100,text:900,textBody:700,textDisabled:800},[o.Dark]:{border:500,borderHover:500,disabled:800,focus:300,hover:900,text:300,textBody:300,textDisabled:700}},soft:{[o.Light]:{bg:100,border:300,borderHover:700,disabled:100,focus:400,hover:200,shadow:200,text:900,textDisabled:800},[o.Dark]:{bg:900,border:100,borderHover:300,disabled:800,focus:100,hover:800,shadow:800,text:300,textDisabled:500}},solid:{[o.Light]:{bg:600,border:700,borderHover:900,disabled:500,focus:700,hover:500,shadow:700,text:0,textDisabled:100},[o.Dark]:{bg:400,border:100,borderHover:300,disabled:600,focus:100,hover:500,shadow:100,text:900,textDisabled:800}},text:{[o.Light]:{border:100,borderHover:300,disabled:100,focus:800,hover:200,text:800,textBody:800,textDisabled:700},[o.Dark]:{border:300,borderHover:500,disabled:800,focus:300,hover:900,text:100,textBody:100,textDisabled:500}}},a=o=>{const f=e(o?.borderRadius||t.borderRadius),d=e(o?.darkMode??t.darkMode),a=e(o?.fontFamily??t.fontFamily),s=r(t.colors,o?.colors),b=e(s);return{borderRadius:f,colors:b,darkMode:d,fontFamily:a,setBorderRadius:e=>{f.value=e},setColors:e=>{b.value={...b.value,...e}},setDarkMode:e=>{d.value=e},setFontFamily:e=>{a.value=e}}},s=/* @__PURE__ */Symbol("clll-theme");export{d as C,t as D,s as T,a as s};
|