@nubisco/ui 5.25.1 → 5.26.0

package/dist/FileUploader-C9Pyc7er.js

@@ -0,0 +1,187 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { t } from "./Icon-rREAqsu0.js";
+import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
+import { t as r } from "./Button-IcCXOoCT.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b, withModifiers as x } from "vue";
+import { regular as S } from "@nubisco/ui/icons/x";
+import { regular as C } from "@nubisco/ui/icons/circle-notch";
+//#region src/types/Variants.d.ts
+var w = /* @__PURE__ */ function(e) {
+	return e.Primary = "primary", e.Secondary = "secondary", e.Ghost = "ghost", e.Danger = "danger", e.Success = "success", e.Warning = "warning", e;
+}(w || {}), T = /* @__PURE__ */ function(e) {
+	return e.Idle = "idle", e.Loading = "loading", e.Success = "success", e;
+}(T || {}), E = {
+	key: 0,
+	class: "nb-file-uploader__heading"
+}, D = {
+	key: 1,
+	class: "nb-file-uploader__description"
+}, O = [
+	"accept",
+	"multiple",
+	"disabled"
+], k = {
+	key: 4,
+	class: "nb-file-uploader__list"
+}, A = { class: "nb-file-uploader__name" }, j = { class: "nb-file-uploader__status" }, M = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], N = {
+	key: 0,
+	class: "nb-file-uploader__error"
+}, P = /* @__PURE__ */ e(/* @__PURE__ */ d({
+	__name: "FileUploader",
+	props: {
+		heading: {},
+		description: {},
+		buttonLabel: { default: "Add file" },
+		variant: { default: w.Primary },
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		maxSize: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		id: {}
+	},
+	emits: ["change", "remove"],
+	setup(e, { expose: d, emit: w }) {
+		let P = e, { layerProps: F } = n(), I = w, L = h(null), R = h([]), z = h(!1), B = 0;
+		y(() => P.disabled, (e) => {
+			e && (B = 0, z.value = !1);
+		});
+		function V() {
+			P.disabled || L.value?.click();
+		}
+		function H(e) {
+			if (P.maxSize && e.size > P.maxSize) return "File exceeds size limit.";
+			if (P.accept) {
+				let t = P.accept.split(",").map((e) => e.trim().toLowerCase()), n = e.name.toLowerCase();
+				if (!t.some((t) => t.startsWith(".") ? n.endsWith(t) : t.includes("/") ? e.type === t || e.type.startsWith(t.replaceAll("*", "")) : !1)) return "File type not accepted.";
+			}
+		}
+		function U(e) {
+			let t = Array.from(e);
+			P.multiple || (R.value = []);
+			for (let e of t) {
+				let t = H(e);
+				R.value.push({
+					file: e,
+					status: T.Idle,
+					error: t
+				});
+			}
+			I("change", R.value.filter((e) => !e.error).map((e) => e.file));
+		}
+		function W(e) {
+			let t = e.target;
+			if (P.disabled) {
+				t.value = "";
+				return;
+			}
+			t.files?.length && (U(t.files), t.value = "");
+		}
+		function G() {
+			P.disabled || (B++, z.value = !0);
+		}
+		function K() {
+			B--, B <= 0 && (B = 0, z.value = !1);
+		}
+		function q(e) {
+			P.disabled && e.dataTransfer && (e.dataTransfer.dropEffect = "none");
+		}
+		function J(e) {
+			if (B = 0, z.value = !1, P.disabled) return;
+			let t = e.dataTransfer?.files;
+			t?.length && U(t);
+		}
+		function Y(e) {
+			if (P.disabled) return;
+			let t = R.value[e];
+			R.value.splice(e, 1), I("remove", t.file), I("change", R.value.filter((e) => !e.error).map((e) => e.file));
+		}
+		function X(e, t, n) {
+			R.value[e] && (R.value[e].status = t, R.value[e].error = n);
+		}
+		return d({
+			files: R,
+			setFileStatus: X
+		}), (n, d) => (m(), s("div", f({ class: ["nb-file-uploader", { "nb-file-uploader--disabled": e.disabled }] }, v(F), {
+			onDragenter: x(G, ["prevent"]),
+			onDragover: x(q, ["prevent"]),
+			onDragleave: x(K, ["prevent"]),
+			onDrop: x(J, ["prevent"])
+		}), [
+			e.heading ? (m(), s("p", E, _(e.heading), 1)) : o("", !0),
+			e.description ? (m(), s("p", D, _(e.description), 1)) : o("", !0),
+			z.value ? (m(), s("div", {
+				key: 2,
+				class: p(["nb-file-uploader__dropzone", `nb-file-uploader__dropzone--${e.variant}`])
+			}, [...d[0] ||= [c("span", { class: "nb-file-uploader__drop-label" }, [
+				l(" Drag and drop files here"),
+				c("br"),
+				l("or click to upload ")
+			], -1)]], 2)) : (m(), a(r, {
+				key: 3,
+				class: "nb-file-uploader__btn",
+				variant: e.variant,
+				disabled: e.disabled,
+				onClick: x(V, ["stop"])
+			}, {
+				default: b(() => [l(_(e.buttonLabel), 1)]),
+				_: 1
+			}, 8, ["variant", "disabled"])),
+			c("input", {
+				ref_key: "inputRef",
+				ref: L,
+				type: "file",
+				class: "nb-file-uploader__input",
+				accept: e.accept,
+				multiple: e.multiple,
+				disabled: e.disabled,
+				onChange: W
+			}, null, 40, O),
+			R.value.length ? (m(), s("ul", k, [(m(!0), s(i, null, g(R.value, (n, r) => (m(), s("li", {
+				key: r,
+				class: p(["nb-file-uploader__item", {
+					"nb-file-uploader__item--error": n.error,
+					"nb-file-uploader__item--success": n.status === "success"
+				}])
+			}, [
+				c("span", A, _(n.file.name), 1),
+				c("span", j, [
+					n.status === "loading" ? (m(), a(t, {
+						key: 0,
+						name: v(C),
+						class: "nb-file-uploader__spinner"
+					}, null, 8, ["name"])) : n.status === "success" ? (m(), a(t, {
+						key: 1,
+						name: "check-circle-fill",
+						class: "nb-file-uploader__check"
+					})) : o("", !0),
+					n.error ? (m(), a(t, {
+						key: 2,
+						name: "warning-circle-fill",
+						class: "nb-file-uploader__warn"
+					})) : o("", !0),
+					n.status === "loading" ? o("", !0) : (m(), s("button", {
+						key: 3,
+						class: "nb-file-uploader__remove",
+						type: "button",
+						"aria-label": `Remove ${n.file.name}`,
+						disabled: e.disabled,
+						onClick: (e) => Y(r)
+					}, [u(t, { name: v(S) }, null, 8, ["name"])], 8, M))
+				]),
+				n.error ? (m(), s("div", N, _(n.error), 1)) : o("", !0)
+			], 2))), 128))])) : o("", !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-9bd5f6ba"]]);
+//#endregion
+export { P as t };

package/dist/FileUploader-D1HoVmOw.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`,`disabled`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`disabled`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean,default:!1},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;(0,i.watch)(()=>v.disabled,e=>{e&&(w=0,C.value=!1)});function T(){v.disabled||x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.accept.split(`,`).map(e=>e.trim().toLowerCase()),n=e.name.toLowerCase();if(!t.some(t=>t.startsWith(`.`)?n.endsWith(t):t.includes(`/`)?e.type===t||e.type.startsWith(t.replaceAll(`*`,``)):!1))return`File type not accepted.`}}function D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;if(v.disabled){t.value=``;return}t.files?.length&&(D(t.files),t.value=``)}function k(){v.disabled||(w++,C.value=!0)}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){v.disabled&&e.dataTransfer&&(e.dataTransfer.dropEffect=`none`)}function M(e){if(w=0,C.value=!1,v.disabled)return;let t=e.dataTransfer?.files;t?.length&&D(t)}function N(e){if(v.disabled)return;let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function P(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:P}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:[`nb-file-uploader`,{"nb-file-uploader--disabled":e.disabled}]},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:(0,i.withModifiers)(j,[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(M,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[0]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,disabled:e.disabled,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`,`disabled`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:r,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":n.error,"nb-file-uploader__item--success":n.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(n.file.name),1),(0,i.createElementVNode)(`span`,m,[n.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):n.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),n.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),n.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${n.file.name}`,disabled:e.disabled,onClick:e=>N(r)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),n.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(n.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-9bd5f6ba`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});

package/dist/{LineChart-D869JljU.js → LineChart-CKGlZDLI.js}

@@ -3,66 +3,71 @@ import { i as t, l as n, n as r, u as i } from "./palette-VMXxKICH.js";
 import { t as a } from "./ChartLegend-BtBKVnH3.js";
 import { i as o, r as s } from "./scales-DVJzRU1F.js";
 import { t as c } from "./useChartSize-Dyh37PYP.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, onBeforeUnmount as ee, onMounted as te, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, watch as ne, withCtx as S } from "vue";
 //#region src/components/Charts/shared/xLabels.ts
-var E = 6, D = 8, O = (e, t = E) => {
+var C = 6, w = 8, T = (e, t = C) => {
 	let n = [];
 	if (e <= 0) return n;
 	let r = Math.max(1, Math.ceil(e / t));
 	for (let t = 0; t < e; t += r) n.push(t);
 	return n[n.length - 1] !== e - 1 && n.push(e - 1), n;
-}, k = (e, t, n) => {
+}, E = (e, t, n) => {
 	for (let r = 1; r < e.length; r++) {
 		let i = e[r - 1], a = e[r], o = i.x + t(i.index) / 2;
 		if (a.x - t(a.index) / 2 - o < n) return !1;
 	}
 	return !0;
-}, A = (e, t, n) => {
+}, D = (e, t, n) => {
 	if (n === void 0 || t >= n) return e;
 	let r = t / 2;
 	return Math.min(Math.max(e, r), n - r);
-}, j = ({ count: e, positionOf: t, widthOf: n, width: r, gap: i = D }) => {
-	let a = O(e).map((e) => ({
+}, O = (e, t, n, r, i) => {
+	let a = (e) => e.x === n(e.index) ? r : i, o = e, s = o[o.length - 1];
+	return o.length > 2 && !E(o.slice(-2), t, a(s)) && (o = [...o.slice(0, -2), s]), o.length > 2 && !E(o.slice(0, 2), t, a(o[0])) && (o = [o[0], ...o.slice(2)]), o;
+}, k = ({ count: e, positionOf: t, widthOf: n, width: r, gap: i = w }) => {
+	let a = T(e);
+	if (!n) return a.map((e) => ({
 		index: e,
 		x: t(e)
 	}));
-	if (!n || k(a, n, 0)) return a;
-	let o = e - 1, s = (e) => ({
+	let o = (e) => ({
 		index: e,
-		x: A(t(e), n(e), r)
-	}), c = Math.max(1, Math.ceil(e / E)) + 1;
-	for (let e = c; e <= o; e++) {
-		let t = [];
-		for (let n = 0; n < o; n += e) t.push(n);
-		let r = [...t, o].map(s);
-		if (r.length > 2 && !k(r.slice(-2), n, i) && (r = [...r.slice(0, -2), r[r.length - 1]]), k(r, n, i)) return r;
+		x: D(t(e), n(e), r)
+	}), s = O(a.map(o), n, t, -Infinity, i);
+	if (E(s, n, 0)) return s;
+	let c = e - 1, l = Math.max(1, Math.ceil(e / C)) + 1;
+	for (let e = l; e <= c; e++) {
+		let r = [];
+		for (let t = 0; t < c; t += e) r.push(t);
+		let a = O([...r, c].map(o), n, t, i, i);
+		if (E(a, n, i)) return a;
 	}
-	return [s(0)];
-}, M = [
+	return [o(0)];
+}, A = [
 	"width",
 	"height",
 	"aria-label"
-], N = { key: 0 }, P = [
+], j = { key: 0 }, M = [
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], F = { class: "nb-chart__axis" }, ee = ["x", "y"], te = ["x", "y"], ne = [
+], N = { class: "nb-chart__axis" }, P = ["x", "y"], F = ["x", "y"], I = [
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], re = ["d", "fill"], ie = ["d", "stroke"], I = [
+], L = ["d", "fill"], R = ["d", "stroke"], z = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], L = [
+], B = [
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], R = /* @__PURE__ */ e(/* @__PURE__ */ g({
+], V = /* @__PURE__ */ e(/* @__PURE__ */ g({
 	__name: "LineChart",
 	props: {
 		series: { default: () => [] },
@@ -99,55 +104,60 @@ var E = 6, D = 8, O = (e, t = E) => {
 			right: 16,
 			bottom: 28,
 			left: 44
-		}, E = b(null), D = c(E, {
+		}, C = v(null), w = c(C, {
 			width: 480,
 			height: 240
-		}), O = u(() => r.series.map((e, n) => ({
+		}), T = u(() => r.series.map((e, n) => ({
 			name: e.name,
 			data: e.data,
 			color: e.color ?? t(n, r.colors)
-		}))), k = u(() => (r.series[0]?.data ?? []).map((e) => e.x)), A = u(() => {
+		}))), E = u(() => (r.series[0]?.data ?? []).map((e) => e.x)), D = u(() => {
 			let e = r.series.flatMap((e) => e.data.map((e) => e.y));
 			return e.length ? o(Math.min(0, ...e), Math.max(...e), .1) : [0, 1];
-		}), R = u(() => s(A.value, [Math.max(g.top, D.value.height - g.bottom), g.top])), z = u(() => R.value.ticks(5)), B = u(() => Math.max(0, D.value.width - g.left - g.right)), V = (e) => {
-			let t = k.value.length;
-			return t <= 1 ? g.left + B.value / 2 : g.left + e / (t - 1) * B.value;
-		}, H = b(null), U = b(null), W = () => {
-			let e = H.value;
+		}), O = u(() => s(D.value, [Math.max(g.top, w.value.height - g.bottom), g.top])), V = u(() => O.value.ticks(5)), H = v(7), U = (e) => Math.max(O.value(e), H.value), W = u(() => Math.max(0, w.value.width - g.left - g.right)), G = (e) => {
+			let t = E.value.length;
+			return t <= 1 ? g.left + W.value / 2 : g.left + e / (t - 1) * W.value;
+		}, K = v(null), q = v(null), J = () => {
+			let e = K.value;
 			if (!e || typeof document > "u") return;
 			let t = document.createElementNS("http://www.w3.org/2000/svg", "text");
 			if (typeof t.getComputedTextLength != "function") return;
 			t.setAttribute("visibility", "hidden"), t.setAttribute("aria-hidden", "true"), e.appendChild(t);
 			let n = /* @__PURE__ */ new Map();
-			for (let e of k.value) {
-				let r = S(e);
+			for (let e of E.value) {
+				let r = b(e);
 				n.has(r) || (t.textContent = r, n.set(r, t.getComputedTextLength()));
 			}
-			e.removeChild(t), U.value = n;
+			if (typeof t.getBBox == "function") {
+				t.setAttribute("dominant-baseline", "middle"), t.setAttribute("y", "0"), t.textContent = "0";
+				let e = -t.getBBox().y;
+				e > 0 && (H.value = e);
+			}
+			e.removeChild(t), q.value = n;
 		};
-		w(k, W, { flush: "post" });
-		let G = typeof document > "u" ? void 0 : document.fonts;
-		v(() => {
-			W(), G?.addEventListener?.("loadingdone", W);
-		}), _(() => {
-			G?.removeEventListener?.("loadingdone", W);
+		ne(E, J, { flush: "post" });
+		let Y = typeof document > "u" ? void 0 : document.fonts;
+		te(() => {
+			J(), Y?.addEventListener?.("loadingdone", J);
+		}), ee(() => {
+			Y?.removeEventListener?.("loadingdone", J);
 		});
-		let K = u(() => {
-			let e = k.value, t = U.value;
-			return j({
+		let re = u(() => {
+			let e = E.value, t = q.value;
+			return k({
 				count: e.length,
-				positionOf: V,
-				widthOf: t ? (n) => t.get(S(e[n])) ?? 0 : void 0,
-				width: D.value.width
+				positionOf: G,
+				widthOf: t ? (n) => t.get(b(e[n])) ?? 0 : void 0,
+				width: w.value.width
 			}).map((t) => ({
 				...t,
 				value: e[t.index]
 			}));
-		}), q = (e) => e.length ? Y(e.map((e, t) => [V(t), R.value(e.y)]), r.curve) : "", J = (e) => {
+		}), ie = (e) => e.length ? X(e.map((e, t) => [G(t), O.value(e.y)]), r.curve) : "", ae = (e) => {
 			if (!e.length) return "";
-			let t = e.map((e, t) => [V(t), R.value(e.y)]), n = D.value.height - g.bottom;
-			return `${Y(t, r.curve)} L${t[t.length - 1][0]},${n} L${t[0][0]},${n} Z`;
-		}, Y = (e, t) => {
+			let t = e.map((e, t) => [G(t), O.value(e.y)]), n = w.value.height - g.bottom;
+			return `${X(t, r.curve)} L${t[t.length - 1][0]},${n} L${t[0][0]},${n} Z`;
+		}, X = (e, t) => {
 			if (!e.length) return "";
 			if (e.length === 1) return `M${e[0][0]},${e[0][1]}`;
 			if (t === "linear") return e.map((e, t) => `${t === 0 ? "M" : "L"}${e[0]},${e[1]}`).join(" ");
@@ -165,18 +175,18 @@ var E = 6, D = 8, O = (e, t = E) => {
 				r += ` C${c},${l} ${u},${d} ${o[0]},${o[1]}`;
 			}
 			return r;
-		}, X = (e) => Math.abs(e) >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : Number.isInteger(e) ? String(e) : e.toFixed(1), Z = (e) => r.valueFormatter ? r.valueFormatter(e) : X(e), Q = b(null), $ = b({
+		}, oe = (e) => Math.abs(e) >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : Number.isInteger(e) ? String(e) : e.toFixed(1), Z = (e) => r.valueFormatter ? r.valueFormatter(e) : oe(e), Q = v(null), $ = v({
 			x: 0,
 			y: 0
-		}), ae = (e) => {
-			let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = k.value.length;
+		}), se = (e) => {
+			let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = E.value.length;
 			if (!r) return;
-			let i = (n - g.left) / Math.max(1, B.value);
+			let i = (n - g.left) / Math.max(1, W.value);
 			Q.value = Math.round(Math.min(1, Math.max(0, i)) * (r - 1)), $.value = {
 				x: e.clientX - t.left + 12,
 				y: e.clientY - t.top + 12
 			};
-		}, oe = u(() => Q.value === null ? [] : O.value.map((e) => {
+		}, ce = u(() => Q.value === null ? [] : T.value.map((e) => {
 			let t = e.data[Q.value];
 			return {
 				label: e.name,
@@ -184,101 +194,101 @@ var E = 6, D = 8, O = (e, t = E) => {
 				color: e.color
 			};
 		}));
-		return (t, r) => (y(), d(i, {
+		return (t, r) => (_(), d(i, {
 			title: e.title,
 			subtitle: e.subtitle,
 			height: e.height,
-			"show-legend": e.showLegend && O.value.length > 0
+			"show-legend": e.showLegend && T.value.length > 0
 		}, {
-			legend: T(() => [h(a, { items: O.value.map((e) => ({
+			legend: S(() => [h(a, { items: T.value.map((e) => ({
 				label: e.name,
 				color: e.color
 			})) }, null, 8, ["items"])]),
-			default: T(() => [m("div", {
+			default: S(() => [m("div", {
 				ref_key: "root",
-				ref: E,
+				ref: C,
 				class: "nb-line-chart"
-			}, [(y(), p("svg", {
-				width: C(D).width,
-				height: C(D).height,
+			}, [(_(), p("svg", {
+				width: x(w).width,
+				height: x(w).height,
 				class: "nb-chart__svg",
 				role: "img",
 				"aria-label": e.title || "Line chart",
 				onMouseleave: r[0] ||= (e) => Q.value = null,
-				onMousemove: ae
+				onMousemove: se
 			}, [
-				e.showGrid && C(D).width > 0 ? (y(), p("g", N, [(y(!0), p(l, null, x(z.value, (e) => (y(), p("line", {
+				e.showGrid && x(w).width > 0 ? (_(), p("g", j, [(_(!0), p(l, null, y(V.value, (e) => (_(), p("line", {
 					key: `grid-${e}`,
 					class: "nb-chart__gridline",
 					x1: g.left,
-					x2: C(D).width - g.right,
-					y1: R.value(e),
-					y2: R.value(e)
-				}, null, 8, P))), 128))])) : f("", !0),
-				m("g", F, [(y(!0), p(l, null, x(z.value, (e) => (y(), p("text", {
+					x2: x(w).width - g.right,
+					y1: O.value(e),
+					y2: O.value(e)
+				}, null, 8, M))), 128))])) : f("", !0),
+				m("g", N, [(_(!0), p(l, null, y(V.value, (e) => (_(), p("text", {
 					key: `yt-${e}`,
 					x: g.left - 6,
-					y: R.value(e),
+					y: U(e),
 					"text-anchor": "end",
 					"dominant-baseline": "middle"
-				}, S(Z(e)), 9, ee))), 128))]),
+				}, b(Z(e)), 9, P))), 128))]),
 				m("g", {
 					ref_key: "xAxis",
-					ref: H,
+					ref: K,
 					class: "nb-chart__axis"
-				}, [(y(!0), p(l, null, x(K.value, (e, t) => (y(), p("text", {
+				}, [(_(!0), p(l, null, y(re.value, (e, t) => (_(), p("text", {
 					key: `xt-${t}`,
 					x: e.x,
-					y: C(D).height - g.bottom + 14,
+					y: x(w).height - g.bottom + 14,
 					"text-anchor": "middle"
-				}, S(e.value), 9, te))), 128))], 512),
+				}, b(e.value), 9, F))), 128))], 512),
 				m("line", {
 					class: "nb-chart__axis-line",
 					x1: g.left,
-					x2: C(D).width - g.right,
-					y1: C(D).height - g.bottom,
-					y2: C(D).height - g.bottom
-				}, null, 8, ne),
-				(y(!0), p(l, null, x(O.value, (t, n) => (y(), p("g", { key: `s-${n}` }, [
-					e.area ? (y(), p("path", {
+					x2: x(w).width - g.right,
+					y1: x(w).height - g.bottom,
+					y2: x(w).height - g.bottom
+				}, null, 8, I),
+				(_(!0), p(l, null, y(T.value, (t, n) => (_(), p("g", { key: `s-${n}` }, [
+					e.area ? (_(), p("path", {
 						key: 0,
 						class: "nb-chart__area",
-						d: J(t.data),
+						d: ae(t.data),
 						fill: t.color,
 						opacity: "0.18"
-					}, null, 8, re)) : f("", !0),
+					}, null, 8, L)) : f("", !0),
 					m("path", {
 						class: "nb-chart__line",
-						d: q(t.data),
+						d: ie(t.data),
 						stroke: t.color,
 						fill: "none",
 						"stroke-width": "2",
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, ie),
-					e.points ? (y(!0), p(l, { key: 1 }, x(t.data, (e, r) => (y(), p("circle", {
+					}, null, 8, R),
+					e.points ? (_(!0), p(l, { key: 1 }, y(t.data, (e, r) => (_(), p("circle", {
 						key: `p-${n}-${r}`,
-						cx: V(r),
-						cy: R.value(e.y),
+						cx: G(r),
+						cy: O.value(e.y),
 						r: Q.value === r ? 4 : 3,
 						fill: t.color,
 						class: "nb-chart__point"
-					}, null, 8, I))), 128)) : f("", !0)
+					}, null, 8, z))), 128)) : f("", !0)
 				]))), 128)),
-				Q.value === null ? f("", !0) : (y(), p("line", {
+				Q.value === null ? f("", !0) : (_(), p("line", {
 					key: 1,
 					class: "nb-chart__hover-line",
-					x1: V(Q.value),
-					x2: V(Q.value),
+					x1: G(Q.value),
+					x2: G(Q.value),
 					y1: g.top,
-					y2: C(D).height - g.bottom
-				}, null, 8, L))
-			], 40, M)), h(n, {
+					y2: x(w).height - g.bottom
+				}, null, 8, B))
+			], 40, A)), h(n, {
 				visible: e.showTooltip && Q.value !== null,
 				x: $.value.x,
 				y: $.value.y,
-				title: Q.value === null ? "" : String(k.value[Q.value]),
-				rows: oe.value
+				title: Q.value === null ? "" : String(E.value[Q.value]),
+				rows: ce.value
 			}, null, 8, [
 				"visible",
 				"x",
@@ -294,6 +304,6 @@ var E = 6, D = 8, O = (e, t = E) => {
 			"show-legend"
 		]));
 	}
-}), [["__scopeId", "data-v-278daa3d"]]);
+}), [["__scopeId", "data-v-9a4509a0"]]);
 //#endregion
-export { R as t };
+export { V as t };

package/dist/LineChart-CjlCW-us.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-BoABA-De.cjs`),n=require(`./ChartLegend-ndpGucTZ.cjs`),r=require(`./scales-BWtB8m5D.cjs`),i=require(`./useChartSize-D9UxUkiU.cjs`);let a=require(`vue`);var o=6,s=8,c=(e,t=o)=>{let n=[];if(e<=0)return n;let r=Math.max(1,Math.ceil(e/t));for(let t=0;t<e;t+=r)n.push(t);return n[n.length-1]!==e-1&&n.push(e-1),n},l=(e,t,n)=>{for(let r=1;r<e.length;r++){let i=e[r-1],a=e[r],o=i.x+t(i.index)/2;if(a.x-t(a.index)/2-o<n)return!1}return!0},u=(e,t,n)=>{if(n===void 0||t>=n)return e;let r=t/2;return Math.min(Math.max(e,r),n-r)},d=(e,t,n,r,i)=>{let a=e=>e.x===n(e.index)?r:i,o=e,s=o[o.length-1];return o.length>2&&!l(o.slice(-2),t,a(s))&&(o=[...o.slice(0,-2),s]),o.length>2&&!l(o.slice(0,2),t,a(o[0]))&&(o=[o[0],...o.slice(2)]),o},f=({count:e,positionOf:t,widthOf:n,width:r,gap:i=s})=>{let a=c(e);if(!n)return a.map(e=>({index:e,x:t(e)}));let f=e=>({index:e,x:u(t(e),n(e),r)}),p=d(a.map(f),n,t,-1/0,i);if(l(p,n,0))return p;let m=e-1,h=Math.max(1,Math.ceil(e/o))+1;for(let e=h;e<=m;e++){let r=[];for(let t=0;t<m;t+=e)r.push(t);let a=d([...r,m].map(f),n,t,i,i);if(l(a,n,i))return a}return[f(0)]},p=[`width`,`height`,`aria-label`],m={key:0},h=[`x1`,`x2`,`y1`,`y2`],g={class:`nb-chart__axis`},_=[`x`,`y`],v=[`x`,`y`],y=[`x1`,`x2`,`y1`,`y2`],b=[`d`,`fill`],x=[`d`,`stroke`],S=[`cx`,`cy`,`r`,`fill`],C=[`x1`,`x2`,`y1`,`y2`],w=(0,a.defineComponent)({__name:`LineChart`,props:{series:{default:()=>[]},area:{type:Boolean,default:!1},points:{type:Boolean,default:!1},curve:{default:`smooth`},valueFormatter:{},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let o=e,s={top:12,right:16,bottom:28,left:44},c=(0,a.ref)(null),l=i.t(c,{width:480,height:240}),u=(0,a.computed)(()=>o.series.map((e,n)=>({name:e.name,data:e.data,color:e.color??t.i(n,o.colors)}))),d=(0,a.computed)(()=>(o.series[0]?.data??[]).map(e=>e.x)),w=(0,a.computed)(()=>{let e=o.series.flatMap(e=>e.data.map(e=>e.y));return e.length?r.i(Math.min(0,...e),Math.max(...e),.1):[0,1]}),T=(0,a.computed)(()=>r.r(w.value,[Math.max(s.top,l.value.height-s.bottom),s.top])),E=(0,a.computed)(()=>T.value.ticks(5)),D=(0,a.ref)(7),O=e=>Math.max(T.value(e),D.value),k=(0,a.computed)(()=>Math.max(0,l.value.width-s.left-s.right)),A=e=>{let t=d.value.length;return t<=1?s.left+k.value/2:s.left+e/(t-1)*k.value},j=(0,a.ref)(null),M=(0,a.ref)(null),N=()=>{let e=j.value;if(!e||typeof document>`u`)return;let t=document.createElementNS(`http://www.w3.org/2000/svg`,`text`);if(typeof t.getComputedTextLength!=`function`)return;t.setAttribute(`visibility`,`hidden`),t.setAttribute(`aria-hidden`,`true`),e.appendChild(t);let n=new Map;for(let e of d.value){let r=(0,a.toDisplayString)(e);n.has(r)||(t.textContent=r,n.set(r,t.getComputedTextLength()))}if(typeof t.getBBox==`function`){t.setAttribute(`dominant-baseline`,`middle`),t.setAttribute(`y`,`0`),t.textContent=`0`;let e=-t.getBBox().y;e>0&&(D.value=e)}e.removeChild(t),M.value=n};(0,a.watch)(d,N,{flush:`post`});let P=typeof document>`u`?void 0:document.fonts;(0,a.onMounted)(()=>{N(),P?.addEventListener?.(`loadingdone`,N)}),(0,a.onBeforeUnmount)(()=>{P?.removeEventListener?.(`loadingdone`,N)});let F=(0,a.computed)(()=>{let e=d.value,t=M.value;return f({count:e.length,positionOf:A,widthOf:t?n=>t.get((0,a.toDisplayString)(e[n]))??0:void 0,width:l.value.width}).map(t=>({...t,value:e[t.index]}))}),I=e=>e.length?R(e.map((e,t)=>[A(t),T.value(e.y)]),o.curve):``,L=e=>{if(!e.length)return``;let t=e.map((e,t)=>[A(t),T.value(e.y)]),n=l.value.height-s.bottom;return`${R(t,o.curve)} L${t[t.length-1][0]},${n} L${t[0][0]},${n} Z`},R=(e,t)=>{if(!e.length)return``;if(e.length===1)return`M${e[0][0]},${e[0][1]}`;if(t===`linear`)return e.map((e,t)=>`${t===0?`M`:`L`}${e[0]},${e[1]}`).join(` `);if(t===`step`){let t=`M${e[0][0]},${e[0][1]}`;for(let n=1;n<e.length;n++){let[r,i]=e[n-1],[a,o]=e[n],s=(r+a)/2;t+=` L${s},${i} L${s},${o} L${a},${o}`}return t}let n=.2,r=`M${e[0][0]},${e[0][1]}`;for(let t=0;t<e.length-1;t++){let i=e[t-1]??e[t],a=e[t],o=e[t+1],s=e[t+2]??o,c=a[0]+(o[0]-i[0])*n,l=a[1]+(o[1]-i[1])*n,u=o[0]-(s[0]-a[0])*n,d=o[1]-(s[1]-a[1])*n;r+=` C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return r},z=e=>Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:Number.isInteger(e)?String(e):e.toFixed(1),B=e=>o.valueFormatter?o.valueFormatter(e):z(e),V=(0,a.ref)(null),H=(0,a.ref)({x:0,y:0}),U=e=>{let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=d.value.length;if(!r)return;let i=(n-s.left)/Math.max(1,k.value);V.value=Math.round(Math.min(1,Math.max(0,i))*(r-1)),H.value={x:e.clientX-t.left+12,y:e.clientY-t.top+12}},W=(0,a.computed)(()=>V.value===null?[]:u.value.map(e=>{let t=e.data[V.value];return{label:e.name,value:t?.label??B(t?.y??0),color:e.color}}));return(r,i)=>((0,a.openBlock)(),(0,a.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&u.value.length>0},{legend:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{items:u.value.map(e=>({label:e.name,color:e.color}))},null,8,[`items`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref_key:`root`,ref:c,class:`nb-line-chart`},[((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,{width:(0,a.unref)(l).width,height:(0,a.unref)(l).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Line chart`,onMouseleave:i[0]||=e=>V.value=null,onMousemove:U},[e.showGrid&&(0,a.unref)(l).width>0?((0,a.openBlock)(),(0,a.createElementBlock)(`g`,m,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:s.left,x2:(0,a.unref)(l).width-s.right,y1:T.value(e),y2:T.value(e)},null,8,h))),128))])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`g`,g,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`yt-${e}`,x:s.left-6,y:O(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,a.toDisplayString)(B(e)),9,_))),128))]),(0,a.createElementVNode)(`g`,{ref_key:`xAxis`,ref:j,class:`nb-chart__axis`},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(F.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`xt-${t}`,x:e.x,y:(0,a.unref)(l).height-s.bottom+14,"text-anchor":`middle`},(0,a.toDisplayString)(e.value),9,v))),128))],512),(0,a.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:s.left,x2:(0,a.unref)(l).width-s.right,y1:(0,a.unref)(l).height-s.bottom,y2:(0,a.unref)(l).height-s.bottom},null,8,y),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(u.value,(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`g`,{key:`s-${n}`},[e.area?((0,a.openBlock)(),(0,a.createElementBlock)(`path`,{key:0,class:`nb-chart__area`,d:L(t.data),fill:t.color,opacity:`0.18`},null,8,b)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`path`,{class:`nb-chart__line`,d:I(t.data),stroke:t.color,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,x),e.points?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(t.data,(e,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`circle`,{key:`p-${n}-${r}`,cx:A(r),cy:T.value(e.y),r:V.value===r?4:3,fill:t.color,class:`nb-chart__point`},null,8,S))),128)):(0,a.createCommentVNode)(``,!0)]))),128)),V.value===null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:1,class:`nb-chart__hover-line`,x1:A(V.value),x2:A(V.value),y1:s.top,y2:(0,a.unref)(l).height-s.bottom},null,8,C))],40,p)),(0,a.createVNode)(t.l,{visible:e.showTooltip&&V.value!==null,x:H.value.x,y:H.value.y,title:V.value===null?``:String(d.value[V.value]),rows:W.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),T=e.t(w,[[`__scopeId`,`data-v-9a4509a0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return T}});

package/dist/{TextInput-BkCOQWfT.cjs → TextInput-DmCYZgG0.cjs}

@@ -1,2 +1,2 @@
 require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-D8c0StGs.cjs`),n=require(`./Label-CVCNXFn1.cjs`),r=require(`./Message-VfpaGblO.cjs`);let i=require(`vue`);var a={key:0,class:`nb-text-input__overlay-wrap`},o=[`innerHTML`],s=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`],c=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`],l=[`id`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`,`rows`],u=[`id`,`type`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`min`,`max`,`step`,`maxlength`],d={key:2,class:`nb-text-input__actions`},f={key:0,class:`nb-text-input__inner-header`},p=[`for`],m={key:0,class:`nb-text-input__asterisk`,"aria-hidden":`true`},h=[`id`,`type`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`min`,`max`,`step`,`maxlength`],g=(0,i.defineComponent)({inheritAttrs:!1,__name:`TextInput`,props:(0,i.mergeModels)({type:{default:`text`},min:{default:void 0},max:{default:void 0},step:{default:void 0},maxlength:{default:void 0},multiline:{type:Boolean,default:!1},rows:{default:3},highlight:{type:Function,default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},{modelValue:{default:``},modelModifiers:{}}),emits:[`update:modelValue`],setup(e,{expose:g}){let _=e,v=(0,i.useModel)(e,`modelValue`),y=(0,i.ref)(null),b=(0,i.ref)(null);g({focus:()=>y.value?.focus(),blur:()=>y.value?.blur(),nativeEl:y});let x=(0,i.ref)(!1),S=`nb-input-${(0,i.useId)()}`,C=(0,i.computed)(()=>_.id??S),w=(0,i.computed)(()=>!!_.highlight),T=(0,i.computed)(()=>{if(!_.highlight)return``;let e=String(v.value??``);return _.highlight(e)+`
-`});function E(){b.value&&y.value&&(b.value.scrollTop=y.value.scrollTop)}(0,i.watch)(T,()=>(0,i.nextTick)(E));let D=(0,i.computed)(()=>_.error?`error`:_.warning?`warning`:`helper`),O=(0,i.computed)(()=>_.error||_.warning||_.helper||``),k=(0,i.computed)(()=>!!O.value),A=(0,i.computed)(()=>({"nb-text-input__field-wrapper--focused":x.value,"nb-text-input__field-wrapper--error":!!_.error,"nb-text-input__field-wrapper--warning":!_.error&&!!_.warning,"nb-text-input__field-wrapper--disabled":_.disabled,"nb-text-input__field-wrapper--readonly":_.readonly,"nb-text-input__field-wrapper--overlay":w.value,"nb-text-input__field-wrapper--multiline":_.multiline}));return(g,_)=>((0,i.openBlock)(),(0,i.createBlock)(t.t,{dir:`col`,class:(0,i.normalizeClass)([`nb-text-input`,`nb-text-input--${e.variant}`,`nb-text-input--${e.size}`,{"nb-text-input--multiline":e.multiline}])},{default:(0,i.withCtx)(()=>[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,for:C.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[(0,i.renderSlot)(g.$slots,`leading`,{},void 0,!0),w.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,a,[(0,i.createElementVNode)(`div`,{ref_key:`mirrorRef`,ref:b,class:`nb-text-input__mirror`,"aria-hidden":`true`,innerHTML:T.value},null,8,o),e.multiline?((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,autocomplete:`off`,autocorrect:`off`,onInput:_[0]||=e=>v.value=e.target.value,onFocus:_[1]||=e=>x.value=!0,onBlur:_[2]||=e=>x.value=!1,onScroll:E}),null,16,s)):((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{type:`text`,class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,onInput:_[3]||=e=>v.value=e.target.value,onFocus:_[4]||=e=>x.value=!0,onBlur:_[5]||=e=>x.value=!1}),null,16,c))])):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[e.multiline?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[6]||=e=>v.value=e,class:`nb-text-input__field`,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,rows:e.rows,onFocus:_[7]||=e=>x.value=!0,onBlur:_[8]||=e=>x.value=!1}),null,16,l)),[[i.vModelText,v.value]]):(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[9]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[10]||=e=>x.value=!0,onBlur:_[11]||=e=>x.value=!1}),null,16,u)),[[i.vModelDynamic,v.value]])],64)),(0,i.renderSlot)(g.$slots,`trailing`,{},void 0,!0),g.$slots.actions?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.renderSlot)(g.$slots,`actions`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],2),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,class:`nb-text-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(g.$slots,`dropdown`,{},void 0,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[e.label||g.$slots.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,f,[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,{key:1,for:C.value,class:(0,i.normalizeClass)([`nb-text-input__inner-label`,{"nb-text-input__inner-label--required":e.required}])},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,`*`)):(0,i.createCommentVNode)(``,!0)],10,p)),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,"icon-only":``,class:`nb-text-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.withDirectives)((0,i.createElementVNode)(`input`,(0,i.mergeProps)({id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[12]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[13]||=e=>x.value=!0,onBlur:_[14]||=e=>x.value=!1}),null,16,h),[[i.vModelDynamic,v.value]])],2)):(0,i.createCommentVNode)(``,!0)]),_:3},8,[`class`]))}}),_=e.t(g,[[`__scopeId`,`data-v-9218a614`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+`});function E(){b.value&&y.value&&(b.value.scrollTop=y.value.scrollTop)}(0,i.watch)(T,()=>(0,i.nextTick)(E));let D=(0,i.computed)(()=>_.error?`error`:_.warning?`warning`:`helper`),O=(0,i.computed)(()=>_.error||_.warning||_.helper||``),k=(0,i.computed)(()=>!!O.value),A=(0,i.computed)(()=>({"nb-text-input__field-wrapper--focused":x.value,"nb-text-input__field-wrapper--error":!!_.error,"nb-text-input__field-wrapper--warning":!_.error&&!!_.warning,"nb-text-input__field-wrapper--disabled":_.disabled,"nb-text-input__field-wrapper--readonly":_.readonly,"nb-text-input__field-wrapper--overlay":w.value,"nb-text-input__field-wrapper--multiline":_.multiline}));return(g,_)=>((0,i.openBlock)(),(0,i.createBlock)(t.t,{dir:`col`,class:(0,i.normalizeClass)([`nb-text-input`,`nb-text-input--${e.variant}`,`nb-text-input--${e.size}`,{"nb-text-input--multiline":e.multiline}])},{default:(0,i.withCtx)(()=>[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,for:C.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[(0,i.renderSlot)(g.$slots,`leading`,{},void 0,!0),w.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,a,[(0,i.createElementVNode)(`div`,{ref_key:`mirrorRef`,ref:b,class:`nb-text-input__mirror`,"aria-hidden":`true`,innerHTML:T.value},null,8,o),e.multiline?((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,autocomplete:`off`,autocorrect:`off`,onInput:_[0]||=e=>v.value=e.target.value,onFocus:_[1]||=e=>x.value=!0,onBlur:_[2]||=e=>x.value=!1,onScroll:E}),null,16,s)):((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{type:`text`,class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,onInput:_[3]||=e=>v.value=e.target.value,onFocus:_[4]||=e=>x.value=!0,onBlur:_[5]||=e=>x.value=!1}),null,16,c))])):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[e.multiline?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[6]||=e=>v.value=e,class:`nb-text-input__field`,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,rows:e.rows,onFocus:_[7]||=e=>x.value=!0,onBlur:_[8]||=e=>x.value=!1}),null,16,l)),[[i.vModelText,v.value]]):(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[9]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[10]||=e=>x.value=!0,onBlur:_[11]||=e=>x.value=!1}),null,16,u)),[[i.vModelDynamic,v.value]])],64)),(0,i.renderSlot)(g.$slots,`trailing`,{},void 0,!0),g.$slots.actions?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.renderSlot)(g.$slots,`actions`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],2),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,class:`nb-text-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(g.$slots,`dropdown`,{},void 0,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[e.label||g.$slots.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,f,[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,{key:1,for:C.value,class:(0,i.normalizeClass)([`nb-text-input__inner-label`,{"nb-text-input__inner-label--required":e.required}])},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,`*`)):(0,i.createCommentVNode)(``,!0)],10,p)),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,"icon-only":``,class:`nb-text-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.withDirectives)((0,i.createElementVNode)(`input`,(0,i.mergeProps)({id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[12]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[13]||=e=>x.value=!0,onBlur:_[14]||=e=>x.value=!1}),null,16,h),[[i.vModelDynamic,v.value]])],2)):(0,i.createCommentVNode)(``,!0)]),_:3},8,[`class`]))}}),_=e.t(g,[[`__scopeId`,`data-v-2e908d7d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/dist/{TextInput-Kt2ciMVI.js → TextInput-HwIhSOJD.js}

@@ -290,6 +290,6 @@ var D = {
 			_: 3
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-9218a614"]]);
+}), [["__scopeId", "data-v-2e908d7d"]]);
 //#endregion
 export { R as t };