@7pmlabs/design-system 0.6.0 → 0.6.1

package/dist/design-system80.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system80.js","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-646ae8c4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTabsProps {\n  /**\n   * Array of header objects.\n   */\n  headers: BTabsHeader[];\n  /**\n   * Index of tab.\n   */\n  modelValue?: number;\n  /**\n   * CSS of header.\n   */\n  headerCssClass?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\nconst mValue = ref(0);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst tabBodyId = computed(() => `id-${uuid()}`);\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n//#endregion\n\n//#region Methods\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`,\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initTabs();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"design-system80.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-d47b93d4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon 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}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\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\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    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    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\nconst props = __props;\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\nconst emit = __emit;\n//#endregion\n\n//#region Data\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-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//#endregion\n\n//#region Methods\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//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system80.mjs

@@ -1,84 +1,122 @@
-import { defineComponent as L, ref as d, computed as C, watch as k, nextTick as T, onMounted as $, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as w, renderList as B, normalizeClass as E, toDisplayString as H } from "vue";
-import I from "./design-system101.mjs";
-const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
-  __name: "BTabs",
+import { defineComponent as R, ref as I, computed as d, openBlock as l, createElementBlock as p, createVNode as $, createElementVNode as m, renderSlot as b, createCommentVNode as f, withDirectives as w, normalizeClass as E, withKeys as M, vModelDynamic as D, createBlock as K, unref as z } from "vue";
+import { useValidationField as F } from "./design-system3.mjs";
+import { useI18n as H } from "./design-system50.mjs";
+import N from "./design-system15.mjs";
+import U from "./design-system16.mjs";
+import S from "./design-system100.mjs";
+const T = { class: "b-text-field" }, j = { class: "ds-relative" }, A = {
+  key: 0,
+  class: "b-text-field__prepend-icon 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", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type"], J = {
+  key: 1,
+  class: "b-text-field__append-icon 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"
+}, ee = /* @__PURE__ */ R({
+  __name: "BTextField",
   props: {
-    headers: {},
-    modelValue: { default: void 0 },
-    headerCssClass: { default: "" }
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    validationRules: { default: void 0 },
+    modelValue: {},
+    label: { default: "" },
+    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 },
+    inputHandler: { default: void 0 },
+    inputmode: { default: "text" }
   },
-  emits: ["update:modelValue"],
-  setup(g, { emit: y }) {
-    const o = g, x = y, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
+  emits: ["focus", "blur", "press:enter", "update:modelValue"],
+  setup(v, { expose: y, emit: h }) {
+    const s = v, t = h, { t: g } = H(), r = I(null), _ = {
+      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || g("ds.global.field_required")
+    }, a = d(() => s.inputId || `id-${S()}`), u = d({
       get() {
-        return o.modelValue !== void 0 ? o.modelValue : c.value;
+        return s.modelValue;
       },
       set(e) {
-        o.modelValue !== void 0 ? x("update:modelValue", e) : c.value = e;
+        t("update:modelValue", e);
       }
-    }), f = C(() => `id-${I()}`);
-    k(v, (e) => {
-      m(e);
-    }), k(
-      () => o.headers,
-      () => {
-        T(() => {
-          p();
-        });
-      }
-    );
-    const V = (e) => {
-      v.value = e;
-    }, m = (e) => {
-      if (a.value && t.value)
-        if (s.value = e, [...a.value, ...t.value].forEach((l) => {
-          l.classList.remove("active");
-        }), a.value[s.value] && t.value[s.value])
-          a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
-        else {
-          const l = s.value - 1;
-          l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
-        }
-    }, p = () => {
-      r.value && (a.value = [
-        ...r.value.querySelectorAll(
-          `#${f.value} > .tab`
-        )
-      ], a.value.forEach((e) => {
-        e.classList.contains("active") && (s.value = a.value.indexOf(e));
-      }), m(s.value));
+    }), k = d(() => [
+      {
+        "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": !n.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": n.value.valid
+      },
+      s.inputCssClass
+    ]), B = d(() => {
+      let e = [];
+      return s.required && e.push(_), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), { validate: c, validationResult: n } = F(
+      a.value,
+      u,
+      B.value
+    ), V = () => {
+      t("press:enter");
+    }, q = () => {
+      t("focus");
+    }, x = () => {
+      t("blur");
+    }, C = () => {
+      c();
     };
-    return $(() => {
-      p();
-    }), (e, l) => (n(), u("div", {
-      ref_key: "tabContainer",
-      ref: r
-    }, [
-      i(e.$slots, "headers-prepend", {}, void 0, !0),
-      _("ul", S, [
-        (n(!0), u(w, null, B(e.headers, (b, h) => (n(), u("li", {
-          key: h,
-          ref_for: !0,
-          ref_key: "tabHeaders",
-          ref: t,
-          class: E([[
-            e.headerCssClass,
-            b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
-          ], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
-          onClick: (A) => V(h)
-        }, H(b.text), 11, z))), 128))
+    return y({ validate: c, focus: () => {
+      var e;
+      (e = r.value) == null || e.focus();
+    }, blur: () => {
+      var e;
+      (e = r.value) == null || e.blur();
+    } }), (e, o) => (l(), p("div", T, [
+      $(U, {
+        id: a.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      m("div", j, [
+        e.$slots.prependIcon ? (l(), p("div", A, [
+          b(e.$slots, "prependIcon", {}, void 0, !0)
+        ])) : f("", !0),
+        w(m("input", {
+          id: a.value,
+          ref_key: "inputRef",
+          ref: r,
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => u.value = i),
+          autocomplete: s.autocomplete ? "on" : "off",
+          disabled: s.disabled,
+          inputmode: s.inputmode,
+          placeholder: s.placeholder,
+          readonly: s.readonly,
+          type: s.type,
+          class: E([[k.value], "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
+          onBlur: x,
+          onFocus: q,
+          onInput: o[1] || (o[1] = //@ts-ignore
+          (...i) => e.inputHandler && e.inputHandler(...i)),
+          onKeyup: [
+            C,
+            M(V, ["enter"])
+          ]
+        }, null, 42, G), [
+          [D, u.value]
+        ]),
+        e.$slots.appendIcon ? (l(), p("div", J, [
+          b(e.$slots, "appendIcon", {}, void 0, !0)
+        ])) : f("", !0)
       ]),
-      i(e.$slots, "headers-append", {}, void 0, !0),
-      _("div", {
-        id: f.value,
-        class: "ds-w-full"
-      }, [
-        i(e.$slots, "default", {}, void 0, !0)
-      ], 8, q)
-    ], 512));
+      e.hideDetails ? f("", !0) : (l(), K(N, {
+        key: 0,
+        "error-message": z(n).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
   }
 });
 export {
-  M as default
+  ee as default
 };
 //# sourceMappingURL=design-system80.mjs.map

package/dist/design-system80.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system80.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-646ae8c4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTabsProps {\n  /**\n   * Array of header objects.\n   */\n  headers: BTabsHeader[];\n  /**\n   * Index of tab.\n   */\n  modelValue?: number;\n  /**\n   * CSS of header.\n   */\n  headerCssClass?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\nconst mValue = ref(0);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst tabBodyId = computed(() => `id-${uuid()}`);\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n//#endregion\n\n//#region Methods\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`,\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initTabs();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"design-system80.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-d47b93d4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon 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}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\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\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    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    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\nconst props = __props;\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\nconst emit = __emit;\n//#endregion\n\n//#region Data\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-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//#endregion\n\n//#region Methods\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//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system82.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system22.js");module.exports=e;
+"use strict";const e=require("./design-system23.js");module.exports=e;
 //# sourceMappingURL=design-system82.js.map

package/dist/design-system82.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system22.mjs";
+import f from "./design-system23.mjs";
 export {
   f as default
 };

package/dist/design-system83.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),k=require("./design-system3.js"),q=require("./design-system50.js"),V=require("./design-system15.js"),C=require("./design-system16.js"),x=require("./design-system101.js"),E={class:"b-text-field"},I={class:"ds-relative"},R={key:0,class:"b-text-field__prepend-icon 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"},M=["id","autocomplete","disabled","inputmode","placeholder","readonly","type"],N={key:1,class:"b-text-field__append-icon 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"},w=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},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},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(c,{expose:p,emit:f}){const s=c,o=f,{t:m}=q.useI18n(),d=t.ref(null),v={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||m("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${x()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),b=t.computed(()=>[{"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":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),y=t.computed(()=>{let e=[];return s.required&&e.push(v),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=k.useValidationField(r.value,u,y.value),_=()=>{o("press:enter")},g=()=>{o("focus")},h=()=>{o("blur")},B=()=>{i()};return p({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(C,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",I,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[b.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:h,onFocus:g,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[B,t.withKeys(_,["enter"])]},null,42,M),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(V,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
+"use strict";const e=require("./design-system41.js");module.exports=e;
 //# sourceMappingURL=design-system83.js.map

package/dist/design-system83.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system83.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-d47b93d4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon 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}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\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\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    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    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\nconst props = __props;\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\nconst emit = __emit;\n//#endregion\n\n//#region Data\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-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//#endregion\n\n//#region Methods\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//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system83.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system83.mjs

@@ -1,122 +1,5 @@
-import { defineComponent as R, ref as I, computed as d, openBlock as l, createElementBlock as p, createVNode as $, createElementVNode as m, renderSlot as b, createCommentVNode as f, withDirectives as w, normalizeClass as E, withKeys as M, vModelDynamic as D, createBlock as K, unref as z } from "vue";
-import { useValidationField as F } from "./design-system3.mjs";
-import { useI18n as H } from "./design-system50.mjs";
-import N from "./design-system15.mjs";
-import U from "./design-system16.mjs";
-import S from "./design-system101.mjs";
-const T = { class: "b-text-field" }, j = { class: "ds-relative" }, A = {
-  key: 0,
-  class: "b-text-field__prepend-icon 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", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type"], J = {
-  key: 1,
-  class: "b-text-field__append-icon 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"
-}, ee = /* @__PURE__ */ R({
-  __name: "BTextField",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    validationRules: { default: void 0 },
-    modelValue: {},
-    label: { default: "" },
-    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 },
-    inputHandler: { default: void 0 },
-    inputmode: { default: "text" }
-  },
-  emits: ["focus", "blur", "press:enter", "update:modelValue"],
-  setup(v, { expose: y, emit: h }) {
-    const s = v, t = h, { t: g } = H(), r = I(null), _ = {
-      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
-      errorMessage: () => s.requiredErrorMessage || g("ds.global.field_required")
-    }, a = d(() => s.inputId || `id-${S()}`), u = d({
-      get() {
-        return s.modelValue;
-      },
-      set(e) {
-        t("update:modelValue", e);
-      }
-    }), k = d(() => [
-      {
-        "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": !n.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": n.value.valid
-      },
-      s.inputCssClass
-    ]), B = d(() => {
-      let e = [];
-      return s.required && e.push(_), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), { validate: c, validationResult: n } = F(
-      a.value,
-      u,
-      B.value
-    ), V = () => {
-      t("press:enter");
-    }, q = () => {
-      t("focus");
-    }, x = () => {
-      t("blur");
-    }, C = () => {
-      c();
-    };
-    return y({ validate: c, focus: () => {
-      var e;
-      (e = r.value) == null || e.focus();
-    }, blur: () => {
-      var e;
-      (e = r.value) == null || e.blur();
-    } }), (e, o) => (l(), p("div", T, [
-      $(U, {
-        id: a.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      m("div", j, [
-        e.$slots.prependIcon ? (l(), p("div", A, [
-          b(e.$slots, "prependIcon", {}, void 0, !0)
-        ])) : f("", !0),
-        w(m("input", {
-          id: a.value,
-          ref_key: "inputRef",
-          ref: r,
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => u.value = i),
-          autocomplete: s.autocomplete ? "on" : "off",
-          disabled: s.disabled,
-          inputmode: s.inputmode,
-          placeholder: s.placeholder,
-          readonly: s.readonly,
-          type: s.type,
-          class: E([[k.value], "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
-          onBlur: x,
-          onFocus: q,
-          onInput: o[1] || (o[1] = //@ts-ignore
-          (...i) => e.inputHandler && e.inputHandler(...i)),
-          onKeyup: [
-            C,
-            M(V, ["enter"])
-          ]
-        }, null, 42, G), [
-          [D, u.value]
-        ]),
-        e.$slots.appendIcon ? (l(), p("div", J, [
-          b(e.$slots, "appendIcon", {}, void 0, !0)
-        ])) : f("", !0)
-      ]),
-      e.hideDetails ? f("", !0) : (l(), K(N, {
-        key: 0,
-        "error-message": z(n).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
-  }
-});
+import f from "./design-system41.mjs";
 export {
-  ee as default
+  f as default
 };
 //# sourceMappingURL=design-system83.mjs.map

package/dist/design-system83.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system83.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-d47b93d4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon 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}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\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\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    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    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\nconst props = __props;\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\nconst emit = __emit;\n//#endregion\n\n//#region Data\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-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//#endregion\n\n//#region Methods\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//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system83.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system84.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),a=require("./design-system5.js"),L=r=>(e.pushScopeId("data-v-78f7c276"),r=r(),e.popScopeId(),r),V={class:"ds-relative"},_=L(()=>e.createElementVNode("div",{class:"tooltip-arrow","data-popper-arrow":""},null,-1)),T=e.defineComponent({__name:"BTooltip",props:{modelValue:{type:Boolean,default:!1},position:{default:a.BTooltipPosition.Top},openEvent:{default:a.BTooltipOpenEvent.Hover}},emits:["update:modelValue"],setup(r,{emit:b}){const n=r,g=b,o=e.ref(null),s=e.ref(null),c=e.ref(!1),l=e.computed({get(){return n.modelValue!==void 0?n.modelValue:c.value},set(t){n.modelValue!==void 0?g("update:modelValue",t):c.value=t}});e.watch(()=>n.position,()=>{y(),E()}),e.watch(()=>n.openEvent,()=>{h(),k()});const d=()=>{l.value=!l.value},p=()=>{l.value=!0},w=()=>{l.value=!1},m=()=>{l.value=!0},f=()=>{l.value=!1},y=()=>{s.value&&(s.value.style.top="",s.value.style.right="",s.value.style.bottom="",s.value.style.left="")},E=()=>{if(s.value)switch(n.position){case a.BTooltipPosition.Bottom:s.value.style.top="4px";break;case a.BTooltipPosition.Top:default:s.value.style.bottom="24px";break}},k=()=>{var t,u,i,v,B;switch(n.openEvent){case a.BTooltipOpenEvent.Click:(t=o.value)==null||t.addEventListener("click",d);break;case a.BTooltipOpenEvent.Focus:(u=o.value)==null||u.addEventListener("focus",p),(i=o.value)==null||i.addEventListener("focusout",w);break;case a.BTooltipOpenEvent.Hover:default:(v=o.value)==null||v.addEventListener("mouseover",m),(B=o.value)==null||B.addEventListener("mouseleave",f);break}},h=()=>{var t,u,i,v;(t=o.value)==null||t.removeEventListener("click",d),(u=o.value)==null||u.removeEventListener("focus",p),(i=o.value)==null||i.removeEventListener("mouseover",m),(v=o.value)==null||v.removeEventListener("mouseleave",f)};return e.onMounted(()=>{k(),E()}),e.onBeforeUnmount(()=>{h()}),(t,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"toggleRef",ref:o,class:"ds-inline"},[e.renderSlot(t.$slots,"toggle",{},void 0,!0)],512),e.withDirectives(e.createElementVNode("div",V,[e.createElementVNode("div",{ref_key:"contentRef",ref:s,class:"ds-absolute ds-z-10 ds-inline-block ds-rounded-lg ds-bg-black/65 ds-px-3 ds-py-2 ds-text-sm ds-font-medium ds-text-white ds-shadow-sm ds-transition-opacity ds-duration-300"},[e.renderSlot(t.$slots,"default",{},void 0,!0),_],512)],512),[[e.vShow,l.value]])],64))}});module.exports=T;
 //# sourceMappingURL=design-system84.js.map

package/dist/design-system84.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system84.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system84.js","sources":["../src/components/BTooltip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-78f7c276\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", {\n  class: \"tooltip-arrow\",\n  \"data-popper-arrow\": \"\"\n}, null, -1))\n\nimport { BTooltipOpenEvent, BTooltipPosition } from '@/constants/Enums';\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTooltipProps {\n  modelValue?: boolean;\n  /**\n   * Position of opened tooltip compare to its toggle.\n   */\n  position?: `${BTooltipPosition}`;\n  /**\n   * Event to open tooltip.\n   */\n  openEvent?: `${BTooltipOpenEvent}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTooltip',\n  props: {\n    modelValue: { type: Boolean, default: false },\n    position: { default: BTooltipPosition.Top },\n    openEvent: { default: BTooltipOpenEvent.Hover }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//region Data\nconst toggleRef = ref<HTMLDivElement | null>(null);\nconst contentRef = ref<HTMLDivElement | null>(null);\nconst mValue = ref(false);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val: boolean) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\n//endregion\n\n//region Watchers\nwatch(\n  () => props.position,\n  () => {\n    resetContentPosition();\n    ensureContentPosition();\n  },\n);\nwatch(\n  () => props.openEvent,\n  () => {\n    clearEventListeners();\n    ensureEventListeners();\n  },\n);\n//#endregion\n\n//region Methods\nconst onClick = () => {\n  value.value = !value.value;\n};\nconst onFocus = () => {\n  value.value = true;\n};\nconst onFocusOut = () => {\n  value.value = false;\n};\nconst onHover = () => {\n  value.value = true;\n};\nconst onHoverOut = () => {\n  value.value = false;\n};\nconst resetContentPosition = () => {\n  if (!contentRef.value) {\n    return;\n  }\n  contentRef.value.style.top = '';\n  contentRef.value.style.right = '';\n  contentRef.value.style.bottom = '';\n  contentRef.value.style.left = '';\n};\nconst ensureContentPosition = () => {\n  if (!contentRef.value) {\n    return;\n  }\n\n  switch (props.position) {\n    case BTooltipPosition.Bottom:\n      contentRef.value.style.top = '4px';\n      break;\n    case BTooltipPosition.Top:\n    default:\n      contentRef.value.style.bottom = '24px';\n      break;\n  }\n};\nconst ensureEventListeners = () => {\n  switch (props.openEvent) {\n    case BTooltipOpenEvent.Click:\n      toggleRef.value?.addEventListener('click', onClick);\n      break;\n    case BTooltipOpenEvent.Focus:\n      toggleRef.value?.addEventListener('focus', onFocus);\n      toggleRef.value?.addEventListener('focusout', onFocusOut);\n      break;\n    case BTooltipOpenEvent.Hover:\n    default:\n      toggleRef.value?.addEventListener('mouseover', onHover);\n      toggleRef.value?.addEventListener('mouseleave', onHoverOut);\n      break;\n  }\n};\nconst clearEventListeners = () => {\n  toggleRef.value?.removeEventListener('click', onClick);\n  toggleRef.value?.removeEventListener('focus', onFocus);\n  toggleRef.value?.removeEventListener('mouseover', onHover);\n  toggleRef.value?.removeEventListener('mouseleave', onHoverOut);\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  ensureEventListeners();\n  ensureContentPosition();\n});\nonBeforeUnmount(() => {\n  clearEventListeners();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"toggleRef\",\n      ref: toggleRef,\n      class: \"ds-inline\"\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\", {}, undefined, true)\n    ], 512),\n    _withDirectives(_createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"div\", {\n        ref_key: \"contentRef\",\n        ref: contentRef,\n        class: \"ds-absolute ds-z-10 ds-inline-block ds-rounded-lg ds-bg-black/65 ds-px-3 ds-py-2 ds-text-sm ds-font-medium ds-text-white ds-shadow-sm ds-transition-opacity ds-duration-300\"\n      }, [\n        _renderSlot(_ctx.$slots, \"default\", {}, undefined, true),\n        _hoisted_2\n      ], 512)\n    ], 512), [\n      [_vShow, value.value]\n    ])\n  ], 64))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_sfc_main","_defineComponent","BTooltipPosition","BTooltipOpenEvent","__props","__emit","props","emit","toggleRef","ref","contentRef","mValue","value","computed","val","watch","resetContentPosition","ensureContentPosition","clearEventListeners","ensureEventListeners","onClick","onFocus","onFocusOut","onHover","onHoverOut","_a","_b","_c","_d","_e","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_renderSlot","_withDirectives","_vShow"],"mappings":"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"}