@nubisco/ui 5.8.2 → 5.9.0

package/dist/Board-CS1pMX4d.cjs

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

package/dist/Board-DmTUOIbg.js

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

package/dist/{Confirm-BewLtgMD.js → Confirm-BQkB2b4e.js}

@@ -3,8 +3,8 @@ import { t } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { t as n } from "./Icon-rREAqsu0.js";
 import { t as r } from "./Button-Cw4D6w9K.js";
 import { t as i } from "./Message-Ciyc2nN6.js";
-import { i as a, r as ee, t as te } from "./Modal-BsuYzVSB.js";
-import { t as ne } from "./TextInput-CW0Tj61o.js";
+import { i as a, r as ee, t as te } from "./Modal-kfgbfLM4.js";
+import { t as ne } from "./TextInput-DBeZ3X3P.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, onMounted as re, onUnmounted as ie, openBlock as g, ref as _, renderSlot as ae, toDisplayString as v, unref as y, useId as oe, useSlots as se, watch as b, withCtx as x, withKeys as ce, withModifiers as le } from "vue";
 import { regular as ue } from "@nubisco/ui/icons/warning";
 import { regular as de } from "@nubisco/ui/icons/check";

package/dist/{Confirm-DHWWbfmu.cjs → Confirm-DZ_nb6Z0.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./Button-D-XSNjSL.cjs`),i=require(`./Message-D8ZE4uGZ.cjs`),a=require(`./Modal-xl0ku1IX.cjs`),o=require(`./TextInput-DMWj3d3i.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning`),ee=require(`@nubisco/ui/icons/check`);var te={key:0,class:`nb-confirm__message`},ne={key:0,class:`nb-confirm__subject-kind`},l={class:`nb-confirm__subject-name`},u={key:1,class:`nb-confirm__gate`},d={class:`nb-confirm__live`},f={key:0,class:`nb-confirm__status`,role:`status`},p={key:1,class:`nb-confirm__status nb-confirm__status--success`,role:`status`},m=(0,s.defineComponent)({__name:`Confirm`,props:{open:{type:Boolean,default:!1},title:{},message:{default:void 0},subject:{default:void 0},subjectLabel:{default:void 0},confirmLabel:{default:`Confirm`},cancelLabel:{default:`Cancel`},tone:{default:`danger`},typeToConfirm:{default:void 0},typeToConfirmLabel:{default:void 0},typeToConfirmHelper:{default:void 0},busy:{type:Boolean,default:!1},busyLabel:{default:`Working...`},succeeded:{type:Boolean,default:!1},successLabel:{default:void 0},error:{default:void 0},size:{default:`sm`},floatingSelectors:{default:()=>[]},contentClass:{default:void 0}},emits:[`confirm`,`cancel`],setup(t,{expose:m,emit:h}){let g=t,_=h,v=(0,s.useId)(),y=`nb-confirm-title-${v}`,b=`nb-confirm-body-${v}`,x=(0,s.useSlots)(),S=(0,s.ref)(null),C=(0,s.ref)(null),w=(0,s.ref)(null),T=(0,s.ref)(``),E=e.useReducedMotion(),D=(0,s.computed)(()=>g.busy||g.succeeded);function O(){return!!g.message||!!g.subject||!!x.default}let k=(0,s.computed)(()=>g.tone===`danger`?`danger`:`primary`),A=(0,s.computed)(()=>g.typeToConfirmLabel??`Type ${g.typeToConfirm} to confirm`),j=(0,s.computed)(()=>!g.typeToConfirm||T.value.trim()===g.typeToConfirm),M=(0,s.computed)(()=>j.value&&!D.value);function N(){M.value&&_(`confirm`)}function P(){let e=w.value?.$el;return e instanceof HTMLElement?e:null}function F(){return S.value?.closest(`[role="dialog"],[role="alertdialog"]`)??null}function re(){return typeof document>`u`?[]:Array.from(document.querySelectorAll(`[aria-modal="true"]`))}function I(){let e=F();if(!e)return!1;let t=re();return t.length===0||t[t.length-1]===e}let L=[`a[href]:not([tabindex="-1"])`,`area[href]:not([tabindex="-1"])`,`button:not([disabled]):not([tabindex="-1"])`,`input:not([disabled]):not([type="hidden"]):not([tabindex="-1"])`,`select:not([disabled]):not([tabindex="-1"])`,`textarea:not([disabled]):not([tabindex="-1"])`,`summary:not([tabindex="-1"])`,`audio[controls]:not([tabindex="-1"])`,`video[controls]:not([tabindex="-1"])`,`iframe:not([tabindex="-1"])`,`[contenteditable]:not([contenteditable="false"]):not([tabindex="-1"])`,`[tabindex]:not([tabindex="-1"])`].map(e=>`${e}:not([hidden]):not([aria-hidden="true"])`).join(`,`);function R(){return a.i(g.floatingSelectors)}function z(e){return e instanceof Element?!!e.closest(R()):!1}function B(e){let t=F();return!!t&&!!e&&t.contains(e)}function V(){let e=F();return e?Array.from(e.querySelectorAll(L)).filter(e=>e.getAttribute(`aria-disabled`)!==`true`):[]}function H(){let e=F();return e?(e.focus(),!0):!1}function U(){let e=V()[0];e?e.focus():H()}let W=null;function G(){let e=W;W=null,e?.isConnected&&e.focus()}function K(){a.r(F(),E.value)}(0,s.watch)(E,()=>{g.open&&K()}),(0,s.watch)(()=>[g.busy,g.error],async(e,t)=>{if(!g.open)return;let[n,r]=e,i=t?.[0]??!1;if(await(0,s.nextTick)(),n){V().length===0&&H();return}if(i&&r){let e=C.value;e?e.focus():U();return}let a=document.activeElement;!B(a)&&!z(a)&&U()}),(0,s.watch)(()=>g.open,async e=>{e?(W=document.activeElement instanceof HTMLElement?document.activeElement:null,T.value=``,await(0,s.nextTick)(),K(),P()?P()?.focus():H()):G()},{immediate:!0});function q(){D.value||_(`cancel`)}let J=!1,Y=!1;function X(e){let t=e.target;J=B(t)||z(t)}function Z(e){Y=B(e.target)}function ie(){let e=J&&!Y;J=!1,!e&&q()}function Q(e){if(!g.open||z(document.activeElement))return;if(e.key===`Escape`){if(!I())return;e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),q();return}if(e.key!==`Tab`||!I())return;let t=V();if(t.length===0){e.preventDefault(),B(document.activeElement)||H();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||!B(i))?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r?(e.preventDefault(),n.focus()):B(i)||(e.preventDefault(),n.focus())}function $(e){if(!g.open)return;let t=e.relatedTarget;if(t instanceof Element){if(B(t)||z(t))return}else if(t!==null)return;requestAnimationFrame(()=>{if(!g.open)return;let e=document.activeElement;B(e)||z(e)||e&&e!==document.body&&!e.isConnected||I()&&U()})}return typeof document<`u`&&(document.addEventListener(`keydown`,Q,!0),document.addEventListener(`focusout`,$,!0),document.addEventListener(`mousedown`,X,!0),document.addEventListener(`touchstart`,X,!0),document.addEventListener(`click`,Z,!0)),(0,s.onMounted)(()=>{g.open&&(K(),P()?P()?.focus():H())}),(0,s.onUnmounted)(()=>{typeof document<`u`&&(document.removeEventListener(`keydown`,Q,!0),document.removeEventListener(`focusout`,$,!0),document.removeEventListener(`mousedown`,X,!0),document.removeEventListener(`touchstart`,X,!0),document.removeEventListener(`click`,Z,!0)),G()}),m({focusCancel:()=>P()?.focus(),restoreFocus:G,isTopmost:I}),(e,m)=>((0,s.openBlock)(),(0,s.createBlock)(a.t,{open:t.open,size:t.size,role:t.tone===`danger`?`alertdialog`:`dialog`,"labelled-by":y,"described-by":O()?b:void 0,busy:t.busy,"close-on-overlay":!D.value,"close-disabled":D.value,"close-on-escape":!1,"trap-focus":!1,onClose:ie},{header:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`span`,{id:y,class:(0,s.normalizeClass)([`nb-confirm__heading`,`nb-confirm__heading--${t.tone}`])},[t.tone===`danger`?((0,s.openBlock)(),(0,s.createBlock)(n.t,{key:0,name:(0,s.unref)(c.regular),size:16,"aria-hidden":`true`},null,8,[`name`])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.title),1)],2)]),footer:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{ref_key:`cancelRef`,ref:w,class:`nb-confirm__action nb-confirm__action--cancel`,variant:`ghost`,size:`lg`,disabled:D.value,"data-nb-confirm":`cancel`,onClick:q},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.cancelLabel),1)]),_:1},8,[`disabled`]),(0,s.createVNode)(r.t,{class:`nb-confirm__action nb-confirm__action--confirm`,variant:k.value,size:`lg`,disabled:!M.value,loading:t.busy,"data-nb-confirm":`confirm`,onClick:N},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.confirmLabel),1)]),_:1},8,[`variant`,`disabled`,`loading`])]),default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{ref_key:`rootRef`,ref:S,class:(0,s.normalizeClass)([`nb-confirm`,t.contentClass])},[O()?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:b,class:`nb-confirm__body`},[(0,s.renderSlot)(e.$slots,`default`,{},()=>[t.message?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,te,(0,s.toDisplayString)(t.message),1)):(0,s.createCommentVNode)(``,!0)],!0),t.subject?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,{key:0,class:(0,s.normalizeClass)([`nb-confirm__subject`,`nb-confirm__subject--${t.tone}`])},[t.subjectLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.subjectLabel),1)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,l,(0,s.toDisplayString)(t.subject),1)],2)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),t.typeToConfirm?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.createVNode)(o.t,{modelValue:T.value,"onUpdate:modelValue":m[0]||=e=>T.value=e,class:`nb-confirm__gate-field`,label:A.value,helper:t.typeToConfirmHelper,disabled:D.value,autocomplete:`off`,spellcheck:`false`,"data-nb-confirm":`gate`,onKeydown:m[1]||=(0,s.withKeys)((0,s.withModifiers)(()=>{},[`prevent`]),[`enter`])},null,8,[`modelValue`,`label`,`helper`,`disabled`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,d,[t.busy?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,f,(0,s.toDisplayString)(t.busyLabel),1)):(0,s.createCommentVNode)(``,!0),t.succeeded&&t.successLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,p,[(0,s.createVNode)(n.t,{name:(0,s.unref)(ee.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.successLabel),1)])):(0,s.createCommentVNode)(``,!0),t.error?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,ref_key:`errorRef`,ref:C,class:`nb-confirm__error`,tabindex:`-1`},[(0,s.createVNode)(i.t,{variant:`error`},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.error),1)]),_:1})],512)):(0,s.createCommentVNode)(``,!0)])],2)]),_:3},8,[`open`,`size`,`role`,`described-by`,`busy`,`close-on-overlay`,`close-disabled`]))}}),h=t.t(m,[[`__scopeId`,`data-v-683eafb1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./Button-D-XSNjSL.cjs`),i=require(`./Message-D8ZE4uGZ.cjs`),a=require(`./Modal-BkCiD4gu.cjs`),o=require(`./TextInput-C1akT0kW.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning`),ee=require(`@nubisco/ui/icons/check`);var te={key:0,class:`nb-confirm__message`},ne={key:0,class:`nb-confirm__subject-kind`},l={class:`nb-confirm__subject-name`},u={key:1,class:`nb-confirm__gate`},d={class:`nb-confirm__live`},f={key:0,class:`nb-confirm__status`,role:`status`},p={key:1,class:`nb-confirm__status nb-confirm__status--success`,role:`status`},m=(0,s.defineComponent)({__name:`Confirm`,props:{open:{type:Boolean,default:!1},title:{},message:{default:void 0},subject:{default:void 0},subjectLabel:{default:void 0},confirmLabel:{default:`Confirm`},cancelLabel:{default:`Cancel`},tone:{default:`danger`},typeToConfirm:{default:void 0},typeToConfirmLabel:{default:void 0},typeToConfirmHelper:{default:void 0},busy:{type:Boolean,default:!1},busyLabel:{default:`Working...`},succeeded:{type:Boolean,default:!1},successLabel:{default:void 0},error:{default:void 0},size:{default:`sm`},floatingSelectors:{default:()=>[]},contentClass:{default:void 0}},emits:[`confirm`,`cancel`],setup(t,{expose:m,emit:h}){let g=t,_=h,v=(0,s.useId)(),y=`nb-confirm-title-${v}`,b=`nb-confirm-body-${v}`,x=(0,s.useSlots)(),S=(0,s.ref)(null),C=(0,s.ref)(null),w=(0,s.ref)(null),T=(0,s.ref)(``),E=e.useReducedMotion(),D=(0,s.computed)(()=>g.busy||g.succeeded);function O(){return!!g.message||!!g.subject||!!x.default}let k=(0,s.computed)(()=>g.tone===`danger`?`danger`:`primary`),A=(0,s.computed)(()=>g.typeToConfirmLabel??`Type ${g.typeToConfirm} to confirm`),j=(0,s.computed)(()=>!g.typeToConfirm||T.value.trim()===g.typeToConfirm),M=(0,s.computed)(()=>j.value&&!D.value);function N(){M.value&&_(`confirm`)}function P(){let e=w.value?.$el;return e instanceof HTMLElement?e:null}function F(){return S.value?.closest(`[role="dialog"],[role="alertdialog"]`)??null}function re(){return typeof document>`u`?[]:Array.from(document.querySelectorAll(`[aria-modal="true"]`))}function I(){let e=F();if(!e)return!1;let t=re();return t.length===0||t[t.length-1]===e}let L=[`a[href]:not([tabindex="-1"])`,`area[href]:not([tabindex="-1"])`,`button:not([disabled]):not([tabindex="-1"])`,`input:not([disabled]):not([type="hidden"]):not([tabindex="-1"])`,`select:not([disabled]):not([tabindex="-1"])`,`textarea:not([disabled]):not([tabindex="-1"])`,`summary:not([tabindex="-1"])`,`audio[controls]:not([tabindex="-1"])`,`video[controls]:not([tabindex="-1"])`,`iframe:not([tabindex="-1"])`,`[contenteditable]:not([contenteditable="false"]):not([tabindex="-1"])`,`[tabindex]:not([tabindex="-1"])`].map(e=>`${e}:not([hidden]):not([aria-hidden="true"])`).join(`,`);function R(){return a.i(g.floatingSelectors)}function z(e){return e instanceof Element?!!e.closest(R()):!1}function B(e){let t=F();return!!t&&!!e&&t.contains(e)}function V(){let e=F();return e?Array.from(e.querySelectorAll(L)).filter(e=>e.getAttribute(`aria-disabled`)!==`true`):[]}function H(){let e=F();return e?(e.focus(),!0):!1}function U(){let e=V()[0];e?e.focus():H()}let W=null;function G(){let e=W;W=null,e?.isConnected&&e.focus()}function K(){a.r(F(),E.value)}(0,s.watch)(E,()=>{g.open&&K()}),(0,s.watch)(()=>[g.busy,g.error],async(e,t)=>{if(!g.open)return;let[n,r]=e,i=t?.[0]??!1;if(await(0,s.nextTick)(),n){V().length===0&&H();return}if(i&&r){let e=C.value;e?e.focus():U();return}let a=document.activeElement;!B(a)&&!z(a)&&U()}),(0,s.watch)(()=>g.open,async e=>{e?(W=document.activeElement instanceof HTMLElement?document.activeElement:null,T.value=``,await(0,s.nextTick)(),K(),P()?P()?.focus():H()):G()},{immediate:!0});function q(){D.value||_(`cancel`)}let J=!1,Y=!1;function X(e){let t=e.target;J=B(t)||z(t)}function Z(e){Y=B(e.target)}function ie(){let e=J&&!Y;J=!1,!e&&q()}function Q(e){if(!g.open||z(document.activeElement))return;if(e.key===`Escape`){if(!I())return;e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),q();return}if(e.key!==`Tab`||!I())return;let t=V();if(t.length===0){e.preventDefault(),B(document.activeElement)||H();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||!B(i))?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r?(e.preventDefault(),n.focus()):B(i)||(e.preventDefault(),n.focus())}function $(e){if(!g.open)return;let t=e.relatedTarget;if(t instanceof Element){if(B(t)||z(t))return}else if(t!==null)return;requestAnimationFrame(()=>{if(!g.open)return;let e=document.activeElement;B(e)||z(e)||e&&e!==document.body&&!e.isConnected||I()&&U()})}return typeof document<`u`&&(document.addEventListener(`keydown`,Q,!0),document.addEventListener(`focusout`,$,!0),document.addEventListener(`mousedown`,X,!0),document.addEventListener(`touchstart`,X,!0),document.addEventListener(`click`,Z,!0)),(0,s.onMounted)(()=>{g.open&&(K(),P()?P()?.focus():H())}),(0,s.onUnmounted)(()=>{typeof document<`u`&&(document.removeEventListener(`keydown`,Q,!0),document.removeEventListener(`focusout`,$,!0),document.removeEventListener(`mousedown`,X,!0),document.removeEventListener(`touchstart`,X,!0),document.removeEventListener(`click`,Z,!0)),G()}),m({focusCancel:()=>P()?.focus(),restoreFocus:G,isTopmost:I}),(e,m)=>((0,s.openBlock)(),(0,s.createBlock)(a.t,{open:t.open,size:t.size,role:t.tone===`danger`?`alertdialog`:`dialog`,"labelled-by":y,"described-by":O()?b:void 0,busy:t.busy,"close-on-overlay":!D.value,"close-disabled":D.value,"close-on-escape":!1,"trap-focus":!1,onClose:ie},{header:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`span`,{id:y,class:(0,s.normalizeClass)([`nb-confirm__heading`,`nb-confirm__heading--${t.tone}`])},[t.tone===`danger`?((0,s.openBlock)(),(0,s.createBlock)(n.t,{key:0,name:(0,s.unref)(c.regular),size:16,"aria-hidden":`true`},null,8,[`name`])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.title),1)],2)]),footer:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{ref_key:`cancelRef`,ref:w,class:`nb-confirm__action nb-confirm__action--cancel`,variant:`ghost`,size:`lg`,disabled:D.value,"data-nb-confirm":`cancel`,onClick:q},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.cancelLabel),1)]),_:1},8,[`disabled`]),(0,s.createVNode)(r.t,{class:`nb-confirm__action nb-confirm__action--confirm`,variant:k.value,size:`lg`,disabled:!M.value,loading:t.busy,"data-nb-confirm":`confirm`,onClick:N},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.confirmLabel),1)]),_:1},8,[`variant`,`disabled`,`loading`])]),default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{ref_key:`rootRef`,ref:S,class:(0,s.normalizeClass)([`nb-confirm`,t.contentClass])},[O()?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:b,class:`nb-confirm__body`},[(0,s.renderSlot)(e.$slots,`default`,{},()=>[t.message?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,te,(0,s.toDisplayString)(t.message),1)):(0,s.createCommentVNode)(``,!0)],!0),t.subject?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,{key:0,class:(0,s.normalizeClass)([`nb-confirm__subject`,`nb-confirm__subject--${t.tone}`])},[t.subjectLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.subjectLabel),1)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,l,(0,s.toDisplayString)(t.subject),1)],2)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),t.typeToConfirm?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.createVNode)(o.t,{modelValue:T.value,"onUpdate:modelValue":m[0]||=e=>T.value=e,class:`nb-confirm__gate-field`,label:A.value,helper:t.typeToConfirmHelper,disabled:D.value,autocomplete:`off`,spellcheck:`false`,"data-nb-confirm":`gate`,onKeydown:m[1]||=(0,s.withKeys)((0,s.withModifiers)(()=>{},[`prevent`]),[`enter`])},null,8,[`modelValue`,`label`,`helper`,`disabled`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,d,[t.busy?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,f,(0,s.toDisplayString)(t.busyLabel),1)):(0,s.createCommentVNode)(``,!0),t.succeeded&&t.successLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,p,[(0,s.createVNode)(n.t,{name:(0,s.unref)(ee.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.successLabel),1)])):(0,s.createCommentVNode)(``,!0),t.error?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,ref_key:`errorRef`,ref:C,class:`nb-confirm__error`,tabindex:`-1`},[(0,s.createVNode)(i.t,{variant:`error`},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.error),1)]),_:1})],512)):(0,s.createCommentVNode)(``,!0)])],2)]),_:3},8,[`open`,`size`,`role`,`described-by`,`busy`,`close-on-overlay`,`close-disabled`]))}}),h=t.t(m,[[`__scopeId`,`data-v-683eafb1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});

package/dist/{Modal-xl0ku1IX.cjs → Modal-BkCiD4gu.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/useSurfaceLayer.composable.cjs`),i=require(`./Grid-DTZTlxd_.cjs`),a=require(`./composables/useScrollLock.composable.cjs`),o=require(`./composables/useFocusTrap.composable.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/x`);var l=200,u=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],d=new Set;function f(e){let t=e.trim();return t?(d.add(t),()=>{d.delete(t)}):()=>{}}function p(e=[]){return[...u,...d,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function m(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var h=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],g={key:0,class:`nb-modal--header`},_=[`disabled`,`aria-disabled`],v=[`tabindex`,`role`,`aria-labelledby`],y=(0,s.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:t.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:l}){let u=e,d=l,f=(0,s.useSlots)(),m=(0,s.computed)(()=>!!f.header||!!u.title),y=`nb-modal-title-${(0,s.useId)()}`,b=(0,s.ref)(null),x=(0,s.ref)(null),{layerProps:S}=r.useSurfaceLayer({overlay:!0});function C(){u.closeOnOverlay&&d(`close`)}function w(){let e=u.initialFocus;return e?typeof e==`function`?e():b.value?.querySelector(e)??null:null}o.useFocusTrap({container:()=>b.value,active:()=>u.open&&u.trapFocus,initialFocus:w,floatingSelector:()=>p(u.floatingSelectors)});let T=!1;function E(){T||(T=!0,a.acquireScrollLock())}function D(){T&&(T=!1,a.releaseScrollLock())}let O=(0,s.ref)(!1);function k(){let e=x.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!O.value&&t>4?O.value=!0:O.value&&t<=0&&(O.value=!1)}let A=null,j=null;function M(){let e=x.value;e&&(N(),typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>k()),A.observe(e)),typeof MutationObserver<`u`&&(j=new MutationObserver(()=>k()),j.observe(e,{childList:!0,subtree:!0,characterData:!0})),k())}function N(){A?.disconnect(),A=null,j?.disconnect(),j=null}(0,s.watch)(()=>u.open,async e=>{e?E():D(),await(0,s.nextTick)(),e?M():(N(),O.value=!1)},{immediate:!0}),(0,s.onUnmounted)(()=>{D(),N()});function P(){let e=b.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function F(e){e.key===`Escape`&&(!u.open||!u.closeOnEscape||u.closeDisabled||P()&&d(`close`))}return(0,s.onMounted)(()=>{document.addEventListener(`keydown`,F),u.open&&M()}),(0,s.onUnmounted)(()=>{document.removeEventListener(`keydown`,F)}),t({dialogEl:()=>b.value,bodyEl:()=>x.value}),(t,r)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-modal`},{default:(0,s.withCtx)(()=>[e.open?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,s.withModifiers)(C,[`self`])},[(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`contentRef`,ref:b,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,s.unref)(S),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(m.value?y:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:r[1]||=(0,s.withModifiers)(()=>{},[`stop`])}),[m.value?((0,s.openBlock)(),(0,s.createElementBlock)(`header`,g,[(0,s.createElementVNode)(`span`,{id:y,class:`nb-modal--title`},[(0,s.renderSlot)(t.$slots,`header`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.title),1)],!0)]),(0,s.createElementVNode)(`button`,{class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:r[0]||=e=>d(`close`)},[(0,s.createVNode)(n.t,{name:(0,s.unref)(c.regular)},null,8,[`name`])],8,_)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:x,class:`nb-modal--body`,tabindex:O.value?0:void 0,role:O.value?`region`:void 0,"aria-labelledby":O.value?e.labelledBy??(m.value?y:void 0):void 0},[(0,s.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,v),t.$slots.footer?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,s.createCommentVNode)(``,!0)],16,h)])):(0,s.createCommentVNode)(``,!0)]),_:3})]))}}),b=e.t(y,[[`__scopeId`,`data-v-8a662ff5`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+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/useSurfaceLayer.composable.cjs`),i=require(`./Grid-DTZTlxd_.cjs`),a=require(`./composables/useScrollLock.composable.cjs`),o=require(`./composables/useFocusTrap.composable.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/x`);var l=200,u=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],d=new Set;function f(e){let t=e.trim();return t?(d.add(t),()=>{d.delete(t)}):()=>{}}function p(e=[]){return[...u,...d,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function m(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var h=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],g={key:0,class:`nb-modal--header`},_=[`disabled`,`aria-disabled`],v=[`tabindex`,`role`,`aria-labelledby`],y=(0,s.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:t.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:l}){let u=e,d=l,f=(0,s.useSlots)(),m=(0,s.computed)(()=>!!f.header||!!u.title),y=`nb-modal-title-${(0,s.useId)()}`,b=(0,s.ref)(null),x=(0,s.ref)(null),{layerProps:S}=r.useSurfaceLayer({overlay:!0});function C(){u.closeOnOverlay&&d(`close`)}function w(){let e=u.initialFocus;return e?typeof e==`function`?e():b.value?.querySelector(e)??null:null}o.useFocusTrap({container:()=>b.value,active:()=>u.open&&u.trapFocus,initialFocus:w,floatingSelector:()=>p(u.floatingSelectors)});let T=!1;function E(){T||(T=!0,a.acquireScrollLock())}function D(){T&&(T=!1,a.releaseScrollLock())}let O=(0,s.ref)(!1);function k(){let e=x.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!O.value&&t>4?O.value=!0:O.value&&t<=0&&(O.value=!1)}let A=null,j=null;function M(){let e=x.value;e&&(N(),typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>k()),A.observe(e)),typeof MutationObserver<`u`&&(j=new MutationObserver(()=>k()),j.observe(e,{childList:!0,subtree:!0,characterData:!0})),k())}function N(){A?.disconnect(),A=null,j?.disconnect(),j=null}(0,s.watch)(()=>u.open,async e=>{e?E():D(),await(0,s.nextTick)(),e?M():(N(),O.value=!1)},{immediate:!0}),(0,s.onUnmounted)(()=>{D(),N()});function P(){let e=b.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function F(e){e.key===`Escape`&&(!u.open||!u.closeOnEscape||u.closeDisabled||P()&&d(`close`))}return(0,s.onMounted)(()=>{document.addEventListener(`keydown`,F),u.open&&M()}),(0,s.onUnmounted)(()=>{document.removeEventListener(`keydown`,F)}),t({dialogEl:()=>b.value,bodyEl:()=>x.value}),(t,r)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-modal`},{default:(0,s.withCtx)(()=>[e.open?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,s.withModifiers)(C,[`self`])},[(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`contentRef`,ref:b,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,s.unref)(S),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(m.value?y:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:r[1]||=(0,s.withModifiers)(()=>{},[`stop`])}),[m.value?((0,s.openBlock)(),(0,s.createElementBlock)(`header`,g,[(0,s.createElementVNode)(`span`,{id:y,class:`nb-modal--title`},[(0,s.renderSlot)(t.$slots,`header`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.title),1)],!0)]),(0,s.createElementVNode)(`button`,{class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:r[0]||=e=>d(`close`)},[(0,s.createVNode)(n.t,{name:(0,s.unref)(c.regular)},null,8,[`name`])],8,_)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:x,class:`nb-modal--body`,tabindex:O.value?0:void 0,role:O.value?`region`:void 0,"aria-labelledby":O.value?e.labelledBy??(m.value?y:void 0):void 0},[(0,s.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,v),t.$slots.footer?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,s.createCommentVNode)(``,!0)],16,h)])):(0,s.createCommentVNode)(``,!0)]),_:3})]))}}),b=e.t(y,[[`__scopeId`,`data-v-bac1817a`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});

package/dist/{Modal-BsuYzVSB.js → Modal-kfgbfLM4.js}

@@ -201,6 +201,6 @@ var F = [
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-8a662ff5"]]);
+}), [["__scopeId", "data-v-bac1817a"]]);
 //#endregion
 export { M as a, N as i, k as n, P as r, z as t };

package/dist/{TextInput-DMWj3d3i.cjs → TextInput-C1akT0kW.cjs}

@@ -1,2 +1,2 @@
 require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Label-DtXh4XR5.cjs`),n=require(`./Message-D8ZE4uGZ.cjs`),r=require(`./Grid-DTZTlxd_.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)(r.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)(t.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)(n.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)(n.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-939b7a98`]]);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)(r.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)(t.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)(n.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)(n.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-ee23eb9e`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/dist/{TextInput-CW0Tj61o.js → TextInput-DBeZ3X3P.js}

@@ -125,7 +125,7 @@ var D = {
 			B.value && z.value && (B.value.scrollTop = z.value.scrollTop);
 		}
 		w(G, () => m(K));
-		let q = a(() => f.error ? "error" : f.warning ? "warning" : "helper"), J = a(() => f.error ?? f.warning ?? f.helper ?? ""), Y = a(() => !!J.value), X = a(() => ({
+		let q = a(() => f.error ? "error" : f.warning ? "warning" : "helper"), J = a(() => f.error || f.warning || f.helper || ""), Y = a(() => !!J.value), X = a(() => ({
 			"nb-text-input__field-wrapper--focused": V.value,
 			"nb-text-input__field-wrapper--error": !!f.error,
 			"nb-text-input__field-wrapper--warning": !f.error && !!f.warning,
@@ -290,6 +290,6 @@ var D = {
 			_: 3
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-939b7a98"]]);
+}), [["__scopeId", "data-v-ee23eb9e"]]);
 //#endregion
 export { R as t };