bootstrap-vue-next - npm Package Compare versions

Comparing version 0.13.0 to 0.13.1

dist/src/components/BDropdown/BDropdown.vue.d.ts

@@ -55,2 +55,6 @@ import { BvTriggerableEvent } from '../../utils';
     };
+    container: {
+        type: import("vue").PropType<string | HTMLElement | import("vue").ComponentPublicInstance<HTMLElement>>;
+        default: undefined;
+    };
     strategy: {
@@ -225,2 +229,6 @@ type: import("vue").PropType<import("@floating-ui/vue").Strategy>;
     };
+    container: {
+        type: import("vue").PropType<string | HTMLElement | import("vue").ComponentPublicInstance<HTMLElement>>;
+        default: undefined;
+    };
     strategy: {
@@ -355,2 +363,3 @@ type: import("vue").PropType<import("@floating-ui/vue").Strategy>;
     modelValue: import("../../types").Booleanish;
+    container: string | HTMLElement | import("vue").ComponentPublicInstance<HTMLElement>;
     strategy: import("@floating-ui/vue").Strategy;
@@ -357,0 +366,0 @@ floatingMiddleware: {

dist/src/components/BNav/BNavItemDropdown.vue.d.ts

@@ -55,2 +55,5 @@ import { BvTriggerableEvent } from '../../utils';
     };
+    container: {
+        type: import("vue").PropType<string | HTMLElement | import("vue").ComponentPublicInstance<HTMLElement>>;
+    };
     strategy: {
@@ -225,2 +228,5 @@ type: import("vue").PropType<import('../../../node_modules/@floating-ui/core').Strategy>;
     };
+    container: {
+        type: import("vue").PropType<string | HTMLElement | import("vue").ComponentPublicInstance<HTMLElement>>;
+    };
     strategy: {
@@ -227,0 +233,0 @@ type: import("vue").PropType<import('../../../node_modules/@floating-ui/core').Strategy>;

dist/src/components/BPopover.vue.d.ts

 import { type Placement as OriginalPlacement, type Strategy } from '@floating-ui/vue';
 import { BvTriggerableEvent } from '../utils';
-import { type ComponentPublicInstance, type VNode } from 'vue';
+import { type ComponentPublicInstance, type MaybeRef } from 'vue';
 import type { Booleanish, BPopoverPlacement } from '../types';
@@ -11,5 +11,3 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     target: {
-        type: import("vue").PropType<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | null>;
+        type: import("vue").PropType<MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>>;
         default: null;
@@ -60,5 +58,3 @@ };
     reference: {
-        type: import("vue").PropType<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | null>;
+        type: import("vue").PropType<MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>>;
         default: null;
@@ -154,5 +150,3 @@ };
     target: {
-        type: import("vue").PropType<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | null>;
+        type: import("vue").PropType<MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>>;
         default: null;
@@ -203,5 +197,3 @@ };
     reference: {
-        type: import("vue").PropType<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | null>;
+        type: import("vue").PropType<MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>>;
         default: null;
@@ -289,5 +281,3 @@ };
     offset: string | number | null;
-    target: string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>) | null;
+    target: MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>;
     html: Booleanish;
@@ -305,5 +295,3 @@ title: string;
     container: string | HTMLElement | ComponentPublicInstance<HTMLElement>;
-    reference: string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | (() => HTMLElement | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>) | null;
+    reference: MaybeRef<string | HTMLElement | HTMLSpanElement | ComponentPublicInstance<HTMLElement> | null>;
     content: string;
@@ -310,0 +298,0 @@ click: Booleanish;

dist/src/types/ComponentProps.d.ts

@@ -15,2 +15,3 @@ import type { RouteLocationRaw } from 'vue-router';
 import type { Boundary, Middleware, RootBoundary, Strategy } from '@floating-ui/vue';
+import type { ComponentPublicInstance } from 'vue';
 export interface BLinkProps {
@@ -157,2 +158,3 @@ active?: Booleanish;
     boundary?: Boundary | RootBoundary;
+    container?: string | ComponentPublicInstance<HTMLElement> | HTMLElement | undefined;
 }
@@ -159,0 +161,0 @@ interface BToastIntermediate {

package.json

@@ -5,3 +5,3 @@ {
   "description": "BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "license": "MIT",
@@ -17,2 +17,3 @@ "main": "./dist/bootstrap-vue-next.umd.js",
     "./dist/bootstrap-vue-next.css": "./dist/bootstrap-vue-next.css",
+    "./src/*": "./src/*",
     "./src/styles/styles.scss": "./src/styles/styles.scss"
@@ -19,0 +20,0 @@ },

src/types/ComponentProps.ts

@@ -15,2 +15,3 @@ import type {RouteLocationRaw} from 'vue-router'
 import type {Boundary, Middleware, RootBoundary, Strategy} from '@floating-ui/vue'
+import type {ComponentPublicInstance} from 'vue'
 
@@ -165,2 +166,3 @@ export interface BLinkProps {
   boundary?: Boundary | RootBoundary
+  container?: string | ComponentPublicInstance<HTMLElement> | HTMLElement | undefined
 }
@@ -167,0 +169,0 @@

src/utils/floatingUi.ts

@@ -83,3 +83,3 @@ import type {Placement} from '@floating-ui/vue'
 export const resolveDirectiveProps = (binding: DirectiveBinding, el: HTMLElement) => ({
-  target: () => el,
+  target: el,
   modelValue: binding.modifiers.show,
@@ -86,0 +86,0 @@ inline: binding.modifiers.inline,

No alert changes

Improved metrics

Lines of code

30324

increased by0.05%

Worsened metrics

Total package byte prevSize

3887283

decreased by-0.01%

No dependency changes