@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.
- package/dist/blok.mjs +2 -2
- package/dist/chunks/{blok-CdxHhr5i.mjs → blok-BmlbETK7.mjs} +2119 -2013
- package/dist/chunks/{constants-C_H9o9Ao.mjs → constants-WhLyFkza.mjs} +260 -223
- package/dist/chunks/{i18next-loader-D5HxE5ZQ.mjs → i18next-loader-CZARkla1.mjs} +1 -1
- package/dist/chunks/{lightweight-i18n-Safdy0ua.mjs → lightweight-i18n-BQa0F2X6.mjs} +9 -0
- package/dist/chunks/{tools-B0YXCZFW.mjs → tools-BCb5bMO3.mjs} +973 -843
- package/dist/full.mjs +3 -3
- package/dist/locales.mjs +9 -0
- package/dist/react.mjs +2 -2
- package/dist/tools.mjs +2 -2
- package/package.json +1 -1
- package/src/components/block/style-manager.ts +1 -1
- package/src/components/blocks.ts +26 -54
- package/src/components/constants/data-attributes.ts +0 -2
- package/src/components/i18n/locales/en/messages.json +9 -0
- package/src/components/icons/index.ts +34 -6
- package/src/components/inline-tools/inline-tool-link.ts +202 -5
- package/src/components/inline-tools/inline-tool-marker.ts +166 -23
- package/src/components/inline-tools/utils/formatting-range-utils.ts +10 -1
- package/src/components/modules/blockManager/blockManager.ts +2 -2
- package/src/components/modules/blockManager/operations.ts +2 -2
- package/src/components/modules/blockManager/repository.ts +1 -9
- package/src/components/modules/blockManager/types.ts +1 -1
- package/src/components/modules/drag/operations/DragOperations.ts +45 -6
- package/src/components/modules/paste/google-docs-preprocessor.ts +69 -2
- package/src/components/modules/paste/handlers/blok-data-handler.ts +96 -19
- package/src/components/modules/renderer.ts +2 -0
- package/src/components/modules/toolbar/blockSettings.ts +1 -1
- package/src/components/modules/toolbar/index.ts +21 -0
- package/src/components/modules/toolbar/plus-button.ts +15 -5
- package/src/components/selection/fake-background/index.ts +9 -10
- package/src/components/shared/color-picker.ts +108 -95
- package/src/components/shared/color-presets.ts +30 -2
- package/src/components/ui/toolbox.ts +36 -7
- package/src/components/utils/color-mapping.ts +43 -1
- package/src/components/utils/color-migration.ts +37 -0
- package/src/components/utils/popover/components/popover-item/popover-item-default/popover-item-default.const.ts +4 -3
- package/src/components/utils/popover/components/popover-item/popover-item-default/popover-item-default.ts +5 -39
- package/src/components/utils/popover/components/popover-item/popover-item-separator/popover-item-separator.const.ts +2 -2
- package/src/components/utils/popover/components/popover-item/popover-item.ts +11 -0
- package/src/components/utils/popover/components/search-input/search-input.const.ts +2 -3
- package/src/components/utils/popover/components/search-input/search-input.ts +1 -32
- package/src/components/utils/popover/popover-abstract.ts +2 -4
- package/src/components/utils/popover/popover-desktop.ts +1 -16
- package/src/components/utils/popover/popover-inline.ts +1 -2
- package/src/components/utils/popover/popover-mobile.ts +2 -2
- package/src/components/utils/popover/popover.const.ts +1 -1
- package/src/stories/Table.stories.ts +15 -9
- package/src/styles/main.css +312 -14
- package/src/tools/header/index.ts +5 -5
- package/src/tools/list/constants.ts +11 -4
- package/src/tools/list/depth-validator.ts +13 -1
- package/src/tools/list/dom-builder.ts +5 -3
- package/src/tools/list/index.ts +3 -2
- package/src/tools/paragraph/index.ts +2 -2
- package/src/tools/table/table-cell-color-picker.ts +1 -1
- package/src/tools/table/table-cell-selection.ts +1 -2
- package/src/tools/table/table-core.ts +2 -2
- package/src/tools/table/table-grip-visuals.ts +13 -5
- package/src/tools/table/table-heading-toggle.ts +15 -9
- package/src/tools/table/table-row-col-controls.ts +17 -11
- package/src/tools/table/table-row-col-drag.ts +26 -3
- package/src/tools/toggle/constants.ts +5 -5
- package/src/tools/toggle/index.ts +1 -1
- package/types/tools/hook-events.d.ts +6 -0
- package/types/tools/toggle.d.ts +23 -0
- package/types/tools-entry.d.ts +3 -0
- 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
|
|
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.
|
|
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:
|
|
1204
|
-
}),
|
|
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] =
|
|
1208
|
+
r[a] = ot(o, c !== void 0 && ut(c) ? c : t, n);
|
|
1210
1209
|
}
|
|
1211
1210
|
return r;
|
|
1212
|
-
},
|
|
1213
|
-
let r =
|
|
1214
|
-
return r ?
|
|
1215
|
-
},
|
|
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
|
-
|
|
1220
|
+
dt(e.getAttribute(t)) && e.removeAttribute(t);
|
|
1222
1221
|
});
|
|
1223
1222
|
}), t.innerHTML;
|
|
1224
1223
|
}
|
|
1225
1224
|
return e.replace(rt, "");
|
|
1226
|
-
},
|
|
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] =
|
|
1228
|
+
for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = I(e[n]));
|
|
1230
1229
|
return t;
|
|
1231
|
-
},
|
|
1230
|
+
}, mt = (e) => function(t) {
|
|
1232
1231
|
let n = e.call(this, t);
|
|
1233
1232
|
return n == null ? {} : n;
|
|
1234
|
-
},
|
|
1233
|
+
}, ht = new Set([
|
|
1235
1234
|
"class",
|
|
1236
1235
|
"id",
|
|
1237
1236
|
"title",
|
|
1238
1237
|
"role",
|
|
1239
1238
|
"dir",
|
|
1240
1239
|
"lang"
|
|
1241
|
-
]),
|
|
1240
|
+
]), gt = (e) => {
|
|
1242
1241
|
let t = e.toLowerCase();
|
|
1243
|
-
return t.startsWith("data-") || t.startsWith("aria-") ||
|
|
1244
|
-
},
|
|
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
|
-
|
|
1246
|
+
gt(e.name) && (t[e.name] = !0);
|
|
1248
1247
|
}), t;
|
|
1249
|
-
},
|
|
1250
|
-
if (C(e)) return
|
|
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] =
|
|
1255
|
+
n[r] = I(a);
|
|
1257
1256
|
continue;
|
|
1258
1257
|
}
|
|
1259
1258
|
if (b(i)) {
|
|
1260
|
-
n[r] =
|
|
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] =
|
|
1267
|
+
n[r] = I(a);
|
|
1269
1268
|
continue;
|
|
1270
1269
|
}
|
|
1271
|
-
n[r] =
|
|
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] =
|
|
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
|
-
},
|
|
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 =
|
|
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) :
|
|
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] =
|
|
1297
|
+
n[t] = I(r);
|
|
1299
1298
|
}
|
|
1300
1299
|
}
|
|
1301
1300
|
}), n;
|
|
1302
|
-
},
|
|
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
|
-
},
|
|
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 =
|
|
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(
|
|
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",
|
|
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
|
-
|
|
1465
|
-
var
|
|
1466
|
-
|
|
1467
|
-
},
|
|
1468
|
-
|
|
1469
|
-
},
|
|
1470
|
-
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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] =
|
|
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 :
|
|
1514
|
-
},
|
|
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] =
|
|
1519
|
-
return n === null ? !1 :
|
|
1520
|
-
},
|
|
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
|
-
|
|
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
|
|
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
|
|
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 ?
|
|
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
|
|
1686
|
+
case R.directions.RIGHT:
|
|
1688
1687
|
this.flipRight();
|
|
1689
1688
|
break;
|
|
1690
|
-
case
|
|
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
|
-
},
|
|
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
|
|
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
|
|
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 ?
|
|
1868
|
+
return o ? Kt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
|
|
1826
1869
|
}
|
|
1827
|
-
var
|
|
1828
|
-
function
|
|
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
|
|
1843
|
-
let n = e[1] <
|
|
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
|
|
1853
|
-
let n =
|
|
1895
|
+
function V(e, t) {
|
|
1896
|
+
let n = z(e);
|
|
1854
1897
|
if (n === null) return e;
|
|
1855
|
-
let r =
|
|
1856
|
-
return
|
|
1857
|
-
let i =
|
|
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 =
|
|
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
|
|
1872
|
-
function
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1902
|
-
return
|
|
1959
|
+
function en(e) {
|
|
1960
|
+
return $t(Qt(e));
|
|
1903
1961
|
}
|
|
1904
|
-
function
|
|
1905
|
-
return `<table ${
|
|
1906
|
-
let t = e.blocks.map(
|
|
1962
|
+
function tn(e) {
|
|
1963
|
+
return `<table ${H}='${JSON.stringify(e).replace(/'/g, "'")}'>${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
|
|
1911
|
-
return e.cells.map((e) => e.map((e) => e.blocks.map(
|
|
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
|
|
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)
|
|
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
|
|
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
|
|
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 && !
|
|
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 ?
|
|
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 && !
|
|
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 ?
|
|
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
|
|
2008
|
+
return at(t.innerHTML, an).replace(/(<br\s*\/?>|\s)+$/i, "").trim();
|
|
1951
2009
|
}
|
|
1952
|
-
function
|
|
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(
|
|
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 =
|
|
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 =
|
|
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] && !
|
|
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
|
|
1988
|
-
let t = RegExp(`${
|
|
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
|
-
},
|
|
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", [
|
|
2013
|
-
title: O.make("div",
|
|
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",
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
},
|
|
2081
|
-
item: "flex items-center select-none border-none bg-transparent rounded-lg px-2 py-1 text-text-primary mb-px outline-hidden
|
|
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
|
|
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
|
-
},
|
|
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 =
|
|
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
|
|
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(
|
|
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
|
|
2184
|
-
return t(
|
|
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(
|
|
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
|
-
},
|
|
2278
|
-
container: "py-1.5 px-2
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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 =
|
|
2304
|
-
return this.isNestedInline ? t(n,
|
|
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(
|
|
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
|
-
},
|
|
2367
|
+
}, Qn = {
|
|
2316
2368
|
root: "",
|
|
2317
2369
|
rootHidden: "hidden"
|
|
2318
|
-
},
|
|
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(
|
|
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(
|
|
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
|
-
},
|
|
2350
|
-
wrapper: "bg-search-input-bg border border-search-input-border rounded-lg p-1 grid grid-cols-[
|
|
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/
|
|
2353
|
-
|
|
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
|
-
},
|
|
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,
|
|
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 &&
|
|
2375
|
-
if (t.length >= 2 &&
|
|
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 (
|
|
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 =
|
|
2437
|
+
let r = ir(t, n);
|
|
2387
2438
|
return r > e ? r : e;
|
|
2388
2439
|
}, 0);
|
|
2389
|
-
},
|
|
2440
|
+
}, ar = /* @__PURE__ */ function(e) {
|
|
2390
2441
|
return e.Search = "search", e;
|
|
2391
|
-
}({}),
|
|
2442
|
+
}({}), or = class extends He {
|
|
2392
2443
|
constructor({ items: e, placeholder: t }) {
|
|
2393
2444
|
super(), this.searchQuery = "", this.handleValueChange = () => {
|
|
2394
|
-
this.
|
|
2395
|
-
}, this.listeners = new Me(), this.items = e, this.wrapper = O.make("div",
|
|
2396
|
-
let n = O.make("div",
|
|
2397
|
-
this.input = O.make("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.
|
|
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 = ""
|
|
2468
|
+
this.input.value = "";
|
|
2423
2469
|
}
|
|
2424
2470
|
applySearch(e) {
|
|
2425
|
-
this.searchQuery !== e && (this.searchQuery = e, this.emit(
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
|
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
|
-
},
|
|
2563
|
+
}, lr = {
|
|
2522
2564
|
popover: "relative",
|
|
2523
2565
|
popoverContainer: "flex-row top-0 min-w-max w-max p-1 mobile:absolute"
|
|
2524
|
-
},
|
|
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
|
-
}({}),
|
|
2570
|
+
}({}), dr = class extends He {
|
|
2529
2571
|
get itemsDefault() {
|
|
2530
|
-
return this.items.filter((e) => e instanceof
|
|
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 &&
|
|
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(),
|
|
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
|
|
2573
|
-
case F.Html: return new
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
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 = "
|
|
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
|
|
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
|
-
},
|
|
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
|
-
|
|
2666
|
-
|
|
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
|
-
}),
|
|
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
|
|
2743
|
+
r === void 0 ? this.flipper = new Ht({
|
|
2708
2744
|
items: this.flippableElements,
|
|
2709
|
-
focusedItemClass:
|
|
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
|
|
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
|
|
2916
|
+
if (e instanceof Y) {
|
|
2880
2917
|
let t = e.getElement();
|
|
2881
2918
|
return t ? [t] : [];
|
|
2882
2919
|
}
|
|
2883
|
-
if (!(e instanceof
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2979
|
+
this.search = new or({
|
|
2943
2980
|
items: this.itemsDefault,
|
|
2944
2981
|
placeholder: this.messages.search
|
|
2945
|
-
}), this.search.on(
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
|
|
3109
|
+
mr = hr, mr.isInline = !0;
|
|
3073
3110
|
//#endregion
|
|
3074
3111
|
//#region src/tools/toggle/constants.ts
|
|
3075
|
-
var
|
|
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 {
|
|
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 };
|