@codeandfunction/callaloo 4.11.0 → 4.12.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-RwSPgx8U.js +2 -0
- package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js +2 -0
- package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-BxZBofc_.js +2 -0
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Lb49WiaW.js +2 -0
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js → CLFormLabel.vue_vue_type_script_setup_true_lang-BesVgApW.js} +1 -1
- package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-C7RHX0J4.js +2 -0
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js +2 -0
- package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BrlOiHsE.js +2 -0
- package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-7e7xSEg0.js +2 -0
- package/dist/chunks/CLModal.vue_vue_type_style_index_0_lang-CWceRHGW.js +2 -0
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-Dm81o6kG.js → CLNavLink.vue_vue_type_script_setup_true_lang-I-qjKZJQ.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-B7EJOOmg.js → CLPill.vue_vue_type_style_index_0_lang-BSi1ljPG.js} +1 -1
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BtFHeFjp.js +2 -0
- package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-Ch4Vh_y3.js +2 -0
- package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js +2 -0
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-zgtfLRPh.js +2 -0
- package/dist/chunks/utils-BMhH7W6x.js +1 -0
- package/dist/chunks/utils-CdeA8xWg.js +1 -0
- package/dist/chunks/utils-Dea4wPBy.js +1 -0
- package/dist/chunks/{utils-CCWSWRuR.js → utils-DfgurNgA.js} +1 -1
- package/dist/chunks/utils-fXNd28fD.js +1 -0
- package/dist/chunks/utils-rZl51JEP.js +1 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +4 -4
- package/dist/components/Buttons/utils.d.ts +9 -3
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLIcon/CLIcon.vue.d.ts +1 -1
- package/dist/components/CLIcon/utils.d.ts +8 -2
- package/dist/components/CLTable/CLTable.js +1 -1
- package/dist/components/CLTable/CLTableCell.vue.d.ts +1 -1
- package/dist/components/CLTable/utils.d.ts +8 -1
- package/dist/components/Containers/CLCard/CLCard.css +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/CLDisclosure/CLDisclosure.vue.d.ts +1 -1
- package/dist/components/Containers/CLDrawer/CLDrawer.js +1 -1
- package/dist/components/Containers/CLDrawer/CLDrawer.vue.d.ts +1 -1
- package/dist/components/Containers/utils.d.ts +10 -4
- package/dist/components/Form/CLCalendar/CLCalendar.css +1 -1
- package/dist/components/Form/CLCalendar/CLCalendar.js +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +3 -3
- package/dist/components/Form/CLFormCharCounter/CLFormCharCounter.vue.d.ts +1 -1
- package/dist/components/Form/CLFormLabel/CLFormLabel.vue.d.ts +1 -1
- package/dist/components/Form/CLInput/CLInput.js +1 -1
- package/dist/components/Form/CLInput/CLInput.vue.d.ts +2 -2
- package/dist/components/Form/CLInput/CLInputColorTools.vue.d.ts +1 -1
- package/dist/components/Form/CLInput/CLInputPrefix.vue.d.ts +2 -2
- package/dist/components/Form/CLInput/CLInputSuffix.vue.d.ts +2 -2
- package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js +1 -1
- package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts +6 -6
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +1 -1
- package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +1 -1
- package/dist/components/Form/utils.d.ts +14 -5
- package/dist/components/Indicators/CLBadge/CLBadge.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
- package/dist/components/Indicators/CLPill/CLPill.css +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLPill/CLPill.vue.d.ts +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +1 -1
- package/dist/components/Indicators/utils.d.ts +8 -2
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.vue.d.ts +2 -2
- package/dist/components/Loading/utils.d.ts +9 -3
- package/dist/components/Modals/CLModal/CLModal.js +1 -1
- package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js +1 -1
- package/dist/components/Modals/utils.d.ts +8 -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/Navigation/utils.d.ts +8 -2
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +10 -10
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Popups/CLToast/CLToast.vue.d.ts +3 -3
- package/dist/components/Popups/utils.d.ts +8 -2
- 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/components/Typography/utils.d.ts +8 -2
- package/dist/composables/useTheme.js +1 -1
- package/dist/composables/useToast.d.ts +30 -5
- package/dist/composables/useToast.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BHF3fJsf.js +0 -2
- package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js +0 -2
- package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-US_3N22Q.js +0 -2
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CMQi_nx9.js +0 -2
- package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js +0 -2
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-MCaGYSd9.js +0 -2
- package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js +0 -2
- package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-DDtyvg4a.js +0 -2
- package/dist/chunks/CLModal.vue_vue_type_style_index_0_lang-wrr29HDF.js +0 -2
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BmjT9fQ_.js +0 -2
- package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-DgZLt9T1.js +0 -2
- package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js +0 -2
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-BTKkG8MZ.js +0 -2
- package/dist/chunks/utils-C1iUBPIL.js +0 -1
- package/dist/chunks/utils-CYywa195.js +0 -1
- package/dist/chunks/utils-Dst7nzvj.js +0 -1
- package/dist/chunks/utils-MElq6rY3.js +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import '../components/Buttons/CLA11yButton/CLA11yButton.css';
|
|
2
|
+
import{defineComponent as e,ref as t,computed as o,createElementBlock as a,openBlock as l,withKeys as d,normalizeStyle as n,normalizeClass as r,unref as u,renderSlot as s}from"vue";import{CLColors as i}from"../index.js";import{a as c}from"./utils-rZl51JEP.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(),_=o(()=>["clll-a11y__button",i.enabled?"--enabled":"",i.rounded?"--rounded":"",i.fluid?"--fluid":""]),x=e=>{if(!i.enabled)return;const{target:t}=e,o=t?t.closest("a,button"):void 0,a=[...y.value?.querySelectorAll("[data-expand-click-area]")??[]];if(a.length){const t=a[0],l=o?b.includes(o.tagName.toLowerCase()):null;o||t===e.target||l||t.click()}};return(t,o)=>(l(),a("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 _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 r,normalizeStyle as s,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-CaZM-HFg.js";import{_ as b}from"./CLSpinner.vue_vue_type_style_index_0_lang-Ch4Vh_y3.js";import{CLColorVariants as $,CLButtonTypes as _,CLLinkTarget as h,CLSizes as g,CLIconSizes as B,CLColors as L,CLAlign as z,CLPosition as C}from"../index.js";import{b as X}from"./utils-rZl51JEP.js";import{useHasSlotContent as S}from"../composables/useHasSlotContent.js";import{useTheme as w}from"../composables/useTheme.js";const k=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:z.Center},ariaLabel:{default:void 0},as:{default:"button"},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:L.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:B.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:g.Small},target:{default:h.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:_.Button},variant:{default:$.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const $=e,_=w(),h=S();t();const B=a(),L="clll-button",k=o(()=>[L,`${L}--${$.type}`,`${L}--${$.color}--${$.variant}`,`${L}--${$.size}`,`${L}--${$.alignContent}`,$.active?`${L}--active`:"",$.busy?`${L}--busy`:"",$.disabled?`${L}--disabled`:"",$.wrap?`${L}--wrapped`:"",$.rounded?`${L}--rounded`:"",$.borderRadius?`${L}--${$.borderRadius}`:"",h.value?`${L}--has-content`:`${L}--no-content`,$.iconBefore?`${L}--icon-before`:"",$.iconAfter?`${L}--icon-after`:"",$.elevated?`${L}--elevated`:"",$.pill?`${L}--pill`:""]),j=()=>{switch($.size){case g.Medium:case g.Large:return g.Small;case g.XL:case g.XXL:return g.Medium;case g.XXXL:return g.Large;case g.XXXXL:return g.XL;case g.Tiny:default:return g.Tiny}};l(()=>{i(()=>{B.value&&$.forwardRef?.(B.value)})});const R=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(r(e.as),{ref_key:"buttonRef",ref:B,"aria-label":e.ariaLabel,class:u(f(k)),"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:s({width:e.width,height:e.height,...f(X)({color:e.color,variant:e.variant,theme:f(_)})}),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(h)?(n(),m("span",{key:1,class:u(`${L}__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(z).Center,position:f(C).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{k as _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 o,createElementBlock as n,openBlock as s,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 b,renderList as h,createBlock as g,createCommentVNode as k}from"vue";import{_ as x}from"./CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js";import{_ as z}from"./CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLColorVariants as D,CLSizes as w,CLIconSizes as C,CLIconNames as S,CLBorderRadius as L,CLTextTypes as $,CLColors as j,CLAlign as M}from"../index.js";import{c as T}from"./utils-CdeA8xWg.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=>({v0d5ceeb8: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}),o(()=>{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)=>(s(),n("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(C).Tiny,"on-click":p(Y),size:p(w).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(C).Tiny,"on-click":p(X),size:p(w).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`)},[(s(!0),n(b,null,h(p(ie),e=>(s(),n("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)),(s(!0),n(b,null,h(p(q),(a,l)=>(s(),n("div",{key:a.date??`pad-${l}`,class:c([`${N}__cell`,a.isOutsideMonth?`${N}__cell--outside`:""])},[a.day&&a.date?(s(),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(w).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 _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 h,createBlock as y,renderSlot as f,Fragment as m,withCtx as b,createTextVNode as _,toDisplayString as v}from"vue";import{_ as $}from"./CLHeading.vue_vue_type_style_index_0_lang-C7RHX0J4.js";import{_ as p}from"./CLLink.vue_vue_type_style_index_0_lang-7e7xSEg0.js";import{_ as k}from"./CLSkeleton.vue_vue_type_style_index_0_lang-BtFHeFjp.js";import{_ as C}from"./CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLColorVariants as w,CLCardTypes as x,CLHeadingTypes as L,CLHeadingLevels as H,CLLinkTarget as T,CLOverflow as R,CLLoading as B,CLColors as j,CLAlign as S,CLOrder as A,CLTextTypes as O}from"../index.js";import{c as W}from"./utils-Dea4wPBy.js";import{useHasSlotContent as E}from"../composables/useHasSlotContent.js";import{useTheme as I}from"../composables/useTheme.js";const N=["data-testid","tabindex"],q=["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:j.Neutral},compact:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},forwardRef:{},height:{default:"auto"},href:{},image:{},imageAltText:{default:""},imageHeight:{default:"auto"},imageLoading:{default:B.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=I(),H=e,T=E(),R=a(),B=t(),j=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`,B.value?`${x}--has-heading`:`${x}--no-heading`,T.value?`${x}--has-content`:`${x}--no-content`,j.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),B.value=R?.heading,j.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(),y(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,q)):g("",!0)],6)),h("div",{class:u(`${x}__content`)},[h("div",{class:u(["clll-card__header",{busy:e.busy}])},[e.busy&&(c(B)||e.title||e.byline)?(d(),o("div",G,[c(B)||e.title?(d(),y(c(k),{key:0,"border-radius":e.borderRadius,height:"27px"},null,8,["border-radius"])):g("",!0),e.byline?(d(),y(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(B)&&(e.onClick||e.href)?(d(),y(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(()=>[f(a.$slots,"heading"),e.title?(d(),y(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(m,{key:1},[f(a.$slots,"heading"),e.title?(d(),y(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)),f(a.$slots,"byline"),e.byline?(d(),y(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),h("div",{class:u(`${x}__slot`)},[h("div",{ref:"slot-content",class:u([`${x}__slot-content`,{busy:e.busy}])},[c(T)&&e.busy?(d(),y(c(k),{key:0,"border-radius":e.borderRadius,width:"100%",height:"100%"},null,8,["border-radius"])):g("",!0),h("div",null,[f(a.$slots,"default")])],2)],2),h("div",{class:u(["clll-card__footer",{busy:e.busy}])},[c(j)&&e.busy?(d(),y(c(k),{key:0,"border-radius":e.borderRadius,width:"100%",height:"20px"},null,8,["border-radius"])):g("",!0),f(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(),y(c(k),{key:0,"border-radius":e.borderRadius,width:e.imageWidth,height:e.imageHeight,rounded:!1},null,8,["border-radius","width","height"])):g("",!0),f(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,N))}});export{z as _};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,createElementBlock as l,openBlock as a,normalizeClass as t,createVNode as s,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 t,createVNode as s,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-Tv0xzrRz.js";import{CLSizes as m,CLTextTypes as f}from"../index.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:t(`${e.cssPrefix}__label`),"data-testid":e.testId},[s(r(i),{as:"span",type:_[e.size],class:t(e.required?`${e.cssPrefix}__label--required`:"")},{default:o(()=>[X(d(e.label),1)]),_:1},8,["type","class"])],10,u))}});export{_};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 r,normalizeStyle as s,normalizeClass as n,withCtx as d,renderSlot as c}from"vue";import{CLHeadingTypes as i,CLColors as u,CLAlign as p,CLHeadingLevels as f}from"../index.js";import{t as m}from"./utils-fXNd28fD.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:i.Title}},setup(e){const u=e,p=$(),y="clll-heading",g=t(()=>{if(u.level)return u.level;switch(u.type){case i.Section:return f.H2;case i.SubSection:return f.H3;case i.PageTitle:case i.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,i)=>(a(),l(o(r(g)),{class:n(r(b)),"data-testid":e.testId,style:s(r(m)({color:e.color,theme:r(p)}))},{default:d(()=>[c(t.$slots,"default")]),_:3},8,["class","data-testid","style"]))}});export{y as _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 i,openBlock as a,normalizeStyle as r,normalizeClass as s,unref as c,createElementVNode as d}from"vue";import{CLMode as u,CLColors as m,CLColorVariants as f,CLIconSizes as h}from"../index.js";import{g as p}from"./utils-DVxwAjJ4.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,i=p({color:e,colors:l.value,mode:o,variant:f.Text});return{"--clll-icon-color":i?.textBody??"inherit"}},L=["data-testid"],X=["height","width"],w=["href"],B=/* @__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},B=/* @__PURE__ */new Map,I=t(!1),x=t(!1),$=l(()=>u.filled?u.name.endsWith("-filled")?u.name:u.name.replace("tabler:","tabler:")+"-filled":u.name),b=l(()=>{if(!x.value)return u.name;const e=$.value;return u.filled&&e!==u.name?I.value&&(e=>{if(!g)return!1;if(B.has(e))return B.get(e);const t=document.getElementById("clll-icons");if(!t)return!1;const l=document.getElementById(e),n=null!==l&&t.contains(l);return B.set(e,n),n})(e)?e:u.name:e}),j=l(()=>[f,`${f}--${u.name}`,`${f}--${u.size}`,{[`${f}--filled`]:u.filled&&b.value===$.value}]),z=l(()=>({...y({color:u.color,theme:m}),width:p[u.size]+4+"px",height:p[u.size]+4+"px"}));n(()=>I.value,e=>{e&&B.clear()});return o(()=>{x.value=!0,(async()=>{if(!g)return;let e=document.getElementById("clll-icons");if(e)I.value=!0;else try{const t=/* #__PURE__ */Object.assign({"/src/icons.svg":()=>import("./icons-CD2PuwG0.js").then(e=>e.default)})["/src/icons.svg"];if(!t)return;const l=await t();if(e=document.getElementById("clll-icons"),e)return void(I.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]),I.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)=>(a(),i("span",{class:s(c(j)),"data-testid":e.testId,style:r(c(z))},[(a(),i("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(b)}`},null,8,w)],10,X))],14,L))}});export{B as _};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import '../assets/CLInputMessages.css';
|
|
2
|
+
import{defineComponent as e,createElementBlock as s,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{CLOrientation as u,CLColors as d}from"../index.js";import{b as $}from"./utils-CdeA8xWg.js";const f="clll-form-field",c=/* @__PURE__ */e({__name:"CLFormField",props:{fluid:{type:Boolean},hasPill:{type:Boolean},hasCharCounter:{type:Boolean},orientation:{}},setup:e=>(i,n)=>(a(),s("div",{class:o([f,e.fluid||e.orientation===l(u).Horizontal?`${f}--fluid`:`${f}--fixed`,e.orientation?`${f}--${e.orientation}`:"",e.hasPill?`${f}--haspill`:"",e.hasCharCounter?`${f}--hascharcounter`:""])},[t(i.$slots,"default")],2))}),h="clll-input__message",_=/* @__PURE__ */e({__name:"CLInputMessages",props:{id:{},messages:{},messageType:{default:d.Neutral}},setup:e=>(t,u)=>(a(!0),s(i,null,n(e.messages,(t,i)=>(a(),s("span",{key:`${e.id}-message-${i}`,class:o([h,`${h}--${e.messageType}`]),style:r(l($)({color:e.messageType}))},[p("span",{class:o([`${h}__text`])},m(t),3)],6))),128))});export{c as _,_ as a};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import '../components/Navigation/CLLink/CLLink.css';
|
|
2
|
+
import{defineComponent as e,computed as l,createElementBlock as r,openBlock as t,normalizeStyle as n,normalizeClass as a,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-CaZM-HFg.js";import{CLMode as u,CLColors as m,CLColorVariants as f,CLLinkTarget as p,CLIconSizes as k,CLIconNames as h}from"../index.js";import{g as x}from"./utils-DVxwAjJ4.js";import{useTheme as b}from"../composables/useTheme.js";const v=({color:e=m.Primary,underline:l=!0,theme:r})=>{const{colors:t,darkMode:n}=r??b(),a=n.value?u.Dark:u.Light,o=x({color:e,colors:t.value,mode:a,variant:f.Outline}),i=o?.border,s=o?.textDisabled,d=o?.textBody;return{"--clll-link-text-color":d??"inherit","--clll-link-text-hover":(n.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:a(o(p)),"data-testid":e.testId,href:e.href,rel:e.external?e.rel:"",target:e.target,style:n(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{_};
|
|
@@ -0,0 +1,2 @@
|
|
|
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 n,onMounted as s,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 p,withCtx as y,createTextVNode as b,toDisplayString as $}from"vue";import{_ as h}from"./CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js";import{_ as w}from"./CLHeading.vue_vue_type_style_index_0_lang-C7RHX0J4.js";import{CLMode as x,CLColors as I,CLColorVariants as z,CLBorderRadius as g,CLIconSizes as L,CLIconNames as k,CLHeadingTypes as C}from"../index.js";import{g as B}from"./utils-DVxwAjJ4.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}),n=t.value?"black":"white";return{"--clll-modal-overlay-bg":a?.bg??"transparent","--clll-modal-content-bg":n,"--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())};n(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"))}),s(()=>{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(h),{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:y(()=>[b($(e.title),1)]),_:1},8,["id","class","type"])):r("",!0),p(o.$slots,"header")],2)],2)],2),v("div",{class:u(`${N}__content__scroller`)},[v("div",{class:u(`${N}__content__body`)},[p(o.$slots,"body")],2)],2),v("div",{class:u(`${N}__content__footer`)},[p(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-7e7xSEg0.js";import{CLColors as o}from"../index.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,c=o,s=e=>{d.onClick&&d.onClick(e),c("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:s},{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 n,openBlock as a,normalizeStyle as o,normalizeClass as i,unref as s,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 n,openBlock as a,normalizeStyle as o,normalizeClass as i,unref as s,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-Bi7GC71m.js";import{_ as y}from"./CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js";import{_ as f}from"./CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLColorVariants as v,CLColors as k,CLIconSizes as $,CLTextTypes as b,CLIconNames as C}from"../index.js";import{p as z}from"./utils-DfgurNgA.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)=>(a(),n("div",{"data-testid":e.testId,class:i(s(D)),style:o(s(z)({color:e.color,variant:e.variant}))},[e.onClick||e.onDismiss?t("",!0):(a(),n("span",{key:0,class:i(`${k}__container`)},[e.icon?(a(),c(s(y),{key:0,filled:e.iconFilled,name:e.icon,size:s($).Tiny},null,8,["filled","name","size"])):t("",!0),d(s(f),{as:"span",type:s(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.count?(a(),n("span",{key:1,class:i(`${k}__count`)},_(e.count),3)):t("",!0)],2)),e.onClick&&!e.dismissable?(a(),c(s(p),{key:1,color:e.color,"on-click":e.onClick,variant:e.variant,pill:"",rounded:e.rounded},{default:r(()=>[m("span",{class:i(`${k}__button`)},[e.icon?(a(),c(s(y),{key:0,filled:e.iconFilled,name:e.icon,size:s($).Tiny},null,8,["filled","name","size"])):t("",!0),d(s(f),{as:"span",type:s(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.count?(a(),n("span",{key:1,class:i(`${k}__count`)},_(e.count),3)):t("",!0),e.dismissable?(a(),c(s(y),{key:2,name:s(C).Delete,size:s($).Tiny},null,8,["name","size"])):t("",!0)],2)]),_:1},8,["color","on-click","variant","rounded"])):t("",!0),e.onDismiss&&e.dismissable?(a(),c(s(p),{key:2,color:e.color,"on-click":e.onDismiss,variant:e.variant,pill:"",rounded:e.rounded},{default:r(()=>[m("span",{class:i(`${k}__button`)},[d(s(f),{as:"span",type:s(b).Small,truncate:""},{default:r(()=>[u(_(e.label),1)]),_:1},8,["type"]),e.dismissable?(a(),c(s(y),{key:0,name:s(C).Delete,size:s($).Tiny},null,8,["name","size"])):t("",!0)],2)]),_:1},8,["color","on-click","variant","rounded"])):t("",!0)],14,x))}});export{D as _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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-BMhH7W6x.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 _};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import '../components/Loading/CLSpinner/CLSpinner.css';
|
|
2
|
+
import{defineComponent as e,computed as t,createElementBlock as l,openBlock as o,normalizeStyle as s,normalizeClass as r,unref as i,createElementVNode as n}from"vue";import{CLSizes as a,CLPosition as c,CLColors as m,CLAlign as p}from"../index.js";import{a as d}from"./utils-BMhH7W6x.js";import{useTheme as u}from"../composables/useTheme.js";const f=["data-testid"],$=/* @__PURE__ */e({name:"CLSpinner",__name:"CLSpinner",props:{align:{default:p.Left},color:{default:m.Primary},position:{default:c.Absolute},size:{default:a.Medium},testId:{default:"clll-spinner"}},setup(e){const a=e,c=u(),m="clll-spinner",p=t(()=>[m,`${m}--${a.position}`,`${m}--${a.color}`,`${m}--${a.size}`,`${m}--${a.align}`]),$=t(()=>[`${m}__circle`,`${m}__circle--${a.size}`]);return(t,a)=>(o(),l("div",{class:r(i(p)),"data-testid":e.testId,style:s(i(d)({color:e.color,theme:i(c)}))},[(o(),l("svg",{class:r(i($)),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[...a[0]||(a[0]=[n("circle",{style:{opacity:"0.25"},cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),n("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 _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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{CLTextTypes as p,CLColors as n,CLAlign as f}from"../index.js";import{t as i}from"./utils-fXNd28fD.js";import{useTheme as c}from"../composables/useTheme.js";const $=/* @__PURE__ */t({name:"CLText",__name:"CLText",props:{align:{default:f.Left},as:{default:"p"},bold:{type:Boolean,default:!1},bolder:{type:Boolean,default:!1},color:{default:n.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,n=c(),f="clll-text",$=e(()=>[f,`${f}--${p.align}`,`${f}--${p.color}`,`${f}--${p.truncate?"wrap":"nowrap"}`,`${f}--${p.type}`,{[`${f}--mediumbold`]:p.medium,[`${f}--light`]:p.light,[`${f}--bold`]:p.bold,[`${f}--bolder`]:p.bolder}]);return(e,p)=>(o(),l(a(t.as),{class:s(r($)),"data-testid":t.testId,style:d(r(i)({color:t.color,theme:r(n)}))},{default:u(()=>[m(e.$slots,"default")]),_:3},8,["class","data-testid","style"]))}});export{$ as _};
|
|
@@ -0,0 +1,2 @@
|
|
|
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-Bi7GC71m.js";import{_ as g}from"./CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js";import{_ as $}from"./CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLColorVariants as T,CLMode as x,CLColors as L,CLToastPosition as k,CLIconSizes as z,CLTextTypes as D,CLSizes as j,CLIconNames as M}from"../index.js";import{i as w,g as B,a as R}from"./helper-C542dSLs.js";import{useEsc as S}from"../composables/useEsc.js";import{useTheme as C}from"../composables/useTheme.js";import{g as F}from"./utils-DVxwAjJ4.js";const A=({color:e,theme:t})=>{const{colors:o,darkMode:l}=t??C(),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=C(),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=R(),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}=S({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 _};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CLMode as o,CLColors as r,CLColorVariants as l}from"../index.js";import{g as e}from"./utils-DVxwAjJ4.js";import{useTheme as a}from"../composables/useTheme.js";const s=o=>{const{darkMode:r}=o??a();return{"--clll-skeleton-bg-color":r.value?"rgba(0 0 0 / 0.005)":"rgba(0 0 0 / 0.075)","--clll-skeleton-theme-radius":"var(--clll-default-radius)"}},t=({color:s=r.Primary,theme:t})=>{const{colors:c,darkMode:i}=t??a(),m=i.value?o.Dark:o.Light,n=e({color:s,colors:c.value,mode:m,variant:l.Solid});return{"--clll-spinner-color":n?.bg??"inherit"}};export{t as a,s};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CLMode as l,CLColorVariants as e}from"../index.js";import{useTheme as r}from"../composables/useTheme.js";import{g as t}from"./utils-DVxwAjJ4.js";const a=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??r(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=t({color:a,colors:s.value,mode:d,variant:e.Solid}),p=t({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=p?.border,k=p?.disabled,x=i.value?"black":b?.textDisabled,f=p?.focus,g=p?.focus,m=p?.text,w=p?.textDisabled;return{"--clll-checkbox-bg":u?"transparent":h??"white","--clll-checkbox-border":u?"transparent":v??"transparent","--clll-checkbox-disabled-border":k??"transparent","--clll-checkbox-disabled-bg":x??"transparent","--clll-checkbox-checked-bg":h??"white","--clll-checkbox-focus-border":f??"transparent","--clll-checkbox-focus-shadow":g??"transparent","--clll-checkbox-icon-color":m??"inherit","--clll-checkbox-disabled-icon-color":w??"transparent","--clll-checkbox-indicator-color":m??"inherit","--clll-checkbox-disabled-indicator-color":w??"transparent","--clll-checkbox-theme-radius":"var(--clll-default-radius)","--clll-checkbox-outline-width":u?"0px":"2px","--clll-checkbox-required-asterisk-color":n(o??r())??"red"}},c=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??r(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=t({color:a,colors:s.value,mode:d,variant:e.Solid}),p=t({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=i.value?"black":b?.textDisabled,k=p?.border,x=p?.disabled,f=i.value?"black":b?.textDisabled,g=p?.focus,m=p?.focus,w=p?.text,D=p?.focus;return{"--clll-input-bg":u?"transparent":h??"white","--clll-input-border":u?"transparent":k??"transparent","--clll-input-disabled-border":x??"transparent","--clll-input-disabled-bg":f??"transparent","--clll-input-readonly-border":x??"transparent","--clll-input-readonly-bg":f??"transparent","--clll-input-focus-border":g??"transparent","--clll-input-focus-shadow":m??"transparent","--clll-input-text":w??"inherit","--clll-input-text-placeholder":D??"transparent","--clll-input-grouped-bg":v??"transparent","--clll-input-prefix-suffix-color":D??"transparent","--clll-input-theme-radius":"var(--clll-default-radius)","--clll-input-ghost-padding":u?"0":void 0,"--clll-input-required-asterisk-color":n(o??r())??"red"}},o=({color:a,theme:c})=>{const{colors:o,darkMode:s}=c??r(),n=s.value?l.Dark:l.Light,i=t({color:a,colors:o.value,mode:n,variant:e.Outline});return{"--clll-input-message-color":i?.textBody??"inherit"}},s=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??r(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=t({color:a,colors:s.value,mode:d,variant:e.Solid}),p=t({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=p?.border,k=p?.disabled,x=i.value?"black":b?.textDisabled,f=p?.focus,g=p?.focus,m=p?.text,w=p?.focus;return{"--clll-select-bg":u?"transparent":h??"white","--clll-select-border":u?"transparent":v??"transparent","--clll-select-disabled-border":k??"transparent","--clll-select-disabled-bg":x??"transparent","--clll-select-focus-border":f??"transparent","--clll-select-focus-shadow":g??"transparent","--clll-select-text":m??"inherit","--clll-select-text-placeholder":w??"transparent","--clll-select-icon-color":m??"inherit","--clll-select-disabled-icon-color":w??"transparent","--clll-select-theme-radius":"var(--clll-default-radius)","--clll-select-ghost-padding":u?"0":void 0,"--clll-select-required-asterisk-color":n(o??r())??"red"}},n=l=>{const{colors:e,darkMode:t}=l??r();return t.value?e.value.danger?.[400]:e.value.danger?.[700]},i=l=>{const{darkMode:e}=l??r();return{"--clll-calendar-content-bg":e.value?"black":"white"}};export{a,o as b,i as c,c as i,s};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CLMode as r,CLColorVariants as l,CLColors as o}from"../index.js";import{g as a}from"./utils-DVxwAjJ4.js";import{useTheme as e}from"../composables/useTheme.js";const t=({color:o,variant:t,theme:c})=>{const{colors:s,darkMode:n}=c??e(),d=n.value?r.Dark:r.Light,i=t===l.Ghost,u=a({color:o,colors:s.value,mode:d,variant:t});return{"--clll-card-border-color":i?"transparent":u?.border??"transparent","--clll-card-bg-color":u?.bg??"transparent","--clll-card-image-bg":u?.bg??"transparent","--clll-card-text-color":u?.text??"inherit","--clll-card-focus-border":u?.focus??"transparent","--clll-card-focus-shadow":u?.shadow??"transparent","--clll-card-theme-radius":"var(--clll-default-radius)"}},c=({color:o,variant:t,theme:c})=>{const{colors:s,darkMode:n}=c??e(),d=n.value?r.Dark:r.Light,i=t===l.Ghost,u=a({color:o,colors:s.value,mode:d,variant:t});return{"--clll-disclosure-border-color":i?"transparent":u?.focus??"transparent","--clll-disclosure-text-color":u?.text??"inherit","--clll-disclosure-content-border":i?"transparent":u?.focus??"transparent","--clll-disclosure-trigger-bg-color":u?.bg??"transparent","--clll-disclosure-trigger-hover-bg-color":u?.hover??"transparent","--clll-disclosure-theme-radius":"var(--clll-default-radius)"}},s=t=>{const{colors:c,darkMode:s}=t??e(),n=s.value?r.Dark:r.Light,d=a({color:o.Neutral,colors:c.value,mode:n,variant:l.Solid}),i=s.value?"black":"white";return{"--clll-drawer-overlay-bg":d?.bg??"transparent","--clll-drawer-content-bg":i}};export{s as a,t as c,c as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{CLMode as l,CLColorVariants as r,CLColors as o}from"../index.js";import{g as a}from"./utils-DVxwAjJ4.js";import{useTheme as e}from"../composables/useTheme.js";const t=({color:t=o.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=a({color:t,colors:c.value,mode:i,variant:n});return{"--clll-badge-bg-color":b?.bg??"transparent","--clll-badge-border-color":d?b?.border??"transparent":"transparent","--clll-badge-border-style":d?"solid":"none","--clll-badge-border-width":d?"1px":"0","--clll-badge-text-color":b?.text??"inherit","--clll-badge-theme-radius":"var(--clll-default-radius)"}},n=({color:r=o.Primary,variant:t})=>{const{colors:n,darkMode:c}=e(),s=c.value?l.Dark:l.Light,i=a({color:r,colors:n.value,mode:s,variant:t});return{"--clll-banner-bg-color":i?.bg??"transparent","--clll-banner-border-color":i?.focus??"transparent","--clll-banner-text-color":i?.text??"inherit","--clll-banner-theme-radius":"var(--clll-default-radius)"}},c=({color:t=o.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=n===r.Ghost,p=a({color:t,colors:c.value,mode:i,variant:n});return{"--clll-pill-bg-color":p?.bg??"transparent","--clll-pill-border-color":d?p?.border??"transparent":"transparent","--clll-pill-border-style":d?"solid":"none","--clll-pill-border-width":d?"1px":"0","--clll-pill-text-color":p?.text??"inherit","--clll-pill-hover-bg":p?.bg??"transparent","--clll-pill-count-bg":d||b?"transparent":p?.hover??"transparent","--clll-pill-count-border-style":d?"solid":"none","--clll-pill-count-border-color":d?p?.border??"transparent":"transparent","--clll-pill-count-border-width":d?"1px":"0","--clll-pill-theme-radius":"var(--clll-default-radius)"}},s=({color:t=o.Primary})=>{const{colors:
|
|
1
|
+
import{CLMode as l,CLColorVariants as r,CLColors as o}from"../index.js";import{g as a}from"./utils-DVxwAjJ4.js";import{useTheme as e}from"../composables/useTheme.js";const t=({color:t=o.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=a({color:t,colors:c.value,mode:i,variant:n});return{"--clll-badge-bg-color":b?.bg??"transparent","--clll-badge-border-color":d?b?.border??"transparent":"transparent","--clll-badge-border-style":d?"solid":"none","--clll-badge-border-width":d?"1px":"0","--clll-badge-text-color":b?.text??"inherit","--clll-badge-theme-radius":"var(--clll-default-radius)"}},n=({color:r=o.Primary,variant:t})=>{const{colors:n,darkMode:c}=e(),s=c.value?l.Dark:l.Light,i=a({color:r,colors:n.value,mode:s,variant:t});return{"--clll-banner-bg-color":i?.bg??"transparent","--clll-banner-border-color":i?.focus??"transparent","--clll-banner-text-color":i?.text??"inherit","--clll-banner-theme-radius":"var(--clll-default-radius)"}},c=({color:t=o.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=n===r.Ghost,p=a({color:t,colors:c.value,mode:i,variant:n});return{"--clll-pill-bg-color":p?.bg??"transparent","--clll-pill-border-color":d?p?.border??"transparent":"transparent","--clll-pill-border-style":d?"solid":"none","--clll-pill-border-width":d?"1px":"0","--clll-pill-text-color":p?.text??"inherit","--clll-pill-hover-bg":p?.bg??"transparent","--clll-pill-count-bg":d||b?"transparent":p?.hover??"transparent","--clll-pill-count-border-style":d?"solid":"none","--clll-pill-count-border-color":d?p?.border??"transparent":"transparent","--clll-pill-count-border-width":d?"1px":"0","--clll-pill-theme-radius":"var(--clll-default-radius)"}},s=({color:t=o.Primary,theme:n})=>{const{colors:c,darkMode:s}=n??e(),i=s.value?l.Dark:l.Light,d=a({color:t,colors:c.value,mode:i,variant:r.Solid}),b=a({color:o.Neutral,colors:c.value,mode:i,variant:r.Solid});return{"--clll-progress-container-bg":b?.disabled??"transparent","--clll-progress-bar-bg":d?.bg??"transparent"}};export{n as a,t as b,s as c,c as p};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CLMode as o,CLColors as r,CLColorVariants as t}from"../index.js";import{g as e}from"./utils-DVxwAjJ4.js";import{useTheme as l}from"../composables/useTheme.js";const s=({color:s=r.Neutral,theme:a})=>{const{colors:m,darkMode:c}=a??l(),i=c.value?o.Dark:o.Light,n=e({color:s,colors:m.value,mode:i,variant:t.Text});return{"--clll-text-color":n?.textBody??"inherit"}};export{s as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CLMode as o,CLColorVariants as r}from"../index.js";import{g as t}from"./utils-DVxwAjJ4.js";import{useTheme as l}from"../composables/useTheme.js";const a=({color:a,theme:e})=>{const{colors:n,darkMode:s}=e??l(),c=s.value?o.Dark:o.Light,u=t({color:a,colors:n.value,mode:c,variant:r.Solid});return{"--clll-a11y-button-outline-color":u?.focus??"transparent","--clll-a11y-button-border-color":u?.focus??"transparent","--clll-a11y-button-shadow-color":u?.shadow??"transparent","--clll-a11y-button-theme-radius":"var(--clll-default-radius)"}},e=({color:a,variant:e=r.Soft,theme:n})=>{const{colors:s,darkMode:c}=n??l(),u=c.value?o.Dark:o.Light,d=e===r.Outline,b=t({color:a,colors:s.value,mode:u,variant:e});return{"--clll-button-text-color":b?.text??"inherit","--clll-button-bg-color":b?.bg??"transparent","--clll-button-border-color":d?b?.border??"transparent":"transparent","--clll-button-hover-bg":b?.hover??"transparent","--clll-button-hover-border":d?b?.borderHover??"transparent":"transparent","--clll-button-focus-border":b?.focus??"transparent","--clll-button-focus-shadow":b?.shadow??"transparent","--clll-button-theme-radius":"var(--clll-default-radius)"}};export{a,e as b};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLA11yButton.css';
|
|
3
|
-
import{_ as t}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as t}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-RwSPgx8U.js";export{t as CLA11yButton,t as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLButton.css';
|
|
3
|
-
import{_ as t}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as t}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js";export{t as CLButton,t as default};
|
|
@@ -61,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
61
61
|
title: string;
|
|
62
62
|
color: CLColors;
|
|
63
63
|
variant: CLColorVariants;
|
|
64
|
+
size: CLSizes;
|
|
64
65
|
rounded: boolean;
|
|
65
66
|
testId: string;
|
|
66
67
|
type: CLButtonTypes;
|
|
@@ -69,21 +70,20 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
69
70
|
target: CLLinkTarget;
|
|
70
71
|
width: string;
|
|
71
72
|
height: string;
|
|
72
|
-
|
|
73
|
+
borderRadius: CLBorderRadius;
|
|
74
|
+
iconSize: CLIconSizes;
|
|
75
|
+
iconFilled: boolean;
|
|
73
76
|
href: string;
|
|
74
77
|
active: boolean;
|
|
75
78
|
alignContent: CLAlign;
|
|
76
79
|
ariaLabel: string;
|
|
77
80
|
as: CLButtonTags;
|
|
78
|
-
borderRadius: CLBorderRadius;
|
|
79
81
|
busy: boolean;
|
|
80
82
|
disabled: boolean;
|
|
81
83
|
elevated: boolean;
|
|
82
84
|
forwardRef: CLButtonForwardRefFunction;
|
|
83
85
|
iconAfter: CLIconNames;
|
|
84
86
|
iconBefore: CLIconNames;
|
|
85
|
-
iconFilled: boolean;
|
|
86
|
-
iconSize: CLIconSizes;
|
|
87
87
|
pill: boolean;
|
|
88
88
|
wrap: boolean;
|
|
89
89
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { CLColors, CLColorVariants, CLPalette } from '../../index.ts';
|
|
3
|
+
interface ThemeContext {
|
|
4
|
+
colors: Ref<CLPalette>;
|
|
5
|
+
darkMode: Ref<boolean | undefined>;
|
|
6
|
+
}
|
|
2
7
|
interface ThemeProps {
|
|
3
8
|
color: CLColors;
|
|
4
9
|
variant?: CLColorVariants;
|
|
10
|
+
theme?: ThemeContext;
|
|
5
11
|
}
|
|
6
|
-
export declare const a11yButtonTheme: ({ color }: ThemeProps) => {
|
|
12
|
+
export declare const a11yButtonTheme: ({ color, theme }: ThemeProps) => {
|
|
7
13
|
'--clll-a11y-button-outline-color': string;
|
|
8
14
|
'--clll-a11y-button-border-color': string;
|
|
9
15
|
'--clll-a11y-button-shadow-color': string;
|
|
10
16
|
'--clll-a11y-button-theme-radius': string;
|
|
11
17
|
};
|
|
12
|
-
export declare const buttonTheme: ({ color, variant }: ThemeProps) => {
|
|
18
|
+
export declare const buttonTheme: ({ color, variant, theme }: ThemeProps) => {
|
|
13
19
|
'--clll-button-text-color': string;
|
|
14
20
|
'--clll-button-bg-color': string;
|
|
15
21
|
'--clll-button-border-color': string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../assets/core.css';
|
|
2
2
|
import './CLIcon.css';
|
|
3
|
-
import{_ as e}from"../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js";export{e as CLIcon,e as default};
|
|
@@ -13,8 +13,8 @@ export interface CLIconProps {
|
|
|
13
13
|
}
|
|
14
14
|
declare const _default: import('vue').DefineComponent<CLIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLIconProps> & Readonly<{}>, {
|
|
15
15
|
color: CLColors;
|
|
16
|
+
size: CLIconSizes;
|
|
16
17
|
testId: string;
|
|
17
18
|
filled: boolean;
|
|
18
|
-
size: CLIconSizes;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
20
20
|
export default _default;
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { CLColors, CLPalette } from '../../index.ts';
|
|
3
|
+
interface IconThemeContext {
|
|
4
|
+
colors: Ref<CLPalette>;
|
|
5
|
+
darkMode: Ref<boolean | undefined>;
|
|
6
|
+
}
|
|
2
7
|
interface IconThemeProps {
|
|
3
8
|
color?: CLColors;
|
|
9
|
+
theme?: IconThemeContext;
|
|
4
10
|
}
|
|
5
|
-
export declare const iconTheme: ({ color }: IconThemeProps) => {
|
|
11
|
+
export declare const iconTheme: ({ color, theme }: IconThemeProps) => {
|
|
6
12
|
'--clll-icon-color': string;
|
|
7
13
|
};
|
|
8
14
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../assets/core.css';
|
|
2
2
|
import './CLTable.css';
|
|
3
|
-
import{defineComponent as e,computed as l,createElementBlock as t,openBlock as a,normalizeStyle as o,normalizeClass as s,unref as d,createElementVNode as r,createCommentVNode as n,renderSlot as i,Fragment as c,renderList as u,createVNode as p,withCtx as b}from"vue";import{CLMode as _,CLColorVariants as $,CLColors as m,CLTableTypes as f,CLTextTypes as y}from"../../index.js";import{
|
|
3
|
+
import{defineComponent as e,computed as l,createElementBlock as t,openBlock as a,normalizeStyle as o,normalizeClass as s,unref as d,createElementVNode as r,createCommentVNode as n,renderSlot as i,Fragment as c,renderList as u,createVNode as p,withCtx as b}from"vue";import{CLMode as _,CLColorVariants as $,CLColors as m,CLTableTypes as f,CLTextTypes as y}from"../../index.js";import{useTheme as C}from"../../composables/useTheme.js";import{g as h}from"../../chunks/utils-DVxwAjJ4.js";import{_ as k}from"../../chunks/CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";const v=e=>{const{colors:l,darkMode:t}=e??C(),a=t.value?_.Dark:_.Light,o=h({color:m.Neutral,colors:l.value,mode:a,variant:$.Outline});return{"--clll-table-border-color":o?.border??"transparent","--clll-table-hover-bg":o?.hover??"transparent","--clll-table-theme-radius":"var(--clll-default-radius)"}},L=["data-testid"],T=["id"],B={key:0},w=/* @__PURE__ */e({name:"CLTable",__name:"CLTable",props:{bordered:{type:Boolean},borderRadius:{},colWidths:{},id:{default:"main"},rounded:{type:Boolean,default:!1},rowHeight:{default:"auto"},striped:{type:Boolean},testId:{default:"clll-table"},type:{default:f.Default},withVerticalLines:{type:Boolean}},setup(e){const p=e,b=C(),_="clll-table",$=l(()=>[`${_}-container`,p.bordered?`${_}--bordered`:void 0,p.borderRadius&&p.bordered?`${_}--${p.borderRadius}`:"",p.rounded?`${_}--rounded`:`${_}--box`]),m=l(()=>[_,`${_}--${p.type}`,p.striped?`${_}--striped`:void 0,p.withVerticalLines?`${_}--vertical-lines`:void 0,p.bordered?`${_}--bordered`:void 0]);return(l,p)=>(a(),t("div",{class:s(d($)),"data-testid":e.testId,style:o(d(v)(d(b)))},[r("table",{id:`${_}-${e.id}`,class:s(d(m)),style:o({"--clll-table-row-height":e.rowHeight})},[e.colWidths?.length?(a(),t("colgroup",B,[(a(!0),t(c,null,u(e.colWidths,(l,s)=>(a(),t("col",{key:`table-${e.id}-col-${s}`,style:o({width:l})},null,4))),128))])):n("",!0),i(l.$slots,"default")],14,T)],14,L))}}),g=/* @__PURE__ */e({name:"CLTableBody",__name:"CLTableBody",setup:e=>(e,l)=>(a(),t("tbody",{class:s(["clll-table__body"])},[i(e.$slots,"default")],2))}),H=["colspan"],A=["colspan"],N=/* @__PURE__ */e({name:"CLTableCell",__name:"CLTableCell",props:{colSpan:{default:1},isAction:{type:Boolean,default:!1},isActive:{type:Boolean,default:!1},isHeader:{type:Boolean,default:!1},isNumber:{type:Boolean,default:!1},onClick:{}},setup(e){const o=e,r="clll-table__cell",n=l(()=>[r,o.isHeader?`${r}--header`:`${r}--default`,o.isNumber?`${r}--number`:"",o.isAction?`${r}--hasactions`:"",o.isActive?`${r}--active`:"",o.onClick?`${r}--clickable`:""]),c=()=>o?.onClick?.();return(l,o)=>e.isHeader?(a(),t("th",{key:0,class:s(d(n)),colspan:e.colSpan,onClick:c},[e.isAction?(a(),t("div",{key:1,class:s(`${r}__actions`)},[i(l.$slots,"default")],2)):i(l.$slots,"default",{key:0})],10,H)):(a(),t("td",{key:1,class:s(d(n)),colspan:e.colSpan,onClick:c},[e.isAction?(a(),t("div",{key:1,class:s(`${r}__actions`)},[i(l.$slots,"default")],2)):i(l.$slots,"default",{key:0})],10,A))}}),R=/* @__PURE__ */e({name:"CLTableFooter",__name:"CLTableFooter",setup:e=>(e,l)=>(a(),t("tfoot",{class:s(["clll-table__footer"])},[i(e.$slots,"default")],2))}),x=/* @__PURE__ */e({name:"CLTableHeader",__name:"CLTableHeader",setup:e=>(e,l)=>(a(),t("thead",{class:s(["clll-table__header"])},[i(e.$slots,"default")],2))}),j=/* @__PURE__ */e({name:"CLTableNestedCell",__name:"CLTableNestedCell",props:{truncate:{type:Boolean}},setup:e=>(l,o)=>(a(),t("div",{class:s("clll-table__nested-cell")},[p(d(k),{type:d(y).Small,truncate:e.truncate},{default:b(()=>[i(l.$slots,"default")]),_:3},8,["type","truncate"])]))}),F=/* @__PURE__ */e({name:"CLTableRow",__name:"CLTableRow",props:{onClick:{type:Function}},setup(e){const o=e,r="clll-table__row",n=l(()=>[r,o.onClick?`${r}--clickable`:""]),c=()=>o?.onClick?.();return(e,l)=>(a(),t("tr",{class:s(d(n)),onClick:c},[i(e.$slots,"default")],2))}}),S=w;S.Body=g,S.Cell=N,S.Footer=R,S.Header=x,S.NestedCell=j,S.Row=F;export{S as CLTable,S as default};
|
|
@@ -14,9 +14,9 @@ export interface CLTableCellProps {
|
|
|
14
14
|
onClick?: CLGenericFunction;
|
|
15
15
|
}
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableCellProps> & Readonly<{}>, {
|
|
17
|
+
isActive: boolean;
|
|
17
18
|
colSpan: number;
|
|
18
19
|
isAction: boolean;
|
|
19
|
-
isActive: boolean;
|
|
20
20
|
isHeader: boolean;
|
|
21
21
|
isNumber: boolean;
|
|
22
22
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { CLPalette } from '../../index.ts';
|
|
3
|
+
interface ThemeContext {
|
|
4
|
+
colors: Ref<CLPalette>;
|
|
5
|
+
darkMode: Ref<boolean | undefined>;
|
|
6
|
+
}
|
|
7
|
+
export declare const tableTheme: (theme?: ThemeContext) => {
|
|
2
8
|
'--clll-table-border-color': string;
|
|
3
9
|
'--clll-table-hover-bg': string;
|
|
4
10
|
'--clll-table-theme-radius': string;
|
|
5
11
|
};
|
|
12
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-1) * 2);padding:0 var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-3) * 2);padding:0 var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-4) * 2);padding:0 var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-6) * 2);padding:0 var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-8) * 2);padding:0 var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card .clll-card__image.busy .clll-skeleton{position:absolute;inset:0}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .clll-card__header-skeleton{position:absolute;left:0;width:100%}.clll-card .clll-card__header-skeleton>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header.busy>*:not(.clll-card__header-skeleton){visibility:hidden}.clll-card .clll-card__header.busy>*:nth-child(2){margin-top:0}.clll-card .clll-card__footer.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__footer.busy .clll-skeleton{position:absolute;left:0}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
1
|
+
.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-1) * 2);padding:0 var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-3) * 2);padding:0 var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-4) * 2);padding:0 var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-6) * 2);padding:0 var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-8) * 2);padding:0 var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card.clll-card--busy.clll-card--has-header.clll-card--no-byline .clll-card__content .clll-card__header{height:27px}.clll-card.clll-card--busy.clll-card--has-header.clll-card--has-byline .clll-card__content .clll-card__header{height:51px}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card .clll-card__image.busy .clll-skeleton{position:absolute;inset:0}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--has-content.clll-card--has-header.clll-card--no-byline .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card.clll-card--has-content.clll-card--has-header.clll-card--has-byline .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .clll-card__header-skeleton{position:absolute;left:0;width:100%}.clll-card .clll-card__header-skeleton>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header.busy>*:not(.clll-card__header-skeleton){visibility:hidden}.clll-card .clll-card__header.busy>*:nth-child(2){margin-top:0}.clll-card .clll-card__footer.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__footer.busy .clll-skeleton{position:absolute;left:0}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLCard.css';
|
|
3
|
-
import{_ as a}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as a}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Lb49WiaW.js";export{a as CLCard,a as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLCarousel.css';
|
|
3
|
-
import{defineComponent as e,computed as a,createElementBlock as l,openBlock as o,Fragment as i,createCommentVNode as t,unref as n,normalizeClass as s,renderList as r,createBlock as c,createElementVNode as v,createVNode as d,withCtx as u,createTextVNode as p,toDisplayString as f,useCssVars as g,ref as h,onMounted as b,nextTick as m,onUnmounted as _,watch as w,renderSlot as y}from"vue";import{_ as x}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js";import{_ as T}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLPaginationType as $,CLColorVariants as k,CLSizes as L,CLIconSizes as z,CLIconNames as P,CLTextTypes as C,CLAlign as S,CLOrder as B,CLColors as E}from"../../../index.js";import{i as M,d as I,e as N}from"../../../chunks/helper-C542dSLs.js";import{useHasSlotContent as A}from"../../../composables/useHasSlotContent.js";const W=/* @__PURE__ */e({name:"CLCarouselNavigation",__name:"CLCarouselNavigation",props:{color:{},currentPage:{},enabled:{type:Boolean},gotoPage:{},moreAriaLabel:{default:"Navigate to page to see more results"},moreLabel:{},nextPageEnabled:{type:Boolean},paginationType:{},prefix:{},prevPageEnabled:{type:Boolean},showMore:{},showNextItems:{},showPrevItems:{},totalPages:{},variant:{}},setup(e){const g=e,h=a(()=>[`${g.prefix}__dots-container`]),b=a(()=>[`${g.prefix}__arrows-container`]),m=a(()=>[`${g.prefix}__numbered-container`]),_=a(()=>[`${g.prefix}__inline-container`]),w=a(()=>[`${g.prefix}__prev-page`]),y=a(()=>[`${g.prefix}__next-page`]),B=a(()=>[`${g.prefix}__page-indicator`]),E=a(()=>[`${g.prefix}__show-more`]),M=e=>g.currentPage===e,I=a(()=>!g.enabled||!g.prevPageEnabled),N=a(()=>!g.enabled||!g.nextPageEnabled);return(a,g)=>(o(),l(i,null,[e.paginationType===n($).Dots?(o(),l("div",{key:0,class:s(n(h))},[(o(!0),l(i,null,r(e.totalPages,a=>(o(),c(n(x),{key:`dot-${a}`,"aria-label":`Show page ${a}`,color:e.color,disabled:M(a),height:"0.75rem","on-click":()=>e.gotoPage(a),width:"0.75rem",variant:M(a)?n(k).Outline:e.variant,wrap:""},null,8,["aria-label","color","disabled","on-click","variant"]))),128))],2)):t("",!0),e.paginationType===n($).Numbered?(o(),l("div",{key:1,class:s(n(m))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides",color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(B))},[d(n(T),{type:n(C).Small},{default:u(()=>[p(f(e.currentPage)+" / "+f(e.totalPages),1)]),_:1},8,["type"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides",color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),e.showMore?(o(),l("div",{key:0,class:s(n(E))},[d(n(x),{"aria-label":e.moreAriaLabel,color:e.color,size:n(L).Small,"on-click":e.showMore,variant:e.variant},{default:u(()=>[p(f(e.moreLabel),1)]),_:1},8,["aria-label","color","size","on-click","variant"])],2)):t("",!0)],2)):t("",!0),e.paginationType===n($).Arrows?(o(),l("div",{key:2,class:s(n(b))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides",color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides",color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2)],2)):t("",!0),e.paginationType===n($).Inline?(o(),l("div",{key:3,class:s(n(_))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides","align-content":n(S).Center,color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Small,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant,width:"30px",height:"30px",wrap:""},null,8,["align-content","color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides","align-content":n(S).Center,color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Small,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant,width:"30px",height:"30px",wrap:""},null,8,["align-content","color","disabled","icon-before","icon-size","size","on-click","variant"])],2)],2)):t("",!0)],64))}}),j=["data-testid"],H=["hidden"],O=/* @__PURE__ */e({name:"CLCarousel",__name:"CLCarousel",props:{color:{default:E.Neutral},controlAlign:{default:S.Right},controlPosition:{default:B.Before},enabled:{type:Boolean,default:!0},infinite:{type:Boolean,default:!1},moreLabel:{default:"More"},onShowMore:{},paginationType:{default:$.Numbered},perPage:{default:3},perPageByBreakpoints:{},testId:{default:"clll-carousel"},title:{},variant:{default:k.Soft},width:{default:"100%"}},setup(e){g(e=>({v3ba68b74:e.width,v1ab12a15:n(Q)}));const r="clll-carousel",c=e,x=h(),k=h(!1),L=h(1),z=h(c.perPage),P=h(0),C=A("title"),E=h(!1),O=h(!1),R=h(!1),q=h(0),D=h(!1),F=h(),G=h(!1),J=h(),K=h(),Q=h("100%"),U=h(0),V=h(0),X=()=>{if(c.perPageByBreakpoints?.length){z.value=c.perPage;for(const[e,a]of c.perPageByBreakpoints){window.matchMedia(`(min-width: ${e}px)`).matches&&(z.value=a)}}},Y=()=>{const e=J?.value;if(e&&V.value){const e=Math.ceil(V.value/z.value);U.value=e,c.infinite?(O.value=!0,R.value=!0):e>1&&(O.value=!0)}},Z=e=>{x.value&&m(()=>{const a=I(x.value)&&!C.value;a||!e.title&&e.controlPosition!==B.Before?k.value=a:k.value=!1})},ee=e=>{const a=J?.value,l=a.offsetWidth;if(a&&l)if(c.infinite&&c.enabled&&q.value>0){const o=l/z.value*(P.value/2)+l*(e-1);a.scrollTo({left:o,behavior:"smooth"})}else{const o=l*(e-1);a.scrollTo({left:o,behavior:"smooth"})}},ae=()=>{D.value=!0;const e=z.value;X(),ie(),Y();const a=J?.value,l=a.offsetWidth;if(a)if(c.infinite&&c.enabled&&q.value>0){const o=l/z.value,i=l/e,t=P.value/2,n=i*t,s=a.scrollLeft-n;if(e!==z.value){const e=a.querySelectorAll(`div[class="${r}__slides"] > *`),l=Array.from(e),o=l.slice(t,l.length-t);a.innerHTML="",o.forEach(e=>a.appendChild(e));const i=Math.min(z.value,o.length);if(i>0&&o.length>0){o.slice(-i).forEach(e=>{const l=e.cloneNode(!0);a.insertBefore(l,o[0])});o.slice(0,i).forEach(e=>{const l=e.cloneNode(!0);a.appendChild(l)}),P.value=2*i}}const c=o*(P.value/2)+s;m(()=>{a.scrollLeft=c})}else{L.value=1;const e=l*(L.value-1);a.scrollLeft=e}M&&D.value&&(window.clearTimeout(F.value),F.value=window.setTimeout(()=>{D.value&&(D.value=!1),window.clearTimeout(F.value)},300))},le=()=>{D.value||(G.value=!0,M&&G.value&&(window.clearTimeout(K.value),K.value=window.setTimeout(()=>{G.value&&oe(),window.clearTimeout(K.value)},200)))},oe=()=>{D.value||(G.value=!1,E.value||m(()=>{let e,a;const l=J?.value;if(l){const o=l?.querySelectorAll(`div[class="${r}__slides"] > *`)??[];if(c.infinite&&c.enabled&&q.value>0){const e=l.offsetWidth,a=e/z.value,o=l.scrollLeft,i=a*(P.value/2),t=a*q.value;let n=o-i;n<0&&(n=t+n);const s=Math.floor(n/e)+1;if(s<1?L.value=U.value:s>U.value?L.value=1:L.value=s,!E.value)if(o<i){E.value=!0;const e=o+t;l.scrollTo({left:e,behavior:"auto"}),setTimeout(()=>{E.value=!1},50)}else if(o>=i+t){E.value=!0;const e=o-t;l.scrollTo({left:e,behavior:"auto"}),setTimeout(()=>{E.value=!1},50)}}else{const i=V.value-1;for(let t=0;t<U.value;t++){const n=z.value*(t+1)-1,s=n<i?o[n]:o[i],r=n<i?n:i;N({parent:l,child:s,leftOffset:40,rightOffset:40,threshold:.5})&&(r===i?(a=i,e=t+1):(a=r,e=t+1))}void 0!==a&&a>-1&&e&&(L.value=e,e>1&&(R.value=!0),1===e&&(R.value=!1),e<U.value&&(O.value=!0),e===U.value&&(O.value=!1))}}}))},ie=()=>{const e=J?.value;if(e){const a=e.offsetWidth;V.value>=z.value?Q.value=a/z.value+"px":Q.value=a/V.value+"px"}},te=()=>{const e=J?.value,a=e.offsetWidth;if(e&&a)if(c.infinite&&c.enabled&&q.value>0){const l=e.scrollLeft+a;e.scrollTo({left:l,behavior:"smooth"})}else{const l=a*L.value;e.scrollTo({left:l,behavior:"smooth"})}},ne=()=>{const e=J?.value,a=e.offsetWidth;if(e&&a)if(c.infinite&&c.enabled&&q.value>0){const l=e.scrollLeft-a;e.scrollTo({left:l,behavior:"smooth"})}else{const l=a*(L.value-1-1);e.scrollTo({left:l,behavior:"smooth"})}};b(()=>{if(M){window.addEventListener("resize",ae);const e=J?.value;if(e){const a=e?.querySelectorAll(`div[class="${r}__slides"] > *`)??[];if(q.value=a.length,V.value=a.length,c.infinite&&c.enabled&&a.length>0){const l=Array.from(a),o=Math.min(z.value,l.length);l.slice(-o).forEach(a=>{const o=a.cloneNode(!0);e.insertBefore(o,l[0])});l.slice(0,o).forEach(a=>{const l=a.cloneNode(!0);e.appendChild(l)}),P.value=2*o,m(()=>{const a=e.offsetWidth/z.value*o;e.scrollLeft=a})}e.addEventListener("scroll",le),e.addEventListener("scrollend",oe)}Z(c),X(),ie(),Y()}}),_(()=>{if(M){window.removeEventListener("resize",ae),F.value&&window.clearTimeout(F.value),K.value&&window.clearTimeout(K.value);const e=J?.value;e&&(e.removeEventListener("scroll",le),e.removeEventListener("scrollend",oe))}});const se=a(()=>[r,`${r}--${c.controlAlign}`,`${r}--${c.controlPosition}`,`${r}--${c.paginationType}`,c.enabled?`${r}--enabled`:`${r}--disabled`,k.value?"":`${r}--hastitle`,c.onShowMore?`${r}--has-more`:""]),re=a(()=>[`${r}__slide-controls`,C.value?`${r}__slide-controls--hascustomtitle`:""]),ce=a(()=>[`${r}__slides`,D.value?`${r}__slides--resizing`:"",G.value?`${r}__slides--scrolling`:"",E.value?`${r}__slides--jumping`:""]),ve=a(()=>[`${r}__navigation`,`${r}__navigation--${c.controlAlign}`,`${r}__navigation--${c.controlPosition}`]);return w(c,e=>{Z(e)}),(a,c)=>(o(),l("div",{class:s(n(se)),"data-testid":e.testId},[v("div",{ref_key:"beforeControls",ref:x,class:s(n(re)),hidden:n(k)},[v("div",{class:s(`${r}__custom-title`)},[y(a.$slots,"title")],2),e.title?(o(),l("div",{key:0,class:s(`${r}__title`)},[d(n(T),{align:n(C)?n(S).Center:n(S).Left,label:"",truncate:""},{default:u(()=>[p(f(e.title),1)]),_:1},8,["align"])],2)):t("",!0),e.controlPosition!==n(B).Before||[n($).Inline,n($).Hidden].includes(e.paginationType)?t("",!0):(o(),l(i,{key:1},[n(U)&&n(V)>n(z)?(o(),l("div",{key:0,class:s(n(ve))},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,"prev-page-enabled":n(R),prefix:r,"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)):t("",!0)],64))],10,H),v("div",{ref_key:"scrollContainer",ref:J,class:s(n(ce)),tabindex:"0"},[y(a.$slots,"default")],2),e.controlPosition!==n(B).After||[n($).Inline,n($).Hidden].includes(e.paginationType)?t("",!0):(o(),l(i,{key:0},[n(U)&&n(V)>n(z)?(o(),l("div",{key:0,class:s(`${r}__slide-controls`)},[v("div",{class:s(n(ve))},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,prefix:r,"prev-page-enabled":n(R),"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)],2)):t("",!0)],64)),e.paginationType===n($).Inline?(o(),l("div",{key:1,class:s(`${r}__slide-controls ${r}__slide-controls--inline`)},[v("div",{class:s(`${r}__navigation`)},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,prefix:r,"prev-page-enabled":n(R),"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)],2)):t("",!0)],10,j))}}),R=(e,a)=>{const l=e.__vccOpts||e;for(const[o,i]of a)l[o]=i;return l},q={},D={class:/*@__PURE__*/s(["clll-carousel__slide"])};const F=/*#__PURE__*/R(q,[["render",function(e,a){return o(),l("div",D,[y(e.$slots,"default")])}]]),G=O;G.Slide=F;export{G as CLCarousel,G as default};
|
|
3
|
+
import{defineComponent as e,computed as a,createElementBlock as l,openBlock as o,Fragment as i,createCommentVNode as t,unref as n,normalizeClass as s,renderList as r,createBlock as c,createElementVNode as v,createVNode as d,withCtx as u,createTextVNode as p,toDisplayString as f,useCssVars as g,ref as h,onMounted as b,nextTick as m,onUnmounted as _,watch as w,renderSlot as y}from"vue";import{_ as x}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js";import{_ as T}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLPaginationType as $,CLColorVariants as k,CLSizes as L,CLIconSizes as z,CLIconNames as P,CLTextTypes as C,CLAlign as S,CLOrder as B,CLColors as E}from"../../../index.js";import{i as M,d as I,e as N}from"../../../chunks/helper-C542dSLs.js";import{useHasSlotContent as A}from"../../../composables/useHasSlotContent.js";const W=/* @__PURE__ */e({name:"CLCarouselNavigation",__name:"CLCarouselNavigation",props:{color:{},currentPage:{},enabled:{type:Boolean},gotoPage:{},moreAriaLabel:{default:"Navigate to page to see more results"},moreLabel:{},nextPageEnabled:{type:Boolean},paginationType:{},prefix:{},prevPageEnabled:{type:Boolean},showMore:{},showNextItems:{},showPrevItems:{},totalPages:{},variant:{}},setup(e){const g=e,h=a(()=>[`${g.prefix}__dots-container`]),b=a(()=>[`${g.prefix}__arrows-container`]),m=a(()=>[`${g.prefix}__numbered-container`]),_=a(()=>[`${g.prefix}__inline-container`]),w=a(()=>[`${g.prefix}__prev-page`]),y=a(()=>[`${g.prefix}__next-page`]),B=a(()=>[`${g.prefix}__page-indicator`]),E=a(()=>[`${g.prefix}__show-more`]),M=e=>g.currentPage===e,I=a(()=>!g.enabled||!g.prevPageEnabled),N=a(()=>!g.enabled||!g.nextPageEnabled);return(a,g)=>(o(),l(i,null,[e.paginationType===n($).Dots?(o(),l("div",{key:0,class:s(n(h))},[(o(!0),l(i,null,r(e.totalPages,a=>(o(),c(n(x),{key:`dot-${a}`,"aria-label":`Show page ${a}`,color:e.color,disabled:M(a),height:"0.75rem","on-click":()=>e.gotoPage(a),width:"0.75rem",variant:M(a)?n(k).Outline:e.variant,wrap:""},null,8,["aria-label","color","disabled","on-click","variant"]))),128))],2)):t("",!0),e.paginationType===n($).Numbered?(o(),l("div",{key:1,class:s(n(m))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides",color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(B))},[d(n(T),{type:n(C).Small},{default:u(()=>[p(f(e.currentPage)+" / "+f(e.totalPages),1)]),_:1},8,["type"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides",color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),e.showMore?(o(),l("div",{key:0,class:s(n(E))},[d(n(x),{"aria-label":e.moreAriaLabel,color:e.color,size:n(L).Small,"on-click":e.showMore,variant:e.variant},{default:u(()=>[p(f(e.moreLabel),1)]),_:1},8,["aria-label","color","size","on-click","variant"])],2)):t("",!0)],2)):t("",!0),e.paginationType===n($).Arrows?(o(),l("div",{key:2,class:s(n(b))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides",color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides",color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Tiny,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant},null,8,["color","disabled","icon-before","icon-size","size","on-click","variant"])],2)],2)):t("",!0),e.paginationType===n($).Inline?(o(),l("div",{key:3,class:s(n(_))},[v("div",{class:s(n(w))},[d(n(x),{"aria-label":"Show previous page of slides","align-content":n(S).Center,color:e.color,disabled:n(I),"icon-before":n(P).ChevronLeft,"icon-size":n(z).Small,size:n(L).Tiny,"on-click":e.showPrevItems,variant:n(I)?n(k).Text:e.variant,width:"30px",height:"30px",wrap:""},null,8,["align-content","color","disabled","icon-before","icon-size","size","on-click","variant"])],2),v("div",{class:s(n(y))},[d(n(x),{"aria-label":"Show next page of slides","align-content":n(S).Center,color:e.color,disabled:n(N),"icon-before":n(P).ChevronRight,"icon-size":n(z).Small,size:n(L).Tiny,"on-click":e.showNextItems,variant:n(N)?n(k).Text:e.variant,width:"30px",height:"30px",wrap:""},null,8,["align-content","color","disabled","icon-before","icon-size","size","on-click","variant"])],2)],2)):t("",!0)],64))}}),j=["data-testid"],H=["hidden"],O=/* @__PURE__ */e({name:"CLCarousel",__name:"CLCarousel",props:{color:{default:E.Neutral},controlAlign:{default:S.Right},controlPosition:{default:B.Before},enabled:{type:Boolean,default:!0},infinite:{type:Boolean,default:!1},moreLabel:{default:"More"},onShowMore:{},paginationType:{default:$.Numbered},perPage:{default:3},perPageByBreakpoints:{},testId:{default:"clll-carousel"},title:{},variant:{default:k.Soft},width:{default:"100%"}},setup(e){g(e=>({v3ba68b74:e.width,v1ab12a15:n(Q)}));const r="clll-carousel",c=e,x=h(),k=h(!1),L=h(1),z=h(c.perPage),P=h(0),C=A("title"),E=h(!1),O=h(!1),R=h(!1),q=h(0),D=h(!1),F=h(),G=h(!1),J=h(),K=h(),Q=h("100%"),U=h(0),V=h(0),X=()=>{if(c.perPageByBreakpoints?.length){z.value=c.perPage;for(const[e,a]of c.perPageByBreakpoints){window.matchMedia(`(min-width: ${e}px)`).matches&&(z.value=a)}}},Y=()=>{const e=J?.value;if(e&&V.value){const e=Math.ceil(V.value/z.value);U.value=e,c.infinite?(O.value=!0,R.value=!0):e>1&&(O.value=!0)}},Z=e=>{x.value&&m(()=>{const a=I(x.value)&&!C.value;a||!e.title&&e.controlPosition!==B.Before?k.value=a:k.value=!1})},ee=e=>{const a=J?.value,l=a.offsetWidth;if(a&&l)if(c.infinite&&c.enabled&&q.value>0){const o=l/z.value*(P.value/2)+l*(e-1);a.scrollTo({left:o,behavior:"smooth"})}else{const o=l*(e-1);a.scrollTo({left:o,behavior:"smooth"})}},ae=()=>{D.value=!0;const e=z.value;X(),ie(),Y();const a=J?.value,l=a.offsetWidth;if(a)if(c.infinite&&c.enabled&&q.value>0){const o=l/z.value,i=l/e,t=P.value/2,n=i*t,s=a.scrollLeft-n;if(e!==z.value){const e=a.querySelectorAll(`div[class="${r}__slides"] > *`),l=Array.from(e),o=l.slice(t,l.length-t);a.innerHTML="",o.forEach(e=>a.appendChild(e));const i=Math.min(z.value,o.length);if(i>0&&o.length>0){o.slice(-i).forEach(e=>{const l=e.cloneNode(!0);a.insertBefore(l,o[0])});o.slice(0,i).forEach(e=>{const l=e.cloneNode(!0);a.appendChild(l)}),P.value=2*i}}const c=o*(P.value/2)+s;m(()=>{a.scrollLeft=c})}else{L.value=1;const e=l*(L.value-1);a.scrollLeft=e}M&&D.value&&(window.clearTimeout(F.value),F.value=window.setTimeout(()=>{D.value&&(D.value=!1),window.clearTimeout(F.value)},300))},le=()=>{D.value||(G.value=!0,M&&G.value&&(window.clearTimeout(K.value),K.value=window.setTimeout(()=>{G.value&&oe(),window.clearTimeout(K.value)},200)))},oe=()=>{D.value||(G.value=!1,E.value||m(()=>{let e,a;const l=J?.value;if(l){const o=l?.querySelectorAll(`div[class="${r}__slides"] > *`)??[];if(c.infinite&&c.enabled&&q.value>0){const e=l.offsetWidth,a=e/z.value,o=l.scrollLeft,i=a*(P.value/2),t=a*q.value;let n=o-i;n<0&&(n=t+n);const s=Math.floor(n/e)+1;if(s<1?L.value=U.value:s>U.value?L.value=1:L.value=s,!E.value)if(o<i){E.value=!0;const e=o+t;l.scrollTo({left:e,behavior:"auto"}),setTimeout(()=>{E.value=!1},50)}else if(o>=i+t){E.value=!0;const e=o-t;l.scrollTo({left:e,behavior:"auto"}),setTimeout(()=>{E.value=!1},50)}}else{const i=V.value-1;for(let t=0;t<U.value;t++){const n=z.value*(t+1)-1,s=n<i?o[n]:o[i],r=n<i?n:i;N({parent:l,child:s,leftOffset:40,rightOffset:40,threshold:.5})&&(r===i?(a=i,e=t+1):(a=r,e=t+1))}void 0!==a&&a>-1&&e&&(L.value=e,e>1&&(R.value=!0),1===e&&(R.value=!1),e<U.value&&(O.value=!0),e===U.value&&(O.value=!1))}}}))},ie=()=>{const e=J?.value;if(e){const a=e.offsetWidth;V.value>=z.value?Q.value=a/z.value+"px":Q.value=a/V.value+"px"}},te=()=>{const e=J?.value,a=e.offsetWidth;if(e&&a)if(c.infinite&&c.enabled&&q.value>0){const l=e.scrollLeft+a;e.scrollTo({left:l,behavior:"smooth"})}else{const l=a*L.value;e.scrollTo({left:l,behavior:"smooth"})}},ne=()=>{const e=J?.value,a=e.offsetWidth;if(e&&a)if(c.infinite&&c.enabled&&q.value>0){const l=e.scrollLeft-a;e.scrollTo({left:l,behavior:"smooth"})}else{const l=a*(L.value-1-1);e.scrollTo({left:l,behavior:"smooth"})}};b(()=>{if(M){window.addEventListener("resize",ae);const e=J?.value;if(e){const a=e?.querySelectorAll(`div[class="${r}__slides"] > *`)??[];if(q.value=a.length,V.value=a.length,c.infinite&&c.enabled&&a.length>0){const l=Array.from(a),o=Math.min(z.value,l.length);l.slice(-o).forEach(a=>{const o=a.cloneNode(!0);e.insertBefore(o,l[0])});l.slice(0,o).forEach(a=>{const l=a.cloneNode(!0);e.appendChild(l)}),P.value=2*o,m(()=>{const a=e.offsetWidth/z.value*o;e.scrollLeft=a})}e.addEventListener("scroll",le),e.addEventListener("scrollend",oe)}Z(c),X(),ie(),Y()}}),_(()=>{if(M){window.removeEventListener("resize",ae),F.value&&window.clearTimeout(F.value),K.value&&window.clearTimeout(K.value);const e=J?.value;e&&(e.removeEventListener("scroll",le),e.removeEventListener("scrollend",oe))}});const se=a(()=>[r,`${r}--${c.controlAlign}`,`${r}--${c.controlPosition}`,`${r}--${c.paginationType}`,c.enabled?`${r}--enabled`:`${r}--disabled`,k.value?"":`${r}--hastitle`,c.onShowMore?`${r}--has-more`:""]),re=a(()=>[`${r}__slide-controls`,C.value?`${r}__slide-controls--hascustomtitle`:""]),ce=a(()=>[`${r}__slides`,D.value?`${r}__slides--resizing`:"",G.value?`${r}__slides--scrolling`:"",E.value?`${r}__slides--jumping`:""]),ve=a(()=>[`${r}__navigation`,`${r}__navigation--${c.controlAlign}`,`${r}__navigation--${c.controlPosition}`]);return w(c,e=>{Z(e)}),(a,c)=>(o(),l("div",{class:s(n(se)),"data-testid":e.testId},[v("div",{ref_key:"beforeControls",ref:x,class:s(n(re)),hidden:n(k)},[v("div",{class:s(`${r}__custom-title`)},[y(a.$slots,"title")],2),e.title?(o(),l("div",{key:0,class:s(`${r}__title`)},[d(n(T),{align:n(C)?n(S).Center:n(S).Left,label:"",truncate:""},{default:u(()=>[p(f(e.title),1)]),_:1},8,["align"])],2)):t("",!0),e.controlPosition!==n(B).Before||[n($).Inline,n($).Hidden].includes(e.paginationType)?t("",!0):(o(),l(i,{key:1},[n(U)&&n(V)>n(z)?(o(),l("div",{key:0,class:s(n(ve))},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,"prev-page-enabled":n(R),prefix:r,"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)):t("",!0)],64))],10,H),v("div",{ref_key:"scrollContainer",ref:J,class:s(n(ce)),tabindex:"0"},[y(a.$slots,"default")],2),e.controlPosition!==n(B).After||[n($).Inline,n($).Hidden].includes(e.paginationType)?t("",!0):(o(),l(i,{key:0},[n(U)&&n(V)>n(z)?(o(),l("div",{key:0,class:s(`${r}__slide-controls`)},[v("div",{class:s(n(ve))},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,prefix:r,"prev-page-enabled":n(R),"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)],2)):t("",!0)],64)),e.paginationType===n($).Inline?(o(),l("div",{key:1,class:s(`${r}__slide-controls ${r}__slide-controls--inline`)},[v("div",{class:s(`${r}__navigation`)},[d(W,{color:e.color,"current-page":n(L),enabled:!n(G),"goto-page":ee,"more-label":e.moreLabel,"next-page-enabled":n(O),"pagination-type":e.paginationType,prefix:r,"prev-page-enabled":n(R),"show-more":e.onShowMore,"show-next-items":te,"show-prev-items":ne,"total-pages":n(U),variant:e.variant},null,8,["color","current-page","enabled","more-label","next-page-enabled","pagination-type","prev-page-enabled","show-more","total-pages","variant"])],2)],2)):t("",!0)],10,j))}}),R=(e,a)=>{const l=e.__vccOpts||e;for(const[o,i]of a)l[o]=i;return l},q={},D={class:/*@__PURE__*/s(["clll-carousel__slide"])};const F=/*#__PURE__*/R(q,[["render",function(e,a){return o(),l("div",D,[y(e.$slots,"default")])}]]),G=O;G.Slide=F;export{G as CLCarousel,G as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLDisclosure.css';
|
|
3
|
-
import{defineComponent as e,ref as a,computed as t,onBeforeUnmount as d,createElementBlock as o,openBlock as n,normalizeStyle as
|
|
3
|
+
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-RwSPgx8U.js";import{_ as h}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-C7RHX0J4.js";import{_ as v}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js";import{_ as b}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js";import{CLColorVariants as x,CLSizes as B,CLTextTypes as S,CLIconSizes as z,CLIconNames as C,CLHeadingTypes as k,CLColors as I}from"../../../index.js";import{d as L}from"../../../chunks/utils-Dea4wPBy.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:C.ChevronUp},heading:{},headingLevel:{},headingType:{default:k.Section},iconAfter:{default:C.ChevronDown},iconBefore:{},iconSize:{default:z.Medium},rounded:{type:Boolean,default:!0},subHeading:{},subHeadingType:{default:S.Body},testId:{default:"clll-disclosure"},triggerButtonSize:{default:B.Medium},variant:{default:x.Soft}},setup(e){const x="clll-disclosure",B=T(),S=e;let z=a();const C=a(S.expanded),k=H("trailing"),I=t(()=>[x,`${x}--${S.color}--${S.variant}`,`${x}--${S.triggerButtonSize}`,S.bordered?`${x}--bordered`:"",S.borderRadius?`${x}--${S.borderRadius}`:"",S.contentSpacing?`${x}--padded`:`${x}--nopadding`,S.compact?`${x}--compact`:"",C.value?`${x}--expanded`:`${x}--collapsed`,S.heading?`${x}--hasheading`:"",S.subHeading||k.value?`${x}--hassubheading`:"",S.rounded?`${x}--rounded`:`${x}--box`,`${x}--${S.triggerButtonSize}`]),E=t(()=>[`${x}__content`,`${x}__content--${S.triggerButtonSize}`]),R=()=>{C.value?C.value=!1:C.value=!0},{clearEventListeners:M}=j({escHandler:R,triggerElem:z});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(C),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(C)?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(C),class:i(l(E))},[f(a.$slots,"default")],10,D)],14,A))}});export{E as CLDisclosure,E as default};
|
|
@@ -46,8 +46,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
46
46
|
variant: CLColorVariants;
|
|
47
47
|
rounded: boolean;
|
|
48
48
|
testId: string;
|
|
49
|
-
iconAfter: CLIconNames;
|
|
50
49
|
iconSize: CLIconSizes;
|
|
50
|
+
iconAfter: CLIconNames;
|
|
51
51
|
bordered: boolean;
|
|
52
52
|
compact: boolean;
|
|
53
53
|
contentSpacing: boolean;
|