@nubisco/ui 5.8.2 → 5.9.0

package/dist/Board-BuSaR4pf.js

@@ -1,362 +0,0 @@
-import { useStableId as e } from "./composables/useStableId.composable.mjs";
-import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as ee, nextTick as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withModifiers as _ } from "vue";
-//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
-var v = [
-	"draggable",
-	"onDragstart",
-	"onDragover"
-], y = { class: "nb-board__col-title" }, b = { class: "nb-board__col-count" }, x = ["onClick"], S = ["aria-label"], C = { class: "nb-board__lane-label" }, te = { class: "nb-board__lane-count" }, ne = ["onDragover", "onDrop"], re = ["aria-label"], ie = [
-	"data-item-id",
-	"aria-label",
-	"aria-describedby",
-	"onDragstart",
-	"onDragover",
-	"onKeydown",
-	"onBlur"
-], ae = {
-	key: 0,
-	class: "nb-board__empty-cell",
-	"aria-hidden": "true"
-}, oe = {
-	key: 0,
-	class: "nb-board__cell-footer"
-}, se = ["id"], ce = {
-	class: "nb-board__sr",
-	"aria-live": "assertive"
-}, w = /* @__PURE__ */ s({
-	__name: "Board",
-	props: {
-		columns: {},
-		items: {},
-		lanes: { default: void 0 },
-		reorderableColumns: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["move", "column-move"],
-	setup(s, { emit: w }) {
-		let T = s, { layerProps: le } = t(), E = w, D = e({}), O = f(null), ue = r(() => ({ gridTemplateColumns: `repeat(${T.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))` })), de = r(() => T.lanes && T.lanes.length > 0 ? T.lanes : [null]);
-		function k(e) {
-			return e ? e.id ?? null : null;
-		}
-		function A(e) {
-			return e ? M(e.id) : "__flat__";
-		}
-		function j(e) {
-			return T.items.filter((t) => t.columnId === e).length;
-		}
-		function M(e) {
-			return e ?? "__none__";
-		}
-		function fe(e) {
-			return T.lanes ? T.items.filter((t) => (t.laneId ?? null) === e).length : 0;
-		}
-		function N(e, t) {
-			return !T.lanes || T.lanes.length === 0 ? T.items.filter((e) => e.columnId === t) : T.items.filter((n) => n.columnId === t && (n.laneId ?? null) === e);
-		}
-		function P(e) {
-			return T.columns.find((t) => t.id === e);
-		}
-		let F = f(/* @__PURE__ */ new Set());
-		function I(e) {
-			let t = M(e), n = new Set(F.value);
-			n.has(t) ? n.delete(t) : n.add(t), F.value = n;
-		}
-		function L(e) {
-			return F.value.has(M(e));
-		}
-		function R(e) {
-			let t = e.label ?? e.name ?? e.title;
-			return typeof t == "string" ? t : `Item ${e.id}`;
-		}
-		function z(e, t) {
-			return e ? `${t.label}, ${e.label}` : t.label;
-		}
-		function B(e, t) {
-			return z(e, t);
-		}
-		function V(e, t, n) {
-			let r = N(k(t), n.id), i = r.findIndex((t) => t.id === e.id), a = `${R(e)}, ${i + 1} of ${r.length} in ${z(t, n)}`;
-			return q.value?.item.id === e.id ? `${a}, picked up` : a;
-		}
-		let H = f("");
-		function U(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 : (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 W = f(null), G = f(null);
-		function pe(e, t, n) {
-			q.value = null, W.value = {
-				item: e,
-				fromLaneId: k(t),
-				fromColumnId: n
-			};
-		}
-		function me(e, t, n, r) {
-			if (!W.value) return;
-			let i = e.currentTarget.getBoundingClientRect(), a = e.clientY >= i.top + i.height / 2;
-			G.value = {
-				laneId: k(t),
-				colId: n,
-				index: r + (a ? 1 : 0)
-			};
-		}
-		function he(e, t) {
-			if (!W.value) return;
-			let n = k(e);
-			G.value = {
-				laneId: n,
-				colId: t,
-				index: N(n, t).length
-			};
-		}
-		function ge() {
-			G.value = null;
-		}
-		function _e() {
-			W.value = null, G.value = null;
-		}
-		function ve(e, t) {
-			return K(e, t) !== null;
-		}
-		function K(e, t) {
-			let n = k(e), r = G.value;
-			if (W.value && r && r.laneId === n && r.colId === t) return r.index;
-			let i = q.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 ye(e, t, n) {
-			return n === N(k(e), t).length - 1 && K(e, t) === n + 1;
-		}
-		function be(e, t) {
-			if (Z.value !== null) return;
-			let n = G.value;
-			G.value = null;
-			let r = W.value;
-			if (W.value = null, !r) return;
-			let i = k(e), a = N(i, t), o = n && n.laneId === i && n.colId === t ? n.index : a.length, s = a.findIndex((e) => e.id === r.item.id);
-			U(r, i, t, s !== -1 && s < o ? o - 1 : o);
-		}
-		let q = f(null);
-		function xe(e, t, n, r) {
-			let i = k(n);
-			if (e.key === "Escape") {
-				if (!q.value) return;
-				e.preventDefault(), q.value = null, H.value = "Move cancelled";
-				return;
-			}
-			if (e.key === " " || e.key === "Enter") {
-				e.preventDefault(), q.value?.item.id === t.id ? Te() : Se(t, i, r);
-				return;
-			}
-			[
-				"ArrowUp",
-				"ArrowDown",
-				"ArrowLeft",
-				"ArrowRight"
-			].includes(e.key) && (e.preventDefault(), q.value?.item.id === t.id ? we(e.key) : Y(e.key, t, i, r));
-		}
-		function Se(e, t, n) {
-			q.value = {
-				item: e,
-				fromLaneId: t,
-				fromColumnId: n,
-				laneId: t,
-				colId: n,
-				index: N(t, n).findIndex((t) => t.id === e.id)
-			}, H.value = `${R(e)} picked up, ${J()}`;
-		}
-		function J() {
-			let e = q.value;
-			if (!e) return "";
-			let t = N(e.laneId, e.colId).filter((t) => t.id !== e.item.id), n = P(e.colId), r = T.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? z(r, n) : e.colId;
-			return `position ${e.index + 1} of ${t.length + 1} in ${i}`;
-		}
-		function Ce() {
-			return !T.lanes || T.lanes.length === 0 ? [null] : T.lanes.filter((e) => !L(e.id)).map((e) => e.id ?? null);
-		}
-		function we(e) {
-			let t = q.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 = Ce(), 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 = T.columns.findIndex((e) => e.id === t.colId), i = T.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);
-			}
-			H.value = `${R(t.item)}, ${J()}`;
-		}
-		function Te() {
-			let e = q.value;
-			if (!e) return;
-			q.value = null;
-			let t = U({
-				item: e.item,
-				fromLaneId: e.fromLaneId,
-				fromColumnId: e.fromColumnId
-			}, e.laneId, e.colId, e.index), n = P(e.colId), r = T.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? z(r, n) : e.colId;
-			H.value = t ? `${R(e.item)} dropped, position ${e.index + 1} in ${i}` : `${R(e.item)} dropped`, Ee(e.item.id);
-		}
-		function Y(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 && X(i[t].id);
-			} else {
-				let t = T.columns.findIndex((e) => e.id === r), i = T.columns[t + (e === "ArrowRight" ? 1 : -1)];
-				if (t === -1 || !i) return;
-				let o = N(n, i.id);
-				if (o.length === 0) return;
-				X(o[Math.min(a, o.length - 1)].id);
-			}
-		}
-		function X(e) {
-			let t = O.value?.querySelectorAll("[data-item-id]");
-			if (t) {
-				for (let n of t) if (n.dataset.itemId === e) {
-					n.focus();
-					return;
-				}
-			}
-		}
-		async function Ee(e) {
-			await c(), await c(), X(e);
-		}
-		function De(e) {
-			q.value?.item.id === e.id && (q.value = null);
-		}
-		let Z = f(null), Q = f(null);
-		function Oe(e, t) {
-			if (!T.reorderableColumns) {
-				t.preventDefault();
-				return;
-			}
-			Z.value = e, Q.value = e;
-		}
-		function ke(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 Ae(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: T.columns[t].id,
-				toIndex: r
-			});
-		}
-		function $() {
-			Z.value = null, Q.value = null;
-		}
-		return (e, t) => (d(), a("div", ee({
-			ref_key: "boardRef",
-			ref: O,
-			class: "nb-board"
-		}, g(le)), [
-			o("div", {
-				class: "nb-board__grid",
-				style: u(ue.value)
-			}, [(d(!0), a(n, null, p(s.columns, (t, n) => (d(), a("div", {
-				key: t.id,
-				class: l(["nb-board__col-header", {
-					"nb-board__col-header--reorderable": s.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 === s.columns.length - 1
-				}]),
-				style: u(t.color ? { borderTopColor: t.color } : void 0),
-				draggable: s.reorderableColumns || void 0,
-				onDragstart: (e) => Oe(n, e),
-				onDragover: (e) => ke(n, e),
-				onDrop: Ae,
-				onDragend: $
-			}, [m(e.$slots, "column-header", {
-				column: t,
-				count: j(t.id)
-			}, () => [o("span", y, h(t.label), 1), o("span", b, h(j(t.id)), 1)])], 46, v))), 128)), (d(!0), a(n, null, p(de.value, (t) => (d(), a(n, { key: A(t) }, [t ? (d(), a("div", {
-				key: 0,
-				class: "nb-board__lane-header",
-				onClick: (e) => I(t.id)
-			}, [
-				o("button", {
-					class: "nb-board__collapse-btn",
-					"aria-label": L(t.id) ? "Expand" : "Collapse"
-				}, h(L(t.id) ? "▶" : "▼"), 9, S),
-				m(e.$slots, "lane-header", { lane: t }, () => [o("span", C, h(t.label), 1)]),
-				o("span", te, h(fe(t.id)), 1)
-			], 8, x)) : i("", !0), !t || !L(t.id) ? (d(!0), a(n, { key: 1 }, p(s.columns, (r) => (d(), a("div", {
-				key: A(t) + "-" + r.id,
-				class: l(["nb-board__cell", { "nb-board__cell--drag-over": ve(t, r.id) }]),
-				onDragover: _((e) => he(t, r.id), ["prevent"]),
-				onDragleave: ge,
-				onDrop: _((e) => be(t, r.id), ["prevent"])
-			}, [o("div", {
-				class: "nb-board__cell-items",
-				role: "list",
-				"aria-label": B(t, r)
-			}, [(d(!0), a(n, null, p(N(k(t), r.id), (n, i) => (d(), a("div", {
-				key: n.id,
-				class: l(["nb-board__card", {
-					"nb-board__card--lifted": q.value?.item.id === n.id,
-					"nb-board__card--drop-before": K(t, r.id) === i,
-					"nb-board__card--drop-after": ye(t, r.id, i)
-				}]),
-				role: "listitem",
-				tabindex: "0",
-				"data-item-id": n.id,
-				"aria-label": V(n, t, r),
-				"aria-describedby": `${g(D)}-hint`,
-				draggable: "true",
-				onDragstart: (e) => pe(n, t, r.id),
-				onDragover: _((e) => me(e, t, r.id, i), ["prevent", "stop"]),
-				onDragend: _e,
-				onKeydown: (e) => xe(e, n, t, r.id),
-				onBlur: (e) => De(n)
-			}, [m(e.$slots, "card", {
-				item: n,
-				column: r,
-				lane: t ?? void 0
-			})], 42, ie))), 128)), N(k(t), r.id).length === 0 ? (d(), a("div", ae)) : i("", !0)], 8, re), e.$slots["column-footer"] ? (d(), a("div", oe, [m(e.$slots, "column-footer", {
-				column: r,
-				lane: t ?? void 0
-			})])) : i("", !0)], 42, ne))), 128)) : i("", !0)], 64))), 128))], 4),
-			o("span", {
-				id: `${g(D)}-hint`,
-				class: "nb-board__sr"
-			}, " Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. ", 8, se),
-			o("span", ce, h(H.value), 1)
-		], 16));
-	}
-});
-//#endregion
-export { w as t };

package/dist/Board-Dsril3p2.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useStableId.composable.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r=[`draggable`,`onDragstart`,`onDragover`],i={class:`nb-board__col-title`},a={class:`nb-board__col-count`},o=[`onClick`],s=[`aria-label`],c={class:`nb-board__lane-label`},l={class:`nb-board__lane-count`},u=[`onDragover`,`onDrop`],d=[`aria-label`],f=[`data-item-id`,`aria-label`,`aria-describedby`,`onDragstart`,`onDragover`,`onKeydown`,`onBlur`],ee={key:0,class:`nb-board__empty-cell`,"aria-hidden":`true`},te={key:0,class:`nb-board__cell-footer`},p=[`id`],m={class:`nb-board__sr`,"aria-live":`assertive`},h=(0,n.defineComponent)({__name:`Board`,props:{columns:{},items:{},lanes:{default:void 0},reorderableColumns:{type:Boolean,default:!1}},emits:[`move`,`column-move`],setup(h,{emit:g}){let _=h,{layerProps:v}=t.useSurfaceLayer(),y=g,b=e.useStableId({}),x=(0,n.ref)(null),ne=(0,n.computed)(()=>({gridTemplateColumns:`repeat(${_.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`})),re=(0,n.computed)(()=>_.lanes&&_.lanes.length>0?_.lanes:[null]);function S(e){return e?e.id??null:null}function C(e){return e?T(e.id):`__flat__`}function w(e){return _.items.filter(t=>t.columnId===e).length}function T(e){return e??`__none__`}function E(e){return _.lanes?_.items.filter(t=>(t.laneId??null)===e).length:0}function D(e,t){return!_.lanes||_.lanes.length===0?_.items.filter(e=>e.columnId===t):_.items.filter(n=>n.columnId===t&&(n.laneId??null)===e)}function O(e){return _.columns.find(t=>t.id===e)}let k=(0,n.ref)(new Set);function ie(e){let t=T(e),n=new Set(k.value);n.has(t)?n.delete(t):n.add(t),k.value=n}function A(e){return k.value.has(T(e))}function j(e){let t=e.label??e.name??e.title;return typeof t==`string`?t:`Item ${e.id}`}function M(e,t){return e?`${t.label}, ${e.label}`:t.label}function N(e,t){return M(e,t)}function P(e,t,n){let r=D(S(t),n.id),i=r.findIndex(t=>t.id===e.id),a=`${j(e)}, ${i+1} of ${r.length} in ${M(t,n)}`;return q.value?.item.id===e.id?`${a}, picked up`:a}let F=(0,n.ref)(``);function I(e,t,n,r){let i=D(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===D(t,n).findIndex(t=>t.id===e.item.id)?!1:(y(`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 L=(0,n.ref)(null),R=(0,n.ref)(null);function z(e,t,n){q.value=null,L.value={item:e,fromLaneId:S(t),fromColumnId:n}}function B(e,t,n,r){if(!L.value)return;let i=e.currentTarget.getBoundingClientRect(),a=e.clientY>=i.top+i.height/2;R.value={laneId:S(t),colId:n,index:r+(a?1:0)}}function V(e,t){if(!L.value)return;let n=S(e);R.value={laneId:n,colId:t,index:D(n,t).length}}function H(){R.value=null}function U(){L.value=null,R.value=null}function W(e,t){return G(e,t)!==null}function G(e,t){let n=S(e),r=R.value;if(L.value&&r&&r.laneId===n&&r.colId===t)return r.index;let i=q.value;if(i&&i.laneId===n&&i.colId===t){let e=D(n,t).findIndex(e=>e.id===i.item.id);return e!==-1&&e<=i.index?i.index+1:i.index}return null}function ae(e,t,n){return n===D(S(e),t).length-1&&G(e,t)===n+1}function K(e,t){if(Z.value!==null)return;let n=R.value;R.value=null;let r=L.value;if(L.value=null,!r)return;let i=S(e),a=D(i,t),o=n&&n.laneId===i&&n.colId===t?n.index:a.length,s=a.findIndex(e=>e.id===r.item.id);I(r,i,t,s!==-1&&s<o?o-1:o)}let q=(0,n.ref)(null);function J(e,t,n,r){let i=S(n);if(e.key===`Escape`){if(!q.value)return;e.preventDefault(),q.value=null,F.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),q.value?.item.id===t.id?le():oe(t,i,r);return}[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)&&(e.preventDefault(),q.value?.item.id===t.id?ce(e.key):ue(e.key,t,i,r))}function oe(e,t,n){q.value={item:e,fromLaneId:t,fromColumnId:n,laneId:t,colId:n,index:D(t,n).findIndex(t=>t.id===e.id)},F.value=`${j(e)} picked up, ${Y()}`}function Y(){let e=q.value;if(!e)return``;let t=D(e.laneId,e.colId).filter(t=>t.id!==e.item.id),n=O(e.colId),r=_.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?M(r,n):e.colId;return`position ${e.index+1} of ${t.length+1} in ${i}`}function se(){return!_.lanes||_.lanes.length===0?[null]:_.lanes.filter(e=>!A(e.id)).map(e=>e.id??null)}function ce(e){let t=q.value;if(!t)return;let n=D(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=se(),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:D(a,t.colId).filter(e=>e.id!==t.item.id).length}}else{let n=e===`ArrowLeft`?-1:1,r=_.columns.findIndex(e=>e.id===t.colId),i=_.columns[r+n];if(r===-1||!i)return;t.colId=i.id;let a=D(t.laneId,t.colId).filter(e=>e.id!==t.item.id);t.index=Math.min(t.index,a.length)}F.value=`${j(t.item)}, ${Y()}`}function le(){let e=q.value;if(!e)return;q.value=null;let t=I({item:e.item,fromLaneId:e.fromLaneId,fromColumnId:e.fromColumnId},e.laneId,e.colId,e.index),n=O(e.colId),r=_.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?M(r,n):e.colId;F.value=t?`${j(e.item)} dropped, position ${e.index+1} in ${i}`:`${j(e.item)} dropped`,de(e.item.id)}function ue(e,t,n,r){let i=D(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=_.columns.findIndex(e=>e.id===r),i=_.columns[t+(e===`ArrowRight`?1:-1)];if(t===-1||!i)return;let o=D(n,i.id);if(o.length===0)return;X(o[Math.min(a,o.length-1)].id)}}function X(e){let t=x.value?.querySelectorAll(`[data-item-id]`);if(t){for(let n of t)if(n.dataset.itemId===e){n.focus();return}}}async function de(e){await(0,n.nextTick)(),await(0,n.nextTick)(),X(e)}function fe(e){q.value?.item.id===e.id&&(q.value=null)}let Z=(0,n.ref)(null),Q=(0,n.ref)(null);function pe(e,t){if(!_.reorderableColumns){t.preventDefault();return}Z.value=e,Q.value=e}function me(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&&y(`column-move`,{columnId:_.columns[t].id,toIndex:r})}function $(){Z.value=null,Q.value=null}return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({ref_key:`boardRef`,ref:x,class:`nb-board`},(0,n.unref)(v)),[(0,n.createElementVNode)(`div`,{class:`nb-board__grid`,style:(0,n.normalizeStyle)(ne.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(h.columns,(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.id,class:(0,n.normalizeClass)([`nb-board__col-header`,{"nb-board__col-header--reorderable":h.reorderableColumns,"nb-board__col-header--dragging":Z.value===o,"nb-board__col-header--drop-before":Q.value===o,"nb-board__col-header--drop-after":Q.value===o+1&&o===h.columns.length-1}]),style:(0,n.normalizeStyle)(t.color?{borderTopColor:t.color}:void 0),draggable:h.reorderableColumns||void 0,onDragstart:e=>pe(o,e),onDragover:e=>me(o,e),onDrop:he,onDragend:$},[(0,n.renderSlot)(e.$slots,`column-header`,{column:t,count:w(t.id)},()=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(t.label),1),(0,n.createElementVNode)(`span`,a,(0,n.toDisplayString)(w(t.id)),1)])],46,r))),128)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(re.value,t=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:C(t)},[t?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`nb-board__lane-header`,onClick:e=>ie(t.id)},[(0,n.createElementVNode)(`button`,{class:`nb-board__collapse-btn`,"aria-label":A(t.id)?`Expand`:`Collapse`},(0,n.toDisplayString)(A(t.id)?`▶`:`▼`),9,s),(0,n.renderSlot)(e.$slots,`lane-header`,{lane:t},()=>[(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(t.label),1)]),(0,n.createElementVNode)(`span`,l,(0,n.toDisplayString)(E(t.id)),1)],8,o)):(0,n.createCommentVNode)(``,!0),!t||!A(t.id)?((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,{key:1},(0,n.renderList)(h.columns,r=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:C(t)+`-`+r.id,class:(0,n.normalizeClass)([`nb-board__cell`,{"nb-board__cell--drag-over":W(t,r.id)}]),onDragover:(0,n.withModifiers)(e=>V(t,r.id),[`prevent`]),onDragleave:H,onDrop:(0,n.withModifiers)(e=>K(t,r.id),[`prevent`])},[(0,n.createElementVNode)(`div`,{class:`nb-board__cell-items`,role:`list`,"aria-label":N(t,r)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(D(S(t),r.id),(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:i.id,class:(0,n.normalizeClass)([`nb-board__card`,{"nb-board__card--lifted":q.value?.item.id===i.id,"nb-board__card--drop-before":G(t,r.id)===a,"nb-board__card--drop-after":ae(t,r.id,a)}]),role:`listitem`,tabindex:`0`,"data-item-id":i.id,"aria-label":P(i,t,r),"aria-describedby":`${(0,n.unref)(b)}-hint`,draggable:`true`,onDragstart:e=>z(i,t,r.id),onDragover:(0,n.withModifiers)(e=>B(e,t,r.id,a),[`prevent`,`stop`]),onDragend:U,onKeydown:e=>J(e,i,t,r.id),onBlur:e=>fe(i)},[(0,n.renderSlot)(e.$slots,`card`,{item:i,column:r,lane:t??void 0})],42,f))),128)),D(S(t),r.id).length===0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee)):(0,n.createCommentVNode)(``,!0)],8,d),e.$slots[`column-footer`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,te,[(0,n.renderSlot)(e.$slots,`column-footer`,{column:r,lane:t??void 0})])):(0,n.createCommentVNode)(``,!0)],42,u))),128)):(0,n.createCommentVNode)(``,!0)],64))),128))],4),(0,n.createElementVNode)(`span`,{id:`${(0,n.unref)(b)}-hint`,class:`nb-board__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,p),(0,n.createElementVNode)(`span`,m,(0,n.toDisplayString)(F.value),1)],16))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});