bootstrap-vue-next 0.29.3 → 0.29.4

package/dist/BAccordion.vue_vue_type_script_setup_true_lang-BnfizlLE.mjs

@@ -0,0 +1,393 @@
+import { defineComponent, mergeModels, useAttrs, computed, inject, useModel, useTemplateRef, onUnmounted, onMounted, nextTick, watch, createElementBlock, openBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, useSlots, ref, shallowRef, provide, toRef, normalizeClass } from "vue";
+import { j as accordionInjectionKey } from "./keys-CwytVEYF.mjs";
+import { u as useId } from "./useId-vZvGlR-1.mjs";
+import { u as useDefaults } from "./useDefaults-2hK8an5B.mjs";
+import { f as flattenFragments } from "./flattenFragments-BoFLyuna.mjs";
+import { _ as _sfc_main$2 } from "./BCollapse.vue_vue_type_script_setup_true_lang-BMtSwwze.mjs";
+import { s as sortSlotElementsByPosition } from "./dom-BNfqkuY-.mjs";
+const _hoisted_1$1 = ["aria-expanded", "aria-controls", "onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BAccordionItem",
+  props: /* @__PURE__ */ mergeModels({
+    bodyAttrs: { default: void 0 },
+    bodyClass: { default: void 0 },
+    buttonAttrs: { default: void 0 },
+    buttonClass: { default: void 0 },
+    collapseClass: { default: void 0 },
+    headerAttrs: { default: void 0 },
+    headerClass: { default: void 0 },
+    headerTag: { default: "h2" },
+    horizontal: { type: Boolean, default: void 0 },
+    id: { default: void 0 },
+    isNav: { type: Boolean, default: void 0 },
+    lazy: { type: Boolean, default: false },
+    unmountLazy: { type: Boolean, default: false },
+    tag: { default: void 0 },
+    title: { default: void 0 },
+    show: { type: Boolean, default: void 0 },
+    visible: { type: Boolean, default: false },
+    wrapperAttrs: { default: void 0 }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented", "cancel", "ok"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const attrs = useAttrs();
+    const processedAttrs = computed(() => {
+      const { class: wrapperClass, ...collapseAttrs } = attrs;
+      return { wrapperClass, collapseAttrs };
+    });
+    const _props = __props;
+    const props = useDefaults(_props, "BAccordionItem");
+    const emit = __emit;
+    const parentData = inject(accordionInjectionKey, null);
+    const computedId = useId(() => props.id, "accordion_item");
+    const modelValue = useModel(__props, "modelValue");
+    if (modelValue.value) {
+      parentData == null ? void 0 : parentData.setOpenItem(computedId.value);
+    } else {
+      modelValue.value = (Array.isArray(parentData == null ? void 0 : parentData.openItem.value) ? parentData == null ? void 0 : parentData.openItem.value.includes(computedId.value) : (parentData == null ? void 0 : parentData.openItem.value) === computedId.value) && !(parentData == null ? void 0 : parentData.initialAnimation.value);
+    }
+    const el = useTemplateRef("_el");
+    parentData == null ? void 0 : parentData.registerAccordionItem(computedId.value, el);
+    onUnmounted(() => {
+      parentData == null ? void 0 : parentData.unregisterAccordionItem(computedId.value);
+    });
+    onMounted(() => {
+      if (!modelValue.value && (parentData == null ? void 0 : parentData.openItem.value) === computedId.value) {
+        nextTick(() => {
+          modelValue.value = true;
+        });
+      }
+    });
+    const openInParent = computed(
+      () => Array.isArray(parentData == null ? void 0 : parentData.openItem.value) ? parentData == null ? void 0 : parentData.openItem.value.includes(computedId.value) : (parentData == null ? void 0 : parentData.openItem.value) === computedId.value
+    );
+    watch(
+      () => parentData == null ? void 0 : parentData.openItem.value,
+      () => modelValue.value = openInParent.value
+    );
+    watch(modelValue, () => {
+      if (modelValue.value && !openInParent.value) {
+        parentData == null ? void 0 : parentData.setOpenItem(computedId.value);
+      } else if (!modelValue.value && openInParent.value) {
+        parentData == null ? void 0 : parentData.setCloseItem(computedId.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref: "_el",
+        class: "accordion-item"
+      }, unref(props).wrapperAttrs, {
+        class: processedAttrs.value.wrapperClass
+      }), [
+        createVNode(_sfc_main$2, mergeProps({
+          id: unref(computedId),
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          class: ["accordion-collapse", unref(props).collapseClass],
+          "aria-labelledby": `${unref(computedId)}-heading`
+        }, processedAttrs.value.collapseAttrs, {
+          tag: unref(props).tag,
+          show: unref(props).show,
+          horizontal: unref(props).horizontal,
+          visible: unref(props).visible,
+          "is-nav": unref(props).isNav,
+          lazy: unref(props).lazy || ((_a = unref(parentData)) == null ? void 0 : _a.lazy.value),
+          "unmount-lazy": unref(props).unmountLazy || ((_b = unref(parentData)) == null ? void 0 : _b.unmountLazy.value),
+          onShow: _cache[1] || (_cache[1] = ($event) => emit("show", $event)),
+          onShown: _cache[2] || (_cache[2] = ($event) => emit("shown", $event)),
+          onHide: _cache[3] || (_cache[3] = ($event) => emit("hide", $event)),
+          onHidden: _cache[4] || (_cache[4] = ($event) => emit("hidden", $event)),
+          onHidePrevented: _cache[5] || (_cache[5] = ($event) => emit("hide-prevented", $event)),
+          onShowPrevented: _cache[6] || (_cache[6] = ($event) => emit("show-prevented", $event)),
+          onTogglePrevented: _cache[7] || (_cache[7] = ($event) => emit("toggle-prevented", $event)),
+          onToggle: _cache[8] || (_cache[8] = ($event) => emit("toggle", $event))
+        }), {
+          header: withCtx(({ visible: toggleVisible, toggle: slotToggle }) => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(props).headerTag), mergeProps({
+              id: `${unref(computedId)}-heading`,
+              class: ["accordion-header", unref(props).headerClass]
+            }, unref(props).headerAttrs), {
+              default: withCtx(() => [
+                createElementVNode("button", mergeProps({ class: "accordion-button" }, unref(props).buttonAttrs, {
+                  class: [{ collapsed: !toggleVisible }, unref(props).buttonClass],
+                  type: "button",
+                  "aria-expanded": toggleVisible ? "true" : "false",
+                  "aria-controls": unref(computedId),
+                  onClick: slotToggle
+                }), [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(unref(props).title), 1)
+                  ])
+                ], 16, _hoisted_1$1)
+              ]),
+              _: 2
+            }, 1040, ["id", "class"]))
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", mergeProps({ class: "accordion-body" }, unref(props).bodyAttrs, {
+              class: unref(props).bodyClass
+            }), [
+              renderSlot(_ctx.$slots, "default")
+            ], 16)
+          ]),
+          _: 3
+        }, 16, ["id", "modelValue", "class", "aria-labelledby", "tag", "show", "horizontal", "visible", "is-nav", "lazy", "unmount-lazy"])
+      ], 16);
+    };
+  }
+});
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BAccordion",
+  props: /* @__PURE__ */ mergeModels({
+    flush: { type: Boolean, default: false },
+    free: { type: Boolean, default: false },
+    id: { default: void 0 },
+    initialAnimation: { type: Boolean, default: false },
+    lazy: { type: Boolean, default: false },
+    unmountLazy: { type: Boolean, default: false }
+  }, {
+    "modelValue": {
+      default: void 0
+    },
+    "modelModifiers": {},
+    "index": {
+      default: void 0
+    },
+    "indexModifiers": {}
+  }),
+  emits: ["update:modelValue", "update:index"],
+  setup(__props) {
+    const _props = __props;
+    const slots = useSlots();
+    const props = useDefaults(_props, "BAccordion");
+    const modelValue = useModel(__props, "modelValue");
+    const index = useModel(__props, "index");
+    const itemElementsArray = ref([]);
+    const updateItemElementsArray = () => {
+      var _a;
+      const itemElements = flattenFragments(((_a = slots.default) == null ? void 0 : _a.call(slots, {})) ?? []);
+      itemElementsArray.value = (Array.isArray(itemElements) ? itemElements : [itemElements]).filter(
+        (item) => item.type === _sfc_main$1
+      );
+    };
+    updateItemElementsArray();
+    watch(
+      () => {
+        var _a;
+        return (_a = slots.default) == null ? void 0 : _a.call(slots, {});
+      },
+      () => {
+        updateItemElementsArray();
+        nextTick(() => {
+          sortAccordionItems();
+        });
+      }
+    );
+    const accordionItems = shallowRef([]);
+    const sortAccordionItems = () => {
+      var _a;
+      accordionItems.value = accordionItems.value.sort(
+        (a, b) => sortSlotElementsByPosition(unref(a.el), unref(b.el))
+      );
+      if (modelValue.value) {
+        if (Array.isArray(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) ;
+          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 = Array.isArray(index.value) ? index.value.map((idx) => {
+          var _a2;
+          return (_a2 = accordionItems.value[idx]) == null ? void 0 : _a2.id;
+        }) : (_a = accordionItems.value[index.value]) == null ? void 0 : _a.id;
+      }
+    };
+    const computedId = useId(() => props.id, "accordion");
+    const computedClasses = computed(() => ({
+      "accordion-flush": props.flush
+    }));
+    const areEqual = (a, b) => {
+      if (Array.isArray(a) && Array.isArray(b)) {
+        return a.length === b.length && a.every((item, index2) => item === b[index2]);
+      }
+      return a === b;
+    };
+    watch(
+      () => index.value,
+      (newValue, oldValue) => {
+        var _a, _b, _c, _d, _e;
+        if (areEqual(newValue, oldValue)) return;
+        if (index.value === void 0) {
+          modelValue.value = void 0;
+          return;
+        }
+        if (!props.free) {
+          const idx = !Array.isArray(index.value) ? index.value : (_a = index.value) == null ? void 0 : _a[0];
+          if ((_b = accordionItems.value[idx]) == null ? void 0 : _b.id) {
+            if (modelValue.value !== ((_c = accordionItems.value[idx]) == null ? void 0 : _c.id)) {
+              modelValue.value = (_d = accordionItems.value[idx]) == null ? void 0 : _d.id;
+            }
+          } else {
+            nextTick(() => {
+              index.value = void 0;
+            });
+          }
+        } else {
+          if (Array.isArray(index.value)) {
+            const newValue2 = index.value.map((item) => {
+              var _a2;
+              return (_a2 = accordionItems.value[item]) == null ? void 0 : _a2.id;
+            });
+            if (!areEqual(newValue2, modelValue.value)) {
+              modelValue.value = newValue2;
+            }
+          } else {
+            const newValue2 = (_e = accordionItems.value[index.value]) == null ? void 0 : _e.id;
+            if (newValue2 === void 0) {
+              nextTick(() => {
+                index.value = void 0;
+              });
+              return;
+            }
+            if (!areEqual(newValue2, modelValue.value)) {
+              modelValue.value = newValue2;
+            }
+          }
+        }
+      }
+    );
+    watch(
+      () => modelValue.value,
+      (newValue, oldValue) => {
+        if (areEqual(newValue, oldValue)) return;
+        if (modelValue.value === void 0) {
+          index.value = void 0;
+          return;
+        }
+        if (!props.free) {
+          const idx = !Array.isArray(modelValue.value) ? accordionItems.value.findIndex((item) => item.id === modelValue.value) : accordionItems.value.findIndex((item) => {
+            var _a;
+            return item.id === ((_a = modelValue.value) == null ? void 0 : _a[0]);
+          });
+          if (idx !== -1) {
+            if (index.value !== idx) {
+              index.value = idx;
+            }
+          } else {
+            nextTick(() => {
+              modelValue.value = void 0;
+            });
+          }
+        } else if (props.free) {
+          if (Array.isArray(modelValue.value)) {
+            const idxes = modelValue.value.map((value) => accordionItems.value.findIndex((item) => item.id === value)).filter((index2) => index2 !== -1);
+            if (idxes.length > 0) {
+              if (!areEqual(idxes, index.value)) {
+                index.value = idxes;
+              }
+            } else {
+              nextTick(() => {
+                modelValue.value = void 0;
+              });
+            }
+          } else {
+            const newValue2 = accordionItems.value.findIndex((item) => item.id === modelValue.value);
+            if (!areEqual(newValue2, index.value)) {
+              index.value = newValue2;
+            }
+          }
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.free,
+      (free) => {
+        if (modelValue.value) {
+          if (!free && Array.isArray(modelValue.value)) {
+            modelValue.value = modelValue.value[0];
+          } else if (free && !Array.isArray(modelValue.value)) {
+            modelValue.value = [modelValue.value];
+          }
+        }
+      }
+    );
+    provide(accordionInjectionKey, {
+      openItem: toRef(() => modelValue.value),
+      free: toRef(() => props.free),
+      initialAnimation: toRef(() => props.initialAnimation),
+      lazy: toRef(() => props.lazy),
+      unmountLazy: toRef(() => props.unmountLazy),
+      setOpenItem: (id) => {
+        if (props.free && !Array.isArray(modelValue.value)) {
+          if (modelValue.value !== void 0) {
+            modelValue.value = [modelValue.value, id];
+          } else {
+            modelValue.value = [id];
+          }
+          return;
+        }
+        if (!props.free && Array.isArray(modelValue.value)) {
+          modelValue.value = id;
+          return;
+        }
+        if (Array.isArray(modelValue.value)) {
+          if (!modelValue.value.includes(id)) {
+            modelValue.value = [...modelValue.value, id];
+          }
+        } else {
+          modelValue.value = id;
+        }
+      },
+      setCloseItem: (id) => {
+        if (!props.free && Array.isArray(modelValue.value)) {
+          modelValue.value = void 0;
+          return;
+        }
+        if (Array.isArray(modelValue.value)) {
+          const next = modelValue.value.filter((item) => item !== id);
+          modelValue.value = next.length ? next : void 0;
+        } else {
+          if (modelValue.value === id) {
+            modelValue.value = void 0;
+          }
+        }
+      },
+      registerAccordionItem: (id, el) => {
+        accordionItems.value = [...accordionItems.value, { id, el }];
+        if (accordionItems.value.length === itemElementsArray.value.length) {
+          sortAccordionItems();
+        }
+      },
+      unregisterAccordionItem: (id) => {
+        accordionItems.value = accordionItems.value.filter((item) => item.id !== id);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(computedId),
+        class: normalizeClass(["accordion", computedClasses.value])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a
+};
+//# sourceMappingURL=BAccordion.vue_vue_type_script_setup_true_lang-BnfizlLE.mjs.map

package/dist/BAccordion.vue_vue_type_script_setup_true_lang-BnfizlLE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAccordion.vue_vue_type_script_setup_true_lang-BnfizlLE.mjs","sources":["../src/components/BAccordion/BAccordionItem.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 {BAccordionItemProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\n\ndefineOptions({\n  inheritAttrs: false,\n})\nconst attrs = useAttrs()\nconst processedAttrs = computed(() => {\n  const {class: wrapperClass, ...collapseAttrs} = attrs\n  return {wrapperClass, collapseAttrs}\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')\n\nconst emit = defineEmits<BCollapseEmits>()\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  title?: (props: Record<string, never>) => any\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    (Array.isArray(parentData?.openItem.value)\n      ? parentData?.openItem.value.includes(computedId.value)\n      : parentData?.openItem.value === computedId.value) && !parentData?.initialAnimation.value\n}\n\nconst el = useTemplateRef<HTMLElement>('_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  Array.isArray(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  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 type {BAccordionProps} from '../../types/ComponentProps'\nimport {flattenFragments} from '../../utils/flattenFragments'\nimport BAccordionItem from './BAccordionItem.vue'\nimport {sortSlotElementsByPosition} from '../../utils/dom'\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})\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst props = useDefaults(_props, 'BAccordion')\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 (Array.isArray(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        if (import.meta.env.DEV) {\n          console.warn('[BAccordion] Unknown item id in v-model:', modelValue.value)\n        }\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 = Array.isArray(index.value)\n      ? index.value.map((idx) => accordionItems.value[idx]?.id)\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(\n  () => index.value,\n  (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 = !Array.isArray(index.value) ? index.value : index.value?.[0]\n      if (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 (Array.isArray(index.value)) {\n        const newValue = index.value.map((item) => accordionItems.value[item]?.id)\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)\n\nwatch(\n  () => modelValue.value,\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 = !Array.isArray(modelValue.value)\n        ? accordionItems.value.findIndex((item) => item.id === modelValue.value)\n        : accordionItems.value.findIndex((item) => item.id === modelValue.value?.[0])\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 (Array.isArray(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 && Array.isArray(modelValue.value)) {\n        modelValue.value = modelValue.value[0]\n      } else if (free && !Array.isArray(modelValue.value)) {\n        modelValue.value = [modelValue.value]\n      }\n    }\n  }\n)\n\nprovide(accordionInjectionKey, {\n  openItem: toRef(() => modelValue.value),\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 && !Array.isArray(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 && Array.isArray(modelValue.value)) {\n      modelValue.value = id\n      return\n    }\n    if (Array.isArray(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 && Array.isArray(modelValue.value)) {\n      modelValue.value = undefined\n      return\n    }\n    if (Array.isArray(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"],"names":["_useModel","_useSlots","BAccordionItem","_a","index","newValue"],"mappings":"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"}

package/dist/BAccordion.vue_vue_type_script_setup_true_lang-CQUY5qZj.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./keys-W3DrYQSP.js"),a=require("./useId-CVpYZavN.js"),u=require("./useDefaults-q0yyNSBk.js"),o=require("./flattenFragments-BAK-0GN6.js"),t=require("./BCollapse.vue_vue_type_script_setup_true_lang-CpsI5J6s.js"),r=require("./dom-CoD-aJvn.js"),n=["aria-expanded","aria-controls","onClick"],i=e.defineComponent({inheritAttrs:!1,__name:"BAccordionItem",props:e.mergeModels({bodyAttrs:{default:void 0},bodyClass:{default:void 0},buttonAttrs:{default:void 0},buttonClass:{default:void 0},collapseClass:{default:void 0},headerAttrs:{default:void 0},headerClass:{default:void 0},headerTag:{default:"h2"},horizontal:{type:Boolean,default:void 0},id:{default:void 0},isNav:{type:Boolean,default:void 0},lazy:{type:Boolean,default:!1},unmountLazy:{type:Boolean,default:!1},tag:{default:void 0},title:{default:void 0},show:{type:Boolean,default:void 0},visible:{type:Boolean,default:!1},wrapperAttrs:{default:void 0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:e.mergeModels(["hide","hide-prevented","hidden","show","show-prevented","shown","toggle","toggle-prevented","cancel","ok"],["update:modelValue"]),setup(o,{emit:r}){const i=e.useAttrs(),d=e.computed((()=>{const{class:e,...l}=i;return{wrapperClass:e,collapseAttrs:l}})),v=o,s=u.useDefaults(v,"BAccordionItem"),c=r,f=e.inject(l.accordionInjectionKey,null),p=a.useId((()=>s.id),"accordion_item"),m=e.useModel(o,"modelValue");m.value?null==f||f.setOpenItem(p.value):m.value=(Array.isArray(null==f?void 0:f.openItem.value)?null==f?void 0:f.openItem.value.includes(p.value):(null==f?void 0:f.openItem.value)===p.value)&&!(null==f?void 0:f.initialAnimation.value);const y=e.useTemplateRef("_el");null==f||f.registerAccordionItem(p.value,y),e.onUnmounted((()=>{null==f||f.unregisterAccordionItem(p.value)})),e.onMounted((()=>{m.value||(null==f?void 0:f.openItem.value)!==p.value||e.nextTick((()=>{m.value=!0}))}));const A=e.computed((()=>Array.isArray(null==f?void 0:f.openItem.value)?null==f?void 0:f.openItem.value.includes(p.value):(null==f?void 0:f.openItem.value)===p.value));return e.watch((()=>null==f?void 0:f.openItem.value),(()=>m.value=A.value)),e.watch(m,(()=>{m.value&&!A.value?null==f||f.setOpenItem(p.value):!m.value&&A.value&&(null==f||f.setCloseItem(p.value))})),(l,a)=>{var u,o;return e.openBlock(),e.createElementBlock("div",e.mergeProps({ref:"_el",class:"accordion-item"},e.unref(s).wrapperAttrs,{class:d.value.wrapperClass}),[e.createVNode(t._sfc_main,e.mergeProps({id:e.unref(p),modelValue:m.value,"onUpdate:modelValue":a[0]||(a[0]=e=>m.value=e),class:["accordion-collapse",e.unref(s).collapseClass],"aria-labelledby":`${e.unref(p)}-heading`},d.value.collapseAttrs,{tag:e.unref(s).tag,show:e.unref(s).show,horizontal:e.unref(s).horizontal,visible:e.unref(s).visible,"is-nav":e.unref(s).isNav,lazy:e.unref(s).lazy||(null==(u=e.unref(f))?void 0:u.lazy.value),"unmount-lazy":e.unref(s).unmountLazy||(null==(o=e.unref(f))?void 0:o.unmountLazy.value),onShow:a[1]||(a[1]=e=>c("show",e)),onShown:a[2]||(a[2]=e=>c("shown",e)),onHide:a[3]||(a[3]=e=>c("hide",e)),onHidden:a[4]||(a[4]=e=>c("hidden",e)),onHidePrevented:a[5]||(a[5]=e=>c("hide-prevented",e)),onShowPrevented:a[6]||(a[6]=e=>c("show-prevented",e)),onTogglePrevented:a[7]||(a[7]=e=>c("toggle-prevented",e)),onToggle:a[8]||(a[8]=e=>c("toggle",e))}),{header:e.withCtx((({visible:a,toggle:u})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s).headerTag),e.mergeProps({id:`${e.unref(p)}-heading`,class:["accordion-header",e.unref(s).headerClass]},e.unref(s).headerAttrs),{default:e.withCtx((()=>[e.createElementVNode("button",e.mergeProps({class:"accordion-button"},e.unref(s).buttonAttrs,{class:[{collapsed:!a},e.unref(s).buttonClass],type:"button","aria-expanded":a?"true":"false","aria-controls":e.unref(p),onClick:u}),[e.renderSlot(l.$slots,"title",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(s).title),1)]))],16,n)])),_:2},1040,["id","class"]))])),default:e.withCtx((()=>[e.createElementVNode("div",e.mergeProps({class:"accordion-body"},e.unref(s).bodyAttrs,{class:e.unref(s).bodyClass}),[e.renderSlot(l.$slots,"default")],16)])),_:3},16,["id","modelValue","class","aria-labelledby","tag","show","horizontal","visible","is-nav","lazy","unmount-lazy"])],16)}}}),d=["id"],v=e.defineComponent({__name:"BAccordion",props:e.mergeModels({flush:{type:Boolean,default:!1},free:{type:Boolean,default:!1},id:{default:void 0},initialAnimation:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},unmountLazy:{type:Boolean,default:!1}},{modelValue:{default:void 0},modelModifiers:{},index:{default:void 0},indexModifiers:{}}),emits:["update:modelValue","update:index"],setup(t){const n=t,v=e.useSlots(),s=u.useDefaults(n,"BAccordion"),c=e.useModel(t,"modelValue"),f=e.useModel(t,"index"),p=e.ref([]),m=()=>{var e;const l=o.flattenFragments((null==(e=v.default)?void 0:e.call(v,{}))??[]);p.value=(Array.isArray(l)?l:[l]).filter((e=>e.type===i))};m(),e.watch((()=>{var e;return null==(e=v.default)?void 0:e.call(v,{})}),(()=>{m(),e.nextTick((()=>{A()}))}));const y=e.shallowRef([]),A=()=>{var l;if(y.value=y.value.sort(((l,a)=>r.sortSlotElementsByPosition(e.unref(l.el),e.unref(a.el)))),c.value)if(Array.isArray(c.value)){const e=c.value.map((e=>y.value.findIndex((l=>l.id===e)))).filter((e=>-1!==e));e.length,c.value.length,f.value=e}else{const e=y.value.findIndex((e=>e.id===c.value));-1!==e&&(f.value=e)}else void 0!==f.value&&(c.value=Array.isArray(f.value)?f.value.map((e=>{var l;return null==(l=y.value[e])?void 0:l.id})):null==(l=y.value[f.value])?void 0:l.id)},h=a.useId((()=>s.id),"accordion"),g=e.computed((()=>({"accordion-flush":s.flush}))),I=(e,l)=>Array.isArray(e)&&Array.isArray(l)?e.length===l.length&&e.every(((e,a)=>e===l[a])):e===l;return e.watch((()=>f.value),((l,a)=>{var u,o,t,r,n;if(!I(l,a))if(void 0!==f.value)if(s.free)if(Array.isArray(f.value)){const e=f.value.map((e=>{var l;return null==(l=y.value[e])?void 0:l.id}));I(e,c.value)||(c.value=e)}else{const l=null==(n=y.value[f.value])?void 0:n.id;if(void 0===l)return void e.nextTick((()=>{f.value=void 0}));I(l,c.value)||(c.value=l)}else{const l=Array.isArray(f.value)?null==(u=f.value)?void 0:u[0]:f.value;(null==(o=y.value[l])?void 0:o.id)?c.value!==(null==(t=y.value[l])?void 0:t.id)&&(c.value=null==(r=y.value[l])?void 0:r.id):e.nextTick((()=>{f.value=void 0}))}else c.value=void 0})),e.watch((()=>c.value),((l,a)=>{if(!I(l,a))if(void 0!==c.value)if(s.free){if(s.free)if(Array.isArray(c.value)){const l=c.value.map((e=>y.value.findIndex((l=>l.id===e)))).filter((e=>-1!==e));l.length>0?I(l,f.value)||(f.value=l):e.nextTick((()=>{c.value=void 0}))}else{const e=y.value.findIndex((e=>e.id===c.value));I(e,f.value)||(f.value=e)}}else{const l=Array.isArray(c.value)?y.value.findIndex((e=>{var l;return e.id===(null==(l=c.value)?void 0:l[0])})):y.value.findIndex((e=>e.id===c.value));-1!==l?f.value!==l&&(f.value=l):e.nextTick((()=>{c.value=void 0}))}else f.value=void 0}),{deep:!0}),e.watch((()=>s.free),(e=>{c.value&&(!e&&Array.isArray(c.value)?c.value=c.value[0]:e&&!Array.isArray(c.value)&&(c.value=[c.value]))})),e.provide(l.accordionInjectionKey,{openItem:e.toRef((()=>c.value)),free:e.toRef((()=>s.free)),initialAnimation:e.toRef((()=>s.initialAnimation)),lazy:e.toRef((()=>s.lazy)),unmountLazy:e.toRef((()=>s.unmountLazy)),setOpenItem:e=>{!s.free||Array.isArray(c.value)?(s.free||!Array.isArray(c.value))&&Array.isArray(c.value)?c.value.includes(e)||(c.value=[...c.value,e]):c.value=e:void 0!==c.value?c.value=[c.value,e]:c.value=[e]},setCloseItem:e=>{if(s.free||!Array.isArray(c.value))if(Array.isArray(c.value)){const l=c.value.filter((l=>l!==e));c.value=l.length?l:void 0}else c.value===e&&(c.value=void 0);else c.value=void 0},registerAccordionItem:(e,l)=>{y.value=[...y.value,{id:e,el:l}],y.value.length===p.value.length&&A()},unregisterAccordionItem:e=>{y.value=y.value.filter((l=>l.id!==e))}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(["accordion",g.value])},[e.renderSlot(l.$slots,"default")],10,d))}});exports._sfc_main=v,exports._sfc_main$1=i;
+//# sourceMappingURL=BAccordion.vue_vue_type_script_setup_true_lang-CQUY5qZj.js.map

package/dist/BAccordion.vue_vue_type_script_setup_true_lang-CQUY5qZj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAccordion.vue_vue_type_script_setup_true_lang-CQUY5qZj.js","sources":["../src/components/BAccordion/BAccordionItem.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 {BAccordionItemProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\n\ndefineOptions({\n  inheritAttrs: false,\n})\nconst attrs = useAttrs()\nconst processedAttrs = computed(() => {\n  const {class: wrapperClass, ...collapseAttrs} = attrs\n  return {wrapperClass, collapseAttrs}\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')\n\nconst emit = defineEmits<BCollapseEmits>()\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  title?: (props: Record<string, never>) => any\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    (Array.isArray(parentData?.openItem.value)\n      ? parentData?.openItem.value.includes(computedId.value)\n      : parentData?.openItem.value === computedId.value) && !parentData?.initialAnimation.value\n}\n\nconst el = useTemplateRef<HTMLElement>('_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  Array.isArray(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  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 type {BAccordionProps} from '../../types/ComponentProps'\nimport {flattenFragments} from '../../utils/flattenFragments'\nimport BAccordionItem from './BAccordionItem.vue'\nimport {sortSlotElementsByPosition} from '../../utils/dom'\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})\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst props = useDefaults(_props, 'BAccordion')\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 (Array.isArray(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        if (import.meta.env.DEV) {\n          console.warn('[BAccordion] Unknown item id in v-model:', modelValue.value)\n        }\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 = Array.isArray(index.value)\n      ? index.value.map((idx) => accordionItems.value[idx]?.id)\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(\n  () => index.value,\n  (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 = !Array.isArray(index.value) ? index.value : index.value?.[0]\n      if (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 (Array.isArray(index.value)) {\n        const newValue = index.value.map((item) => accordionItems.value[item]?.id)\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)\n\nwatch(\n  () => modelValue.value,\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 = !Array.isArray(modelValue.value)\n        ? accordionItems.value.findIndex((item) => item.id === modelValue.value)\n        : accordionItems.value.findIndex((item) => item.id === modelValue.value?.[0])\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 (Array.isArray(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 && Array.isArray(modelValue.value)) {\n        modelValue.value = modelValue.value[0]\n      } else if (free && !Array.isArray(modelValue.value)) {\n        modelValue.value = [modelValue.value]\n      }\n    }\n  }\n)\n\nprovide(accordionInjectionKey, {\n  openItem: toRef(() => modelValue.value),\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 && !Array.isArray(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 && Array.isArray(modelValue.value)) {\n      modelValue.value = id\n      return\n    }\n    if (Array.isArray(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 && Array.isArray(modelValue.value)) {\n      modelValue.value = undefined\n      return\n    }\n    if (Array.isArray(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"],"names":["attrs","useAttrs","processedAttrs","computed","class","wrapperClass","collapseAttrs","_props","__props","props","useDefaults","emit","__emit","parentData","inject","accordionInjectionKey","computedId","useId","id","modelValue","_useModel","value","setOpenItem","Array","isArray","openItem","includes","initialAnimation","el","useTemplateRef","registerAccordionItem","onUnmounted","unregisterAccordionItem","onMounted","nextTick","openInParent","vue","watch","setCloseItem","slots","_useSlots","index","itemElementsArray","ref","updateItemElementsArray","itemElements","flattenFragments","_a","default","call","filter","item","type","BAccordionItem","sortAccordionItems","accordionItems","shallowRef","sort","a","b","sortSlotElementsByPosition","unref","next","map","findIndex","i","length","idx","computedClasses","flush","areEqual","every","newValue","oldValue","free","_e","_b","_c","_d","idxes","deep","provide","toRef","lazy","unmountLazy"],"mappings":"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"}

package/dist/{BAlert-t4xRB7pC.mjs → BAlert.vue_vue_type_script_setup_true_lang-Ddy_SctJ.mjs}

@@ -1,13 +1,12 @@
-import { _ as _sfc_main$2 } from "./BButton.vue_vue_type_script_setup_true_lang-CywtlN38.mjs";
+import { _ as _sfc_main$2 } from "./BButton.vue_vue_type_script_setup_true_lang-DOxlfbAf.mjs";
 import { defineComponent, mergeModels, useSlots, useTemplateRef, useModel, computed, watchEffect, watch, createBlock, createCommentVNode, unref, openBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, Fragment, withModifiers, createTextVNode, vShow } from "vue";
-import { u as useBLinkHelper, _ as _sfc_main$1 } from "./BLink.vue_vue_type_script_setup_true_lang-DTMTuVcR.mjs";
-import { _ as _sfc_main$3 } from "./BCloseButton.vue_vue_type_script_setup_true_lang-DjJD_nYp.mjs";
-import { _ as _sfc_main$4 } from "./BProgress.vue_vue_type_script_setup_true_lang-Bft5GlO-.mjs";
-import { u as useCountdown, a as useCountdownHover } from "./useCountdownHover-Dvwii2mA.mjs";
-import { u as useDefaults } from "./useDefaults-CzkRF2AY.mjs";
-import { u as useId } from "./useId-BmZnPXsS.mjs";
-import { u as useShowHide } from "./useShowHide-CguGFDSN.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { u as useBLinkHelper, _ as _sfc_main$1 } from "./BLink.vue_vue_type_script_setup_true_lang-D3KVrzdw.mjs";
+import { _ as _sfc_main$3 } from "./BCloseButton.vue_vue_type_script_setup_true_lang-DCcXsu_x.mjs";
+import { _ as _sfc_main$4 } from "./BProgress.vue_vue_type_script_setup_true_lang-PEKaHqrE.mjs";
+import { u as useCountdown, a as useCountdownHover } from "./useCountdownHover-CU-yyYxs.mjs";
+import { u as useDefaults } from "./useDefaults-2hK8an5B.mjs";
+import { u as useId } from "./useId-vZvGlR-1.mjs";
+import { u as useShowHide } from "./useShowHide-CTvrHPr-.mjs";
 const _hoisted_1 = ["id", "role", "aria-live", "aria-atomic"];
 const _hoisted_2 = {
   key: 1,
@@ -73,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "modelValue": { type: [Boolean, Number], ...{ default: false } },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["close", "close-countdown", "hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["close", "close-countdown", "hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented", "cancel", "ok"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const _props = __props;
     const props = useDefaults(_props, "BAlert");
@@ -111,11 +110,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     useCountdownHover(
       element,
-      computed(() => ({
-        noHoverPause: props.noHoverPause || typeof modelValue.value !== "number",
-        noResumeOnHoverLeave: props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
-        modelValueIgnoresHover: typeof modelValue.value === "boolean"
-      })),
+      {
+        noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
+        noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
+        modelValueIgnoresHover: () => typeof modelValue.value === "boolean"
+      },
       { pause, resume }
     );
     watchEffect(() => {
@@ -191,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
                   createElementVNode("span", null, toDisplayString(unref(props).title), 1)
-                ], true),
+                ]),
                 unref(props).dismissible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   slots.close || unref(props).closeContent ? (openBlock(), createBlock(_component_BButton, {
                     key: 0,
@@ -202,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
                         createTextVNode(toDisplayString(unref(props).closeContent), 1)
-                      ], true)
+                      ])
                     ]),
                     _: 3
                   }, 8, ["class", "variant"])) : (openBlock(), createBlock(_sfc_main$3, {
@@ -225,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
                     createTextVNode(toDisplayString(unref(props).body), 1)
-                  ], true)
+                  ])
                 ]),
                 _: 3
               }, 16, ["class"])),
@@ -239,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
                       createTextVNode(toDisplayString(unref(props).closeContent), 1)
-                    ], true)
+                    ])
                   ]),
                   _: 3
                 }, 8, ["class", "variant"])) : (openBlock(), createBlock(_sfc_main$3, {
@@ -271,8 +270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8a95a3d"]]);
 export {
-  BAlert as B
+  _sfc_main as _
 };
-//# sourceMappingURL=BAlert-t4xRB7pC.mjs.map
+//# sourceMappingURL=BAlert.vue_vue_type_script_setup_true_lang-Ddy_SctJ.mjs.map

package/dist/BAlert.vue_vue_type_script_setup_true_lang-Ddy_SctJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert.vue_vue_type_script_setup_true_lang-Ddy_SctJ.mjs","sources":["../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 {BAlertProps} from '../../types/ComponentProps'\nimport type {BToastEmits} from '../../types/ComponentEmits'\nimport type {BToastSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\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'\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')\n\nconst emit = defineEmits<BToastEmits>()\n\nconst slots = defineSlots<BToastSlots>()\n\nconst element = useTemplateRef<HTMLElement>('_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 as EmitFn, element, 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"],"names":["_useSlots","_useModel","BLink"],"mappings":"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"}