@nubisco/ui 5.8.3 → 5.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Board-CS1pMX4d.cjs +1 -0
- package/dist/Board-DmTUOIbg.js +420 -0
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +1 -1
- package/dist/components/Board.cjs +1 -1
- package/dist/components/Board.d.ts +25 -0
- package/dist/components/Board.mjs +1 -1
- package/dist/components/Board.vue.d.ts +4 -1
- package/dist/components/Board.vue.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/styles/Board.css +1 -1
- package/dist/ui.css +1 -1
- package/package.json +1 -1
- package/dist/Board-BuSaR4pf.js +0 -362
- package/dist/Board-Dsril3p2.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
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}});
|
|
@@ -0,0 +1,420 @@
|
|
|
1
|
+
import { useStableId as e } from "./composables/useStableId.composable.mjs";
|
|
2
|
+
import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
|
|
3
|
+
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";
|
|
4
|
+
//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var b = [
|
|
6
|
+
"draggable",
|
|
7
|
+
"onDragstart",
|
|
8
|
+
"onDragover"
|
|
9
|
+
], 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 = [
|
|
10
|
+
"data-item-id",
|
|
11
|
+
"aria-label",
|
|
12
|
+
"aria-describedby",
|
|
13
|
+
"onDragstart",
|
|
14
|
+
"onDragover",
|
|
15
|
+
"onKeydown",
|
|
16
|
+
"onBlur"
|
|
17
|
+
], le = {
|
|
18
|
+
key: 0,
|
|
19
|
+
class: "nb-board__empty-cell",
|
|
20
|
+
"aria-hidden": "true"
|
|
21
|
+
}, ue = {
|
|
22
|
+
key: 0,
|
|
23
|
+
class: "nb-board__cell-footer"
|
|
24
|
+
}, de = ["id"], fe = {
|
|
25
|
+
class: "nb-board__sr",
|
|
26
|
+
"aria-live": "assertive"
|
|
27
|
+
}, x = .5, S = 44, C = /* @__PURE__ */ c({
|
|
28
|
+
__name: "Board",
|
|
29
|
+
props: {
|
|
30
|
+
columns: {},
|
|
31
|
+
items: {},
|
|
32
|
+
lanes: { default: void 0 },
|
|
33
|
+
reorderableColumns: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: !1
|
|
36
|
+
},
|
|
37
|
+
nestable: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: !1
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
emits: [
|
|
43
|
+
"move",
|
|
44
|
+
"nest",
|
|
45
|
+
"column-move"
|
|
46
|
+
],
|
|
47
|
+
setup(c, { emit: C }) {
|
|
48
|
+
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]);
|
|
49
|
+
function k(e) {
|
|
50
|
+
return e ? e.id ?? null : null;
|
|
51
|
+
}
|
|
52
|
+
function A(e) {
|
|
53
|
+
return e ? M(e.id) : "__flat__";
|
|
54
|
+
}
|
|
55
|
+
function j(e) {
|
|
56
|
+
return w.items.filter((t) => t.columnId === e).length;
|
|
57
|
+
}
|
|
58
|
+
function M(e) {
|
|
59
|
+
return e ?? "__none__";
|
|
60
|
+
}
|
|
61
|
+
function he(e) {
|
|
62
|
+
return w.lanes ? w.items.filter((t) => (t.laneId ?? null) === e).length : 0;
|
|
63
|
+
}
|
|
64
|
+
function N(e, t) {
|
|
65
|
+
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);
|
|
66
|
+
}
|
|
67
|
+
function P(e) {
|
|
68
|
+
return w.columns.find((t) => t.id === e);
|
|
69
|
+
}
|
|
70
|
+
let F = m(/* @__PURE__ */ new Set());
|
|
71
|
+
function I(e) {
|
|
72
|
+
let t = M(e), n = new Set(F.value);
|
|
73
|
+
n.has(t) ? n.delete(t) : n.add(t), F.value = n;
|
|
74
|
+
}
|
|
75
|
+
function L(e) {
|
|
76
|
+
return F.value.has(M(e));
|
|
77
|
+
}
|
|
78
|
+
function R(e) {
|
|
79
|
+
let t = e.label ?? e.name ?? e.title;
|
|
80
|
+
return typeof t == "string" ? t : `Item ${e.id}`;
|
|
81
|
+
}
|
|
82
|
+
function z(e, t) {
|
|
83
|
+
return e ? `${t.label}, ${e.label}` : t.label;
|
|
84
|
+
}
|
|
85
|
+
function ge(e, t) {
|
|
86
|
+
return z(e, t);
|
|
87
|
+
}
|
|
88
|
+
function B(e, t, n) {
|
|
89
|
+
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)}`;
|
|
90
|
+
return q.value?.item.id === e.id ? `${a}, picked up` : a;
|
|
91
|
+
}
|
|
92
|
+
let V = m("");
|
|
93
|
+
function H(e, t, n, r) {
|
|
94
|
+
let i = N(t, n).filter((t) => t.id !== e.item.id), a = Math.max(0, Math.min(r, i.length));
|
|
95
|
+
return e.fromColumnId === n && e.fromLaneId === t && a === N(t, n).findIndex((t) => t.id === e.item.id) ? !1 : (T("move", {
|
|
96
|
+
itemId: e.item.id,
|
|
97
|
+
fromColumnId: e.fromColumnId,
|
|
98
|
+
toColumnId: n,
|
|
99
|
+
fromLaneId: e.fromLaneId,
|
|
100
|
+
toLaneId: t,
|
|
101
|
+
toIndex: a,
|
|
102
|
+
beforeItemId: i[a - 1]?.id ?? null,
|
|
103
|
+
afterItemId: i[a]?.id ?? null
|
|
104
|
+
}), !0);
|
|
105
|
+
}
|
|
106
|
+
let U = m(null), W = m(null), G = m(null);
|
|
107
|
+
function _e(e, t, n) {
|
|
108
|
+
q.value = null, U.value = {
|
|
109
|
+
item: e,
|
|
110
|
+
fromLaneId: k(t),
|
|
111
|
+
fromColumnId: n
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
function ve(e, t, n, r, i) {
|
|
115
|
+
if (!U.value) return;
|
|
116
|
+
let a = e.currentTarget.getBoundingClientRect();
|
|
117
|
+
if (w.nestable && a.height >= S) {
|
|
118
|
+
let r = (e.clientY - a.top) / a.height, o = (1 - x) / 2;
|
|
119
|
+
if (r > o && r < 1 - o && i.id !== U.value.item.id) {
|
|
120
|
+
G.value = {
|
|
121
|
+
laneId: k(t),
|
|
122
|
+
colId: n,
|
|
123
|
+
itemId: i.id
|
|
124
|
+
}, W.value = null;
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
G.value = null;
|
|
129
|
+
let o = e.clientY >= a.top + a.height / 2;
|
|
130
|
+
W.value = {
|
|
131
|
+
laneId: k(t),
|
|
132
|
+
colId: n,
|
|
133
|
+
index: r + (o ? 1 : 0)
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
function ye(e, t) {
|
|
137
|
+
if (!U.value) return;
|
|
138
|
+
let n = k(e);
|
|
139
|
+
W.value = {
|
|
140
|
+
laneId: n,
|
|
141
|
+
colId: t,
|
|
142
|
+
index: N(n, t).length
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
function be() {
|
|
146
|
+
W.value = null, G.value = null;
|
|
147
|
+
}
|
|
148
|
+
function xe() {
|
|
149
|
+
U.value = null, W.value = null, G.value = null;
|
|
150
|
+
}
|
|
151
|
+
function Se(e, t) {
|
|
152
|
+
return K(e, t) !== null;
|
|
153
|
+
}
|
|
154
|
+
function K(e, t) {
|
|
155
|
+
let n = k(e), r = W.value;
|
|
156
|
+
if (U.value && r && r.laneId === n && r.colId === t) return r.index;
|
|
157
|
+
let i = q.value;
|
|
158
|
+
if (i && i.laneId === n && i.colId === t) {
|
|
159
|
+
let e = N(n, t).findIndex((e) => e.id === i.item.id);
|
|
160
|
+
return e !== -1 && e <= i.index ? i.index + 1 : i.index;
|
|
161
|
+
}
|
|
162
|
+
return null;
|
|
163
|
+
}
|
|
164
|
+
function Ce(e, t, n) {
|
|
165
|
+
let r = G.value;
|
|
166
|
+
return r !== null && r.laneId === k(e) && r.colId === t && r.itemId === n.id;
|
|
167
|
+
}
|
|
168
|
+
function we(e, t, n) {
|
|
169
|
+
return n === N(k(e), t).length - 1 && K(e, t) === n + 1;
|
|
170
|
+
}
|
|
171
|
+
function Te(e, t) {
|
|
172
|
+
if (Z.value !== null) return;
|
|
173
|
+
let n = W.value, r = G.value;
|
|
174
|
+
W.value = null, G.value = null;
|
|
175
|
+
let i = U.value;
|
|
176
|
+
if (U.value = null, !i) return;
|
|
177
|
+
if (r) {
|
|
178
|
+
T("nest", {
|
|
179
|
+
itemId: i.item.id,
|
|
180
|
+
ontoItemId: r.itemId,
|
|
181
|
+
fromColumnId: i.fromColumnId,
|
|
182
|
+
...w.lanes ? { fromLaneId: i.fromLaneId } : {}
|
|
183
|
+
}), V.value = `${R(i.item)} dropped onto ${R(w.items.find((e) => e.id === r.itemId) ?? i.item)}`;
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
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);
|
|
187
|
+
H(i, a, t, c !== -1 && c < s ? s - 1 : s);
|
|
188
|
+
}
|
|
189
|
+
let q = m(null);
|
|
190
|
+
function Ee(e, t, n, r) {
|
|
191
|
+
let i = k(n);
|
|
192
|
+
if (e.key === "Escape") {
|
|
193
|
+
if (!q.value) return;
|
|
194
|
+
e.preventDefault(), q.value = null, V.value = "Move cancelled";
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
if (e.key === " " || e.key === "Enter") {
|
|
198
|
+
if (e.preventDefault(), q.value?.item.id !== t.id) {
|
|
199
|
+
De(t, i, r);
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
if (w.nestable && e.shiftKey && Y()) {
|
|
203
|
+
Ae();
|
|
204
|
+
return;
|
|
205
|
+
}
|
|
206
|
+
je();
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
[
|
|
210
|
+
"ArrowUp",
|
|
211
|
+
"ArrowDown",
|
|
212
|
+
"ArrowLeft",
|
|
213
|
+
"ArrowRight"
|
|
214
|
+
].includes(e.key) && (e.preventDefault(), q.value?.item.id === t.id ? ke(e.key) : Me(e.key, t, i, r));
|
|
215
|
+
}
|
|
216
|
+
function De(e, t, n) {
|
|
217
|
+
q.value = {
|
|
218
|
+
item: e,
|
|
219
|
+
fromLaneId: t,
|
|
220
|
+
fromColumnId: n,
|
|
221
|
+
laneId: t,
|
|
222
|
+
colId: n,
|
|
223
|
+
index: N(t, n).findIndex((t) => t.id === e.id)
|
|
224
|
+
}, V.value = `${R(e)} picked up, ${J()}`;
|
|
225
|
+
}
|
|
226
|
+
function J() {
|
|
227
|
+
let e = q.value;
|
|
228
|
+
if (!e) return "";
|
|
229
|
+
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;
|
|
230
|
+
return `position ${e.index + 1} of ${t.length + 1} in ${i}`;
|
|
231
|
+
}
|
|
232
|
+
function Oe() {
|
|
233
|
+
return !w.lanes || w.lanes.length === 0 ? [null] : w.lanes.filter((e) => !L(e.id)).map((e) => e.id ?? null);
|
|
234
|
+
}
|
|
235
|
+
function ke(e) {
|
|
236
|
+
let t = q.value;
|
|
237
|
+
if (!t) return;
|
|
238
|
+
let n = N(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
|
|
239
|
+
if (e === "ArrowUp" || e === "ArrowDown") {
|
|
240
|
+
let r = e === "ArrowUp" ? -1 : 1, i = t.index + r;
|
|
241
|
+
if (i >= 0 && i <= n.length) t.index = i;
|
|
242
|
+
else {
|
|
243
|
+
let e = Oe(), n = e.indexOf(t.laneId), i = n + r;
|
|
244
|
+
if (n === -1 || i < 0 || i >= e.length) return;
|
|
245
|
+
let a = e[i];
|
|
246
|
+
t.laneId = a, t.index = r === 1 ? 0 : N(a, t.colId).filter((e) => e.id !== t.item.id).length;
|
|
247
|
+
}
|
|
248
|
+
} else {
|
|
249
|
+
let n = e === "ArrowLeft" ? -1 : 1, r = w.columns.findIndex((e) => e.id === t.colId), i = w.columns[r + n];
|
|
250
|
+
if (r === -1 || !i) return;
|
|
251
|
+
t.colId = i.id;
|
|
252
|
+
let a = N(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
|
|
253
|
+
t.index = Math.min(t.index, a.length);
|
|
254
|
+
}
|
|
255
|
+
V.value = `${R(t.item)}, ${J()}`;
|
|
256
|
+
}
|
|
257
|
+
function Y() {
|
|
258
|
+
let e = q.value;
|
|
259
|
+
if (!e) return null;
|
|
260
|
+
let t = N(e.laneId, e.colId).filter((t) => t.id !== e.item.id);
|
|
261
|
+
return t.length === 0 ? null : t[Math.min(e.index, t.length - 1)] ?? null;
|
|
262
|
+
}
|
|
263
|
+
function Ae() {
|
|
264
|
+
let e = q.value, t = Y();
|
|
265
|
+
!e || !t || (q.value = null, T("nest", {
|
|
266
|
+
itemId: e.item.id,
|
|
267
|
+
ontoItemId: t.id,
|
|
268
|
+
fromColumnId: e.fromColumnId,
|
|
269
|
+
...w.lanes ? { fromLaneId: e.fromLaneId } : {}
|
|
270
|
+
}), V.value = `${R(e.item)} dropped onto ${R(t)}`);
|
|
271
|
+
}
|
|
272
|
+
function je() {
|
|
273
|
+
let e = q.value;
|
|
274
|
+
if (!e) return;
|
|
275
|
+
q.value = null;
|
|
276
|
+
let t = H({
|
|
277
|
+
item: e.item,
|
|
278
|
+
fromLaneId: e.fromLaneId,
|
|
279
|
+
fromColumnId: e.fromColumnId
|
|
280
|
+
}, 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;
|
|
281
|
+
V.value = t ? `${R(e.item)} dropped, position ${e.index + 1} in ${i}` : `${R(e.item)} dropped`, Ne(e.item.id);
|
|
282
|
+
}
|
|
283
|
+
function Me(e, t, n, r) {
|
|
284
|
+
let i = N(n, r), a = i.findIndex((e) => e.id === t.id);
|
|
285
|
+
if (e === "ArrowUp" || e === "ArrowDown") {
|
|
286
|
+
let t = a + (e === "ArrowDown" ? 1 : -1);
|
|
287
|
+
t >= 0 && t < i.length && X(i[t].id);
|
|
288
|
+
} else {
|
|
289
|
+
let t = w.columns.findIndex((e) => e.id === r), i = w.columns[t + (e === "ArrowRight" ? 1 : -1)];
|
|
290
|
+
if (t === -1 || !i) return;
|
|
291
|
+
let o = N(n, i.id);
|
|
292
|
+
if (o.length === 0) return;
|
|
293
|
+
X(o[Math.min(a, o.length - 1)].id);
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
function X(e) {
|
|
297
|
+
let t = D.value?.querySelectorAll("[data-item-id]");
|
|
298
|
+
if (t) {
|
|
299
|
+
for (let n of t) if (n.dataset.itemId === e) {
|
|
300
|
+
n.focus();
|
|
301
|
+
return;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
async function Ne(e) {
|
|
306
|
+
await u(), await u(), X(e);
|
|
307
|
+
}
|
|
308
|
+
function Pe(e) {
|
|
309
|
+
q.value?.item.id === e.id && (q.value = null);
|
|
310
|
+
}
|
|
311
|
+
let Z = m(null), Q = m(null);
|
|
312
|
+
function Fe(e, t) {
|
|
313
|
+
if (!w.reorderableColumns) {
|
|
314
|
+
t.preventDefault();
|
|
315
|
+
return;
|
|
316
|
+
}
|
|
317
|
+
Z.value = e, Q.value = e;
|
|
318
|
+
}
|
|
319
|
+
function Ie(e, t) {
|
|
320
|
+
if (Z.value === null) return;
|
|
321
|
+
t.preventDefault();
|
|
322
|
+
let n = t.currentTarget.getBoundingClientRect();
|
|
323
|
+
Q.value = t.clientX < n.left + n.width / 2 ? e : e + 1;
|
|
324
|
+
}
|
|
325
|
+
function Le(e) {
|
|
326
|
+
let t = Z.value, n = Q.value;
|
|
327
|
+
if ($(), t === null || n === null) return;
|
|
328
|
+
e.preventDefault();
|
|
329
|
+
let r = n > t ? n - 1 : n;
|
|
330
|
+
r !== t && T("column-move", {
|
|
331
|
+
columnId: w.columns[t].id,
|
|
332
|
+
toIndex: r
|
|
333
|
+
});
|
|
334
|
+
}
|
|
335
|
+
function $() {
|
|
336
|
+
Z.value = null, Q.value = null;
|
|
337
|
+
}
|
|
338
|
+
return (e, t) => (p(), a("div", l({
|
|
339
|
+
ref_key: "boardRef",
|
|
340
|
+
ref: D,
|
|
341
|
+
class: "nb-board"
|
|
342
|
+
}, v(pe)), [
|
|
343
|
+
o("div", {
|
|
344
|
+
class: "nb-board__grid",
|
|
345
|
+
style: f(O.value)
|
|
346
|
+
}, [(p(!0), a(n, null, h(c.columns, (t, n) => (p(), a("div", {
|
|
347
|
+
key: t.id,
|
|
348
|
+
class: d(["nb-board__col-header", {
|
|
349
|
+
"nb-board__col-header--reorderable": c.reorderableColumns,
|
|
350
|
+
"nb-board__col-header--dragging": Z.value === n,
|
|
351
|
+
"nb-board__col-header--drop-before": Q.value === n,
|
|
352
|
+
"nb-board__col-header--drop-after": Q.value === n + 1 && n === c.columns.length - 1
|
|
353
|
+
}]),
|
|
354
|
+
style: f(t.color ? { borderTopColor: t.color } : void 0),
|
|
355
|
+
draggable: c.reorderableColumns || void 0,
|
|
356
|
+
onDragstart: (e) => Fe(n, e),
|
|
357
|
+
onDragover: (e) => Ie(n, e),
|
|
358
|
+
onDrop: Le,
|
|
359
|
+
onDragend: $
|
|
360
|
+
}, [g(e.$slots, "column-header", {
|
|
361
|
+
column: t,
|
|
362
|
+
count: j(t.id)
|
|
363
|
+
}, () => [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", {
|
|
364
|
+
key: 0,
|
|
365
|
+
class: "nb-board__lane-header",
|
|
366
|
+
onClick: (e) => I(t.id)
|
|
367
|
+
}, [
|
|
368
|
+
o("button", {
|
|
369
|
+
class: "nb-board__collapse-btn",
|
|
370
|
+
"aria-label": L(t.id) ? "Expand" : "Collapse"
|
|
371
|
+
}, _(L(t.id) ? "▶" : "▼"), 9, re),
|
|
372
|
+
g(e.$slots, "lane-header", { lane: t }, () => [o("span", ie, _(t.label), 1)]),
|
|
373
|
+
o("span", ae, _(he(t.id)), 1)
|
|
374
|
+
], 8, ne)) : i("", !0), !t || !L(t.id) ? (p(!0), a(n, { key: 1 }, h(c.columns, (r) => (p(), a("div", {
|
|
375
|
+
key: A(t) + "-" + r.id,
|
|
376
|
+
class: d(["nb-board__cell", { "nb-board__cell--drag-over": Se(t, r.id) }]),
|
|
377
|
+
onDragover: y((e) => ye(t, r.id), ["prevent"]),
|
|
378
|
+
onDragleave: be,
|
|
379
|
+
onDrop: y((e) => Te(t, r.id), ["prevent"])
|
|
380
|
+
}, [o("div", {
|
|
381
|
+
class: "nb-board__cell-items",
|
|
382
|
+
role: "list",
|
|
383
|
+
"aria-label": ge(t, r)
|
|
384
|
+
}, [(p(!0), a(n, null, h(N(k(t), r.id), (n, i) => (p(), a("div", {
|
|
385
|
+
key: n.id,
|
|
386
|
+
class: d(["nb-board__card", {
|
|
387
|
+
"nb-board__card--lifted": q.value?.item.id === n.id,
|
|
388
|
+
"nb-board__card--drop-before": K(t, r.id) === i,
|
|
389
|
+
"nb-board__card--drop-after": we(t, r.id, i),
|
|
390
|
+
"nb-board__card--drop-into": Ce(t, r.id, n)
|
|
391
|
+
}]),
|
|
392
|
+
role: "listitem",
|
|
393
|
+
tabindex: "0",
|
|
394
|
+
"data-item-id": n.id,
|
|
395
|
+
"aria-label": B(n, t, r),
|
|
396
|
+
"aria-describedby": `${v(E)}-hint`,
|
|
397
|
+
draggable: "true",
|
|
398
|
+
onDragstart: (e) => _e(n, t, r.id),
|
|
399
|
+
onDragover: y((e) => ve(e, t, r.id, i, n), ["prevent", "stop"]),
|
|
400
|
+
onDragend: xe,
|
|
401
|
+
onKeydown: (e) => Ee(e, n, t, r.id),
|
|
402
|
+
onBlur: (e) => Pe(n)
|
|
403
|
+
}, [g(e.$slots, "card", {
|
|
404
|
+
item: n,
|
|
405
|
+
column: r,
|
|
406
|
+
lane: t ?? void 0
|
|
407
|
+
})], 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", {
|
|
408
|
+
column: r,
|
|
409
|
+
lane: t ?? void 0
|
|
410
|
+
})])) : i("", !0)], 42, oe))), 128)) : i("", !0)], 64))), 128))], 4),
|
|
411
|
+
o("span", {
|
|
412
|
+
id: `${v(E)}-hint`,
|
|
413
|
+
class: "nb-board__sr"
|
|
414
|
+
}, [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),
|
|
415
|
+
o("span", fe, _(V.value), 1)
|
|
416
|
+
], 16));
|
|
417
|
+
}
|
|
418
|
+
});
|
|
419
|
+
//#endregion
|
|
420
|
+
export { C as t };
|
package/dist/all.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./main-BNXD4cwz.cjs`),t=require(`./composables/useReducedMotion.composable.cjs`),n=require(`./utils/tourTarget.helper.cjs`),ee=require(`./composables/useCommandPalette.composable.cjs`),te=require(`./composables/iconRegistry.cjs`),r=require(`./composables/flagRegistry.cjs`),i=require(`./composables/glyphCatalog.composable.cjs`),a=require(`./Accordion-Deg1qqmZ.cjs`),ne=require(`./Icon-C8R_r_In.cjs`),re=require(`./AccordionItem-CYy-vtx2.cjs`),ie=require(`./Card-Cn5OS4q-.cjs`),ae=require(`./CardGrid-CQlFeUgK.cjs`),oe=require(`./DefinitionList-DURU1gfC.cjs`),se=require(`./DefinitionListItem-Cr9dbQxH.cjs`),ce=require(`./EmptyState-Cz91HAKF.cjs`),le=require(`./ReorderList-DLQ3rVnX.cjs`),o=require(`./composables/useSurfaceLayer.composable.cjs`),ue=require(`./Board-Dsril3p2.cjs`),de=require(`./Breadcrumbs-BQ61cxAo.cjs`),fe=require(`./Calendar-Dl51sRax.cjs`),pe=require(`./Avatar-DqHh71ha.cjs`),me=require(`./Badge-BOF-mQu9.cjs`),s=require(`./Banner-CqNiWOsn.cjs`),c=require(`./palette-DeWUCp-_.cjs`),l=require(`./BarChart-Cpa8IlAy.cjs`),u=require(`./Button-D-XSNjSL.cjs`),d=require(`./Label-DtXh4XR5.cjs`),f=require(`./Message-D8ZE4uGZ.cjs`),p=require(`./Grid-DTZTlxd_.cjs`),m=require(`./DatePicker-DQJ31TUm.cjs`),h=require(`./NubiscoMark-Cv7PC_UC.cjs`),g=require(`./NubiscoPlatformMark-JzdEpSRs.cjs`),_=require(`./UserMenu-ztYcZqMp.cjs`),v=require(`./Checkbox-9bxwFy5R.cjs`),y=require(`./CheckboxGroup-2hyyIRXt.cjs`),b=require(`./Switch-TqDspgnw.cjs`),x=require(`./ColorStrip-8X4Op3ap.cjs`),S=require(`./DataTable-DLuSmiTV.cjs`),C=require(`./Select-BMamCNcN.cjs`),w=require(`./Pagination-CcZB4Lp_.cjs`),T=require(`./Flag-CrPxTYGW.cjs`),E=require(`./FloatingToolbar-AoCFmueA.cjs`),D=require(`./DragHandle-CEYUbnGp.cjs`),O=require(`./GanttChart-08yTvMaQ.cjs`),k=require(`./InfoHint-DX3lgnTX.cjs`),A=require(`./JsonTree-DGzMCcSN.cjs`),j=require(`./InterpolationChart-CbBAhYHw.cjs`),M=require(`./LineChart-ndwAlJBw.cjs`),N=require(`./Field-CfktrvRe.cjs`),P=require(`./Menu-BSbPfsiE.cjs`),F=require(`./MenuBar-cNc__THT.cjs`),I=require(`./MenuBarItem-Ya88A6xZ.cjs`),L=require(`./MenuItem-B-Q5sVlO.cjs`),R=require(`./MenuDivider-GuRZ5Dek.cjs`),z=require(`./Submenu-QgPVi2bN.cjs`),B=require(`./composables/useScrollLock.composable.cjs`),he=require(`./CommandPalette-dNJMbapr.cjs`),V=require(`./Modal-BkCiD4gu.cjs`),ge=require(`./TextInput-C1akT0kW.cjs`),_e=require(`./Confirm-DZ_nb6Z0.cjs`),ve=require(`./Layer-Csk6CZPD.cjs`),ye=require(`./Panel-PtasWgYu.cjs`),be=require(`./PieChart-BgLnTYSn.cjs`),xe=require(`./composables/useShellSlot.composable.cjs`),H=require(`./Shell-DzZ9lcMj.cjs`),Se=require(`./SidebarBrand-CHxEUgzI.cjs`),Ce=require(`./SidebarMenuItem-CjXdA-gy.cjs`),we=require(`./SidebarCollapseToggle-DBjzVjTQ.cjs`),Te=require(`./SidebarLink-B_5TV_Y_.cjs`),Ee=require(`./SidebarMenu-C3YubCzE.cjs`),De=require(`./SidebarMenuGroup-D3-id6rV.cjs`),Oe=require(`./Toast-dgMA595p.cjs`),U=require(`./composables/useToast.composable.cjs`),ke=require(`./Toaster-D4r1g967.cjs`),Ae=require(`./ProgressBar-D4a4RfdX.cjs`),W=require(`./Spinner-Cwlskvjj.cjs`),G=require(`./useLoadingAnnouncer.composable-DeoNGDYL.cjs`),je=require(`./InlineEdit-CR9vOw3i.cjs`),K=require(`./InlineLoading-DXsOmC3w.cjs`),q=require(`./Skeleton-DEzKdU7W.cjs`),Me=require(`./Radio-BaemfNbH.cjs`),Ne=require(`./NotificationCenterItem-BXj2X04e.cjs`),Pe=require(`./NotificationCenter-DCi4hoKm.cjs`),Fe=require(`./NumberInput-BLaRojBI.cjs`),Ie=require(`./Slider-DvtYL2RF.cjs`),J=require(`./Stepper.context-CweJHiCo.cjs`),Le=require(`./Stepper-BK59bD3V.cjs`),Re=require(`./StepperStep-C3eo3pec.cjs`),ze=require(`./Sparkline-XWBYsAXl.cjs`),Be=require(`./TableOfContents-BD-79w4n.cjs`),Ve=require(`./Tabs-B4r8l7vl.cjs`),He=require(`./Tree-CMXvRX6y.cjs`),Ue=require(`./TreeNode-n65SoYln.cjs`),We=require(`./BottomPanel-Di3pv797.cjs`),Ge=require(`./ShellPanel-c3FBvVMm.cjs`),Ke=require(`./Blueprint.context-C_y0TS6a.cjs`),Y=require(`./Blueprint-DbehXPR2.cjs`),qe=require(`./composables/useBlueprint.composable.cjs`),Je=require(`./BlueprintControls-BR12TLQ1.cjs`),Ye=require(`./BlueprintMinimap-BPqaGiY0.cjs`),Xe=require(`./BlueprintCard-MDfxqPyE.cjs`),Ze=require(`./BlueprintBackground-D58A6eXS.cjs`),Qe=require(`./AiLabel-ClnMVvCl.cjs`),$e=require(`./FileUploader-CN7XPX9n.cjs`),et=require(`./Form-C-l_4RHC.cjs`),tt=require(`./ImageCropper-BbW7o5mE.cjs`),X=require(`./utils/walkthroughStorage.helper.cjs`),nt=require(`./composables/useWalkthrough.composable.cjs`),rt=require(`./Walkthrough-DuX31BAz.cjs`),Z=require(`./utils/treeMove.helper.cjs`),it=require(`./composables/useConfirm.composable.cjs`),at=require(`./composables/useContextMenu.composable.cjs`),ot=require(`./composables/useInlineLoading.composable.cjs`),st=require(`./composables/useTheme.composable.cjs`),Q=require(`./composables/useAppearance.composable.cjs`),$=require(`./composables/useNamedTheme.composable.cjs`),ct=require(`./composables/useSidebarVariant.composable.cjs`);var lt={NbAccordion:a.t,NbAccordionItem:re.t,NbAiLabel:Qe.t,NbAvatar:pe.t,NbBadge:me.t,NbBanner:s.t,NbBarChart:l.t,NbBoard:ue.t,NbBreadcrumbs:de.t,NbButton:u.t,NbCalendar:fe.t,NbCard:ie.t,NbCardGrid:ae.t,NbDatePicker:m.t,NbCheckbox:v.t,NbCheckboxGroup:y.t,NbDefinitionList:oe.t,NbDefinitionListItem:se.t,NbDragHandle:D.t,NbEmptyState:ce.t,NbReorderList:le.t,NbColorStrip:x.t,NbDataTable:S.t,NbPagination:w.t,NbFileUploader:$e.t,NbGanttChart:O.t,NbFlag:T.t,NbFloatingToolbar:E.t,NbForm:et.t,NbGrid:p.t,NbIcon:ne.t,NbInfoHint:k.t,NbInterpolationChart:j.t,NbImageCropper:tt.t,NbJsonTree:A.t,NbLabel:d.t,NbField:N.t,NbLineChart:M.t,NbMenu:P.t,NbMenuBar:F.t,NbMenuBarItem:I.t,NbMenuItem:L.t,NbMenuDivider:R.t,NbSubmenu:z.t,NbCommandPalette:he.t,NbMessage:f.t,NbModal:V.t,NbConfirm:_e.t,NbNotificationCenter:Pe.t,NbNotificationCenterItem:Ne.t,NbNumberInput:Fe.t,NbLayer:ve.t,NbPanel:ye.t,NbPieChart:be.t,NbProgressBar:Ae.t,NbRadio:Me.t,NbSelect:C.t,NbShell:H.t,NbSidebarBrand:Se.t,NbSidebarCollapseToggle:we.t,NbSidebarLink:Te.t,NbSidebarMenu:Ee.t,NbSidebarMenuGroup:De.t,NbSidebarMenuItem:Ce.t,NbSlider:Ie.t,NbStepper:Le.t,NbStepperStep:Re.t,NbSpinner:W.t,NbInlineEdit:je.t,NbInlineLoading:K.t,NbSkeleton:q.t,NbSparkline:ze.t,NbSwitch:b.t,NbTableOfContents:Be.t,NbTabs:Ve.t,NbTextInput:ge.t,NbToast:Oe.t,NbToaster:ke.t,NbTree:He.t,NbTreeNode:Ue.t,NbNubiscoMark:h.t,NbNubiscoPlatformMark:g.t,NbUserMenu:_.t,NbBottomPanel:We.t,NbShellPanel:Ge.t,NbBlueprint:Y.t,NbBlueprintBackground:Ze.t,NbBlueprintCard:Xe.t,NbBlueprintControls:Je.t,NbBlueprintMinimap:Ye.t,NbWalkthrough:rt.t},ut={install(e){Object.entries(lt).forEach(([t,n])=>{e.component(t,n)})}},dt={install(t,n={}){t.use(e.t,{...n}),t.use(ut)}};exports.BlueprintLiveData=Y.r,exports.CHART_ROLE_COUNT=c.t,exports.CONFIRM_LEAVE_MS=V.n,exports.DEFAULT_PALETTE=c.n,exports.EBannerStatus=s.n,exports.EBannerVariant=s.r,exports.EInlineLoadingStatus=K.n,exports.ESkeletonVariant=q.n,exports.ESpinnerOverlay=W.n,exports.ESpinnerSize=W.r,exports.ESpinnerTone=W.i,exports.EStepStatus=J.n,exports.EStepperOrientation=J.r,exports.EStepperSize=J.i,exports.NB_BLUEPRINT_CONTEXT=Ke.t,exports.NB_BLUEPRINT_CONTROLLER=Ke.n,exports.NB_LAYER_ATTRIBUTE=o.NB_LAYER_ATTRIBUTE,exports.NB_LAYER_INJECTION_KEY=o.NB_LAYER_INJECTION_KEY,exports.NB_MAX_LAYER=o.NB_MAX_LAYER,exports.NB_MIN_LAYER=o.NB_MIN_LAYER,exports.NB_OVERLAY_EXEMPT_ATTR=G.a,exports.NB_TOAST_DURATIONS=U.NB_TOAST_DURATIONS,exports.NB_TOAST_QUEUE_KEY=U.NB_TOAST_QUEUE_KEY,exports.NB_TOAST_STATUS_LABELS=U.NB_TOAST_STATUS_LABELS,exports.NbAccordion=a.t,exports.NbAccordionItem=re.t,exports.NbAiLabel=Qe.t,exports.NbAvatar=pe.t,exports.NbBadge=me.t,exports.NbBanner=s.t,exports.NbBarChart=l.t,exports.NbBlueprint=Y.t,exports.NbBlueprintBackground=Ze.t,exports.NbBlueprintCard=Xe.t,exports.NbBlueprintControls=Je.t,exports.NbBlueprintMinimap=Ye.t,exports.NbBoard=ue.t,exports.NbBottomPanel=We.t,exports.NbBreadcrumbs=de.t,exports.NbButton=u.t,exports.NbCalendar=fe.t,exports.NbCard=ie.t,exports.NbCardGrid=ae.t,exports.NbCheckbox=v.t,exports.NbCheckboxGroup=y.t,exports.NbColorStrip=x.t,exports.NbCommandPalette=he.t,exports.NbCommandPalettePlugin=e.i,exports.NbConfirm=_e.t,exports.NbDataTable=S.t,exports.NbDatePicker=m.t,exports.NbDefinitionList=oe.t,exports.NbDefinitionListItem=se.t,exports.NbDragHandle=D.t,exports.NbEmptyState=ce.t,exports.NbField=N.t,exports.NbFileUploader=$e.t,exports.NbFlag=T.t,exports.NbFloatingToolbar=E.t,exports.NbForm=et.t,exports.NbGanttChart=O.t,exports.NbGrid=p.t,exports.NbIcon=ne.t,exports.NbImageCropper=tt.t,exports.NbInfoHint=k.t,exports.NbInlineEdit=je.t,exports.NbInlineLoading=K.t,exports.NbInterpolationChart=j.t,exports.NbJsonTree=A.t,exports.NbLabel=d.t,exports.NbLayer=ve.t,exports.NbLineChart=M.t,exports.NbMenu=P.t,exports.NbMenuBar=F.t,exports.NbMenuBarItem=I.t,exports.NbMenuDivider=R.t,exports.NbMenuItem=L.t,exports.NbMessage=f.t,exports.NbModal=V.t,exports.NbNotificationCenter=Pe.t,exports.NbNotificationCenterItem=Ne.t,exports.NbNubiscoMark=h.t,exports.NbNubiscoPlatformMark=g.t,exports.NbNumberInput=Fe.t,exports.NbPagination=w.t,exports.NbPanel=ye.t,exports.NbPieChart=be.t,exports.NbProgressBar=Ae.t,exports.NbRadio=Me.t,exports.NbReorderList=le.t,exports.NbSelect=C.t,exports.NbShell=H.t,exports.NbShellPanel=Ge.t,exports.NbSidebarBrand=Se.t,exports.NbSidebarCollapseToggle=we.t,exports.NbSidebarLink=Te.t,exports.NbSidebarMenu=Ee.t,exports.NbSidebarMenuGroup=De.t,exports.NbSidebarMenuItem=Ce.t,exports.NbSkeleton=q.t,exports.NbSlider=Ie.t,exports.NbSparkline=ze.t,exports.NbSpinner=W.t,exports.NbSpreadsheet=e.r,exports.NbStepper=Le.t,exports.NbStepperStep=Re.t,exports.NbSubmenu=z.t,exports.NbSwitch=b.t,exports.NbTableOfContents=Be.t,exports.NbTabs=Ve.t,exports.NbTextInput=ge.t,exports.NbToast=Oe.t,exports.NbToaster=ke.t,exports.NbTree=He.t,exports.NbTreeNode=Ue.t,exports.NbUserMenu=_.t,exports.NbWalkthrough=rt.t,exports.NubiscoUILabs=e.n,exports.TOUR_STEP_ATTRIBUTE=n.TOUR_STEP_ATTRIBUTE,exports.WALKTHROUGH_STORAGE_PREFIX=X.WALKTHROUGH_STORAGE_PREFIX,exports.acquireScrollLock=B.acquireScrollLock,exports.ancestorsOf=Z.ancestorsOf,exports.announceLoadingComplete=G.t,exports.appearanceAttribute=Q.appearanceAttribute,exports.catalogNames=i.catalogNames,exports.chartRole=c.r,exports.clampLayer=o.clampLayer,exports.colorAt=c.i,exports.computeAutoLayout=Y.n,exports.configureAppearance=Q.configureAppearance,exports.configureNamedTheme=$.configureNamedTheme,exports.configureTheme=st.configureTheme,exports.createDefaultWalkthroughStorage=X.createDefaultWalkthroughStorage,exports.createLocalStorageWalkthroughStorage=X.createLocalStorageWalkthroughStorage,exports.createMemoryWalkthroughStorage=X.createMemoryWalkthroughStorage,exports.createToastQueue=U.createToastQueue,exports.default=dt,exports.dismissAllTooltips=e.o,exports.dismissConfirms=it.dismissConfirms,exports.divergingAt=c.a,exports.getRegisteredFlag=r.getRegisteredFlag,exports.hasCatalog=i.hasCatalog,exports.isInvalidTarget=Z.isInvalidTarget,exports.isTargetVisible=n.isTargetVisible,exports.isValidThemeId=$.isValidThemeId,exports.layerClassFor=o.layerClassFor,exports.markOverlayExempt=G.l,exports.moveTargets=Z.moveTargets,exports.nbTooltipDirective=e.s,exports.nbTourStepDirective=e.a,exports.nestByDepth=Z.nestByDepth,exports.pickWeight=i.pickWeight,exports.planTreeMove=Z.planTreeMove,exports.prefersReducedMotion=t.prefersReducedMotion,exports.probeLayerFromDom=o.probeLayerFromDom,exports.rampSteps=c.o,exports.registerConfirmFloatingSelector=V.a,exports.registerFlags=r.registerFlags,exports.registerIcons=te.registerIcons,exports.releaseScrollLock=B.releaseScrollLock,exports.resetToastQueue=U.resetToastQueue,exports.resolveTourTarget=n.resolveTourTarget,exports.sequentialAt=c.s,exports.seriesColors=c.c,exports.subtreeOf=Z.subtreeOf,exports.suppressLoadingAnnouncement=G.i,exports.tourStepSelector=n.tourStepSelector,exports.unregisterFlag=r.unregisterFlag,exports.unregisterIcon=te.unregisterIcon,exports.useAppearance=Q.useAppearance,exports.useBlueprint=qe.useBlueprint,exports.useCommandPalette=ee.useCommandPalette,exports.useConfirm=it.useConfirm,exports.useContextMenu=at.useContextMenu,exports.useInlineLoading=ot.useInlineLoading,exports.useLayer=o.useLayer,exports.useNamedTheme=$.useNamedTheme,exports.useReducedMotion=t.useReducedMotion,exports.useScrollLock=B.useScrollLock,exports.useShellSlot=xe.useShellSlot,exports.useSidebarVariant=ct.useSidebarVariant,exports.useSurfaceLayer=o.useSurfaceLayer,exports.useTheme=st.useTheme,exports.useToast=U.useToast,exports.useWalkthrough=nt.useWalkthrough;
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./main-BNXD4cwz.cjs`),t=require(`./composables/useReducedMotion.composable.cjs`),n=require(`./utils/tourTarget.helper.cjs`),ee=require(`./composables/useCommandPalette.composable.cjs`),te=require(`./composables/iconRegistry.cjs`),r=require(`./composables/flagRegistry.cjs`),i=require(`./composables/glyphCatalog.composable.cjs`),a=require(`./Accordion-Deg1qqmZ.cjs`),ne=require(`./Icon-C8R_r_In.cjs`),re=require(`./AccordionItem-CYy-vtx2.cjs`),ie=require(`./Card-Cn5OS4q-.cjs`),ae=require(`./CardGrid-CQlFeUgK.cjs`),oe=require(`./DefinitionList-DURU1gfC.cjs`),se=require(`./DefinitionListItem-Cr9dbQxH.cjs`),ce=require(`./EmptyState-Cz91HAKF.cjs`),le=require(`./ReorderList-DLQ3rVnX.cjs`),o=require(`./composables/useSurfaceLayer.composable.cjs`),ue=require(`./Board-CS1pMX4d.cjs`),de=require(`./Breadcrumbs-BQ61cxAo.cjs`),fe=require(`./Calendar-Dl51sRax.cjs`),pe=require(`./Avatar-DqHh71ha.cjs`),me=require(`./Badge-BOF-mQu9.cjs`),s=require(`./Banner-CqNiWOsn.cjs`),c=require(`./palette-DeWUCp-_.cjs`),l=require(`./BarChart-Cpa8IlAy.cjs`),u=require(`./Button-D-XSNjSL.cjs`),d=require(`./Label-DtXh4XR5.cjs`),f=require(`./Message-D8ZE4uGZ.cjs`),p=require(`./Grid-DTZTlxd_.cjs`),m=require(`./DatePicker-DQJ31TUm.cjs`),h=require(`./NubiscoMark-Cv7PC_UC.cjs`),g=require(`./NubiscoPlatformMark-JzdEpSRs.cjs`),_=require(`./UserMenu-ztYcZqMp.cjs`),v=require(`./Checkbox-9bxwFy5R.cjs`),y=require(`./CheckboxGroup-2hyyIRXt.cjs`),b=require(`./Switch-TqDspgnw.cjs`),x=require(`./ColorStrip-8X4Op3ap.cjs`),S=require(`./DataTable-DLuSmiTV.cjs`),C=require(`./Select-BMamCNcN.cjs`),w=require(`./Pagination-CcZB4Lp_.cjs`),T=require(`./Flag-CrPxTYGW.cjs`),E=require(`./FloatingToolbar-AoCFmueA.cjs`),D=require(`./DragHandle-CEYUbnGp.cjs`),O=require(`./GanttChart-08yTvMaQ.cjs`),k=require(`./InfoHint-DX3lgnTX.cjs`),A=require(`./JsonTree-DGzMCcSN.cjs`),j=require(`./InterpolationChart-CbBAhYHw.cjs`),M=require(`./LineChart-ndwAlJBw.cjs`),N=require(`./Field-CfktrvRe.cjs`),P=require(`./Menu-BSbPfsiE.cjs`),F=require(`./MenuBar-cNc__THT.cjs`),I=require(`./MenuBarItem-Ya88A6xZ.cjs`),L=require(`./MenuItem-B-Q5sVlO.cjs`),R=require(`./MenuDivider-GuRZ5Dek.cjs`),z=require(`./Submenu-QgPVi2bN.cjs`),B=require(`./composables/useScrollLock.composable.cjs`),he=require(`./CommandPalette-dNJMbapr.cjs`),V=require(`./Modal-BkCiD4gu.cjs`),ge=require(`./TextInput-C1akT0kW.cjs`),_e=require(`./Confirm-DZ_nb6Z0.cjs`),ve=require(`./Layer-Csk6CZPD.cjs`),ye=require(`./Panel-PtasWgYu.cjs`),be=require(`./PieChart-BgLnTYSn.cjs`),xe=require(`./composables/useShellSlot.composable.cjs`),H=require(`./Shell-DzZ9lcMj.cjs`),Se=require(`./SidebarBrand-CHxEUgzI.cjs`),Ce=require(`./SidebarMenuItem-CjXdA-gy.cjs`),we=require(`./SidebarCollapseToggle-DBjzVjTQ.cjs`),Te=require(`./SidebarLink-B_5TV_Y_.cjs`),Ee=require(`./SidebarMenu-C3YubCzE.cjs`),De=require(`./SidebarMenuGroup-D3-id6rV.cjs`),Oe=require(`./Toast-dgMA595p.cjs`),U=require(`./composables/useToast.composable.cjs`),ke=require(`./Toaster-D4r1g967.cjs`),Ae=require(`./ProgressBar-D4a4RfdX.cjs`),W=require(`./Spinner-Cwlskvjj.cjs`),G=require(`./useLoadingAnnouncer.composable-DeoNGDYL.cjs`),je=require(`./InlineEdit-CR9vOw3i.cjs`),K=require(`./InlineLoading-DXsOmC3w.cjs`),q=require(`./Skeleton-DEzKdU7W.cjs`),Me=require(`./Radio-BaemfNbH.cjs`),Ne=require(`./NotificationCenterItem-BXj2X04e.cjs`),Pe=require(`./NotificationCenter-DCi4hoKm.cjs`),Fe=require(`./NumberInput-BLaRojBI.cjs`),Ie=require(`./Slider-DvtYL2RF.cjs`),J=require(`./Stepper.context-CweJHiCo.cjs`),Le=require(`./Stepper-BK59bD3V.cjs`),Re=require(`./StepperStep-C3eo3pec.cjs`),ze=require(`./Sparkline-XWBYsAXl.cjs`),Be=require(`./TableOfContents-BD-79w4n.cjs`),Ve=require(`./Tabs-B4r8l7vl.cjs`),He=require(`./Tree-CMXvRX6y.cjs`),Ue=require(`./TreeNode-n65SoYln.cjs`),We=require(`./BottomPanel-Di3pv797.cjs`),Ge=require(`./ShellPanel-c3FBvVMm.cjs`),Ke=require(`./Blueprint.context-C_y0TS6a.cjs`),Y=require(`./Blueprint-DbehXPR2.cjs`),qe=require(`./composables/useBlueprint.composable.cjs`),Je=require(`./BlueprintControls-BR12TLQ1.cjs`),Ye=require(`./BlueprintMinimap-BPqaGiY0.cjs`),Xe=require(`./BlueprintCard-MDfxqPyE.cjs`),Ze=require(`./BlueprintBackground-D58A6eXS.cjs`),Qe=require(`./AiLabel-ClnMVvCl.cjs`),$e=require(`./FileUploader-CN7XPX9n.cjs`),et=require(`./Form-C-l_4RHC.cjs`),tt=require(`./ImageCropper-BbW7o5mE.cjs`),X=require(`./utils/walkthroughStorage.helper.cjs`),nt=require(`./composables/useWalkthrough.composable.cjs`),rt=require(`./Walkthrough-DuX31BAz.cjs`),Z=require(`./utils/treeMove.helper.cjs`),it=require(`./composables/useConfirm.composable.cjs`),at=require(`./composables/useContextMenu.composable.cjs`),ot=require(`./composables/useInlineLoading.composable.cjs`),st=require(`./composables/useTheme.composable.cjs`),Q=require(`./composables/useAppearance.composable.cjs`),$=require(`./composables/useNamedTheme.composable.cjs`),ct=require(`./composables/useSidebarVariant.composable.cjs`);var lt={NbAccordion:a.t,NbAccordionItem:re.t,NbAiLabel:Qe.t,NbAvatar:pe.t,NbBadge:me.t,NbBanner:s.t,NbBarChart:l.t,NbBoard:ue.t,NbBreadcrumbs:de.t,NbButton:u.t,NbCalendar:fe.t,NbCard:ie.t,NbCardGrid:ae.t,NbDatePicker:m.t,NbCheckbox:v.t,NbCheckboxGroup:y.t,NbDefinitionList:oe.t,NbDefinitionListItem:se.t,NbDragHandle:D.t,NbEmptyState:ce.t,NbReorderList:le.t,NbColorStrip:x.t,NbDataTable:S.t,NbPagination:w.t,NbFileUploader:$e.t,NbGanttChart:O.t,NbFlag:T.t,NbFloatingToolbar:E.t,NbForm:et.t,NbGrid:p.t,NbIcon:ne.t,NbInfoHint:k.t,NbInterpolationChart:j.t,NbImageCropper:tt.t,NbJsonTree:A.t,NbLabel:d.t,NbField:N.t,NbLineChart:M.t,NbMenu:P.t,NbMenuBar:F.t,NbMenuBarItem:I.t,NbMenuItem:L.t,NbMenuDivider:R.t,NbSubmenu:z.t,NbCommandPalette:he.t,NbMessage:f.t,NbModal:V.t,NbConfirm:_e.t,NbNotificationCenter:Pe.t,NbNotificationCenterItem:Ne.t,NbNumberInput:Fe.t,NbLayer:ve.t,NbPanel:ye.t,NbPieChart:be.t,NbProgressBar:Ae.t,NbRadio:Me.t,NbSelect:C.t,NbShell:H.t,NbSidebarBrand:Se.t,NbSidebarCollapseToggle:we.t,NbSidebarLink:Te.t,NbSidebarMenu:Ee.t,NbSidebarMenuGroup:De.t,NbSidebarMenuItem:Ce.t,NbSlider:Ie.t,NbStepper:Le.t,NbStepperStep:Re.t,NbSpinner:W.t,NbInlineEdit:je.t,NbInlineLoading:K.t,NbSkeleton:q.t,NbSparkline:ze.t,NbSwitch:b.t,NbTableOfContents:Be.t,NbTabs:Ve.t,NbTextInput:ge.t,NbToast:Oe.t,NbToaster:ke.t,NbTree:He.t,NbTreeNode:Ue.t,NbNubiscoMark:h.t,NbNubiscoPlatformMark:g.t,NbUserMenu:_.t,NbBottomPanel:We.t,NbShellPanel:Ge.t,NbBlueprint:Y.t,NbBlueprintBackground:Ze.t,NbBlueprintCard:Xe.t,NbBlueprintControls:Je.t,NbBlueprintMinimap:Ye.t,NbWalkthrough:rt.t},ut={install(e){Object.entries(lt).forEach(([t,n])=>{e.component(t,n)})}},dt={install(t,n={}){t.use(e.t,{...n}),t.use(ut)}};exports.BlueprintLiveData=Y.r,exports.CHART_ROLE_COUNT=c.t,exports.CONFIRM_LEAVE_MS=V.n,exports.DEFAULT_PALETTE=c.n,exports.EBannerStatus=s.n,exports.EBannerVariant=s.r,exports.EInlineLoadingStatus=K.n,exports.ESkeletonVariant=q.n,exports.ESpinnerOverlay=W.n,exports.ESpinnerSize=W.r,exports.ESpinnerTone=W.i,exports.EStepStatus=J.n,exports.EStepperOrientation=J.r,exports.EStepperSize=J.i,exports.NB_BLUEPRINT_CONTEXT=Ke.t,exports.NB_BLUEPRINT_CONTROLLER=Ke.n,exports.NB_LAYER_ATTRIBUTE=o.NB_LAYER_ATTRIBUTE,exports.NB_LAYER_INJECTION_KEY=o.NB_LAYER_INJECTION_KEY,exports.NB_MAX_LAYER=o.NB_MAX_LAYER,exports.NB_MIN_LAYER=o.NB_MIN_LAYER,exports.NB_OVERLAY_EXEMPT_ATTR=G.a,exports.NB_TOAST_DURATIONS=U.NB_TOAST_DURATIONS,exports.NB_TOAST_QUEUE_KEY=U.NB_TOAST_QUEUE_KEY,exports.NB_TOAST_STATUS_LABELS=U.NB_TOAST_STATUS_LABELS,exports.NbAccordion=a.t,exports.NbAccordionItem=re.t,exports.NbAiLabel=Qe.t,exports.NbAvatar=pe.t,exports.NbBadge=me.t,exports.NbBanner=s.t,exports.NbBarChart=l.t,exports.NbBlueprint=Y.t,exports.NbBlueprintBackground=Ze.t,exports.NbBlueprintCard=Xe.t,exports.NbBlueprintControls=Je.t,exports.NbBlueprintMinimap=Ye.t,exports.NbBoard=ue.t,exports.NbBottomPanel=We.t,exports.NbBreadcrumbs=de.t,exports.NbButton=u.t,exports.NbCalendar=fe.t,exports.NbCard=ie.t,exports.NbCardGrid=ae.t,exports.NbCheckbox=v.t,exports.NbCheckboxGroup=y.t,exports.NbColorStrip=x.t,exports.NbCommandPalette=he.t,exports.NbCommandPalettePlugin=e.i,exports.NbConfirm=_e.t,exports.NbDataTable=S.t,exports.NbDatePicker=m.t,exports.NbDefinitionList=oe.t,exports.NbDefinitionListItem=se.t,exports.NbDragHandle=D.t,exports.NbEmptyState=ce.t,exports.NbField=N.t,exports.NbFileUploader=$e.t,exports.NbFlag=T.t,exports.NbFloatingToolbar=E.t,exports.NbForm=et.t,exports.NbGanttChart=O.t,exports.NbGrid=p.t,exports.NbIcon=ne.t,exports.NbImageCropper=tt.t,exports.NbInfoHint=k.t,exports.NbInlineEdit=je.t,exports.NbInlineLoading=K.t,exports.NbInterpolationChart=j.t,exports.NbJsonTree=A.t,exports.NbLabel=d.t,exports.NbLayer=ve.t,exports.NbLineChart=M.t,exports.NbMenu=P.t,exports.NbMenuBar=F.t,exports.NbMenuBarItem=I.t,exports.NbMenuDivider=R.t,exports.NbMenuItem=L.t,exports.NbMessage=f.t,exports.NbModal=V.t,exports.NbNotificationCenter=Pe.t,exports.NbNotificationCenterItem=Ne.t,exports.NbNubiscoMark=h.t,exports.NbNubiscoPlatformMark=g.t,exports.NbNumberInput=Fe.t,exports.NbPagination=w.t,exports.NbPanel=ye.t,exports.NbPieChart=be.t,exports.NbProgressBar=Ae.t,exports.NbRadio=Me.t,exports.NbReorderList=le.t,exports.NbSelect=C.t,exports.NbShell=H.t,exports.NbShellPanel=Ge.t,exports.NbSidebarBrand=Se.t,exports.NbSidebarCollapseToggle=we.t,exports.NbSidebarLink=Te.t,exports.NbSidebarMenu=Ee.t,exports.NbSidebarMenuGroup=De.t,exports.NbSidebarMenuItem=Ce.t,exports.NbSkeleton=q.t,exports.NbSlider=Ie.t,exports.NbSparkline=ze.t,exports.NbSpinner=W.t,exports.NbSpreadsheet=e.r,exports.NbStepper=Le.t,exports.NbStepperStep=Re.t,exports.NbSubmenu=z.t,exports.NbSwitch=b.t,exports.NbTableOfContents=Be.t,exports.NbTabs=Ve.t,exports.NbTextInput=ge.t,exports.NbToast=Oe.t,exports.NbToaster=ke.t,exports.NbTree=He.t,exports.NbTreeNode=Ue.t,exports.NbUserMenu=_.t,exports.NbWalkthrough=rt.t,exports.NubiscoUILabs=e.n,exports.TOUR_STEP_ATTRIBUTE=n.TOUR_STEP_ATTRIBUTE,exports.WALKTHROUGH_STORAGE_PREFIX=X.WALKTHROUGH_STORAGE_PREFIX,exports.acquireScrollLock=B.acquireScrollLock,exports.ancestorsOf=Z.ancestorsOf,exports.announceLoadingComplete=G.t,exports.appearanceAttribute=Q.appearanceAttribute,exports.catalogNames=i.catalogNames,exports.chartRole=c.r,exports.clampLayer=o.clampLayer,exports.colorAt=c.i,exports.computeAutoLayout=Y.n,exports.configureAppearance=Q.configureAppearance,exports.configureNamedTheme=$.configureNamedTheme,exports.configureTheme=st.configureTheme,exports.createDefaultWalkthroughStorage=X.createDefaultWalkthroughStorage,exports.createLocalStorageWalkthroughStorage=X.createLocalStorageWalkthroughStorage,exports.createMemoryWalkthroughStorage=X.createMemoryWalkthroughStorage,exports.createToastQueue=U.createToastQueue,exports.default=dt,exports.dismissAllTooltips=e.o,exports.dismissConfirms=it.dismissConfirms,exports.divergingAt=c.a,exports.getRegisteredFlag=r.getRegisteredFlag,exports.hasCatalog=i.hasCatalog,exports.isInvalidTarget=Z.isInvalidTarget,exports.isTargetVisible=n.isTargetVisible,exports.isValidThemeId=$.isValidThemeId,exports.layerClassFor=o.layerClassFor,exports.markOverlayExempt=G.l,exports.moveTargets=Z.moveTargets,exports.nbTooltipDirective=e.s,exports.nbTourStepDirective=e.a,exports.nestByDepth=Z.nestByDepth,exports.pickWeight=i.pickWeight,exports.planTreeMove=Z.planTreeMove,exports.prefersReducedMotion=t.prefersReducedMotion,exports.probeLayerFromDom=o.probeLayerFromDom,exports.rampSteps=c.o,exports.registerConfirmFloatingSelector=V.a,exports.registerFlags=r.registerFlags,exports.registerIcons=te.registerIcons,exports.releaseScrollLock=B.releaseScrollLock,exports.resetToastQueue=U.resetToastQueue,exports.resolveTourTarget=n.resolveTourTarget,exports.sequentialAt=c.s,exports.seriesColors=c.c,exports.subtreeOf=Z.subtreeOf,exports.suppressLoadingAnnouncement=G.i,exports.tourStepSelector=n.tourStepSelector,exports.unregisterFlag=r.unregisterFlag,exports.unregisterIcon=te.unregisterIcon,exports.useAppearance=Q.useAppearance,exports.useBlueprint=qe.useBlueprint,exports.useCommandPalette=ee.useCommandPalette,exports.useConfirm=it.useConfirm,exports.useContextMenu=at.useContextMenu,exports.useInlineLoading=ot.useInlineLoading,exports.useLayer=o.useLayer,exports.useNamedTheme=$.useNamedTheme,exports.useReducedMotion=t.useReducedMotion,exports.useScrollLock=B.useScrollLock,exports.useShellSlot=xe.useShellSlot,exports.useSidebarVariant=ct.useSidebarVariant,exports.useSurfaceLayer=o.useSurfaceLayer,exports.useTheme=st.useTheme,exports.useToast=U.useToast,exports.useWalkthrough=nt.useWalkthrough;
|
package/dist/all.mjs
CHANGED
|
@@ -15,7 +15,7 @@ import { t as c } from "./DefinitionListItem-DzDHUFZP.js";
|
|
|
15
15
|
import { t as l } from "./EmptyState-CwMG-NeI.js";
|
|
16
16
|
import { t as u } from "./ReorderList-DpytAupm.js";
|
|
17
17
|
import { NB_LAYER_ATTRIBUTE as be, NB_LAYER_INJECTION_KEY as xe, NB_MAX_LAYER as Se, NB_MIN_LAYER as Ce, clampLayer as we, layerClassFor as Te, probeLayerFromDom as Ee, useLayer as De, useSurfaceLayer as Oe } from "./composables/useSurfaceLayer.composable.mjs";
|
|
18
|
-
import { t as d } from "./Board-
|
|
18
|
+
import { t as d } from "./Board-DmTUOIbg.js";
|
|
19
19
|
import { t as f } from "./Breadcrumbs-CbN5yrrZ.js";
|
|
20
20
|
import { t as p } from "./Calendar-B9E2LD-Z.js";
|
|
21
21
|
import { t as m } from "./Avatar-672086EP.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../Board-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../Board-CS1pMX4d.cjs`);exports.NbBoard=e.t,exports.default=e.t;
|
|
@@ -47,6 +47,17 @@ interface IBoardMoveEvent {
|
|
|
47
47
|
afterItemId: string | null
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
+
interface IBoardNestEvent {
|
|
51
|
+
/** The ID of the item that was dropped onto another. */
|
|
52
|
+
itemId: string
|
|
53
|
+
/** The ID of the item it was dropped onto. */
|
|
54
|
+
ontoItemId: string
|
|
55
|
+
/** The column the dragged item came from. */
|
|
56
|
+
fromColumnId: string
|
|
57
|
+
/** The lane it came from (only when lanes are used). */
|
|
58
|
+
fromLaneId?: string | null
|
|
59
|
+
}
|
|
60
|
+
|
|
50
61
|
interface IBoardColumnMoveEvent {
|
|
51
62
|
/** The ID of the column that was moved. */
|
|
52
63
|
columnId: string
|
|
@@ -66,6 +77,18 @@ interface IBoardProps {
|
|
|
66
77
|
* when on, dropping a header on another column emits `column-move`.
|
|
67
78
|
*/
|
|
68
79
|
reorderableColumns?: boolean
|
|
80
|
+
/**
|
|
81
|
+
* Allow a card to be dropped ONTO another card, rather than only between
|
|
82
|
+
* cards. Off by default, and off is exactly what every board did before
|
|
83
|
+
* this existed.
|
|
84
|
+
*
|
|
85
|
+
* With it on, a card's middle half nests and its top and bottom quarters
|
|
86
|
+
* still insert, so reordering keeps a target at both ends of every card.
|
|
87
|
+
* The board emits `nest` and changes nothing itself, the same contract as
|
|
88
|
+
* `move`: what nesting means is the host's business, and this component
|
|
89
|
+
* has no opinion about whether the result is a subtask, a child or a part.
|
|
90
|
+
*/
|
|
91
|
+
nestable?: boolean
|
|
69
92
|
}
|
|
70
93
|
|
|
71
94
|
export type {
|
|
@@ -73,6 +96,7 @@ export type {
|
|
|
73
96
|
IBoardLane,
|
|
74
97
|
IBoardItem,
|
|
75
98
|
IBoardMoveEvent,
|
|
99
|
+
IBoardNestEvent,
|
|
76
100
|
IBoardColumnMoveEvent,
|
|
77
101
|
IBoardProps,
|
|
78
102
|
}
|
|
@@ -82,6 +106,7 @@ export type {
|
|
|
82
106
|
IBoardLane as NbBoardLane,
|
|
83
107
|
IBoardItem as NbBoardItem,
|
|
84
108
|
IBoardMoveEvent as NbBoardMoveEvent,
|
|
109
|
+
IBoardNestEvent as NbBoardNestEvent,
|
|
85
110
|
IBoardColumnMoveEvent as NbBoardColumnMoveEvent,
|
|
86
111
|
IBoardProps as NbBoardProps,
|
|
87
112
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../Board-
|
|
1
|
+
import { t as e } from "../Board-DmTUOIbg.js";
|
|
2
2
|
export { e as NbBoard, e as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { IBoardProps, IBoardColumn, IBoardLane, IBoardItem, IBoardMoveEvent, IBoardColumnMoveEvent } from './Board.d';
|
|
1
|
+
import type { IBoardProps, IBoardColumn, IBoardLane, IBoardItem, IBoardMoveEvent, IBoardNestEvent, IBoardColumnMoveEvent } from './Board.d';
|
|
2
2
|
declare var __VLS_1: {
|
|
3
3
|
column: IBoardColumn;
|
|
4
4
|
count: number;
|
|
@@ -23,13 +23,16 @@ type __VLS_Slots = {} & {
|
|
|
23
23
|
};
|
|
24
24
|
declare const __VLS_base: import("vue").DefineComponent<IBoardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
move: (event: IBoardMoveEvent) => any;
|
|
26
|
+
nest: (event: IBoardNestEvent) => any;
|
|
26
27
|
"column-move": (event: IBoardColumnMoveEvent) => any;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<IBoardProps> & Readonly<{
|
|
28
29
|
onMove?: ((event: IBoardMoveEvent) => any) | undefined;
|
|
30
|
+
onNest?: ((event: IBoardNestEvent) => any) | undefined;
|
|
29
31
|
"onColumn-move"?: ((event: IBoardColumnMoveEvent) => any) | undefined;
|
|
30
32
|
}>, {
|
|
31
33
|
lanes: IBoardLane[];
|
|
32
34
|
reorderableColumns: boolean;
|
|
35
|
+
nestable: boolean;
|
|
33
36
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
34
37
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
35
38
|
declare const _default: typeof __VLS_export;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Board.vue.d.ts","sourceRoot":"","sources":["../../src/components/Board.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Board.vue.d.ts","sourceRoot":"","sources":["../../src/components/Board.vue"],"names":[],"mappings":"AAg+BA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,eAAe,EACf,eAAe,EACf,qBAAqB,EACtB,MAAM,WAAW,CAAA;AAk3BlB,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO;;CAAU,EAAE,OAAO;;;;CAAU,EAAE,OAAO;;;CAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAOvD,QAAA,MAAM,UAAU;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./main-BNXD4cwz.cjs`),t=require(`./composables/useReducedMotion.composable.cjs`),n=require(`./utils/tourTarget.helper.cjs`),ee=require(`./composables/useCommandPalette.composable.cjs`),r=require(`./composables/iconRegistry.cjs`),i=require(`./composables/flagRegistry.cjs`),a=require(`./composables/glyphCatalog.composable.cjs`),te=require(`./Accordion-Deg1qqmZ.cjs`),ne=require(`./Icon-C8R_r_In.cjs`),re=require(`./AccordionItem-CYy-vtx2.cjs`),ie=require(`./Card-Cn5OS4q-.cjs`),ae=require(`./CardGrid-CQlFeUgK.cjs`),oe=require(`./DefinitionList-DURU1gfC.cjs`),se=require(`./DefinitionListItem-Cr9dbQxH.cjs`),ce=require(`./EmptyState-Cz91HAKF.cjs`),le=require(`./ReorderList-DLQ3rVnX.cjs`),o=require(`./composables/useSurfaceLayer.composable.cjs`),ue=require(`./Board-Dsril3p2.cjs`),de=require(`./Breadcrumbs-BQ61cxAo.cjs`),fe=require(`./Calendar-Dl51sRax.cjs`),pe=require(`./Avatar-DqHh71ha.cjs`),me=require(`./Badge-BOF-mQu9.cjs`),s=require(`./Banner-CqNiWOsn.cjs`),c=require(`./palette-DeWUCp-_.cjs`),he=require(`./BarChart-Cpa8IlAy.cjs`),ge=require(`./Button-D-XSNjSL.cjs`),_e=require(`./Label-DtXh4XR5.cjs`),l=require(`./Message-D8ZE4uGZ.cjs`),u=require(`./Grid-DTZTlxd_.cjs`),d=require(`./DatePicker-DQJ31TUm.cjs`),f=require(`./NubiscoMark-Cv7PC_UC.cjs`),p=require(`./NubiscoPlatformMark-JzdEpSRs.cjs`),m=require(`./UserMenu-ztYcZqMp.cjs`),h=require(`./Checkbox-9bxwFy5R.cjs`),g=require(`./CheckboxGroup-2hyyIRXt.cjs`),_=require(`./Switch-TqDspgnw.cjs`),v=require(`./ColorStrip-8X4Op3ap.cjs`),y=require(`./DataTable-DLuSmiTV.cjs`),b=require(`./Select-BMamCNcN.cjs`),x=require(`./Pagination-CcZB4Lp_.cjs`),S=require(`./Flag-CrPxTYGW.cjs`),C=require(`./FloatingToolbar-AoCFmueA.cjs`),w=require(`./DragHandle-CEYUbnGp.cjs`),T=require(`./GanttChart-08yTvMaQ.cjs`),E=require(`./InfoHint-DX3lgnTX.cjs`),D=require(`./JsonTree-DGzMCcSN.cjs`),O=require(`./InterpolationChart-CbBAhYHw.cjs`),k=require(`./LineChart-ndwAlJBw.cjs`),A=require(`./Field-CfktrvRe.cjs`),j=require(`./Menu-BSbPfsiE.cjs`),M=require(`./MenuBar-cNc__THT.cjs`),N=require(`./MenuBarItem-Ya88A6xZ.cjs`),P=require(`./MenuItem-B-Q5sVlO.cjs`),F=require(`./MenuDivider-GuRZ5Dek.cjs`),I=require(`./Submenu-QgPVi2bN.cjs`),L=require(`./composables/useScrollLock.composable.cjs`),ve=require(`./CommandPalette-dNJMbapr.cjs`),R=require(`./Modal-BkCiD4gu.cjs`),ye=require(`./TextInput-C1akT0kW.cjs`),be=require(`./Confirm-DZ_nb6Z0.cjs`),xe=require(`./Layer-Csk6CZPD.cjs`),Se=require(`./Panel-PtasWgYu.cjs`),Ce=require(`./PieChart-BgLnTYSn.cjs`),we=require(`./composables/useShellSlot.composable.cjs`),Te=require(`./Shell-DzZ9lcMj.cjs`),Ee=require(`./SidebarBrand-CHxEUgzI.cjs`),De=require(`./SidebarMenuItem-CjXdA-gy.cjs`),Oe=require(`./SidebarCollapseToggle-DBjzVjTQ.cjs`),ke=require(`./SidebarLink-B_5TV_Y_.cjs`),Ae=require(`./SidebarMenu-C3YubCzE.cjs`),je=require(`./SidebarMenuGroup-D3-id6rV.cjs`),Me=require(`./Toast-dgMA595p.cjs`),z=require(`./composables/useToast.composable.cjs`),Ne=require(`./Toaster-D4r1g967.cjs`),Pe=require(`./ProgressBar-D4a4RfdX.cjs`),B=require(`./Spinner-Cwlskvjj.cjs`),V=require(`./useLoadingAnnouncer.composable-DeoNGDYL.cjs`),Fe=require(`./InlineEdit-CR9vOw3i.cjs`),H=require(`./InlineLoading-DXsOmC3w.cjs`),U=require(`./Skeleton-DEzKdU7W.cjs`),Ie=require(`./Radio-BaemfNbH.cjs`),Le=require(`./NotificationCenterItem-BXj2X04e.cjs`),Re=require(`./NotificationCenter-DCi4hoKm.cjs`),ze=require(`./NumberInput-BLaRojBI.cjs`),Be=require(`./Slider-DvtYL2RF.cjs`),W=require(`./Stepper.context-CweJHiCo.cjs`),Ve=require(`./Stepper-BK59bD3V.cjs`),He=require(`./StepperStep-C3eo3pec.cjs`),Ue=require(`./Sparkline-XWBYsAXl.cjs`),We=require(`./TableOfContents-BD-79w4n.cjs`),Ge=require(`./Tabs-B4r8l7vl.cjs`),Ke=require(`./Tree-CMXvRX6y.cjs`),qe=require(`./TreeNode-n65SoYln.cjs`),Je=require(`./BottomPanel-Di3pv797.cjs`),Ye=require(`./ShellPanel-c3FBvVMm.cjs`),G=require(`./Blueprint.context-C_y0TS6a.cjs`),K=require(`./Blueprint-DbehXPR2.cjs`),Xe=require(`./composables/useBlueprint.composable.cjs`),Ze=require(`./BlueprintControls-BR12TLQ1.cjs`),Qe=require(`./BlueprintMinimap-BPqaGiY0.cjs`),$e=require(`./BlueprintCard-MDfxqPyE.cjs`),et=require(`./BlueprintBackground-D58A6eXS.cjs`),q=require(`./AiLabel-ClnMVvCl.cjs`),tt=require(`./FileUploader-CN7XPX9n.cjs`),nt=require(`./Form-C-l_4RHC.cjs`),rt=require(`./ImageCropper-BbW7o5mE.cjs`),J=require(`./utils/walkthroughStorage.helper.cjs`),it=require(`./composables/useWalkthrough.composable.cjs`),at=require(`./Walkthrough-DuX31BAz.cjs`),Y=require(`./utils/treeMove.helper.cjs`),X=require(`./composables/useConfirm.composable.cjs`),ot=require(`./composables/useContextMenu.composable.cjs`),st=require(`./composables/useInlineLoading.composable.cjs`),Z=require(`./composables/useTheme.composable.cjs`),Q=require(`./composables/useAppearance.composable.cjs`),$=require(`./composables/useNamedTheme.composable.cjs`),ct=require(`./composables/useSidebarVariant.composable.cjs`);exports.BlueprintLiveData=K.r,exports.CHART_ROLE_COUNT=c.t,exports.CONFIRM_LEAVE_MS=R.n,exports.DEFAULT_PALETTE=c.n,exports.EBannerStatus=s.n,exports.EBannerVariant=s.r,exports.EInlineLoadingStatus=H.n,exports.ESkeletonVariant=U.n,exports.ESpinnerOverlay=B.n,exports.ESpinnerSize=B.r,exports.ESpinnerTone=B.i,exports.EStepStatus=W.n,exports.EStepperOrientation=W.r,exports.EStepperSize=W.i,exports.NB_BLUEPRINT_CONTEXT=G.t,exports.NB_BLUEPRINT_CONTROLLER=G.n,exports.NB_LAYER_ATTRIBUTE=o.NB_LAYER_ATTRIBUTE,exports.NB_LAYER_INJECTION_KEY=o.NB_LAYER_INJECTION_KEY,exports.NB_MAX_LAYER=o.NB_MAX_LAYER,exports.NB_MIN_LAYER=o.NB_MIN_LAYER,exports.NB_OVERLAY_EXEMPT_ATTR=V.a,exports.NB_TOAST_DURATIONS=z.NB_TOAST_DURATIONS,exports.NB_TOAST_QUEUE_KEY=z.NB_TOAST_QUEUE_KEY,exports.NB_TOAST_STATUS_LABELS=z.NB_TOAST_STATUS_LABELS,exports.NbAccordion=te.t,exports.NbAccordionItem=re.t,exports.NbAiLabel=q.t,exports.NbAvatar=pe.t,exports.NbBadge=me.t,exports.NbBanner=s.t,exports.NbBarChart=he.t,exports.NbBlueprint=K.t,exports.NbBlueprintBackground=et.t,exports.NbBlueprintCard=$e.t,exports.NbBlueprintControls=Ze.t,exports.NbBlueprintMinimap=Qe.t,exports.NbBoard=ue.t,exports.NbBottomPanel=Je.t,exports.NbBreadcrumbs=de.t,exports.NbButton=ge.t,exports.NbCalendar=fe.t,exports.NbCard=ie.t,exports.NbCardGrid=ae.t,exports.NbCheckbox=h.t,exports.NbCheckboxGroup=g.t,exports.NbColorStrip=v.t,exports.NbCommandPalette=ve.t,exports.NbCommandPalettePlugin=e.i,exports.NbConfirm=be.t,exports.NbDataTable=y.t,exports.NbDatePicker=d.t,exports.NbDefinitionList=oe.t,exports.NbDefinitionListItem=se.t,exports.NbDragHandle=w.t,exports.NbEmptyState=ce.t,exports.NbField=A.t,exports.NbFileUploader=tt.t,exports.NbFlag=S.t,exports.NbFloatingToolbar=C.t,exports.NbForm=nt.t,exports.NbGanttChart=T.t,exports.NbGrid=u.t,exports.NbIcon=ne.t,exports.NbImageCropper=rt.t,exports.NbInfoHint=E.t,exports.NbInlineEdit=Fe.t,exports.NbInlineLoading=H.t,exports.NbInterpolationChart=O.t,exports.NbJsonTree=D.t,exports.NbLabel=_e.t,exports.NbLayer=xe.t,exports.NbLineChart=k.t,exports.NbMenu=j.t,exports.NbMenuBar=M.t,exports.NbMenuBarItem=N.t,exports.NbMenuDivider=F.t,exports.NbMenuItem=P.t,exports.NbMessage=l.t,exports.NbModal=R.t,exports.NbNotificationCenter=Re.t,exports.NbNotificationCenterItem=Le.t,exports.NbNubiscoMark=f.t,exports.NbNubiscoPlatformMark=p.t,exports.NbNumberInput=ze.t,exports.NbPagination=x.t,exports.NbPanel=Se.t,exports.NbPieChart=Ce.t,exports.NbProgressBar=Pe.t,exports.NbRadio=Ie.t,exports.NbReorderList=le.t,exports.NbSelect=b.t,exports.NbShell=Te.t,exports.NbShellPanel=Ye.t,exports.NbSidebarBrand=Ee.t,exports.NbSidebarCollapseToggle=Oe.t,exports.NbSidebarLink=ke.t,exports.NbSidebarMenu=Ae.t,exports.NbSidebarMenuGroup=je.t,exports.NbSidebarMenuItem=De.t,exports.NbSkeleton=U.t,exports.NbSlider=Be.t,exports.NbSparkline=Ue.t,exports.NbSpinner=B.t,exports.NbSpreadsheet=e.r,exports.NbStepper=Ve.t,exports.NbStepperStep=He.t,exports.NbSubmenu=I.t,exports.NbSwitch=_.t,exports.NbTableOfContents=We.t,exports.NbTabs=Ge.t,exports.NbTextInput=ye.t,exports.NbToast=Me.t,exports.NbToaster=Ne.t,exports.NbTree=Ke.t,exports.NbTreeNode=qe.t,exports.NbUserMenu=m.t,exports.NbWalkthrough=at.t,exports.NubiscoUILabs=e.n,exports.TOUR_STEP_ATTRIBUTE=n.TOUR_STEP_ATTRIBUTE,exports.WALKTHROUGH_STORAGE_PREFIX=J.WALKTHROUGH_STORAGE_PREFIX,exports.acquireScrollLock=L.acquireScrollLock,exports.ancestorsOf=Y.ancestorsOf,exports.announceLoadingComplete=V.t,exports.appearanceAttribute=Q.appearanceAttribute,exports.catalogNames=a.catalogNames,exports.chartRole=c.r,exports.clampLayer=o.clampLayer,exports.colorAt=c.i,exports.computeAutoLayout=K.n,exports.configureAppearance=Q.configureAppearance,exports.configureNamedTheme=$.configureNamedTheme,exports.configureTheme=Z.configureTheme,exports.createDefaultWalkthroughStorage=J.createDefaultWalkthroughStorage,exports.createLocalStorageWalkthroughStorage=J.createLocalStorageWalkthroughStorage,exports.createMemoryWalkthroughStorage=J.createMemoryWalkthroughStorage,exports.createToastQueue=z.createToastQueue,exports.default=e.t,exports.dismissAllTooltips=e.o,exports.dismissConfirms=X.dismissConfirms,exports.divergingAt=c.a,exports.getRegisteredFlag=i.getRegisteredFlag,exports.hasCatalog=a.hasCatalog,exports.isInvalidTarget=Y.isInvalidTarget,exports.isTargetVisible=n.isTargetVisible,exports.isValidThemeId=$.isValidThemeId,exports.layerClassFor=o.layerClassFor,exports.markOverlayExempt=V.l,exports.moveTargets=Y.moveTargets,exports.nbTooltipDirective=e.s,exports.nbTourStepDirective=e.a,exports.nestByDepth=Y.nestByDepth,exports.pickWeight=a.pickWeight,exports.planTreeMove=Y.planTreeMove,exports.prefersReducedMotion=t.prefersReducedMotion,exports.probeLayerFromDom=o.probeLayerFromDom,exports.rampSteps=c.o,exports.registerConfirmFloatingSelector=R.a,exports.registerFlags=i.registerFlags,exports.registerIcons=r.registerIcons,exports.releaseScrollLock=L.releaseScrollLock,exports.resetToastQueue=z.resetToastQueue,exports.resolveTourTarget=n.resolveTourTarget,exports.sequentialAt=c.s,exports.seriesColors=c.c,exports.subtreeOf=Y.subtreeOf,exports.suppressLoadingAnnouncement=V.i,exports.tourStepSelector=n.tourStepSelector,exports.unregisterFlag=i.unregisterFlag,exports.unregisterIcon=r.unregisterIcon,exports.useAppearance=Q.useAppearance,exports.useBlueprint=Xe.useBlueprint,exports.useCommandPalette=ee.useCommandPalette,exports.useConfirm=X.useConfirm,exports.useContextMenu=ot.useContextMenu,exports.useInlineLoading=st.useInlineLoading,exports.useLayer=o.useLayer,exports.useNamedTheme=$.useNamedTheme,exports.useReducedMotion=t.useReducedMotion,exports.useScrollLock=L.useScrollLock,exports.useShellSlot=we.useShellSlot,exports.useSidebarVariant=ct.useSidebarVariant,exports.useSurfaceLayer=o.useSurfaceLayer,exports.useTheme=Z.useTheme,exports.useToast=z.useToast,exports.useWalkthrough=it.useWalkthrough;
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./main-BNXD4cwz.cjs`),t=require(`./composables/useReducedMotion.composable.cjs`),n=require(`./utils/tourTarget.helper.cjs`),ee=require(`./composables/useCommandPalette.composable.cjs`),r=require(`./composables/iconRegistry.cjs`),i=require(`./composables/flagRegistry.cjs`),a=require(`./composables/glyphCatalog.composable.cjs`),te=require(`./Accordion-Deg1qqmZ.cjs`),ne=require(`./Icon-C8R_r_In.cjs`),re=require(`./AccordionItem-CYy-vtx2.cjs`),ie=require(`./Card-Cn5OS4q-.cjs`),ae=require(`./CardGrid-CQlFeUgK.cjs`),oe=require(`./DefinitionList-DURU1gfC.cjs`),se=require(`./DefinitionListItem-Cr9dbQxH.cjs`),ce=require(`./EmptyState-Cz91HAKF.cjs`),le=require(`./ReorderList-DLQ3rVnX.cjs`),o=require(`./composables/useSurfaceLayer.composable.cjs`),ue=require(`./Board-CS1pMX4d.cjs`),de=require(`./Breadcrumbs-BQ61cxAo.cjs`),fe=require(`./Calendar-Dl51sRax.cjs`),pe=require(`./Avatar-DqHh71ha.cjs`),me=require(`./Badge-BOF-mQu9.cjs`),s=require(`./Banner-CqNiWOsn.cjs`),c=require(`./palette-DeWUCp-_.cjs`),he=require(`./BarChart-Cpa8IlAy.cjs`),ge=require(`./Button-D-XSNjSL.cjs`),_e=require(`./Label-DtXh4XR5.cjs`),l=require(`./Message-D8ZE4uGZ.cjs`),u=require(`./Grid-DTZTlxd_.cjs`),d=require(`./DatePicker-DQJ31TUm.cjs`),f=require(`./NubiscoMark-Cv7PC_UC.cjs`),p=require(`./NubiscoPlatformMark-JzdEpSRs.cjs`),m=require(`./UserMenu-ztYcZqMp.cjs`),h=require(`./Checkbox-9bxwFy5R.cjs`),g=require(`./CheckboxGroup-2hyyIRXt.cjs`),_=require(`./Switch-TqDspgnw.cjs`),v=require(`./ColorStrip-8X4Op3ap.cjs`),y=require(`./DataTable-DLuSmiTV.cjs`),b=require(`./Select-BMamCNcN.cjs`),x=require(`./Pagination-CcZB4Lp_.cjs`),S=require(`./Flag-CrPxTYGW.cjs`),C=require(`./FloatingToolbar-AoCFmueA.cjs`),w=require(`./DragHandle-CEYUbnGp.cjs`),T=require(`./GanttChart-08yTvMaQ.cjs`),E=require(`./InfoHint-DX3lgnTX.cjs`),D=require(`./JsonTree-DGzMCcSN.cjs`),O=require(`./InterpolationChart-CbBAhYHw.cjs`),k=require(`./LineChart-ndwAlJBw.cjs`),A=require(`./Field-CfktrvRe.cjs`),j=require(`./Menu-BSbPfsiE.cjs`),M=require(`./MenuBar-cNc__THT.cjs`),N=require(`./MenuBarItem-Ya88A6xZ.cjs`),P=require(`./MenuItem-B-Q5sVlO.cjs`),F=require(`./MenuDivider-GuRZ5Dek.cjs`),I=require(`./Submenu-QgPVi2bN.cjs`),L=require(`./composables/useScrollLock.composable.cjs`),ve=require(`./CommandPalette-dNJMbapr.cjs`),R=require(`./Modal-BkCiD4gu.cjs`),ye=require(`./TextInput-C1akT0kW.cjs`),be=require(`./Confirm-DZ_nb6Z0.cjs`),xe=require(`./Layer-Csk6CZPD.cjs`),Se=require(`./Panel-PtasWgYu.cjs`),Ce=require(`./PieChart-BgLnTYSn.cjs`),we=require(`./composables/useShellSlot.composable.cjs`),Te=require(`./Shell-DzZ9lcMj.cjs`),Ee=require(`./SidebarBrand-CHxEUgzI.cjs`),De=require(`./SidebarMenuItem-CjXdA-gy.cjs`),Oe=require(`./SidebarCollapseToggle-DBjzVjTQ.cjs`),ke=require(`./SidebarLink-B_5TV_Y_.cjs`),Ae=require(`./SidebarMenu-C3YubCzE.cjs`),je=require(`./SidebarMenuGroup-D3-id6rV.cjs`),Me=require(`./Toast-dgMA595p.cjs`),z=require(`./composables/useToast.composable.cjs`),Ne=require(`./Toaster-D4r1g967.cjs`),Pe=require(`./ProgressBar-D4a4RfdX.cjs`),B=require(`./Spinner-Cwlskvjj.cjs`),V=require(`./useLoadingAnnouncer.composable-DeoNGDYL.cjs`),Fe=require(`./InlineEdit-CR9vOw3i.cjs`),H=require(`./InlineLoading-DXsOmC3w.cjs`),U=require(`./Skeleton-DEzKdU7W.cjs`),Ie=require(`./Radio-BaemfNbH.cjs`),Le=require(`./NotificationCenterItem-BXj2X04e.cjs`),Re=require(`./NotificationCenter-DCi4hoKm.cjs`),ze=require(`./NumberInput-BLaRojBI.cjs`),Be=require(`./Slider-DvtYL2RF.cjs`),W=require(`./Stepper.context-CweJHiCo.cjs`),Ve=require(`./Stepper-BK59bD3V.cjs`),He=require(`./StepperStep-C3eo3pec.cjs`),Ue=require(`./Sparkline-XWBYsAXl.cjs`),We=require(`./TableOfContents-BD-79w4n.cjs`),Ge=require(`./Tabs-B4r8l7vl.cjs`),Ke=require(`./Tree-CMXvRX6y.cjs`),qe=require(`./TreeNode-n65SoYln.cjs`),Je=require(`./BottomPanel-Di3pv797.cjs`),Ye=require(`./ShellPanel-c3FBvVMm.cjs`),G=require(`./Blueprint.context-C_y0TS6a.cjs`),K=require(`./Blueprint-DbehXPR2.cjs`),Xe=require(`./composables/useBlueprint.composable.cjs`),Ze=require(`./BlueprintControls-BR12TLQ1.cjs`),Qe=require(`./BlueprintMinimap-BPqaGiY0.cjs`),$e=require(`./BlueprintCard-MDfxqPyE.cjs`),et=require(`./BlueprintBackground-D58A6eXS.cjs`),q=require(`./AiLabel-ClnMVvCl.cjs`),tt=require(`./FileUploader-CN7XPX9n.cjs`),nt=require(`./Form-C-l_4RHC.cjs`),rt=require(`./ImageCropper-BbW7o5mE.cjs`),J=require(`./utils/walkthroughStorage.helper.cjs`),it=require(`./composables/useWalkthrough.composable.cjs`),at=require(`./Walkthrough-DuX31BAz.cjs`),Y=require(`./utils/treeMove.helper.cjs`),X=require(`./composables/useConfirm.composable.cjs`),ot=require(`./composables/useContextMenu.composable.cjs`),st=require(`./composables/useInlineLoading.composable.cjs`),Z=require(`./composables/useTheme.composable.cjs`),Q=require(`./composables/useAppearance.composable.cjs`),$=require(`./composables/useNamedTheme.composable.cjs`),ct=require(`./composables/useSidebarVariant.composable.cjs`);exports.BlueprintLiveData=K.r,exports.CHART_ROLE_COUNT=c.t,exports.CONFIRM_LEAVE_MS=R.n,exports.DEFAULT_PALETTE=c.n,exports.EBannerStatus=s.n,exports.EBannerVariant=s.r,exports.EInlineLoadingStatus=H.n,exports.ESkeletonVariant=U.n,exports.ESpinnerOverlay=B.n,exports.ESpinnerSize=B.r,exports.ESpinnerTone=B.i,exports.EStepStatus=W.n,exports.EStepperOrientation=W.r,exports.EStepperSize=W.i,exports.NB_BLUEPRINT_CONTEXT=G.t,exports.NB_BLUEPRINT_CONTROLLER=G.n,exports.NB_LAYER_ATTRIBUTE=o.NB_LAYER_ATTRIBUTE,exports.NB_LAYER_INJECTION_KEY=o.NB_LAYER_INJECTION_KEY,exports.NB_MAX_LAYER=o.NB_MAX_LAYER,exports.NB_MIN_LAYER=o.NB_MIN_LAYER,exports.NB_OVERLAY_EXEMPT_ATTR=V.a,exports.NB_TOAST_DURATIONS=z.NB_TOAST_DURATIONS,exports.NB_TOAST_QUEUE_KEY=z.NB_TOAST_QUEUE_KEY,exports.NB_TOAST_STATUS_LABELS=z.NB_TOAST_STATUS_LABELS,exports.NbAccordion=te.t,exports.NbAccordionItem=re.t,exports.NbAiLabel=q.t,exports.NbAvatar=pe.t,exports.NbBadge=me.t,exports.NbBanner=s.t,exports.NbBarChart=he.t,exports.NbBlueprint=K.t,exports.NbBlueprintBackground=et.t,exports.NbBlueprintCard=$e.t,exports.NbBlueprintControls=Ze.t,exports.NbBlueprintMinimap=Qe.t,exports.NbBoard=ue.t,exports.NbBottomPanel=Je.t,exports.NbBreadcrumbs=de.t,exports.NbButton=ge.t,exports.NbCalendar=fe.t,exports.NbCard=ie.t,exports.NbCardGrid=ae.t,exports.NbCheckbox=h.t,exports.NbCheckboxGroup=g.t,exports.NbColorStrip=v.t,exports.NbCommandPalette=ve.t,exports.NbCommandPalettePlugin=e.i,exports.NbConfirm=be.t,exports.NbDataTable=y.t,exports.NbDatePicker=d.t,exports.NbDefinitionList=oe.t,exports.NbDefinitionListItem=se.t,exports.NbDragHandle=w.t,exports.NbEmptyState=ce.t,exports.NbField=A.t,exports.NbFileUploader=tt.t,exports.NbFlag=S.t,exports.NbFloatingToolbar=C.t,exports.NbForm=nt.t,exports.NbGanttChart=T.t,exports.NbGrid=u.t,exports.NbIcon=ne.t,exports.NbImageCropper=rt.t,exports.NbInfoHint=E.t,exports.NbInlineEdit=Fe.t,exports.NbInlineLoading=H.t,exports.NbInterpolationChart=O.t,exports.NbJsonTree=D.t,exports.NbLabel=_e.t,exports.NbLayer=xe.t,exports.NbLineChart=k.t,exports.NbMenu=j.t,exports.NbMenuBar=M.t,exports.NbMenuBarItem=N.t,exports.NbMenuDivider=F.t,exports.NbMenuItem=P.t,exports.NbMessage=l.t,exports.NbModal=R.t,exports.NbNotificationCenter=Re.t,exports.NbNotificationCenterItem=Le.t,exports.NbNubiscoMark=f.t,exports.NbNubiscoPlatformMark=p.t,exports.NbNumberInput=ze.t,exports.NbPagination=x.t,exports.NbPanel=Se.t,exports.NbPieChart=Ce.t,exports.NbProgressBar=Pe.t,exports.NbRadio=Ie.t,exports.NbReorderList=le.t,exports.NbSelect=b.t,exports.NbShell=Te.t,exports.NbShellPanel=Ye.t,exports.NbSidebarBrand=Ee.t,exports.NbSidebarCollapseToggle=Oe.t,exports.NbSidebarLink=ke.t,exports.NbSidebarMenu=Ae.t,exports.NbSidebarMenuGroup=je.t,exports.NbSidebarMenuItem=De.t,exports.NbSkeleton=U.t,exports.NbSlider=Be.t,exports.NbSparkline=Ue.t,exports.NbSpinner=B.t,exports.NbSpreadsheet=e.r,exports.NbStepper=Ve.t,exports.NbStepperStep=He.t,exports.NbSubmenu=I.t,exports.NbSwitch=_.t,exports.NbTableOfContents=We.t,exports.NbTabs=Ge.t,exports.NbTextInput=ye.t,exports.NbToast=Me.t,exports.NbToaster=Ne.t,exports.NbTree=Ke.t,exports.NbTreeNode=qe.t,exports.NbUserMenu=m.t,exports.NbWalkthrough=at.t,exports.NubiscoUILabs=e.n,exports.TOUR_STEP_ATTRIBUTE=n.TOUR_STEP_ATTRIBUTE,exports.WALKTHROUGH_STORAGE_PREFIX=J.WALKTHROUGH_STORAGE_PREFIX,exports.acquireScrollLock=L.acquireScrollLock,exports.ancestorsOf=Y.ancestorsOf,exports.announceLoadingComplete=V.t,exports.appearanceAttribute=Q.appearanceAttribute,exports.catalogNames=a.catalogNames,exports.chartRole=c.r,exports.clampLayer=o.clampLayer,exports.colorAt=c.i,exports.computeAutoLayout=K.n,exports.configureAppearance=Q.configureAppearance,exports.configureNamedTheme=$.configureNamedTheme,exports.configureTheme=Z.configureTheme,exports.createDefaultWalkthroughStorage=J.createDefaultWalkthroughStorage,exports.createLocalStorageWalkthroughStorage=J.createLocalStorageWalkthroughStorage,exports.createMemoryWalkthroughStorage=J.createMemoryWalkthroughStorage,exports.createToastQueue=z.createToastQueue,exports.default=e.t,exports.dismissAllTooltips=e.o,exports.dismissConfirms=X.dismissConfirms,exports.divergingAt=c.a,exports.getRegisteredFlag=i.getRegisteredFlag,exports.hasCatalog=a.hasCatalog,exports.isInvalidTarget=Y.isInvalidTarget,exports.isTargetVisible=n.isTargetVisible,exports.isValidThemeId=$.isValidThemeId,exports.layerClassFor=o.layerClassFor,exports.markOverlayExempt=V.l,exports.moveTargets=Y.moveTargets,exports.nbTooltipDirective=e.s,exports.nbTourStepDirective=e.a,exports.nestByDepth=Y.nestByDepth,exports.pickWeight=a.pickWeight,exports.planTreeMove=Y.planTreeMove,exports.prefersReducedMotion=t.prefersReducedMotion,exports.probeLayerFromDom=o.probeLayerFromDom,exports.rampSteps=c.o,exports.registerConfirmFloatingSelector=R.a,exports.registerFlags=i.registerFlags,exports.registerIcons=r.registerIcons,exports.releaseScrollLock=L.releaseScrollLock,exports.resetToastQueue=z.resetToastQueue,exports.resolveTourTarget=n.resolveTourTarget,exports.sequentialAt=c.s,exports.seriesColors=c.c,exports.subtreeOf=Y.subtreeOf,exports.suppressLoadingAnnouncement=V.i,exports.tourStepSelector=n.tourStepSelector,exports.unregisterFlag=i.unregisterFlag,exports.unregisterIcon=r.unregisterIcon,exports.useAppearance=Q.useAppearance,exports.useBlueprint=Xe.useBlueprint,exports.useCommandPalette=ee.useCommandPalette,exports.useConfirm=X.useConfirm,exports.useContextMenu=ot.useContextMenu,exports.useInlineLoading=st.useInlineLoading,exports.useLayer=o.useLayer,exports.useNamedTheme=$.useNamedTheme,exports.useReducedMotion=t.useReducedMotion,exports.useScrollLock=L.useScrollLock,exports.useShellSlot=we.useShellSlot,exports.useSidebarVariant=ct.useSidebarVariant,exports.useSurfaceLayer=o.useSurfaceLayer,exports.useTheme=Z.useTheme,exports.useToast=z.useToast,exports.useWalkthrough=it.useWalkthrough;
|
package/dist/index.mjs
CHANGED
|
@@ -15,7 +15,7 @@ import { t as O } from "./DefinitionListItem-DzDHUFZP.js";
|
|
|
15
15
|
import { t as k } from "./EmptyState-CwMG-NeI.js";
|
|
16
16
|
import { t as A } from "./ReorderList-DpytAupm.js";
|
|
17
17
|
import { NB_LAYER_ATTRIBUTE as j, NB_LAYER_INJECTION_KEY as M, NB_MAX_LAYER as N, NB_MIN_LAYER as P, clampLayer as F, layerClassFor as I, probeLayerFromDom as L, useLayer as R, useSurfaceLayer as z } from "./composables/useSurfaceLayer.composable.mjs";
|
|
18
|
-
import { t as B } from "./Board-
|
|
18
|
+
import { t as B } from "./Board-DmTUOIbg.js";
|
|
19
19
|
import { t as V } from "./Breadcrumbs-CbN5yrrZ.js";
|
|
20
20
|
import { t as H } from "./Calendar-B9E2LD-Z.js";
|
|
21
21
|
import { t as U } from "./Avatar-672086EP.js";
|
package/dist/styles/Board.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nb-board{font-family:var(--nb-font-family-sans,sans-serif);overflow:auto}.nb-board__grid{gap:0;min-width:max-content;display:grid}.nb-board__col-header{z-index:10;background:var(--nb-c-surface);border-top:3px solid var(--nb-c-component-plain-border);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex;position:sticky;top:0}.nb-board__col-header--reorderable{cursor:grab}.nb-board__col-header--reorderable:active{cursor:grabbing}.nb-board__col-header--dragging{opacity:.4}.nb-board__col-header--drop-before,.nb-board__col-header--drop-after{position:relative}.nb-board__col-header--drop-before:before,.nb-board__col-header--drop-after:before{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;width:3px;position:absolute;top:-3px;bottom:0}.nb-board__col-header--drop-before:before{left:-1.5px}.nb-board__col-header--drop-after:before{left:auto;right:-1.5px}.nb-board__col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--nb-c-text);font-size:.75rem;font-weight:700}.nb-board__col-count{background:var(--nb-c-bg-soft);color:var(--nb-c-text-muted);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.nb-board__lane-header{background:var(--nb-c-bg-soft);border-top:1px solid var(--nb-c-border);border-bottom:1px solid var(--nb-c-border);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.nb-board__lane-header:hover{background:var(--nb-c-surface-hover)}.nb-board__collapse-btn{color:var(--nb-c-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6rem;line-height:1}.nb-board__lane-label{color:var(--nb-c-text);flex:1;font-size:.85rem;font-weight:600}.nb-board__lane-count{background:var(--nb-c-discrete);color:var(--nb-c-text-muted);border-radius:999px;flex-shrink:0;padding:.05rem .35rem;font-size:.68rem;font-weight:600}.nb-board__cell{background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);min-height:60px;padding:.4rem;transition:background .1s}.nb-board__cell--drag-over{background:color-mix(in srgb, var(--nb-c-primary) 8%, var(--nb-c-surface-raised));outline:2px dashed var(--nb-c-primary);outline-offset:-2px}.nb-board__cell-footer{margin-top:.35rem}.nb-board__card{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;padding:.5rem .6rem;transition:box-shadow .12s;position:relative}.nb-board__card:hover{box-shadow:0 2px 6px #00000014}.nb-board__card:active{cursor:grabbing}.nb-board__card:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-board__card:last-child{margin-bottom:0}.nb-board__card--lifted{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-board__card--drop-before:before,.nb-board__card--drop-after:after{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;height:3px;position:absolute;left:0;right:0}.nb-board__card--drop-before:before{top:calc(-.175rem - 1.5px)}.nb-board__card--drop-after:after{bottom:calc(-.175rem - 1.5px)}.nb-board__empty-cell{min-height:40px}.nb-board__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
1
|
+
.nb-board{font-family:var(--nb-font-family-sans,sans-serif);overflow:auto}.nb-board__grid{gap:0;min-width:max-content;display:grid}.nb-board__col-header{z-index:10;background:var(--nb-c-surface);border-top:3px solid var(--nb-c-component-plain-border);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex;position:sticky;top:0}.nb-board__col-header--reorderable{cursor:grab}.nb-board__col-header--reorderable:active{cursor:grabbing}.nb-board__col-header--dragging{opacity:.4}.nb-board__col-header--drop-before,.nb-board__col-header--drop-after{position:relative}.nb-board__col-header--drop-before:before,.nb-board__col-header--drop-after:before{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;width:3px;position:absolute;top:-3px;bottom:0}.nb-board__col-header--drop-before:before{left:-1.5px}.nb-board__col-header--drop-after:before{left:auto;right:-1.5px}.nb-board__col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--nb-c-text);font-size:.75rem;font-weight:700}.nb-board__col-count{background:var(--nb-c-bg-soft);color:var(--nb-c-text-muted);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.nb-board__lane-header{background:var(--nb-c-bg-soft);border-top:1px solid var(--nb-c-border);border-bottom:1px solid var(--nb-c-border);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.nb-board__lane-header:hover{background:var(--nb-c-surface-hover)}.nb-board__collapse-btn{color:var(--nb-c-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6rem;line-height:1}.nb-board__lane-label{color:var(--nb-c-text);flex:1;font-size:.85rem;font-weight:600}.nb-board__lane-count{background:var(--nb-c-discrete);color:var(--nb-c-text-muted);border-radius:999px;flex-shrink:0;padding:.05rem .35rem;font-size:.68rem;font-weight:600}.nb-board__cell{background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);min-height:60px;padding:.4rem;transition:background .1s}.nb-board__cell--drag-over{background:color-mix(in srgb, var(--nb-c-primary) 8%, var(--nb-c-surface-raised));outline:2px dashed var(--nb-c-primary);outline-offset:-2px}.nb-board__cell-footer{margin-top:.35rem}.nb-board__card{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;padding:.5rem .6rem;transition:box-shadow .12s;position:relative}.nb-board__card:hover{box-shadow:0 2px 6px #00000014}.nb-board__card:active{cursor:grabbing}.nb-board__card:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-board__card:last-child{margin-bottom:0}.nb-board__card--lifted{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-board__card--drop-into{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 2px var(--nb-c-primary);background:color-mix(in srgb, var(--nb-c-primary) 10%, var(--nb-c-surface))}.nb-board__card--drop-into:before,.nb-board__card--drop-into:after{content:none}.nb-board__card--drop-before:before,.nb-board__card--drop-after:after{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;height:3px;position:absolute;left:0;right:0}.nb-board__card--drop-before:before{top:calc(-.175rem - 1.5px)}.nb-board__card--drop-after:after{bottom:calc(-.175rem - 1.5px)}.nb-board__empty-cell{min-height:40px}.nb-board__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
package/dist/ui.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.nb-button[data-v-a0e2a085]{border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);box-sizing:border-box;cursor:pointer;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.nb-button[data-v-a0e2a085]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-button[data-v-a0e2a085]{background:var(--nb-c-contrast);color:var(--nb-c-surface);padding-inline:calc(var(--nb-base-unit) * 2);line-height:1;text-decoration:none}.nb-button--xxs[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 2);padding-block:0;padding-inline:calc(var(--nb-base-unit) * 1);font-size:var(--nb-font-size-12);--nb-button-icon-size:var(--nb-font-size-12)}.nb-button--xs[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 3);padding-inline:calc(var(--nb-base-unit) * 1.5);font-size:var(--nb-font-size-12);--nb-button-icon-size:var(--nb-font-size-12)}.nb-button--sm[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 4);padding-inline:calc(var(--nb-base-unit) * 1.5);font-size:var(--nb-font-size-12);--nb-button-icon-size:var(--nb-font-size-12)}.nb-button--md[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 5);font-size:var(--nb-font-size-14);--nb-button-icon-size:var(--nb-font-size-14)}.nb-button--lg[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 6);padding-inline:calc(var(--nb-base-unit) * 2.5);font-size:var(--nb-font-size-14);--nb-button-icon-size:var(--nb-font-size-14)}.nb-button--xl[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 8);padding-block:14px;padding-inline:calc(var(--nb-base-unit) * 3);font-size:var(--nb-font-size-16);--nb-button-icon-size:var(--nb-font-size-16);align-items:center}.nb-button--xxl[data-v-a0e2a085]{height:calc(var(--nb-base-unit) * 16);padding-block:14px;padding-inline:calc(var(--nb-base-unit) * 4);font-size:var(--nb-font-size-32);--nb-button-icon-size:var(--nb-font-size-32);align-items:center}.nb-button--icon-only[data-v-a0e2a085]{justify-content:center;align-items:center;padding:0}.nb-button--icon-only.nb-button--xxs[data-v-a0e2a085]{--nb-button-icon-size:12px;width:16px}.nb-button--icon-only.nb-button--xs[data-v-a0e2a085]{--nb-button-icon-size:14px;width:24px}.nb-button--icon-only.nb-button--sm[data-v-a0e2a085]{--nb-button-icon-size:16px;width:32px}.nb-button--icon-only.nb-button--md[data-v-a0e2a085]{--nb-button-icon-size:18px;width:40px}.nb-button--icon-only.nb-button--lg[data-v-a0e2a085],.nb-button--icon-only.nb-button--xl[data-v-a0e2a085]{--nb-button-icon-size:20px;width:48px}.nb-button--icon-only.nb-button--xxl[data-v-a0e2a085]{--nb-button-icon-size:26px;width:64px}.nb-button--icon-only .nb-button__decorations[data-v-a0e2a085]{align-items:center}.nb-button--primary[data-v-a0e2a085]{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-button--primary[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--primary[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--primary[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-primary-hover-a11y)}.nb-button--secondary[data-v-a0e2a085]{background:var(--nb-c-secondary);color:var(--nb-c-secondary-a11y)}.nb-button--secondary[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-secondary-hover);color:var(--nb-c-secondary-hover-a11y)}.nb-button--secondary[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-secondary-active);color:var(--nb-c-secondary-active-a11y)}.nb-button--secondary[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-secondary-hover-a11y)}.nb-button--ghost[data-v-a0e2a085]{color:var(--nb-c-contrast);padding-inline:calc(var(--nb-base-unit) * 1.5);background:0 0;border-bottom:1px solid #0000}.nb-button--ghost[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--ghost[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--ghost[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-contrast)}.nb-button--warning[data-v-a0e2a085]{background:var(--nb-c-warning);color:var(--nb-c-warning-a11y)}.nb-button--warning[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-warning-hover);color:var(--nb-c-warning-hover-a11y)}.nb-button--warning[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-warning-active);color:var(--nb-c-warning-active-a11y)}.nb-button--warning[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-warning-hover-a11y)}.nb-button--danger[data-v-a0e2a085]{background:var(--nb-c-danger);color:var(--nb-c-danger-a11y)}.nb-button--danger[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-danger-hover);color:var(--nb-c-danger-hover-a11y)}.nb-button--danger[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-danger-active);color:var(--nb-c-danger-active-a11y)}.nb-button--danger[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-danger-hover-a11y)}.nb-button--success[data-v-a0e2a085]{background:var(--nb-c-success);color:var(--nb-c-success-a11y)}.nb-button--success[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-success-hover);color:var(--nb-c-success-hover-a11y)}.nb-button--success[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-success-active);color:var(--nb-c-success-active-a11y)}.nb-button--success[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-success-hover-a11y)}.nb-button--info[data-v-a0e2a085]{background:var(--nb-c-info);color:var(--nb-c-info-a11y)}.nb-button--info[data-v-a0e2a085]:hover:not(:disabled){background:var(--nb-c-info-hover);color:var(--nb-c-info-hover-a11y)}.nb-button--info[data-v-a0e2a085]:active:not(:disabled){background:var(--nb-c-info-active);color:var(--nb-c-info-active-a11y)}.nb-button--info[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-info-hover-a11y)}.nb-button[data-v-a0e2a085]:disabled,.nb-button[aria-disabled=true][data-v-a0e2a085]{opacity:.45;cursor:not-allowed;pointer-events:none}.nb-button[data-v-a0e2a085]:disabled:focus-visible,.nb-button[aria-disabled=true][data-v-a0e2a085]:focus-visible{outline-color:#0000}.nb-button--outlined[data-v-a0e2a085]:not(.nb-button--ghost){color:var(--nb-c-contrast);background:0 0;border:1px solid}.nb-button--outlined.nb-button--primary[data-v-a0e2a085]{color:var(--nb-c-primary)}.nb-button--outlined.nb-button--primary[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-primary);background:color-mix(in srgb, var(--nb-c-primary) 8%, transparent)}.nb-button--outlined.nb-button--primary[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 14%, transparent)}.nb-button--outlined.nb-button--primary[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-primary)}.nb-button--outlined.nb-button--secondary[data-v-a0e2a085]{color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--secondary[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-secondary);background:color-mix(in srgb, var(--nb-c-secondary) 8%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-secondary) 14%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--danger[data-v-a0e2a085]{color:var(--nb-c-danger)}.nb-button--outlined.nb-button--danger[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-danger);background:color-mix(in srgb, var(--nb-c-danger) 8%, transparent)}.nb-button--outlined.nb-button--danger[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-danger) 14%, transparent)}.nb-button--outlined.nb-button--danger[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-danger)}.nb-button--outlined.nb-button--warning[data-v-a0e2a085]{color:var(--nb-c-warning)}.nb-button--outlined.nb-button--warning[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-warning);background:color-mix(in srgb, var(--nb-c-warning) 8%, transparent)}.nb-button--outlined.nb-button--warning[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-warning) 14%, transparent)}.nb-button--outlined.nb-button--warning[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-warning)}.nb-button--outlined.nb-button--success[data-v-a0e2a085]{color:var(--nb-c-success)}.nb-button--outlined.nb-button--success[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-success);background:color-mix(in srgb, var(--nb-c-success) 8%, transparent)}.nb-button--outlined.nb-button--success[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-success) 14%, transparent)}.nb-button--outlined.nb-button--success[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-success)}.nb-button--outlined.nb-button--info[data-v-a0e2a085]{color:var(--nb-c-info)}.nb-button--outlined.nb-button--info[data-v-a0e2a085]:hover:not(:disabled){color:var(--nb-c-info);background:color-mix(in srgb, var(--nb-c-info) 8%, transparent)}.nb-button--outlined.nb-button--info[data-v-a0e2a085]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-info) 14%, transparent)}.nb-button--outlined.nb-button--info[data-v-a0e2a085]:focus-visible{outline-color:var(--nb-c-info)}.nb-button--loading[data-v-a0e2a085]{cursor:wait;pointer-events:none}.nb-button__decorations[data-v-a0e2a085]{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-button__spinner[data-v-a0e2a085]{width:var(--nb-button-icon-size,14px);height:var(--nb-button-icon-size,14px);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite nb-spin-a0e2a085}@keyframes nb-spin-a0e2a085{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nb-button .nb-button__spinner[data-v-a0e2a085]{border-top-color:currentColor;animation:1.6s ease-in-out infinite nb-button-spinner-breathe-a0e2a085}}@keyframes nb-button-spinner-breathe-a0e2a085{0%,to{opacity:.35}50%{opacity:1}}
|
|
12
12
|
.nb-blueprint-controls[data-v-5b86517c]{z-index:1;gap:8px;padding:0;display:flex;position:absolute}.nb-blueprint-controls.is-vertical[data-v-5b86517c]{flex-direction:column}.nb-blueprint-controls.is-horizontal[data-v-5b86517c]{flex-direction:row}.nb-blueprint-controls--top-left[data-v-5b86517c]{top:12px;left:12px}.nb-blueprint-controls--top-right[data-v-5b86517c]{top:12px;right:12px}.nb-blueprint-controls--bottom-left[data-v-5b86517c]{bottom:12px;left:12px}.nb-blueprint-controls--bottom-right[data-v-5b86517c]{bottom:12px;right:12px}.nb-blueprint-controls__group[data-v-5b86517c]{border:1px solid var(--nb-c-border);background:var(--nb-c-layer-1,var(--nb-c-bg));border-radius:10px;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #0000002e}.is-vertical .nb-blueprint-controls__group[data-v-5b86517c]{flex-direction:column}
|
|
13
13
|
.nb-blueprint-minimap[data-v-b1eafcee]{z-index:1;border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);cursor:pointer;touch-action:none;position:absolute;box-shadow:0 4px 16px #0000002e}.nb-blueprint-minimap--top-left[data-v-b1eafcee]{top:12px;left:12px}.nb-blueprint-minimap--top-right[data-v-b1eafcee]{top:12px;right:12px}.nb-blueprint-minimap--bottom-left[data-v-b1eafcee]{bottom:12px;left:12px}.nb-blueprint-minimap--bottom-right[data-v-b1eafcee]{bottom:12px;right:12px}.nb-blueprint-minimap__bg[data-v-b1eafcee]{fill:var(--nb-c-layer-1,var(--nb-c-bg));stroke:var(--nb-c-border);stroke-width:1px}.nb-blueprint-minimap__node[data-v-b1eafcee]{opacity:.7}.nb-blueprint-minimap__viewport[data-v-b1eafcee]{fill:var(--nb-c-primary,#6366f1);fill-opacity:.12;stroke:var(--nb-c-primary,#6366f1);stroke-width:1.5px}
|
|
14
|
-
.nb-board{font-family:var(--nb-font-family-sans,sans-serif);overflow:auto}.nb-board__grid{gap:0;min-width:max-content;display:grid}.nb-board__col-header{z-index:10;background:var(--nb-c-surface);border-top:3px solid var(--nb-c-component-plain-border);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex;position:sticky;top:0}.nb-board__col-header--reorderable{cursor:grab}.nb-board__col-header--reorderable:active{cursor:grabbing}.nb-board__col-header--dragging{opacity:.4}.nb-board__col-header--drop-before,.nb-board__col-header--drop-after{position:relative}.nb-board__col-header--drop-before:before,.nb-board__col-header--drop-after:before{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;width:3px;position:absolute;top:-3px;bottom:0}.nb-board__col-header--drop-before:before{left:-1.5px}.nb-board__col-header--drop-after:before{left:auto;right:-1.5px}.nb-board__col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--nb-c-text);font-size:.75rem;font-weight:700}.nb-board__col-count{background:var(--nb-c-bg-soft);color:var(--nb-c-text-muted);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.nb-board__lane-header{background:var(--nb-c-bg-soft);border-top:1px solid var(--nb-c-border);border-bottom:1px solid var(--nb-c-border);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.nb-board__lane-header:hover{background:var(--nb-c-surface-hover)}.nb-board__collapse-btn{color:var(--nb-c-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6rem;line-height:1}.nb-board__lane-label{color:var(--nb-c-text);flex:1;font-size:.85rem;font-weight:600}.nb-board__lane-count{background:var(--nb-c-discrete);color:var(--nb-c-text-muted);border-radius:999px;flex-shrink:0;padding:.05rem .35rem;font-size:.68rem;font-weight:600}.nb-board__cell{background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);min-height:60px;padding:.4rem;transition:background .1s}.nb-board__cell--drag-over{background:color-mix(in srgb, var(--nb-c-primary) 8%, var(--nb-c-surface-raised));outline:2px dashed var(--nb-c-primary);outline-offset:-2px}.nb-board__cell-footer{margin-top:.35rem}.nb-board__card{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;padding:.5rem .6rem;transition:box-shadow .12s;position:relative}.nb-board__card:hover{box-shadow:0 2px 6px #00000014}.nb-board__card:active{cursor:grabbing}.nb-board__card:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-board__card:last-child{margin-bottom:0}.nb-board__card--lifted{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-board__card--drop-before:before,.nb-board__card--drop-after:after{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;height:3px;position:absolute;left:0;right:0}.nb-board__card--drop-before:before{top:calc(-.175rem - 1.5px)}.nb-board__card--drop-after:after{bottom:calc(-.175rem - 1.5px)}.nb-board__empty-cell{min-height:40px}.nb-board__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
14
|
+
.nb-board{font-family:var(--nb-font-family-sans,sans-serif);overflow:auto}.nb-board__grid{gap:0;min-width:max-content;display:grid}.nb-board__col-header{z-index:10;background:var(--nb-c-surface);border-top:3px solid var(--nb-c-component-plain-border);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex;position:sticky;top:0}.nb-board__col-header--reorderable{cursor:grab}.nb-board__col-header--reorderable:active{cursor:grabbing}.nb-board__col-header--dragging{opacity:.4}.nb-board__col-header--drop-before,.nb-board__col-header--drop-after{position:relative}.nb-board__col-header--drop-before:before,.nb-board__col-header--drop-after:before{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;width:3px;position:absolute;top:-3px;bottom:0}.nb-board__col-header--drop-before:before{left:-1.5px}.nb-board__col-header--drop-after:before{left:auto;right:-1.5px}.nb-board__col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--nb-c-text);font-size:.75rem;font-weight:700}.nb-board__col-count{background:var(--nb-c-bg-soft);color:var(--nb-c-text-muted);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.nb-board__lane-header{background:var(--nb-c-bg-soft);border-top:1px solid var(--nb-c-border);border-bottom:1px solid var(--nb-c-border);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.nb-board__lane-header:hover{background:var(--nb-c-surface-hover)}.nb-board__collapse-btn{color:var(--nb-c-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6rem;line-height:1}.nb-board__lane-label{color:var(--nb-c-text);flex:1;font-size:.85rem;font-weight:600}.nb-board__lane-count{background:var(--nb-c-discrete);color:var(--nb-c-text-muted);border-radius:999px;flex-shrink:0;padding:.05rem .35rem;font-size:.68rem;font-weight:600}.nb-board__cell{background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);border-right:1px solid var(--nb-c-border);min-height:60px;padding:.4rem;transition:background .1s}.nb-board__cell--drag-over{background:color-mix(in srgb, var(--nb-c-primary) 8%, var(--nb-c-surface-raised));outline:2px dashed var(--nb-c-primary);outline-offset:-2px}.nb-board__cell-footer{margin-top:.35rem}.nb-board__card{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;padding:.5rem .6rem;transition:box-shadow .12s;position:relative}.nb-board__card:hover{box-shadow:0 2px 6px #00000014}.nb-board__card:active{cursor:grabbing}.nb-board__card:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-board__card:last-child{margin-bottom:0}.nb-board__card--lifted{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-board__card--drop-into{border-color:var(--nb-c-primary);box-shadow:inset 0 0 0 2px var(--nb-c-primary);background:color-mix(in srgb, var(--nb-c-primary) 10%, var(--nb-c-surface))}.nb-board__card--drop-into:before,.nb-board__card--drop-into:after{content:none}.nb-board__card--drop-before:before,.nb-board__card--drop-after:after{content:"";background:var(--nb-c-primary);pointer-events:none;z-index:1;height:3px;position:absolute;left:0;right:0}.nb-board__card--drop-before:before{top:calc(-.175rem - 1.5px)}.nb-board__card--drop-after:after{bottom:calc(-.175rem - 1.5px)}.nb-board__empty-cell{min-height:40px}.nb-board__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
15
15
|
.nb-bottom-panel[data-v-f5c897fd]{background:var(--nb-bottom-panel-bg);border-top:1px solid var(--nb-bottom-panel-border);flex-direction:column;flex-shrink:0;display:flex}.nb-bottom-panel.collapsed[data-v-f5c897fd]{height:var(--nb-bottom-panel-header-height)}.nb-bottom-panel.default[data-v-f5c897fd]{height:30vh;min-height:80px}.nb-bottom-panel.half[data-v-f5c897fd]{height:50vh}.nb-bottom-panel.full[data-v-f5c897fd]{flex:1 0}.nb-bottom-panel__header[data-v-f5c897fd]{height:var(--nb-bottom-panel-header-height);border-bottom:1px solid var(--nb-bottom-panel-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.nb-bottom-panel__header-left[data-v-f5c897fd]{align-items:center;gap:6px;min-width:0;display:flex}.nb-bottom-panel__header-center[data-v-f5c897fd]{flex:1;justify-content:center;align-items:center;display:flex}.nb-bottom-panel__header-right[data-v-f5c897fd]{align-items:center;gap:2px;display:flex}.nb-bottom-panel__title[data-v-f5c897fd]{color:var(--nb-c-text-muted);white-space:nowrap;font-size:11px;font-weight:500}.nb-bottom-panel__toolbar[data-v-f5c897fd]{align-items:center;gap:4px;display:flex}.nb-bottom-panel__size-btn[data-v-f5c897fd]{border-radius:var(--nb-radius-control-sm);--nb-radius-context:var(--nb-radius-control-sm);width:22px;height:22px;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.nb-bottom-panel__size-btn[data-v-f5c897fd]:hover{background:var(--nb-c-surface-hover,#ffffff14);color:var(--nb-c-text)}.nb-bottom-panel__size-btn.active[data-v-f5c897fd]{background:var(--nb-c-surface-hover,#ffffff1f);color:var(--nb-c-text)}.nb-bottom-panel__content[data-v-f5c897fd]{flex:1;min-height:0;display:flex;overflow:hidden}
|
|
16
16
|
.nb-breadcrumbs[data-v-064c6984]{align-items:center;gap:.35rem;font-size:.9rem;line-height:1;display:inline-flex}.nb-breadcrumbs__brand[data-v-064c6984]{align-items:baseline;gap:.3em;display:inline-flex}.nb-breadcrumbs__title[data-v-064c6984]{color:var(--nb-c-text);font-weight:400}.nb-breadcrumbs__subtitle[data-v-064c6984]{color:var(--nb-c-text);font-weight:700}.nb-breadcrumbs__sep[data-v-064c6984]{color:var(--nb-c-text-subtle);flex-shrink:0}.nb-breadcrumbs__crumbs[data-v-064c6984]{color:var(--nb-c-text);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.nb-breadcrumbs__crumbs[data-v-064c6984]>:not(:first-child):before{content:"/";color:var(--nb-c-text-subtle);margin-inline-end:.35rem;font-weight:400}
|
|
17
17
|
.nb-calendar{font-family:var(--nb-font-family-sans,sans-serif);background:var(--nb-c-surface);border:1px solid var(--nb-c-border)}.nb-calendar__header{border-bottom:1px solid var(--nb-c-border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.nb-calendar__nav{color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .15s;display:flex}.nb-calendar__nav:hover{color:var(--nb-c-text)}.nb-calendar__title{color:var(--nb-c-text);font-size:.875rem;font-weight:600}.nb-calendar__today-btn{color:var(--nb-c-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;transition:color .15s}.nb-calendar__today-btn:hover{color:var(--nb-c-primary-hover,var(--nb-c-primary))}.nb-calendar__weekdays{border-bottom:1px solid var(--nb-c-border);background:var(--nb-c-surface-hover);grid-template-columns:repeat(7,1fr);display:grid}.nb-calendar__weekday{text-align:left;color:var(--nb-c-text);letter-spacing:.02em;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.nb-calendar__grid{grid-template-columns:repeat(7,1fr);display:grid}.nb-calendar__cell{border-right:1px solid var(--nb-c-border);border-bottom:1px solid var(--nb-c-border);cursor:pointer;min-height:96px;padding:.5rem .75rem;transition:background .1s}.nb-calendar__cell:nth-child(7n){border-right:none}.nb-calendar__cell:hover{background:var(--nb-c-surface-hover)}.nb-calendar__cell--outside{opacity:.35}.nb-calendar__cell--today .nb-calendar__day-num{color:var(--nb-c-primary);position:relative}.nb-calendar__cell--today .nb-calendar__day-num:after{content:"";background:var(--nb-c-primary);border-radius:var(--nb-radius-circle);width:4px;height:4px;margin:2px auto 0;display:block}.nb-calendar__day-num{color:var(--nb-c-text);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.nb-calendar__events{flex-direction:column;gap:2px;display:flex}.nb-calendar__event{cursor:pointer;padding:1px 4px;overflow:hidden}.nb-calendar__event-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;font-weight:500;display:block;overflow:hidden}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nubisco/ui",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"description": "Vue 3 UI component library",
|
|
5
5
|
"packageManager": "pnpm@12.3.4+sha512.961aa41fb077da3a04a441d9f8e15ebc0c96da8ef710b2eb67bf9ee7cb0610eabd48f1fd85f51cffe73846785fa0f87c56a3a872a1d893f8446741b5cce45457",
|
|
6
6
|
"repository": {
|
package/dist/Board-BuSaR4pf.js
DELETED
|
@@ -1,362 +0,0 @@
|
|
|
1
|
-
import { useStableId as e } from "./composables/useStableId.composable.mjs";
|
|
2
|
-
import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
|
|
3
|
-
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";
|
|
4
|
-
//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var v = [
|
|
6
|
-
"draggable",
|
|
7
|
-
"onDragstart",
|
|
8
|
-
"onDragover"
|
|
9
|
-
], 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 = [
|
|
10
|
-
"data-item-id",
|
|
11
|
-
"aria-label",
|
|
12
|
-
"aria-describedby",
|
|
13
|
-
"onDragstart",
|
|
14
|
-
"onDragover",
|
|
15
|
-
"onKeydown",
|
|
16
|
-
"onBlur"
|
|
17
|
-
], ae = {
|
|
18
|
-
key: 0,
|
|
19
|
-
class: "nb-board__empty-cell",
|
|
20
|
-
"aria-hidden": "true"
|
|
21
|
-
}, oe = {
|
|
22
|
-
key: 0,
|
|
23
|
-
class: "nb-board__cell-footer"
|
|
24
|
-
}, se = ["id"], ce = {
|
|
25
|
-
class: "nb-board__sr",
|
|
26
|
-
"aria-live": "assertive"
|
|
27
|
-
}, w = /* @__PURE__ */ s({
|
|
28
|
-
__name: "Board",
|
|
29
|
-
props: {
|
|
30
|
-
columns: {},
|
|
31
|
-
items: {},
|
|
32
|
-
lanes: { default: void 0 },
|
|
33
|
-
reorderableColumns: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: !1
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
emits: ["move", "column-move"],
|
|
39
|
-
setup(s, { emit: w }) {
|
|
40
|
-
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]);
|
|
41
|
-
function k(e) {
|
|
42
|
-
return e ? e.id ?? null : null;
|
|
43
|
-
}
|
|
44
|
-
function A(e) {
|
|
45
|
-
return e ? M(e.id) : "__flat__";
|
|
46
|
-
}
|
|
47
|
-
function j(e) {
|
|
48
|
-
return T.items.filter((t) => t.columnId === e).length;
|
|
49
|
-
}
|
|
50
|
-
function M(e) {
|
|
51
|
-
return e ?? "__none__";
|
|
52
|
-
}
|
|
53
|
-
function fe(e) {
|
|
54
|
-
return T.lanes ? T.items.filter((t) => (t.laneId ?? null) === e).length : 0;
|
|
55
|
-
}
|
|
56
|
-
function N(e, t) {
|
|
57
|
-
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);
|
|
58
|
-
}
|
|
59
|
-
function P(e) {
|
|
60
|
-
return T.columns.find((t) => t.id === e);
|
|
61
|
-
}
|
|
62
|
-
let F = f(/* @__PURE__ */ new Set());
|
|
63
|
-
function I(e) {
|
|
64
|
-
let t = M(e), n = new Set(F.value);
|
|
65
|
-
n.has(t) ? n.delete(t) : n.add(t), F.value = n;
|
|
66
|
-
}
|
|
67
|
-
function L(e) {
|
|
68
|
-
return F.value.has(M(e));
|
|
69
|
-
}
|
|
70
|
-
function R(e) {
|
|
71
|
-
let t = e.label ?? e.name ?? e.title;
|
|
72
|
-
return typeof t == "string" ? t : `Item ${e.id}`;
|
|
73
|
-
}
|
|
74
|
-
function z(e, t) {
|
|
75
|
-
return e ? `${t.label}, ${e.label}` : t.label;
|
|
76
|
-
}
|
|
77
|
-
function B(e, t) {
|
|
78
|
-
return z(e, t);
|
|
79
|
-
}
|
|
80
|
-
function V(e, t, n) {
|
|
81
|
-
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)}`;
|
|
82
|
-
return q.value?.item.id === e.id ? `${a}, picked up` : a;
|
|
83
|
-
}
|
|
84
|
-
let H = f("");
|
|
85
|
-
function U(e, t, n, r) {
|
|
86
|
-
let i = N(t, n).filter((t) => t.id !== e.item.id), a = Math.max(0, Math.min(r, i.length));
|
|
87
|
-
return e.fromColumnId === n && e.fromLaneId === t && a === N(t, n).findIndex((t) => t.id === e.item.id) ? !1 : (E("move", {
|
|
88
|
-
itemId: e.item.id,
|
|
89
|
-
fromColumnId: e.fromColumnId,
|
|
90
|
-
toColumnId: n,
|
|
91
|
-
fromLaneId: e.fromLaneId,
|
|
92
|
-
toLaneId: t,
|
|
93
|
-
toIndex: a,
|
|
94
|
-
beforeItemId: i[a - 1]?.id ?? null,
|
|
95
|
-
afterItemId: i[a]?.id ?? null
|
|
96
|
-
}), !0);
|
|
97
|
-
}
|
|
98
|
-
let W = f(null), G = f(null);
|
|
99
|
-
function pe(e, t, n) {
|
|
100
|
-
q.value = null, W.value = {
|
|
101
|
-
item: e,
|
|
102
|
-
fromLaneId: k(t),
|
|
103
|
-
fromColumnId: n
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
|
-
function me(e, t, n, r) {
|
|
107
|
-
if (!W.value) return;
|
|
108
|
-
let i = e.currentTarget.getBoundingClientRect(), a = e.clientY >= i.top + i.height / 2;
|
|
109
|
-
G.value = {
|
|
110
|
-
laneId: k(t),
|
|
111
|
-
colId: n,
|
|
112
|
-
index: r + (a ? 1 : 0)
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
function he(e, t) {
|
|
116
|
-
if (!W.value) return;
|
|
117
|
-
let n = k(e);
|
|
118
|
-
G.value = {
|
|
119
|
-
laneId: n,
|
|
120
|
-
colId: t,
|
|
121
|
-
index: N(n, t).length
|
|
122
|
-
};
|
|
123
|
-
}
|
|
124
|
-
function ge() {
|
|
125
|
-
G.value = null;
|
|
126
|
-
}
|
|
127
|
-
function _e() {
|
|
128
|
-
W.value = null, G.value = null;
|
|
129
|
-
}
|
|
130
|
-
function ve(e, t) {
|
|
131
|
-
return K(e, t) !== null;
|
|
132
|
-
}
|
|
133
|
-
function K(e, t) {
|
|
134
|
-
let n = k(e), r = G.value;
|
|
135
|
-
if (W.value && r && r.laneId === n && r.colId === t) return r.index;
|
|
136
|
-
let i = q.value;
|
|
137
|
-
if (i && i.laneId === n && i.colId === t) {
|
|
138
|
-
let e = N(n, t).findIndex((e) => e.id === i.item.id);
|
|
139
|
-
return e !== -1 && e <= i.index ? i.index + 1 : i.index;
|
|
140
|
-
}
|
|
141
|
-
return null;
|
|
142
|
-
}
|
|
143
|
-
function ye(e, t, n) {
|
|
144
|
-
return n === N(k(e), t).length - 1 && K(e, t) === n + 1;
|
|
145
|
-
}
|
|
146
|
-
function be(e, t) {
|
|
147
|
-
if (Z.value !== null) return;
|
|
148
|
-
let n = G.value;
|
|
149
|
-
G.value = null;
|
|
150
|
-
let r = W.value;
|
|
151
|
-
if (W.value = null, !r) return;
|
|
152
|
-
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);
|
|
153
|
-
U(r, i, t, s !== -1 && s < o ? o - 1 : o);
|
|
154
|
-
}
|
|
155
|
-
let q = f(null);
|
|
156
|
-
function xe(e, t, n, r) {
|
|
157
|
-
let i = k(n);
|
|
158
|
-
if (e.key === "Escape") {
|
|
159
|
-
if (!q.value) return;
|
|
160
|
-
e.preventDefault(), q.value = null, H.value = "Move cancelled";
|
|
161
|
-
return;
|
|
162
|
-
}
|
|
163
|
-
if (e.key === " " || e.key === "Enter") {
|
|
164
|
-
e.preventDefault(), q.value?.item.id === t.id ? Te() : Se(t, i, r);
|
|
165
|
-
return;
|
|
166
|
-
}
|
|
167
|
-
[
|
|
168
|
-
"ArrowUp",
|
|
169
|
-
"ArrowDown",
|
|
170
|
-
"ArrowLeft",
|
|
171
|
-
"ArrowRight"
|
|
172
|
-
].includes(e.key) && (e.preventDefault(), q.value?.item.id === t.id ? we(e.key) : Y(e.key, t, i, r));
|
|
173
|
-
}
|
|
174
|
-
function Se(e, t, n) {
|
|
175
|
-
q.value = {
|
|
176
|
-
item: e,
|
|
177
|
-
fromLaneId: t,
|
|
178
|
-
fromColumnId: n,
|
|
179
|
-
laneId: t,
|
|
180
|
-
colId: n,
|
|
181
|
-
index: N(t, n).findIndex((t) => t.id === e.id)
|
|
182
|
-
}, H.value = `${R(e)} picked up, ${J()}`;
|
|
183
|
-
}
|
|
184
|
-
function J() {
|
|
185
|
-
let e = q.value;
|
|
186
|
-
if (!e) return "";
|
|
187
|
-
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;
|
|
188
|
-
return `position ${e.index + 1} of ${t.length + 1} in ${i}`;
|
|
189
|
-
}
|
|
190
|
-
function Ce() {
|
|
191
|
-
return !T.lanes || T.lanes.length === 0 ? [null] : T.lanes.filter((e) => !L(e.id)).map((e) => e.id ?? null);
|
|
192
|
-
}
|
|
193
|
-
function we(e) {
|
|
194
|
-
let t = q.value;
|
|
195
|
-
if (!t) return;
|
|
196
|
-
let n = N(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
|
|
197
|
-
if (e === "ArrowUp" || e === "ArrowDown") {
|
|
198
|
-
let r = e === "ArrowUp" ? -1 : 1, i = t.index + r;
|
|
199
|
-
if (i >= 0 && i <= n.length) t.index = i;
|
|
200
|
-
else {
|
|
201
|
-
let e = Ce(), n = e.indexOf(t.laneId), i = n + r;
|
|
202
|
-
if (n === -1 || i < 0 || i >= e.length) return;
|
|
203
|
-
let a = e[i];
|
|
204
|
-
t.laneId = a, t.index = r === 1 ? 0 : N(a, t.colId).filter((e) => e.id !== t.item.id).length;
|
|
205
|
-
}
|
|
206
|
-
} else {
|
|
207
|
-
let n = e === "ArrowLeft" ? -1 : 1, r = T.columns.findIndex((e) => e.id === t.colId), i = T.columns[r + n];
|
|
208
|
-
if (r === -1 || !i) return;
|
|
209
|
-
t.colId = i.id;
|
|
210
|
-
let a = N(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
|
|
211
|
-
t.index = Math.min(t.index, a.length);
|
|
212
|
-
}
|
|
213
|
-
H.value = `${R(t.item)}, ${J()}`;
|
|
214
|
-
}
|
|
215
|
-
function Te() {
|
|
216
|
-
let e = q.value;
|
|
217
|
-
if (!e) return;
|
|
218
|
-
q.value = null;
|
|
219
|
-
let t = U({
|
|
220
|
-
item: e.item,
|
|
221
|
-
fromLaneId: e.fromLaneId,
|
|
222
|
-
fromColumnId: e.fromColumnId
|
|
223
|
-
}, 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;
|
|
224
|
-
H.value = t ? `${R(e.item)} dropped, position ${e.index + 1} in ${i}` : `${R(e.item)} dropped`, Ee(e.item.id);
|
|
225
|
-
}
|
|
226
|
-
function Y(e, t, n, r) {
|
|
227
|
-
let i = N(n, r), a = i.findIndex((e) => e.id === t.id);
|
|
228
|
-
if (e === "ArrowUp" || e === "ArrowDown") {
|
|
229
|
-
let t = a + (e === "ArrowDown" ? 1 : -1);
|
|
230
|
-
t >= 0 && t < i.length && X(i[t].id);
|
|
231
|
-
} else {
|
|
232
|
-
let t = T.columns.findIndex((e) => e.id === r), i = T.columns[t + (e === "ArrowRight" ? 1 : -1)];
|
|
233
|
-
if (t === -1 || !i) return;
|
|
234
|
-
let o = N(n, i.id);
|
|
235
|
-
if (o.length === 0) return;
|
|
236
|
-
X(o[Math.min(a, o.length - 1)].id);
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
function X(e) {
|
|
240
|
-
let t = O.value?.querySelectorAll("[data-item-id]");
|
|
241
|
-
if (t) {
|
|
242
|
-
for (let n of t) if (n.dataset.itemId === e) {
|
|
243
|
-
n.focus();
|
|
244
|
-
return;
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
async function Ee(e) {
|
|
249
|
-
await c(), await c(), X(e);
|
|
250
|
-
}
|
|
251
|
-
function De(e) {
|
|
252
|
-
q.value?.item.id === e.id && (q.value = null);
|
|
253
|
-
}
|
|
254
|
-
let Z = f(null), Q = f(null);
|
|
255
|
-
function Oe(e, t) {
|
|
256
|
-
if (!T.reorderableColumns) {
|
|
257
|
-
t.preventDefault();
|
|
258
|
-
return;
|
|
259
|
-
}
|
|
260
|
-
Z.value = e, Q.value = e;
|
|
261
|
-
}
|
|
262
|
-
function ke(e, t) {
|
|
263
|
-
if (Z.value === null) return;
|
|
264
|
-
t.preventDefault();
|
|
265
|
-
let n = t.currentTarget.getBoundingClientRect();
|
|
266
|
-
Q.value = t.clientX < n.left + n.width / 2 ? e : e + 1;
|
|
267
|
-
}
|
|
268
|
-
function Ae(e) {
|
|
269
|
-
let t = Z.value, n = Q.value;
|
|
270
|
-
if ($(), t === null || n === null) return;
|
|
271
|
-
e.preventDefault();
|
|
272
|
-
let r = n > t ? n - 1 : n;
|
|
273
|
-
r !== t && E("column-move", {
|
|
274
|
-
columnId: T.columns[t].id,
|
|
275
|
-
toIndex: r
|
|
276
|
-
});
|
|
277
|
-
}
|
|
278
|
-
function $() {
|
|
279
|
-
Z.value = null, Q.value = null;
|
|
280
|
-
}
|
|
281
|
-
return (e, t) => (d(), a("div", ee({
|
|
282
|
-
ref_key: "boardRef",
|
|
283
|
-
ref: O,
|
|
284
|
-
class: "nb-board"
|
|
285
|
-
}, g(le)), [
|
|
286
|
-
o("div", {
|
|
287
|
-
class: "nb-board__grid",
|
|
288
|
-
style: u(ue.value)
|
|
289
|
-
}, [(d(!0), a(n, null, p(s.columns, (t, n) => (d(), a("div", {
|
|
290
|
-
key: t.id,
|
|
291
|
-
class: l(["nb-board__col-header", {
|
|
292
|
-
"nb-board__col-header--reorderable": s.reorderableColumns,
|
|
293
|
-
"nb-board__col-header--dragging": Z.value === n,
|
|
294
|
-
"nb-board__col-header--drop-before": Q.value === n,
|
|
295
|
-
"nb-board__col-header--drop-after": Q.value === n + 1 && n === s.columns.length - 1
|
|
296
|
-
}]),
|
|
297
|
-
style: u(t.color ? { borderTopColor: t.color } : void 0),
|
|
298
|
-
draggable: s.reorderableColumns || void 0,
|
|
299
|
-
onDragstart: (e) => Oe(n, e),
|
|
300
|
-
onDragover: (e) => ke(n, e),
|
|
301
|
-
onDrop: Ae,
|
|
302
|
-
onDragend: $
|
|
303
|
-
}, [m(e.$slots, "column-header", {
|
|
304
|
-
column: t,
|
|
305
|
-
count: j(t.id)
|
|
306
|
-
}, () => [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", {
|
|
307
|
-
key: 0,
|
|
308
|
-
class: "nb-board__lane-header",
|
|
309
|
-
onClick: (e) => I(t.id)
|
|
310
|
-
}, [
|
|
311
|
-
o("button", {
|
|
312
|
-
class: "nb-board__collapse-btn",
|
|
313
|
-
"aria-label": L(t.id) ? "Expand" : "Collapse"
|
|
314
|
-
}, h(L(t.id) ? "▶" : "▼"), 9, S),
|
|
315
|
-
m(e.$slots, "lane-header", { lane: t }, () => [o("span", C, h(t.label), 1)]),
|
|
316
|
-
o("span", te, h(fe(t.id)), 1)
|
|
317
|
-
], 8, x)) : i("", !0), !t || !L(t.id) ? (d(!0), a(n, { key: 1 }, p(s.columns, (r) => (d(), a("div", {
|
|
318
|
-
key: A(t) + "-" + r.id,
|
|
319
|
-
class: l(["nb-board__cell", { "nb-board__cell--drag-over": ve(t, r.id) }]),
|
|
320
|
-
onDragover: _((e) => he(t, r.id), ["prevent"]),
|
|
321
|
-
onDragleave: ge,
|
|
322
|
-
onDrop: _((e) => be(t, r.id), ["prevent"])
|
|
323
|
-
}, [o("div", {
|
|
324
|
-
class: "nb-board__cell-items",
|
|
325
|
-
role: "list",
|
|
326
|
-
"aria-label": B(t, r)
|
|
327
|
-
}, [(d(!0), a(n, null, p(N(k(t), r.id), (n, i) => (d(), a("div", {
|
|
328
|
-
key: n.id,
|
|
329
|
-
class: l(["nb-board__card", {
|
|
330
|
-
"nb-board__card--lifted": q.value?.item.id === n.id,
|
|
331
|
-
"nb-board__card--drop-before": K(t, r.id) === i,
|
|
332
|
-
"nb-board__card--drop-after": ye(t, r.id, i)
|
|
333
|
-
}]),
|
|
334
|
-
role: "listitem",
|
|
335
|
-
tabindex: "0",
|
|
336
|
-
"data-item-id": n.id,
|
|
337
|
-
"aria-label": V(n, t, r),
|
|
338
|
-
"aria-describedby": `${g(D)}-hint`,
|
|
339
|
-
draggable: "true",
|
|
340
|
-
onDragstart: (e) => pe(n, t, r.id),
|
|
341
|
-
onDragover: _((e) => me(e, t, r.id, i), ["prevent", "stop"]),
|
|
342
|
-
onDragend: _e,
|
|
343
|
-
onKeydown: (e) => xe(e, n, t, r.id),
|
|
344
|
-
onBlur: (e) => De(n)
|
|
345
|
-
}, [m(e.$slots, "card", {
|
|
346
|
-
item: n,
|
|
347
|
-
column: r,
|
|
348
|
-
lane: t ?? void 0
|
|
349
|
-
})], 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", {
|
|
350
|
-
column: r,
|
|
351
|
-
lane: t ?? void 0
|
|
352
|
-
})])) : i("", !0)], 42, ne))), 128)) : i("", !0)], 64))), 128))], 4),
|
|
353
|
-
o("span", {
|
|
354
|
-
id: `${g(D)}-hint`,
|
|
355
|
-
class: "nb-board__sr"
|
|
356
|
-
}, " Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. ", 8, se),
|
|
357
|
-
o("span", ce, h(H.value), 1)
|
|
358
|
-
], 16));
|
|
359
|
-
}
|
|
360
|
-
});
|
|
361
|
-
//#endregion
|
|
362
|
-
export { w as t };
|
package/dist/Board-Dsril3p2.cjs
DELETED
|
@@ -1 +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`},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}});
|