@7pmlabs/design-system 0.5.11 → 0.6.0

package/dist/design-system13.mjs

@@ -1,309 +1,109 @@
-import { defineComponent as Q, ref as V, computed as n, nextTick as C, watch as $, onMounted as W, onBeforeUnmount as X, openBlock as b, createElementBlock as D, createVNode as Z, createElementVNode as m, normalizeClass as w, toDisplayString as ee, unref as P, createCommentVNode as q, createBlock as se } from "vue";
-import i from "./design-system109.mjs";
-import c from "./design-system102.mjs";
-import { useI18n as te } from "./design-system52.mjs";
-import ae from "./design-system107.mjs";
-import { useValidationField as oe } from "./design-system3.mjs";
-import { DateDelimiter as z } from "./design-system4.mjs";
-import { BDatePickerView as de } from "./design-system5.mjs";
-import { unlockScrollBody as R, lockScrollBody as ne } from "./design-system6.mjs";
-import { checkIfISOFormat as re } from "./design-system51.mjs";
-import le from "./design-system31.mjs";
-import ie from "./design-system32.mjs";
-import ce from "./design-system103.mjs";
-const me = { class: "ds-relative" }, ue = ["id", "disabled", "placeholder"], pe = ["id", "disabled"], be = ["for"], fe = ["for"], ke = /* @__PURE__ */ m("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z" }, null, -1), he = [
-  ke
-], $e = /* @__PURE__ */ Q({
-  __name: "BDatePicker",
+import { defineComponent as _, ref as d, computed as E, watch as r, nextTick as D, onMounted as z, onBeforeUnmount as F, provide as I, openBlock as w, createElementBlock as h, toDisplayString as S, createCommentVNode as x, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as N, vShow as T } from "vue";
+import { ensureVisiblePosition as K, resetPosition as U } from "./design-system6.mjs";
+import { PIKey as j } from "./design-system4.mjs";
+import q from "./design-system101.mjs";
+const A = ["for"], G = ["id"], H = ["id", "data-cy", "data-ut"], Y = /* @__PURE__ */ _({
+  __name: "BDropdown",
   props: {
     inputId: { default: "" },
-    modelValue: {},
+    modelValue: { type: Boolean, default: void 0 },
     label: { default: "" },
-    validationRules: { default: void 0 },
-    placeholder: { default: "" },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    inputCssClass: { default: "" },
-    minDate: { default: "" },
-    maxDate: { default: "" },
-    showHintToday: { type: Boolean, default: !1 },
-    view: { default: de.Days },
-    hideDetails: { type: Boolean, default: !1 },
-    position: { default: "bottom left" }
+    toggleCssClass: { default: "" },
+    menuCssClass: { default: "" },
+    noCloseOnClickOutside: { type: Boolean, default: !1 },
+    noCloseOnEsc: { type: Boolean, default: !1 },
+    menuFixed: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
-  setup(Y, { emit: I }) {
-    const t = Y, l = I, { t: e, locale: T } = te(), u = `DD${z}MM${z}YYYY`, f = /* @__PURE__ */ new Date();
-    let o, r;
-    const M = V(null), F = {
-      validateRule: (s) => !!s,
-      errorMessage: () => t.requiredErrorMessage || e("ds.global.field_required")
-    }, k = V(), d = n(() => t.inputId || `id-${ce()}`), x = n({
+  emits: ["hidden", "shown", "update:modelValue"],
+  setup(B, { emit: V }) {
+    const o = B, a = V, c = d(null), t = d(null), n = d(null), f = d(!1), i = E(() => o.inputId || `id-${q()}`), s = E({
       get() {
-        return t.modelValue;
+        return o.modelValue !== void 0 ? o.modelValue : f.value;
       },
-      set(s) {
-        l("update:modelValue", s);
+      set(e) {
+        o.modelValue !== void 0 ? a("update:modelValue", e) : f.value = e;
       }
-    }), j = n(() => [
-      {
-        content: e("ds.components.base.date_picker.buttons.cancel"),
-        className: "ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",
-        onClick: (s) => {
-          s.clear(), C(() => {
-            _();
-          }), s.hide();
-        }
-      },
-      {
-        content: e("ds.components.base.date_picker.buttons.confirm"),
-        className: `${d.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,
-        onClick: (s) => {
-          x.value = k.value !== void 0 ? k.value : "", C(() => {
-            _();
-          }), s.hide();
-        },
-        attrs: t.required ? {
-          disabled: ""
-        } : void 0
+    });
+    r(s, (e) => {
+      var l;
+      e ? L() : (k(), (l = c.value) == null || l.blur());
+    }), r(
+      () => o.noCloseOnClickOutside,
+      (e) => {
+        e ? g() : p();
       }
-    ]), B = n(() => {
-      const s = {
-        days: [
-          e("ds.components.base.date_picker.days.sunday"),
-          e("ds.components.base.date_picker.days.monday"),
-          e("ds.components.base.date_picker.days.tuesday"),
-          e("ds.components.base.date_picker.days.wednesday"),
-          e("ds.components.base.date_picker.days.thursday"),
-          e("ds.components.base.date_picker.days.friday"),
-          e("ds.components.base.date_picker.days.saturday")
-        ],
-        daysShort: [
-          e("ds.components.base.date_picker.days_short.sunday"),
-          e("ds.components.base.date_picker.days_short.monday"),
-          e("ds.components.base.date_picker.days_short.tuesday"),
-          e("ds.components.base.date_picker.days_short.wednesday"),
-          e("ds.components.base.date_picker.days_short.thursday"),
-          e("ds.components.base.date_picker.days_short.friday"),
-          e("ds.components.base.date_picker.days_short.saturday")
-        ],
-        daysMin: [
-          e("ds.components.base.date_picker.days_min.sunday"),
-          e("ds.components.base.date_picker.days_min.monday"),
-          e("ds.components.base.date_picker.days_min.tuesday"),
-          e("ds.components.base.date_picker.days_min.wednesday"),
-          e("ds.components.base.date_picker.days_min.thursday"),
-          e("ds.components.base.date_picker.days_min.friday"),
-          e("ds.components.base.date_picker.days_min.saturday")
-        ],
-        months: [
-          e("ds.components.base.date_picker.months.january"),
-          e("ds.components.base.date_picker.months.february"),
-          e("ds.components.base.date_picker.months.march"),
-          e("ds.components.base.date_picker.months.april"),
-          e("ds.components.base.date_picker.months.may"),
-          e("ds.components.base.date_picker.months.june"),
-          e("ds.components.base.date_picker.months.july"),
-          e("ds.components.base.date_picker.months.august"),
-          e("ds.components.base.date_picker.months.september"),
-          e("ds.components.base.date_picker.months.october"),
-          e("ds.components.base.date_picker.months.november"),
-          e("ds.components.base.date_picker.months.december")
-        ],
-        monthsShort: [
-          e("ds.components.base.date_picker.months_short.january"),
-          e("ds.components.base.date_picker.months_short.february"),
-          e("ds.components.base.date_picker.months_short.march"),
-          e("ds.components.base.date_picker.months_short.april"),
-          e("ds.components.base.date_picker.months_short.may"),
-          e("ds.components.base.date_picker.months_short.june"),
-          e("ds.components.base.date_picker.months_short.july"),
-          e("ds.components.base.date_picker.months_short.august"),
-          e("ds.components.base.date_picker.months_short.september"),
-          e("ds.components.base.date_picker.months_short.october"),
-          e("ds.components.base.date_picker.months_short.november"),
-          e("ds.components.base.date_picker.months_short.december")
-        ],
-        today: e("ds.components.base.date_picker.buttons.today"),
-        clear: e("ds.components.base.date_picker.buttons.clear"),
-        dateFormat: "dd/MM/yyyy",
-        timeFormat: "HH:mm",
-        firstDay: 1
-        // Monday
-      }, a = ({
-        date: p
-      }) => {
-        k.value = p, t.required && K(!!p);
-      };
-      return {
-        locale: s,
-        selectedDates: [t.modelValue],
-        onSelect: a,
-        buttons: [...j.value],
-        showOtherMonths: !1,
-        timepicker: !1,
-        onlyTimepicker: !1,
-        minDate: t.minDate,
-        maxDate: t.maxDate,
-        view: t.view,
-        onHide: E,
-        onShow: L,
-        navTitles: {
-          days: "MMMM yyyy"
-        },
-        position: t.position,
-        prevHtml: `<svg xmlns="http://www.w3.org/2000/svg"
-                   viewBox="0 0 320 512">
-                  <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
-              </svg>`,
-        nextHtml: `<svg xmlns="http://www.w3.org/2000/svg"
-                   viewBox="0 0 320 512">
-                  <path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/>
-              </svg>`
-      };
-    }), N = n(() => {
-      let s = [];
-      return t.required && s.push(F), t.validationRules && (s = s.concat(t.validationRules)), s.length ? s : void 0;
-    }), H = n(() => [
-      "ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]",
-      {
-        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": t.disabled,
-        "ds-text-black/[0.85]": !t.disabled,
-        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !y.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": y.value.valid,
-        "!ds-border-focus ds-ring-1 ds-ring-focus": h.value
-      },
-      t.inputCssClass
-    ]), O = n(() => t.modelValue ? f.getDate() === t.modelValue.getDate() && f.getMonth() === t.modelValue.getMonth() && f.getFullYear() === t.modelValue.getFullYear() : !1), A = n(() => {
-      const s = {
-        mask: i.MaskedDate,
-        pattern: u,
-        lazy: !0,
-        format: (a) => c(a).format(u),
-        parse: (a) => c(a, u),
-        blocks: {
-          YYYY: {
-            mask: i.MaskedRange,
-            from: 1,
-            to: 9999
-          },
-          MM: {
-            mask: i.MaskedRange,
-            from: 1,
-            to: 12
-          },
-          DD: {
-            mask: i.MaskedRange,
-            from: 1,
-            to: 31
-          }
-        }
-      };
-      return t.minDate && (s.min = t.minDate), t.maxDate && (s.max = t.maxDate), s;
-    }), h = V(!1), { validate: _, validationResult: y } = oe(
-      d.value,
-      x,
-      N.value
-    );
-    $(
-      () => t.modelValue,
-      () => {
-        v(o.selectedDates[0]) && (t.modelValue ? (o.selectDate(t.modelValue), o.setViewDate(t.modelValue)) : o.clear()), v(g()) && (r.value = S(t.modelValue));
-      },
-      { deep: !0 }
-    ), $(
-      [
-        T,
-        () => t.position,
-        () => t.minDate,
-        () => t.maxDate,
-        () => t.view
-      ],
-      () => {
-        o.update(B.value);
+    ), r(
+      () => o.noCloseOnEsc,
+      (e) => {
+        e ? y() : m();
       }
     );
-    const S = (s) => re(s) ? c(s).format(u) : s, E = () => {
-      h.value = !1, R();
+    const m = () => {
+      document.addEventListener("keydown", v);
+    }, v = (e) => {
+      e.key === "Escape" && u();
+    }, p = () => {
+      document.addEventListener("click", C);
+    }, C = (e) => {
+      [t.value, n.value].some((M) => e.composedPath().includes(M)) || u();
+    }, P = () => {
+      s.value = !s.value;
     }, L = () => {
-      h.value = !0, t.modelValue ? (o.selectDate(t.modelValue), o.setViewDate(t.modelValue)) : o.clear(), ne();
-    }, U = () => {
-      r.unmaskedValue || l("update:modelValue", "");
-    }, G = () => {
-      const s = g();
-      return s ? l("update:modelValue", s) : l("update:modelValue", "");
-    }, J = () => {
-      const s = g();
-      _(), v(s) && l("update:modelValue", s === void 0 ? "" : s);
-    }, v = (s) => [
-      !t.modelValue && s,
-      !s && t.modelValue,
-      t.modelValue && s && t.modelValue.getTime() !== s.getTime()
-    ].some((p) => p), g = () => {
-      const s = r.value.split("/"), a = `${s[2]}-${s[1]}-${s[0]}`;
-      if (c(a, c.ISO_8601, !0).isValid())
-        return new Date(a);
-    }, K = (s) => {
-      const a = document.querySelector(`.${d.value}-btn-confirm`);
-      s ? a == null || a.removeAttribute("disabled") : a == null || a.setAttribute("disabled", "");
+      D(() => {
+        K(
+          t.value,
+          n.value,
+          o.menuFixed
+        ), a("shown");
+      });
+    }, k = () => {
+      U(t.value, n.value), a("hidden");
+    }, u = () => {
+      s.value = !1;
+    }, y = () => {
+      document.removeEventListener("keydown", v);
+    }, g = () => {
+      document.removeEventListener("click", C);
     };
-    return W(() => {
-      o = new ae(
-        `#${d.value}Picker`,
-        B.value
-      ), r = i(M.value, A.value), r.value = S(t.modelValue), r.on("accept", U), r.on("complete", G);
-    }), X(() => {
-      R();
-    }), (s, a) => (b(), D("div", null, [
-      Z(ie, {
-        id: d.value,
-        label: s.label,
-        required: s.required
-      }, null, 8, ["id", "label", "required"]),
-      m("div", me, [
-        m("input", {
-          id: d.value,
-          ref_key: "inputMaskRef",
-          ref: M,
-          class: w([H.value, "ds-relative ds-z-[2] ds-drop-shadow-light"]),
-          disabled: s.disabled,
-          placeholder: s.placeholder,
-          onBlur: J
-        }, null, 42, ue),
-        m("input", {
-          id: `${d.value}Picker`,
-          class: w([H.value, "ds-absolute ds-top-0 ds-z-[1]"]),
-          disabled: s.disabled,
-          readonly: ""
-        }, null, 10, pe),
-        s.showHintToday && O.value ? (b(), D("label", {
-          key: 0,
-          for: d.value,
-          class: "ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm"
-        }, ee(`(${P(e)("ds.components.base.date_picker.today")})`), 9, be)) : q("", !0),
-        m("label", {
-          for: `${d.value}Picker`,
-          class: "ds-absolute ds-right-3 ds-top-3 ds-z-[3]"
-        }, [
-          (b(), D("svg", {
-            class: w([[
-              t.disabled ? "ds-fill-black/40" : "ds-text-black/[0.85]"
-            ], "ds-h-4 ds-w-4"]),
-            viewBox: "0 0 448 512",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, he, 2))
-        ], 8, fe)
-      ]),
-      s.hideDetails ? q("", !0) : (b(), se(le, {
+    return z(() => {
+      o.noCloseOnEsc || m(), o.noCloseOnClickOutside || p();
+    }), F(() => {
+      y(), g(), k();
+    }), I(j.CloseDropdown, u), (e, l) => (w(), h("div", {
+      ref_key: "dropdown",
+      ref: t
+    }, [
+      o.label ? (w(), h("label", {
         key: 0,
-        "error-message": P(y).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
+        for: i.value,
+        class: "ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"
+      }, S(o.label), 9, A)) : x("", !0),
+      O("button", {
+        id: i.value,
+        ref_key: "toggle",
+        ref: c,
+        class: b([e.toggleCssClass, "focus:ds-ring-1 focus:ds-ring-primary-t"]),
+        type: "button",
+        onClick: P
+      }, [
+        $(e.$slots, "toggle")
+      ], 10, G),
+      N(O("div", {
+        id: `${i.value}Menu`,
+        ref_key: "dropdownMenu",
+        ref: n,
+        class: b([`${e.menuCssClass} ${o.menuFixed ? "ds-fixed" : "ds-absolute"}`, "ds-z-50 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
+      }, [
+        $(e.$slots, "default")
+      ], 10, H), [
+        [T, s.value]
+      ])
+    ], 512));
   }
 });
 export {
-  $e as default
+  Y as default
 };
 //# sourceMappingURL=design-system13.mjs.map

package/dist/design-system13.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system13.mjs","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n// https://imask.js.org/guide.html#getting-started\nimport IMask from '@/vendor/imask-7.1.3.js';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerButton,\n  type AirDatepickerLocale,\n} from 'air-datepicker';\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { DateDelimiter } from '@/constants/Common';\nimport { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BDatePickerProps {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  inputCssClass?: string;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: any;\n  /**\n   * Maximum selectable date\n   */\n  maxDate?: any;\n  /**\n   * Show \"Today\" text if selected date is the current date\n   */\n  showHintToday?: boolean;\n  /**\n   * Default view mode when open picker dropdown\n   */\n  view?: BDatePickerView;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Position of picker dropdown when it's showed up\n   */\n  position?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: BDatePickerView.Days },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\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 datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: false,\n    onlyTimepicker: false,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n    prevHtml: `<svg xmlns=\"http://www.w3.org/2000/svg\"\n                   viewBox=\"0 0 320 512\">\n                  <path d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/>\n              </svg>`,\n    nextHtml: `<svg xmlns=\"http://www.w3.org/2000/svg\"\n                   viewBox=\"0 0 320 512\">\n                  <path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/>\n              </svg>`,\n  } as any; // AirDatepickerOptions\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 inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n        datePicker.setViewDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true },\n);\nwatch(\n  [\n    locale,\n    () => props.position,\n    () => props.minDate,\n    () => props.maxDate,\n    () => props.view,\n  ],\n  () => {\n    datePicker.update(datePickerOptions.value);\n  },\n);\n//#endregion\n\n//#region Methods\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n    datePicker.setViewDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-relative ds-z-[2] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-absolute ds-top-0 ds-z-[1]\"]),\n        disabled: _ctx.disabled,\n        readonly: \"\"\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_unref(t)('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-3 ds-z-[3]\"\n      }, [\n        (_openBlock(), _createElementBlock(\"svg\", {\n          class: _normalizeClass([[\n            props.disabled ? 'ds-fill-black/40' : 'ds-text-black/[0.85]',\n          ], \"ds-h-4 ds-w-4\"]),\n          viewBox: \"0 0 448 512\",\n          xmlns: \"http://www.w3.org/2000/svg\"\n        }, _hoisted_7, 2))\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\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","BDatePickerView","__props","__emit","props","emit","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","checkIfISOFormat","unlockScrollBody","lockScrollBody","onAccept","onComplete","onBlur","r","arr","dateStr","enabled","btnEl","onMounted","AirDatepicker","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_unref","_createCommentVNode","_createBlock","BErrorMessage"],"mappings":"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"}
+{"version":3,"file":"design-system13.mjs","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n  ensureVisiblePosition,\n  resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Props\nexport interface BDropdownProps {\n  inputId?: string;\n  modelValue?: boolean;\n  label?: string;\n  /**\n   * CSS of toggle\n   */\n  toggleCssClass?: string;\n  /**\n   * CSS of menu\n   */\n  menuCssClass?: string;\n  /**\n   * Prevent menu from closing when clicking outside\n   */\n  noCloseOnClickOutside?: boolean;\n  /**\n   * Prevent menu from closing when \"Esc\" pressed\n   */\n  noCloseOnEsc?: boolean;\n  /**\n   * Enable \"fix\" position for menu\n   */\n  menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdown',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: Boolean, default: undefined },\n    label: { default: '' },\n    toggleCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    noCloseOnClickOutside: { type: Boolean, default: false },\n    noCloseOnEsc: { type: Boolean, default: false },\n    menuFixed: { type: Boolean, default: false }\n  },\n  emits: [\"hidden\", \"shown\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val: boolean) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  if (val) {\n    ensureMenuPosition();\n  } else {\n    resetMenuPosition();\n    toggle.value?.blur();\n  }\n});\nwatch(\n  () => props.noCloseOnClickOutside,\n  (val) => {\n    if (val) {\n      removeClickOutsideEventListener();\n    } else {\n      initClickOutsideEventListener();\n    }\n  },\n);\nwatch(\n  () => props.noCloseOnEsc,\n  (val) => {\n    if (val) {\n      removePressEscapeEventListener();\n    } else {\n      initPressEscapeEventListener();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n  if (event.key === 'Escape') {\n    close();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [dropdown.value, dropdownMenu.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    close();\n  }\n};\nconst onClickToggle = () => {\n  value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(\n      dropdown.value!,\n      dropdownMenu.value!,\n      props.menuFixed,\n    );\n    emit('shown');\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(dropdown.value!, dropdownMenu.value!);\n  emit('hidden');\n};\nconst close = () => {\n  value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (!props.noCloseOnEsc) {\n    initPressEscapeEventListener();\n  }\n  if (!props.noCloseOnClickOutside) {\n    initClickOutsideEventListener();\n  }\n});\nonBeforeUnmount(() => {\n  removePressEscapeEventListener();\n  removeClickOutsideEventListener();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n//#endregion\n\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"dropdown\",\n    ref: dropdown\n  }, [\n    (props.label)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: id.value,\n          class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n        }, _toDisplayString(props.label), 9, _hoisted_1))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"button\", {\n      id: id.value,\n      ref_key: \"toggle\",\n      ref: toggle,\n      class: _normalizeClass([_ctx.toggleCssClass, \"focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n      type: \"button\",\n      onClick: onClickToggle\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\")\n    ], 10, _hoisted_2),\n    _withDirectives(_createElementVNode(\"div\", {\n      id: `${id.value}Menu`,\n      ref_key: \"dropdownMenu\",\n      ref: dropdownMenu,\n      class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 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      _renderSlot(_ctx.$slots, \"default\")\n    ], 10, _hoisted_3), [\n      [_vShow, value.value]\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system130.js

@@ -1,2 +1,2 @@
-"use strict";var r=9007199254740991;function n(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=r}module.exports=n;
+"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;
 //# sourceMappingURL=design-system130.js.map

package/dist/design-system130.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system130.js","sources":["../node_modules/lodash-es/isLength.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n"],"names":["MAX_SAFE_INTEGER","isLength","value"],"mappings":"aACA,IAAIA,EAAmB,iBA4BvB,SAASC,EAASC,EAAO,CACvB,OAAO,OAAOA,GAAS,UACrBA,EAAQ,IAAMA,EAAQ,GAAK,GAAKA,GAASF,CAC7C","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system130.js","sources":["../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};"],"names":["randomUUID","native"],"mappings":"aAAA,MAAMA,EAAa,OAAO,OAAW,KAAe,OAAO,YAAc,OAAO,WAAW,KAAK,MAAM,EACvFC,EAAA,CACb,WAAAD,CACF","x_google_ignoreList":[0]}

package/dist/design-system130.mjs

@@ -1,8 +1,7 @@
-var n = 9007199254740991;
-function r(t) {
-  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= n;
-}
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
+};
 export {
-  r as default
+  t as default
 };
 //# sourceMappingURL=design-system130.mjs.map

package/dist/design-system130.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system130.mjs","sources":["../node_modules/lodash-es/isLength.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n"],"names":["MAX_SAFE_INTEGER","isLength","value"],"mappings":"AACA,IAAIA,IAAmB;AA4BvB,SAASC,EAASC,GAAO;AACvB,SAAO,OAAOA,KAAS,YACrBA,IAAQ,MAAMA,IAAQ,KAAK,KAAKA,KAASF;AAC7C;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system130.mjs","sources":["../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};"],"names":["randomUUID","native"],"mappings":"AAAA,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA;AAAA,EACb,YAAAD;AACF;","x_google_ignoreList":[0]}

package/dist/design-system131.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./design-system132.js"),t=require("./design-system133.js");var f=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=f&&typeof module=="object"&&module&&!module.nodeType&&module,s=e&&e.exports===f,r=s?o.Buffer:void 0,u=r?r.isBuffer:void 0,n=u||t;const i=n;module.exports=i;
+"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;
 //# sourceMappingURL=design-system131.js.map

package/dist/design-system131.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system131.js","sources":["../node_modules/lodash-es/isBuffer.js"],"sourcesContent":["import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n"],"names":["freeExports","freeModule","moduleExports","Buffer","root","nativeIsBuffer","isBuffer","stubFalse","isBuffer$1"],"mappings":"yFAIA,IAAIA,EAAc,OAAO,SAAW,UAAY,SAAW,CAAC,QAAQ,UAAY,QAG5EC,EAAaD,GAAe,OAAO,QAAU,UAAY,QAAU,CAAC,OAAO,UAAY,OAGvFE,EAAgBD,GAAcA,EAAW,UAAYD,EAGrDG,EAASD,EAAgBE,EAAK,OAAS,OAGvCC,EAAiBF,EAASA,EAAO,SAAW,OAmB5CG,EAAWD,GAAkBE,EAEjC,MAAAC,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system131.js","sources":["../node_modules/uuid/dist/esm-browser/rng.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}"],"names":["getRandomValues","rnds8","rng"],"mappings":"aAGA,IAAIA,EACJ,MAAMC,EAAQ,IAAI,WAAW,EAAE,EAChB,SAASC,GAAM,CAE5B,GAAI,CAACF,IAEHA,EAAkB,OAAO,OAAW,KAAe,OAAO,iBAAmB,OAAO,gBAAgB,KAAK,MAAM,EAE3G,CAACA,GACH,MAAM,IAAI,MAAM,0GAA0G,EAI9H,OAAOA,EAAgBC,CAAK,CAC9B","x_google_ignoreList":[0]}

package/dist/design-system131.mjs

@@ -1,8 +1,11 @@
-import f from "./design-system132.mjs";
-import t from "./design-system133.mjs";
-var r = typeof exports == "object" && exports && !exports.nodeType && exports, e = r && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === r, o = u ? f.Buffer : void 0, s = o ? o.isBuffer : void 0, p = s || t;
-const m = p;
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return t(e);
+}
 export {
-  m as default
+  o as default
 };
 //# sourceMappingURL=design-system131.mjs.map

package/dist/design-system131.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system131.mjs","sources":["../node_modules/lodash-es/isBuffer.js"],"sourcesContent":["import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n"],"names":["freeExports","freeModule","moduleExports","Buffer","root","nativeIsBuffer","isBuffer","stubFalse","isBuffer$1"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAAW,YAAY,WAAW,CAAC,QAAQ,YAAY,SAG5EC,IAAaD,KAAe,OAAO,UAAU,YAAY,UAAU,CAAC,OAAO,YAAY,QAGvFE,IAAgBD,KAAcA,EAAW,YAAYD,GAGrDG,IAASD,IAAgBE,EAAK,SAAS,QAGvCC,IAAiBF,IAASA,EAAO,WAAW,QAmB5CG,IAAWD,KAAkBE;AAEjC,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system131.mjs","sources":["../node_modules/uuid/dist/esm-browser/rng.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}"],"names":["getRandomValues","rnds8","rng"],"mappings":"AAGA,IAAIA;AACJ,MAAMC,IAAQ,IAAI,WAAW,EAAE;AAChB,SAASC,IAAM;AAE5B,MAAI,CAACF,MAEHA,IAAkB,OAAO,SAAW,OAAe,OAAO,mBAAmB,OAAO,gBAAgB,KAAK,MAAM,GAE3G,CAACA;AACH,UAAM,IAAI,MAAM,0GAA0G;AAI9H,SAAOA,EAAgBC,CAAK;AAC9B;","x_google_ignoreList":[0]}

package/dist/design-system132.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system172.js");var t=typeof self=="object"&&self&&self.Object===Object&&self,r=e||t||Function("return this")();const o=r;module.exports=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;
 //# sourceMappingURL=design-system132.js.map

package/dist/design-system132.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system132.js","sources":["../node_modules/lodash-es/_root.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nexport default root;\n"],"names":["freeSelf","root","freeGlobal","root$1"],"mappings":"sDAGA,IAAIA,EAAW,OAAO,MAAQ,UAAY,MAAQ,KAAK,SAAW,QAAU,KAGxEC,EAAOC,GAAcF,GAAY,SAAS,aAAa,EAAC,EAE5D,MAAAG,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system132.js","sources":["../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","unsafeStringify","arr","offset"],"mappings":"gFAMA,MAAMA,EAAY,CAAA,EAElB,QAAS,EAAI,EAAG,EAAI,IAAK,EAAE,EACzBA,EAAU,MAAM,EAAI,KAAO,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC,EAG3C,SAASC,EAAgBC,EAAKC,EAAS,EAAG,CAG/C,OAAOH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAI,IAAMH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAI,IAAMH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAI,IAAMH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAIH,EAAUE,EAAIC,EAAS,CAAC,CAAC,EAAI,IAAMH,EAAUE,EAAIC,EAAS,EAAE,CAAC,EAAIH,EAAUE,EAAIC,EAAS,EAAE,CAAC,EAAIH,EAAUE,EAAIC,EAAS,EAAE,CAAC,EAAIH,EAAUE,EAAIC,EAAS,EAAE,CAAC,EAAIH,EAAUE,EAAIC,EAAS,EAAE,CAAC,EAAIH,EAAUE,EAAIC,EAAS,EAAE,CAAC,CACnf","x_google_ignoreList":[0]}