@floegence/floe-webapp-core 0.35.56 → 0.35.58

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.
@@ -13,6 +13,8 @@ export interface NotesBoardProps {
13
13
  overviewOpen: boolean;
14
14
  optimisticFrontNoteID: string | null;
15
15
  copiedNoteID: string | null;
16
+ noteNumberByID: ReadonlyMap<string, string>;
17
+ pendingShortcutNoteID: string | null;
16
18
  setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
17
19
  onViewportCommit: (viewport: NotesViewport) => void;
18
20
  onCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;
@@ -1,23 +1,23 @@
1
- import { insert as t, createComponent as o, className as k, effect as S, use as x, memo as O, template as r, delegateEvents as I } from "solid-js/web";
1
+ import { insert as t, createComponent as o, className as S, effect as k, use as x, memo as O, template as r, delegateEvents as I } from "solid-js/web";
2
2
  import { Show as u, For as y } from "solid-js";
3
- import { Minus as N, Plus as w, Layers as M, Paste as p } from "../icons/index.js";
4
- import { NotesAnimalIcon as F } from "./notesAppearance.js";
5
- import { NotesBoardNote as T } from "./NotesBoardNote.js";
6
- import { topicAccentClass as P } from "./notesOverlayHelpers.js";
7
- import { InfiniteCanvas as Z } from "../ui/InfiniteCanvas.js";
8
- var L = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), A = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), D = /* @__PURE__ */ r("<div class=notes-canvas__field>"), E = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), j = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas>'), B = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
3
+ import { Minus as N, Plus as w, Layers as M, Paste as F } from "../icons/index.js";
4
+ import { NotesAnimalIcon as T } from "./notesAppearance.js";
5
+ import { NotesBoardNote as P } from "./NotesBoardNote.js";
6
+ import { topicAccentClass as p } from "./notesOverlayHelpers.js";
7
+ import { InfiniteCanvas as L } from "../ui/InfiniteCanvas.js";
8
+ var Z = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), D = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), A = /* @__PURE__ */ r("<div class=notes-canvas__field>"), B = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), E = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas>'), j = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
9
9
  function U(e) {
10
10
  return (() => {
11
- var s = j(), b = s.firstChild, $ = b.firstChild, g = $.nextSibling, d = g.firstChild, h = d.nextSibling, C = h.nextSibling, v = b.nextSibling;
12
- t($, o(u, {
11
+ var s = E(), b = s.firstChild, g = b.firstChild, $ = g.nextSibling, d = $.firstChild, h = d.nextSibling, C = h.nextSibling, v = b.nextSibling;
12
+ t(g, o(u, {
13
13
  get when() {
14
14
  return e.activeTopic;
15
15
  },
16
16
  children: (n) => {
17
- const i = P(n().icon_accent);
17
+ const i = p(n().icon_accent);
18
18
  return [(() => {
19
- var a = B();
20
- return k(a, `notes-topic-mark notes-topic-mark--board ${i}`), t(a, o(F, {
19
+ var a = j();
20
+ return S(a, `notes-topic-mark notes-topic-mark--board ${i}`), t(a, o(T, {
21
21
  get iconKey() {
22
22
  return n().icon_key;
23
23
  },
@@ -32,12 +32,12 @@ function U(e) {
32
32
  class: "w-3.5 h-3.5"
33
33
  })), t(h, () => e.boardScaleLabel), C.$$click = () => e.onZoomIn(), t(C, o(w, {
34
34
  class: "w-3.5 h-3.5"
35
- })), t(g, o(u, {
35
+ })), t($, o(u, {
36
36
  get when() {
37
37
  return e.isMobile;
38
38
  },
39
39
  get children() {
40
- var n = L();
40
+ var n = Z();
41
41
  return n.$$click = () => e.onOpenOverview(), t(n, o(M, {
42
42
  class: "w-3.5 h-3.5"
43
43
  })), n;
@@ -47,20 +47,20 @@ function U(e) {
47
47
  return e.isMobile;
48
48
  },
49
49
  get children() {
50
- var n = A(), i = n.firstChild;
50
+ var n = D(), i = n.firstChild;
51
51
  return t(i, o(y, {
52
52
  get each() {
53
53
  return e.topics;
54
54
  },
55
55
  children: (a) => (() => {
56
56
  var l = V();
57
- return l.$$click = () => e.onSelectTopic(a.topic_id), t(l, () => a.name), S(() => l.classList.toggle("is-active", a.topic_id === e.activeTopicID)), l;
57
+ return l.$$click = () => e.onSelectTopic(a.topic_id), t(l, () => a.name), k(() => l.classList.toggle("is-active", a.topic_id === e.activeTopicID)), l;
58
58
  })()
59
59
  })), n;
60
60
  }
61
61
  }), v);
62
62
  var f = e.setCanvasFrameRef;
63
- return typeof f == "function" ? x(f, v) : e.setCanvasFrameRef = v, t(v, o(Z, {
63
+ return typeof f == "function" ? x(f, v) : e.setCanvasFrameRef = v, t(v, o(L, {
64
64
  get ariaLabel() {
65
65
  return `Canvas for ${e.activeTopicLabel}`;
66
66
  },
@@ -75,19 +75,25 @@ function U(e) {
75
75
  return e.onCanvasContextMenu;
76
76
  },
77
77
  get children() {
78
- var n = D();
78
+ var n = A();
79
79
  return t(n, o(y, {
80
80
  get each() {
81
81
  return e.activeItems;
82
82
  },
83
- children: (i) => o(T, {
83
+ children: (i) => o(P, {
84
84
  item: i,
85
85
  get copied() {
86
86
  return e.copiedNoteID === i.note_id;
87
87
  },
88
+ get numberLabel() {
89
+ return e.noteNumberByID.get(i.note_id) ?? null;
90
+ },
88
91
  get optimisticFront() {
89
92
  return e.optimisticFrontNoteID === i.note_id;
90
93
  },
94
+ get shortcutPending() {
95
+ return e.pendingShortcutNoteID === i.note_id;
96
+ },
91
97
  get topZIndex() {
92
98
  return e.topZIndex;
93
99
  },
@@ -126,10 +132,10 @@ function U(e) {
126
132
  return O(() => !!e.isMobile)() && !e.overviewOpen;
127
133
  },
128
134
  get children() {
129
- var n = E(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, m = c.firstChild;
135
+ var n = B(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, m = c.firstChild;
130
136
  return i.$$click = () => e.onMobileCreateNote(), t(i, o(w, {
131
137
  class: "w-4 h-4"
132
- }), a), l.$$click = () => e.onMobilePaste(), t(l, o(p, {
138
+ }), a), l.$$click = () => e.onMobilePaste(), t(l, o(F, {
133
139
  class: "w-4 h-4"
134
140
  }), _), c.$$click = () => e.onOpenOverview(), t(c, o(M, {
135
141
  class: "w-4 h-4"
@@ -3,7 +3,9 @@ import type { NotesItem, NotesPoint } from './types';
3
3
  export interface NotesBoardNoteProps {
4
4
  item: NotesItem;
5
5
  copied: boolean;
6
+ numberLabel: string | null;
6
7
  optimisticFront: boolean;
8
+ shortcutPending: boolean;
7
9
  topZIndex: number;
8
10
  viewportScale: number;
9
11
  onSeedMoveProjection: (noteID: string, position: NotesPoint) => void;
@@ -1,119 +1,134 @@
1
- import { insert as l, createComponent as $, memo as y, effect as G, className as H, setAttribute as K, setStyleProperty as w, template as f, delegateEvents as V } from "solid-js/web";
2
- import { createSignal as Z, onCleanup as q, untrack as A, createMemo as d } from "solid-js";
3
- import { startHotInteraction as J } from "../../utils/hotInteraction.js";
4
- import { GripVertical as Q, Pencil as U, Trash as p, Check as tt } from "../icons/index.js";
5
- import { notePreviewMetrics as et, normalizeNoteTitle as ot, normalizeNoteText as nt, getNotePreviewText as it, noteColorClass as at, samePoint as lt } from "./notesOverlayHelpers.js";
6
- var st = /* @__PURE__ */ f('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash"></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true>'), rt = /* @__PURE__ */ f("<span class=notes-note__title-block><span class=notes-note__title>"), dt = /* @__PURE__ */ f("<span class=notes-note__body-copy>"), ct = /* @__PURE__ */ f("<span class=notes-note__body-copy>Empty note"), mt = /* @__PURE__ */ f("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied");
7
- const ut = '[data-floe-notes-front-skip="true"]';
8
- function bt(e) {
9
- const [h, C] = Z(null);
10
- let u;
11
- q(() => {
12
- u?.abort(), u = void 0, A(h)?.stopInteraction();
1
+ import { insert as s, createComponent as L, memo as C, effect as j, setAttribute as T, style as q, className as J, setStyleProperty as k, template as b, delegateEvents as Q } from "solid-js/web";
2
+ import { createSignal as U, onCleanup as p, untrack as G, createMemo as c } from "solid-js";
3
+ import { startHotInteraction as tt } from "../../utils/hotInteraction.js";
4
+ import { GripVertical as et, Check as nt, Pencil as ot, Trash as it } from "../icons/index.js";
5
+ import { notePreviewMetrics as lt, normalizeNoteTitle as at, normalizeNoteText as st, getNotePreviewText as rt, noteColorClass as dt, samePoint as ct } from "./notesOverlayHelpers.js";
6
+ var mt = /* @__PURE__ */ b('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><div class=notes-note__lead><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true></button></div><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash">'), ut = /* @__PURE__ */ b("<span class=notes-note__title-block><span class=notes-note__title>"), vt = /* @__PURE__ */ b("<span class=notes-note__body-copy>"), _t = /* @__PURE__ */ b("<span class=notes-note__body-copy>Empty note"), gt = /* @__PURE__ */ b("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied"), bt = /* @__PURE__ */ b("<div class=notes-note__number aria-hidden=true><span class=notes-note__number-key>");
7
+ const ft = '[data-floe-notes-front-skip="true"]';
8
+ function xt(e) {
9
+ const [w, I] = U(null);
10
+ let _;
11
+ p(() => {
12
+ _?.abort(), _ = void 0, G(w)?.stopInteraction();
13
13
  });
14
- const x = d(() => et(e.item)), I = d(() => ot(e.item.title)), T = d(() => nt(e.item.body)), B = d(() => T() ? it(e.item.body, x().preview_limit) : ""), _ = d(() => I().length > 0), k = d(() => T().length > 0), M = d(() => !_() && !k()), S = () => h() !== null, X = d(() => {
15
- const o = h();
16
- return o ? {
17
- x: o.worldX,
18
- y: o.worldY
14
+ const M = c(() => lt(e.item)), X = c(() => at(e.item.title)), Y = c(() => st(e.item.body)), H = c(() => Y() ? rt(e.item.body, M().preview_limit) : ""), K = c(() => e.numberLabel ? {
15
+ "--notes-number-length": `${Math.max(e.numberLabel.length, 1)}`
16
+ } : void 0), f = c(() => X().length > 0), S = c(() => Y().length > 0), P = c(() => !f() && !S()), E = () => w() !== null, N = c(() => {
17
+ const n = w();
18
+ return n ? {
19
+ x: n.worldX,
20
+ y: n.worldY
19
21
  } : {
20
22
  x: e.item.x,
21
23
  y: e.item.y
22
24
  };
23
- }), R = (o) => !(o instanceof Element && o.closest(ut)), Y = (o) => {
24
- const a = A(h);
25
- if (!a) return;
26
- const r = {
27
- x: a.worldX,
28
- y: a.worldY
29
- }, c = {
30
- x: a.startWorldX,
31
- y: a.startWorldY
32
- }, v = o && !lt(r, c);
33
- v && e.onSeedMoveProjection(e.item.note_id, r), a.stopInteraction(), C(null), u?.abort(), u = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, r);
34
- }, j = (o) => {
35
- if (o.button !== 0) return;
36
- o.preventDefault(), o.stopPropagation(), u?.abort(), e.onStartOptimisticFront(e.item.note_id);
37
- const a = J({
25
+ }), V = (n) => !(n instanceof Element && n.closest(ft)), W = (n) => {
26
+ const l = G(w);
27
+ if (!l) return;
28
+ const m = {
29
+ x: l.worldX,
30
+ y: l.worldY
31
+ }, h = {
32
+ x: l.startWorldX,
33
+ y: l.startWorldY
34
+ }, v = n && !ct(m, h);
35
+ v && e.onSeedMoveProjection(e.item.note_id, m), l.stopInteraction(), I(null), _?.abort(), _ = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, m);
36
+ }, Z = (n) => {
37
+ if (n.button !== 0) return;
38
+ n.preventDefault(), n.stopPropagation(), _?.abort(), e.onStartOptimisticFront(e.item.note_id);
39
+ const l = tt({
38
40
  kind: "drag",
39
41
  cursor: "grabbing"
40
- }), r = Math.max(e.viewportScale, 1e-3);
41
- C({
42
- pointerId: o.pointerId,
43
- startClientX: o.clientX,
44
- startClientY: o.clientY,
42
+ }), m = Math.max(e.viewportScale, 1e-3);
43
+ I({
44
+ pointerId: n.pointerId,
45
+ startClientX: n.clientX,
46
+ startClientY: n.clientY,
45
47
  startWorldX: e.item.x,
46
48
  startWorldY: e.item.y,
47
49
  worldX: e.item.x,
48
50
  worldY: e.item.y,
49
51
  moved: !1,
50
- scale: r,
51
- stopInteraction: a
52
+ scale: m,
53
+ stopInteraction: l
52
54
  });
53
- const c = (n) => {
54
- C((t) => {
55
- if (!t || t.pointerId !== n.pointerId) return t;
56
- const i = t.startWorldX + (n.clientX - t.startClientX) / t.scale, s = t.startWorldY + (n.clientY - t.startClientY) / t.scale;
55
+ const h = (r) => {
56
+ I((i) => {
57
+ if (!i || i.pointerId !== r.pointerId) return i;
58
+ const t = i.startWorldX + (r.clientX - i.startClientX) / i.scale, o = i.startWorldY + (r.clientY - i.startClientY) / i.scale;
57
59
  return {
58
- ...t,
59
- worldX: i,
60
- worldY: s,
61
- moved: t.moved || Math.abs(i - t.startWorldX) > 2 || Math.abs(s - t.startWorldY) > 2
60
+ ...i,
61
+ worldX: t,
62
+ worldY: o,
63
+ moved: i.moved || Math.abs(t - i.startWorldX) > 2 || Math.abs(o - i.startWorldY) > 2
62
64
  };
63
65
  });
64
- }, v = (n) => {
65
- n.pointerId === o.pointerId && Y(!0);
66
- }, g = (n) => {
67
- n.pointerId === o.pointerId && Y(!1);
68
- }, m = new AbortController();
69
- u = m, window.addEventListener("pointermove", c, {
70
- signal: m.signal
66
+ }, v = (r) => {
67
+ r.pointerId === n.pointerId && W(!0);
68
+ }, d = (r) => {
69
+ r.pointerId === n.pointerId && W(!1);
70
+ }, g = new AbortController();
71
+ _ = g, window.addEventListener("pointermove", h, {
72
+ signal: g.signal
71
73
  }), window.addEventListener("pointerup", v, {
72
74
  once: !0,
73
- signal: m.signal
74
- }), window.addEventListener("pointercancel", g, {
75
+ signal: g.signal
76
+ }), window.addEventListener("pointercancel", d, {
75
77
  once: !0,
76
- signal: m.signal
78
+ signal: g.signal
77
79
  });
78
80
  };
79
81
  return (() => {
80
- var o = st(), a = o.firstChild, r = a.firstChild, c = r.firstChild, v = c.nextSibling, g = v.firstChild, m = g.nextSibling, n = r.nextSibling;
81
- return o.$$click = (t) => {
82
- R(t.target) && e.onCommitFront(e.item.note_id);
83
- }, o.$$contextmenu = (t) => {
82
+ var n = mt(), l = n.firstChild, m = l.firstChild, h = m.firstChild, v = h.firstChild, d = m.nextSibling, g = l.nextSibling, r = g.firstChild, i = r.nextSibling;
83
+ return n.$$click = (t) => {
84
+ V(t.target) && e.onCommitFront(e.item.note_id);
85
+ }, n.$$contextmenu = (t) => {
84
86
  t.preventDefault(), t.stopPropagation(), e.onOpenContextMenu(t, e.item);
85
- }, c.$$pointerdown = j, l(c, $(Q, {
87
+ }, v.$$pointerdown = Z, s(v, L(et, {
86
88
  class: "w-3.5 h-3.5"
87
- })), g.$$click = () => e.onOpenEditor(e.item.note_id), l(g, $(U, {
88
- class: "w-3.5 h-3.5"
89
- })), m.$$click = () => e.onMoveToTrash(e.item.note_id), l(m, $(p, {
90
- class: "w-3.5 h-3.5"
91
- })), n.$$click = () => e.onCopy(e.item), l(n, (() => {
92
- var t = y(() => !!_());
89
+ })), d.$$click = () => e.onCopy(e.item), s(d, (() => {
90
+ var t = C(() => !!f());
93
91
  return () => t() ? (() => {
94
- var i = rt(), s = i.firstChild;
95
- return l(s, I), i;
92
+ var o = ut(), u = o.firstChild;
93
+ return s(u, X), o;
96
94
  })() : null;
97
- })(), null), l(n, (() => {
98
- var t = y(() => !!k());
95
+ })(), null), s(d, (() => {
96
+ var t = C(() => !!S());
99
97
  return () => t() ? (() => {
100
- var i = dt();
101
- return l(i, B), i;
98
+ var o = vt();
99
+ return s(o, H), o;
102
100
  })() : null;
103
- })(), null), l(n, (() => {
104
- var t = y(() => !!M());
105
- return () => t() ? ct() : null;
106
- })(), null), l(a, (() => {
107
- var t = y(() => !!e.copied);
101
+ })(), null), s(d, (() => {
102
+ var t = C(() => !!P());
103
+ return () => t() ? _t() : null;
104
+ })(), null), s(l, (() => {
105
+ var t = C(() => !!e.copied);
108
106
  return () => t() ? (() => {
109
- var i = mt(), s = i.firstChild, b = s.firstChild;
110
- return l(b, $(tt, {
107
+ var o = gt(), u = o.firstChild, a = u.firstChild;
108
+ return s(a, L(nt, {
111
109
  class: "w-3.5 h-3.5"
112
- })), i;
110
+ })), o;
111
+ })() : null;
112
+ })(), null), r.$$click = () => e.onOpenEditor(e.item.note_id), s(r, L(ot, {
113
+ class: "w-3.5 h-3.5"
114
+ })), i.$$click = () => e.onMoveToTrash(e.item.note_id), s(i, L(it, {
115
+ class: "w-3.5 h-3.5"
116
+ })), s(n, (() => {
117
+ var t = C(() => !!e.numberLabel);
118
+ return () => t() ? (() => {
119
+ var o = bt(), u = o.firstChild;
120
+ return s(u, () => e.numberLabel), j((a) => {
121
+ var y = e.numberLabel, $ = e.numberLabel.length, x = K();
122
+ return y !== a.e && T(o, "data-floe-notes-note-number", a.e = y), $ !== a.t && T(o, "data-floe-notes-note-number-length", a.t = $), a.a = q(o, x, a.a), a;
123
+ }, {
124
+ e: void 0,
125
+ t: void 0,
126
+ a: void 0
127
+ }), o;
113
128
  })() : null;
114
- })(), null), G((t) => {
115
- var i = `${at(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, s = !!e.copied, b = !!S(), E = !!_(), L = e.item.note_id, P = `translate(${X().x}px, ${X().y}px)`, N = `${x().width}px`, W = `${x().height}px`, D = S() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, F = !!M(), z = !!_(), O = !!(_() && !k());
116
- return i !== t.e && H(o, t.e = i), s !== t.t && o.classList.toggle("is-copied", t.t = s), b !== t.a && o.classList.toggle("is-dragging", t.a = b), E !== t.o && o.classList.toggle("has-title", t.o = E), L !== t.i && K(o, "data-floe-notes-note-id", t.i = L), P !== t.n && w(o, "transform", t.n = P), N !== t.s && w(o, "--note-width", t.s = N), W !== t.h && w(o, "--note-height", t.h = W), D !== t.r && w(o, "z-index", t.r = D), F !== t.d && n.classList.toggle("is-empty", t.d = F), z !== t.l && n.classList.toggle("has-title", t.l = z), O !== t.u && n.classList.toggle("is-title-only", t.u = O), t;
129
+ })(), null), j((t) => {
130
+ var o = `${dt(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, u = !!e.copied, a = !!E(), y = !!f(), $ = !!e.shortcutPending, x = e.item.note_id, D = `translate(${N().x}px, ${N().y}px)`, F = `${M().width}px`, z = `${M().height}px`, O = E() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, A = !!P(), B = !!f(), R = !!(f() && !S());
131
+ return o !== t.e && J(n, t.e = o), u !== t.t && n.classList.toggle("is-copied", t.t = u), a !== t.a && n.classList.toggle("is-dragging", t.a = a), y !== t.o && n.classList.toggle("has-title", t.o = y), $ !== t.i && n.classList.toggle("is-shortcut-pending", t.i = $), x !== t.n && T(n, "data-floe-notes-note-id", t.n = x), D !== t.s && k(n, "transform", t.s = D), F !== t.h && k(n, "--note-width", t.h = F), z !== t.r && k(n, "--note-height", t.r = z), O !== t.d && k(n, "z-index", t.d = O), A !== t.l && d.classList.toggle("is-empty", t.l = A), B !== t.u && d.classList.toggle("has-title", t.u = B), R !== t.c && d.classList.toggle("is-title-only", t.c = R), t;
117
132
  }, {
118
133
  e: void 0,
119
134
  t: void 0,
@@ -126,11 +141,12 @@ function bt(e) {
126
141
  r: void 0,
127
142
  d: void 0,
128
143
  l: void 0,
129
- u: void 0
130
- }), o;
144
+ u: void 0,
145
+ c: void 0
146
+ }), n;
131
147
  })();
132
148
  }
133
- V(["contextmenu", "click", "pointerdown"]);
149
+ Q(["contextmenu", "click", "pointerdown"]);
134
150
  export {
135
- bt as NotesBoardNote
151
+ xt as NotesBoardNote
136
152
  };