@jackuait/blok 0.7.3-beta.3 → 0.7.3

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.
Files changed (68) hide show
  1. package/dist/blok.mjs +2 -2
  2. package/dist/chunks/{blok-CdxHhr5i.mjs → blok-BmlbETK7.mjs} +2119 -2013
  3. package/dist/chunks/{constants-C_H9o9Ao.mjs → constants-WhLyFkza.mjs} +260 -223
  4. package/dist/chunks/{i18next-loader-D5HxE5ZQ.mjs → i18next-loader-CZARkla1.mjs} +1 -1
  5. package/dist/chunks/{lightweight-i18n-Safdy0ua.mjs → lightweight-i18n-BQa0F2X6.mjs} +9 -0
  6. package/dist/chunks/{tools-B0YXCZFW.mjs → tools-BCb5bMO3.mjs} +973 -843
  7. package/dist/full.mjs +3 -3
  8. package/dist/locales.mjs +9 -0
  9. package/dist/react.mjs +2 -2
  10. package/dist/tools.mjs +2 -2
  11. package/package.json +1 -1
  12. package/src/components/block/style-manager.ts +1 -1
  13. package/src/components/blocks.ts +26 -54
  14. package/src/components/constants/data-attributes.ts +0 -2
  15. package/src/components/i18n/locales/en/messages.json +9 -0
  16. package/src/components/icons/index.ts +34 -6
  17. package/src/components/inline-tools/inline-tool-link.ts +202 -5
  18. package/src/components/inline-tools/inline-tool-marker.ts +166 -23
  19. package/src/components/inline-tools/utils/formatting-range-utils.ts +10 -1
  20. package/src/components/modules/blockManager/blockManager.ts +2 -2
  21. package/src/components/modules/blockManager/operations.ts +2 -2
  22. package/src/components/modules/blockManager/repository.ts +1 -9
  23. package/src/components/modules/blockManager/types.ts +1 -1
  24. package/src/components/modules/drag/operations/DragOperations.ts +45 -6
  25. package/src/components/modules/paste/google-docs-preprocessor.ts +69 -2
  26. package/src/components/modules/paste/handlers/blok-data-handler.ts +96 -19
  27. package/src/components/modules/renderer.ts +2 -0
  28. package/src/components/modules/toolbar/blockSettings.ts +1 -1
  29. package/src/components/modules/toolbar/index.ts +21 -0
  30. package/src/components/modules/toolbar/plus-button.ts +15 -5
  31. package/src/components/selection/fake-background/index.ts +9 -10
  32. package/src/components/shared/color-picker.ts +108 -95
  33. package/src/components/shared/color-presets.ts +30 -2
  34. package/src/components/ui/toolbox.ts +36 -7
  35. package/src/components/utils/color-mapping.ts +43 -1
  36. package/src/components/utils/color-migration.ts +37 -0
  37. package/src/components/utils/popover/components/popover-item/popover-item-default/popover-item-default.const.ts +4 -3
  38. package/src/components/utils/popover/components/popover-item/popover-item-default/popover-item-default.ts +5 -39
  39. package/src/components/utils/popover/components/popover-item/popover-item-separator/popover-item-separator.const.ts +2 -2
  40. package/src/components/utils/popover/components/popover-item/popover-item.ts +11 -0
  41. package/src/components/utils/popover/components/search-input/search-input.const.ts +2 -3
  42. package/src/components/utils/popover/components/search-input/search-input.ts +1 -32
  43. package/src/components/utils/popover/popover-abstract.ts +2 -4
  44. package/src/components/utils/popover/popover-desktop.ts +1 -16
  45. package/src/components/utils/popover/popover-inline.ts +1 -2
  46. package/src/components/utils/popover/popover-mobile.ts +2 -2
  47. package/src/components/utils/popover/popover.const.ts +1 -1
  48. package/src/stories/Table.stories.ts +15 -9
  49. package/src/styles/main.css +312 -14
  50. package/src/tools/header/index.ts +5 -5
  51. package/src/tools/list/constants.ts +11 -4
  52. package/src/tools/list/depth-validator.ts +13 -1
  53. package/src/tools/list/dom-builder.ts +5 -3
  54. package/src/tools/list/index.ts +3 -2
  55. package/src/tools/paragraph/index.ts +2 -2
  56. package/src/tools/table/table-cell-color-picker.ts +1 -1
  57. package/src/tools/table/table-cell-selection.ts +1 -2
  58. package/src/tools/table/table-core.ts +2 -2
  59. package/src/tools/table/table-grip-visuals.ts +13 -5
  60. package/src/tools/table/table-heading-toggle.ts +15 -9
  61. package/src/tools/table/table-row-col-controls.ts +17 -11
  62. package/src/tools/table/table-row-col-drag.ts +26 -3
  63. package/src/tools/toggle/constants.ts +5 -5
  64. package/src/tools/toggle/index.ts +1 -1
  65. package/types/tools/hook-events.d.ts +6 -0
  66. package/types/tools/toggle.d.ts +23 -0
  67. package/types/tools-entry.d.ts +3 -0
  68. package/types/utils/popover/popover-item.d.ts +6 -0
@@ -62,7 +62,6 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
62
62
  popoverItemConfirmation: "data-blok-popover-item-confirmation",
63
63
  popoverItemNoHover: "data-blok-popover-item-no-hover",
64
64
  popoverItemNoFocus: "data-blok-popover-item-no-focus",
65
- popoverItemWobble: "data-blok-popover-item-wobble",
66
65
  popoverItemDestructive: "data-blok-popover-item-destructive",
67
66
  popoverItemSeparator: "data-blok-popover-item-separator",
68
67
  popoverItemSeparatorLine: "data-blok-popover-item-separator-line",
@@ -138,7 +137,7 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
138
137
  RIGHT: 2,
139
138
  BACKWARD: 3,
140
139
  FORWARD: 4
141
- }, g = () => "0.7.3-beta.3", _ = /* @__PURE__ */ function(e) {
140
+ }, g = () => "0.7.3", _ = /* @__PURE__ */ function(e) {
142
141
  return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
143
142
  }({}), v = (e, t, n = "log", r, i = "color: inherit") => {
144
143
  let a = typeof console > "u" ? void 0 : console;
@@ -954,7 +953,7 @@ var Xe = class {
954
953
  u && (u.removeAllRanges(), u.addRange(l)), this.selectionUtils.isFakeBackgroundEnabled = !0;
955
954
  }
956
955
  removeFakeBackground() {
957
- this.removeOrphanedFakeBackgroundElements(), this.selectionUtils.isFakeBackgroundEnabled && (this.removeHighlightSpans(), this.selectionUtils.isFakeBackgroundEnabled = !1);
956
+ this.selectionUtils.isFakeBackgroundEnabled && (this.removeHighlightSpans(), this.selectionUtils.isFakeBackgroundEnabled = !1), this.removeOrphanedFakeBackgroundElements();
958
957
  }
959
958
  removeOrphanedFakeBackgroundElements() {
960
959
  document.querySelectorAll("[data-blok-fake-background=\"true\"]").forEach((e) => {
@@ -1200,64 +1199,64 @@ var Xe = class {
1200
1199
  });
1201
1200
  })))()), nt = /^\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)/i, rt = /\s*(?:href|src)\s*=\s*(?:"\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^"]*"|'\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^']*|(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^ \t\r\n>]*)/gi, it = (t, n, r = {}) => t.map((t) => {
1202
1201
  let i = b(n) ? n(t.tool) : n, a = i == null ? {} : i;
1203
- return x(a) && C(a) && C(r) ? t : e(e({}, t), {}, { data: at(t.data, a, r) });
1204
- }), I = (e, t = {}) => new tt.default({ tags: t }).clean(e), at = (e, t, n) => Array.isArray(e) ? ot(e, t, n) : x(e) ? st(e, t, n) : S(e) ? ct(e, t, n) : e, ot = (e, t, n) => e.map((e) => at(e, t, n)), st = (e, t, n) => {
1202
+ return x(a) && C(a) && C(r) ? t : e(e({}, t), {}, { data: ot(t.data, a, r) });
1203
+ }), at = (e, t = {}) => new tt.default({ tags: t }).clean(e), ot = (e, t, n) => Array.isArray(e) ? st(e, t, n) : x(e) ? ct(e, t, n) : S(e) ? lt(e, t, n) : e, st = (e, t, n) => e.map((e) => ot(e, t, n)), ct = (e, t, n) => {
1205
1204
  let r = {}, i = e;
1206
1205
  for (let a in e) {
1207
1206
  if (!Object.prototype.hasOwnProperty.call(e, a)) continue;
1208
1207
  let o = i[a], s = x(t) ? t : void 0, c = s == null ? void 0 : s[a];
1209
- r[a] = at(o, c !== void 0 && lt(c) ? c : t, n);
1208
+ r[a] = ot(o, c !== void 0 && ut(c) ? c : t, n);
1210
1209
  }
1211
1210
  return r;
1212
- }, ct = (e, t, n) => {
1213
- let r = vt(t, n);
1214
- return r ? dt(bt(I(e, r), r)) : C(n) ? dt(e) : dt(bt(I(e, n), n));
1215
- }, lt = (e) => x(e) || ne(e) || b(e), ut = (e) => e ? nt.test(e) : !1, dt = (e) => {
1211
+ }, lt = (e, t, n) => {
1212
+ let r = yt(t, n);
1213
+ return r ? ft(xt(at(e, r), r)) : C(n) ? ft(e) : ft(xt(at(e, n), n));
1214
+ }, ut = (e) => x(e) || ne(e) || b(e), dt = (e) => e ? nt.test(e) : !1, ft = (e) => {
1216
1215
  if (!e || e.indexOf("<") === -1) return e;
1217
1216
  if (typeof document < "u") {
1218
1217
  let t = document.createElement("template");
1219
1218
  return t.innerHTML = e, t.content.querySelectorAll("[href],[src]").forEach((e) => {
1220
1219
  ["href", "src"].forEach((t) => {
1221
- ut(e.getAttribute(t)) && e.removeAttribute(t);
1220
+ dt(e.getAttribute(t)) && e.removeAttribute(t);
1222
1221
  });
1223
1222
  }), t.innerHTML;
1224
1223
  }
1225
1224
  return e.replace(rt, "");
1226
- }, ft = (e) => {
1225
+ }, pt = (e) => {
1227
1226
  if (C(e)) return {};
1228
1227
  let t = {};
1229
- for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = L(e[n]));
1228
+ for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = I(e[n]));
1230
1229
  return t;
1231
- }, pt = (e) => function(t) {
1230
+ }, mt = (e) => function(t) {
1232
1231
  let n = e.call(this, t);
1233
1232
  return n == null ? {} : n;
1234
- }, mt = new Set([
1233
+ }, ht = new Set([
1235
1234
  "class",
1236
1235
  "id",
1237
1236
  "title",
1238
1237
  "role",
1239
1238
  "dir",
1240
1239
  "lang"
1241
- ]), ht = (e) => {
1240
+ ]), gt = (e) => {
1242
1241
  let t = e.toLowerCase();
1243
- return t.startsWith("data-") || t.startsWith("aria-") || mt.has(t);
1244
- }, gt = (e) => {
1242
+ return t.startsWith("data-") || t.startsWith("aria-") || ht.has(t);
1243
+ }, _t = (e) => {
1245
1244
  let t = {};
1246
1245
  return Array.from(e.attributes).forEach((e) => {
1247
- ht(e.name) && (t[e.name] = !0);
1246
+ gt(e.name) && (t[e.name] = !0);
1248
1247
  }), t;
1249
- }, L = (e) => e === !0 ? pt(gt) : e === !1 ? !1 : b(e) ? pt(e) : S(e) ? e : x(e) ? E({}, e) : e, _t = (e, t) => {
1250
- if (C(e)) return ft(t);
1248
+ }, I = (e) => e === !0 ? mt(_t) : e === !1 ? !1 : b(e) ? mt(e) : S(e) ? e : x(e) ? E({}, e) : e, vt = (e, t) => {
1249
+ if (C(e)) return pt(t);
1251
1250
  let n = {};
1252
1251
  for (let r in e) {
1253
1252
  if (!Object.prototype.hasOwnProperty.call(e, r)) continue;
1254
1253
  let i = e[r], a = t ? t[r] : void 0;
1255
1254
  if (b(a)) {
1256
- n[r] = L(a);
1255
+ n[r] = I(a);
1257
1256
  continue;
1258
1257
  }
1259
1258
  if (b(i)) {
1260
- n[r] = L(i);
1259
+ n[r] = I(i);
1261
1260
  continue;
1262
1261
  }
1263
1262
  if (x(i) && x(a)) {
@@ -1265,17 +1264,17 @@ var Xe = class {
1265
1264
  continue;
1266
1265
  }
1267
1266
  if (a !== void 0) {
1268
- n[r] = L(a);
1267
+ n[r] = I(a);
1269
1268
  continue;
1270
1269
  }
1271
- n[r] = L(i);
1270
+ n[r] = I(i);
1272
1271
  }
1273
1272
  if (!t) return n;
1274
- for (let e in t) Object.prototype.hasOwnProperty.call(t, e) && (Object.prototype.hasOwnProperty.call(n, e) || (n[e] = L(t[e])));
1273
+ for (let e in t) Object.prototype.hasOwnProperty.call(t, e) && (Object.prototype.hasOwnProperty.call(n, e) || (n[e] = I(t[e])));
1275
1274
  return n;
1276
- }, vt = (e, t) => x(e) && !b(e) ? _t(t, e) : e === !1 ? {} : C(t) ? null : ft(t), yt = (e, ...t) => {
1275
+ }, yt = (e, t) => x(e) && !b(e) ? vt(t, e) : e === !1 ? {} : C(t) ? null : pt(t), bt = (e, ...t) => {
1277
1276
  if (C(e)) return Object.assign({}, ...t);
1278
- let n = ft(e);
1277
+ let n = pt(e);
1279
1278
  return t.forEach((e) => {
1280
1279
  if (e) for (let t in e) {
1281
1280
  if (!Object.prototype.hasOwnProperty.call(e, t)) continue;
@@ -1288,18 +1287,18 @@ var Xe = class {
1288
1287
  }
1289
1288
  if (!(r === !0 && b(i))) {
1290
1289
  if (r === !0) {
1291
- n[t] = x(i) && !b(i) ? E({}, i) : L(r);
1290
+ n[t] = x(i) && !b(i) ? E({}, i) : I(r);
1292
1291
  continue;
1293
1292
  }
1294
1293
  if (x(r) && x(i)) {
1295
1294
  n[t] = E({}, i, r);
1296
1295
  continue;
1297
1296
  }
1298
- n[t] = L(r);
1297
+ n[t] = I(r);
1299
1298
  }
1300
1299
  }
1301
1300
  }), n;
1302
- }, bt = (e, t) => {
1301
+ }, xt = (e, t) => {
1303
1302
  if (typeof document > "u" || !e || e.indexOf("<") === -1) return e;
1304
1303
  let n = Object.entries(t).filter(([, e]) => b(e));
1305
1304
  if (n.length === 0) return e;
@@ -1316,7 +1315,7 @@ var Xe = class {
1316
1315
  }
1317
1316
  });
1318
1317
  }), r.innerHTML;
1319
- }, xt, St = 10, Ct = "tooltip", wt = "aria-hidden", Tt = "false", Et = "true", Dt = "visibility", Ot = "visible", kt = "hidden", At = class e {
1318
+ }, St, Ct = 10, wt = "tooltip", Tt = "aria-hidden", Et = "false", Dt = "true", Ot = "visibility", kt = "visible", At = "hidden", jt = class e {
1320
1319
  get CSS() {
1321
1320
  return {
1322
1321
  tooltip: n("absolute z-overlay top-0 left-0", "bg-tooltip-bg opacity-0", "select-none pointer-events-none", "rounded-lg shadow-tooltip", "before:content-[''] before:absolute before:inset-0 before:bg-tooltip-bg before:-z-10 before:rounded-lg", "mobile:hidden").split(" "),
@@ -1331,7 +1330,7 @@ var Xe = class {
1331
1330
  this.nodes = {
1332
1331
  wrapper: null,
1333
1332
  content: null
1334
- }, this.showed = !1, this.offsetTop = St, this.offsetLeft = St, this.offsetRight = St, this.showingTimeout = null, this.ariaObserver = null, this.handleWindowScroll = () => {
1333
+ }, this.showed = !1, this.offsetTop = Ct, this.offsetLeft = Ct, this.offsetRight = Ct, this.showingTimeout = null, this.ariaObserver = null, this.handleWindowScroll = () => {
1335
1334
  this.showed && this.hide();
1336
1335
  }, this.prepare(), window.addEventListener("scroll", this.handleWindowScroll, { passive: !0 });
1337
1336
  }
@@ -1407,7 +1406,7 @@ var Xe = class {
1407
1406
  updateTooltipVisibility() {
1408
1407
  if (!this.nodes.wrapper) return;
1409
1408
  let e = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown[0] : this.CSS.tooltipShown, t = this.nodes.wrapper.classList.contains(e);
1410
- this.nodes.wrapper.style.setProperty(Dt, t ? Ot : kt, t ? "" : "important"), this.nodes.wrapper.setAttribute(wt, t ? Tt : Et), this.nodes.wrapper.setAttribute("data-blok-shown", t ? "true" : "false");
1409
+ this.nodes.wrapper.style.setProperty(Ot, t ? kt : At, t ? "" : "important"), this.nodes.wrapper.setAttribute(Tt, t ? Et : Dt), this.nodes.wrapper.setAttribute("data-blok-shown", t ? "true" : "false");
1411
1410
  }
1412
1411
  watchTooltipVisibility() {
1413
1412
  var e;
@@ -1419,7 +1418,7 @@ var Xe = class {
1419
1418
  }));
1420
1419
  }
1421
1420
  ensureTooltipAttributes() {
1422
- this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(f.interface) || this.nodes.wrapper.getAttribute(f.interface) !== "tooltip") && this.nodes.wrapper.setAttribute(f.interface, Ge), this.nodes.wrapper.setAttribute("role", Ct), this.watchTooltipVisibility());
1421
+ this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(f.interface) || this.nodes.wrapper.getAttribute(f.interface) !== "tooltip") && this.nodes.wrapper.setAttribute(f.interface, Ge), this.nodes.wrapper.setAttribute("role", wt), this.watchTooltipVisibility());
1423
1422
  }
1424
1423
  placeBottom(e, t) {
1425
1424
  var n;
@@ -1461,16 +1460,16 @@ var Xe = class {
1461
1460
  Array.isArray(t) ? t.forEach((t) => e.appendChild(t)) : e.appendChild(t);
1462
1461
  }
1463
1462
  };
1464
- xt = At, xt.instance = null;
1465
- var R = () => At.getInstance(), jt = (e, t, n) => {
1466
- R().show(e, t, n == null ? {} : n);
1467
- }, Mt = () => {
1468
- R().hide();
1469
- }, Nt = (e, t, n) => {
1470
- R().onHover(e, t, n == null ? {} : n);
1471
- }, Pt = () => {
1472
- R().destroy();
1463
+ St = jt, St.instance = null;
1464
+ var L = () => jt.getInstance(), Mt = (e, t, n) => {
1465
+ L().show(e, t, n == null ? {} : n);
1466
+ }, Nt = () => {
1467
+ L().hide();
1468
+ }, Pt = (e, t, n) => {
1469
+ L().onHover(e, t, n == null ? {} : n);
1473
1470
  }, Ft = () => {
1471
+ L().destroy();
1472
+ }, It = () => {
1474
1473
  var e, t;
1475
1474
  let n = window.getSelection();
1476
1475
  if (n === null) return [null, 0];
@@ -1481,7 +1480,7 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
1481
1480
  if (a !== void 0) return [a, 0];
1482
1481
  let o = (e = r.childNodes[i - 1]) == null ? null : e, s = (t = o == null ? void 0 : o.textContent) == null ? null : t;
1483
1482
  return [o, s === null ? 0 : s.length];
1484
- }, It = (e) => {
1483
+ }, Lt = (e) => {
1485
1484
  var t;
1486
1485
  let n = window.getSelection();
1487
1486
  if (n === null || n.rangeCount === 0) return 0;
@@ -1489,7 +1488,7 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
1489
1488
  if (i == null) return 0;
1490
1489
  let a = document.createRange();
1491
1490
  return a.selectNodeContents(i), a.setEnd(r.startContainer, r.startOffset), a.toString().length;
1492
- }, Lt = (e, t, n, r) => {
1491
+ }, Rt = (e, t, n, r) => {
1493
1492
  let i = document.createRange();
1494
1493
  r === "left" ? (i.selectNodeContents(e), i.setEnd(t, n)) : (i.selectNodeContents(e), i.setStart(t, n));
1495
1494
  let a = i.cloneContents(), o = document.createElement("div");
@@ -1501,23 +1500,23 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
1501
1500
  o.style.position = "absolute", o.style.visibility = "hidden", o.style.height = "auto", o.style.width = "auto", o.style.whiteSpace = window.getComputedStyle(e).whiteSpace, document.body.appendChild(o);
1502
1501
  let u = o.getBoundingClientRect().width;
1503
1502
  return document.body.removeChild(o), !(u > 0 || !Te(s) || window.getComputedStyle(e).whiteSpace.startsWith("pre") && s.length > 0);
1504
- }, Rt = (e) => {
1503
+ }, zt = (e) => {
1505
1504
  var t;
1506
1505
  let n = O.getDeepestNode(e);
1507
1506
  if (n === null || O.isEmpty(e)) return !0;
1508
1507
  if (O.isNativeInput(n)) return n.selectionEnd === 0;
1509
1508
  if (O.isEmpty(e)) return !0;
1510
- let [r, i] = Ft();
1509
+ let [r, i] = It();
1511
1510
  if (r === null) return !1;
1512
1511
  let a = window.getSelection(), o = (t = a == null ? void 0 : a.focusNode) == null ? null : t;
1513
- return o !== null && o !== e && !(o.nodeType === Node.TEXT_NODE && o.parentNode === e) ? !1 : Lt(e, r, i, "left");
1514
- }, zt = (e) => {
1512
+ return o !== null && o !== e && !(o.nodeType === Node.TEXT_NODE && o.parentNode === e) ? !1 : Rt(e, r, i, "left");
1513
+ }, Bt = (e) => {
1515
1514
  let t = O.getDeepestNode(e, !0);
1516
1515
  if (t === null) return !0;
1517
1516
  if (O.isNativeInput(t)) return t.selectionEnd === t.value.length;
1518
- let [n, r] = Ft();
1519
- return n === null ? !1 : Lt(e, n, r, "right");
1520
- }, Bt, z = class e {
1517
+ let [n, r] = It();
1518
+ return n === null ? !1 : Rt(e, n, r, "right");
1519
+ }, Vt, R = class e {
1521
1520
  constructor(e, t) {
1522
1521
  this.cursor = -1, this.items = [], this.items = e == null ? [] : e, this.focusedCssClass = t;
1523
1522
  }
@@ -1550,13 +1549,13 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
1550
1549
  return O.canSetCaret(this.items[i]) && ae(() => et.setCursor(this.items[i]), 50)(), this.items[i].classList.add(this.focusedCssClass), this.items[i].setAttribute("data-blok-focused", "true"), i;
1551
1550
  }
1552
1551
  };
1553
- Bt = z, Bt.directions = {
1552
+ Vt = R, Vt.directions = {
1554
1553
  RIGHT: "right",
1555
1554
  LEFT: "left"
1556
1555
  };
1557
1556
  //#endregion
1558
1557
  //#region src/components/flipper.ts
1559
- var Vt = class e {
1558
+ var Ht = class e {
1560
1559
  get isActivated() {
1561
1560
  return this.activated;
1562
1561
  }
@@ -1589,7 +1588,7 @@ var Vt = class e {
1589
1588
  break;
1590
1589
  case null: break;
1591
1590
  }
1592
- }, this.iterator = new z(t.items || [], (n = t.focusedItemClass) == null ? "" : n), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || e.usedKeys, this.handleContentEditableTargets = (r = t.handleContentEditableTargets) == null ? !1 : r, this.onArrowLeftCallback = t.onArrowLeft;
1591
+ }, this.iterator = new R(t.items || [], (n = t.focusedItemClass) == null ? "" : n), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || e.usedKeys, this.handleContentEditableTargets = (r = t.handleContentEditableTargets) == null ? !1 : r, this.onArrowLeftCallback = t.onArrowLeft;
1593
1592
  }
1594
1593
  static get usedKeys() {
1595
1594
  return [
@@ -1678,16 +1677,16 @@ var Vt = class e {
1678
1677
  return this.handleContentEditableTargets;
1679
1678
  }
1680
1679
  handleTabPress(e) {
1681
- let t = e.shiftKey ? z.directions.LEFT : z.directions.RIGHT;
1680
+ let t = e.shiftKey ? R.directions.LEFT : R.directions.RIGHT;
1682
1681
  if (this.skipNextTabFocus) {
1683
1682
  this.skipNextTabFocus = !1;
1684
1683
  return;
1685
1684
  }
1686
1685
  switch (t) {
1687
- case z.directions.RIGHT:
1686
+ case R.directions.RIGHT:
1688
1687
  this.flipRight();
1689
1688
  break;
1690
- case z.directions.LEFT:
1689
+ case R.directions.LEFT:
1691
1690
  this.flipLeft();
1692
1691
  break;
1693
1692
  }
@@ -1716,7 +1715,7 @@ var Vt = class e {
1716
1715
  let n = e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement, r = t.key === "Tab" || t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "Enter" || t.key === "ArrowRight" || t.key === "ArrowLeft", i = e.getAttribute("data-blok-flipper-navigation-target") === "true" && r, a = e.isContentEditable, o = e.closest("[data-blok-link-tool-input-opened=\"true\"]") !== null, s = a && !this.handleContentEditableTargets;
1717
1716
  return n && !i || s || o;
1718
1717
  }
1719
- }, Ht = [
1718
+ }, Ut = [
1720
1719
  {
1721
1720
  name: "gray",
1722
1721
  text: "#787774",
@@ -1742,11 +1741,6 @@ var Vt = class e {
1742
1741
  text: "#448361",
1743
1742
  bg: "#edf3ec"
1744
1743
  },
1745
- {
1746
- name: "teal",
1747
- text: "#2b9a8f",
1748
- bg: "#e4f5f3"
1749
- },
1750
1744
  {
1751
1745
  name: "blue",
1752
1746
  text: "#337ea9",
@@ -1767,10 +1761,59 @@ var Vt = class e {
1767
1761
  text: "#d44c47",
1768
1762
  bg: "#fdebec"
1769
1763
  }
1764
+ ], Wt = [
1765
+ {
1766
+ name: "gray",
1767
+ text: "#9b9b9b",
1768
+ bg: "#2f2f2f"
1769
+ },
1770
+ {
1771
+ name: "brown",
1772
+ text: "#c59177",
1773
+ bg: "#452a1c"
1774
+ },
1775
+ {
1776
+ name: "orange",
1777
+ text: "#dc8c47",
1778
+ bg: "#4d2f14"
1779
+ },
1780
+ {
1781
+ name: "yellow",
1782
+ text: "#d4ab49",
1783
+ bg: "#544012"
1784
+ },
1785
+ {
1786
+ name: "green",
1787
+ text: "#5db184",
1788
+ bg: "#1e432f"
1789
+ },
1790
+ {
1791
+ name: "blue",
1792
+ text: "#5c9fcc",
1793
+ bg: "#123a54"
1794
+ },
1795
+ {
1796
+ name: "purple",
1797
+ text: "#a67dca",
1798
+ bg: "#341d49"
1799
+ },
1800
+ {
1801
+ name: "pink",
1802
+ text: "#d45e99",
1803
+ bg: "#4b1b33"
1804
+ },
1805
+ {
1806
+ name: "red",
1807
+ text: "#dd5e5a",
1808
+ bg: "#4e1a18"
1809
+ }
1770
1810
  ];
1811
+ function Gt(e, t) {
1812
+ return `var(--blok-color-${e}-${t})`;
1813
+ }
1771
1814
  //#endregion
1772
1815
  //#region src/components/utils/color-mapping.ts
1773
- function Ut(e, t, n) {
1816
+ function Kt(e, t, n) {
1774
1817
  let r = t / 100, i = n / 100;
1775
1818
  if (r === 0) {
1776
1819
  let e = Math.round(i * 255);
@@ -1790,7 +1833,7 @@ function Ut(e, t, n) {
1790
1833
  Math.round(o(c, s, l - 1 / 3) * 255)
1791
1834
  ];
1792
1835
  }
1793
- function Wt(e) {
1836
+ function z(e) {
1794
1837
  let t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);
1795
1838
  if (t) return [
1796
1839
  parseInt(t[1], 16),
@@ -1822,10 +1865,10 @@ function Wt(e) {
1822
1865
  Number(a[3])
1823
1866
  ];
1824
1867
  let o = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)$/i.exec(e);
1825
- return o ? Ut(Number(o[1]), Number(o[2]), Number(o[3])) : null;
1868
+ return o ? Kt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
1826
1869
  }
1827
- var Gt = .1;
1828
- function Kt(e) {
1870
+ var qt = .1;
1871
+ function B(e) {
1829
1872
  let t = e[0] / 255, n = e[1] / 255, r = e[2] / 255, i = Math.max(t, n, r), a = Math.min(t, n, r), o = (i + a) / 2;
1830
1873
  if (i === a) return [
1831
1874
  0,
@@ -1839,8 +1882,8 @@ function Kt(e) {
1839
1882
  o
1840
1883
  ];
1841
1884
  }
1842
- function qt(e, t) {
1843
- let n = e[1] < Gt, r = t[1] < Gt;
1885
+ function Jt(e, t) {
1886
+ let n = e[1] < qt, r = t[1] < qt;
1844
1887
  if (n && r) {
1845
1888
  let n = Math.abs(e[2] - t[2]);
1846
1889
  return n * n;
@@ -1849,14 +1892,14 @@ function qt(e, t) {
1849
1892
  let i = Math.abs(e[0] - t[0]), a = Math.min(i, 360 - i) / 180, o = Math.abs(e[1] - t[1]), s = Math.abs(e[2] - t[2]);
1850
1893
  return 8 * a * a + 1 * o * o + 1 * s * s;
1851
1894
  }
1852
- function B(e, t) {
1853
- let n = Wt(e);
1895
+ function V(e, t) {
1896
+ let n = z(e);
1854
1897
  if (n === null) return e;
1855
- let r = Kt(n);
1856
- return Ht.reduce((e, n) => {
1857
- let i = Wt(n[t]);
1898
+ let r = B(n);
1899
+ return Ut.reduce((e, n) => {
1900
+ let i = z(n[t]);
1858
1901
  if (i === null) return e;
1859
- let a = qt(r, Kt(i));
1902
+ let a = Jt(r, B(i));
1860
1903
  return a < e.distance ? {
1861
1904
  color: n[t],
1862
1905
  distance: a
@@ -1866,13 +1909,28 @@ function B(e, t) {
1866
1909
  distance: Infinity
1867
1910
  }).color;
1868
1911
  }
1912
+ function Yt(e, t) {
1913
+ var n;
1914
+ let r = z(e);
1915
+ if (r === null) return null;
1916
+ let i = B(r), a = [...Ut, ...Wt].reduce((e, n) => {
1917
+ let r = z(n[t]);
1918
+ if (r === null) return e;
1919
+ let a = Jt(i, B(r));
1920
+ return e === null || a < e.distance ? {
1921
+ name: n.name,
1922
+ distance: a
1923
+ } : e;
1924
+ }, null);
1925
+ return (n = a == null ? void 0 : a.name) == null ? null : n;
1926
+ }
1869
1927
  //#endregion
1870
1928
  //#region src/tools/table/table-cell-clipboard.ts
1871
- var V = "data-blok-table-cells";
1872
- function Jt(e, t, n) {
1929
+ var H = "data-blok-table-cells";
1930
+ function Xt(e, t, n) {
1873
1931
  return e ? `background-color: ${n}` : t ? "background-color: transparent" : "";
1874
1932
  }
1875
- function Yt(e) {
1933
+ function Zt(e) {
1876
1934
  if (e.length === 0) return {
1877
1935
  rows: 0,
1878
1936
  cols: 0,
@@ -1889,28 +1947,28 @@ function Yt(e) {
1889
1947
  cells: s
1890
1948
  };
1891
1949
  }
1892
- function Xt(e) {
1950
+ function Qt(e) {
1893
1951
  let { data: t } = e;
1894
1952
  return typeof t.text == "string" ? t.text : Array.isArray(t.items) ? t.items.filter((e) => typeof e == "string").join(" ") : "";
1895
1953
  }
1896
- function Zt(e) {
1954
+ function $t(e) {
1897
1955
  var t;
1898
1956
  let n = document.createElement("div");
1899
1957
  return n.innerHTML = e, (t = n.textContent) == null ? "" : t;
1900
1958
  }
1901
- function Qt(e) {
1902
- return Zt(Xt(e));
1959
+ function en(e) {
1960
+ return $t(Qt(e));
1903
1961
  }
1904
- function $t(e) {
1905
- return `<table ${V}='${JSON.stringify(e).replace(/'/g, "&#39;")}'>${e.cells.map((e) => `<tr>${e.map((e) => {
1906
- let t = e.blocks.map(Xt).join(" "), n = [e.color ? `background-color: ${e.color}` : "", e.textColor ? `color: ${e.textColor}` : ""].filter(Boolean).join("; ");
1962
+ function tn(e) {
1963
+ return `<table ${H}='${JSON.stringify(e).replace(/'/g, "&#39;")}'>${e.cells.map((e) => `<tr>${e.map((e) => {
1964
+ let t = e.blocks.map(Qt).join(" "), n = [e.color ? `background-color: ${e.color}` : "", e.textColor ? `color: ${e.textColor}` : ""].filter(Boolean).join("; ");
1907
1965
  return `<td${n ? ` style="${n}"` : ""}>${t}</td>`;
1908
1966
  }).join("")}</tr>`).join("")}</table>`;
1909
1967
  }
1910
- function en(e) {
1911
- return e.cells.map((e) => e.map((e) => e.blocks.map(Qt).join(" ")).join(" ")).join("\n");
1968
+ function nn(e) {
1969
+ return e.cells.map((e) => e.map((e) => e.blocks.map(en).join(" ")).join(" ")).join("\n");
1912
1970
  }
1913
- var tn = new Set(["color", "background-color"]), nn = {
1971
+ var rn = new Set(["color", "background-color"]), an = {
1914
1972
  b: !0,
1915
1973
  strong: !0,
1916
1974
  i: !0,
@@ -1919,40 +1977,40 @@ var tn = new Set(["color", "background-color"]), nn = {
1919
1977
  a: { href: !0 },
1920
1978
  mark: (e) => {
1921
1979
  let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
1922
- for (let e of n) tn.has(e) || t.removeProperty(e);
1980
+ for (let e of n) rn.has(e) || t.removeProperty(e);
1923
1981
  return t.length > 0 ? { style: !0 } : {};
1924
1982
  }
1925
1983
  };
1926
- function H(e) {
1984
+ function U(e) {
1927
1985
  let t = e.replace(/\s/g, "");
1928
1986
  return t === "rgb(0,0,0)" || t === "#000000";
1929
1987
  }
1930
- function rn(e) {
1988
+ function on(e) {
1931
1989
  let t = e.cloneNode(!0);
1932
1990
  for (let e of Array.from(t.querySelectorAll("span"))) {
1933
1991
  var n, r, i;
1934
- let t = (n = e.getAttribute("style")) == null ? "" : n, a = /font-weight\s*:\s*(700|bold)/i.test(t), o = /font-style\s*:\s*italic/i.test(t), s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), c = /background-color\s*:\s*([^;]+)/i.exec(t), l = s == null || (r = s[1]) == null ? void 0 : r.trim(), u = c == null || (i = c[1]) == null ? void 0 : i.trim(), d = l !== void 0 && !H(l), f = u !== void 0 && u !== "transparent";
1992
+ let t = (n = e.getAttribute("style")) == null ? "" : n, a = /font-weight\s*:\s*(700|bold)/i.test(t), o = /font-style\s*:\s*italic/i.test(t), s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), c = /background-color\s*:\s*([^;]+)/i.exec(t), l = s == null || (r = s[1]) == null ? void 0 : r.trim(), u = c == null || (i = c[1]) == null ? void 0 : i.trim(), d = l !== void 0 && !U(l), f = u !== void 0 && u !== "transparent";
1935
1993
  if (!a && !o && !d && !f) continue;
1936
- let p = d ? B(l, "text") : "", m = f ? B(u, "bg") : "", h = [d ? `color: ${p}` : "", Jt(f, d, m)].filter(Boolean).join("; "), g = e.innerHTML, _ = h ? `<mark style="${h};">${g}</mark>` : g, v = o ? `<i>${_}</i>` : _, ee = a ? `<b>${v}</b>` : v;
1994
+ let p = d ? V(l, "text") : "", m = f ? V(u, "bg") : "", h = [d ? `color: ${p}` : "", Xt(f, d, m)].filter(Boolean).join("; "), g = e.innerHTML, _ = h ? `<mark style="${h};">${g}</mark>` : g, v = o ? `<i>${_}</i>` : _, ee = a ? `<b>${v}</b>` : v;
1937
1995
  e.replaceWith(document.createRange().createContextualFragment(ee));
1938
1996
  }
1939
1997
  for (let e of Array.from(t.querySelectorAll("a[style]"))) {
1940
1998
  var a, o, s;
1941
- let t = (a = e.getAttribute("style")) == null ? "" : a, n = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), r = /background-color\s*:\s*([^;]+)/i.exec(t), i = n == null || (o = n[1]) == null ? void 0 : o.trim(), c = r == null || (s = r[1]) == null ? void 0 : s.trim(), l = i !== void 0 && !H(i) && i !== "inherit", u = c !== void 0 && c !== "transparent" && c !== "inherit";
1999
+ let t = (a = e.getAttribute("style")) == null ? "" : a, n = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), r = /background-color\s*:\s*([^;]+)/i.exec(t), i = n == null || (o = n[1]) == null ? void 0 : o.trim(), c = r == null || (s = r[1]) == null ? void 0 : s.trim(), l = i !== void 0 && !U(i) && i !== "inherit", u = c !== void 0 && c !== "transparent" && c !== "inherit";
1942
2000
  if (!l && !u) continue;
1943
- let d = l ? B(i, "text") : "", f = u ? B(c, "bg") : "", p = [l ? `color: ${d}` : "", Jt(u, l, f)].filter(Boolean).join("; "), m = e;
2001
+ let d = l ? V(i, "text") : "", f = u ? V(c, "bg") : "", p = [l ? `color: ${d}` : "", Xt(u, l, f)].filter(Boolean).join("; "), m = e;
1944
2002
  m.innerHTML = `<mark style="${p};">${m.innerHTML}</mark>`, m.style.removeProperty("color"), m.style.removeProperty("background-color");
1945
2003
  }
1946
2004
  for (let e of Array.from(t.querySelectorAll("p"))) {
1947
2005
  let t = document.createRange().createContextualFragment(e.innerHTML + "<br>");
1948
2006
  e.replaceWith(t);
1949
2007
  }
1950
- return I(t.innerHTML, nn).replace(/(<br\s*\/?>|\s)+$/i, "").trim();
2008
+ return at(t.innerHTML, an).replace(/(<br\s*\/?>|\s)+$/i, "").trim();
1951
2009
  }
1952
- function an(e) {
2010
+ function sn(e) {
1953
2011
  if (!e) return null;
1954
2012
  let t = new DOMParser().parseFromString(e, "text/html").querySelector("table");
1955
- if (!t || t.hasAttribute(V)) return null;
2013
+ if (!t || t.hasAttribute(H)) return null;
1956
2014
  let n = t.querySelectorAll("tr");
1957
2015
  if (n.length === 0) return null;
1958
2016
  let r = [];
@@ -1960,16 +2018,16 @@ function an(e) {
1960
2018
  let t = e.querySelectorAll("td, th"), n = [];
1961
2019
  t.forEach((e) => {
1962
2020
  var t;
1963
- let r = rn(e).split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), i = { blocks: r.length > 0 ? r.map((e) => ({
2021
+ let r = on(e).split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), i = { blocks: r.length > 0 ? r.map((e) => ({
1964
2022
  tool: "paragraph",
1965
2023
  data: { text: e }
1966
2024
  })) : [{
1967
2025
  tool: "paragraph",
1968
2026
  data: { text: "" }
1969
2027
  }] }, a = (t = e.getAttribute("style")) == null ? "" : t, o = /background-color\s*:\s*([^;]+)/i.exec(a);
1970
- o != null && o[1] && (i.color = B(o[1].trim(), "bg"));
2028
+ o != null && o[1] && (i.color = V(o[1].trim(), "bg"));
1971
2029
  let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(a);
1972
- s != null && s[1] && !H(s[1].trim()) && (i.textColor = B(s[1].trim(), "text")), n.push(i);
2030
+ s != null && s[1] && !U(s[1].trim()) && (i.textColor = V(s[1].trim(), "text")), n.push(i);
1973
2031
  }), r.push(n);
1974
2032
  });
1975
2033
  let i = Math.max(0, ...r.map((e) => e.length));
@@ -1984,8 +2042,8 @@ function an(e) {
1984
2042
  cells: r
1985
2043
  };
1986
2044
  }
1987
- function on(e) {
1988
- let t = RegExp(`${V}='([^']*)'|${V}="([^"]*)"`, "s").exec(e);
2045
+ function cn(e) {
2046
+ let t = RegExp(`${H}='([^']*)'|${H}="([^"]*)"`, "s").exec(e);
1989
2047
  if (!t) return null;
1990
2048
  try {
1991
2049
  var n;
@@ -1999,24 +2057,24 @@ function on(e) {
1999
2057
  }
2000
2058
  //#endregion
2001
2059
  //#region src/components/icons/index.ts
2002
- var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m5 15 10-10m0 10L5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.5 11h4.9231c.6528 0 1.2789-.3161 1.7405-.8787.4617-.56259.721-1.32565.721-2.1213 0-.79565-.2593-1.55871-.721-2.12132C11.702 5.31607 11.0759 5 10.4231 5H5.5v6Zm0 0h5.5385c.6528 0 1.2789.3161 1.7405.8787.4617.5626.721 1.3257.721 2.1213 0 .7956-.2593 1.5587-.721 2.1213-.4616.5626-1.0877.8787-1.7405.8787H5.5v-6Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M8.5 5h6m-10 12h6m1-12-4 12\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.5 11.5a3.5 3.5 0 0 0 5 0l2-2a3.536 3.536 0 0 0-5-5l-1 1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M11.5 8.5a3.5 3.5 0 0 0-5 0l-2 2a3.536 3.536 0 0 0 5 5l1-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.5 14L10 5l3.5 9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M7.5 11.5h5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <rect x=\"4.5\" y=\"16\" width=\"11\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\"/>\n</svg>\n", fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.5 6.5l2-2-2-2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.5 4.5h-4a5 5 0 0 0-5 5v1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5.5 13.5l-2 2 2 2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.5 15.5h4a5 5 0 0 0 5-5v-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"7.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"7.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"7.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 10h11M10 4.5v11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m12 5-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m8 5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", _n = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"9\" cy=\"9\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"m12.5 12.5 3.5 3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 5 2.5-1.66667V15\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", yn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m7.5 10h-3.3333c0-3.3333 3.3333-2.5 3.3333-5 0-1.25-1.6667-2.08333-3.3333-.83333\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.5833 3.75C16 7.91667 17.5 8.75 17.5 10c0 .442-.1756.866-.4882 1.1785-.3125.3126-.7364.4882-1.1785.4882.4421 0 .866.1756 1.1785.4881.3126.3126.4882.7365.4882 1.1785 0 1.5-1.6667 2.5-3.3333 1.25\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", xn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10 15V5M14.1667 8.33333V10.8333C14.1667 11.0543 14.2545 11.2663 14.4107 11.4226C14.567 11.5789 14.779 11.6667 15 11.6667H17.5M17.5 8.33333V15M3.33334 10H10M3.33334 15V5\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10M3.33334 15V5M10 15V5M17.5 8.33333H14.1667V10.8333H15.25C16.5 10.8333 17.5 11.75 17.5 12.9167C17.5 14.0833 16.5 15 15.25 15C14.8333 15 14.5 14.9167 14.1667 14.75\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 8.3333c0 .9205.7462 1.6667 1.6666 1.6667.9205 0 1.6667-.7462 1.6667-1.6667 0-.9204-.7462-1.6666-1.6667-1.6666-.9204 0-1.6666.7462-1.6666 1.6666Zm0 0c0-2.0833.8333-3.3333 2.5-4.99997\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M14.5 7.28571V6h-9v1.28571M10 6v9m0 0H8.71429M10 15h1.2857\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Tn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 4 3 16h14Z\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 8.5v3.5m0 2v.01\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", En = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3 3l3 2-3 2M9 5h8M6 10h11M6 15h11\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M8 5h9M8 10h9M8 15h9\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n />\n <circle cx=\"4\" cy=\"5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"4\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"4\" cy=\"15\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", On = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5h9M8 10h9M8 15h9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <text x=\"4\" y=\"6\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">1</text>\n <text x=\"4\" y=\"11\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">2</text>\n <text x=\"4\" y=\"16\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">3</text>\n</svg>\n", kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10 5h7M10 10h7M10 15h7M3 5l1 1 2-2M3 10l1 1 2-2M3 15l1 1 2-2\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", An = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", jn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 4h11A1.5 1.5 0 0 1 17 5.5V8H3V5.5A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 4H7.5v12H4.5A1.5 1.5 0 0 1 3 14.5v-9A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Nn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 4l-3 3m3-3l3 3M10 4v7M5 16h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 16l-3-3m3 3l3-3M10 16V9M5 4h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 10l3-3M4 10l3 3M4 10h7M16 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", In = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16 10l-3-3m3 3l-3 3M16 10H9M4 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"7\" y=\"7\" width=\"9\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Rn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 6.5h11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <path d=\"M8 6.5V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6.5 6.5l.5 8.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l.5-8.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8.5 9.5v3.5M11.5 9.5v3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", zn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m7 10h-3c0-3 3-2.25 3-4.5 0-1.125-1.5-1.875-3-.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M11 8.5c1.25-.75 2.5-.25 2.5.75 0 .75-1 1.25-1 1.25s1 .5 1 1.25c0 1-1.25 1.5-2.5.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", U = {
2060
+ var ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m5 15 10-10m0 10L5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M6 11h4.9231c.6528 0 1.2789-.3161 1.7405-.8787.4617-.56259.721-1.32565.721-2.1213 0-.79565-.2593-1.55871-.721-2.12132C12.202 5.31607 11.5759 5 10.9231 5H6v6Zm0 0h5.5385c.6528 0 1.2789.3161 1.7405.8787.4617.5626.721 1.3257.721 2.1213 0 .7956-.2593 1.5587-.721 2.1213-.4616.5626-1.0877.8787-1.7405.8787H6v-6Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M8.5 4h6m-10 12h6m1-12-4 12\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.5 11.5a3.5 3.5 0 0 0 5 0l2-2a3.536 3.536 0 0 0-5-5l-1 1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M11.5 8.5a3.5 3.5 0 0 0-5 0l-2 2a3.536 3.536 0 0 0 5 5l1-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"1.25\" y=\"1.25\" width=\"17.5\" height=\"17.5\" rx=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M6.5 14.5L10 5.5l3.5 9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8.5 11h3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.5 6.5l2-2-2-2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.5 4.5h-4a5 5 0 0 0-5 5v1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5.5 13.5l-2 2 2 2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.5 15.5h4a5 5 0 0 0 5-5v-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"7.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"7.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"7.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 10h11M10 4.5v11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", _n = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m12 5-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m8 5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", yn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"9\" cy=\"9\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"m12.5 12.5 3.5 3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 5 2.5-1.66667V15\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", xn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m7.5 10h-3.3333c0-3.3333 3.3333-2.5 3.3333-5 0-1.25-1.6667-2.08333-3.3333-.83333\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.5833 3.75C16 7.91667 17.5 8.75 17.5 10c0 .442-.1756.866-.4882 1.1785-.3125.3126-.7364.4882-1.1785.4882.4421 0 .866.1756 1.1785.4881.3126.3126.4882.7365.4882 1.1785 0 1.5-1.6667 2.5-3.3333 1.25\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10 15V5M14.1667 8.33333V10.8333C14.1667 11.0543 14.2545 11.2663 14.4107 11.4226C14.567 11.5789 14.779 11.6667 15 11.6667H17.5M17.5 8.33333V15M3.33334 10H10M3.33334 15V5\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10M3.33334 15V5M10 15V5M17.5 8.33333H14.1667V10.8333H15.25C16.5 10.8333 17.5 11.75 17.5 12.9167C17.5 14.0833 16.5 15 15.25 15C14.8333 15 14.5 14.9167 14.1667 14.75\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Tn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 8.3333c0 .9205.7462 1.6667 1.6666 1.6667.9205 0 1.6667-.7462 1.6667-1.6667 0-.9204-.7462-1.6666-1.6667-1.6666-.9204 0-1.6666.7462-1.6666 1.6666Zm0 0c0-2.0833.8333-3.3333 2.5-4.99997\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", En = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M14.5 7.28571V6h-9v1.28571M10 6v9m0 0H8.71429M10 15h1.2857\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 4 3 16h14Z\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 8.5v3.5m0 2v.01\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", On = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3 3l3 2-3 2M9 5h8M6 10h11M6 15h11\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M8 5h9M8 10h9M8 15h9\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n />\n <circle cx=\"4\" cy=\"5\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"4\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n <circle cx=\"4\" cy=\"15\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", An = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5h9M8 10h9M8 15h9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <text x=\"4\" y=\"6\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">1</text>\n <text x=\"4\" y=\"11\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">2</text>\n <text x=\"4\" y=\"16\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">3</text>\n</svg>\n", jn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10 5h7M10 10h7M10 15h7M3 5l1 1 2-2M3 10l1 1 2-2M3 15l1 1 2-2\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n</svg>\n", Mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Nn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 4h11A1.5 1.5 0 0 1 17 5.5V8H3V5.5A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 4H7.5v12H4.5A1.5 1.5 0 0 1 3 14.5v-9A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 4l-3 3m3-3l3 3M10 4v7M5 16h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", In = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 16l-3-3m3 3l3-3M10 16V9M5 4h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 10l3-3M4 10l3 3M4 10h7M16 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Rn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16 10l-3-3m3 3l-3 3M16 10H9M4 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", zn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"7\" y=\"7\" width=\"9\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.5 6.5h11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <path d=\"M8 6.5V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6.5 6.5l.5 8.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l.5-8.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8.5 9.5v3.5M11.5 9.5v3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", Vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m7 10h-3c0-3 3-2.25 3-4.5 0-1.125-1.5-1.875-3-.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M11 8.5c1.25-.75 2.5-.25 2.5.75 0 .75-1 1.25-1 1.25s1 .5 1 1.25c0 1-1.25 1.5-2.5.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n <path d=\"M10 4C8 6 7.5 8 7.5 10C7.5 12 8 14 10 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 4C12 6 12.5 8 12.5 10C12.5 12 12 14 10 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4 10H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", Gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"3\" y=\"5.5\" width=\"14\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linejoin=\"round\"/>\n <path d=\"M3 8L10 10L17 8\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.5 4L7.5 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <path d=\"M12.5 4L12.5 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <path d=\"M4 8H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n <path d=\"M4 12H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", W = {
2003
2061
  root: "",
2004
2062
  alignedStart: "text-start",
2005
2063
  alignedCenter: "text-center",
2006
2064
  title: "",
2007
2065
  description: "opacity-60 mt-[3px]"
2008
- }, Hn = class {
2066
+ }, qn = class {
2009
2067
  constructor(e) {
2010
2068
  let t = e.alignment === "center" ? "center" : "start";
2011
2069
  this.nodes = {
2012
- root: O.make("div", [U.root, t === "center" ? U.alignedCenter : U.alignedStart]),
2013
- title: O.make("div", U.title, { textContent: e.title })
2014
- }, this.nodes.root.setAttribute("data-alignment", t), this.nodes.root.appendChild(this.nodes.title), e.description !== void 0 && (this.nodes.description = O.make("div", U.description, { textContent: e.description }), this.nodes.root.appendChild(this.nodes.description));
2070
+ root: O.make("div", [W.root, t === "center" ? W.alignedCenter : W.alignedStart]),
2071
+ title: O.make("div", W.title, { textContent: e.title })
2072
+ }, this.nodes.root.setAttribute("data-alignment", t), this.nodes.root.appendChild(this.nodes.title), e.description !== void 0 && (this.nodes.description = O.make("div", W.description, { textContent: e.description }), this.nodes.root.appendChild(this.nodes.description));
2015
2073
  }
2016
2074
  getElement() {
2017
2075
  return this.nodes.root;
2018
2076
  }
2019
- }, Un = class {
2077
+ }, Jn = class {
2020
2078
  constructor(e) {
2021
2079
  this.params = e;
2022
2080
  }
@@ -2024,7 +2082,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2024
2082
  if (this.params !== void 0 && "name" in this.params) return this.params.name;
2025
2083
  }
2026
2084
  destroy() {
2027
- Mt();
2085
+ Nt();
2028
2086
  }
2029
2087
  onChildrenOpen() {
2030
2088
  var e;
@@ -2039,7 +2097,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2039
2097
  this.params !== void 0 && "onActivate" in this.params && ((e = (t = this.params).onActivate) == null || e.call(t, this.params));
2040
2098
  }
2041
2099
  addHint(e, t) {
2042
- Nt(e, new Hn(t).getElement(), { placement: t.position });
2100
+ Pt(e, new qn(t).getElement(), { placement: t.position });
2043
2101
  }
2044
2102
  getMountElement() {
2045
2103
  return this.getElement();
@@ -2071,18 +2129,25 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2071
2129
  var e;
2072
2130
  if (!(this.params === void 0 || !("children" in this.params))) return (e = this.params.children) == null ? void 0 : e.width;
2073
2131
  }
2132
+ get childrenMinWidth() {
2133
+ var e;
2134
+ if (!(this.params === void 0 || !("children" in this.params))) return (e = this.params.children) == null ? void 0 : e.minWidth;
2135
+ }
2074
2136
  get closeOnActivate() {
2075
2137
  return this.params !== void 0 && "closeOnActivate" in this.params && this.params.closeOnActivate;
2076
2138
  }
2077
2139
  get isActive() {
2078
2140
  return this.params === void 0 || !("isActive" in this.params) ? !1 : typeof this.params.isActive == "function" ? this.params.isActive() : this.params.isActive === !0;
2079
2141
  }
2080
- }, W = {
2081
- item: "flex items-center select-none border-none bg-transparent rounded-lg px-2 py-1 text-text-primary mb-px outline-hidden transition-[color,background-color,border-color,opacity,max-height,padding,margin] duration-150 max-h-9 overflow-hidden data-blok-popover-item-active:bg-icon-active-bg data-blok-popover-item-active:text-icon-active-text can-hover:hover:cursor-pointer can-hover:hover:bg-item-hover-bg data-blok-force-hover:cursor-pointer data-blok-force-hover:bg-item-hover-bg data-[blok-focused=\"true\"]:bg-item-focus-bg data-blok-popover-item-no-hover:hover:bg-transparent data-blok-popover-item-no-hover:cursor-default can-hover:data-blok-popover-item-destructive:hover:text-item-destructive-text can-hover:data-blok-popover-item-destructive:hover:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-force-hover]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-force-hover]]:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:bg-item-destructive-hover-bg",
2142
+ }, G = {
2143
+ item: "flex items-center select-none border-none bg-transparent rounded-lg px-2 py-1 text-text-primary mb-px outline-hidden max-h-9 overflow-hidden data-blok-popover-item-active:bg-icon-active-bg data-blok-popover-item-active:text-icon-active-text can-hover:hover:cursor-pointer can-hover:hover:bg-item-hover-bg data-blok-force-hover:cursor-pointer data-blok-force-hover:bg-item-hover-bg data-[blok-focused=\"true\"]:bg-item-focus-bg data-blok-popover-item-no-hover:hover:bg-transparent data-blok-popover-item-no-hover:cursor-default can-hover:data-blok-popover-item-destructive:hover:text-item-destructive-text can-hover:data-blok-popover-item-destructive:hover:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-force-hover]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-force-hover]]:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:bg-item-destructive-hover-bg",
2082
2144
  itemDisabled: "cursor-default pointer-events-none text-text-secondary",
2083
- icon: "flex items-center justify-center w-7 h-7 shrink-0 rounded-lg bg-popover-icon-bg transition-colors duration-150 [&_svg]:w-icon [&_svg]:h-icon",
2145
+ icon: "flex items-center justify-center w-7 h-7 shrink-0 rounded-lg bg-popover-icon-bg [&_svg]:w-icon [&_svg]:h-icon",
2084
2146
  focused: "is-focused"
2085
- }, Wn = { item: "rounded p-1" }, Gn = { item: "rounded p-[3px] mobile:p-1" }, G = class extends Un {
2147
+ }, Yn = {
2148
+ item: "rounded-lg p-1",
2149
+ itemIconOnly: "aspect-square justify-center"
2150
+ }, Xn = { item: "rounded p-[3px] mobile:p-1" }, K = class extends Jn {
2086
2151
  get isDisabled() {
2087
2152
  return this.params.isDisabled === !0;
2088
2153
  }
@@ -2168,23 +2233,23 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2168
2233
  }
2169
2234
  if (this.hasChildren && !this.isChevronHidden) {
2170
2235
  let t = document.createElement("div");
2171
- t.className = this.getChevronClass(s), t.setAttribute(f.popoverItemIcon, ""), t.setAttribute(f.popoverItemIconChevronRight, ""), t.setAttribute("data-blok-testid", "popover-item-chevron-right"), t.innerHTML = gn, e.appendChild(t), this.nodes.chevron = t;
2236
+ t.className = this.getChevronClass(s), t.setAttribute(f.popoverItemIcon, ""), t.setAttribute(f.popoverItemIconChevronRight, ""), t.setAttribute("data-blok-testid", "popover-item-chevron-right"), t.innerHTML = vn, e.appendChild(t), this.nodes.chevron = t;
2172
2237
  }
2173
2238
  }
2174
2239
  createIconElement(e, t, n, r) {
2175
2240
  let i = document.createElement("div");
2176
- return i.className = this.getIconClass(t, n, r, !1), i.setAttribute(f.popoverItemIcon, ""), i.setAttribute("data-blok-testid", "popover-item-icon"), i.innerHTML = e, t && i.setAttribute(f.tool, ""), i;
2241
+ return i.className = this.getIconClass(t, n, r), i.setAttribute(f.popoverItemIcon, ""), i.setAttribute("data-blok-testid", "popover-item-icon"), i.innerHTML = e, t && i.setAttribute(f.tool, ""), i;
2177
2242
  }
2178
2243
  getContainerClass() {
2179
2244
  var e, n, r, i;
2180
2245
  let a = (e = (n = this.renderParams) == null ? void 0 : n.isInline) == null ? !1 : e, o = (r = (i = this.renderParams) == null ? void 0 : i.isNestedInline) == null ? !1 : r;
2181
- return t(W.item, !a && !o && "pl-2 pr-3", a && Wn.item, o && Gn.item, this.params.isDisabled && W.itemDisabled);
2246
+ return t(G.item, !a && !o && "pl-2 pr-3", a && Yn.item, a && this.params.icon && Yn.itemIconOnly, o && Xn.item, this.params.isDisabled && G.itemDisabled);
2182
2247
  }
2183
- getIconClass(e, n, r, i) {
2184
- return t(W.icon, n && "w-auto h-auto bg-transparent [&_svg]:w-icon [&_svg]:h-icon mobile:[&_svg]:w-icon-mobile mobile:[&_svg]:h-icon-mobile", r && "w-toolbox-btn h-toolbox-btn", e && "mr-3", e && n && "shadow-none mr-0!", e && r && "mr-2!", i && "animate-wobble");
2248
+ getIconClass(e, n, r) {
2249
+ return t(G.icon, n && "w-auto h-auto bg-transparent [&_svg]:w-icon [&_svg]:h-icon mobile:[&_svg]:w-icon-mobile mobile:[&_svg]:h-icon-mobile", r && "w-toolbox-btn h-toolbox-btn", e && "mr-3", e && n && "shadow-none mr-0!", e && r && "mr-2!");
2185
2250
  }
2186
2251
  getChevronClass(e) {
2187
- return t(W.icon, "w-5 h-5 bg-transparent", e && "rotate-90");
2252
+ return t(G.icon, "w-5 h-5 bg-transparent", e && "rotate-90");
2188
2253
  }
2189
2254
  setActive(e) {
2190
2255
  this.nodes.root && (e ? this.nodes.root.setAttribute(f.popoverItemActive, "true") : this.nodes.root.removeAttribute(f.popoverItemActive));
@@ -2255,35 +2320,22 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2255
2320
  if (!("confirmation" in e) || e.confirmation === void 0) try {
2256
2321
  var t;
2257
2322
  (t = e.onActivate) == null || t.call(e, e), this.disableConfirmationMode();
2258
- } catch (e) {
2259
- this.animateError();
2260
- }
2323
+ } catch (e) {}
2261
2324
  else this.enableConfirmationMode(e.confirmation);
2262
2325
  }
2263
- animateError() {
2264
- this.triggerWobble();
2265
- }
2266
- triggerWobble() {
2267
- var e, t, n, r, i, a;
2268
- if (!this.nodes.icon) return;
2269
- let o = (e = (t = this.renderParams) == null ? void 0 : t.isInline) == null ? !1 : e, s = (n = (r = this.renderParams) == null ? void 0 : r.isNestedInline) == null ? !1 : n, c = (i = (a = this.renderParams) == null ? void 0 : a.iconWithGap) == null ? !0 : i;
2270
- this.nodes.icon.setAttribute(f.popoverItemWobble, "true"), this.nodes.icon.className = this.getIconClass(c, o, s, !0), this.nodes.icon.addEventListener("animationend", () => {
2271
- this.nodes.icon && (this.nodes.icon.removeAttribute(f.popoverItemWobble), this.nodes.icon.className = this.getIconClass(c, o, s, !1));
2272
- }, { once: !0 });
2273
- }
2274
2326
  getIconElement() {
2275
2327
  return this.nodes.icon;
2276
2328
  }
2277
- }, K = {
2278
- container: "py-1.5 px-2 transition-[opacity,max-height,padding] duration-150 max-h-5 overflow-hidden",
2329
+ }, q = {
2330
+ container: "py-1.5 px-2 max-h-5 overflow-hidden",
2279
2331
  containerHidden: "opacity-0 max-h-0! py-0!",
2280
2332
  line: "h-px w-full bg-popover-border/60"
2281
- }, q = {
2282
- container: "px-1 py-0",
2333
+ }, J = {
2334
+ container: "px-1 py-0 max-h-none",
2283
2335
  line: "h-full w-px",
2284
2336
  nestedContainer: "py-1 px-[3px]",
2285
2337
  nestedLine: "w-full h-px"
2286
- }, Kn = class extends Un {
2338
+ }, Zn = class extends Jn {
2287
2339
  constructor(e) {
2288
2340
  var t, n;
2289
2341
  super(), this.nodes = {
@@ -2300,11 +2352,11 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2300
2352
  this.nodes.root.className = e ? n : t, e ? this.nodes.root.setAttribute(f.hidden, "true") : this.nodes.root.removeAttribute(f.hidden);
2301
2353
  }
2302
2354
  getContainerClass(e) {
2303
- let n = K.container;
2304
- return this.isNestedInline ? t(n, q.nestedContainer, e && K.containerHidden) : this.isInline ? t(n, q.container, e && K.containerHidden) : t(n, e && K.containerHidden);
2355
+ let n = q.container;
2356
+ return this.isNestedInline ? t(n, J.nestedContainer, e && q.containerHidden) : this.isInline ? t(n, J.container, e && q.containerHidden) : t(n, e && q.containerHidden);
2305
2357
  }
2306
2358
  getLineClass() {
2307
- return this.isNestedInline ? t(K.line, q.nestedLine) : this.isInline ? t(K.line, q.line) : K.line;
2359
+ return this.isNestedInline ? t(q.line, J.nestedLine) : this.isInline ? t(q.line, J.line) : q.line;
2308
2360
  }
2309
2361
  createRootElement() {
2310
2362
  let e = document.createElement("div");
@@ -2312,10 +2364,10 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2312
2364
  let t = document.createElement("div");
2313
2365
  return t.className = this.getLineClass(), t.setAttribute(f.popoverItemSeparatorLine, ""), e.appendChild(t), this.nodes.line = t, e;
2314
2366
  }
2315
- }, qn = {
2367
+ }, Qn = {
2316
2368
  root: "",
2317
2369
  rootHidden: "hidden"
2318
- }, Jn = { root: "flex items-center" }, J = class extends Un {
2370
+ }, $n = { root: "flex items-center" }, Y = class extends Jn {
2319
2371
  constructor(e, t) {
2320
2372
  var n;
2321
2373
  super(e), this.nodes = { root: null }, this.isHidden = !1, this.isInline = (n = t == null ? void 0 : t.isInline) == null ? !1 : n, this.nodes.root = this.createRootElement(e, t);
@@ -2332,12 +2384,12 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2332
2384
  return Array.from(e);
2333
2385
  }
2334
2386
  updateRootClasses() {
2335
- this.nodes.root && (this.nodes.root.className = t(qn.root, this.isInline && Jn.root, this.isHidden && qn.rootHidden));
2387
+ this.nodes.root && (this.nodes.root.className = t(Qn.root, this.isInline && $n.root, this.isHidden && Qn.rootHidden));
2336
2388
  }
2337
2389
  createRootElement(n, r) {
2338
2390
  var i;
2339
2391
  let a = document.createElement("div");
2340
- if (a.className = t(qn.root, this.isInline && Jn.root), a.setAttribute(f.popoverItemHtml, ""), a.setAttribute("data-blok-testid", "popover-item-html"), n.name && a.setAttribute("data-blok-item-name", n.name), a.appendChild(n.element), n.hint !== void 0 && (r == null || (i = r.hint) == null ? void 0 : i.enabled) !== !1) {
2392
+ if (a.className = t(Qn.root, this.isInline && $n.root), a.setAttribute(f.popoverItemHtml, ""), a.setAttribute("data-blok-testid", "popover-item-html"), n.name && a.setAttribute("data-blok-item-name", n.name), a.appendChild(n.element), n.hint !== void 0 && (r == null || (i = r.hint) == null ? void 0 : i.enabled) !== !1) {
2341
2393
  var o, s;
2342
2394
  this.addHint(a, e(e({}, n.hint), {}, {
2343
2395
  position: (r == null || (o = r.hint) == null ? void 0 : o.position) || "right",
@@ -2346,12 +2398,11 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2346
2398
  }
2347
2399
  return a;
2348
2400
  }
2349
- }, Y = {
2350
- wrapper: "bg-search-input-bg border border-search-input-border rounded-lg p-1 grid grid-cols-[auto_auto_1fr] grid-rows-[auto] transition-all duration-200 focus-within:bg-popover-bg focus-within:border-search-input-focus-border focus-within:shadow-[0_0_0_2px_rgba(35,131,226,0.08)]",
2401
+ }, er = {
2402
+ wrapper: "bg-search-input-bg border border-search-input-border rounded-lg p-1 grid grid-cols-[auto_1fr] grid-rows-[auto] focus-within:border-search-input-focus-border focus-within:shadow-[0_0_0_2px_rgba(35,131,226,0.15)]",
2351
2403
  icon: "w-toolbox-btn h-toolbox-btn flex items-center justify-center mr-2 [&_svg]:w-icon [&_svg]:h-icon [&_svg]:text-gray-text",
2352
- input: "text-sm outline-hidden font-medium font-inherit border-0 bg-transparent m-0 p-0 leading-[22px] min-w-[calc(100%-(--spacing(6))-10px)] placeholder:text-gray-text/60 placeholder:font-normal",
2353
- clearButton: "flex items-center justify-center w-toolbox-btn h-toolbox-btn cursor-pointer border-0 bg-transparent rounded p-0 opacity-0 pointer-events-none transition-opacity duration-150 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:text-gray-text can-hover:hover:[&_svg]:text-dark"
2354
- }, Yn = (e, t) => {
2404
+ input: "text-sm outline-hidden font-medium font-inherit border-0 bg-transparent m-0 p-0 leading-[22px] min-w-[calc(100%-(--spacing(6))-10px)] text-text-primary placeholder:text-gray-text/80 placeholder:font-normal"
2405
+ }, tr = (e, t) => {
2355
2406
  if (e.length === 0) return t.length;
2356
2407
  if (t.length === 0) return e.length;
2357
2408
  let n = Array.from({ length: t.length + 1 }, (e, t) => t), r = Array(t.length + 1);
@@ -2364,18 +2415,18 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2364
2415
  n.splice(0, n.length, ...r);
2365
2416
  }
2366
2417
  return n[t.length];
2367
- }, Xn = (e, t) => [...e].reduce((e, n) => e < t.length && n === t[e] ? e + 1 : e, 0) === t.length, Zn = (e, t) => [...e].reduce((n, r, i) => {
2418
+ }, nr = (e, t) => [...e].reduce((e, n) => e < t.length && n === t[e] ? e + 1 : e, 0) === t.length, rr = (e, t) => [...e].reduce((n, r, i) => {
2368
2419
  let a = i === 0 || e[i - 1] === " " || e[i - 1] === "-" || e[i - 1] === "_";
2369
2420
  return n < t.length && a && r === t[n] ? n + 1 : n;
2370
- }, 0) === t.length, Qn = (e, t) => {
2421
+ }, 0) === t.length, ir = (e, t) => {
2371
2422
  if (e === t) return 100;
2372
2423
  if (e.startsWith(t)) return 90;
2373
2424
  if (e.includes(t)) return 75;
2374
- if (t.length >= 2 && Zn(e, t)) return 55;
2375
- if (t.length >= 2 && Xn(e, t)) return 35;
2425
+ if (t.length >= 2 && rr(e, t)) return 55;
2426
+ if (t.length >= 2 && nr(e, t)) return 35;
2376
2427
  if (t.length >= 3) {
2377
2428
  let n = Math.floor(t.length / 3);
2378
- if (Yn(e, t) <= n) return 15;
2429
+ if (tr(e, t) <= n) return 15;
2379
2430
  }
2380
2431
  return 0;
2381
2432
  }, X = (e, t) => {
@@ -2383,33 +2434,28 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2383
2434
  let n = t.toLowerCase(), r = [];
2384
2435
  if (e.title !== void 0 && r.push(e.title.toLowerCase()), e.englishTitle !== void 0 && r.push(e.englishTitle.toLowerCase()), e.searchTerms !== void 0) for (let t of e.searchTerms) r.push(t.toLowerCase());
2385
2436
  return r.reduce((e, t) => {
2386
- let r = Qn(t, n);
2437
+ let r = ir(t, n);
2387
2438
  return r > e ? r : e;
2388
2439
  }, 0);
2389
- }, $n = /* @__PURE__ */ function(e) {
2440
+ }, ar = /* @__PURE__ */ function(e) {
2390
2441
  return e.Search = "search", e;
2391
- }({}), er = class extends He {
2442
+ }({}), or = class extends He {
2392
2443
  constructor({ items: e, placeholder: t }) {
2393
2444
  super(), this.searchQuery = "", this.handleValueChange = () => {
2394
- this.updateClearButtonVisibility(), this.applySearch(this.input.value);
2395
- }, this.listeners = new Me(), this.items = e, this.wrapper = O.make("div", Y.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
2396
- let n = O.make("div", Y.icon, { innerHTML: _n });
2397
- this.input = O.make("input", Y.input, {
2445
+ this.applySearch(this.input.value);
2446
+ }, this.listeners = new Me(), this.items = e, this.wrapper = O.make("div", er.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
2447
+ let n = O.make("div", er.icon, { innerHTML: yn });
2448
+ this.input = O.make("input", er.input, {
2398
2449
  type: "search",
2399
2450
  placeholder: t,
2400
2451
  tabIndex: -1
2401
- }), this.input.setAttribute("data-blok-flipper-navigation-target", "true"), this.input.setAttribute("data-blok-testid", "popover-search-input"), this.clearButton = O.make("button", Y.clearButton, {
2402
- type: "button",
2403
- innerHTML: sn
2404
- }), this.clearButton.setAttribute("aria-label", "Clear search"), this.wrapper.appendChild(n), this.wrapper.appendChild(this.input), this.wrapper.appendChild(this.clearButton), this.overrideValueProperty(), [
2452
+ }), this.input.setAttribute("data-blok-flipper-navigation-target", "true"), this.input.setAttribute("data-blok-testid", "popover-search-input"), this.wrapper.appendChild(n), this.wrapper.appendChild(this.input), this.overrideValueProperty(), [
2405
2453
  "input",
2406
2454
  "keyup",
2407
2455
  "search",
2408
2456
  "change"
2409
2457
  ].forEach((e) => {
2410
2458
  this.listeners.on(this.input, e, this.handleValueChange);
2411
- }), this.listeners.on(this.clearButton, "click", () => {
2412
- this.clear(), this.input.focus();
2413
2459
  });
2414
2460
  }
2415
2461
  getElement() {
@@ -2419,10 +2465,10 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2419
2465
  this.input.focus();
2420
2466
  }
2421
2467
  clear() {
2422
- this.input.value = "", this.updateClearButtonVisibility();
2468
+ this.input.value = "";
2423
2469
  }
2424
2470
  applySearch(e) {
2425
- this.searchQuery !== e && (this.searchQuery = e, this.emit($n.Search, {
2471
+ this.searchQuery !== e && (this.searchQuery = e, this.emit(ar.Search, {
2426
2472
  query: e,
2427
2473
  items: this.foundItems
2428
2474
  }));
@@ -2444,10 +2490,6 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2444
2490
  }
2445
2491
  });
2446
2492
  }
2447
- updateClearButtonVisibility() {
2448
- let e = this.input.value.length > 0;
2449
- this.clearButton.classList.toggle("opacity-0", !e), this.clearButton.classList.toggle("pointer-events-none", !e), this.clearButton.classList.toggle("opacity-100", e), this.clearButton.classList.toggle("pointer-events-auto", e);
2450
- }
2451
2493
  destroy() {
2452
2494
  this.listeners.removeAll();
2453
2495
  }
@@ -2457,7 +2499,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2457
2499
  score: X(e, this.searchQuery)
2458
2500
  })).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => e);
2459
2501
  }
2460
- }, tr, nr = class e {
2502
+ }, sr, cr = class e {
2461
2503
  constructor() {
2462
2504
  this.stack = [], this.boundPointerDown = null;
2463
2505
  }
@@ -2509,25 +2551,25 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
2509
2551
  t !== -1 && this.stack.splice(t, 1);
2510
2552
  }
2511
2553
  };
2512
- tr = nr, tr._instance = null;
2554
+ sr = cr, sr._instance = null;
2513
2555
  //#endregion
2514
2556
  //#region src/components/utils/popover/popover.const.ts
2515
2557
  var Z = {
2516
2558
  popoverContainer: "absolute flex flex-col overflow-hidden box-border opacity-0 pointer-events-none p-0 border-none z-4 max-h-0 min-w-(--width) w-(--width) rounded-xl text-sm left-(--popover-left) top-(--popover-top) bg-popover-bg",
2517
2559
  popoverContainerMobile: "fixed max-w-none rounded-[10px] min-w-[calc(100%-var(--offset)*2)] left-auto top-auto inset-[auto_var(--offset)_calc(var(--offset)+env(safe-area-inset-bottom))_var(--offset)]",
2518
- popoverContainerOpened: "opacity-100 pointer-events-auto p-1.5 max-h-(--max-height) border-none animate-panel-showing",
2560
+ popoverContainerOpened: "opacity-100 pointer-events-auto p-1.5 max-h-(--max-height) border-none",
2519
2561
  popoverOverlay: "hidden bg-dark",
2520
2562
  items: "overflow-y-auto overscroll-contain"
2521
- }, rr = {
2563
+ }, lr = {
2522
2564
  popover: "relative",
2523
2565
  popoverContainer: "flex-row top-0 min-w-max w-max p-1 mobile:absolute"
2524
- }, ir = (e) => `level-${e}`, Q = /* @__PURE__ */ function(e) {
2566
+ }, ur = (e) => `level-${e}`, Q = /* @__PURE__ */ function(e) {
2525
2567
  return e.NestingLevel = "--nesting-level", e.PopoverHeight = "--popover-height", e.InlinePopoverWidth = "--inline-popover-width", e.PopoverTop = "--popover-top", e.PopoverLeft = "--popover-left", e.TriggerItemLeft = "--trigger-item-left", e.TriggerItemTop = "--trigger-item-top", e;
2526
2568
  }({}), $ = /* @__PURE__ */ function(e) {
2527
2569
  return e.Closed = "closed", e.ClosedOnActivate = "closed-on-activate", e;
2528
- }({}), ar = class extends He {
2570
+ }({}), dr = class extends He {
2529
2571
  get itemsDefault() {
2530
- return this.items.filter((e) => e instanceof G);
2572
+ return this.items.filter((e) => e instanceof K);
2531
2573
  }
2532
2574
  constructor(t, n = {}) {
2533
2575
  super(), this.params = t, this.itemsRenderParams = n, this.listeners = new Me(), this.messages = {
@@ -2546,10 +2588,10 @@ var Z = {
2546
2588
  let n = this.nodes.popover;
2547
2589
  n !== null && !n.isConnected && document.body.appendChild(n), this.nodes.popover.setAttribute(f.popoverOpened, "true"), this.nodes.popoverContainer.className = t(this.nodes.popoverContainer.className, Z.popoverContainerOpened), this.itemsDefault.forEach((e) => this.refreshItemActiveState(e)), this.search !== void 0 && this.search.focus();
2548
2590
  let { trigger: r } = this.params;
2549
- ((e = this.params.nestingLevel) == null ? 0 : e) === 0 && r !== void 0 && nr.instance.register(this, r);
2591
+ ((e = this.params.nestingLevel) == null ? 0 : e) === 0 && r !== void 0 && cr.instance.register(this, r);
2550
2592
  }
2551
2593
  hide() {
2552
- this.nodes.popover.removeAttribute(f.popoverOpened), this.nodes.popover.removeAttribute(f.popoverOpenTop), this.nodes.popover.removeAttribute(f.popoverOpenLeft), this.nodes.popoverContainer.className = Z.popoverContainer, this.itemsDefault.forEach((e) => e.reset()), this.search !== void 0 && this.search.clear(), nr.instance.unregister(this), this.emit($.Closed);
2594
+ this.nodes.popover.removeAttribute(f.popoverOpened), this.nodes.popover.removeAttribute(f.popoverOpenTop), this.nodes.popover.removeAttribute(f.popoverOpenLeft), this.nodes.popoverContainer.className = Z.popoverContainer, this.itemsDefault.forEach((e) => e.reset()), this.search !== void 0 && this.search.clear(), cr.instance.unregister(this), this.emit($.Closed);
2553
2595
  }
2554
2596
  destroy() {
2555
2597
  var e, t;
@@ -2569,21 +2611,21 @@ var Z = {
2569
2611
  buildItems(e) {
2570
2612
  return e.map((e) => {
2571
2613
  switch (e.type) {
2572
- case F.Separator: return new Kn(this.itemsRenderParams[F.Separator]);
2573
- case F.Html: return new J(e, this.itemsRenderParams[F.Html]);
2614
+ case F.Separator: return new Zn(this.itemsRenderParams[F.Separator]);
2615
+ case F.Html: return new Y(e, this.itemsRenderParams[F.Html]);
2574
2616
  case F.Default:
2575
- case void 0: return new G(e, this.itemsRenderParams[F.Default]);
2617
+ case void 0: return new K(e, this.itemsRenderParams[F.Default]);
2576
2618
  }
2577
2619
  });
2578
2620
  }
2579
2621
  getTargetItem(e) {
2580
- return this.items.filter((e) => e instanceof G || e instanceof J).find((t) => {
2622
+ return this.items.filter((e) => e instanceof K || e instanceof Y).find((t) => {
2581
2623
  let n = t.getElement();
2582
2624
  return n === null ? !1 : e.composedPath().includes(n);
2583
2625
  });
2584
2626
  }
2585
2627
  handleItemClick(e) {
2586
- if (!(e instanceof G && e.isDisabled)) {
2628
+ if (!(e instanceof K && e.isDisabled)) {
2587
2629
  if (e.hasChildren) {
2588
2630
  this.showNestedItems(e), this.callHandleClickIfPresent(e);
2589
2631
  return;
@@ -2596,7 +2638,7 @@ var Z = {
2596
2638
  t !== void 0 && this.handleItemClick(t);
2597
2639
  }
2598
2640
  toggleItemActivenessIfNeeded(e) {
2599
- if (!(e instanceof G) || (e.toggle === !0 && e.toggleActive(), typeof e.toggle != "string")) return;
2641
+ if (!(e instanceof K) || (e.toggle === !0 && e.toggleActive(), typeof e.toggle != "string")) return;
2600
2642
  let t = this.itemsDefault.filter((t) => t.toggle === e.toggle);
2601
2643
  if (t.length === 1) {
2602
2644
  e.toggleActive();
@@ -2607,13 +2649,13 @@ var Z = {
2607
2649
  });
2608
2650
  }
2609
2651
  refreshItemActiveState(e) {
2610
- e instanceof G && e.toggle === void 0 && e.toggleActive(e.isActive);
2652
+ e instanceof K && e.toggle === void 0 && e.toggleActive(e.isActive);
2611
2653
  }
2612
2654
  callHandleClickIfPresent(e) {
2613
2655
  "handleClick" in e && typeof e.handleClick == "function" && e.handleClick();
2614
2656
  }
2615
2657
  toggleNothingFoundMessage(e) {
2616
- e ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.classList.add("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.setAttribute(f.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.classList.remove("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.removeAttribute(f.nothingFoundDisplayed));
2658
+ e ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.setAttribute(f.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.removeAttribute(f.nothingFoundDisplayed));
2617
2659
  }
2618
2660
  setOpenTop(e) {
2619
2661
  e ? this.nodes.popover.setAttribute(f.popoverOpenTop, "true") : this.nodes.popover.removeAttribute(f.popoverOpenTop);
@@ -2629,9 +2671,9 @@ var Z = {
2629
2671
  let r = document.createElement("div");
2630
2672
  this.params.class && (r.className = this.params.class), r.setAttribute(f.popover, ""), this.params.class && r.setAttribute("data-blok-popover-custom-class", this.params.class), r.setAttribute("data-blok-testid", "popover"), r.style.setProperty("--width", (e = this.params.width) == null ? "auto" : e), r.style.setProperty("--item-padding", "4px"), r.style.setProperty("--item-height", "calc(1.75rem + 2 * var(--item-padding))"), r.style.setProperty("--popover-top", "calc(100% + 0.5rem)"), r.style.setProperty("--popover-left", "0"), r.style.setProperty("--nested-popover-overlap", "0.25rem"), r.style.setProperty("--max-height", "400px");
2631
2673
  let i = document.createElement("div");
2632
- i.className = Z.popoverContainer, i.style.boxShadow = "0 0 0 1px var(--blok-popover-border), 0 4px 16px rgba(0, 0, 0, 0.1), 0 16px 40px -8px rgba(0, 0, 0, 0.08)", i.setAttribute(f.popoverContainer, ""), i.setAttribute("data-blok-testid", "popover-container");
2674
+ i.className = Z.popoverContainer, i.style.boxShadow = "var(--blok-popover-box-shadow)", i.setAttribute(f.popoverContainer, ""), i.setAttribute("data-blok-testid", "popover-container");
2633
2675
  let a = document.createElement("div");
2634
- a.className = t("cursor-default text-[13px] leading-5 font-normal whitespace-nowrap overflow-hidden text-ellipsis text-gray-text/70 px-3 py-4 text-center", "hidden"), a.setAttribute("data-blok-testid", "popover-nothing-found"), a.textContent = (n = this.messages.nothingFound) == null ? "Nothing found" : n;
2676
+ a.className = t("cursor-default text-[13px] leading-5 font-normal whitespace-nowrap overflow-hidden text-ellipsis text-gray-text px-3 py-4 text-center", "hidden"), a.setAttribute("data-blok-testid", "popover-nothing-found"), a.textContent = (n = this.messages.nothingFound) == null ? "Nothing found" : n;
2635
2677
  let o = document.createElement("div");
2636
2678
  return o.className = Z.items, o.setAttribute(f.popoverItems, ""), o.setAttribute("data-blok-testid", "popover-items"), i.appendChild(a), i.appendChild(o), r.appendChild(i), {
2637
2679
  popover: r,
@@ -2647,7 +2689,7 @@ var Z = {
2647
2689
  i !== null && ((r = this.nodes.items) == null || r.appendChild(i));
2648
2690
  });
2649
2691
  }
2650
- }, or = class e extends ar {
2692
+ }, fr = class e extends dr {
2651
2693
  setLeftAlignElement(e) {
2652
2694
  this.leftAlignElement = e;
2653
2695
  }
@@ -2662,16 +2704,10 @@ var Z = {
2662
2704
  }, this.onSearch = (e) => {
2663
2705
  var t;
2664
2706
  let n = e.query === "", r = e.topLevelItems, i = !n && e.promotedItems.length > 0 ? this.deduplicateAgainstPromoted(r, e.promotedItems) : r, a = i.length === 0 && e.promotedItems.length === 0;
2665
- a && this.items.forEach((e) => {
2666
- var t;
2667
- (t = e.getElement()) == null || t.style.setProperty("transition-duration", "0s");
2668
- }), this.items.forEach((e) => {
2669
- let t = e instanceof G, r = e instanceof Kn || e instanceof J, o = t ? !i.includes(e) || e.name !== void 0 && this.isNamePermanentlyHidden(e.name) : r && (a || !n);
2707
+ this.items.forEach((e) => {
2708
+ let t = e instanceof K, r = e instanceof Zn || e instanceof Y, o = t ? !i.includes(e) || e.name !== void 0 && this.isNamePermanentlyHidden(e.name) : r && (a || !n);
2670
2709
  e.toggleHidden(o);
2671
- }), a && (this.nodes.popoverContainer.offsetHeight, this.items.forEach((e) => {
2672
- var t;
2673
- (t = e.getElement()) == null || t.style.removeProperty("transition-duration");
2674
- })), !n && i.length > 0 ? this.reorderItemsByRank(i) : n && this.originalItemOrder !== void 0 && this.restoreOriginalItemOrder();
2710
+ }), !n && i.length > 0 ? this.reorderItemsByRank(i) : n && this.originalItemOrder !== void 0 && this.restoreOriginalItemOrder();
2675
2711
  for (let e of this.promotedSeparators) e.remove();
2676
2712
  if (this.promotedSeparators = [], this.promotedItemCache !== null) for (let e of this.promotedItemCache.items) {
2677
2713
  var o;
@@ -2704,9 +2740,9 @@ var Z = {
2704
2740
  (t = this.flipper) != null && t.isActivated && (this.flipper.deactivate(), this.flipper.activate(u), u.length > 0 && this.flipper.focusItem(0, { skipNextTab: !0 }));
2705
2741
  }, e.trigger && (this.trigger = e.trigger), e.leftAlignElement && (this.leftAlignElement = e.leftAlignElement), e.nestingLevel !== void 0 && (this.nestingLevel = e.nestingLevel), this.nestingLevel > 0 && this.nodes.popover.setAttribute(f.nested, "true"), e.scopeElement !== void 0 && (this.scopeElement = e.scopeElement), this.nodes.popoverContainer !== null && (this.listeners.on(this.nodes.popoverContainer, "mouseover", (e) => this.handleHover(e)), this.listeners.on(this.nodes.popoverContainer, "mouseleave", (e) => this.handleMouseLeave(e))), e.searchable && this.addSearch(), e.flippable === !1) return;
2706
2742
  let r = e.flipper;
2707
- r === void 0 ? this.flipper = new Vt({
2743
+ r === void 0 ? this.flipper = new Ht({
2708
2744
  items: this.flippableElements,
2709
- focusedItemClass: W.focused,
2745
+ focusedItemClass: G.focused,
2710
2746
  allowedKeys: [
2711
2747
  m.TAB,
2712
2748
  m.UP,
@@ -2792,7 +2828,7 @@ var Z = {
2792
2828
  t instanceof Node && this.nestedPopover !== void 0 && this.nestedPopover !== null && this.nestedPopover.hasNode(t) || (this.destroyNestedPopoverIfExists(!1), this.previouslyHoveredItem = null);
2793
2829
  }
2794
2830
  getTargetItem(e) {
2795
- return (this.promotedItemCache === null ? this.items : [...this.items, ...this.promotedItemCache.items]).filter((e) => e instanceof G || e instanceof J).find((t) => {
2831
+ return (this.promotedItemCache === null ? this.items : [...this.items, ...this.promotedItemCache.items]).filter((e) => e instanceof K || e instanceof Y).find((t) => {
2796
2832
  let n = t.getElement();
2797
2833
  return n === null ? !1 : e.composedPath().includes(n);
2798
2834
  });
@@ -2831,6 +2867,7 @@ var Z = {
2831
2867
  messages: this.messages,
2832
2868
  onNavigateBack: this.destroyNestedPopoverIfExists.bind(this),
2833
2869
  width: t.childrenWidth,
2870
+ minWidth: t.childrenMinWidth,
2834
2871
  handleContentEditableNavigation: i,
2835
2872
  autoFocusFirstItem: this.params.autoFocusFirstItem
2836
2873
  }), t.onChildrenOpen(), this.nestedPopover.on($.ClosedOnActivate, this.hide);
@@ -2876,11 +2913,11 @@ var Z = {
2876
2913
  return this.items.flatMap((e) => this.getFlippableElementsForItem(e)).filter((e) => e != null);
2877
2914
  }
2878
2915
  getFlippableElementsForItem(e) {
2879
- if (e instanceof J) {
2916
+ if (e instanceof Y) {
2880
2917
  let t = e.getElement();
2881
2918
  return t ? [t] : [];
2882
2919
  }
2883
- if (!(e instanceof G) || e.isDisabled) return [];
2920
+ if (!(e instanceof K) || e.isDisabled) return [];
2884
2921
  let t = e.getElement();
2885
2922
  return t ? [t] : [];
2886
2923
  }
@@ -2894,7 +2931,7 @@ var Z = {
2894
2931
  collectPromotedChildren(e, t, n) {
2895
2932
  for (let a of e) {
2896
2933
  var r, i;
2897
- if (!(a instanceof G) || !a.hasChildren) continue;
2934
+ if (!(a instanceof K) || !a.hasChildren) continue;
2898
2935
  let e = (r = (i = a.title) == null ? a.name : i) == null ? "" : r, o = [...t, e];
2899
2936
  this.collectDefaultChildren(a.children, o, n);
2900
2937
  }
@@ -2902,7 +2939,7 @@ var Z = {
2902
2939
  collectDefaultChildren(e, t, n) {
2903
2940
  for (let r of e) {
2904
2941
  if (r.type !== void 0 && r.type !== F.Default) continue;
2905
- let e = new G(r);
2942
+ let e = new K(r);
2906
2943
  if (e.name !== void 0 && this.isNamePermanentlyHidden(e.name)) {
2907
2944
  e.destroy();
2908
2945
  continue;
@@ -2936,13 +2973,13 @@ var Z = {
2936
2973
  deduplicateAgainstPromoted(e, t) {
2937
2974
  let n = /* @__PURE__ */ new Set();
2938
2975
  for (let { item: e } of t) e.title !== void 0 && n.add(e.title.toLowerCase());
2939
- return e.filter((e) => !(e instanceof G) || e.title === void 0 ? !0 : !n.has(e.title.toLowerCase()));
2976
+ return e.filter((e) => !(e instanceof K) || e.title === void 0 ? !0 : !n.has(e.title.toLowerCase()));
2940
2977
  }
2941
2978
  addSearch() {
2942
- this.search = new er({
2979
+ this.search = new or({
2943
2980
  items: this.itemsDefault,
2944
2981
  placeholder: this.messages.search
2945
- }), this.search.on($n.Search, (e) => {
2982
+ }), this.search.on(ar.Search, (e) => {
2946
2983
  if (e.query === "") {
2947
2984
  this.cleanupPromotedItems(), this.onSearch({
2948
2985
  query: e.query,
@@ -3011,7 +3048,7 @@ var Z = {
3011
3048
  this.originalItemOrder = void 0;
3012
3049
  }
3013
3050
  }
3014
- }, sr = function(e) {
3051
+ }, pr = function(e) {
3015
3052
  let t = O.make("div");
3016
3053
  return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "4px", e.forEach((e) => {
3017
3054
  let n = O.make("div"), r = e.indexOf(" ");
@@ -3021,7 +3058,7 @@ var Z = {
3021
3058
  } else n.appendChild(document.createTextNode(e));
3022
3059
  t.appendChild(n);
3023
3060
  }), t;
3024
- }, cr, lr = class {
3061
+ }, mr, hr = class {
3025
3062
  constructor({ api: e }) {
3026
3063
  this.i18nAPI = e.i18n, this.blocksAPI = e.blocks, this.selectionAPI = e.selection, this.toolsAPI = e.tools, this.caretAPI = e.caret, this.i18nInstance = {
3027
3064
  t: (e, t) => this.i18nAPI.t(e),
@@ -3069,10 +3106,10 @@ var Z = {
3069
3106
  };
3070
3107
  }
3071
3108
  };
3072
- cr = lr, cr.isInline = !0;
3109
+ mr = hr, mr.isInline = !0;
3073
3110
  //#endregion
3074
3111
  //#region src/tools/toggle/constants.ts
3075
- var ur = "toggle", dr = "tools.toggle.placeholder", fr = "tools.toggle.bodyPlaceholder", pr = "tools.toggle.ariaLabelCollapse", mr = "tools.toggle.ariaLabelExpand", hr = "outline-hidden py-[3px] mt-[2px] mb-px", gr = "outline-hidden pl-0.5 leading-[1.6em] flex-1 min-w-0", _r = "flex items-center", vr = "flex-shrink-0 p-[8px] flex items-center justify-center cursor-pointer select-none rounded hover:bg-black/5 transition-colors duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:outline-none", yr = "<svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.5 2.5L8.5 6L4.5 9.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", br = "hidden pl-7 pt-[calc(0.5em+5px)] pb-[4px] text-gray-text leading-[1.6em] cursor-pointer select-none", xr = "pl-7", Sr = {
3112
+ var gr = "toggle", _r = "tools.toggle.placeholder", vr = "tools.toggle.bodyPlaceholder", yr = "tools.toggle.ariaLabelCollapse", br = "tools.toggle.ariaLabelExpand", xr = "outline-hidden py-[3px] mt-[2px] mb-px", Sr = "outline-hidden pl-0.5 leading-[1.5] flex-1 min-w-0", Cr = "flex items-center", wr = "flex-shrink-0 p-[8px] flex items-center justify-center cursor-pointer select-none rounded can-hover:hover:bg-item-hover-bg transition-colors duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:outline-none", Tr = "<svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.5 2.5L8.5 6L4.5 9.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", Er = "hidden pl-[1.1em] pt-[calc(0.5em+5px)] pb-[4px] text-gray-text leading-[1.5] cursor-pointer select-none", Dr = "pl-[1.1em]", Or = {
3076
3113
  toggleOpen: "data-blok-toggle-open",
3077
3114
  toggleArrow: "data-blok-toggle-arrow",
3078
3115
  toggleContent: "data-blok-toggle-content",
@@ -3080,4 +3117,4 @@ var ur = "toggle", dr = "tools.toggle.placeholder", fr = "tools.toggle.bodyPlace
3080
3117
  toggleChildren: "data-blok-toggle-children"
3081
3118
  };
3082
3119
  //#endregion
3083
- export { wn as $, E as $t, sn as A, Ue as At, Pn as B, Fe as Bt, nr as C, h as Cn, Nt as Ct, cn as D, it as Dt, W as E, l as En, yt as Et, Sn as F, Re as Ft, Dn as G, ke as Gt, In as H, Pe as Ht, Cn as I, Be as It, dn as J, Oe as Jt, kn as K, Ae as Kt, Mn as L, Ve as Lt, yn as M, We as Mt, bn as N, qe as Nt, hn as O, F as Ot, xn as P, He as Pt, An as Q, Ce as Qt, jn as R, Le as Rt, ir as S, m as Sn, Mt as St, G as T, p as Tn, I as Tt, ln as U, Ne as Ut, Fn as V, Ie as Vt, un as W, Me as Wt, mn as X, Te as Xt, pn as Y, O as Yt, fn as Z, Ee as Zt, ar as _, _ as _n, zt as _t, hr as a, fe as an, Tn as at, Z as b, ee as bn, It as bt, gr as c, me as cn, en as ct, xr as d, se as dn, an as dt, D as en, zn as et, _r as f, C as fn, Yt as ft, or as g, ie as gn, Vt as gt, sr as h, S as hn, Ht as ht, vr as i, pe as in, Rn as it, vn as j, Ke as jt, Ln as k, et as kt, dr as l, oe as ln, H as lt, lr as m, x as mn, Wt as mt, mr as n, he as nn, Vn as nt, fr as o, de as on, tn as ot, ur as p, b as pn, B as pt, On as q, je as qt, yr as r, ue as rn, En as rt, br as s, le as sn, $t as st, pr as t, ge as tn, Bn as tt, Sr as u, ae as un, on as ut, $ as v, y as vn, Rt as vt, J as w, f as wn, jt as wt, rr as x, g as xn, Pt as xt, Q as y, te as yn, Ft as yt, Nn as z, ze as zt };
3120
+ export { gn as $, je as $t, ln as A, f as An, Mt as At, Nn as B, He as Bt, cr as C, _ as Cn, Bt as Ct, un as D, g as Dn, Ft as Dt, G as E, ee as En, Lt as Et, Cn as F, et as Ft, dn as G, ze as Gt, In as H, Be as Ht, wn as I, Ue as It, jn as J, Pe as Jt, fn as K, Fe as Kt, Tn as L, Ke as Lt, bn as M, l as Mn, bt as Mt, xn as N, it as Nt, _n as O, m as On, Nt as Ot, Sn as P, F as Pt, hn as Q, Ae as Qt, Kn as R, We as Rt, ur as S, ie as Sn, Ht as St, K as T, te as Tn, It as Tt, Ln as U, Ve as Ut, Fn as V, Re as Vt, Rn as W, Le as Wt, Gn as X, Me as Xt, An as Y, Ne as Yt, pn as Z, ke as Zt, dr as _, se as _n, Yt as _t, xr as a, E as an, Un as at, Z as b, x as bn, Wt as bt, Sr as c, he as cn, Dn as ct, Dr as d, fe as dn, nn as dt, Oe as en, mn as et, Cr as f, de as fn, U as ft, fr as g, ae as gn, V as gt, pr as h, oe as hn, Zt as ht, wr as i, Ce as in, Hn as it, Wn as j, p as jn, at as jt, zn as k, h as kn, Pt as kt, _r as l, ue as ln, rn as lt, hr as m, me as mn, sn as mt, br as n, Te as nn, En as nt, vr as o, D as on, On as ot, gr as p, le as pn, cn as pt, kn as q, Ie as qt, Tr as r, Ee as rn, Vn as rt, Er as s, ge as sn, Bn as st, yr as t, O as tn, Mn as tt, Or as u, pe as un, tn as ut, $ as v, C as vn, z as vt, Y as w, y as wn, zt as wt, lr as x, S as xn, Gt as xt, Q as y, b as yn, Ut as yt, Pn as z, qe as zt };