@codeandfunction/callaloo 4.9.4 → 4.9.5

package/dist/components/Form/CLRadioButton/CLRadioButton.js

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

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

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

@@ -1,152 +1,4 @@
 import '../../../assets/core.css';
 import './CLTextArea.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as $, mergeModels as b, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as d, createCommentVNode as s, normalizeStyle as z, normalizeClass as m, unref as c, withDirectives as v, vModelText as k } from "vue";
-import { _ as T, i as q, a as V } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js";
-import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CIQxM6aH.js";
-import { _ as I } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { CLOrientation as f, CLCharCounterLayout as F, CLColorVariants as R, CLSizes as M, CLColors as S } from "../../../index.js";
-const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], j = /* @__PURE__ */ $({
-  name: "CLTextArea",
-  __name: "CLTextArea",
-  props: /* @__PURE__ */ b({
-    ariaLabel: {},
-    autoComplete: { type: Boolean },
-    borderRadius: {},
-    busy: { type: Boolean },
-    charCounter: { type: Boolean },
-    color: { default: S.Neutral },
-    cols: {},
-    disabled: { type: Boolean },
-    fluid: { type: Boolean, default: !1 },
-    form: {},
-    id: {},
-    label: {},
-    maxLength: {},
-    messages: {},
-    messageType: {},
-    minLength: {},
-    name: {},
-    onBlur: {},
-    onChange: {},
-    onFocus: {},
-    onInput: {},
-    orientation: { default: f.Vertical },
-    pattern: {},
-    placeholder: {},
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    resizable: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !0 },
-    rows: {},
-    size: { default: M.Small },
-    spellCheck: { type: Boolean },
-    testId: { default: "clll-textarea" },
-    variant: { default: R.Outline }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e, { expose: h }) {
-    const t = e, a = "clll-textarea", u = x("textarea-ref"), o = C(e, "modelValue"), y = () => {
-      u.value && u.value.focus();
-    }, g = L(() => [
-      a,
-      t.borderRadius ? `${a}--${t.borderRadius}` : "",
-      t.busy ? `${a}--busy` : `${a}--ready`,
-      `${a}--${t.color}`,
-      `${a}--${t.size}`,
-      `${a}--${t.variant}`,
-      t.disabled || t.busy ? `${a}--disabled` : `${a}--active`,
-      t.charCounter && t.maxLength ? `${a}--hascharcounter` : "",
-      t.fluid || t.orientation === f.Horizontal ? `${a}--fluid` : `${a}--fixed`,
-      t.label ? `${a}--haslabel` : "",
-      t.messageType ? `${a}--${t.messageType}` : "",
-      t.orientation ? `${a}--${t.orientation}` : "",
-      t.resizable ? `${a}--resizable` : "",
-      t.readonly ? `${a}--readonly` : `${a}--writeable`,
-      t.rounded ? `${a}--rounded` : `${a}--box`,
-      t.required ? `${a}--required` : `${a}--optional`
-    ]);
-    return h({
-      textareaRef: u
-    }), (H, l) => (r(), i(T, {
-      fluid: e.fluid,
-      "has-char-counter": !!(e.charCounter && e.maxLength),
-      orientation: e.orientation
-    }, {
-      default: B(() => [
-        d("span", {
-          class: m(c(g)),
-          style: z(c(q)({ color: e.color, variant: e.variant })),
-          "data-testid": e.testId
-        }, [
-          e.label ? (r(), i(w, {
-            key: 0,
-            "css-prefix": a,
-            "html-for": e.id,
-            label: e.label,
-            required: e.required,
-            size: e.size
-          }, null, 8, ["html-for", "label", "required", "size"])) : s("", !0),
-          d("span", {
-            class: m(`${a}__input-container`),
-            onClick: y
-          }, [
-            v(d("textarea", {
-              id: e.id,
-              ref: "textarea-ref",
-              "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
-              "aria-label": e.ariaLabel,
-              autocomplete: e.autoComplete ? "on" : "off",
-              class: m(`${a}__input`),
-              cols: e.cols,
-              disabled: e.disabled || e.busy,
-              form: e.form,
-              maxlength: e.maxLength,
-              minlength: e.minLength,
-              name: e.name,
-              pattern: e.pattern,
-              placeholder: e.placeholder,
-              readonly: e.readonly,
-              required: e.required,
-              spellcheck: e.spellCheck,
-              rows: e.rows,
-              onBlur: l[1] || (l[1] = //@ts-ignore
-              (...n) => e.onBlur && e.onBlur(...n)),
-              onChange: l[2] || (l[2] = //@ts-ignore
-              (...n) => e.onChange && e.onChange(...n)),
-              onFocus: l[3] || (l[3] = //@ts-ignore
-              (...n) => e.onFocus && e.onFocus(...n)),
-              onInput: l[4] || (l[4] = //@ts-ignore
-              (...n) => e.onInput && e.onInput(...n))
-            }, null, 42, N), [
-              [k, o.value]
-            ])
-          ], 2),
-          e.charCounter && e.maxLength ? (r(), i(I, {
-            key: 1,
-            "css-prefix": a,
-            "current-length": o.value ? o.value.toString().length : 0,
-            "max-length": e.maxLength,
-            color: e.color,
-            size: e.size,
-            layout: c(F).Block
-          }, null, 8, ["current-length", "max-length", "color", "size", "layout"])) : s("", !0)
-        ], 14, A),
-        e.id ? (r(), i(V, {
-          key: 0,
-          id: e.id,
-          messages: e.messages,
-          "message-type": e.messageType
-        }, null, 8, ["id", "messages", "message-type"])) : s("", !0)
-      ]),
-      _: 1
-    }, 8, ["fluid", "has-char-counter", "orientation"]));
-  }
-});
-export {
-  j as CLTextArea,
-  j as default
-};
+import{defineComponent as e,mergeModels as a,useTemplateRef as l,useModel as o,computed as t,createBlock as r,openBlock as n,withCtx as s,createElementVNode as i,createCommentVNode as u,normalizeStyle as d,normalizeClass as p,unref as m,withDirectives as c,vModelText as h}from"vue";import{_ as y,i as f,a as g}from"../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DCByJ7MB.js";import{_ as b}from"../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BPwFZq94.js";import{_ as $}from"../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-BYHbqaf0.js";import{CLOrientation as x,CLCharCounterLayout as _,CLColorVariants as C,CLSizes as v,CLColors as L}from"../../../index.js";const B=["data-testid"],k=["id","aria-label","autocomplete","cols","disabled","form","maxlength","minlength","name","pattern","placeholder","readonly","required","spellcheck","rows"],z=/* @__PURE__ */e({name:"CLTextArea",__name:"CLTextArea",props:/* @__PURE__ */a({ariaLabel:{},autoComplete:{type:Boolean},borderRadius:{},busy:{type:Boolean},charCounter:{type:Boolean},color:{default:L.Neutral},cols:{},disabled:{type:Boolean},fluid:{type:Boolean,default:!1},form:{},id:{},label:{},maxLength:{},messages:{},messageType:{},minLength:{},name:{},onBlur:{},onChange:{},onFocus:{},onInput:{},orientation:{default:x.Vertical},pattern:{},placeholder:{},readonly:{type:Boolean},required:{type:Boolean},resizable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},rows:{},size:{default:v.Small},spellCheck:{type:Boolean},testId:{default:"clll-textarea"},variant:{default:C.Outline}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:a}){const C=e,v="clll-textarea",L=l("textarea-ref"),z=o(e,"modelValue"),q=()=>{L.value&&L.value.focus()},I=t(()=>[v,C.borderRadius?`${v}--${C.borderRadius}`:"",C.busy?`${v}--busy`:`${v}--ready`,`${v}--${C.color}`,`${v}--${C.size}`,`${v}--${C.variant}`,C.disabled||C.busy?`${v}--disabled`:`${v}--active`,C.charCounter&&C.maxLength?`${v}--hascharcounter`:"",C.fluid||C.orientation===x.Horizontal?`${v}--fluid`:`${v}--fixed`,C.label?`${v}--haslabel`:"",C.messageType?`${v}--${C.messageType}`:"",C.orientation?`${v}--${C.orientation}`:"",C.resizable?`${v}--resizable`:"",C.readonly?`${v}--readonly`:`${v}--writeable`,C.rounded?`${v}--rounded`:`${v}--box`,C.required?`${v}--required`:`${v}--optional`]);return a({textareaRef:L}),(a,l)=>(n(),r(y,{fluid:e.fluid,"has-char-counter":!(!e.charCounter||!e.maxLength),orientation:e.orientation},{default:s(()=>[i("span",{class:p(m(I)),style:d(m(f)({color:e.color,variant:e.variant})),"data-testid":e.testId},[e.label?(n(),r(b,{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"])):u("",!0),i("span",{class:p(`${v}__input-container`),onClick:q},[c(i("textarea",{id:e.id,ref:"textarea-ref","onUpdate:modelValue":l[0]||(l[0]=e=>z.value=e),"aria-label":e.ariaLabel,autocomplete:e.autoComplete?"on":"off",class:p(`${v}__input`),cols:e.cols,disabled:e.disabled||e.busy,form:e.form,maxlength:e.maxLength,minlength:e.minLength,name:e.name,pattern:e.pattern,placeholder:e.placeholder,readonly:e.readonly,required:e.required,spellcheck:e.spellCheck,rows:e.rows,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)),onInput:l[4]||(l[4]=(...a)=>e.onInput&&e.onInput(...a))},null,42,k),[[h,z.value]])],2),e.charCounter&&e.maxLength?(n(),r($,{key:1,"css-prefix":v,"current-length":z.value?z.value.toString().length:0,"max-length":e.maxLength,color:e.color,size:e.size,layout:m(_).Block},null,8,["current-length","max-length","color","size","layout"])):u("",!0)],14,B),e.id?(n(),r(g,{key:0,id:e.id,messages:e.messages,"message-type":e.messageType},null,8,["id","messages","message-type"])):u("",!0)]),_:1},8,["fluid","has-char-counter","orientation"]))}});export{z as CLTextArea,z as default};

package/dist/components/Indicators/CLBadge/CLBadge.js

@@ -1,42 +1,3 @@
 import '../../../assets/core.css';
 import './CLBadge.css';
-import { defineComponent as c, computed as n, createElementBlock as m, openBlock as u, normalizeStyle as f, normalizeClass as s, unref as r, createElementVNode as b, toDisplayString as g } from "vue";
-import { CLColorVariants as p, CLColors as C } from "../../../index.js";
-import { b as v } from "../../../chunks/utils-nD3K7jh9.js";
-const $ = ["data-testid"], h = /* @__PURE__ */ c({
-  name: "CLBadge",
-  __name: "CLBadge",
-  props: {
-    borderRadius: {},
-    color: { default: C.Neutral },
-    elevated: { type: Boolean, default: !1 },
-    label: {},
-    limit: {},
-    testId: { default: "clll-badge" },
-    variant: { default: p.Soft }
-  },
-  setup(a) {
-    const e = a, t = "clll-badge", d = n(() => {
-      const l = e.limit ?? 0, o = e.label ?? "";
-      return l && o.toString().length > l ? `${o.toString().slice(0, l)}+` : o;
-    }), i = n(() => [
-      t,
-      e.borderRadius ? `${t}--${e.borderRadius}` : "",
-      e.elevated ? `${t}--elevated` : "",
-      `${t}--${e.color}--${e.variant}`
-    ]);
-    return (l, o) => (u(), m("div", {
-      class: s(r(i)),
-      "data-testid": a.testId,
-      style: f(r(v)({ color: a.color, variant: a.variant }))
-    }, [
-      b("span", {
-        class: s(`${t}__count`)
-      }, g(r(d)), 3)
-    ], 14, $));
-  }
-});
-export {
-  h as CLBadge,
-  h as default
-};
+import{defineComponent as t,computed as e,createElementBlock as a,openBlock as l,normalizeStyle as r,normalizeClass as o,unref as d,createElementVNode as s,toDisplayString as i}from"vue";import{CLColorVariants as n,CLColors as u}from"../../../index.js";import{b as c}from"../../../chunks/utils-CCWSWRuR.js";const m=["data-testid"],f=/* @__PURE__ */t({name:"CLBadge",__name:"CLBadge",props:{borderRadius:{},color:{default:u.Neutral},elevated:{type:Boolean,default:!1},label:{},limit:{},testId:{default:"clll-badge"},variant:{default:n.Soft}},setup(t){const n=t,u="clll-badge",f=e(()=>{const t=n.limit??0,e=n.label??"";return t&&e.toString().length>t?`${e.toString().slice(0,t)}+`:e}),p=e(()=>[u,n.borderRadius?`${u}--${n.borderRadius}`:"",n.elevated?`${u}--elevated`:"",`${u}--${n.color}--${n.variant}`]);return(e,n)=>(l(),a("div",{class:o(d(p)),"data-testid":t.testId,style:r(d(c)({color:t.color,variant:t.variant}))},[s("span",{class:o(`${u}__count`)},i(d(f)),3)],14,m))}});export{f as CLBadge,f as default};

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

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