@nubisco/ui 3.5.2 → 3.5.3

package/dist/index.mjs

@@ -27385,14 +27385,18 @@ var V5 = /* @__PURE__ */ Q(/* @__PURE__ */ _({
 	},
 	emits: ["update:size"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, { layerProps: i } = H2(), a = n, o = s({
-			get: () => r.size,
-			set: (e) => a("update:size", e)
+		let r = e, { layerProps: i } = H2(), a = n, o = R(r.size);
+		Y(() => r.size, (e) => o.value = e);
+		let c = s({
+			get: () => o.value,
+			set: (e) => {
+				o.value = e, a("update:size", e);
+			}
 		});
-		function c(e) {
-			o.value = e;
+		function l(e) {
+			c.value = e;
 		}
-		return t({ setSize: c }), (t, n) => (P(), d("div", C({ class: "nb-shell-panel" }, K(i), { class: [o.value, {
+		return t({ setSize: l }), (t, n) => (P(), d("div", C({ class: "nb-shell-panel" }, K(i), { class: [c.value, {
 			"nb-shell-panel--fluid": e.fluid,
 			"nb-shell-panel--fill": e.fill
 		}] }), [f("div", C8t, [
@@ -27405,11 +27409,11 @@ var V5 = /* @__PURE__ */ Q(/* @__PURE__ */ _({
 			}, [B(t.$slots, "controls", {}, () => [
 				f("button", {
 					type: "button",
-					class: T(["nb-shell-panel__size-btn", { active: o.value === "collapsed" }]),
-					"aria-pressed": o.value === "collapsed",
+					class: T(["nb-shell-panel__size-btn", { active: c.value === "collapsed" }]),
+					"aria-pressed": c.value === "collapsed",
 					title: "Minimize",
 					"aria-label": "Minimize",
-					onClick: n[0] ||= (e) => c("collapsed")
+					onClick: n[0] ||= (e) => l("collapsed")
 				}, [...n[3] ||= [f("svg", {
 					width: "12",
 					height: "12",
@@ -27425,11 +27429,11 @@ var V5 = /* @__PURE__ */ Q(/* @__PURE__ */ _({
 				})], -1)]], 10, k8t),
 				f("button", {
 					type: "button",
-					class: T(["nb-shell-panel__size-btn", { active: o.value === "default" }]),
-					"aria-pressed": o.value === "default",
+					class: T(["nb-shell-panel__size-btn", { active: c.value === "default" }]),
+					"aria-pressed": c.value === "default",
 					title: "Default",
 					"aria-label": "Default",
-					onClick: n[1] ||= (e) => c("default")
+					onClick: n[1] ||= (e) => l("default")
 				}, [...n[4] ||= [f("svg", {
 					width: "12",
 					height: "12",
@@ -27447,11 +27451,11 @@ var V5 = /* @__PURE__ */ Q(/* @__PURE__ */ _({
 				})], -1)]], 10, A8t),
 				f("button", {
 					type: "button",
-					class: T(["nb-shell-panel__size-btn", { active: o.value === "full" }]),
-					"aria-pressed": o.value === "full",
+					class: T(["nb-shell-panel__size-btn", { active: c.value === "full" }]),
+					"aria-pressed": c.value === "full",
 					title: "Maximize",
 					"aria-label": "Maximize",
-					onClick: n[2] ||= (e) => c("full")
+					onClick: n[2] ||= (e) => l("full")
 				}, [...n[5] ||= [f("svg", {
 					width: "12",
 					height: "12",
@@ -27475,9 +27479,9 @@ var V5 = /* @__PURE__ */ Q(/* @__PURE__ */ _({
 					"stroke-width": "1.2"
 				})], -1)]], 10, j8t)
 			], !0)], 8, O8t)
-		]), o.value === "collapsed" ? u("", !0) : (P(), d("div", M8t, [B(t.$slots, "default", {}, void 0, !0)]))], 16));
+		]), c.value === "collapsed" ? u("", !0) : (P(), d("div", M8t, [B(t.$slots, "default", {}, void 0, !0)]))], 16));
 	}
-}), [["__scopeId", "data-v-a905a948"]]), Y5 = Symbol("NB_BLUEPRINT_CONTEXT"), X5 = Symbol("NB_BLUEPRINT_CONTROLLER");
+}), [["__scopeId", "data-v-e009955c"]]), Y5 = Symbol("NB_BLUEPRINT_CONTEXT"), X5 = Symbol("NB_BLUEPRINT_CONTROLLER");
 //#endregion
 //#region src/components/blueprint-port-cache.ts
 function N8t(e) {