bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BToast-BraVbf4N.js

@@ -0,0 +1,309 @@
+require("./chunk-CoQrYLCe.js");
+const require_useId = require("./useId-DTrBK9CE.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useShowHide = require("./useShowHide-BFr32vgn.js");
+const require_useColorVariantClasses = require("./useColorVariantClasses-DVaQDVQC.js");
+const require_BLink = require("./BLink-DW7s8W_N.js");
+const require_BButton = require("./BButton-BID3NrxE.js");
+const require_BCloseButton = require("./BCloseButton-CgIVNv2g.js");
+const require_BProgress = require("./BProgress-CeEIdt1a.js");
+const require_useCountdownHover = require("./useCountdownHover-CaF8_TRT.js");
+let vue = require("vue");
+//#region src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"role",
+	"aria-live",
+	"aria-atomic"
+];
+var _hoisted_2 = {
+	key: 1,
+	class: "d-flex"
+};
+//#endregion
+//#region src/components/BToast/BToast.vue
+var BToast_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BToast",
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
+		body: { default: void 0 },
+		bodyClass: { default: void 0 },
+		closeClass: { default: void 0 },
+		closeContent: { default: void 0 },
+		closeLabel: { default: "Close" },
+		closeVariant: { default: "secondary" },
+		headerClass: { default: void 0 },
+		headerTag: { default: "div" },
+		id: { default: void 0 },
+		interval: { default: "requestAnimationFrame" },
+		isStatus: {
+			type: Boolean,
+			default: false
+		},
+		noCloseButton: {
+			type: Boolean,
+			default: false
+		},
+		noHoverPause: {
+			type: Boolean,
+			default: false
+		},
+		noProgress: {
+			type: Boolean,
+			default: false
+		},
+		noResumeOnHoverLeave: {
+			type: Boolean,
+			default: false
+		},
+		progressProps: { default: void 0 },
+		showOnPause: {
+			type: Boolean,
+			default: true
+		},
+		solid: {
+			type: Boolean,
+			default: false
+		},
+		title: { default: void 0 },
+		toastClass: { default: void 0 },
+		variant: { default: void 0 },
+		bgVariant: { default: null },
+		textVariant: { default: null },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: {
+			type: Boolean,
+			default: void 0
+		},
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		initialAnimation: {
+			type: Boolean,
+			default: false
+		},
+		noAnimation: { type: Boolean },
+		noFade: {
+			type: Boolean,
+			default: false
+		},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		unmountLazy: {
+			type: Boolean,
+			default: false
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		transProps: { default: void 0 },
+		visible: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Boolean, Number],
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ (0, vue.mergeModels)([
+		"close",
+		"close-countdown",
+		"hide",
+		"hide-prevented",
+		"hidden",
+		"show",
+		"show-prevented",
+		"shown",
+		"toggle",
+		"toggle-prevented"
+	], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = require_useDefaults.useDefaults(__props, "BToast");
+		const emit = __emit;
+		const slots = (0, vue.useSlots)();
+		const element = (0, vue.useTemplateRef)("_element");
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const { computedLink, computedLinkProps } = require_BLink.useBLinkHelper(props);
+		const computedId = require_useId.useId(() => props.id, "toast");
+		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = require_useShowHide.useShowHide(modelValue, props, emit, element, computedId);
+		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = require_useCountdownHover.useCountdown((0, vue.computed)(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value), props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
+		require_useCountdownHover.useCountdownHover(element, {
+			noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
+			noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
+			modelValueIgnoresHover: () => typeof modelValue.value === "boolean"
+		}, {
+			pause,
+			resume
+		});
+		(0, vue.watchEffect)(() => {
+			emit("close-countdown", remainingMs.value);
+		});
+		const computedTag = (0, vue.computed)(() => computedLink.value ? require_BLink.BLink_default : "div");
+		const isToastVisible = (0, vue.computed)(() => showRef.value || isActive.value || props.showOnPause && isPaused.value);
+		const colorClasses = require_useColorVariantClasses.useColorVariantClasses(props);
+		const computedClasses = (0, vue.computed)(() => [colorClasses.value, {
+			show: isVisible.value,
+			fade: !computedNoAnimation.value
+		}]);
+		(0, vue.watch)(modelValue, (newValue, oldValue) => {
+			if (typeof newValue === "number" && newValue > 0) {
+				const event = buildTriggerableEvent("show", {
+					cancelable: true,
+					trigger: "model"
+				});
+				emit("show", event);
+				if (event.defaultPrevented) emit("show-prevented", buildTriggerableEvent("show-prevented"));
+				else restart();
+			}
+			if (typeof newValue === "number" && newValue === 0) stop();
+			if (newValue === false && typeof oldValue === "number" && oldValue > 0) stop();
+		});
+		(0, vue.watch)(isActive, (newValue) => {
+			if (newValue === false && isPaused.value === false) {
+				hide();
+				modelValue.value = 0;
+				stop();
+			}
+		});
+		const sharedSlots = (0, vue.computed)(() => ({
+			toggle,
+			show,
+			hide,
+			id: computedId.value,
+			visible: showRef.value,
+			active: isActive.value
+		}));
+		__expose({
+			show,
+			hide,
+			toggle,
+			pause,
+			restart,
+			resume,
+			stop
+		});
+		return (_ctx, _cache) => {
+			const _component_BButton = require_BButton.BButton_default;
+			return (0, vue.unref)(renderRef) || (0, vue.unref)(contentShowing) ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(transitionProps), { appear: !!modelValue.value || (0, vue.unref)(props).visible }), {
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+					id: (0, vue.unref)(props).id,
+					ref: "_element",
+					class: (0, vue.normalizeClass)(["toast", [(0, vue.unref)(props).toastClass, computedClasses.value]]),
+					tabindex: "0",
+					style: { "display": "block" },
+					role: !isToastVisible.value ? void 0 : (0, vue.unref)(props).isStatus ? "status" : "alert",
+					"aria-live": !isToastVisible.value ? void 0 : (0, vue.unref)(props).isStatus ? "polite" : "assertive",
+					"aria-atomic": !isToastVisible.value ? void 0 : true
+				}, [
+					(0, vue.unref)(contentShowing) && (slots.title || (0, vue.unref)(props).title) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).headerTag), {
+						key: 0,
+						class: (0, vue.normalizeClass)(["toast-header", (0, vue.unref)(props).headerClass])
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "title", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createElementVNode)("strong", null, (0, vue.toDisplayString)((0, vue.unref)(props).title), 1)]), !(0, vue.unref)(props).noCloseButton ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [slots.close || (0, vue.unref)(props).closeContent ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_BButton, {
+							key: 0,
+							class: (0, vue.normalizeClass)([[(0, vue.unref)(props).closeClass], "ms-auto"]),
+							variant: (0, vue.unref)(props).closeVariant,
+							onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).closeContent), 1)])]),
+							_: 3
+						}, 8, ["class", "variant"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_BCloseButton.BCloseButton_default, {
+							key: 1,
+							"aria-label": (0, vue.unref)(props).closeLabel,
+							class: (0, vue.normalizeClass)(["ms-auto", [(0, vue.unref)(props).closeClass]]),
+							onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+						}, null, 8, ["aria-label", "class"]))], 64)) : (0, vue.createCommentVNode)("", true)]),
+						_: 3
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(contentShowing) && (slots.default || (0, vue.unref)(props).body) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(computedTag.value), (0, vue.mergeProps)({ class: ["toast-body", (0, vue.unref)(props).bodyClass] }, (0, vue.unref)(computedLinkProps), { onClick: _cache[2] || (_cache[2] = ($event) => (0, vue.unref)(computedLink) ? (0, vue.unref)(hide)() : () => {}) }), {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).body), 1)])]),
+						_: 3
+					}, 16, ["class"])), !(0, vue.unref)(props).noCloseButton && !(slots.title || (0, vue.unref)(props).title) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [slots.close || (0, vue.unref)(props).closeContent ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_BButton, {
+						key: 0,
+						class: (0, vue.normalizeClass)([[(0, vue.unref)(props).closeClass], "ms-auto btn-close-custom"]),
+						variant: (0, vue.unref)(props).closeVariant,
+						onClick: _cache[3] || (_cache[3] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).closeContent), 1)])]),
+						_: 3
+					}, 8, ["class", "variant"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_BCloseButton.BCloseButton_default, {
+						key: 1,
+						"aria-label": (0, vue.unref)(props).closeLabel,
+						class: (0, vue.normalizeClass)(["ms-auto btn-close-custom", [(0, vue.unref)(props).closeClass]]),
+						onClick: _cache[4] || (_cache[4] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+					}, null, 8, ["aria-label", "class"]))], 64)) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
+					typeof modelValue.value === "number" && !(0, vue.unref)(props).noProgress ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_BProgress.BProgress_default, {
+						key: 2,
+						animated: (0, vue.unref)(props).progressProps?.animated,
+						precision: (0, vue.unref)(props).progressProps?.precision,
+						"show-progress": (0, vue.unref)(props).progressProps?.showProgress,
+						"show-value": (0, vue.unref)(props).progressProps?.showValue,
+						striped: (0, vue.unref)(props).progressProps?.striped,
+						variant: (0, vue.unref)(props).progressProps?.variant,
+						max: modelValue.value,
+						value: (0, vue.unref)(remainingMs),
+						height: "4px"
+					}, null, 8, [
+						"animated",
+						"precision",
+						"show-progress",
+						"show-value",
+						"striped",
+						"variant",
+						"max",
+						"value"
+					])) : (0, vue.createCommentVNode)("", true)
+				], 10, _hoisted_1), [[vue.vShow, isToastVisible.value]])]),
+				_: 3
+			}, 16, ["appear"])) : (0, vue.createCommentVNode)("", true);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BToast_default", {
+	enumerable: true,
+	get: function() {
+		return BToast_default;
+	}
+});
+
+//# sourceMappingURL=BToast-BraVbf4N.js.map

package/dist/BToast-BraVbf4N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BToast-BraVbf4N.js","names":[],"sources":["../src/components/BToast/BToast.vue","../src/components/BToast/BToast.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=\"isToastVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"toast\"\n      :class=\"[props.toastClass, computedClasses]\"\n      tabindex=\"0\"\n      style=\"display: block\"\n      :role=\"!isToastVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isToastVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isToastVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"toast-header\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <strong>\n            {{ props.title }}\n          </strong>\n        </slot>\n        <template v-if=\"!props.noCloseButton\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto\"\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=\"ms-auto\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n        <!-- <BCloseButton  class=\"ms-auto\" @click=\"hide('close')\" /> -->\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex\">\n          <component\n            :is=\"computedTag\"\n            class=\"toast-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"!props.noCloseButton && !(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=\"ms-auto btn-close-custom\"\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.noProgress\"\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 {BToastProps} 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 {useColorVariantClasses} from '../../composables/useColorVariantClasses'\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<BToastProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noCloseButton: false,\n  noFade: false,\n  noHoverPause: false,\n  noProgress: 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  toastClass: 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  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BToast')\nconst emit = defineEmits<BToastEmits>()\nconst slots = defineSlots<BToastSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BToastProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'toast')\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 isToastVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    show: isVisible.value,\n    fade: !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (typeof newValue === 'number' && newValue > 0) {\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  if (typeof newValue === 'number' && newValue === 0) {\n    stop()\n  }\n  if (newValue === false && typeof oldValue === 'number' && oldValue > 0) {\n    stop()\n  }\n})\n\n// isActive in the composable will cause the toast to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n","<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isToastVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"toast\"\n      :class=\"[props.toastClass, computedClasses]\"\n      tabindex=\"0\"\n      style=\"display: block\"\n      :role=\"!isToastVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isToastVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isToastVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"toast-header\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <strong>\n            {{ props.title }}\n          </strong>\n        </slot>\n        <template v-if=\"!props.noCloseButton\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto\"\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=\"ms-auto\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n        <!-- <BCloseButton  class=\"ms-auto\" @click=\"hide('close')\" /> -->\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex\">\n          <component\n            :is=\"computedTag\"\n            class=\"toast-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"!props.noCloseButton && !(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=\"ms-auto btn-close-custom\"\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.noProgress\"\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 {BToastProps} 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 {useColorVariantClasses} from '../../composables/useColorVariantClasses'\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<BToastProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noCloseButton: false,\n  noFade: false,\n  noHoverPause: false,\n  noProgress: 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  toastClass: 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  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BToast')\nconst emit = defineEmits<BToastEmits>()\nconst slots = defineSlots<BToastSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BToastProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'toast')\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 isToastVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    show: isVisible.value,\n    fade: !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (typeof newValue === 'number' && newValue > 0) {\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  if (typeof newValue === 'number' && newValue === 0) {\n    stop()\n  }\n  if (newValue === false && typeof oldValue === 'number' && oldValue > 0) {\n    stop()\n  }\n})\n\n// isActive in the composable will cause the toast to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n"],"mappings":"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"}

package/dist/BToast-IYBku5Nr.mjs

@@ -0,0 +1,303 @@
+import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as useShowHide } from "./useShowHide-wBe7O9iE.mjs";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-GuDw8a_O.mjs";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-DoYZ8dBl.mjs";
+import { t as BButton_default } from "./BButton-1yV1UiT7.mjs";
+import { t as BCloseButton_default } from "./BCloseButton-DrD0tpan.mjs";
+import { t as BProgress_default } from "./BProgress-Bdf5AncM.mjs";
+import { n as useCountdown, t as useCountdownHover } from "./useCountdownHover-CTM7QEJ-.mjs";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, useSlots, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"role",
+	"aria-live",
+	"aria-atomic"
+];
+var _hoisted_2 = {
+	key: 1,
+	class: "d-flex"
+};
+//#endregion
+//#region src/components/BToast/BToast.vue
+var BToast_default = /* @__PURE__ */ defineComponent({
+	__name: "BToast",
+	props: /* @__PURE__ */ mergeModels({
+		body: { default: void 0 },
+		bodyClass: { default: void 0 },
+		closeClass: { default: void 0 },
+		closeContent: { default: void 0 },
+		closeLabel: { default: "Close" },
+		closeVariant: { default: "secondary" },
+		headerClass: { default: void 0 },
+		headerTag: { default: "div" },
+		id: { default: void 0 },
+		interval: { default: "requestAnimationFrame" },
+		isStatus: {
+			type: Boolean,
+			default: false
+		},
+		noCloseButton: {
+			type: Boolean,
+			default: false
+		},
+		noHoverPause: {
+			type: Boolean,
+			default: false
+		},
+		noProgress: {
+			type: Boolean,
+			default: false
+		},
+		noResumeOnHoverLeave: {
+			type: Boolean,
+			default: false
+		},
+		progressProps: { default: void 0 },
+		showOnPause: {
+			type: Boolean,
+			default: true
+		},
+		solid: {
+			type: Boolean,
+			default: false
+		},
+		title: { default: void 0 },
+		toastClass: { default: void 0 },
+		variant: { default: void 0 },
+		bgVariant: { default: null },
+		textVariant: { default: null },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: {
+			type: Boolean,
+			default: void 0
+		},
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		initialAnimation: {
+			type: Boolean,
+			default: false
+		},
+		noAnimation: { type: Boolean },
+		noFade: {
+			type: Boolean,
+			default: false
+		},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		unmountLazy: {
+			type: Boolean,
+			default: false
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		transProps: { default: void 0 },
+		visible: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"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"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = useDefaults(__props, "BToast");
+		const emit = __emit;
+		const slots = useSlots();
+		const element = useTemplateRef("_element");
+		const modelValue = useModel(__props, "modelValue");
+		const { computedLink, computedLinkProps } = useBLinkHelper(props);
+		const computedId = useId$1(() => props.id, "toast");
+		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = useShowHide(modelValue, props, emit, element, computedId);
+		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = useCountdown(computed(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value), props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
+		useCountdownHover(element, {
+			noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
+			noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
+			modelValueIgnoresHover: () => typeof modelValue.value === "boolean"
+		}, {
+			pause,
+			resume
+		});
+		watchEffect(() => {
+			emit("close-countdown", remainingMs.value);
+		});
+		const computedTag = computed(() => computedLink.value ? BLink_default : "div");
+		const isToastVisible = computed(() => showRef.value || isActive.value || props.showOnPause && isPaused.value);
+		const colorClasses = useColorVariantClasses(props);
+		const computedClasses = computed(() => [colorClasses.value, {
+			show: isVisible.value,
+			fade: !computedNoAnimation.value
+		}]);
+		watch(modelValue, (newValue, oldValue) => {
+			if (typeof newValue === "number" && newValue > 0) {
+				const event = buildTriggerableEvent("show", {
+					cancelable: true,
+					trigger: "model"
+				});
+				emit("show", event);
+				if (event.defaultPrevented) emit("show-prevented", buildTriggerableEvent("show-prevented"));
+				else restart();
+			}
+			if (typeof newValue === "number" && newValue === 0) stop();
+			if (newValue === false && typeof oldValue === "number" && oldValue > 0) stop();
+		});
+		watch(isActive, (newValue) => {
+			if (newValue === false && isPaused.value === false) {
+				hide();
+				modelValue.value = 0;
+				stop();
+			}
+		});
+		const sharedSlots = computed(() => ({
+			toggle,
+			show,
+			hide,
+			id: computedId.value,
+			visible: showRef.value,
+			active: isActive.value
+		}));
+		__expose({
+			show,
+			hide,
+			toggle,
+			pause,
+			restart,
+			resume,
+			stop
+		});
+		return (_ctx, _cache) => {
+			const _component_BButton = BButton_default;
+			return unref(renderRef) || unref(contentShowing) ? (openBlock(), createBlock(Transition, mergeProps({ key: 0 }, unref(transitionProps), { appear: !!modelValue.value || unref(props).visible }), {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					id: unref(props).id,
+					ref: "_element",
+					class: normalizeClass(["toast", [unref(props).toastClass, computedClasses.value]]),
+					tabindex: "0",
+					style: { "display": "block" },
+					role: !isToastVisible.value ? void 0 : unref(props).isStatus ? "status" : "alert",
+					"aria-live": !isToastVisible.value ? void 0 : unref(props).isStatus ? "polite" : "assertive",
+					"aria-atomic": !isToastVisible.value ? void 0 : true
+				}, [
+					unref(contentShowing) && (slots.title || unref(props).title) ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).headerTag), {
+						key: 0,
+						class: normalizeClass(["toast-header", unref(props).headerClass])
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createElementVNode("strong", null, toDisplayString(unref(props).title), 1)]), !unref(props).noCloseButton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.close || unref(props).closeContent ? (openBlock(), createBlock(_component_BButton, {
+							key: 0,
+							class: normalizeClass([[unref(props).closeClass], "ms-auto"]),
+							variant: unref(props).closeVariant,
+							onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).closeContent), 1)])]),
+							_: 3
+						}, 8, ["class", "variant"])) : (openBlock(), createBlock(BCloseButton_default, {
+							key: 1,
+							"aria-label": unref(props).closeLabel,
+							class: normalizeClass(["ms-auto", [unref(props).closeClass]]),
+							onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+						}, null, 8, ["aria-label", "class"]))], 64)) : createCommentVNode("", true)]),
+						_: 3
+					}, 8, ["class"])) : createCommentVNode("", true),
+					unref(contentShowing) && (slots.default || unref(props).body) ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ class: ["toast-body", unref(props).bodyClass] }, unref(computedLinkProps), { onClick: _cache[2] || (_cache[2] = ($event) => unref(computedLink) ? unref(hide)() : () => {}) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).body), 1)])]),
+						_: 3
+					}, 16, ["class"])), !unref(props).noCloseButton && !(slots.title || unref(props).title) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.close || unref(props).closeContent ? (openBlock(), createBlock(_component_BButton, {
+						key: 0,
+						class: normalizeClass([[unref(props).closeClass], "ms-auto btn-close-custom"]),
+						variant: unref(props).closeVariant,
+						onClick: _cache[3] || (_cache[3] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).closeContent), 1)])]),
+						_: 3
+					}, 8, ["class", "variant"])) : (openBlock(), createBlock(BCloseButton_default, {
+						key: 1,
+						"aria-label": unref(props).closeLabel,
+						class: normalizeClass(["ms-auto btn-close-custom", [unref(props).closeClass]]),
+						onClick: _cache[4] || (_cache[4] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+					}, null, 8, ["aria-label", "class"]))], 64)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					typeof modelValue.value === "number" && !unref(props).noProgress ? (openBlock(), createBlock(BProgress_default, {
+						key: 2,
+						animated: unref(props).progressProps?.animated,
+						precision: unref(props).progressProps?.precision,
+						"show-progress": unref(props).progressProps?.showProgress,
+						"show-value": unref(props).progressProps?.showValue,
+						striped: unref(props).progressProps?.striped,
+						variant: unref(props).progressProps?.variant,
+						max: modelValue.value,
+						value: unref(remainingMs),
+						height: "4px"
+					}, null, 8, [
+						"animated",
+						"precision",
+						"show-progress",
+						"show-value",
+						"striped",
+						"variant",
+						"max",
+						"value"
+					])) : createCommentVNode("", true)
+				], 10, _hoisted_1), [[vShow, isToastVisible.value]])]),
+				_: 3
+			}, 16, ["appear"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { BToast_default as t };
+
+//# sourceMappingURL=BToast-IYBku5Nr.mjs.map