@rei/cedar 13.5.2 → 14.0.0-ts.0

package/dist/src/components/card/CdrCard.vue.mjs

@@ -1,35 +1,9 @@
-import { defineComponent as s, useCssModule as t, openBlock as r, createBlock as o, resolveDynamicComponent as a, normalizeClass as l, withCtx as n, renderSlot as d } from "vue";
-import c from "./styles/CdrCard.module.scss.mjs";
-import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const u = s({
-  name: "CdrCard",
-  props: {
-    /**
-     * Sets valid HTML container element tag.
-     */
-    tag: {
-      type: String,
-      default: "article"
-    }
-  },
-  setup() {
-    return {
-      style: t(),
-      baseClass: "cdr-card"
-    };
-  }
-});
-function f(e, m, C, _, y, $) {
-  return r(), o(a(e.tag), {
-    class: l(e.style[e.baseClass])
-  }, {
-    default: n(() => [d(e.$slots, "default")]),
-    _: 3
-  }, 8, ["class"]);
-}
-const i = {
-  $style: c
-}, h = /* @__PURE__ */ p(u, [["render", f], ["__cssModules", i]]);
+import s from "./CdrCard.vue2.mjs";
+import o from "./styles/CdrCard.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: o
+}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
 export {
-  h as default
+  f as default
 };

package/dist/src/components/card/CdrCard.vue2.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as s, useCssModule as r, openBlock as n, createBlock as o, resolveDynamicComponent as l, normalizeClass as c, unref as d, withCtx as u, renderSlot as C } from "vue";
+const m = "cdr-card", i = /* @__PURE__ */ s({
+  name: "CdrCard",
+  __name: "CdrCard",
+  props: {
+    /** Sets valid HTML container element tag. */
+    tag: {
+      type: String,
+      default: "article"
+    }
+  },
+  setup(e) {
+    const t = r();
+    return (a, p) => (n(), o(l(e.tag), {
+      class: c(d(t)[m])
+    }, {
+      default: u(() => [C(a.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  i as default
+};

package/dist/src/components/card/styles/CdrCard.module.scss.mjs

@@ -1,5 +1,5 @@
 const c = {
-  "cdr-card": "cdr-card_13-5-2"
+  "cdr-card": "cdr-card_14-0-0-ts-0"
 };
 export {
   c as default

package/dist/src/components/checkbox/CdrCheckbox.vue.mjs

@@ -1,148 +1,9 @@
-import { defineComponent as u, computed as d, useCssModule as m, resolveComponent as c, resolveDirective as p, openBlock as b, createBlock as f, normalizeClass as v, withCtx as a, withDirectives as y, createElementVNode as C, mergeProps as k, vModelCheckbox as g, renderSlot as S } from "vue";
-import V from "../labelWrapper/CdrLabelWrapper.vue.mjs";
-import h from "../../props/size.mjs";
-import A from "../../utils/propValidator.mjs";
-import $ from "../../props/background.mjs";
-import B from "./styles/CdrCheckbox.module.scss.mjs";
-import M from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const z = u({
-  name: "CdrCheckbox",
-  components: {
-    CdrLabelWrapper: V
-  },
-  directives: {
-    indeterminate: {
-      mounted(e, t) {
-        if (t.value) {
-          e.setAttribute("indeterminate", t.value);
-          return;
-        }
-        e.removeAttribute("indeterminate");
-      },
-      updated(e, t) {
-        if (t.value) {
-          e.setAttribute("indeterminate", t.value);
-          return;
-        }
-        e.removeAttribute("indeterminate");
-      }
-    }
-  },
-  inheritAttrs: !1,
-  customOptions: {},
-  props: {
-    /**
-     * Passes a CSS class to the label for custom styles
-     */
-    labelClass: String,
-    /**
-     * Passes a CSS class to the input for custom styles
-     */
-    inputClass: String,
-    /**
-     * Passes a CSS class to the slot wrapper for custom styles
-     */
-    contentClass: String,
-    /**
-     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
-     */
-    indeterminate: {
-      type: [Boolean, String],
-      default: !1
-    },
-    /**
-     * The value when checked.
-     */
-    trueValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function],
-      default: !0
-    },
-    /**
-     * The value when unchecked.
-     */
-    falseValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function],
-      default: !1
-    },
-    /**
-     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
-     */
-    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
-    /**
-     * Sets the background color the input is rendered on
-     * @values primary, secondary
-     */
-    background: $,
-    /**
-     * @demoSelectMultiple false
-     * @values small, medium, large
-    */
-    size: h,
-    /**
-     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
-     * Add appropriate custom styles to convey selected and unselected states.
-     * @values hide-figure
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (e) => A(e, ["", "hide-figure"])
-    },
-    /** @ignore */
-    modelValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    }
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the <input> element
-     * @param modelValue
-     */
-    "update:modelValue": null
-  },
-  setup(e, t) {
-    const r = "cdr-checkbox", o = d({
-      get() {
-        return e.modelValue;
-      },
-      set(l) {
-        t.emit("update:modelValue", l);
-      }
-    });
-    return {
-      style: m(),
-      baseClass: r,
-      checkboxModel: o
-    };
-  }
-}), N = ["true-value", "false-value", "value"];
-function O(e, t, r, o, l, w) {
-  const s = c("cdr-label-wrapper"), n = p("indeterminate");
-  return b(), f(s, {
-    class: v(e.style[e.baseClass]),
-    size: e.size,
-    modifier: e.modifier,
-    "label-class": e.labelClass,
-    "content-class": e.contentClass,
-    background: e.background,
-    disabled: e.$attrs.disabled
-  }, {
-    input: a(() => [y(C("input", k({
-      class: [e.style["cdr-checkbox__input"], e.inputClass],
-      type: "checkbox"
-    }, e.$attrs, {
-      "true-value": e.customValue ? null : e.trueValue,
-      "false-value": e.customValue ? null : e.falseValue,
-      value: e.customValue,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => e.checkboxModel = i)
-    }), null, 16, N), [[n, e.indeterminate], [g, e.checkboxModel]])]),
-    default: a(() => [S(e.$slots, "default")]),
-    _: 3
-  }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]);
-}
-const j = {
-  $style: B
-}, q = /* @__PURE__ */ M(z, [["render", O], ["__cssModules", j]]);
+import o from "./CdrCheckbox.vue2.mjs";
+import s from "./styles/CdrCheckbox.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  q as default
+  f as default
 };

package/dist/src/components/checkbox/CdrCheckbox.vue2.mjs

@@ -0,0 +1,134 @@
+import { defineComponent as c, useCssModule as m, computed as b, openBlock as f, createBlock as v, normalizeClass as C, unref as n, withCtx as r, withDirectives as g, createElementVNode as y, mergeProps as k, vModelCheckbox as S, renderSlot as V } from "vue";
+import h from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import p from "../../props/size.mjs";
+import A from "../../utils/propValidator.mjs";
+import x from "../../props/background.mjs";
+const B = ["true-value", "false-value", "value"], z = "cdr-checkbox", M = /* @__PURE__ */ c({
+  name: "CdrCheckbox",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrCheckbox",
+  props: {
+    /**
+         * Passes a CSS class to the label for custom styles
+         */
+    labelClass: String,
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: String,
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: String,
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /** Disables the checkbox */
+    disabled: Boolean,
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !0
+    },
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !1
+    },
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: x,
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: p,
+    /**
+     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
+     * Add appropriate custom styles to convey selected and unselected states.
+     * @values hide-figure
+     */
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => A(e, ["", "hide-figure"])
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: {
+    /**
+    * Event emitted by v-model on the <input> element
+    * @param modelValue
+    */
+    "update:modelValue": null
+  },
+  setup(e, {
+    emit: o
+  }) {
+    const i = e, s = {
+      mounted(t, a) {
+        if (a.value) {
+          t.setAttribute("indeterminate", a.value);
+          return;
+        }
+        t.removeAttribute("indeterminate");
+      },
+      updated(t, a) {
+        if (a.value) {
+          t.setAttribute("indeterminate", a.value);
+          return;
+        }
+        t.removeAttribute("indeterminate");
+      }
+    }, l = m(), u = b({
+      get() {
+        return i.modelValue;
+      },
+      set(t) {
+        o("update:modelValue", t);
+      }
+    });
+    return (t, a) => (f(), v(h, {
+      class: C(n(l)[z]),
+      size: e.size,
+      modifier: e.modifier,
+      "label-class": e.labelClass,
+      "content-class": e.contentClass,
+      background: e.background,
+      disabled: e.disabled
+    }, {
+      input: r(() => [g(y("input", k({
+        class: [n(l)["cdr-checkbox__input"], e.inputClass],
+        type: "checkbox"
+      }, t.$attrs, {
+        "true-value": e.customValue ? null : e.trueValue,
+        "false-value": e.customValue ? null : e.falseValue,
+        value: e.customValue,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => u.value = d)
+      }), null, 16, B), [[s, e.indeterminate], [S, u.value]])]),
+      default: r(() => [V(t.$slots, "default")]),
+      _: 3
+    }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]));
+  }
+});
+export {
+  M as default
+};

package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs

@@ -1,29 +1,29 @@
 const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_13-5-2",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_13-5-2",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_13-5-2",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_13-5-2",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_13-5-2",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_13-5-2",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_13-5-2",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_13-5-2",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_13-5-2",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_13-5-2",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_13-5-2",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_13-5-2",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_13-5-2",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_13-5-2",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_13-5-2",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_13-5-2",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_13-5-2",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_13-5-2",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_13-5-2",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_13-5-2",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_13-5-2",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_13-5-2",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_13-5-2",
-  "cdr-checkbox": "cdr-checkbox_13-5-2",
-  "cdr-checkbox__input": "cdr-checkbox__input_13-5-2"
+  "cdr-label-wrapper": "cdr-label-wrapper_14-0-0-ts-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-0-0-ts-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-0-0-ts-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-0-0-ts-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-0-0-ts-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-0-0-ts-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-0-0-ts-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-0-0-ts-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-0-0-ts-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-0-0-ts-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-0-0-ts-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-0-0-ts-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-0-0-ts-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-0-0-ts-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-0-0-ts-0",
+  "cdr-checkbox": "cdr-checkbox_14-0-0-ts-0",
+  "cdr-checkbox__input": "cdr-checkbox__input_14-0-0-ts-0"
 };
 export {
   r as default

package/dist/src/components/chip/CdrChip.vue.mjs

@@ -1,31 +1,9 @@
-import { defineComponent as n, useCssModule as c, openBlock as o, createElementBlock as t, normalizeClass as e, renderSlot as r, createCommentVNode as l, createElementVNode as a } from "vue";
-import i from "./styles/CdrChip.module.scss.mjs";
-import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const d = n({
-  name: "CdrChip",
-  setup() {
-    return {
-      style: c(),
-      baseClass: "cdr-chip"
-    };
-  }
-});
-function m(s, f, h, C, $, y) {
-  return o(), t("button", {
-    class: e(s.style[s.baseClass])
-  }, [s.$slots["icon-left"] ? (o(), t("span", {
-    key: 0,
-    class: e(s.style["cdr-chip__icon-left"])
-  }, [r(s.$slots, "icon-left")], 2)) : l("", !0), s.$slots["icon-right"] ? (o(), t("span", {
-    key: 1,
-    class: e(s.style["cdr-chip__icon-right"])
-  }, [r(s.$slots, "icon-right")], 2)) : l("", !0), a("span", {
-    class: e(s.style["cdr-chip__content"])
-  }, [r(s.$slots, "default")], 2)], 2);
-}
-const u = {
-  $style: i
-}, g = /* @__PURE__ */ p(d, [["render", m], ["__cssModules", u]]);
+import s from "./CdrChip.vue2.mjs";
+import o from "./styles/CdrChip.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
 export {
-  g as default
+  f as default
 };

package/dist/src/components/chip/CdrChip.vue2.mjs

@@ -0,0 +1,22 @@
+import { defineComponent as a, useCssModule as i, openBlock as n, createElementBlock as c, normalizeClass as t, unref as o, renderSlot as r, createCommentVNode as l, createElementVNode as p } from "vue";
+const d = "cdr-chip", f = /* @__PURE__ */ a({
+  name: "CdrChip",
+  __name: "CdrChip",
+  setup(m) {
+    const s = i();
+    return (e, u) => (n(), c("button", {
+      class: t(o(s)[d])
+    }, [e.$slots["icon-left"] ? (n(), c("span", {
+      key: 0,
+      class: t(o(s)["cdr-chip__icon-left"])
+    }, [r(e.$slots, "icon-left")], 2)) : l("", !0), e.$slots["icon-right"] ? (n(), c("span", {
+      key: 1,
+      class: t(o(s)["cdr-chip__icon-right"])
+    }, [r(e.$slots, "icon-right")], 2)) : l("", !0), p("span", {
+      class: t(o(s)["cdr-chip__content"])
+    }, [r(e.$slots, "default")], 2)], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/src/components/chip/CdrChipGroup.vue.mjs

@@ -1,85 +1,9 @@
-import { defineComponent as g, ref as a, computed as u, onMounted as b, useCssModule as m, openBlock as C, createElementBlock as D, normalizeClass as d, createElementVNode as p, renderSlot as i, createTextVNode as w, toDisplayString as k } from "vue";
-import A from "./styles/CdrChipGroup.module.scss.mjs";
-import I from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const $ = g({
-  name: "CdrChipGroup",
-  props: {
-    /**
-     * Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Visually hides the chip group label but makes it accessible to screen readers.
-     */
-    hideLabel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(l) {
-    const r = "cdr-chip-group", o = a(null), t = a([]), s = a(0), c = u(() => {
-      const e = s.value + 1;
-      return e >= t.value.length ? 0 : e;
-    }), n = u(() => {
-      const e = s.value - 1;
-      return e <= -1 ? t.value.length - 1 : e;
-    }), f = u(() => l.hideLabel ? "cdr-chip-group__legend--hidden" : "cdr-chip-group__legend");
-    b(() => {
-      t.value = Array.prototype.filter.call(o.value.children, (e) => !(e.getAttribute("disabled") === "" || e.getAttribute("aria-disabled"))), s.value = Array.prototype.findIndex.call(t, (e) => e.getAttribute("aria-checked") === "true");
-    });
-    const v = (e) => {
-      if (s.value === -1)
-        return;
-      const {
-        key: y
-      } = e;
-      switch (y) {
-        case "Home":
-          e.preventDefault(), t.value[0].focus();
-          break;
-        case "End":
-          e.preventDefault(), t.value[t.value.length - 1].focus();
-          break;
-        case "ArrowDown":
-        case "Down":
-          e.preventDefault(), t.value[c.value].focus();
-          break;
-        case "ArrowUp":
-        case "Up":
-          e.preventDefault(), t.value[n.value].focus();
-          break;
-      }
-    }, h = (e) => {
-      s.value = Array.prototype.indexOf.call(t.value, e.target);
-    };
-    return {
-      style: m(),
-      baseClass: r,
-      chipsEl: o,
-      legendClass: f,
-      handleKeyDown: v,
-      handleFocusIn: h
-    };
-  }
-});
-function E(l, r, o, t, s, c) {
-  return C(), D("fieldset", {
-    class: d(l.style[l.baseClass]),
-    onFocusin: r[0] || (r[0] = (...n) => l.handleFocusIn && l.handleFocusIn(...n)),
-    onKeydown: r[1] || (r[1] = (...n) => l.handleKeyDown && l.handleKeyDown(...n))
-  }, [p("legend", {
-    class: d(l.style[l.legendClass])
-  }, [i(l.$slots, "label", {}, () => [w(k(l.label), 1)])], 2), p("div", {
-    ref: "chipsEl",
-    class: d(l.style["cdr-chip-group__content"])
-  }, [i(l.$slots, "default")], 2)], 34);
-}
-const F = {
-  $style: A
-}, S = /* @__PURE__ */ I($, [["render", E], ["__cssModules", F]]);
+import o from "./CdrChipGroup.vue2.mjs";
+import s from "./styles/CdrChipGroup.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: s
+}, c = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  S as default
+  c as default
 };

package/dist/src/components/chip/CdrChipGroup.vue2.mjs

@@ -0,0 +1,73 @@
+import { defineComponent as m, useCssModule as k, ref as n, computed as o, onMounted as x, openBlock as C, createElementBlock as _, normalizeClass as s, unref as c, createElementVNode as p, renderSlot as i, createTextVNode as A, toDisplayString as D } from "vue";
+const w = "cdr-chip-group", I = /* @__PURE__ */ m({
+  name: "CdrChipGroup",
+  __name: "CdrChipGroup",
+  props: {
+    /**
+        * Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.
+        */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Visually hides the chip group label but makes it accessible to screen readers.
+     */
+    hideLabel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(u) {
+    const v = u, a = k(), d = n(null), t = n([]), r = n(0), f = o(() => {
+      const e = r.value + 1;
+      return e >= t.value.length ? 0 : e;
+    }), h = o(() => {
+      const e = r.value - 1;
+      return e <= -1 ? t.value.length - 1 : e;
+    }), g = o(() => v.hideLabel ? "cdr-chip-group__legend--hidden" : "cdr-chip-group__legend");
+    x(() => {
+      var e;
+      t.value = Array.prototype.filter.call((e = d.value) == null ? void 0 : e.children, (l) => !(l.getAttribute("disabled") === "" || l.getAttribute("aria-disabled"))), r.value = Array.prototype.findIndex.call(t, (l) => l.getAttribute("aria-checked") === "true");
+    });
+    const b = (e) => {
+      if (r.value === -1)
+        return;
+      const {
+        key: l
+      } = e;
+      switch (l) {
+        case "Home":
+          e.preventDefault(), t.value[0].focus();
+          break;
+        case "End":
+          e.preventDefault(), t.value[t.value.length - 1].focus();
+          break;
+        case "ArrowDown":
+        case "Down":
+          e.preventDefault(), t.value[f.value].focus();
+          break;
+        case "ArrowUp":
+        case "Up":
+          e.preventDefault(), t.value[h.value].focus();
+          break;
+      }
+    }, y = (e) => {
+      r.value = Array.prototype.indexOf.call(t.value, e.target);
+    };
+    return (e, l) => (C(), _("fieldset", {
+      class: s(c(a)[w]),
+      onFocusin: y,
+      onKeydown: b
+    }, [p("legend", {
+      class: s(c(a)[g.value])
+    }, [i(e.$slots, "label", {}, () => [A(D(u.label), 1)])], 2), p("div", {
+      ref_key: "chipsEl",
+      ref: d,
+      class: s(c(a)["cdr-chip-group__content"])
+    }, [i(e.$slots, "default")], 2)], 34));
+  }
+});
+export {
+  I as default
+};

package/dist/src/components/chip/styles/CdrChip.module.scss.mjs

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip": "cdr-chip_13-5-2",
-  "cdr-chip__icon-left": "cdr-chip__icon-left_13-5-2",
-  "cdr-chip__icon-right": "cdr-chip__icon-right_13-5-2",
-  "cdr-chip__content": "cdr-chip__content_13-5-2"
+  "cdr-chip": "cdr-chip_14-0-0-ts-0",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_14-0-0-ts-0",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_14-0-0-ts-0",
+  "cdr-chip__content": "cdr-chip__content_14-0-0-ts-0"
 };
 export {
   c as default