@nubisco/ui 4.0.1 → 4.0.2
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/{BlueprintControls-Bo8iODBv.js → BlueprintControls-CJAKrQ6U.js} +1 -1
- package/dist/{BlueprintControls-BSFwzxjG.cjs → BlueprintControls-aF11uokn.cjs} +1 -1
- package/dist/{Button-C6VXnkFB.js → Button-Cegx6vaT.js} +16 -17
- package/dist/Button-Dqtcr4i0.cjs +1 -0
- package/dist/{Confirm-B2fEiMQw.cjs → Confirm-CW160zEF.cjs} +1 -1
- package/dist/{Confirm-BmI_VsqK.js → Confirm-pgn2HajX.js} +1 -1
- package/dist/{DataTable-DcQGGdbB.cjs → DataTable-BbiDmA1X.cjs} +1 -1
- package/dist/{DataTable-BRCaCVAA.js → DataTable-c0ltF6wT.js} +1 -1
- package/dist/{FileUploader-DsY6Agi1.js → FileUploader-BLwR6H3f.js} +1 -1
- package/dist/{FileUploader-Bn_iCgXm.cjs → FileUploader-Lzy4bFn7.cjs} +1 -1
- package/dist/{NotificationCenter-CiewkoQ-.cjs → NotificationCenter-CrCoVe8p.cjs} +1 -1
- package/dist/{NotificationCenter-CuwEhh08.js → NotificationCenter-CrwDwpt6.js} +1 -1
- package/dist/{Pagination-DDYLKW17.js → Pagination-B6a62qvI.js} +1 -1
- package/dist/{Pagination-P0P1-0ca.cjs → Pagination-CkBe9Naz.cjs} +1 -1
- package/dist/SidebarLink-CngTvuB6.cjs +1 -0
- package/dist/{SidebarLink-BlQ50jgX.js → SidebarLink-y2If8dtl.js} +10 -11
- package/dist/SidebarMenuItem-DBINoxeA.js +170 -0
- package/dist/SidebarMenuItem-DoyuIs3w.cjs +1 -0
- package/dist/{Walkthrough-H1vr3r1p.cjs → Walkthrough-DHtLDsOk.cjs} +1 -1
- package/dist/{Walkthrough-CV6HLOnv.js → Walkthrough-l7HOZths.js} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +10 -10
- package/dist/components/BlueprintControls.cjs +1 -1
- package/dist/components/BlueprintControls.mjs +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/SidebarLink.cjs +1 -1
- package/dist/components/SidebarLink.mjs +1 -1
- package/dist/components/SidebarLink.vue.d.ts.map +1 -1
- package/dist/components/SidebarMenuItem.cjs +1 -1
- package/dist/components/SidebarMenuItem.mjs +1 -1
- package/dist/components/SidebarMenuItem.vue.d.ts.map +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +10 -10
- package/dist/styles/Button.css +1 -1
- package/dist/styles/SidebarLink.css +1 -1
- package/dist/styles/SidebarMenuItem.css +1 -1
- package/dist/ui.css +3 -3
- package/package.json +2 -1
- package/dist/Button-6GNkKckU.cjs +0 -1
- package/dist/SidebarLink-B857d6tr.cjs +0 -1
- package/dist/SidebarMenuItem-BUqF3qLa.js +0 -171
- package/dist/SidebarMenuItem-DRtFtvJK.cjs +0 -1
package/dist/index.mjs
CHANGED
|
@@ -22,7 +22,7 @@ import { t as U } from "./Badge-BmT7Oe9o.js";
|
|
|
22
22
|
import { n as W, r as G, t as K } from "./Banner-7XsX8ibI.js";
|
|
23
23
|
import { a as q, c as J, i as Y, n as X, o as Z, r as Q, s as $, t as ee } from "./palette-DpTb1uUD.js";
|
|
24
24
|
import { t as te } from "./BarChart-DYgJdP0G.js";
|
|
25
|
-
import { t as ne } from "./Button-
|
|
25
|
+
import { t as ne } from "./Button-Cegx6vaT.js";
|
|
26
26
|
import { t as re } from "./Label-t49uSLIY.js";
|
|
27
27
|
import { t as ie } from "./Message-BuG5t7bu.js";
|
|
28
28
|
import { t as ae } from "./Grid-CVNb1HcS.js";
|
|
@@ -34,9 +34,9 @@ import { t as ue } from "./Checkbox-BJrnykX9.js";
|
|
|
34
34
|
import { t as de } from "./CheckboxGroup-CUSPscyy.js";
|
|
35
35
|
import { t as fe } from "./Switch-BRJrFLY3.js";
|
|
36
36
|
import { t as pe } from "./ColorStrip-CR1JDzwX.js";
|
|
37
|
-
import { t as me } from "./DataTable-
|
|
37
|
+
import { t as me } from "./DataTable-c0ltF6wT.js";
|
|
38
38
|
import { t as he } from "./Select-swFFQIMN.js";
|
|
39
|
-
import { t as ge } from "./Pagination-
|
|
39
|
+
import { t as ge } from "./Pagination-B6a62qvI.js";
|
|
40
40
|
import { t as _e } from "./Flag-FWxoHtMw.js";
|
|
41
41
|
import { t as ve } from "./GanttChart-COvhOkvR.js";
|
|
42
42
|
import { t as ye } from "./InfoHint-Cj0Us0mD.js";
|
|
@@ -54,17 +54,17 @@ import { acquireScrollLock as Ae, releaseScrollLock as je, useScrollLock as Me }
|
|
|
54
54
|
import { t as Ne } from "./CommandPalette-BNXzQurN.js";
|
|
55
55
|
import { t as Pe } from "./Modal-iN94HtKE.js";
|
|
56
56
|
import { t as Fe } from "./TextInput-CxC2HVj6.js";
|
|
57
|
-
import { n as Ie, r as Le, t as Re } from "./Confirm-
|
|
57
|
+
import { n as Ie, r as Le, t as Re } from "./Confirm-pgn2HajX.js";
|
|
58
58
|
import { t as ze } from "./Layer-DuhjpUbz.js";
|
|
59
59
|
import { t as Be } from "./Panel-BVtGI7YH.js";
|
|
60
60
|
import { t as Ve } from "./PieChart-E0Q6WOuT.js";
|
|
61
61
|
import { useShellSlot as He } from "./composables/useShellSlot.composable.mjs";
|
|
62
62
|
import { t as Ue } from "./Shell-Dr7LHIqk.js";
|
|
63
63
|
import { t as We } from "./SidebarBrand-BZeEw6pk.js";
|
|
64
|
-
import { t as Ge } from "./SidebarLink-
|
|
64
|
+
import { t as Ge } from "./SidebarLink-y2If8dtl.js";
|
|
65
65
|
import { t as Ke } from "./SidebarMenu-LLy6Fora.js";
|
|
66
66
|
import { t as qe } from "./SidebarMenuGroup-B4jMOWcm.js";
|
|
67
|
-
import { t as Je } from "./SidebarMenuItem-
|
|
67
|
+
import { t as Je } from "./SidebarMenuItem-DBINoxeA.js";
|
|
68
68
|
import { t as Ye } from "./Toast-QXobTGZM.js";
|
|
69
69
|
import { NB_TOAST_DURATIONS as Xe, NB_TOAST_QUEUE_KEY as Ze, NB_TOAST_STATUS_LABELS as Qe, createToastQueue as $e, resetToastQueue as et, useToast as tt } from "./composables/useToast.composable.mjs";
|
|
70
70
|
import { t as nt } from "./Toaster-DcA6PJPt.js";
|
|
@@ -76,7 +76,7 @@ import { n as pt, t as mt } from "./InlineLoading-DA8__t0M.js";
|
|
|
76
76
|
import { n as ht, t as gt } from "./Skeleton-CC7LVdxd.js";
|
|
77
77
|
import { t as _t } from "./Radio-CQveGtXr.js";
|
|
78
78
|
import { t as vt } from "./NotificationCenterItem-ZkLsiQIV.js";
|
|
79
|
-
import { t as yt } from "./NotificationCenter-
|
|
79
|
+
import { t as yt } from "./NotificationCenter-CrwDwpt6.js";
|
|
80
80
|
import { t as bt } from "./NumberInput-6R8FkJc-.js";
|
|
81
81
|
import { t as xt } from "./Slider-lOhGG7UX.js";
|
|
82
82
|
import { i as St, n as Ct, r as wt } from "./Stepper.context-CKSUoiem.js";
|
|
@@ -91,17 +91,17 @@ import { t as Mt } from "./ShellPanel-I0ZMGQ4K.js";
|
|
|
91
91
|
import { n as Nt, t as Pt } from "./Blueprint.context-CFdYIXJd.js";
|
|
92
92
|
import { n as Ft, r as It, t as Lt } from "./Blueprint-BssBWGv5.js";
|
|
93
93
|
import { useBlueprint as Rt } from "./composables/useBlueprint.composable.mjs";
|
|
94
|
-
import { t as zt } from "./BlueprintControls-
|
|
94
|
+
import { t as zt } from "./BlueprintControls-CJAKrQ6U.js";
|
|
95
95
|
import { t as Bt } from "./BlueprintMinimap-C-65UzhM.js";
|
|
96
96
|
import { t as Vt } from "./BlueprintCard-CS_ZWdB0.js";
|
|
97
97
|
import { t as Ht } from "./BlueprintBackground-Bm9-bZiz.js";
|
|
98
98
|
import { t as Ut } from "./AiLabel-VbZiFHAZ.js";
|
|
99
|
-
import { t as Wt } from "./FileUploader-
|
|
99
|
+
import { t as Wt } from "./FileUploader-BLwR6H3f.js";
|
|
100
100
|
import { t as Gt } from "./Form-z5burrVK.js";
|
|
101
101
|
import { t as Kt } from "./ImageCropper-BT9lfFrs.js";
|
|
102
102
|
import { WALKTHROUGH_STORAGE_PREFIX as qt, createDefaultWalkthroughStorage as Jt, createLocalStorageWalkthroughStorage as Yt, createMemoryWalkthroughStorage as Xt } from "./utils/walkthroughStorage.helper.mjs";
|
|
103
103
|
import { useWalkthrough as Zt } from "./composables/useWalkthrough.composable.mjs";
|
|
104
|
-
import { t as Qt } from "./Walkthrough-
|
|
104
|
+
import { t as Qt } from "./Walkthrough-l7HOZths.js";
|
|
105
105
|
import { dismissConfirms as $t, useConfirm as en } from "./composables/useConfirm.composable.mjs";
|
|
106
106
|
import { useContextMenu as tn } from "./composables/useContextMenu.composable.mjs";
|
|
107
107
|
import { useInlineLoading as nn } from "./composables/useInlineLoading.composable.mjs";
|
package/dist/styles/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nb-button[data-v-9cc29817]{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-9cc29817]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-button[data-v-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{justify-content:center;align-items:center;padding:0}.nb-button--icon-only.nb-button--xxs[data-v-9cc29817]{--nb-button-icon-size:12px;width:16px}.nb-button--icon-only.nb-button--xs[data-v-9cc29817]{--nb-button-icon-size:14px;width:24px}.nb-button--icon-only.nb-button--sm[data-v-9cc29817]{--nb-button-icon-size:16px;width:32px}.nb-button--icon-only.nb-button--md[data-v-9cc29817]{--nb-button-icon-size:18px;width:40px}.nb-button--icon-only.nb-button--lg[data-v-9cc29817],.nb-button--icon-only.nb-button--xl[data-v-9cc29817]{--nb-button-icon-size:20px;width:48px}.nb-button--icon-only.nb-button--xxl[data-v-9cc29817]{--nb-button-icon-size:26px;width:64px}.nb-button--icon-only .nb-button__decorations[data-v-9cc29817]{align-items:center}.nb-button--primary[data-v-9cc29817]{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-button--primary[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--primary[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--primary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-primary-hover-a11y)}.nb-button--secondary[data-v-9cc29817]{background:var(--nb-c-secondary);color:var(--nb-c-secondary-a11y)}.nb-button--secondary[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-secondary-hover);color:var(--nb-c-secondary-hover-a11y)}.nb-button--secondary[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-secondary-active);color:var(--nb-c-secondary-active-a11y)}.nb-button--secondary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-secondary-hover-a11y)}.nb-button--ghost[data-v-9cc29817]{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-9cc29817]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y);border-color:var(--nb-c-primary-subtle)}.nb-button--ghost[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--ghost[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-contrast)}.nb-button--warning[data-v-9cc29817]{background:var(--nb-c-warning);color:var(--nb-c-warning-a11y)}.nb-button--warning[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-warning-hover);color:var(--nb-c-warning-hover-a11y)}.nb-button--warning[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-warning-active);color:var(--nb-c-warning-active-a11y)}.nb-button--warning[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-warning-hover-a11y)}.nb-button--danger[data-v-9cc29817]{background:var(--nb-c-danger);color:var(--nb-c-danger-a11y)}.nb-button--danger[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-danger-hover);color:var(--nb-c-danger-hover-a11y)}.nb-button--danger[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-danger-active);color:var(--nb-c-danger-active-a11y)}.nb-button--danger[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-danger-hover-a11y)}.nb-button--success[data-v-9cc29817]{background:var(--nb-c-success);color:var(--nb-c-success-a11y)}.nb-button--success[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-success-hover);color:var(--nb-c-success-hover-a11y)}.nb-button--success[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-success-active);color:var(--nb-c-success-active-a11y)}.nb-button--success[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-success-hover-a11y)}.nb-button--info[data-v-9cc29817]{background:var(--nb-c-info);color:var(--nb-c-info-a11y)}.nb-button--info[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-info-hover);color:var(--nb-c-info-hover-a11y)}.nb-button--info[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-info-active);color:var(--nb-c-info-active-a11y)}.nb-button--info[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-info-hover-a11y)}.nb-button[data-v-9cc29817]:disabled,.nb-button[aria-disabled=true][data-v-9cc29817]{opacity:.45;cursor:not-allowed;pointer-events:none}.nb-button[data-v-9cc29817]:disabled:focus-visible,.nb-button[aria-disabled=true][data-v-9cc29817]:focus-visible{outline-color:#0000}.nb-button--outlined[data-v-9cc29817]:not(.nb-button--ghost){color:var(--nb-c-contrast);background:0 0;border:1px solid}.nb-button--outlined.nb-button--primary[data-v-9cc29817]{color:var(--nb-c-primary)}.nb-button--outlined.nb-button--primary[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 14%, transparent)}.nb-button--outlined.nb-button--primary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-primary)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]{color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-secondary) 14%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]{color:var(--nb-c-danger)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-danger) 14%, transparent)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-danger)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]{color:var(--nb-c-warning)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-warning) 14%, transparent)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-warning)}.nb-button--outlined.nb-button--success[data-v-9cc29817]{color:var(--nb-c-success)}.nb-button--outlined.nb-button--success[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-success) 14%, transparent)}.nb-button--outlined.nb-button--success[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-success)}.nb-button--outlined.nb-button--info[data-v-9cc29817]{color:var(--nb-c-info)}.nb-button--outlined.nb-button--info[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-info) 14%, transparent)}.nb-button--outlined.nb-button--info[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-info)}.nb-button--loading[data-v-9cc29817]{cursor:wait;pointer-events:none}.nb-button__decorations[data-v-9cc29817]{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-button__spinner[data-v-9cc29817]{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-9cc29817}@keyframes nb-spin-9cc29817{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nb-button .nb-button__spinner[data-v-9cc29817]{border-top-color:currentColor;animation:1.6s ease-in-out infinite nb-button-spinner-breathe-9cc29817}}@keyframes nb-button-spinner-breathe-9cc29817{0%,to{opacity:.35}50%{opacity:1}}
|
|
1
|
+
.nb-button[data-v-fc827929]{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-fc827929]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-button[data-v-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{justify-content:center;align-items:center;padding:0}.nb-button--icon-only.nb-button--xxs[data-v-fc827929]{--nb-button-icon-size:12px;width:16px}.nb-button--icon-only.nb-button--xs[data-v-fc827929]{--nb-button-icon-size:14px;width:24px}.nb-button--icon-only.nb-button--sm[data-v-fc827929]{--nb-button-icon-size:16px;width:32px}.nb-button--icon-only.nb-button--md[data-v-fc827929]{--nb-button-icon-size:18px;width:40px}.nb-button--icon-only.nb-button--lg[data-v-fc827929],.nb-button--icon-only.nb-button--xl[data-v-fc827929]{--nb-button-icon-size:20px;width:48px}.nb-button--icon-only.nb-button--xxl[data-v-fc827929]{--nb-button-icon-size:26px;width:64px}.nb-button--icon-only .nb-button__decorations[data-v-fc827929]{align-items:center}.nb-button--primary[data-v-fc827929]{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-button--primary[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--primary[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--primary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-primary-hover-a11y)}.nb-button--secondary[data-v-fc827929]{background:var(--nb-c-secondary);color:var(--nb-c-secondary-a11y)}.nb-button--secondary[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-secondary-hover);color:var(--nb-c-secondary-hover-a11y)}.nb-button--secondary[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-secondary-active);color:var(--nb-c-secondary-active-a11y)}.nb-button--secondary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-secondary-hover-a11y)}.nb-button--ghost[data-v-fc827929]{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-fc827929]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y);border-color:var(--nb-c-primary-subtle)}.nb-button--ghost[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--ghost[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-contrast)}.nb-button--warning[data-v-fc827929]{background:var(--nb-c-warning);color:var(--nb-c-warning-a11y)}.nb-button--warning[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-warning-hover);color:var(--nb-c-warning-hover-a11y)}.nb-button--warning[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-warning-active);color:var(--nb-c-warning-active-a11y)}.nb-button--warning[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-warning-hover-a11y)}.nb-button--danger[data-v-fc827929]{background:var(--nb-c-danger);color:var(--nb-c-danger-a11y)}.nb-button--danger[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-danger-hover);color:var(--nb-c-danger-hover-a11y)}.nb-button--danger[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-danger-active);color:var(--nb-c-danger-active-a11y)}.nb-button--danger[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-danger-hover-a11y)}.nb-button--success[data-v-fc827929]{background:var(--nb-c-success);color:var(--nb-c-success-a11y)}.nb-button--success[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-success-hover);color:var(--nb-c-success-hover-a11y)}.nb-button--success[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-success-active);color:var(--nb-c-success-active-a11y)}.nb-button--success[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-success-hover-a11y)}.nb-button--info[data-v-fc827929]{background:var(--nb-c-info);color:var(--nb-c-info-a11y)}.nb-button--info[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-info-hover);color:var(--nb-c-info-hover-a11y)}.nb-button--info[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-info-active);color:var(--nb-c-info-active-a11y)}.nb-button--info[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-info-hover-a11y)}.nb-button[data-v-fc827929]:disabled,.nb-button[aria-disabled=true][data-v-fc827929]{opacity:.45;cursor:not-allowed;pointer-events:none}.nb-button[data-v-fc827929]:disabled:focus-visible,.nb-button[aria-disabled=true][data-v-fc827929]:focus-visible{outline-color:#0000}.nb-button--outlined[data-v-fc827929]:not(.nb-button--ghost){color:var(--nb-c-contrast);background:0 0;border:1px solid}.nb-button--outlined.nb-button--primary[data-v-fc827929]{color:var(--nb-c-primary)}.nb-button--outlined.nb-button--primary[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 14%, transparent)}.nb-button--outlined.nb-button--primary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-primary)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]{color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-secondary) 14%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--danger[data-v-fc827929]{color:var(--nb-c-danger)}.nb-button--outlined.nb-button--danger[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-danger) 14%, transparent)}.nb-button--outlined.nb-button--danger[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-danger)}.nb-button--outlined.nb-button--warning[data-v-fc827929]{color:var(--nb-c-warning)}.nb-button--outlined.nb-button--warning[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-warning) 14%, transparent)}.nb-button--outlined.nb-button--warning[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-warning)}.nb-button--outlined.nb-button--success[data-v-fc827929]{color:var(--nb-c-success)}.nb-button--outlined.nb-button--success[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-success) 14%, transparent)}.nb-button--outlined.nb-button--success[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-success)}.nb-button--outlined.nb-button--info[data-v-fc827929]{color:var(--nb-c-info)}.nb-button--outlined.nb-button--info[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-info) 14%, transparent)}.nb-button--outlined.nb-button--info[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-info)}.nb-button--loading[data-v-fc827929]{cursor:wait;pointer-events:none}.nb-button__decorations[data-v-fc827929]{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-button__spinner[data-v-fc827929]{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-fc827929}@keyframes nb-spin-fc827929{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nb-button .nb-button__spinner[data-v-fc827929]{border-top-color:currentColor;animation:1.6s ease-in-out infinite nb-button-spinner-breathe-fc827929}}@keyframes nb-button-spinner-breathe-fc827929{0%,to{opacity:.35}50%{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nb-sidebar-link[data-v-
|
|
1
|
+
.nb-sidebar-link[data-v-b72aaa0e]{width:40px;height:40px;color:var(--nb-shell-sidebar-link-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nb-sidebar-link[data-tooltip][data-v-b72aaa0e]:after{content:attr(data-tooltip);background:var(--nb-c-contrast);color:var(--nb-c-surface);white-space:nowrap;pointer-events:none;opacity:0;z-index:500;border-radius:5px;padding:.3rem .65rem;font-size:.76rem;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.nb-sidebar-link[data-tooltip][data-v-b72aaa0e]:hover:after{opacity:1}.nb-sidebar-link[data-v-b72aaa0e]:hover:not(.nb-sidebar-link--disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14);color:var(--nb-shell-sidebar-link-hover-color)}.nb-sidebar-link--active[data-v-b72aaa0e]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-link--danger[data-v-b72aaa0e]:hover:not(.nb-sidebar-link--disabled){background:var(--nb-shell-sidebar-link-danger-bg,color-mix(in srgb, var(--nb-c-danger) 12%, transparent));color:var(--nb-shell-sidebar-link-danger-color,var(--nb-c-danger))}.nb-sidebar-link--disabled[data-v-b72aaa0e]{opacity:.35;cursor:not-allowed;pointer-events:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nb-sidebar-menu-item[data-v-
|
|
1
|
+
.nb-sidebar-menu-item[data-v-81f2be54]{margin:0;list-style:none}.nb-sidebar-menu-item__row[data-v-81f2be54]{box-sizing:border-box;width:100%;color:var(--nb-shell-sidebar-link-color);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.625rem;padding:.45rem .75rem;text-decoration:none;transition:background .12s,color .12s;display:flex}.nb-sidebar-menu-item__row[data-v-81f2be54]:hover:not(.nb-sidebar-menu-item__row--disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14);color:var(--nb-shell-sidebar-link-hover-color)}.nb-sidebar-menu-item__row--active[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__row--disabled[data-v-81f2be54]{opacity:.4;cursor:not-allowed;pointer-events:none}.nb-sidebar-menu-item__row--compact[data-v-81f2be54]{justify-content:center;width:40px;height:40px;margin:0 auto;padding:0;position:relative}.nb-sidebar-menu-item__icon[data-v-81f2be54]{flex-shrink:0}.nb-sidebar-menu-item__label[data-v-81f2be54]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nb-sidebar-menu-item__badge[data-v-81f2be54]{letter-spacing:.02em;background:var(--nb-shell-sidebar-link-hover-bg);color:var(--nb-shell-sidebar-link-hover-color);border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:.6875rem;font-weight:700}.nb-sidebar-menu-item__badge--accent[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__badge--success[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-success,#22c55e) 22%, transparent);color:var(--nb-c-success,#22c55e)}.nb-sidebar-menu-item__badge--warning[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-warning,#f59e0b) 22%, transparent);color:var(--nb-c-warning,#f59e0b)}.nb-sidebar-menu-item__badge--danger[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-danger,#ef4444) 22%, transparent);color:var(--nb-c-danger,#ef4444)}.nb-sidebar-menu-item__badge-dot[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-color);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.nb-sidebar-menu-item__badge-dot--accent[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__badge-dot--success[data-v-81f2be54]{background:var(--nb-c-success,#22c55e)}.nb-sidebar-menu-item__badge-dot--warning[data-v-81f2be54]{background:var(--nb-c-warning,#f59e0b)}.nb-sidebar-menu-item__badge-dot--danger[data-v-81f2be54]{background:var(--nb-c-danger,#ef4444)}.nb-sidebar-menu-item__caret[data-v-81f2be54]{opacity:.65;flex-shrink:0;transition:transform .15s}.nb-sidebar-menu-item__caret--expanded[data-v-81f2be54]{transform:rotate(90deg)}.nb-sidebar-menu-item__children[data-v-81f2be54]{border-left:1px solid var(--nb-shell-sidebar-link-hover-bg);flex-direction:column;gap:1px;margin:2px 0 4px .875rem;padding:0 0 0 1.625rem;list-style:none;display:flex}.nb-sidebar-menu-item__flyout{z-index:1000;background:var(--nb-shell-sidebar-bg);border:1px solid var(--nb-shell-sidebar-link-hover-bg);min-width:200px;max-width:280px;color:var(--nb-shell-sidebar-link-color);border-radius:8px;padding:6px;font-size:.8125rem;position:fixed;box-shadow:0 8px 24px #00000059}.nb-sidebar-menu-item__flyout-header{justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .625rem .5rem;display:flex}.nb-sidebar-menu-item__flyout-label{color:var(--nb-shell-sidebar-link-hover-color);font-weight:600}.nb-sidebar-menu-item__flyout-children{border-top:1px solid var(--nb-shell-sidebar-link-hover-bg);flex-direction:column;gap:1px;margin:0;padding:4px 0 0;list-style:none;display:flex}.nb-sidebar-menu-item__flyout-children .nb-sidebar-menu-item__row{justify-content:flex-start;width:100%;height:auto;padding:.4rem .625rem}
|
package/dist/ui.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
.nb-blueprint__grid[data-v-31ed2748]{--nb-blueprint-grid-gap:24px;--_grid-color:var(--nb-blueprint-grid-color,var(--nb-c-border));background-size:var(--nb-blueprint-grid-gap) var(--nb-blueprint-grid-gap);pointer-events:none;opacity:.4;position:absolute;inset:-2000px;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.nb-blueprint__grid--dots[data-v-31ed2748]{background-image:radial-gradient(circle, var(--_grid-color) 1px, transparent 1px)}.nb-blueprint__grid--lines[data-v-31ed2748]{background-image:linear-gradient(to right, var(--_grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--_grid-color) 1px, transparent 1px)}.nb-blueprint__grid--grid[data-v-31ed2748]{--_grid-major-color:var(--nb-blueprint-grid-secondary-color,var(--_grid-color));--_grid-major-gap:var(--nb-blueprint-grid-secondary-gap,calc(var(--nb-blueprint-grid-gap) * 5));background-image:linear-gradient(to right, var(--_grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--_grid-color) 1px, transparent 1px), linear-gradient(to right, var(--_grid-major-color) 2px, transparent 2px), linear-gradient(to bottom, var(--_grid-major-color) 2px, transparent 2px);background-size:var(--nb-blueprint-grid-gap) var(--nb-blueprint-grid-gap), var(--nb-blueprint-grid-gap) var(--nb-blueprint-grid-gap), var(--_grid-major-gap) var(--_grid-major-gap), var(--_grid-major-gap) var(--_grid-major-gap)}.nb-blueprint__canvas[data-v-31ed2748]{pointer-events:none;position:absolute;inset:0}.nb-blueprint__canvas[data-v-31ed2748]>*{pointer-events:auto}.nb-blueprint__wires[data-v-31ed2748]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nb-blueprint__wire[data-v-31ed2748]{pointer-events:none;opacity:.55;transition:opacity .15s}.nb-blueprint__wire--inactive[data-v-31ed2748]{opacity:.25}.nb-blueprint__wire-hitregion[data-v-31ed2748]{pointer-events:stroke;cursor:pointer}.nb-blueprint__wire-hitregion:hover+.nb-blueprint__wire[data-v-31ed2748]{opacity:.85;stroke-width:3px}.nb-blueprint__wire-flow[data-v-31ed2748]{opacity:.55;animation:2.4s linear infinite nb-wire-flow-31ed2748}@keyframes nb-wire-flow-31ed2748{to{stroke-dashoffset:-24px}}.nb-blueprint-pixi__canvas[data-v-6fdf251d]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nb-blueprint__canvas[data-v-6fdf251d]{pointer-events:none;position:absolute;inset:0}.nb-blueprint__canvas[data-v-6fdf251d]>*{pointer-events:auto}.nb-blueprint__wires[data-v-6fdf251d]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nb-blueprint__wire[data-v-6fdf251d]{pointer-events:none;opacity:.55}.nb-blueprint__wire--inactive[data-v-6fdf251d]{opacity:.25}.nb-blueprint__wire-hitregion[data-v-6fdf251d]{pointer-events:stroke;cursor:pointer}.nb-blueprint[data-v-16839f88]{background:var(--nb-c-layer-0,var(--nb-c-bg));cursor:crosshair;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.nb-blueprint[data-v-16839f88] input,.nb-blueprint[data-v-16839f88] textarea,.nb-blueprint[data-v-16839f88] [contenteditable=true]{-webkit-user-select:text;user-select:text}.nb-blueprint.is-space[data-v-16839f88]{cursor:grab}.nb-blueprint.is-panning[data-v-16839f88]{cursor:grabbing}.nb-blueprint__chrome[data-v-16839f88]{pointer-events:none;z-index:5;position:absolute;inset:0}.nb-blueprint__chrome[data-v-16839f88]>*{pointer-events:auto}.nb-blueprint__background-slot[data-v-16839f88]{pointer-events:none;z-index:0;position:absolute;inset:0}.nb-blueprint__ambient[data-v-16839f88]{pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--nb-blueprint-ambient-1,#8b7cff0a), transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, var(--nb-blueprint-ambient-2,#ff9d4a08), transparent 60%);position:absolute;inset:0}.nb-blueprint__marquee[data-v-16839f88]{border:1.5px dashed var(--nb-blueprint-marquee-border,var(--nb-c-primary,#6366f1));pointer-events:none;z-index:10;border-radius:4px;position:absolute}.nb-blueprint__marquee--dragging[data-v-16839f88]{background:var(--nb-blueprint-marquee-bg,#6366f114)}.nb-blueprint__selection-box[data-v-16839f88]{pointer-events:none;z-index:10;position:absolute;overflow:visible}.nb-blueprint__selection-ants[data-v-16839f88]{animation:.6s linear infinite nb-marching-ants-16839f88}@keyframes nb-marching-ants-16839f88{to{stroke-dashoffset:-10px}}.nb-blueprint__wire-menu[data-v-16839f88]{z-index:20;background:var(--nb-c-layer-2,#1a1c22);border:1px solid var(--nb-c-border,#2a2d35);border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 20px -6px #00000080}.nb-blueprint__wire-menu-item[data-v-16839f88]{text-align:left;width:100%;color:var(--nb-c-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:12px}.nb-blueprint__wire-menu-item[data-v-16839f88]:hover{background:var(--nb-c-layer-3,#232838)}
|
|
8
8
|
.nb-blueprint-background[data-v-01165887]{--_grid-color:var(--nb-blueprint-grid-color,var(--nb-c-border));--_grid-major-color:var(--_grid-color);--_grid-gap:24px;--_grid-major-gap:calc(var(--_grid-gap) * 5);--_thickness:1px;background-size:var(--_grid-gap) var(--_grid-gap);pointer-events:none;opacity:.4;position:absolute;inset:-2000px;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.nb-blueprint-background--dots[data-v-01165887]{background-image:radial-gradient(circle, var(--_grid-color) var(--_thickness), transparent var(--_thickness))}.nb-blueprint-background--lines[data-v-01165887]{background-image:linear-gradient(to right, var(--_grid-color) var(--_thickness), transparent var(--_thickness)), linear-gradient(to bottom, var(--_grid-color) var(--_thickness), transparent var(--_thickness))}.nb-blueprint-background--grid[data-v-01165887]{background-image:linear-gradient(to right, var(--_grid-color) var(--_thickness), transparent var(--_thickness)), linear-gradient(to bottom, var(--_grid-color) var(--_thickness), transparent var(--_thickness)), linear-gradient(to right, var(--_grid-major-color) calc(var(--_thickness) * 2), transparent calc(var(--_thickness) * 2)), linear-gradient(to bottom, var(--_grid-major-color) calc(var(--_thickness) * 2), transparent calc(var(--_thickness) * 2));background-size:var(--_grid-gap) var(--_grid-gap), var(--_grid-gap) var(--_grid-gap), var(--_grid-major-gap) var(--_grid-major-gap), var(--_grid-major-gap) var(--_grid-major-gap)}
|
|
9
9
|
.nb-blueprint-card[data-v-abebdb9e]{--nb-blueprint-port-width:8px;--nb-blueprint-port-height:16px;--nb-blueprint-port-pitch:24px;--nb-blueprint-port-top:17px;--nb-blueprint-port-hit:24px;--nb-blueprint-rail-width:3px;--nb-blueprint-pad-left:calc(var(--nb-blueprint-rail-width) + 8px);--nb-blueprint-pad-right:10px;min-width:176px;min-height:calc(var(--nb-blueprint-port-top) + (var(--nb-blueprint-port-count,1) - 1) * var(--nb-blueprint-port-pitch) + var(--nb-blueprint-port-height) / 2 + 8px);border-radius:var(--nb-radius-xs);background:var(--nb-c-surface);border:1px solid var(--nb-c-border);cursor:grab;-webkit-user-select:none;user-select:none;transition:background 70ms linear,border-color 70ms linear,box-shadow 70ms linear;position:relative}.nb-blueprint-card[data-v-abebdb9e]:before{content:"";width:var(--nb-blueprint-rail-width);background:var(--nb-card-color);border-radius:var(--nb-radius-xs) 0 0 var(--nb-radius-xs);pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0}.nb-blueprint-card[data-v-abebdb9e]:hover{background:var(--nb-c-surface-hover);border-color:var(--nb-c-layer-border-2)}.nb-blueprint-card--selected[data-v-abebdb9e]{border-color:var(--nb-card-color);box-shadow:inset 0 0 0 1px var(--nb-card-color)}.nb-blueprint-card[data-v-abebdb9e]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:1px}.nb-blueprint-card--disabled[data-v-abebdb9e]{opacity:.55}.nb-blueprint-card--collapsed[data-v-abebdb9e]{--nb-blueprint-collapsed-title:72px;min-width:calc(var(--nb-blueprint-pad-left) + 16px + 8px + var(--nb-blueprint-collapsed-title) + 8px + 14px + 8px + 32px + var(--nb-blueprint-pad-right));min-height:0}.nb-blueprint-card--has-category[data-v-abebdb9e]{--nb-blueprint-port-top:26px}.nb-blueprint-card--has-port-labels-left[data-v-abebdb9e]{--nb-blueprint-pad-left:30px}.nb-blueprint-card--has-port-labels-right[data-v-abebdb9e]{--nb-blueprint-pad-right:30px}.nb-blueprint-card__inner[data-v-abebdb9e]{min-width:0;position:relative}.nb-blueprint-card__body[data-v-abebdb9e]{z-index:1;min-width:0;position:relative}.nb-blueprint-card__header[data-v-abebdb9e]{padding:8px var(--nb-blueprint-pad-right) 8px var(--nb-blueprint-pad-left);grid-template-columns:16px 1fr repeat(3,auto);align-items:center;gap:8px;display:grid}.nb-blueprint-card__collapse[data-v-abebdb9e]{color:var(--nb-c-text-subtle);cursor:pointer;border-radius:var(--nb-radius-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:transform .11s cubic-bezier(0,0,.38,.9);display:flex}.nb-blueprint-card--collapsed .nb-blueprint-card__collapse[data-v-abebdb9e]{transform:rotate(-90deg)}.nb-blueprint-card__collapse[data-v-abebdb9e]:hover{color:var(--nb-c-text);background:var(--nb-c-node-row-bg)}.nb-blueprint-card__collapse[data-v-abebdb9e]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:1px}.nb-blueprint-card__title-group[data-v-abebdb9e]{flex-direction:column;gap:1px;min-width:0;display:flex}.nb-blueprint-card__name[data-v-abebdb9e]{color:var(--nb-c-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600;line-height:18px;display:flex;overflow:hidden}.nb-blueprint-card__tag[data-v-abebdb9e]{letter-spacing:.32px;color:var(--nb-c-text-subtle);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.nb-blueprint-card__status[data-v-abebdb9e]{flex-shrink:0;width:14px;height:14px;display:block}.nb-blueprint-card__status--valid[data-v-abebdb9e]{color:var(--nb-c-status-valid)}.nb-blueprint-card__status--warning[data-v-abebdb9e]{color:var(--nb-c-status-warning)}.nb-blueprint-card__status--error[data-v-abebdb9e]{color:var(--nb-c-status-error)}.nb-blueprint-card__toggle[data-v-abebdb9e]{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.nb-blueprint-card__toggle input[data-v-abebdb9e]{opacity:0;width:0;height:0;position:absolute}.nb-blueprint-card__toggle input:focus-visible+.nb-blueprint-card__toggle-track[data-v-abebdb9e]{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-blueprint-card__toggle-track[data-v-abebdb9e]{border-radius:var(--nb-radius-pill);background:var(--nb-c-field-bg);border:1px solid var(--nb-c-field-border);width:32px;height:16px;transition:background 70ms linear,border-color 70ms linear;position:relative}.nb-blueprint-card__toggle-track[data-v-abebdb9e]:after{content:"";background:var(--nb-c-text-subtle);border-radius:50%;width:10px;height:10px;transition:transform .11s cubic-bezier(0,0,.38,.9),background 70ms linear;position:absolute;top:2px;left:2px}input:checked+.nb-blueprint-card__toggle-track[data-v-abebdb9e]{background:var(--nb-c-primary);border-color:var(--nb-c-primary)}input:checked+.nb-blueprint-card__toggle-track[data-v-abebdb9e]:after{background:var(--nb-c-white);transform:translate(16px)}.nb-blueprint-card__remove[data-v-abebdb9e]{color:var(--nb-c-text-subtle);cursor:pointer;border-radius:var(--nb-radius-xs);opacity:0;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1;transition:opacity 70ms linear}.nb-blueprint-card:hover .nb-blueprint-card__remove[data-v-abebdb9e],.nb-blueprint-card:focus-within .nb-blueprint-card__remove[data-v-abebdb9e]{opacity:1}.nb-blueprint-card__remove[data-v-abebdb9e]:focus-visible{opacity:1;outline:2px solid var(--nb-c-focus-ring);outline-offset:1px}.nb-blueprint-card__remove[data-v-abebdb9e]:hover{color:var(--nb-c-danger)}.nb-blueprint-card__preview[data-v-abebdb9e]{color:var(--nb-c-text-subtle);padding:0 var(--nb-blueprint-pad-right) 8px var(--nb-blueprint-pad-left);font-family:Geist Mono,Fira Code,monospace;font-size:12px;line-height:16px;display:block}.nb-blueprint-card__params[data-v-abebdb9e]{padding:8px var(--nb-blueprint-pad-right) 8px var(--nb-blueprint-pad-left);border-top:1px solid var(--nb-c-border);flex-direction:column;gap:1px;display:flex}.nb-blueprint-card__row[data-v-abebdb9e]{background:var(--nb-c-node-row-bg);border-radius:var(--nb-radius-xs);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.nb-blueprint-card__row-label[data-v-abebdb9e]{color:var(--nb-c-text-subtle);font-size:12px;line-height:16px}.nb-blueprint-card__row-value[data-v-abebdb9e]{color:var(--nb-c-text);text-align:right;font-variant-numeric:tabular-nums;font-family:Geist Mono,Fira Code,monospace;font-size:12px;line-height:16px}.nb-blueprint-card__row-unit[data-v-abebdb9e]{color:var(--nb-c-text-subtle);margin-left:2px;font-style:normal}.nb-blueprint-card__row-bar[data-v-abebdb9e]{background:var(--nb-c-field-bg);grid-column:1/-1;height:2px;margin-top:4px;position:relative;overflow:hidden}.nb-blueprint-card__row-bar[data-v-abebdb9e]:after{content:"";width:var(--bar-progress,0%);background:var(--nb-card-color);position:absolute;inset:0}.nb-blueprint-card__content[data-v-abebdb9e]{padding:0 var(--nb-blueprint-pad-right) 8px var(--nb-blueprint-pad-left)}.nb-blueprint-card__ports[data-v-abebdb9e]{top:calc(var(--nb-blueprint-port-top) - var(--nb-blueprint-port-pitch) / 2);width:var(--nb-blueprint-port-hit);z-index:4;flex-direction:column;display:flex;position:absolute}.nb-blueprint-card__ports--left[data-v-abebdb9e]{left:calc(-1 * var(--nb-blueprint-port-hit) - 1px);align-items:flex-start}.nb-blueprint-card__ports--right[data-v-abebdb9e]{right:calc(-1 * var(--nb-blueprint-port-hit) - 1px);align-items:flex-end}.nb-blueprint-card__port-slot[data-v-abebdb9e]{height:var(--nb-blueprint-port-pitch);align-items:center;display:flex;position:relative}.nb-blueprint-card__ports--right .nb-blueprint-card__port-slot[data-v-abebdb9e]{flex-direction:row-reverse}.nb-blueprint-card__port-hit[data-v-abebdb9e]{width:var(--nb-blueprint-port-hit);height:var(--nb-blueprint-port-pitch);cursor:crosshair;background:0 0;border:0;flex-shrink:0;padding:0;position:relative}.nb-blueprint-card__port-hit[data-v-abebdb9e]:focus-visible{outline:none}.nb-blueprint-card__port-hit:focus-visible .nb-blueprint-card__port[data-v-abebdb9e]{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-blueprint-card__port[data-v-abebdb9e]{--pin-w:var(--nb-blueprint-port-width);--pin-h:var(--nb-blueprint-port-height);margin-top:calc(var(--pin-h) / -2);width:var(--pin-w);height:var(--pin-h);background:var(--nb-c-port-bg);border:1.5px solid var(--nb-c-port-border);pointer-events:none;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;position:absolute;top:50%}.nb-blueprint-card__port--left[data-v-abebdb9e]{border-radius:var(--nb-radius-xs) 0 0 var(--nb-radius-xs);border-right:none;right:0}.nb-blueprint-card__port--right[data-v-abebdb9e]{border-radius:0 var(--nb-radius-xs) var(--nb-radius-xs) 0;border-left:none;left:0}.nb-blueprint-card__port--size-sm[data-v-abebdb9e]{--pin-w:6px;--pin-h:12px}.nb-blueprint-card__port--size-lg[data-v-abebdb9e]{--pin-w:10px;--pin-h:20px}.nb-blueprint-card__port--channel[data-v-abebdb9e]{--pin-h:12px}.nb-blueprint-card__port--square[data-v-abebdb9e],.nb-blueprint-card__port--circle[data-v-abebdb9e]{border:1.5px solid var(--nb-c-port-border)}.nb-blueprint-card__port--square[data-v-abebdb9e]{--pin-w:10px;--pin-h:10px;border-radius:var(--nb-radius-none)}.nb-blueprint-card__port--circle[data-v-abebdb9e]{--pin-w:8px;--pin-h:8px;border-radius:50%}.nb-blueprint-card__port--square.nb-blueprint-card__port--size-sm[data-v-abebdb9e]{--pin-w:8px;--pin-h:8px}.nb-blueprint-card__port--square.nb-blueprint-card__port--size-lg[data-v-abebdb9e]{--pin-w:13px;--pin-h:13px}.nb-blueprint-card__port--circle.nb-blueprint-card__port--size-sm[data-v-abebdb9e]{--pin-w:6px;--pin-h:6px}.nb-blueprint-card__port--circle.nb-blueprint-card__port--size-lg[data-v-abebdb9e]{--pin-w:10px;--pin-h:10px}.nb-blueprint-card__port--required[data-v-abebdb9e]{border-width:2px}.nb-blueprint-card__port--connected[data-v-abebdb9e],.nb-blueprint-card__port-hit:hover .nb-blueprint-card__port[data-v-abebdb9e]{border-color:var(--pin-color,var(--nb-card-color));background:var(--pin-color,var(--nb-card-color))}.nb-blueprint-card__port--metered[data-v-abebdb9e]{background:var(--nb-c-port-bg);border-color:var(--pin-color,var(--nb-card-color));overflow:hidden}.nb-blueprint-card__port--metered[data-v-abebdb9e]:before{content:"";height:var(--pin-level,0%);background:var(--pin-color,var(--nb-card-color));transition:height 90ms linear;position:absolute;bottom:0;left:0;right:0}.nb-blueprint-card__port--active[data-v-abebdb9e]:not(.nb-blueprint-card__port--metered){border-color:var(--pin-color,var(--nb-card-color));background:var(--pin-color,var(--nb-card-color));box-shadow:0 0 0 2px color-mix(in srgb, var(--pin-color,var(--nb-card-color)) 45%, transparent)}.nb-blueprint-card__port--metered.nb-blueprint-card__port--active[data-v-abebdb9e]{box-shadow:0 0 0 2px color-mix(in srgb, var(--pin-color,var(--nb-card-color)) 45%, transparent)}.nb-blueprint-card__port--digital[data-v-abebdb9e]{background-image:repeating-linear-gradient(-45deg, transparent 0 2px, var(--nb-c-port-border) 2px 4px)}.nb-blueprint-card__port--digital.nb-blueprint-card__port--connected[data-v-abebdb9e],.nb-blueprint-card__port--digital.nb-blueprint-card__port--active[data-v-abebdb9e]{background-image:repeating-linear-gradient(-45deg, transparent 0 2px, var(--nb-c-port-bg) 2px 4px)}.nb-blueprint-card__port--digital.nb-blueprint-card__port--ping[data-v-abebdb9e]:after{content:"";border:1.5px solid var(--pin-color,var(--nb-card-color));border-radius:var(--nb-radius-xs);pointer-events:none;animation:.32s cubic-bezier(0,0,.38,.9) nb-port-ping-abebdb9e;position:absolute;inset:-3px}.nb-blueprint-card__port--target-valid[data-v-abebdb9e]{border-color:var(--nb-c-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--nb-c-focus-ring) 30%, transparent)}.nb-blueprint-card__port--target-invalid[data-v-abebdb9e]{opacity:.3}@keyframes nb-port-ping-abebdb9e{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(2)}}.nb-blueprint-card--collapsed .nb-blueprint-card__port-slot[data-v-abebdb9e]{height:var(--nb-blueprint-port-pitch);position:absolute;top:0}.nb-blueprint-card--collapsed .nb-blueprint-card__ports--left .nb-blueprint-card__port-slot[data-v-abebdb9e]{left:0}.nb-blueprint-card--collapsed .nb-blueprint-card__ports--right .nb-blueprint-card__port-slot[data-v-abebdb9e]{right:0}.nb-blueprint-card--collapsed .nb-blueprint-card__port[data-v-abebdb9e],.nb-blueprint-card--collapsed .nb-blueprint-card__port-label[data-v-abebdb9e]{opacity:0}.nb-blueprint-card--collapsed .nb-blueprint-card__port-hit[data-v-abebdb9e]{pointer-events:none}.nb-blueprint-card__port-combined[data-v-abebdb9e]{top:calc(var(--nb-blueprint-port-pitch) / 2 - var(--nb-blueprint-port-height) / 2);width:var(--nb-blueprint-port-width);height:var(--nb-blueprint-port-height);background:var(--nb-c-port-bg);border:1.5px solid var(--nb-c-port-border);pointer-events:none;z-index:5;transition:background .15s,border-color .15s;position:absolute}.nb-blueprint-card__port-combined--left[data-v-abebdb9e]{border-radius:var(--nb-radius-xs) 0 0 var(--nb-radius-xs);border-right:none;right:0}.nb-blueprint-card__port-combined--right[data-v-abebdb9e]{border-radius:0 var(--nb-radius-xs) var(--nb-radius-xs) 0;border-left:none;left:0}.nb-blueprint-card__port-combined--connected[data-v-abebdb9e],.nb-blueprint-card__port-combined--active[data-v-abebdb9e]{border-color:var(--nb-card-color);background:var(--nb-card-color)}.nb-blueprint-card__port-label[data-v-abebdb9e]{color:var(--nb-c-text-subtle);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;margin:0 4px;font-size:12px;line-height:16px}.nb-blueprint-card__ports--right .nb-blueprint-card__port-label[data-v-abebdb9e]{text-align:right;min-width:1.6em}.nb-blueprint-card--density-compact[data-v-abebdb9e]{min-width:132px}.nb-blueprint-card--density-compact .nb-blueprint-card__header[data-v-abebdb9e]{padding-top:5px;padding-bottom:5px}.nb-blueprint-card--density-compact .nb-blueprint-card__name[data-v-abebdb9e]{font-size:12px;line-height:16px}.nb-blueprint-card--density-compact .nb-blueprint-card__tag[data-v-abebdb9e]{display:none}.nb-blueprint-card--density-compact .nb-blueprint-card__params[data-v-abebdb9e]{padding-top:5px;padding-bottom:5px}.nb-blueprint-card--density-compact .nb-blueprint-card__row[data-v-abebdb9e]{padding:2px 8px}.nb-blueprint-card--density-compact.nb-blueprint-card--has-category[data-v-abebdb9e],.nb-blueprint-card--density-compact[data-v-abebdb9e]{--nb-blueprint-port-top:13px}@media (prefers-reduced-motion:reduce){.nb-blueprint-card[data-v-abebdb9e],.nb-blueprint-card__collapse[data-v-abebdb9e],.nb-blueprint-card__toggle-track[data-v-abebdb9e],.nb-blueprint-card__toggle-track[data-v-abebdb9e]:after,.nb-blueprint-card__port[data-v-abebdb9e]{transition:none}.nb-blueprint-card__port--ping[data-v-abebdb9e]:after{display:none}}
|
|
10
|
-
.nb-button[data-v-9cc29817]{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-9cc29817]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-button[data-v-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{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-9cc29817]{justify-content:center;align-items:center;padding:0}.nb-button--icon-only.nb-button--xxs[data-v-9cc29817]{--nb-button-icon-size:12px;width:16px}.nb-button--icon-only.nb-button--xs[data-v-9cc29817]{--nb-button-icon-size:14px;width:24px}.nb-button--icon-only.nb-button--sm[data-v-9cc29817]{--nb-button-icon-size:16px;width:32px}.nb-button--icon-only.nb-button--md[data-v-9cc29817]{--nb-button-icon-size:18px;width:40px}.nb-button--icon-only.nb-button--lg[data-v-9cc29817],.nb-button--icon-only.nb-button--xl[data-v-9cc29817]{--nb-button-icon-size:20px;width:48px}.nb-button--icon-only.nb-button--xxl[data-v-9cc29817]{--nb-button-icon-size:26px;width:64px}.nb-button--icon-only .nb-button__decorations[data-v-9cc29817]{align-items:center}.nb-button--primary[data-v-9cc29817]{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-button--primary[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--primary[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--primary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-primary-hover-a11y)}.nb-button--secondary[data-v-9cc29817]{background:var(--nb-c-secondary);color:var(--nb-c-secondary-a11y)}.nb-button--secondary[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-secondary-hover);color:var(--nb-c-secondary-hover-a11y)}.nb-button--secondary[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-secondary-active);color:var(--nb-c-secondary-active-a11y)}.nb-button--secondary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-secondary-hover-a11y)}.nb-button--ghost[data-v-9cc29817]{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-9cc29817]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y);border-color:var(--nb-c-primary-subtle)}.nb-button--ghost[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--ghost[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-contrast)}.nb-button--warning[data-v-9cc29817]{background:var(--nb-c-warning);color:var(--nb-c-warning-a11y)}.nb-button--warning[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-warning-hover);color:var(--nb-c-warning-hover-a11y)}.nb-button--warning[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-warning-active);color:var(--nb-c-warning-active-a11y)}.nb-button--warning[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-warning-hover-a11y)}.nb-button--danger[data-v-9cc29817]{background:var(--nb-c-danger);color:var(--nb-c-danger-a11y)}.nb-button--danger[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-danger-hover);color:var(--nb-c-danger-hover-a11y)}.nb-button--danger[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-danger-active);color:var(--nb-c-danger-active-a11y)}.nb-button--danger[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-danger-hover-a11y)}.nb-button--success[data-v-9cc29817]{background:var(--nb-c-success);color:var(--nb-c-success-a11y)}.nb-button--success[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-success-hover);color:var(--nb-c-success-hover-a11y)}.nb-button--success[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-success-active);color:var(--nb-c-success-active-a11y)}.nb-button--success[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-success-hover-a11y)}.nb-button--info[data-v-9cc29817]{background:var(--nb-c-info);color:var(--nb-c-info-a11y)}.nb-button--info[data-v-9cc29817]:hover:not(:disabled){background:var(--nb-c-info-hover);color:var(--nb-c-info-hover-a11y)}.nb-button--info[data-v-9cc29817]:active:not(:disabled){background:var(--nb-c-info-active);color:var(--nb-c-info-active-a11y)}.nb-button--info[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-info-hover-a11y)}.nb-button[data-v-9cc29817]:disabled,.nb-button[aria-disabled=true][data-v-9cc29817]{opacity:.45;cursor:not-allowed;pointer-events:none}.nb-button[data-v-9cc29817]:disabled:focus-visible,.nb-button[aria-disabled=true][data-v-9cc29817]:focus-visible{outline-color:#0000}.nb-button--outlined[data-v-9cc29817]:not(.nb-button--ghost){color:var(--nb-c-contrast);background:0 0;border:1px solid}.nb-button--outlined.nb-button--primary[data-v-9cc29817]{color:var(--nb-c-primary)}.nb-button--outlined.nb-button--primary[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 14%, transparent)}.nb-button--outlined.nb-button--primary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-primary)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]{color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-secondary) 14%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]{color:var(--nb-c-danger)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-danger) 14%, transparent)}.nb-button--outlined.nb-button--danger[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-danger)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]{color:var(--nb-c-warning)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-warning) 14%, transparent)}.nb-button--outlined.nb-button--warning[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-warning)}.nb-button--outlined.nb-button--success[data-v-9cc29817]{color:var(--nb-c-success)}.nb-button--outlined.nb-button--success[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-success) 14%, transparent)}.nb-button--outlined.nb-button--success[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-success)}.nb-button--outlined.nb-button--info[data-v-9cc29817]{color:var(--nb-c-info)}.nb-button--outlined.nb-button--info[data-v-9cc29817]: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-9cc29817]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-info) 14%, transparent)}.nb-button--outlined.nb-button--info[data-v-9cc29817]:focus-visible{outline-color:var(--nb-c-info)}.nb-button--loading[data-v-9cc29817]{cursor:wait;pointer-events:none}.nb-button__decorations[data-v-9cc29817]{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-button__spinner[data-v-9cc29817]{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-9cc29817}@keyframes nb-spin-9cc29817{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nb-button .nb-button__spinner[data-v-9cc29817]{border-top-color:currentColor;animation:1.6s ease-in-out infinite nb-button-spinner-breathe-9cc29817}}@keyframes nb-button-spinner-breathe-9cc29817{0%,to{opacity:.35}50%{opacity:1}}
|
|
10
|
+
.nb-button[data-v-fc827929]{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-fc827929]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-button[data-v-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{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-fc827929]{justify-content:center;align-items:center;padding:0}.nb-button--icon-only.nb-button--xxs[data-v-fc827929]{--nb-button-icon-size:12px;width:16px}.nb-button--icon-only.nb-button--xs[data-v-fc827929]{--nb-button-icon-size:14px;width:24px}.nb-button--icon-only.nb-button--sm[data-v-fc827929]{--nb-button-icon-size:16px;width:32px}.nb-button--icon-only.nb-button--md[data-v-fc827929]{--nb-button-icon-size:18px;width:40px}.nb-button--icon-only.nb-button--lg[data-v-fc827929],.nb-button--icon-only.nb-button--xl[data-v-fc827929]{--nb-button-icon-size:20px;width:48px}.nb-button--icon-only.nb-button--xxl[data-v-fc827929]{--nb-button-icon-size:26px;width:64px}.nb-button--icon-only .nb-button__decorations[data-v-fc827929]{align-items:center}.nb-button--primary[data-v-fc827929]{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-button--primary[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y)}.nb-button--primary[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--primary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-primary-hover-a11y)}.nb-button--secondary[data-v-fc827929]{background:var(--nb-c-secondary);color:var(--nb-c-secondary-a11y)}.nb-button--secondary[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-secondary-hover);color:var(--nb-c-secondary-hover-a11y)}.nb-button--secondary[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-secondary-active);color:var(--nb-c-secondary-active-a11y)}.nb-button--secondary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-secondary-hover-a11y)}.nb-button--ghost[data-v-fc827929]{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-fc827929]:hover:not(:disabled){background:var(--nb-c-primary-hover);color:var(--nb-c-primary-hover-a11y);border-color:var(--nb-c-primary-subtle)}.nb-button--ghost[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-primary-active);color:var(--nb-c-primary-active-a11y)}.nb-button--ghost[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-contrast)}.nb-button--warning[data-v-fc827929]{background:var(--nb-c-warning);color:var(--nb-c-warning-a11y)}.nb-button--warning[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-warning-hover);color:var(--nb-c-warning-hover-a11y)}.nb-button--warning[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-warning-active);color:var(--nb-c-warning-active-a11y)}.nb-button--warning[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-warning-hover-a11y)}.nb-button--danger[data-v-fc827929]{background:var(--nb-c-danger);color:var(--nb-c-danger-a11y)}.nb-button--danger[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-danger-hover);color:var(--nb-c-danger-hover-a11y)}.nb-button--danger[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-danger-active);color:var(--nb-c-danger-active-a11y)}.nb-button--danger[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-danger-hover-a11y)}.nb-button--success[data-v-fc827929]{background:var(--nb-c-success);color:var(--nb-c-success-a11y)}.nb-button--success[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-success-hover);color:var(--nb-c-success-hover-a11y)}.nb-button--success[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-success-active);color:var(--nb-c-success-active-a11y)}.nb-button--success[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-success-hover-a11y)}.nb-button--info[data-v-fc827929]{background:var(--nb-c-info);color:var(--nb-c-info-a11y)}.nb-button--info[data-v-fc827929]:hover:not(:disabled){background:var(--nb-c-info-hover);color:var(--nb-c-info-hover-a11y)}.nb-button--info[data-v-fc827929]:active:not(:disabled){background:var(--nb-c-info-active);color:var(--nb-c-info-active-a11y)}.nb-button--info[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-info-hover-a11y)}.nb-button[data-v-fc827929]:disabled,.nb-button[aria-disabled=true][data-v-fc827929]{opacity:.45;cursor:not-allowed;pointer-events:none}.nb-button[data-v-fc827929]:disabled:focus-visible,.nb-button[aria-disabled=true][data-v-fc827929]:focus-visible{outline-color:#0000}.nb-button--outlined[data-v-fc827929]:not(.nb-button--ghost){color:var(--nb-c-contrast);background:0 0;border:1px solid}.nb-button--outlined.nb-button--primary[data-v-fc827929]{color:var(--nb-c-primary)}.nb-button--outlined.nb-button--primary[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 14%, transparent)}.nb-button--outlined.nb-button--primary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-primary)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]{color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-secondary) 14%, transparent)}.nb-button--outlined.nb-button--secondary[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-secondary)}.nb-button--outlined.nb-button--danger[data-v-fc827929]{color:var(--nb-c-danger)}.nb-button--outlined.nb-button--danger[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-danger) 14%, transparent)}.nb-button--outlined.nb-button--danger[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-danger)}.nb-button--outlined.nb-button--warning[data-v-fc827929]{color:var(--nb-c-warning)}.nb-button--outlined.nb-button--warning[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-warning) 14%, transparent)}.nb-button--outlined.nb-button--warning[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-warning)}.nb-button--outlined.nb-button--success[data-v-fc827929]{color:var(--nb-c-success)}.nb-button--outlined.nb-button--success[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-success) 14%, transparent)}.nb-button--outlined.nb-button--success[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-success)}.nb-button--outlined.nb-button--info[data-v-fc827929]{color:var(--nb-c-info)}.nb-button--outlined.nb-button--info[data-v-fc827929]: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-fc827929]:active:not(:disabled){background:color-mix(in srgb, var(--nb-c-info) 14%, transparent)}.nb-button--outlined.nb-button--info[data-v-fc827929]:focus-visible{outline-color:var(--nb-c-info)}.nb-button--loading[data-v-fc827929]{cursor:wait;pointer-events:none}.nb-button__decorations[data-v-fc827929]{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-button__spinner[data-v-fc827929]{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-fc827929}@keyframes nb-spin-fc827929{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nb-button .nb-button__spinner[data-v-fc827929]{border-top-color:currentColor;animation:1.6s ease-in-out infinite nb-button-spinner-breathe-fc827929}}@keyframes nb-button-spinner-breathe-fc827929{0%,to{opacity:.35}50%{opacity:1}}
|
|
11
11
|
.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}
|
|
12
12
|
.nb-blueprint-minimap[data-v-959b4274]{z-index:1;cursor:pointer;touch-action:none;border-radius:8px;position:absolute;box-shadow:0 4px 16px #0000002e}.nb-blueprint-minimap--top-left[data-v-959b4274]{top:12px;left:12px}.nb-blueprint-minimap--top-right[data-v-959b4274]{top:12px;right:12px}.nb-blueprint-minimap--bottom-left[data-v-959b4274]{bottom:12px;left:12px}.nb-blueprint-minimap--bottom-right[data-v-959b4274]{bottom:12px;right:12px}.nb-blueprint-minimap__bg[data-v-959b4274]{fill:var(--nb-c-layer-1,var(--nb-c-bg));stroke:var(--nb-c-border);stroke-width:1px}.nb-blueprint-minimap__node[data-v-959b4274]{opacity:.7}.nb-blueprint-minimap__viewport[data-v-959b4274]{fill:var(--nb-c-primary,#6366f1);fill-opacity:.12;stroke:var(--nb-c-primary,#6366f1);stroke-width:1.5px}
|
|
13
13
|
.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);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:5px;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}
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
.nb-shell[data-v-eea96bce]{background:var(--nb-shell-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nb-shell__skip-link[data-v-eea96bce]{z-index:1000;background:var(--nb-shell-chrome-bg);color:var(--nb-shell-chrome-color);border:var(--nb-shell-chrome-border);border-radius:2px;padding:.5rem .875rem;font-size:.875rem;text-decoration:none;transition:transform .12s;position:fixed;top:0;left:0;transform:translateY(-200%)}.nb-shell__skip-link[data-v-eea96bce]:focus-visible,.nb-shell__skip-link[data-v-eea96bce]:focus{outline:2px solid var(--nb-c-primary);outline-offset:2px;transform:translateY(0)}.nb-shell__outer-menu[data-v-eea96bce]{border-bottom:var(--nb-shell-menu-border);background:var(--nb-shell-menu-bg);color:var(--nb-shell-menu-color);z-index:200;flex-shrink:0;overflow:visible}.nb-shell__middle[data-v-eea96bce]{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.nb-shell__sidebar[data-v-eea96bce]{width:var(--nb-shell-sidebar-width);background:var(--nb-shell-sidebar-bg);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;height:100%;padding:.5rem 0;display:flex;overflow:visible}.nb-shell__sidebar-logo[data-v-eea96bce]{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;display:flex}.nb-shell__sidebar-nav[data-v-eea96bce]{scrollbar-width:thin;flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;min-height:0;padding:0 8px;display:flex;overflow:hidden auto}.nb-shell__sidebar-spacer[data-v-eea96bce]{flex:0 0 0;width:0;height:0}.nb-shell__sidebar-bottom[data-v-eea96bce]{flex-direction:column;align-items:center;gap:2px;width:100%;padding:0 8px .5rem;display:flex}.nb-shell__right[data-v-eea96bce]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.nb-shell__inner-menu[data-v-eea96bce]{border-bottom:var(--nb-shell-menu-border);background:var(--nb-shell-menu-bg);color:var(--nb-shell-menu-color);z-index:150;flex-shrink:0;overflow:visible}.nb-shell__content-row[data-v-eea96bce]{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.nb-shell__body[data-v-eea96bce]{background:var(--nb-shell-body-bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.nb-shell__notification[data-v-eea96bce]{flex-shrink:0}.nb-shell__region--ordered[data-v-eea96bce]{flex-direction:column;display:flex}.nb-shell__menubar[data-v-eea96bce]{border-bottom:var(--nb-shell-menu-border);background:var(--nb-shell-menu-bg);color:var(--nb-shell-menu-color);flex-shrink:0}.nb-shell__topbar[data-v-eea96bce]{height:var(--nb-shell-topbar-height);padding:0 var(--nb-shell-chrome-padding-x);border-bottom:var(--nb-shell-topbar-border);background:var(--nb-shell-topbar-bg);color:var(--nb-shell-topbar-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.nb-shell__topbar-left[data-v-eea96bce]{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.nb-shell__topbar-right[data-v-eea96bce]{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nb-shell__fixedbar[data-v-eea96bce]{padding:0 var(--nb-shell-chrome-padding-x);border-bottom:var(--nb-shell-fixedbar-border);background:var(--nb-shell-fixedbar-bg);color:var(--nb-shell-fixedbar-color);flex-shrink:0;gap:1rem;display:flex}.nb-shell__fixedbar[data-v-eea96bce] .nb-select__trigger{padding-inline-start:0}.nb-shell__fixedbar[data-v-eea96bce] .nb-tabs--line{align-self:stretch}.nb-shell__fixedbar[data-v-eea96bce] .nb-tabs--line .nb-tabs__list{border-bottom:0;align-items:end;block-size:100%}.nb-shell__outer-menu[data-v-eea96bce]:empty,.nb-shell__inner-menu[data-v-eea96bce]:empty,.nb-shell__menubar[data-v-eea96bce]:empty,.nb-shell__notification[data-v-eea96bce]:empty,.nb-shell__bottom[data-v-eea96bce]:empty,.nb-shell__fixedbar[data-v-eea96bce]:empty{display:none}.nb-shell__topbar[data-v-eea96bce]:not(:has(>.nb-shell__nav-toggle)):has(>.nb-shell__topbar-left:empty):has(>.nb-shell__topbar-right:empty){display:none}.nb-shell__main-row[data-v-eea96bce]{background:var(--nb-shell-main-bg);flex:1;min-height:0;display:flex;overflow:hidden}.nb-shell__contextbar[data-v-eea96bce]{flex:0 0 var(--nb-shell-contextbar-width,calc(var(--nb-base-unit) * 34));width:var(--nb-shell-contextbar-width,calc(var(--nb-base-unit) * 34));border-right:1px solid var(--nb-c-border);min-height:0;padding:1rem 1rem 1rem 1.75rem;overflow:hidden auto}.nb-shell__contextbar-toggle[data-v-eea96bce]{border:0;border-bottom:1px solid var(--nb-c-border);background:var(--nb-shell-main-bg);width:100%;color:var(--nb-c-text);font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.8rem;font-weight:600;display:flex}.nb-shell__contextbar-toggle[data-v-eea96bce]:focus-visible{outline:2px solid var(--nb-c-focus-ring,var(--nb-c-primary));outline-offset:-2px}.nb-shell__contextbar-toggle-glyph[data-v-eea96bce]{color:var(--nb-c-text-subtle)}.nb-shell--collapsed .nb-shell__main-row[data-v-eea96bce]{flex-direction:column}.nb-shell--collapsed .nb-shell__contextbar[data-v-eea96bce]{border-right:0;border-bottom:1px solid var(--nb-c-border);flex:none;width:100%;max-height:45vh;padding:.75rem 1.25rem}.nb-shell__main[data-v-eea96bce]{background:var(--nb-shell-main-bg);padding:1.5rem var(--nb-shell-chrome-padding-x);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.nb-shell__main--no-padding[data-v-eea96bce]{padding:0;overflow:hidden}.nb-shell__bottom[data-v-eea96bce]{flex-direction:column;flex-shrink:0;min-height:0;display:flex}:is(.nb-shell__body:has(>.nb-shell__bottom>.nb-bottom-panel.full) .nb-shell__main[data-v-eea96bce],.nb-shell__body:has(>.nb-shell__bottom>.nb-shell-panel.full) .nb-shell__main[data-v-eea96bce]){display:none}:is(.nb-shell__body:has(>.nb-shell__bottom>.nb-bottom-panel.full) .nb-shell__bottom[data-v-eea96bce],.nb-shell__body:has(>.nb-shell__bottom>.nb-shell-panel.full) .nb-shell__bottom[data-v-eea96bce]){flex:1 1 0}.nb-shell__inspector[data-v-eea96bce]{background:var(--nb-shell-inspector-bg);border-left:0 solid #0000;flex-direction:column;flex-shrink:0;width:0;transition:width .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.nb-shell__inspector--visible[data-v-eea96bce]{width:var(--nb-shell-inspector-width);max-width:var(--nb-shell-inspector-max-width);border-left:var(--nb-shell-inspector-border)}.nb-shell__inspector--xs[data-v-eea96bce]{--nb-shell-inspector-width:calc(var(--nb-base-unit) * 36)}.nb-shell__inspector--sm[data-v-eea96bce]{--nb-shell-inspector-width:calc(var(--nb-base-unit) * 45)}.nb-shell__inspector--md[data-v-eea96bce]{--nb-shell-inspector-width:calc(var(--nb-base-unit) * 70)}.nb-shell__inspector--lg[data-v-eea96bce]{--nb-shell-inspector-width:50vw}.nb-shell__inspector--xl[data-v-eea96bce]{--nb-shell-inspector-width:75vw;--nb-shell-inspector-max-width:none}.nb-shell__inspector--expanded[data-v-eea96bce]{width:var(--nb-shell-inspector-expanded-width);--nb-shell-inspector-max-width:none}.nb-shell__inspector--resizing[data-v-eea96bce]{-webkit-user-select:none;user-select:none;transition:none}.nb-shell__inspector-resize[data-v-eea96bce]{cursor:ew-resize;z-index:5;width:8px;position:absolute;top:0;bottom:0;left:0}.nb-shell__inspector-resize[data-v-eea96bce]:before{content:"";background:var(--nb-shell-inspector-resize-color);opacity:.4;width:3px;transition:opacity .12s,width .12s;position:absolute;inset:0 auto 0 0}.nb-shell__inspector-resize[data-v-eea96bce]:hover:before,.nb-shell__inspector--resizing .nb-shell__inspector-resize[data-v-eea96bce]:before{opacity:1;width:4px}.nb-shell__inspector-dismiss[data-v-eea96bce]{top:calc(var(--nb-base-unit) * 1);right:calc(var(--nb-base-unit) * 1);z-index:6;width:calc(var(--nb-base-unit) * 5);height:calc(var(--nb-base-unit) * 5);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.nb-shell__inspector-dismiss[data-v-eea96bce]:hover{background:var(--nb-c-surface-raised)}.nb-shell__inspector-dismiss[data-v-eea96bce]:focus-visible{outline:2px solid var(--nb-c-primary);outline-offset:-2px}.nb-shell__inspector-dismiss-glyph[data-v-eea96bce]{font-size:1.25rem;line-height:1}.nb-shell__nav-toggle[data-v-eea96bce]{width:calc(var(--nb-base-unit) * 5);height:calc(var(--nb-base-unit) * 5);margin-left:calc(var(--nb-base-unit) * -1);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.nb-shell__nav-toggle[data-v-eea96bce]:hover{background:var(--nb-c-surface-raised)}.nb-shell__nav-toggle[data-v-eea96bce]:focus-visible{outline:2px solid var(--nb-c-primary);outline-offset:-2px}.nb-shell__nav-toggle-glyph[data-v-eea96bce]{width:calc(var(--nb-base-unit) * 2);flex-direction:column;justify-content:space-between;height:12px;display:flex}.nb-shell__nav-toggle-glyph>span[data-v-eea96bce]{background:currentColor;border-radius:1px;height:2px;display:block}.nb-shell--collapsed .nb-shell__sidebar[data-v-eea96bce]{z-index:300;width:min(var(--nb-shell-sidebar-width), 84vw);box-shadow:none;transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.nb-shell--collapsed .nb-shell__inspector--overlay[data-v-eea96bce]{z-index:250;border-left:0;width:100%;max-width:none;position:absolute;inset:0}.nb-shell--collapsed[data-v-eea96bce]{--nb-shell-chrome-padding-x:calc(var(--nb-base-unit) * 2)}.nb-shell--collapsed .nb-shell__main[data-v-eea96bce]{padding:1rem}.nb-shell--drawer-open .nb-shell__sidebar[data-v-eea96bce]{transform:translate(0);box-shadow:0 0 24px #00000059}.nb-shell__scrim[data-v-eea96bce]{z-index:200;background:var(--nb-shell-scrim-bg);position:absolute;inset:0}@media (width<=480px){.nb-shell__main[data-v-eea96bce]{padding:.75rem}.nb-shell__topbar[data-v-eea96bce]{gap:.5rem}}@media (prefers-reduced-motion:reduce){.nb-shell__inspector[data-v-eea96bce],.nb-shell__inspector-resize[data-v-eea96bce]:before,.nb-shell__skip-link[data-v-eea96bce],.nb-shell__sidebar[data-v-eea96bce],.nb-shell__scrim[data-v-eea96bce]{transition:none}}.nb-shell--sidebar-verbose[data-v-eea96bce]{--nb-shell-sidebar-width:var(--nb-shell-sidebar-width-verbose)}.nb-shell--sidebar-verbose .nb-shell__sidebar[data-v-eea96bce]{align-items:stretch;padding:.75rem 0}.nb-shell--sidebar-verbose .nb-shell__sidebar-logo[data-v-eea96bce]{justify-content:flex-start;width:auto;height:auto;margin:0 0 1rem;padding:0 .875rem}.nb-shell--sidebar-verbose .nb-shell__sidebar-nav[data-v-eea96bce],.nb-shell--sidebar-verbose .nb-shell__sidebar-bottom[data-v-eea96bce]{align-items:stretch;gap:2px;padding:0 .75rem}.nb-shell--sidebar-verbose .nb-shell__sidebar-nav[data-v-eea96bce]{padding-bottom:.5rem}
|
|
65
65
|
.nb-shell-panel[data-v-e009955c]{background:var(--nb-shell-panel-bg);border:var(--nb-shell-panel-border);margin:var(--nb-shell-panel-gap);border-radius:2px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.nb-shell-panel.collapsed[data-v-e009955c]{flex:none}.nb-shell-panel.collapsed .nb-shell-panel__header[data-v-e009955c]{opacity:.6;transition:opacity .12s}.nb-shell-panel.collapsed .nb-shell-panel__header[data-v-e009955c]:hover{opacity:1}.nb-shell-panel.default[data-v-e009955c],.nb-shell-panel.full[data-v-e009955c]{flex:1}.nb-shell-panel.full>.nb-shell-panel__content[data-v-e009955c]{overflow-y:auto}.nb-shell-panel--fluid.default[data-v-e009955c]{flex:none}.nb-shell-panel--fill[data-v-e009955c]:not(.collapsed){flex:auto;min-height:0}.nb-shell-panel__header[data-v-e009955c]{height:var(--nb-shell-panel-header-height);background:var(--nb-shell-panel-header-bg);border-bottom:var(--nb-shell-panel-header-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.nb-shell-panel__header-left[data-v-e009955c]{align-items:center;gap:6px;min-width:0;display:flex}.nb-shell-panel__header-center[data-v-e009955c]{flex:1;justify-content:center;align-items:center;display:flex}.nb-shell-panel__header-right[data-v-e009955c]{align-items:center;gap:2px;display:flex}.nb-shell-panel__title[data-v-e009955c]{color:var(--nb-c-text-muted);white-space:nowrap;font-size:11px;font-weight:500}.nb-shell-panel__toolbar[data-v-e009955c]{align-items:center;gap:4px;display:flex}.nb-shell-panel__size-btn[data-v-e009955c]{width:22px;height:22px;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.nb-shell-panel__size-btn[data-v-e009955c]:hover{background:var(--nb-c-surface-hover,#ffffff14);color:var(--nb-c-text)}.nb-shell-panel__size-btn.active[data-v-e009955c]{background:var(--nb-c-surface-hover,#ffffff1f);color:var(--nb-c-text)}.nb-shell-panel__content[data-v-e009955c]{flex:1;min-height:0;display:flex;overflow:hidden}.nb-shell-panel--fill>.nb-shell-panel__content[data-v-e009955c]{flex-direction:column;flex:auto;min-height:0;overflow:auto}@media (prefers-reduced-motion:reduce){.nb-shell-panel.collapsed .nb-shell-panel__header[data-v-e009955c],.nb-shell-panel__size-btn[data-v-e009955c]{transition:none}}:has(>.nb-shell-panel.full)>.nb-shell-panel:not(.full){flex:none!important}:has(>.nb-shell-panel.full)>.nb-shell-panel:not(.full)>.nb-shell-panel__content{display:none!important}:has(>.nb-shell-panel.full)>.nb-shell-panel:not(.full)>.nb-shell-panel__header{opacity:.6;transition:opacity .12s}:has(>.nb-shell-panel.full)>.nb-shell-panel:not(.full)>.nb-shell-panel__header:hover{opacity:1}@media (prefers-reduced-motion:reduce){:has(>.nb-shell-panel.full)>.nb-shell-panel:not(.full)>.nb-shell-panel__header{transition:none}}
|
|
66
66
|
.nb-sidebar-brand[data-v-228349ba]{width:100%;color:var(--nb-shell-sidebar-link-hover-color);align-items:center;gap:.625rem;display:flex}.nb-sidebar-brand--compact[data-v-228349ba]{justify-content:center;gap:0}.nb-sidebar-brand__icon[data-v-228349ba]{color:var(--nb-shell-sidebar-link-active-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-sidebar-brand__text[data-v-228349ba]{flex-direction:column;min-width:0;line-height:1.15;display:flex}.nb-sidebar-brand__title[data-v-228349ba]{letter-spacing:.02em;color:var(--nb-shell-sidebar-link-active-color);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.nb-sidebar-brand__subtitle[data-v-228349ba]{letter-spacing:.14em;text-transform:uppercase;color:var(--nb-shell-sidebar-link-color);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:500;overflow:hidden}
|
|
67
|
-
.nb-sidebar-link[data-v-
|
|
67
|
+
.nb-sidebar-link[data-v-b72aaa0e]{width:40px;height:40px;color:var(--nb-shell-sidebar-link-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nb-sidebar-link[data-tooltip][data-v-b72aaa0e]:after{content:attr(data-tooltip);background:var(--nb-c-contrast);color:var(--nb-c-surface);white-space:nowrap;pointer-events:none;opacity:0;z-index:500;border-radius:5px;padding:.3rem .65rem;font-size:.76rem;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.nb-sidebar-link[data-tooltip][data-v-b72aaa0e]:hover:after{opacity:1}.nb-sidebar-link[data-v-b72aaa0e]:hover:not(.nb-sidebar-link--disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14);color:var(--nb-shell-sidebar-link-hover-color)}.nb-sidebar-link--active[data-v-b72aaa0e]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-link--danger[data-v-b72aaa0e]:hover:not(.nb-sidebar-link--disabled){background:var(--nb-shell-sidebar-link-danger-bg,color-mix(in srgb, var(--nb-c-danger) 12%, transparent));color:var(--nb-shell-sidebar-link-danger-color,var(--nb-c-danger))}.nb-sidebar-link--disabled[data-v-b72aaa0e]{opacity:.35;cursor:not-allowed;pointer-events:none}
|
|
68
68
|
.nb-sidebar-menu[data-v-c4f3a040]{width:100%;color:var(--nb-shell-sidebar-link-color);flex-direction:column;gap:1px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}
|
|
69
69
|
.nb-sidebar-menu-group[data-v-b549092e]{margin:.75rem 0 .25rem;list-style:none}.nb-sidebar-menu-group[data-v-b549092e]:first-child{margin-top:0}.nb-sidebar-menu-group--compact[data-v-b549092e]{margin:.5rem 0 .25rem}.nb-sidebar-menu-group__header[data-v-b549092e]{box-sizing:border-box;cursor:default;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.25rem .75rem .3rem;display:flex}.nb-sidebar-menu-group__header--interactive[data-v-b549092e]{cursor:pointer}.nb-sidebar-menu-group__label[data-v-b549092e]{letter-spacing:.06em;text-transform:uppercase;color:var(--nb-shell-sidebar-link-color);opacity:.75;font-size:.6875rem;font-weight:600}.nb-sidebar-menu-group__caret[data-v-b549092e]{color:var(--nb-shell-sidebar-link-color);transition:transform .15s}.nb-sidebar-menu-group__caret--collapsed[data-v-b549092e]{transform:rotate(-90deg)}.nb-sidebar-menu-group__items[data-v-b549092e]{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.nb-sidebar-menu-group__divider[data-v-b549092e]{background:var(--nb-shell-sidebar-link-hover-bg);border:0;height:1px;margin:.5rem .625rem}
|
|
70
|
-
.nb-sidebar-menu-item[data-v-
|
|
70
|
+
.nb-sidebar-menu-item[data-v-81f2be54]{margin:0;list-style:none}.nb-sidebar-menu-item__row[data-v-81f2be54]{box-sizing:border-box;width:100%;color:var(--nb-shell-sidebar-link-color);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.625rem;padding:.45rem .75rem;text-decoration:none;transition:background .12s,color .12s;display:flex}.nb-sidebar-menu-item__row[data-v-81f2be54]:hover:not(.nb-sidebar-menu-item__row--disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14);color:var(--nb-shell-sidebar-link-hover-color)}.nb-sidebar-menu-item__row--active[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__row--disabled[data-v-81f2be54]{opacity:.4;cursor:not-allowed;pointer-events:none}.nb-sidebar-menu-item__row--compact[data-v-81f2be54]{justify-content:center;width:40px;height:40px;margin:0 auto;padding:0;position:relative}.nb-sidebar-menu-item__icon[data-v-81f2be54]{flex-shrink:0}.nb-sidebar-menu-item__label[data-v-81f2be54]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nb-sidebar-menu-item__badge[data-v-81f2be54]{letter-spacing:.02em;background:var(--nb-shell-sidebar-link-hover-bg);color:var(--nb-shell-sidebar-link-hover-color);border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:.6875rem;font-weight:700}.nb-sidebar-menu-item__badge--accent[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-bg,#7c3aed40);color:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__badge--success[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-success,#22c55e) 22%, transparent);color:var(--nb-c-success,#22c55e)}.nb-sidebar-menu-item__badge--warning[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-warning,#f59e0b) 22%, transparent);color:var(--nb-c-warning,#f59e0b)}.nb-sidebar-menu-item__badge--danger[data-v-81f2be54]{background:color-mix(in srgb, var(--nb-c-danger,#ef4444) 22%, transparent);color:var(--nb-c-danger,#ef4444)}.nb-sidebar-menu-item__badge-dot[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-color);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.nb-sidebar-menu-item__badge-dot--accent[data-v-81f2be54]{background:var(--nb-shell-sidebar-link-active-color)}.nb-sidebar-menu-item__badge-dot--success[data-v-81f2be54]{background:var(--nb-c-success,#22c55e)}.nb-sidebar-menu-item__badge-dot--warning[data-v-81f2be54]{background:var(--nb-c-warning,#f59e0b)}.nb-sidebar-menu-item__badge-dot--danger[data-v-81f2be54]{background:var(--nb-c-danger,#ef4444)}.nb-sidebar-menu-item__caret[data-v-81f2be54]{opacity:.65;flex-shrink:0;transition:transform .15s}.nb-sidebar-menu-item__caret--expanded[data-v-81f2be54]{transform:rotate(90deg)}.nb-sidebar-menu-item__children[data-v-81f2be54]{border-left:1px solid var(--nb-shell-sidebar-link-hover-bg);flex-direction:column;gap:1px;margin:2px 0 4px .875rem;padding:0 0 0 1.625rem;list-style:none;display:flex}.nb-sidebar-menu-item__flyout{z-index:1000;background:var(--nb-shell-sidebar-bg);border:1px solid var(--nb-shell-sidebar-link-hover-bg);min-width:200px;max-width:280px;color:var(--nb-shell-sidebar-link-color);border-radius:8px;padding:6px;font-size:.8125rem;position:fixed;box-shadow:0 8px 24px #00000059}.nb-sidebar-menu-item__flyout-header{justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .625rem .5rem;display:flex}.nb-sidebar-menu-item__flyout-label{color:var(--nb-shell-sidebar-link-hover-color);font-weight:600}.nb-sidebar-menu-item__flyout-children{border-top:1px solid var(--nb-shell-sidebar-link-hover-bg);flex-direction:column;gap:1px;margin:0;padding:4px 0 0;list-style:none;display:flex}.nb-sidebar-menu-item__flyout-children .nb-sidebar-menu-item__row{justify-content:flex-start;width:100%;height:auto;padding:.4rem .625rem}
|
|
71
71
|
.nb-slider[data-v-9c9efe18]{gap:var(--nb-field-label-gap);font-family:var(--nb-font-family-sans,sans-serif);flex-direction:column;flex:1;display:flex}.nb-slider--disabled[data-v-9c9efe18]{opacity:var(--nb-field-disabled-opacity);pointer-events:none}.nb-slider__field-box[data-v-9c9efe18]{display:contents}.nb-slider--fluid[data-v-9c9efe18]{gap:4px}.nb-slider--fluid .nb-slider__field-box[data-v-9c9efe18]{background:var(--nb-c-field-bg);border-bottom:1px solid var(--nb-c-field-border);padding-top:calc(var(--nb-base-unit) * 1);min-height:calc(var(--nb-base-unit) * 8);flex-direction:column;flex:1;justify-content:space-between;display:flex}.nb-slider--fluid .nb-slider__inner-header[data-v-9c9efe18]{padding:0 var(--nb-field-padding-h);align-items:center;margin-bottom:4px;display:flex}.nb-slider--fluid .nb-slider__inner-label[data-v-9c9efe18]{min-width:0;font-family:var(--nb-font-family-sans);font-size:var(--nb-font-size-12);color:var(--nb-c-text-muted);letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.nb-slider--fluid .nb-slider__row[data-v-9c9efe18]{padding:0 var(--nb-field-padding-h) 4px}.nb-slider--fluid .nb-slider__input[data-v-9c9efe18] .nb-number-input__field-wrapper{background:0 0;border-bottom:none}.nb-slider__input[data-v-9c9efe18]{width:var(--nb-slider-readout-width,160px);flex:none}.nb-slider__track-area[data-v-9c9efe18]{min-width:var(--nb-slider-track-min-width,80px)}.nb-slider__track-area--error .nb-slider__track[data-v-9c9efe18]{background:color-mix(in srgb, var(--nb-c-danger) 30%, transparent)}.nb-slider__track-area--error .nb-slider__track .nb-slider__track__fill[data-v-9c9efe18],.nb-slider__track-area--error .nb-slider__track .nb-slider__track__handle[data-v-9c9efe18]{background:var(--nb-c-danger)}.nb-slider__track-area--warning .nb-slider__track[data-v-9c9efe18]{background:color-mix(in srgb, var(--nb-c-warning) 30%, transparent)}.nb-slider__track-area--warning .nb-slider__track .nb-slider__track__fill[data-v-9c9efe18],.nb-slider__track-area--warning .nb-slider__track .nb-slider__track__handle[data-v-9c9efe18]{background:var(--nb-c-warning)}.nb-slider__track[data-v-9c9efe18]{background:var(--nb-c-field-border);cursor:pointer;height:2px;margin:5px 0;position:relative}.nb-slider__track__fill[data-v-9c9efe18]{background:var(--nb-c-text);pointer-events:none;height:2px;position:absolute;top:0}.nb-slider__track__handle[data-v-9c9efe18]{background:var(--nb-c-text);cursor:grab;z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.nb-slider__track__handle[data-v-9c9efe18]:active{cursor:grabbing}.nb-slider__track__handle--low[data-v-9c9efe18]{clip-path:polygon(0 50%,100% 0,100% 100%);border-radius:0}.nb-slider__track__handle--high[data-v-9c9efe18]{clip-path:polygon(100% 50%,0 0,0 100%);border-radius:0}.nb-slider__tick[data-v-9c9efe18]{background:var(--nb-c-field-border);pointer-events:none;width:1px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nb-slider__track-labels[data-v-9c9efe18]{justify-content:space-between;display:flex}.nb-slider__track-label[data-v-9c9efe18]{color:var(--nb-c-field-border);-webkit-user-select:none;user-select:none;font-size:11px;line-height:1}.nb-slider__message[data-v-9c9efe18]{font-size:11px}
|
|
72
72
|
.nb-stepper[data-v-40496e58]{--nb-stepper-marker:24px;--nb-stepper-gap:var(--nb-spacing-8);--nb-stepper-label-size:var(--nb-font-size-14);--nb-stepper-marker-size:var(--nb-font-size-12);--nb-stepper-line:2px;--nb-stepper-step-min:8rem;font-family:var(--nb-font-family-sans);position:relative}.nb-stepper--sm[data-v-40496e58]{--nb-stepper-marker:20px;--nb-stepper-gap:var(--nb-spacing-8);--nb-stepper-label-size:var(--nb-font-size-12);--nb-stepper-marker-size:var(--nb-font-size-11);--nb-stepper-step-min:6.5rem}.nb-stepper__list[data-v-40496e58]{padding-block:var(--nb-spacing-4);margin:0;padding-inline:0;list-style:none;display:flex}.nb-stepper--horizontal .nb-stepper__list[data-v-40496e58]{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;flex-direction:row;inline-size:100%;overflow-x:auto}.nb-stepper--vertical .nb-stepper__list[data-v-40496e58]{flex-direction:column}.nb-stepper__announcement[data-v-40496e58]{white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.nb-stepper__list[data-v-40496e58]{scroll-behavior:auto}}
|
|
73
73
|
.nb-stepper__step[data-v-0923d9d6]{min-inline-size:0;display:flex;position:relative}.nb-stepper__body[data-v-0923d9d6]{gap:var(--nb-stepper-gap);min-inline-size:0;color:inherit;font:inherit;text-align:start;background:0 0;border:0;align-items:flex-start;margin:0;padding:0;display:flex}.nb-stepper__marker[data-v-0923d9d6]{inline-size:var(--nb-stepper-marker);block-size:var(--nb-stepper-marker);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-sm);background:var(--nb-c-surface);color:var(--nb-c-text-muted);font-size:var(--nb-stepper-marker-size);font-weight:var(--nb-font-weight-semibold);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.nb-stepper__text[data-v-0923d9d6]{gap:var(--nb-spacing-2);min-inline-size:0;flex-direction:column;padding-block-start:var(--nb-spacing-2);display:flex}.nb-stepper__label[data-v-0923d9d6]{color:var(--nb-c-text-muted);font-size:var(--nb-stepper-label-size);font-weight:var(--nb-font-weight-regular);overflow-wrap:anywhere;line-height:1.2;transition:color .15s}.nb-stepper__description[data-v-0923d9d6]{color:var(--nb-c-text-subtle);font-size:var(--nb-font-size-12);overflow-wrap:anywhere;line-height:1.3}.nb-stepper__status[data-v-0923d9d6]{white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.nb-stepper__line[data-v-0923d9d6]{background:var(--nb-c-border);transition:background .15s;position:absolute}.nb-stepper__step:last-child .nb-stepper__line[data-v-0923d9d6]{display:none}.nb-stepper__step--current .nb-stepper__marker[data-v-0923d9d6]{border-color:var(--nb-c-primary);background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-stepper__step--current .nb-stepper__label[data-v-0923d9d6]{color:var(--nb-c-text);font-weight:var(--nb-font-weight-semibold)}.nb-stepper__step--complete .nb-stepper__marker[data-v-0923d9d6]{border-color:var(--nb-c-primary);color:var(--nb-c-primary)}.nb-stepper__step--complete .nb-stepper__label[data-v-0923d9d6]{color:var(--nb-c-text)}.nb-stepper__step--complete .nb-stepper__line[data-v-0923d9d6]{background:var(--nb-c-primary)}.nb-stepper__step--invalid .nb-stepper__marker[data-v-0923d9d6]{border-color:var(--nb-c-danger);color:var(--nb-c-danger)}.nb-stepper__step--invalid .nb-stepper__label[data-v-0923d9d6]{color:var(--nb-c-danger);font-weight:var(--nb-font-weight-semibold)}.nb-stepper__step--disabled .nb-stepper__marker[data-v-0923d9d6]{border-color:var(--nb-c-component-disabled);background:var(--nb-c-surface);color:var(--nb-c-component-disabled)}.nb-stepper__step--disabled .nb-stepper__label[data-v-0923d9d6],.nb-stepper__step--disabled .nb-stepper__description[data-v-0923d9d6]{color:var(--nb-c-component-disabled)}.nb-stepper__step--clickable .nb-stepper__body[data-v-0923d9d6]{cursor:pointer}.nb-stepper__step--clickable .nb-stepper__body:hover .nb-stepper__label[data-v-0923d9d6]{color:var(--nb-c-primary);text-decoration:underline}.nb-stepper__step--clickable .nb-stepper__body:hover .nb-stepper__marker[data-v-0923d9d6]{border-color:var(--nb-c-primary)}.nb-stepper__step--clickable .nb-stepper__body[data-v-0923d9d6]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-stepper__step[data-orientation=horizontal][data-v-0923d9d6]{min-inline-size:var(--nb-stepper-step-min);flex:1 1 0;padding-inline-end:var(--nb-stepper-gap)}.nb-stepper__step[data-orientation=horizontal] .nb-stepper__line[data-v-0923d9d6]{inset-block-start:calc((var(--nb-stepper-marker) - var(--nb-stepper-line)) / 2);inset-inline:calc(var(--nb-stepper-marker) + var(--nb-stepper-gap)) 0;block-size:var(--nb-stepper-line)}.nb-stepper__step[data-orientation=horizontal] .nb-stepper__body[data-v-0923d9d6]{gap:var(--nb-spacing-8);flex-direction:column;inline-size:100%}.nb-stepper__step[data-orientation=horizontal] .nb-stepper__text[data-v-0923d9d6]{padding-block-start:0}.nb-stepper__step[data-orientation=vertical][data-v-0923d9d6]{padding-block-end:var(--nb-spacing-24)}.nb-stepper__step[data-orientation=vertical][data-v-0923d9d6]:last-child{padding-block-end:0}.nb-stepper__step[data-orientation=vertical] .nb-stepper__line[data-v-0923d9d6]{inset-block:calc(var(--nb-stepper-marker) + var(--nb-spacing-4)) var(--nb-spacing-4);inline-size:var(--nb-stepper-line);inset-inline-start:calc((var(--nb-stepper-marker) - var(--nb-stepper-line)) / 2)}@media (prefers-reduced-motion:reduce){.nb-stepper__marker[data-v-0923d9d6],.nb-stepper__label[data-v-0923d9d6],.nb-stepper__line[data-v-0923d9d6]{transition:none}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nubisco/ui",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.2",
|
|
4
4
|
"description": "Vue 3 UI component library",
|
|
5
5
|
"packageManager": "pnpm@11.0.8",
|
|
6
6
|
"repository": {
|
|
@@ -220,6 +220,7 @@
|
|
|
220
220
|
"vitest": "^4.1.1",
|
|
221
221
|
"vue": "^3.5.30",
|
|
222
222
|
"vue-eslint-parser": "^10.4.0",
|
|
223
|
+
"vue-router": "^5.3.1",
|
|
223
224
|
"vue-tsc": "^3.2.6"
|
|
224
225
|
},
|
|
225
226
|
"release": {
|
package/dist/Button-6GNkKckU.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useRouterLink.composable.cjs`);let i=require(`vue`);var a=function(e){return e.Button=`button`,e.Submit=`submit`,e.Reset=`reset`,e}(a||{}),o={key:0,class:`nb-button__decorations`},s={key:0,class:`nb-button__spinner`,"aria-hidden":`true`},c=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:void 0},outlined:{type:Boolean,default:!1},size:{default:t.t.Medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},type:{default:a.Button},href:{default:void 0},target:{default:void 0},rel:{default:void 0},to:{default:void 0}},emits:[`click`],setup(e){let t=e,a=(0,i.useSlots)(),c=(0,i.computed)(()=>!a.default&&!!(t.icon||t.loading)),l=r.useRouterLink(),u=(0,i.computed)(()=>t.to!=null&&!!l.value),d=(0,i.computed)(()=>{if(typeof t.to==`string`)return t.to;if(t.href)return t.href}),f=(0,i.computed)(()=>u.value?l.value:d.value?`a`:`button`),p={xxs:10,xs:12,sm:12,md:14,lg:16,xl:16,xxl:20},m=(0,i.computed)(()=>p[t.size??`md`]??14);return(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(f.value),{class:(0,i.normalizeClass)([`nb-button`,`nb-button--${e.variant}`,`nb-button--${e.size}`,{"nb-button--outlined":e.outlined},{"nb-button--loading":e.loading},{"nb-button--icon-only":c.value}]),to:u.value?e.to:void 0,href:f.value===`a`?d.value:void 0,target:f.value===`a`?e.target:void 0,rel:f.value===`a`?e.rel:void 0,disabled:f.value===`button`?e.disabled||e.loading:void 0,"aria-disabled":f.value!==`button`&&(e.disabled||e.loading)?!0:void 0,type:f.value===`button`?e.type:void 0,onClick:r[0]||=n=>e.disabled||e.loading?void 0:t.$emit(`click`,n)},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0),e.loading||e.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[e.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)):e.icon?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,name:e.icon,size:m.value,class:`nb-button__icon`},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},8,[`class`,`to`,`href`,`target`,`rel`,`disabled`,`aria-disabled`,`type`]))}}),l=e.t(c,[[`__scopeId`,`data-v-9cc29817`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useRouterLink.composable.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`SidebarLink`,props:{to:{default:void 0},href:{default:void 0},tooltip:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1}},emits:[`click`],setup(e){let r=e,i=t.useRouterLink(),a=(0,n.computed)(()=>r.to!=null&&!!i.value),o=(0,n.computed)(()=>{if(typeof r.to==`string`)return r.to;if(r.href)return r.href}),s=(0,n.computed)(()=>a.value?i.value:o.value?`a`:`button`);return(t,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(s.value),{class:(0,n.normalizeClass)([`nb-sidebar-link`,{"nb-sidebar-link--active":e.active,"nb-sidebar-link--danger":e.danger,"nb-sidebar-link--disabled":e.disabled}]),to:a.value?e.to:void 0,href:s.value===`a`?o.value:void 0,disabled:s.value===`button`&&e.disabled||void 0,"aria-disabled":s.value!==`button`&&e.disabled?!0:void 0,"data-tooltip":e.tooltip||void 0,onClick:r[0]||=n=>e.disabled?void 0:t.$emit(`click`,n)},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`to`,`href`,`disabled`,`aria-disabled`,`data-tooltip`]))}}),i=e.t(r,[[`__scopeId`,`data-v-584769b4`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { t } from "./Icon-rREAqsu0.js";
|
|
3
|
-
import { useRouterLink as n } from "./composables/useRouterLink.composable.mjs";
|
|
4
|
-
import { hasRenderableContent as r } from "./utils/slotContent.helper.mjs";
|
|
5
|
-
import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, inject as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, toRef as x, unref as S, useSlots as C, vShow as w, withCtx as T, withDirectives as E } from "vue";
|
|
6
|
-
import { regular as D } from "@nubisco/ui/icons/caret-right";
|
|
7
|
-
//#endregion
|
|
8
|
-
//#region src/components/SidebarVariantScope.vue
|
|
9
|
-
var O = /* @__PURE__ */ d({
|
|
10
|
-
__name: "SidebarVariantScope",
|
|
11
|
-
props: { variant: {} },
|
|
12
|
-
setup(e) {
|
|
13
|
-
return g("nb-shell-sidebar-variant", x(e, "variant")), (e, t) => v(e.$slots, "default");
|
|
14
|
-
}
|
|
15
|
-
}), k = { class: "nb-sidebar-menu-item__label" }, A = ["title"], j = {
|
|
16
|
-
key: 0,
|
|
17
|
-
class: "nb-sidebar-menu-item__children",
|
|
18
|
-
role: "group"
|
|
19
|
-
}, M = { class: "nb-sidebar-menu-item__flyout-header" }, N = { class: "nb-sidebar-menu-item__flyout-label" }, P = { class: "nb-sidebar-menu-item__flyout-children" }, F = /* @__PURE__ */ e(/* @__PURE__ */ d({
|
|
20
|
-
__name: "SidebarMenuItem",
|
|
21
|
-
props: {
|
|
22
|
-
label: {},
|
|
23
|
-
icon: { default: void 0 },
|
|
24
|
-
to: { default: void 0 },
|
|
25
|
-
href: { default: void 0 },
|
|
26
|
-
active: {
|
|
27
|
-
type: Boolean,
|
|
28
|
-
default: !1
|
|
29
|
-
},
|
|
30
|
-
disabled: {
|
|
31
|
-
type: Boolean,
|
|
32
|
-
default: !1
|
|
33
|
-
},
|
|
34
|
-
defaultExpanded: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
default: !1
|
|
37
|
-
},
|
|
38
|
-
badge: { default: void 0 },
|
|
39
|
-
badgeVariant: { default: "neutral" }
|
|
40
|
-
},
|
|
41
|
-
emits: ["click"],
|
|
42
|
-
setup(e, { emit: d }) {
|
|
43
|
-
let g = e, x = d, F = f("nb-shell-sidebar-variant", _("verbose")), I = o(() => F.value), L = C(), R = o(() => {
|
|
44
|
-
let e = L.default?.();
|
|
45
|
-
return e ? r(e) : !1;
|
|
46
|
-
}), z = _(g.defaultExpanded || g.active), B = n(), V = o(() => {
|
|
47
|
-
if (typeof g.to == "string") return g.to;
|
|
48
|
-
if (g.href) return g.href;
|
|
49
|
-
}), H = o(() => R.value), U = o(() => g.to != null && !H.value && !!B.value), W = o(() => H.value ? "button" : U.value ? B.value : V.value ? "a" : "button");
|
|
50
|
-
function G(e) {
|
|
51
|
-
if (g.disabled) {
|
|
52
|
-
e.preventDefault();
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
if (H.value && I.value === "verbose") {
|
|
56
|
-
z.value = !z.value;
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
x("click", e);
|
|
60
|
-
}
|
|
61
|
-
let K = _(null), q = _(!1), J = _({}), Y = null;
|
|
62
|
-
function X() {
|
|
63
|
-
if (I.value !== "compact") return;
|
|
64
|
-
Y &&= (clearTimeout(Y), null);
|
|
65
|
-
let e = K.value;
|
|
66
|
-
if (!e) return;
|
|
67
|
-
let t = e.getBoundingClientRect();
|
|
68
|
-
J.value = {
|
|
69
|
-
top: `${t.top}px`,
|
|
70
|
-
left: `${t.right + 8}px`
|
|
71
|
-
}, q.value = !0;
|
|
72
|
-
}
|
|
73
|
-
function Z() {
|
|
74
|
-
Y && clearTimeout(Y), Y = setTimeout(() => {
|
|
75
|
-
q.value = !1, Y = null;
|
|
76
|
-
}, 120);
|
|
77
|
-
}
|
|
78
|
-
function Q() {
|
|
79
|
-
X();
|
|
80
|
-
}
|
|
81
|
-
function $() {
|
|
82
|
-
Z();
|
|
83
|
-
}
|
|
84
|
-
function ee() {
|
|
85
|
-
Y &&= (clearTimeout(Y), null);
|
|
86
|
-
}
|
|
87
|
-
function te() {
|
|
88
|
-
Z();
|
|
89
|
-
}
|
|
90
|
-
return (n, r) => (h(), l("li", {
|
|
91
|
-
class: p(["nb-sidebar-menu-item", [`nb-sidebar-menu-item--${I.value}`]]),
|
|
92
|
-
role: "none",
|
|
93
|
-
onMouseenter: Q,
|
|
94
|
-
onMouseleave: $
|
|
95
|
-
}, [
|
|
96
|
-
(h(), s(y(W.value), {
|
|
97
|
-
ref_key: "rowRef",
|
|
98
|
-
ref: K,
|
|
99
|
-
class: p(["nb-sidebar-menu-item__row", {
|
|
100
|
-
"nb-sidebar-menu-item__row--active": e.active,
|
|
101
|
-
"nb-sidebar-menu-item__row--disabled": e.disabled,
|
|
102
|
-
"nb-sidebar-menu-item__row--expandable": R.value && I.value === "verbose",
|
|
103
|
-
"nb-sidebar-menu-item__row--compact": I.value === "compact"
|
|
104
|
-
}]),
|
|
105
|
-
type: W.value === "button" ? "button" : void 0,
|
|
106
|
-
to: U.value ? e.to : void 0,
|
|
107
|
-
href: W.value === "a" ? V.value : void 0,
|
|
108
|
-
disabled: W.value === "button" && !R.value && e.disabled || void 0,
|
|
109
|
-
"aria-disabled": e.disabled || void 0,
|
|
110
|
-
"aria-expanded": R.value && I.value === "verbose" ? z.value : void 0,
|
|
111
|
-
"aria-label": I.value === "compact" ? e.label : void 0,
|
|
112
|
-
role: "menuitem",
|
|
113
|
-
onClick: G
|
|
114
|
-
}, {
|
|
115
|
-
default: T(() => [e.icon ? (h(), s(t, {
|
|
116
|
-
key: 0,
|
|
117
|
-
class: "nb-sidebar-menu-item__icon",
|
|
118
|
-
name: e.icon,
|
|
119
|
-
size: I.value === "compact" ? 18 : 16
|
|
120
|
-
}, null, 8, ["name", "size"])) : c("", !0), I.value === "verbose" ? (h(), l(i, { key: 1 }, [
|
|
121
|
-
u("span", k, b(e.label), 1),
|
|
122
|
-
e.badge === void 0 ? c("", !0) : (h(), l("span", {
|
|
123
|
-
key: 0,
|
|
124
|
-
class: p(["nb-sidebar-menu-item__badge", [`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])
|
|
125
|
-
}, b(e.badge), 3)),
|
|
126
|
-
R.value ? (h(), s(t, {
|
|
127
|
-
key: 1,
|
|
128
|
-
class: p(["nb-sidebar-menu-item__caret", { "nb-sidebar-menu-item__caret--expanded": z.value }]),
|
|
129
|
-
name: S(D),
|
|
130
|
-
size: 12
|
|
131
|
-
}, null, 8, ["class", "name"])) : c("", !0)
|
|
132
|
-
], 64)) : e.badge === void 0 ? c("", !0) : (h(), l("span", {
|
|
133
|
-
key: 2,
|
|
134
|
-
class: p(["nb-sidebar-menu-item__badge-dot", [`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),
|
|
135
|
-
title: String(e.badge)
|
|
136
|
-
}, null, 10, A))]),
|
|
137
|
-
_: 1
|
|
138
|
-
}, 8, [
|
|
139
|
-
"class",
|
|
140
|
-
"type",
|
|
141
|
-
"to",
|
|
142
|
-
"href",
|
|
143
|
-
"disabled",
|
|
144
|
-
"aria-disabled",
|
|
145
|
-
"aria-expanded",
|
|
146
|
-
"aria-label"
|
|
147
|
-
])),
|
|
148
|
-
R.value && I.value === "verbose" ? E((h(), l("ul", j, [v(n.$slots, "default", {}, void 0, !0)], 512)), [[w, z.value]]) : c("", !0),
|
|
149
|
-
I.value === "compact" && q.value ? (h(), s(a, {
|
|
150
|
-
key: 1,
|
|
151
|
-
to: "body"
|
|
152
|
-
}, [u("div", {
|
|
153
|
-
class: "nb-sidebar-menu-item__flyout",
|
|
154
|
-
style: m(J.value),
|
|
155
|
-
onMouseenter: ee,
|
|
156
|
-
onMouseleave: te
|
|
157
|
-
}, [u("div", M, [u("span", N, b(e.label), 1), e.badge === void 0 ? c("", !0) : (h(), l("span", {
|
|
158
|
-
key: 0,
|
|
159
|
-
class: p(["nb-sidebar-menu-item__badge", [`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])
|
|
160
|
-
}, b(e.badge), 3))]), R.value ? (h(), s(O, {
|
|
161
|
-
key: 0,
|
|
162
|
-
variant: "verbose"
|
|
163
|
-
}, {
|
|
164
|
-
default: T(() => [u("ul", P, [v(n.$slots, "default", {}, void 0, !0)])]),
|
|
165
|
-
_: 3
|
|
166
|
-
})) : c("", !0)], 36)])) : c("", !0)
|
|
167
|
-
], 34));
|
|
168
|
-
}
|
|
169
|
-
}), [["__scopeId", "data-v-153976d1"]]);
|
|
170
|
-
//#endregion
|
|
171
|
-
export { F as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useRouterLink.composable.cjs`),r=require(`./utils/slotContent.helper.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);var o=(0,i.defineComponent)({__name:`SidebarVariantScope`,props:{variant:{}},setup(e){return(0,i.provide)(`nb-shell-sidebar-variant`,(0,i.toRef)(e,`variant`)),(e,t)=>(0,i.renderSlot)(e.$slots,`default`)}}),s={class:`nb-sidebar-menu-item__label`},c=[`title`],l={key:0,class:`nb-sidebar-menu-item__children`,role:`group`},u={class:`nb-sidebar-menu-item__flyout-header`},d={class:`nb-sidebar-menu-item__flyout-label`},f={class:`nb-sidebar-menu-item__flyout-children`},p=(0,i.defineComponent)({__name:`SidebarMenuItem`,props:{label:{},icon:{default:void 0},to:{default:void 0},href:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},defaultExpanded:{type:Boolean,default:!1},badge:{default:void 0},badgeVariant:{default:`neutral`}},emits:[`click`],setup(e,{emit:p}){let m=e,h=p,g=(0,i.inject)(`nb-shell-sidebar-variant`,(0,i.ref)(`verbose`)),_=(0,i.computed)(()=>g.value),v=(0,i.useSlots)(),y=(0,i.computed)(()=>{let e=v.default?.();return e?r.hasRenderableContent(e):!1}),b=(0,i.ref)(m.defaultExpanded||m.active),x=n.useRouterLink(),S=(0,i.computed)(()=>{if(typeof m.to==`string`)return m.to;if(m.href)return m.href}),C=(0,i.computed)(()=>y.value),w=(0,i.computed)(()=>m.to!=null&&!C.value&&!!x.value),T=(0,i.computed)(()=>C.value?`button`:w.value?x.value:S.value?`a`:`button`);function E(e){if(m.disabled){e.preventDefault();return}if(C.value&&_.value===`verbose`){b.value=!b.value;return}h(`click`,e)}let D=(0,i.ref)(null),O=(0,i.ref)(!1),k=(0,i.ref)({}),A=null;function j(){if(_.value!==`compact`)return;A&&=(clearTimeout(A),null);let e=D.value;if(!e)return;let t=e.getBoundingClientRect();k.value={top:`${t.top}px`,left:`${t.right+8}px`},O.value=!0}function M(){A&&clearTimeout(A),A=setTimeout(()=>{O.value=!1,A=null},120)}function N(){j()}function P(){M()}function F(){A&&=(clearTimeout(A),null)}function I(){M()}return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{class:(0,i.normalizeClass)([`nb-sidebar-menu-item`,[`nb-sidebar-menu-item--${_.value}`]]),role:`none`,onMouseenter:N,onMouseleave:P},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(T.value),{ref_key:`rowRef`,ref:D,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__row`,{"nb-sidebar-menu-item__row--active":e.active,"nb-sidebar-menu-item__row--disabled":e.disabled,"nb-sidebar-menu-item__row--expandable":y.value&&_.value===`verbose`,"nb-sidebar-menu-item__row--compact":_.value===`compact`}]),type:T.value===`button`?`button`:void 0,to:w.value?e.to:void 0,href:T.value===`a`?S.value:void 0,disabled:T.value===`button`&&!y.value&&e.disabled||void 0,"aria-disabled":e.disabled||void 0,"aria-expanded":y.value&&_.value===`verbose`?b.value:void 0,"aria-label":_.value===`compact`?e.label:void 0,role:`menuitem`,onClick:E},{default:(0,i.withCtx)(()=>[e.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,class:`nb-sidebar-menu-item__icon`,name:e.icon,size:_.value===`compact`?18:16},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0),_.value===`verbose`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3)),y.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__caret`,{"nb-sidebar-menu-item__caret--expanded":b.value}]),name:(0,i.unref)(a.regular),size:12},null,8,[`class`,`name`])):(0,i.createCommentVNode)(``,!0)],64)):e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:2,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge-dot`,[`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),title:String(e.badge)},null,10,c))]),_:1},8,[`class`,`type`,`to`,`href`,`disabled`,`aria-disabled`,`aria-expanded`,`aria-label`])),y.value&&_.value===`verbose`?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,l,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)],512)),[[i.vShow,b.value]]):(0,i.createCommentVNode)(``,!0),_.value===`compact`&&O.value?((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{key:1,to:`body`},[(0,i.createElementVNode)(`div`,{class:`nb-sidebar-menu-item__flyout`,style:(0,i.normalizeStyle)(k.value),onMouseenter:F,onMouseleave:I},[(0,i.createElementVNode)(`div`,u,[(0,i.createElementVNode)(`span`,d,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3))]),y.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,variant:`verbose`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`ul`,f,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)])]),_:3})):(0,i.createCommentVNode)(``,!0)],36)])):(0,i.createCommentVNode)(``,!0)],34))}}),m=e.t(p,[[`__scopeId`,`data-v-153976d1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|