bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BAccordionItem.vue_vue_type_script_setup_true_lang-CGL4HjQ5.mjs

@@ -0,0 +1,157 @@
+import { defineComponent, mergeModels, useModel, computed, provide, readonly, toRef, openBlock, createElementBlock, unref, normalizeClass, renderSlot, useAttrs, inject, onMounted, watch, mergeProps, createVNode, withCtx, createBlock, resolveDynamicComponent, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { g as accordionInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { _ as _sfc_main$2 } from "./BCollapse.vue_vue_type_script_setup_true_lang-DQFE_wBf.mjs";
+const _hoisted_1$1 = ["id"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BAccordion",
+  props: /* @__PURE__ */ mergeModels({
+    flush: { type: Boolean, default: false },
+    free: { type: Boolean, default: false },
+    id: { default: void 0 }
+  }, {
+    "modelValue": {
+      default: void 0
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BAccordion");
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "accordion");
+    const computedClasses = computed(() => ({
+      "accordion-flush": props.flush
+    }));
+    provide(accordionInjectionKey, {
+      openItem: readonly(modelValue),
+      free: toRef(() => props.free),
+      setOpenItem: (id) => {
+        modelValue.value = id;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(computedId),
+        class: normalizeClass(["accordion", computedClasses.value])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = ["aria-expanded", "aria-controls", "onClick"];
+const _sfc_main = /* @__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 },
+    tag: { default: void 0 },
+    title: { default: void 0 },
+    toggle: { type: Boolean, default: void 0 },
+    visible: { type: Boolean, default: false },
+    wrapperAttrs: { default: void 0 }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["hidden", "hide", "hide-prevented", "show", "show-prevented", "shown"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const { class: wrapperClass, ...collapseAttrs } = useAttrs();
+    const _props = __props;
+    const props = useDefaults(_props, "BAccordionItem");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const parentData = inject(accordionInjectionKey, null);
+    const computedId = useId(() => props.id, "accordion_item");
+    onMounted(() => {
+      if (modelValue.value && !(parentData == null ? void 0 : parentData.free.value)) {
+        parentData == null ? void 0 : parentData.setOpenItem(computedId.value);
+      }
+      if (!modelValue.value && (parentData == null ? void 0 : parentData.openItem.value) === computedId.value) {
+        modelValue.value = true;
+      }
+    });
+    watch(
+      () => parentData == null ? void 0 : parentData.openItem.value,
+      () => modelValue.value = (parentData == null ? void 0 : parentData.openItem.value) === computedId.value && !(parentData == null ? void 0 : parentData.free.value)
+    );
+    watch(modelValue, () => {
+      if (modelValue.value && !(parentData == null ? void 0 : parentData.free.value)) parentData == null ? void 0 : parentData.setOpenItem(computedId.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({ class: "accordion-item" }, unref(props).wrapperAttrs, { class: unref(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`
+        }, collapseAttrs, {
+          tag: unref(props).tag,
+          toggle: unref(props).toggle,
+          horizontal: unref(props).horizontal,
+          visible: unref(props).visible,
+          "is-nav": unref(props).isNav,
+          onShow: _cache[1] || (_cache[1] = ($event) => emit("show", $event)),
+          onShown: _cache[2] || (_cache[2] = ($event) => emit("shown")),
+          onHide: _cache[3] || (_cache[3] = ($event) => emit("hide", $event)),
+          onHidden: _cache[4] || (_cache[4] = ($event) => emit("hidden")),
+          onHidePrevented: _cache[5] || (_cache[5] = ($event) => emit("hide-prevented")),
+          onShowPrevented: _cache[6] || (_cache[6] = ($event) => emit("show-prevented"))
+        }), {
+          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)
+              ]),
+              _: 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", "toggle", "horizontal", "visible", "is-nav"])
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BAccordionItem.vue_vue_type_script_setup_true_lang-CGL4HjQ5.mjs.map

package/dist/BAccordionItem.vue_vue_type_script_setup_true_lang-CGL4HjQ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAccordionItem.vue_vue_type_script_setup_true_lang-CGL4HjQ5.mjs","sources":["../src/components/BAccordion/BAccordion.vue","../src/components/BAccordion/BAccordionItem.vue"],"sourcesContent":["<template>\n  <div :id=\"computedId\" class=\"accordion\" :class=\"computedClasses\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, readonly, toRef} from 'vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BAccordionProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<Omit<BAccordionProps, 'modelValue'>>(), {\n  flush: false,\n  free: false,\n  id: undefined,\n})\n\ndefineSlots<{\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 computedId = useId(() => props.id, 'accordion')\n\nconst computedClasses = computed(() => ({\n  'accordion-flush': props.flush,\n}))\n\nprovide(accordionInjectionKey, {\n  openItem: readonly(modelValue),\n  free: toRef(() => props.free),\n  setOpenItem: (id: string) => {\n    modelValue.value = id\n  },\n})\n</script>\n","<template>\n  <div class=\"accordion-item\" v-bind=\"props.wrapperAttrs\" :class=\"wrapperClass\">\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=\"collapseAttrs\"\n      :tag=\"props.tag\"\n      :toggle=\"props.toggle\"\n      :horizontal=\"props.horizontal\"\n      :visible=\"props.visible\"\n      :is-nav=\"props.isNav\"\n      @show=\"emit('show', $event)\"\n      @shown=\"emit('shown')\"\n      @hide=\"emit('hide', $event)\"\n      @hidden=\"emit('hidden')\"\n      @hide-prevented=\"emit('hide-prevented')\"\n      @show-prevented=\"emit('show-prevented')\"\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 {inject, onMounted, useAttrs, watch} 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 {BvTriggerableEvent} from '../../utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\nconst {class: wrapperClass, ...collapseAttrs} = useAttrs()\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  tag: undefined,\n  title: undefined,\n  toggle: undefined,\n  visible: false,\n  wrapperAttrs: undefined,\n})\nconst props = useDefaults(_props, 'BAccordionItem')\n\nconst emit = defineEmits<{\n  'hidden': []\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': []\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BAccordionItemProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst parentData = inject(accordionInjectionKey, null)\n\nconst computedId = useId(() => props.id, 'accordion_item')\n\nonMounted(() => {\n  if (modelValue.value && !parentData?.free.value) {\n    parentData?.setOpenItem(computedId.value)\n  }\n  if (!modelValue.value && parentData?.openItem.value === computedId.value) {\n    modelValue.value = true\n  }\n})\n\nwatch(\n  () => parentData?.openItem.value,\n  () =>\n    (modelValue.value = parentData?.openItem.value === computedId.value && !parentData?.free.value)\n)\nwatch(modelValue, () => {\n  if (modelValue.value && !parentData?.free.value) parentData?.setOpenItem(computedId.value)\n})\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,UAAM,SAAS;AAWT,UAAA,QAAQ,YAAY,QAAQ,YAAY;AAExC,UAAA,aAAaA,SAA0C,SAAA,YAE5D;AAED,UAAM,aAAa,MAAM,MAAM,MAAM,IAAI,WAAW;AAE9C,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,mBAAmB,MAAM;AAAA,IACzB,EAAA;AAEF,YAAQ,uBAAuB;AAAA,MAC7B,UAAU,SAAS,UAAU;AAAA,MAC7B,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,MAC5B,aAAa,CAAC,OAAe;AAC3B,mBAAW,QAAQ;AAAA,MACrB;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmBD,UAAM,EAAC,OAAO,cAAc,GAAG,kBAAiB,SAAS;AAEzD,UAAM,SAAS;AAkBT,UAAA,QAAQ,YAAY,QAAQ,gBAAgB;AAElD,UAAM,OAAO;AAgBP,UAAA,aAAaA,8BAElB;AAEK,UAAA,aAAa,OAAO,uBAAuB,IAAI;AAErD,UAAM,aAAa,MAAM,MAAM,MAAM,IAAI,gBAAgB;AAEzD,cAAU,MAAM;AACd,UAAI,WAAW,SAAS,EAAC,yCAAY,KAAK,QAAO;AACnC,iDAAA,YAAY,WAAW;AAAA,MACrC;AACA,UAAI,CAAC,WAAW,UAAS,yCAAY,SAAS,WAAU,WAAW,OAAO;AACxE,mBAAW,QAAQ;AAAA,MACrB;AAAA,IAAA,CACD;AAED;AAAA,MACE,MAAM,yCAAY,SAAS;AAAA,MAC3B,MACG,WAAW,SAAQ,yCAAY,SAAS,WAAU,WAAW,SAAS,EAAC,yCAAY,KAAK;AAAA,IAAA;AAE7F,UAAM,YAAY,MAAM;AAClB,UAAA,WAAW,SAAS,EAAC,yCAAY,KAAK,OAAO,0CAAY,YAAY,WAAW;AAAA,IAAK,CAC1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BAccordionItem.vue_vue_type_script_setup_true_lang-CZPn4Bj0.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),o=require("./keys-BgAe7wbu.js"),l=require("./useId-z7cQCT28.js"),t=require("./useDefaults-Cd8OVIUI.js"),a=require("./BCollapse.vue_vue_type_script_setup_true_lang-DPNRuAQK.js"),d=["id"],n=e.defineComponent({__name:"BAccordion",props:e.mergeModels({flush:{type:Boolean,default:!1},free:{type:Boolean,default:!1},id:{default:void 0}},{modelValue:{default:void 0},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=a,r=t.useDefaults(n,"BAccordion"),s=e.useModel(a,"modelValue"),u=l.useId((()=>r.id),"accordion"),i=e.computed((()=>({"accordion-flush":r.flush})));return e.provide(o.accordionInjectionKey,{openItem:e.readonly(s),free:e.toRef((()=>r.free)),setOpenItem:e=>{s.value=e}}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(u),class:e.normalizeClass(["accordion",i.value])},[e.renderSlot(o.$slots,"default")],10,d))}}),r=["aria-expanded","aria-controls","onClick"],s=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},tag:{default:void 0},title:{default:void 0},toggle:{type:Boolean,default:void 0},visible:{type:Boolean,default:!1},wrapperAttrs:{default:void 0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:e.mergeModels(["hidden","hide","hide-prevented","show","show-prevented","shown"],["update:modelValue"]),setup(d,{emit:n}){const{class:s,...u}=e.useAttrs(),i=d,c=t.useDefaults(i,"BAccordionItem"),f=n,v=e.useModel(d,"modelValue"),p=e.inject(o.accordionInjectionKey,null),m=l.useId((()=>c.id),"accordion_item");return e.onMounted((()=>{v.value&&!(null==p?void 0:p.free.value)&&(null==p||p.setOpenItem(m.value)),v.value||(null==p?void 0:p.openItem.value)!==m.value||(v.value=!0)})),e.watch((()=>null==p?void 0:p.openItem.value),(()=>v.value=(null==p?void 0:p.openItem.value)===m.value&&!(null==p?void 0:p.free.value))),e.watch(v,(()=>{v.value&&!(null==p?void 0:p.free.value)&&(null==p||p.setOpenItem(m.value))})),(o,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"accordion-item"},e.unref(c).wrapperAttrs,{class:e.unref(s)}),[e.createVNode(a._sfc_main,e.mergeProps({id:e.unref(m),modelValue:v.value,"onUpdate:modelValue":l[0]||(l[0]=e=>v.value=e),class:["accordion-collapse",e.unref(c).collapseClass],"aria-labelledby":`${e.unref(m)}-heading`},u,{tag:e.unref(c).tag,toggle:e.unref(c).toggle,horizontal:e.unref(c).horizontal,visible:e.unref(c).visible,"is-nav":e.unref(c).isNav,onShow:l[1]||(l[1]=e=>f("show",e)),onShown:l[2]||(l[2]=e=>f("shown")),onHide:l[3]||(l[3]=e=>f("hide",e)),onHidden:l[4]||(l[4]=e=>f("hidden")),onHidePrevented:l[5]||(l[5]=e=>f("hide-prevented")),onShowPrevented:l[6]||(l[6]=e=>f("show-prevented"))}),{header:e.withCtx((({visible:l,toggle:t})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c).headerTag),e.mergeProps({id:`${e.unref(m)}-heading`,class:["accordion-header",e.unref(c).headerClass]},e.unref(c).headerAttrs),{default:e.withCtx((()=>[e.createElementVNode("button",e.mergeProps({class:"accordion-button"},e.unref(c).buttonAttrs,{class:[{collapsed:!l},e.unref(c).buttonClass],type:"button","aria-expanded":l?"true":"false","aria-controls":e.unref(m),onClick:t}),[e.renderSlot(o.$slots,"title",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(c).title),1)]))],16,r)])),_:2},1040,["id","class"]))])),default:e.withCtx((()=>[e.createElementVNode("div",e.mergeProps({class:"accordion-body"},e.unref(c).bodyAttrs,{class:e.unref(c).bodyClass}),[e.renderSlot(o.$slots,"default")],16)])),_:3},16,["id","modelValue","class","aria-labelledby","tag","toggle","horizontal","visible","is-nav"])],16))}});exports._sfc_main=n,exports._sfc_main$1=s;
+//# sourceMappingURL=BAccordionItem.vue_vue_type_script_setup_true_lang-CZPn4Bj0.js.map

package/dist/BAccordionItem.vue_vue_type_script_setup_true_lang-CZPn4Bj0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAccordionItem.vue_vue_type_script_setup_true_lang-CZPn4Bj0.js","sources":["../src/components/BAccordion/BAccordion.vue","../src/components/BAccordion/BAccordionItem.vue"],"sourcesContent":["<template>\n  <div :id=\"computedId\" class=\"accordion\" :class=\"computedClasses\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, readonly, toRef} from 'vue'\nimport {accordionInjectionKey} from '../../utils/keys'\nimport {useId} from '../../composables/useId'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BAccordionProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<Omit<BAccordionProps, 'modelValue'>>(), {\n  flush: false,\n  free: false,\n  id: undefined,\n})\n\ndefineSlots<{\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 computedId = useId(() => props.id, 'accordion')\n\nconst computedClasses = computed(() => ({\n  'accordion-flush': props.flush,\n}))\n\nprovide(accordionInjectionKey, {\n  openItem: readonly(modelValue),\n  free: toRef(() => props.free),\n  setOpenItem: (id: string) => {\n    modelValue.value = id\n  },\n})\n</script>\n","<template>\n  <div class=\"accordion-item\" v-bind=\"props.wrapperAttrs\" :class=\"wrapperClass\">\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=\"collapseAttrs\"\n      :tag=\"props.tag\"\n      :toggle=\"props.toggle\"\n      :horizontal=\"props.horizontal\"\n      :visible=\"props.visible\"\n      :is-nav=\"props.isNav\"\n      @show=\"emit('show', $event)\"\n      @shown=\"emit('shown')\"\n      @hide=\"emit('hide', $event)\"\n      @hidden=\"emit('hidden')\"\n      @hide-prevented=\"emit('hide-prevented')\"\n      @show-prevented=\"emit('show-prevented')\"\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 {inject, onMounted, useAttrs, watch} 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 {BvTriggerableEvent} from '../../utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\nconst {class: wrapperClass, ...collapseAttrs} = useAttrs()\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  tag: undefined,\n  title: undefined,\n  toggle: undefined,\n  visible: false,\n  wrapperAttrs: undefined,\n})\nconst props = useDefaults(_props, 'BAccordionItem')\n\nconst emit = defineEmits<{\n  'hidden': []\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': []\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BAccordionItemProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst parentData = inject(accordionInjectionKey, null)\n\nconst computedId = useId(() => props.id, 'accordion_item')\n\nonMounted(() => {\n  if (modelValue.value && !parentData?.free.value) {\n    parentData?.setOpenItem(computedId.value)\n  }\n  if (!modelValue.value && parentData?.openItem.value === computedId.value) {\n    modelValue.value = true\n  }\n})\n\nwatch(\n  () => parentData?.openItem.value,\n  () =>\n    (modelValue.value = parentData?.openItem.value === computedId.value && !parentData?.free.value)\n)\nwatch(modelValue, () => {\n  if (modelValue.value && !parentData?.free.value) parentData?.setOpenItem(computedId.value)\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","modelValue","_useModel","computedId","useId","id","computedClasses","computed","flush","provide","accordionInjectionKey","openItem","readonly","free","toRef","setOpenItem","value","class","wrapperClass","collapseAttrs","useAttrs","emit","__emit","parentData","inject","onMounted","vue","watch"],"mappings":"scAaA,MAAMA,EAASC,EAWTC,EAAQC,EAAAA,YAAYH,EAAQ,cAE5BI,EAAaC,EAAAA,SAA0CJ,EAAA,cAIvDK,EAAaC,EAAAA,OAAM,IAAML,EAAMM,IAAI,aAEnCC,EAAkBC,EAAAA,UAAS,KAAO,CACtC,kBAAmBR,EAAMS,iBAG3BC,EAAAA,QAAQC,EAAAA,sBAAuB,CAC7BC,SAAUC,WAASX,GACnBY,KAAMC,EAAAA,OAAM,IAAMf,EAAMc,OACxBE,YAAcV,IACZJ,EAAWe,MAAQX,CAAA,+6BCqBvB,MAAOY,MAAOC,KAAiBC,GAAiBC,EAASA,WAEnDvB,EAASC,EAkBTC,EAAQC,EAAAA,YAAYH,EAAQ,kBAE5BwB,EAAOC,EAgBPrB,EAAaC,EAAAA,yBAIbqB,EAAaC,EAAAA,OAAOd,EAAAA,sBAAuB,MAE3CP,EAAaC,EAAAA,OAAM,IAAML,EAAMM,IAAI,yBAEzCoB,EAAAA,WAAU,KACJxB,EAAWe,SAAU,MAAAO,OAAA,EAAAA,EAAYV,KAAKG,SAC5B,MAAAO,GAAAA,EAAAR,YAAYZ,EAAWa,QAEhCf,EAAWe,cAASO,WAAYZ,SAASK,SAAUb,EAAWa,QACjEf,EAAWe,OAAQ,EACrB,IAGFU,EAAAC,OACE,UAAMJ,WAAYZ,SAASK,QAC3B,IACGf,EAAWe,OAAoB,MAAZO,OAAY,EAAAA,EAAAZ,SAASK,SAAUb,EAAWa,SAAU,MAAAO,OAAA,EAAAA,EAAYV,KAAKG,SAE7FU,EAAAC,MAAM1B,GAAY,KACZA,EAAWe,SAAU,MAAAO,OAAA,EAAAA,EAAYV,KAAKG,SAAO,MAAAO,GAAAA,EAAYR,YAAYZ,EAAWa,OAAA"}

package/dist/BAlert-CL62oEyH.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),o=require("./BTransition.vue_vue_type_style_index_0_lang-dOw0_NRO.js"),t=require("./BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js"),l=require("./BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js"),a=require("./useCountdownHover-pVk1zcyl.js"),s=require("./useDefaults-Cd8OVIUI.js"),u=require("./dom-C-F8jHop.js"),r=require("./_plugin-vue_export-helper-CC_fc8JW.js"),n=e.defineComponent({__name:"BAlert",props:e.mergeModels({closeClass:{default:void 0},closeContent:{default:void 0},closeLabel:{default:"Close"},closeVariant:{default:"secondary"},dismissible:{type:Boolean,default:!1},fade:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0},interval:{default:"requestAnimationFrame"},noHoverPause:{type:Boolean,default:!1},noResumeOnHoverLeave:{type:Boolean,default:!1},showOnPause:{type:Boolean,default:!0},variant:{default:"info"}},{modelValue:{type:[Boolean,Number],default:!1},modelModifiers:{}}),emits:e.mergeModels(["close","close-countdown","closed"],["update:modelValue"]),setup(r,{expose:n,emit:i}){const c=r,d=s.useDefaults(c,"BAlert"),m=i,p=e.useSlots(),v=e.ref(null),f=e.useModel(r,"modelValue"),_=e.computed((()=>!u.isEmptySlot(p.close))),B=e.computed((()=>"boolean"==typeof f.value?0:f.value)),y=e.computed((()=>({[`alert-${d.variant}`]:null!==d.variant,"alert-dismissible":d.dismissible}))),C=e.computed((()=>[d.closeClass,{"btn-close-custom":_.value}])),{isActive:k,pause:b,resume:w,stop:g,isPaused:q,restart:x,value:H}=a.useCountdown(B,d.interval,{immediate:"number"==typeof f.value&&d.immediate});a.useCountdownHover(v,e.computed((()=>({noHoverPause:d.noHoverPause,noResumeOnHoverLeave:d.noResumeOnHoverLeave}))),{pause:b,resume:w});const P=e.computed((()=>"boolean"==typeof f.value?f.value:k.value||d.showOnPause&&q.value)),V=e.computed((()=>({variant:_.value?d.closeVariant:void 0,class:C.value})));e.watchEffect((()=>{m("close-countdown",H.value)}));const h=()=>{m("close"),"boolean"==typeof f.value?f.value=!1:(f.value=0,g()),m("closed")};return n({pause:b,resume:w,stop:g,restart:x}),(a,s)=>(e.openBlock(),e.createBlock(o._sfc_main,{"no-fade":!e.unref(d).fade,"trans-props":{enterToClass:"show"}},{default:e.withCtx((()=>[P.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"element",ref:v,class:e.normalizeClass(["alert",y.value]),role:"alert","aria-live":"polite","aria-atomic":"true"},[e.renderSlot(a.$slots,"default",{},void 0,!0),e.unref(d).dismissible?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[_.value||e.unref(d).closeContent?(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps({key:0},V.value,{onClick:h}),{default:e.withCtx((()=>[e.renderSlot(a.$slots,"close",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(d).closeContent),1)]),!0)])),_:3},16)):(e.openBlock(),e.createBlock(t._sfc_main,e.mergeProps({key:1,"aria-label":e.unref(d).closeLabel},V.value,{onClick:h}),null,16,["aria-label"]))],64)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)])),_:3},8,["no-fade"]))}}),i=r._export_sfc(n,[["__scopeId","data-v-d1c92ab3"]]);exports.BAlert=i;
+//# sourceMappingURL=BAlert-CL62oEyH.js.map

package/dist/BAlert-CL62oEyH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert-CL62oEyH.js","sources":["../src/components/BAlert/BAlert.vue"],"sourcesContent":["<template>\n  <BTransition :no-fade=\"!props.fade\" :trans-props=\"{enterToClass: 'show'}\">\n    <div\n      v-if=\"isAlertVisible\"\n      ref=\"element\"\n      class=\"alert\"\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      :class=\"computedClasses\"\n    >\n      <slot />\n      <template v-if=\"props.dismissible\">\n        <BButton v-if=\"hasCloseSlot || props.closeContent\" v-bind=\"closeAttrs\" @click=\"hide\">\n          <slot name=\"close\">\n            {{ props.closeContent }}\n          </slot>\n        </BButton>\n        <BCloseButton v-else :aria-label=\"props.closeLabel\" v-bind=\"closeAttrs\" @click=\"hide\" />\n      </template>\n    </div>\n  </BTransition>\n</template>\n\n<script setup lang=\"ts\">\nimport BTransition from '../BTransition.vue'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BButton from '../BButton/BButton.vue'\nimport type {BAlertProps} from '../../types/ComponentProps'\nimport {computed, ref, watchEffect} from 'vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  fade: false,\n  immediate: true,\n  interval: 'requestAnimationFrame',\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  showOnPause: true,\n  variant: 'info',\n})\n\nconst props = useDefaults(_props, 'BAlert')\n\nconst emit = defineEmits<{\n  'close': []\n  'close-countdown': [value: number]\n  'closed': []\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  close?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst element = ref<HTMLElement | null>(null)\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\n\nconst hasCloseSlot = computed(() => !isEmptySlot(slots.close))\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst computedClasses = computed(() => ({\n  [`alert-${props.variant}`]: props.variant !== null,\n  'alert-dismissible': props.dismissible,\n}))\n\nconst closeClasses = computed(() => [props.closeClass, {'btn-close-custom': hasCloseSlot.value}])\n\nconst {\n  isActive,\n  pause,\n  resume,\n  stop,\n  isPaused,\n  restart,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && props.immediate,\n})\nuseCountdownHover(\n  element,\n  computed(() => ({\n    noHoverPause: props.noHoverPause,\n    noResumeOnHoverLeave: props.noResumeOnHoverLeave,\n  })),\n  {pause, resume}\n)\n\nconst isAlertVisible = computed(() =>\n  typeof modelValue.value === 'boolean'\n    ? modelValue.value\n    : isActive.value || (props.showOnPause && isPaused.value)\n)\n\nconst closeAttrs = computed(() => ({\n  variant: hasCloseSlot.value ? props.closeVariant : undefined,\n  class: closeClasses.value,\n}))\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst hide = () => {\n  emit('close')\n\n  if (typeof modelValue.value === 'boolean') {\n    modelValue.value = false\n  } else {\n    modelValue.value = 0\n    stop()\n  }\n\n  emit('closed')\n}\n\ndefineExpose({\n  pause,\n  resume,\n  stop,\n  restart,\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.btn-close-custom {\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 2;\n  margin: var(--bs-alert-padding-y) var(--bs-alert-padding-x);\n}\n</style>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","slots","_useSlots","element","ref","modelValue","_useModel","hasCloseSlot","computed","isEmptySlot","close","countdownLength","value","computedClasses","variant","dismissible","closeClasses","closeClass","isActive","pause","resume","stop","isPaused","restart","remainingMs","useCountdown","interval","immediate","useCountdownHover","noHoverPause","noResumeOnHoverLeave","isAlertVisible","showOnPause","closeAttrs","closeVariant","class","watchEffect","hide","__expose"],"mappings":"kjCAmCA,MAAMA,EAASC,EAeTC,EAAQC,EAAAA,YAAYH,EAAQ,UAE5BI,EAAOC,EAMPC,EAAQC,EAAAA,WAORC,EAAUC,MAAwB,MAElCC,EAAaC,EAAAA,yBAEbC,EAAeC,EAAAA,UAAS,KAAOC,EAAYA,YAAAR,EAAMS,SACjDC,EAAkBH,EAAAA,UAAS,IACH,kBAArBH,EAAWO,MAAsB,EAAIP,EAAWO,QAGnDC,EAAkBL,EAAAA,UAAS,KAAO,CACtC,CAAC,SAASX,EAAMiB,WAA8B,OAAlBjB,EAAMiB,QAClC,oBAAqBjB,EAAMkB,gBAGvBC,EAAeR,EAAAA,UAAS,IAAM,CAACX,EAAMoB,WAAY,CAAC,mBAAoBV,EAAaK,WAEnFM,SACJA,EAAAC,MACAA,EAAAC,OACAA,EAAAC,KACAA,EAAAC,SACAA,EAAAC,QACAA,EACAX,MAAOY,GACLC,eAAad,EAAiBd,EAAM6B,SAAU,CAChDC,UAAuC,iBAArBtB,EAAWO,OAAsBf,EAAM8B,YAE3DC,EAAAA,kBACEzB,EACAK,EAAAA,UAAS,KAAO,CACdqB,aAAchC,EAAMgC,aACpBC,qBAAsBjC,EAAMiC,yBAE9B,CAACX,QAAOC,WAGV,MAAMW,EAAiBvB,EAAAA,UAAS,IACF,kBAArBH,EAAWO,MACdP,EAAWO,MACXM,EAASN,OAAUf,EAAMmC,aAAeV,EAASV,QAGjDqB,EAAazB,EAAAA,UAAS,KAAO,CACjCM,QAASP,EAAaK,MAAQf,EAAMqC,kBAAe,EACnDC,MAAOnB,EAAaJ,UAGtBwB,EAAAA,aAAY,KACLrC,EAAA,kBAAmByB,EAAYZ,MAAK,IAG3C,MAAMyB,EAAO,KACXtC,EAAK,SAE2B,kBAArBM,EAAWO,MACpBP,EAAWO,OAAQ,GAEnBP,EAAWO,MAAQ,OAIrBb,EAAK,SAAQ,SAGFuC,EAAA,CACXnB,QACAC,SACAC,OACAE"}

package/dist/BAlert-zaujoJkK.mjs

@@ -0,0 +1,130 @@
+import { defineComponent, mergeModels, useSlots, ref, useModel, computed, watchEffect, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeClass, renderSlot, Fragment, mergeProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "./BTransition.vue_vue_type_style_index_0_lang-X5a8jq3A.mjs";
+import { _ as _sfc_main$3 } from "./BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs";
+import { _ as _sfc_main$2 } from "./BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs";
+import { u as useCountdown, a as useCountdownHover } from "./useCountdownHover-Ds0unFZR.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BAlert",
+  props: /* @__PURE__ */ mergeModels({
+    closeClass: { default: void 0 },
+    closeContent: { default: void 0 },
+    closeLabel: { default: "Close" },
+    closeVariant: { default: "secondary" },
+    dismissible: { type: Boolean, default: false },
+    fade: { type: Boolean, default: false },
+    immediate: { type: Boolean, default: true },
+    interval: { default: "requestAnimationFrame" },
+    noHoverPause: { type: Boolean, default: false },
+    noResumeOnHoverLeave: { type: Boolean, default: false },
+    showOnPause: { type: Boolean, default: true },
+    variant: { default: "info" }
+  }, {
+    "modelValue": { type: [Boolean, Number], ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["close", "close-countdown", "closed"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BAlert");
+    const emit = __emit;
+    const slots = useSlots();
+    const element = ref(null);
+    const modelValue = useModel(__props, "modelValue");
+    const hasCloseSlot = computed(() => !isEmptySlot(slots.close));
+    const countdownLength = computed(
+      () => typeof modelValue.value === "boolean" ? 0 : modelValue.value
+    );
+    const computedClasses = computed(() => ({
+      [`alert-${props.variant}`]: props.variant !== null,
+      "alert-dismissible": props.dismissible
+    }));
+    const closeClasses = computed(() => [props.closeClass, { "btn-close-custom": hasCloseSlot.value }]);
+    const {
+      isActive,
+      pause,
+      resume,
+      stop,
+      isPaused,
+      restart,
+      value: remainingMs
+    } = useCountdown(countdownLength, props.interval, {
+      immediate: typeof modelValue.value === "number" && props.immediate
+    });
+    useCountdownHover(
+      element,
+      computed(() => ({
+        noHoverPause: props.noHoverPause,
+        noResumeOnHoverLeave: props.noResumeOnHoverLeave
+      })),
+      { pause, resume }
+    );
+    const isAlertVisible = computed(
+      () => typeof modelValue.value === "boolean" ? modelValue.value : isActive.value || props.showOnPause && isPaused.value
+    );
+    const closeAttrs = computed(() => ({
+      variant: hasCloseSlot.value ? props.closeVariant : void 0,
+      class: closeClasses.value
+    }));
+    watchEffect(() => {
+      emit("close-countdown", remainingMs.value);
+    });
+    const hide = () => {
+      emit("close");
+      if (typeof modelValue.value === "boolean") {
+        modelValue.value = false;
+      } else {
+        modelValue.value = 0;
+        stop();
+      }
+      emit("closed");
+    };
+    __expose({
+      pause,
+      resume,
+      stop,
+      restart
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "no-fade": !unref(props).fade,
+        "trans-props": { enterToClass: "show" }
+      }, {
+        default: withCtx(() => [
+          isAlertVisible.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "element",
+            ref: element,
+            class: normalizeClass(["alert", computedClasses.value]),
+            role: "alert",
+            "aria-live": "polite",
+            "aria-atomic": "true"
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true),
+            unref(props).dismissible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              hasCloseSlot.value || unref(props).closeContent ? (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 0 }, closeAttrs.value, { onClick: hide }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "close", {}, () => [
+                    createTextVNode(toDisplayString(unref(props).closeContent), 1)
+                  ], true)
+                ]),
+                _: 3
+              }, 16)) : (openBlock(), createBlock(_sfc_main$3, mergeProps({
+                key: 1,
+                "aria-label": unref(props).closeLabel
+              }, closeAttrs.value, { onClick: hide }), null, 16, ["aria-label"]))
+            ], 64)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["no-fade"]);
+    };
+  }
+});
+const BAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1c92ab3"]]);
+export {
+  BAlert as B
+};
+//# sourceMappingURL=BAlert-zaujoJkK.mjs.map

package/dist/BAlert-zaujoJkK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert-zaujoJkK.mjs","sources":["../src/components/BAlert/BAlert.vue"],"sourcesContent":["<template>\n  <BTransition :no-fade=\"!props.fade\" :trans-props=\"{enterToClass: 'show'}\">\n    <div\n      v-if=\"isAlertVisible\"\n      ref=\"element\"\n      class=\"alert\"\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      :class=\"computedClasses\"\n    >\n      <slot />\n      <template v-if=\"props.dismissible\">\n        <BButton v-if=\"hasCloseSlot || props.closeContent\" v-bind=\"closeAttrs\" @click=\"hide\">\n          <slot name=\"close\">\n            {{ props.closeContent }}\n          </slot>\n        </BButton>\n        <BCloseButton v-else :aria-label=\"props.closeLabel\" v-bind=\"closeAttrs\" @click=\"hide\" />\n      </template>\n    </div>\n  </BTransition>\n</template>\n\n<script setup lang=\"ts\">\nimport BTransition from '../BTransition.vue'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BButton from '../BButton/BButton.vue'\nimport type {BAlertProps} from '../../types/ComponentProps'\nimport {computed, ref, watchEffect} from 'vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  fade: false,\n  immediate: true,\n  interval: 'requestAnimationFrame',\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  showOnPause: true,\n  variant: 'info',\n})\n\nconst props = useDefaults(_props, 'BAlert')\n\nconst emit = defineEmits<{\n  'close': []\n  'close-countdown': [value: number]\n  'closed': []\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  close?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst element = ref<HTMLElement | null>(null)\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\n\nconst hasCloseSlot = computed(() => !isEmptySlot(slots.close))\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst computedClasses = computed(() => ({\n  [`alert-${props.variant}`]: props.variant !== null,\n  'alert-dismissible': props.dismissible,\n}))\n\nconst closeClasses = computed(() => [props.closeClass, {'btn-close-custom': hasCloseSlot.value}])\n\nconst {\n  isActive,\n  pause,\n  resume,\n  stop,\n  isPaused,\n  restart,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && props.immediate,\n})\nuseCountdownHover(\n  element,\n  computed(() => ({\n    noHoverPause: props.noHoverPause,\n    noResumeOnHoverLeave: props.noResumeOnHoverLeave,\n  })),\n  {pause, resume}\n)\n\nconst isAlertVisible = computed(() =>\n  typeof modelValue.value === 'boolean'\n    ? modelValue.value\n    : isActive.value || (props.showOnPause && isPaused.value)\n)\n\nconst closeAttrs = computed(() => ({\n  variant: hasCloseSlot.value ? props.closeVariant : undefined,\n  class: closeClasses.value,\n}))\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst hide = () => {\n  emit('close')\n\n  if (typeof modelValue.value === 'boolean') {\n    modelValue.value = false\n  } else {\n    modelValue.value = 0\n    stop()\n  }\n\n  emit('closed')\n}\n\ndefineExpose({\n  pause,\n  resume,\n  stop,\n  restart,\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.btn-close-custom {\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 2;\n  margin: var(--bs-alert-padding-y) var(--bs-alert-padding-x);\n}\n</style>\n"],"names":["_useSlots","_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,SAAS;AAeT,UAAA,QAAQ,YAAY,QAAQ,QAAQ;AAE1C,UAAM,OAAO;AAMb,UAAM,QAAQA;AAOR,UAAA,UAAU,IAAwB,IAAI;AAEtC,UAAA,aAAaC,8BAA2E;AAE9F,UAAM,eAAe,SAAS,MAAM,CAAC,YAAY,MAAM,KAAK,CAAC;AAC7D,UAAM,kBAAkB;AAAA,MAAS,MAC/B,OAAO,WAAW,UAAU,YAAY,IAAI,WAAW;AAAA,IAAA;AAGnD,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,CAAC,SAAS,MAAM,OAAO,EAAE,GAAG,MAAM,YAAY;AAAA,MAC9C,qBAAqB,MAAM;AAAA,IAC3B,EAAA;AAEI,UAAA,eAAe,SAAS,MAAM,CAAC,MAAM,YAAY,EAAC,oBAAoB,aAAa,MAAM,CAAA,CAAC;AAE1F,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,IACL,IAAA,aAAa,iBAAiB,MAAM,UAAU;AAAA,MAChD,WAAW,OAAO,WAAW,UAAU,YAAY,MAAM;AAAA,IAAA,CAC1D;AACD;AAAA,MACE;AAAA,MACA,SAAS,OAAO;AAAA,QACd,cAAc,MAAM;AAAA,QACpB,sBAAsB,MAAM;AAAA,MAAA,EAC5B;AAAA,MACF,EAAC,OAAO,OAAM;AAAA,IAAA;AAGhB,UAAM,iBAAiB;AAAA,MAAS,MAC9B,OAAO,WAAW,UAAU,YACxB,WAAW,QACX,SAAS,SAAU,MAAM,eAAe,SAAS;AAAA,IAAA;AAGjD,UAAA,aAAa,SAAS,OAAO;AAAA,MACjC,SAAS,aAAa,QAAQ,MAAM,eAAe;AAAA,MACnD,OAAO,aAAa;AAAA,IACpB,EAAA;AAEF,gBAAY,MAAM;AACX,WAAA,mBAAmB,YAAY,KAAK;AAAA,IAAA,CAC1C;AAED,UAAM,OAAO,MAAM;AACjB,WAAK,OAAO;AAER,UAAA,OAAO,WAAW,UAAU,WAAW;AACzC,mBAAW,QAAQ;AAAA,MAAA,OACd;AACL,mBAAW,QAAQ;AACd;MACP;AAEA,WAAK,QAAQ;AAAA,IAAA;AAGF,aAAA;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BAvatarGroup.vue_vue_type_script_setup_true_lang-CJHztvxJ.mjs

@@ -0,0 +1,265 @@
+import { defineComponent, useSlots, inject, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, renderSlot, createElementVNode, normalizeStyle, toDisplayString, createTextVNode, createCommentVNode, provide, toRef } from "vue";
+import { h as avatarGroupInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { _ as _sfc_main$2 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+import { _ as _sfc_main$3 } from "./BBadge.vue_vue_type_script_setup_true_lang-DvnR6bcm.mjs";
+import { u as useBLinkHelper } from "./useBLinkHelper-Bvtov_sk.mjs";
+import { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+import { u as useNumberishToStyle } from "./useNumberishToStyle-BWrWARZP.mjs";
+import { u as useRadiusElementClasses } from "./useRadiusElementClasses-DtKYQuWz.mjs";
+import { u as useColorVariantClasses } from "./useColorVariantClasses-WMXe7khu.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useToNumber } from "./index-DlGgXMQF.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "b-avatar-custom"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "b-avatar-img"
+};
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = {
+  key: 3,
+  class: "b-avatar-img"
+};
+const FONT_SIZE_SCALE = 0.4;
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BAvatar",
+  props: {
+    alt: { default: "avatar" },
+    badge: { type: [Boolean, String], default: false },
+    badgeBgVariant: { default: null },
+    badgePlacement: { default: "bottom-end" },
+    badgeTextVariant: { default: null },
+    badgeVariant: { default: "primary" },
+    badgePill: { type: Boolean, default: false },
+    badgeDotIndicator: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    buttonType: { default: "button" },
+    size: { default: void 0 },
+    square: { type: Boolean, default: false },
+    src: { default: void 0 },
+    text: { default: void 0 },
+    active: { type: Boolean, default: void 0 },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: {},
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: void 0 },
+    variant: { default: "secondary" },
+    bgVariant: { default: null },
+    textVariant: { default: null },
+    rounded: { type: [Boolean, String, Number], default: "circle" },
+    roundedTop: { type: [Boolean, String, Number], default: void 0 },
+    roundedBottom: { type: [Boolean, String, Number], default: void 0 },
+    roundedStart: { type: [Boolean, String, Number], default: void 0 },
+    roundedEnd: { type: [Boolean, String, Number], default: void 0 }
+  },
+  emits: ["click", "img-error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { computedLink, computedLinkProps } = useBLinkHelper(props);
+    const parentData = inject(avatarGroupInjectionKey, null);
+    const SIZES = ["sm", null, "lg"];
+    const BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7;
+    const hasDefaultSlot = computed(() => !isEmptySlot(slots.default));
+    const hasBadgeSlot = computed(() => !isEmptySlot(slots.badge));
+    const showBadge = computed(() => !!props.badge || props.badge === "" || hasBadgeSlot.value);
+    const computedSquare = computed(() => (parentData == null ? void 0 : parentData.square.value) || props.square);
+    const computedPropSize = useNumberishToStyle(() => props.size);
+    const computedParentSize = useNumberishToStyle(() => parentData == null ? void 0 : parentData.size.value);
+    const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value);
+    const computedVariant = computed(() => (parentData == null ? void 0 : parentData.variant.value) ?? props.variant);
+    const computedRounded = computed(() => (parentData == null ? void 0 : parentData.rounded.value) ?? props.rounded);
+    const computedRoundedTop = computed(() => (parentData == null ? void 0 : parentData.roundedTop.value) ?? props.roundedTop);
+    const computedRoundedBottom = computed(() => (parentData == null ? void 0 : parentData.roundedBottom.value) ?? props.roundedBottom);
+    const computedRoundedStart = computed(() => (parentData == null ? void 0 : parentData.roundedStart.value) ?? props.roundedStart);
+    const computedRoundedEnd = computed(() => (parentData == null ? void 0 : parentData.roundedEnd.value) ?? props.roundedEnd);
+    const radiusElementClasses = useRadiusElementClasses(() => ({
+      rounded: computedRounded.value,
+      roundedTop: computedRoundedTop.value,
+      roundedBottom: computedRoundedBottom.value,
+      roundedStart: computedRoundedStart.value,
+      roundedEnd: computedRoundedEnd.value
+    }));
+    const badgeText = computed(() => props.badge === true ? "" : props.badge);
+    const badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value);
+    const computedTextVariant = computed(() => (parentData == null ? void 0 : parentData.textVariant.value) ?? props.textVariant);
+    const computedBgVariant = computed(() => (parentData == null ? void 0 : parentData.bgVariant.value) ?? props.bgVariant);
+    const resolvedBackgroundClasses = useColorVariantClasses(() => ({
+      bgVariant: computedBgVariant.value,
+      textVariant: computedTextVariant.value,
+      variant: computedVariant.value
+    }));
+    const computedClasses = computed(() => [
+      resolvedBackgroundClasses.value,
+      // Square overwrites all else
+      computedSquare.value === true ? void 0 : radiusElementClasses.value,
+      {
+        [`b-avatar-${props.size}`]: !!props.size && SIZES.indexOf(computedPropSize.value) !== -1,
+        [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,
+        "badge": !props.button && computedVariant.value !== null && hasDefaultSlot.value,
+        "btn": props.button,
+        // Square is the same as rounded-0 class
+        "rounded-0": computedSquare.value === true
+      }
+    ]);
+    const badgeStyle = computed(() => ({
+      fontSize: (SIZES.indexOf(computedSize.value || null) === -1 ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})` : "") || ""
+    }));
+    const textFontStyle = computed(() => {
+      const fontSize = SIZES.indexOf(computedSize.value || null) === -1 ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})` : null;
+      return fontSize ? { fontSize } : {};
+    });
+    const marginStyle = computed(() => {
+      var _a;
+      const overlapScale = ((_a = parentData == null ? void 0 : parentData.overlapScale) == null ? void 0 : _a.value) || 0;
+      const value = computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null;
+      return value ? { marginLeft: value, marginRight: value } : {};
+    });
+    const computedTag = computed(() => computedLink.value ? _sfc_main$2 : props.button ? "button" : "span");
+    const computedStyle = computed(() => ({
+      ...marginStyle.value,
+      width: computedSize.value ?? void 0,
+      height: computedSize.value ?? void 0
+    }));
+    const clicked = (e) => {
+      if (!props.disabled && (computedLink.value || props.button)) emit("click", e);
+    };
+    const onImgError = (e) => {
+      emit("img-error", e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({
+        class: ["b-avatar", computedClasses.value],
+        style: computedStyle.value
+      }, unref(computedLinkProps), {
+        type: props.button && !unref(computedLink) ? props.buttonType : void 0,
+        disabled: props.disabled || null,
+        onClick: clicked
+      }), {
+        default: withCtx(() => [
+          hasDefaultSlot.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])) : !!props.src ? (openBlock(), createElementBlock("span", _hoisted_2, [
+            createElementVNode("img", {
+              src: props.src,
+              alt: props.alt,
+              onError: onImgError
+            }, null, 40, _hoisted_3)
+          ])) : !!props.text ? (openBlock(), createElementBlock("span", {
+            key: 2,
+            class: "b-avatar-text",
+            style: normalizeStyle(textFontStyle.value)
+          }, toDisplayString(props.text), 5)) : (openBlock(), createElementBlock("span", _hoisted_4, _cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "80%",
+              height: "80%",
+              fill: "currentColor",
+              class: "bi bi-person-fill",
+              viewBox: "0 0 16 16"
+            }, [
+              createElementVNode("path", { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
+            ], -1)
+          ]))),
+          showBadge.value ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 4,
+            pill: props.badgePill,
+            "dot-indicator": props.badgeDotIndicator || badgeImplicitlyDot.value,
+            variant: props.badgeVariant,
+            "bg-variant": props.badgeBgVariant,
+            "text-variant": props.badgeTextVariant,
+            style: normalizeStyle(badgeStyle.value),
+            placement: props.badgePlacement
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "badge", {}, () => [
+                createTextVNode(toDisplayString(badgeText.value), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["pill", "dot-indicator", "variant", "bg-variant", "text-variant", "style", "placement"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class", "style", "type", "disabled"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BAvatarGroup",
+  props: {
+    overlap: { default: 0.3 },
+    size: { default: void 0 },
+    square: { type: Boolean, default: false },
+    tag: { default: "div" },
+    variant: { default: null },
+    bgVariant: { default: null },
+    textVariant: { default: null },
+    rounded: { type: [Boolean, String, Number], default: "circle" },
+    roundedTop: { type: [Boolean, String, Number], default: void 0 },
+    roundedBottom: { type: [Boolean, String, Number], default: void 0 },
+    roundedStart: { type: [Boolean, String, Number], default: void 0 },
+    roundedEnd: { type: [Boolean, String, Number], default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BAvatarGroup");
+    const overlapNumber = useToNumber(() => props.overlap);
+    const computedSize = useNumberishToStyle(() => props.size);
+    const overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2);
+    const paddingStyle = computed(() => {
+      const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null;
+      return value ? { paddingLeft: value, paddingRight: value } : {};
+    });
+    provide(avatarGroupInjectionKey, {
+      overlapScale,
+      size: toRef(() => props.size),
+      square: toRef(() => props.square),
+      rounded: toRef(() => props.rounded),
+      roundedTop: toRef(() => props.roundedTop),
+      roundedBottom: toRef(() => props.roundedBottom),
+      roundedStart: toRef(() => props.roundedStart),
+      roundedEnd: toRef(() => props.roundedEnd),
+      variant: toRef(() => props.variant),
+      bgVariant: toRef(() => props.bgVariant),
+      textVariant: toRef(() => props.textVariant)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: "b-avatar-group",
+        role: "group"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "b-avatar-group-inner",
+            style: normalizeStyle(paddingStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BAvatarGroup.vue_vue_type_script_setup_true_lang-CJHztvxJ.mjs.map