bootstrap-vue-next 0.45.10 → 0.46.0

package/dist/App.vue.d.mts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/App.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/{BAccordion-D51b9HVD.mjs → BAccordion-FuQ6sMFy.js}

@@ -1,10 +1,11 @@
-import { t as accordionInjectionKey } from "./keys-DU7sQgl3.mjs";
-import { c as sortSlotElementsByPosition } from "./dom-AhkaSoh8.mjs";
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useId$1 } from "./useId-D1sqXtwx.mjs";
-import { t as flattenFragments } from "./flattenFragments-ClbLQGqR.mjs";
-import { t as BCollapse_default } from "./BCollapse-kqhe4AmL.mjs";
-import { r as isReadOnlyArray } from "./object-CHQkkner.mjs";
+import { t as accordionInjectionKey } from "./keys-BgLwJbLV.js";
+import { n as warn } from "./console-DaUCJgpk.js";
+import { c as sortSlotElementsByPosition } from "./dom-BdUQrX99.js";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useId$1 } from "./useId-Fh-Arhb7.js";
+import { t as flattenFragments } from "./flattenFragments-B15oMVs-.js";
+import { t as BCollapse_default } from "./BCollapse-B9fnWSzA.js";
+import { r as isReadOnlyArray } from "./object-C7YmCGEm.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, provide, readonly, ref, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, unref, useAttrs, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 //#region src/components/BAccordion/BAccordionItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = [
@@ -17,7 +18,7 @@ var _hoisted_1$1 = [
 var BAccordionItem_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "BAccordionItem",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		bodyAttrs: { default: void 0 },
 		bodyClass: { default: void 0 },
 		buttonAttrs: { default: void 0 },
@@ -61,7 +62,7 @@ var BAccordionItem_default = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"hide",
 		"hide-prevented",
 		"hidden",
@@ -168,7 +169,7 @@ var _hoisted_1 = ["id"];
 //#region src/components/BAccordion/BAccordion.vue
 var BAccordion_default = /* @__PURE__ */ defineComponent({
 	__name: "BAccordion",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		flush: {
 			type: Boolean,
 			default: false
@@ -217,17 +218,16 @@ var BAccordion_default = /* @__PURE__ */ defineComponent({
 		const accordionItems = shallowRef([]);
 		const sortAccordionItems = () => {
 			accordionItems.value = [...accordionItems.value].sort((a, b) => sortSlotElementsByPosition(unref(a.el), unref(b.el)));
-			if (modelValue.value) if (isReadOnlyArray(modelValue.value)) {
-				const next = modelValue.value.map((id) => accordionItems.value.findIndex((item) => item.id === id)).filter((i) => i !== -1);
-				if (next.length !== modelValue.value.length) {
-					if (process.env.NODE_ENV === "development") console.warn("[BAccordion] Unknown item id in v-model:", modelValue.value);
+			if (modelValue.value) {
+				if (isReadOnlyArray(modelValue.value)) {
+					const next = modelValue.value.map((id) => accordionItems.value.findIndex((item) => item.id === id)).filter((i) => i !== -1);
+					if (next.length !== modelValue.value.length) warn("BAccordion", "Unknown item id in v-model:", modelValue.value);
+					index.value = next;
+				} else {
+					const idx = accordionItems.value.findIndex((item) => item.id === modelValue.value);
+					if (idx !== -1) index.value = idx;
 				}
-				index.value = next;
-			} else {
-				const idx = accordionItems.value.findIndex((item) => item.id === modelValue.value);
-				if (idx !== -1) index.value = idx;
-			}
-			else if (index.value !== void 0) modelValue.value = isReadOnlyArray(index.value) ? index.value.map((idx) => accordionItems.value[idx]?.id).filter((el) => el !== void 0) : accordionItems.value[index.value]?.id;
+			} else if (index.value !== void 0) modelValue.value = isReadOnlyArray(index.value) ? index.value.map((idx) => accordionItems.value[idx]?.id).filter((el) => el !== void 0) : accordionItems.value[index.value]?.id;
 		};
 		const computedId = useId$1(() => props.id, "accordion");
 		const computedClasses = computed(() => ({ "accordion-flush": props.flush }));
@@ -275,16 +275,18 @@ var BAccordion_default = /* @__PURE__ */ defineComponent({
 				} else nextTick(() => {
 					modelValue.value = void 0;
 				});
-			} else if (props.free) if (isReadOnlyArray(modelValue.value)) {
-				const idxes = modelValue.value.map((value) => accordionItems.value.findIndex((item) => item.id === value)).filter((index) => index !== -1);
-				if (idxes.length > 0) {
-					if (!areEqual(idxes, index.value)) index.value = idxes;
-				} else nextTick(() => {
-					modelValue.value = void 0;
-				});
-			} else {
-				const newValue = accordionItems.value.findIndex((item) => item.id === modelValue.value);
-				if (!areEqual(newValue, index.value)) index.value = newValue;
+			} else if (props.free) {
+				if (isReadOnlyArray(modelValue.value)) {
+					const idxes = modelValue.value.map((value) => accordionItems.value.findIndex((item) => item.id === value)).filter((index) => index !== -1);
+					if (idxes.length > 0) {
+						if (!areEqual(idxes, index.value)) index.value = idxes;
+					} else nextTick(() => {
+						modelValue.value = void 0;
+					});
+				} else {
+					const newValue = accordionItems.value.findIndex((item) => item.id === modelValue.value);
+					if (!areEqual(newValue, index.value)) index.value = newValue;
+				}
 			}
 		}, { deep: true });
 		watch(() => props.free, (free) => {
@@ -345,4 +347,4 @@ var BAccordion_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BAccordionItem_default as n, BAccordion_default as t };
 
-//# sourceMappingURL=BAccordion-D51b9HVD.mjs.map
+//# sourceMappingURL=BAccordion-FuQ6sMFy.js.map

package/dist/BAccordion-FuQ6sMFy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAccordion-FuQ6sMFy.js","names":[],"sources":["../src/components/BAccordion/BAccordionItem.vue","../src/components/BAccordion/BAccordionItem.vue","../src/components/BAccordion/BAccordion.vue","../src/components/BAccordion/BAccordion.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"_el\"\n    class=\"accordion-item\"\n    v-bind=\"props.wrapperAttrs\"\n    :class=\"processedAttrs.wrapperClass\"\n  >\n    <BCollapse\n      :id=\"computedId\"\n      v-model=\"modelValue\"\n      class=\"accordion-collapse\"\n      :class=\"props.collapseClass\"\n      :aria-labelledby=\"`${computedId}-heading`\"\n      v-bind=\"processedAttrs.collapseAttrs\"\n      :tag=\"props.tag\"\n      :show=\"props.show\"\n      :horizontal=\"props.horizontal\"\n      :visible=\"props.visible\"\n      :is-nav=\"props.isNav\"\n      :lazy=\"props.lazy || parentData?.lazy.value\"\n      :unmount-lazy=\"props.unmountLazy || parentData?.unmountLazy.value\"\n      @show=\"emit('show', $event)\"\n      @shown=\"emit('shown', $event)\"\n      @hide=\"emit('hide', $event)\"\n      @hidden=\"emit('hidden', $event)\"\n      @hide-prevented=\"emit('hide-prevented', $event)\"\n      @show-prevented=\"emit('show-prevented', $event)\"\n      @toggle-prevented=\"emit('toggle-prevented', $event)\"\n      @toggle=\"emit('toggle', $event)\"\n    >\n      <template #header=\"{visible: toggleVisible, toggle: slotToggle}\">\n        <component\n          :is=\"props.headerTag\"\n          :id=\"`${computedId}-heading`\"\n          class=\"accordion-header\"\n          :class=\"props.headerClass\"\n          v-bind=\"props.headerAttrs\"\n        >\n          <button\n            class=\"accordion-button\"\n            v-bind=\"props.buttonAttrs\"\n            :class=\"[{collapsed: !toggleVisible}, props.buttonClass]\"\n            type=\"button\"\n            :aria-expanded=\"toggleVisible ? 'true' : 'false'\"\n            :aria-controls=\"computedId\"\n            @click=\"slotToggle\"\n          >\n            <slot name=\"title\"> {{ props.title }} </slot>\n          </button>\n        </component>\n      </template>\n      <div class=\"accordion-body\" v-bind=\"props.bodyAttrs\" :class=\"props.bodyClass\">\n        <slot />\n      </div>\n    </BCollapse>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  inject,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  useAttrs,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport BCollapse from '../BCollapse/BCollapse.vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BAccordionItemEmits, BAccordionItemProps, BAccordionItemSlots} from '../../types'\nimport {isReadOnlyArray} from '../../utils/object'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BAccordionItemProps, 'modelValue'>>(), {\n  bodyAttrs: undefined,\n  bodyClass: undefined,\n  buttonAttrs: undefined,\n  buttonClass: undefined,\n  collapseClass: undefined,\n  headerAttrs: undefined,\n  headerClass: undefined,\n  headerTag: 'h2',\n  horizontal: undefined,\n  id: undefined,\n  isNav: undefined,\n  lazy: false,\n  unmountLazy: false,\n  tag: undefined,\n  title: undefined,\n  show: undefined,\n  visible: false,\n  wrapperAttrs: undefined,\n})\nconst props = useDefaults(_props, 'BAccordionItem')\nconst emit = defineEmits<BAccordionItemEmits>()\ndefineSlots<BAccordionItemSlots>()\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  const {class: wrapperClass, ...collapseAttrs} = attrs\n  return {wrapperClass, collapseAttrs}\n})\n\nconst parentData = inject(accordionInjectionKey, null)\n\nconst computedId = useId(() => props.id, 'accordion_item')\n\nconst modelValue = defineModel<Exclude<BAccordionItemProps['modelValue'], undefined>>({\n  default: false,\n})\n\nif (modelValue.value) {\n  parentData?.setOpenItem(computedId.value)\n} else {\n  modelValue.value =\n    (isReadOnlyArray(parentData?.openItem.value)\n      ? parentData?.openItem.value.includes(computedId.value)\n      : parentData?.openItem.value === computedId.value) && !parentData?.initialAnimation.value\n}\n\nconst el = useTemplateRef('_el')\nparentData?.registerAccordionItem(computedId.value, el)\n\nonUnmounted(() => {\n  parentData?.unregisterAccordionItem(computedId.value)\n})\n\nonMounted(() => {\n  if (!modelValue.value && parentData?.openItem.value === computedId.value) {\n    nextTick(() => {\n      modelValue.value = true\n    })\n  }\n})\n\nconst openInParent = computed(() =>\n  isReadOnlyArray(parentData?.openItem.value)\n    ? parentData?.openItem.value.includes(computedId.value)\n    : parentData?.openItem.value === computedId.value\n)\n\nwatch(\n  () => parentData?.openItem.value,\n  () => (modelValue.value = openInParent.value)\n)\nwatch(modelValue, () => {\n  if (modelValue.value && !openInParent.value) {\n    parentData?.setOpenItem(computedId.value)\n  } else if (!modelValue.value && openInParent.value) {\n    parentData?.setCloseItem(computedId.value)\n  }\n})\n</script>\n","<template>\n  <div\n    ref=\"_el\"\n    class=\"accordion-item\"\n    v-bind=\"props.wrapperAttrs\"\n    :class=\"processedAttrs.wrapperClass\"\n  >\n    <BCollapse\n      :id=\"computedId\"\n      v-model=\"modelValue\"\n      class=\"accordion-collapse\"\n      :class=\"props.collapseClass\"\n      :aria-labelledby=\"`${computedId}-heading`\"\n      v-bind=\"processedAttrs.collapseAttrs\"\n      :tag=\"props.tag\"\n      :show=\"props.show\"\n      :horizontal=\"props.horizontal\"\n      :visible=\"props.visible\"\n      :is-nav=\"props.isNav\"\n      :lazy=\"props.lazy || parentData?.lazy.value\"\n      :unmount-lazy=\"props.unmountLazy || parentData?.unmountLazy.value\"\n      @show=\"emit('show', $event)\"\n      @shown=\"emit('shown', $event)\"\n      @hide=\"emit('hide', $event)\"\n      @hidden=\"emit('hidden', $event)\"\n      @hide-prevented=\"emit('hide-prevented', $event)\"\n      @show-prevented=\"emit('show-prevented', $event)\"\n      @toggle-prevented=\"emit('toggle-prevented', $event)\"\n      @toggle=\"emit('toggle', $event)\"\n    >\n      <template #header=\"{visible: toggleVisible, toggle: slotToggle}\">\n        <component\n          :is=\"props.headerTag\"\n          :id=\"`${computedId}-heading`\"\n          class=\"accordion-header\"\n          :class=\"props.headerClass\"\n          v-bind=\"props.headerAttrs\"\n        >\n          <button\n            class=\"accordion-button\"\n            v-bind=\"props.buttonAttrs\"\n            :class=\"[{collapsed: !toggleVisible}, props.buttonClass]\"\n            type=\"button\"\n            :aria-expanded=\"toggleVisible ? 'true' : 'false'\"\n            :aria-controls=\"computedId\"\n            @click=\"slotToggle\"\n          >\n            <slot name=\"title\"> {{ props.title }} </slot>\n          </button>\n        </component>\n      </template>\n      <div class=\"accordion-body\" v-bind=\"props.bodyAttrs\" :class=\"props.bodyClass\">\n        <slot />\n      </div>\n    </BCollapse>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  inject,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  useAttrs,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport BCollapse from '../BCollapse/BCollapse.vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BAccordionItemEmits, BAccordionItemProps, BAccordionItemSlots} from '../../types'\nimport {isReadOnlyArray} from '../../utils/object'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BAccordionItemProps, 'modelValue'>>(), {\n  bodyAttrs: undefined,\n  bodyClass: undefined,\n  buttonAttrs: undefined,\n  buttonClass: undefined,\n  collapseClass: undefined,\n  headerAttrs: undefined,\n  headerClass: undefined,\n  headerTag: 'h2',\n  horizontal: undefined,\n  id: undefined,\n  isNav: undefined,\n  lazy: false,\n  unmountLazy: false,\n  tag: undefined,\n  title: undefined,\n  show: undefined,\n  visible: false,\n  wrapperAttrs: undefined,\n})\nconst props = useDefaults(_props, 'BAccordionItem')\nconst emit = defineEmits<BAccordionItemEmits>()\ndefineSlots<BAccordionItemSlots>()\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  const {class: wrapperClass, ...collapseAttrs} = attrs\n  return {wrapperClass, collapseAttrs}\n})\n\nconst parentData = inject(accordionInjectionKey, null)\n\nconst computedId = useId(() => props.id, 'accordion_item')\n\nconst modelValue = defineModel<Exclude<BAccordionItemProps['modelValue'], undefined>>({\n  default: false,\n})\n\nif (modelValue.value) {\n  parentData?.setOpenItem(computedId.value)\n} else {\n  modelValue.value =\n    (isReadOnlyArray(parentData?.openItem.value)\n      ? parentData?.openItem.value.includes(computedId.value)\n      : parentData?.openItem.value === computedId.value) && !parentData?.initialAnimation.value\n}\n\nconst el = useTemplateRef('_el')\nparentData?.registerAccordionItem(computedId.value, el)\n\nonUnmounted(() => {\n  parentData?.unregisterAccordionItem(computedId.value)\n})\n\nonMounted(() => {\n  if (!modelValue.value && parentData?.openItem.value === computedId.value) {\n    nextTick(() => {\n      modelValue.value = true\n    })\n  }\n})\n\nconst openInParent = computed(() =>\n  isReadOnlyArray(parentData?.openItem.value)\n    ? parentData?.openItem.value.includes(computedId.value)\n    : parentData?.openItem.value === computedId.value\n)\n\nwatch(\n  () => parentData?.openItem.value,\n  () => (modelValue.value = openInParent.value)\n)\nwatch(modelValue, () => {\n  if (modelValue.value && !openInParent.value) {\n    parentData?.setOpenItem(computedId.value)\n  } else if (!modelValue.value && openInParent.value) {\n    parentData?.setCloseItem(computedId.value)\n  }\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"accordion\" :class=\"computedClasses\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  provide,\n  readonly,\n  ref,\n  type ShallowRef,\n  shallowRef,\n  toRef,\n  unref,\n  type VNode,\n  watch,\n} from 'vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {flattenFragments} from '../../utils/flattenFragments'\nimport {warn} from '../../utils/console'\nimport BAccordionItem from './BAccordionItem.vue'\nimport {sortSlotElementsByPosition} from '../../utils/dom'\nimport type {BAccordionSlots, BAccordionProps} from '../../types'\nimport {isReadOnlyArray} from '../../utils/object'\n\nconst _props = withDefaults(defineProps<Omit<BAccordionProps, 'modelValue' | 'index'>>(), {\n  flush: false,\n  free: false,\n  initialAnimation: false,\n  id: undefined,\n  lazy: false,\n  unmountLazy: false,\n})\nconst props = useDefaults(_props, 'BAccordion')\nconst slots = defineSlots<BAccordionSlots>()\n\nconst modelValue = defineModel<BAccordionProps['modelValue']>({\n  default: undefined,\n})\n\nconst index = defineModel<BAccordionProps['index']>('index', {\n  default: undefined,\n})\n\nconst itemElementsArray = ref<VNode[]>([])\n\nconst updateItemElementsArray = () => {\n  const itemElements = flattenFragments(slots.default?.({}) ?? [])\n  itemElementsArray.value = (Array.isArray(itemElements) ? itemElements : [itemElements]).filter(\n    (item) => item.type === BAccordionItem\n  )\n}\nupdateItemElementsArray()\n\nwatch(\n  () => slots.default?.({}),\n  () => {\n    updateItemElementsArray()\n    nextTick(() => {\n      sortAccordionItems()\n    })\n  }\n)\n\ninterface AccordionItem {\n  id: string\n  el: Readonly<ShallowRef<HTMLElement | null>>\n}\n\nconst accordionItems = shallowRef<AccordionItem[]>([])\n\nconst sortAccordionItems = () => {\n  accordionItems.value = [...accordionItems.value].sort((a, b) =>\n    sortSlotElementsByPosition(unref(a.el), unref(b.el))\n  )\n  if (modelValue.value) {\n    if (isReadOnlyArray(modelValue.value)) {\n      const next = modelValue.value\n        .map((id) => accordionItems.value.findIndex((item) => item.id === id))\n        .filter((i) => i !== -1)\n\n      if (next.length !== modelValue.value.length) {\n        warn('BAccordion', 'Unknown item id in v-model:', modelValue.value)\n      }\n      index.value = next\n    } else {\n      const idx = accordionItems.value.findIndex((item) => item.id === modelValue.value)\n      if (idx !== -1) index.value = idx\n    }\n  } else if (index.value !== undefined) {\n    modelValue.value = isReadOnlyArray(index.value)\n      ? index.value.map((idx) => accordionItems.value[idx]?.id).filter((el) => el !== undefined)\n      : accordionItems.value[index.value]?.id\n  }\n}\n\nconst computedId = useId(() => props.id, 'accordion')\n\nconst computedClasses = computed(() => ({\n  'accordion-flush': props.flush,\n}))\n\nconst areEqual = (a: unknown, b: unknown) => {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((item, index) => item === b[index])\n  }\n  return a === b\n}\n\nwatch(index, (newValue, oldValue) => {\n  if (areEqual(newValue, oldValue)) return\n  if (index.value === undefined) {\n    modelValue.value = undefined\n    return\n  }\n\n  if (!props.free) {\n    const idx = !isReadOnlyArray(index.value) ? index.value : index.value?.[0]\n    if (idx !== undefined && accordionItems.value[idx]?.id) {\n      if (modelValue.value !== accordionItems.value[idx]?.id) {\n        modelValue.value = accordionItems.value[idx]?.id\n      }\n    } else {\n      nextTick(() => {\n        index.value = undefined\n      })\n    }\n  } else {\n    // free mode\n    if (isReadOnlyArray(index.value)) {\n      const newValue = index.value\n        .map((item) => accordionItems.value[item]?.id)\n        .filter((el) => el !== undefined)\n      if (!areEqual(newValue, modelValue.value)) {\n        modelValue.value = newValue\n      }\n    } else {\n      const newValue = accordionItems.value[index.value]?.id\n      if (newValue === undefined) {\n        nextTick(() => {\n          index.value = undefined\n        })\n        return\n      }\n      if (!areEqual(newValue, modelValue.value)) {\n        modelValue.value = newValue\n      }\n    }\n  }\n})\n\nwatch(\n  modelValue,\n  (newValue, oldValue) => {\n    if (areEqual(newValue, oldValue)) return\n    if (modelValue.value === undefined) {\n      index.value = undefined\n      return\n    }\n\n    if (!props.free) {\n      const idx = accordionItems.value.findIndex(\n        (item) =>\n          item.id ===\n          (!isReadOnlyArray(modelValue.value) ? modelValue.value : modelValue.value?.[0])\n      )\n\n      if (idx !== -1) {\n        if (index.value !== idx) {\n          index.value = idx\n        }\n      } else {\n        nextTick(() => {\n          modelValue.value = undefined\n        })\n      }\n    } else if (props.free) {\n      if (isReadOnlyArray(modelValue.value)) {\n        const idxes = modelValue.value\n          .map((value) => accordionItems.value.findIndex((item) => item.id === value))\n          .filter((index) => index !== -1)\n        if (idxes.length > 0) {\n          if (!areEqual(idxes, index.value)) {\n            index.value = idxes\n          }\n        } else {\n          nextTick(() => {\n            modelValue.value = undefined\n          })\n        }\n      } else {\n        const newValue = accordionItems.value.findIndex((item) => item.id === modelValue.value)\n        if (!areEqual(newValue, index.value)) {\n          index.value = newValue\n        }\n      }\n    }\n  },\n  {deep: true}\n)\n\nwatch(\n  () => props.free,\n  (free) => {\n    if (modelValue.value) {\n      if (!free && isReadOnlyArray(modelValue.value)) {\n        modelValue.value = modelValue.value[0]\n      } else if (free && !isReadOnlyArray(modelValue.value)) {\n        modelValue.value = [modelValue.value]\n      }\n    }\n  }\n)\n\nprovide(accordionInjectionKey, {\n  openItem: readonly(modelValue),\n  free: toRef(() => props.free),\n  initialAnimation: toRef(() => props.initialAnimation),\n  lazy: toRef(() => props.lazy),\n  unmountLazy: toRef(() => props.unmountLazy),\n  setOpenItem: (id: string) => {\n    if (props.free && !isReadOnlyArray(modelValue.value)) {\n      if (modelValue.value !== undefined) {\n        modelValue.value = [modelValue.value, id]\n      } else {\n        modelValue.value = [id]\n      }\n      return\n    }\n    if (!props.free && isReadOnlyArray(modelValue.value)) {\n      modelValue.value = id\n      return\n    }\n    if (isReadOnlyArray(modelValue.value)) {\n      if (!modelValue.value.includes(id)) {\n        modelValue.value = [...modelValue.value, id]\n      }\n    } else {\n      modelValue.value = id\n    }\n  },\n  setCloseItem: (id: string) => {\n    if (!props.free && isReadOnlyArray(modelValue.value)) {\n      modelValue.value = undefined\n      return\n    }\n    if (isReadOnlyArray(modelValue.value)) {\n      const next = modelValue.value.filter((item) => item !== id)\n      modelValue.value = next.length ? next : undefined\n    } else {\n      if (modelValue.value === id) {\n        modelValue.value = undefined\n      }\n    }\n  },\n  registerAccordionItem: (id: string, el: Readonly<ShallowRef<HTMLElement | null>>) => {\n    accordionItems.value = [...accordionItems.value, {id, el}]\n    if (accordionItems.value.length === itemElementsArray.value.length) {\n      sortAccordionItems()\n    }\n  },\n  unregisterAccordionItem: (id: string) => {\n    accordionItems.value = accordionItems.value.filter((item) => item.id !== id)\n  },\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"accordion\" :class=\"computedClasses\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  provide,\n  readonly,\n  ref,\n  type ShallowRef,\n  shallowRef,\n  toRef,\n  unref,\n  type VNode,\n  watch,\n} from 'vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {flattenFragments} from '../../utils/flattenFragments'\nimport {warn} from '../../utils/console'\nimport BAccordionItem from './BAccordionItem.vue'\nimport {sortSlotElementsByPosition} from '../../utils/dom'\nimport type {BAccordionSlots, BAccordionProps} from '../../types'\nimport {isReadOnlyArray} from '../../utils/object'\n\nconst _props = withDefaults(defineProps<Omit<BAccordionProps, 'modelValue' | 'index'>>(), {\n  flush: false,\n  free: false,\n  initialAnimation: false,\n  id: undefined,\n  lazy: false,\n  unmountLazy: false,\n})\nconst props = useDefaults(_props, 'BAccordion')\nconst slots = defineSlots<BAccordionSlots>()\n\nconst modelValue = defineModel<BAccordionProps['modelValue']>({\n  default: undefined,\n})\n\nconst index = defineModel<BAccordionProps['index']>('index', {\n  default: undefined,\n})\n\nconst itemElementsArray = ref<VNode[]>([])\n\nconst updateItemElementsArray = () => {\n  const itemElements = flattenFragments(slots.default?.({}) ?? [])\n  itemElementsArray.value = (Array.isArray(itemElements) ? itemElements : [itemElements]).filter(\n    (item) => item.type === BAccordionItem\n  )\n}\nupdateItemElementsArray()\n\nwatch(\n  () => slots.default?.({}),\n  () => {\n    updateItemElementsArray()\n    nextTick(() => {\n      sortAccordionItems()\n    })\n  }\n)\n\ninterface AccordionItem {\n  id: string\n  el: Readonly<ShallowRef<HTMLElement | null>>\n}\n\nconst accordionItems = shallowRef<AccordionItem[]>([])\n\nconst sortAccordionItems = () => {\n  accordionItems.value = [...accordionItems.value].sort((a, b) =>\n    sortSlotElementsByPosition(unref(a.el), unref(b.el))\n  )\n  if (modelValue.value) {\n    if (isReadOnlyArray(modelValue.value)) {\n      const next = modelValue.value\n        .map((id) => accordionItems.value.findIndex((item) => item.id === id))\n        .filter((i) => i !== -1)\n\n      if (next.length !== modelValue.value.length) {\n        warn('BAccordion', 'Unknown item id in v-model:', modelValue.value)\n      }\n      index.value = next\n    } else {\n      const idx = accordionItems.value.findIndex((item) => item.id === modelValue.value)\n      if (idx !== -1) index.value = idx\n    }\n  } else if (index.value !== undefined) {\n    modelValue.value = isReadOnlyArray(index.value)\n      ? index.value.map((idx) => accordionItems.value[idx]?.id).filter((el) => el !== undefined)\n      : accordionItems.value[index.value]?.id\n  }\n}\n\nconst computedId = useId(() => props.id, 'accordion')\n\nconst computedClasses = computed(() => ({\n  'accordion-flush': props.flush,\n}))\n\nconst areEqual = (a: unknown, b: unknown) => {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((item, index) => item === b[index])\n  }\n  return a === b\n}\n\nwatch(index, (newValue, oldValue) => {\n  if (areEqual(newValue, oldValue)) return\n  if (index.value === undefined) {\n    modelValue.value = undefined\n    return\n  }\n\n  if (!props.free) {\n    const idx = !isReadOnlyArray(index.value) ? index.value : index.value?.[0]\n    if (idx !== undefined && accordionItems.value[idx]?.id) {\n      if (modelValue.value !== accordionItems.value[idx]?.id) {\n        modelValue.value = accordionItems.value[idx]?.id\n      }\n    } else {\n      nextTick(() => {\n        index.value = undefined\n      })\n    }\n  } else {\n    // free mode\n    if (isReadOnlyArray(index.value)) {\n      const newValue = index.value\n        .map((item) => accordionItems.value[item]?.id)\n        .filter((el) => el !== undefined)\n      if (!areEqual(newValue, modelValue.value)) {\n        modelValue.value = newValue\n      }\n    } else {\n      const newValue = accordionItems.value[index.value]?.id\n      if (newValue === undefined) {\n        nextTick(() => {\n          index.value = undefined\n        })\n        return\n      }\n      if (!areEqual(newValue, modelValue.value)) {\n        modelValue.value = newValue\n      }\n    }\n  }\n})\n\nwatch(\n  modelValue,\n  (newValue, oldValue) => {\n    if (areEqual(newValue, oldValue)) return\n    if (modelValue.value === undefined) {\n      index.value = undefined\n      return\n    }\n\n    if (!props.free) {\n      const idx = accordionItems.value.findIndex(\n        (item) =>\n          item.id ===\n          (!isReadOnlyArray(modelValue.value) ? modelValue.value : modelValue.value?.[0])\n      )\n\n      if (idx !== -1) {\n        if (index.value !== idx) {\n          index.value = idx\n        }\n      } else {\n        nextTick(() => {\n          modelValue.value = undefined\n        })\n      }\n    } else if (props.free) {\n      if (isReadOnlyArray(modelValue.value)) {\n        const idxes = modelValue.value\n          .map((value) => accordionItems.value.findIndex((item) => item.id === value))\n          .filter((index) => index !== -1)\n        if (idxes.length > 0) {\n          if (!areEqual(idxes, index.value)) {\n            index.value = idxes\n          }\n        } else {\n          nextTick(() => {\n            modelValue.value = undefined\n          })\n        }\n      } else {\n        const newValue = accordionItems.value.findIndex((item) => item.id === modelValue.value)\n        if (!areEqual(newValue, index.value)) {\n          index.value = newValue\n        }\n      }\n    }\n  },\n  {deep: true}\n)\n\nwatch(\n  () => props.free,\n  (free) => {\n    if (modelValue.value) {\n      if (!free && isReadOnlyArray(modelValue.value)) {\n        modelValue.value = modelValue.value[0]\n      } else if (free && !isReadOnlyArray(modelValue.value)) {\n        modelValue.value = [modelValue.value]\n      }\n    }\n  }\n)\n\nprovide(accordionInjectionKey, {\n  openItem: readonly(modelValue),\n  free: toRef(() => props.free),\n  initialAnimation: toRef(() => props.initialAnimation),\n  lazy: toRef(() => props.lazy),\n  unmountLazy: toRef(() => props.unmountLazy),\n  setOpenItem: (id: string) => {\n    if (props.free && !isReadOnlyArray(modelValue.value)) {\n      if (modelValue.value !== undefined) {\n        modelValue.value = [modelValue.value, id]\n      } else {\n        modelValue.value = [id]\n      }\n      return\n    }\n    if (!props.free && isReadOnlyArray(modelValue.value)) {\n      modelValue.value = id\n      return\n    }\n    if (isReadOnlyArray(modelValue.value)) {\n      if (!modelValue.value.includes(id)) {\n        modelValue.value = [...modelValue.value, id]\n      }\n    } else {\n      modelValue.value = id\n    }\n  },\n  setCloseItem: (id: string) => {\n    if (!props.free && isReadOnlyArray(modelValue.value)) {\n      modelValue.value = undefined\n      return\n    }\n    if (isReadOnlyArray(modelValue.value)) {\n      const next = modelValue.value.filter((item) => item !== id)\n      modelValue.value = next.length ? next : undefined\n    } else {\n      if (modelValue.value === id) {\n        modelValue.value = undefined\n      }\n    }\n  },\n  registerAccordionItem: (id: string, el: Readonly<ShallowRef<HTMLElement | null>>) => {\n    accordionItems.value = [...accordionItems.value, {id, el}]\n    if (accordionItems.value.length === itemElementsArray.value.length) {\n      sortAccordionItems()\n    }\n  },\n  unregisterAccordionItem: (id: string) => {\n    accordionItems.value = accordionItems.value.filter((item) => item.id !== id)\n  },\n})\n</script>\n"],"mappings":"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"}

package/dist/{BAlert-Ce2uxrJi.mjs → BAlert-C9Mi4RDx.js}

@@ -1,11 +1,11 @@
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useId$1 } from "./useId-D1sqXtwx.mjs";
-import { t as useShowHide } from "./useShowHide-CBFt1_EW.mjs";
-import { r as useBLinkHelper, t as BLink_default } from "./BLink-Dfgte6dQ.mjs";
-import { t as BCloseButton_default } from "./BCloseButton-CKTKr4PS.mjs";
-import { t as BProgress_default } from "./BProgress-BZlrPYhA.mjs";
-import { n as useCountdown, t as useCountdownHover } from "./useCountdownHover-C3NXiAaF.mjs";
-import { t as BButton_default } from "./BButton-PY7AANXJ.mjs";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useId$1 } from "./useId-Fh-Arhb7.js";
+import { t as useShowHide } from "./useShowHide-C95Y9EKL.js";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-mdwZsC7b.js";
+import { t as BCloseButton_default } from "./BCloseButton-B3-IdpNp.js";
+import { t as BProgress_default } from "./BProgress-BNxYppi-.js";
+import { n as useCountdown, t as useCountdownHover } from "./useCountdownHover-BN8vJIQW.js";
+import { t as BButton_default } from "./BButton-KZu5jczf.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, useSlots, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
 //#region src/components/BAlert/BAlert.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -22,7 +22,7 @@ var _hoisted_2 = {
 //#region src/components/BAlert/BAlert.vue
 var BAlert_default = /* @__PURE__ */ defineComponent({
 	__name: "BAlert",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		alertClass: { default: void 0 },
 		body: { default: void 0 },
 		bodyClass: { default: void 0 },
@@ -134,7 +134,7 @@ var BAlert_default = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"close",
 		"close-countdown",
 		"hide",
@@ -154,8 +154,15 @@ var BAlert_default = /* @__PURE__ */ defineComponent({
 		const modelValue = useModel(__props, "modelValue");
 		const { computedLink, computedLinkProps } = useBLinkHelper(props);
 		const computedId = useId$1(() => props.id, "alert");
-		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = useShowHide(modelValue, props, emit, element, computedId);
-		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = useCountdown(computed(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value), props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
+		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = useShowHide({
+			modelValue,
+			props,
+			emit,
+			element,
+			id: computedId
+		});
+		const countdownLength = computed(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value);
+		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = useCountdown(countdownLength, props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
 		useCountdownHover(element, {
 			noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
 			noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
@@ -288,4 +295,4 @@ var BAlert_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BAlert_default as t };
 
-//# sourceMappingURL=BAlert-Ce2uxrJi.mjs.map
+//# sourceMappingURL=BAlert-C9Mi4RDx.js.map

package/dist/BAlert-C9Mi4RDx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert-C9Mi4RDx.js","names":[],"sources":["../src/components/BAlert/BAlert.vue","../src/components/BAlert/BAlert.vue"],"sourcesContent":["<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\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  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertEmits, BAlertProps, BAlertSlots, ShowHideSlotsData} from '../../types'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\nimport BButton from '../BButton/BButton.vue'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\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  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide({modelValue, props, emit: emit as EmitFn, element, id: computedId})\n\n// TODO solid is never used\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' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n","<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\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  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertEmits, BAlertProps, BAlertSlots, ShowHideSlotsData} from '../../types'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\nimport BButton from '../BButton/BButton.vue'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\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  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide({modelValue, props, emit: emit as EmitFn, element, id: computedId})\n\n// TODO solid is never used\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' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n"],"mappings":"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"}

package/dist/{BApp-B-fUrnpK.mjs → BApp-GXR1wS6K.js}

@@ -1,21 +1,10 @@
-import { _ as orchestratorRegistryKey } from "./keys-DU7sQgl3.mjs";
+import { _ as orchestratorRegistryKey } from "./keys-BgLwJbLV.js";
 import { useOrchestratorRegistry } from "./src/composables/orchestratorShared/index.mjs";
-import { t as ConditionalTeleport_default } from "./ConditionalTeleport-B4KYZIM6.mjs";
+import { n as warn } from "./console-DaUCJgpk.js";
+import { t as ConditionalTeleport_default } from "./ConditionalTeleport-BCKPLEun.js";
 import { useProvideDefaults } from "./src/composables/useProvideDefaults/index.mjs";
 import { useRegistry } from "./src/composables/useRegistry/index.mjs";
 import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, toRef, watch, withCtx } from "vue";
-//#region src/utils/positionClasses.ts
-var positionClasses = {
-	"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"
-};
 //#endregion
 //#region src/components/BApp/BOrchestrator.vue
 var BOrchestrator_default = /* @__PURE__ */ defineComponent({
@@ -40,74 +29,87 @@ var BOrchestrator_default = /* @__PURE__ */ defineComponent({
 		teleportTo: {},
 		filter: {
 			type: Function,
-			default: () => true
+			default: void 0
 		}
 	},
 	setup(__props) {
-		function setEventOk(event) {
+		const setEventOk = (event) => {
 			event.ok = event.trigger === "ok" ? true : event.trigger === "cancel" ? false : null;
-		}
+		};
 		const props = __props;
 		const orchestratorRegistry = inject(orchestratorRegistryKey, null);
 		if (orchestratorRegistry) {
-			if (!orchestratorRegistry._isOrchestratorInstalled.value) orchestratorRegistry._isOrchestratorInstalled.value = true;
-		} else if (process.env.NODE_ENV === "development") console.warn("[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.");
+			if (!orchestratorRegistry._isOrchestratorInstalled.value) orchestratorRegistry._setOrchestratorInstalled(true);
+		} else warn("BOrchestrator", "The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.");
 		watch(() => props.appendToast, (value) => {
-			if (orchestratorRegistry && value !== void 0) orchestratorRegistry._isToastAppend.value = value;
+			orchestratorRegistry?._setToastAppend(value);
 		}, { immediate: true });
-		const ComputedPositionClasses = computed(() => {
-			const positionsActive = items.value?.reduce((acc, item) => {
-				if (item.position) acc[item.position] = true;
-				return acc;
-			}, {});
-			const classes = {};
-			for (const position in positionClasses) if (positionsActive?.[position]) classes[position] = {
-				class: `${positionClasses[position]} toast-container position-fixed p-3`,
-				style: "width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)"
-			};
-			if (positionsActive?.["modal"]) classes["modal"] = {
-				class: "",
-				style: ""
+		const items = computed(() => {
+			const store = orchestratorRegistry?.store.value;
+			let filteredStore = {
+				tooltip: !props.noPopovers && store?.tooltip ? [...store.tooltip.values()].map((e) => e.value) : [],
+				modal: !props.noModals && store?.modal ? [...store.modal.values()].map((e) => e.value) : [],
+				popover: !props.noPopovers && store?.popover ? [...store.popover.values()].map((e) => e.value) : [],
+				toast: !props.noToasts && store?.toast ? [...store.toast.values()].map((e) => e.value) : []
 			};
-			if (positionsActive?.["popover"]) classes["popover"] = {
-				class: "",
-				style: ""
+			if (props.filter) filteredStore = {
+				tooltip: filteredStore.tooltip.filter(props.filter),
+				modal: filteredStore.modal.filter(props.filter),
+				popover: filteredStore.popover.filter(props.filter),
+				toast: filteredStore.toast.filter(props.filter)
 			};
-			return classes;
+			return filteredStore;
 		});
-		const items = computed(() => {
-			return (orchestratorRegistry?.store.value ?? []).filter((el) => !props.noPopovers || el.type !== "popover").filter((el) => !props.noToasts || el.type !== "toast").filter((el) => !props.noModals || el.type !== "modal").filter(props.filter);
+		const positionedItems = computed(() => {
+			const toastDefaultPosition = "bottom-start";
+			const toastDefaults = (cls) => ({
+				class: `${cls} toast-container position-fixed p-3`,
+				style: "width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)",
+				transitionGroupName: "b-list"
+			});
+			const allGroups = {
+				...items.value.toast.reduce((acc, item) => {
+					const pos = item.props.position ?? toastDefaultPosition;
+					(acc[pos] ??= {
+						...toastDefaults(pos),
+						items: []
+					}).items.push(item);
+					return acc;
+				}, {}),
+				modal: { items: items.value.modal },
+				popover: { items: items.value.popover },
+				tooltip: { items: items.value.tooltip }
+			};
+			return Object.fromEntries(Object.entries(allGroups).filter(([, value]) => value.items.length > 0));
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ConditionalTeleport_default, {
 				to: __props.teleportTo,
 				disabled: !__props.teleportTo
 			}, {
-				default: withCtx(() => [createElementVNode("div", mergeProps({ class: "orchestrator-container" }, _ctx.$attrs), [(openBlock(true), createElementBlock(Fragment, null, renderList(ComputedPositionClasses.value, (value, key) => {
+				default: withCtx(() => [createElementVNode("div", mergeProps({ class: "orchestrator-container" }, _ctx.$attrs), [(openBlock(true), createElementBlock(Fragment, null, renderList(positionedItems.value, (value, key) => {
 					return openBlock(), createElementBlock("div", {
 						key,
 						class: normalizeClass(value.class),
 						style: normalizeStyle(value.style)
-					}, [createVNode(TransitionGroup, { name: items.value?.filter((el) => el.position === key)?.some((el) => el.type === "toast") ? "b-list" : void 0 }, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value?.filter((el) => el.position === key) || [], ({ _self, type, position, slots, promise, options, _component, ...val }) => {
-							return openBlock(), createElementBlock("span", { key: _self }, [(openBlock(), createBlock(resolveDynamicComponent(_component), mergeProps({ ref_for: true }, val, {
+					}, [createVNode(TransitionGroup, { name: value.transitionGroupName }, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(value.items, ({ component, fns: { setRef, resolve: resolvePromise }, props: componentProps, id, slots, options }) => {
+							return openBlock(), createElementBlock("span", { key: id }, [(openBlock(), createBlock(resolveDynamicComponent(component), mergeProps({ ref_for: true }, componentProps, {
 								ref_for: true,
-								ref: (ref) => promise.value.ref = ref,
+								ref: setRef,
 								"initial-animation": "",
 								"teleport-disabled": true,
 								onHide: (e) => {
 									setEventOk(e);
-									val.onHide?.(e);
+									componentProps.onHide?.(e);
 									if (e.defaultPrevented) return;
-									promise.stop?.();
-									if (options?.resolveOnHide) promise.resolve(e);
+									if (options?.resolveOnHide) resolvePromise(e);
 								},
 								onHidden: (e) => {
 									setEventOk(e);
-									val.onHidden?.(e);
+									componentProps.onHidden?.(e);
 									if (e.defaultPrevented) return;
-									if (!options?.resolveOnHide) promise.resolve(e);
-									if (!options?.keep) promise.value.destroy?.();
+									if (!options?.resolveOnHide) resolvePromise(e);
 								}
 							}), createSlots({ _: 2 }, [renderList(slots, (comp, slot) => {
 								return {
@@ -166,4 +168,4 @@ var BApp_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BOrchestrator_default as n, BApp_default as t };
 
-//# sourceMappingURL=BApp-B-fUrnpK.mjs.map
+//# sourceMappingURL=BApp-GXR1wS6K.js.map

package/dist/BApp-GXR1wS6K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BApp-GXR1wS6K.js","names":["$attrs","$attrs"],"sources":["../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BApp.vue","../src/components/BApp/BApp.vue"],"sourcesContent":["<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in positionedItems\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup :name=\"value.transitionGroupName\">\n          <span\n            v-for=\"{\n              component,\n              fns: {setRef, resolve: resolvePromise},\n              props: componentProps,\n              id,\n              slots,\n              options,\n            } in value.items\"\n            :key=\"id\"\n          >\n            <component\n              :is=\"component\"\n              v-bind=\"componentProps\"\n              :ref=\"setRef\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  componentProps.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (options?.resolveOnHide) {\n                    resolvePromise(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  componentProps.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    resolvePromise(e)\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, watch} from 'vue'\nimport {warn} from '../../utils/console'\nimport {orchestratorRegistryKey, type OrchestratorStoreObject} from '../../utils/keys'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps, ContainerPosition} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\nimport type {ValueInMapRecord} from '../../composables/orchestratorShared'\n\nconst setEventOk = (event: BvTriggerableEvent): void => {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: undefined,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._setOrchestratorInstalled(true)\n  }\n} else {\n  warn(\n    'BOrchestrator',\n    'The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n  )\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    orchestratorRegistry?._setToastAppend(value)\n  },\n  {immediate: true}\n)\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value\n  let filteredStore = {\n    tooltip:\n      !props.noPopovers && store?.tooltip ? [...store.tooltip.values()].map((e) => e.value) : [],\n    modal: !props.noModals && store?.modal ? [...store.modal.values()].map((e) => e.value) : [],\n    popover:\n      !props.noPopovers && store?.popover ? [...store.popover.values()].map((e) => e.value) : [],\n    toast: !props.noToasts && store?.toast ? [...store.toast.values()].map((e) => e.value) : [],\n  } satisfies Record<keyof OrchestratorStoreObject, unknown>\n\n  if (props.filter) {\n    filteredStore = {\n      tooltip: filteredStore.tooltip.filter(props.filter),\n      modal: filteredStore.modal.filter(props.filter),\n      popover: filteredStore.popover.filter(props.filter),\n      toast: filteredStore.toast.filter(props.filter),\n    }\n  }\n\n  return filteredStore\n})\n\ntype ItemObject = {\n  class?: string\n  style?: string\n  transitionGroupName?: string\n  items: ValueInMapRecord<OrchestratorStoreObject[keyof OrchestratorStoreObject]>['value'][]\n}\nconst positionedItems = computed<\n  Record<ContainerPosition | keyof Omit<OrchestratorStoreObject, 'toast'>, ItemObject>\n>(() => {\n  const toastDefaultPosition: ContainerPosition = 'bottom-start'\n  const toastDefaults = (cls: ContainerPosition) =>\n    ({\n      class: `${cls} toast-container position-fixed p-3`,\n      style: 'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      transitionGroupName: 'b-list',\n    }) satisfies Partial<ItemObject>\n  const groupedToastItems = items.value.toast.reduce(\n    (acc, item) => {\n      const pos = item.props.position ?? toastDefaultPosition\n      ;(acc[pos] ??= {\n        ...toastDefaults(pos),\n        items: [],\n      }).items.push(item)\n\n      return acc\n    },\n    {} as Record<ContainerPosition, ItemObject>\n  )\n\n  const allGroups = {\n    ...groupedToastItems,\n    modal: {items: items.value.modal},\n    popover: {items: items.value.popover},\n    tooltip: {items: items.value.tooltip},\n  }\n\n  // Skip rendering empty containers (e.g. popover/tooltip/modal groups with no active items)\n  return Object.fromEntries(\n    Object.entries(allGroups).filter(([, value]) => value.items.length > 0)\n  ) as Record<ContainerPosition | keyof Omit<OrchestratorStoreObject, 'toast'>, ItemObject>\n})\n</script>\n","<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in positionedItems\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup :name=\"value.transitionGroupName\">\n          <span\n            v-for=\"{\n              component,\n              fns: {setRef, resolve: resolvePromise},\n              props: componentProps,\n              id,\n              slots,\n              options,\n            } in value.items\"\n            :key=\"id\"\n          >\n            <component\n              :is=\"component\"\n              v-bind=\"componentProps\"\n              :ref=\"setRef\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  componentProps.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (options?.resolveOnHide) {\n                    resolvePromise(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  componentProps.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    resolvePromise(e)\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, watch} from 'vue'\nimport {warn} from '../../utils/console'\nimport {orchestratorRegistryKey, type OrchestratorStoreObject} from '../../utils/keys'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps, ContainerPosition} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\nimport type {ValueInMapRecord} from '../../composables/orchestratorShared'\n\nconst setEventOk = (event: BvTriggerableEvent): void => {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: undefined,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._setOrchestratorInstalled(true)\n  }\n} else {\n  warn(\n    'BOrchestrator',\n    'The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n  )\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    orchestratorRegistry?._setToastAppend(value)\n  },\n  {immediate: true}\n)\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value\n  let filteredStore = {\n    tooltip:\n      !props.noPopovers && store?.tooltip ? [...store.tooltip.values()].map((e) => e.value) : [],\n    modal: !props.noModals && store?.modal ? [...store.modal.values()].map((e) => e.value) : [],\n    popover:\n      !props.noPopovers && store?.popover ? [...store.popover.values()].map((e) => e.value) : [],\n    toast: !props.noToasts && store?.toast ? [...store.toast.values()].map((e) => e.value) : [],\n  } satisfies Record<keyof OrchestratorStoreObject, unknown>\n\n  if (props.filter) {\n    filteredStore = {\n      tooltip: filteredStore.tooltip.filter(props.filter),\n      modal: filteredStore.modal.filter(props.filter),\n      popover: filteredStore.popover.filter(props.filter),\n      toast: filteredStore.toast.filter(props.filter),\n    }\n  }\n\n  return filteredStore\n})\n\ntype ItemObject = {\n  class?: string\n  style?: string\n  transitionGroupName?: string\n  items: ValueInMapRecord<OrchestratorStoreObject[keyof OrchestratorStoreObject]>['value'][]\n}\nconst positionedItems = computed<\n  Record<ContainerPosition | keyof Omit<OrchestratorStoreObject, 'toast'>, ItemObject>\n>(() => {\n  const toastDefaultPosition: ContainerPosition = 'bottom-start'\n  const toastDefaults = (cls: ContainerPosition) =>\n    ({\n      class: `${cls} toast-container position-fixed p-3`,\n      style: 'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      transitionGroupName: 'b-list',\n    }) satisfies Partial<ItemObject>\n  const groupedToastItems = items.value.toast.reduce(\n    (acc, item) => {\n      const pos = item.props.position ?? toastDefaultPosition\n      ;(acc[pos] ??= {\n        ...toastDefaults(pos),\n        items: [],\n      }).items.push(item)\n\n      return acc\n    },\n    {} as Record<ContainerPosition, ItemObject>\n  )\n\n  const allGroups = {\n    ...groupedToastItems,\n    modal: {items: items.value.modal},\n    popover: {items: items.value.popover},\n    tooltip: {items: items.value.tooltip},\n  }\n\n  // Skip rendering empty containers (e.g. popover/tooltip/modal groups with no active items)\n  return Object.fromEntries(\n    Object.entries(allGroups).filter(([, value]) => value.items.length > 0)\n  ) as Record<ContainerPosition | keyof Omit<OrchestratorStoreObject, 'toast'>, ItemObject>\n})\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n"],"mappings":"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"}

package/dist/{BAspect-wfiXM4KA.mjs → BAspect-BPR6DH5W.js}

@@ -1,4 +1,4 @@
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
 import { computed, createBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#region src/components/BAspect/BAspect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -41,4 +41,4 @@ var BAspect_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BAspect_default as t };
 
-//# sourceMappingURL=BAspect-wfiXM4KA.mjs.map
+//# sourceMappingURL=BAspect-BPR6DH5W.js.map

package/dist/{BAspect-CUIU48Ck.js.map → BAspect-BPR6DH5W.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BAspect-CUIU48Ck.js","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,oBAAA,YAJC,SAImB,UAAS;EAG3C,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,MAAM,SAAS,OAAO,MAAM,OAAM;GAClC,IAAI;AACJ,OAAI,gCAAgC,KAAK,OAAO,EAAE;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,WAAW,EAAE,IAAI,EAAC;AAC1F,YAAQ,QAAQ;SAEhB,SAAQ,OAAO,WAAW,OAAO,IAAI;AAEvC,UAAO,GAAG,MAAM,KAAK,IAAI,MAAM,CAAC;IACjC;;qGA9BiB,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,mBAAiB,EAAA;oCAC+C,EAAA,GAAA,IAAA,oBAAA,OAAA;KAAzF,QAAA,GAAA,IAAA,gBAAK;MAAA,eAAkB,gBAAA;MAAe,QAAA;MAAA,CAAA;KAAc,OAAM;6CAG1D,OAFN,YAEM,EAAA,GAAA,IAAA,YADI,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"BAspect-BPR6DH5W.js","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,YAAY,SAAQ,SAAS;EAG3C,MAAM,kBAAkB,eAAe;GACrC,MAAM,SAAS,OAAO,MAAM,MAAM;GAClC,IAAI;GACJ,IAAI,gCAAgC,KAAK,MAAM,GAAG;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,OAAO,CAAC,CAAC,KAAK,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC;IAC1F,QAAQ,QAAQ;GAClB,OACE,QAAQ,OAAO,WAAW,MAAM,KAAK;GAEvC,OAAO,GAAG,MAAM,KAAK,IAAI,KAAK,EAAE;EAClC,CAAC;;GA9BC,OAAA,UAAA,GAAA,YAKY,wBALI,MAAA,KAAA,CAAK,CAAC,GAAG,GAAA,EAAE,OAAM,kBAAiB,GAAA;IAChD,SAAA,cAA+F,CAA/F,mBAA+F,OAAA;KAAzF,OAAK,eAAA;MAAA,eAAkB,gBAAA;MAAe,QAAA;KAAA,CAAA;KAAc,OAAM;IAChE,GAAA,MAAA,CAAA,GAAA,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA"}