bitboss-ui 2.1.124 → 2.1.125

package/dist/ai/BbButton.md

@@ -43,17 +43,17 @@
 			class="bb-button__append-icon"
 			:type="props['append:icon']"
 		/>
-	</BaseButton>
 
-	<BbTooltipAsync
-		v-if="tooltip != null || $slots.tooltip"
-		:activator="buttonDom"
-		:placement="tooltipPlacement"
-		:show-close="false"
-		:timeout="tooltipTimeout"
-	>
-		<slot name="tooltip" :text="tooltip">{{ tooltip }}</slot>
-	</BbTooltipAsync>
+		<BbTooltipAsync
+			v-if="tooltip != null || $slots.tooltip"
+			:activator="buttonDom"
+			:placement="tooltipPlacement"
+			:show-close="false"
+			:timeout="tooltipTimeout"
+		>
+			<slot name="tooltip" :text="tooltip">{{ tooltip }}</slot>
+		</BbTooltipAsync>
+	</BaseButton>
 </template>
 
 <script setup lang="ts">
@@ -63,6 +63,7 @@ import { computed, defineAsyncComponent, ref, toRef, useAttrs } from 'vue';
 import { pickBy } from '@/utilities/functions/pickBy';
 import { noop } from '@/utilities/functions/noop';
 import { useLocale } from '@/composables/useLocale';
+import { useLogger } from '@/composables/useLogger';
 import { extractDomContainer } from '@/utilities/functions/extractDomContainer';
 import { isEqual } from '@/utilities/functions/isEqual';
 import type { BbButtonProps, BbButtonSlots } from './types';
@@ -70,7 +71,7 @@ import type { BbButtonProps, BbButtonSlots } from './types';
 const BbTooltipAsync = defineAsyncComponent(
 	() => import('../BbTooltip/BbTooltip.vue')
 );
-
+let hasWarnedDeprecatedTooltipProp = false;
 type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 defineOptions({
@@ -91,6 +92,7 @@ const isPressed = computed(() => isEqual(modelValue.value, props.trueValue));
 defineSlots<BbButtonSlots>();
 
 const { t } = useLocale();
+const logger = useLogger();
 const attrs = useAttrs();
 const buttonDom = ref<HTMLElement>();
 
@@ -98,6 +100,13 @@ const setButtonRef = (el: unknown) => {
 	buttonDom.value = extractDomContainer(el) ?? undefined;
 };
 
+if (import.meta.env.DEV && props.tooltip && !hasWarnedDeprecatedTooltipProp) {
+	logger.warn(
+		'BbButton: the `tooltip` prop is deprecated and will be removed in the next major version. Use `v-bb-tooltip` for more flexible handling and uniform behavior across components.'
+	);
+	hasWarnedDeprecatedTooltipProp = true;
+}
+
 const forwardedAttrs = computed(() => {
 	const { onClick: _, ...rest } = attrs;
 	return rest;

package/dist/index240.js

@@ -1,12 +1,13 @@
-import e from "./index36.js";
-import { useLocale as t } from "./index42.js";
-import { extractDomContainer as n } from "./index45.js";
-import { isEqual as r } from "./index82.js";
-import { noop as i } from "./index142.js";
-import a from "./index219.js";
-import { pickBy as o } from "./index239.js";
-import s from "./index254.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, mergeModels as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useAttrs as D, useModel as O, withCtx as k } from "vue";
+import { useLogger as e } from "./index31.js";
+import t from "./index36.js";
+import { useLocale as n } from "./index42.js";
+import { extractDomContainer as r } from "./index45.js";
+import { isEqual as i } from "./index82.js";
+import { noop as a } from "./index142.js";
+import o from "./index219.js";
+import { pickBy as s } from "./index239.js";
+import c from "./index254.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, mergeModels as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useAttrs as D, useModel as O, withCtx as k } from "vue";
 //#region src/components/BbButton/BbButton.vue?vue&type=script&setup=true&lang.ts
 var A = {
 	key: 2,
@@ -64,8 +65,10 @@ var A = {
 	}),
 	emits: ["update:modelValue"],
 	setup(_, { expose: v }) {
-		let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() => r(N.value, M.trueValue)), { t: I } = t(), L = D(), R = S(), z = (e) => {
-			R.value = n(e) ?? void 0;
+		let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() => i(N.value, M.trueValue)), { t: I } = n();
+		e();
+		let L = D(), R = S(), z = (e) => {
+			R.value = r(e) ?? void 0;
 		}, B = l(() => {
 			let { onClick: e, ...t } = L;
 			return t;
@@ -73,16 +76,16 @@ var A = {
 			if (H.value && !M.enabledWhileLoading) return (M.type === "submit" || M.href || M.to) && e.preventDefault(), null;
 			if (P.value) {
 				let e = M.trueValue, t = M.falseValue;
-				N.value = r(N.value, e) ? t : e;
+				N.value = i(N.value, e) ? t : e;
 			}
-			V.value++, await (L.onClick ?? i)(e), V.value--;
+			V.value++, await (L.onClick ?? a)(e), V.value--;
 		}, G = typeof M.size == "string" ? { default: M.size } : {
 			default: "md",
 			...M.size
 		}, K = Object.entries(G).reduce((e, [t, n]) => (t === "default" ? e[`data-${n}`] = "" : e[`data-${t}:${n}`] = "", e), {}), q = T(() => ({
 			...B.value,
 			...K,
-			...o(M, (e, t) => ![
+			...s(M, (e, t) => ![
 				"append:icon",
 				"autoLoading",
 				"disabled",
@@ -99,14 +102,14 @@ var A = {
 				"trueValue"
 			].includes(t))
 		}));
-		return v({ $el: R }), (t, n) => (x(), f(c, null, [h(E(e), y({ ref: z }, q.value, {
+		return v({ $el: R }), (e, n) => (x(), u(E(t), y({ ref: z }, q.value, {
 			"aria-disabled": H.value ? !0 : void 0,
 			"aria-pressed": P.value ? F.value : void 0,
 			class: {
 				"bb-button": !0,
 				"bb-button--loading": H.value,
 				"bb-button--group": M.group,
-				"bb-button--icon": !!t.icon,
+				"bb-button--icon": !!e.icon,
 				"bb-button--active": P.value && F.value
 			},
 			disabled: U.value,
@@ -114,23 +117,37 @@ var A = {
 			onClick: W
 		}), {
 			default: k(() => [
-				h(E(s), { class: "bb-button__spinner" }),
-				M.icon ? (x(), u(a, {
+				h(E(c), { class: "bb-button__spinner" }),
+				M.icon ? (x(), u(o, {
 					key: 0,
 					class: "bb-button__icon",
 					type: M.icon
-				}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(a, {
+				}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(o, {
 					key: 1,
 					class: "bb-button__prepend-icon",
 					type: M["prepend:icon"]
 				}, null, 8, ["type"])) : d("", !0),
-				p("span", { class: b(["bb-button__content", { "sr-only": !!t.icon }]) }, [C(t.$slots, "default", {}, () => [m(w(t.text), 1)])], 2),
+				p("span", { class: b(["bb-button__content", { "sr-only": !!e.icon }]) }, [C(e.$slots, "default", {}, () => [m(w(e.text), 1)])], 2),
 				H.value ? (x(), f("span", A, w(E(I)("common.loadingText")), 1)) : d("", !0),
-				!t.icon && M["append:icon"] ? (x(), u(a, {
+				!e.icon && M["append:icon"] ? (x(), u(o, {
 					key: 3,
 					class: "bb-button__append-icon",
 					type: M["append:icon"]
-				}, null, 8, ["type"])) : d("", !0)
+				}, null, 8, ["type"])) : d("", !0),
+				e.tooltip != null || e.$slots.tooltip ? (x(), u(E(j), {
+					key: 4,
+					activator: R.value,
+					placement: e.tooltipPlacement,
+					"show-close": !1,
+					timeout: e.tooltipTimeout
+				}, {
+					default: k(() => [C(e.$slots, "tooltip", { text: e.tooltip }, () => [m(w(e.tooltip), 1)])]),
+					_: 3
+				}, 8, [
+					"activator",
+					"placement",
+					"timeout"
+				])) : d("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -139,20 +156,7 @@ var A = {
 			"class",
 			"disabled",
 			"tabindex"
-		]), t.tooltip != null || t.$slots.tooltip ? (x(), u(E(j), {
-			key: 0,
-			activator: R.value,
-			placement: t.tooltipPlacement,
-			"show-close": !1,
-			timeout: t.tooltipTimeout
-		}, {
-			default: k(() => [C(t.$slots, "tooltip", { text: t.tooltip }, () => [m(w(t.tooltip), 1)])]),
-			_: 3
-		}, 8, [
-			"activator",
-			"placement",
-			"timeout"
-		])) : d("", !0)], 64));
+		]));
 	}
 });
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.124",
+	"version": "2.1.125",
 	"description": "Vue 3 component library by BitBoss: forms, selects, layout, overlays, and more.",
 	"type": "module",
 	"sideEffects": false,
@@ -113,4 +113,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}