@7pmlabs/design-system 0.1.8 → 0.2.0

package/dist/design-system11.mjs

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

package/dist/design-system11.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system11.mjs","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.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, 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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"}

package/dist/design-system111.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./design-system145.js");var o=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=o&&typeof module=="object"&&module&&!module.nodeType&&module,n=e&&e.exports===o,r=n&&i.process,s=function(){try{var t=e&&e.require&&e.require("util").types;return t||r&&r.binding&&r.binding("util")}catch{}}();const u=s;module.exports=u;
+"use strict";const i=require("./design-system148.js");var o=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=o&&typeof module=="object"&&module&&!module.nodeType&&module,n=e&&e.exports===o,r=n&&i.process,s=function(){try{var t=e&&e.require&&e.require("util").types;return t||r&&r.binding&&r.binding("util")}catch{}}();const u=s;module.exports=u;
 //# sourceMappingURL=design-system111.js.map

package/dist/design-system111.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system111.js","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.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/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":"sDAGA,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,EAAcD,GAAiBE,EAAW,QAG1CC,EAAY,UAAW,CACzB,GAAI,CAEF,IAAIC,EAAQL,GAAcA,EAAW,SAAWA,EAAW,QAAQ,MAAM,EAAE,MAE3E,OAAIK,GAKGH,GAAeA,EAAY,SAAWA,EAAY,QAAQ,MAAM,CAC3E,MAAI,CAAY,CAChB,EAAC,EAED,MAAAI,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system111.js","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.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/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":"sDAGA,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,EAAcD,GAAiBE,EAAW,QAG1CC,EAAY,UAAW,CACzB,GAAI,CAEF,IAAIC,EAAQL,GAAcA,EAAW,SAAWA,EAAW,QAAQ,MAAM,EAAE,MAE3E,OAAIK,GAKGH,GAAeA,EAAY,SAAWA,EAAY,QAAQ,MAAM,CAC3E,MAAc,CAAE,CAChB,EAAC,EAED,MAAAI,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system111.mjs

@@ -1,4 +1,4 @@
-import p from "./design-system145.mjs";
+import p from "./design-system148.mjs";
 var t = typeof exports == "object" && exports && !exports.nodeType && exports, e = t && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === t, r = u && p.process, d = function() {
   try {
     var o = e && e.require && e.require("util").types;

package/dist/design-system111.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system111.mjs","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.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/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":";AAGA,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,IAAcD,KAAiBE,EAAW,SAG1CC,IAAY,WAAW;AACzB,MAAI;AAEF,QAAIC,IAAQL,KAAcA,EAAW,WAAWA,EAAW,QAAQ,MAAM,EAAE;AAE3E,WAAIK,KAKGH,KAAeA,EAAY,WAAWA,EAAY,QAAQ,MAAM;AAAA,EAC3E,QAAI;AAAA,EAAY;AAChB,EAAC;AAED,MAAAI,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system111.mjs","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.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/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":";AAGA,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,IAAcD,KAAiBE,EAAW,SAG1CC,IAAY,WAAW;AACzB,MAAI;AAEF,QAAIC,IAAQL,KAAcA,EAAW,WAAWA,EAAW,QAAQ,MAAM,EAAE;AAE3E,WAAIK,KAKGH,KAAeA,EAAY,WAAWA,EAAY,QAAQ,MAAM;AAAA,EAC3E,QAAc;AAAA,EAAE;AAChB,EAAC;AAED,MAAAI,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system113.js

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

package/dist/design-system113.mjs

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

package/dist/design-system117.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system160.js"),g=require("./design-system96.js"),h=require("./design-system99.js"),a=require("./design-system103.js"),b=require("./design-system161.js"),q=require("./design-system114.js");var A=Object.prototype,O=A.hasOwnProperty;function d(t,c){var s=h(t),e=!s&&g(t),i=!s&&!e&&a(t),o=!s&&!e&&!i&&q(t),f=s||e||i||o,n=f?u(t.length,String):[],p=n.length;for(var r in t)(c||O.call(t,r))&&!(f&&(r=="length"||i&&(r=="offset"||r=="parent")||o&&(r=="buffer"||r=="byteLength"||r=="byteOffset")||b(r,p)))&&n.push(r);return n}module.exports=d;
+"use strict";const u=require("./design-system163.js"),g=require("./design-system96.js"),h=require("./design-system99.js"),a=require("./design-system103.js"),b=require("./design-system164.js"),q=require("./design-system114.js");var A=Object.prototype,O=A.hasOwnProperty;function d(t,c){var s=h(t),e=!s&&g(t),i=!s&&!e&&a(t),o=!s&&!e&&!i&&q(t),f=s||e||i||o,n=f?u(t.length,String):[],p=n.length;for(var r in t)(c||O.call(t,r))&&!(f&&(r=="length"||i&&(r=="offset"||r=="parent")||o&&(r=="buffer"||r=="byteLength"||r=="byteOffset")||b(r,p)))&&n.push(r);return n}module.exports=d;
 //# sourceMappingURL=design-system117.js.map

package/dist/design-system117.mjs

@@ -1,8 +1,8 @@
-import a from "./design-system160.mjs";
+import a from "./design-system163.mjs";
 import g from "./design-system96.mjs";
 import h from "./design-system99.mjs";
 import b from "./design-system103.mjs";
-import A from "./design-system161.mjs";
+import A from "./design-system164.mjs";
 import c from "./design-system114.mjs";
 var d = Object.prototype, O = d.hasOwnProperty;
 function l(t, p) {

package/dist/design-system118.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system125.js"),o=require("./design-system149.js");var n=Object.prototype,a=n.hasOwnProperty;function i(r){if(!s(r))return o(r);var e=[];for(var t in Object(r))a.call(r,t)&&t!="constructor"&&e.push(t);return e}module.exports=i;
+"use strict";const s=require("./design-system129.js"),o=require("./design-system152.js");var n=Object.prototype,a=n.hasOwnProperty;function i(r){if(!s(r))return o(r);var e=[];for(var t in Object(r))a.call(r,t)&&t!="constructor"&&e.push(t);return e}module.exports=i;
 //# sourceMappingURL=design-system118.js.map

package/dist/design-system118.mjs

@@ -1,5 +1,5 @@
-import a from "./design-system125.mjs";
-import e from "./design-system149.mjs";
+import a from "./design-system129.mjs";
+import e from "./design-system152.mjs";
 var s = Object.prototype, n = s.hasOwnProperty;
 function f(r) {
   if (!a(r))

package/dist/design-system12.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),A=require("./design-system2.js"),K=require("./design-system39.js"),P=require("./design-system81.js"),N=require("./design-system31.js"),$=require("./design-system79.js"),L=require("./design-system82.js"),S={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},W=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:modelValue","update:focusIndex"],setup(b,{expose:k,emit:l}){const s=b,{t:B}=K.useI18n(),O={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||B("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),x=e=>{u.value=e},q=()=>{u.value=-1},y=t.computed(()=>s.inputId||`id-${$()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),C=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),D=t.computed(()=>{let e=[];return s.required&&e.push(O),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),V=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=A.useValidationField(y.value,C,D.value),R=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=L(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},F=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,w)=>{n.value[w]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},j=e=>{d(e),g()},E=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},M=()=>{v()};return k({validate:v,focus:R}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",S,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock(P,{ref_for:!0,ref_key:"boxRefs",ref:f,key:a,focus:u.value===a,value:n.value[a],"is-disabled":e.disabled,class:t.normalizeClass(V.value),onOnChange:j,onOnKeydown:E,onOnKeyup:M,onOnPaste:F,onOnFocus:_=>x(a),onOnBlur:q},null,8,["focus","value","is-disabled","class","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(N,{key:0,class:"ds-mt-1","error-message":t.unref(m).errorMessage()},null,8,["error-message"]))]))}});module.exports=W;
+"use strict";const e=require("vue"),r=e.defineComponent({__name:"BDropdownItem",props:{closeOnClick:{type:Boolean,default:!1}},setup(s){const t=s,o=e.inject("closeDropdown"),n=()=>{t.closeOnClick&&o&&o()};return(c,l)=>(e.openBlock(),e.createElementBlock("li",{class:"ds-cursor-pointer ds-px-3 ds-py-2 ds-text-sm ds-text-gray-700 hover:ds-bg-slate-100",onClick:n},[e.renderSlot(c.$slots,"default")]))}});module.exports=r;
 //# sourceMappingURL=design-system12.js.map

package/dist/design-system12.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system12.js","sources":["../src/components/BOtpField/BOtpField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createBlock as _createBlock, createElementVNode as _createElementVNode, unref as _unref, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center ds-justify-center ds-space-x-2\" }\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { cloneDeep } from 'lodash-es';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BOtpFieldBox from './BOtpFieldBox.vue';\nimport BErrorMessage from '@/components/BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue?: string;\n  numInputs?: number;\n  focusIndex?: number;\n  disabled?: boolean;\n  inputCssClass?: string | {};\n  validationRules?: ValidationRule[];\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpField',\n  props: {\n    inputId: { default: '' },\n    modelValue: { default: '' },\n    numInputs: { default: 6 },\n    focusIndex: { default: undefined },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\n  'complete',\n  'change',\n  'update:modelValue',\n  'update:focusIndex',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst fIndex = ref(0);\nconst oldOtp = ref<any[]>([]);\nconst boxRefs = ref<Array<InstanceType<typeof BOtpFieldBox>> | null>(null);\nconst handleOnFocus = (index: number) => {\n  focusIndexValue.value = index;\n};\nconst handleOnBlur = () => {\n  focusIndexValue.value = -1;\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed<any[]>({\n  get() {\n    return props.modelValue.split('');\n  },\n  set(val: any) {\n    emit('update:modelValue', val.join(''));\n  },\n});\nconst originalValue = computed(() => props.modelValue);\nconst focusIndexValue = computed({\n  get() {\n    return props.focusIndex !== undefined ? props.focusIndex : fIndex.value;\n  },\n  set(val: number) {\n    if (props.focusIndex !== undefined) {\n      emit('update:focusIndex', val);\n    } else {\n      fIndex.value = val;\n    }\n  },\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  ...[\n    props.disabled\n      ? 'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]'\n      : 'ds-text-black/[0.85]',\n    validationResult.value.valid\n      ? 'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus'\n      : 'ds-border-error focus:ds-ring-1 focus:ds-ring-error',\n  ],\n  props.inputCssClass,\n]);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  originalValue,\n  vRules.value\n);\n\n/**\n * Methods\n */\nconst focus = () => {\n  boxRefs.value![focusIndexValue.value].focus();\n};\nconst checkFilledAllInputs = () => {\n  if (value.value.join('').length === props.numInputs) {\n    return emit('complete', value.value.join(''));\n  }\n  return 'Wait until the user enters the required number of characters';\n};\n// Focus on input by index\nconst focusInput = (input: number) => {\n  focusIndexValue.value = Math.max(Math.min(props.numInputs - 1, input), 0);\n};\n// Focus on next input\nconst focusNextInput = () => {\n  focusInput(focusIndexValue.value + 1);\n};\n// Focus on previous input\nconst focusPrevInput = () => {\n  focusInput(focusIndexValue.value - 1);\n};\n// Change OTP value at focused input\nconst changeCodeAtFocus = (val: number | string) => {\n  oldOtp.value = [...value.value];\n\n  value.value[focusIndexValue.value] = val;\n  value.value = cloneDeep(value.value);\n\n  const oldOtpStr = oldOtp.value.join('');\n  const otpStr = value.value.join('');\n  if (oldOtpStr !== otpStr) {\n    emit('change', otpStr);\n    checkFilledAllInputs();\n  }\n};\n// Handle pasted OTP\nconst handleOnPaste = (event: any) => {\n  event.preventDefault();\n  const pastedData = event.clipboardData\n    .getData('text/plain')\n    .slice(0, props.numInputs - focusIndexValue.value)\n    .split('');\n  if (!pastedData.join('').match(/^\\d+$/)) {\n    return 'Invalid pasted data';\n  }\n\n  // Paste data from focused input onwards\n  const currentCharsInOtp = value.value.slice(0, focusIndexValue.value);\n  const combinedWithPastedData = currentCharsInOtp.concat(pastedData);\n\n  combinedWithPastedData.slice(0, props.numInputs).forEach((val, i) => {\n    value.value[i] = val;\n  });\n\n  focusInput(combinedWithPastedData.slice(0, props.numInputs).length);\n\n  // Update modelValue when data is pasted from keyboard\n  emit('update:modelValue', value.value.join(''));\n  // Check if `complete`\n  return checkFilledAllInputs();\n};\nconst handleOnChange = (val: number) => {\n  changeCodeAtFocus(val);\n  focusNextInput();\n};\n// Handle cases of backspace, delete, left arrow, right arrow\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'Backspace':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      focusPrevInput();\n      break;\n    case 'Delete':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      focusPrevInput();\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      focusNextInput();\n      break;\n    default:\n      break;\n  }\n};\nconst handleOnKeyUp = () => {\n  validate();\n};\n\n__expose({ validate, focus });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.numInputs, (_, i) => {\n        return (_openBlock(), _createBlock(BOtpFieldBox, {\n          ref_for: true,\n          ref_key: \"boxRefs\",\n          ref: boxRefs,\n          key: i,\n          focus: focusIndexValue.value === i,\n          value: value.value[i],\n          \"is-disabled\": _ctx.disabled,\n          class: _normalizeClass(inputCssClassValue.value),\n          onOnChange: handleOnChange,\n          onOnKeydown: handleOnKeyDown,\n          onOnKeyup: handleOnKeyUp,\n          onOnPaste: handleOnPaste,\n          onOnFocus: ($event: any) => (handleOnFocus(i)),\n          onOnBlur: handleOnBlur\n        }, null, 8, [\"focus\", \"value\", \"is-disabled\", \"class\", \"onOnFocus\"]))\n      }), 128))\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","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","fIndex","ref","oldOtp","boxRefs","handleOnFocus","index","focusIndexValue","handleOnBlur","id","computed","uuid","value","originalValue","vRules","result","inputCssClassValue","validationResult","validate","useValidationField","focus","checkFilledAllInputs","focusInput","input","focusNextInput","focusPrevInput","changeCodeAtFocus","cloneDeep","oldOtpStr","otpStr","handleOnPaste","event","pastedData","combinedWithPastedData","i","handleOnChange","handleOnKeyDown","handleOnKeyUp","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_","_createBlock","BOtpFieldBox","_normalizeClass","$event","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system12.js","sources":["../src/components/BDropdown/BDropdownItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { inject } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  closeOnClick?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdownItem',\n  props: {\n    closeOnClick: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\nconst closeDropdown = inject<() => {}>('closeDropdown');\n\nconst onClick = () => {\n  if (props.closeOnClick && closeDropdown) {\n    closeDropdown();\n  }\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"li\", {\n    class: \"ds-cursor-pointer ds-px-3 ds-py-2 ds-text-sm ds-text-gray-700 hover:ds-bg-slate-100\",\n    onClick: onClick\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","closeDropdown","inject","onClick","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oCAY4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,QAAS,QAAS,EAAM,CAChD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGRE,EAAgBC,SAAiB,eAAe,EAEhDC,EAAU,IAAM,CAChBH,EAAM,cAAgBC,GACVA,GAChB,EAGK,MAAA,CAACG,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,MAAO,sFACP,QAAAJ,CAAA,EACC,CACDK,aAAYJ,EAAK,OAAQ,SAAS,CAAA,CACnC,EAEH,CAEA,CAAC"}

package/dist/design-system12.mjs

@@ -1,132 +1,22 @@
-import { defineComponent as N, ref as f, computed as l, openBlock as d, createElementBlock as k, createElementVNode as L, Fragment as S, renderList as W, createBlock as C, normalizeClass as z, unref as U, createCommentVNode as G } from "vue";
-import { useValidationField as H } from "./design-system2.mjs";
-import { useI18n as J } from "./design-system39.mjs";
-import Q from "./design-system81.mjs";
-import T from "./design-system31.mjs";
-import X from "./design-system79.mjs";
-import Y from "./design-system82.mjs";
-const Z = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, ue = /* @__PURE__ */ N({
-  __name: "BOtpField",
+import { defineComponent as c, inject as l, openBlock as r, createElementBlock as p, renderSlot as d } from "vue";
+const f = /* @__PURE__ */ c({
+  __name: "BDropdownItem",
   props: {
-    inputId: { default: "" },
-    modelValue: { default: "" },
-    numInputs: { default: 6 },
-    focusIndex: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    inputCssClass: { default: "" },
-    validationRules: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    hideDetails: { type: Boolean, default: !1 }
+    closeOnClick: { type: Boolean, default: !1 }
   },
-  emits: [
-    "complete",
-    "change",
-    "update:modelValue",
-    "update:focusIndex"
-  ],
-  setup(D, { expose: _, emit: o }) {
-    const s = D, { t: y } = J(), V = {
-      validateRule: (e) => !!e,
-      errorMessage: () => s.requiredErrorMessage || y("ds.global.field_required")
-    }, p = f(0), v = f([]), m = f(null), B = (e) => {
-      a.value = e;
-    }, R = () => {
-      a.value = -1;
-    }, j = l(() => s.inputId || `id-${X()}`), t = l({
-      get() {
-        return s.modelValue.split("");
-      },
-      set(e) {
-        o("update:modelValue", e.join(""));
-      }
-    }), F = l(() => s.modelValue), a = l({
-      get() {
-        return s.focusIndex !== void 0 ? s.focusIndex : p.value;
-      },
-      set(e) {
-        s.focusIndex !== void 0 ? o("update:focusIndex", e) : p.value = e;
-      }
-    }), q = l(() => {
-      let e = [];
-      return s.required && e.push(V), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), w = l(() => [
-      s.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]" : "ds-text-black/[0.85]",
-      g.value.valid ? "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus" : "ds-border-error focus:ds-ring-1 focus:ds-ring-error",
-      s.inputCssClass
-    ]), { validate: h, validationResult: g } = H(
-      j.value,
-      F,
-      q.value
-    ), M = () => {
-      m.value[a.value].focus();
-    }, I = () => t.value.join("").length === s.numInputs ? o("complete", t.value.join("")) : "Wait until the user enters the required number of characters", c = (e) => {
-      a.value = Math.max(Math.min(s.numInputs - 1, e), 0);
-    }, b = () => {
-      c(a.value + 1);
-    }, O = () => {
-      c(a.value - 1);
-    }, i = (e) => {
-      v.value = [...t.value], t.value[a.value] = e, t.value = Y(t.value);
-      const u = v.value.join(""), r = t.value.join("");
-      u !== r && (o("change", r), I());
-    }, E = (e) => {
-      e.preventDefault();
-      const u = e.clipboardData.getData("text/plain").slice(0, s.numInputs - a.value).split("");
-      if (!u.join("").match(/^\d+$/))
-        return "Invalid pasted data";
-      const n = t.value.slice(0, a.value).concat(u);
-      return n.slice(0, s.numInputs).forEach((x, P) => {
-        t.value[P] = x;
-      }), c(n.slice(0, s.numInputs).length), o("update:modelValue", t.value.join("")), I();
-    }, $ = (e) => {
-      i(e), b();
-    }, A = (e) => {
-      switch (e.key) {
-        case "Backspace":
-          e.preventDefault(), i(""), O();
-          break;
-        case "Delete":
-          e.preventDefault(), i("");
-          break;
-        case "ArrowLeft":
-          e.preventDefault(), O();
-          break;
-        case "ArrowRight":
-          e.preventDefault(), b();
-          break;
-      }
-    }, K = () => {
-      h();
+  setup(o) {
+    const s = o, e = l("closeDropdown"), t = () => {
+      s.closeOnClick && e && e();
     };
-    return _({ validate: h, focus: M }), (e, u) => (d(), k("div", null, [
-      L("div", Z, [
-        (d(!0), k(S, null, W(e.numInputs, (r, n) => (d(), C(Q, {
-          ref_for: !0,
-          ref_key: "boxRefs",
-          ref: m,
-          key: n,
-          focus: a.value === n,
-          value: t.value[n],
-          "is-disabled": e.disabled,
-          class: z(w.value),
-          onOnChange: $,
-          onOnKeydown: A,
-          onOnKeyup: K,
-          onOnPaste: E,
-          onOnFocus: (x) => B(n),
-          onOnBlur: R
-        }, null, 8, ["focus", "value", "is-disabled", "class", "onOnFocus"]))), 128))
-      ]),
-      e.hideDetails ? G("", !0) : (d(), C(T, {
-        key: 0,
-        class: "ds-mt-1",
-        "error-message": U(g).errorMessage()
-      }, null, 8, ["error-message"]))
+    return (n, a) => (r(), p("li", {
+      class: "ds-cursor-pointer ds-px-3 ds-py-2 ds-text-sm ds-text-gray-700 hover:ds-bg-slate-100",
+      onClick: t
+    }, [
+      d(n.$slots, "default")
     ]));
   }
 });
 export {
-  ue as default
+  f as default
 };
 //# sourceMappingURL=design-system12.mjs.map