bootstrap-vue-next 0.45.9 → 0.46.0

package/dist/src/composables/useModal/index.mjs

@@ -1,58 +1,56 @@
-import { _ as orchestratorRegistryKey } from "../../../keys-DU7sQgl3.mjs";
-import { buildPromise } from "../orchestratorShared/index.mjs";
-import { n as useSharedModalStack, t as BModal_default } from "../../../BModal-C-ZCau2E.mjs";
-import "../../components/index.mjs";
-import { computed, getCurrentInstance, inject, isReadonly, isRef, markRaw, onScopeDispose, shallowRef, toValue, watch } from "vue";
+import { _ as orchestratorRegistryKey } from "../../../keys-BgLwJbLV.js";
+import { buildController, getOrchestratorControllerId } from "../orchestratorShared/index.mjs";
+import { n as useSharedModalStack, t as BModal_default } from "../../../BModal-NPsCBNo7.js";
+import { computed, getCurrentInstance, inject, markRaw, onScopeDispose, ref, toValue } from "vue";
 //#region src/composables/useModal/index.ts
 var useModal = () => {
 	const orchestratorRegistry = inject(orchestratorRegistryKey, null);
 	if (!orchestratorRegistry) throw Error("useModal() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.");
 	const { store, _isOrchestratorInstalled } = orchestratorRegistry;
 	/**
-	* @returns {PromiseWithComponent}  Returns a promise object with methods to control the modal (show, hide, toggle, get, set, destroy)
+	* @returns {ComponentController<typeof BModal, Ref<ModalOrchestratorArrayValue>>}
 	*/
-	const create = (obj = {}, options = {}) => {
+	function create(obj = {}) {
 		if (!_isOrchestratorInstalled.value) throw new Error("BApp component must be mounted to use the modal controller");
-		const resolvedProps = isRef(obj) ? obj : shallowRef(obj);
-		const _self = resolvedProps.value?.id || Symbol("Modals controller");
-		const promise = buildPromise(_self, store);
-		promise.stop = watch(resolvedProps, (_newValue) => {
-			const newValue = { ...toValue(_newValue) };
-			const previousIndex = store.value.findIndex((el) => el._self === _self);
-			const v = {
-				type: "modal",
-				_self,
-				position: "modal",
-				...previousIndex === -1 ? { _component: markRaw(BModal_default) } : store.value[previousIndex],
-				options,
-				promise
-			};
-			for (const key in newValue) if (key.startsWith("on")) v[key] = newValue[key];
-			else if (key === "component" && newValue.component) v._component = markRaw(newValue.component);
-			else if (key === "slots" && newValue.slots) v.slots = markRaw(newValue.slots);
-			else v[key] = toValue(newValue[key]);
-			v.modelValue = v.modelValue ?? false;
-			v["onUpdate:modelValue"] = (val) => {
-				const onUpdateModelValue = newValue["onUpdate:modelValue"];
-				onUpdateModelValue?.(val);
-				const { modelValue } = toValue(obj);
-				if (isRef(obj) && !isRef(modelValue)) obj.value.modelValue = val;
-				if (isRef(modelValue) && !isReadonly(modelValue)) modelValue.value = val;
-				const modal = store.value.find((el) => el._self === _self);
-				if (modal) modal.modelValue = val;
-			};
-			if (previousIndex === -1) store.value.push(v);
-			else store.value.splice(previousIndex, 1, v);
-		}, {
-			immediate: true,
-			deep: true
+		const modalComp = markRaw(BModal_default);
+		const resolvedProps = ref(obj);
+		const modalStore = computed(() => store.value.modal);
+		const { htmlAttributeId, storeId } = getOrchestratorControllerId(resolvedProps.value.id);
+		const { resolve, controller } = buildController(storeId, modalStore);
+		const value = computed({
+			get: () => {
+				const { component = modalComp, options, slots, ...props } = resolvedProps.value;
+				return {
+					component,
+					options,
+					slots,
+					fns: {
+						resolve,
+						setRef: (v) => {
+							controller.ref = v;
+						},
+						destroy: controller.destroy
+					},
+					id: storeId,
+					props: {
+						...props,
+						id: htmlAttributeId
+					}
+				};
+			},
+			set: (v) => {
+				resolvedProps.value = {
+					...resolvedProps.value,
+					...v.props
+				};
+			}
 		});
-		onScopeDispose(() => {
-			const modal = store.value.find((el) => el._self === _self);
-			if (modal) modal.promise.value.destroy?.();
+		modalStore.value.set(storeId, value);
+		onScopeDispose(async () => {
+			await controller[Symbol.asyncDispose]();
 		}, true);
-		return promise.value;
-	};
+		return controller;
+	}
 	const { lastStack, stack, registry } = useSharedModalStack();
 	/**
 	* Show a modal
@@ -67,11 +65,15 @@ var useModal = () => {
 				stackModal.exposed?.show();
 				return;
 			}
-			const modal = store.value.find((el) => el._self === id);
-			if (modal) {
-				modal.modelValue = true;
-				modal["onUpdate:modelValue"]?.(true);
-			} else stack?.value.forEach((modal) => {
+			const modal = store.value.modal.get(id);
+			if (modal?.value) modal.value = {
+				...modal.value,
+				props: {
+					...modal.value.props,
+					modelValue: true
+				}
+			};
+			else stack?.value.forEach((modal) => {
 				if (modal.exposed?.id === id) modal.exposed?.show();
 			});
 		}
@@ -90,11 +92,15 @@ var useModal = () => {
 				stackModal.exposed?.hide(trigger);
 				return;
 			}
-			const modal = store.value.find((el) => el._self === id);
-			if (modal) {
-				modal.modelValue = false;
-				modal["onUpdate:modelValue"]?.(false);
-			} else stack?.value.forEach((modal) => {
+			const modal = store.value.modal.get(id);
+			if (modal?.value) modal.value = {
+				...modal.value,
+				props: {
+					...modal.value.props,
+					modelValue: false
+				}
+			};
+			else stack?.value.forEach((modal) => {
 				if (modal.exposed?.id === id) modal.exposed?.hide(trigger, true);
 			});
 		}
@@ -109,14 +115,14 @@ var useModal = () => {
 		});
 	};
 	const get = (id) => {
-		const modal = store.value.find((el) => el._self === id);
+		const modal = store.value.modal.get(id);
 		if (modal) return {
 			modal,
 			show() {
-				modal?.promise.value.show();
+				show(id);
 			},
 			hide(trigger) {
-				modal?.promise.value.hide(trigger);
+				hide(trigger, id);
 			}
 		};
 		if (registry?.value) {
@@ -162,12 +168,7 @@ var useModal = () => {
 		store
 	};
 };
-/**
-* @deprecated use useModal() instead.
-* @returns {ReturnType<typeof useModal>} The modal controller
-*/
-var useModalController = useModal;
 //#endregion
-export { useModal, useModalController };
+export { useModal };
 
 //# sourceMappingURL=index.mjs.map

package/dist/src/composables/useModal/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useModal/index.ts"],"sourcesContent":["import {\n  type Component,\n  type ComponentInternalInstance,\n  computed,\n  getCurrentInstance,\n  inject,\n  isReadonly,\n  isRef,\n  markRaw,\n  onScopeDispose,\n  type Ref,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport {useSharedModalStack} from '../useModalManager'\n\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport type {\n  ControllerKey,\n  ModalOrchestratorArrayValue,\n  ModalOrchestratorCreateParam,\n  ModalOrchestratorParam,\n  OrchestratorCreateOptions,\n  PromiseWithComponent,\n} from '../../types/ComponentOrchestratorTypes'\nimport {buildPromise} from '../orchestratorShared'\nimport {BModal} from '../../components'\n\nexport const useModal = () => {\n  const orchestratorRegistry = inject(orchestratorRegistryKey, null)\n  if (!orchestratorRegistry) {\n    throw Error(\n      'useModal() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.'\n    )\n  }\n  const {store, _isOrchestratorInstalled} = orchestratorRegistry\n\n  /**\n   * @returns {PromiseWithComponent}  Returns a promise object with methods to control the modal (show, hide, toggle, get, set, destroy)\n   */\n  const create = <ComponentProps = Record<string, unknown>>(\n    obj: ModalOrchestratorCreateParam<ComponentProps> = {} as ModalOrchestratorCreateParam<ComponentProps>,\n    options: OrchestratorCreateOptions = {}\n  ): PromiseWithComponent<typeof BModal, ModalOrchestratorParam<ComponentProps>> => {\n    if (!_isOrchestratorInstalled.value) {\n      throw new Error('BApp component must be mounted to use the modal controller')\n    }\n\n    const resolvedProps = (isRef(obj) ? obj : shallowRef(obj)) as Ref<\n      ModalOrchestratorParam<ComponentProps>\n    >\n    const _self = resolvedProps.value?.id || Symbol('Modals controller')\n\n    const promise = buildPromise<\n      typeof BModal,\n      ModalOrchestratorParam<ComponentProps>,\n      ModalOrchestratorArrayValue\n    >(_self, store as Ref<ModalOrchestratorArrayValue[]>)\n\n    promise.stop = watch(\n      resolvedProps,\n      (_newValue) => {\n        const newValue = {...toValue(_newValue)} as Record<string, unknown>\n        const previousIndex = store.value.findIndex((el) => el._self === _self)\n        const previous =\n          previousIndex === -1 ? {_component: markRaw(BModal)} : store.value[previousIndex]\n        const v = {\n          type: 'modal',\n          _self,\n          position: 'modal',\n          ...previous,\n          options,\n          promise,\n        } as ModalOrchestratorArrayValue\n\n        for (const key in newValue) {\n          if (key.startsWith('on')) {\n            v[key as keyof ModalOrchestratorArrayValue] = newValue[key] as never\n          } else if (key === 'component' && newValue.component) {\n            v._component = markRaw(newValue.component as Component)\n          } else if (key === 'slots' && newValue.slots) {\n            v.slots = markRaw(newValue.slots) as never\n          } else {\n            v[key as keyof ModalOrchestratorArrayValue] = toValue(newValue[key]) as never\n          }\n        }\n        v.modelValue = v.modelValue ?? false\n        v['onUpdate:modelValue'] = (val: boolean) => {\n          const onUpdateModelValue = newValue['onUpdate:modelValue'] as\n            | ((val: boolean) => void)\n            | undefined\n          onUpdateModelValue?.(val)\n          const {modelValue} = toValue(obj)\n          if (isRef(obj) && !isRef(modelValue)) obj.value.modelValue = val\n          if (isRef(modelValue) && !isReadonly(modelValue)) {\n            ;(modelValue as Ref<ModalOrchestratorArrayValue['modelValue']>).value = val\n          }\n          const modal = store.value.find((el) => el._self === _self)\n          if (modal) {\n            modal.modelValue = val\n          }\n        }\n\n        if (previousIndex === -1) {\n          store.value.push(v)\n        } else {\n          store.value.splice(previousIndex, 1, v)\n        }\n      },\n      {\n        immediate: true,\n        deep: true,\n      }\n    )\n    onScopeDispose(() => {\n      const modal = store.value.find((el) => el._self === _self)\n      if (modal) {\n        modal.promise.value.destroy?.()\n      }\n    }, true)\n    return promise.value\n  }\n\n  const {lastStack, stack, registry} = useSharedModalStack()\n  /**\n   * Show a modal\n   * @param id - The id of the modal to show\n   */\n  const show = (id?: ControllerKey) => {\n    if (id === undefined) {\n      if (lastStack?.value) {\n        lastStack?.value.exposed?.show()\n      }\n    } else {\n      const stackModal = stack?.value.find((modal) => modal.exposed?.id === id)\n      if (stackModal) {\n        stackModal.exposed?.show()\n        return\n      }\n      const modal = store.value.find((el) => el._self === id)\n      if (modal) {\n        modal.modelValue = true\n        modal['onUpdate:modelValue']?.(true)\n      } else {\n        stack?.value.forEach((modal) => {\n          if (modal.exposed?.id === id) {\n            modal.exposed?.show()\n          }\n        })\n      }\n    }\n  }\n\n  /**\n   * Hide a modal\n   * @param trigger - The trigger to hide the modal\n   * @param id - The id of the modal to hide\n   */\n  const hide = (trigger?: string, id?: ControllerKey) => {\n    if (id === undefined) {\n      if (lastStack?.value) {\n        lastStack?.value.exposed?.hide(trigger)\n      }\n    } else {\n      const stackModal = stack?.value.find((modal) => modal.exposed?.id === id)\n      if (stackModal) {\n        stackModal.exposed?.hide(trigger)\n        return\n      }\n      const modal = store.value.find((el) => el._self === id)\n      if (modal) {\n        modal.modelValue = false\n        modal['onUpdate:modelValue']?.(false)\n      } else {\n        stack?.value.forEach((modal) => {\n          if (modal.exposed?.id === id) {\n            modal.exposed?.hide(trigger, true)\n          }\n        })\n      }\n    }\n  }\n\n  /**\n   * Hide all modals\n   * @param trigger - The trigger to hide all modals\n   */\n  const hideAll = (trigger?: string) => {\n    stack?.value.forEach((modal) => {\n      modal.exposed?.hide(trigger, true)\n    })\n  }\n\n  const get = (id: ControllerKey) => {\n    const modal = store.value.find((el) => el._self === id)\n    if (modal) {\n      return {\n        modal,\n        show() {\n          modal?.promise.value.show()\n        },\n        hide(trigger?: string) {\n          modal?.promise.value.hide(trigger)\n        },\n      }\n    }\n    if (registry?.value) {\n      for (const [, modal] of registry?.value.entries() ?? []) {\n        if (toValue(modal.exposed?.id) === id) {\n          return {\n            modal,\n            show() {\n              modal.exposed?.show()\n            },\n            hide(trigger?: string) {\n              modal.exposed?.hide(trigger, true)\n            },\n          }\n        }\n      }\n    }\n    return null\n  }\n\n  const instance = getCurrentInstance()\n  const current = () => {\n    const findBModal = (component: ComponentInternalInstance): ComponentInternalInstance | null => {\n      if (!component.parent) {\n        return null\n      }\n      if (component.parent.type === BModal) {\n        return component.parent\n      }\n      return findBModal(component.parent)\n    }\n    if (!instance) {\n      return null\n    }\n    const modalComponent = computed(() => findBModal(instance))\n    const modal = computed(() => modalComponent.value?.proxy)\n    return {\n      show() {\n        modalComponent.value?.exposed?.show()\n      },\n      hide(trigger?: string) {\n        modalComponent.value?.exposed?.hide(trigger, true)\n      },\n      modal,\n    }\n  }\n\n  return {\n    show,\n    hide,\n    hideAll,\n    get,\n    current,\n    create,\n    _isOrchestratorInstalled,\n    store,\n    // Todo: Supports listening events globally in the future\n  }\n}\n\n/**\n * @deprecated use useModal() instead.\n * @returns {ReturnType<typeof useModal>} The modal controller\n */\nexport const useModalController = useModal\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useModal/index.ts"],"sourcesContent":["import {\n  type ComponentInternalInstance,\n  type ComponentPublicInstance,\n  computed,\n  type ComputedRef,\n  getCurrentInstance,\n  inject,\n  markRaw,\n  type MaybeRef,\n  onScopeDispose,\n  type Ref,\n  ref,\n  toValue,\n} from 'vue'\nimport {useSharedModalStack} from '../useModalManager'\n\nimport {orchestratorRegistryKey, type OrchestratorStoreObject} from '../../utils/keys'\nimport type {\n  ComponentController,\n  ControllerKey,\n  ModalOrchestratorArrayValue,\n  ModalOrchestratorCreateParamBase,\n} from '../../types'\nimport {buildController, getOrchestratorControllerId} from '../orchestratorShared'\nimport {BModal} from '../../components'\n\nexport const useModal = () => {\n  const orchestratorRegistry = inject(orchestratorRegistryKey, null)\n  if (!orchestratorRegistry)\n    throw Error(\n      'useModal() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.'\n    )\n  const {store, _isOrchestratorInstalled} = orchestratorRegistry\n\n  /**\n   * @returns {ComponentController<typeof BModal, Ref<ModalOrchestratorArrayValue>>}\n   */\n  // Uses a `function` declaration (rather than a generic arrow function assigned to a const) so\n  // that TypeScript preserves per-call generic inference when `create` is returned as part of\n  // `useModal()`'s inferred return object.\n  function create<\n    ComponentProps extends Record<string, unknown> = Record<string, unknown>,\n    T extends ModalOrchestratorCreateParamBase<ComponentProps> = ModalOrchestratorCreateParamBase<ComponentProps>,\n  >(\n    obj: MaybeRef<T> = {} as T\n  ): ComponentController<typeof BModal, Ref<ModalOrchestratorArrayValue>> {\n    if (!_isOrchestratorInstalled.value)\n      throw new Error('BApp component must be mounted to use the modal controller')\n\n    const modalComp = markRaw(BModal)\n    const resolvedProps = ref(obj)\n    const modalStore = computed(() => store.value.modal)\n    const {htmlAttributeId, storeId} = getOrchestratorControllerId(resolvedProps.value.id)\n\n    const {resolve, controller} = buildController<\n      typeof BModal,\n      ComputedRef<OrchestratorStoreObject['modal']>\n    >(storeId, modalStore)\n\n    const value = computed<ModalOrchestratorArrayValue>({\n      get: () => {\n        const {component = modalComp, options, slots, ...props} = resolvedProps.value\n\n        return {\n          component,\n          options,\n          slots,\n          fns: {\n            resolve,\n            setRef: (v: ComponentPublicInstance) => {\n              controller.ref = v\n            },\n            destroy: controller.destroy,\n          },\n          id: storeId,\n          props: {\n            ...props,\n            id: htmlAttributeId,\n          },\n        }\n      },\n      set: (v) => {\n        resolvedProps.value = {\n          ...resolvedProps.value,\n          ...v.props,\n        }\n      },\n    })\n\n    modalStore.value.set(storeId, value)\n\n    onScopeDispose(async () => {\n      await controller[Symbol.asyncDispose]()\n    }, true)\n    return controller\n  }\n\n  const {lastStack, stack, registry} = useSharedModalStack()\n  /**\n   * Show a modal\n   * @param id - The id of the modal to show\n   */\n  const show = (id?: ControllerKey) => {\n    if (id === undefined) {\n      if (lastStack?.value) {\n        lastStack?.value.exposed?.show()\n      }\n    } else {\n      const stackModal = stack?.value.find((modal) => modal.exposed?.id === id)\n      if (stackModal) {\n        stackModal.exposed?.show()\n        return\n      }\n      const modal = store.value.modal.get(id)\n      if (modal?.value) {\n        modal.value = {\n          ...modal.value,\n          props: {\n            ...modal.value.props,\n            modelValue: true,\n          },\n        }\n      } else {\n        stack?.value.forEach((modal) => {\n          if (modal.exposed?.id === id) {\n            modal.exposed?.show()\n          }\n        })\n      }\n    }\n  }\n\n  /**\n   * Hide a modal\n   * @param trigger - The trigger to hide the modal\n   * @param id - The id of the modal to hide\n   */\n  const hide = (trigger?: string, id?: ControllerKey) => {\n    if (id === undefined) {\n      if (lastStack?.value) {\n        lastStack?.value.exposed?.hide(trigger)\n      }\n    } else {\n      const stackModal = stack?.value.find((modal) => modal.exposed?.id === id)\n      if (stackModal) {\n        stackModal.exposed?.hide(trigger)\n        return\n      }\n      const modal = store.value.modal.get(id)\n      if (modal?.value) {\n        modal.value = {\n          ...modal.value,\n          props: {\n            ...modal.value.props,\n            modelValue: false,\n          },\n        }\n      } else {\n        stack?.value.forEach((modal) => {\n          if (modal.exposed?.id === id) {\n            modal.exposed?.hide(trigger, true)\n          }\n        })\n      }\n    }\n  }\n\n  /**\n   * Hide all modals\n   * @param trigger - The trigger to hide all modals\n   */\n  const hideAll = (trigger?: string) => {\n    stack?.value.forEach((modal) => {\n      modal.exposed?.hide(trigger, true)\n    })\n  }\n\n  const get = (id: ControllerKey) => {\n    const modal = store.value.modal.get(id)\n    if (modal) {\n      return {\n        modal,\n        show() {\n          show(id)\n        },\n        hide(trigger?: string) {\n          hide(trigger, id)\n        },\n      }\n    }\n    if (registry?.value) {\n      for (const [, modal] of registry?.value.entries() ?? []) {\n        if (toValue(modal.exposed?.id) === id) {\n          return {\n            modal,\n            show() {\n              modal.exposed?.show()\n            },\n            hide(trigger?: string) {\n              modal.exposed?.hide(trigger, true)\n            },\n          }\n        }\n      }\n    }\n    return null\n  }\n\n  const instance = getCurrentInstance()\n  const current = () => {\n    const findBModal = (component: ComponentInternalInstance): ComponentInternalInstance | null => {\n      if (!component.parent) {\n        return null\n      }\n      if (component.parent.type === BModal) {\n        return component.parent\n      }\n      return findBModal(component.parent)\n    }\n    if (!instance) {\n      return null\n    }\n    const modalComponent = computed(() => findBModal(instance))\n    const modal = computed(() => modalComponent.value?.proxy)\n    return {\n      show() {\n        modalComponent.value?.exposed?.show()\n      },\n      hide(trigger?: string) {\n        modalComponent.value?.exposed?.hide(trigger, true)\n      },\n      modal,\n    }\n  }\n\n  return {\n    show,\n    hide,\n    hideAll,\n    get,\n    current,\n    create,\n    _isOrchestratorInstalled,\n    store,\n    // Todo: Supports listening events globally in the future\n  }\n}\n"],"mappings":"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"}

package/dist/src/composables/usePopover/index.mjs

@@ -1,73 +1,61 @@
-import { _ as orchestratorRegistryKey } from "../../../keys-DU7sQgl3.mjs";
-import { buildPromise } from "../orchestratorShared/index.mjs";
-import { u as BPopover_default } from "../../../floatingUi-62aeQtAb.mjs";
-import { t as BTooltip_default } from "../../../BTooltip-CVP8HdkU.mjs";
-import "../../components/index.mjs";
-import { inject, isReadonly, isRef, markRaw, onScopeDispose, shallowRef, toValue, watch } from "vue";
+import { _ as orchestratorRegistryKey } from "../../../keys-BgLwJbLV.js";
+import { buildController, getOrchestratorControllerId } from "../orchestratorShared/index.mjs";
+import { u as BPopover_default } from "../../../floatingUi-BlKoACvc.js";
+import { t as BTooltip_default } from "../../../BTooltip-BxaUtV4m.js";
+import { computed, inject, markRaw, onScopeDispose, ref } from "vue";
 //#region src/composables/usePopover/index.ts
 var usePopover = () => {
 	const orchestratorRegistry = inject(orchestratorRegistryKey, null);
 	if (!orchestratorRegistry) throw new Error("usePopover() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.");
 	const { store, _isOrchestratorInstalled } = orchestratorRegistry;
-	/**
-	* Create a popover or tooltip
-	* @param obj The popover or tooltip props
-	* @param tooltip If true, create a tooltip, otherwise create a popover
-	* @returns {PromiseWithComponent<typeof BPopover | typeof BTooltip, PopoverOrchestratorParam>} A promise object with methods to control the popover (show, hide, toggle, get, set, destroy)
-	*/
-	const create = (obj, tooltip, options = { keep: true }) => {
+	function create(obj, tooltip = false) {
 		if (!_isOrchestratorInstalled.value) throw new Error("The BApp component must be mounted to use the popover controller");
-		const resolvedProps = isRef(obj) ? obj : shallowRef(obj);
-		const _self = resolvedProps.value?.id || Symbol("Popover controller");
-		const promise = buildPromise(_self, store);
-		promise.stop = watch(resolvedProps, (_newValue) => {
-			const newValue = { ...toValue(_newValue) };
-			const previousIndex = store.value.findIndex((el) => el._self === _self);
-			const previous = previousIndex === -1 ? { _component: tooltip ? markRaw(BTooltip_default) : markRaw(BPopover_default) } : store.value[previousIndex];
-			const v = tooltip ? {
-				...previous,
-				type: "tooltip",
-				_self,
-				position: "popover",
-				promise,
-				options
-			} : {
-				...previous,
-				type: "popover",
-				_self,
-				position: "popover",
-				promise,
-				options
-			};
-			for (const key in newValue) if (key.startsWith("on")) v[key] = newValue[key];
-			else if (key === "component" && newValue.component) v._component = markRaw(newValue.component);
-			else if (key === "slots" && newValue.slots) v.slots = markRaw(newValue.slots);
-			else v[key] = toValue(newValue[key]);
-			v.modelValue = v.modelValue ?? false;
-			v["onUpdate:modelValue"] = (val) => {
-				newValue["onUpdate:modelValue"]?.(val);
-				const { modelValue } = toValue(obj);
-				if (isRef(obj) && !isRef(modelValue)) obj.value.modelValue = val;
-				if (isRef(modelValue) && !isReadonly(modelValue)) modelValue.value = val;
-				if (v.modelValue !== val) {
-					const popover = store.value.find((el) => el._self === _self);
-					if (popover) popover.modelValue = val;
-				}
-			};
-			if (previousIndex === -1) store.value.push(v);
-			else store.value.splice(previousIndex, 1, v);
-		}, {
-			immediate: true,
-			deep: true
+		const comp = markRaw(tooltip ? BTooltip_default : BPopover_default);
+		const resolvedProps = ref(obj);
+		const type = tooltip ? "tooltip" : "popover";
+		const pickedStore = computed(() => store.value[type]);
+		const { htmlAttributeId, storeId } = getOrchestratorControllerId(resolvedProps.value.id);
+		const { controller, resolve } = buildController(storeId, pickedStore);
+		const value = computed({
+			get: () => {
+				const { component = comp, options, slots, ...props } = resolvedProps.value;
+				return {
+					component,
+					options,
+					slots,
+					id: storeId,
+					fns: {
+						resolve,
+						setRef: (v) => {
+							controller.ref = v;
+						},
+						destroy: controller.destroy
+					},
+					props: {
+						...props,
+						id: htmlAttributeId
+					}
+				};
+			},
+			set: (v) => {
+				resolvedProps.value = {
+					...resolvedProps.value,
+					...v.props
+				};
+			}
 		});
-		onScopeDispose(() => {
-			const popover = store.value.find((el) => el._self === _self);
-			if (popover) popover.promise.value.destroy?.();
+		pickedStore.value.set(storeId, value);
+		onScopeDispose(async () => {
+			await controller[Symbol.asyncDispose]();
 		}, true);
-		return promise.value;
-	};
-	const tooltip = (obj, options = { keep: true }) => create(obj, true, options);
-	const popover = (obj, options = { keep: true }) => create(obj, false, options);
+		return controller;
+	}
+	function tooltip(obj) {
+		return create(obj, true);
+	}
+	function popover(obj) {
+		return create(obj, false);
+	}
 	return {
 		_isOrchestratorInstalled,
 		create,
@@ -76,12 +64,7 @@ var usePopover = () => {
 		store
 	};
 };
-/**
-* @deprecated use usePopover() instead.
-* @returns {ReturnType<typeof usePopover>} The popover controller
-*/
-var usePopoverController = usePopover;
 //#endregion
-export { usePopover, usePopoverController };
+export { usePopover };
 
 //# sourceMappingURL=index.mjs.map

package/dist/src/composables/usePopover/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/usePopover/index.ts"],"sourcesContent":["import {\n  inject,\n  isReadonly,\n  isRef,\n  markRaw,\n  onScopeDispose,\n  type Ref,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport type {\n  OrchestratorCreateOptions,\n  PopoverOrchestratorArrayValue,\n  PopoverOrchestratorCreateParam,\n  PopoverOrchestratorParam,\n  PromiseWithComponent,\n  TooltipOrchestratorArrayValue,\n  TooltipOrchestratorCreateParam,\n  TooltipOrchestratorParam,\n} from '../../types/ComponentOrchestratorTypes'\nimport {BPopover, BTooltip} from '../../components'\nimport {buildPromise} from '../orchestratorShared'\n\nexport const usePopover = () => {\n  const orchestratorRegistry = inject(orchestratorRegistryKey, null)\n  if (!orchestratorRegistry) {\n    throw new Error(\n      'usePopover() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.'\n    )\n  }\n\n  const {store, _isOrchestratorInstalled} = orchestratorRegistry\n\n  /**\n   * Create a popover or tooltip\n   * @param obj The popover or tooltip props\n   * @param tooltip If true, create a tooltip, otherwise create a popover\n   * @returns {PromiseWithComponent<typeof BPopover | typeof BTooltip, PopoverOrchestratorParam>} A promise object with methods to control the popover (show, hide, toggle, get, set, destroy)\n   */\n  const create = (\n    obj: PopoverOrchestratorCreateParam | TooltipOrchestratorCreateParam,\n    tooltip?: boolean,\n    options: OrchestratorCreateOptions = {keep: true}\n  ): PromiseWithComponent<\n    typeof BPopover | typeof BTooltip,\n    PopoverOrchestratorParam | TooltipOrchestratorParam\n  > => {\n    if (!_isOrchestratorInstalled.value) {\n      throw new Error('The BApp component must be mounted to use the popover controller')\n    }\n\n    const resolvedProps = isRef(obj) ? obj : shallowRef(obj)\n    const _self = resolvedProps.value?.id || Symbol('Popover controller')\n\n    const promise = buildPromise<\n      typeof BPopover | typeof BTooltip,\n      PopoverOrchestratorParam | TooltipOrchestratorParam,\n      PopoverOrchestratorArrayValue | TooltipOrchestratorArrayValue\n    >(_self, store as Ref<PopoverOrchestratorArrayValue[] | TooltipOrchestratorArrayValue[]>)\n\n    promise.stop = watch(\n      resolvedProps,\n      (_newValue) => {\n        const newValue = {...toValue(_newValue)}\n        const previousIndex = store.value.findIndex((el) => el._self === _self)\n        const previous =\n          previousIndex === -1\n            ? {_component: tooltip ? markRaw(BTooltip) : markRaw(BPopover)}\n            : store.value[previousIndex]\n        // if (!previous) return\n        const v: PopoverOrchestratorArrayValue | TooltipOrchestratorArrayValue = tooltip\n          ? ({\n              ...previous,\n              type: 'tooltip',\n              _self,\n              position: 'popover',\n              promise,\n              options,\n            } as TooltipOrchestratorArrayValue)\n          : ({\n              ...previous,\n              type: 'popover',\n              _self,\n              position: 'popover',\n              promise,\n              options,\n            } as PopoverOrchestratorArrayValue)\n\n        for (const key in newValue) {\n          if (key.startsWith('on')) {\n            v[key as keyof PopoverOrchestratorCreateParam] =\n              newValue[key as keyof PopoverOrchestratorCreateParam]\n          } else if (key === 'component' && newValue.component) {\n            v._component = markRaw(newValue.component)\n          } else if (key === 'slots' && newValue.slots) {\n            v.slots = markRaw(newValue.slots)\n          } else {\n            v[key as keyof PopoverOrchestratorCreateParam] = toValue(\n              newValue[key as keyof PopoverOrchestratorCreateParam]\n            )\n          }\n        }\n\n        v.modelValue = v.modelValue ?? false\n        v['onUpdate:modelValue'] = (val: boolean) => {\n          newValue['onUpdate:modelValue']?.(val)\n          const {modelValue} = toValue(obj)\n          if (isRef(obj) && !isRef(modelValue)) obj.value.modelValue = val\n          if (isRef(modelValue) && !isReadonly(modelValue)) {\n            ;(modelValue as Ref<PopoverOrchestratorParam['modelValue']>).value = val\n          }\n          if (v.modelValue !== val) {\n            const popover = store.value.find((el) => el._self === _self)\n            if (popover) {\n              popover.modelValue = val\n            }\n          }\n        }\n        if (previousIndex === -1) {\n          store.value.push(v)\n        } else {\n          store.value.splice(previousIndex, 1, v)\n        }\n      },\n      {\n        immediate: true,\n        deep: true,\n      }\n    )\n\n    onScopeDispose(() => {\n      const popover = store.value.find((el) => el._self === _self)\n      if (popover) {\n        popover.promise.value.destroy?.()\n      }\n    }, true)\n\n    return promise.value\n  }\n\n  const tooltip = (\n    obj: TooltipOrchestratorCreateParam,\n    options: OrchestratorCreateOptions = {keep: true}\n  ) => create(obj, true, options)\n\n  const popover = (\n    obj: PopoverOrchestratorCreateParam,\n    options: OrchestratorCreateOptions = {keep: true}\n  ) => create(obj, false, options)\n\n  return {\n    _isOrchestratorInstalled,\n    create,\n    popover,\n    tooltip,\n    store,\n  }\n}\n\n/**\n * @deprecated use usePopover() instead.\n * @returns {ReturnType<typeof usePopover>} The popover controller\n */\nexport const usePopoverController = usePopover\n"],"mappings":";;;;;;;AAyBA,IAAa,mBAAmB;CAC9B,MAAM,uBAAuB,OAAO,yBAAyB,KAAK;AAClE,KAAI,CAAC,qBACH,OAAM,IAAI,MACR,0GACD;CAGH,MAAM,EAAC,OAAO,6BAA4B;;;;;;;CAQ1C,MAAM,UACJ,KACA,SACA,UAAqC,EAAC,MAAM,MAAK,KAI9C;AACH,MAAI,CAAC,yBAAyB,MAC5B,OAAM,IAAI,MAAM,mEAAmE;EAGrF,MAAM,gBAAgB,MAAM,IAAI,GAAG,MAAM,WAAW,IAAI;EACxD,MAAM,QAAQ,cAAc,OAAO,MAAM,OAAO,qBAAqB;EAErE,MAAM,UAAU,aAId,OAAO,MAAgF;AAEzF,UAAQ,OAAO,MACb,gBACC,cAAc;GACb,MAAM,WAAW,EAAC,GAAG,QAAQ,UAAU,EAAC;GACxC,MAAM,gBAAgB,MAAM,MAAM,WAAW,OAAO,GAAG,UAAU,MAAM;GACvE,MAAM,WACJ,kBAAkB,KACd,EAAC,YAAY,UAAU,QAAQ,iBAAS,GAAG,QAAQ,iBAAS,EAAC,GAC7D,MAAM,MAAM;GAElB,MAAM,IAAmE,UACpE;IACC,GAAG;IACH,MAAM;IACN;IACA,UAAU;IACV;IACA;IACD,GACA;IACC,GAAG;IACH,MAAM;IACN;IACA,UAAU;IACV;IACA;IACD;AAEL,QAAK,MAAM,OAAO,SAChB,KAAI,IAAI,WAAW,KAAK,CACtB,GAAE,OACA,SAAS;YACF,QAAQ,eAAe,SAAS,UACzC,GAAE,aAAa,QAAQ,SAAS,UAAU;YACjC,QAAQ,WAAW,SAAS,MACrC,GAAE,QAAQ,QAAQ,SAAS,MAAM;OAEjC,GAAE,OAA+C,QAC/C,SAAS,KACV;AAIL,KAAE,aAAa,EAAE,cAAc;AAC/B,KAAE,0BAA0B,QAAiB;AAC3C,aAAS,yBAAyB,IAAI;IACtC,MAAM,EAAC,eAAc,QAAQ,IAAI;AACjC,QAAI,MAAM,IAAI,IAAI,CAAC,MAAM,WAAW,CAAE,KAAI,MAAM,aAAa;AAC7D,QAAI,MAAM,WAAW,IAAI,CAAC,WAAW,WAAW,CAC5C,YAA2D,QAAQ;AAEvE,QAAI,EAAE,eAAe,KAAK;KACxB,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO,GAAG,UAAU,MAAM;AAC5D,SAAI,QACF,SAAQ,aAAa;;;AAI3B,OAAI,kBAAkB,GACpB,OAAM,MAAM,KAAK,EAAE;OAEnB,OAAM,MAAM,OAAO,eAAe,GAAG,EAAE;KAG3C;GACE,WAAW;GACX,MAAM;GACP,CACF;AAED,uBAAqB;GACnB,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO,GAAG,UAAU,MAAM;AAC5D,OAAI,QACF,SAAQ,QAAQ,MAAM,WAAW;KAElC,KAAK;AAER,SAAO,QAAQ;;CAGjB,MAAM,WACJ,KACA,UAAqC,EAAC,MAAM,MAAK,KAC9C,OAAO,KAAK,MAAM,QAAQ;CAE/B,MAAM,WACJ,KACA,UAAqC,EAAC,MAAM,MAAK,KAC9C,OAAO,KAAK,OAAO,QAAQ;AAEhC,QAAO;EACL;EACA;EACA;EACA;EACA;EACD;;;;;;AAOH,IAAa,uBAAuB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/usePopover/index.ts"],"sourcesContent":["import {\n  type ComponentPublicInstance,\n  computed,\n  type ComputedRef,\n  inject,\n  markRaw,\n  type MaybeRef,\n  onScopeDispose,\n  ref,\n  type Ref,\n} from 'vue'\nimport {orchestratorRegistryKey, type OrchestratorStoreObject} from '../../utils/keys'\nimport type {\n  ComponentController,\n  PopoverOrchestratorArrayValue,\n  PopoverOrchestratorCreateParamBase,\n  TooltipOrchestratorArrayValue,\n  TooltipOrchestratorCreateParamBase,\n} from '../../types'\nimport {BPopover, BTooltip} from '../../components'\nimport {buildController, getOrchestratorControllerId} from '../orchestratorShared'\n\nexport const usePopover = () => {\n  const orchestratorRegistry = inject(orchestratorRegistryKey, null)\n  if (!orchestratorRegistry)\n    throw new Error(\n      'usePopover() must be called within setup(), and BApp, useRegistry or plugin must be installed/provided.'\n    )\n  const {store, _isOrchestratorInstalled} = orchestratorRegistry\n\n  /**\n   * Create a popover or tooltip\n   * @param obj The popover or tooltip props\n   * @param tooltip If true, create a tooltip, otherwise create a popover\n   * @returns {PromiseWithController<typeof BPopover | typeof BTooltip, PopoverOrchestratorCreateParam>} A split promise/controller object\n   */\n  // Uses `function` declarations (rather than generic arrow functions assigned to consts) so\n  // that TypeScript preserves per-call generic inference when these are returned as part of\n  // `usePopover()`'s inferred return object.\n  function create<\n    T extends PopoverOrchestratorCreateParamBase = PopoverOrchestratorCreateParamBase,\n  >(\n    obj: MaybeRef<T>,\n    tooltip?: false\n  ): ComponentController<typeof BPopover, Ref<PopoverOrchestratorArrayValue>>\n  function create<\n    T extends TooltipOrchestratorCreateParamBase = TooltipOrchestratorCreateParamBase,\n  >(\n    obj: MaybeRef<T>,\n    tooltip: true\n  ): ComponentController<typeof BTooltip, Ref<TooltipOrchestratorArrayValue>>\n  function create(\n    obj: MaybeRef<PopoverOrchestratorCreateParamBase | TooltipOrchestratorCreateParamBase>,\n    tooltip = false\n  ) {\n    if (!_isOrchestratorInstalled.value)\n      throw new Error('The BApp component must be mounted to use the popover controller')\n\n    const comp = markRaw(tooltip ? BTooltip : BPopover)\n    const resolvedProps = ref(obj)\n    const type = tooltip ? 'tooltip' : 'popover'\n    const pickedStore = computed(() => store.value[type])\n    const {htmlAttributeId, storeId} = getOrchestratorControllerId(resolvedProps.value.id)\n\n    const {controller, resolve} = buildController<\n      typeof BPopover | typeof BTooltip,\n      ComputedRef<OrchestratorStoreObject['popover'] | OrchestratorStoreObject['tooltip']>\n    >(storeId, pickedStore)\n\n    const value = computed<PopoverOrchestratorArrayValue>({\n      get: () => {\n        const {component = comp, options, slots, ...props} = resolvedProps.value\n\n        return {\n          component,\n          options,\n          slots,\n          id: storeId,\n          fns: {\n            resolve,\n            setRef: (v: ComponentPublicInstance) => {\n              controller.ref = v\n            },\n            destroy: controller.destroy,\n          },\n          props: {\n            ...props,\n            id: htmlAttributeId,\n          },\n        }\n      },\n      set: (v) => {\n        resolvedProps.value = {\n          ...resolvedProps.value,\n          ...v.props,\n        }\n      },\n    })\n\n    pickedStore.value.set(storeId, value)\n\n    onScopeDispose(async () => {\n      await controller[Symbol.asyncDispose]()\n    }, true)\n\n    return controller\n  }\n\n  function tooltip<\n    T extends TooltipOrchestratorCreateParamBase = TooltipOrchestratorCreateParamBase,\n  >(obj: MaybeRef<T>) {\n    return create(obj, true)\n  }\n\n  function popover<\n    T extends PopoverOrchestratorCreateParamBase = PopoverOrchestratorCreateParamBase,\n  >(obj: MaybeRef<T>) {\n    return create(obj, false)\n  }\n\n  return {\n    _isOrchestratorInstalled,\n    create,\n    popover,\n    tooltip,\n    store,\n  }\n}\n"],"mappings":";;;;;;AAsBA,IAAa,mBAAmB;CAC9B,MAAM,uBAAuB,OAAO,yBAAyB,IAAI;CACjE,IAAI,CAAC,sBACH,MAAM,IAAI,MACR,yGACF;CACF,MAAM,EAAC,OAAO,6BAA4B;CAuB1C,SAAS,OACP,KACA,UAAU,OACV;EACA,IAAI,CAAC,yBAAyB,OAC5B,MAAM,IAAI,MAAM,kEAAkE;EAEpF,MAAM,OAAO,QAAQ,UAAU,mBAAW,gBAAQ;EAClD,MAAM,gBAAgB,IAAI,GAAG;EAC7B,MAAM,OAAO,UAAU,YAAY;EACnC,MAAM,cAAc,eAAe,MAAM,MAAM,KAAK;EACpD,MAAM,EAAC,iBAAiB,YAAW,4BAA4B,cAAc,MAAM,EAAE;EAErF,MAAM,EAAC,YAAY,YAAW,gBAG5B,SAAS,WAAW;EAEtB,MAAM,QAAQ,SAAwC;GACpD,WAAW;IACT,MAAM,EAAC,YAAY,MAAM,SAAS,OAAO,GAAG,UAAS,cAAc;IAEnE,OAAO;KACL;KACA;KACA;KACA,IAAI;KACJ,KAAK;MACH;MACA,SAAS,MAA+B;OACtC,WAAW,MAAM;MACnB;MACA,SAAS,WAAW;KACtB;KACA,OAAO;MACL,GAAG;MACH,IAAI;KACN;IACF;GACF;GACA,MAAM,MAAM;IACV,cAAc,QAAQ;KACpB,GAAG,cAAc;KACjB,GAAG,EAAE;IACP;GACF;EACF,CAAC;EAED,YAAY,MAAM,IAAI,SAAS,KAAK;EAEpC,eAAe,YAAY;GACzB,MAAM,WAAW,OAAO,aAAa,CAAC;EACxC,GAAG,IAAI;EAEP,OAAO;CACT;CAEA,SAAS,QAEP,KAAkB;EAClB,OAAO,OAAO,KAAK,IAAI;CACzB;CAEA,SAAS,QAEP,KAAkB;EAClB,OAAO,OAAO,KAAK,KAAK;CAC1B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/src/composables/useProvideDefaults/index.mjs

@@ -1,9 +1,9 @@
-import { l as defaultsKey } from "../../../keys-DU7sQgl3.mjs";
+import { l as defaultsKey } from "../../../keys-BgLwJbLV.js";
 import { computed, inject, provide, unref } from "vue";
 //#region src/composables/useProvideDefaults/index.ts
 var useProvideDefaults = (defaults, mergeDefaults) => {
 	const injectedDefaults = inject(defaultsKey, null);
-	provide(defaultsKey, computed(() => {
+	const mergedDefaults = computed(() => {
 		const _defaults = unref(defaults);
 		if (!injectedDefaults) return _defaults ?? {};
 		const merged = { ...injectedDefaults.value };
@@ -16,7 +16,8 @@ var useProvideDefaults = (defaults, mergeDefaults) => {
 			return _defaults;
 		}
 		return merged;
-	}));
+	});
+	provide(defaultsKey, mergedDefaults);
 };
 function isPlainObject(value) {
 	return value !== null && typeof value === "object" && value.constructor === Object && Object.prototype.toString.call(value) === "[object Object]";

package/dist/src/composables/useProvideDefaults/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useProvideDefaults/index.ts"],"sourcesContent":["import {computed, inject, provide, type Ref, unref} from 'vue'\nimport {defaultsKey} from '../../utils/keys'\nimport type {BvnComponentProps} from '../../types/BootstrapVueOptions'\nimport type {BAppProps} from '../../types/ComponentProps'\n\nexport const useProvideDefaults = (\n  defaults: BAppProps['defaults'] | Ref<BAppProps['defaults']>,\n  mergeDefaults: BAppProps['mergeDefaults']\n) => {\n  // Inject existing defaults from parent (could be from plugins)\n  const injectedDefaults = inject(defaultsKey, null)\n\n  // Merge injected defaults with prop defaults (prop takes priority)\n  const mergedDefaults = computed<Partial<BvnComponentProps>>(() => {\n    const _defaults = unref(defaults)\n    if (!injectedDefaults) {\n      return _defaults ?? {}\n    }\n    const merged = {...injectedDefaults.value} as Partial<BvnComponentProps>\n\n    if (_defaults) {\n      // If mergeDefaults is a function, call it with\n      if (mergeDefaults) {\n        if (typeof mergeDefaults === 'function') {\n          return mergeDefaults(merged, _defaults) as Partial<BvnComponentProps>\n        } else if (mergeDefaults === true) {\n          return deepMerge(merged, _defaults)\n        }\n        return Object.assign(merged, _defaults)\n      }\n      return _defaults\n    }\n\n    return merged\n  })\n\n  // Provide the merged defaults to child components\n  provide(defaultsKey, mergedDefaults)\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor === Object &&\n    Object.prototype.toString.call(value) === '[object Object]'\n  )\n}\n\nfunction deepMerge<T extends Record<string, unknown>, S extends Record<string, unknown>>(\n  target: T,\n  source: S,\n  visited = new WeakSet()\n): T & S {\n  // Handle circular references\n  if (visited.has(source)) {\n    return target as T & S\n  }\n  visited.add(source)\n\n  // Create a new object to avoid mutating the target\n  const result: Record<string, unknown> = {...target}\n\n  for (const key in source) {\n    const sourceValue = source[key]\n    const targetValue = target[key]\n\n    if (isPlainObject(sourceValue) && isPlainObject(targetValue)) {\n      // Recursively merge plain objects\n      result[key] = deepMerge(\n        targetValue as Record<string, unknown>,\n        sourceValue as Record<string, unknown>,\n        visited\n      )\n    } else if (Array.isArray(sourceValue)) {\n      // Copy arrays to avoid mutation\n      result[key] = [...sourceValue]\n    } else {\n      // Replace value for all other types (primitives, class instances, Vue refs, etc.)\n      result[key] = sourceValue\n    }\n  }\n\n  return result as T & S\n}\n"],"mappings":";;;AAKA,IAAa,sBACX,UACA,kBACG;CAEH,MAAM,mBAAmB,OAAO,aAAa,KAAK;AA2BlD,SAAQ,aAxBe,eAA2C;EAChE,MAAM,YAAY,MAAM,SAAS;AACjC,MAAI,CAAC,iBACH,QAAO,aAAa,EAAE;EAExB,MAAM,SAAS,EAAC,GAAG,iBAAiB,OAAM;AAE1C,MAAI,WAAW;AAEb,OAAI,eAAe;AACjB,QAAI,OAAO,kBAAkB,WAC3B,QAAO,cAAc,QAAQ,UAAU;aAC9B,kBAAkB,KAC3B,QAAO,UAAU,QAAQ,UAAU;AAErC,WAAO,OAAO,OAAO,QAAQ,UAAU;;AAEzC,UAAO;;AAGT,SAAO;GACP,CAGkC;;AAGtC,SAAS,cAAc,OAAkD;AACvE,QACE,UAAU,QACV,OAAO,UAAU,YACjB,MAAM,gBAAgB,UACtB,OAAO,UAAU,SAAS,KAAK,MAAM,KAAK;;AAI9C,SAAS,UACP,QACA,QACA,0BAAU,IAAI,SAAS,EAChB;AAEP,KAAI,QAAQ,IAAI,OAAO,CACrB,QAAO;AAET,SAAQ,IAAI,OAAO;CAGnB,MAAM,SAAkC,EAAC,GAAG,QAAO;AAEnD,MAAK,MAAM,OAAO,QAAQ;EACxB,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;AAE3B,MAAI,cAAc,YAAY,IAAI,cAAc,YAAY,CAE1D,QAAO,OAAO,UACZ,aACA,aACA,QACD;WACQ,MAAM,QAAQ,YAAY,CAEnC,QAAO,OAAO,CAAC,GAAG,YAAY;MAG9B,QAAO,OAAO;;AAIlB,QAAO"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useProvideDefaults/index.ts"],"sourcesContent":["import {computed, inject, provide, type Ref, unref} from 'vue'\nimport {defaultsKey} from '../../utils/keys'\nimport type {BvnComponentProps} from '../../types/BootstrapVueOptions'\nimport type {BAppProps} from '../../types/ComponentProps'\n\nexport const useProvideDefaults = (\n  defaults: BAppProps['defaults'] | Ref<BAppProps['defaults']>,\n  mergeDefaults: BAppProps['mergeDefaults']\n) => {\n  // Inject existing defaults from parent (could be from plugins)\n  const injectedDefaults = inject(defaultsKey, null)\n\n  // Merge injected defaults with prop defaults (prop takes priority)\n  const mergedDefaults = computed<Partial<BvnComponentProps>>(() => {\n    const _defaults = unref(defaults)\n    if (!injectedDefaults) {\n      return _defaults ?? {}\n    }\n    const merged = {...injectedDefaults.value} as Partial<BvnComponentProps>\n\n    if (_defaults) {\n      // If mergeDefaults is a function, call it with\n      if (mergeDefaults) {\n        if (typeof mergeDefaults === 'function') {\n          return mergeDefaults(merged, _defaults) as Partial<BvnComponentProps>\n        } else if (mergeDefaults === true) {\n          return deepMerge(merged, _defaults)\n        }\n        return Object.assign(merged, _defaults)\n      }\n      return _defaults\n    }\n\n    return merged\n  })\n\n  // Provide the merged defaults to child components\n  provide(defaultsKey, mergedDefaults)\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor === Object &&\n    Object.prototype.toString.call(value) === '[object Object]'\n  )\n}\n\nfunction deepMerge<T extends Record<string, unknown>, S extends Record<string, unknown>>(\n  target: T,\n  source: S,\n  visited = new WeakSet()\n): T & S {\n  // Handle circular references\n  if (visited.has(source)) {\n    return target as T & S\n  }\n  visited.add(source)\n\n  // Create a new object to avoid mutating the target\n  const result: Record<string, unknown> = {...target}\n\n  for (const key in source) {\n    const sourceValue = source[key]\n    const targetValue = target[key]\n\n    if (isPlainObject(sourceValue) && isPlainObject(targetValue)) {\n      // Recursively merge plain objects\n      result[key] = deepMerge(\n        targetValue as Record<string, unknown>,\n        sourceValue as Record<string, unknown>,\n        visited\n      )\n    } else if (Array.isArray(sourceValue)) {\n      // Copy arrays to avoid mutation\n      result[key] = [...sourceValue]\n    } else {\n      // Replace value for all other types (primitives, class instances, Vue refs, etc.)\n      result[key] = sourceValue\n    }\n  }\n\n  return result as T & S\n}\n"],"mappings":";;;AAKA,IAAa,sBACX,UACA,kBACG;CAEH,MAAM,mBAAmB,OAAO,aAAa,IAAI;CAGjD,MAAM,iBAAiB,eAA2C;EAChE,MAAM,YAAY,MAAM,QAAQ;EAChC,IAAI,CAAC,kBACH,OAAO,aAAa,CAAC;EAEvB,MAAM,SAAS,EAAC,GAAG,iBAAiB,MAAK;EAEzC,IAAI,WAAW;GAEb,IAAI,eAAe;IACjB,IAAI,OAAO,kBAAkB,YAC3B,OAAO,cAAc,QAAQ,SAAS;SACjC,IAAI,kBAAkB,MAC3B,OAAO,UAAU,QAAQ,SAAS;IAEpC,OAAO,OAAO,OAAO,QAAQ,SAAS;GACxC;GACA,OAAO;EACT;EAEA,OAAO;CACT,CAAC;CAGD,QAAQ,aAAa,cAAc;AACrC;AAEA,SAAS,cAAc,OAAkD;CACvE,OACE,UAAU,QACV,OAAO,UAAU,YACjB,MAAM,gBAAgB,UACtB,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM;AAE9C;AAEA,SAAS,UACP,QACA,QACA,0BAAU,IAAI,QAAQ,GACf;CAEP,IAAI,QAAQ,IAAI,MAAM,GACpB,OAAO;CAET,QAAQ,IAAI,MAAM;CAGlB,MAAM,SAAkC,EAAC,GAAG,OAAM;CAElD,KAAK,MAAM,OAAO,QAAQ;EACxB,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;EAE3B,IAAI,cAAc,WAAW,KAAK,cAAc,WAAW,GAEzD,OAAO,OAAO,UACZ,aACA,aACA,OACF;OACK,IAAI,MAAM,QAAQ,WAAW,GAElC,OAAO,OAAO,CAAC,GAAG,WAAW;OAG7B,OAAO,OAAO;CAElB;CAEA,OAAO;AACT"}

package/dist/src/composables/useRegistry/index.mjs

@@ -1,4 +1,4 @@
-import { b as rtlRegistryKey, h as modalManagerKey, i as breadcrumbRegistryKey, r as breadcrumbGlobalIndexKey, x as showHideRegistryKey } from "../../../keys-DU7sQgl3.mjs";
+import { b as rtlRegistryKey, h as modalManagerKey, i as breadcrumbRegistryKey, r as breadcrumbGlobalIndexKey, x as showHideRegistryKey } from "../../../keys-BgLwJbLV.js";
 import { computed, inject, provide, readonly, ref } from "vue";
 //#region src/composables/useRegistry/index.ts
 var useRegistry = (rtl = false) => {
@@ -56,9 +56,11 @@ var useRegistry = (rtl = false) => {
 		const localeDefault = void 0;
 		const rtlInitial = typeof rtl === "boolean" ? rtlDefault : rtl?.rtlInitial ?? rtlDefault;
 		const localeInitial = typeof rtl === "boolean" ? localeDefault : rtl?.localeInitial ?? localeDefault;
+		const isRtl = ref(rtlInitial);
+		const locale = ref(localeInitial);
 		provide(rtlRegistryKey, {
-			isRtl: ref(rtlInitial),
-			locale: ref(localeInitial)
+			isRtl,
+			locale
 		});
 	}
 };

package/dist/src/composables/useRegistry/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useRegistry/index.ts"],"sourcesContent":["import {\n  type ComponentInternalInstance,\n  computed,\n  inject,\n  provide,\n  readonly,\n  type Ref,\n  ref,\n} from 'vue'\nimport {\n  breadcrumbGlobalIndexKey,\n  breadcrumbRegistryKey,\n  modalManagerKey,\n  type RegisterShowHideFnInput,\n  type RegisterShowHideInstances,\n  type RegisterShowHideMapValue,\n  rtlRegistryKey,\n  showHideRegistryKey,\n} from '../../utils/keys'\nimport type {BAppProps} from '../../types/ComponentProps'\nimport type {BreadcrumbItemRaw} from '../../types/BreadcrumbTypes'\n\nexport const useRegistry = (rtl: BAppProps['rtl'] = false) => {\n  const showHideStorage = inject(showHideRegistryKey, null)\n  if (!showHideStorage) {\n    const {register, values} = _newShowHideRegistry()\n    provide(showHideRegistryKey, {register, values})\n  }\n\n  const modalManager = inject(modalManagerKey, null)\n  if (!modalManager) {\n    const stack: Ref<Map<number, ComponentInternalInstance>> = ref(new Map())\n\n    const countStack = computed(() => stack.value.size)\n    const valuesStack = computed(() => [...stack.value.values()])\n    const lastStack = computed(() => valuesStack.value[valuesStack.value.length - 1])\n\n    const pushStack = (modal: Readonly<ComponentInternalInstance>) => {\n      stack.value.set(modal.uid, modal)\n    }\n    const removeStack = (modal: Readonly<ComponentInternalInstance>) => {\n      stack.value.delete(modal.uid)\n    }\n\n    /**\n     * A collection of all registered modals\n     */\n    const registry: Ref<Map<number, ComponentInternalInstance>> = ref(new Map())\n\n    // Utility getters not made, would not be used (count, last)\n\n    const pushRegistry = (modal: Readonly<ComponentInternalInstance>) => {\n      registry.value.set(modal.uid, modal)\n    }\n    const removeRegistry = (modal: Readonly<ComponentInternalInstance>) => {\n      registry.value.delete(modal.uid)\n    }\n\n    provide(modalManagerKey, {\n      countStack,\n      lastStack,\n      registry: computed(() => registry.value),\n      stack: valuesStack,\n      pushStack,\n      removeStack,\n      pushRegistry,\n      removeRegistry,\n    })\n  }\n\n  const breadcrumb = inject(breadcrumbRegistryKey, null)\n  if (!breadcrumb) {\n    const items = ref<Record<string, BreadcrumbItemRaw[]>>({\n      [breadcrumbGlobalIndexKey]: [],\n    })\n    const reset = (key: string = breadcrumbGlobalIndexKey) => {\n      items.value[key] = []\n    }\n\n    provide(breadcrumbRegistryKey, {items, reset})\n  }\n\n  const rtlRegistry = inject(rtlRegistryKey, null)\n  if (!rtlRegistry) {\n    const rtlDefault = false\n    const localeDefault = undefined\n\n    const rtlInitial = typeof rtl === 'boolean' ? rtlDefault : (rtl?.rtlInitial ?? rtlDefault)\n\n    const localeInitial =\n      typeof rtl === 'boolean' ? localeDefault : (rtl?.localeInitial ?? localeDefault)\n\n    const isRtl = ref(rtlInitial)\n    const locale = ref(localeInitial)\n\n    provide(rtlRegistryKey, {isRtl, locale})\n  }\n}\n\n// Helper function to create getActive method for instance holders\nconst createGetActive = (instances: RegisterShowHideMapValue[]) => () =>\n  instances.length > 0 ? instances[instances.length - 1] : undefined\n\nexport const _newShowHideRegistry = () => {\n  const values: Ref<Map<string, RegisterShowHideInstances>> = ref(new Map())\n\n  const register = ({\n    id,\n    component,\n    value,\n    toggle,\n    show,\n    hide,\n    registerTrigger,\n    unregisterTrigger,\n  }: RegisterShowHideFnInput) => {\n    let currentId = id\n    const instanceValue: RegisterShowHideMapValue = {\n      id,\n      component,\n      value: readonly(value),\n      toggle,\n      show,\n      hide,\n      registerTrigger,\n      unregisterTrigger,\n    }\n\n    // Get or create the instances array for this ID\n    let instancesHolder = values.value.get(currentId)\n    if (!instancesHolder) {\n      const instances: RegisterShowHideMapValue[] = []\n      instancesHolder = {\n        instances,\n        // Returns the last mounted instance (most recent)\n        getActive: createGetActive(instances),\n      }\n      values.value.set(currentId, instancesHolder)\n    }\n\n    // Append this instance to the array\n    instancesHolder.instances.push(instanceValue)\n\n    const componentUid = component.uid\n\n    return {\n      unregister() {\n        const holder = values.value.get(currentId)\n        if (!holder) return\n\n        // Remove only this component's instance by UID\n        const index = holder.instances.findIndex(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (index !== -1) {\n          holder.instances.splice(index, 1)\n        }\n\n        // Clean up the map entry if no instances remain\n        if (holder.instances.length === 0) {\n          values.value.delete(currentId)\n        }\n      },\n      updateId(newId: string, oldId: string) {\n        const holder = values.value.get(oldId)\n        if (!holder) return\n\n        // Find this component's instance in the array\n        const instance = holder.instances.find(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (!instance) return\n\n        // Update the ID in the instance\n        instance.id = newId\n\n        // Get or create holder for new ID\n        let newHolder = values.value.get(newId)\n        if (!newHolder) {\n          const instances: RegisterShowHideMapValue[] = []\n          newHolder = {\n            instances,\n            getActive: createGetActive(instances),\n          }\n          values.value.set(newId, newHolder)\n        }\n\n        // Move this instance to the new ID's array\n        const index = holder.instances.findIndex(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (index !== -1) {\n          holder.instances.splice(index, 1)\n          newHolder.instances.push(instance)\n        }\n\n        // Clean up old ID if no instances remain\n        if (holder.instances.length === 0) {\n          values.value.delete(oldId)\n        }\n        // Keep local id in sync so unregister() uses the latest key\n        currentId = newId\n      },\n    }\n  }\n  return {\n    register,\n    values,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useRegistry/index.ts"],"sourcesContent":["import {\n  type ComponentInternalInstance,\n  computed,\n  inject,\n  provide,\n  readonly,\n  type Ref,\n  ref,\n} from 'vue'\nimport {\n  breadcrumbGlobalIndexKey,\n  breadcrumbRegistryKey,\n  modalManagerKey,\n  type RegisterShowHideFnInput,\n  type RegisterShowHideInstances,\n  type RegisterShowHideMapValue,\n  rtlRegistryKey,\n  showHideRegistryKey,\n} from '../../utils/keys'\nimport type {BAppProps} from '../../types/ComponentProps'\nimport type {BreadcrumbItemRaw} from '../../types/BreadcrumbTypes'\n\nexport const useRegistry = (rtl: BAppProps['rtl'] = false) => {\n  const showHideStorage = inject(showHideRegistryKey, null)\n  if (!showHideStorage) {\n    const {register, values} = _newShowHideRegistry()\n    provide(showHideRegistryKey, {register, values})\n  }\n\n  const modalManager = inject(modalManagerKey, null)\n  if (!modalManager) {\n    const stack: Ref<Map<number, ComponentInternalInstance>> = ref(new Map())\n\n    const countStack = computed(() => stack.value.size)\n    const valuesStack = computed(() => [...stack.value.values()])\n    const lastStack = computed(() => valuesStack.value[valuesStack.value.length - 1])\n\n    const pushStack = (modal: Readonly<ComponentInternalInstance>) => {\n      stack.value.set(modal.uid, modal)\n    }\n    const removeStack = (modal: Readonly<ComponentInternalInstance>) => {\n      stack.value.delete(modal.uid)\n    }\n\n    /**\n     * A collection of all registered modals\n     */\n    const registry: Ref<Map<number, ComponentInternalInstance>> = ref(new Map())\n\n    // Utility getters not made, would not be used (count, last)\n\n    const pushRegistry = (modal: Readonly<ComponentInternalInstance>) => {\n      registry.value.set(modal.uid, modal)\n    }\n    const removeRegistry = (modal: Readonly<ComponentInternalInstance>) => {\n      registry.value.delete(modal.uid)\n    }\n\n    provide(modalManagerKey, {\n      countStack,\n      lastStack,\n      registry: computed(() => registry.value),\n      stack: valuesStack,\n      pushStack,\n      removeStack,\n      pushRegistry,\n      removeRegistry,\n    })\n  }\n\n  const breadcrumb = inject(breadcrumbRegistryKey, null)\n  if (!breadcrumb) {\n    const items = ref<Record<string, BreadcrumbItemRaw[]>>({\n      [breadcrumbGlobalIndexKey]: [],\n    })\n    const reset = (key: string = breadcrumbGlobalIndexKey) => {\n      items.value[key] = []\n    }\n\n    provide(breadcrumbRegistryKey, {items, reset})\n  }\n\n  const rtlRegistry = inject(rtlRegistryKey, null)\n  if (!rtlRegistry) {\n    const rtlDefault = false\n    const localeDefault = undefined\n\n    const rtlInitial = typeof rtl === 'boolean' ? rtlDefault : (rtl?.rtlInitial ?? rtlDefault)\n\n    const localeInitial =\n      typeof rtl === 'boolean' ? localeDefault : (rtl?.localeInitial ?? localeDefault)\n\n    const isRtl = ref(rtlInitial)\n    const locale = ref(localeInitial)\n\n    provide(rtlRegistryKey, {isRtl, locale})\n  }\n}\n\n// Helper function to create getActive method for instance holders\nconst createGetActive = (instances: RegisterShowHideMapValue[]) => () =>\n  instances.length > 0 ? instances[instances.length - 1] : undefined\n\nexport const _newShowHideRegistry = () => {\n  const values: Ref<Map<string, RegisterShowHideInstances>> = ref(new Map())\n\n  const register = ({\n    id,\n    component,\n    value,\n    toggle,\n    show,\n    hide,\n    registerTrigger,\n    unregisterTrigger,\n  }: RegisterShowHideFnInput) => {\n    let currentId = id\n    const instanceValue: RegisterShowHideMapValue = {\n      id,\n      component,\n      value: readonly(value),\n      toggle,\n      show,\n      hide,\n      registerTrigger,\n      unregisterTrigger,\n    }\n\n    // Get or create the instances array for this ID\n    let instancesHolder = values.value.get(currentId)\n    if (!instancesHolder) {\n      const instances: RegisterShowHideMapValue[] = []\n      instancesHolder = {\n        instances,\n        // Returns the last mounted instance (most recent)\n        getActive: createGetActive(instances),\n      }\n      values.value.set(currentId, instancesHolder)\n    }\n\n    // Append this instance to the array\n    instancesHolder.instances.push(instanceValue)\n\n    const componentUid = component.uid\n\n    return {\n      unregister() {\n        const holder = values.value.get(currentId)\n        if (!holder) return\n\n        // Remove only this component's instance by UID\n        const index = holder.instances.findIndex(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (index !== -1) {\n          holder.instances.splice(index, 1)\n        }\n\n        // Clean up the map entry if no instances remain\n        if (holder.instances.length === 0) {\n          values.value.delete(currentId)\n        }\n      },\n      updateId(newId: string, oldId: string) {\n        const holder = values.value.get(oldId)\n        if (!holder) return\n\n        // Find this component's instance in the array\n        const instance = holder.instances.find(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (!instance) return\n\n        // Update the ID in the instance\n        instance.id = newId\n\n        // Get or create holder for new ID\n        let newHolder = values.value.get(newId)\n        if (!newHolder) {\n          const instances: RegisterShowHideMapValue[] = []\n          newHolder = {\n            instances,\n            getActive: createGetActive(instances),\n          }\n          values.value.set(newId, newHolder)\n        }\n\n        // Move this instance to the new ID's array\n        const index = holder.instances.findIndex(\n          (inst: RegisterShowHideMapValue) => inst.component.uid === componentUid\n        )\n        if (index !== -1) {\n          holder.instances.splice(index, 1)\n          newHolder.instances.push(instance)\n        }\n\n        // Clean up old ID if no instances remain\n        if (holder.instances.length === 0) {\n          values.value.delete(oldId)\n        }\n        // Keep local id in sync so unregister() uses the latest key\n        currentId = newId\n      },\n    }\n  }\n  return {\n    register,\n    values,\n  }\n}\n"],"mappings":"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"}

package/dist/src/composables/useScrollLock/index.mjs

@@ -1,4 +1,5 @@
-import { E as createSharedComposable, y as useScrollLock$1 } from "../../../dist-Dk9C_HFS.mjs";
+import { r as createSharedComposable } from "../../../dist-DKc2ivHS.js";
+import { y as useScrollLock$1 } from "../../../dist-9-XTMhb-.js";
 //#region src/composables/useScrollLock/index.ts
 var useScrollLock = createSharedComposable(useScrollLock$1);
 //#endregion

package/dist/src/composables/useScrollLock/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useScrollLock/index.ts"],"sourcesContent":["import {useScrollLock as _useScrollLock, createSharedComposable} from '@vueuse/core'\n\nexport const useScrollLock = createSharedComposable(_useScrollLock)\n"],"mappings":";;AAEA,IAAa,gBAAgB,uBAAuB,gBAAe"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useScrollLock/index.ts"],"sourcesContent":["import {useScrollLock as _useScrollLock, createSharedComposable} from '@vueuse/core'\n\nexport const useScrollLock = createSharedComposable(_useScrollLock)\n"],"mappings":";;;AAEA,IAAa,gBAAgB,uBAAuB,eAAc"}

package/dist/src/composables/useScrollspy/index.mjs

@@ -1,13 +1,14 @@
-import { M as syncRef, h as useIntersectionObserver, v as useMutationObserver } from "../../../dist-Dk9C_HFS.mjs";
-import { i as getSafeDocument } from "../../../dom-AhkaSoh8.mjs";
-import { t as getElement } from "../../../getElement-D2Jr1cbp.mjs";
-import { computed, getCurrentInstance, nextTick, onMounted, readonly, ref, toRef, unref, watch } from "vue";
+import { m as syncRef } from "../../../dist-DKc2ivHS.js";
+import { h as useIntersectionObserver, v as useMutationObserver } from "../../../dist-9-XTMhb-.js";
+import { i as getSafeDocument } from "../../../dom-BdUQrX99.js";
+import { t as getElement } from "../../../getElement-uvhh1lgL.js";
+import { computed, getCurrentInstance, nextTick, onMounted, readonly, ref, shallowRef, toRef, unref, watch } from "vue";
 //#region src/composables/useScrollspy/index.ts
 var useScrollspy = (content, target, options = {}) => {
 	const cont = toRef(content);
 	const tar = toRef(target);
-	const resolvedContent = ref(getElement(cont.value));
-	const resolvedTarget = ref(getElement(tar.value));
+	const resolvedContent = shallowRef(getElement(cont.value));
+	const resolvedTarget = shallowRef(getElement(tar.value));
 	watch([cont, tar], () => {
 		updateList();
 	});
@@ -17,8 +18,8 @@ var useScrollspy = (content, target, options = {}) => {
 		1
 	], watchChanges = true } = options;
 	const current = ref(null);
-	const list = ref([]);
-	const nodeList = ref([]);
+	const list = shallowRef([]);
+	const nodeList = shallowRef([]);
 	if (!getCurrentInstance()) nextTick(() => {
 		updateList();
 	});
@@ -116,11 +117,13 @@ var useScrollspy = (content, target, options = {}) => {
 		const href = event.target?.getAttribute?.("href");
 		const doc = getSafeDocument();
 		const el = href ? doc?.querySelector(href) ?? null : null;
-		if (el && resolvedContent.value) if (resolvedContent.value.scrollTo) resolvedContent.value.scrollTo({
-			top: el.offsetTop,
-			behavior: smooth ? "smooth" : "auto"
-		});
-		else resolvedContent.value.scrollTop = el.offsetTop;
+		if (el && resolvedContent.value) {
+			if (resolvedContent.value.scrollTo) resolvedContent.value.scrollTo({
+				top: el.offsetTop,
+				behavior: smooth ? "smooth" : "auto"
+			});
+			else resolvedContent.value.scrollTop = el.offsetTop;
+		}
 	};
 	const cleanup = () => {
 		jobs.stop();