@codeandfunction/callaloo 4.9.4 → 4.9.6

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

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

package/dist/components/Containers/CLDrawer/CLDrawer.js

@@ -1,121 +1,3 @@
 import '../../../assets/core.css';
 import './CLDrawer.css';
-import { defineComponent as q, useTemplateRef as G, ref as w, computed as i, watch as J, onMounted as K, onBeforeUnmount as Q, createElementBlock as $, createCommentVNode as E, unref as u, openBlock as M, normalizeStyle as h, normalizeClass as C, createElementVNode as X, renderSlot as Y } from "vue";
-import { CLDrawerPosition as v } from "../../../index.js";
-import { a as ee } from "../../../chunks/utils-BjZURPWx.js";
-import { useEsc as te } from "../../../composables/useEsc.js";
-import { SizeDimension as O, useElementSize as ne, SizeMode as k } from "../../../composables/useElementSize.js";
-import { c as P, i as s, g as V, a as S } from "../../../chunks/helper-qUkciePY.js";
-const oe = ["data-testid"], de = /* @__PURE__ */ q({
-  name: "CLDrawer",
-  __name: "CLDrawer",
-  props: {
-    autoSize: { type: Boolean, default: !1 },
-    dismissible: { type: Boolean, default: !0 },
-    isOpen: { type: Boolean, default: !1 },
-    onClose: { type: Function, default: void 0 },
-    overlay: { type: Boolean, default: !0 },
-    position: { default: v.Left },
-    snapPoint: { default: 1 },
-    testId: { default: "clll-drawer" },
-    zIndex: { default: 100 }
-  },
-  emits: ["drawer-open", "drawer-close"],
-  setup(p, { emit: H }) {
-    const g = H, r = G("drawer-content"), d = 300, l = w(!1), t = w(), z = w(0), f = w(!1), T = i(() => e.isOpen || f.value), e = p, c = "clll-drawer", L = "clll-prevent-scroll", _ = i(() => e.position === v.Top || e.position === v.Bottom ? O.Height : O.Width), { size: R, destroy: Z } = ne({
-      elementRef: r,
-      dimension: _.value,
-      mode: e.autoSize ? k.Auto : k.Percentage,
-      snapPoint: e.snapPoint,
-      observeChanges: !0,
-      debounceDelay: 50,
-      isActive: i(() => e.isOpen && l.value)
-    }), B = () => {
-      s && window?.document.body.classList.add(L);
-    }, b = () => {
-      s && window?.document.body.classList.remove(L);
-    }, A = i(() => [
-      c,
-      `${c}--${e.position}`,
-      l.value ? `${c}--mounted` : ""
-    ]), N = i(() => [
-      `${c}__content`,
-      `${c}__content--${e.position}`
-    ]), D = i(() => {
-      if (e.zIndex === "auto") return e.zIndex;
-      const n = P(e.zIndex) ? parseInt(e.zIndex, 10) : e.zIndex;
-      return n > 0 ? n.toString() : z.value.toString();
-    }), U = i(() => ((P(e.zIndex) ? parseInt(e.zIndex, 10) : e.zIndex) - 1).toString()), W = i(() => {
-      const n = e.position === v.Top || e.position === v.Bottom, o = n ? "height" : "width", a = {
-        zIndex: D.value,
-        [o]: R.value
-      };
-      return e.autoSize && (n ? a.maxHeight = "100dvh" : a.maxWidth = "100vw"), a;
-    }), F = (n) => {
-      try {
-        const o = n?.target, a = r.value;
-        return !!(s && a && !a.contains(o));
-      } catch (o) {
-        return console.error(o), !1;
-      }
-    }, y = (n) => {
-      try {
-        F(n) && (s && window.removeEventListener("mousedown", y), I());
-      } catch (o) {
-        console.error(o);
-      }
-    }, x = () => {
-      s && window.removeEventListener("mousedown", y);
-    }, m = () => {
-      s && (t.value && t.value.stop(), x(), b(), f.value = !1, Z());
-    }, I = () => {
-      e.isOpen && (f.value = !0, l.value = !1, s ? (t.value && t.value.stop(), t.value || (t.value = S()), t.value.start(d, (n) => {
-        Math.min(n, d) === d && (t.value?.stop(), e.onClose?.(), m());
-      })) : (e.onClose?.(), m()));
-    };
-    J(() => e.isOpen, (n) => {
-      n ? (f.value = !1, g("drawer-open"), B(), s && (z.value = V() + 1, t.value || (t.value = S()), t.value.start(100, (o) => {
-        Math.min(o, 100) === 100 && (t.value?.stop(), l.value = !0, e.dismissible && (x(), setTimeout(() => {
-          s && window.addEventListener("mousedown", y);
-        }, 100)));
-      }), r.value && r.value.focus())) : (f.value = !0, r.value && r.value.blur(), b(), x(), t.value ? (l.value = !1, t.value.start(d, (o) => {
-        Math.min(o, d) === d && (t.value?.stop(), e.onClose?.(), m());
-      })) : (l.value = !1, e.onClose?.(), m()), g("drawer-close"));
-    }), K(() => {
-      e.isOpen && s && (B(), z.value = V() + 1, t.value || (t.value = S()), t.value.start(100, (n) => {
-        Math.min(n, 100) === 100 && (t.value?.stop(), l.value = !0);
-      }), r.value && r.value.focus());
-    });
-    const { clearEventListeners: j } = te({
-      escHandler: e.dismissible ? I : void 0
-    });
-    return Q(() => {
-      m(), j(), t.value && t.value.stop();
-    }), (n, o) => u(T) ? (M(), $("div", {
-      key: 0,
-      class: C(u(A)),
-      "data-testid": p.testId,
-      style: h({ ...u(ee)(), zIndex: u(D) })
-    }, [
-      X("div", {
-        ref: "drawer-content",
-        class: C(u(N)),
-        style: h(u(W)),
-        role: "dialog",
-        tabindex: -1
-      }, [
-        Y(n.$slots, "default")
-      ], 6),
-      p.overlay ? (M(), $("div", {
-        key: 0,
-        class: C(`${c}__overlay`),
-        style: h({ zIndex: u(U) }),
-        onClick: o[0] || (o[0] = (a) => p.dismissible ? I() : void 0)
-      }, null, 6)) : E("", !0)
-    ], 14, oe)) : E("", !0);
-  }
-});
-export {
-  de as CLDrawer,
-  de as default
-};
+import{defineComponent as e,useTemplateRef as t,ref as o,computed as a,watch as s,onMounted as n,onBeforeUnmount as l,createElementBlock as i,createCommentVNode as u,unref as r,openBlock as d,normalizeStyle as v,normalizeClass as p,createElementVNode as c,renderSlot as m}from"vue";import{CLDrawerPosition as w}from"../../../index.js";import{a as f}from"../../../chunks/utils-Dst7nzvj.js";import{useEsc as y}from"../../../composables/useEsc.js";import{SizeDimension as h,useElementSize as x,SizeMode as z}from"../../../composables/useElementSize.js";import{c as I,i as b,g,a as C}from"../../../chunks/helper-C542dSLs.js";const L=["data-testid"],$=/* @__PURE__ */e({name:"CLDrawer",__name:"CLDrawer",props:{autoSize:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},isOpen:{type:Boolean,default:!1},onClose:{type:Function,default:void 0},overlay:{type:Boolean,default:!0},position:{default:w.Left},snapPoint:{default:1},testId:{default:"clll-drawer"},zIndex:{default:100}},emits:["drawer-open","drawer-close"],setup(e,{emit:$}){const _=$,S=t("drawer-content"),k=300,B=o(!1),E=o(),O=o(0),j=o(!1),D=a(()=>M.isOpen||j.value),M=e,P="clll-drawer",H="clll-prevent-scroll",T=a(()=>M.position===w.Top||M.position===w.Bottom?h.Height:h.Width),{size:A,destroy:W}=x({elementRef:S,dimension:T.value,mode:M.autoSize?z.Auto:z.Percentage,snapPoint:M.snapPoint,observeChanges:!0,debounceDelay:50,isActive:a(()=>M.isOpen&&B.value)}),F=()=>{b&&window?.document.body.classList.add(H)},R=()=>{b&&window?.document.body.classList.remove(H)},q=a(()=>[P,`${P}--${M.position}`,B.value?`${P}--mounted`:""]),G=a(()=>[`${P}__content`,`${P}__content--${M.position}`]),J=a(()=>{if("auto"===M.zIndex)return M.zIndex;const e=I(M.zIndex)?parseInt(M.zIndex,10):M.zIndex;return e>0?e.toString():O.value.toString()}),K=a(()=>((I(M.zIndex)?parseInt(M.zIndex,10):M.zIndex)-1).toString()),N=a(()=>{const e=M.position===w.Top||M.position===w.Bottom,t=e?"height":"width",o={zIndex:J.value,[t]:A.value};return M.autoSize&&(e?o.maxHeight="100dvh":o.maxWidth="100vw"),o}),Q=e=>{try{(e=>{try{const t=e?.target,o=S.value;return!(!b||!o||o.contains(t))}catch(t){return console.error(t),!1}})(e)&&(b&&window.removeEventListener("mousedown",Q),X())}catch(t){console.error(t)}},U=()=>{b&&window.removeEventListener("mousedown",Q)},V=()=>{b&&(E.value&&E.value.stop(),U(),R(),j.value=!1,W())},X=()=>{M.isOpen&&(j.value=!0,B.value=!1,b?(E.value&&E.value.stop(),E.value||(E.value=C()),E.value.start(k,e=>{Math.min(e,k)===k&&(E.value?.stop(),M.onClose?.(),V())})):(M.onClose?.(),V()))};s(()=>M.isOpen,e=>{e?(j.value=!1,_("drawer-open"),F(),b&&(O.value=g()+1,E.value||(E.value=C()),E.value.start(100,e=>{100===Math.min(e,100)&&(E.value?.stop(),B.value=!0,M.dismissible&&(U(),setTimeout(()=>{b&&window.addEventListener("mousedown",Q)},100)))}),S.value&&S.value.focus())):(j.value=!0,S.value&&S.value.blur(),R(),U(),E.value?(B.value=!1,E.value.start(k,e=>{Math.min(e,k)===k&&(E.value?.stop(),M.onClose?.(),V())})):(B.value=!1,M.onClose?.(),V()),_("drawer-close"))}),n(()=>{M.isOpen&&b&&(F(),O.value=g()+1,E.value||(E.value=C()),E.value.start(100,e=>{100===Math.min(e,100)&&(E.value?.stop(),B.value=!0)}),S.value&&S.value.focus())});const{clearEventListeners:Y}=y({escHandler:M.dismissible?X:void 0});return l(()=>{V(),Y(),E.value&&E.value.stop()}),(t,o)=>r(D)?(d(),i("div",{key:0,class:p(r(q)),"data-testid":e.testId,style:v({...r(f)(),zIndex:r(J)})},[c("div",{ref:"drawer-content",class:p(r(G)),style:v(r(N)),role:"dialog",tabindex:-1},[m(t.$slots,"default")],6),e.overlay?(d(),i("div",{key:0,class:p(`${P}__overlay`),style:v({zIndex:r(K)}),onClick:o[0]||(o[0]=t=>e.dismissible?X():void 0)},null,6)):u("",!0)],14,L)):u("",!0)}});export{$ as CLDrawer,$ as default};

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

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

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

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