bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BTabs.vue_vue_type_script_setup_true_lang-BhWxG2yI.mjs

@@ -0,0 +1,410 @@
+import { defineComponent, mergeModels, useSlots, useModel, inject, ref, useAttrs, computed, onMounted, onUnmounted, watch, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, createCommentVNode, nextTick, provide, toRef, normalizeClass, createVNode, createElementVNode, createElementBlock, Fragment, renderList, withKeys, withModifiers, createTextVNode, toDisplayString } from "vue";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { q as tabsInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { B as BvEvent } from "./classes-IC0yVJlq.mjs";
+import { u as useAlignment } from "./useAlignment-Cw-9AVid.mjs";
+import { j as createReusableTemplate } from "./index-DngH9Pjm.mjs";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BTab",
+  props: /* @__PURE__ */ mergeModels({
+    buttonId: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    id: { default: void 0 },
+    lazy: { type: Boolean, default: void 0 },
+    lazyOnce: { type: Boolean, default: void 0 },
+    noBody: { type: Boolean, default: false },
+    tag: { default: "div" },
+    title: { default: void 0 },
+    titleItemClass: { default: void 0 },
+    titleLinkAttrs: { default: void 0 },
+    titleLinkClass: { default: void 0 }
+  }, {
+    "active": { type: Boolean, ...{
+      default: false
+    } },
+    "activeModifiers": {}
+  }),
+  emits: ["update:active"],
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BTab");
+    const slots = useSlots();
+    const activeModel = useModel(__props, "active");
+    const parentData = inject(tabsInjectionKey, null);
+    const computedId = useId(() => props.id, "tabpane");
+    const computedButtonId = useId(() => props.buttonId, "tab");
+    const lazyRenderCompleted = ref(false);
+    const el = ref(null);
+    const { onClick, ...attrs } = useAttrs();
+    const tab = computed(
+      () => ({
+        id: computedId.value,
+        buttonId: computedButtonId.value,
+        disabled: props.disabled,
+        title: props.title,
+        titleComponent: slots.title,
+        titleItemClass: () => props.titleItemClass,
+        titleLinkAttrs: () => props.titleLinkAttrs,
+        titleLinkClass: () => props.titleLinkClass,
+        onClick,
+        el: el.value
+      })
+    );
+    onMounted(() => {
+      if (!parentData) return;
+      parentData.registerTab(tab);
+      if (activeModel.value) {
+        parentData.activateTab(computedId.value);
+      }
+    });
+    onUnmounted(() => {
+      if (!parentData) return;
+      parentData.unregisterTab(computedId.value);
+    });
+    const isActive = computed(() => (parentData == null ? void 0 : parentData.activeId.value) === computedId.value);
+    const show = ref(isActive.value);
+    const computedLazy = computed(() => !!((parentData == null ? void 0 : parentData.lazy.value) || (props.lazyOnce ?? props.lazy)));
+    const computedLazyOnce = computed(() => props.lazyOnce !== void 0);
+    const computedActive = computed(() => isActive.value && !props.disabled);
+    const showSlot = computed(
+      () => computedActive.value || !computedLazy.value || computedLazy.value && computedLazyOnce.value && lazyRenderCompleted.value
+    );
+    watch(isActive, (active) => {
+      if (active) {
+        activeModel.value = true;
+        setTimeout(() => {
+          show.value = true;
+        }, 0);
+        return;
+      }
+      show.value = false;
+      activeModel.value = false;
+    });
+    watch(activeModel, (active) => {
+      if (!parentData) return;
+      if (!active) {
+        if (isActive.value) {
+          parentData.activateTab(void 0);
+        }
+        return;
+      }
+      parentData.activateTab(computedId.value);
+    });
+    const computedClasses = computed(() => [
+      {
+        "active": isActive.value,
+        "show": show.value,
+        "card-body": (parentData == null ? void 0 : parentData.card.value) && props.noBody === false,
+        "fade": !(parentData == null ? void 0 : parentData.noFade.value)
+      },
+      show.value ? parentData == null ? void 0 : parentData.activeTabClass.value : parentData == null ? void 0 : parentData.inactiveTabClass.value,
+      parentData == null ? void 0 : parentData.tabClass.value
+    ]);
+    watch(showSlot, (shown) => {
+      if (shown && !lazyRenderCompleted.value) lazyRenderCompleted.value = true;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), mergeProps({
+        id: unref(computedId),
+        ref_key: "el",
+        ref: el,
+        class: ["tab-pane", computedClasses.value],
+        role: "tabpanel",
+        "aria-labelledby": unref(computedButtonId)
+      }, attrs), {
+        default: withCtx(() => [
+          showSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["id", "class", "aria-labelledby"]);
+    };
+  }
+});
+const _hoisted_1 = ["aria-orientation"];
+const _hoisted_2 = ["id", "aria-controls", "aria-selected", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BTabs",
+  props: /* @__PURE__ */ mergeModels({
+    activeNavItemClass: { default: void 0 },
+    activeTabClass: { default: void 0 },
+    align: { default: void 0 },
+    card: { type: Boolean, default: false },
+    contentClass: { default: void 0 },
+    end: { type: Boolean, default: false },
+    fill: { type: Boolean, default: false },
+    id: { default: void 0 },
+    inactiveNavItemClass: { default: void 0 },
+    inactiveTabClass: { default: void 0 },
+    justified: { type: Boolean, default: false },
+    lazy: { type: Boolean, default: false },
+    navClass: { default: void 0 },
+    navItemClass: { default: void 0 },
+    navWrapperClass: { default: void 0 },
+    noFade: { type: Boolean, default: false },
+    noNavStyle: { type: Boolean, default: false },
+    pills: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    tag: { default: "div" },
+    tabClass: { default: void 0 },
+    vertical: { type: Boolean, default: false }
+  }, {
+    "modelValue": {
+      default: -1
+    },
+    "modelModifiers": {},
+    "activeId": {
+      default: void 0
+    },
+    "activeIdModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["activate-tab", "click"], ["update:modelValue", "update:activeId"]),
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BTabs");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const activeId = useModel(__props, "activeId");
+    const ReusableEmptyTab = createReusableTemplate();
+    const tabsInternal = ref([]);
+    const tabs = computed(
+      () => tabsInternal.value.map((_tab) => {
+        const tab = unref(_tab);
+        const active = tab.id === activeId.value;
+        return {
+          ...tab,
+          active,
+          navItemClasses: [
+            {
+              active,
+              disabled: tab.disabled
+            },
+            active ? props.activeNavItemClass : props.inactiveNavItemClass,
+            props.navItemClass
+          ]
+        };
+      })
+    );
+    const showEmpty = computed(() => !((tabs == null ? void 0 : tabs.value) && tabs.value.length > 0));
+    const computedClasses = computed(() => ({
+      "d-flex": props.vertical,
+      "align-items-start": props.vertical
+    }));
+    const alignment = useAlignment(() => props.align);
+    const navTabsClasses = computed(() => ({
+      "nav-pills": props.pills,
+      "flex-column me-3": props.vertical,
+      [alignment.value]: props.align !== void 0,
+      "nav-fill": props.fill,
+      "card-header-tabs": props.card,
+      "nav-justified": props.justified,
+      "nav-tabs": !props.noNavStyle && !props.pills,
+      "small": props.small
+    }));
+    const activateTab = (index) => {
+      var _a;
+      if (index !== void 0) {
+        const id = (_a = tabs.value[index]) == null ? void 0 : _a.id;
+        if (index > -1 && index < tabs.value.length && !tabs.value[index].disabled && (modelValue.value < 0 || activeId.value !== id || modelValue.value !== index)) {
+          const tabEvent = new BvEvent("activate-tab", { cancelable: true });
+          emit("activate-tab", index, modelValue.value, tabEvent);
+          if (!tabEvent.defaultPrevented) {
+            if (activeId.value !== id) activeId.value = id;
+            if (modelValue.value !== index) modelValue.value = index;
+          }
+        }
+      }
+    };
+    const handleClick = (event, index) => {
+      var _a, _b, _c;
+      activateTab(index);
+      if (index >= 0 && !tabs.value[index].disabled && ((_a = tabs.value[index]) == null ? void 0 : _a.onClick) && typeof tabs.value[index].onClick === "function") {
+        (_c = (_b = tabs.value[index]).onClick) == null ? void 0 : _c.call(_b, event);
+      }
+    };
+    const keynav = (direction) => {
+      var _a, _b;
+      if (tabs.value.length <= 0) return;
+      modelValue.value = nextIndex(modelValue.value + direction, direction);
+      (_b = document.getElementById((_a = tabs.value[modelValue.value]) == null ? void 0 : _a.buttonId)) == null ? void 0 : _b.focus();
+    };
+    const nextIndex = (start, direction) => {
+      let index = start;
+      let minIdx = -1;
+      let maxIdx = -1;
+      for (let i = 0; i < tabs.value.length; i++) {
+        if (!tabs.value[i].disabled) {
+          if (minIdx === -1) minIdx = i;
+          maxIdx = i;
+        }
+      }
+      while (index >= minIdx && index <= maxIdx && tabs.value[index].disabled) {
+        index += direction;
+      }
+      if (index < minIdx) index = minIdx;
+      if (index > maxIdx) index = maxIdx;
+      return index;
+    };
+    watch(modelValue, (newValue, oldValue) => {
+      if (newValue === oldValue) return;
+      if (tabs.value.length <= 0) {
+        return;
+      }
+      const index = nextIndex(newValue, newValue > oldValue ? 1 : -1);
+      nextTick(() => {
+        activateTab(index);
+      });
+    });
+    watch(activeId, (newValue, oldValue) => {
+      const index = tabs.value.findIndex((t) => t.id === newValue);
+      if (newValue === oldValue) return;
+      if (tabs.value.length <= 0) {
+        return;
+      }
+      if (index === -1) {
+        activateTab(nextIndex(0, 1));
+        return;
+      }
+      activateTab(index);
+    });
+    const registerTab = (tab) => {
+      if (!tabsInternal.value.find((t) => t.value.id === tab.value.id)) {
+        tabsInternal.value.push(tab);
+      } else {
+        tabsInternal.value[tabsInternal.value.findIndex((t) => t.value.id === tab.value.id)] = tab;
+      }
+      tabsInternal.value.sort((a, b) => {
+        if (!Node || !a.value.el || !b.value.el) return 0;
+        const position = a.value.el.compareDocumentPosition(b.value.el);
+        if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+        if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+        return 0;
+      });
+    };
+    const unregisterTab = (id) => {
+      tabsInternal.value = tabsInternal.value.filter((t) => t.value.id !== id);
+    };
+    watch(
+      tabsInternal,
+      () => {
+        findActive();
+      },
+      { deep: true }
+    );
+    const findActive = () => {
+      var _a;
+      if (tabs.value.length === 0) {
+        modelValue.value = -1;
+        activeId.value = void 0;
+        return;
+      }
+      if (modelValue.value >= 0 && !activeId.value) {
+        activeId.value = (_a = tabs.value[modelValue.value]) == null ? void 0 : _a.id;
+      }
+      if (tabs.value.find((t) => t.id === activeId.value)) {
+        activateTab(tabs.value.findIndex((t) => t.id === activeId.value));
+        return;
+      }
+      activateTab(tabs.value.map((tab) => !tab.disabled).indexOf(true));
+    };
+    provide(tabsInjectionKey, {
+      lazy: toRef(() => props.lazy),
+      card: toRef(() => props.card),
+      noFade: toRef(() => props.noFade),
+      activeTabClass: toRef(() => props.activeTabClass),
+      inactiveTabClass: toRef(() => props.inactiveTabClass),
+      tabClass: toRef(() => props.tabClass),
+      registerTab,
+      unregisterTab,
+      activeId,
+      activateTab: (id) => {
+        const idx = tabs.value.findIndex((t) => t.id === id);
+        if (id === void 0 || idx === -1) {
+          activateTab(nextIndex(0, 1));
+          return;
+        }
+        activateTab(idx);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        id: unref(props).id,
+        class: normalizeClass(["tabs", computedClasses.value])
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ReusableEmptyTab).define, null, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["tab-content", unref(props).contentClass])
+              }, [
+                renderSlot(_ctx.$slots, "default"),
+                showEmpty.value ? (openBlock(), createElementBlock("div", {
+                  key: "bv-empty-tab",
+                  class: normalizeClass(["tab-pane active", { "card-body": unref(props).card }])
+                }, [
+                  renderSlot(_ctx.$slots, "empty")
+                ], 2)) : createCommentVNode("", true)
+              ], 2)
+            ]),
+            _: 3
+          }),
+          unref(props).end ? (openBlock(), createBlock(unref(ReusableEmptyTab).reuse, { key: 0 })) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass([
+              unref(props).navWrapperClass,
+              { "card-header": unref(props).card, "ms-auto": _ctx.vertical && unref(props).end }
+            ])
+          }, [
+            createElementVNode("ul", {
+              class: normalizeClass(["nav", [navTabsClasses.value, unref(props).navClass]]),
+              role: "tablist",
+              "aria-orientation": unref(props).vertical ? "vertical" : "horizontal"
+            }, [
+              renderSlot(_ctx.$slots, "tabs-start"),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab, idx) => {
+                var _a, _b, _c;
+                return openBlock(), createElementBlock("li", {
+                  key: tab.id,
+                  class: normalizeClass(["nav-item", (_a = tab.titleItemClass) == null ? void 0 : _a.call(tab)]),
+                  role: "presentation"
+                }, [
+                  createElementVNode("button", mergeProps({
+                    id: tab.buttonId,
+                    class: ["nav-link", [tab.navItemClasses, (_b = tab.titleLinkClass) == null ? void 0 : _b.call(tab)]],
+                    role: "tab",
+                    "aria-controls": tab.id,
+                    "aria-selected": tab.active,
+                    ref_for: true
+                  }, (_c = tab.titleLinkAttrs) == null ? void 0 : _c.call(tab), {
+                    onKeydown: [
+                      _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => keynav(-1), ["stop", "prevent"]), ["left"])),
+                      _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => keynav(1), ["stop", "prevent"]), ["right"])),
+                      _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => keynav(-999), ["stop", "prevent"]), ["page-up"])),
+                      _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => keynav(999), ["stop", "prevent"]), ["page-down"]))
+                    ],
+                    onClick: withModifiers((e) => handleClick(e, idx), ["stop", "prevent"])
+                  }), [
+                    tab.titleComponent ? (openBlock(), createBlock(resolveDynamicComponent(tab.titleComponent), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(tab.title), 1)
+                    ], 64))
+                  ], 16, _hoisted_2)
+                ], 2);
+              }), 128)),
+              renderSlot(_ctx.$slots, "tabs-end")
+            ], 10, _hoisted_1)
+          ], 2),
+          !unref(props).end ? (openBlock(), createBlock(unref(ReusableEmptyTab).reuse, { key: 1 })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["id", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BTabs.vue_vue_type_script_setup_true_lang-BhWxG2yI.mjs.map

package/dist/BTabs.vue_vue_type_script_setup_true_lang-BhWxG2yI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BTabs.vue_vue_type_script_setup_true_lang-BhWxG2yI.mjs","sources":["../src/components/BTabs/BTab.vue","../src/components/BTabs/BTabs.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"computedId\"\n    ref=\"el\"\n    class=\"tab-pane\"\n    :class=\"computedClasses\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"computedButtonId\"\n    v-bind=\"attrs\"\n  >\n    <slot v-if=\"showSlot\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, onMounted, onUnmounted, ref, useAttrs, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {TabType} from '../../types/Tab'\nimport type {BTabProps} from '../../types/ComponentProps'\nimport {tabsInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BTabProps, 'active'>>(), {\n  buttonId: undefined,\n  disabled: false,\n  id: undefined,\n  lazy: undefined,\n  lazyOnce: undefined,\n  noBody: false,\n  tag: 'div',\n  title: undefined,\n  titleItemClass: undefined,\n  titleLinkAttrs: undefined,\n  titleLinkClass: undefined,\n})\nconst props = useDefaults(_props, 'BTab')\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title?: (props: Record<string, never>) => any\n}>()\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst activeModel = defineModel<Exclude<BTabProps['active'], undefined>>('active', {\n  default: false,\n})\n\nconst parentData = inject(tabsInjectionKey, null)\nconst computedId = useId(() => props.id, 'tabpane')\nconst computedButtonId = useId(() => props.buttonId, 'tab')\n\nconst lazyRenderCompleted = ref(false)\nconst el = ref<HTMLElement | null>(null)\n\nconst {onClick, ...attrs} = useAttrs()\n\nconst tab = computed(\n  () =>\n    ({\n      id: computedId.value,\n      buttonId: computedButtonId.value,\n      disabled: props.disabled,\n      title: props.title,\n      titleComponent: slots.title,\n      titleItemClass: () => props.titleItemClass,\n      titleLinkAttrs: () => props.titleLinkAttrs,\n      titleLinkClass: () => props.titleLinkClass,\n      onClick,\n      el: el.value,\n    }) as TabType\n)\n\nonMounted(() => {\n  if (!parentData) return\n  parentData.registerTab(tab)\n  if (activeModel.value) {\n    parentData.activateTab(computedId.value)\n  }\n})\n\nonUnmounted(() => {\n  if (!parentData) return\n  parentData.unregisterTab(computedId.value)\n})\n\nconst isActive = computed(() => parentData?.activeId.value === computedId.value)\nconst show = ref(isActive.value)\n\nconst computedLazy = computed(() => !!(parentData?.lazy.value || (props.lazyOnce ?? props.lazy)))\nconst computedLazyOnce = computed(() => props.lazyOnce !== undefined)\n\nconst computedActive = computed(() => isActive.value && !props.disabled)\nconst showSlot = computed(\n  () =>\n    computedActive.value ||\n    !computedLazy.value ||\n    (computedLazy.value && computedLazyOnce.value && lazyRenderCompleted.value)\n)\n\nwatch(isActive, (active) => {\n  if (active) {\n    activeModel.value = true\n    setTimeout(() => {\n      show.value = true\n    }, 0)\n    return\n  }\n  show.value = false\n  activeModel.value = false\n})\nwatch(activeModel, (active) => {\n  if (!parentData) return\n  if (!active) {\n    if (isActive.value) {\n      parentData.activateTab(undefined)\n    }\n    return\n  }\n  parentData.activateTab(computedId.value)\n})\n\nconst computedClasses = computed(() => [\n  {\n    'active': isActive.value,\n    'show': show.value,\n    'card-body': parentData?.card.value && props.noBody === false,\n    'fade': !parentData?.noFade.value,\n  },\n  show.value ? parentData?.activeTabClass.value : parentData?.inactiveTabClass.value,\n  parentData?.tabClass.value,\n])\n\nwatch(showSlot, (shown) => {\n  if (shown && !lazyRenderCompleted.value) lazyRenderCompleted.value = true\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" :id=\"props.id\" class=\"tabs\" :class=\"computedClasses\">\n    <ReusableEmptyTab.define>\n      <div class=\"tab-content\" :class=\"props.contentClass\">\n        <slot />\n        <div\n          v-if=\"showEmpty\"\n          key=\"bv-empty-tab\"\n          class=\"tab-pane active\"\n          :class=\"{'card-body': props.card}\"\n        >\n          <slot name=\"empty\" />\n        </div>\n      </div>\n    </ReusableEmptyTab.define>\n\n    <ReusableEmptyTab.reuse v-if=\"props.end\" />\n    <div\n      :class=\"[\n        props.navWrapperClass,\n        {'card-header': props.card, 'ms-auto': vertical && props.end},\n      ]\"\n    >\n      <ul\n        class=\"nav\"\n        :class=\"[navTabsClasses, props.navClass]\"\n        role=\"tablist\"\n        :aria-orientation=\"props.vertical ? 'vertical' : 'horizontal'\"\n      >\n        <slot name=\"tabs-start\" />\n        <li\n          v-for=\"(tab, idx) in tabs\"\n          :key=\"tab.id\"\n          class=\"nav-item\"\n          :class=\"tab.titleItemClass?.()\"\n          role=\"presentation\"\n        >\n          <button\n            :id=\"tab.buttonId\"\n            class=\"nav-link\"\n            :class=\"[tab.navItemClasses, tab.titleLinkClass?.()]\"\n            role=\"tab\"\n            :aria-controls=\"tab.id\"\n            :aria-selected=\"tab.active\"\n            v-bind=\"tab.titleLinkAttrs?.()\"\n            @keydown.left.stop.prevent=\"keynav(-1)\"\n            @keydown.right.stop.prevent=\"keynav(1)\"\n            @keydown.page-up.stop.prevent=\"keynav(-999)\"\n            @keydown.page-down.stop.prevent=\"keynav(999)\"\n            @click.stop.prevent=\"(e) => handleClick(e, idx)\"\n          >\n            <component :is=\"tab.titleComponent\" v-if=\"tab.titleComponent\" />\n            <template v-else>\n              {{ tab.title }}\n            </template>\n          </button>\n        </li>\n        <slot name=\"tabs-end\" />\n      </ul>\n    </div>\n    <ReusableEmptyTab.reuse v-if=\"!props.end\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, nextTick, provide, type Ref, ref, toRef, unref, watch} from 'vue'\nimport {BvEvent} from '../../utils/classes'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {TabType} from '../../types/Tab'\nimport type {BTabsProps} from '../../types/ComponentProps'\nimport {tabsInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<Omit<BTabsProps, 'modelValue' | 'activeId'>>(), {\n  activeNavItemClass: undefined,\n  activeTabClass: undefined,\n  align: undefined,\n  card: false,\n  contentClass: undefined,\n  end: false,\n  fill: false,\n  id: undefined,\n  inactiveNavItemClass: undefined,\n  inactiveTabClass: undefined,\n  justified: false,\n  lazy: false,\n  navClass: undefined,\n  navItemClass: undefined,\n  navWrapperClass: undefined,\n  noFade: false,\n  // noKeyNav: false,\n  noNavStyle: false,\n  pills: false,\n  small: false,\n  tag: 'div',\n  tabClass: undefined,\n  vertical: false,\n})\nconst props = useDefaults(_props, 'BTabs')\n\nconst emit = defineEmits<{\n  'activate-tab': [v1: number, v2: number, v3: BvEvent]\n  'click': [] // TODO click event is never used\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'empty'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tabs-end'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tabs-start'?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BTabsProps['modelValue'], undefined>>({\n  default: -1,\n})\nconst activeId = defineModel<BTabsProps['activeId']>('activeId', {\n  default: undefined,\n})\n\nconst ReusableEmptyTab = createReusableTemplate()\n\nconst tabsInternal = ref<Ref<TabType>[]>([])\n\nconst tabs = computed(() =>\n  tabsInternal.value.map((_tab) => {\n    const tab = unref(_tab)\n    const active = tab.id === activeId.value\n\n    return {\n      ...tab,\n      active,\n      navItemClasses: [\n        {\n          active,\n          disabled: tab.disabled,\n        },\n        active ? props.activeNavItemClass : props.inactiveNavItemClass,\n        props.navItemClass,\n      ],\n    }\n  })\n)\n\nconst showEmpty = computed(() => !(tabs?.value && tabs.value.length > 0))\n\nconst computedClasses = computed(() => ({\n  'd-flex': props.vertical,\n  'align-items-start': props.vertical,\n}))\n\nconst alignment = useAlignment(() => props.align)\n\nconst navTabsClasses = computed(() => ({\n  'nav-pills': props.pills,\n  'flex-column me-3': props.vertical,\n  [alignment.value]: props.align !== undefined,\n  'nav-fill': props.fill,\n  'card-header-tabs': props.card,\n  'nav-justified': props.justified,\n  'nav-tabs': !props.noNavStyle && !props.pills,\n  'small': props.small,\n}))\n\nconst activateTab = (index: number): void => {\n  if (index !== undefined) {\n    const id = tabs.value[index]?.id\n    if (\n      index > -1 &&\n      index < tabs.value.length &&\n      !tabs.value[index].disabled &&\n      (modelValue.value < 0 || activeId.value !== id || modelValue.value !== index)\n    ) {\n      const tabEvent = new BvEvent('activate-tab', {cancelable: true})\n      emit('activate-tab', index, modelValue.value, tabEvent)\n      if (!tabEvent.defaultPrevented) {\n        if (activeId.value !== id) activeId.value = id\n        if (modelValue.value !== index) modelValue.value = index\n      }\n    }\n  }\n}\n\nconst handleClick = (event: Readonly<MouseEvent>, index: number) => {\n  activateTab(index)\n  if (\n    index >= 0 &&\n    !tabs.value[index].disabled &&\n    tabs.value[index]?.onClick &&\n    typeof tabs.value[index].onClick === 'function'\n  ) {\n    tabs.value[index].onClick?.(event)\n  }\n}\n\nconst keynav = (direction: number) => {\n  if (tabs.value.length <= 0) return\n  modelValue.value = nextIndex(modelValue.value + direction, direction)\n  document.getElementById(tabs.value[modelValue.value]?.buttonId)?.focus()\n}\n\nconst nextIndex = (start: number, direction: number) => {\n  let index = start\n  let minIdx = -1\n  let maxIdx = -1\n\n  for (let i = 0; i < tabs.value.length; i++) {\n    if (!tabs.value[i].disabled) {\n      if (minIdx === -1) minIdx = i\n      maxIdx = i\n    }\n  }\n\n  while (index >= minIdx && index <= maxIdx && tabs.value[index].disabled) {\n    index += direction\n  }\n\n  if (index < minIdx) index = minIdx\n  if (index > maxIdx) index = maxIdx\n\n  return index\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (tabs.value.length <= 0) {\n    return\n  }\n\n  const index = nextIndex(newValue, newValue > oldValue ? 1 : -1)\n  nextTick(() => {\n    activateTab(index)\n  })\n})\n\nwatch(activeId, (newValue, oldValue) => {\n  const index = tabs.value.findIndex((t) => t.id === newValue)\n  if (newValue === oldValue) return\n  if (tabs.value.length <= 0) {\n    return\n  }\n  if (index === -1) {\n    activateTab(nextIndex(0, 1))\n    return\n  }\n  activateTab(index)\n})\n\nconst registerTab = (tab: Ref<TabType>) => {\n  if (!tabsInternal.value.find((t) => t.value.id === tab.value.id)) {\n    tabsInternal.value.push(tab)\n  } else {\n    tabsInternal.value[tabsInternal.value.findIndex((t) => t.value.id === tab.value.id)] = tab\n  }\n  tabsInternal.value.sort((a, b) => {\n    if (!Node || !a.value.el || !b.value.el) return 0\n    const position = a.value.el.compareDocumentPosition(b.value.el)\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1\n    return 0\n  })\n}\nconst unregisterTab = (id: string) => {\n  tabsInternal.value = tabsInternal.value.filter((t) => t.value.id !== id)\n}\n\nwatch(\n  tabsInternal,\n  () => {\n    findActive()\n  },\n  {deep: true}\n)\n\nconst findActive = () => {\n  if (tabs.value.length === 0) {\n    modelValue.value = -1\n    activeId.value = undefined\n    return\n  }\n  if (modelValue.value >= 0 && !activeId.value) {\n    activeId.value = tabs.value[modelValue.value]?.id\n  }\n  if (tabs.value.find((t) => t.id === activeId.value)) {\n    activateTab(tabs.value.findIndex((t) => t.id === activeId.value))\n    return\n  }\n  activateTab(tabs.value.map((tab) => !tab.disabled).indexOf(true))\n}\n\nprovide(tabsInjectionKey, {\n  lazy: toRef(() => props.lazy),\n  card: toRef(() => props.card),\n  noFade: toRef(() => props.noFade),\n  activeTabClass: toRef(() => props.activeTabClass),\n  inactiveTabClass: toRef(() => props.inactiveTabClass),\n  tabClass: toRef(() => props.tabClass),\n  registerTab,\n  unregisterTab,\n  activeId,\n  activateTab: (id) => {\n    const idx = tabs.value.findIndex((t) => t.id === id)\n    if (id === undefined || idx === -1) {\n      activateTab(nextIndex(0, 1))\n      return\n    }\n    activateTab(idx)\n  },\n})\n</script>\n"],"names":["_useSlots","_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,SAAS;AAaT,UAAA,QAAQ,YAAY,QAAQ,MAAM;AAExC,UAAM,QAAQA;AAWR,UAAA,cAAcC,SAAoD,SAAC,QAExE;AAEK,UAAA,aAAa,OAAO,kBAAkB,IAAI;AAChD,UAAM,aAAa,MAAM,MAAM,MAAM,IAAI,SAAS;AAClD,UAAM,mBAAmB,MAAM,MAAM,MAAM,UAAU,KAAK;AAEpD,UAAA,sBAAsB,IAAI,KAAK;AAC/B,UAAA,KAAK,IAAwB,IAAI;AAEvC,UAAM,EAAC,SAAS,GAAG,UAAS,SAAS;AAErC,UAAM,MAAM;AAAA,MACV,OACG;AAAA,QACC,IAAI,WAAW;AAAA,QACf,UAAU,iBAAiB;AAAA,QAC3B,UAAU,MAAM;AAAA,QAChB,OAAO,MAAM;AAAA,QACb,gBAAgB,MAAM;AAAA,QACtB,gBAAgB,MAAM,MAAM;AAAA,QAC5B,gBAAgB,MAAM,MAAM;AAAA,QAC5B,gBAAgB,MAAM,MAAM;AAAA,QAC5B;AAAA,QACA,IAAI,GAAG;AAAA,MAAA;AAAA,IACT;AAGJ,cAAU,MAAM;AACd,UAAI,CAAC,WAAY;AACjB,iBAAW,YAAY,GAAG;AAC1B,UAAI,YAAY,OAAO;AACV,mBAAA,YAAY,WAAW,KAAK;AAAA,MACzC;AAAA,IAAA,CACD;AAED,gBAAY,MAAM;AAChB,UAAI,CAAC,WAAY;AACN,iBAAA,cAAc,WAAW,KAAK;AAAA,IAAA,CAC1C;AAED,UAAM,WAAW,SAAS,OAAM,yCAAY,SAAS,WAAU,WAAW,KAAK;AACzE,UAAA,OAAO,IAAI,SAAS,KAAK;AAEzB,UAAA,eAAe,SAAS,MAAM,CAAC,GAAE,yCAAY,KAAK,WAAU,MAAM,YAAY,MAAM,MAAM;AAChG,UAAM,mBAAmB,SAAS,MAAM,MAAM,aAAa,MAAS;AAEpE,UAAM,iBAAiB,SAAS,MAAM,SAAS,SAAS,CAAC,MAAM,QAAQ;AACvE,UAAM,WAAW;AAAA,MACf,MACE,eAAe,SACf,CAAC,aAAa,SACb,aAAa,SAAS,iBAAiB,SAAS,oBAAoB;AAAA,IAAA;AAGnE,UAAA,UAAU,CAAC,WAAW;AAC1B,UAAI,QAAQ;AACV,oBAAY,QAAQ;AACpB,mBAAW,MAAM;AACf,eAAK,QAAQ;AAAA,WACZ,CAAC;AACJ;AAAA,MACF;AACA,WAAK,QAAQ;AACb,kBAAY,QAAQ;AAAA,IAAA,CACrB;AACK,UAAA,aAAa,CAAC,WAAW;AAC7B,UAAI,CAAC,WAAY;AACjB,UAAI,CAAC,QAAQ;AACX,YAAI,SAAS,OAAO;AAClB,qBAAW,YAAY,MAAS;AAAA,QAClC;AACA;AAAA,MACF;AACW,iBAAA,YAAY,WAAW,KAAK;AAAA,IAAA,CACxC;AAEK,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC;AAAA,QACE,UAAU,SAAS;AAAA,QACnB,QAAQ,KAAK;AAAA,QACb,cAAa,yCAAY,KAAK,UAAS,MAAM,WAAW;AAAA,QACxD,QAAQ,EAAC,yCAAY,OAAO;AAAA,MAC9B;AAAA,MACA,KAAK,QAAQ,yCAAY,eAAe,QAAQ,yCAAY,iBAAiB;AAAA,MAC7E,yCAAY,SAAS;AAAA,IAAA,CACtB;AAEK,UAAA,UAAU,CAAC,UAAU;AACzB,UAAI,SAAS,CAAC,oBAAoB,2BAA2B,QAAQ;AAAA,IAAA,CACtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClED,UAAM,SAAS;AAyBT,UAAA,QAAQ,YAAY,QAAQ,OAAO;AAEzC,UAAM,OAAO;AAgBP,UAAA,aAAaA,8BAElB;AACK,UAAA,WAAWA,SAAoC,SAAA,UAEpD;AAED,UAAM,mBAAmB;AAEnB,UAAA,eAAe,IAAoB,CAAA,CAAE;AAE3C,UAAM,OAAO;AAAA,MAAS,MACpB,aAAa,MAAM,IAAI,CAAC,SAAS;AACzB,cAAA,MAAM,MAAM,IAAI;AAChB,cAAA,SAAS,IAAI,OAAO,SAAS;AAE5B,eAAA;AAAA,UACL,GAAG;AAAA,UACH;AAAA,UACA,gBAAgB;AAAA,YACd;AAAA,cACE;AAAA,cACA,UAAU,IAAI;AAAA,YAChB;AAAA,YACA,SAAS,MAAM,qBAAqB,MAAM;AAAA,YAC1C,MAAM;AAAA,UACR;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IAAA;AAGG,UAAA,YAAY,SAAS,MAAM,GAAE,6BAAM,UAAS,KAAK,MAAM,SAAS,EAAE;AAElE,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,UAAU,MAAM;AAAA,MAChB,qBAAqB,MAAM;AAAA,IAC3B,EAAA;AAEF,UAAM,YAAY,aAAa,MAAM,MAAM,KAAK;AAE1C,UAAA,iBAAiB,SAAS,OAAO;AAAA,MACrC,aAAa,MAAM;AAAA,MACnB,oBAAoB,MAAM;AAAA,MAC1B,CAAC,UAAU,KAAK,GAAG,MAAM,UAAU;AAAA,MACnC,YAAY,MAAM;AAAA,MAClB,oBAAoB,MAAM;AAAA,MAC1B,iBAAiB,MAAM;AAAA,MACvB,YAAY,CAAC,MAAM,cAAc,CAAC,MAAM;AAAA,MACxC,SAAS,MAAM;AAAA,IACf,EAAA;AAEI,UAAA,cAAc,CAAC,UAAwB;;AAC3C,UAAI,UAAU,QAAW;AACvB,cAAM,MAAK,UAAK,MAAM,KAAK,MAAhB,mBAAmB;AAE5B,YAAA,QAAQ,MACR,QAAQ,KAAK,MAAM,UACnB,CAAC,KAAK,MAAM,KAAK,EAAE,aAClB,WAAW,QAAQ,KAAK,SAAS,UAAU,MAAM,WAAW,UAAU,QACvE;AACA,gBAAM,WAAW,IAAI,QAAQ,gBAAgB,EAAC,YAAY,MAAK;AAC/D,eAAK,gBAAgB,OAAO,WAAW,OAAO,QAAQ;AAClD,cAAA,CAAC,SAAS,kBAAkB;AAC9B,gBAAI,SAAS,UAAU,GAAI,UAAS,QAAQ;AAC5C,gBAAI,WAAW,UAAU,MAAO,YAAW,QAAQ;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAGI,UAAA,cAAc,CAAC,OAA6B,UAAkB;;AAClE,kBAAY,KAAK;AACjB,UACE,SAAS,KACT,CAAC,KAAK,MAAM,KAAK,EAAE,cACnB,UAAK,MAAM,KAAK,MAAhB,mBAAmB,YACnB,OAAO,KAAK,MAAM,KAAK,EAAE,YAAY,YACrC;AACA,yBAAK,MAAM,KAAK,GAAE,YAAlB,4BAA4B;AAAA,MAC9B;AAAA,IAAA;AAGI,UAAA,SAAS,CAAC,cAAsB;;AAChC,UAAA,KAAK,MAAM,UAAU,EAAG;AAC5B,iBAAW,QAAQ,UAAU,WAAW,QAAQ,WAAW,SAAS;AAC3D,qBAAA,gBAAe,UAAK,MAAM,WAAW,KAAK,MAA3B,mBAA8B,QAAQ,MAArD,mBAAwD;AAAA,IAAM;AAGnE,UAAA,YAAY,CAAC,OAAe,cAAsB;AACtD,UAAI,QAAQ;AACZ,UAAI,SAAS;AACb,UAAI,SAAS;AAEb,eAAS,IAAI,GAAG,IAAI,KAAK,MAAM,QAAQ,KAAK;AAC1C,YAAI,CAAC,KAAK,MAAM,CAAC,EAAE,UAAU;AACvB,cAAA,WAAW,GAAa,UAAA;AACnB,mBAAA;AAAA,QACX;AAAA,MACF;AAEO,aAAA,SAAS,UAAU,SAAS,UAAU,KAAK,MAAM,KAAK,EAAE,UAAU;AAC9D,iBAAA;AAAA,MACX;AAEI,UAAA,QAAQ,OAAgB,SAAA;AACxB,UAAA,QAAQ,OAAgB,SAAA;AAErB,aAAA;AAAA,IAAA;AAGH,UAAA,YAAY,CAAC,UAAU,aAAa;AACxC,UAAI,aAAa,SAAU;AACvB,UAAA,KAAK,MAAM,UAAU,GAAG;AAC1B;AAAA,MACF;AAEA,YAAM,QAAQ,UAAU,UAAU,WAAW,WAAW,IAAI,EAAE;AAC9D,eAAS,MAAM;AACb,oBAAY,KAAK;AAAA,MAAA,CAClB;AAAA,IAAA,CACF;AAEK,UAAA,UAAU,CAAC,UAAU,aAAa;AAChC,YAAA,QAAQ,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,QAAQ;AAC3D,UAAI,aAAa,SAAU;AACvB,UAAA,KAAK,MAAM,UAAU,GAAG;AAC1B;AAAA,MACF;AACA,UAAI,UAAU,IAAI;AACJ,oBAAA,UAAU,GAAG,CAAC,CAAC;AAC3B;AAAA,MACF;AACA,kBAAY,KAAK;AAAA,IAAA,CAClB;AAEK,UAAA,cAAc,CAAC,QAAsB;AACzC,UAAI,CAAC,aAAa,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI,MAAM,EAAE,GAAG;AACnD,qBAAA,MAAM,KAAK,GAAG;AAAA,MAAA,OACtB;AACL,qBAAa,MAAM,aAAa,MAAM,UAAU,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI,MAAM,EAAE,CAAC,IAAI;AAAA,MACzF;AACA,mBAAa,MAAM,KAAK,CAAC,GAAG,MAAM;AAC5B,YAAA,CAAC,QAAQ,CAAC,EAAE,MAAM,MAAM,CAAC,EAAE,MAAM,GAAW,QAAA;AAChD,cAAM,WAAW,EAAE,MAAM,GAAG,wBAAwB,EAAE,MAAM,EAAE;AAC1D,YAAA,WAAW,KAAK,4BAAoC,QAAA;AACpD,YAAA,WAAW,KAAK,4BAAoC,QAAA;AACjD,eAAA;AAAA,MAAA,CACR;AAAA,IAAA;AAEG,UAAA,gBAAgB,CAAC,OAAe;AACvB,mBAAA,QAAQ,aAAa,MAAM,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,EAAE;AAAA,IAAA;AAGzE;AAAA,MACE;AAAA,MACA,MAAM;AACO;MACb;AAAA,MACA,EAAC,MAAM,KAAI;AAAA,IAAA;AAGb,UAAM,aAAa,MAAM;;AACnB,UAAA,KAAK,MAAM,WAAW,GAAG;AAC3B,mBAAW,QAAQ;AACnB,iBAAS,QAAQ;AACjB;AAAA,MACF;AACA,UAAI,WAAW,SAAS,KAAK,CAAC,SAAS,OAAO;AAC5C,iBAAS,SAAQ,UAAK,MAAM,WAAW,KAAK,MAA3B,mBAA8B;AAAA,MACjD;AACI,UAAA,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,KAAK,GAAG;AACvC,oBAAA,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,SAAS,KAAK,CAAC;AAChE;AAAA,MACF;AACY,kBAAA,KAAK,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,QAAQ,IAAI,CAAC;AAAA,IAAA;AAGlE,YAAQ,kBAAkB;AAAA,MACxB,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,MAC5B,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,MAC5B,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,MAChC,gBAAgB,MAAM,MAAM,MAAM,cAAc;AAAA,MAChD,kBAAkB,MAAM,MAAM,MAAM,gBAAgB;AAAA,MACpD,UAAU,MAAM,MAAM,MAAM,QAAQ;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,OAAO;AACb,cAAA,MAAM,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AAC/C,YAAA,OAAO,UAAa,QAAQ,IAAI;AACtB,sBAAA,UAAU,GAAG,CAAC,CAAC;AAC3B;AAAA,QACF;AACA,oBAAY,GAAG;AAAA,MACjB;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BTabs.vue_vue_type_script_setup_true_lang-CaQt9YE0.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("./useId-z7cQCT28.js"),l=require("./useDefaults-Cd8OVIUI.js"),t=require("./keys-BgAe7wbu.js"),i=require("./classes-CXBJXuVd.js"),o=require("./useAlignment-BTUJZ_9x.js"),n=require("./index-CnY1um_J.js"),d=e.defineComponent({inheritAttrs:!1,__name:"BTab",props:e.mergeModels({buttonId:{default:void 0},disabled:{type:Boolean,default:!1},id:{default:void 0},lazy:{type:Boolean,default:void 0},lazyOnce:{type:Boolean,default:void 0},noBody:{type:Boolean,default:!1},tag:{default:"div"},title:{default:void 0},titleItemClass:{default:void 0},titleLinkAttrs:{default:void 0},titleLinkClass:{default:void 0}},{active:{type:Boolean,default:!1},activeModifiers:{}}),emits:["update:active"],setup(i){const o=i,n=l.useDefaults(o,"BTab"),d=e.useSlots(),u=e.useModel(i,"active"),s=e.inject(t.tabsInjectionKey,null),v=a.useId((()=>n.id),"tabpane"),r=a.useId((()=>n.buttonId),"tab"),c=e.ref(!1),f=e.ref(null),{onClick:m,...p}=e.useAttrs(),b=e.computed((()=>({id:v.value,buttonId:r.value,disabled:n.disabled,title:n.title,titleComponent:d.title,titleItemClass:()=>n.titleItemClass,titleLinkAttrs:()=>n.titleLinkAttrs,titleLinkClass:()=>n.titleLinkClass,onClick:m,el:f.value})));e.onMounted((()=>{s&&(s.registerTab(b),u.value&&s.activateTab(v.value))})),e.onUnmounted((()=>{s&&s.unregisterTab(v.value)}));const C=e.computed((()=>(null==s?void 0:s.activeId.value)===v.value)),y=e.ref(C.value),k=e.computed((()=>!(!(null==s?void 0:s.lazy.value)&&!(n.lazyOnce??n.lazy)))),B=e.computed((()=>void 0!==n.lazyOnce)),I=e.computed((()=>C.value&&!n.disabled)),g=e.computed((()=>I.value||!k.value||k.value&&B.value&&c.value));e.watch(C,(e=>{if(e)return u.value=!0,void setTimeout((()=>{y.value=!0}),0);y.value=!1,u.value=!1})),e.watch(u,(e=>{s&&(e?s.activateTab(v.value):C.value&&s.activateTab(void 0))}));const h=e.computed((()=>[{active:C.value,show:y.value,"card-body":(null==s?void 0:s.card.value)&&!1===n.noBody,fade:!(null==s?void 0:s.noFade.value)},y.value?null==s?void 0:s.activeTabClass.value:null==s?void 0:s.inactiveTabClass.value,null==s?void 0:s.tabClass.value]));return e.watch(g,(e=>{e&&!c.value&&(c.value=!0)})),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n).tag),e.mergeProps({id:e.unref(v),ref_key:"el",ref:f,class:["tab-pane",h.value],role:"tabpanel","aria-labelledby":e.unref(r)},p),{default:e.withCtx((()=>[g.value?e.renderSlot(a.$slots,"default",{key:0}):e.createCommentVNode("",!0)])),_:3},16,["id","class","aria-labelledby"]))}}),u=["aria-orientation"],s=["id","aria-controls","aria-selected","onClick"],v=e.defineComponent({__name:"BTabs",props:e.mergeModels({activeNavItemClass:{default:void 0},activeTabClass:{default:void 0},align:{default:void 0},card:{type:Boolean,default:!1},contentClass:{default:void 0},end:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},id:{default:void 0},inactiveNavItemClass:{default:void 0},inactiveTabClass:{default:void 0},justified:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},navClass:{default:void 0},navItemClass:{default:void 0},navWrapperClass:{default:void 0},noFade:{type:Boolean,default:!1},noNavStyle:{type:Boolean,default:!1},pills:{type:Boolean,default:!1},small:{type:Boolean,default:!1},tag:{default:"div"},tabClass:{default:void 0},vertical:{type:Boolean,default:!1}},{modelValue:{default:-1},modelModifiers:{},activeId:{default:void 0},activeIdModifiers:{}}),emits:e.mergeModels(["activate-tab","click"],["update:modelValue","update:activeId"]),setup(a,{emit:d}){const v=a,r=l.useDefaults(v,"BTabs"),c=d,f=e.useModel(a,"modelValue"),m=e.useModel(a,"activeId"),p=n.createReusableTemplate(),b=e.ref([]),C=e.computed((()=>b.value.map((a=>{const l=e.unref(a),t=l.id===m.value;return{...l,active:t,navItemClasses:[{active:t,disabled:l.disabled},t?r.activeNavItemClass:r.inactiveNavItemClass,r.navItemClass]}})))),y=e.computed((()=>!((null==C?void 0:C.value)&&C.value.length>0))),k=e.computed((()=>({"d-flex":r.vertical,"align-items-start":r.vertical}))),B=o.useAlignment((()=>r.align)),I=e.computed((()=>({"nav-pills":r.pills,"flex-column me-3":r.vertical,[B.value]:void 0!==r.align,"nav-fill":r.fill,"card-header-tabs":r.card,"nav-justified":r.justified,"nav-tabs":!r.noNavStyle&&!r.pills,small:r.small}))),g=e=>{var a;if(void 0!==e){const l=null==(a=C.value[e])?void 0:a.id;if(e>-1&&e<C.value.length&&!C.value[e].disabled&&(f.value<0||m.value!==l||f.value!==e)){const a=new i.BvEvent("activate-tab",{cancelable:!0});c("activate-tab",e,f.value,a),a.defaultPrevented||(m.value!==l&&(m.value=l),f.value!==e&&(f.value=e))}}},h=e=>{var a,l;C.value.length<=0||(f.value=T(f.value+e,e),null==(l=document.getElementById(null==(a=C.value[f.value])?void 0:a.buttonId))||l.focus())},T=(e,a)=>{let l=e,t=-1,i=-1;for(let o=0;o<C.value.length;o++)C.value[o].disabled||(-1===t&&(t=o),i=o);for(;l>=t&&l<=i&&C.value[l].disabled;)l+=a;return l<t&&(l=t),l>i&&(l=i),l};e.watch(f,((a,l)=>{if(a===l)return;if(C.value.length<=0)return;const t=T(a,a>l?1:-1);e.nextTick((()=>{g(t)}))})),e.watch(m,((e,a)=>{const l=C.value.findIndex((a=>a.id===e));e!==a&&(C.value.length<=0||g(-1!==l?l:T(0,1)))}));e.watch(b,(()=>{N()}),{deep:!0});const N=()=>{var e;if(0===C.value.length)return f.value=-1,void(m.value=void 0);f.value>=0&&!m.value&&(m.value=null==(e=C.value[f.value])?void 0:e.id),C.value.find((e=>e.id===m.value))?g(C.value.findIndex((e=>e.id===m.value))):g(C.value.map((e=>!e.disabled)).indexOf(!0))};return e.provide(t.tabsInjectionKey,{lazy:e.toRef((()=>r.lazy)),card:e.toRef((()=>r.card)),noFade:e.toRef((()=>r.noFade)),activeTabClass:e.toRef((()=>r.activeTabClass)),inactiveTabClass:e.toRef((()=>r.inactiveTabClass)),tabClass:e.toRef((()=>r.tabClass)),registerTab:e=>{b.value.find((a=>a.value.id===e.value.id))?b.value[b.value.findIndex((a=>a.value.id===e.value.id))]=e:b.value.push(e),b.value.sort(((e,a)=>{if(!Node||!e.value.el||!a.value.el)return 0;const l=e.value.el.compareDocumentPosition(a.value.el);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0}))},unregisterTab:e=>{b.value=b.value.filter((a=>a.value.id!==e))},activeId:m,activateTab:e=>{const a=C.value.findIndex((a=>a.id===e));g(void 0!==e&&-1!==a?a:T(0,1))}}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r).tag),{id:e.unref(r).id,class:e.normalizeClass(["tabs",k.value])},{default:e.withCtx((()=>[e.createVNode(e.unref(p).define,null,{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(["tab-content",e.unref(r).contentClass])},[e.renderSlot(a.$slots,"default"),y.value?(e.openBlock(),e.createElementBlock("div",{key:"bv-empty-tab",class:e.normalizeClass(["tab-pane active",{"card-body":e.unref(r).card}])},[e.renderSlot(a.$slots,"empty")],2)):e.createCommentVNode("",!0)],2)])),_:3}),e.unref(r).end?(e.openBlock(),e.createBlock(e.unref(p).reuse,{key:0})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).navWrapperClass,{"card-header":e.unref(r).card,"ms-auto":a.vertical&&e.unref(r).end}])},[e.createElementVNode("ul",{class:e.normalizeClass(["nav",[I.value,e.unref(r).navClass]]),role:"tablist","aria-orientation":e.unref(r).vertical?"vertical":"horizontal"},[e.renderSlot(a.$slots,"tabs-start"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,((a,t)=>{var i,o,n;return e.openBlock(),e.createElementBlock("li",{key:a.id,class:e.normalizeClass(["nav-item",null==(i=a.titleItemClass)?void 0:i.call(a)]),role:"presentation"},[e.createElementVNode("button",e.mergeProps({id:a.buttonId,class:["nav-link",[a.navItemClasses,null==(o=a.titleLinkClass)?void 0:o.call(a)]],role:"tab","aria-controls":a.id,"aria-selected":a.active,ref_for:!0},null==(n=a.titleLinkAttrs)?void 0:n.call(a),{onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers((e=>h(-1)),["stop","prevent"]),["left"])),l[1]||(l[1]=e.withKeys(e.withModifiers((e=>h(1)),["stop","prevent"]),["right"])),l[2]||(l[2]=e.withKeys(e.withModifiers((e=>h(-999)),["stop","prevent"]),["page-up"])),l[3]||(l[3]=e.withKeys(e.withModifiers((e=>h(999)),["stop","prevent"]),["page-down"]))],onClick:e.withModifiers((e=>((e,a)=>{var l,t,i;g(a),a>=0&&!C.value[a].disabled&&(null==(l=C.value[a])?void 0:l.onClick)&&"function"==typeof C.value[a].onClick&&(null==(i=(t=C.value[a]).onClick)||i.call(t,e))})(e,t)),["stop","prevent"])}),[a.titleComponent?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.titleComponent),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.title),1)],64))],16,s)],2)})),128)),e.renderSlot(a.$slots,"tabs-end")],10,u)],2),e.unref(r).end?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(p).reuse,{key:1}))])),_:3},8,["id","class"]))}});exports._sfc_main=d,exports._sfc_main$1=v;
+//# sourceMappingURL=BTabs.vue_vue_type_script_setup_true_lang-CaQt9YE0.js.map

package/dist/BTabs.vue_vue_type_script_setup_true_lang-CaQt9YE0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BTabs.vue_vue_type_script_setup_true_lang-CaQt9YE0.js","sources":["../src/components/BTabs/BTab.vue","../src/components/BTabs/BTabs.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"computedId\"\n    ref=\"el\"\n    class=\"tab-pane\"\n    :class=\"computedClasses\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"computedButtonId\"\n    v-bind=\"attrs\"\n  >\n    <slot v-if=\"showSlot\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, onMounted, onUnmounted, ref, useAttrs, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {TabType} from '../../types/Tab'\nimport type {BTabProps} from '../../types/ComponentProps'\nimport {tabsInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BTabProps, 'active'>>(), {\n  buttonId: undefined,\n  disabled: false,\n  id: undefined,\n  lazy: undefined,\n  lazyOnce: undefined,\n  noBody: false,\n  tag: 'div',\n  title: undefined,\n  titleItemClass: undefined,\n  titleLinkAttrs: undefined,\n  titleLinkClass: undefined,\n})\nconst props = useDefaults(_props, 'BTab')\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title?: (props: Record<string, never>) => any\n}>()\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst activeModel = defineModel<Exclude<BTabProps['active'], undefined>>('active', {\n  default: false,\n})\n\nconst parentData = inject(tabsInjectionKey, null)\nconst computedId = useId(() => props.id, 'tabpane')\nconst computedButtonId = useId(() => props.buttonId, 'tab')\n\nconst lazyRenderCompleted = ref(false)\nconst el = ref<HTMLElement | null>(null)\n\nconst {onClick, ...attrs} = useAttrs()\n\nconst tab = computed(\n  () =>\n    ({\n      id: computedId.value,\n      buttonId: computedButtonId.value,\n      disabled: props.disabled,\n      title: props.title,\n      titleComponent: slots.title,\n      titleItemClass: () => props.titleItemClass,\n      titleLinkAttrs: () => props.titleLinkAttrs,\n      titleLinkClass: () => props.titleLinkClass,\n      onClick,\n      el: el.value,\n    }) as TabType\n)\n\nonMounted(() => {\n  if (!parentData) return\n  parentData.registerTab(tab)\n  if (activeModel.value) {\n    parentData.activateTab(computedId.value)\n  }\n})\n\nonUnmounted(() => {\n  if (!parentData) return\n  parentData.unregisterTab(computedId.value)\n})\n\nconst isActive = computed(() => parentData?.activeId.value === computedId.value)\nconst show = ref(isActive.value)\n\nconst computedLazy = computed(() => !!(parentData?.lazy.value || (props.lazyOnce ?? props.lazy)))\nconst computedLazyOnce = computed(() => props.lazyOnce !== undefined)\n\nconst computedActive = computed(() => isActive.value && !props.disabled)\nconst showSlot = computed(\n  () =>\n    computedActive.value ||\n    !computedLazy.value ||\n    (computedLazy.value && computedLazyOnce.value && lazyRenderCompleted.value)\n)\n\nwatch(isActive, (active) => {\n  if (active) {\n    activeModel.value = true\n    setTimeout(() => {\n      show.value = true\n    }, 0)\n    return\n  }\n  show.value = false\n  activeModel.value = false\n})\nwatch(activeModel, (active) => {\n  if (!parentData) return\n  if (!active) {\n    if (isActive.value) {\n      parentData.activateTab(undefined)\n    }\n    return\n  }\n  parentData.activateTab(computedId.value)\n})\n\nconst computedClasses = computed(() => [\n  {\n    'active': isActive.value,\n    'show': show.value,\n    'card-body': parentData?.card.value && props.noBody === false,\n    'fade': !parentData?.noFade.value,\n  },\n  show.value ? parentData?.activeTabClass.value : parentData?.inactiveTabClass.value,\n  parentData?.tabClass.value,\n])\n\nwatch(showSlot, (shown) => {\n  if (shown && !lazyRenderCompleted.value) lazyRenderCompleted.value = true\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" :id=\"props.id\" class=\"tabs\" :class=\"computedClasses\">\n    <ReusableEmptyTab.define>\n      <div class=\"tab-content\" :class=\"props.contentClass\">\n        <slot />\n        <div\n          v-if=\"showEmpty\"\n          key=\"bv-empty-tab\"\n          class=\"tab-pane active\"\n          :class=\"{'card-body': props.card}\"\n        >\n          <slot name=\"empty\" />\n        </div>\n      </div>\n    </ReusableEmptyTab.define>\n\n    <ReusableEmptyTab.reuse v-if=\"props.end\" />\n    <div\n      :class=\"[\n        props.navWrapperClass,\n        {'card-header': props.card, 'ms-auto': vertical && props.end},\n      ]\"\n    >\n      <ul\n        class=\"nav\"\n        :class=\"[navTabsClasses, props.navClass]\"\n        role=\"tablist\"\n        :aria-orientation=\"props.vertical ? 'vertical' : 'horizontal'\"\n      >\n        <slot name=\"tabs-start\" />\n        <li\n          v-for=\"(tab, idx) in tabs\"\n          :key=\"tab.id\"\n          class=\"nav-item\"\n          :class=\"tab.titleItemClass?.()\"\n          role=\"presentation\"\n        >\n          <button\n            :id=\"tab.buttonId\"\n            class=\"nav-link\"\n            :class=\"[tab.navItemClasses, tab.titleLinkClass?.()]\"\n            role=\"tab\"\n            :aria-controls=\"tab.id\"\n            :aria-selected=\"tab.active\"\n            v-bind=\"tab.titleLinkAttrs?.()\"\n            @keydown.left.stop.prevent=\"keynav(-1)\"\n            @keydown.right.stop.prevent=\"keynav(1)\"\n            @keydown.page-up.stop.prevent=\"keynav(-999)\"\n            @keydown.page-down.stop.prevent=\"keynav(999)\"\n            @click.stop.prevent=\"(e) => handleClick(e, idx)\"\n          >\n            <component :is=\"tab.titleComponent\" v-if=\"tab.titleComponent\" />\n            <template v-else>\n              {{ tab.title }}\n            </template>\n          </button>\n        </li>\n        <slot name=\"tabs-end\" />\n      </ul>\n    </div>\n    <ReusableEmptyTab.reuse v-if=\"!props.end\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, nextTick, provide, type Ref, ref, toRef, unref, watch} from 'vue'\nimport {BvEvent} from '../../utils/classes'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {TabType} from '../../types/Tab'\nimport type {BTabsProps} from '../../types/ComponentProps'\nimport {tabsInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<Omit<BTabsProps, 'modelValue' | 'activeId'>>(), {\n  activeNavItemClass: undefined,\n  activeTabClass: undefined,\n  align: undefined,\n  card: false,\n  contentClass: undefined,\n  end: false,\n  fill: false,\n  id: undefined,\n  inactiveNavItemClass: undefined,\n  inactiveTabClass: undefined,\n  justified: false,\n  lazy: false,\n  navClass: undefined,\n  navItemClass: undefined,\n  navWrapperClass: undefined,\n  noFade: false,\n  // noKeyNav: false,\n  noNavStyle: false,\n  pills: false,\n  small: false,\n  tag: 'div',\n  tabClass: undefined,\n  vertical: false,\n})\nconst props = useDefaults(_props, 'BTabs')\n\nconst emit = defineEmits<{\n  'activate-tab': [v1: number, v2: number, v3: BvEvent]\n  'click': [] // TODO click event is never used\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'empty'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tabs-end'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tabs-start'?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BTabsProps['modelValue'], undefined>>({\n  default: -1,\n})\nconst activeId = defineModel<BTabsProps['activeId']>('activeId', {\n  default: undefined,\n})\n\nconst ReusableEmptyTab = createReusableTemplate()\n\nconst tabsInternal = ref<Ref<TabType>[]>([])\n\nconst tabs = computed(() =>\n  tabsInternal.value.map((_tab) => {\n    const tab = unref(_tab)\n    const active = tab.id === activeId.value\n\n    return {\n      ...tab,\n      active,\n      navItemClasses: [\n        {\n          active,\n          disabled: tab.disabled,\n        },\n        active ? props.activeNavItemClass : props.inactiveNavItemClass,\n        props.navItemClass,\n      ],\n    }\n  })\n)\n\nconst showEmpty = computed(() => !(tabs?.value && tabs.value.length > 0))\n\nconst computedClasses = computed(() => ({\n  'd-flex': props.vertical,\n  'align-items-start': props.vertical,\n}))\n\nconst alignment = useAlignment(() => props.align)\n\nconst navTabsClasses = computed(() => ({\n  'nav-pills': props.pills,\n  'flex-column me-3': props.vertical,\n  [alignment.value]: props.align !== undefined,\n  'nav-fill': props.fill,\n  'card-header-tabs': props.card,\n  'nav-justified': props.justified,\n  'nav-tabs': !props.noNavStyle && !props.pills,\n  'small': props.small,\n}))\n\nconst activateTab = (index: number): void => {\n  if (index !== undefined) {\n    const id = tabs.value[index]?.id\n    if (\n      index > -1 &&\n      index < tabs.value.length &&\n      !tabs.value[index].disabled &&\n      (modelValue.value < 0 || activeId.value !== id || modelValue.value !== index)\n    ) {\n      const tabEvent = new BvEvent('activate-tab', {cancelable: true})\n      emit('activate-tab', index, modelValue.value, tabEvent)\n      if (!tabEvent.defaultPrevented) {\n        if (activeId.value !== id) activeId.value = id\n        if (modelValue.value !== index) modelValue.value = index\n      }\n    }\n  }\n}\n\nconst handleClick = (event: Readonly<MouseEvent>, index: number) => {\n  activateTab(index)\n  if (\n    index >= 0 &&\n    !tabs.value[index].disabled &&\n    tabs.value[index]?.onClick &&\n    typeof tabs.value[index].onClick === 'function'\n  ) {\n    tabs.value[index].onClick?.(event)\n  }\n}\n\nconst keynav = (direction: number) => {\n  if (tabs.value.length <= 0) return\n  modelValue.value = nextIndex(modelValue.value + direction, direction)\n  document.getElementById(tabs.value[modelValue.value]?.buttonId)?.focus()\n}\n\nconst nextIndex = (start: number, direction: number) => {\n  let index = start\n  let minIdx = -1\n  let maxIdx = -1\n\n  for (let i = 0; i < tabs.value.length; i++) {\n    if (!tabs.value[i].disabled) {\n      if (minIdx === -1) minIdx = i\n      maxIdx = i\n    }\n  }\n\n  while (index >= minIdx && index <= maxIdx && tabs.value[index].disabled) {\n    index += direction\n  }\n\n  if (index < minIdx) index = minIdx\n  if (index > maxIdx) index = maxIdx\n\n  return index\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (tabs.value.length <= 0) {\n    return\n  }\n\n  const index = nextIndex(newValue, newValue > oldValue ? 1 : -1)\n  nextTick(() => {\n    activateTab(index)\n  })\n})\n\nwatch(activeId, (newValue, oldValue) => {\n  const index = tabs.value.findIndex((t) => t.id === newValue)\n  if (newValue === oldValue) return\n  if (tabs.value.length <= 0) {\n    return\n  }\n  if (index === -1) {\n    activateTab(nextIndex(0, 1))\n    return\n  }\n  activateTab(index)\n})\n\nconst registerTab = (tab: Ref<TabType>) => {\n  if (!tabsInternal.value.find((t) => t.value.id === tab.value.id)) {\n    tabsInternal.value.push(tab)\n  } else {\n    tabsInternal.value[tabsInternal.value.findIndex((t) => t.value.id === tab.value.id)] = tab\n  }\n  tabsInternal.value.sort((a, b) => {\n    if (!Node || !a.value.el || !b.value.el) return 0\n    const position = a.value.el.compareDocumentPosition(b.value.el)\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1\n    return 0\n  })\n}\nconst unregisterTab = (id: string) => {\n  tabsInternal.value = tabsInternal.value.filter((t) => t.value.id !== id)\n}\n\nwatch(\n  tabsInternal,\n  () => {\n    findActive()\n  },\n  {deep: true}\n)\n\nconst findActive = () => {\n  if (tabs.value.length === 0) {\n    modelValue.value = -1\n    activeId.value = undefined\n    return\n  }\n  if (modelValue.value >= 0 && !activeId.value) {\n    activeId.value = tabs.value[modelValue.value]?.id\n  }\n  if (tabs.value.find((t) => t.id === activeId.value)) {\n    activateTab(tabs.value.findIndex((t) => t.id === activeId.value))\n    return\n  }\n  activateTab(tabs.value.map((tab) => !tab.disabled).indexOf(true))\n}\n\nprovide(tabsInjectionKey, {\n  lazy: toRef(() => props.lazy),\n  card: toRef(() => props.card),\n  noFade: toRef(() => props.noFade),\n  activeTabClass: toRef(() => props.activeTabClass),\n  inactiveTabClass: toRef(() => props.inactiveTabClass),\n  tabClass: toRef(() => props.tabClass),\n  registerTab,\n  unregisterTab,\n  activeId,\n  activateTab: (id) => {\n    const idx = tabs.value.findIndex((t) => t.id === id)\n    if (id === undefined || idx === -1) {\n      activateTab(nextIndex(0, 1))\n      return\n    }\n    activateTab(idx)\n  },\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","activeModel","_useModel","parentData","inject","tabsInjectionKey","computedId","useId","id","computedButtonId","buttonId","lazyRenderCompleted","ref","el","onClick","attrs","useAttrs","tab","computed","value","disabled","title","titleComponent","titleItemClass","titleLinkAttrs","titleLinkClass","onMounted","registerTab","activateTab","onUnmounted","unregisterTab","isActive","activeId","show","computedLazy","lazy","lazyOnce","computedLazyOnce","computedActive","showSlot","active","setTimeout","computedClasses","card","noBody","fade","noFade","activeTabClass","inactiveTabClass","tabClass","shown","emit","__emit","modelValue","ReusableEmptyTab","createReusableTemplate","tabsInternal","tabs","map","_tab","unref","navItemClasses","activeNavItemClass","inactiveNavItemClass","navItemClass","showEmpty","length","vertical","alignment","useAlignment","align","navTabsClasses","pills","fill","justified","noNavStyle","small","index","_a","tabEvent","BvEvent","cancelable","defaultPrevented","keynav","direction","nextIndex","_b","document","getElementById","focus","start","minIdx","maxIdx","i","watch","newValue","oldValue","nextTick","findIndex","t","vue","deep","findActive","find","indexOf","provide","toRef","push","sort","a","b","Node","position","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","filter","idx","event","_c","call"],"mappings":"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"}

package/dist/BToastOrchestrator.vue_vue_type_style_index_0_lang-K7lsVEs_.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./useDefaults-Cd8OVIUI.js"),o=require("./useBLinkHelper-BxI4evA6.js"),a=require("./BTransition.vue_vue_type_style_index_0_lang-dOw0_NRO.js"),r=require("./BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js"),l=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),s=require("./BProgress.vue_vue_type_script_setup_true_lang-dljjV5EO.js"),n=require("./classes-CXBJXuVd.js"),u=require("./useCountdownHover-pVk1zcyl.js"),d=require("./useColorVariantClasses-CnrZmyKT.js"),i=require("./src/composables/useToast/index.umd.js"),p=["id","role","aria-live","aria-atomic"],v={class:"me-auto"},c=e.defineComponent({__name:"BToast",props:e.mergeModels({body:{default:void 0},bodyClass:{default:void 0},headerClass:{default:void 0},headerTag:{default:"div"},id:{default:void 0},interval:{default:"requestAnimationFrame"},isStatus:{type:Boolean,default:!1},noCloseButton:{type:Boolean,default:!1},noFade:{type:Boolean,default:!1},noHoverPause:{type:Boolean,default:!1},noResumeOnHoverLeave:{type:Boolean,default:!1},progressProps:{default:void 0},showOnPause:{type:Boolean,default:!0},solid:{type:Boolean,default:!1},title:{default:void 0},toastClass:{default:void 0},transProps:{default:void 0},variant:{default:void 0},bgVariant:{default:null},textVariant:{default:null},active:{type:Boolean,default:void 0},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:void 0},noRel:{type:Boolean,default:void 0},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0}},{modelValue:{type:[Boolean,Number],default:!1},modelModifiers:{}}),emits:e.mergeModels(["close","close-countdown","hide","hidden","show","shown","show-prevented","hide-prevented"],["update:modelValue"]),setup(i,{expose:c,emit:f}){const m=i,_=t.useDefaults(m,"BToast"),y=f,B=e.ref(null),h=e.useModel(i,"modelValue"),{computedLink:g,computedLinkProps:k}=o.useBLinkHelper(_),C=d.useColorVariantClasses(_),b=e.computed((()=>"boolean"==typeof h.value?0:h.value)),{isActive:w,pause:P,restart:V,resume:x,stop:T,isPaused:H,value:q}=u.useCountdown(b,_.interval,{immediate:"number"==typeof h.value});u.useCountdownHover(B,e.computed((()=>({noHoverPause:_.noHoverPause,noResumeOnHoverLeave:_.noResumeOnHoverLeave}))),{pause:P,resume:x}),e.watchEffect((()=>{y("close-countdown",q.value)}));const D=e.computed((()=>g.value?l._sfc_main:"div")),L=e.computed((()=>"boolean"==typeof h.value?h.value:w.value||_.showOnPause&&H.value)),N=e.computed((()=>[C.value,{show:L.value}])),O=(e,t={})=>new n.BvTriggerableEvent(e,{cancelable:!1,target:B.value||null,relatedTarget:null,trigger:null,...t,componentId:_.id}),j=(e="")=>{const t=O("hide",{cancelable:""!==e,trigger:e});if(y("hide",t),"close"===e&&y("close",t),t.defaultPrevented)return y("hide-prevented"),void(h.value||(h.value=!0));"boolean"==typeof h.value?h.value=!1:(h.value=0,T())},E=()=>{(()=>{const e=O("show",{cancelable:!0});if(y("show",e),e.defaultPrevented)return h.value&&(h.value=!1),void y("show-prevented");h.value||(h.value=!0)})()},A=()=>{y("shown",O("shown"))},S=()=>{y("hidden",O("hidden"))};return e.watch(w,(e=>{!1===e&&!1===H.value&&h.value&&j()})),c({pause:P,restart:V,resume:x,stop:T}),(t,o)=>(e.openBlock(),e.createBlock(a._sfc_main,e.mergeProps({"no-fade":e.unref(_).noFade},e.unref(_).transProps,{onBeforeEnter:E,onAfterEnter:A,onAfterLeave:S}),{default:e.withCtx((()=>[L.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(_).id,ref_key:"element",ref:B,class:e.normalizeClass(["toast",[e.unref(_).toastClass,N.value]]),tabindex:"0",role:L.value?e.unref(_).isStatus?"status":"alert":void 0,"aria-live":L.value?e.unref(_).isStatus?"polite":"assertive":void 0,"aria-atomic":!!L.value||void 0},[t.$slots.title||e.unref(_).title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_).headerTag),{key:0,class:e.normalizeClass(["toast-header",e.unref(_).headerClass])},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"title",{hide:j},(()=>[e.createElementVNode("strong",v,e.toDisplayString(e.unref(_).title),1)])),e.unref(_).noCloseButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r._sfc_main,{key:0,onClick:o[0]||(o[0]=e=>j("close"))}))])),_:3},8,["class"])):e.createCommentVNode("",!0),t.$slots.default||e.unref(_).body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(D.value),e.mergeProps({key:1,class:["toast-body",e.unref(_).bodyClass],style:{display:"block"}},e.unref(k),{onClick:o[1]||(o[1]=t=>e.unref(g)?j():()=>{})}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{hide:j},(()=>[e.createTextVNode(e.toDisplayString(e.unref(_).body),1)]))])),_:3},16,["class"])):e.createCommentVNode("",!0),"number"==typeof h.value&&void 0!==e.unref(_).progressProps?(e.openBlock(),e.createBlock(s._sfc_main,{key:2,animated:e.unref(_).progressProps.animated,precision:e.unref(_).progressProps.precision,"show-progress":e.unref(_).progressProps.showProgress,"show-value":e.unref(_).progressProps.showValue,striped:e.unref(_).progressProps.striped,variant:e.unref(_).progressProps.variant,max:h.value,value:e.unref(q),height:"4px"},null,8,["animated","precision","show-progress","show-value","striped","variant","max","value"])):e.createCommentVNode("",!0)],10,p)):e.createCommentVNode("",!0)])),_:3},16,["no-fade"]))}}),f={"top-start":"top-0 start-0","top-center":"top-0 start-50 translate-middle-x","top-end":"top-0 end-0","middle-start":"top-50 start-0 translate-middle-y","middle-center":"top-50 start-50 translate-middle","middle-end":"top-50 end-0 translate-middle-y","bottom-start":"bottom-0 start-0","bottom-center":"bottom-0 start-50 translate-middle-x","bottom-end":"bottom-0 end-0"},m=e.defineComponent({inheritAttrs:!1,__name:"BToastOrchestrator",props:{appendToast:{type:Boolean,default:!1},teleportDisabled:{type:Boolean,default:!1},teleportTo:{default:"body"}},setup(o,{expose:a}){const r=o,l=t.useDefaults(r,"BToastOrchestrator"),s=i.useToast();return e.watch((()=>l.appendToast),(e=>{var t;null==(t=s._setIsAppend)||t.call(s,e)}),{immediate:!0}),a({...s}),(t,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(l).teleportTo,disabled:e.unref(l).teleportDisabled},[e.createElementVNode("div",e.mergeProps({id:"__BVID__toaster-container"},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),((t,o)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass([t,"toast-container position-fixed p-3"])},[e.createVNode(e.TransitionGroup,{name:"b-list"},{default:e.withCtx((()=>{var t;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(null==(t=e.unref(s).toasts)?void 0:t.value.filter((e=>e.props.pos===o)),(t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component??c),e.mergeProps({key:t.props._self,ref_for:!0},t.props,{"model-value":t.props._modelValue,"trans-props":{...t.props.transProps,appear:!0},"onUpdate:modelValue":o=>{var a,r;return null==(r=(a=e.unref(s)).leave)?void 0:r.call(a,t.props._self)},onHide:o=>{var a,r;return null==(r=(a=e.unref(s)).remove)?void 0:r.call(a,t.props._self)}}),null,16,["model-value","trans-props","onUpdate:modelValue","onHide"])))),128))]})),_:2},1024)],2)))),128))],16)],8,["to","disabled"]))}});exports._sfc_main=c,exports._sfc_main$1=m;
+//# sourceMappingURL=BToastOrchestrator.vue_vue_type_style_index_0_lang-K7lsVEs_.js.map

package/dist/BToastOrchestrator.vue_vue_type_style_index_0_lang-K7lsVEs_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BToastOrchestrator.vue_vue_type_style_index_0_lang-K7lsVEs_.js","sources":["../src/components/BToast/BToast.vue","../src/utils/positionClasses.ts","../src/components/BToast/BToastOrchestrator.vue"],"sourcesContent":["<template>\n  <BTransition\n    :no-fade=\"props.noFade\"\n    v-bind=\"props.transProps\"\n    @before-enter=\"onBeforeEnter\"\n    @after-enter=\"onAfterEnter\"\n    @after-leave=\"onAfterLeave\"\n  >\n    <div\n      v-if=\"isToastVisible\"\n      :id=\"props.id\"\n      ref=\"element\"\n      class=\"toast\"\n      :class=\"[props.toastClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isToastVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isToastVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isToastVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"$slots.title || props.title\"\n        class=\"toast-header\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" :hide=\"hideFn\">\n          <strong class=\"me-auto\">\n            {{ props.title }}\n          </strong>\n        </slot>\n        <BCloseButton v-if=\"!props.noCloseButton\" @click=\"hideFn('close')\" />\n      </component>\n      <template v-if=\"$slots.default || props.body\">\n        <component\n          :is=\"computedTag\"\n          class=\"toast-body\"\n          style=\"display: block\"\n          :class=\"props.bodyClass\"\n          v-bind=\"computedLinkProps\"\n          @click=\"computedLink ? hideFn() : () => {}\"\n        >\n          <slot :hide=\"hideFn\">\n            {{ props.body }}\n          </slot>\n        </component>\n      </template>\n      <BProgress\n        v-if=\"typeof modelValue === 'number' && props.progressProps !== undefined\"\n        :animated=\"props.progressProps.animated\"\n        :precision=\"props.progressProps.precision\"\n        :show-progress=\"props.progressProps.showProgress\"\n        :show-value=\"props.progressProps.showValue\"\n        :striped=\"props.progressProps.striped\"\n        :variant=\"props.progressProps.variant\"\n        :max=\"modelValue\"\n        :value=\"remainingMs\"\n        height=\"4px\"\n      />\n    </div>\n  </BTransition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BToastProps} from '../../types/ComponentProps'\nimport BTransition from '../BTransition.vue'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {BvTriggerableEvent} from '../../utils'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\n\nconst _props = withDefaults(defineProps<Omit<BToastProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  noCloseButton: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  showOnPause: true,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  toastClass: undefined,\n  transProps: undefined,\n  // Link props\n  // All others use defaults\n  noRel: undefined,\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BToast')\n\nconst emit = defineEmits<{\n  'close': [value: BvTriggerableEvent]\n  'close-countdown': [value: number]\n  'hide': [value: BvTriggerableEvent]\n  'hidden': [value: BvTriggerableEvent]\n  'show': [value: BvTriggerableEvent]\n  'shown': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'hide-prevented': []\n}>()\n\nconst element = ref<HTMLElement | null>(null)\n\nconst modelValue = defineModel<Exclude<BToastProps['modelValue'], undefined>>({default: false})\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\n// TODO solid is never used\nconst resolvedBackgroundClasses = useColorVariantClasses(props)\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst {\n  isActive,\n  pause,\n  restart,\n  resume,\n  stop,\n  isPaused,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number',\n})\nuseCountdownHover(\n  element,\n  computed(() => ({\n    noHoverPause: props.noHoverPause,\n    noResumeOnHoverLeave: props.noResumeOnHoverLeave,\n  })),\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isToastVisible = computed(() =>\n  typeof modelValue.value === 'boolean'\n    ? modelValue.value\n    : isActive.value || (props.showOnPause && isPaused.value)\n)\n\nconst computedClasses = computed(() => [\n  resolvedBackgroundClasses.value,\n  {\n    show: isToastVisible.value,\n  },\n])\n\nconst buildTriggerableEvent = (\n  type: string,\n  opts: Readonly<Partial<BvTriggerableEvent>> = {}\n): BvTriggerableEvent =>\n  new BvTriggerableEvent(type, {\n    cancelable: false,\n    target: element.value || null,\n    relatedTarget: null,\n    trigger: null,\n    ...opts,\n    componentId: props.id,\n  })\n\nconst showFn = () => {\n  const event = buildTriggerableEvent('show', {cancelable: true})\n  emit('show', event)\n  if (event.defaultPrevented) {\n    if (modelValue.value) modelValue.value = false\n    emit('show-prevented')\n    return\n  }\n  if (!modelValue.value) modelValue.value = true\n}\nconst hideFn = (trigger = '') => {\n  const event = buildTriggerableEvent('hide', {cancelable: trigger !== '', trigger})\n\n  emit('hide', event)\n\n  if (trigger === 'close') {\n    emit('close', event)\n  }\n\n  if (event.defaultPrevented) {\n    emit('hide-prevented')\n    if (!modelValue.value) modelValue.value = true\n    return\n  }\n\n  if (typeof modelValue.value === 'boolean') {\n    modelValue.value = false\n  } else {\n    modelValue.value = 0\n    stop()\n  }\n}\n\nconst onBeforeEnter = () => {\n  showFn()\n}\nconst onAfterEnter = () => {\n  emit('shown', buildTriggerableEvent('shown'))\n}\nconst onAfterLeave = () => {\n  emit('hidden', buildTriggerableEvent('hidden'))\n}\n\n// isActive in the composable will cause the toast to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false && !!modelValue.value) {\n    hideFn()\n  }\n})\n\ndefineExpose({\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n","import type {ContainerPosition} from '../types/Alignment'\n\nexport const positionClasses = {\n  'top-start': 'top-0 start-0',\n  'top-center': 'top-0 start-50 translate-middle-x',\n  'top-end': 'top-0 end-0',\n  'middle-start': 'top-50 start-0 translate-middle-y',\n  'middle-center': 'top-50 start-50 translate-middle',\n  'middle-end': 'top-50 end-0 translate-middle-y',\n  'bottom-start': 'bottom-0 start-0',\n  'bottom-center': 'bottom-0 start-50 translate-middle-x',\n  'bottom-end': 'bottom-0 end-0',\n} as const satisfies Record<ContainerPosition, string>\n","<template>\n  <Teleport :to=\"props.teleportTo\" :disabled=\"props.teleportDisabled\">\n    <div id=\"__BVID__toaster-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in positionClasses\"\n        :key=\"key\"\n        :class=\"value\"\n        class=\"toast-container position-fixed p-3\"\n      >\n        <TransitionGroup name=\"b-list\">\n          <component\n            :is=\"toast.component ?? BToast\"\n            v-for=\"toast in tools.toasts?.value.filter((el) => el.props.pos === key)\"\n            :key=\"toast.props._self\"\n            v-bind=\"toast.props\"\n            :model-value=\"toast.props._modelValue\"\n            :trans-props=\"{...toast.props.transProps, appear: true}\"\n            @update:model-value=\"tools.leave?.(toast.props._self)\"\n            @hide=\"tools.remove?.(toast.props._self)\"\n          />\n          <!-- I think it's only coincidence that hide works, It's not tied to the lifecycle of a transition -->\n          <!-- I think actually removes the el before the transition ends, But it's just not noticeable as it's \"fading\" -->\n          <!-- It _should_ be @hidden -- as hidden is when the transition has ended. But transition in transition groups isn't \"okay\" -->\n        </TransitionGroup>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {positionClasses} from '../../utils/positionClasses'\nimport type {BToastOrchestratorProps} from '../../types/ComponentProps'\nimport BToast from './BToast.vue'\nimport {useToast} from '../../composables/useToast'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BToastOrchestratorProps>(), {\n  teleportDisabled: false,\n  teleportTo: 'body',\n  appendToast: false,\n})\nconst props = useDefaults(_props, 'BToastOrchestrator')\n\nconst tools = useToast()\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    tools._setIsAppend?.(value)\n  },\n  {immediate: true}\n)\n\ndefineExpose({\n  ...tools,\n})\n</script>\n\n<style lang=\"scss\">\n/*\nIf you remove the last element in the list, the animation goes farther to the right then normal.\nI don't know why\nI kind of like it though, and even if I didn't, I don't know how to get rid of it.\nGetting the transitions to work here was basically all trial and error.\nI think it's because it's \"moving\", but I don't know where it's moving to\n*/\n.b-list-move,\n.b-list-enter-active,\n.b-list-leave-active {\n  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.b-list-enter-from,\n.b-list-leave-to {\n  opacity: 0; // TODO this should be the responsibility of the child\n}\n.b-list-leave-active {\n  position: fixed;\n}\n</style>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","element","ref","modelValue","_useModel","computedLink","computedLinkProps","useBLinkHelper","resolvedBackgroundClasses","useColorVariantClasses","countdownLength","computed","value","isActive","pause","restart","resume","stop","isPaused","remainingMs","useCountdown","interval","immediate","useCountdownHover","noHoverPause","noResumeOnHoverLeave","watchEffect","computedTag","BLink","isToastVisible","showOnPause","computedClasses","show","buildTriggerableEvent","type","opts","BvTriggerableEvent","cancelable","target","relatedTarget","trigger","componentId","id","hideFn","event","defaultPrevented","onBeforeEnter","onAfterEnter","onAfterLeave","newValue","__expose","positionClasses","tools","useToast","vue","watch","appendToast","_a","_setIsAppend","call"],"mappings":"upEA4EA,MAAMA,EAASC,EA6CTC,EAAQC,EAAAA,YAAYH,EAAQ,UAE5BI,EAAOC,EAWPC,EAAUC,MAAwB,MAElCC,EAAaC,EAAAA,0BAEbC,aAACA,EAAcC,kBAAAA,GAAqBC,iBAAeV,GAGnDW,EAA4BC,yBAAuBZ,GACnDa,EAAkBC,EAAAA,UAAS,IACH,kBAArBR,EAAWS,MAAsB,EAAIT,EAAWS,SAGnDC,SACJA,EAAAC,MACAA,EAAAC,QACAA,EAAAC,OACAA,EAAAC,KACAA,EAAAC,SACAA,EACAN,MAAOO,GACLC,eAAaV,EAAiBb,EAAMwB,SAAU,CAChDC,UAAuC,iBAArBnB,EAAWS,QAE/BW,EAAAA,kBACEtB,EACAU,EAAAA,UAAS,KAAO,CACda,aAAc3B,EAAM2B,aACpBC,qBAAsB5B,EAAM4B,yBAE9B,CAACX,QAAOE,WAGVU,EAAAA,aAAY,KACL3B,EAAA,kBAAmBoB,EAAYP,MAAK,IAGrC,MAAAe,EAAchB,EAAAA,UAAS,IAAON,EAAaO,MAAQgB,EAAAA,UAAQ,QAE3DC,EAAiBlB,EAAAA,UAAS,IACF,kBAArBR,EAAWS,MACdT,EAAWS,MACXC,EAASD,OAAUf,EAAMiC,aAAeZ,EAASN,QAGjDmB,EAAkBpB,EAAAA,UAAS,IAAM,CACrCH,EAA0BI,MAC1B,CACEoB,KAAMH,EAAejB,UAInBqB,EAAwB,CAC5BC,EACAC,EAA8C,CAAA,IAE9C,IAAIC,qBAAmBF,EAAM,CAC3BG,YAAY,EACZC,OAAQrC,EAAQW,OAAS,KACzB2B,cAAe,KACfC,QAAS,QACNL,EACHM,YAAa5C,EAAM6C,KAajBC,EAAS,CAACH,EAAU,MAClB,MAAAI,EAAQX,EAAsB,OAAQ,CAACI,WAAwB,KAAZG,EAAgBA,YAQzE,GANAzC,EAAK,OAAQ6C,GAEG,UAAZJ,GACFzC,EAAK,QAAS6C,GAGZA,EAAMC,iBAGR,OAFA9C,EAAK,uBACAI,EAAWS,QAAOT,EAAWS,OAAQ,IAIZ,kBAArBT,EAAWS,MACpBT,EAAWS,OAAQ,GAEnBT,EAAWS,MAAQ,MAErB,EAGIkC,EAAgB,KAjCP,MACb,MAAMF,EAAQX,EAAsB,OAAQ,CAACI,YAAY,IAEzD,GADAtC,EAAK,OAAQ6C,GACTA,EAAMC,iBAGR,OAFI1C,EAAWS,QAAOT,EAAWS,OAAQ,QACzCb,EAAK,kBAGFI,EAAWS,QAAOT,EAAWS,OAAQ,EAAA,MA4BtCmC,EAAe,KACdhD,EAAA,QAASkC,EAAsB,SAAQ,EAExCe,EAAe,KACdjD,EAAA,SAAUkC,EAAsB,UAAS,iBAI1CpB,GAAWoC,KACE,IAAbA,IAAyC,IAAnB/B,EAASN,OAAqBT,EAAWS,UAEnE,IAGWsC,EAAA,CACXpC,QACAC,UACAC,SACAC,siEC1PWkC,EAAkB,CAC7B,YAAa,gBACb,aAAc,oCACd,UAAW,cACX,eAAgB,oCAChB,gBAAiB,mCACjB,aAAc,kCACd,eAAgB,mBAChB,gBAAiB,uCACjB,aAAc,4NC8BhB,MAAMxD,EAASC,EAKTC,EAAQC,EAAAA,YAAYH,EAAQ,sBAE5ByD,EAAQC,EAAAA,kBAEdC,EAAAC,OACE,IAAM1D,EAAM2D,cACX5C,UACC,OAAA6C,EAAAL,EAAMM,eAAeD,EAAAE,KAAAP,EAAAxC,EAAA,GAEvB,CAACU,WAAW,IAGD4B,EAAA,IACRE"}