@7pmlabs/design-system 0.1.8 → 0.2.0

package/dist/design-system10.mjs

@@ -1,88 +1,298 @@
-import { defineComponent as m, computed as i, openBlock as l, createElementBlock as n, normalizeClass as t, createElementVNode as r, createCommentVNode as b, renderSlot as u } from "vue";
-import { BButtonType as s, BButtonSize as a } from "./design-system5.mjs";
-const f = ["disabled"], y = { class: "ds-flex ds-items-center ds-justify-center" }, g = { class: "ds-flex ds-items-center" }, v = /* @__PURE__ */ m({
-  __name: "BButton",
+import { defineComponent as J, ref as g, computed as d, nextTick as S, watch as C, onMounted as K, onBeforeUnmount as Q, openBlock as D, createElementBlock as P, createVNode as W, createElementVNode as i, normalizeClass as V, toDisplayString as X, createCommentVNode as q, createBlock as Z, unref as ee } from "vue";
+import c from "./design-system87.mjs";
+import m from "./design-system81.mjs";
+import { useI18n as se } from "./design-system40.mjs";
+import te from "./design-system88.mjs";
+import { useValidationField as ae } from "./design-system3.mjs";
+import { DateDelimiter as R } from "./design-system4.mjs";
+import { BDatePickerView as oe } from "./design-system5.mjs";
+import { unlockScrollBody as Y, lockScrollBody as de } from "./design-system6.mjs";
+import { checkIfISOFormat as ne } from "./design-system39.mjs";
+import re from "./design-system26.mjs";
+import le from "./design-system27.mjs";
+import ie from "./design-system83.mjs";
+const ce = { class: "ds-relative" }, me = ["id", "disabled", "placeholder"], ue = ["id", "disabled"], pe = ["for"], fe = ["for"], $e = /* @__PURE__ */ J({
+  __name: "BDatePicker",
   props: {
-    type: { default: s.Secondary },
-    prependIcon: { default: "" },
-    appendIcon: { default: "" },
-    size: { default: a.Medium },
-    disabled: { type: Boolean, default: !1 }
+    inputId: { default: "" },
+    modelValue: {},
+    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: oe.Days },
+    hideDetails: { type: Boolean, default: !1 },
+    position: { default: "bottom left" }
   },
-  setup(p) {
-    const d = p, c = i(() => {
-      let e = "ds-font-semibold ds-text-center ";
-      switch (e += "disabled:ds-cursor-not-allowed ", d.type) {
-        case s.Primary:
-        default:
-          e += "ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-lg ds-text-white ", e += d.disabled ? "ds-bg-gray-150 " : "ds-from-primary-f ds-to-primary-t ";
-          break;
-        case s.Secondary:
-          e += "ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-[#e6f0fe] disabled:ds-text-black/[0.4] ", e += d.disabled ? "ds-border-inner-secondary--disabled " : "ds-border-inner-secondary ";
-          break;
-        case s.Additional:
-          e += "ds-rounded-lg ds-bg-transparent ds-text-black/[0.85] enabled:hover:ds-bg-gray-150 disabled:ds-text-black/[0.4] ", e += d.disabled ? "ds-border-inner-additional--disabled " : "ds-border-inner-additional ";
-          break;
-        case s.Clear:
-          e += "ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-[#e6f0fe] disabled:ds-text-black/[0.4] ";
-          break;
-        case s.Icon:
-          e += "ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-full ds-rounded-full ds-text-white ", e += d.disabled ? "disabled:ds-bg-gray-150 " : "ds-from-primary-f ds-to-primary-t ";
-          break;
+  emits: ["update:modelValue"],
+  setup(I, { emit: l }) {
+    const t = I, { t: s, locale: T } = se(), u = `DD${R}MM${R}YYYY`, f = /* @__PURE__ */ new Date();
+    let n, r;
+    const M = g(null), F = {
+      validateRule: (e) => !!e,
+      errorMessage: () => t.requiredErrorMessage || s("ds.global.field_required")
+    }, b = g(), o = d(() => t.inputId || `id-${ie()}`), w = d({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        l("update:modelValue", e);
       }
-      switch (d.size) {
-        case a.Small:
-          e += d.type !== s.Icon ? "ds-text-sm ds-leading-4 ds-py-2 ds-px-3 " : "ds-text-base ds-leading-4 ds-h-8 ds-w-8 ";
-          break;
-        case a.Medium:
-        default:
-          e += d.type !== s.Icon ? "ds-text-sm ds-leading-4 ds-py-3.5 lg:ds-py-3 ds-px-4 " : "ds-text-2xl ds-leading-4 ds-h-11 ds-w-11 lg:ds-h-10 lg:ds-w-10 ";
-          break;
+    }), j = d(() => [
+      {
+        content: s("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: (e) => {
+          e.clear(), S(() => {
+            y();
+          }), e.hide();
+        }
+      },
+      {
+        content: s("ds.components.base.date_picker.buttons.confirm"),
+        className: `${o.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: (e) => {
+          w.value = b.value !== void 0 ? b.value : "", S(() => {
+            y();
+          }), e.hide();
+        },
+        attrs: t.required ? {
+          disabled: ""
+        } : void 0
       }
-      return e;
-    }), o = i(() => {
-      let e = "";
-      switch (d.size) {
-        case a.Small:
-          e += "ds-h-[8px] ds-w-[16px] ";
-          break;
-        case a.Medium:
-        default:
-          e += "ds-h-[8px] ds-w-[16px] ";
-          break;
+    ]), x = d(() => {
+      const e = {
+        days: [
+          s("ds.components.base.date_picker.days.sunday"),
+          s("ds.components.base.date_picker.days.monday"),
+          s("ds.components.base.date_picker.days.tuesday"),
+          s("ds.components.base.date_picker.days.wednesday"),
+          s("ds.components.base.date_picker.days.thursday"),
+          s("ds.components.base.date_picker.days.friday"),
+          s("ds.components.base.date_picker.days.saturday")
+        ],
+        daysShort: [
+          s("ds.components.base.date_picker.days_short.sunday"),
+          s("ds.components.base.date_picker.days_short.monday"),
+          s("ds.components.base.date_picker.days_short.tuesday"),
+          s("ds.components.base.date_picker.days_short.wednesday"),
+          s("ds.components.base.date_picker.days_short.thursday"),
+          s("ds.components.base.date_picker.days_short.friday"),
+          s("ds.components.base.date_picker.days_short.saturday")
+        ],
+        daysMin: [
+          s("ds.components.base.date_picker.days_min.sunday"),
+          s("ds.components.base.date_picker.days_min.monday"),
+          s("ds.components.base.date_picker.days_min.tuesday"),
+          s("ds.components.base.date_picker.days_min.wednesday"),
+          s("ds.components.base.date_picker.days_min.thursday"),
+          s("ds.components.base.date_picker.days_min.friday"),
+          s("ds.components.base.date_picker.days_min.saturday")
+        ],
+        months: [
+          s("ds.components.base.date_picker.months.january"),
+          s("ds.components.base.date_picker.months.february"),
+          s("ds.components.base.date_picker.months.march"),
+          s("ds.components.base.date_picker.months.april"),
+          s("ds.components.base.date_picker.months.may"),
+          s("ds.components.base.date_picker.months.june"),
+          s("ds.components.base.date_picker.months.july"),
+          s("ds.components.base.date_picker.months.august"),
+          s("ds.components.base.date_picker.months.september"),
+          s("ds.components.base.date_picker.months.october"),
+          s("ds.components.base.date_picker.months.november"),
+          s("ds.components.base.date_picker.months.december")
+        ],
+        monthsShort: [
+          s("ds.components.base.date_picker.months_short.january"),
+          s("ds.components.base.date_picker.months_short.february"),
+          s("ds.components.base.date_picker.months_short.march"),
+          s("ds.components.base.date_picker.months_short.april"),
+          s("ds.components.base.date_picker.months_short.may"),
+          s("ds.components.base.date_picker.months_short.june"),
+          s("ds.components.base.date_picker.months_short.july"),
+          s("ds.components.base.date_picker.months_short.august"),
+          s("ds.components.base.date_picker.months_short.september"),
+          s("ds.components.base.date_picker.months_short.october"),
+          s("ds.components.base.date_picker.months_short.november"),
+          s("ds.components.base.date_picker.months_short.december")
+        ],
+        today: s("ds.components.base.date_picker.buttons.today"),
+        clear: s("ds.components.base.date_picker.buttons.clear"),
+        dateFormat: "dd/MM/yyyy",
+        timeFormat: "HH:mm",
+        firstDay: 1
+        // Monday
+      }, a = ({
+        date: p
+      }) => {
+        b.value = p, t.required && G(!!p);
+      };
+      return {
+        locale: e,
+        selectedDates: [t.modelValue],
+        onSelect: a,
+        buttons: [...j.value],
+        showOtherMonths: !1,
+        timepicker: !1,
+        onlyTimepicker: !1,
+        minDate: t.minDate,
+        maxDate: t.maxDate,
+        view: t.view,
+        onHide: O,
+        onShow: A,
+        navTitles: {
+          days: "MMMM yyyy"
+        },
+        position: t.position
+      };
+    }), z = d(() => {
+      let e = [];
+      return t.required && e.push(F), t.validationRules && (e = e.concat(t.validationRules)), e.length ? e : void 0;
+    }), B = d(() => [
+      "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": !_.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": _.value.valid,
+        "!ds-border-focus ds-ring-1 ds-ring-focus": k.value
+      },
+      t.inputCssClass
+    ]), H = d(() => t.modelValue ? f.getDate() === t.modelValue.getDate() && f.getMonth() === t.modelValue.getMonth() && f.getFullYear() === t.modelValue.getFullYear() : !1), N = d(() => {
+      const e = {
+        mask: c.MaskedDate,
+        pattern: u,
+        lazy: !0,
+        format: (a) => m(a).format(u),
+        parse: (a) => m(a, u),
+        blocks: {
+          YYYY: {
+            mask: c.MaskedRange,
+            from: 1,
+            to: 9999
+          },
+          MM: {
+            mask: c.MaskedRange,
+            from: 1,
+            to: 12
+          },
+          DD: {
+            mask: c.MaskedRange,
+            from: 1,
+            to: 31
+          }
+        }
+      };
+      return t.minDate && (e.min = t.minDate), t.maxDate && (e.max = t.maxDate), e;
+    }), k = g(!1), { validate: y, validationResult: _ } = ae(
+      o.value,
+      w,
+      z.value
+    );
+    C(
+      () => t.modelValue,
+      () => {
+        h(n.selectedDates[0]) && (t.modelValue ? n.selectDate(t.modelValue) : n.clear()), h(v()) && (r.value = $(t.modelValue));
+      },
+      { deep: !0 }
+    ), C(
+      [
+        T,
+        () => t.position,
+        () => t.minDate,
+        () => t.maxDate,
+        () => t.view
+      ],
+      () => {
+        n.update(x.value);
       }
-      return e;
+    ), K(() => {
+      n = new te(
+        `#${o.value}Picker`,
+        x.value
+      ), r = c(M.value, N.value), r.value = $(t.modelValue), r.on("accept", E), r.on("complete", L);
     });
-    return (e, x) => (l(), n("button", {
-      type: "button",
-      class: t(c.value),
-      disabled: e.disabled
-    }, [
-      r("div", y, [
-        e.prependIcon ? (l(), n("div", {
+    const $ = (e) => ne(e) ? m(e).format(u) : e, O = () => {
+      k.value = !1, Y();
+    }, A = () => {
+      k.value = !0, t.modelValue ? n.selectDate(t.modelValue) : n.clear(), de();
+    }, E = () => {
+      r.unmaskedValue || l("update:modelValue", "");
+    }, L = () => {
+      const e = v();
+      return e ? l("update:modelValue", e) : l("update:modelValue", "");
+    }, U = () => {
+      const e = v();
+      y(), h(e) && l("update:modelValue", e === void 0 ? "" : e);
+    }, h = (e) => [
+      !t.modelValue && e,
+      !e && t.modelValue,
+      t.modelValue && e && t.modelValue.getTime() !== e.getTime()
+    ].some((p) => p), v = () => {
+      const e = r.value.split("/"), a = `${e[2]}-${e[1]}-${e[0]}`;
+      if (m(a, m.ISO_8601, !0).isValid())
+        return new Date(a);
+    }, G = (e) => {
+      const a = document.querySelector(`.${o.value}-btn-confirm`);
+      e ? a == null || a.removeAttribute("disabled") : a == null || a.setAttribute("disabled", "");
+    };
+    return Q(() => {
+      Y();
+    }), (e, a) => (D(), P("div", null, [
+      W(le, {
+        id: o.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      i("div", ce, [
+        i("input", {
+          id: o.value,
+          ref_key: "inputMaskRef",
+          ref: M,
+          class: V([B.value, "ds-relative ds-z-[2] ds-drop-shadow-light"]),
+          disabled: e.disabled,
+          placeholder: e.placeholder,
+          onBlur: U
+        }, null, 42, me),
+        i("input", {
+          id: `${o.value}Picker`,
+          class: V([B.value, "ds-absolute ds-top-0 ds-z-[1]"]),
+          disabled: e.disabled,
+          readonly: ""
+        }, null, 10, ue),
+        e.showHintToday && H.value ? (D(), P("label", {
           key: 0,
-          class: t(["ds-relative ds-mr-2", o.value])
+          for: o.value,
+          class: "ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm"
+        }, X(`(${e.$t("ds.components.base.date_picker.today")})`), 9, pe)) : q("", !0),
+        i("label", {
+          for: `${o.value}Picker`,
+          class: "ds-absolute ds-right-3 ds-top-2 ds-z-[3]"
         }, [
-          r("span", {
-            class: t(["ds-absolute -ds-bottom-[3px] ds-left-0 ds-text-[16px]", e.prependIcon])
+          i("i", {
+            class: V([[
+              t.disabled ? "ds-text-black/[0.4]" : "ds-text-black/[0.85]"
+            ], "fa-solid fa-calendar-lines"])
           }, null, 2)
-        ], 2)) : b("", !0),
-        r("div", g, [
-          u(e.$slots, "default")
-        ]),
-        e.appendIcon ? (l(), n("div", {
-          key: 1,
-          class: t(["ds-relative ds-ml-2", o.value])
-        }, [
-          r("span", {
-            class: t(["ds-absolute -ds-bottom-[3px] ds-left-0 ds-text-[16px]", e.appendIcon])
-          }, null, 2)
-        ], 2)) : b("", !0)
-      ])
-    ], 10, f));
+        ], 8, fe)
+      ]),
+      e.hideDetails ? q("", !0) : (D(), Z(re, {
+        key: 0,
+        "error-message": ee(_).errorMessage(),
+        class: "ds-mt-1",
+        "prepend-icon": "fa-solid fa-circle-exclamation"
+      }, null, 8, ["error-message"]))
+    ]));
   }
 });
 export {
-  v as default
+  $e as default
 };
 //# sourceMappingURL=design-system10.mjs.map

package/dist/design-system10.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system10.mjs","sources":["../src/components/BButton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\nconst _hoisted_2 = { class: \"ds-flex ds-items-center ds-justify-center\" }\nconst _hoisted_3 = { class: \"ds-flex ds-items-center\" }\n\nimport { computed } from 'vue';\nimport { BButtonSize, BButtonType } from '@/constants/Enums';\n\nexport interface Props {\n  type?: `${BButtonType}`;\n  prependIcon?: string;\n  appendIcon?: string;\n  size?: `${BButtonSize}`;\n  disabled?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BButton',\n  props: {\n    type: { default: BButtonType.Secondary },\n    prependIcon: { default: '' },\n    appendIcon: { default: '' },\n    size: { default: BButtonSize.Medium },\n    disabled: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst btnCssClass = computed(() => {\n  let result = 'ds-font-semibold ds-text-center ';\n  result += 'disabled:ds-cursor-not-allowed ';\n\n  switch (props.type) {\n    case BButtonType.Primary:\n    default:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-lg ds-text-white `;\n      result += props.disabled\n        ? `ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n    case BButtonType.Secondary:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-[#e6f0fe] disabled:ds-text-black/[0.4] `;\n      result += props.disabled\n        ? `ds-border-inner-secondary--disabled `\n        : `ds-border-inner-secondary `;\n      break;\n    case BButtonType.Additional:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-black/[0.85] enabled:hover:ds-bg-gray-150 disabled:ds-text-black/[0.4] `;\n      result += props.disabled\n        ? `ds-border-inner-additional--disabled `\n        : `ds-border-inner-additional `;\n      break;\n    case BButtonType.Clear:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-[#e6f0fe] disabled:ds-text-black/[0.4] `;\n      break;\n    case BButtonType.Icon:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-full ds-rounded-full ds-text-white `;\n      result += props.disabled\n        ? `disabled:ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n  }\n\n  switch (props.size) {\n    case BButtonSize.Small:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-2 ds-px-3 `\n          : `ds-text-base ds-leading-4 ds-h-8 ds-w-8 `;\n      break;\n    case BButtonSize.Medium:\n    default:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-3.5 lg:ds-py-3 ds-px-4 `\n          : `ds-text-2xl ds-leading-4 ds-h-11 ds-w-11 lg:ds-h-10 lg:ds-w-10 `;\n      break;\n  }\n\n  return result;\n});\nconst iconCssClass = computed(() => {\n  let result = '';\n\n  switch (props.size) {\n    case BButtonSize.Small:\n      result += `ds-h-[8px] ds-w-[16px] `;\n      break;\n    case BButtonSize.Medium:\n    default:\n      result += `ds-h-[8px] ds-w-[16px] `;\n      break;\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"button\", {\n    type: \"button\",\n    class: _normalizeClass(btnCssClass.value),\n    disabled: _ctx.disabled\n  }, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: _normalizeClass([\"ds-relative ds-mr-2\", iconCssClass.value])\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"ds-absolute -ds-bottom-[3px] ds-left-0 ds-text-[16px]\", _ctx.prependIcon])\n            }, null, 2)\n          ], 2))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"div\", _hoisted_3, [\n        _renderSlot(_ctx.$slots, \"default\")\n      ]),\n      (_ctx.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 1,\n            class: _normalizeClass([\"ds-relative ds-ml-2\", iconCssClass.value])\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"ds-absolute -ds-bottom-[3px] ds-left-0 ds-text-[16px]\", _ctx.appendIcon])\n            }, null, 2)\n          ], 2))\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 10, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BButtonType","BButtonSize","__props","props","btnCssClass","computed","result","iconCssClass","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"design-system10.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, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, 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\"]\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-6.4.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 type { BDatePickerProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\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 }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\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/**\n * Computed\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  } 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\n/**\n * Watch\n */\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      } 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\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});\n\n/**\n * Methods\n */\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  } 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\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\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(`(${_ctx.$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-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([[\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ], \"fa-solid fa-calendar-lines\"])\n        }, null, 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          \"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","_sfc_main","_defineComponent","BDatePickerView","__props","emit","props","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","onMounted","AirDatepicker","onAccept","onComplete","checkIfISOFormat","unlockScrollBody","lockScrollBody","onBlur","r","arr","dateStr","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system104.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system145.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";const e=require("./design-system148.js");var t=typeof self=="object"&&self&&self.Object===Object&&self,r=e||t||Function("return this")();const o=r;module.exports=o;
 //# sourceMappingURL=design-system104.js.map

package/dist/design-system104.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system145.mjs";
+import e from "./design-system148.mjs";
 var t = typeof self == "object" && self && self.Object === Object && self, o = e || t || Function("return this")();
 const f = o;
 export {

package/dist/design-system106.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system146.js"),r=require("./design-system147.js"),i=require("./design-system148.js");var o="[object Null]",g="[object Undefined]",t=n?n.toStringTag:void 0;function c(e){return e==null?e===void 0?g:o:t&&t in Object(e)?r(e):i(e)}module.exports=c;
+"use strict";const n=require("./design-system149.js"),r=require("./design-system150.js"),i=require("./design-system151.js");var o="[object Null]",g="[object Undefined]",t=n?n.toStringTag:void 0;function c(e){return e==null?e===void 0?g:o:t&&t in Object(e)?r(e):i(e)}module.exports=c;
 //# sourceMappingURL=design-system106.js.map

package/dist/design-system106.mjs

@@ -1,6 +1,6 @@
-import t from "./design-system146.mjs";
-import e from "./design-system147.mjs";
-import o from "./design-system148.mjs";
+import t from "./design-system149.mjs";
+import e from "./design-system150.mjs";
+import o from "./design-system151.mjs";
 var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
 function m(n) {
   return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);

package/dist/design-system109.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system138.js"),r=require("./design-system98.js");var s="[object Map]";function a(e){return r(e)&&t(e)==s}module.exports=a;
+"use strict";const t=require("./design-system141.js"),r=require("./design-system98.js");var s="[object Map]";function a(e){return r(e)&&t(e)==s}module.exports=a;
 //# sourceMappingURL=design-system109.js.map

package/dist/design-system109.mjs

@@ -1,4 +1,4 @@
-import a from "./design-system138.mjs";
+import a from "./design-system141.mjs";
 import r from "./design-system98.mjs";
 var e = "[object Map]";
 function i(t) {

package/dist/design-system11.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),_=require("./design-system2.js"),C=require("./design-system39.js"),V=require("./design-system30.js"),q=require("./design-system31.js"),E=require("./design-system79.js"),w={class:"ds-relative"},R={key:0,class:"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},N=["id"],D=["id","placeholder","autocomplete","type","disabled","readonly","inputmode","onKeyup"],F={key:1,class:"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},K=["id"],M=e.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},keyPressFn:{default:void 0},inputmode:{default:"text"}},emits:["click:prepend","click:append","press:enter","focus","blur","update:modelValue"],setup(p,{expose:c,emit:l}){const o=p,{t:f}=C.useI18n(),n=e.ref(null),m={validateRule:s=>typeof s=="number"?!!s:!!(s&&(s!=null&&s.trim())),errorMessage:()=>o.requiredErrorMessage||f("ds.global.field_required")},d=e.computed(()=>o.inputId||`id-${E()}`),r=e.computed({get(){return o.modelValue},set(s){l("update:modelValue",s)}}),v=e.computed(()=>[{"ds-pl-9":o.prependIcon,"ds-pr-9":o.appendIcon,"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":o.disabled,"ds-text-black/[0.85]":!o.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},o.inputCssClass]),y=e.computed(()=>{let s=[];return o.required&&s.push(m),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),{validate:i,validationResult:a}=_.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},k=()=>{l("press:enter")},g=()=>{l("focus")},B=()=>{l("blur")},I=()=>{i()};return c({validate:i,focus:()=>{var s;(s=n.value)==null||s.focus()},blur:()=>{var s;(s=n.value)==null||s.blur()}}),(s,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(V,{id:d.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",w,[s.prependIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{id:`${d.value}prependIcon`,class:e.normalizeClass(s.prependIcon),onClick:b},null,10,N)],512)),[[e.vShow,!s.hidePrependIcon]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),placeholder:o.placeholder,autocomplete:o.autocomplete?"on":"off",type:o.type,class:e.normalizeClass(["ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light",v.value]),disabled:o.disabled,readonly:o.readonly,inputmode:o.inputmode,onKeyup:[e.withKeys(k,["enter"]),I],onFocus:g,onBlur:B,onKeypress:t[1]||(t[1]=(...u)=>s.keyPressFn&&s.keyPressFn(...u))},null,42,D),[[e.vModelDynamic,r.value]]),s.appendIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("span",{id:`${d.value}appendIcon`,class:e.normalizeClass(s.appendIcon),onClick:h},null,10,K)],512)),[[e.vShow,!s.hideAppendIcon]]):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,class:"ds-mt-1","error-message":e.unref(a).errorMessage()},null,8,["error-message"]))]))}});module.exports=M;
+"use strict";const e=require("vue"),g=require("./design-system6.js"),O=require("./design-system83.js"),V=["for"],$=["id"],B={class:"ds-truncate"},_=["id","data-cy","data-ut"],x=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},text:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["update:modelValue","hidden","shown"],setup(E,{emit:a}){const t=E,u=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>t.inputId||`id-${O()}`),o=e.computed({get(){return t.modelValue!==void 0?t.modelValue:c.value},set(s){t.modelValue!==void 0?a("update:modelValue",s):c.value=s}});e.watch(o,s=>{var d;s?h():(C(),(d=u.value)==null||d.blur())}),e.watch(()=>t.noCloseOnClickOutside,s=>{s?k():p()}),e.watch(()=>t.noCloseOnEsc,s=>{s?y():f()});const f=()=>{document.addEventListener("keydown",m)},m=s=>{s.key==="Escape"&&r()},p=()=>{document.addEventListener("click",v)},v=s=>{[n.value,l.value].some(b=>s.composedPath().includes(b))||r()},w=()=>{o.value=!o.value},h=()=>{e.nextTick(()=>{g.ensureVisiblePosition(n.value,l.value,t.menuFixed),a("shown")})},C=()=>{g.resetPosition(n.value,l.value),a("hidden")},r=()=>{o.value=!1},y=()=>{document.removeEventListener("keydown",m)},k=()=>{document.removeEventListener("click",v)};return e.onMounted(()=>{t.noCloseOnEsc||f(),t.noCloseOnClickOutside||p()}),e.onBeforeUnmount(()=>{y(),k(),C()}),e.provide("closeDropdown",r),(s,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(t.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:u,class:e.normalizeClass([s.toggleCssClass,"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-5 ds-py-2.5 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(s.$slots,"toggle",{},()=>[e.createElementVNode("span",B,e.toDisplayString(t.text),1),e.createTextVNode("   "),e.createElementVNode("span",{class:e.normalizeClass([`${o.value?"ds-rotate-180":""}`,"fa-solid fa-caret-down ds-transition-transform"])},null,2)])],10,$),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${s.menuCssClass} ${t.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(s.$slots,"default")],10,_),[[e.vShow,o.value]])],512))}});module.exports=x;
 //# sourceMappingURL=design-system11.js.map

package/dist/design-system11.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system11.js","sources":["../src/components/BTextField.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, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"placeholder\", \"autocomplete\", \"type\", \"disabled\", \"readonly\", \"inputmode\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  prependIcon?: string;\n  hidePrependIcon?: boolean;\n  appendIcon?: string;\n  hideAppendIcon?: boolean;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n  keyPressFn?: any;\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    keyPressFn: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'focus',\n  'blur',\n  'update:modelValue',\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 { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\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 inputCssClassValue = computed(() => [\n  {\n    'ds-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\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  },\n  props.inputCssClass,\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 * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\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      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        placeholder: props.placeholder,\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        type: props.type,\n        class: _normalizeClass([\"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\", inputCssClassValue.value]),\n        disabled: props.disabled,\n        readonly: props.readonly,\n        inputmode: props.inputmode,\n        onKeyup: [\n          _withKeys(onKeyUpEnter, [\"enter\"]),\n          onKeyUp\n        ],\n        onFocus: onFocus,\n        onBlur: onBlur,\n        onKeypress: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.keyPressFn && _ctx.keyPressFn(...args)))\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage()\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","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","$event","_withKeys","args","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system11.js","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, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = { class: \"ds-truncate\" }\nconst _hoisted_4 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n  ensureVisiblePosition,\n  resetPosition,\n} from '@/helpers/ComponentHelper';\nimport type { BDropdownProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdown',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: Boolean, default: undefined },\n    label: { default: '' },\n    text: { 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: [\"update:modelValue\", \"hidden\", \"shown\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\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\n/**\n * Watch\n */\nwatch(value, (val) => {\n  if (val) {\n    ensureMenuPosition();\n  } else {\n    resetMenuPosition();\n    toggle.value?.blur();\n  }\n});\n\n/**\n * Watch\n */\nwatch(\n  () => props.noCloseOnClickOutside,\n  (val) => {\n    if (val) {\n      removeClickOutsideEventListener();\n    } else {\n      initClickOutsideEventListener();\n    }\n  }\n);\n\nwatch(\n  () => props.noCloseOnEsc,\n  (val) => {\n    if (val) {\n      removePressEscapeEventListener();\n    } else {\n      initPressEscapeEventListener();\n    }\n  }\n);\n\n/**\n * Methods\n */\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\n/**\n * Lifecycle Hooks\n */\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\n/**\n * Provide\n */\nprovide('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, \"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-5 ds-py-2.5 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n      type: \"button\",\n      onClick: onClickToggle\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\", {}, () => [\n        _createElementVNode(\"span\", _hoisted_3, _toDisplayString(props.text), 1),\n        _createTextVNode(\"   \"),\n        _createElementVNode(\"span\", {\n          class: _normalizeClass([`${value.value ? 'ds-rotate-180' : ''}`, \"fa-solid fa-caret-down ds-transition-transform\"])\n        }, null, 2)\n      ])\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_4), [\n      [_vShow, value.value]\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","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","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_createTextVNode","_withDirectives","_vShow"],"mappings":"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"}