@codeandfunction/callaloo 4.9.8 → 4.11.0

package/dist/components/Containers/CLCarousel/CLCarousel.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLCarousel.css';
-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-hEXnJ7H1.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};
+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};

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

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
-import{defineComponent as e,ref as a,computed as t,onBeforeUnmount as d,createElementBlock as o,openBlock as n,normalizeStyle as i,normalizeClass as s,unref as l,createVNode as r,createElementVNode as u,withKeys as c,withCtx as p,createBlock as _,createCommentVNode as g,renderSlot as $,createTextVNode as f,toDisplayString as m}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BHF3fJsf.js";import{_ as v}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js";import{_ as b}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Cjt6fX90.js";import{_ as h}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.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-Dst7nzvj.js";import{useEsc as H}from"../../../composables/useEsc.js";import{useHasSlotContent as j}from"../../../composables/useHasSlotContent.js";const T=["data-testid"],A=["id","aria-labelledby","aria-hidden"],D=/* @__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=e;let S=a();const z=a(B.expanded),C=j("trailing"),k=t(()=>[x,`${x}--${B.color}--${B.variant}`,`${x}--${B.triggerButtonSize}`,B.bordered?`${x}--bordered`:"",B.borderRadius?`${x}--${B.borderRadius}`:"",B.contentSpacing?`${x}--padded`:`${x}--nopadding`,B.compact?`${x}--compact`:"",z.value?`${x}--expanded`:`${x}--collapsed`,B.heading?`${x}--hasheading`:"",B.subHeading||C.value?`${x}--hassubheading`:"",B.rounded?`${x}--rounded`:`${x}--box`,`${x}--${B.triggerButtonSize}`]),I=t(()=>[`${x}__content`,`${x}__content--${B.triggerButtonSize}`]),D=()=>{z.value?z.value=!1:z.value=!0},{clearEventListeners:E}=H({escHandler:D,triggerElem:S});return d(()=>{E()}),(a,t)=>(n(),o("div",{class:s(l(k)),style:i(l(L)({color:e.color,variant:e.variant})),"data-testid":e.testId},[r(l(y),{id:`${x}__button--${e.disclosureId}`,"aria-controls":`${x}--${e.disclosureId}`,"aria-expanded":l(z),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:D,onKeyup:c(D,["enter"])},{default:p(()=>[u("div",{class:s(`${x}__trigger`)},[u("span",{class:s(`${x}__heading`)},[e.iconBefore?(n(),_(l(b),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):g("",!0),u("span",{class:s(`${x}__heading-text`)},[e.heading?(n(),_(l(v),{key:0,class:s(`${x}__text-heading`),type:e.headingType,level:e.headingLevel},{default:p(()=>[f(m(e.heading),1)]),_:1},8,["class","type","level"])):g("",!0),e.subHeading?(n(),_(l(h),{key:1,class:s(`${x}__text-subheading`),type:e.subHeadingType,truncate:""},{default:p(()=>[f(m(e.subHeading),1)]),_:1},8,["class","type"])):g("",!0)],2),$(a.$slots,"trailing"),e.iconAfter?(n(),_(l(b),{key:1,name:l(z)?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(z),class:s(l(I))},[$(a.$slots,"default")],10,A)],14,T))}});export{D as CLDisclosure,D as default};
+import{defineComponent as e,ref as a,computed as t,onBeforeUnmount as d,createElementBlock as o,openBlock as n,normalizeStyle as i,normalizeClass as s,unref as l,createVNode as r,createElementVNode as u,withKeys as c,withCtx as p,createBlock as _,createCommentVNode as g,renderSlot as $,createTextVNode as f,toDisplayString as m}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BHF3fJsf.js";import{_ as v}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js";import{_ as b}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-MCaGYSd9.js";import{_ as h}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.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-Dst7nzvj.js";import{useEsc as H}from"../../../composables/useEsc.js";import{useHasSlotContent as j}from"../../../composables/useHasSlotContent.js";const T=["data-testid"],A=["id","aria-labelledby","aria-hidden"],D=/* @__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=e;let S=a();const z=a(B.expanded),C=j("trailing"),k=t(()=>[x,`${x}--${B.color}--${B.variant}`,`${x}--${B.triggerButtonSize}`,B.bordered?`${x}--bordered`:"",B.borderRadius?`${x}--${B.borderRadius}`:"",B.contentSpacing?`${x}--padded`:`${x}--nopadding`,B.compact?`${x}--compact`:"",z.value?`${x}--expanded`:`${x}--collapsed`,B.heading?`${x}--hasheading`:"",B.subHeading||C.value?`${x}--hassubheading`:"",B.rounded?`${x}--rounded`:`${x}--box`,`${x}--${B.triggerButtonSize}`]),I=t(()=>[`${x}__content`,`${x}__content--${B.triggerButtonSize}`]),D=()=>{z.value?z.value=!1:z.value=!0},{clearEventListeners:E}=H({escHandler:D,triggerElem:S});return d(()=>{E()}),(a,t)=>(n(),o("div",{class:s(l(k)),style:i(l(L)({color:e.color,variant:e.variant})),"data-testid":e.testId},[r(l(y),{id:`${x}__button--${e.disclosureId}`,"aria-controls":`${x}--${e.disclosureId}`,"aria-expanded":l(z),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:D,onKeyup:c(D,["enter"])},{default:p(()=>[u("div",{class:s(`${x}__trigger`)},[u("span",{class:s(`${x}__heading`)},[e.iconBefore?(n(),_(l(b),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):g("",!0),u("span",{class:s(`${x}__heading-text`)},[e.heading?(n(),_(l(v),{key:0,class:s(`${x}__text-heading`),type:e.headingType,level:e.headingLevel},{default:p(()=>[f(m(e.heading),1)]),_:1},8,["class","type","level"])):g("",!0),e.subHeading?(n(),_(l(h),{key:1,class:s(`${x}__text-subheading`),type:e.subHeadingType,truncate:""},{default:p(()=>[f(m(e.subHeading),1)]),_:1},8,["class","type"])):g("",!0)],2),$(a.$slots,"trailing"),e.iconAfter?(n(),_(l(b),{key:1,name:l(z)?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(z),class:s(l(I))},[$(a.$slots,"default")],10,A)],14,T))}});export{D as CLDisclosure,D as default};

package/dist/components/Form/CLCalendar/CLCalendar.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLCalendar.css';
-import{_ as a}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-BqrGuMVB.js";export{a as CLCalendar,a as default};
+import{_ as a}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-US_3N22Q.js";export{a as CLCalendar,a as default};

package/dist/components/Form/CLCheckbox/CLCheckbox.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLCheckbox.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,mergeModels as a,useTemplateRef as l,useModel as s,computed as o,createBlock as d,openBlock as u,withCtx as i,createElementVNode as t,createCommentVNode as n,normalizeStyle as r,normalizeClass as c,unref as m,withDirectives as b,vModelCheckbox as f,createVNode as p,createTextVNode as _,toDisplayString as y}from"vue";import{_ as X,c as v,a as L}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as $}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Cjt6fX90.js";import{_ as g}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLSizes as h,CLIconSizes as x,CLTextTypes as k,CLIconNames as C,CLColorVariants as B,CLColors as T}from"../../../index.js";const q=["data-testid"],M=["for","disabled"],F=["id","aria-label","disabled","form","name","required","value"],z=/* @__PURE__ */e({name:"CLCheckbox",__name:"CLCheckbox",props:/* @__PURE__ */a({ariaLabel:{default:void 0},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:T.Neutral},disabled:{type:Boolean,default:!1},form:{default:void 0},id:{},label:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:h.Small},testId:{default:"clll-checkbox"},value:{type:[String,Number,Boolean],default:void 0},variant:{default:B.Outline}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const B={[h.Tiny]:x.Tiny,[h.Small]:x.Tiny,[h.Medium]:x.Small,[h.Large]:x.Medium,[h.XL]:x.Medium,[h.XXL]:x.Large,[h.XXXL]:x.Large,[h.XXXXL]:x.XL},T={[h.Tiny]:k.Small,[h.Small]:k.Medium,[h.Medium]:k.Medium,[h.Large]:k.Large,[h.XL]:k.XL,[h.XXL]:k.XXL,[h.XXXL]:k.XXXL,[h.XXXXL]:k.XXXXL},z=e,S=l("checkbox-ref"),j=s(e,"modelValue"),I="clll-checkbox",R=o(()=>[I,z.borderRadius?`${I}--${z.borderRadius}`:"",z.busy?`${I}--busy`:`${I}--ready`,z.disabled?`${I}--disabled`:`${I}--active`,z.label?`${I}--haslabel`:"",`${I}--${z.color}`,`${I}--${z.size}`,z.messageType?`${I}--${z.messageType}`:"",z.rounded?`${I}--rounded`:`${I}--box`,z.required?`${I}--required`:`${I}--optional`]),V=o(()=>[`${I}__checkbox-container`,`${I}--${z.variant}`]),N=()=>{S.value&&S.value.focus()};return a({checkboxRef:S}),(a,l)=>(u(),d(X,null,{default:i(()=>[t("span",{class:c(m(R)),style:r(m(v)({color:e.color,variant:e.variant})),"data-testid":e.testId},[t("span",{class:c(m(V)),onClick:N},[t("label",{for:e.id,class:c(`${I}__label`),disabled:e.disabled},[t("span",{class:c([`${I}__checkbox-frame`,"form-control-flex"])},[b(t("input",{id:e.id,ref:"checkbox-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:c(`${I}__checkbox`),disabled:e.disabled||e.busy,form:e.form,name:e.name,required:e.required,type:"checkbox",value:e.value,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},null,42,F),[[f,j.value]]),t("span",{class:c(`${I}__icon`)},[p(m($),{name:m(C).Check,size:B[e.size]},null,8,["name","size"])],2)],2),e.label?(u(),d(m(g),{key:0,as:"span",type:T[e.size],class:c(e.required?`${I}__label--required`:"")},{default:i(()=>[_(y(e.label),1)]),_:1},8,["type","class"])):n("",!0)],10,M)],2)],14,q),e.id?(u(),d(L,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1}))}});export{z as CLCheckbox,z as default};
+import{defineComponent as e,mergeModels as a,useTemplateRef as l,useModel as s,computed as o,createBlock as d,openBlock as u,withCtx as i,createElementVNode as t,createCommentVNode as n,normalizeStyle as r,normalizeClass as c,unref as m,withDirectives as b,vModelCheckbox as f,createVNode as p,createTextVNode as _,toDisplayString as y}from"vue";import{_ as X,c as v,a as L}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as $}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-MCaGYSd9.js";import{_ as g}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLSizes as h,CLIconSizes as x,CLTextTypes as k,CLIconNames as C,CLColorVariants as B,CLColors as T}from"../../../index.js";const q=["data-testid"],M=["for","disabled"],F=["id","aria-label","disabled","form","name","required","value"],z=/* @__PURE__ */e({name:"CLCheckbox",__name:"CLCheckbox",props:/* @__PURE__ */a({ariaLabel:{default:void 0},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:T.Neutral},disabled:{type:Boolean,default:!1},form:{default:void 0},id:{},label:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:h.Small},testId:{default:"clll-checkbox"},value:{type:[String,Number,Boolean],default:void 0},variant:{default:B.Outline}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const B={[h.Tiny]:x.Tiny,[h.Small]:x.Tiny,[h.Medium]:x.Small,[h.Large]:x.Medium,[h.XL]:x.Medium,[h.XXL]:x.Large,[h.XXXL]:x.Large,[h.XXXXL]:x.XL},T={[h.Tiny]:k.Small,[h.Small]:k.Medium,[h.Medium]:k.Medium,[h.Large]:k.Large,[h.XL]:k.XL,[h.XXL]:k.XXL,[h.XXXL]:k.XXXL,[h.XXXXL]:k.XXXXL},z=e,S=l("checkbox-ref"),j=s(e,"modelValue"),I="clll-checkbox",R=o(()=>[I,z.borderRadius?`${I}--${z.borderRadius}`:"",z.busy?`${I}--busy`:`${I}--ready`,z.disabled?`${I}--disabled`:`${I}--active`,z.label?`${I}--haslabel`:"",`${I}--${z.color}`,`${I}--${z.size}`,z.messageType?`${I}--${z.messageType}`:"",z.rounded?`${I}--rounded`:`${I}--box`,z.required?`${I}--required`:`${I}--optional`]),V=o(()=>[`${I}__checkbox-container`,`${I}--${z.variant}`]),N=()=>{S.value&&S.value.focus()};return a({checkboxRef:S}),(a,l)=>(u(),d(X,null,{default:i(()=>[t("span",{class:c(m(R)),style:r(m(v)({color:e.color,variant:e.variant})),"data-testid":e.testId},[t("span",{class:c(m(V)),onClick:N},[t("label",{for:e.id,class:c(`${I}__label`),disabled:e.disabled},[t("span",{class:c([`${I}__checkbox-frame`,"form-control-flex"])},[b(t("input",{id:e.id,ref:"checkbox-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:c(`${I}__checkbox`),disabled:e.disabled||e.busy,form:e.form,name:e.name,required:e.required,type:"checkbox",value:e.value,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},null,42,F),[[f,j.value]]),t("span",{class:c(`${I}__icon`)},[p(m($),{name:m(C).Check,size:B[e.size]},null,8,["name","size"])],2)],2),e.label?(u(),d(m(g),{key:0,as:"span",type:T[e.size],class:c(e.required?`${I}__label--required`:"")},{default:i(()=>[_(y(e.label),1)]),_:1},8,["type","class"])):n("",!0)],10,M)],2)],14,q),e.id?(u(),d(L,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1}))}});export{z as CLCheckbox,z as default};

package/dist/components/Form/CLInput/CLInput.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,computed as l,createElementBlock as a,openBlock as o,normalizeClass as i,unref as t,createBlock as r,Fragment as d,createTextVNode as n,toDisplayString as u,createVNode as s,ref as p,watch as c,createCommentVNode as f,mergeModels as m,useTemplateRef as b,useModel as y,withCtx as x,createElementVNode as v,normalizeStyle as _,withDirectives as g,vModelDynamic as h,isRef as L}from"vue";import{_ as X,i as C,a as z}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as $}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js";import{_ as k}from"../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-BYHbqaf0.js";import{_ as I}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Cjt6fX90.js";import{_ as F}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-hEXnJ7H1.js";import{CLSizes as S,CLColors as B,CLBorderRadius as T,CLIconSizes as R,CLColorVariants as V,CLIconNames as P,CLInputTypes as j,CLOrientation as q,CLCharCounterLayout as w}from"../../../index.js";import{_ as M}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DCtH-u0_.js";const N=["data-testid"],U=/* @__PURE__ */e({name:"CLInputPrefix",__name:"CLInputPrefix",props:{ariaLabel:{default:void 0},borderRadius:{default:T.XS},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},grouped:{type:Boolean,default:!1},onClick:{type:Function,default:void 0},prefix:{},size:{default:S.Small},testId:{default:"clll-input-prefix"}},setup(e){const s=e,p="clll-input",c=e=>Object.values(P).includes(e),f={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},m=l(()=>!!s.onClick&&c(s.prefix)),b=l(()=>{return[`${p}__input-prefix`,"form-addon-flex","form-addon-flex--left",c(s.prefix)?`${p}__input-prefix--icon form-addon-flex--icon`:`${p}__input-prefix--string form-addon-flex--string`,{"--interactive":m},{"--input-group":s.grouped||s.prefix},{"--disabled":s.disabled},s.grouped?`form-addon-radius--left-${e=s.borderRadius,e?.replace("rounded-","")||"xs"}`:""];var e}),y=e=>{s.onClick&&e&&!s.disabled&&(e.stopPropagation(),s.onClick(e))};return(l,s)=>(o(),a("div",{class:i(t(b))},[t(m)?(o(),r(t(F),{key:0,"aria-label":e.ariaLabel,"border-radius":e.borderRadius,color:e.color,disabled:e.disabled,"icon-before":e.prefix,"icon-size":f[e.size],"on-click":y,size:e.size,"test-id":e.testId,variant:t(V).Text,wrap:""},null,8,["aria-label","border-radius","color","disabled","icon-before","icon-size","size","test-id","variant"])):(o(),a("span",{key:1,class:"icon-container","data-testid":e.testId},[c(e.prefix)?(o(),r(t(I),{key:0,name:e.prefix,size:f[e.size],color:e.color},null,8,["name","size","color"])):(o(),a(d,{key:1},[n(u(e.prefix),1)],64))],8,N))],2))}}),A=["data-testid"],O=/* @__PURE__ */e({name:"CLInputSuffix",__name:"CLInputSuffix",props:{ariaLabel:{default:void 0},borderRadius:{default:T.XS},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},grouped:{type:Boolean,default:!1},onClick:{type:Function,default:void 0},suffix:{},size:{default:S.Small},testId:{default:"clll-input-suffix"}},setup(e){const s=e,p="clll-input",c=e=>Object.values(P).includes(e),f={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},m=l(()=>!!s.onClick&&c(s.suffix)),b=l(()=>{return[`${p}__input-suffix`,"form-addon-flex","form-addon-flex--right",c(s.suffix)?`${p}__input-suffix--icon form-addon-flex--icon`:`${p}__input-suffix--string form-addon-flex--string`,{"--interactive":m},{"--input-group":s.grouped||s.suffix},{"--disabled":s.disabled},s.grouped?`form-addon-radius--right-${e=s.borderRadius,e?.replace("rounded-","")||"xs"}`:""];var e}),y=e=>{s.onClick&&e&&!s.disabled&&(e.stopPropagation(),s.onClick(e))};return(l,s)=>(o(),a("div",{class:i(t(b))},[t(m)?(o(),r(t(F),{key:0,"aria-label":e.ariaLabel,"border-radius":e.borderRadius,color:e.color,disabled:e.disabled,"icon-before":e.suffix,"icon-size":f[e.size],"on-click":y,size:e.size,"test-id":e.testId,variant:t(V).Text,wrap:""},null,8,["aria-label","border-radius","color","disabled","icon-before","icon-size","size","test-id","variant"])):(o(),a("span",{key:1,class:"icon-container","data-testid":e.testId},[c(e.suffix)?(o(),r(t(I),{key:0,name:e.suffix,size:f[e.size],color:e.color},null,8,["name","size","color"])):(o(),a(d,{key:1},[n(u(e.suffix),1)],64))],8,A))],2))}}),E=["data-testid"],G=/* @__PURE__ */e({name:"CLInputPill",__name:"CLInputPill",props:{color:{default:B.Neutral},label:{},testId:{default:"clll-input-pill"}},setup:e=>(l,r)=>(o(),a("span",{class:i("clll-input__pill"),"data-testid":e.testId},[s(t(M),{color:e.color,label:e.label,variant:t(V).Soft},null,8,["color","label","variant"])],10,E))}),H=["data-testid"],D=/* @__PURE__ */e({name:"CLInputColorTools",__name:"CLInputColorTools",props:{copied:{type:Boolean,default:!1},initialValue:{default:void 0},modelValue:{default:void 0},size:{default:S.Small},testId:{default:"clll-input-color-tools"}},emits:["copy","reset","update:copied"],setup(e,{emit:l}){const d=e,n=l,u="clll-input",s=p(d.copied),m={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},b=async()=>{try{d.modelValue&&(await navigator.clipboard.writeText(d.modelValue.toString()),s.value=!0,n("update:copied",!0),n("copy"))}catch(e){console.error(e)}},y=()=>{n("reset",d.initialValue)};return c(()=>d.copied,e=>{s.value=e}),c(()=>d.modelValue,()=>{s.value=!1,n("update:copied",!1)}),(l,d)=>(o(),a("span",{class:i(`${u}__selected-color-tools`),"data-testid":e.testId},[e.modelValue?(o(),r(t(F),{key:0,"aria-label":"Copy color to clipboard",class:i(`${u}__copy-to-clipboard`),color:t(B).Neutral,"icon-before":t(s)?t(P).Check:t(P).Copy,"icon-size":m[e.size],"on-click":b,size:e.size,title:t(s)?"Color copied to clipboard":"Copy color to clipboard",variant:t(V).Ghost,wrap:""},null,8,["class","color","icon-before","icon-size","size","title","variant"])):f("",!0),e.modelValue?(o(),r(t(F),{key:1,"aria-label":"Reset selected color",class:i(`${u}__reset-selected-color`),color:t(B).Neutral,"on-click":y,"icon-before":t(P).Restore,"icon-size":m[e.size],size:e.size,title:"Reset selected color",variant:t(V).Ghost,wrap:""},null,8,["class","color","icon-before","icon-size","size","variant"])):f("",!0)],10,H))}}),J=["data-testid"],K=["id","name","aria-label","autocomplete","disabled","form","maxlength","minlength","pattern","placeholder","readonly","required","spellcheck","type"],Q=/* @__PURE__ */e({name:"CLInput",__name:"CLInput",props:/* @__PURE__ */m({ariaLabel:{default:void 0},autoComplete:{type:Boolean,default:void 0},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},charCounter:{type:Boolean,default:!1},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},form:{default:void 0},grouped:{type:Boolean,default:!1},id:{},label:{default:void 0},maxLength:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},minLength:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onInput:{type:Function,default:void 0},onPrefixClick:{type:Function,default:void 0},onSuffixClick:{type:Function,default:void 0},orientation:{default:q.Vertical},pattern:{default:void 0},pill:{default:void 0},placeholder:{default:void 0},prefix:{default:void 0},prefixAriaLabel:{default:void 0},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:S.Small},spellCheck:{type:Boolean,default:void 0},suffix:{default:void 0},suffixAriaLabel:{default:void 0},testId:{default:"clll-input"},type:{default:j.Text},variant:{default:V.Outline}},{modelValue:{},modelModifiers:{}}),emits:/* @__PURE__ */m(["reset"],["update:modelValue"]),setup(e,{expose:d,emit:n}){const s=e,m=n,I="clll-input",F=p(!1),S=b("input-elem"),B=y(e,"modelValue");s.type!==j.Color||B.value||(B.value="#FFFFFF");const T=B.value?.toString(),R=e=>Object.values(P).includes(e),V=l(()=>[I,s.borderRadius?`${I}--${s.borderRadius}`:"",s.busy?`${I}--busy`:`${I}--ready`,`${I}--${s.color}`,`${I}--${s.size}`,`${I}--${s.type}`,`${I}--${s.variant}`,s.disabled||s.busy?`${I}--disabled`:`${I}--active`,s.fluid||s.orientation===q.Horizontal?`${I}--fluid`:`${I}--fixed`,s.grouped?`${I}--grouped`:"",s.label?`${I}--haslabel`:"",s.messageType?`${I}--${s.messageType}`:"",s.orientation?`${I}--${s.orientation}`:"",s.pill?`${I}--haspill`:"",s.charCounter&&s.maxLength&&[j.Email,j.None,j.Text,j.Url].includes(s.type)?`${I}--hascharcounter`:"",s.prefix&&![j.Color,j.File].includes(s.type)?`${I}--hasprefix`:"",s.prefix&&![j.Color,j.File].includes(s.type)?R(s.prefix)?`${I}--hasiconprefix`:`${I}--hascustomprefix`:"",s.readonly?`${I}--readonly`:`${I}--writeable`,s.rounded?`${I}--rounded`:`${I}--box`,s.required?`${I}--required`:`${I}--optional`,s.suffix&&![j.Color,j.File].includes(s.type)?`${I}--hassuffix`:"",s.suffix&&![j.Color,j.File].includes(s.type)?R(s.suffix)?`${I}--hasiconsuffix`:`${I}--hascustomsuffix`:""]),M=l(()=>[`${I}__input`,{"--nocolor":s.type===j.Color&&!B.value},{"--input-group":s.grouped||s.prefix||s.suffix}]),N=e=>{B.value=e,m("reset",B.value)},A=e=>{!e.target.closest('button, a, [role="button"]')&&S.value&&S.value.focus()};return c(B,()=>{F.value=!1}),d({inputRef:S}),(l,d)=>(o(),r(X,{fluid:e.fluid,"has-pill":!!e.pill,"has-char-counter":!(!e.charCounter||!e.maxLength),orientation:e.orientation},{default:x(()=>[v("span",{class:i(t(V)),style:_(t(C)({color:e.color,variant:e.variant})),"data-testid":e.testId},[e.label?(o(),r($,{key:0,"css-prefix":I,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):f("",!0),v("span",{class:i([`${I}__input-container`,"--focus-within"]),onClick:A},[e.prefix&&![t(j).Color,t(j).File].includes(e.type)?(o(),r(U,{key:0,prefix:e.prefix,size:e.size,grouped:e.grouped,"border-radius":e.borderRadius,color:e.color,"on-click":e.onPrefixClick,"aria-label":e.prefixAriaLabel,disabled:e.disabled||e.busy},null,8,["prefix","size","grouped","border-radius","color","on-click","aria-label","disabled"])):f("",!0),v("span",{class:i(`${I}__input-border-control`)},[g(v("input",{id:e.id,ref:"input-elem","onUpdate:modelValue":d[0]||(d[0]=e=>B.value=e),name:e.name,"aria-label":e.ariaLabel,autocomplete:e.autoComplete?"on":"off",class:i(t(M)),disabled:e.disabled||e.busy,form:e.form,maxlength:e.maxLength,minlength:e.minLength,pattern:e.pattern,placeholder:e.placeholder,readonly:e.readonly,required:e.required,spellcheck:e.spellCheck,type:e.type,onBlur:d[1]||(d[1]=(...l)=>e.onBlur&&e.onBlur(...l)),onChange:d[2]||(d[2]=(...l)=>e.onChange&&e.onChange(...l)),onFocus:d[3]||(d[3]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:d[4]||(d[4]=(...l)=>e.onInput&&e.onInput(...l))},null,42,K),[[h,B.value]])],2),e.type===t(j).Color?(o(),a("span",{key:1,class:i(`${I}__selected-color`)},u(B.value||"none"),3)):f("",!0),e.type===t(j).Color?(o(),r(D,{key:2,modelValue:B.value,"onUpdate:modelValue":d[5]||(d[5]=e=>B.value=e),copied:t(F),"onUpdate:copied":d[6]||(d[6]=e=>L(F)?F.value=e:null),"initial-value":t(T),size:e.size,onReset:N},null,8,["modelValue","copied","initial-value","size"])):f("",!0),e.suffix&&![t(j).Color,t(j).File].includes(e.type)?(o(),r(O,{key:3,suffix:e.suffix,size:e.size,grouped:e.grouped,"border-radius":e.borderRadius,color:e.color,"on-click":e.onSuffixClick,"aria-label":e.suffixAriaLabel,disabled:e.disabled||e.busy},null,8,["suffix","size","grouped","border-radius","color","on-click","aria-label","disabled"])):f("",!0),e.charCounter&&e.maxLength&&[t(j).Email,t(j).None,t(j).Text,t(j).Url].includes(e.type)?(o(),r(k,{key:4,color:e.color,"css-prefix":I,"current-length":B.value?B.value.toString().length:0,"max-length":e.maxLength,layout:t(w).Inline,size:e.size},null,8,["color","current-length","max-length","layout","size"])):f("",!0)],2)],14,J),e.pill&&e.label&&e.orientation===t(q).Horizontal?(o(),a("span",{key:0,class:i(`${I}__spacer`)},null,2)):f("",!0),e.pill?(o(),r(G,{key:1,label:e.pill,color:e.color},null,8,["label","color"])):f("",!0),e.id?(o(),r(z,{key:2,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):f("",!0)]),_:1},8,["fluid","has-pill","has-char-counter","orientation"]))}});Q.Prefix=U,Q.Suffix=O,Q.Pill=G,Q.ColorTools=D;export{Q as CLInput,Q as default};
+import{defineComponent as e,computed as l,createElementBlock as a,openBlock as o,normalizeClass as i,unref as t,createBlock as r,Fragment as d,createTextVNode as n,toDisplayString as u,createVNode as s,ref as p,watch as c,createCommentVNode as f,mergeModels as m,useTemplateRef as b,useModel as y,withCtx as x,createElementVNode as v,normalizeStyle as _,withDirectives as g,vModelDynamic as h,isRef as L}from"vue";import{_ as X,i as C,a as z}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as $}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js";import{_ as k}from"../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-BYHbqaf0.js";import{_ as I}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-MCaGYSd9.js";import{_ as F}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js";import{CLSizes as S,CLColors as B,CLBorderRadius as T,CLIconSizes as R,CLColorVariants as V,CLIconNames as P,CLInputTypes as j,CLOrientation as q,CLCharCounterLayout as w}from"../../../index.js";import{_ as M}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B7EJOOmg.js";const N=["data-testid"],U=/* @__PURE__ */e({name:"CLInputPrefix",__name:"CLInputPrefix",props:{ariaLabel:{default:void 0},borderRadius:{default:T.XS},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},grouped:{type:Boolean,default:!1},onClick:{type:Function,default:void 0},prefix:{},size:{default:S.Small},testId:{default:"clll-input-prefix"}},setup(e){const s=e,p="clll-input",c=e=>Object.values(P).includes(e),f={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},m=l(()=>!!s.onClick&&c(s.prefix)),b=l(()=>{return[`${p}__input-prefix`,"form-addon-flex","form-addon-flex--left",c(s.prefix)?`${p}__input-prefix--icon form-addon-flex--icon`:`${p}__input-prefix--string form-addon-flex--string`,{"--interactive":m},{"--input-group":s.grouped||s.prefix},{"--disabled":s.disabled},s.grouped?`form-addon-radius--left-${e=s.borderRadius,e?.replace("rounded-","")||"xs"}`:""];var e}),y=e=>{s.onClick&&e&&!s.disabled&&(e.stopPropagation(),s.onClick(e))};return(l,s)=>(o(),a("div",{class:i(t(b))},[t(m)?(o(),r(t(F),{key:0,"aria-label":e.ariaLabel,"border-radius":e.borderRadius,color:e.color,disabled:e.disabled,"icon-before":e.prefix,"icon-size":f[e.size],"on-click":y,size:e.size,"test-id":e.testId,variant:t(V).Text,wrap:""},null,8,["aria-label","border-radius","color","disabled","icon-before","icon-size","size","test-id","variant"])):(o(),a("span",{key:1,class:"icon-container","data-testid":e.testId},[c(e.prefix)?(o(),r(t(I),{key:0,name:e.prefix,size:f[e.size],color:e.color},null,8,["name","size","color"])):(o(),a(d,{key:1},[n(u(e.prefix),1)],64))],8,N))],2))}}),A=["data-testid"],O=/* @__PURE__ */e({name:"CLInputSuffix",__name:"CLInputSuffix",props:{ariaLabel:{default:void 0},borderRadius:{default:T.XS},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},grouped:{type:Boolean,default:!1},onClick:{type:Function,default:void 0},suffix:{},size:{default:S.Small},testId:{default:"clll-input-suffix"}},setup(e){const s=e,p="clll-input",c=e=>Object.values(P).includes(e),f={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},m=l(()=>!!s.onClick&&c(s.suffix)),b=l(()=>{return[`${p}__input-suffix`,"form-addon-flex","form-addon-flex--right",c(s.suffix)?`${p}__input-suffix--icon form-addon-flex--icon`:`${p}__input-suffix--string form-addon-flex--string`,{"--interactive":m},{"--input-group":s.grouped||s.suffix},{"--disabled":s.disabled},s.grouped?`form-addon-radius--right-${e=s.borderRadius,e?.replace("rounded-","")||"xs"}`:""];var e}),y=e=>{s.onClick&&e&&!s.disabled&&(e.stopPropagation(),s.onClick(e))};return(l,s)=>(o(),a("div",{class:i(t(b))},[t(m)?(o(),r(t(F),{key:0,"aria-label":e.ariaLabel,"border-radius":e.borderRadius,color:e.color,disabled:e.disabled,"icon-before":e.suffix,"icon-size":f[e.size],"on-click":y,size:e.size,"test-id":e.testId,variant:t(V).Text,wrap:""},null,8,["aria-label","border-radius","color","disabled","icon-before","icon-size","size","test-id","variant"])):(o(),a("span",{key:1,class:"icon-container","data-testid":e.testId},[c(e.suffix)?(o(),r(t(I),{key:0,name:e.suffix,size:f[e.size],color:e.color},null,8,["name","size","color"])):(o(),a(d,{key:1},[n(u(e.suffix),1)],64))],8,A))],2))}}),E=["data-testid"],G=/* @__PURE__ */e({name:"CLInputPill",__name:"CLInputPill",props:{color:{default:B.Neutral},label:{},testId:{default:"clll-input-pill"}},setup:e=>(l,r)=>(o(),a("span",{class:i("clll-input__pill"),"data-testid":e.testId},[s(t(M),{color:e.color,label:e.label,variant:t(V).Soft},null,8,["color","label","variant"])],10,E))}),H=["data-testid"],D=/* @__PURE__ */e({name:"CLInputColorTools",__name:"CLInputColorTools",props:{copied:{type:Boolean,default:!1},initialValue:{default:void 0},modelValue:{default:void 0},size:{default:S.Small},testId:{default:"clll-input-color-tools"}},emits:["copy","reset","update:copied"],setup(e,{emit:l}){const d=e,n=l,u="clll-input",s=p(d.copied),m={[S.Tiny]:R.Tiny,[S.Small]:R.Small,[S.Medium]:R.Medium,[S.Large]:R.Large,[S.XL]:R.XL,[S.XXL]:R.XXL,[S.XXXL]:R.XXXL,[S.XXXXL]:R.XXXXL},b=async()=>{try{d.modelValue&&(await navigator.clipboard.writeText(d.modelValue.toString()),s.value=!0,n("update:copied",!0),n("copy"))}catch(e){console.error(e)}},y=()=>{n("reset",d.initialValue)};return c(()=>d.copied,e=>{s.value=e}),c(()=>d.modelValue,()=>{s.value=!1,n("update:copied",!1)}),(l,d)=>(o(),a("span",{class:i(`${u}__selected-color-tools`),"data-testid":e.testId},[e.modelValue?(o(),r(t(F),{key:0,"aria-label":"Copy color to clipboard",class:i(`${u}__copy-to-clipboard`),color:t(B).Neutral,"icon-before":t(s)?t(P).Check:t(P).Copy,"icon-size":m[e.size],"on-click":b,size:e.size,title:t(s)?"Color copied to clipboard":"Copy color to clipboard",variant:t(V).Ghost,wrap:""},null,8,["class","color","icon-before","icon-size","size","title","variant"])):f("",!0),e.modelValue?(o(),r(t(F),{key:1,"aria-label":"Reset selected color",class:i(`${u}__reset-selected-color`),color:t(B).Neutral,"on-click":y,"icon-before":t(P).Restore,"icon-size":m[e.size],size:e.size,title:"Reset selected color",variant:t(V).Ghost,wrap:""},null,8,["class","color","icon-before","icon-size","size","variant"])):f("",!0)],10,H))}}),J=["data-testid"],K=["id","name","aria-label","autocomplete","disabled","form","maxlength","minlength","pattern","placeholder","readonly","required","spellcheck","type"],Q=/* @__PURE__ */e({name:"CLInput",__name:"CLInput",props:/* @__PURE__ */m({ariaLabel:{default:void 0},autoComplete:{type:Boolean,default:void 0},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},charCounter:{type:Boolean,default:!1},color:{default:B.Neutral},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},form:{default:void 0},grouped:{type:Boolean,default:!1},id:{},label:{default:void 0},maxLength:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},minLength:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onInput:{type:Function,default:void 0},onPrefixClick:{type:Function,default:void 0},onSuffixClick:{type:Function,default:void 0},orientation:{default:q.Vertical},pattern:{default:void 0},pill:{default:void 0},placeholder:{default:void 0},prefix:{default:void 0},prefixAriaLabel:{default:void 0},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:S.Small},spellCheck:{type:Boolean,default:void 0},suffix:{default:void 0},suffixAriaLabel:{default:void 0},testId:{default:"clll-input"},type:{default:j.Text},variant:{default:V.Outline}},{modelValue:{},modelModifiers:{}}),emits:/* @__PURE__ */m(["reset"],["update:modelValue"]),setup(e,{expose:d,emit:n}){const s=e,m=n,I="clll-input",F=p(!1),S=b("input-elem"),B=y(e,"modelValue");s.type!==j.Color||B.value||(B.value="#FFFFFF");const T=B.value?.toString(),R=e=>Object.values(P).includes(e),V=l(()=>[I,s.borderRadius?`${I}--${s.borderRadius}`:"",s.busy?`${I}--busy`:`${I}--ready`,`${I}--${s.color}`,`${I}--${s.size}`,`${I}--${s.type}`,`${I}--${s.variant}`,s.disabled||s.busy?`${I}--disabled`:`${I}--active`,s.fluid||s.orientation===q.Horizontal?`${I}--fluid`:`${I}--fixed`,s.grouped?`${I}--grouped`:"",s.label?`${I}--haslabel`:"",s.messageType?`${I}--${s.messageType}`:"",s.orientation?`${I}--${s.orientation}`:"",s.pill?`${I}--haspill`:"",s.charCounter&&s.maxLength&&[j.Email,j.None,j.Text,j.Url].includes(s.type)?`${I}--hascharcounter`:"",s.prefix&&![j.Color,j.File].includes(s.type)?`${I}--hasprefix`:"",s.prefix&&![j.Color,j.File].includes(s.type)?R(s.prefix)?`${I}--hasiconprefix`:`${I}--hascustomprefix`:"",s.readonly?`${I}--readonly`:`${I}--writeable`,s.rounded?`${I}--rounded`:`${I}--box`,s.required?`${I}--required`:`${I}--optional`,s.suffix&&![j.Color,j.File].includes(s.type)?`${I}--hassuffix`:"",s.suffix&&![j.Color,j.File].includes(s.type)?R(s.suffix)?`${I}--hasiconsuffix`:`${I}--hascustomsuffix`:""]),M=l(()=>[`${I}__input`,{"--nocolor":s.type===j.Color&&!B.value},{"--input-group":s.grouped||s.prefix||s.suffix}]),N=e=>{B.value=e,m("reset",B.value)},A=e=>{!e.target.closest('button, a, [role="button"]')&&S.value&&S.value.focus()};return c(B,()=>{F.value=!1}),d({inputRef:S}),(l,d)=>(o(),r(X,{fluid:e.fluid,"has-pill":!!e.pill,"has-char-counter":!(!e.charCounter||!e.maxLength),orientation:e.orientation},{default:x(()=>[v("span",{class:i(t(V)),style:_(t(C)({color:e.color,variant:e.variant})),"data-testid":e.testId},[e.label?(o(),r($,{key:0,"css-prefix":I,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):f("",!0),v("span",{class:i([`${I}__input-container`,"--focus-within"]),onClick:A},[e.prefix&&![t(j).Color,t(j).File].includes(e.type)?(o(),r(U,{key:0,prefix:e.prefix,size:e.size,grouped:e.grouped,"border-radius":e.borderRadius,color:e.color,"on-click":e.onPrefixClick,"aria-label":e.prefixAriaLabel,disabled:e.disabled||e.busy},null,8,["prefix","size","grouped","border-radius","color","on-click","aria-label","disabled"])):f("",!0),v("span",{class:i(`${I}__input-border-control`)},[g(v("input",{id:e.id,ref:"input-elem","onUpdate:modelValue":d[0]||(d[0]=e=>B.value=e),name:e.name,"aria-label":e.ariaLabel,autocomplete:e.autoComplete?"on":"off",class:i(t(M)),disabled:e.disabled||e.busy,form:e.form,maxlength:e.maxLength,minlength:e.minLength,pattern:e.pattern,placeholder:e.placeholder,readonly:e.readonly,required:e.required,spellcheck:e.spellCheck,type:e.type,onBlur:d[1]||(d[1]=(...l)=>e.onBlur&&e.onBlur(...l)),onChange:d[2]||(d[2]=(...l)=>e.onChange&&e.onChange(...l)),onFocus:d[3]||(d[3]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:d[4]||(d[4]=(...l)=>e.onInput&&e.onInput(...l))},null,42,K),[[h,B.value]])],2),e.type===t(j).Color?(o(),a("span",{key:1,class:i(`${I}__selected-color`)},u(B.value||"none"),3)):f("",!0),e.type===t(j).Color?(o(),r(D,{key:2,modelValue:B.value,"onUpdate:modelValue":d[5]||(d[5]=e=>B.value=e),copied:t(F),"onUpdate:copied":d[6]||(d[6]=e=>L(F)?F.value=e:null),"initial-value":t(T),size:e.size,onReset:N},null,8,["modelValue","copied","initial-value","size"])):f("",!0),e.suffix&&![t(j).Color,t(j).File].includes(e.type)?(o(),r(O,{key:3,suffix:e.suffix,size:e.size,grouped:e.grouped,"border-radius":e.borderRadius,color:e.color,"on-click":e.onSuffixClick,"aria-label":e.suffixAriaLabel,disabled:e.disabled||e.busy},null,8,["suffix","size","grouped","border-radius","color","on-click","aria-label","disabled"])):f("",!0),e.charCounter&&e.maxLength&&[t(j).Email,t(j).None,t(j).Text,t(j).Url].includes(e.type)?(o(),r(k,{key:4,color:e.color,"css-prefix":I,"current-length":B.value?B.value.toString().length:0,"max-length":e.maxLength,layout:t(w).Inline,size:e.size},null,8,["color","current-length","max-length","layout","size"])):f("",!0)],2)],14,J),e.pill&&e.label&&e.orientation===t(q).Horizontal?(o(),a("span",{key:0,class:i(`${I}__spacer`)},null,2)):f("",!0),e.pill?(o(),r(G,{key:1,label:e.pill,color:e.color},null,8,["label","color"])):f("",!0),e.id?(o(),r(z,{key:2,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):f("",!0)]),_:1},8,["fluid","has-pill","has-char-counter","orientation"]))}});Q.Prefix=U,Q.Suffix=O,Q.Pill=G,Q.ColorTools=D;export{Q as CLInput,Q as default};

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLInputDatePicker.css';
-import{defineComponent as e,mergeModels as a,ref as l,useModel as t,watch as u,computed as d,onMounted as n,onBeforeUnmount as o,createElementBlock as s,openBlock as i,normalizeClass as r,createVNode as f,createCommentVNode as m,unref as p,isRef as v,normalizeStyle as c,withCtx as b,createElementVNode as y}from"vue";import{u as g,a as _,o as h,f as k,s as C}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as D}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-BGKjh5vA.js";import{CLInput as Y}from"../CLInput/CLInput.js";import{_ as R}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-BqrGuMVB.js";import{CLIconNames as I,CLColorVariants as L,CLPlacement as V,CLOrientation as M,CLSizes as x,CLColors as B}from"../../../index.js";import{i as j}from"../../../chunks/helper-C542dSLs.js";import{useEsc as E}from"../../../composables/useEsc.js";import{useDateInputMask as F}from"../../../composables/useDateInputMask.js";const S=/* @__PURE__ */e({name:"CLInputDatePicker",__name:"CLInputDatePicker",props:/* @__PURE__ */a({ariaLabel:{default:void 0},borderRadius:{default:void 0},color:{default:B.Neutral},size:{default:x.Small},variant:{default:L.Outline},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},form:{default:void 0},id:{},isRange:{type:Boolean,default:!0},label:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},orientation:{default:M.Vertical},placement:{default:V.BottomStart},placeholder:{default:void 0},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},testId:{default:"clll-input-date-picker"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,V="clll-input-date-picker",M=l(!1),x=l(),B=l(),S=l(),$=t(e,"modelValue"),z=l(""),{handleDateInput:w,isoToSlash:q,slashToISO:T,validateDate:O}=F();u($,()=>{const e=q($.value?.start??null),l=q($.value?.end??null);e?a.isRange&&l?z.value=`${e} - ${l}`:z.value=e:z.value=""},{immediate:!0,deep:!0});const P=d(()=>x.value?.$el),{floatingStyles:U}=g(P,S,{middleware:[h(8),k(),C()],placement:l(a.placement),whileElementsMounted:_,open:M}),G=()=>{a.disabled||a.busy||(M.value=!M.value,M.value?(a.onFocus?.(new FocusEvent("focus")),B.value?.initializeDraft()):a.onBlur?.(new FocusEvent("blur")))},H=d(()=>{const e=B.value?.draftStart,l=B.value?.draftEnd;return a.isRange?!!e&&!!l:!!e}),N=()=>{M.value&&(M.value=!1,a.onBlur?.(new FocusEvent("blur")))};E({escHandler:N});const A=e=>{const a=e.target,l=x.value?.$el,t=S.value;M.value&&l&&t&&!l.contains(a)&&!t.contains(a)&&N()},J=()=>{H.value&&(B.value?.apply(),N(),a.onChange?.())},K=e=>{const l=O(e,a.isRange),t=x.value?.inputRef;return t&&(e&&!l?t.setCustomValidity("Invalid date format. Use YYYY/MM/DD"):t.setCustomValidity("")),l},Q=e=>{e&&w(e,z,a.isRange,()=>{K(z.value)})},W=e=>{if(!e)return;const l=e.target.value,t=K(l);if(!l.trim())return $.value={start:null,end:null},void a.onChange?.();if(t){if(a.isRange){const[e,a]=l.split("-").map(e=>e.trim());$.value={start:T(e),end:T(a)}}else $.value={start:T(l.trim()),end:null};a.onChange?.()}};return n(()=>{j&&document.addEventListener("click",A)}),o(()=>{j&&document.removeEventListener("click",A)}),(a,l)=>(i(),s("div",{class:r([V,e.fluid?`${V}--fluid`:""])},[f(p(Y),{id:e.id,ref_key:"inputRef",ref:x,modelValue:p(z),"onUpdate:modelValue":l[0]||(l[0]=e=>v(z)?z.value=e:null),"aria-label":e.ariaLabel,"border-radius":e.borderRadius,busy:e.busy,color:e.color,disabled:e.disabled,fluid:e.fluid,form:e.form,label:e.label,messages:e.messages,"message-type":e.messageType,name:e.name,orientation:e.orientation,placeholder:e.placeholder||(e.isRange?"YYYY/MM/DD - YYYY/MM/DD":"YYYY/MM/DD"),required:e.required,rounded:e.rounded,size:e.size,suffix:p(I).Calendar,"suffix-aria-label":e.ariaLabel||"Open calendar","test-id":e.testId,variant:e.variant,onInput:Q,onChange:W,onSuffixClick:G},null,8,["id","modelValue","aria-label","border-radius","busy","color","disabled","fluid","form","label","messages","message-type","name","orientation","placeholder","required","rounded","size","suffix","suffix-aria-label","test-id","variant"]),p(M)?(i(),s("div",{key:0,ref_key:"popoverRef",ref:S,class:r(`${V}__popover`),style:c({...p(U),zIndex:100})},[f(p(D),{"border-radius":e.borderRadius,variant:p(L).Ghost,padded:!1,rounded:e.rounded,elevated:""},{default:b(()=>[y("div",{class:r(`${V}__calendar-container`)},[f(p(R),{ref_key:"calendarRef",ref:B,modelValue:$.value,"onUpdate:modelValue":l[1]||(l[1]=e=>$.value=e),disabled:e.disabled,busy:e.busy,"is-range":e.isRange,fluid:"",onDateSelect:J},null,8,["modelValue","disabled","busy","is-range"])],2)]),_:1},8,["border-radius","variant","rounded"])],6)):m("",!0)],2))}});export{S as CLInputDatePicker,S as default};
+import{defineComponent as e,mergeModels as a,ref as l,useModel as t,watch as u,computed as d,onMounted as n,onBeforeUnmount as o,createElementBlock as s,openBlock as i,normalizeClass as r,createVNode as f,createCommentVNode as m,unref as p,isRef as v,normalizeStyle as c,withCtx as b,createElementVNode as y}from"vue";import{u as g,a as _,o as h,f as k,s as C}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as D}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CMQi_nx9.js";import{CLInput as Y}from"../CLInput/CLInput.js";import{_ as R}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-US_3N22Q.js";import{CLIconNames as I,CLColorVariants as L,CLPlacement as V,CLOrientation as M,CLSizes as x,CLColors as B}from"../../../index.js";import{i as j}from"../../../chunks/helper-C542dSLs.js";import{useEsc as E}from"../../../composables/useEsc.js";import{useDateInputMask as F}from"../../../composables/useDateInputMask.js";const S=/* @__PURE__ */e({name:"CLInputDatePicker",__name:"CLInputDatePicker",props:/* @__PURE__ */a({ariaLabel:{default:void 0},borderRadius:{default:void 0},color:{default:B.Neutral},size:{default:x.Small},variant:{default:L.Outline},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},form:{default:void 0},id:{},isRange:{type:Boolean,default:!0},label:{default:void 0},messages:{default:()=>[]},messageType:{default:void 0},name:{},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},orientation:{default:M.Vertical},placement:{default:V.BottomStart},placeholder:{default:void 0},required:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},testId:{default:"clll-input-date-picker"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,V="clll-input-date-picker",M=l(!1),x=l(),B=l(),S=l(),$=t(e,"modelValue"),z=l(""),{handleDateInput:w,isoToSlash:q,slashToISO:T,validateDate:O}=F();u($,()=>{const e=q($.value?.start??null),l=q($.value?.end??null);e?a.isRange&&l?z.value=`${e} - ${l}`:z.value=e:z.value=""},{immediate:!0,deep:!0});const P=d(()=>x.value?.$el),{floatingStyles:U}=g(P,S,{middleware:[h(8),k(),C()],placement:l(a.placement),whileElementsMounted:_,open:M}),G=()=>{a.disabled||a.busy||(M.value=!M.value,M.value?(a.onFocus?.(new FocusEvent("focus")),B.value?.initializeDraft()):a.onBlur?.(new FocusEvent("blur")))},H=d(()=>{const e=B.value?.draftStart,l=B.value?.draftEnd;return a.isRange?!!e&&!!l:!!e}),N=()=>{M.value&&(M.value=!1,a.onBlur?.(new FocusEvent("blur")))};E({escHandler:N});const A=e=>{const a=e.target,l=x.value?.$el,t=S.value;M.value&&l&&t&&!l.contains(a)&&!t.contains(a)&&N()},J=()=>{H.value&&(B.value?.apply(),N(),a.onChange?.())},K=e=>{const l=O(e,a.isRange),t=x.value?.inputRef;return t&&(e&&!l?t.setCustomValidity("Invalid date format. Use YYYY/MM/DD"):t.setCustomValidity("")),l},Q=e=>{e&&w(e,z,a.isRange,()=>{K(z.value)})},W=e=>{if(!e)return;const l=e.target.value,t=K(l);if(!l.trim())return $.value={start:null,end:null},void a.onChange?.();if(t){if(a.isRange){const[e,a]=l.split("-").map(e=>e.trim());$.value={start:T(e),end:T(a)}}else $.value={start:T(l.trim()),end:null};a.onChange?.()}};return n(()=>{j&&document.addEventListener("click",A)}),o(()=>{j&&document.removeEventListener("click",A)}),(a,l)=>(i(),s("div",{class:r([V,e.fluid?`${V}--fluid`:""])},[f(p(Y),{id:e.id,ref_key:"inputRef",ref:x,modelValue:p(z),"onUpdate:modelValue":l[0]||(l[0]=e=>v(z)?z.value=e:null),"aria-label":e.ariaLabel,"border-radius":e.borderRadius,busy:e.busy,color:e.color,disabled:e.disabled,fluid:e.fluid,form:e.form,label:e.label,messages:e.messages,"message-type":e.messageType,name:e.name,orientation:e.orientation,placeholder:e.placeholder||(e.isRange?"YYYY/MM/DD - YYYY/MM/DD":"YYYY/MM/DD"),required:e.required,rounded:e.rounded,size:e.size,suffix:p(I).Calendar,"suffix-aria-label":e.ariaLabel||"Open calendar","test-id":e.testId,variant:e.variant,onInput:Q,onChange:W,onSuffixClick:G},null,8,["id","modelValue","aria-label","border-radius","busy","color","disabled","fluid","form","label","messages","message-type","name","orientation","placeholder","required","rounded","size","suffix","suffix-aria-label","test-id","variant"]),p(M)?(i(),s("div",{key:0,ref_key:"popoverRef",ref:S,class:r(`${V}__popover`),style:c({...p(U),zIndex:100})},[f(p(D),{"border-radius":e.borderRadius,variant:p(L).Ghost,padded:!1,rounded:e.rounded,elevated:""},{default:b(()=>[y("div",{class:r(`${V}__calendar-container`)},[f(p(R),{ref_key:"calendarRef",ref:B,modelValue:$.value,"onUpdate:modelValue":l[1]||(l[1]=e=>$.value=e),disabled:e.disabled,busy:e.busy,"is-range":e.isRange,fluid:"",onDateSelect:J},null,8,["modelValue","disabled","busy","is-range"])],2)]),_:1},8,["border-radius","variant","rounded"])],6)):m("",!0)],2))}});export{S as CLInputDatePicker,S as default};

package/dist/components/Form/CLSelect/CLSelect.js

@@ -1,4 +1,4 @@
 import '../../../assets/core.css';
 import './CLSelect.css';
 import '../../../assets/shared/form-utilities.css';
-import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as i,openBlock as t,withCtx as r,createElementVNode as d,createCommentVNode as n,normalizeStyle as u,normalizeClass as m,unref as c,withDirectives as p,createElementBlock as f,Fragment as b,renderList as y,toDisplayString as _,vModelSelect as $,createVNode as v}from"vue";import{_ as g,s as L,a as h}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as C}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js";import{_ as X}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Cjt6fX90.js";import{CLSizes as q,CLIconSizes as x,CLOrientation as z,CLIconNames as B,CLColorVariants as k,CLColors as T}from"../../../index.js";const S=["data-testid"],F=["id","aria-label","disabled","name","placeholder","form","required"],M=["value","selected","disabled"],V=/* @__PURE__ */e({name:"CLSelect",__name:"CLSelect",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},color:{default:T.Neutral},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},messages:{},messageType:{},name:{},onBlur:{},onChange:{},onFocus:{},orientation:{default:z.Vertical},options:{},placeholder:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:q.Small},testId:{default:"clll-select"},variant:{default:k.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const k={[q.Tiny]:x.Tiny,[q.Small]:x.Tiny,[q.Medium]:x.Small,[q.Large]:x.Medium,[q.XL]:x.Medium,[q.XXL]:x.Large,[q.XXXL]:x.Large,[q.XXXXL]:x.XL},T=e,V="clll-select",j=l(e,"modelValue"),I=s("select-ref"),R=()=>{I.value&&I.value.focus()},w=o(()=>[V,T.borderRadius?`${V}--${T.borderRadius}`:"",T.busy?`${V}--busy`:`${V}--ready`,`${V}--${T.color}`,`${V}--${T.size}`,`${V}--${T.variant}`,T.disabled||T.busy?`${V}--disabled`:`${V}--active`,T.fluid||T.orientation===z.Horizontal?`${V}--fluid`:`${V}--fixed`,T.label?`${V}--haslabel`:"",T.messageType?`${V}--${T.messageType}`:"",T.orientation?`${V}--${T.orientation}`:"",T.rounded?`${V}--rounded`:`${V}--box`,T.required?`${V}--required`:`${V}--optional`]);return a({selectRef:I}),(a,l)=>(t(),i(g,{fluid:e.fluid,orientation:e.orientation},{default:r(()=>[d("span",{class:m(c(w)),style:u(c(L)({color:e.color,variant:e.variant})),"data-testid":e.testId},[e.label?(t(),i(C,{key:0,"css-prefix":V,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):n("",!0),d("span",{class:m(`${V}__select-container`),onClick:R},[p(d("select",{id:e.id,ref:"select-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:m(`${V}__select`),disabled:e.disabled||e.busy,name:e.name,placeholder:e.placeholder,form:e.form,required:e.required,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},[e.options?(t(!0),f(b,{key:0},y(e.options,(a,l)=>(t(),f("option",{key:`${e.id}-option-${l}`,value:a.value,selected:a.value===j.value,disabled:a.disabled},_(a.label),9,M))),128)):n("",!0)],42,F),[[$,j.value]]),d("span",{class:m([`${V}__icon`,"form-select-icon-flex"])},[v(c(X),{name:c(B).ChevronDown,size:k[e.size]},null,8,["name","size"])],2)],2)],14,S),e.id?(t(),i(h,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1},8,["fluid","orientation"]))}});export{V as CLSelect,V as default};
+import{defineComponent as e,mergeModels as a,useModel as l,useTemplateRef as s,computed as o,createBlock as i,openBlock as t,withCtx as r,createElementVNode as d,createCommentVNode as n,normalizeStyle as u,normalizeClass as m,unref as c,withDirectives as p,createElementBlock as f,Fragment as b,renderList as y,toDisplayString as _,vModelSelect as $,createVNode as v}from"vue";import{_ as g,s as L,a as h}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as C}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js";import{_ as X}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-MCaGYSd9.js";import{CLSizes as q,CLIconSizes as x,CLOrientation as z,CLIconNames as B,CLColorVariants as k,CLColors as T}from"../../../index.js";const S=["data-testid"],F=["id","aria-label","disabled","name","placeholder","form","required"],M=["value","selected","disabled"],V=/* @__PURE__ */e({name:"CLSelect",__name:"CLSelect",props:/* @__PURE__ */a({ariaLabel:{},borderRadius:{},busy:{type:Boolean},color:{default:T.Neutral},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},messages:{},messageType:{},name:{},onBlur:{},onChange:{},onFocus:{},orientation:{default:z.Vertical},options:{},placeholder:{},required:{type:Boolean},rounded:{type:Boolean,default:!0},size:{default:q.Small},testId:{default:"clll-select"},variant:{default:k.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const k={[q.Tiny]:x.Tiny,[q.Small]:x.Tiny,[q.Medium]:x.Small,[q.Large]:x.Medium,[q.XL]:x.Medium,[q.XXL]:x.Large,[q.XXXL]:x.Large,[q.XXXXL]:x.XL},T=e,V="clll-select",j=l(e,"modelValue"),I=s("select-ref"),R=()=>{I.value&&I.value.focus()},w=o(()=>[V,T.borderRadius?`${V}--${T.borderRadius}`:"",T.busy?`${V}--busy`:`${V}--ready`,`${V}--${T.color}`,`${V}--${T.size}`,`${V}--${T.variant}`,T.disabled||T.busy?`${V}--disabled`:`${V}--active`,T.fluid||T.orientation===z.Horizontal?`${V}--fluid`:`${V}--fixed`,T.label?`${V}--haslabel`:"",T.messageType?`${V}--${T.messageType}`:"",T.orientation?`${V}--${T.orientation}`:"",T.rounded?`${V}--rounded`:`${V}--box`,T.required?`${V}--required`:`${V}--optional`]);return a({selectRef:I}),(a,l)=>(t(),i(g,{fluid:e.fluid,orientation:e.orientation},{default:r(()=>[d("span",{class:m(c(w)),style:u(c(L)({color:e.color,variant:e.variant})),"data-testid":e.testId},[e.label?(t(),i(C,{key:0,"css-prefix":V,"html-for":e.id,label:e.label,required:e.required,size:e.size},null,8,["html-for","label","required","size"])):n("",!0),d("span",{class:m(`${V}__select-container`),onClick:R},[p(d("select",{id:e.id,ref:"select-ref","onUpdate:modelValue":l[0]||(l[0]=e=>j.value=e),"aria-label":e.ariaLabel,class:m(`${V}__select`),disabled:e.disabled||e.busy,name:e.name,placeholder:e.placeholder,form:e.form,required:e.required,onBlur:l[1]||(l[1]=(...a)=>e.onBlur&&e.onBlur(...a)),onChange:l[2]||(l[2]=(...a)=>e.onChange&&e.onChange(...a)),onFocus:l[3]||(l[3]=(...a)=>e.onFocus&&e.onFocus(...a))},[e.options?(t(!0),f(b,{key:0},y(e.options,(a,l)=>(t(),f("option",{key:`${e.id}-option-${l}`,value:a.value,selected:a.value===j.value,disabled:a.disabled},_(a.label),9,M))),128)):n("",!0)],42,F),[[$,j.value]]),d("span",{class:m([`${V}__icon`,"form-select-icon-flex"])},[v(c(X),{name:c(B).ChevronDown,size:k[e.size]},null,8,["name","size"])],2)],2)],14,S),e.id?(t(),i(h,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):n("",!0)]),_:1},8,["fluid","orientation"]))}});export{V as CLSelect,V as default};

package/dist/components/Indicators/CLBanner/CLBanner.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLBanner.css';
-import{defineComponent as e,computed as t,createBlock as o,openBlock as a,unref as i,withCtx as n,createElementVNode as s,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BHF3fJsf.js";import{_ as m}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-hEXnJ7H1.js";import{_ as f}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js";import{_ as k}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BmjT9fQ_.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLColorVariants as v,CLColors as g,CLAlign as $,CLHeadingTypes as h,CLTextTypes as L,CLSizes as C,CLIconSizes as x,CLIconNames as B}from"../../../index.js";import{a as j}from"../../../chunks/utils-CCWSWRuR.js";const S=["data-testid"],D=/* @__PURE__ */e({name:"CLBanner",__name:"CLBanner",props:{actionLabel:{},align:{default:$.Left},ariaLabel:{},bordered:{type:Boolean,default:!0},borderRadius:{},busy:{type:Boolean,default:!1},color:{default:g.Neutral},height:{default:"auto"},message:{},onAction:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-banner"},title:{},width:{default:"100%"},variant:{default:v.Soft}},setup(e){const g=e,$="clll-banner",D=t(()=>[$,g.actionLabel?`${$}--actionable`:"",g.busy?`${$}--busy`:`${$}--ready`,g.bordered&&g.variant!==v.Ghost?`${$}--bordered`:"",g.borderRadius?`${$}--${g.borderRadius}`:"",g.onDismiss?`${$}--dismissable`:"",`${$}--${g.color}--${g.variant}`,`${$}--align-${g.align}`,g.rounded?`${$}--rounded`:`${$}--box`]);return(t,g)=>(a(),o(i(y),{color:e.color,enabled:!(!e.onClick||!e.ariaLabel),rounded:e.rounded},{default:n(()=>[s("div",{class:r(i(D)),"data-testid":e.testId,style:l({...i(j)({color:e.color,variant:e.variant}),width:e.width,height:e.height})},[s("div",{class:r(`${$}__content`)},[s("div",{class:r(`${$}__nested_content`)},[e.busy?(a(),o(i(k),{key:0,"border-radius":e.borderRadius,height:"28px","test-id":`${$}__skeleton-title`},null,8,["border-radius","test-id"])):u("",!0),e.busy?(a(),o(i(k),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px","test-id":`${$}__skeleton-message`},null,8,["border-radius","test-id"])):u("",!0),e.title&&!e.busy?(a(),o(i(f),{key:2,align:e.align,color:e.color,type:i(h).Section},{default:n(()=>[c(_(e.title),1)]),_:1},8,["align","color","type"])):u("",!0),e.message&&!e.busy?(a(),o(i(p),{key:3,align:e.align,color:e.color,type:i(L).Summary},{default:n(()=>[c(_(e.message),1)]),_:1},8,["align","color","type"])):u("",!0)],2),e.onAction&&e.actionLabel?(a(),d("div",{key:0,class:r(`${$}__action-button`)},[b(i(m),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${$}__action-button`,variant:e.variant===i(v).Solid?i(v).Soft:i(v).Solid},{default:n(()=>[c(_(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):u("",!0)],2),e.onDismiss?(a(),d("div",{key:0,class:r(`${$}__dismiss-button`)},[b(i(m),{"aria-label":"Dismiss banner",color:e.color,"icon-before":i(B).Delete,"icon-size":i(x).Tiny,"on-click":e.onDismiss,size:i(C).Tiny,"test-id":`${$}__dismiss-button`,variant:e.variant},null,8,["color","icon-before","icon-size","on-click","size","test-id","variant"])],2)):u("",!0),e.onClick&&e.ariaLabel?(a(),d("button",{key:1,class:"sr-only","data-expand-click-area":"",onClick:g[0]||(g[0]=(...t)=>e.onClick&&e.onClick(...t))},_(e.ariaLabel),1)):u("",!0)],14,S)]),_:1},8,["color","enabled","rounded"]))}});export{D as CLBanner,D as default};
+import{defineComponent as e,computed as t,createBlock as o,openBlock as a,unref as i,withCtx as n,createElementVNode as s,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BHF3fJsf.js";import{_ as m}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js";import{_ as f}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-CsmrsD6c.js";import{_ as k}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BmjT9fQ_.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLColorVariants as v,CLColors as g,CLAlign as $,CLHeadingTypes as h,CLTextTypes as L,CLSizes as C,CLIconSizes as x,CLIconNames as B}from"../../../index.js";import{a as j}from"../../../chunks/utils-CCWSWRuR.js";const S=["data-testid"],D=/* @__PURE__ */e({name:"CLBanner",__name:"CLBanner",props:{actionLabel:{},align:{default:$.Left},ariaLabel:{},bordered:{type:Boolean,default:!0},borderRadius:{},busy:{type:Boolean,default:!1},color:{default:g.Neutral},height:{default:"auto"},message:{},onAction:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-banner"},title:{},width:{default:"100%"},variant:{default:v.Soft}},setup(e){const g=e,$="clll-banner",D=t(()=>[$,g.actionLabel?`${$}--actionable`:"",g.busy?`${$}--busy`:`${$}--ready`,g.bordered&&g.variant!==v.Ghost?`${$}--bordered`:"",g.borderRadius?`${$}--${g.borderRadius}`:"",g.onDismiss?`${$}--dismissable`:"",`${$}--${g.color}--${g.variant}`,`${$}--align-${g.align}`,g.rounded?`${$}--rounded`:`${$}--box`]);return(t,g)=>(a(),o(i(y),{color:e.color,enabled:!(!e.onClick||!e.ariaLabel),rounded:e.rounded},{default:n(()=>[s("div",{class:r(i(D)),"data-testid":e.testId,style:l({...i(j)({color:e.color,variant:e.variant}),width:e.width,height:e.height})},[s("div",{class:r(`${$}__content`)},[s("div",{class:r(`${$}__nested_content`)},[e.busy?(a(),o(i(k),{key:0,"border-radius":e.borderRadius,height:"28px","test-id":`${$}__skeleton-title`},null,8,["border-radius","test-id"])):u("",!0),e.busy?(a(),o(i(k),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px","test-id":`${$}__skeleton-message`},null,8,["border-radius","test-id"])):u("",!0),e.title&&!e.busy?(a(),o(i(f),{key:2,align:e.align,color:e.color,type:i(h).Section},{default:n(()=>[c(_(e.title),1)]),_:1},8,["align","color","type"])):u("",!0),e.message&&!e.busy?(a(),o(i(p),{key:3,align:e.align,color:e.color,type:i(L).Summary},{default:n(()=>[c(_(e.message),1)]),_:1},8,["align","color","type"])):u("",!0)],2),e.onAction&&e.actionLabel?(a(),d("div",{key:0,class:r(`${$}__action-button`)},[b(i(m),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${$}__action-button`,variant:e.variant===i(v).Solid?i(v).Soft:i(v).Solid},{default:n(()=>[c(_(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):u("",!0)],2),e.onDismiss?(a(),d("div",{key:0,class:r(`${$}__dismiss-button`)},[b(i(m),{"aria-label":"Dismiss banner",color:e.color,"icon-before":i(B).Delete,"icon-size":i(x).Tiny,"on-click":e.onDismiss,size:i(C).Tiny,"test-id":`${$}__dismiss-button`,variant:e.variant},null,8,["color","icon-before","icon-size","on-click","size","test-id","variant"])],2)):u("",!0),e.onClick&&e.ariaLabel?(a(),d("button",{key:1,class:"sr-only","data-expand-click-area":"",onClick:g[0]||(g[0]=(...t)=>e.onClick&&e.onClick(...t))},_(e.ariaLabel),1)):u("",!0)],14,S)]),_:1},8,["color","enabled","rounded"]))}});export{D as CLBanner,D as default};

package/dist/components/Indicators/CLPill/CLPill.css

@@ -1 +1 @@
-.clll-pill{width:fit-content;background-color:var(--clll-pill-bg-color, transparent);border-color:var(--clll-pill-border-color, transparent);border-style:var(--clll-pill-border-style, none);border-width:var(--clll-pill-border-width, 0)}.clll-pill.clll-pill--rounded{position:relative;overflow:hidden;border-radius:var(--clll-rounded-xs);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:var(--clll-pill-theme-radius, var(--clll-rounded-xs))}.clll-pill:not(.clll-pill--rounded){position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill.clll-pill--has-count>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-pill .clll-pill__count{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-count-bg, transparent);border-left-style:var(--clll-pill-count-border-style, none);border-left-color:var(--clll-pill-count-border-color, transparent);border-left-width:var(--clll-pill-count-border-width, 0)}.clll-pill .clll-pill__label{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill .clll-icon{color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill.clll-pill--has-count .clll-pill__label{padding-right:var(--clll-px-s-sm)}.clll-pill.clll-pill--has-icon,.clll-pill.clll-pill--has-icon .clll-pill__label{padding-left:var(--clll-px-xs)}.clll-pill.clll-pill--clickable{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.clll-pill.clll-pill--clickable:hover{background-color:var(--clll-pill-hover-bg, transparent)}.clll-pill.clll-pill--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-pill{position:relative;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;background-color:var(--clll-pill-bg-color, transparent);border-color:var(--clll-pill-border-color, transparent);border-style:var(--clll-pill-border-style, none);border-width:var(--clll-pill-border-width, 0);width:fit-content;overflow:hidden}.clll-pill.clll-pill--rounded .clll-pill__container,.clll-pill.clll-pill--rounded .clll-pill__button{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill.clll-pill--rounded{border-radius:var(--clll-pill-theme-radius, var(--clll-rounded-xs))}.clll-pill:not(.clll-pill--rounded){position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill:not(.clll-pill--rounded) .clll-pill__container,.clll-pill:not(.clll-pill--rounded) .clll-pill__button{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill .clll-pill__count{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-md);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-count-bg, transparent);border-left-style:var(--clll-pill-count-border-style, none);border-left-color:var(--clll-pill-count-border-color, transparent);border-left-width:var(--clll-pill-count-border-width, 0)}.clll-pill .clll-text{padding:var(--clll-py-sm) var(--clll-px-lg);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill .clll-icon{color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill.clll-pill--has-count .clll-pill__container>:not([hidden])~:not([hidden]),.clll-pill.clll-pill--has-count .clll-pill__button>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-pill.clll-pill--has-count .clll-pill__container .clll-text,.clll-pill.clll-pill--has-count .clll-pill__button .clll-text{padding-right:var(--clll-px-s-sm)}.clll-pill.clll-pill--has-icon .clll-pill__container,.clll-pill.clll-pill--has-icon .clll-pill__button,.clll-pill.clll-pill--has-icon .clll-pill__container .clll-text,.clll-pill.clll-pill--has-icon .clll-pill__button .clll-text{padding-left:var(--clll-px-xs)}.clll-pill.clll-pill--dismissable .clll-pill__button{padding-right:var(--clll-px-sm)}.clll-pill .clll-pill__button{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.clll-pill .clll-pill__button:hover{background-color:var(--clll-pill-hover-bg, transparent)}.clll-pill.clll-pill--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}

package/dist/components/Indicators/CLPill/CLPill.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLPill.css';
-import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DCtH-u0_.js";export{e as CLPill,e as default};
+import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B7EJOOmg.js";export{e as CLPill,e as default};

package/dist/components/Indicators/CLPill/CLPill.vue.d.ts

@@ -1,9 +1,11 @@
-import { CLGenericFunction, CLIconNames, CLColors, CLColorVariants } from '../../../types';
+import { CLColors, CLColorVariants, CLIconNames, CLGenericFunction } from '../../../types';
 export interface CLPillProps {
     /** Sets the color of the Pill. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;
     /** The count to display in the Pill. */
     count?: number;
+    /** A boolean value which dictates whether the Pill is dismissable. */
+    dismissable?: boolean;
     /** The `elevated` property displays a shadow to indicate elevation. */
     elevated?: boolean;
     /** Sets the icon which is positioned before the Pill's label. */
@@ -14,6 +16,8 @@ export interface CLPillProps {
     label: string;
     /** A callback function to handle click events. */
     onClick?: CLGenericFunction;
+    /** A callback function to handle when the pill is dismissed. */
+    onDismiss?: CLGenericFunction;
     /** When set to `false` it will not render a Pill with rounded corners. */
     rounded?: boolean;
     /** Sets a custom ID used for unit tests. */
@@ -28,5 +32,5 @@ declare const _default: import('vue').DefineComponent<CLPillProps, {}, {}, {}, {
     testId: string;
     elevated: boolean;
     iconFilled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Modals/CLModal/CLModal.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLModal.css';
-import{_ as a}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DroQPRWC.js";export{a as CLModal,a as default};
+import{_ as a}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-wrr29HDF.js";export{a as CLModal,a as default};

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLModalDatePicker.css';
-import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as o,onMounted as d,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-hEXnJ7H1.js";import{_}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-DroQPRWC.js";import{_ as L}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-BqrGuMVB.js";import{CLSizes as X,CLIconSizes as g,CLIconNames as k,CLBorderRadius as $,CLColorVariants as h,CLColors as C}from"../../../index.js";import{i as w}from"../../../chunks/helper-C542dSLs.js";import{useDatePicker as R}from"../../../composables/useDatePicker.js";const S=["data-testid"],B=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:C.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:h.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},id:{},isRange:{type:Boolean,default:!0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},testId:{default:"clll-date-picker-modal"},title:{default:"Select dates"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,B="clll-date-picker-modal",z=t(!1),V=l(()=>`date-picker-modal-${a.id}`),x=t(),M=o(e,"modelValue"),{rangeLabel:E}=R({appliedStart:l(()=>M.value?.start??null),appliedEnd:l(()=>M.value?.end??null),isRange:a.isRange}),F=t(!1),j=()=>{w&&(F.value=window.innerWidth<480)},P=()=>{if(a.disabled||a.busy)return;j(),z.value=!0,m(()=>{x.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},D=()=>{z.value=!1,x.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},W=()=>{x.value?.apply(),z.value=!1,a.onChange?.()},A=()=>{x.value?.reset(),a.onReset?.()},I=l(()=>F.value);d(()=>{w&&(j(),window.addEventListener("resize",j))}),i(()=>{w&&window.removeEventListener("resize",j)});const N={[X.Tiny]:g.Tiny,[X.Small]:g.Small,[X.Medium]:g.Medium,[X.Large]:g.Large,[X.XL]:g.XL,[X.XXL]:g.XXL,[X.XXXL]:g.XXXL,[X.XXXXL]:g.XXXXL},G=l(()=>[B,a.buttonBorderRadius?`${B}--${a.buttonBorderRadius}`:"",a.busy?`${B}--busy`:`${B}--ready`,`${B}--${a.buttonColor}`,`${B}--${a.buttonSize}`,`${B}--${a.buttonVariant}`,a.disabled||a.busy?`${B}--disabled`:`${B}--active`,a.fluid?`${B}--fluid`:`${B}--fixed`]),T=l(()=>{const e=x.value?.draftStart,t=x.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u("div",{class:r(s(G)),"data-testid":e.testId},[b(s(y),{"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":s(k).Calendar,"icon-size":N[e.buttonSize],"on-click":P,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:c(()=>[f(p(s(E)||e.buttonLabel),1)]),_:1},8,["aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),b(s(_),{"border-radius":s(I)?s($).None:s($).Medium,fullscreen:s(I),"is-open":s(z),"max-width":"336px","modal-id":s(V),"on-close":D,title:e.title},{body:c(()=>[b(s(L),{ref_key:"calendarRef",ref:x,modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),busy:e.busy,disabled:e.disabled,fluid:s(I),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:c(()=>[v("div",{class:r(`${B}__footer-actions`)},[b(s(y),{color:s(C).Neutral,"on-click":D,variant:s(h).Ghost},{default:c(()=>[...t[1]||(t[1]=[f(" Cancel ",-1)])]),_:1},8,["color","variant"]),v("div",{class:r(`${B}__footer-right`)},[b(s(y),{color:s(C).Neutral,disabled:!s(x)?.draftStart&&!s(x)?.draftEnd,"on-click":A,variant:s(h).Ghost},{default:c(()=>[...t[2]||(t[2]=[f(" Reset ",-1)])]),_:1},8,["color","disabled","variant"]),b(s(y),{color:s(C).Primary,disabled:!s(T),"on-click":W},{default:c(()=>[...t[3]||(t[3]=[f(" Apply ",-1)])]),_:1},8,["color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,S))}});export{B as CLModalDatePicker,B as default};
+import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as o,onMounted as d,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js";import{_}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-wrr29HDF.js";import{_ as L}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-US_3N22Q.js";import{CLSizes as X,CLIconSizes as g,CLIconNames as k,CLBorderRadius as $,CLColorVariants as h,CLColors as C}from"../../../index.js";import{i as w}from"../../../chunks/helper-C542dSLs.js";import{useDatePicker as R}from"../../../composables/useDatePicker.js";const S=["data-testid"],B=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:C.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:h.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},id:{},isRange:{type:Boolean,default:!0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},testId:{default:"clll-date-picker-modal"},title:{default:"Select dates"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,B="clll-date-picker-modal",z=t(!1),V=l(()=>`date-picker-modal-${a.id}`),x=t(),M=o(e,"modelValue"),{rangeLabel:E}=R({appliedStart:l(()=>M.value?.start??null),appliedEnd:l(()=>M.value?.end??null),isRange:a.isRange}),F=t(!1),j=()=>{w&&(F.value=window.innerWidth<480)},P=()=>{if(a.disabled||a.busy)return;j(),z.value=!0,m(()=>{x.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},D=()=>{z.value=!1,x.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},W=()=>{x.value?.apply(),z.value=!1,a.onChange?.()},A=()=>{x.value?.reset(),a.onReset?.()},I=l(()=>F.value);d(()=>{w&&(j(),window.addEventListener("resize",j))}),i(()=>{w&&window.removeEventListener("resize",j)});const N={[X.Tiny]:g.Tiny,[X.Small]:g.Small,[X.Medium]:g.Medium,[X.Large]:g.Large,[X.XL]:g.XL,[X.XXL]:g.XXL,[X.XXXL]:g.XXXL,[X.XXXXL]:g.XXXXL},G=l(()=>[B,a.buttonBorderRadius?`${B}--${a.buttonBorderRadius}`:"",a.busy?`${B}--busy`:`${B}--ready`,`${B}--${a.buttonColor}`,`${B}--${a.buttonSize}`,`${B}--${a.buttonVariant}`,a.disabled||a.busy?`${B}--disabled`:`${B}--active`,a.fluid?`${B}--fluid`:`${B}--fixed`]),T=l(()=>{const e=x.value?.draftStart,t=x.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u("div",{class:r(s(G)),"data-testid":e.testId},[b(s(y),{"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":s(k).Calendar,"icon-size":N[e.buttonSize],"on-click":P,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:c(()=>[f(p(s(E)||e.buttonLabel),1)]),_:1},8,["aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),b(s(_),{"border-radius":s(I)?s($).None:s($).Medium,fullscreen:s(I),"is-open":s(z),"max-width":"336px","modal-id":s(V),"on-close":D,title:e.title},{body:c(()=>[b(s(L),{ref_key:"calendarRef",ref:x,modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),busy:e.busy,disabled:e.disabled,fluid:s(I),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:c(()=>[v("div",{class:r(`${B}__footer-actions`)},[b(s(y),{color:s(C).Neutral,"on-click":D,variant:s(h).Ghost},{default:c(()=>[...t[1]||(t[1]=[f(" Cancel ",-1)])]),_:1},8,["color","variant"]),v("div",{class:r(`${B}__footer-right`)},[b(s(y),{color:s(C).Neutral,disabled:!s(x)?.draftStart&&!s(x)?.draftEnd,"on-click":A,variant:s(h).Ghost},{default:c(()=>[...t[2]||(t[2]=[f(" Reset ",-1)])]),_:1},8,["color","disabled","variant"]),b(s(y),{color:s(C).Primary,disabled:!s(T),"on-click":W},{default:c(()=>[...t[3]||(t[3]=[f(" Apply ",-1)])]),_:1},8,["color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,S))}});export{B as CLModalDatePicker,B as default};

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-C9_EwMBi.js";export{e as CLLink,e as default};
+import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-DDtyvg4a.js";export{e as CLLink,e as default};

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,2 +1,2 @@
 import '../../../assets/core.css';
-import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dqr8A_2Z.js";export{a as CLNavLink,a as default};
+import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dm81o6kG.js";export{a as CLNavLink,a as default};

package/dist/components/Navigation/CLNavSection/CLNavSection.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLNavSection.css';
-import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as i,renderList as o,createVNode as s,withCtx as c,createTextVNode as _,toDisplayString as u}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dqr8A_2Z.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLOrientation as f,CLColors as m}from"../../../index.js";const v=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:m.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:f.Horizontal}},setup(e){const f=e,m="clll-nav-section",k=t(()=>[m,`${m}--${f.type}`]);return(t,f)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(i,null,o(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[s(n(d),{id:t.id,"aria-label":t.ariaLabel,color:e.color,external:t.external,href:t.href,rel:t.rel,target:t.target,"on-click":t.onClick},{default:c(()=>[s(n(p),{as:"span"},{default:c(()=>[_(u(t.label),1)]),_:2},1024)]),_:2},1032,["id","aria-label","color","external","href","rel","target","on-click"])]))),128))],10,v))}});export{k as CLNavSection,k as default};
+import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as i,renderList as o,createVNode as s,withCtx as c,createTextVNode as _,toDisplayString as u}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dm81o6kG.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-CMXJdE-D.js";import{CLOrientation as f,CLColors as m}from"../../../index.js";const v=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:m.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:f.Horizontal}},setup(e){const f=e,m="clll-nav-section",k=t(()=>[m,`${m}--${f.type}`]);return(t,f)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(i,null,o(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[s(n(d),{id:t.id,"aria-label":t.ariaLabel,color:e.color,external:t.external,href:t.href,rel:t.rel,target:t.target,"on-click":t.onClick},{default:c(()=>[s(n(p),{as:"span"},{default:c(()=>[_(u(t.label),1)]),_:2},1024)]),_:2},1032,["id","aria-label","color","external","href","rel","target","on-click"])]))),128))],10,v))}});export{k as CLNavSection,k as default};

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
-import{defineComponent as e,ref as o,computed as t,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as b,renderSlot as f}from"vue";import{u as m,a as _,f as v,o as w,s as h}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-hEXnJ7H1.js";import{_ as g}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-BGKjh5vA.js";import{c as B,i as $}from"../../../chunks/helper-C542dSLs.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as x}from"../../../composables/useEsc.js";import{CLPlacement as I,CLIconSizes as k,CLIconNames as E,CLColorVariants as L,CLSizes as C,CLColors as D}from"../../../index.js";const S=["data-testid"],H=["id","aria-labelledby","aria-hidden"],j=/* @__PURE__ */e({name:"CLDropdownMenu",__name:"CLDropdownMenu",props:{buttonAriaLabel:{},buttonBorderRadius:{},buttonBusy:{type:Boolean},buttonColor:{default:D.Secondary},buttonDisabled:{type:Boolean},buttonHeight:{default:"auto"},buttonSize:{default:C.Small},buttonVariant:{default:L.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean},containerBordered:{type:Boolean,default:!0},containerBorderRadius:{},containerElevated:{type:Boolean,default:!1},contentWidth:{default:"auto"},dropdownId:{},iconAfter:{default:E.ChevronDown},iconBefore:{},iconSize:{default:k.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:I.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:I}){const k=e;let E=o(),C=o();const j=o(),O=o(),W=o(k.isOpen),R=o(k.placement),A="clll-dropdown-menu",M=t(()=>"auto"===k.zIndex||B(k.zIndex)?k.zIndex:k.zIndex.toString()),V=e=>{e&&(E.value=e)},G=e=>{e&&(C.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:E,dropdownRef:O,openDropdownHandler:()=>{W.value=!0,k?.onOpenHandler?.(),P(),$&&document.addEventListener("click",Q)},closeDropdownHandler:()=>{W.value=!1,k?.onCloseHandler?.(),$&&document.removeEventListener("click",Q),U(),J()}});I({close:()=>{F(),J(),U()},open:()=>{q()}});const{floatingStyles:K,update:P}=m(j,O,{middleware:[v(),w(10),h()],placement:R,open:W,whileElementsMounted:_}),Q=e=>{W.value&&O.value?.contains(e?.target)&&F()},{clearEventListeners:U}=x({escHandler:F,triggerElem:E});return n(()=>{$&&document.removeEventListener("click",Q),U(),J()}),(o,t)=>(d(),a("div",{class:r([`${A}__menu`]),"data-testid":e.testId},[l(s(y),{id:`${A}__toggle--${e.dropdownId}`,ref_key:"anchor",ref:j,"aria-controls":`${A}--${e.dropdownId}`,"aria-expanded":s(W)||e.isOpen,"aria-label":e.buttonAriaLabel,busy:e.buttonBusy,disabled:e.buttonDisabled||e.buttonBusy,class:r(`${A}__toggle`),color:e.buttonColor,"border-radius":e.buttonBorderRadius,"forward-ref":V,height:e.buttonHeight,"icon-after":e.iconAfter,"icon-before":e.iconBefore,"icon-size":e.iconSize,size:e.buttonSize,"test-id":`${A}__toggle`,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped,"on-click":N},{default:u(()=>[c(p(e.label),1)]),_:1},8,["id","aria-controls","aria-expanded","aria-label","busy","disabled","class","color","border-radius","height","icon-after","icon-before","icon-size","size","test-id","variant","width","wrap"]),s(W)||e.isOpen?(d(),a("div",{key:0,id:`${A}--${e.dropdownId}`,ref_key:"dropdownElem",ref:O,"aria-labelledby":`${A}__toggle--${e.dropdownId}`,"aria-hidden":!(s(W)||e.isOpen),class:r([`${A}__dropdown`,`${A}__dropdown--${s(R)}`]),style:b({...s(K),zIndex:s(M)})},[l(s(g),{bordered:e.containerBordered,"border-radius":e.containerBorderRadius,color:s(D).Neutral,elevated:e.containerElevated,"forward-ref":G,padded:!1,"test-id":`${A}__content`,variant:s(L).Ghost,width:e.contentWidth},{default:u(()=>[f(o.$slots,"content")]),_:3},8,["bordered","border-radius","color","elevated","test-id","variant","width"])],14,H)):i("",!0)],10,S))}});export{j as CLDropdownMenu,j as default};
+import{defineComponent as e,ref as o,computed as t,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as b,renderSlot as f}from"vue";import{u as m,a as _,f as v,o as w,s as h}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqwRXex5.js";import{_ as g}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CMQi_nx9.js";import{c as B,i as $}from"../../../chunks/helper-C542dSLs.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as x}from"../../../composables/useEsc.js";import{CLPlacement as I,CLIconSizes as k,CLIconNames as E,CLColorVariants as L,CLSizes as C,CLColors as D}from"../../../index.js";const S=["data-testid"],H=["id","aria-labelledby","aria-hidden"],j=/* @__PURE__ */e({name:"CLDropdownMenu",__name:"CLDropdownMenu",props:{buttonAriaLabel:{},buttonBorderRadius:{},buttonBusy:{type:Boolean},buttonColor:{default:D.Secondary},buttonDisabled:{type:Boolean},buttonHeight:{default:"auto"},buttonSize:{default:C.Small},buttonVariant:{default:L.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean},containerBordered:{type:Boolean,default:!0},containerBorderRadius:{},containerElevated:{type:Boolean,default:!1},contentWidth:{default:"auto"},dropdownId:{},iconAfter:{default:E.ChevronDown},iconBefore:{},iconSize:{default:k.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:I.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:I}){const k=e;let E=o(),C=o();const j=o(),O=o(),W=o(k.isOpen),R=o(k.placement),A="clll-dropdown-menu",M=t(()=>"auto"===k.zIndex||B(k.zIndex)?k.zIndex:k.zIndex.toString()),V=e=>{e&&(E.value=e)},G=e=>{e&&(C.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:E,dropdownRef:O,openDropdownHandler:()=>{W.value=!0,k?.onOpenHandler?.(),P(),$&&document.addEventListener("click",Q)},closeDropdownHandler:()=>{W.value=!1,k?.onCloseHandler?.(),$&&document.removeEventListener("click",Q),U(),J()}});I({close:()=>{F(),J(),U()},open:()=>{q()}});const{floatingStyles:K,update:P}=m(j,O,{middleware:[v(),w(10),h()],placement:R,open:W,whileElementsMounted:_}),Q=e=>{W.value&&O.value?.contains(e?.target)&&F()},{clearEventListeners:U}=x({escHandler:F,triggerElem:E});return n(()=>{$&&document.removeEventListener("click",Q),U(),J()}),(o,t)=>(d(),a("div",{class:r([`${A}__menu`]),"data-testid":e.testId},[l(s(y),{id:`${A}__toggle--${e.dropdownId}`,ref_key:"anchor",ref:j,"aria-controls":`${A}--${e.dropdownId}`,"aria-expanded":s(W)||e.isOpen,"aria-label":e.buttonAriaLabel,busy:e.buttonBusy,disabled:e.buttonDisabled||e.buttonBusy,class:r(`${A}__toggle`),color:e.buttonColor,"border-radius":e.buttonBorderRadius,"forward-ref":V,height:e.buttonHeight,"icon-after":e.iconAfter,"icon-before":e.iconBefore,"icon-size":e.iconSize,size:e.buttonSize,"test-id":`${A}__toggle`,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped,"on-click":N},{default:u(()=>[c(p(e.label),1)]),_:1},8,["id","aria-controls","aria-expanded","aria-label","busy","disabled","class","color","border-radius","height","icon-after","icon-before","icon-size","size","test-id","variant","width","wrap"]),s(W)||e.isOpen?(d(),a("div",{key:0,id:`${A}--${e.dropdownId}`,ref_key:"dropdownElem",ref:O,"aria-labelledby":`${A}__toggle--${e.dropdownId}`,"aria-hidden":!(s(W)||e.isOpen),class:r([`${A}__dropdown`,`${A}__dropdown--${s(R)}`]),style:b({...s(K),zIndex:s(M)})},[l(s(g),{bordered:e.containerBordered,"border-radius":e.containerBorderRadius,color:s(D).Neutral,elevated:e.containerElevated,"forward-ref":G,padded:!1,"test-id":`${A}__content`,variant:s(L).Ghost,width:e.contentWidth},{default:u(()=>[f(o.$slots,"content")]),_:3},8,["bordered","border-radius","color","elevated","test-id","variant","width"])],14,H)):i("",!0)],10,S))}});export{j as CLDropdownMenu,j as default};

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,3 +1,3 @@
 import '../../../assets/core.css';
 import './CLToast.css';
-import{_ as s}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CtXJMlF9.js";export{s as CLToast,s as default};
+import{_ as s}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BTKkG8MZ.js";export{s as CLToast,s as default};

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,2 +1,2 @@
 import '../../../assets/core.css';
-import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CtXJMlF9.js";import{T as n}from"../../../chunks/context-JmPivI9V.js";const v={class:"clll-toast-provider"},p=/* @__PURE__ */s({name:"CLToastProvider",__name:"CLToastProvider",props:{borderRadius:{},dismissTimer:{},position:{}},setup(s){const p=s,T=i({}),_=i(!1),c=()=>{_.value=!1,T.value={}};return o(n,{visible:_,showToast:s=>{T.value={...s,borderRadius:s.borderRadius??p.borderRadius,dismissTimer:s.dismissTimer??p.dismissTimer,position:s.position??p.position},_.value=!0},hideToast:c}),(s,i)=>(r(),e("div",v,[_.value?(r(),a(u(m),l({key:0},T.value,{"on-dismiss":c}),null,16)):t("",!0),d(s.$slots,"default")]))}});export{p as CLToastProvider,n as ToastInjectionKey,p as default};
+import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BTKkG8MZ.js";import{T as n}from"../../../chunks/context-JmPivI9V.js";const v={class:"clll-toast-provider"},p=/* @__PURE__ */s({name:"CLToastProvider",__name:"CLToastProvider",props:{borderRadius:{},dismissTimer:{},position:{}},setup(s){const p=s,T=i({}),_=i(!1),c=()=>{_.value=!1,T.value={}};return o(n,{visible:_,showToast:s=>{T.value={...s,borderRadius:s.borderRadius??p.borderRadius,dismissTimer:s.dismissTimer??p.dismissTimer,position:s.position??p.position},_.value=!0},hideToast:c}),(s,i)=>(r(),e("div",v,[_.value?(r(),a(u(m),l({key:0},T.value,{"on-dismiss":c}),null,16)):t("",!0),d(s.$slots,"default")]))}});export{p as CLToastProvider,n as ToastInjectionKey,p as default};

package/dist/index.js

@@ -1 +1 @@
-var e=/* @__PURE__ */(e=>(e.Left="left",e.Center="center",e.Right="right",e))(e||{}),r=/* @__PURE__ */(e=>(e.Full="rounded-full",e.Large="rounded-lg",e.Medium="rounded-md",e.None="rounded-none",e.Small="rounded-sm",e.XL="rounded-xl",e.XXL="rounded-2xl",e.XXXL="rounded-3xl",e.XS="rounded-xs",e))(r||{}),a=/* @__PURE__ */(e=>(e.Button="button",e.Submit="submit",e))(a||{}),t=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e))(t||{}),l=/* @__PURE__ */(e=>(e.Primary="primary",e.Secondary="secondary",e.Danger="danger",e.Info="info",e.Neutral="neutral",e.Warning="warning",e.Success="success",e))(l||{}),o=/* @__PURE__ */(e=>(e.Contrast="contrast",e.Ghost="ghost",e.Outline="outline",e.Soft="soft",e.Solid="solid",e.Text="text",e))(o||{}),b=/* @__PURE__ */(e=>(e.Block="block",e.Inline="inline",e))(b||{}),i=/* @__PURE__ */(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e))(i||{}),n=/* @__PURE__ */(e=>(e.Title="title",e.PageTitle="pagetitle",e.Section="section",e.SubSection="subsection",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(n||{}),s=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(s||{}),d=/* @__PURE__ */(e=>(e.Activity="tabler:activity",e.AddressBook="tabler:address-book",e.Adjustments="tabler:adjustments",e.AdjustmentsHorizontal="tabler:adjustments-horizontal",e.Ai="tabler:ai",e.Alarm="tabler:alarm",e.AlarmPlus="tabler:alarm-plus",e.AlertSquare="tabler:alert-square",e.AlertTriangle="tabler:alert-triangle",e.AlignBoxLeftTop="tabler:align-box-left-top",e.AlignBoxLeftMiddle="tabler:align-box-left-middle",e.AlignBoxLeftBottom="tabler:align-box-left-bottom",e.AlignBoxCenterTop="tabler:align-box-center-top",e.AlignBoxCenterMiddle="tabler:align-box-center-middle",e.AlignBoxCenterBottom="tabler:align-box-center-bottom",e.AlignBoxRightTop="tabler:align-box-right-top",e.AlignBoxRightMiddle="tabler:align-box-right-middle",e.AlignBoxRightBottom="tabler:align-box-right-bottom",e.AlignCenter="tabler:align-center",e.AlignLeft="tabler:align-left",e.AlignRight="tabler:align-right",e.AlignJustified="tabler:align-justified",e.Apps="tabler:apps",e.Archive="tabler:archive",e.ArrowBackUp="tabler:arrow-back-up",e.ArrowForwardUp="tabler:arrow-forward-up",e.ArrowBigUpLine="tabler:arrow-big-up-line",e.ArrowBigDownLine="tabler:arrow-big-down-line",e.ArrowBack="tabler:arrow-back",e.ArrowDown="tabler:arrow-down",e.ArrowForward="tabler:arrow-forward",e.ArrowLeft="tabler:arrow-left",e.ArrowRight="tabler:arrow-right",e.ArrowUp="tabler:arrow-up",e.ArrowNarrowDown="tabler:arrow-narrow-down",e.ArrowNarrowLeft="tabler:arrow-narrow-left",e.ArrowNarrowRight="tabler:arrow-narrow-right",e.ArrowNarrowUp="tabler:arrow-narrow-up",e.ArrowsDiagonal="tabler:arrows-diagonal",e.ArrowsDiagonal2="tabler:arrows-diagonal-2",e.ArrowsDiagonalMinimize="tabler:arrows-diagonal-minimize",e.ArrowsDiagonalMinimize2="tabler:arrows-diagonal-minimize-2",e.ArrowsMaximize="tabler:arrows-maximize",e.ArrowsMinimize="tabler:arrows-minimize",e.ArrowsMove="tabler:arrows-move",e.ArrowsSort="tabler:arrows-sort",e.AtSign="tabler:at",e.Auth2fa="tabler:auth-2fa",e.Backspace="tabler:backspace",e.Bed="tabler:bed",e.Bell="tabler:bell",e.BellPlus="tabler:bell-plus",e.Beach="tabler:beach",e.Binoculars="tabler:binoculars",e.Bike="tabler:bike",e.Book="tabler:book",e.Bookmark="tabler:bookmark",e.BorderCorners="tabler:border-corners",e.BoxMargin="tabler:box-margin",e.Brush="tabler:brush",e.BrandApple="tabler:brand-apple",e.BrandAws="tabler:brand-aws",e.BrandCloudflare="tabler:brand-cloudflare",e.BrandFacebook="tabler:brand-facebook-filled",e.BrandGitlab="tabler:brand-gitlab",e.BrandGithub="tabler:brand-github",e.BrandGoogle="tabler:brand-google-filled",e.BrandInstagram="tabler:brand-instagram",e.BrandLinkedIn="tabler:brand-linkedin",e.BrandMastercard="tabler:brand-mastercard",e.BrandNpm="tabler:brand-npm",e.BrandNuxt="tabler:brand-nuxt",e.BrandReact="tabler:brand-react",e.BrandReactNative="tabler:brand-react-native",e.BrandSpotify="tabler:brand-spotify",e.BrandTidal="tabler:brand-tidal",e.BrandTikTok="tabler:brand-tiktok",e.BrandTwitter="tabler:brand-twitter-filled",e.BrandVercel="tabler:brand-vercel",e.BrandVisa="tabler:brand-visa",e.BrandVue="tabler:brand-vue",e.BrandWhatsApp="tabler:brand-whatsapp",e.BrandX="tabler:brand-x",e.BrandYouTube="tabler:brand-youtube-filled",e.BrandWindows="tabler:brand-windows",e.Briefcase="tabler:briefcase",e.Briefcase2="tabler:briefcase-2",e.Broadcast="tabler:broadcast",e.Browser="tabler:browser",e.Building="tabler:building",e.BuildingAirport="tabler:building-airport",e.BuildingBank="tabler:building-bank",e.BuildingCastle="tabler:building-castle",e.BuildingCarousel="tabler:building-carousel",e.BuildingChurch="tabler:building-church",e.BuildingCommunity="tabler:building-community",e.BuildingCottage="tabler:building-cottage",e.BuildingStadium="tabler:building-stadium",e.BuildingStore="tabler:building-store",e.BuildingSkyscraper="tabler:building-skyscraper",e.Bug="tabler:bug",e.Bulb="tabler:bulb",e.Bus="tabler:bus",e.BusinessPlan="tabler:businessplan",e.Calendar="tabler:calendar",e.CalendarPlus="tabler:calendar-plus",e.Calculator="tabler:calculator",e.Camera="tabler:camera",e.Camper="tabler:camper",e.Car="tabler:car",e.CaretDown="tabler:caret-down",e.CaretLeft="tabler:caret-left",e.CaretRight="tabler:caret-right",e.CaretUp="tabler:caret-up",e.CarouselHorizontal="tabler:carousel-horizontal",e.ChartBar="tabler:chart-bar",e.ChartPie="tabler:chart-pie",e.Check="tabler:check",e.ChefHat="tabler:chef-hat",e.ChevronLeft="tabler:chevron-left",e.ChevronsLeft="tabler:chevrons-left",e.ChevronRight="tabler:chevron-right",e.ChevronsRight="tabler:chevrons-right",e.ChevronUp="tabler:chevron-up",e.ChevronsUp="tabler:chevrons-up",e.ChevronDown="tabler:chevron-down",e.ChevronsDown="tabler:chevrons-down",e.Circle="tabler:circle",e.CircleCheck="tabler:circle-check",e.CircleDot="tabler:circle-dot",e.CircleMinus="tabler:circle-minus",e.CircleNumber0="tabler:circle-number-0",e.CircleNumber1="tabler:circle-number-1",e.CircleNumber2="tabler:circle-number-2",e.CircleNumber3="tabler:circle-number-3",e.CircleNumber4="tabler:circle-number-4",e.CircleNumber5="tabler:circle-number-5",e.CircleNumber6="tabler:circle-number-6",e.CircleNumber7="tabler:circle-number-7",e.CircleNumber8="tabler:circle-number-8",e.CircleNumber9="tabler:circle-number-9",e.CirclePlus="tabler:circle-plus",e.Click="tabler:click",e.ClipboardCopy="tabler:clipboard-copy",e.ClipboardText="tabler:clipboard-text",e.Clock="tabler:clock",e.Clock2="tabler:clock-2",e.Cloud="tabler:cloud",e.CloudCheck="tabler:cloud-check",e.CloudComputing="tabler:cloud-computing",e.CloudDataConnection="tabler:cloud-data-connection",e.CloudDown="tabler:cloud-down",e.CloudDownload="tabler:cloud-download",e.CloudUp="tabler:cloud-up",e.CloudUpload="tabler:cloud-upload",e.CloudX="tabler:cloud-x",e.Code="tabler:code",e.Coin="tabler:coin",e.Coins="tabler:coins",e.Columns1="tabler:columns-1",e.Columns2="tabler:columns-2",e.Columns3="tabler:columns-3",e.Command="tabler:command",e.Components="tabler:components",e.Confetti="tabler:confetti",e.Contrast="tabler:contrast",e.Copy="tabler:copy",e.CreditCard="tabler:credit-card",e.Dashboard="tabler:dashboard",e.Database="tabler:database",e.DatabaseExport="tabler:database-export",e.Delete="tabler:x",e.Devices="tabler:devices",e.DevicesDollar="tabler:devices-dollar",e.DeviceDesktop="tabler:device-desktop",e.DeviceGamepad="tabler:device-gamepad",e.DeviceMobile="tabler:device-mobile",e.DeviceTablet="tabler:device-tablet",e.DeviceTv="tabler:device-tv",e.Dialpad="tabler:dialpad",e.DirectionSign="tabler:direction-sign",e.Download="tabler:download",e.DragDrop="tabler:drag-drop",e.EditItem="tabler:edit-circle",e.EditPencil="tabler:edit",e.Email="tabler:mail",e.Equal="tabler:equal",e.ExternalLink="tabler:external-link",e.Eye="tabler:eye",e.EyeOff="tabler:eye-off",e.Error404="tabler:error-404",e.FaceId="tabler:face-id",e.FileText="tabler:file-text",e.FileTypeCss="tabler:file-type-css",e.FileTypeCsv="tabler:file-type-csv",e.FileTypeHtml="tabler:file-type-html",e.FileTypePng="tabler:file-type-png",e.FileTypeJpg="tabler:file-type-jpg",e.FileTypeJs="tabler:file-type-js",e.FileTypeJsx="tabler:file-type-jsx",e.FileTypeSvg="tabler:file-type-svg",e.FileTypeTs="tabler:file-type-ts",e.FileTypeVue="tabler:file-type-vue",e.Filter="tabler:filter",e.Flag="tabler:flag",e.Flag2="tabler:flag-2",e.Flag3="tabler:flag-3",e.Flame="tabler:flame",e.Folder="tabler:folder",e.Forms="tabler:forms",e.Frame="tabler:frame",e.Gps="tabler:gps",e.Gift="tabler:gift",e.Hanger="tabler:hanger",e.HandStop="tabler:hand-stop",e.Heading="tabler:heading",e.Heart="tabler:heart",e.HeartHandShake="tabler:heart-handshake",e.Help="tabler:help",e.HelpCircle="tabler:help-circle",e.HelpSmall="tabler:help-small",e.Home="tabler:home",e.Html="tabler:html",e.Image="tabler:photo",e.Inbox="tabler:inbox",e.InfoCircle="tabler:info-circle",e.InfoSmall="tabler:info-small",e.Grill="tabler:grill",e.GripHorizontal="tabler:grip-horizontal",e.GripVertical="tabler:grip-vertical",e.Key="tabler:key",e.Keyboard="tabler:keyboard",e.Label="tabler:label",e.Layers="tabler:layers-subtract",e.Layout="tabler:layout",e.LayoutBottomBar="tabler:layout-bottombar",e.LayoutDashboard="tabler:layout-dashboard",e.LayoutGrid="tabler:layout-grid",e.LayoutList="tabler:layout-list",e.LayoutNavbar="tabler:layout-navbar",e.LayoutRows="tabler:layout-rows",e.LayoutSidebar="tabler:layout-sidebar",e.LayoutSidebarRight="tabler:layout-sidebar-right",e.Link="tabler:link",e.List="tabler:list",e.ListNumbers="tabler:list-numbers",e.ListTree="tabler:list-tree",e.LoadBalancer="tabler:load-balancer",e.Lock="tabler:lock",e.Location="tabler:location",e.LogIn="tabler:login",e.LogOut="tabler:logout",e.Logs="tabler:logs",e.Luggage="tabler:luggage",e.Map="tabler:map",e.MapPin="tabler:map-pin",e.MapPinPlus="tabler:map-pin-plus",e.MapSearch="tabler:map-search",e.Marquee="tabler:marquee",e.MarqueeOff="tabler:marquee-off",e.Mail="tabler:mail",e.MailPlus="tabler:mail-plus",e.Maximize="tabler:maximize",e.Menu="tabler:menu-2",e.Message="tabler:message",e.Messages="tabler:messages",e.MessageDots="tabler:message-dots",e.MessageOff="tabler:message-off",e.MessagePlus="tabler:message-plus",e.MoneyBag="tabler:moneybag",e.MoodDollar="tabler:mood-dollar",e.MoodHeart="tabler:mood-heart",e.MoodKid="tabler:mood-kid",e.MoodNerd="tabler:mood-nerd",e.MoodNeutral="tabler:mood-neutral",e.MoodPuzzled="tabler:mood-puzzled",e.MoodSadSquint="tabler:mood-sad-squint",e.MoodSmile="tabler:mood-smile",e.MoodTongue="tabler:mood-tongue",e.MoodTongueWink="tabler:mood-tongue-wink",e.MoodTongueWink2="tabler:mood-tongue-wink-2",e.MoodWink2="tabler:mood-wink-2",e.MoodWrrr="tabler:mood-wrrr",e.Moon="tabler:moon",e.Mouse="tabler:mouse",e.MoreHorizontal="tabler:dots",e.MoreVertical="tabler:dots-vertical",e.Movie="tabler:movie",e.Music="tabler:music",e.Notes="tabler:notes",e.NewSection="tabler:new-section",e.Palette="tabler:palette",e.Paint="tabler:paint",e.Pencil="tabler:pencil",e.Percentage="tabler:percentage",e.Photo="tabler:photo",e.PhotoPlus="tabler:photo-plus",e.PhotoScan="tabler:photo-scan",e.Phone="tabler:phone",e.PigMoney="tabler:pig-money",e.Pin="tabler:pin",e.Pinned="tabler:pinned",e.Plane="tabler:plane",e.PlusCircle="tabler:circle-plus",e.Plus="tabler:plus",e.Pointer="tabler:pointer",e.Printer="tabler:printer",e.Progress="tabler:progress",e.ProgressHelp="tabler:progress-help",e.QuestionMark="tabler:question-mark",e.Rectangle="tabler:rectangle",e.Receipt="tabler:receipt",e.Receipt2="tabler:receipt-2",e.Refresh="tabler:refresh",e.Restore="tabler:restore",e.Robot="tabler:robot",e.RobotFace="tabler:robot-face",e.Rocket="tabler:rocket",e.RowInsertTop="tabler:row-insert-top",e.RowInsertBottom="tabler:row-insert-bottom",e.RowRemove="tabler:row-remove",e.Rss="tabler:rss",e.Run="tabler:run",e.Sailboat="tabler:sailboat",e.Scale="tabler:scale",e.School="tabler:school",e.Scissors="tabler:scissors",e.Scoreboard="tabler:scoreboard",e.Seo="tabler:seo",e.ShoppingCart="tabler:shopping-cart",e.ShieldCheck="tabler:shield-check",e.Search="tabler:search",e.Section="tabler:section",e.Select="tabler:select",e.Server="tabler:server",e.Server2="tabler:server-2",e.Settings="tabler:settings",e.Share="tabler:share",e.Share2="tabler:share-2",e.Share3="tabler:share-3",e.Shirt="tabler:shirt",e.Sliders="tabler:adjustments",e.SpeedBoat="tabler:speedboat",e.Sparkles="tabler:sparkles",e.Square="tabler:square",e.SquareCheck="tabler:square-check",e.SquarePlus="tabler:square-plus",e.Stack="tabler:stack",e.Stack2="tabler:stack-2",e.Stack3="tabler:stack-3",e.Stethoscope="tabler:stethoscope",e.Sun="tabler:sun",e.Table="tabler:table",e.Template="tabler:template",e.Terminal="tabler:terminal",e.Terminal2="tabler:terminal-2",e.TextSize="tabler:text-size",e.Ticket="tabler:ticket",e.Timeline="tabler:timeline",e.TimelineEvent="tabler:timeline-event",e.TipJar="tabler:tip-jar",e.ToolsKitchen="tabler:tools-kitchen",e.ToolsKitchen2="tabler:tools-kitchen-2",e.ToolsKitchen3="tabler:tools-kitchen-3",e.Train="tabler:train",e.Trash="tabler:trash",e.TrashCan="tabler:trash",e.TrashOff="tabler:trash-off",e.TrashX="tabler:trash-x",e.Trekking="tabler:trekking",e.Typography="tabler:typography",e.Upload="tabler:upload",e.Urgent="tabler:urgent",e.User="tabler:user",e.UserCancel="tabler:user-cancel",e.UserCheck="tabler:user-check",e.UserPlus="tabler:user-plus",e.UserQuestion="tabler:user-question",e.UserX="tabler:user-x",e.Users="tabler:users",e.UserCircle="tabler:user-circle",e.UsersGroup="tabler:users-group",e.UsersMinus="tabler:users-minus",e.UsersPlus="tabler:users-plus",e.UserSquareRounded="tabler:user-square-rounded",e.Video="tabler:video",e.Walk="tabler:walk",e.Wallet="tabler:wallet",e.Wifi="tabler:wifi",e.WindowMaximize="tabler:window-maximize",e.WindowMinimize="tabler:window-minimize",e.WorldWww="tabler:world-www",e))(d||{}),c=/* @__PURE__ */(e=>(e.Color="color",e.Date="date",e.DateTimeLocal="datetime-local",e.Decimal="decimal",e.Email="email",e.Hidden="hidden",e.File="file",e.None="none",e.Number="number",e.Password="password",e.Search="search",e.Tel="tel",e.Text="text",e.Time="time",e.Url="url",e))(c||{}),u=/* @__PURE__ */(e=>(e.Eager="eager",e.Lazy="lazy",e))(u||{}),g=/* @__PURE__ */(e=>(e.Blank="_blank",e.Self="_self",e))(g||{}),m=/* @__PURE__ */(e=>(e.Danger="danger",e.Default="default",e.Success="success",e.Warning="warning",e))(m||{}),p=/* @__PURE__ */(e=>(e.Dark="dark",e.Light="light",e))(p||{}),h=/* @__PURE__ */(e=>(e.After="after",e.Before="before",e))(h||{}),w=/* @__PURE__ */(e=>(e.Horizontal="horizontal",e.Vertical="vertical",e))(w||{}),f=/* @__PURE__ */(e=>(e.Auto="auto",e.Hidden="hidden",e.Scroll="scroll",e.Visible="visible",e))(f||{}),C=/* @__PURE__ */(e=>(e.Arrows="arrows",e.Dots="dots",e.Hidden="hidden",e.Inline="inline",e.Numbered="numbered",e))(C||{}),x=/* @__PURE__ */(e=>(e.Bottom="bottom",e.BottomEnd="bottom-end",e.BottomStart="bottom-start",e.Left="left",e.LeftEnd="left-end",e.LeftStart="left-start",e.Right="right",e.RightEnd="right-end",e.RightStart="right-start",e.Top="top",e.TopEnd="top-end",e.TopStart="top-start",e))(x||{}),k=/* @__PURE__ */(e=>(e.Absolute="absolute",e.Relative="relative",e))(k||{}),B=/* @__PURE__ */(e=>(e.Bottom="bottom",e.Left="left",e.Right="right",e.Top="top",e))(B||{}),y=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(y||{}),S=/* @__PURE__ */(e=>(e.Condensed="condensed",e.Default="default",e.Plain="plain",e))(S||{}),L=/* @__PURE__ */(e=>(e.Body="body",e.Summary="summary",e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(L||{}),v=/* @__PURE__ */(e=>(e.TopLeft="top-left",e.TopCenter="top-center",e.TopRight="top-right",e.BottomLeft="bottom-left",e.BottomCenter="bottom-center",e.BottomRight="bottom-right",e))(v||{});export{e as CLAlign,r as CLBorderRadius,a as CLButtonTypes,t as CLCardTypes,b as CLCharCounterLayout,o as CLColorVariants,l as CLColors,B as CLDrawerPosition,i as CLHeadingLevels,n as CLHeadingTypes,d as CLIconNames,s as CLIconSizes,c as CLInputTypes,g as CLLinkTarget,u as CLLoading,m as CLMessageType,p as CLMode,h as CLOrder,w as CLOrientation,f as CLOverflow,C as CLPaginationType,x as CLPlacement,k as CLPosition,y as CLSizes,S as CLTableTypes,L as CLTextTypes,v as CLToastPosition};
+var e=/* @__PURE__ */(e=>(e.Left="left",e.Center="center",e.Right="right",e))(e||{}),r=/* @__PURE__ */(e=>(e.Full="rounded-full",e.Large="rounded-lg",e.Medium="rounded-md",e.None="rounded-none",e.Small="rounded-sm",e.XL="rounded-xl",e.XXL="rounded-2xl",e.XXXL="rounded-3xl",e.XS="rounded-xs",e))(r||{}),a=/* @__PURE__ */(e=>(e.Button="button",e.Submit="submit",e))(a||{}),t=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e))(t||{}),l=/* @__PURE__ */(e=>(e.Primary="primary",e.Secondary="secondary",e.Danger="danger",e.Info="info",e.Neutral="neutral",e.Warning="warning",e.Success="success",e))(l||{}),o=/* @__PURE__ */(e=>(e.Contrast="contrast",e.Ghost="ghost",e.Outline="outline",e.Soft="soft",e.Solid="solid",e.Text="text",e))(o||{}),b=/* @__PURE__ */(e=>(e.Block="block",e.Inline="inline",e))(b||{}),i=/* @__PURE__ */(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e))(i||{}),n=/* @__PURE__ */(e=>(e.Title="title",e.PageTitle="pagetitle",e.Section="section",e.SubSection="subsection",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(n||{}),s=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(s||{}),d=/* @__PURE__ */(e=>(e.Activity="tabler:activity",e.AddressBook="tabler:address-book",e.Adjustments="tabler:adjustments",e.AdjustmentsHorizontal="tabler:adjustments-horizontal",e.Ai="tabler:ai",e.Alarm="tabler:alarm",e.AlarmPlus="tabler:alarm-plus",e.AlertSquare="tabler:alert-square",e.AlertTriangle="tabler:alert-triangle",e.AlignBoxLeftTop="tabler:align-box-left-top",e.AlignBoxLeftMiddle="tabler:align-box-left-middle",e.AlignBoxLeftBottom="tabler:align-box-left-bottom",e.AlignBoxCenterTop="tabler:align-box-center-top",e.AlignBoxCenterMiddle="tabler:align-box-center-middle",e.AlignBoxCenterBottom="tabler:align-box-center-bottom",e.AlignBoxRightTop="tabler:align-box-right-top",e.AlignBoxRightMiddle="tabler:align-box-right-middle",e.AlignBoxRightBottom="tabler:align-box-right-bottom",e.AlignCenter="tabler:align-center",e.AlignLeft="tabler:align-left",e.AlignRight="tabler:align-right",e.AlignJustified="tabler:align-justified",e.Apps="tabler:apps",e.Archive="tabler:archive",e.ArrowBackUp="tabler:arrow-back-up",e.ArrowForwardUp="tabler:arrow-forward-up",e.ArrowBigUpLine="tabler:arrow-big-up-line",e.ArrowBigDownLine="tabler:arrow-big-down-line",e.ArrowBack="tabler:arrow-back",e.ArrowDown="tabler:arrow-down",e.ArrowForward="tabler:arrow-forward",e.ArrowLeft="tabler:arrow-left",e.ArrowRight="tabler:arrow-right",e.ArrowUp="tabler:arrow-up",e.ArrowNarrowDown="tabler:arrow-narrow-down",e.ArrowNarrowLeft="tabler:arrow-narrow-left",e.ArrowNarrowRight="tabler:arrow-narrow-right",e.ArrowNarrowUp="tabler:arrow-narrow-up",e.ArrowsDiagonal="tabler:arrows-diagonal",e.ArrowsDiagonal2="tabler:arrows-diagonal-2",e.ArrowsDiagonalMinimize="tabler:arrows-diagonal-minimize",e.ArrowsDiagonalMinimize2="tabler:arrows-diagonal-minimize-2",e.ArrowsMaximize="tabler:arrows-maximize",e.ArrowsMinimize="tabler:arrows-minimize",e.ArrowsMove="tabler:arrows-move",e.ArrowsSort="tabler:arrows-sort",e.AtSign="tabler:at",e.Auth2fa="tabler:auth-2fa",e.Backspace="tabler:backspace",e.Bed="tabler:bed",e.Bell="tabler:bell",e.BellPlus="tabler:bell-plus",e.Beach="tabler:beach",e.Binoculars="tabler:binoculars",e.Bike="tabler:bike",e.Book="tabler:book",e.Bookmark="tabler:bookmark",e.BorderCorners="tabler:border-corners",e.BoxMargin="tabler:box-margin",e.Brush="tabler:brush",e.BrandApple="tabler:brand-apple",e.BrandAws="tabler:brand-aws",e.BrandCloudflare="tabler:brand-cloudflare",e.BrandFacebook="tabler:brand-facebook-filled",e.BrandGitlab="tabler:brand-gitlab",e.BrandGithub="tabler:brand-github",e.BrandGoogle="tabler:brand-google-filled",e.BrandInstagram="tabler:brand-instagram",e.BrandLinkedIn="tabler:brand-linkedin",e.BrandMastercard="tabler:brand-mastercard",e.BrandNpm="tabler:brand-npm",e.BrandNuxt="tabler:brand-nuxt",e.BrandReact="tabler:brand-react",e.BrandReactNative="tabler:brand-react-native",e.BrandSpotify="tabler:brand-spotify",e.BrandTidal="tabler:brand-tidal",e.BrandTikTok="tabler:brand-tiktok",e.BrandTwitter="tabler:brand-twitter-filled",e.BrandVercel="tabler:brand-vercel",e.BrandVisa="tabler:brand-visa",e.BrandVue="tabler:brand-vue",e.BrandWhatsApp="tabler:brand-whatsapp",e.BrandX="tabler:brand-x",e.BrandYouTube="tabler:brand-youtube-filled",e.BrandWindows="tabler:brand-windows",e.Briefcase="tabler:briefcase",e.Briefcase2="tabler:briefcase-2",e.Broadcast="tabler:broadcast",e.Browser="tabler:browser",e.Building="tabler:building",e.BuildingAirport="tabler:building-airport",e.BuildingBank="tabler:building-bank",e.BuildingCastle="tabler:building-castle",e.BuildingCarousel="tabler:building-carousel",e.BuildingChurch="tabler:building-church",e.BuildingCommunity="tabler:building-community",e.BuildingCottage="tabler:building-cottage",e.BuildingStadium="tabler:building-stadium",e.BuildingStore="tabler:building-store",e.BuildingSkyscraper="tabler:building-skyscraper",e.Bug="tabler:bug",e.Bulb="tabler:bulb",e.Bus="tabler:bus",e.BusinessPlan="tabler:businessplan",e.Calendar="tabler:calendar",e.CalendarPlus="tabler:calendar-plus",e.Calculator="tabler:calculator",e.Camera="tabler:camera",e.Camper="tabler:camper",e.Car="tabler:car",e.CaretDown="tabler:caret-down",e.CaretLeft="tabler:caret-left",e.CaretRight="tabler:caret-right",e.CaretUp="tabler:caret-up",e.CarouselHorizontal="tabler:carousel-horizontal",e.ChartBar="tabler:chart-bar",e.ChartPie="tabler:chart-pie",e.Check="tabler:check",e.ChefHat="tabler:chef-hat",e.ChevronLeft="tabler:chevron-left",e.ChevronsLeft="tabler:chevrons-left",e.ChevronRight="tabler:chevron-right",e.ChevronsRight="tabler:chevrons-right",e.ChevronUp="tabler:chevron-up",e.ChevronsUp="tabler:chevrons-up",e.ChevronDown="tabler:chevron-down",e.ChevronsDown="tabler:chevrons-down",e.Circle="tabler:circle",e.CircleCheck="tabler:circle-check",e.CircleDot="tabler:circle-dot",e.CircleMinus="tabler:circle-minus",e.CircleNumber0="tabler:circle-number-0",e.CircleNumber1="tabler:circle-number-1",e.CircleNumber2="tabler:circle-number-2",e.CircleNumber3="tabler:circle-number-3",e.CircleNumber4="tabler:circle-number-4",e.CircleNumber5="tabler:circle-number-5",e.CircleNumber6="tabler:circle-number-6",e.CircleNumber7="tabler:circle-number-7",e.CircleNumber8="tabler:circle-number-8",e.CircleNumber9="tabler:circle-number-9",e.CirclePlus="tabler:circle-plus",e.Click="tabler:click",e.ClipboardCopy="tabler:clipboard-copy",e.ClipboardText="tabler:clipboard-text",e.Clock="tabler:clock",e.Clock2="tabler:clock-2",e.Cloud="tabler:cloud",e.CloudCheck="tabler:cloud-check",e.CloudComputing="tabler:cloud-computing",e.CloudDataConnection="tabler:cloud-data-connection",e.CloudDown="tabler:cloud-down",e.CloudDownload="tabler:cloud-download",e.CloudUp="tabler:cloud-up",e.CloudUpload="tabler:cloud-upload",e.CloudX="tabler:cloud-x",e.Code="tabler:code",e.Coin="tabler:coin",e.Coins="tabler:coins",e.Columns1="tabler:columns-1",e.Columns2="tabler:columns-2",e.Columns3="tabler:columns-3",e.Command="tabler:command",e.Components="tabler:components",e.Confetti="tabler:confetti",e.Contrast="tabler:contrast",e.Copy="tabler:copy",e.CreditCard="tabler:credit-card",e.Dashboard="tabler:dashboard",e.Database="tabler:database",e.DatabaseExport="tabler:database-export",e.Delete="tabler:x",e.Devices="tabler:devices",e.DevicesDollar="tabler:devices-dollar",e.DeviceDesktop="tabler:device-desktop",e.DeviceGamepad="tabler:device-gamepad",e.DeviceMobile="tabler:device-mobile",e.DeviceTablet="tabler:device-tablet",e.DeviceTv="tabler:device-tv",e.Dialpad="tabler:dialpad",e.DirectionSign="tabler:direction-sign",e.Download="tabler:download",e.DragDrop="tabler:drag-drop",e.EditItem="tabler:edit-circle",e.EditPencil="tabler:edit",e.Email="tabler:mail",e.Equal="tabler:equal",e.ExternalLink="tabler:external-link",e.Eye="tabler:eye",e.EyeOff="tabler:eye-off",e.Error404="tabler:error-404",e.FaceId="tabler:face-id",e.FileText="tabler:file-text",e.FileTypeCss="tabler:file-type-css",e.FileTypeCsv="tabler:file-type-csv",e.FileTypeDoc="tabler:file-type-doc",e.FileTypeDocx="tabler:file-type-docx",e.FileTypeHtml="tabler:file-type-html",e.FileTypePdf="tabler:file-type-pdf",e.FileTypePng="tabler:file-type-png",e.FileTypeJpg="tabler:file-type-jpg",e.FileTypeJs="tabler:file-type-js",e.FileTypeJsx="tabler:file-type-jsx",e.FileTypeSvg="tabler:file-type-svg",e.FileTypeTxt="tabler:file-type-txt",e.FileTypeTs="tabler:file-type-ts",e.FileTypeVue="tabler:file-type-vue",e.Filter="tabler:filter",e.Flag="tabler:flag",e.Flag2="tabler:flag-2",e.Flag3="tabler:flag-3",e.Flame="tabler:flame",e.Folder="tabler:folder",e.Forms="tabler:forms",e.Frame="tabler:frame",e.Gps="tabler:gps",e.Gift="tabler:gift",e.Hanger="tabler:hanger",e.HandStop="tabler:hand-stop",e.Heading="tabler:heading",e.Heart="tabler:heart",e.HeartHandShake="tabler:heart-handshake",e.Help="tabler:help",e.HelpCircle="tabler:help-circle",e.HelpSmall="tabler:help-small",e.Home="tabler:home",e.Html="tabler:html",e.Image="tabler:photo",e.Inbox="tabler:inbox",e.InfoCircle="tabler:info-circle",e.InfoSmall="tabler:info-small",e.Grill="tabler:grill",e.GripHorizontal="tabler:grip-horizontal",e.GripVertical="tabler:grip-vertical",e.Key="tabler:key",e.Keyboard="tabler:keyboard",e.Label="tabler:label",e.Layers="tabler:layers-subtract",e.Layout="tabler:layout",e.LayoutBottomBar="tabler:layout-bottombar",e.LayoutDashboard="tabler:layout-dashboard",e.LayoutGrid="tabler:layout-grid",e.LayoutList="tabler:layout-list",e.LayoutNavbar="tabler:layout-navbar",e.LayoutRows="tabler:layout-rows",e.LayoutSidebar="tabler:layout-sidebar",e.LayoutSidebarRight="tabler:layout-sidebar-right",e.Link="tabler:link",e.List="tabler:list",e.ListNumbers="tabler:list-numbers",e.ListTree="tabler:list-tree",e.LoadBalancer="tabler:load-balancer",e.Lock="tabler:lock",e.Location="tabler:location",e.LogIn="tabler:login",e.LogOut="tabler:logout",e.Logs="tabler:logs",e.Luggage="tabler:luggage",e.Map="tabler:map",e.MapPin="tabler:map-pin",e.MapPinPlus="tabler:map-pin-plus",e.MapSearch="tabler:map-search",e.Markdown="tabler:markdown",e.Marquee="tabler:marquee",e.MarqueeOff="tabler:marquee-off",e.Mail="tabler:mail",e.MailPlus="tabler:mail-plus",e.Maximize="tabler:maximize",e.Menu="tabler:menu-2",e.Message="tabler:message",e.Messages="tabler:messages",e.MessageDots="tabler:message-dots",e.MessageOff="tabler:message-off",e.MessagePlus="tabler:message-plus",e.MoneyBag="tabler:moneybag",e.MoodDollar="tabler:mood-dollar",e.MoodHeart="tabler:mood-heart",e.MoodKid="tabler:mood-kid",e.MoodNerd="tabler:mood-nerd",e.MoodNeutral="tabler:mood-neutral",e.MoodPuzzled="tabler:mood-puzzled",e.MoodSadSquint="tabler:mood-sad-squint",e.MoodSmile="tabler:mood-smile",e.MoodTongue="tabler:mood-tongue",e.MoodTongueWink="tabler:mood-tongue-wink",e.MoodTongueWink2="tabler:mood-tongue-wink-2",e.MoodWink2="tabler:mood-wink-2",e.MoodWrrr="tabler:mood-wrrr",e.Moon="tabler:moon",e.Mouse="tabler:mouse",e.MoreHorizontal="tabler:dots",e.MoreVertical="tabler:dots-vertical",e.Movie="tabler:movie",e.Music="tabler:music",e.Notes="tabler:notes",e.NewSection="tabler:new-section",e.Palette="tabler:palette",e.Paint="tabler:paint",e.Pencil="tabler:pencil",e.Percentage="tabler:percentage",e.Photo="tabler:photo",e.PhotoPlus="tabler:photo-plus",e.PhotoScan="tabler:photo-scan",e.Phone="tabler:phone",e.PigMoney="tabler:pig-money",e.Pin="tabler:pin",e.Pinned="tabler:pinned",e.Plane="tabler:plane",e.PlusCircle="tabler:circle-plus",e.Plus="tabler:plus",e.Pointer="tabler:pointer",e.Printer="tabler:printer",e.Progress="tabler:progress",e.ProgressHelp="tabler:progress-help",e.QuestionMark="tabler:question-mark",e.Rectangle="tabler:rectangle",e.Receipt="tabler:receipt",e.Receipt2="tabler:receipt-2",e.Refresh="tabler:refresh",e.Restore="tabler:restore",e.Robot="tabler:robot",e.RobotFace="tabler:robot-face",e.Rocket="tabler:rocket",e.RowInsertTop="tabler:row-insert-top",e.RowInsertBottom="tabler:row-insert-bottom",e.RowRemove="tabler:row-remove",e.Rss="tabler:rss",e.Run="tabler:run",e.Sailboat="tabler:sailboat",e.Scale="tabler:scale",e.School="tabler:school",e.Scissors="tabler:scissors",e.Scoreboard="tabler:scoreboard",e.Seo="tabler:seo",e.ShoppingCart="tabler:shopping-cart",e.ShieldCheck="tabler:shield-check",e.Search="tabler:search",e.Section="tabler:section",e.Select="tabler:select",e.Server="tabler:server",e.Server2="tabler:server-2",e.Settings="tabler:settings",e.Share="tabler:share",e.Share2="tabler:share-2",e.Share3="tabler:share-3",e.Shirt="tabler:shirt",e.Sliders="tabler:adjustments",e.SpeedBoat="tabler:speedboat",e.Sparkles="tabler:sparkles",e.Square="tabler:square",e.SquareCheck="tabler:square-check",e.SquarePlus="tabler:square-plus",e.Stack="tabler:stack",e.Stack2="tabler:stack-2",e.Stack3="tabler:stack-3",e.Stethoscope="tabler:stethoscope",e.Sun="tabler:sun",e.Table="tabler:table",e.Tag="tabler:tag",e.TagMinus="tabler:tag-minus",e.TagPlus="tabler:tag-plus",e.Tags="tabler:tags",e.Template="tabler:template",e.Terminal="tabler:terminal",e.Terminal2="tabler:terminal-2",e.TextSize="tabler:text-size",e.Ticket="tabler:ticket",e.Timeline="tabler:timeline",e.TimelineEvent="tabler:timeline-event",e.TipJar="tabler:tip-jar",e.ToolsKitchen="tabler:tools-kitchen",e.ToolsKitchen2="tabler:tools-kitchen-2",e.ToolsKitchen3="tabler:tools-kitchen-3",e.Train="tabler:train",e.Trash="tabler:trash",e.TrashCan="tabler:trash",e.TrashOff="tabler:trash-off",e.TrashX="tabler:trash-x",e.Trekking="tabler:trekking",e.Typography="tabler:typography",e.Upload="tabler:upload",e.Urgent="tabler:urgent",e.User="tabler:user",e.UserCancel="tabler:user-cancel",e.UserCheck="tabler:user-check",e.UserPlus="tabler:user-plus",e.UserQuestion="tabler:user-question",e.UserX="tabler:user-x",e.Users="tabler:users",e.UserCircle="tabler:user-circle",e.UsersGroup="tabler:users-group",e.UsersMinus="tabler:users-minus",e.UsersPlus="tabler:users-plus",e.UserSquareRounded="tabler:user-square-rounded",e.Video="tabler:video",e.Walk="tabler:walk",e.Wallet="tabler:wallet",e.Wifi="tabler:wifi",e.WindowMaximize="tabler:window-maximize",e.WindowMinimize="tabler:window-minimize",e.WorldWww="tabler:world-www",e))(d||{}),c=/* @__PURE__ */(e=>(e.Color="color",e.Date="date",e.DateTimeLocal="datetime-local",e.Decimal="decimal",e.Email="email",e.Hidden="hidden",e.File="file",e.None="none",e.Number="number",e.Password="password",e.Search="search",e.Tel="tel",e.Text="text",e.Time="time",e.Url="url",e))(c||{}),u=/* @__PURE__ */(e=>(e.Eager="eager",e.Lazy="lazy",e))(u||{}),g=/* @__PURE__ */(e=>(e.Blank="_blank",e.Self="_self",e))(g||{}),m=/* @__PURE__ */(e=>(e.Danger="danger",e.Default="default",e.Success="success",e.Warning="warning",e))(m||{}),p=/* @__PURE__ */(e=>(e.Dark="dark",e.Light="light",e))(p||{}),h=/* @__PURE__ */(e=>(e.After="after",e.Before="before",e))(h||{}),f=/* @__PURE__ */(e=>(e.Horizontal="horizontal",e.Vertical="vertical",e))(f||{}),w=/* @__PURE__ */(e=>(e.Auto="auto",e.Hidden="hidden",e.Scroll="scroll",e.Visible="visible",e))(w||{}),x=/* @__PURE__ */(e=>(e.Arrows="arrows",e.Dots="dots",e.Hidden="hidden",e.Inline="inline",e.Numbered="numbered",e))(x||{}),C=/* @__PURE__ */(e=>(e.Bottom="bottom",e.BottomEnd="bottom-end",e.BottomStart="bottom-start",e.Left="left",e.LeftEnd="left-end",e.LeftStart="left-start",e.Right="right",e.RightEnd="right-end",e.RightStart="right-start",e.Top="top",e.TopEnd="top-end",e.TopStart="top-start",e))(C||{}),k=/* @__PURE__ */(e=>(e.Absolute="absolute",e.Relative="relative",e))(k||{}),y=/* @__PURE__ */(e=>(e.Bottom="bottom",e.Left="left",e.Right="right",e.Top="top",e))(y||{}),B=/* @__PURE__ */(e=>(e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(B||{}),S=/* @__PURE__ */(e=>(e.Condensed="condensed",e.Default="default",e.Plain="plain",e))(S||{}),T=/* @__PURE__ */(e=>(e.Body="body",e.Summary="summary",e.Tiny="tiny",e.Small="small",e.Medium="medium",e.Large="large",e.XL="xlarge",e.XXL="xxlarge",e.XXXL="xxxlarge",e.XXXXL="xxxxlarge",e))(T||{}),L=/* @__PURE__ */(e=>(e.TopLeft="top-left",e.TopCenter="top-center",e.TopRight="top-right",e.BottomLeft="bottom-left",e.BottomCenter="bottom-center",e.BottomRight="bottom-right",e))(L||{});export{e as CLAlign,r as CLBorderRadius,a as CLButtonTypes,t as CLCardTypes,b as CLCharCounterLayout,o as CLColorVariants,l as CLColors,y as CLDrawerPosition,i as CLHeadingLevels,n as CLHeadingTypes,d as CLIconNames,s as CLIconSizes,c as CLInputTypes,g as CLLinkTarget,u as CLLoading,m as CLMessageType,p as CLMode,h as CLOrder,f as CLOrientation,w as CLOverflow,x as CLPaginationType,C as CLPlacement,k as CLPosition,B as CLSizes,S as CLTableTypes,T as CLTextTypes,L as CLToastPosition};