@7pmlabs/design-system 0.8.0 → 0.8.2

package/dist/design-system51.mjs

@@ -1,29 +1,9 @@
-import { defineComponent as z, ref as L, computed as p, watch as f, nextTick as M, onMounted as T, onBeforeUnmount as A, provide as E, openBlock as u, createElementBlock as i, createElementVNode as r, renderSlot as F, Fragment as k, createCommentVNode as h, renderList as $, normalizeClass as K, pushScopeId as O, popScopeId as R } from "vue";
-import { PIKey as U } from "./design-system4.mjs";
-const B = (n) => (O("data-v-b5c5062f"), n = n(), R(), n), j = { class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg" }, q = { class: "carousel-content" }, D = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
-  /* @__PURE__ */ r("svg", {
-    class: "ds-h-5 ds-w-5 ds-fill-white",
-    viewBox: "0 0 320 512",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, [
-    /* @__PURE__ */ r("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })
-  ])
-], -1)), G = [
-  D
-], H = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
-  /* @__PURE__ */ r("svg", {
-    class: "ds-h-5 ds-w-5 ds-fill-white",
-    viewBox: "0 0 320 512",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, [
-    /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
-  ])
-], -1)), J = [
-  H
-], Q = {
+import { defineComponent as z, ref as L, computed as m, watch as f, nextTick as M, onMounted as T, onBeforeUnmount as A, provide as E, openBlock as u, createElementBlock as i, createElementVNode as r, renderSlot as F, Fragment as k, createCommentVNode as p, renderList as $, normalizeClass as K } from "vue";
+import { PIKey as O } from "./design-system4.mjs";
+const R = { class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg" }, S = { class: "carousel-content" }, U = {
   key: 1,
   class: "carousel-pagination"
-}, W = ["onClick"], x = /* @__PURE__ */ z({
+}, j = ["onClick"], H = /* @__PURE__ */ z({
   __name: "BCarousel",
   props: {
     modelValue: { default: void 0 },
@@ -34,97 +14,117 @@ const B = (n) => (O("data-v-b5c5062f"), n = n(), R(), n), j = { class: "ds-relat
     continuous: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: V }) {
-    const t = n, I = V;
+  setup(B, { emit: V }) {
+    const a = B, _ = V;
     let d;
-    const _ = L(0), a = L([]), o = p(() => a.value.length), e = p({
+    const w = L(0), t = L([]), o = m(() => t.value.length), e = m({
       get() {
-        return t.modelValue !== void 0 ? t.modelValue : _.value;
+        return a.modelValue !== void 0 ? a.modelValue : w.value;
       },
       set(s) {
-        t.modelValue !== void 0 ? I("update:modelValue", s) : _.value = s;
+        a.modelValue !== void 0 ? _("update:modelValue", s) : w.value = s;
       }
-    }), b = p(
-      () => t.continuous || e.value < o.value - 1
-    ), N = p(() => t.continuous || e.value > 0);
+    }), b = m(
+      () => a.continuous || e.value < o.value - 1
+    ), I = m(() => a.continuous || e.value > 0);
     f(e, (s, l) => {
       y(s, l);
     }), f(o, () => {
       const s = o.value - 1;
       e.value > s && y(s, s);
     }), f(
-      () => t.autoplay,
+      () => a.autoplay,
       (s) => {
-        s && t.duration > 0 ? (v(), g()) : v();
+        s && a.duration > 0 ? (n(), g()) : n();
       }
     ), f(
-      () => t.duration,
+      () => a.duration,
       (s) => {
-        t.autoplay && (s > 0 ? (v(), g()) : v());
+        a.autoplay && (s > 0 ? (n(), g()) : n());
       }
     );
-    const P = (s) => {
+    const N = (s) => {
       e.value = s;
-    }, w = () => {
-      e.value === o.value - 1 ? t.continuous && (e.value = 0) : e.value = e.value + 1;
-    }, S = () => {
-      e.value === 0 ? t.continuous && (e.value = o.value - 1) : e.value = e.value - 1;
+    }, h = () => {
+      e.value === o.value - 1 ? a.continuous && (e.value = 0) : e.value = e.value + 1;
+    }, P = () => {
+      e.value === 0 ? a.continuous && (e.value = o.value - 1) : e.value = e.value - 1;
     }, g = () => {
       d = setInterval(() => {
-        w();
-      }, t.duration);
-    }, v = () => {
+        h();
+      }, a.duration);
+    }, n = () => {
       d && clearInterval(d);
     }, y = async (s, l) => {
       if (o.value > 0 && o.value > s && o.value > l) {
         e.value = s, await M();
-        const m = s < l, c = m ? "slide-out-reverse" : "slide-out", C = m ? "slide-in-reverse" : "slide-in";
-        m ? (a.value[l].classList.add("reverse"), a.value[e.value].classList.add("reverse")) : (a.value[l].classList.remove("reverse"), a.value[e.value].classList.remove("reverse")), l !== s && (a.value[l].classList.remove(
+        const c = s < l, v = c ? "slide-out-reverse" : "slide-out", C = c ? "slide-in-reverse" : "slide-in";
+        c ? (t.value[l].classList.add("reverse"), t.value[e.value].classList.add("reverse")) : (t.value[l].classList.remove("reverse"), t.value[e.value].classList.remove("reverse")), l !== s && (t.value[l].classList.remove(
           "slide-in",
           "slide-in-reverse"
-        ), a.value[l].classList.add(c), setTimeout(() => {
-          a.value[l].classList.remove("active");
-        }, 500)), a.value[e.value].classList.remove(
+        ), t.value[l].classList.add(v), setTimeout(() => {
+          t.value[l].classList.remove("active");
+        }, 500)), t.value[e.value].classList.remove(
           "slide-out",
           "slide-out-reverse"
-        ), a.value[e.value].classList.add(C), a.value[e.value].classList.add("active");
+        ), t.value[e.value].classList.add(C), t.value[e.value].classList.add("active");
       }
     };
     return (() => {
-      t.autoplay && g();
+      a.autoplay && g();
     })(), T(() => {
       y(e.value, e.value);
     }), A(() => {
       clearInterval(d);
-    }), E(U.Carousel, a), (s, l) => (u(), i("div", j, [
-      r("div", q, [
+    }), E(O.Carousel, t), (s, l) => (u(), i("div", R, [
+      r("div", S, [
         F(s.$slots, "default", {}, void 0, !0)
       ]),
-      t.navigation ? (u(), i(k, { key: 0 }, [
-        N.value ? (u(), i("div", {
+      a.navigation ? (u(), i(k, { key: 0 }, [
+        I.value ? (u(), i("div", {
           key: 0,
           class: "carousel-navigation--left",
-          onClick: S
-        }, G)) : h("", !0),
+          onClick: P
+        }, l[0] || (l[0] = [
+          r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+            r("svg", {
+              class: "ds-h-5 ds-w-5 ds-fill-white",
+              viewBox: "0 0 320 512",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              r("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })
+            ])
+          ], -1)
+        ]))) : p("", !0),
         b.value ? (u(), i("div", {
           key: 1,
           class: "carousel-navigation--right",
-          onClick: w
-        }, J)) : h("", !0)
-      ], 64)) : h("", !0),
-      t.pagination ? (u(), i("div", Q, [
-        (u(!0), i(k, null, $(o.value, (m, c) => (u(), i("span", {
-          key: c,
+          onClick: h
+        }, l[1] || (l[1] = [
+          r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+            r("svg", {
+              class: "ds-h-5 ds-w-5 ds-fill-white",
+              viewBox: "0 0 320 512",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
+            ])
+          ], -1)
+        ]))) : p("", !0)
+      ], 64)) : p("", !0),
+      a.pagination ? (u(), i("div", U, [
+        (u(!0), i(k, null, $(o.value, (c, v) => (u(), i("span", {
+          key: v,
           class: K({
-            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": c === e.value
+            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": v === e.value
           }),
-          onClick: (C) => P(c)
-        }, null, 10, W))), 128))
-      ])) : h("", !0)
+          onClick: (C) => N(v)
+        }, null, 10, j))), 128))
+      ])) : p("", !0)
     ]));
   }
 });
 export {
-  x as default
+  H as default
 };
 //# sourceMappingURL=design-system51.mjs.map

package/dist/design-system51.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system51.mjs","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-b5c5062f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\" }\nconst _hoisted_2 = { class: \"carousel-content\" }\nconst _hoisted_3 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n  ])\n], -1))\nconst _hoisted_4 = [\n  _hoisted_3\n]\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n  ])\n], -1))\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_8 = [\"onClick\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Props\ninterface BCarouselProps {\n  /**\n   * Index of slide.\n   */\n  modelValue?: number;\n  /**\n   * Automatically go to the next slide every 5s (default).\n   */\n  autoplay?: boolean;\n  /**\n   * Waiting time before going to the next slide.\n   */\n  duration?: number;\n  /**\n   * Show navigation controls.\n   */\n  navigation?: boolean;\n  /**\n   * Show bottom controls.\n   */\n  pagination?: boolean;\n  /**\n   * Return to the first slide after reaching the end.\n   */\n  continuous?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\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\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst carouselItems = ref<HTMLDivElement[]>([]);\nconst itemCount = computed(() => carouselItems.value.length);\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 showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n//#endregion\n\n//#region Watchers\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\nwatch(itemCount, () => {\n  const lastIndex = itemCount.value - 1;\n  if (value.value > lastIndex) {\n    selectCarouselItem(lastIndex, lastIndex);\n  }\n});\nwatch(\n  () => props.autoplay,\n  (val) => {\n    if (val) {\n      if (props.duration > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    } else {\n      clearAutoPlay();\n    }\n  },\n);\nwatch(\n  () => props.duration,\n  (val) => {\n    if (props.autoplay) {\n      if (val > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst clearAutoPlay = () => {\n  if (autoplayIntervalFn) {\n    clearInterval(autoplayIntervalFn);\n  }\n};\nconst selectCarouselItem = async (index: number, oldIndex: number) => {\n  if (\n    itemCount.value > 0 &&\n    itemCount.value > index &&\n    itemCount.value > oldIndex\n  ) {\n    // Set active index\n    value.value = index;\n    await nextTick(); // wait until 'value.value' updated\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse',\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse',\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  selectCarouselItem(value.value, value.value);\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nprovide(PIKey.Carousel, carouselItems);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_4))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_6))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_8))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","_popScopeId","_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_sfc_main","_defineComponent","__props","__emit","props","emit","autoplayIntervalFn","mValue","ref","carouselItems","itemCount","computed","value","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","lastIndex","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","nextTick","isReverse","slideOutCssClass","slideInCssClass","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
+{"version":3,"file":"design-system51.mjs","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\" }\nconst _hoisted_2 = { class: \"carousel-content\" }\nconst _hoisted_3 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_4 = [\"onClick\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Props\ninterface BCarouselProps {\n  /**\n   * Index of slide.\n   */\n  modelValue?: number;\n  /**\n   * Automatically go to the next slide every 5s (default).\n   */\n  autoplay?: boolean;\n  /**\n   * Waiting time before going to the next slide.\n   */\n  duration?: number;\n  /**\n   * Show navigation controls.\n   */\n  navigation?: boolean;\n  /**\n   * Show bottom controls.\n   */\n  pagination?: boolean;\n  /**\n   * Return to the first slide after reaching the end.\n   */\n  continuous?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\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\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst carouselItems = ref<HTMLDivElement[]>([]);\nconst itemCount = computed(() => carouselItems.value.length);\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 showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n//#endregion\n\n//#region Watchers\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\nwatch(itemCount, () => {\n  const lastIndex = itemCount.value - 1;\n  if (value.value > lastIndex) {\n    selectCarouselItem(lastIndex, lastIndex);\n  }\n});\nwatch(\n  () => props.autoplay,\n  (val) => {\n    if (val) {\n      if (props.duration > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    } else {\n      clearAutoPlay();\n    }\n  },\n);\nwatch(\n  () => props.duration,\n  (val) => {\n    if (props.autoplay) {\n      if (val > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst clearAutoPlay = () => {\n  if (autoplayIntervalFn) {\n    clearInterval(autoplayIntervalFn);\n  }\n};\nconst selectCarouselItem = async (index: number, oldIndex: number) => {\n  if (\n    itemCount.value > 0 &&\n    itemCount.value > index &&\n    itemCount.value > oldIndex\n  ) {\n    // Set active index\n    value.value = index;\n    await nextTick(); // wait until 'value.value' updated\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse',\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse',\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  selectCarouselItem(value.value, value.value);\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nprovide(PIKey.Carousel, carouselItems);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _cache[0] || (_cache[0] = [\n                _createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n                  _createElementVNode(\"svg\", {\n                    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n                    viewBox: \"0 0 320 512\",\n                    xmlns: \"http://www.w3.org/2000/svg\"\n                  }, [\n                    _createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n                  ])\n                ], -1)\n              ])))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _cache[1] || (_cache[1] = [\n                _createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n                  _createElementVNode(\"svg\", {\n                    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n                    viewBox: \"0 0 320 512\",\n                    xmlns: \"http://www.w3.org/2000/svg\"\n                  }, [\n                    _createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n                  ])\n                ], -1)\n              ])))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_4))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","autoplayIntervalFn","mValue","ref","carouselItems","itemCount","computed","value","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","lastIndex","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","nextTick","isReverse","slideOutCssClass","slideInCssClass","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system54.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system54.mjs","sources":["../src/components/BCarousel/BCarouselItem.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, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Data\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarouselItem',\n  setup(__props) {\n\nconst carouselItem = ref<HTMLDivElement | null>(null);\nconst tabItems = inject(PIKey.Carousel);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (tabItems && carouselItem.value) {\n    tabItems.value.push(carouselItem.value);\n  }\n});\nonBeforeUnmount(() => {\n  if (tabItems && carouselItem.value) {\n    const index = tabItems.value.indexOf(carouselItem.value);\n    tabItems.value.splice(index, 1);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"carouselItem\",\n    ref: carouselItem,\n    class: \"carousel-item\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","carouselItem","ref","tabItems","inject","PIKey","onMounted","onBeforeUnmount","index","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;AAQA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAEX,UAAAC,IAAeC,EAA2B,IAAI,GAC9CC,IAAWC,EAAOC,EAAM,QAAQ;AAItC,WAAAC,EAAU,MAAM;AACV,MAAAH,KAAYF,EAAa,SAClBE,EAAA,MAAM,KAAKF,EAAa,KAAK;AAAA,IACxC,CACD,GACDM,EAAgB,MAAM;AAChB,UAAAJ,KAAYF,EAAa,OAAO;AAClC,cAAMO,IAAQL,EAAS,MAAM,QAAQF,EAAa,KAAK;AAC9C,QAAAE,EAAA,MAAM,OAAOK,GAAO,CAAC;AAAA,MAChC;AAAA,IAAA,CACD,GAGM,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,SAAS;AAAA,MACT,KAAKX;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDY,EAAYJ,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,OACtD,GAAG;AAAA,EAER;AAEA,CAAC;"}
+{"version":3,"file":"design-system54.mjs","sources":["../src/components/BCarousel/BCarouselItem.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, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Data\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BCarouselItem',\n  setup(__props) {\n\nconst carouselItem = ref<HTMLDivElement | null>(null);\nconst tabItems = inject(PIKey.Carousel);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (tabItems && carouselItem.value) {\n    tabItems.value.push(carouselItem.value);\n  }\n});\nonBeforeUnmount(() => {\n  if (tabItems && carouselItem.value) {\n    const index = tabItems.value.indexOf(carouselItem.value);\n    tabItems.value.splice(index, 1);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"carouselItem\",\n    ref: carouselItem,\n    class: \"carousel-item\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","carouselItem","ref","tabItems","inject","PIKey","onMounted","onBeforeUnmount","index","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;AAQA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAEX,UAAAC,IAAeC,EAA2B,IAAI,GAC9CC,IAAWC,EAAOC,EAAM,QAAQ;AAItC,WAAAC,EAAU,MAAM;AACV,MAAAH,KAAYF,EAAa,SAClBE,EAAA,MAAM,KAAKF,EAAa,KAAK;AAAA,IACxC,CACD,GACDM,EAAgB,MAAM;AAChB,UAAAJ,KAAYF,EAAa,OAAO;AAClC,cAAMO,IAAQL,EAAS,MAAM,QAAQF,EAAa,KAAK;AAC9C,QAAAE,EAAA,MAAM,OAAOK,GAAO,CAAC;AAAA,MAChC;AAAA,IAAA,CACD,GAGM,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,SAAS;AAAA,MACT,KAAKX;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDY,EAAYJ,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,OACtD,GAAG;AAAA,EAER;AAEA,CAAC;"}

package/dist/design-system57.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system57.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2082b68c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\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 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 cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","__emit","props","emit","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAKC,EAAS,MAAMH,EAAM,WAAW,MAAMI,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQR,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAW,KAAA;AACV;AAAA,QACF,KAAKX,EAAc;AAAA,QACnB;AACY,UAAAW,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR;AAUM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACN,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDO,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAIb,EAAG;AAAA,QACP,uBAAuBQ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBX,EAAO,QAAQW;AAAA,QACnF,UAAUP,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGjB,CAAU,GAAG;AAAA,QACvB,CAACyB,GAAiBZ,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDU,EAAoB,SAAS;AAAA,QAC3B,KAAKb,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGT,CAAU;AAAA,MACrBgB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYP,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDgB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGN,CAAU,KAChB2B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system57.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\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 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 cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","__emit","props","emit","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAGA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAKC,EAAS,MAAMH,EAAM,WAAW,MAAMI,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQR,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAW,KAAA;AACV;AAAA,QACF,KAAKX,EAAc;AAAA,QACnB;AACY,UAAAW,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR;AAUM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACN,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDO,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAIb,EAAG;AAAA,QACP,uBAAuBQ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBX,EAAO,QAAQW;AAAA,QACnF,UAAUP,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGjB,CAAU,GAAG;AAAA,QACvB,CAACyB,GAAiBZ,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDU,EAAoB,SAAS;AAAA,QAC3B,KAAKb,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGT,CAAU;AAAA,MACrBgB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYP,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDgB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGN,CAAU,KAChB2B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system64.mjs

@@ -1,7 +1,5 @@
-import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
-const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
-  h
-], g = /* @__PURE__ */ i({
+import { defineComponent as r, computed as l, openBlock as n, createElementBlock as s, normalizeStyle as d, createElementVNode as u } from "vue";
+const c = /* @__PURE__ */ r({
   __name: "BLoadingBar",
   props: {
     loading: { type: Boolean },
@@ -9,8 +7,8 @@ const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(
     borderRadius: { default: "" },
     absolute: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    const e = o, a = s(() => {
+  setup(a) {
+    const e = a, i = l(() => {
       const t = {
         opacity: +e.loading,
         height: "",
@@ -19,13 +17,15 @@ const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(
       };
       return e.height && (t.height = e.height), e.borderRadius && (t.borderRadius = e.borderRadius), e.absolute && (t.position = "absolute"), t;
     });
-    return (t, f) => (d(), r("div", {
-      style: l(a.value),
+    return (t, o) => (n(), s("div", {
+      style: d(i.value),
       class: "b-loading-bar"
-    }, b, 4));
+    }, o[0] || (o[0] = [
+      u("div", { class: "b-loading-bar-indeterminate" }, null, -1)
+    ]), 4));
   }
 });
 export {
-  g as default
+  c as default
 };
 //# sourceMappingURL=design-system64.mjs.map

package/dist/design-system64.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system64.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAa4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}
+{"version":3,"file":"design-system64.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1)\n  ]), 4))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode"],"mappings":";AAcA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,OACNI,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI;AAAA,MAC3BI,EAAoB,OAAO,EAAE,OAAO,8BAA8B,GAAG,MAAM,EAAE;AAAA,IAAA,IAC3E,CAAC;AAAA,EAEP;AAEA,CAAC;"}

package/dist/design-system66.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system66.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}
+{"version":3,"file":"design-system66.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}

package/dist/design-system72.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system72.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-98637356\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  /**\n   * Clicking on label will not select the radio.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\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 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 onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        class: \"b-radio__input\",\n        type: \"radio\",\n        onChange: onChange\n      }, null, 40, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      _createElementVNode(\"label\", {\n        for: id.value,\n        class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n      }, null, 8, _hoisted_3),\n      (props.label || _ctx.$slots.default)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: props.labelOrphan ? undefined : id.value,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"])\n          }, [\n            _renderSlot(_ctx.$slots, \"default\", {}, () => [\n              _createTextVNode(_toDisplayString(props.label), 1)\n            ], true)\n          ], 10, _hoisted_4))\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  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system72.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  /**\n   * Clicking on label will not select the radio.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\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 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 onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        class: \"b-radio__input\",\n        type: \"radio\",\n        onChange: onChange\n      }, null, 40, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      _createElementVNode(\"label\", {\n        for: id.value,\n        class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n      }, null, 8, _hoisted_3),\n      (props.label || _ctx.$slots.default)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: props.labelOrphan ? undefined : id.value,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"])\n          }, [\n            _renderSlot(_ctx.$slots, \"default\", {}, () => [\n              _createTextVNode(_toDisplayString(props.label), 1)\n            ], true)\n          ], 10, _hoisted_4))\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  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system76.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system76.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-system76.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 } from \"vue\"\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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"}

package/dist/design-system79.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system79.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-system79.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 } from \"vue\"\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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"}