@nubisco/ui 5.18.1 → 5.19.0

package/dist/Board-CDrukIty.js

@@ -0,0 +1,553 @@
+import { useStableId as e } from "./composables/useStableId.composable.mjs";
+import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
+import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
+import { t as r } from "./Button-IcCXOoCT.js";
+import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as ee, nextTick as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useSlots as te, withCtx as ne, withModifiers as S } from "vue";
+import * as re from "@nubisco/ui/icons/x";
+//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
+var ie = [
+	"draggable",
+	"onDragstart",
+	"onDragover"
+], ae = { class: "nb-board__col-title" }, oe = { class: "nb-board__col-count" }, se = ["onClick"], ce = ["aria-label"], le = { class: "nb-board__lane-label" }, ue = { class: "nb-board__lane-count" }, de = ["onDragover", "onDrop"], fe = ["aria-label"], pe = [
+	"data-item-id",
+	"aria-selected",
+	"aria-label",
+	"aria-describedby",
+	"onDragstart",
+	"onDragover",
+	"onKeydown",
+	"onClickCapture",
+	"onBlur"
+], me = {
+	key: 0,
+	class: "nb-board__empty-cell",
+	"aria-hidden": "true"
+}, he = {
+	key: 0,
+	class: "nb-board__cell-footer"
+}, ge = {
+	key: 0,
+	class: "nb-board__batch",
+	role: "region",
+	"aria-label": "Actions for the selected cards"
+}, _e = { class: "nb-board__batch-count" }, ve = { class: "nb-board__batch-actions" }, ye = ["id"], be = {
+	class: "nb-board__sr",
+	"aria-live": "assertive"
+}, xe = .5, Se = 44, C = /* @__PURE__ */ f({
+	__name: "Board",
+	props: {
+		columns: {},
+		items: {},
+		lanes: { default: void 0 },
+		reorderableColumns: {
+			type: Boolean,
+			default: !1
+		},
+		nestable: {
+			type: Boolean,
+			default: !1
+		},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selected: { default: void 0 },
+		selectMode: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"move",
+		"nest",
+		"column-move",
+		"move-many",
+		"update:selected",
+		"update:selectMode"
+	],
+	setup(f, { emit: C }) {
+		let w = f, { phone: T } = n(), Ce = te(), { layerProps: we } = t(), E = C, D = o(() => w.selectable ? w.selected ?? [] : []), Te = o(() => new Set(D.value)), O = null;
+		function k(e) {
+			return Te.value.has(e);
+		}
+		function A(e) {
+			E("update:selected", e), W.value = e.length === 0 ? "Selection cleared" : `${e.length} ${e.length === 1 ? "card" : "cards"} selected`;
+		}
+		function j() {
+			O = null, A([]), N.value && E("update:selectMode", !1);
+		}
+		let M = o(() => w.selectable && D.value.length > 0 && !!Ce["batch-actions"]), N = o(() => w.selectable && w.selectMode);
+		function P(e) {
+			O = e, A(k(e) ? D.value.filter((t) => t !== e) : [...D.value, e]);
+		}
+		function Ee(e, t, n) {
+			let r = R(t, n), i = O ? r.findIndex((e) => e.id === O) : -1, a = r.findIndex((t) => t.id === e.id);
+			if (i === -1 || a === -1) return P(e.id);
+			let o = r.slice(Math.min(i, a), Math.max(i, a) + 1).map((e) => e.id);
+			A([...new Set([...D.value, ...o])]);
+		}
+		function De(e, t, n, r) {
+			w.selectable && (!N.value && !(e.metaKey || e.ctrlKey || e.shiftKey) || (e.preventDefault(), e.stopPropagation(), e.shiftKey ? Ee(t, I(n), r) : P(t.id)));
+		}
+		function Oe() {
+			let e = [];
+			for (let t of w.columns) for (let n of F.value) for (let r of R(I(n), t.id)) k(r.id) && !e.includes(r.id) && e.push(r.id);
+			return e;
+		}
+		function ke(e, t, n, r, i) {
+			let a = new Set(e), o = R(n, r).filter((e) => e.id !== t), s = null;
+			for (let e = Math.min(i, o.length) - 1; e >= 0; e--) if (!a.has(o[e].id)) {
+				s = o[e].id;
+				break;
+			}
+			let c = null;
+			for (let e = Math.max(i, 0); e < o.length; e++) if (!a.has(o[e].id)) {
+				c = o[e].id;
+				break;
+			}
+			E("move-many", {
+				itemIds: e,
+				toColumnId: r,
+				...w.lanes ? { toLaneId: n } : {},
+				beforeItemId: s,
+				afterItemId: c
+			});
+			let l = z(r);
+			W.value = `${e.length} cards moved to ${l?.label ?? r}`;
+		}
+		let Ae = e({}), je = _(null), Me = o(() => ({
+			gridTemplateColumns: `repeat(${w.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`,
+			...T.value ? { "--nb-board-cols": String(w.columns.length) } : {}
+		})), F = o(() => w.lanes && w.lanes.length > 0 ? w.lanes : [null]);
+		function I(e) {
+			return e ? e.id ?? null : null;
+		}
+		function Ne(e) {
+			return e ? L(e.id) : "__flat__";
+		}
+		function Pe(e) {
+			return w.items.filter((t) => t.columnId === e).length;
+		}
+		function L(e) {
+			return e ?? "__none__";
+		}
+		function Fe(e) {
+			return w.lanes ? w.items.filter((t) => (t.laneId ?? null) === e).length : 0;
+		}
+		function R(e, t) {
+			return !w.lanes || w.lanes.length === 0 ? w.items.filter((e) => e.columnId === t) : w.items.filter((n) => n.columnId === t && (n.laneId ?? null) === e);
+		}
+		function z(e) {
+			return w.columns.find((t) => t.id === e);
+		}
+		let B = _(/* @__PURE__ */ new Set());
+		function Ie(e) {
+			let t = L(e), n = new Set(B.value);
+			n.has(t) ? n.delete(t) : n.add(t), B.value = n;
+		}
+		function V(e) {
+			return B.value.has(L(e));
+		}
+		function H(e) {
+			let t = e.label ?? e.name ?? e.title;
+			return typeof t == "string" ? t : `Item ${e.id}`;
+		}
+		function U(e, t) {
+			return e ? `${t.label}, ${e.label}` : t.label;
+		}
+		function Le(e, t) {
+			return U(e, t);
+		}
+		function Re(e, t, n) {
+			let r = R(I(t), n.id), i = r.findIndex((t) => t.id === e.id), a = `${H(e)}, ${i + 1} of ${r.length} in ${U(t, n)}`;
+			return Y.value?.item.id === e.id ? `${a}, picked up` : a;
+		}
+		let W = _("");
+		function ze(e, t, n, r) {
+			let i = R(t, n).filter((t) => t.id !== e.item.id), a = Math.max(0, Math.min(r, i.length));
+			return e.fromColumnId === n && e.fromLaneId === t && a === R(t, n).findIndex((t) => t.id === e.item.id) ? !1 : (E("move", {
+				itemId: e.item.id,
+				fromColumnId: e.fromColumnId,
+				toColumnId: n,
+				fromLaneId: e.fromLaneId,
+				toLaneId: t,
+				toIndex: a,
+				beforeItemId: i[a - 1]?.id ?? null,
+				afterItemId: i[a]?.id ?? null
+			}), !0);
+		}
+		let G = _(null), K = _(null), q = _(null);
+		function Be(e, t, n) {
+			Y.value = null;
+			let r = k(e.id) && D.value.length > 1 ? Oe() : void 0;
+			G.value = {
+				item: e,
+				fromLaneId: I(t),
+				fromColumnId: n,
+				group: r
+			}, r && (W.value = `Moving ${r.length} cards`);
+		}
+		function Ve(e, t, n, r, i) {
+			if (!G.value) return;
+			let a = e.currentTarget.getBoundingClientRect();
+			if (w.nestable && !G.value.group && a.height >= Se) {
+				let r = (e.clientY - a.top) / a.height, o = (1 - xe) / 2;
+				if (r > o && r < 1 - o && i.id !== G.value.item.id) {
+					q.value = {
+						laneId: I(t),
+						colId: n,
+						itemId: i.id
+					}, K.value = null;
+					return;
+				}
+			}
+			q.value = null;
+			let o = e.clientY >= a.top + a.height / 2;
+			K.value = {
+				laneId: I(t),
+				colId: n,
+				index: r + (o ? 1 : 0)
+			};
+		}
+		function He(e, t) {
+			if (!G.value) return;
+			let n = I(e);
+			K.value = {
+				laneId: n,
+				colId: t,
+				index: R(n, t).length
+			};
+		}
+		function Ue() {
+			K.value = null, q.value = null;
+		}
+		function We() {
+			G.value = null, K.value = null, q.value = null;
+		}
+		function Ge(e, t) {
+			return J(e, t) !== null;
+		}
+		function J(e, t) {
+			let n = I(e), r = K.value;
+			if (G.value && r && r.laneId === n && r.colId === t) return r.index;
+			let i = Y.value;
+			if (i && i.laneId === n && i.colId === t) {
+				let e = R(n, t).findIndex((e) => e.id === i.item.id);
+				return e !== -1 && e <= i.index ? i.index + 1 : i.index;
+			}
+			return null;
+		}
+		function Ke(e, t, n) {
+			let r = q.value;
+			return r !== null && r.laneId === I(e) && r.colId === t && r.itemId === n.id;
+		}
+		function qe(e, t, n) {
+			return n === R(I(e), t).length - 1 && J(e, t) === n + 1;
+		}
+		function Je(e, t) {
+			if (Z.value !== null) return;
+			let n = K.value, r = q.value;
+			K.value = null, q.value = null;
+			let i = G.value;
+			if (G.value = null, !i) return;
+			if (r) {
+				E("nest", {
+					itemId: i.item.id,
+					ontoItemId: r.itemId,
+					fromColumnId: i.fromColumnId,
+					...w.lanes ? { fromLaneId: i.fromLaneId } : {}
+				}), W.value = `${H(i.item)} dropped onto ${H(w.items.find((e) => e.id === r.itemId) ?? i.item)}`;
+				return;
+			}
+			let a = I(e), o = R(a, t), s = n && n.laneId === a && n.colId === t ? n.index : o.length, c = o.findIndex((e) => e.id === i.item.id), l = c !== -1 && c < s ? s - 1 : s;
+			if (i.group) {
+				ke(i.group, i.item.id, a, t, l);
+				return;
+			}
+			ze(i, a, t, l);
+		}
+		let Y = _(null);
+		function Ye(e, t, n, r) {
+			let i = I(n);
+			if (w.selectable && (e.key === "x" || e.key === "X") && !Y.value) {
+				e.preventDefault(), P(t.id);
+				return;
+			}
+			if (e.key === "Escape") {
+				if (!Y.value) {
+					w.selectable && D.value.length > 0 && (e.preventDefault(), j());
+					return;
+				}
+				e.preventDefault(), Y.value = null, W.value = "Move cancelled";
+				return;
+			}
+			if (e.key === " " || e.key === "Enter") {
+				if (e.preventDefault(), Y.value?.item.id !== t.id) {
+					Xe(t, i, r);
+					return;
+				}
+				if (w.nestable && e.shiftKey && et()) {
+					tt();
+					return;
+				}
+				nt();
+				return;
+			}
+			[
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight"
+			].includes(e.key) && (e.preventDefault(), Y.value?.item.id === t.id ? $e(e.key) : rt(e.key, t, i, r));
+		}
+		function Xe(e, t, n) {
+			Y.value = {
+				item: e,
+				fromLaneId: t,
+				fromColumnId: n,
+				laneId: t,
+				colId: n,
+				index: R(t, n).findIndex((t) => t.id === e.id)
+			}, W.value = `${H(e)} picked up, ${Ze()}`;
+		}
+		function Ze() {
+			let e = Y.value;
+			if (!e) return "";
+			let t = R(e.laneId, e.colId).filter((t) => t.id !== e.item.id), n = z(e.colId), r = w.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? U(r, n) : e.colId;
+			return `position ${e.index + 1} of ${t.length + 1} in ${i}`;
+		}
+		function Qe() {
+			return !w.lanes || w.lanes.length === 0 ? [null] : w.lanes.filter((e) => !V(e.id)).map((e) => e.id ?? null);
+		}
+		function $e(e) {
+			let t = Y.value;
+			if (!t) return;
+			let n = R(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
+			if (e === "ArrowUp" || e === "ArrowDown") {
+				let r = e === "ArrowUp" ? -1 : 1, i = t.index + r;
+				if (i >= 0 && i <= n.length) t.index = i;
+				else {
+					let e = Qe(), n = e.indexOf(t.laneId), i = n + r;
+					if (n === -1 || i < 0 || i >= e.length) return;
+					let a = e[i];
+					t.laneId = a, t.index = r === 1 ? 0 : R(a, t.colId).filter((e) => e.id !== t.item.id).length;
+				}
+			} else {
+				let n = e === "ArrowLeft" ? -1 : 1, r = w.columns.findIndex((e) => e.id === t.colId), i = w.columns[r + n];
+				if (r === -1 || !i) return;
+				t.colId = i.id;
+				let a = R(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
+				t.index = Math.min(t.index, a.length);
+			}
+			W.value = `${H(t.item)}, ${Ze()}`;
+		}
+		function et() {
+			let e = Y.value;
+			if (!e) return null;
+			let t = R(e.laneId, e.colId).filter((t) => t.id !== e.item.id);
+			return t.length === 0 ? null : t[Math.min(e.index, t.length - 1)] ?? null;
+		}
+		function tt() {
+			let e = Y.value, t = et();
+			!e || !t || (Y.value = null, E("nest", {
+				itemId: e.item.id,
+				ontoItemId: t.id,
+				fromColumnId: e.fromColumnId,
+				...w.lanes ? { fromLaneId: e.fromLaneId } : {}
+			}), W.value = `${H(e.item)} dropped onto ${H(t)}`);
+		}
+		function nt() {
+			let e = Y.value;
+			if (!e) return;
+			if (Y.value = null, k(e.item.id) && D.value.length > 1) {
+				ke(Oe(), e.item.id, e.laneId, e.colId, e.index), it(e.item.id);
+				return;
+			}
+			let t = ze({
+				item: e.item,
+				fromLaneId: e.fromLaneId,
+				fromColumnId: e.fromColumnId
+			}, e.laneId, e.colId, e.index), n = z(e.colId), r = w.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? U(r, n) : e.colId;
+			W.value = t ? `${H(e.item)} dropped, position ${e.index + 1} in ${i}` : `${H(e.item)} dropped`, it(e.item.id);
+		}
+		function rt(e, t, n, r) {
+			let i = R(n, r), a = i.findIndex((e) => e.id === t.id);
+			if (e === "ArrowUp" || e === "ArrowDown") {
+				let t = a + (e === "ArrowDown" ? 1 : -1);
+				t >= 0 && t < i.length && X(i[t].id);
+			} else {
+				let t = w.columns.findIndex((e) => e.id === r), i = w.columns[t + (e === "ArrowRight" ? 1 : -1)];
+				if (t === -1 || !i) return;
+				let o = R(n, i.id);
+				if (o.length === 0) return;
+				X(o[Math.min(a, o.length - 1)].id);
+			}
+		}
+		function X(e) {
+			let t = je.value?.querySelectorAll("[data-item-id]");
+			if (t) {
+				for (let n of t) if (n.dataset.itemId === e) {
+					n.focus();
+					return;
+				}
+			}
+		}
+		async function it(e) {
+			await p(), await p(), X(e);
+		}
+		function at(e) {
+			Y.value?.item.id === e.id && (Y.value = null);
+		}
+		let Z = _(null), Q = _(null);
+		function ot(e, t) {
+			if (!w.reorderableColumns) {
+				t.preventDefault();
+				return;
+			}
+			Z.value = e, Q.value = e;
+		}
+		function st(e, t) {
+			if (Z.value === null) return;
+			t.preventDefault();
+			let n = t.currentTarget.getBoundingClientRect();
+			Q.value = t.clientX < n.left + n.width / 2 ? e : e + 1;
+		}
+		function ct(e) {
+			let t = Z.value, n = Q.value;
+			if ($(), t === null || n === null) return;
+			e.preventDefault();
+			let r = n > t ? n - 1 : n;
+			r !== t && E("column-move", {
+				columnId: w.columns[t].id,
+				toIndex: r
+			});
+		}
+		function $() {
+			Z.value = null, Q.value = null;
+		}
+		return (e, t) => (g(), l("div", ee({
+			ref_key: "boardRef",
+			ref: je,
+			class: ["nb-board", {
+				"nb-board--flat": x(T) && F.value[0] === null,
+				"nb-board--batching": x(T) && M.value,
+				"nb-board--select-mode": N.value
+			}]
+		}, x(we)), [
+			u("div", {
+				class: "nb-board__grid",
+				style: h(Me.value)
+			}, [(g(!0), l(i, null, v(f.columns, (t, n) => (g(), l("div", {
+				key: t.id,
+				class: m(["nb-board__col-header", {
+					"nb-board__col-header--reorderable": f.reorderableColumns,
+					"nb-board__col-header--dragging": Z.value === n,
+					"nb-board__col-header--drop-before": Q.value === n,
+					"nb-board__col-header--drop-after": Q.value === n + 1 && n === f.columns.length - 1
+				}]),
+				style: h(t.color ? { borderTopColor: t.color } : void 0),
+				draggable: f.reorderableColumns || void 0,
+				onDragstart: (e) => ot(n, e),
+				onDragover: (e) => st(n, e),
+				onDrop: ct,
+				onDragend: $
+			}, [y(e.$slots, "column-header", {
+				column: t,
+				count: Pe(t.id)
+			}, () => [u("span", ae, b(t.label), 1), u("span", oe, b(Pe(t.id)), 1)])], 46, ie))), 128)), (g(!0), l(i, null, v(F.value, (t) => (g(), l(i, { key: Ne(t) }, [t ? (g(), l("div", {
+				key: 0,
+				class: "nb-board__lane-header",
+				onClick: (e) => Ie(t.id)
+			}, [
+				u("button", {
+					class: "nb-board__collapse-btn",
+					"aria-label": V(t.id) ? "Expand" : "Collapse"
+				}, b(V(t.id) ? "▶" : "▼"), 9, ce),
+				y(e.$slots, "lane-header", { lane: t }, () => [u("span", le, b(t.label), 1)]),
+				u("span", ue, b(Fe(t.id)), 1)
+			], 8, se)) : c("", !0), !t || !V(t.id) ? (g(!0), l(i, { key: 1 }, v(f.columns, (n) => (g(), l("div", {
+				key: Ne(t) + "-" + n.id,
+				class: m(["nb-board__cell", { "nb-board__cell--drag-over": Ge(t, n.id) }]),
+				onDragover: S((e) => He(t, n.id), ["prevent"]),
+				onDragleave: Ue,
+				onDrop: S((e) => Je(t, n.id), ["prevent"])
+			}, [u("div", {
+				class: "nb-board__cell-items",
+				role: "list",
+				"aria-label": Le(t, n)
+			}, [(g(!0), l(i, null, v(R(I(t), n.id), (r, i) => (g(), l("div", {
+				key: r.id,
+				class: m(["nb-board__card", {
+					"nb-board__card--lifted": Y.value?.item.id === r.id,
+					"nb-board__card--selected": k(r.id),
+					"nb-board__card--carried": !!G.value?.group && k(r.id),
+					"nb-board__card--drop-before": J(t, n.id) === i,
+					"nb-board__card--drop-after": qe(t, n.id, i),
+					"nb-board__card--drop-into": Ke(t, n.id, r)
+				}]),
+				role: "listitem",
+				tabindex: "0",
+				"data-item-id": r.id,
+				"aria-selected": f.selectable ? k(r.id) : void 0,
+				"aria-label": Re(r, t, n),
+				"aria-describedby": `${x(Ae)}-hint`,
+				draggable: "true",
+				onDragstart: (e) => Be(r, t, n.id),
+				onDragover: S((e) => Ve(e, t, n.id, i, r), ["prevent", "stop"]),
+				onDragend: We,
+				onKeydown: (e) => Ye(e, r, t, n.id),
+				onClickCapture: (e) => De(e, r, t, n.id),
+				onBlur: (e) => at(r)
+			}, [y(e.$slots, "card", {
+				item: r,
+				column: n,
+				lane: t ?? void 0
+			})], 42, pe))), 128)), R(I(t), n.id).length === 0 ? (g(), l("div", me)) : c("", !0)], 8, fe), e.$slots["column-footer"] ? (g(), l("div", he, [y(e.$slots, "column-footer", {
+				column: n,
+				lane: t ?? void 0
+			})])) : c("", !0)], 42, de))), 128)) : c("", !0)], 64))), 128))], 4),
+			(g(), s(a, {
+				to: "body",
+				disabled: !x(T)
+			}, [M.value ? (g(), l("div", ge, [
+				u("span", _e, b(D.value.length) + " selected ", 1),
+				u("div", ve, [y(e.$slots, "batch-actions", {
+					selected: D.value,
+					clear: j,
+					phone: x(T)
+				})]),
+				x(T) ? (g(), s(r, {
+					key: 0,
+					class: "nb-board__batch-cancel",
+					variant: "ghost",
+					size: "sm",
+					icon: re,
+					"aria-label": "Clear selection",
+					onClick: j
+				})) : (g(), s(r, {
+					key: 1,
+					class: "nb-board__batch-cancel",
+					variant: "ghost",
+					size: "sm",
+					onClick: j
+				}, {
+					default: ne(() => [...t[0] ||= [d(" Clear selection ", -1)]]),
+					_: 1
+				}))
+			])) : c("", !0)], 8, ["disabled"])),
+			u("span", {
+				id: `${x(Ae)}-hint`,
+				class: "nb-board__sr"
+			}, [
+				t[1] ||= d(" Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.", -1),
+				f.nestable ? (g(), l(i, { key: 0 }, [d(" Shift with Space or Enter drops onto the card below instead, putting this one inside it.")], 64)) : c("", !0),
+				f.selectable ? (g(), l(i, { key: 1 }, [d(" X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.")], 64)) : c("", !0),
+				N.value ? (g(), l(i, { key: 2 }, [d(" Selecting: activating a card selects it, or removes it from the selection.")], 64)) : c("", !0)
+			], 8, ye),
+			u("span", be, b(W.value), 1)
+		], 16));
+	}
+});
+//#endregion
+export { C as t };

package/dist/Board-D1BkK3J5.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./composables/usePhoneLayout.composable.cjs`),i=require(`./Button-C0UUTgEB.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/x`);o=e.n(o);var s=[`draggable`,`onDragstart`,`onDragover`],c={class:`nb-board__col-title`},l={class:`nb-board__col-count`},ee=[`onClick`],te=[`aria-label`],ne={class:`nb-board__lane-label`},re={class:`nb-board__lane-count`},ie=[`onDragover`,`onDrop`],ae=[`aria-label`],oe=[`data-item-id`,`aria-selected`,`aria-label`,`aria-describedby`,`onDragstart`,`onDragover`,`onKeydown`,`onClickCapture`,`onBlur`],se={key:0,class:`nb-board__empty-cell`,"aria-hidden":`true`},ce={key:0,class:`nb-board__cell-footer`},u={key:0,class:`nb-board__batch`,role:`region`,"aria-label":`Actions for the selected cards`},le={class:`nb-board__batch-count`},ue={class:`nb-board__batch-actions`},de=[`id`],fe={class:`nb-board__sr`,"aria-live":`assertive`},pe=.5,me=44,d=(0,a.defineComponent)({__name:`Board`,props:{columns:{},items:{},lanes:{default:void 0},reorderableColumns:{type:Boolean,default:!1},nestable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selected:{default:void 0},selectMode:{type:Boolean,default:!1}},emits:[`move`,`nest`,`column-move`,`move-many`,`update:selected`,`update:selectMode`],setup(e,{emit:d}){let f=e,{phone:p}=r.usePhoneLayout(),he=(0,a.useSlots)(),{layerProps:ge}=n.useSurfaceLayer(),m=d,h=(0,a.computed)(()=>f.selectable?f.selected??[]:[]),_e=(0,a.computed)(()=>new Set(h.value)),g=null;function _(e){return _e.value.has(e)}function v(e){m(`update:selected`,e),z.value=e.length===0?`Selection cleared`:`${e.length} ${e.length===1?`card`:`cards`} selected`}function y(){g=null,v([]),x.value&&m(`update:selectMode`,!1)}let b=(0,a.computed)(()=>f.selectable&&h.value.length>0&&!!he[`batch-actions`]),x=(0,a.computed)(()=>f.selectable&&f.selectMode);function S(e){g=e,v(_(e)?h.value.filter(t=>t!==e):[...h.value,e])}function ve(e,t,n){let r=N(t,n),i=g?r.findIndex(e=>e.id===g):-1,a=r.findIndex(t=>t.id===e.id);if(i===-1||a===-1)return S(e.id);let o=r.slice(Math.min(i,a),Math.max(i,a)+1).map(e=>e.id);v([...new Set([...h.value,...o])])}function ye(e,t,n,r){f.selectable&&(!x.value&&!(e.metaKey||e.ctrlKey||e.shiftKey)||(e.preventDefault(),e.stopPropagation(),e.shiftKey?ve(t,O(n),r):S(t.id)))}function C(){let e=[];for(let t of f.columns)for(let n of D.value)for(let r of N(O(n),t.id))_(r.id)&&!e.includes(r.id)&&e.push(r.id);return e}function w(e,t,n,r,i){let a=new Set(e),o=N(n,r).filter(e=>e.id!==t),s=null;for(let e=Math.min(i,o.length)-1;e>=0;e--)if(!a.has(o[e].id)){s=o[e].id;break}let c=null;for(let e=Math.max(i,0);e<o.length;e++)if(!a.has(o[e].id)){c=o[e].id;break}m(`move-many`,{itemIds:e,toColumnId:r,...f.lanes?{toLaneId:n}:{},beforeItemId:s,afterItemId:c});let l=P(r);z.value=`${e.length} cards moved to ${l?.label??r}`}let T=t.useStableId({}),E=(0,a.ref)(null),be=(0,a.computed)(()=>({gridTemplateColumns:`repeat(${f.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`,...p.value?{"--nb-board-cols":String(f.columns.length)}:{}})),D=(0,a.computed)(()=>f.lanes&&f.lanes.length>0?f.lanes:[null]);function O(e){return e?e.id??null:null}function k(e){return e?j(e.id):`__flat__`}function A(e){return f.items.filter(t=>t.columnId===e).length}function j(e){return e??`__none__`}function M(e){return f.lanes?f.items.filter(t=>(t.laneId??null)===e).length:0}function N(e,t){return!f.lanes||f.lanes.length===0?f.items.filter(e=>e.columnId===t):f.items.filter(n=>n.columnId===t&&(n.laneId??null)===e)}function P(e){return f.columns.find(t=>t.id===e)}let F=(0,a.ref)(new Set);function xe(e){let t=j(e),n=new Set(F.value);n.has(t)?n.delete(t):n.add(t),F.value=n}function I(e){return F.value.has(j(e))}function L(e){let t=e.label??e.name??e.title;return typeof t==`string`?t:`Item ${e.id}`}function R(e,t){return e?`${t.label}, ${e.label}`:t.label}function Se(e,t){return R(e,t)}function Ce(e,t,n){let r=N(O(t),n.id),i=r.findIndex(t=>t.id===e.id),a=`${L(e)}, ${i+1} of ${r.length} in ${R(t,n)}`;return K.value?.item.id===e.id?`${a}, picked up`:a}let z=(0,a.ref)(``);function B(e,t,n,r){let i=N(t,n).filter(t=>t.id!==e.item.id),a=Math.max(0,Math.min(r,i.length));return e.fromColumnId===n&&e.fromLaneId===t&&a===N(t,n).findIndex(t=>t.id===e.item.id)?!1:(m(`move`,{itemId:e.item.id,fromColumnId:e.fromColumnId,toColumnId:n,fromLaneId:e.fromLaneId,toLaneId:t,toIndex:a,beforeItemId:i[a-1]?.id??null,afterItemId:i[a]?.id??null}),!0)}let V=(0,a.ref)(null),H=(0,a.ref)(null),U=(0,a.ref)(null);function we(e,t,n){K.value=null;let r=_(e.id)&&h.value.length>1?C():void 0;V.value={item:e,fromLaneId:O(t),fromColumnId:n,group:r},r&&(z.value=`Moving ${r.length} cards`)}function Te(e,t,n,r,i){if(!V.value)return;let a=e.currentTarget.getBoundingClientRect();if(f.nestable&&!V.value.group&&a.height>=me){let r=(e.clientY-a.top)/a.height,o=(1-pe)/2;if(r>o&&r<1-o&&i.id!==V.value.item.id){U.value={laneId:O(t),colId:n,itemId:i.id},H.value=null;return}}U.value=null;let o=e.clientY>=a.top+a.height/2;H.value={laneId:O(t),colId:n,index:r+(o?1:0)}}function W(e,t){if(!V.value)return;let n=O(e);H.value={laneId:n,colId:t,index:N(n,t).length}}function Ee(){H.value=null,U.value=null}function De(){V.value=null,H.value=null,U.value=null}function Oe(e,t){return G(e,t)!==null}function G(e,t){let n=O(e),r=H.value;if(V.value&&r&&r.laneId===n&&r.colId===t)return r.index;let i=K.value;if(i&&i.laneId===n&&i.colId===t){let e=N(n,t).findIndex(e=>e.id===i.item.id);return e!==-1&&e<=i.index?i.index+1:i.index}return null}function ke(e,t,n){let r=U.value;return r!==null&&r.laneId===O(e)&&r.colId===t&&r.itemId===n.id}function Ae(e,t,n){return n===N(O(e),t).length-1&&G(e,t)===n+1}function je(e,t){if(Z.value!==null)return;let n=H.value,r=U.value;H.value=null,U.value=null;let i=V.value;if(V.value=null,!i)return;if(r){m(`nest`,{itemId:i.item.id,ontoItemId:r.itemId,fromColumnId:i.fromColumnId,...f.lanes?{fromLaneId:i.fromLaneId}:{}}),z.value=`${L(i.item)} dropped onto ${L(f.items.find(e=>e.id===r.itemId)??i.item)}`;return}let a=O(e),o=N(a,t),s=n&&n.laneId===a&&n.colId===t?n.index:o.length,c=o.findIndex(e=>e.id===i.item.id),l=c!==-1&&c<s?s-1:s;if(i.group){w(i.group,i.item.id,a,t,l);return}B(i,a,t,l)}let K=(0,a.ref)(null);function Me(e,t,n,r){let i=O(n);if(f.selectable&&(e.key===`x`||e.key===`X`)&&!K.value){e.preventDefault(),S(t.id);return}if(e.key===`Escape`){if(!K.value){f.selectable&&h.value.length>0&&(e.preventDefault(),y());return}e.preventDefault(),K.value=null,z.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){if(e.preventDefault(),K.value?.item.id!==t.id){Ne(t,i,r);return}if(f.nestable&&e.shiftKey&&J()){Ie();return}Le();return}[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)&&(e.preventDefault(),K.value?.item.id===t.id?Fe(e.key):Re(e.key,t,i,r))}function Ne(e,t,n){K.value={item:e,fromLaneId:t,fromColumnId:n,laneId:t,colId:n,index:N(t,n).findIndex(t=>t.id===e.id)},z.value=`${L(e)} picked up, ${q()}`}function q(){let e=K.value;if(!e)return``;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;return`position ${e.index+1} of ${t.length+1} in ${i}`}function Pe(){return!f.lanes||f.lanes.length===0?[null]:f.lanes.filter(e=>!I(e.id)).map(e=>e.id??null)}function Fe(e){let t=K.value;if(!t)return;let n=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);if(e===`ArrowUp`||e===`ArrowDown`){let r=e===`ArrowUp`?-1:1,i=t.index+r;if(i>=0&&i<=n.length)t.index=i;else{let e=Pe(),n=e.indexOf(t.laneId),i=n+r;if(n===-1||i<0||i>=e.length)return;let a=e[i];t.laneId=a,t.index=r===1?0:N(a,t.colId).filter(e=>e.id!==t.item.id).length}}else{let n=e===`ArrowLeft`?-1:1,r=f.columns.findIndex(e=>e.id===t.colId),i=f.columns[r+n];if(r===-1||!i)return;t.colId=i.id;let a=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);t.index=Math.min(t.index,a.length)}z.value=`${L(t.item)}, ${q()}`}function J(){let e=K.value;if(!e)return null;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id);return t.length===0?null:t[Math.min(e.index,t.length-1)]??null}function Ie(){let e=K.value,t=J();!e||!t||(K.value=null,m(`nest`,{itemId:e.item.id,ontoItemId:t.id,fromColumnId:e.fromColumnId,...f.lanes?{fromLaneId:e.fromLaneId}:{}}),z.value=`${L(e.item)} dropped onto ${L(t)}`)}function Le(){let e=K.value;if(!e)return;if(K.value=null,_(e.item.id)&&h.value.length>1){w(C(),e.item.id,e.laneId,e.colId,e.index),X(e.item.id);return}let t=B({item:e.item,fromLaneId:e.fromLaneId,fromColumnId:e.fromColumnId},e.laneId,e.colId,e.index),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;z.value=t?`${L(e.item)} dropped, position ${e.index+1} in ${i}`:`${L(e.item)} dropped`,X(e.item.id)}function Re(e,t,n,r){let i=N(n,r),a=i.findIndex(e=>e.id===t.id);if(e===`ArrowUp`||e===`ArrowDown`){let t=a+(e===`ArrowDown`?1:-1);t>=0&&t<i.length&&Y(i[t].id)}else{let t=f.columns.findIndex(e=>e.id===r),i=f.columns[t+(e===`ArrowRight`?1:-1)];if(t===-1||!i)return;let o=N(n,i.id);if(o.length===0)return;Y(o[Math.min(a,o.length-1)].id)}}function Y(e){let t=E.value?.querySelectorAll(`[data-item-id]`);if(t){for(let n of t)if(n.dataset.itemId===e){n.focus();return}}}async function X(e){await(0,a.nextTick)(),await(0,a.nextTick)(),Y(e)}function ze(e){K.value?.item.id===e.id&&(K.value=null)}let Z=(0,a.ref)(null),Q=(0,a.ref)(null);function Be(e,t){if(!f.reorderableColumns){t.preventDefault();return}Z.value=e,Q.value=e}function Ve(e,t){if(Z.value===null)return;t.preventDefault();let n=t.currentTarget.getBoundingClientRect();Q.value=t.clientX<n.left+n.width/2?e:e+1}function He(e){let t=Z.value,n=Q.value;if($(),t===null||n===null)return;e.preventDefault();let r=n>t?n-1:n;r!==t&&m(`column-move`,{columnId:f.columns[t].id,toIndex:r})}function $(){Z.value=null,Q.value=null}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({ref_key:`boardRef`,ref:E,class:[`nb-board`,{"nb-board--flat":(0,a.unref)(p)&&D.value[0]===null,"nb-board--batching":(0,a.unref)(p)&&b.value,"nb-board--select-mode":x.value}]},(0,a.unref)(ge)),[(0,a.createElementVNode)(`div`,{class:`nb-board__grid`,style:(0,a.normalizeStyle)(be.value)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.columns,(n,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:n.id,class:(0,a.normalizeClass)([`nb-board__col-header`,{"nb-board__col-header--reorderable":e.reorderableColumns,"nb-board__col-header--dragging":Z.value===r,"nb-board__col-header--drop-before":Q.value===r,"nb-board__col-header--drop-after":Q.value===r+1&&r===e.columns.length-1}]),style:(0,a.normalizeStyle)(n.color?{borderTopColor:n.color}:void 0),draggable:e.reorderableColumns||void 0,onDragstart:e=>Be(r,e),onDragover:e=>Ve(r,e),onDrop:He,onDragend:$},[(0,a.renderSlot)(t.$slots,`column-header`,{column:n,count:A(n.id)},()=>[(0,a.createElementVNode)(`span`,c,(0,a.toDisplayString)(n.label),1),(0,a.createElementVNode)(`span`,l,(0,a.toDisplayString)(A(n.id)),1)])],46,s))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(D.value,n=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:k(n)},[n?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:`nb-board__lane-header`,onClick:e=>xe(n.id)},[(0,a.createElementVNode)(`button`,{class:`nb-board__collapse-btn`,"aria-label":I(n.id)?`Expand`:`Collapse`},(0,a.toDisplayString)(I(n.id)?`▶`:`▼`),9,te),(0,a.renderSlot)(t.$slots,`lane-header`,{lane:n},()=>[(0,a.createElementVNode)(`span`,ne,(0,a.toDisplayString)(n.label),1)]),(0,a.createElementVNode)(`span`,re,(0,a.toDisplayString)(M(n.id)),1)],8,ee)):(0,a.createCommentVNode)(``,!0),!n||!I(n.id)?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(e.columns,r=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:k(n)+`-`+r.id,class:(0,a.normalizeClass)([`nb-board__cell`,{"nb-board__cell--drag-over":Oe(n,r.id)}]),onDragover:(0,a.withModifiers)(e=>W(n,r.id),[`prevent`]),onDragleave:Ee,onDrop:(0,a.withModifiers)(e=>je(n,r.id),[`prevent`])},[(0,a.createElementVNode)(`div`,{class:`nb-board__cell-items`,role:`list`,"aria-label":Se(n,r)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(N(O(n),r.id),(i,o)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:i.id,class:(0,a.normalizeClass)([`nb-board__card`,{"nb-board__card--lifted":K.value?.item.id===i.id,"nb-board__card--selected":_(i.id),"nb-board__card--carried":!!V.value?.group&&_(i.id),"nb-board__card--drop-before":G(n,r.id)===o,"nb-board__card--drop-after":Ae(n,r.id,o),"nb-board__card--drop-into":ke(n,r.id,i)}]),role:`listitem`,tabindex:`0`,"data-item-id":i.id,"aria-selected":e.selectable?_(i.id):void 0,"aria-label":Ce(i,n,r),"aria-describedby":`${(0,a.unref)(T)}-hint`,draggable:`true`,onDragstart:e=>we(i,n,r.id),onDragover:(0,a.withModifiers)(e=>Te(e,n,r.id,o,i),[`prevent`,`stop`]),onDragend:De,onKeydown:e=>Me(e,i,n,r.id),onClickCapture:e=>ye(e,i,n,r.id),onBlur:e=>ze(i)},[(0,a.renderSlot)(t.$slots,`card`,{item:i,column:r,lane:n??void 0})],42,oe))),128)),N(O(n),r.id).length===0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,se)):(0,a.createCommentVNode)(``,!0)],8,ae),t.$slots[`column-footer`]?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ce,[(0,a.renderSlot)(t.$slots,`column-footer`,{column:r,lane:n??void 0})])):(0,a.createCommentVNode)(``,!0)],42,ie))),128)):(0,a.createCommentVNode)(``,!0)],64))),128))],4),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`,disabled:!(0,a.unref)(p)},[b.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.createElementVNode)(`span`,le,(0,a.toDisplayString)(h.value.length)+` selected `,1),(0,a.createElementVNode)(`div`,ue,[(0,a.renderSlot)(t.$slots,`batch-actions`,{selected:h.value,clear:y,phone:(0,a.unref)(p)})]),(0,a.unref)(p)?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,icon:o,"aria-label":`Clear selection`,onClick:y})):((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,onClick:y},{default:(0,a.withCtx)(()=>[...n[0]||=[(0,a.createTextVNode)(` Clear selection `,-1)]]),_:1}))])):(0,a.createCommentVNode)(``,!0)],8,[`disabled`])),(0,a.createElementVNode)(`span`,{id:`${(0,a.unref)(T)}-hint`,class:`nb-board__sr`},[n[1]||=(0,a.createTextVNode)(` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.`,-1),e.nestable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createTextVNode)(` Shift with Space or Enter drops onto the card below instead, putting this one inside it.`)],64)):(0,a.createCommentVNode)(``,!0),e.selectable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)(` X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.`)],64)):(0,a.createCommentVNode)(``,!0),x.value?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)(` Selecting: activating a card selects it, or removes it from the selection.`)],64)):(0,a.createCommentVNode)(``,!0)],8,de),(0,a.createElementVNode)(`span`,fe,(0,a.toDisplayString)(z.value),1)],16))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/Breadcrumbs-B8eAWAvg.js

@@ -0,0 +1,48 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { t } from "./Icon-rREAqsu0.js";
+import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
+import { Comment as r, Fragment as i, Text as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useSlots as g } from "vue";
+import { regular as _ } from "@nubisco/ui/icons/caret-right";
+//#region src/components/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "nb-breadcrumbs__brand"
+}, y = {
+	key: 0,
+	class: "nb-breadcrumbs__title"
+}, b = {
+	key: 1,
+	class: "nb-breadcrumbs__subtitle"
+}, x = {
+	key: 2,
+	class: "nb-breadcrumbs__crumbs"
+}, S = /* @__PURE__ */ e(/* @__PURE__ */ u({
+	__name: "Breadcrumbs",
+	props: {
+		title: { default: void 0 },
+		subtitle: { default: void 0 },
+		collapse: { default: "none" }
+	},
+	setup(e) {
+		let u = e, S = g();
+		function C(e) {
+			return e.some((e) => e.type === r ? !1 : e.type === a ? String(e.children ?? "").trim() !== "" : e.type === i ? C(e.children ?? []) : !0);
+		}
+		let w = o(() => C(S.default?.() ?? [])), { phone: T } = n(), E = o(() => u.collapse === "phone" && T.value && w.value);
+		return (n, r) => (f(), l("nav", {
+			class: d(["nb-breadcrumbs", { "nb-breadcrumbs--collapsed": E.value }]),
+			"aria-label": "breadcrumb"
+		}, [
+			e.title || e.subtitle ? (f(), l("span", v, [e.title ? (f(), l("span", y, m(e.title), 1)) : c("", !0), e.subtitle ? (f(), l("span", b, m(e.subtitle), 1)) : c("", !0)])) : c("", !0),
+			(e.title || e.subtitle) && w.value ? (f(), s(t, {
+				key: 1,
+				name: h(_),
+				size: "sm",
+				class: "nb-breadcrumbs__sep"
+			}, null, 8, ["name"])) : c("", !0),
+			w.value ? (f(), l("span", x, [p(n.$slots, "default", {}, void 0, !0)])) : c("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-2fac5ec3"]]);
+//#endregion
+export { S as t };

package/dist/Breadcrumbs-cTxSMgeW.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/usePhoneLayout.composable.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/caret-right`);var a={key:0,class:`nb-breadcrumbs__brand`},o={key:0,class:`nb-breadcrumbs__title`},s={key:1,class:`nb-breadcrumbs__subtitle`},c={key:2,class:`nb-breadcrumbs__crumbs`},l=(0,r.defineComponent)({__name:`Breadcrumbs`,props:{title:{default:void 0},subtitle:{default:void 0},collapse:{default:`none`}},setup(e){let l=e,u=(0,r.useSlots)();function d(e){return e.some(e=>e.type===r.Comment?!1:e.type===r.Text?String(e.children??``).trim()!==``:e.type===r.Fragment?d(e.children??[]):!0)}let f=(0,r.computed)(()=>d(u.default?.()??[])),{phone:p}=n.usePhoneLayout(),m=(0,r.computed)(()=>l.collapse===`phone`&&p.value&&f.value);return(n,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{class:(0,r.normalizeClass)([`nb-breadcrumbs`,{"nb-breadcrumbs--collapsed":m.value}]),"aria-label":`breadcrumb`},[e.title||e.subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,a,[e.title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,o,(0,r.toDisplayString)(e.title),1)):(0,r.createCommentVNode)(``,!0),e.subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s,(0,r.toDisplayString)(e.subtitle),1)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),(e.title||e.subtitle)&&f.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:1,name:(0,r.unref)(i.regular),size:`sm`,class:`nb-breadcrumbs__sep`},null,8,[`name`])):(0,r.createCommentVNode)(``,!0),f.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.renderSlot)(n.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],2))}}),u=e.t(l,[[`__scopeId`,`data-v-2fac5ec3`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/{Button-BZn2lmMA.cjs → Button-C0UUTgEB.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useRouterLink.composable.cjs`);let i=require(`vue`);var a=function(e){return e.Button=`button`,e.Submit=`submit`,e.Reset=`reset`,e}(a||{}),o={key:0,class:`nb-button__decorations`},s={key:0,class:`nb-button__spinner`,"aria-hidden":`true`},c=new Set;function l(e){if(typeof e==`string`)return e;if(e&&(typeof e==`object`||typeof e==`function`)){let t=e;if(typeof t.glyphName==`string`)return t.glyphName}return``}var u=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:void 0},outlined:{type:Boolean,default:!1},size:{default:t.t.Medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},type:{default:a.Button},href:{default:void 0},target:{default:void 0},rel:{default:void 0},to:{default:void 0}},emits:[`click`],setup(e){let t=e,a=(0,i.useSlots)(),u=(0,i.computed)(()=>!a.default&&!!(t.icon||t.loading)),d=r.useRouterLink(),f=(0,i.computed)(()=>t.to!=null&&!!d.value),p=(0,i.computed)(()=>{if(typeof t.to==`string`)return t.to;if(t.href)return t.href}),m=(0,i.computed)(()=>f.value?d.value:p.value?`a`:`button`),h=(0,i.computed)(()=>m.value===`a`?{href:p.value,target:t.target,rel:t.rel}:{}),g={xxs:10,xs:12,sm:12,md:14,lg:16,xl:16,xxl:20},_={xxs:12,xs:14,sm:16,md:18,lg:20,xl:20,xxl:26},v=(0,i.computed)(()=>(u.value?_:g)[t.size??`md`]??(u.value?18:14)),y=(0,i.getCurrentInstance)();return(0,i.onMounted)(()=>{typeof process<`u`&&process.env.NODE_ENV===`production`||u.value&&(0,i.nextTick)(()=>{let e=y?.proxy?.$el;if(!e||typeof e.getAttribute!=`function`||[`aria-label`,`aria-labelledby`,`title`].some(t=>(e.getAttribute(t)??``).trim().length>0)||(e.textContent??``).trim().length>0)return;let n=l(t.icon);c.has(n)||(c.add(n),console.warn(`[NbButton] An icon-only button${n?` (icon "${n}")`:``} has no accessible name, so a screen reader announces it as "button". Add aria-label, or name it with v-nb-tooltip.`,e))})}),(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(m.value),(0,i.mergeProps)({class:[`nb-button`,e.variant?`nb-button--${e.variant}`:null,`nb-button--${e.size}`,{"nb-button--outlined":e.outlined},{"nb-button--loading":e.loading},{"nb-button--icon-only":u.value}],to:f.value?e.to:void 0},h.value,{disabled:m.value===`button`?e.disabled||e.loading:void 0,"aria-disabled":m.value!==`button`&&(e.disabled||e.loading)?!0:void 0,type:m.value===`button`?e.type:void 0,onClick:r[0]||=n=>e.disabled||e.loading?void 0:t.$emit(`click`,n)}),{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0),e.loading||e.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[e.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)):e.icon?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,name:e.icon,size:v.value,class:`nb-button__icon`},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`type`]))}}),d=e.t(u,[[`__scopeId`,`data-v-a0e2a085`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useRouterLink.composable.cjs`);let i=require(`vue`);var a=function(e){return e.Button=`button`,e.Submit=`submit`,e.Reset=`reset`,e}(a||{}),o={key:0,class:`nb-button__decorations`},s={key:0,class:`nb-button__spinner`,"aria-hidden":`true`},c=new Set;function l(e){if(typeof e==`string`)return e;if(e&&(typeof e==`object`||typeof e==`function`)){let t=e;if(typeof t.glyphName==`string`)return t.glyphName}return``}var u=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:void 0},outlined:{type:Boolean,default:!1},size:{default:t.t.Medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},type:{default:a.Button},href:{default:void 0},target:{default:void 0},rel:{default:void 0},to:{default:void 0}},emits:[`click`],setup(e){let t=e,a=(0,i.useSlots)(),u=(0,i.computed)(()=>!a.default&&!!(t.icon||t.loading)),d=r.useRouterLink(),f=(0,i.computed)(()=>t.to!=null&&!!d.value),p=(0,i.computed)(()=>{if(typeof t.to==`string`)return t.to;if(t.href)return t.href}),m=(0,i.computed)(()=>f.value?d.value:p.value?`a`:`button`),h=(0,i.computed)(()=>m.value===`a`?{href:p.value,target:t.target,rel:t.rel}:{}),g={xxs:10,xs:12,sm:12,md:14,lg:16,xl:16,xxl:20},_={xxs:12,xs:14,sm:16,md:18,lg:20,xl:20,xxl:26},v=(0,i.computed)(()=>(u.value?_:g)[t.size??`md`]??(u.value?18:14)),y=(0,i.getCurrentInstance)();return(0,i.onMounted)(()=>{typeof process<`u`&&process.env.NODE_ENV===`production`||u.value&&(0,i.nextTick)(()=>{let e=y?.proxy?.$el;if(!e||typeof e.getAttribute!=`function`||[`aria-label`,`aria-labelledby`,`title`].some(t=>(e.getAttribute(t)??``).trim().length>0)||(e.textContent??``).trim().length>0)return;let n=l(t.icon);c.has(n)||(c.add(n),console.warn(`[NbButton] An icon-only button${n?` (icon "${n}")`:``} has no accessible name, so a screen reader announces it as "button". Add aria-label, or name it with v-nb-tooltip.`,e))})}),(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(m.value),(0,i.mergeProps)({class:[`nb-button`,e.variant?`nb-button--${e.variant}`:null,`nb-button--${e.size}`,{"nb-button--outlined":e.outlined},{"nb-button--loading":e.loading},{"nb-button--icon-only":u.value}],to:f.value?e.to:void 0},h.value,{disabled:m.value===`button`?e.disabled||e.loading:void 0,"aria-disabled":m.value!==`button`&&(e.disabled||e.loading)?!0:void 0,type:m.value===`button`?e.type:void 0,onClick:r[0]||=n=>e.disabled||e.loading?void 0:t.$emit(`click`,n)}),{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0),e.loading||e.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[e.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)):e.icon?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,name:e.icon,size:v.value,class:`nb-button__icon`},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`type`]))}}),d=e.t(u,[[`__scopeId`,`data-v-0405f0b0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/{Button-BAfC7ySK.js → Button-IcCXOoCT.js}

@@ -116,6 +116,6 @@ var C = /* @__PURE__ */ e(/* @__PURE__ */ c({
 			"type"
 		]));
 	}
-}), [["__scopeId", "data-v-a0e2a085"]]);
+}), [["__scopeId", "data-v-0405f0b0"]]);
 //#endregion
 export { C as t };