@7pmlabs/design-system 0.3.1 → 0.3.2

package/dist/design-system80.mjs

@@ -1,84 +1,5 @@
-import { defineComponent as V, ref as d, computed as C, watch as k, nextTick as L, onMounted as T, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as $, renderList as w, normalizeClass as B, toDisplayString as E } from "vue";
-import H from "./design-system94.mjs";
-const I = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, S = ["onClick"], z = ["id"], F = /* @__PURE__ */ V({
-  __name: "BTabs",
-  props: {
-    headers: {},
-    modelValue: { default: void 0 },
-    headerCssClass: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(g, { emit: y }) {
-    const o = g, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
-      get() {
-        return o.modelValue !== void 0 ? o.modelValue : c.value;
-      },
-      set(e) {
-        o.modelValue !== void 0 ? y("update:modelValue", e) : c.value = e;
-      }
-    }), f = C(() => `id-${H()}`);
-    k(v, (e) => {
-      m(e);
-    }), k(
-      () => o.headers,
-      () => {
-        L(() => {
-          p();
-        });
-      }
-    );
-    const x = (e) => {
-      v.value = e;
-    }, m = (e) => {
-      if (a.value && t.value)
-        if (s.value = e, [...a.value, ...t.value].forEach((l) => {
-          l.classList.remove("active");
-        }), a.value[s.value] && t.value[s.value])
-          a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
-        else {
-          const l = s.value - 1;
-          l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
-        }
-    }, p = () => {
-      r.value && (a.value = [
-        ...r.value.querySelectorAll(
-          `#${f.value} > .tab`
-        )
-      ], a.value.forEach((e) => {
-        e.classList.contains("active") && (s.value = a.value.indexOf(e));
-      }), m(s.value));
-    };
-    return T(() => {
-      p();
-    }), (e, l) => (n(), u("div", {
-      ref_key: "tabContainer",
-      ref: r
-    }, [
-      i(e.$slots, "headers-prepend", {}, void 0, !0),
-      _("ul", I, [
-        (n(!0), u($, null, w(e.headers, (b, h) => (n(), u("li", {
-          key: h,
-          ref_for: !0,
-          ref_key: "tabHeaders",
-          ref: t,
-          class: B([[
-            e.headerCssClass,
-            b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
-          ], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
-          onClick: (q) => x(h)
-        }, E(b.text), 11, S))), 128))
-      ]),
-      i(e.$slots, "headers-append", {}, void 0, !0),
-      _("div", {
-        id: f.value,
-        class: "ds-w-full"
-      }, [
-        i(e.$slots, "default", {}, void 0, !0)
-      ], 8, z)
-    ], 512));
-  }
-});
+const e = "";
 export {
-  F as default
+  e as default
 };
 //# sourceMappingURL=design-system80.mjs.map

package/dist/design-system80.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system80.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-22ce07e0\"),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/**\n * Props\n */\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\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 }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\n\n/**\n * Data\n */\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\n/**\n * Watch\n */\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n\n/**\n * Methods\n */\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\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initTabs();\n});\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","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"design-system80.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system81.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),k=require("./design-system97.js"),C={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},_=["onClick"],g=["id"],y=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const r=p,o=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return r.modelValue!==void 0?r.modelValue:n.value},set(a){r.modelValue!==void 0?b("update:modelValue",a):n.value=a}}),c=e.computed(()=>`id-${k()}`);e.watch(u,a=>{i(a)}),e.watch(()=>r.headers,()=>{e.nextTick(()=>{v()})});const h=a=>{u.value=a},i=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{o.value&&(s.value=[...o.value.querySelectorAll(`#${c.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),i(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:o},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:V=>h(m)},e.toDisplayString(f.text),11,_))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:c.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,g)],512))}});module.exports=y;
 //# sourceMappingURL=design-system81.js.map

package/dist/design-system81.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system81.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system81.js","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-22ce07e0\"),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/**\n * Props\n */\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\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 }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\n\n/**\n * Data\n */\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\n/**\n * Watch\n */\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n\n/**\n * Methods\n */\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\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initTabs();\n});\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","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-system81.mjs

@@ -1,5 +1,84 @@
-const e = "";
+import { defineComponent as V, ref as d, computed as C, watch as k, nextTick as L, onMounted as T, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as $, renderList as w, normalizeClass as B, toDisplayString as E } from "vue";
+import H from "./design-system97.mjs";
+const I = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, S = ["onClick"], z = ["id"], F = /* @__PURE__ */ V({
+  __name: "BTabs",
+  props: {
+    headers: {},
+    modelValue: { default: void 0 },
+    headerCssClass: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: y }) {
+    const o = g, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
+      get() {
+        return o.modelValue !== void 0 ? o.modelValue : c.value;
+      },
+      set(e) {
+        o.modelValue !== void 0 ? y("update:modelValue", e) : c.value = e;
+      }
+    }), f = C(() => `id-${H()}`);
+    k(v, (e) => {
+      m(e);
+    }), k(
+      () => o.headers,
+      () => {
+        L(() => {
+          p();
+        });
+      }
+    );
+    const x = (e) => {
+      v.value = e;
+    }, m = (e) => {
+      if (a.value && t.value)
+        if (s.value = e, [...a.value, ...t.value].forEach((l) => {
+          l.classList.remove("active");
+        }), a.value[s.value] && t.value[s.value])
+          a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
+        else {
+          const l = s.value - 1;
+          l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
+        }
+    }, p = () => {
+      r.value && (a.value = [
+        ...r.value.querySelectorAll(
+          `#${f.value} > .tab`
+        )
+      ], a.value.forEach((e) => {
+        e.classList.contains("active") && (s.value = a.value.indexOf(e));
+      }), m(s.value));
+    };
+    return T(() => {
+      p();
+    }), (e, l) => (n(), u("div", {
+      ref_key: "tabContainer",
+      ref: r
+    }, [
+      i(e.$slots, "headers-prepend", {}, void 0, !0),
+      _("ul", I, [
+        (n(!0), u($, null, w(e.headers, (b, h) => (n(), u("li", {
+          key: h,
+          ref_for: !0,
+          ref_key: "tabHeaders",
+          ref: t,
+          class: B([[
+            e.headerCssClass,
+            b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
+          ], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
+          onClick: (q) => x(h)
+        }, E(b.text), 11, S))), 128))
+      ]),
+      i(e.$slots, "headers-append", {}, void 0, !0),
+      _("div", {
+        id: f.value,
+        class: "ds-w-full"
+      }, [
+        i(e.$slots, "default", {}, void 0, !0)
+      ], 8, z)
+    ], 512));
+  }
+});
 export {
-  e as default
+  F as default
 };
 //# sourceMappingURL=design-system81.mjs.map

package/dist/design-system81.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system81.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system81.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-22ce07e0\"),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/**\n * Props\n */\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\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 }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\n\n/**\n * Data\n */\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\n/**\n * Watch\n */\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n\n/**\n * Methods\n */\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\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initTabs();\n});\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","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-system82.js

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

package/dist/design-system82.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system22.mjs";
+const e = "";
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=design-system82.mjs.map

package/dist/design-system83.js

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

package/dist/design-system83.mjs

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

package/dist/design-system84.js

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

package/dist/design-system84.mjs

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

package/dist/design-system85.js

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

package/dist/design-system85.mjs

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

package/dist/design-system86.js

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

package/dist/design-system86.js.map

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

package/dist/design-system86.mjs

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

package/dist/design-system86.mjs.map

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

package/dist/design-system87.js

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

package/dist/design-system87.js.map

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

package/dist/design-system87.mjs

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