@7pmlabs/design-system 0.1.7 → 0.2.0

package/dist/design-system14.mjs

@@ -1,16 +1,14 @@
-import { defineComponent as H, ref as u, computed as y, watch as x, nextTick as R, onMounted as J, onBeforeUnmount as K, openBlock as o, createElementBlock as r, createElementVNode as d, createVNode as Q, createBlock as L, normalizeClass as m, toDisplayString as M, createTextVNode as X, withDirectives as Y, Fragment as Z, renderList as ee, vShow as se, unref as te, createCommentVNode as le } from "vue";
-import { useValidationField as ae } from "./design-system2.mjs";
-import { lockScrollBody as oe, unlockScrollBody as P, ensureVisiblePosition as de, resetPosition as ne } from "./design-system6.mjs";
-import { useI18n as ue } from "./design-system39.mjs";
-import re from "./design-system30.mjs";
-import ie from "./design-system31.mjs";
-import ce from "./design-system11.mjs";
-import ve from "./design-system83.mjs";
-const fe = ["id", "disabled"], pe = { key: 0 }, me = {
-  key: 1,
-  class: "ds-text-black/[0.4]"
-}, be = ["id", "data-ut", "data-cy"], ke = { class: "ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow" }, he = { class: "ds-py-1 ds-text-sm ds-text-black/[0.85]" }, ye = ["onClick"], Ie = /* @__PURE__ */ H({
-  __name: "BSelect",
+import { defineComponent as ee, ref as m, computed as b, watch as I, nextTick as V, onMounted as se, onBeforeUnmount as le, openBlock as n, createElementBlock as r, createElementVNode as u, createVNode as L, normalizeClass as i, unref as y, Fragment as P, renderList as D, toDisplayString as C, createBlock as z, createCommentVNode as N, createTextVNode as te, withDirectives as de, withModifiers as ae, vShow as oe } from "vue";
+import { useValidationField as ne } from "./design-system3.mjs";
+import { lockScrollBody as ue, unlockScrollBody as O, ensureVisiblePosition as re, resetPosition as ie } from "./design-system6.mjs";
+import { useI18n as ce } from "./design-system40.mjs";
+import ve from "./design-system23.mjs";
+import fe from "./design-system26.mjs";
+import pe from "./design-system27.mjs";
+import me from "./design-system36.mjs";
+import be from "./design-system83.mjs";
+const ge = { class: "ds-absolute ds-right-3 ds-z-[1]" }, he = ["onClick"], ke = ["id", "disabled"], xe = ["id", "data-cy", "data-ut"], ye = { class: "ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow" }, Ce = { class: "ds-py-1 ds-text-sm ds-text-black/[0.85]" }, we = ["onClick"], Le = /* @__PURE__ */ ee({
+  __name: "BMultiSelect",
   props: {
     inputId: { default: "" },
     modelValue: {},
@@ -24,6 +22,7 @@ const fe = ["id", "disabled"], pe = { key: 0 }, me = {
     required: { type: Boolean, default: !1 },
     requiredErrorMessage: { default: "" },
     hideDetails: { type: Boolean, default: !1 },
+    showSelectedItemCount: { type: Boolean, default: !1 },
     allowInput: { type: Boolean, default: !1 }
   },
   emits: [
@@ -33,160 +32,215 @@ const fe = ["id", "disabled"], pe = { key: 0 }, me = {
     "close",
     "change:input"
   ],
-  setup(S, { expose: T, emit: i }) {
-    const s = S, c = u(null), g = u(null), v = u(null), a = u(!1), { t: D } = ue(), N = {
-      validateRule: (e) => !!e,
-      errorMessage: () => s.requiredErrorMessage || D("ds.global.field_required")
-    }, w = u(""), f = u(), p = y(() => s.inputId || `id-${ve()}`), n = y({
+  setup(T, { expose: F, emit: v }) {
+    const t = T, g = m(null), w = m(null), h = m(null), a = m(!1), { t: B } = ce(), U = {
+      validateRule: (e) => !!e && e.length > 0,
+      errorMessage: () => t.requiredErrorMessage || B("ds.global.field_required")
+    }, $ = m(""), c = m([]), k = b(() => t.inputId || `id-${be()}`), d = b({
       get() {
-        return s.modelValue;
+        return t.modelValue;
       },
       set(e) {
-        i("update:modelValue", e);
+        v("update:modelValue", e);
       }
-    }), O = y(() => {
+    }), j = b(() => {
       let e = "ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";
-      return e += s.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] " : "ds-bg-white ds-text-black/[0.85] ", e += V.value.valid ? "ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus " : "ds-border-error focus:ds-ring-1 focus:ds-ring-error ", e;
-    }), F = y(() => {
+      return e += t.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] " : "ds-bg-white ds-text-black/[0.85] ", e += f.value.valid ? "ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus " : "ds-border-error focus:ds-ring-1 focus:ds-ring-error ", e;
+    }), W = b(() => {
       let e = [];
-      return s.required && e.push(N), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), { validate: B, validationResult: V } = ae(
-      p.value,
-      n,
-      F.value
+      return t.required && e.push(U), t.validationRules && (e = e.concat(t.validationRules)), e.length ? e : void 0;
+    }), A = b(
+      () => {
+        var e, s;
+        return ((e = d.value) == null ? void 0 : e.length) > 1 ? ` (${B("ds.components.base.multi_select.selected_item_count", {
+          count: (s = d.value) == null ? void 0 : s.length
+        })})` : "";
+      }
+    ), G = b(
+      () => t.showSelectedItemCount ? `${t.label}${A.value}` : t.label
+    ), { validate: E, validationResult: f } = ne(
+      k.value,
+      d,
+      W.value
     );
-    x(a, (e) => {
-      e ? (oe(), A(), i("open")) : (P(), q(), i("close"));
-    }), x(n, () => {
-      C(), b();
-    }), x(
-      () => s.items,
+    I(a, (e) => {
+      e ? (ue(), X(), v("open")) : (O(), R(), v("close"));
+    }), I(
+      d,
+      () => {
+        M();
+      },
+      {
+        deep: !0
+      }
+    ), I(
+      () => t.items,
       () => {
-        var e;
-        n.value && !((e = f.value) != null && e.value) && (C(), b());
+        d.value.length !== 0 && c.value.length === 0 && M();
       },
       {
         deep: !0
       }
     );
-    const C = () => {
-      f.value = s.items.find((e) => e.value === n.value);
-    }, b = () => {
-      var e;
-      s.allowInput && (w.value = ((e = f.value) == null ? void 0 : e.text) || "");
-    }, z = () => {
+    const M = () => {
+      c.value = d.value.map((e) => {
+        let s = c.value.find((o) => o.value === e);
+        return s || (s = t.items.find((o) => o.value === e)), { text: s == null ? void 0 : s.text, value: e, cssClass: s == null ? void 0 : s.cssClass };
+      });
+    }, H = () => {
       document.addEventListener("keydown", _);
     }, _ = (e) => {
-      e.key === "Escape" && $();
-    }, U = () => {
-      document.addEventListener("click", I);
-    }, I = (e) => {
-      [c.value, v.value].some((k) => e.composedPath().includes(k)) || $();
-    }, W = (e) => {
-      n.value = e.value, $(), i("change", e.value), R(() => {
-        B();
+      e.key === "Escape" && S();
+    }, J = () => {
+      document.addEventListener("click", q);
+    }, q = (e) => {
+      [g.value, h.value].some((l) => e.composedPath().includes(l)) || S();
+    }, K = (e) => {
+      const s = d.value.findIndex((o) => o === e.value);
+      s !== -1 ? d.value.splice(s, 1) : d.value.push(e.value), v("change", e.value), V(() => {
+        E();
       });
-    }, j = (e, t) => {
-      t.style.width = `${e.offsetWidth}px`;
-    }, A = () => {
-      R(() => {
-        de(c.value, v.value), j(c.value, v.value);
+    }, Q = (e, s) => {
+      s.style.width = `${e.offsetWidth}px`;
+    }, X = () => {
+      V(() => {
+        re(g.value, h.value), Q(g.value, h.value);
       });
-    }, q = () => {
-      ne(c.value, v.value);
-    }, G = (e) => {
-      i("change:input", e);
-    }, $ = () => {
+    }, R = () => {
+      ie(g.value, h.value);
+    }, Y = (e) => {
+      v("change:input", e);
+    }, S = () => {
       var e;
-      a.value = !1, (e = g.value) == null || e.blur(), b();
+      a.value = !1, (e = w.value) == null || e.blur(), $.value = "";
+    }, Z = (e) => {
+      const s = d.value.findIndex((o) => o === e.value);
+      s !== -1 && (d.value.splice(s, 1), v("change", e.value), V(() => {
+        E();
+      }));
     };
     return (() => {
-      C(), b();
-    })(), J(() => {
-      z(), U();
-    }), K(() => {
-      document.removeEventListener("keydown", _), document.removeEventListener("click", I), P(), q();
-    }), T({ validate: B, selectMenu: a }), (e, t) => {
-      var E, k;
-      return o(), r("div", null, [
-        d("div", {
+      t.items.length > 0 && M();
+    })(), se(() => {
+      H(), J();
+    }), le(() => {
+      document.removeEventListener("keydown", _), document.removeEventListener("click", q), O(), R();
+    }), F({ validate: E, selectMenu: a }), (e, s) => {
+      var o;
+      return n(), r("div", null, [
+        u("div", {
           ref_key: "selectEl",
-          ref: c
+          ref: g
         }, [
-          Q(re, {
-            id: p.value,
-            label: e.label,
+          L(pe, {
+            id: k.value,
+            label: G.value,
             required: e.required
           }, null, 8, ["id", "label", "required"]),
-          s.allowInput ? (o(), L(ce, {
+          t.allowInput ? (n(), r("div", {
             key: 0,
-            ref_key: "inputRef",
-            ref: g,
-            id: p.value,
-            modelValue: w.value,
-            "onUpdate:modelValue": [
-              t[0] || (t[0] = (l) => w.value = l),
-              G
-            ],
-            placeholder: s.placeholder,
-            disabled: s.disabled,
-            "append-icon": `fa-solid fa-caret-down ds-transition-transform ${a.value ? "ds-rotate-180" : ""}`,
-            "hide-details": "",
-            onFocus: t[1] || (t[1] = (l) => a.value = !0),
-            "onClick:append": t[2] || (t[2] = (l) => {
-              var h;
-              return (h = g.value) == null ? void 0 : h.focus();
-            })
-          }, null, 8, ["id", "modelValue", "placeholder", "disabled", "append-icon"])) : (o(), r("button", {
+            class: i([{
+              "ds-border-focus ds-ring-1 ds-ring-focus": a.value && y(f).valid,
+              "ds-ring-1 ds-ring-error": a.value && !y(f).valid,
+              "ds-border-black/10": y(f).valid,
+              "ds-border-error": !y(f).valid
+            }, "ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])
+          }, [
+            u("div", ge, [
+              u("i", {
+                class: i(`fa-solid fa-caret-down ds-transition-transform ${a.value ? "ds-rotate-180" : ""}`),
+                onClick: s[0] || (s[0] = (l) => {
+                  var p;
+                  return (p = w.value) == null ? void 0 : p.focus();
+                })
+              }, null, 2)
+            ]),
+            (n(!0), r(P, null, D(c.value, (l, p) => (n(), r("div", {
+              key: `item${p}`,
+              class: "ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"
+            }, [
+              u("span", null, C(l.text), 1),
+              u("i", {
+                class: "fa-solid fa-circle-xmark ds-cursor-pointer ds-text-black/60 hover:ds-text-black/40",
+                onClick: (x) => Z(l)
+              }, null, 8, he)
+            ]))), 128)),
+            t.allowInput ? (n(), z(me, {
+              key: 0,
+              id: k.value,
+              ref_key: "inputRef",
+              ref: w,
+              modelValue: $.value,
+              "onUpdate:modelValue": [
+                s[1] || (s[1] = (l) => $.value = l),
+                Y
+              ],
+              disabled: t.disabled,
+              class: "ds-flex-auto",
+              "hide-details": "",
+              "input-css-class": "ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",
+              onFocus: s[2] || (s[2] = (l) => a.value = !0)
+            }, null, 8, ["id", "modelValue", "disabled"])) : N("", !0)
+          ], 2)) : (n(), r("button", {
             key: 1,
-            id: p.value,
-            class: m(O.value),
-            disabled: s.disabled,
+            id: k.value,
+            class: i(j.value),
+            disabled: e.disabled,
             type: "button",
-            onClick: t[3] || (t[3] = (l) => a.value = !a.value)
+            onClick: s[3] || (s[3] = (l) => a.value = !a.value)
           }, [
-            d("span", {
-              class: m(["ds-truncate", e.valueCssClass])
-            }, [
-              (E = f.value) != null && E.text ? (o(), r("span", pe, M((k = f.value) == null ? void 0 : k.text), 1)) : (o(), r("span", me, M(s.placeholder), 1))
-            ], 2),
-            X("   "),
-            d("span", {
-              class: m(["fa-solid fa-caret-down ds-text-base ds-transition-transform", `${a.value ? "ds-rotate-180" : ""}`])
+            c.value.length > 0 ? (n(), r("span", {
+              key: 0,
+              class: i([e.valueCssClass, "ds-truncate ds-text-sm"])
+            }, C((o = c.value) == null ? void 0 : o.map((l) => l.text).join(", ")), 3)) : (n(), r("span", {
+              key: 1,
+              class: i([e.valueCssClass, "ds-truncate ds-text-sm ds-text-black/[0.4]"])
+            }, C(t.placeholder), 3)),
+            te("   "),
+            u("span", {
+              class: i([`${a.value ? "ds-rotate-180" : ""}`, "fa-solid fa-caret-down ds-text-base ds-transition-transform"])
             }, null, 2)
-          ], 10, fe)),
-          Y(d("div", {
-            id: `${p.value}Menu`,
+          ], 10, ke)),
+          de(u("div", {
+            id: `${k.value}Menu`,
             ref_key: "selectMenuEl",
-            ref: v,
-            class: m(["ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1", e.menuCssClass]),
-            "data-ut": e.$attrs["data-ut"] ? `${e.$attrs["data-ut"]}Menu` : void 0,
-            "data-cy": e.$attrs["data-cy"] ? `${e.$attrs["data-cy"]}Menu` : void 0
+            ref: h,
+            class: i([e.menuCssClass, "ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),
+            "data-cy": e.$attrs["data-cy"] ? `${e.$attrs["data-cy"]}Menu` : void 0,
+            "data-ut": e.$attrs["data-ut"] ? `${e.$attrs["data-ut"]}Menu` : void 0
           }, [
-            d("div", ke, [
-              d("ul", he, [
-                (o(!0), r(Z, null, ee(e.items, (l, h) => (o(), r("li", {
-                  key: `item${h}`,
+            u("div", ye, [
+              u("ul", Ce, [
+                (n(!0), r(P, null, D(e.items, (l, p) => (n(), r("li", {
+                  key: `item${p}`,
                   class: "ds-cursor-pointer",
-                  onClick: (we) => W(l)
+                  onClick: ae((x) => K(l), ["prevent"])
                 }, [
-                  d("a", {
-                    class: m([
-                      "ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150",
-                      l.cssClass + `${l.value === n.value ? " ds-bg-gray-150" : ""}`
+                  u("a", {
+                    class: i([
+                      l.cssClass + `${c.value.some((x) => x.value === l.value) ? " ds-bg-slate-100" : ""}`,
+                      "ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"
                     ])
-                  }, M(l == null ? void 0 : l.text), 3)
-                ], 8, ye))), 128))
+                  }, [
+                    L(ve, {
+                      modelValue: d.value,
+                      "onUpdate:modelValue": s[4] || (s[4] = (x) => d.value = x),
+                      value: l.value,
+                      size: "sm"
+                    }, null, 8, ["modelValue", "value"]),
+                    u("span", null, C(l == null ? void 0 : l.text), 1)
+                  ], 2)
+                ], 8, we))), 128))
               ])
             ])
-          ], 10, be), [
-            [se, a.value]
+          ], 10, xe), [
+            [oe, a.value]
           ])
         ], 512),
-        e.hideDetails ? le("", !0) : (o(), L(ie, {
+        e.hideDetails ? N("", !0) : (n(), z(fe, {
           key: 0,
+          "error-message": y(f).errorMessage(),
           class: "ds-mt-1",
-          "error-message": te(V).errorMessage(),
           "prepend-icon": "fa-solid fa-circle-exclamation"
         }, null, 8, ["error-message"]))
       ]);
@@ -194,6 +248,6 @@ const fe = ["id", "disabled"], pe = { key: 0 }, me = {
   }
 });
 export {
-  Ie as default
+  Le as default
 };
 //# sourceMappingURL=design-system14.mjs.map

package/dist/design-system14.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system14.mjs","sources":["../src/components/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives, unref as _unref } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"disabled\"]\nconst _hoisted_2 = { key: 0 }\nconst _hoisted_3 = {\n  key: 1,\n  class: \"ds-text-black/[0.4]\"\n}\nconst _hoisted_4 = [\"id\", \"data-ut\", \"data-cy\"]\nconst _hoisted_5 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_6 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_7 = [\"onClick\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport {\n  ensureVisiblePosition,\n  lockScrollBody,\n  resetPosition,\n  unlockScrollBody,\n} from '@/helpers/ComponentHelper';\nimport type { DisplayItem } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BTextField from './BTextField.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue: string | number;\n  label?: string;\n  items: DisplayItem[];\n  disabled?: boolean;\n  placeholder?: string;\n  valueCssClass?: string;\n  menuCssClass?: string;\n  validationRules?: ValidationRule[];\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n  allowInput?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\n  'update:modelValue',\n  'change',\n  'open',\n  'close',\n  'change:input',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst selectEl = ref<HTMLElement | null>(null);\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\nconst selectMenuEl = ref<HTMLElement | null>(null);\nconst selectMenu = ref(false);\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItem = ref<DisplayItem>();\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst btnCssClass = computed(() => {\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\n  result += props.disabled\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\n    : `ds-bg-white ds-text-black/[0.85] `;\n  result += !validationResult.value.valid\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\n\n  return result;\n});\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(selectMenu, (val) => {\n  if (val) {\n    lockScrollBody();\n    ensureMenuPosition();\n    emit('open');\n  } else {\n    unlockScrollBody();\n    resetMenuPosition();\n    emit('close');\n  }\n});\nwatch(value, () => {\n  ensureSelectedItem();\n  ensureInputText();\n});\nwatch(\n  () => props.items,\n  () => {\n    if (value.value && !selectedItem.value?.value) {\n      ensureSelectedItem();\n      ensureInputText();\n    }\n  },\n  {\n    deep: true,\n  }\n);\n\n/**\n * Methods\n */\nconst ensureSelectedItem = () => {\n  selectedItem.value = props.items.find((i) => i.value === value.value);\n};\nconst ensureInputText = () => {\n  if (props.allowInput) {\n    inputText.value = selectedItem.value?.text || '';\n  }\n};\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeSelectMenu();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [selectEl.value, selectMenuEl.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    closeSelectMenu();\n  }\n};\nconst onClickItem = (item: DisplayItem) => {\n  value.value = item.value;\n  closeSelectMenu();\n  emit('change', item.value);\n  nextTick(() => {\n    validate();\n  });\n};\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(selectEl.value!, selectMenuEl.value!);\n};\nconst onChangeInputText = (text: string) => {\n  emit('change:input', text);\n};\nconst closeSelectMenu = () => {\n  selectMenu.value = false;\n  inputRef.value?.blur();\n  ensureInputText();\n};\nconst init = () => {\n  ensureSelectedItem();\n  ensureInputText();\n};\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initPressEscapeEventListener();\n  initClickOutsideEventListener();\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n  document.removeEventListener('click', closeOnClickOutside);\n  unlockScrollBody();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n\n__expose({ validate, selectMenu });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: _ctx.label,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createBlock(BTextField, {\n            key: 0,\n            ref_key: \"inputRef\",\n            ref: inputRef,\n            id: id.value,\n            modelValue: inputText.value,\n            \"onUpdate:modelValue\": [\n              _cache[0] || (_cache[0] = ($event: any) => ((inputText).value = $event)),\n              onChangeInputText\n            ],\n            placeholder: props.placeholder,\n            disabled: props.disabled,\n            \"append-icon\": `fa-solid fa-caret-down ds-transition-transform ${\n          selectMenu.value ? 'ds-rotate-180' : ''\n        }`,\n            \"hide-details\": \"\",\n            onFocus: _cache[1] || (_cache[1] = ($event: any) => (selectMenu.value = true)),\n            \"onClick:append\": _cache[2] || (_cache[2] = ($event: any) => (inputRef.value?.focus()))\n          }, null, 8, [\"id\", \"modelValue\", \"placeholder\", \"disabled\", \"append-icon\"]))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: props.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"ds-truncate\", _ctx.valueCssClass])\n            }, [\n              (selectedItem.value?.text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(selectedItem.value?.text), 1))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_3, _toDisplayString(props.placeholder), 1))\n            ], 2),\n            _createTextVNode(\"   \"),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"fa-solid fa-caret-down ds-text-base ds-transition-transform\", `${selectMenu.value ? 'ds-rotate-180' : ''}`])\n            }, null, 2)\n          ], 10, _hoisted_1)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([\"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\", _ctx.menuCssClass]),\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined,\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_5, [\n          _createElementVNode(\"ul\", _hoisted_6, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: ($event: any) => (onClickItem(item))\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150\", \n                  item.cssClass +\n                  `${item.value === value.value ? ' ds-bg-gray-150' : ''}`\n                ])\n                }, _toDisplayString(item?.text), 3)\n              ], 8, _hoisted_7))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_4), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage(),\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItem","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItem","ensureInputText","_a","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","item","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_createBlock","BTextField","$event","_normalizeClass","_toDisplayString","_b","_createTextVNode","_withDirectives","_Fragment","_renderList","index","_vShow","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system14.mjs","sources":["../src/components/BMultiSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, unref as _unref, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withModifiers as _withModifiers, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-absolute ds-right-3 ds-z-[1]\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_5 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_6 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_7 = [\"onClick\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport {\n  ensureVisiblePosition,\n  lockScrollBody,\n  resetPosition,\n  unlockScrollBody,\n} from '@/helpers/ComponentHelper';\nimport type { BMultiSelectProps, DisplayItem } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BCheckbox from './BCheckbox.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BMultiSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    showSelectedItemCount: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\n  'update:modelValue',\n  'change',\n  'open',\n  'close',\n  'change:input',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://vuejs.org/guide/essentials/event-handling.html#event-modifiers\n\n\n/**\n * Events\n */\n\n\n\n/**\n * Data\n */\nconst selectEl = ref<HTMLElement | null>(null);\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\nconst selectMenuEl = ref<HTMLElement | null>(null);\nconst selectMenu = ref(false);\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: Array<string | number>) => !!val && val.length > 0,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItems = ref<DisplayItem[]>([]);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst btnCssClass = computed(() => {\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\n  result += props.disabled\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\n    : `ds-bg-white ds-text-black/[0.85] `;\n  result += !validationResult.value.valid\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\n\n  return result;\n});\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst selectedItemCount = computed(() =>\n  value.value?.length > 1\n    ? ` (${t('ds.components.base.multi_select.selected_item_count', {\n        count: value.value?.length,\n      })})`\n    : ''\n);\nconst labelDisplay = computed(() =>\n  props.showSelectedItemCount\n    ? `${props.label}${selectedItemCount.value}`\n    : props.label\n);\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(selectMenu, (val) => {\n  if (val) {\n    lockScrollBody();\n    ensureMenuPosition();\n    emit('open');\n  } else {\n    unlockScrollBody();\n    resetMenuPosition();\n    emit('close');\n  }\n});\nwatch(\n  value,\n  () => {\n    ensureSelectedItems();\n  },\n  {\n    deep: true,\n  }\n);\nwatch(\n  () => props.items,\n  () => {\n    if (value.value.length !== 0 && selectedItems.value.length === 0) {\n      ensureSelectedItems();\n    }\n  },\n  {\n    deep: true,\n  }\n);\n\n/**\n * Methods\n */\nconst ensureSelectedItems = () => {\n  selectedItems.value = value.value.map((v) => {\n    let item = selectedItems.value.find((i) => i.value === v);\n    if (!item) {\n      item = props.items.find((i) => i.value === v);\n    }\n    return { text: item?.text, value: v, cssClass: item?.cssClass };\n  });\n};\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeSelectMenu();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [selectEl.value, selectMenuEl.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    closeSelectMenu();\n  }\n};\nconst onClickItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n  } else {\n    value.value.push(item.value);\n  }\n  emit('change', item.value);\n  nextTick(() => {\n    validate();\n  });\n};\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(selectEl.value!, selectMenuEl.value!);\n};\nconst onChangeInputText = (text: string) => {\n  emit('change:input', text);\n};\nconst closeSelectMenu = () => {\n  selectMenu.value = false;\n  inputRef.value?.blur();\n  inputText.value = '';\n};\nconst deselectItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n    emit('change', item.value);\n    nextTick(() => {\n      validate();\n    });\n  }\n};\nconst init = () => {\n  if (props.items.length > 0) {\n    ensureSelectedItems();\n  }\n};\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initPressEscapeEventListener();\n  initClickOutsideEventListener();\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n  document.removeEventListener('click', closeOnClickOutside);\n  unlockScrollBody();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n\n__expose({ validate, selectMenu });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: labelDisplay.value,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: _normalizeClass([{\n          'ds-border-focus ds-ring-1 ds-ring-focus':\n            selectMenu.value && _unref(validationResult).valid,\n          'ds-ring-1 ds-ring-error': selectMenu.value && !_unref(validationResult).valid,\n          'ds-border-black/10': _unref(validationResult).valid,\n          'ds-border-error': !_unref(validationResult).valid,\n        }, \"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light\"])\n          }, [\n            _createElementVNode(\"div\", _hoisted_1, [\n              _createElementVNode(\"i\", {\n                class: _normalizeClass(`fa-solid fa-caret-down ds-transition-transform ${\n              selectMenu.value ? 'ds-rotate-180' : ''\n            }`),\n                onClick: _cache[0] || (_cache[0] = ($event: any) => (inputRef.value?.focus()))\n              }, null, 2)\n            ]),\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(selectedItems.value, (item, i) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: `item${i}`,\n                class: \"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2\"\n              }, [\n                _createElementVNode(\"span\", null, _toDisplayString(item.text), 1),\n                _createElementVNode(\"i\", {\n                  class: \"fa-solid fa-circle-xmark ds-cursor-pointer ds-text-black/60 hover:ds-text-black/40\",\n                  onClick: ($event: any) => (deselectItem(item))\n                }, null, 8, _hoisted_2)\n              ]))\n            }), 128)),\n            (props.allowInput)\n              ? (_openBlock(), _createBlock(BTextField, {\n                  key: 0,\n                  id: id.value,\n                  ref_key: \"inputRef\",\n                  ref: inputRef,\n                  modelValue: inputText.value,\n                  \"onUpdate:modelValue\": [\n                    _cache[1] || (_cache[1] = ($event: any) => ((inputText).value = $event)),\n                    onChangeInputText\n                  ],\n                  disabled: props.disabled,\n                  class: \"ds-flex-auto\",\n                  \"hide-details\": \"\",\n                  \"input-css-class\": \"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0\",\n                  onFocus: _cache[2] || (_cache[2] = ($event: any) => (selectMenu.value = true))\n                }, null, 8, [\"id\", \"modelValue\", \"disabled\"]))\n              : _createCommentVNode(\"\", true)\n          ], 2))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: _ctx.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            (selectedItems.value.length > 0)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm\"])\n                }, _toDisplayString(selectedItems.value?.map((s) => s.text).join(', ')), 3))\n              : (_openBlock(), _createElementBlock(\"span\", {\n                  key: 1,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm ds-text-black/[0.4]\"])\n                }, _toDisplayString(props.placeholder), 3)),\n            _createTextVNode(\"   \"),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([`${selectMenu.value ? 'ds-rotate-180' : ''}`, \"fa-solid fa-caret-down ds-text-base ds-transition-transform\"])\n            }, null, 2)\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_5, [\n          _createElementVNode(\"ul\", _hoisted_6, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: _withModifiers(($event: any) => (onClickItem(item)), [\"prevent\"])\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${\n                    selectedItems.value.some((s) => s.value === item.value)\n                      ? ' ds-bg-slate-100'\n                      : ''\n                  }`\n                , \"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100\"])\n                }, [\n                  _createVNode(BCheckbox, {\n                    modelValue: value.value,\n                    \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((value).value = $event)),\n                    value: item.value,\n                    size: \"sm\"\n                  }, null, 8, [\"modelValue\", \"value\"]),\n                  _createElementVNode(\"span\", null, _toDisplayString(item?.text), 1)\n                ], 2)\n              ], 8, _hoisted_7))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_4), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\",\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItems","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","selectedItemCount","_a","_b","labelDisplay","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItems","v","item","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","index","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","deselectItem","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_normalizeClass","_unref","$event","_Fragment","_renderList","_toDisplayString","_createBlock","BTextField","_createCommentVNode","s","_createTextVNode","_withDirectives","_withModifiers","BCheckbox","_vShow","BErrorMessage"],"mappings":"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"}

package/dist/design-system140.js

@@ -1,2 +1,2 @@
-"use strict";var o=Object.prototype,i=o.hasOwnProperty;function r(t){var n=t.length,e=new t.constructor(n);return n&&typeof t[0]=="string"&&i.call(t,"index")&&(e.index=t.index,e.input=t.input),e}module.exports=r;
+"use strict";const s=require("./design-system172.js"),t=require("./design-system173.js"),r=require("./design-system119.js");function n(e){return s(e,r,t)}module.exports=n;
 //# sourceMappingURL=design-system140.js.map

package/dist/design-system140.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system140.js","sources":["../node_modules/lodash-es/_initCloneArray.js"],"sourcesContent":["/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Initializes an array clone.\n *\n * @private\n * @param {Array} array The array to clone.\n * @returns {Array} Returns the initialized clone.\n */\nfunction initCloneArray(array) {\n  var length = array.length,\n      result = new array.constructor(length);\n\n  // Add properties assigned by `RegExp#exec`.\n  if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {\n    result.index = array.index;\n    result.input = array.input;\n  }\n  return result;\n}\n\nexport default initCloneArray;\n"],"names":["objectProto","hasOwnProperty","initCloneArray","array","length","result"],"mappings":"aACA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eASjC,SAASE,EAAeC,EAAO,CAC7B,IAAIC,EAASD,EAAM,OACfE,EAAS,IAAIF,EAAM,YAAYC,CAAM,EAGzC,OAAIA,GAAU,OAAOD,EAAM,CAAC,GAAK,UAAYF,EAAe,KAAKE,EAAO,OAAO,IAC7EE,EAAO,MAAQF,EAAM,MACrBE,EAAO,MAAQF,EAAM,OAEhBE,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system140.js","sources":["../node_modules/lodash-es/_getAllKeysIn.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\nimport keysIn from './keysIn.js';\n\n/**\n * Creates an array of own and inherited enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeysIn(object) {\n  return baseGetAllKeys(object, keysIn, getSymbolsIn);\n}\n\nexport default getAllKeysIn;\n"],"names":["getAllKeysIn","object","baseGetAllKeys","keysIn","getSymbolsIn"],"mappings":"4HAYA,SAASA,EAAaC,EAAQ,CAC5B,OAAOC,EAAeD,EAAQE,EAAQC,CAAY,CACpD","x_google_ignoreList":[0]}

package/dist/design-system140.mjs

@@ -1,9 +1,10 @@
-var o = Object.prototype, i = o.hasOwnProperty;
-function p(t) {
-  var n = t.length, e = new t.constructor(n);
-  return n && typeof t[0] == "string" && i.call(t, "index") && (e.index = t.index, e.input = t.input), e;
+import t from "./design-system172.mjs";
+import o from "./design-system173.mjs";
+import r from "./design-system119.mjs";
+function s(e) {
+  return t(e, r, o);
 }
 export {
-  p as default
+  s as default
 };
 //# sourceMappingURL=design-system140.mjs.map

package/dist/design-system140.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system140.mjs","sources":["../node_modules/lodash-es/_initCloneArray.js"],"sourcesContent":["/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Initializes an array clone.\n *\n * @private\n * @param {Array} array The array to clone.\n * @returns {Array} Returns the initialized clone.\n */\nfunction initCloneArray(array) {\n  var length = array.length,\n      result = new array.constructor(length);\n\n  // Add properties assigned by `RegExp#exec`.\n  if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {\n    result.index = array.index;\n    result.input = array.input;\n  }\n  return result;\n}\n\nexport default initCloneArray;\n"],"names":["objectProto","hasOwnProperty","initCloneArray","array","length","result"],"mappings":"AACA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AASjC,SAASE,EAAeC,GAAO;AAC7B,MAAIC,IAASD,EAAM,QACfE,IAAS,IAAIF,EAAM,YAAYC,CAAM;AAGzC,SAAIA,KAAU,OAAOD,EAAM,CAAC,KAAK,YAAYF,EAAe,KAAKE,GAAO,OAAO,MAC7EE,EAAO,QAAQF,EAAM,OACrBE,EAAO,QAAQF,EAAM,QAEhBE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system140.mjs","sources":["../node_modules/lodash-es/_getAllKeysIn.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\nimport keysIn from './keysIn.js';\n\n/**\n * Creates an array of own and inherited enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeysIn(object) {\n  return baseGetAllKeys(object, keysIn, getSymbolsIn);\n}\n\nexport default getAllKeysIn;\n"],"names":["getAllKeysIn","object","baseGetAllKeys","keysIn","getSymbolsIn"],"mappings":";;;AAYA,SAASA,EAAaC,GAAQ;AAC5B,SAAOC,EAAeD,GAAQE,GAAQC,CAAY;AACpD;","x_google_ignoreList":[0]}

package/dist/design-system141.js

@@ -1,2 +1,2 @@
-"use strict";const c=require("./design-system180.js"),n=require("./design-system181.js"),o=require("./design-system182.js"),s=require("./design-system183.js"),u=require("./design-system184.js");var g="[object Boolean]",i="[object Date]",T="[object Map]",b="[object Number]",y="[object RegExp]",l="[object Set]",j="[object String]",A="[object Symbol]",f="[object ArrayBuffer]",m="[object DataView]",p="[object Float32Array]",w="[object Float64Array]",d="[object Int8Array]",q="[object Int16Array]",B="[object Int32Array]",_="[object Uint8Array]",x="[object Uint8ClampedArray]",C="[object Uint16Array]",S="[object Uint32Array]";function U(e,t,r){var a=e.constructor;switch(t){case f:return c(e);case g:case i:return new a(+e);case m:return n(e,r);case p:case w:case d:case q:case B:case _:case x:case C:case S:return u(e,r);case T:return new a;case b:case j:return new a(e);case y:return o(e);case l:return new a;case A:return s(e)}}module.exports=U;
+"use strict";const t=require("./design-system153.js"),a=require("./design-system154.js"),o=require("./design-system155.js"),n=require("./design-system156.js"),c=require("./design-system157.js"),j=require("./design-system106.js"),r=require("./design-system158.js");var w="[object Map]",q="[object Object]",p="[object Promise]",b="[object Set]",S="[object WeakMap]",T="[object DataView]",_=r(t),f=r(a),m=r(o),C=r(n),M=r(c),e=j;(t&&e(new t(new ArrayBuffer(1)))!=T||a&&e(new a)!=w||o&&e(o.resolve())!=p||n&&e(new n)!=b||c&&e(new c)!=S)&&(e=function(i){var s=j(i),u=s==q?i.constructor:void 0,g=u?r(u):"";if(g)switch(g){case _:return T;case f:return w;case m:return p;case C:return b;case M:return S}return s});const v=e;module.exports=v;
 //# sourceMappingURL=design-system141.js.map

package/dist/design-system141.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system141.js","sources":["../node_modules/lodash-es/_initCloneByTag.js"],"sourcesContent":["import cloneArrayBuffer from './_cloneArrayBuffer.js';\nimport cloneDataView from './_cloneDataView.js';\nimport cloneRegExp from './_cloneRegExp.js';\nimport cloneSymbol from './_cloneSymbol.js';\nimport cloneTypedArray from './_cloneTypedArray.js';\n\n/** `Object#toString` result references. */\nvar boolTag = '[object Boolean]',\n    dateTag = '[object Date]',\n    mapTag = '[object Map]',\n    numberTag = '[object Number]',\n    regexpTag = '[object RegExp]',\n    setTag = '[object Set]',\n    stringTag = '[object String]',\n    symbolTag = '[object Symbol]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n    dataViewTag = '[object DataView]',\n    float32Tag = '[object Float32Array]',\n    float64Tag = '[object Float64Array]',\n    int8Tag = '[object Int8Array]',\n    int16Tag = '[object Int16Array]',\n    int32Tag = '[object Int32Array]',\n    uint8Tag = '[object Uint8Array]',\n    uint8ClampedTag = '[object Uint8ClampedArray]',\n    uint16Tag = '[object Uint16Array]',\n    uint32Tag = '[object Uint32Array]';\n\n/**\n * Initializes an object clone based on its `toStringTag`.\n *\n * **Note:** This function only supports cloning values with tags of\n * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.\n *\n * @private\n * @param {Object} object The object to clone.\n * @param {string} tag The `toStringTag` of the object to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the initialized clone.\n */\nfunction initCloneByTag(object, tag, isDeep) {\n  var Ctor = object.constructor;\n  switch (tag) {\n    case arrayBufferTag:\n      return cloneArrayBuffer(object);\n\n    case boolTag:\n    case dateTag:\n      return new Ctor(+object);\n\n    case dataViewTag:\n      return cloneDataView(object, isDeep);\n\n    case float32Tag: case float64Tag:\n    case int8Tag: case int16Tag: case int32Tag:\n    case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:\n      return cloneTypedArray(object, isDeep);\n\n    case mapTag:\n      return new Ctor;\n\n    case numberTag:\n    case stringTag:\n      return new Ctor(object);\n\n    case regexpTag:\n      return cloneRegExp(object);\n\n    case setTag:\n      return new Ctor;\n\n    case symbolTag:\n      return cloneSymbol(object);\n  }\n}\n\nexport default initCloneByTag;\n"],"names":["boolTag","dateTag","mapTag","numberTag","regexpTag","setTag","stringTag","symbolTag","arrayBufferTag","dataViewTag","float32Tag","float64Tag","int8Tag","int16Tag","int32Tag","uint8Tag","uint8ClampedTag","uint16Tag","uint32Tag","initCloneByTag","object","tag","isDeep","Ctor","cloneArrayBuffer","cloneDataView","cloneTypedArray","cloneRegExp","cloneSymbol"],"mappings":"kMAOA,IAAIA,EAAU,mBACVC,EAAU,gBACVC,EAAS,eACTC,EAAY,kBACZC,EAAY,kBACZC,EAAS,eACTC,EAAY,kBACZC,EAAY,kBAEZC,EAAiB,uBACjBC,EAAc,oBACdC,EAAa,wBACbC,EAAa,wBACbC,EAAU,qBACVC,EAAW,sBACXC,EAAW,sBACXC,EAAW,sBACXC,EAAkB,6BAClBC,EAAY,uBACZC,EAAY,uBAchB,SAASC,EAAeC,EAAQC,EAAKC,EAAQ,CAC3C,IAAIC,EAAOH,EAAO,YAClB,OAAQC,EAAG,CACT,KAAKb,EACH,OAAOgB,EAAiBJ,CAAM,EAEhC,KAAKpB,EACL,KAAKC,EACH,OAAO,IAAIsB,EAAK,CAACH,CAAM,EAEzB,KAAKX,EACH,OAAOgB,EAAcL,EAAQE,CAAM,EAErC,KAAKZ,EAAY,KAAKC,EACtB,KAAKC,EAAS,KAAKC,EAAU,KAAKC,EAClC,KAAKC,EAAU,KAAKC,EAAiB,KAAKC,EAAW,KAAKC,EACxD,OAAOQ,EAAgBN,EAAQE,CAAM,EAEvC,KAAKpB,EACH,OAAO,IAAIqB,EAEb,KAAKpB,EACL,KAAKG,EACH,OAAO,IAAIiB,EAAKH,CAAM,EAExB,KAAKhB,EACH,OAAOuB,EAAYP,CAAM,EAE3B,KAAKf,EACH,OAAO,IAAIkB,EAEb,KAAKhB,EACH,OAAOqB,EAAYR,CAAM,CAC5B,CACH","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system141.js","sources":["../node_modules/lodash-es/_getTag.js"],"sourcesContent":["import DataView from './_DataView.js';\nimport Map from './_Map.js';\nimport Promise from './_Promise.js';\nimport Set from './_Set.js';\nimport WeakMap from './_WeakMap.js';\nimport baseGetTag from './_baseGetTag.js';\nimport toSource from './_toSource.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    objectTag = '[object Object]',\n    promiseTag = '[object Promise]',\n    setTag = '[object Set]',\n    weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n    mapCtorString = toSource(Map),\n    promiseCtorString = toSource(Promise),\n    setCtorString = toSource(Set),\n    weakMapCtorString = toSource(WeakMap);\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n    (Map && getTag(new Map) != mapTag) ||\n    (Promise && getTag(Promise.resolve()) != promiseTag) ||\n    (Set && getTag(new Set) != setTag) ||\n    (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n  getTag = function(value) {\n    var result = baseGetTag(value),\n        Ctor = result == objectTag ? value.constructor : undefined,\n        ctorString = Ctor ? toSource(Ctor) : '';\n\n    if (ctorString) {\n      switch (ctorString) {\n        case dataViewCtorString: return dataViewTag;\n        case mapCtorString: return mapTag;\n        case promiseCtorString: return promiseTag;\n        case setCtorString: return setTag;\n        case weakMapCtorString: return weakMapTag;\n      }\n    }\n    return result;\n  };\n}\n\nexport default getTag;\n"],"names":["mapTag","objectTag","promiseTag","setTag","weakMapTag","dataViewTag","dataViewCtorString","toSource","DataView","mapCtorString","Map","promiseCtorString","Promise","setCtorString","Set","weakMapCtorString","WeakMap","getTag","baseGetTag","value","result","Ctor","ctorString","getTag$1"],"mappings":"wQASA,IAAIA,EAAS,eACTC,EAAY,kBACZC,EAAa,mBACbC,EAAS,eACTC,EAAa,mBAEbC,EAAc,oBAGdC,EAAqBC,EAASC,CAAQ,EACtCC,EAAgBF,EAASG,CAAG,EAC5BC,EAAoBJ,EAASK,CAAO,EACpCC,EAAgBN,EAASO,CAAG,EAC5BC,EAAoBR,EAASS,CAAO,EASpCC,EAASC,GAGRV,GAAYS,EAAO,IAAIT,EAAS,IAAI,YAAY,CAAC,CAAC,CAAC,GAAKH,GACxDK,GAAOO,EAAO,IAAIP,CAAG,GAAKV,GAC1BY,GAAWK,EAAOL,EAAQ,QAAS,CAAA,GAAKV,GACxCY,GAAOG,EAAO,IAAIH,CAAG,GAAKX,GAC1Ba,GAAWC,EAAO,IAAID,CAAO,GAAKZ,KACrCa,EAAS,SAASE,EAAO,CACvB,IAAIC,EAASF,EAAWC,CAAK,EACzBE,EAAOD,GAAUnB,EAAYkB,EAAM,YAAc,OACjDG,EAAaD,EAAOd,EAASc,CAAI,EAAI,GAEzC,GAAIC,EACF,OAAQA,EAAU,CAChB,KAAKhB,EAAoB,OAAOD,EAChC,KAAKI,EAAe,OAAOT,EAC3B,KAAKW,EAAmB,OAAOT,EAC/B,KAAKW,EAAe,OAAOV,EAC3B,KAAKY,EAAmB,OAAOX,CAChC,CAEH,OAAOgB,CACX,GAGA,MAAAG,EAAeN","x_google_ignoreList":[0]}