@db-ux/v-core-components 4.9.0 → 4.10.0

package/dist/components/textarea/model.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
 export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
 export type TextareaResizeType = (typeof TextareaResizeList)[number];
 export declare const TextareaWrapList: readonly ["hard", "soft", "off"];

package/dist/components/tooltip/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
+import type { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
 export declare const TooltipVariantList: readonly ["description", "label"];
 export type TooltipVariantType = (typeof TooltipVariantList)[number];
 export type DBTooltipDefaultProps = {

package/dist/db-ux.es.js

@@ -57,6 +57,10 @@ var b = () => {
 			type: Boolean,
 			default: void 0
 		},
+		open: {
+			type: [Boolean, String],
+			default: void 0
+		},
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
@@ -91,11 +95,17 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
+		}), v(() => [o.open], () => {
+			let e = k(o.open, "open");
+			e !== void 0 && (s.value = e);
+		}, {
+			immediate: !0,
+			flush: "post"
 		});
 		function y(e) {
 			e?.preventDefault();
 			let t = !s.value;
-			o.onToggle && o.onToggle(t), s.value = t;
+			o.onToggle && o.onToggle(t), o.open === void 0 && (s.value = t);
 		}
 		return (l, f) => (d(), r("li", {
 			id: t.id ?? t.propOverrides?.id,
@@ -134,7 +144,7 @@ var b = () => {
 			o.name,
 			o.behavior
 		], () => {
-			u.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
+			u.value && y.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -2439,7 +2449,7 @@ var b = () => {
 		}
 		function _() {
 			if (s.value) {
-				let e = !!t.open;
+				let e = k(t.open, "open");
 				e && !s.value.open && (u.value && u.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), D(() => {
 					u.value && (u.value.dataset.transition = "open");
 				}, 1)), !e && s.value.open && (u.value && (u.value.dataset.transition = "close"), D(() => {
@@ -2563,7 +2573,7 @@ var b = () => {
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], hn = { class: "db-header-drawer-navigation" }, gn = { class: "db-header-meta-navigation" }, _n = { class: "db-header-secondary-action" }, vn = { class: "db-header-meta-navigation" }, yn = { class: "db-header-navigation-bar" }, bn = { class: "db-header-brand-container" }, xn = { class: "db-header-navigation-container" }, Sn = { class: "db-header-navigation" }, Cn = { class: "db-header-primary-action" }, wn = { class: "db-header-action-container" }, Tn = { class: "db-header-burger-menu-container" }, En = { class: "db-header-secondary-action" }, Dn = /* @__PURE__ */ s({
+], hn = { class: "db-header-meta-navigation" }, gn = { class: "db-header-navigation-bar" }, _n = { class: "db-header-brand-container" }, vn = { class: "db-header-navigation-container" }, yn = { class: "db-header-navigation" }, bn = { class: "db-header-primary-action" }, xn = { class: "db-header-action-container" }, Sn = { class: "db-header-burger-menu-container" }, Cn = { class: "db-header-secondary-action" }, wn = { class: "db-header-drawer-navigation" }, Tn = { class: "db-header-meta-navigation" }, En = { class: "db-header-secondary-action" }, Dn = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2624,6 +2634,20 @@ var b = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
+			i("div", hn, [m(n.$slots, "meta-navigation")]),
+			i("div", gn, [
+				i("div", _n, [m(n.$slots, "brand")]),
+				i("div", vn, [i("div", yn, [m(n.$slots, "default")]), i("div", bn, [m(n.$slots, "primary-action")])]),
+				i("div", xn, [i("div", Sn, [o(Ie, {
+					icon: "menu",
+					variant: "ghost",
+					noText: !0,
+					onClick: (e) => p()
+				}, {
+					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
+					_: 1
+				}, 8, ["onClick"])]), i("div", Cn, [m(n.$slots, "secondary-action")])])
+			]),
 			o(sn, {
 				class: "db-header-drawer",
 				spacing: "small",
@@ -2633,30 +2657,16 @@ var b = () => {
 				open: g(k)(e.drawerOpen),
 				onClose: (e) => p()
 			}, {
-				default: y(() => [i("div", hn, [i("div", {
+				default: y(() => [i("div", wn, [i("div", {
 					class: "db-header-navigation",
 					onClick: l[0] ||= async (e) => _(e)
-				}, [m(n.$slots, "default")]), i("div", gn, [m(n.$slots, "meta-navigation")])]), i("div", _n, [m(n.$slots, "secondary-action")])]),
+				}, [m(n.$slots, "default")]), i("div", Tn, [m(n.$slots, "meta-navigation")])]), i("div", En, [m(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
 				"closeButtonText",
 				"open",
 				"onClose"
-			]),
-			i("div", vn, [m(n.$slots, "meta-navigation")]),
-			i("div", yn, [
-				i("div", bn, [m(n.$slots, "brand")]),
-				i("div", xn, [i("div", Sn, [m(n.$slots, "default")]), i("div", Cn, [m(n.$slots, "primary-action")])]),
-				i("div", wn, [i("div", Tn, [o(Ie, {
-					icon: "menu",
-					variant: "ghost",
-					noText: !0,
-					onClick: (e) => p()
-				}, {
-					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
-					_: 1
-				}, 8, ["onClick"])]), i("div", En, [m(n.$slots, "secondary-action")])])
 			])
 		], 10, mn));
 	}
@@ -2859,6 +2869,10 @@ var b = () => {
 			type: [Boolean, String],
 			default: void 0
 		},
+		hideSubNavigation: {
+			type: [Boolean, String],
+			default: void 0
+		},
 		children: { default: void 0 },
 		className: { default: void 0 },
 		class: {},
@@ -2929,7 +2943,7 @@ var b = () => {
 			"data-active": t.active,
 			"data-wrap": g(O)(t.wrap),
 			"aria-disabled": g(O)(t.disabled)
-		}, [x.value ? n("", !0) : (d(), r(e, { key: 0 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64)), x.value ? (d(), r(e, { key: 1 }, [i("button", {
+		}, [!g(k)(t.hideSubNavigation, "hideSubNavigation") && x.value ? (d(), r(e, { key: 0 }, [i("button", {
 			class: "db-navigation-item-expand-button",
 			id: A.value,
 			"aria-haspopup": b.value ? "true" : void 0,
@@ -2951,7 +2965,7 @@ var b = () => {
 		}, {
 			default: y(() => [a(h(t.backButtonText ?? g("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : n("", !0)], 42, zn));
+		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : (d(), r(e, { key: 1 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64))], 42, zn));
 	}
 }), Wn = [
 	"id",