@nubisco/ui 1.8.2 → 1.9.0

package/dist/index.mjs

@@ -17091,10 +17091,13 @@ var w9 = /* @__PURE__ */ function(e) {
 			}, null, -1)]])) : c("", !0)])) : c("", !0), u("span", BKt, j(t.label), 1)], 42, LKt))), 128)), !e.options || e.options.length === 0 ? (T(), l("div", VKt, " No options ")) : c("", !0)], 12, IKt)) : c("", !0)]))], 64);
 		};
 	}
-}), HKt = { class: "nb-shell" }, UKt = { class: "nb-shell__sidebar" }, WKt = { class: "nb-shell__sidebar-logo" }, GKt = { class: "nb-shell__sidebar-nav" }, KKt = { class: "nb-shell__sidebar-bottom" }, qKt = { class: "nb-shell__body" }, JKt = { class: "nb-shell__topbar" }, YKt = { class: "nb-shell__topbar-left" }, XKt = { class: "nb-shell__topbar-right" }, ZKt = {
+}), HKt = { class: "nb-shell" }, UKt = { class: "nb-shell__sidebar" }, WKt = { class: "nb-shell__sidebar-logo" }, GKt = { class: "nb-shell__sidebar-nav" }, KKt = { class: "nb-shell__sidebar-bottom" }, qKt = { class: "nb-shell__body" }, JKt = {
 	key: 0,
+	class: "nb-shell__notification"
+}, YKt = { class: "nb-shell__topbar" }, XKt = { class: "nb-shell__topbar-left" }, ZKt = { class: "nb-shell__topbar-right" }, QKt = {
+	key: 1,
 	class: "nb-shell__fixedbar"
-}, QKt = { class: "nb-shell__main" }, R9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
+}, $Kt = { class: "nb-shell__main" }, R9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
 	__name: "Shell",
 	props: {
 		inspectorVisible: {
@@ -17123,9 +17126,10 @@ var w9 = /* @__PURE__ */ function(e) {
 				u("div", KKt, [O(t.$slots, "sidebar-bottom", {}, void 0, !0)])
 			]),
 			u("div", qKt, [
-				u("div", JKt, [u("div", YKt, [O(t.$slots, "topbar-left", {}, void 0, !0)]), u("div", XKt, [O(t.$slots, "topbar-right", {}, void 0, !0)])]),
-				s.value ? (T(), l("div", ZKt, [O(t.$slots, "fixedbar", {}, void 0, !0)])) : c("", !0),
-				u("main", QKt, [O(t.$slots, "default", {}, void 0, !0)])
+				t.$slots.notification ? (T(), l("div", JKt, [O(t.$slots, "notification", {}, void 0, !0)])) : c("", !0),
+				u("div", YKt, [u("div", XKt, [O(t.$slots, "topbar-left", {}, void 0, !0)]), u("div", ZKt, [O(t.$slots, "topbar-right", {}, void 0, !0)])]),
+				s.value ? (T(), l("div", QKt, [O(t.$slots, "fixedbar", {}, void 0, !0)])) : c("", !0),
+				u("main", $Kt, [O(t.$slots, "default", {}, void 0, !0)])
 			]),
 			u("aside", { class: b(["nb-shell__inspector", {
 				"nb-shell__inspector--visible": e.inspectorVisible,
@@ -17133,7 +17137,7 @@ var w9 = /* @__PURE__ */ function(e) {
 			}]) }, [O(t.$slots, "inspector", {}, void 0, !0)], 2)
 		]));
 	}
-}), [["__scopeId", "data-v-fe9e3718"]]), z9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
+}), [["__scopeId", "data-v-33837448"]]), z9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
 	__name: "SidebarLink",
 	props: {
 		to: { default: void 0 },
@@ -17176,10 +17180,10 @@ var w9 = /* @__PURE__ */ function(e) {
 			"data-tooltip"
 		]));
 	}
-}), [["__scopeId", "data-v-eee9f206"]]), $Kt = { class: "nb-slider__field-box" }, eqt = {
+}), [["__scopeId", "data-v-eee9f206"]]), eqt = { class: "nb-slider__field-box" }, tqt = {
 	key: 0,
 	class: "nb-slider__inner-header"
-}, tqt = { class: "nb-slider__inner-label" }, nqt = { class: "nb-slider__track-labels" }, rqt = { class: "nb-slider__track-label" }, iqt = { class: "nb-slider__track-label" }, B9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
+}, nqt = { class: "nb-slider__inner-label" }, rqt = { class: "nb-slider__track-labels" }, iqt = { class: "nb-slider__track-label" }, aqt = { class: "nb-slider__track-label" }, B9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
 	__name: "Slider",
 	props: {
 		modelValue: {},
@@ -17340,7 +17344,7 @@ var w9 = /* @__PURE__ */ function(e) {
 					default: L(() => [d(j(e.label), 1)]),
 					_: 1
 				})) : c("", !0),
-				u("div", $Kt, [e.variant === "fluid" && e.label ? (T(), l("div", eqt, [u("label", tqt, j(e.label), 1)])) : c("", !0), f(p, {
+				u("div", eqt, [e.variant === "fluid" && e.label ? (T(), l("div", tqt, [u("label", nqt, j(e.label), 1)])) : c("", !0), f(p, {
 					dir: "row",
 					align: "center",
 					gap: "sm",
@@ -17402,7 +17406,7 @@ var w9 = /* @__PURE__ */ function(e) {
 								style: x({ left: `${_(m.value)}%` }),
 								onMousedown: r[0] ||= z((e) => se(null, e), ["stop"]),
 								onTouchstartPassive: r[1] ||= z((e) => ce(null, e), ["stop"])
-							}, null, 36))], 544), u("div", nqt, [u("span", rqt, j(e.min), 1), u("span", iqt, j(e.max), 1)])]),
+							}, null, 36))], 544), u("div", rqt, [u("span", iqt, j(e.min), 1), u("span", aqt, j(e.max), 1)])]),
 							_: 1
 						}, 8, ["class"]),
 						e.showInput ? (T(), s(o, {
@@ -17456,14 +17460,14 @@ var w9 = /* @__PURE__ */ function(e) {
 	return e.Small = "sm", e.Medium = "md", e.Large = "lg", e;
 }(V9 || {}), H9 = /* @__PURE__ */ function(e) {
 	return e.Primary = "primary", e.Secondary = "secondary", e;
-}(H9 || {}), aqt = {
+}(H9 || {}), oqt = {
 	key: 0,
 	class: "nb-switch-label"
-}, oqt = ["for"], sqt = [
+}, sqt = ["for"], cqt = [
 	"id",
 	"name",
 	"disabled"
-], cqt = /* @__PURE__ */ B(/* @__PURE__ */ m({
+], lqt = /* @__PURE__ */ B(/* @__PURE__ */ m({
 	__name: "Switch",
 	props: /* @__PURE__ */ _({
 		id: {
@@ -17513,7 +17517,7 @@ var w9 = /* @__PURE__ */ function(e) {
 				align: "center",
 				gap: "sm"
 			}, {
-				default: L(() => [e.label ? (T(), l("span", aqt, j(e.label), 1)) : c("", !0), u("label", v({
+				default: L(() => [e.label ? (T(), l("span", oqt, j(e.label), 1)) : c("", !0), u("label", v({
 					for: `${M(r)}-input`,
 					class: d.value
 				}, i.value, { onClick: o[1] ||= z(() => {}, ["stop"]) }), [ae(u("input", {
@@ -17522,15 +17526,15 @@ var w9 = /* @__PURE__ */ function(e) {
 					name: e.name,
 					type: "checkbox",
 					disabled: e.disabled
-				}, null, 8, sqt), [[F, t.value]]), o[2] ||= u("div", { class: "slider round" }, null, -1)], 16, oqt)]),
+				}, null, 8, cqt), [[F, t.value]]), o[2] ||= u("div", { class: "slider round" }, null, -1)], 16, sqt)]),
 				_: 1
 			}, 8, ["id", "class"]);
 		};
 	}
-}), [["__scopeId", "data-v-20099917"]]), lqt = {
+}), [["__scopeId", "data-v-20099917"]]), uqt = {
 	key: 0,
 	class: "nb-text-input__overlay-wrap"
-}, uqt = ["innerHTML"], dqt = [
+}, dqt = ["innerHTML"], fqt = [
 	"id",
 	"value",
 	"placeholder",
@@ -17538,7 +17542,7 @@ var w9 = /* @__PURE__ */ function(e) {
 	"readonly",
 	"name",
 	"maxlength"
-], fqt = [
+], pqt = [
 	"id",
 	"value",
 	"placeholder",
@@ -17546,7 +17550,7 @@ var w9 = /* @__PURE__ */ function(e) {
 	"readonly",
 	"name",
 	"maxlength"
-], pqt = [
+], mqt = [
 	"id",
 	"placeholder",
 	"disabled",
@@ -17554,7 +17558,7 @@ var w9 = /* @__PURE__ */ function(e) {
 	"name",
 	"maxlength",
 	"rows"
-], mqt = [
+], hqt = [
 	"id",
 	"type",
 	"placeholder",
@@ -17566,17 +17570,17 @@ var w9 = /* @__PURE__ */ function(e) {
 	"max",
 	"step",
 	"maxlength"
-], hqt = {
+], gqt = {
 	key: 2,
 	class: "nb-text-input__actions"
-}, gqt = {
+}, _qt = {
 	key: 0,
 	class: "nb-text-input__inner-header"
-}, _qt = ["for"], vqt = {
+}, vqt = ["for"], yqt = {
 	key: 0,
 	class: "nb-text-input__asterisk",
 	"aria-hidden": "true"
-}, yqt = [
+}, bqt = [
 	"id",
 	"type",
 	"placeholder",
@@ -17685,13 +17689,13 @@ var w9 = /* @__PURE__ */ function(e) {
 					])) : c("", !0),
 					u("div", { class: b(["nb-text-input__field-wrapper", D.value]) }, [
 						O(t.$slots, "leading", {}, void 0, !0),
-						g.value ? (T(), l("div", lqt, [u("div", {
+						g.value ? (T(), l("div", uqt, [u("div", {
 							ref_key: "mirrorRef",
 							ref: f,
 							class: "nb-text-input__mirror",
 							"aria-hidden": "true",
 							innerHTML: _.value
-						}, null, 8, uqt), e.multiline ? (T(), l("textarea", v({
+						}, null, 8, dqt), e.multiline ? (T(), l("textarea", v({
 							key: 0,
 							id: h.value,
 							ref_key: "nativeRef",
@@ -17711,7 +17715,7 @@ var w9 = /* @__PURE__ */ function(e) {
 							onFocus: r[1] ||= (e) => p.value = !0,
 							onBlur: r[2] ||= (e) => p.value = !1,
 							onScroll: x
-						}), null, 16, dqt)) : (T(), l("input", v({
+						}), null, 16, fqt)) : (T(), l("input", v({
 							key: 1,
 							id: h.value,
 							ref_key: "nativeRef",
@@ -17729,7 +17733,7 @@ var w9 = /* @__PURE__ */ function(e) {
 							onInput: r[3] ||= (e) => i.value = e.target.value,
 							onFocus: r[4] ||= (e) => p.value = !0,
 							onBlur: r[5] ||= (e) => p.value = !1
-						}), null, 16, fqt))])) : (T(), l(n, { key: 1 }, [e.multiline ? ae((T(), l("textarea", v({
+						}), null, 16, pqt))])) : (T(), l(n, { key: 1 }, [e.multiline ? ae((T(), l("textarea", v({
 							key: 0,
 							id: h.value,
 							ref_key: "nativeRef",
@@ -17745,7 +17749,7 @@ var w9 = /* @__PURE__ */ function(e) {
 							rows: e.rows,
 							onFocus: r[7] ||= (e) => p.value = !0,
 							onBlur: r[8] ||= (e) => p.value = !1
-						}), null, 16, pqt)), [[ne, i.value]]) : ae((T(), l("input", v({
+						}), null, 16, mqt)), [[ne, i.value]]) : ae((T(), l("input", v({
 							key: 1,
 							id: h.value,
 							ref_key: "nativeRef",
@@ -17765,9 +17769,9 @@ var w9 = /* @__PURE__ */ function(e) {
 							maxlength: e.maxlength,
 							onFocus: r[10] ||= (e) => p.value = !0,
 							onBlur: r[11] ||= (e) => p.value = !1
-						}), null, 16, mqt)), [[I, i.value]])], 64)),
+						}), null, 16, hqt)), [[I, i.value]])], 64)),
 						O(t.$slots, "trailing", {}, void 0, !0),
-						t.$slots.actions ? (T(), l("div", hqt, [O(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+						t.$slots.actions ? (T(), l("div", gqt, [O(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 					], 2),
 					w.value ? (T(), s(j9, {
 						key: 2,
@@ -17781,11 +17785,11 @@ var w9 = /* @__PURE__ */ function(e) {
 				], 64)) : e.variant === "fluid" ? (T(), l("div", {
 					key: 1,
 					class: b(["nb-text-input__field-wrapper", D.value])
-				}, [e.label || t.$slots.label ? (T(), l("div", gqt, [t.$slots.label ? O(t.$slots, "label", { key: 0 }, void 0, !0) : (T(), l("label", {
+				}, [e.label || t.$slots.label ? (T(), l("div", _qt, [t.$slots.label ? O(t.$slots, "label", { key: 0 }, void 0, !0) : (T(), l("label", {
 					key: 1,
 					for: h.value,
 					class: b(["nb-text-input__inner-label", { "nb-text-input__inner-label--required": e.required }])
-				}, [d(j(e.label) + " ", 1), e.required ? (T(), l("span", vqt, "*")) : c("", !0)], 10, _qt)), w.value ? (T(), s(j9, {
+				}, [d(j(e.label) + " ", 1), e.required ? (T(), l("span", yqt, "*")) : c("", !0)], 10, vqt)), w.value ? (T(), s(j9, {
 					key: 2,
 					variant: S.value,
 					"icon-only": "",
@@ -17812,15 +17816,15 @@ var w9 = /* @__PURE__ */ function(e) {
 					maxlength: e.maxlength,
 					onFocus: r[13] ||= (e) => p.value = !0,
 					onBlur: r[14] ||= (e) => p.value = !1
-				}), null, 16, yqt), [[I, i.value]])], 2)) : c("", !0)]),
+				}), null, 16, bqt), [[I, i.value]])], 2)) : c("", !0)]),
 				_: 3
 			}, 8, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-47052634"]]), bqt = ["aria-live"], xqt = { class: "nb-toast__icon" }, Sqt = { class: "nb-toast__body" }, Cqt = {
+}), [["__scopeId", "data-v-47052634"]]), xqt = ["aria-live"], Sqt = { class: "nb-toast__icon" }, Cqt = { class: "nb-toast__body" }, wqt = {
 	key: 0,
 	class: "nb-toast__title"
-}, wqt = { class: "nb-toast__message" }, W9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
+}, Tqt = { class: "nb-toast__message" }, W9 = /* @__PURE__ */ B(/* @__PURE__ */ m({
 	__name: "Toast",
 	props: {
 		variant: { default: "info" },
@@ -17857,13 +17861,13 @@ var w9 = /* @__PURE__ */ function(e) {
 			onMouseenter: m,
 			onMouseleave: h
 		}, [
-			u("div", xqt, [f(m5, {
+			u("div", Sqt, [f(m5, {
 				name: a[e.variant],
 				size: 16
 			}, null, 8, ["name"])]),
-			u("div", Sqt, [
-				e.title ? (T(), l("p", Cqt, j(e.title), 1)) : c("", !0),
-				u("p", wqt, j(e.message), 1),
+			u("div", Cqt, [
+				e.title ? (T(), l("p", wqt, j(e.title), 1)) : c("", !0),
+				u("p", Tqt, j(e.message), 1),
 				e.cta ? (T(), l("button", {
 					key: 1,
 					class: "nb-toast__cta",
@@ -17889,9 +17893,9 @@ var w9 = /* @__PURE__ */ function(e) {
 					animationPlayState: i.value ? "paused" : "running"
 				})
 			}, null, 4)) : c("", !0)
-		], 42, bqt));
+		], 42, xqt));
 	}
-}), [["__scopeId", "data-v-12959c2e"]]), Tqt = {
+}), [["__scopeId", "data-v-12959c2e"]]), Eqt = {
 	NbAiLabel: fe,
 	NbBadge: ge,
 	NbBreadcrumbs: xe,
@@ -17915,11 +17919,11 @@ var w9 = /* @__PURE__ */ function(e) {
 	NbShell: R9,
 	NbSidebarLink: z9,
 	NbSlider: B9,
-	NbSwitch: cqt,
+	NbSwitch: lqt,
 	NbTextInput: U9,
 	NbToast: W9
-}, Eqt = { install(e) {
-	Object.entries(Tqt).forEach(([t, n]) => {
+}, Dqt = { install(e) {
+	Object.entries(Eqt).forEach(([t, n]) => {
 		e.component(t, n);
 	});
 } };
@@ -17932,7 +17936,7 @@ function G9(e) {
 }
 //#endregion
 //#region src/directives/ToolTip.directive.ts
-var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Set(), q9 = (e) => {
+var Oqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Set(), q9 = (e) => {
 	if (Array.isArray(e)) return e.map((e) => q9(e)).join("");
 	if (!e || typeof e != "object" || !e.component) return "";
 	let { component: t, props: n = {}, children: r, content: i } = e, a = r === void 0 ? i : r, o = Object.entries(n).map(([e, t]) => `${e}="${G9(String(t))}"`).join(" "), s = Array.isArray(a) ? q9(a) : a === void 0 ? "" : G9(String(a));
@@ -17945,7 +17949,7 @@ var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Se
 		mounted(e, t) {
 			let n;
 			e.__showTooltip__ = () => {
-				clearTimeout(n), e.__tooltipBinding__ && Oqt(e, e.__tooltipBinding__);
+				clearTimeout(n), e.__tooltipBinding__ && kqt(e, e.__tooltipBinding__);
 			}, e.__hideTooltip__ = (t = 150) => {
 				n = setTimeout(() => {
 					Z9(e, t <= 0);
@@ -17955,7 +17959,7 @@ var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Se
 			}, e.__tooltipBinding__ = t.value, e.__showHandler__ = () => e.__showTooltip__?.(), e.__hideHandler__ = () => e.__hideTooltip__?.(), e.addEventListener("mouseenter", e.__showHandler__), e.addEventListener("mouseleave", e.__hideHandler__), e.addEventListener("mousemove", e.__mouseMove__), window.addEventListener("scroll", e.__hideHandler__);
 		},
 		updated(e, t) {
-			e.__tooltipBinding__ = t.value, t.value ? e.tooltipElement && kqt(e, t.value) : Z9(e, !0);
+			e.__tooltipBinding__ = t.value, t.value ? e.tooltipElement && Aqt(e, t.value) : Z9(e, !0);
 		},
 		unmounted(e) {
 			Z9(e, !0), e.__showHandler__ && e.removeEventListener("mouseenter", e.__showHandler__), e.__hideHandler__ && e.removeEventListener("mouseleave", e.__hideHandler__), e.__hideHandler__ && window.removeEventListener("scroll", e.__hideHandler__);
@@ -17967,7 +17971,7 @@ var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Se
       <div class="nb-tooltip-body">${J9(t)}</div>
       <div class="nb-tooltip-tip">${J9(n)}</div>
     </div>
-  `, Oqt = (e, { header: t, body: n, tip: r, flavor: i = "default", delay: a = 400, animationTime: o = 300, position: s, overflowOnly: c, classExtra: l }) => {
+  `, kqt = (e, { header: t, body: n, tip: r, flavor: i = "default", delay: a = 400, animationTime: o = 300, position: s, overflowOnly: c, classExtra: l }) => {
 	let u = e.tooltipElement;
 	if (u && u.remove(), c) {
 		let t = e.getBoundingClientRect();
@@ -17986,7 +17990,7 @@ var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Se
 	clearTimeout(e.__showTimer__), n && (t ? n.remove() : (n.style.animation = "tooltipDisappear 200ms ease-in-out forwards", setTimeout(() => {
 		n.remove();
 	}, 200)), K9.delete(e));
-}, kqt = (e, { header: t, body: n, tip: r, position: i }) => {
+}, Aqt = (e, { header: t, body: n, tip: r, position: i }) => {
 	let a = e.tooltipElement;
 	a && (a.innerHTML = X9({
 		header: t,
@@ -18013,19 +18017,19 @@ var Dqt = /* @__PURE__ */ se({ default: () => Y9 }), K9 = /* @__PURE__ */ new Se
 			break;
 	}
 	t && (t.style.top = `${l}px`, t.style.left = `${u}px`);
-}, Aqt = /* @__PURE__ */ Object.assign({ "./ToolTip.directive.ts": Dqt }), jqt = { install(e) {
-	Object.values(Aqt).forEach((t) => {
+}, jqt = /* @__PURE__ */ Object.assign({ "./ToolTip.directive.ts": Oqt }), Mqt = { install(e) {
+	Object.values(jqt).forEach((t) => {
 		typeof t.default == "function" && t.default(e);
 	});
-} }, $9 = /* @__PURE__ */ Object.assign({}), Mqt = { install(e) {
+} }, $9 = /* @__PURE__ */ Object.assign({}), Nqt = { install(e) {
 	Object.keys($9).forEach((t) => {
 		let n = `Nb${t.replace(/(.+\/)(\w+)(\.vue)$/, "$2")}`, r = $9[t];
 		e.component(n, r.default);
 	});
-} }, Nqt = { install(e) {
-	e.use(Eqt), e.use(jqt);
+} }, Pqt = { install(e) {
+	e.use(Dqt), e.use(Mqt);
 } };
 //#endregion
-export { ge as NbBadge, xe as NbBreadcrumbs, h5 as NbButton, g5 as NbCheckbox, _5 as NbColorStrip, b5 as NbFlag, x5 as NbGrid, m5 as NbIcon, D9 as NbJsonTree, k9 as NbLabel, j9 as NbMessage, M9 as NbModal, N9 as NbNumberInput, P9 as NbPanel, I9 as NbRadio, L9 as NbSelect, R9 as NbShell, z9 as NbSidebarLink, B9 as NbSlider, U9 as NbTextInput, W9 as NbToast, Mqt as NubiscoUILabs, Nqt as default, Y9 as nbTooltipDirective };
+export { ge as NbBadge, xe as NbBreadcrumbs, h5 as NbButton, g5 as NbCheckbox, _5 as NbColorStrip, b5 as NbFlag, x5 as NbGrid, m5 as NbIcon, D9 as NbJsonTree, k9 as NbLabel, j9 as NbMessage, M9 as NbModal, N9 as NbNumberInput, P9 as NbPanel, I9 as NbRadio, L9 as NbSelect, R9 as NbShell, z9 as NbSidebarLink, B9 as NbSlider, U9 as NbTextInput, W9 as NbToast, Nqt as NubiscoUILabs, Pqt as default, Y9 as nbTooltipDirective };
 
 //# sourceMappingURL=index.mjs.map