mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 10:35:30 +00:00
10151 lines
467 KiB
JavaScript
10151 lines
467 KiB
JavaScript
var Pa = "2.1.16";
|
||
const Bt = "[data-trix-attachment]", Sn = { preview: { presentation: "gallery", caption: { name: !0, size: !0 } }, file: { caption: { size: !0 } } }, X = { default: { tagName: "div", parse: !1 }, quote: { tagName: "blockquote", nestable: !0 }, heading1: { tagName: "h1", terminal: !0, breakOnReturn: !0, group: !1 }, code: { tagName: "pre", terminal: !0, htmlAttributes: ["language"], text: { plaintext: !0 } }, bulletList: { tagName: "ul", parse: !1 }, bullet: { tagName: "li", listAttribute: "bulletList", group: !1, nestable: !0, test(s) {
|
||
return ss(s.parentNode) === X[this.listAttribute].tagName;
|
||
} }, numberList: { tagName: "ol", parse: !1 }, number: { tagName: "li", listAttribute: "numberList", group: !1, nestable: !0, test(s) {
|
||
return ss(s.parentNode) === X[this.listAttribute].tagName;
|
||
} }, attachmentGallery: { tagName: "div", exclusive: !0, terminal: !0, parse: !1, group: !1 } }, ss = (s) => {
|
||
var t;
|
||
return s == null || (t = s.tagName) === null || t === void 0 ? void 0 : t.toLowerCase();
|
||
}, rs = navigator.userAgent.match(/android\s([0-9]+.*Chrome)/i), Si = rs && parseInt(rs[1]);
|
||
var Te = { composesExistingText: /Android.*Chrome/.test(navigator.userAgent), recentAndroid: Si && Si > 12, samsungAndroid: Si && navigator.userAgent.match(/Android.*SM-/), forcesObjectResizing: /Trident.*rv:11/.test(navigator.userAgent), supportsInputEvents: typeof InputEvent < "u" && ["data", "getTargetRanges", "inputType"].every(((s) => s in InputEvent.prototype)) }, Mr = { ADD_ATTR: ["language"], SAFE_FOR_XML: !1, RETURN_DOM: !0 }, v = { attachFiles: "Attach Files", bold: "Bold", bullets: "Bullets", byte: "Byte", bytes: "Bytes", captionPlaceholder: "Add a caption…", code: "Code", heading1: "Heading", indent: "Increase Level", italic: "Italic", link: "Link", numbers: "Numbers", outdent: "Decrease Level", quote: "Quote", redo: "Redo", remove: "Remove", strike: "Strikethrough", undo: "Undo", unlink: "Unlink", url: "URL", urlPlaceholder: "Enter a URL…", GB: "GB", KB: "KB", MB: "MB", PB: "PB", TB: "TB" };
|
||
const Fa = [v.bytes, v.KB, v.MB, v.GB, v.TB, v.PB];
|
||
var Nr = { prefix: "IEC", precision: 2, formatter(s) {
|
||
switch (s) {
|
||
case 0:
|
||
return "0 ".concat(v.bytes);
|
||
case 1:
|
||
return "1 ".concat(v.byte);
|
||
default:
|
||
let t;
|
||
this.prefix === "SI" ? t = 1e3 : this.prefix === "IEC" && (t = 1024);
|
||
const e = Math.floor(Math.log(s) / Math.log(t)), i = (s / Math.pow(t, e)).toFixed(this.precision).replace(/0*$/, "").replace(/\.$/, "");
|
||
return "".concat(i, " ").concat(Fa[e]);
|
||
}
|
||
} };
|
||
const ni = "\uFEFF", St = " ", Pr = function(s) {
|
||
for (const t in s) {
|
||
const e = s[t];
|
||
this[t] = e;
|
||
}
|
||
return this;
|
||
}, Ln = document.documentElement, Ha = Ln.matches, B = function(s) {
|
||
let { onElement: t, matchingSelector: e, withCallback: i, inPhase: n, preventDefault: r, times: a } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const o = t || Ln, l = e, c = n === "capturing", u = function(m) {
|
||
a != null && --a == 0 && u.destroy();
|
||
const p = Lt(m.target, { matchingSelector: l });
|
||
p != null && (i?.call(p, m, p), r && m.preventDefault());
|
||
};
|
||
return u.destroy = () => o.removeEventListener(s, u, c), o.addEventListener(s, u, c), u;
|
||
}, Fr = function(s) {
|
||
let { bubbles: t, cancelable: e, attributes: i } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
t = t !== !1, e = e !== !1;
|
||
const n = document.createEvent("Events");
|
||
return n.initEvent(s, t, e), i != null && Pr.call(n, i), n;
|
||
}, be = function(s) {
|
||
let { onElement: t, bubbles: e, cancelable: i, attributes: n } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const r = t ?? Ln, a = Fr(s, { bubbles: e, cancelable: i, attributes: n });
|
||
return r.dispatchEvent(a);
|
||
}, Hr = function(s, t) {
|
||
if (s?.nodeType === 1) return Ha.call(s, t);
|
||
}, Lt = function(s) {
|
||
let { matchingSelector: t, untilNode: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
for (; s && s.nodeType !== Node.ELEMENT_NODE; ) s = s.parentNode;
|
||
if (s != null) {
|
||
if (t == null) return s;
|
||
if (s.closest && e == null) return s.closest(t);
|
||
for (; s && s !== e; ) {
|
||
if (Hr(s, t)) return s;
|
||
s = s.parentNode;
|
||
}
|
||
}
|
||
}, Cn = (s) => document.activeElement !== s && Ot(s, document.activeElement), Ot = function(s, t) {
|
||
if (s && t) for (; t; ) {
|
||
if (t === s) return !0;
|
||
t = t.parentNode;
|
||
}
|
||
}, Li = function(s) {
|
||
var t;
|
||
if ((t = s) === null || t === void 0 || !t.parentNode) return;
|
||
let e = 0;
|
||
for (s = s.previousSibling; s; ) e++, s = s.previousSibling;
|
||
return e;
|
||
}, Ct = (s) => {
|
||
var t;
|
||
return s == null || (t = s.parentNode) === null || t === void 0 ? void 0 : t.removeChild(s);
|
||
}, Qe = function(s) {
|
||
let { onlyNodesOfType: t, usingFilter: e, expandEntityReferences: i } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const n = (() => {
|
||
switch (t) {
|
||
case "element":
|
||
return NodeFilter.SHOW_ELEMENT;
|
||
case "text":
|
||
return NodeFilter.SHOW_TEXT;
|
||
case "comment":
|
||
return NodeFilter.SHOW_COMMENT;
|
||
default:
|
||
return NodeFilter.SHOW_ALL;
|
||
}
|
||
})();
|
||
return document.createTreeWalker(s, n, e ?? null, i === !0);
|
||
}, Y = (s) => {
|
||
var t;
|
||
return s == null || (t = s.tagName) === null || t === void 0 ? void 0 : t.toLowerCase();
|
||
}, x = function(s) {
|
||
let t, e, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
typeof s == "object" ? (i = s, s = i.tagName) : i = { attributes: i };
|
||
const n = document.createElement(s);
|
||
if (i.editable != null && (i.attributes == null && (i.attributes = {}), i.attributes.contenteditable = i.editable), i.attributes) for (t in i.attributes) e = i.attributes[t], n.setAttribute(t, e);
|
||
if (i.style) for (t in i.style) e = i.style[t], n.style[t] = e;
|
||
if (i.data) for (t in i.data) e = i.data[t], n.dataset[t] = e;
|
||
return i.className && i.className.split(" ").forEach(((r) => {
|
||
n.classList.add(r);
|
||
})), i.textContent && (n.textContent = i.textContent), i.childNodes && [].concat(i.childNodes).forEach(((r) => {
|
||
n.appendChild(r);
|
||
})), n;
|
||
};
|
||
let le;
|
||
const _e = function() {
|
||
if (le != null) return le;
|
||
le = [];
|
||
for (const s in X) {
|
||
const t = X[s];
|
||
t.tagName && le.push(t.tagName);
|
||
}
|
||
return le;
|
||
}, Ci = (s) => Zt(s?.firstChild), as = function(s) {
|
||
let { strict: t } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { strict: !0 };
|
||
return t ? Zt(s) : Zt(s) || !Zt(s.firstChild) && (function(e) {
|
||
return _e().includes(Y(e)) && !_e().includes(Y(e.firstChild));
|
||
})(s);
|
||
}, Zt = (s) => qa(s) && s?.data === "block", qa = (s) => s?.nodeType === Node.COMMENT_NODE, te = function(s) {
|
||
let { name: t } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
if (s) return ve(s) ? s.data === ni ? !t || s.parentNode.dataset.trixCursorTarget === t : void 0 : te(s.firstChild);
|
||
}, Mt = (s) => Hr(s, Bt), qr = (s) => ve(s) && s?.data === "", ve = (s) => s?.nodeType === Node.TEXT_NODE, wn = { level2Enabled: !0, getLevel() {
|
||
return this.level2Enabled && Te.supportsInputEvents ? 2 : 0;
|
||
}, pickFiles(s) {
|
||
const t = x("input", { type: "file", multiple: !0, hidden: !0, id: this.fileInputId });
|
||
t.addEventListener("change", (() => {
|
||
s(t.files), Ct(t);
|
||
})), Ct(document.getElementById(this.fileInputId)), document.body.appendChild(t), t.click();
|
||
} };
|
||
var Je = { removeBlankTableCells: !1, tableCellSeparator: " | ", tableRowSeparator: `
|
||
` }, Pt = { bold: { tagName: "strong", inheritable: !0, parser(s) {
|
||
const t = window.getComputedStyle(s);
|
||
return t.fontWeight === "bold" || t.fontWeight >= 600;
|
||
} }, italic: { tagName: "em", inheritable: !0, parser: (s) => window.getComputedStyle(s).fontStyle === "italic" }, href: { groupTagName: "a", parser(s) {
|
||
const t = "a:not(".concat(Bt, ")"), e = s.closest(t);
|
||
if (e) return e.getAttribute("href");
|
||
} }, strike: { tagName: "del", inheritable: !0 }, frozen: { style: { backgroundColor: "highlight" } } }, $r = { getDefaultHTML: () => `<div class="trix-button-row">
|
||
<span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" title="`.concat(v.bold, '" tabindex="-1">').concat(v.bold, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" title="`).concat(v.italic, '" tabindex="-1">').concat(v.italic, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-strike" data-trix-attribute="strike" title="`).concat(v.strike, '" tabindex="-1">').concat(v.strike, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="`).concat(v.link, '" tabindex="-1">').concat(v.link, `</button>
|
||
</span>
|
||
|
||
<span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-attribute="heading1" title="`).concat(v.heading1, '" tabindex="-1">').concat(v.heading1, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" title="`).concat(v.quote, '" tabindex="-1">').concat(v.quote, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" title="`).concat(v.code, '" tabindex="-1">').concat(v.code, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" title="`).concat(v.bullets, '" tabindex="-1">').concat(v.bullets, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" title="`).concat(v.numbers, '" tabindex="-1">').concat(v.numbers, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-decrease-nesting-level" data-trix-action="decreaseNestingLevel" title="`).concat(v.outdent, '" tabindex="-1">').concat(v.outdent, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-increase-nesting-level" data-trix-action="increaseNestingLevel" title="`).concat(v.indent, '" tabindex="-1">').concat(v.indent, `</button>
|
||
</span>
|
||
|
||
<span class="trix-button-group trix-button-group--file-tools" data-trix-button-group="file-tools">
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-attach" data-trix-action="attachFiles" title="`).concat(v.attachFiles, '" tabindex="-1">').concat(v.attachFiles, `</button>
|
||
</span>
|
||
|
||
<span class="trix-button-group-spacer"></span>
|
||
|
||
<span class="trix-button-group trix-button-group--history-tools" data-trix-button-group="history-tools">
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-undo" data-trix-action="undo" data-trix-key="z" title="`).concat(v.undo, '" tabindex="-1">').concat(v.undo, `</button>
|
||
<button type="button" class="trix-button trix-button--icon trix-button--icon-redo" data-trix-action="redo" data-trix-key="shift+z" title="`).concat(v.redo, '" tabindex="-1">').concat(v.redo, `</button>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="trix-dialogs" data-trix-dialogs>
|
||
<div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
|
||
<div class="trix-dialog__link-fields">
|
||
<input type="url" name="href" class="trix-input trix-input--dialog" placeholder="`).concat(v.urlPlaceholder, '" aria-label="').concat(v.url, `" data-trix-validate-href required data-trix-input>
|
||
<div class="trix-button-group">
|
||
<input type="button" class="trix-button trix-button--dialog" value="`).concat(v.link, `" data-trix-method="setAttribute">
|
||
<input type="button" class="trix-button trix-button--dialog" value="`).concat(v.unlink, `" data-trix-method="removeAttribute">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>`) };
|
||
const cn = { interval: 5e3 };
|
||
var ke = Object.freeze({ __proto__: null, attachments: Sn, blockAttributes: X, browser: Te, css: { attachment: "attachment", attachmentCaption: "attachment__caption", attachmentCaptionEditor: "attachment__caption-editor", attachmentMetadata: "attachment__metadata", attachmentMetadataContainer: "attachment__metadata-container", attachmentName: "attachment__name", attachmentProgress: "attachment__progress", attachmentSize: "attachment__size", attachmentToolbar: "attachment__toolbar", attachmentGallery: "attachment-gallery" }, dompurify: Mr, fileSize: Nr, input: wn, keyNames: { 8: "backspace", 9: "tab", 13: "return", 27: "escape", 37: "left", 39: "right", 46: "delete", 68: "d", 72: "h", 79: "o" }, lang: v, parser: Je, textAttributes: Pt, toolbar: $r, undo: cn });
|
||
class H {
|
||
static proxyMethod(t) {
|
||
const { name: e, toMethod: i, toProperty: n, optional: r } = $a(t);
|
||
this.prototype[e] = function() {
|
||
let a, o;
|
||
var l, c;
|
||
return i ? o = r ? (l = this[i]) === null || l === void 0 ? void 0 : l.call(this) : this[i]() : n && (o = this[n]), r ? (a = (c = o) === null || c === void 0 ? void 0 : c[e], a ? os.call(a, o, arguments) : void 0) : (a = o[e], os.call(a, o, arguments));
|
||
};
|
||
}
|
||
}
|
||
const $a = function(s) {
|
||
const t = s.match(Ua);
|
||
if (!t) throw new Error("can't parse @proxyMethod expression: ".concat(s));
|
||
const e = { name: t[4] };
|
||
return t[2] != null ? e.toMethod = t[1] : e.toProperty = t[1], t[3] != null && (e.optional = !0), e;
|
||
}, { apply: os } = Function.prototype, Ua = new RegExp("^(.+?)(\\(\\))?(\\?)?\\.(.+?)$");
|
||
var wi, Ti, ki;
|
||
class Le extends H {
|
||
static box() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
||
return t instanceof this ? t : this.fromUCS2String(t?.toString());
|
||
}
|
||
static fromUCS2String(t) {
|
||
return new this(t, hn(t));
|
||
}
|
||
static fromCodepoints(t) {
|
||
return new this(un(t), t);
|
||
}
|
||
constructor(t, e) {
|
||
super(...arguments), this.ucs2String = t, this.codepoints = e, this.length = this.codepoints.length, this.ucs2Length = this.ucs2String.length;
|
||
}
|
||
offsetToUCS2Offset(t) {
|
||
return un(this.codepoints.slice(0, Math.max(0, t))).length;
|
||
}
|
||
offsetFromUCS2Offset(t) {
|
||
return hn(this.ucs2String.slice(0, Math.max(0, t))).length;
|
||
}
|
||
slice() {
|
||
return this.constructor.fromCodepoints(this.codepoints.slice(...arguments));
|
||
}
|
||
charAt(t) {
|
||
return this.slice(t, t + 1);
|
||
}
|
||
isEqualTo(t) {
|
||
return this.constructor.box(t).ucs2String === this.ucs2String;
|
||
}
|
||
toJSON() {
|
||
return this.ucs2String;
|
||
}
|
||
getCacheKey() {
|
||
return this.ucs2String;
|
||
}
|
||
toString() {
|
||
return this.ucs2String;
|
||
}
|
||
}
|
||
const Va = ((wi = Array.from) === null || wi === void 0 ? void 0 : wi.call(Array, "👼").length) === 1, ja = ((Ti = " ".codePointAt) === null || Ti === void 0 ? void 0 : Ti.call(" ", 0)) != null, Wa = ((ki = String.fromCodePoint) === null || ki === void 0 ? void 0 : ki.call(String, 32, 128124)) === " 👼";
|
||
let hn, un;
|
||
hn = Va && ja ? (s) => Array.from(s).map(((t) => t.codePointAt(0))) : function(s) {
|
||
const t = [];
|
||
let e = 0;
|
||
const { length: i } = s;
|
||
for (; e < i; ) {
|
||
let n = s.charCodeAt(e++);
|
||
if (55296 <= n && n <= 56319 && e < i) {
|
||
const r = s.charCodeAt(e++);
|
||
(64512 & r) == 56320 ? n = ((1023 & n) << 10) + (1023 & r) + 65536 : e--;
|
||
}
|
||
t.push(n);
|
||
}
|
||
return t;
|
||
}, un = Wa ? (s) => String.fromCodePoint(...Array.from(s || [])) : function(s) {
|
||
return (() => {
|
||
const t = [];
|
||
return Array.from(s).forEach(((e) => {
|
||
let i = "";
|
||
e > 65535 && (e -= 65536, i += String.fromCharCode(e >>> 10 & 1023 | 55296), e = 56320 | 1023 & e), t.push(i + String.fromCharCode(e));
|
||
})), t;
|
||
})().join("");
|
||
};
|
||
let za = 0;
|
||
class qt extends H {
|
||
static fromJSONString(t) {
|
||
return this.fromJSON(JSON.parse(t));
|
||
}
|
||
constructor() {
|
||
super(...arguments), this.id = ++za;
|
||
}
|
||
hasSameConstructorAs(t) {
|
||
return this.constructor === t?.constructor;
|
||
}
|
||
isEqualTo(t) {
|
||
return this === t;
|
||
}
|
||
inspect() {
|
||
const t = [], e = this.contentsForInspection() || {};
|
||
for (const i in e) {
|
||
const n = e[i];
|
||
t.push("".concat(i, "=").concat(n));
|
||
}
|
||
return "#<".concat(this.constructor.name, ":").concat(this.id).concat(t.length ? " ".concat(t.join(", ")) : "", ">");
|
||
}
|
||
contentsForInspection() {
|
||
}
|
||
toJSONString() {
|
||
return JSON.stringify(this);
|
||
}
|
||
toUTF16String() {
|
||
return Le.box(this);
|
||
}
|
||
getCacheKey() {
|
||
return this.id.toString();
|
||
}
|
||
}
|
||
const Ft = function() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
|
||
if (s.length !== t.length) return !1;
|
||
for (let e = 0; e < s.length; e++)
|
||
if (s[e] !== t[e]) return !1;
|
||
return !0;
|
||
}, Tn = function(s) {
|
||
const t = s.slice(0);
|
||
for (var e = arguments.length, i = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++) i[n - 1] = arguments[n];
|
||
return t.splice(...i), t;
|
||
}, Ka = /[\u05BE\u05C0\u05C3\u05D0-\u05EA\u05F0-\u05F4\u061B\u061F\u0621-\u063A\u0640-\u064A\u066D\u0671-\u06B7\u06BA-\u06BE\u06C0-\u06CE\u06D0-\u06D5\u06E5\u06E6\u200F\u202B\u202E\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE72\uFE74\uFE76-\uFEFC]/, Ga = (function() {
|
||
const s = x("input", { dir: "auto", name: "x", dirName: "x.dir" }), t = x("textarea", { dir: "auto", name: "y", dirName: "y.dir" }), e = x("form");
|
||
e.appendChild(s), e.appendChild(t);
|
||
const i = (function() {
|
||
try {
|
||
return new FormData(e).has(t.dirName);
|
||
} catch {
|
||
return !1;
|
||
}
|
||
})(), n = (function() {
|
||
try {
|
||
return s.matches(":dir(ltr),:dir(rtl)");
|
||
} catch {
|
||
return !1;
|
||
}
|
||
})();
|
||
return i ? function(r) {
|
||
return t.value = r, new FormData(e).get(t.dirName);
|
||
} : n ? function(r) {
|
||
return s.value = r, s.matches(":dir(rtl)") ? "rtl" : "ltr";
|
||
} : function(r) {
|
||
const a = r.trim().charAt(0);
|
||
return Ka.test(a) ? "rtl" : "ltr";
|
||
};
|
||
})();
|
||
let Ii = null, Ri = null, Di = null, Fe = null;
|
||
const mn = () => (Ii || (Ii = Ya().concat(Ja())), Ii), P = (s) => X[s], Ja = () => (Ri || (Ri = Object.keys(X)), Ri), gn = (s) => Pt[s], Ya = () => (Di || (Di = Object.keys(Pt)), Di), Ur = function(s, t) {
|
||
Xa(s).textContent = t.replace(/%t/g, s);
|
||
}, Xa = function(s) {
|
||
const t = document.createElement("style");
|
||
t.setAttribute("type", "text/css"), t.setAttribute("data-tag-name", s.toLowerCase());
|
||
const e = Qa();
|
||
return e && t.setAttribute("nonce", e), document.head.insertBefore(t, document.head.firstChild), t;
|
||
}, Qa = function() {
|
||
const s = ls("trix-csp-nonce") || ls("csp-nonce");
|
||
if (s) {
|
||
const { nonce: t, content: e } = s;
|
||
return t == "" ? e : t;
|
||
}
|
||
}, ls = (s) => document.head.querySelector("meta[name=".concat(s, "]")), ds = { "application/x-trix-feature-detection": "test" }, Vr = function(s) {
|
||
const t = s.getData("text/plain"), e = s.getData("text/html");
|
||
if (!t || !e) return t?.length;
|
||
{
|
||
const { body: i } = new DOMParser().parseFromString(e, "text/html");
|
||
if (i.textContent === t) return !i.querySelector("*");
|
||
}
|
||
}, jr = /Mac|^iP/.test(navigator.platform) ? (s) => s.metaKey : (s) => s.ctrlKey, kn = (s) => setTimeout(s, 1), Wr = function() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
const t = {};
|
||
for (const e in s) {
|
||
const i = s[e];
|
||
t[e] = i;
|
||
}
|
||
return t;
|
||
}, ne = function() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
if (Object.keys(s).length !== Object.keys(t).length) return !1;
|
||
for (const e in s)
|
||
if (s[e] !== t[e]) return !1;
|
||
return !0;
|
||
}, k = function(s) {
|
||
if (s != null) return Array.isArray(s) || (s = [s, s]), [cs(s[0]), cs(s[1] != null ? s[1] : s[0])];
|
||
}, _t = function(s) {
|
||
if (s == null) return;
|
||
const [t, e] = k(s);
|
||
return pn(t, e);
|
||
}, Ze = function(s, t) {
|
||
if (s == null || t == null) return;
|
||
const [e, i] = k(s), [n, r] = k(t);
|
||
return pn(e, n) && pn(i, r);
|
||
}, cs = function(s) {
|
||
return typeof s == "number" ? s : Wr(s);
|
||
}, pn = function(s, t) {
|
||
return typeof s == "number" ? s === t : ne(s, t);
|
||
};
|
||
class zr extends H {
|
||
constructor() {
|
||
super(...arguments), this.update = this.update.bind(this), this.selectionManagers = [];
|
||
}
|
||
start() {
|
||
this.started || (this.started = !0, document.addEventListener("selectionchange", this.update, !0));
|
||
}
|
||
stop() {
|
||
if (this.started) return this.started = !1, document.removeEventListener("selectionchange", this.update, !0);
|
||
}
|
||
registerSelectionManager(t) {
|
||
if (!this.selectionManagers.includes(t)) return this.selectionManagers.push(t), this.start();
|
||
}
|
||
unregisterSelectionManager(t) {
|
||
if (this.selectionManagers = this.selectionManagers.filter(((e) => e !== t)), this.selectionManagers.length === 0) return this.stop();
|
||
}
|
||
notifySelectionManagersOfSelectionChange() {
|
||
return this.selectionManagers.map(((t) => t.selectionDidChange()));
|
||
}
|
||
update() {
|
||
this.notifySelectionManagersOfSelectionChange();
|
||
}
|
||
reset() {
|
||
this.update();
|
||
}
|
||
}
|
||
const Ht = new zr(), Kr = function() {
|
||
const s = window.getSelection();
|
||
if (s.rangeCount > 0) return s;
|
||
}, ye = function() {
|
||
var s;
|
||
const t = (s = Kr()) === null || s === void 0 ? void 0 : s.getRangeAt(0);
|
||
if (t && !Za(t)) return t;
|
||
}, Gr = function(s) {
|
||
const t = window.getSelection();
|
||
return t.removeAllRanges(), t.addRange(s), Ht.update();
|
||
}, Za = (s) => hs(s.startContainer) || hs(s.endContainer), hs = (s) => !Object.getPrototypeOf(s), fe = (s) => s.replace(new RegExp("".concat(ni), "g"), "").replace(new RegExp("".concat(St), "g"), " "), In = new RegExp("[^\\S".concat(St, "]")), Rn = (s) => s.replace(new RegExp("".concat(In.source), "g"), " ").replace(/\ {2,}/g, " "), us = function(s, t) {
|
||
if (s.isEqualTo(t)) return ["", ""];
|
||
const e = Oi(s, t), { length: i } = e.utf16String;
|
||
let n;
|
||
if (i) {
|
||
const { offset: r } = e, a = s.codepoints.slice(0, r).concat(s.codepoints.slice(r + i));
|
||
n = Oi(t, Le.fromCodepoints(a));
|
||
} else n = Oi(t, s);
|
||
return [e.utf16String.toString(), n.utf16String.toString()];
|
||
}, Oi = function(s, t) {
|
||
let e = 0, i = s.length, n = t.length;
|
||
for (; e < i && s.charAt(e).isEqualTo(t.charAt(e)); ) e++;
|
||
for (; i > e + 1 && s.charAt(i - 1).isEqualTo(t.charAt(n - 1)); ) i--, n--;
|
||
return { utf16String: s.slice(e, i), offset: e };
|
||
};
|
||
class et extends qt {
|
||
static fromCommonAttributesOfObjects() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
if (!t.length) return new this();
|
||
let e = de(t[0]), i = e.getKeys();
|
||
return t.slice(1).forEach(((n) => {
|
||
i = e.getKeysCommonToHash(de(n)), e = e.slice(i);
|
||
})), e;
|
||
}
|
||
static box(t) {
|
||
return de(t);
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
super(...arguments), this.values = Ye(t);
|
||
}
|
||
add(t, e) {
|
||
return this.merge(to(t, e));
|
||
}
|
||
remove(t) {
|
||
return new et(Ye(this.values, t));
|
||
}
|
||
get(t) {
|
||
return this.values[t];
|
||
}
|
||
has(t) {
|
||
return t in this.values;
|
||
}
|
||
merge(t) {
|
||
return new et(eo(this.values, io(t)));
|
||
}
|
||
slice(t) {
|
||
const e = {};
|
||
return Array.from(t).forEach(((i) => {
|
||
this.has(i) && (e[i] = this.values[i]);
|
||
})), new et(e);
|
||
}
|
||
getKeys() {
|
||
return Object.keys(this.values);
|
||
}
|
||
getKeysCommonToHash(t) {
|
||
return t = de(t), this.getKeys().filter(((e) => this.values[e] === t.values[e]));
|
||
}
|
||
isEqualTo(t) {
|
||
return Ft(this.toArray(), de(t).toArray());
|
||
}
|
||
isEmpty() {
|
||
return this.getKeys().length === 0;
|
||
}
|
||
toArray() {
|
||
if (!this.array) {
|
||
const t = [];
|
||
for (const e in this.values) {
|
||
const i = this.values[e];
|
||
t.push(t.push(e, i));
|
||
}
|
||
this.array = t.slice(0);
|
||
}
|
||
return this.array;
|
||
}
|
||
toObject() {
|
||
return Ye(this.values);
|
||
}
|
||
toJSON() {
|
||
return this.toObject();
|
||
}
|
||
contentsForInspection() {
|
||
return { values: JSON.stringify(this.values) };
|
||
}
|
||
}
|
||
const to = function(s, t) {
|
||
const e = {};
|
||
return e[s] = t, e;
|
||
}, eo = function(s, t) {
|
||
const e = Ye(s);
|
||
for (const i in t) {
|
||
const n = t[i];
|
||
e[i] = n;
|
||
}
|
||
return e;
|
||
}, Ye = function(s, t) {
|
||
const e = {};
|
||
return Object.keys(s).sort().forEach(((i) => {
|
||
i !== t && (e[i] = s[i]);
|
||
})), e;
|
||
}, de = function(s) {
|
||
return s instanceof et ? s : new et(s);
|
||
}, io = function(s) {
|
||
return s instanceof et ? s.values : s;
|
||
};
|
||
class Dn {
|
||
static groupObjects() {
|
||
let t, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], { depth: i, asTree: n } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
n && i == null && (i = 0);
|
||
const r = [];
|
||
return Array.from(e).forEach(((a) => {
|
||
var o;
|
||
if (t) {
|
||
var l, c, u;
|
||
if ((l = a.canBeGrouped) !== null && l !== void 0 && l.call(a, i) && (c = (u = t[t.length - 1]).canBeGroupedWith) !== null && c !== void 0 && c.call(u, a, i)) return void t.push(a);
|
||
r.push(new this(t, { depth: i, asTree: n })), t = null;
|
||
}
|
||
(o = a.canBeGrouped) !== null && o !== void 0 && o.call(a, i) ? t = [a] : r.push(a);
|
||
})), t && r.push(new this(t, { depth: i, asTree: n })), r;
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], { depth: e, asTree: i } = arguments.length > 1 ? arguments[1] : void 0;
|
||
this.objects = t, i && (this.depth = e, this.objects = this.constructor.groupObjects(this.objects, { asTree: i, depth: this.depth + 1 }));
|
||
}
|
||
getObjects() {
|
||
return this.objects;
|
||
}
|
||
getDepth() {
|
||
return this.depth;
|
||
}
|
||
getCacheKey() {
|
||
const t = ["objectGroup"];
|
||
return Array.from(this.getObjects()).forEach(((e) => {
|
||
t.push(e.getCacheKey());
|
||
})), t.join("/");
|
||
}
|
||
}
|
||
class no extends H {
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
super(...arguments), this.objects = {}, Array.from(t).forEach(((e) => {
|
||
const i = JSON.stringify(e);
|
||
this.objects[i] == null && (this.objects[i] = e);
|
||
}));
|
||
}
|
||
find(t) {
|
||
const e = JSON.stringify(t);
|
||
return this.objects[e];
|
||
}
|
||
}
|
||
class so {
|
||
constructor(t) {
|
||
this.reset(t);
|
||
}
|
||
add(t) {
|
||
const e = ms(t);
|
||
this.elements[e] = t;
|
||
}
|
||
remove(t) {
|
||
const e = ms(t), i = this.elements[e];
|
||
if (i) return delete this.elements[e], i;
|
||
}
|
||
reset() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
return this.elements = {}, Array.from(t).forEach(((e) => {
|
||
this.add(e);
|
||
})), t;
|
||
}
|
||
}
|
||
const ms = (s) => s.dataset.trixStoreKey;
|
||
class ti extends H {
|
||
isPerforming() {
|
||
return this.performing === !0;
|
||
}
|
||
hasPerformed() {
|
||
return this.performed === !0;
|
||
}
|
||
hasSucceeded() {
|
||
return this.performed && this.succeeded;
|
||
}
|
||
hasFailed() {
|
||
return this.performed && !this.succeeded;
|
||
}
|
||
getPromise() {
|
||
return this.promise || (this.promise = new Promise(((t, e) => (this.performing = !0, this.perform(((i, n) => {
|
||
this.succeeded = i, this.performing = !1, this.performed = !0, this.succeeded ? t(n) : e(n);
|
||
})))))), this.promise;
|
||
}
|
||
perform(t) {
|
||
return t(!1);
|
||
}
|
||
release() {
|
||
var t, e;
|
||
(t = this.promise) === null || t === void 0 || (e = t.cancel) === null || e === void 0 || e.call(t), this.promise = null, this.performing = null, this.performed = null, this.succeeded = null;
|
||
}
|
||
}
|
||
ti.proxyMethod("getPromise().then"), ti.proxyMethod("getPromise().catch");
|
||
class $t extends H {
|
||
constructor(t) {
|
||
let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
super(...arguments), this.object = t, this.options = e, this.childViews = [], this.rootView = this;
|
||
}
|
||
getNodes() {
|
||
return this.nodes || (this.nodes = this.createNodes()), this.nodes.map(((t) => t.cloneNode(!0)));
|
||
}
|
||
invalidate() {
|
||
var t;
|
||
return this.nodes = null, this.childViews = [], (t = this.parentView) === null || t === void 0 ? void 0 : t.invalidate();
|
||
}
|
||
invalidateViewForObject(t) {
|
||
var e;
|
||
return (e = this.findViewForObject(t)) === null || e === void 0 ? void 0 : e.invalidate();
|
||
}
|
||
findOrCreateCachedChildView(t, e, i) {
|
||
let n = this.getCachedViewForObject(e);
|
||
return n ? this.recordChildView(n) : (n = this.createChildView(...arguments), this.cacheViewForObject(n, e)), n;
|
||
}
|
||
createChildView(t, e) {
|
||
let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
|
||
e instanceof Dn && (i.viewClass = t, t = ro);
|
||
const n = new t(e, i);
|
||
return this.recordChildView(n);
|
||
}
|
||
recordChildView(t) {
|
||
return t.parentView = this, t.rootView = this.rootView, this.childViews.push(t), t;
|
||
}
|
||
getAllChildViews() {
|
||
let t = [];
|
||
return this.childViews.forEach(((e) => {
|
||
t.push(e), t = t.concat(e.getAllChildViews());
|
||
})), t;
|
||
}
|
||
findElement() {
|
||
return this.findElementForObject(this.object);
|
||
}
|
||
findElementForObject(t) {
|
||
const e = t?.id;
|
||
if (e) return this.rootView.element.querySelector("[data-trix-id='".concat(e, "']"));
|
||
}
|
||
findViewForObject(t) {
|
||
for (const e of this.getAllChildViews()) if (e.object === t) return e;
|
||
}
|
||
getViewCache() {
|
||
return this.rootView !== this ? this.rootView.getViewCache() : this.isViewCachingEnabled() ? (this.viewCache || (this.viewCache = {}), this.viewCache) : void 0;
|
||
}
|
||
isViewCachingEnabled() {
|
||
return this.shouldCacheViews !== !1;
|
||
}
|
||
enableViewCaching() {
|
||
this.shouldCacheViews = !0;
|
||
}
|
||
disableViewCaching() {
|
||
this.shouldCacheViews = !1;
|
||
}
|
||
getCachedViewForObject(t) {
|
||
var e;
|
||
return (e = this.getViewCache()) === null || e === void 0 ? void 0 : e[t.getCacheKey()];
|
||
}
|
||
cacheViewForObject(t, e) {
|
||
const i = this.getViewCache();
|
||
i && (i[e.getCacheKey()] = t);
|
||
}
|
||
garbageCollectCachedViews() {
|
||
const t = this.getViewCache();
|
||
if (t) {
|
||
const e = this.getAllChildViews().concat(this).map(((i) => i.object.getCacheKey()));
|
||
for (const i in t) e.includes(i) || delete t[i];
|
||
}
|
||
}
|
||
}
|
||
class ro extends $t {
|
||
constructor() {
|
||
super(...arguments), this.objectGroup = this.object, this.viewClass = this.options.viewClass, delete this.options.viewClass;
|
||
}
|
||
getChildViews() {
|
||
return this.childViews.length || Array.from(this.objectGroup.getObjects()).forEach(((t) => {
|
||
this.findOrCreateCachedChildView(this.viewClass, t, this.options);
|
||
})), this.childViews;
|
||
}
|
||
createNodes() {
|
||
const t = this.createContainerElement();
|
||
return this.getChildViews().forEach(((e) => {
|
||
Array.from(e.getNodes()).forEach(((i) => {
|
||
t.appendChild(i);
|
||
}));
|
||
})), [t];
|
||
}
|
||
createContainerElement() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.objectGroup.getDepth();
|
||
return this.getChildViews()[0].createContainerElement(t);
|
||
}
|
||
}
|
||
const { entries: Jr, setPrototypeOf: gs, isFrozen: ao, getPrototypeOf: oo, getOwnPropertyDescriptor: lo } = Object;
|
||
let { freeze: Q, seal: st, create: Yr } = Object, { apply: fn, construct: bn } = typeof Reflect < "u" && Reflect;
|
||
Q || (Q = function(s) {
|
||
return s;
|
||
}), st || (st = function(s) {
|
||
return s;
|
||
}), fn || (fn = function(s, t) {
|
||
for (var e = arguments.length, i = new Array(e > 2 ? e - 2 : 0), n = 2; n < e; n++) i[n - 2] = arguments[n];
|
||
return s.apply(t, i);
|
||
}), bn || (bn = function(s) {
|
||
for (var t = arguments.length, e = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) e[i - 1] = arguments[i];
|
||
return new s(...e);
|
||
});
|
||
const He = Z(Array.prototype.forEach), co = Z(Array.prototype.lastIndexOf), ps = Z(Array.prototype.pop), ce = Z(Array.prototype.push), ho = Z(Array.prototype.splice), Xe = Z(String.prototype.toLowerCase), Bi = Z(String.prototype.toString), Mi = Z(String.prototype.match), he = Z(String.prototype.replace), uo = Z(String.prototype.indexOf), mo = Z(String.prototype.trim), lt = Z(Object.prototype.hasOwnProperty), J = Z(RegExp.prototype.test), ue = (fs = TypeError, function() {
|
||
for (var s = arguments.length, t = new Array(s), e = 0; e < s; e++) t[e] = arguments[e];
|
||
return bn(fs, t);
|
||
});
|
||
var fs;
|
||
function Z(s) {
|
||
return function(t) {
|
||
t instanceof RegExp && (t.lastIndex = 0);
|
||
for (var e = arguments.length, i = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++) i[n - 1] = arguments[n];
|
||
return fn(s, t, i);
|
||
};
|
||
}
|
||
function L(s, t) {
|
||
let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Xe;
|
||
gs && gs(s, null);
|
||
let i = t.length;
|
||
for (; i--; ) {
|
||
let n = t[i];
|
||
if (typeof n == "string") {
|
||
const r = e(n);
|
||
r !== n && (ao(t) || (t[i] = r), n = r);
|
||
}
|
||
s[n] = !0;
|
||
}
|
||
return s;
|
||
}
|
||
function go(s) {
|
||
for (let t = 0; t < s.length; t++)
|
||
lt(s, t) || (s[t] = null);
|
||
return s;
|
||
}
|
||
function ft(s) {
|
||
const t = Yr(null);
|
||
for (const [e, i] of Jr(s))
|
||
lt(s, e) && (Array.isArray(i) ? t[e] = go(i) : i && typeof i == "object" && i.constructor === Object ? t[e] = ft(i) : t[e] = i);
|
||
return t;
|
||
}
|
||
function me(s, t) {
|
||
for (; s !== null; ) {
|
||
const e = lo(s, t);
|
||
if (e) {
|
||
if (e.get) return Z(e.get);
|
||
if (typeof e.value == "function") return Z(e.value);
|
||
}
|
||
s = oo(s);
|
||
}
|
||
return function() {
|
||
return null;
|
||
};
|
||
}
|
||
const bs = Q(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), Ni = Q(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "slot", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), Pi = Q(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), po = Q(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), Fi = Q(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), fo = Q(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), _s = Q(["#text"]), vs = Q(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]), Hi = Q(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), ys = Q(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), qe = Q(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), bo = st(/\{\{[\w\W]*|[\w\W]*\}\}/gm), _o = st(/<%[\w\W]*|[\w\W]*%>/gm), vo = st(/\$\{[\w\W]*/gm), yo = st(/^data-[\-\w.\u00B7-\uFFFF]+$/), Ao = st(/^aria-[\-\w]+$/), Xr = st(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Eo = st(/^(?:\w+script|data):/i), xo = st(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), Qr = st(/^html$/i), So = st(/^[a-z][.\w]*(-[.\w]+)+$/i);
|
||
var As = Object.freeze({ __proto__: null, ARIA_ATTR: Ao, ATTR_WHITESPACE: xo, CUSTOM_ELEMENT: So, DATA_ATTR: yo, DOCTYPE_NAME: Qr, ERB_EXPR: _o, IS_ALLOWED_URI: Xr, IS_SCRIPT_OR_DATA: Eo, MUSTACHE_EXPR: bo, TMPLIT_EXPR: vo });
|
||
const Lo = 1, Co = 3, wo = 7, To = 8, ko = 9, Io = function() {
|
||
return typeof window > "u" ? null : window;
|
||
};
|
||
var Ce = (function s() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Io();
|
||
const e = (d) => s(d);
|
||
if (e.version = "3.2.7", e.removed = [], !t || !t.document || t.document.nodeType !== ko || !t.Element) return e.isSupported = !1, e;
|
||
let { document: i } = t;
|
||
const n = i, r = n.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: l, Element: c, NodeFilter: u, NamedNodeMap: m = t.NamedNodeMap || t.MozNamedAttrMap, HTMLFormElement: p, DOMParser: h, trustedTypes: b } = t, A = c.prototype, I = me(A, "cloneNode"), q = me(A, "remove"), R = me(A, "nextSibling"), $ = me(A, "childNodes"), _ = me(A, "parentNode");
|
||
if (typeof o == "function") {
|
||
const d = i.createElement("template");
|
||
d.content && d.content.ownerDocument && (i = d.content.ownerDocument);
|
||
}
|
||
let S, E = "";
|
||
const { implementation: j, createNodeIterator: ct, createDocumentFragment: wt, getElementsByTagName: mt } = i, { importNode: li } = n;
|
||
let K = { afterSanitizeAttributes: [], afterSanitizeElements: [], afterSanitizeShadowDOM: [], beforeSanitizeAttributes: [], beforeSanitizeElements: [], beforeSanitizeShadowDOM: [], uponSanitizeAttribute: [], uponSanitizeElement: [], uponSanitizeShadowNode: [] };
|
||
e.isSupported = typeof Jr == "function" && typeof _ == "function" && j && j.createHTMLDocument !== void 0;
|
||
const { MUSTACHE_EXPR: Tt, ERB_EXPR: Vt, TMPLIT_EXPR: tt, DATA_ATTR: di, ARIA_ATTR: ci, IS_SCRIPT_OR_DATA: hi, ATTR_WHITESPACE: Ie, CUSTOM_ELEMENT: ui } = As;
|
||
let { IS_ALLOWED_URI: F } = As, D = null;
|
||
const Mn = L({}, [...bs, ...Ni, ...Pi, ...Fi, ..._s]);
|
||
let W = null;
|
||
const Nn = L({}, [...vs, ...Hi, ...ys, ...qe]);
|
||
let M = Object.seal(Yr(null, { tagNameCheck: { writable: !0, configurable: !1, enumerable: !0, value: null }, attributeNameCheck: { writable: !0, configurable: !1, enumerable: !0, value: null }, allowCustomizedBuiltInElements: { writable: !0, configurable: !1, enumerable: !0, value: !1 } })), re = null, mi = null, Pn = !0, gi = !0, Fn = !1, Hn = !0, jt = !1, Re = !0, kt = !1, pi = !1, fi = !1, Wt = !1, De = !1, Oe = !1, qn = !0, $n = !1, bi = !0, ae = !1, zt = {}, Kt = null;
|
||
const Un = L({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
|
||
let Vn = null;
|
||
const jn = L({}, ["audio", "video", "img", "source", "image", "track"]);
|
||
let _i = null;
|
||
const Wn = L({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), Be = "http://www.w3.org/1998/Math/MathML", Me = "http://www.w3.org/2000/svg", gt = "http://www.w3.org/1999/xhtml";
|
||
let Gt = gt, vi = !1, yi = null;
|
||
const Da = L({}, [Be, Me, gt], Bi);
|
||
let Ne = L({}, ["mi", "mo", "mn", "ms", "mtext"]), Pe = L({}, ["annotation-xml"]);
|
||
const Oa = L({}, ["title", "style", "font", "a", "script"]);
|
||
let oe = null;
|
||
const Ba = ["application/xhtml+xml", "text/html"];
|
||
let V = null, Jt = null;
|
||
const Ma = i.createElement("form"), zn = function(d) {
|
||
return d instanceof RegExp || d instanceof Function;
|
||
}, Ai = function() {
|
||
let d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
if (!Jt || Jt !== d) {
|
||
if (d && typeof d == "object" || (d = {}), d = ft(d), oe = Ba.indexOf(d.PARSER_MEDIA_TYPE) === -1 ? "text/html" : d.PARSER_MEDIA_TYPE, V = oe === "application/xhtml+xml" ? Bi : Xe, D = lt(d, "ALLOWED_TAGS") ? L({}, d.ALLOWED_TAGS, V) : Mn, W = lt(d, "ALLOWED_ATTR") ? L({}, d.ALLOWED_ATTR, V) : Nn, yi = lt(d, "ALLOWED_NAMESPACES") ? L({}, d.ALLOWED_NAMESPACES, Bi) : Da, _i = lt(d, "ADD_URI_SAFE_ATTR") ? L(ft(Wn), d.ADD_URI_SAFE_ATTR, V) : Wn, Vn = lt(d, "ADD_DATA_URI_TAGS") ? L(ft(jn), d.ADD_DATA_URI_TAGS, V) : jn, Kt = lt(d, "FORBID_CONTENTS") ? L({}, d.FORBID_CONTENTS, V) : Un, re = lt(d, "FORBID_TAGS") ? L({}, d.FORBID_TAGS, V) : ft({}), mi = lt(d, "FORBID_ATTR") ? L({}, d.FORBID_ATTR, V) : ft({}), zt = !!lt(d, "USE_PROFILES") && d.USE_PROFILES, Pn = d.ALLOW_ARIA_ATTR !== !1, gi = d.ALLOW_DATA_ATTR !== !1, Fn = d.ALLOW_UNKNOWN_PROTOCOLS || !1, Hn = d.ALLOW_SELF_CLOSE_IN_ATTR !== !1, jt = d.SAFE_FOR_TEMPLATES || !1, Re = d.SAFE_FOR_XML !== !1, kt = d.WHOLE_DOCUMENT || !1, Wt = d.RETURN_DOM || !1, De = d.RETURN_DOM_FRAGMENT || !1, Oe = d.RETURN_TRUSTED_TYPE || !1, fi = d.FORCE_BODY || !1, qn = d.SANITIZE_DOM !== !1, $n = d.SANITIZE_NAMED_PROPS || !1, bi = d.KEEP_CONTENT !== !1, ae = d.IN_PLACE || !1, F = d.ALLOWED_URI_REGEXP || Xr, Gt = d.NAMESPACE || gt, Ne = d.MATHML_TEXT_INTEGRATION_POINTS || Ne, Pe = d.HTML_INTEGRATION_POINTS || Pe, M = d.CUSTOM_ELEMENT_HANDLING || {}, d.CUSTOM_ELEMENT_HANDLING && zn(d.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (M.tagNameCheck = d.CUSTOM_ELEMENT_HANDLING.tagNameCheck), d.CUSTOM_ELEMENT_HANDLING && zn(d.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (M.attributeNameCheck = d.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), d.CUSTOM_ELEMENT_HANDLING && typeof d.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (M.allowCustomizedBuiltInElements = d.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), jt && (gi = !1), De && (Wt = !0), zt && (D = L({}, _s), W = [], zt.html === !0 && (L(D, bs), L(W, vs)), zt.svg === !0 && (L(D, Ni), L(W, Hi), L(W, qe)), zt.svgFilters === !0 && (L(D, Pi), L(W, Hi), L(W, qe)), zt.mathMl === !0 && (L(D, Fi), L(W, ys), L(W, qe))), d.ADD_TAGS && (D === Mn && (D = ft(D)), L(D, d.ADD_TAGS, V)), d.ADD_ATTR && (W === Nn && (W = ft(W)), L(W, d.ADD_ATTR, V)), d.ADD_URI_SAFE_ATTR && L(_i, d.ADD_URI_SAFE_ATTR, V), d.FORBID_CONTENTS && (Kt === Un && (Kt = ft(Kt)), L(Kt, d.FORBID_CONTENTS, V)), bi && (D["#text"] = !0), kt && L(D, ["html", "head", "body"]), D.table && (L(D, ["tbody"]), delete re.tbody), d.TRUSTED_TYPES_POLICY) {
|
||
if (typeof d.TRUSTED_TYPES_POLICY.createHTML != "function") throw ue('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
|
||
if (typeof d.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw ue('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
|
||
S = d.TRUSTED_TYPES_POLICY, E = S.createHTML("");
|
||
} else S === void 0 && (S = (function(f, g) {
|
||
if (typeof f != "object" || typeof f.createPolicy != "function") return null;
|
||
let C = null;
|
||
const T = "data-tt-policy-suffix";
|
||
g && g.hasAttribute(T) && (C = g.getAttribute(T));
|
||
const y = "dompurify" + (C ? "#" + C : "");
|
||
try {
|
||
return f.createPolicy(y, { createHTML: (U) => U, createScriptURL: (U) => U });
|
||
} catch {
|
||
return console.warn("TrustedTypes policy " + y + " could not be created."), null;
|
||
}
|
||
})(b, r)), S !== null && typeof E == "string" && (E = S.createHTML(""));
|
||
Q && Q(d), Jt = d;
|
||
}
|
||
}, Kn = L({}, [...Ni, ...Pi, ...po]), Gn = L({}, [...Fi, ...fo]), ht = function(d) {
|
||
ce(e.removed, { element: d });
|
||
try {
|
||
_(d).removeChild(d);
|
||
} catch {
|
||
q(d);
|
||
}
|
||
}, It = function(d, f) {
|
||
try {
|
||
ce(e.removed, { attribute: f.getAttributeNode(d), from: f });
|
||
} catch {
|
||
ce(e.removed, { attribute: null, from: f });
|
||
}
|
||
if (f.removeAttribute(d), d === "is") if (Wt || De) try {
|
||
ht(f);
|
||
} catch {
|
||
}
|
||
else try {
|
||
f.setAttribute(d, "");
|
||
} catch {
|
||
}
|
||
}, Jn = function(d) {
|
||
let f = null, g = null;
|
||
if (fi) d = "<remove></remove>" + d;
|
||
else {
|
||
const y = Mi(d, /^[\r\n\t ]+/);
|
||
g = y && y[0];
|
||
}
|
||
oe === "application/xhtml+xml" && Gt === gt && (d = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + d + "</body></html>");
|
||
const C = S ? S.createHTML(d) : d;
|
||
if (Gt === gt) try {
|
||
f = new h().parseFromString(C, oe);
|
||
} catch {
|
||
}
|
||
if (!f || !f.documentElement) {
|
||
f = j.createDocument(Gt, "template", null);
|
||
try {
|
||
f.documentElement.innerHTML = vi ? E : C;
|
||
} catch {
|
||
}
|
||
}
|
||
const T = f.body || f.documentElement;
|
||
return d && g && T.insertBefore(i.createTextNode(g), T.childNodes[0] || null), Gt === gt ? mt.call(f, kt ? "html" : "body")[0] : kt ? f.documentElement : T;
|
||
}, Yn = function(d) {
|
||
return ct.call(d.ownerDocument || d, d, u.SHOW_ELEMENT | u.SHOW_COMMENT | u.SHOW_TEXT | u.SHOW_PROCESSING_INSTRUCTION | u.SHOW_CDATA_SECTION, null);
|
||
}, Ei = function(d) {
|
||
return d instanceof p && (typeof d.nodeName != "string" || typeof d.textContent != "string" || typeof d.removeChild != "function" || !(d.attributes instanceof m) || typeof d.removeAttribute != "function" || typeof d.setAttribute != "function" || typeof d.namespaceURI != "string" || typeof d.insertBefore != "function" || typeof d.hasChildNodes != "function");
|
||
}, Xn = function(d) {
|
||
return typeof l == "function" && d instanceof l;
|
||
};
|
||
function pt(d, f, g) {
|
||
He(d, ((C) => {
|
||
C.call(e, f, g, Jt);
|
||
}));
|
||
}
|
||
const Qn = function(d) {
|
||
let f = null;
|
||
if (pt(K.beforeSanitizeElements, d, null), Ei(d)) return ht(d), !0;
|
||
const g = V(d.nodeName);
|
||
if (pt(K.uponSanitizeElement, d, { tagName: g, allowedTags: D }), Re && d.hasChildNodes() && !Xn(d.firstElementChild) && J(/<[/\w!]/g, d.innerHTML) && J(/<[/\w!]/g, d.textContent) || d.nodeType === wo || Re && d.nodeType === To && J(/<[/\w]/g, d.data)) return ht(d), !0;
|
||
if (!D[g] || re[g]) {
|
||
if (!re[g] && ts(g) && (M.tagNameCheck instanceof RegExp && J(M.tagNameCheck, g) || M.tagNameCheck instanceof Function && M.tagNameCheck(g)))
|
||
return !1;
|
||
if (bi && !Kt[g]) {
|
||
const C = _(d) || d.parentNode, T = $(d) || d.childNodes;
|
||
if (T && C)
|
||
for (let y = T.length - 1; y >= 0; --y) {
|
||
const U = I(T[y], !0);
|
||
U.__removalCount = (d.__removalCount || 0) + 1, C.insertBefore(U, R(d));
|
||
}
|
||
}
|
||
return ht(d), !0;
|
||
}
|
||
return d instanceof c && !(function(C) {
|
||
let T = _(C);
|
||
T && T.tagName || (T = { namespaceURI: Gt, tagName: "template" });
|
||
const y = Xe(C.tagName), U = Xe(T.tagName);
|
||
return !!yi[C.namespaceURI] && (C.namespaceURI === Me ? T.namespaceURI === gt ? y === "svg" : T.namespaceURI === Be ? y === "svg" && (U === "annotation-xml" || Ne[U]) : !!Kn[y] : C.namespaceURI === Be ? T.namespaceURI === gt ? y === "math" : T.namespaceURI === Me ? y === "math" && Pe[U] : !!Gn[y] : C.namespaceURI === gt ? !(T.namespaceURI === Me && !Pe[U]) && !(T.namespaceURI === Be && !Ne[U]) && !Gn[y] && (Oa[y] || !Kn[y]) : !(oe !== "application/xhtml+xml" || !yi[C.namespaceURI]));
|
||
})(d) ? (ht(d), !0) : g !== "noscript" && g !== "noembed" && g !== "noframes" || !J(/<\/no(script|embed|frames)/i, d.innerHTML) ? (jt && d.nodeType === Co && (f = d.textContent, He([Tt, Vt, tt], ((C) => {
|
||
f = he(f, C, " ");
|
||
})), d.textContent !== f && (ce(e.removed, { element: d.cloneNode() }), d.textContent = f)), pt(K.afterSanitizeElements, d, null), !1) : (ht(d), !0);
|
||
}, Zn = function(d, f, g) {
|
||
if (qn && (f === "id" || f === "name") && (g in i || g in Ma)) return !1;
|
||
if (!(gi && !mi[f] && J(di, f))) {
|
||
if (!(Pn && J(ci, f))) {
|
||
if (!W[f] || mi[f]) {
|
||
if (!(ts(d) && (M.tagNameCheck instanceof RegExp && J(M.tagNameCheck, d) || M.tagNameCheck instanceof Function && M.tagNameCheck(d)) && (M.attributeNameCheck instanceof RegExp && J(M.attributeNameCheck, f) || M.attributeNameCheck instanceof Function && M.attributeNameCheck(f, d)) || f === "is" && M.allowCustomizedBuiltInElements && (M.tagNameCheck instanceof RegExp && J(M.tagNameCheck, g) || M.tagNameCheck instanceof Function && M.tagNameCheck(g)))) return !1;
|
||
} else if (!_i[f]) {
|
||
if (!J(F, he(g, Ie, ""))) {
|
||
if ((f !== "src" && f !== "xlink:href" && f !== "href" || d === "script" || uo(g, "data:") !== 0 || !Vn[d]) && !(Fn && !J(hi, he(g, Ie, "")))) {
|
||
if (g) return !1;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return !0;
|
||
}, ts = function(d) {
|
||
return d !== "annotation-xml" && Mi(d, ui);
|
||
}, es = function(d) {
|
||
pt(K.beforeSanitizeAttributes, d, null);
|
||
const { attributes: f } = d;
|
||
if (!f || Ei(d)) return;
|
||
const g = { attrName: "", attrValue: "", keepAttr: !0, allowedAttributes: W, forceKeepAttr: void 0 };
|
||
let C = f.length;
|
||
for (; C--; ) {
|
||
const T = f[C], { name: y, namespaceURI: U, value: vt } = T, rt = V(y), xi = vt;
|
||
let z = y === "value" ? xi : mo(xi);
|
||
if (g.attrName = rt, g.attrValue = z, g.keepAttr = !0, g.forceKeepAttr = void 0, pt(K.uponSanitizeAttribute, d, g), z = g.attrValue, !$n || rt !== "id" && rt !== "name" || (It(y, d), z = "user-content-" + z), Re && J(/((--!?|])>)|<\/(style|title|textarea)/i, z)) {
|
||
It(y, d);
|
||
continue;
|
||
}
|
||
if (rt === "attributename" && Mi(z, "href")) {
|
||
It(y, d);
|
||
continue;
|
||
}
|
||
if (g.forceKeepAttr) continue;
|
||
if (!g.keepAttr) {
|
||
It(y, d);
|
||
continue;
|
||
}
|
||
if (!Hn && J(/\/>/i, z)) {
|
||
It(y, d);
|
||
continue;
|
||
}
|
||
jt && He([Tt, Vt, tt], ((ns) => {
|
||
z = he(z, ns, " ");
|
||
}));
|
||
const is = V(d.nodeName);
|
||
if (Zn(is, rt, z)) {
|
||
if (S && typeof b == "object" && typeof b.getAttributeType == "function" && !U) switch (b.getAttributeType(is, rt)) {
|
||
case "TrustedHTML":
|
||
z = S.createHTML(z);
|
||
break;
|
||
case "TrustedScriptURL":
|
||
z = S.createScriptURL(z);
|
||
}
|
||
if (z !== xi) try {
|
||
U ? d.setAttributeNS(U, y, z) : d.setAttribute(y, z), Ei(d) ? ht(d) : ps(e.removed);
|
||
} catch {
|
||
It(y, d);
|
||
}
|
||
} else It(y, d);
|
||
}
|
||
pt(K.afterSanitizeAttributes, d, null);
|
||
}, Na = function d(f) {
|
||
let g = null;
|
||
const C = Yn(f);
|
||
for (pt(K.beforeSanitizeShadowDOM, f, null); g = C.nextNode(); ) pt(K.uponSanitizeShadowNode, g, null), Qn(g), es(g), g.content instanceof a && d(g.content);
|
||
pt(K.afterSanitizeShadowDOM, f, null);
|
||
};
|
||
return e.sanitize = function(d) {
|
||
let f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, g = null, C = null, T = null, y = null;
|
||
if (vi = !d, vi && (d = "<!-->"), typeof d != "string" && !Xn(d)) {
|
||
if (typeof d.toString != "function") throw ue("toString is not a function");
|
||
if (typeof (d = d.toString()) != "string") throw ue("dirty is not a string, aborting");
|
||
}
|
||
if (!e.isSupported) return d;
|
||
if (pi || Ai(f), e.removed = [], typeof d == "string" && (ae = !1), ae) {
|
||
if (d.nodeName) {
|
||
const rt = V(d.nodeName);
|
||
if (!D[rt] || re[rt]) throw ue("root node is forbidden and cannot be sanitized in-place");
|
||
}
|
||
} else if (d instanceof l) g = Jn("<!---->"), C = g.ownerDocument.importNode(d, !0), C.nodeType === Lo && C.nodeName === "BODY" || C.nodeName === "HTML" ? g = C : g.appendChild(C);
|
||
else {
|
||
if (!Wt && !jt && !kt && d.indexOf("<") === -1) return S && Oe ? S.createHTML(d) : d;
|
||
if (g = Jn(d), !g) return Wt ? null : Oe ? E : "";
|
||
}
|
||
g && fi && ht(g.firstChild);
|
||
const U = Yn(ae ? d : g);
|
||
for (; T = U.nextNode(); ) Qn(T), es(T), T.content instanceof a && Na(T.content);
|
||
if (ae) return d;
|
||
if (Wt) {
|
||
if (De) for (y = wt.call(g.ownerDocument); g.firstChild; ) y.appendChild(g.firstChild);
|
||
else y = g;
|
||
return (W.shadowroot || W.shadowrootmode) && (y = li.call(n, y, !0)), y;
|
||
}
|
||
let vt = kt ? g.outerHTML : g.innerHTML;
|
||
return kt && D["!doctype"] && g.ownerDocument && g.ownerDocument.doctype && g.ownerDocument.doctype.name && J(Qr, g.ownerDocument.doctype.name) && (vt = "<!DOCTYPE " + g.ownerDocument.doctype.name + `>
|
||
` + vt), jt && He([Tt, Vt, tt], ((rt) => {
|
||
vt = he(vt, rt, " ");
|
||
})), S && Oe ? S.createHTML(vt) : vt;
|
||
}, e.setConfig = function() {
|
||
Ai(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), pi = !0;
|
||
}, e.clearConfig = function() {
|
||
Jt = null, pi = !1;
|
||
}, e.isValidAttribute = function(d, f, g) {
|
||
Jt || Ai({});
|
||
const C = V(d), T = V(f);
|
||
return Zn(C, T, g);
|
||
}, e.addHook = function(d, f) {
|
||
typeof f == "function" && ce(K[d], f);
|
||
}, e.removeHook = function(d, f) {
|
||
if (f !== void 0) {
|
||
const g = co(K[d], f);
|
||
return g === -1 ? void 0 : ho(K[d], g, 1)[0];
|
||
}
|
||
return ps(K[d]);
|
||
}, e.removeHooks = function(d) {
|
||
K[d] = [];
|
||
}, e.removeAllHooks = function() {
|
||
K = { afterSanitizeAttributes: [], afterSanitizeElements: [], afterSanitizeShadowDOM: [], beforeSanitizeAttributes: [], beforeSanitizeElements: [], beforeSanitizeShadowDOM: [], uponSanitizeAttribute: [], uponSanitizeElement: [], uponSanitizeShadowNode: [] };
|
||
}, e;
|
||
})();
|
||
Ce.addHook("uponSanitizeAttribute", (function(s, t) {
|
||
/^data-trix-/.test(t.attrName) && (t.forceKeepAttr = !0);
|
||
}));
|
||
const Ro = "style href src width height language class".split(" "), Do = "javascript:".split(" "), Oo = "script iframe form noscript".split(" ");
|
||
class si extends H {
|
||
static setHTML(t, e, i) {
|
||
const n = new this(e, i).sanitize(), r = n.getHTML ? n.getHTML() : n.outerHTML;
|
||
t.innerHTML = r;
|
||
}
|
||
static sanitize(t, e) {
|
||
const i = new this(t, e);
|
||
return i.sanitize(), i;
|
||
}
|
||
constructor(t) {
|
||
let { allowedAttributes: e, forbiddenProtocols: i, forbiddenElements: n, purifyOptions: r } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
super(...arguments), this.allowedAttributes = e || Ro, this.forbiddenProtocols = i || Do, this.forbiddenElements = n || Oo, this.purifyOptions = r || {}, this.body = Bo(t);
|
||
}
|
||
sanitize() {
|
||
this.sanitizeElements(), this.normalizeListElementNesting();
|
||
const t = Object.assign({}, Mr, this.purifyOptions);
|
||
return Ce.setConfig(t), this.body = Ce.sanitize(this.body), this.body;
|
||
}
|
||
getHTML() {
|
||
return this.body.innerHTML;
|
||
}
|
||
getBody() {
|
||
return this.body;
|
||
}
|
||
sanitizeElements() {
|
||
const t = Qe(this.body), e = [];
|
||
for (; t.nextNode(); ) {
|
||
const i = t.currentNode;
|
||
switch (i.nodeType) {
|
||
case Node.ELEMENT_NODE:
|
||
this.elementIsRemovable(i) ? e.push(i) : this.sanitizeElement(i);
|
||
break;
|
||
case Node.COMMENT_NODE:
|
||
e.push(i);
|
||
}
|
||
}
|
||
return e.forEach(((i) => Ct(i))), this.body;
|
||
}
|
||
sanitizeElement(t) {
|
||
return t.hasAttribute("href") && this.forbiddenProtocols.includes(t.protocol) && t.removeAttribute("href"), Array.from(t.attributes).forEach(((e) => {
|
||
let { name: i } = e;
|
||
this.allowedAttributes.includes(i) || i.indexOf("data-trix") === 0 || t.removeAttribute(i);
|
||
})), t;
|
||
}
|
||
normalizeListElementNesting() {
|
||
return Array.from(this.body.querySelectorAll("ul,ol")).forEach(((t) => {
|
||
const e = t.previousElementSibling;
|
||
e && Y(e) === "li" && e.appendChild(t);
|
||
})), this.body;
|
||
}
|
||
elementIsRemovable(t) {
|
||
if (t?.nodeType === Node.ELEMENT_NODE) return this.elementIsForbidden(t) || this.elementIsntSerializable(t);
|
||
}
|
||
elementIsForbidden(t) {
|
||
return this.forbiddenElements.includes(Y(t));
|
||
}
|
||
elementIsntSerializable(t) {
|
||
return t.getAttribute("data-trix-serialize") === "false" && !Mt(t);
|
||
}
|
||
}
|
||
const Bo = function() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
||
s = s.replace(/<\/html[^>]*>[^]*$/i, "</html>");
|
||
const t = document.implementation.createHTMLDocument("");
|
||
return t.documentElement.innerHTML = s, Array.from(t.head.querySelectorAll("style")).forEach(((e) => {
|
||
t.body.appendChild(e);
|
||
})), t.body;
|
||
}, { css: yt } = ke;
|
||
class On extends $t {
|
||
constructor() {
|
||
super(...arguments), this.attachment = this.object, this.attachment.uploadProgressDelegate = this, this.attachmentPiece = this.options.piece;
|
||
}
|
||
createContentNodes() {
|
||
return [];
|
||
}
|
||
createNodes() {
|
||
let t;
|
||
const e = t = x({ tagName: "figure", className: this.getClassName(), data: this.getData(), editable: !1 }), i = this.getHref();
|
||
return i && (t = x({ tagName: "a", editable: !1, attributes: { href: i, tabindex: -1 } }), e.appendChild(t)), this.attachment.hasContent() ? si.setHTML(t, this.attachment.getContent()) : this.createContentNodes().forEach(((n) => {
|
||
t.appendChild(n);
|
||
})), t.appendChild(this.createCaptionElement()), this.attachment.isPending() && (this.progressElement = x({ tagName: "progress", attributes: { class: yt.attachmentProgress, value: this.attachment.getUploadProgress(), max: 100 }, data: { trixMutable: !0, trixStoreKey: ["progressElement", this.attachment.id].join("/") } }), e.appendChild(this.progressElement)), [Es("left"), e, Es("right")];
|
||
}
|
||
createCaptionElement() {
|
||
const t = x({ tagName: "figcaption", className: yt.attachmentCaption }), e = this.attachmentPiece.getCaption();
|
||
if (e) t.classList.add("".concat(yt.attachmentCaption, "--edited")), t.textContent = e;
|
||
else {
|
||
let i, n;
|
||
const r = this.getCaptionConfig();
|
||
if (r.name && (i = this.attachment.getFilename()), r.size && (n = this.attachment.getFormattedFilesize()), i) {
|
||
const a = x({ tagName: "span", className: yt.attachmentName, textContent: i });
|
||
t.appendChild(a);
|
||
}
|
||
if (n) {
|
||
i && t.appendChild(document.createTextNode(" "));
|
||
const a = x({ tagName: "span", className: yt.attachmentSize, textContent: n });
|
||
t.appendChild(a);
|
||
}
|
||
}
|
||
return t;
|
||
}
|
||
getClassName() {
|
||
const t = [yt.attachment, "".concat(yt.attachment, "--").concat(this.attachment.getType())], e = this.attachment.getExtension();
|
||
return e && t.push("".concat(yt.attachment, "--").concat(e)), t.join(" ");
|
||
}
|
||
getData() {
|
||
const t = { trixAttachment: JSON.stringify(this.attachment), trixContentType: this.attachment.getContentType(), trixId: this.attachment.id }, { attributes: e } = this.attachmentPiece;
|
||
return e.isEmpty() || (t.trixAttributes = JSON.stringify(e)), this.attachment.isPending() && (t.trixSerialize = !1), t;
|
||
}
|
||
getHref() {
|
||
if (!Mo(this.attachment.getContent(), "a")) {
|
||
const t = this.attachment.getHref();
|
||
if (t && Ce.isValidAttribute("a", "href", t)) return t;
|
||
}
|
||
}
|
||
getCaptionConfig() {
|
||
var t;
|
||
const e = this.attachment.getType(), i = Wr((t = Sn[e]) === null || t === void 0 ? void 0 : t.caption);
|
||
return e === "file" && (i.name = !0), i;
|
||
}
|
||
findProgressElement() {
|
||
var t;
|
||
return (t = this.findElement()) === null || t === void 0 ? void 0 : t.querySelector("progress");
|
||
}
|
||
attachmentDidChangeUploadProgress() {
|
||
const t = this.attachment.getUploadProgress(), e = this.findProgressElement();
|
||
e && (e.value = t);
|
||
}
|
||
}
|
||
const Es = (s) => x({ tagName: "span", textContent: ni, data: { trixCursorTarget: s, trixSerialize: !1 } }), Mo = function(s, t) {
|
||
const e = x("div");
|
||
return si.setHTML(e, s || ""), e.querySelector(t);
|
||
};
|
||
class Zr extends On {
|
||
constructor() {
|
||
super(...arguments), this.attachment.previewDelegate = this;
|
||
}
|
||
createContentNodes() {
|
||
return this.image = x({ tagName: "img", attributes: { src: "" }, data: { trixMutable: !0 } }), this.refresh(this.image), [this.image];
|
||
}
|
||
createCaptionElement() {
|
||
const t = super.createCaptionElement(...arguments);
|
||
return t.textContent || t.setAttribute("data-trix-placeholder", v.captionPlaceholder), t;
|
||
}
|
||
refresh(t) {
|
||
var e;
|
||
if (t || (t = (e = this.findElement()) === null || e === void 0 ? void 0 : e.querySelector("img")), t) return this.updateAttributesForImage(t);
|
||
}
|
||
updateAttributesForImage(t) {
|
||
const e = this.attachment.getURL(), i = this.attachment.getPreviewURL();
|
||
if (t.src = i || e, i === e) t.removeAttribute("data-trix-serialized-attributes");
|
||
else {
|
||
const l = JSON.stringify({ src: e });
|
||
t.setAttribute("data-trix-serialized-attributes", l);
|
||
}
|
||
const n = this.attachment.getWidth(), r = this.attachment.getHeight(), a = this.attachment.getAttribute("alt");
|
||
n != null && (t.width = n), r != null && (t.height = r), a != null && (t.alt = a);
|
||
const o = ["imageElement", this.attachment.id, t.src, t.width, t.height].join("/");
|
||
t.dataset.trixStoreKey = o;
|
||
}
|
||
attachmentDidChangeAttributes() {
|
||
return this.refresh(this.image), this.refresh();
|
||
}
|
||
}
|
||
class ta extends $t {
|
||
constructor() {
|
||
super(...arguments), this.piece = this.object, this.attributes = this.piece.getAttributes(), this.textConfig = this.options.textConfig, this.context = this.options.context, this.piece.attachment ? this.attachment = this.piece.attachment : this.string = this.piece.toString();
|
||
}
|
||
createNodes() {
|
||
let t = this.attachment ? this.createAttachmentNodes() : this.createStringNodes();
|
||
const e = this.createElement();
|
||
if (e) {
|
||
const i = (function(n) {
|
||
for (; (r = n) !== null && r !== void 0 && r.firstElementChild; ) {
|
||
var r;
|
||
n = n.firstElementChild;
|
||
}
|
||
return n;
|
||
})(e);
|
||
Array.from(t).forEach(((n) => {
|
||
i.appendChild(n);
|
||
})), t = [e];
|
||
}
|
||
return t;
|
||
}
|
||
createAttachmentNodes() {
|
||
const t = this.attachment.isPreviewable() ? Zr : On;
|
||
return this.createChildView(t, this.piece.attachment, { piece: this.piece }).getNodes();
|
||
}
|
||
createStringNodes() {
|
||
var t;
|
||
if ((t = this.textConfig) !== null && t !== void 0 && t.plaintext) return [document.createTextNode(this.string)];
|
||
{
|
||
const e = [], i = this.string.split(`
|
||
`);
|
||
for (let n = 0; n < i.length; n++) {
|
||
const r = i[n];
|
||
if (n > 0) {
|
||
const a = x("br");
|
||
e.push(a);
|
||
}
|
||
if (r.length) {
|
||
const a = document.createTextNode(this.preserveSpaces(r));
|
||
e.push(a);
|
||
}
|
||
}
|
||
return e;
|
||
}
|
||
}
|
||
createElement() {
|
||
let t, e, i;
|
||
const n = {};
|
||
for (e in this.attributes) {
|
||
i = this.attributes[e];
|
||
const a = gn(e);
|
||
if (a) {
|
||
if (a.tagName) {
|
||
var r;
|
||
const o = x(a.tagName);
|
||
r ? (r.appendChild(o), r = o) : t = r = o;
|
||
}
|
||
if (a.styleProperty && (n[a.styleProperty] = i), a.style) for (e in a.style) i = a.style[e], n[e] = i;
|
||
}
|
||
}
|
||
if (Object.keys(n).length) for (e in t || (t = x("span")), n) i = n[e], t.style[e] = i;
|
||
return t;
|
||
}
|
||
createContainerElement() {
|
||
for (const t in this.attributes) {
|
||
const e = this.attributes[t], i = gn(t);
|
||
if (i && i.groupTagName) {
|
||
const n = {};
|
||
return n[t] = e, x(i.groupTagName, n);
|
||
}
|
||
}
|
||
}
|
||
preserveSpaces(t) {
|
||
return this.context.isLast && (t = t.replace(/\ $/, St)), t = t.replace(/(\S)\ {3}(\S)/g, "$1 ".concat(St, " $2")).replace(/\ {2}/g, "".concat(St, " ")).replace(/\ {2}/g, " ".concat(St)), (this.context.isFirst || this.context.followsWhitespace) && (t = t.replace(/^\ /, St)), t;
|
||
}
|
||
}
|
||
class ea extends $t {
|
||
constructor() {
|
||
super(...arguments), this.text = this.object, this.textConfig = this.options.textConfig;
|
||
}
|
||
createNodes() {
|
||
const t = [], e = Dn.groupObjects(this.getPieces()), i = e.length - 1;
|
||
for (let r = 0; r < e.length; r++) {
|
||
const a = e[r], o = {};
|
||
r === 0 && (o.isFirst = !0), r === i && (o.isLast = !0), No(n) && (o.followsWhitespace = !0);
|
||
const l = this.findOrCreateCachedChildView(ta, a, { textConfig: this.textConfig, context: o });
|
||
t.push(...Array.from(l.getNodes() || []));
|
||
var n = a;
|
||
}
|
||
return t;
|
||
}
|
||
getPieces() {
|
||
return Array.from(this.text.getPieces()).filter(((t) => !t.hasAttribute("blockBreak")));
|
||
}
|
||
}
|
||
const No = (s) => /\s$/.test(s?.toString()), { css: xs } = ke;
|
||
class ia extends $t {
|
||
constructor() {
|
||
super(...arguments), this.block = this.object, this.attributes = this.block.getAttributes();
|
||
}
|
||
createNodes() {
|
||
const t = [document.createComment("block")];
|
||
if (this.block.isEmpty()) t.push(x("br"));
|
||
else {
|
||
var e;
|
||
const i = (e = P(this.block.getLastAttribute())) === null || e === void 0 ? void 0 : e.text, n = this.findOrCreateCachedChildView(ea, this.block.text, { textConfig: i });
|
||
t.push(...Array.from(n.getNodes() || [])), this.shouldAddExtraNewlineElement() && t.push(x("br"));
|
||
}
|
||
if (this.attributes.length) return t;
|
||
{
|
||
let i;
|
||
const { tagName: n } = X.default;
|
||
this.block.isRTL() && (i = { dir: "rtl" });
|
||
const r = x({ tagName: n, attributes: i });
|
||
return t.forEach(((a) => r.appendChild(a))), [r];
|
||
}
|
||
}
|
||
createContainerElement(t) {
|
||
const e = {};
|
||
let i;
|
||
const n = this.attributes[t], { tagName: r, htmlAttributes: a = [] } = P(n);
|
||
if (t === 0 && this.block.isRTL() && Object.assign(e, { dir: "rtl" }), n === "attachmentGallery") {
|
||
const o = this.block.getBlockBreakPosition();
|
||
i = "".concat(xs.attachmentGallery, " ").concat(xs.attachmentGallery, "--").concat(o);
|
||
}
|
||
return Object.entries(this.block.htmlAttributes).forEach(((o) => {
|
||
let [l, c] = o;
|
||
a.includes(l) && (e[l] = c);
|
||
})), x({ tagName: r, className: i, attributes: e });
|
||
}
|
||
shouldAddExtraNewlineElement() {
|
||
return /\n\n$/.test(this.block.toString());
|
||
}
|
||
}
|
||
class ri extends $t {
|
||
static render(t) {
|
||
const e = x("div"), i = new this(t, { element: e });
|
||
return i.render(), i.sync(), e;
|
||
}
|
||
constructor() {
|
||
super(...arguments), this.element = this.options.element, this.elementStore = new so(), this.setDocument(this.object);
|
||
}
|
||
setDocument(t) {
|
||
t.isEqualTo(this.document) || (this.document = this.object = t);
|
||
}
|
||
render() {
|
||
if (this.childViews = [], this.shadowElement = x("div"), !this.document.isEmpty()) {
|
||
const t = Dn.groupObjects(this.document.getBlocks(), { asTree: !0 });
|
||
Array.from(t).forEach(((e) => {
|
||
const i = this.findOrCreateCachedChildView(ia, e);
|
||
Array.from(i.getNodes()).map(((n) => this.shadowElement.appendChild(n)));
|
||
}));
|
||
}
|
||
}
|
||
isSynced() {
|
||
return Po(this.shadowElement, this.element);
|
||
}
|
||
sync() {
|
||
const t = Fr("trix-before-render", { cancelable: !1, attributes: { render: (i, n) => {
|
||
for (; i.lastChild; ) i.removeChild(i.lastChild);
|
||
i.appendChild(n);
|
||
} } });
|
||
this.element.dispatchEvent(t);
|
||
const e = this.createDocumentFragmentForSync();
|
||
return t.render(this.element, e), this.didSync();
|
||
}
|
||
didSync() {
|
||
return this.elementStore.reset(Ss(this.element)), kn((() => this.garbageCollectCachedViews()));
|
||
}
|
||
createDocumentFragmentForSync() {
|
||
const t = document.createDocumentFragment();
|
||
return Array.from(this.shadowElement.childNodes).forEach(((e) => {
|
||
t.appendChild(e.cloneNode(!0));
|
||
})), Array.from(Ss(t)).forEach(((e) => {
|
||
const i = this.elementStore.remove(e);
|
||
i && e.parentNode.replaceChild(i, e);
|
||
})), t;
|
||
}
|
||
}
|
||
const Ss = (s) => s.querySelectorAll("[data-trix-store-key]"), Po = (s, t) => Ls(s.innerHTML) === Ls(t.innerHTML), Ls = (s) => s.replace(/ /g, " ");
|
||
function Fo(s) {
|
||
var t = (function(e, i) {
|
||
if (typeof e != "object" || !e) return e;
|
||
var n = e[Symbol.toPrimitive];
|
||
if (n !== void 0) {
|
||
var r = n.call(e, i);
|
||
if (typeof r != "object") return r;
|
||
throw new TypeError("@@toPrimitive must return a primitive value.");
|
||
}
|
||
return (i === "string" ? String : Number)(e);
|
||
})(s, "string");
|
||
return typeof t == "symbol" ? t : String(t);
|
||
}
|
||
function G(s, t, e) {
|
||
return (t = Fo(t)) in s ? Object.defineProperty(s, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = e, s;
|
||
}
|
||
function w(s, t) {
|
||
return Ho(s, na(s, t, "get"));
|
||
}
|
||
function Ae(s, t, e) {
|
||
return qo(s, na(s, t, "set"), e), e;
|
||
}
|
||
function na(s, t, e) {
|
||
if (!t.has(s)) throw new TypeError("attempted to " + e + " private field on non-instance");
|
||
return t.get(s);
|
||
}
|
||
function Ho(s, t) {
|
||
return t.get ? t.get.call(s) : t.value;
|
||
}
|
||
function qo(s, t, e) {
|
||
if (t.set) t.set.call(s, e);
|
||
else {
|
||
if (!t.writable) throw new TypeError("attempted to set read only private field");
|
||
t.value = e;
|
||
}
|
||
}
|
||
function $e(s, t, e) {
|
||
if (!t.has(s)) throw new TypeError("attempted to get private field on non-instance");
|
||
return e;
|
||
}
|
||
function sa(s, t) {
|
||
if (t.has(s)) throw new TypeError("Cannot initialize the same private elements twice on an object");
|
||
}
|
||
function ee(s, t, e) {
|
||
sa(s, t), t.set(s, e);
|
||
}
|
||
class Ut extends qt {
|
||
static registerType(t, e) {
|
||
e.type = t, this.types[t] = e;
|
||
}
|
||
static fromJSON(t) {
|
||
const e = this.types[t.type];
|
||
if (e) return e.fromJSON(t);
|
||
}
|
||
constructor(t) {
|
||
let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
super(...arguments), this.attributes = et.box(e);
|
||
}
|
||
copyWithAttributes(t) {
|
||
return new this.constructor(this.getValue(), t);
|
||
}
|
||
copyWithAdditionalAttributes(t) {
|
||
return this.copyWithAttributes(this.attributes.merge(t));
|
||
}
|
||
copyWithoutAttribute(t) {
|
||
return this.copyWithAttributes(this.attributes.remove(t));
|
||
}
|
||
copy() {
|
||
return this.copyWithAttributes(this.attributes);
|
||
}
|
||
getAttribute(t) {
|
||
return this.attributes.get(t);
|
||
}
|
||
getAttributesHash() {
|
||
return this.attributes;
|
||
}
|
||
getAttributes() {
|
||
return this.attributes.toObject();
|
||
}
|
||
hasAttribute(t) {
|
||
return this.attributes.has(t);
|
||
}
|
||
hasSameStringValueAsPiece(t) {
|
||
return t && this.toString() === t.toString();
|
||
}
|
||
hasSameAttributesAsPiece(t) {
|
||
return t && (this.attributes === t.attributes || this.attributes.isEqualTo(t.attributes));
|
||
}
|
||
isBlockBreak() {
|
||
return !1;
|
||
}
|
||
isEqualTo(t) {
|
||
return super.isEqualTo(...arguments) || this.hasSameConstructorAs(t) && this.hasSameStringValueAsPiece(t) && this.hasSameAttributesAsPiece(t);
|
||
}
|
||
isEmpty() {
|
||
return this.length === 0;
|
||
}
|
||
isSerializable() {
|
||
return !0;
|
||
}
|
||
toJSON() {
|
||
return { type: this.constructor.type, attributes: this.getAttributes() };
|
||
}
|
||
contentsForInspection() {
|
||
return { type: this.constructor.type, attributes: this.attributes.inspect() };
|
||
}
|
||
canBeGrouped() {
|
||
return this.hasAttribute("href");
|
||
}
|
||
canBeGroupedWith(t) {
|
||
return this.getAttribute("href") === t.getAttribute("href");
|
||
}
|
||
getLength() {
|
||
return this.length;
|
||
}
|
||
canBeConsolidatedWith(t) {
|
||
return !1;
|
||
}
|
||
}
|
||
G(Ut, "types", {});
|
||
class ra extends ti {
|
||
constructor(t) {
|
||
super(...arguments), this.url = t;
|
||
}
|
||
perform(t) {
|
||
const e = new Image();
|
||
e.onload = () => (e.width = this.width = e.naturalWidth, e.height = this.height = e.naturalHeight, t(!0, e)), e.onerror = () => t(!1), e.src = this.url;
|
||
}
|
||
}
|
||
class se extends qt {
|
||
static attachmentForFile(t) {
|
||
const e = new this(this.attributesForFile(t));
|
||
return e.setFile(t), e;
|
||
}
|
||
static attributesForFile(t) {
|
||
return new et({ filename: t.name, filesize: t.size, contentType: t.type });
|
||
}
|
||
static fromJSON(t) {
|
||
return new this(t);
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
super(t), this.releaseFile = this.releaseFile.bind(this), this.attributes = et.box(t), this.didChangeAttributes();
|
||
}
|
||
setAttribute(t, e) {
|
||
this.setAttributes({ [t]: e });
|
||
}
|
||
getAttribute(t) {
|
||
return this.attributes.get(t);
|
||
}
|
||
hasAttribute(t) {
|
||
return this.attributes.has(t);
|
||
}
|
||
getAttributes() {
|
||
return this.attributes.toObject();
|
||
}
|
||
setAttributes() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
const e = this.attributes.merge(t);
|
||
var i, n, r, a;
|
||
if (!this.attributes.isEqualTo(e)) return this.attributes = e, this.didChangeAttributes(), (i = this.previewDelegate) === null || i === void 0 || (n = i.attachmentDidChangeAttributes) === null || n === void 0 || n.call(i, this), (r = this.delegate) === null || r === void 0 || (a = r.attachmentDidChangeAttributes) === null || a === void 0 ? void 0 : a.call(r, this);
|
||
}
|
||
didChangeAttributes() {
|
||
if (this.isPreviewable()) return this.preloadURL();
|
||
}
|
||
isPending() {
|
||
return this.file != null && !(this.getURL() || this.getHref());
|
||
}
|
||
isPreviewable() {
|
||
return this.attributes.has("previewable") ? this.attributes.get("previewable") : se.previewablePattern.test(this.getContentType());
|
||
}
|
||
getType() {
|
||
return this.hasContent() ? "content" : this.isPreviewable() ? "preview" : "file";
|
||
}
|
||
getURL() {
|
||
return this.attributes.get("url");
|
||
}
|
||
getHref() {
|
||
return this.attributes.get("href");
|
||
}
|
||
getFilename() {
|
||
return this.attributes.get("filename") || "";
|
||
}
|
||
getFilesize() {
|
||
return this.attributes.get("filesize");
|
||
}
|
||
getFormattedFilesize() {
|
||
const t = this.attributes.get("filesize");
|
||
return typeof t == "number" ? Nr.formatter(t) : "";
|
||
}
|
||
getExtension() {
|
||
var t;
|
||
return (t = this.getFilename().match(/\.(\w+)$/)) === null || t === void 0 ? void 0 : t[1].toLowerCase();
|
||
}
|
||
getContentType() {
|
||
return this.attributes.get("contentType");
|
||
}
|
||
hasContent() {
|
||
return this.attributes.has("content");
|
||
}
|
||
getContent() {
|
||
return this.attributes.get("content");
|
||
}
|
||
getWidth() {
|
||
return this.attributes.get("width");
|
||
}
|
||
getHeight() {
|
||
return this.attributes.get("height");
|
||
}
|
||
getFile() {
|
||
return this.file;
|
||
}
|
||
setFile(t) {
|
||
if (this.file = t, this.isPreviewable()) return this.preloadFile();
|
||
}
|
||
releaseFile() {
|
||
this.releasePreloadedFile(), this.file = null;
|
||
}
|
||
getUploadProgress() {
|
||
return this.uploadProgress != null ? this.uploadProgress : 0;
|
||
}
|
||
setUploadProgress(t) {
|
||
var e, i;
|
||
if (this.uploadProgress !== t) return this.uploadProgress = t, (e = this.uploadProgressDelegate) === null || e === void 0 || (i = e.attachmentDidChangeUploadProgress) === null || i === void 0 ? void 0 : i.call(e, this);
|
||
}
|
||
toJSON() {
|
||
return this.getAttributes();
|
||
}
|
||
getCacheKey() {
|
||
return [super.getCacheKey(...arguments), this.attributes.getCacheKey(), this.getPreviewURL()].join("/");
|
||
}
|
||
getPreviewURL() {
|
||
return this.previewURL || this.preloadingURL;
|
||
}
|
||
setPreviewURL(t) {
|
||
var e, i, n, r;
|
||
if (t !== this.getPreviewURL()) return this.previewURL = t, (e = this.previewDelegate) === null || e === void 0 || (i = e.attachmentDidChangeAttributes) === null || i === void 0 || i.call(e, this), (n = this.delegate) === null || n === void 0 || (r = n.attachmentDidChangePreviewURL) === null || r === void 0 ? void 0 : r.call(n, this);
|
||
}
|
||
preloadURL() {
|
||
return this.preload(this.getURL(), this.releaseFile);
|
||
}
|
||
preloadFile() {
|
||
if (this.file) return this.fileObjectURL = URL.createObjectURL(this.file), this.preload(this.fileObjectURL);
|
||
}
|
||
releasePreloadedFile() {
|
||
this.fileObjectURL && (URL.revokeObjectURL(this.fileObjectURL), this.fileObjectURL = null);
|
||
}
|
||
preload(t, e) {
|
||
if (t && t !== this.getPreviewURL())
|
||
return this.preloadingURL = t, new ra(t).then(((i) => {
|
||
let { width: n, height: r } = i;
|
||
return this.getWidth() && this.getHeight() || this.setAttributes({ width: n, height: r }), this.preloadingURL = null, this.setPreviewURL(t), e?.();
|
||
})).catch((() => (this.preloadingURL = null, e?.())));
|
||
}
|
||
}
|
||
G(se, "previewablePattern", /^image(\/(gif|png|webp|jpe?g)|$)/);
|
||
class ie extends Ut {
|
||
static fromJSON(t) {
|
||
return new this(se.fromJSON(t.attachment), t.attributes);
|
||
}
|
||
constructor(t) {
|
||
super(...arguments), this.attachment = t, this.length = 1, this.ensureAttachmentExclusivelyHasAttribute("href"), this.attachment.hasContent() || this.removeProhibitedAttributes();
|
||
}
|
||
ensureAttachmentExclusivelyHasAttribute(t) {
|
||
this.hasAttribute(t) && (this.attachment.hasAttribute(t) || this.attachment.setAttributes(this.attributes.slice([t])), this.attributes = this.attributes.remove(t));
|
||
}
|
||
removeProhibitedAttributes() {
|
||
const t = this.attributes.slice(ie.permittedAttributes);
|
||
t.isEqualTo(this.attributes) || (this.attributes = t);
|
||
}
|
||
getValue() {
|
||
return this.attachment;
|
||
}
|
||
isSerializable() {
|
||
return !this.attachment.isPending();
|
||
}
|
||
getCaption() {
|
||
return this.attributes.get("caption") || "";
|
||
}
|
||
isEqualTo(t) {
|
||
var e;
|
||
return super.isEqualTo(t) && this.attachment.id === (t == null || (e = t.attachment) === null || e === void 0 ? void 0 : e.id);
|
||
}
|
||
toString() {
|
||
return "";
|
||
}
|
||
toJSON() {
|
||
const t = super.toJSON(...arguments);
|
||
return t.attachment = this.attachment, t;
|
||
}
|
||
getCacheKey() {
|
||
return [super.getCacheKey(...arguments), this.attachment.getCacheKey()].join("/");
|
||
}
|
||
toConsole() {
|
||
return JSON.stringify(this.toString());
|
||
}
|
||
}
|
||
G(ie, "permittedAttributes", ["caption", "presentation"]), Ut.registerType("attachment", ie);
|
||
class Bn extends Ut {
|
||
static fromJSON(t) {
|
||
return new this(t.string, t.attributes);
|
||
}
|
||
constructor(t) {
|
||
super(...arguments), this.string = ((e) => e.replace(/\r\n?/g, `
|
||
`))(t), this.length = this.string.length;
|
||
}
|
||
getValue() {
|
||
return this.string;
|
||
}
|
||
toString() {
|
||
return this.string.toString();
|
||
}
|
||
isBlockBreak() {
|
||
return this.toString() === `
|
||
` && this.getAttribute("blockBreak") === !0;
|
||
}
|
||
toJSON() {
|
||
const t = super.toJSON(...arguments);
|
||
return t.string = this.string, t;
|
||
}
|
||
canBeConsolidatedWith(t) {
|
||
return t && this.hasSameConstructorAs(t) && this.hasSameAttributesAsPiece(t);
|
||
}
|
||
consolidateWith(t) {
|
||
return new this.constructor(this.toString() + t.toString(), this.attributes);
|
||
}
|
||
splitAtOffset(t) {
|
||
let e, i;
|
||
return t === 0 ? (e = null, i = this) : t === this.length ? (e = this, i = null) : (e = new this.constructor(this.string.slice(0, t), this.attributes), i = new this.constructor(this.string.slice(t), this.attributes)), [e, i];
|
||
}
|
||
toConsole() {
|
||
let { string: t } = this;
|
||
return t.length > 15 && (t = t.slice(0, 14) + "…"), JSON.stringify(t.toString());
|
||
}
|
||
}
|
||
Ut.registerType("string", Bn);
|
||
class ei extends qt {
|
||
static box(t) {
|
||
return t instanceof this ? t : new this(t);
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
super(...arguments), this.objects = t.slice(0), this.length = this.objects.length;
|
||
}
|
||
indexOf(t) {
|
||
return this.objects.indexOf(t);
|
||
}
|
||
splice() {
|
||
for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++) e[i] = arguments[i];
|
||
return new this.constructor(Tn(this.objects, ...e));
|
||
}
|
||
eachObject(t) {
|
||
return this.objects.map(((e, i) => t(e, i)));
|
||
}
|
||
insertObjectAtIndex(t, e) {
|
||
return this.splice(e, 0, t);
|
||
}
|
||
insertSplittableListAtIndex(t, e) {
|
||
return this.splice(e, 0, ...t.objects);
|
||
}
|
||
insertSplittableListAtPosition(t, e) {
|
||
const [i, n] = this.splitObjectAtPosition(e);
|
||
return new this.constructor(i).insertSplittableListAtIndex(t, n);
|
||
}
|
||
editObjectAtIndex(t, e) {
|
||
return this.replaceObjectAtIndex(e(this.objects[t]), t);
|
||
}
|
||
replaceObjectAtIndex(t, e) {
|
||
return this.splice(e, 1, t);
|
||
}
|
||
removeObjectAtIndex(t) {
|
||
return this.splice(t, 1);
|
||
}
|
||
getObjectAtIndex(t) {
|
||
return this.objects[t];
|
||
}
|
||
getSplittableListInRange(t) {
|
||
const [e, i, n] = this.splitObjectsAtRange(t);
|
||
return new this.constructor(e.slice(i, n + 1));
|
||
}
|
||
selectSplittableList(t) {
|
||
const e = this.objects.filter(((i) => t(i)));
|
||
return new this.constructor(e);
|
||
}
|
||
removeObjectsInRange(t) {
|
||
const [e, i, n] = this.splitObjectsAtRange(t);
|
||
return new this.constructor(e).splice(i, n - i + 1);
|
||
}
|
||
transformObjectsInRange(t, e) {
|
||
const [i, n, r] = this.splitObjectsAtRange(t), a = i.map(((o, l) => n <= l && l <= r ? e(o) : o));
|
||
return new this.constructor(a);
|
||
}
|
||
splitObjectsAtRange(t) {
|
||
let e, [i, n, r] = this.splitObjectAtPosition(Uo(t));
|
||
return [i, e] = new this.constructor(i).splitObjectAtPosition(Vo(t) + r), [i, n, e - 1];
|
||
}
|
||
getObjectAtPosition(t) {
|
||
const { index: e } = this.findIndexAndOffsetAtPosition(t);
|
||
return this.objects[e];
|
||
}
|
||
splitObjectAtPosition(t) {
|
||
let e, i;
|
||
const { index: n, offset: r } = this.findIndexAndOffsetAtPosition(t), a = this.objects.slice(0);
|
||
if (n != null) if (r === 0) e = n, i = 0;
|
||
else {
|
||
const o = this.getObjectAtIndex(n), [l, c] = o.splitAtOffset(r);
|
||
a.splice(n, 1, l, c), e = n + 1, i = l.getLength() - r;
|
||
}
|
||
else e = a.length, i = 0;
|
||
return [a, e, i];
|
||
}
|
||
consolidate() {
|
||
const t = [];
|
||
let e = this.objects[0];
|
||
return this.objects.slice(1).forEach(((i) => {
|
||
var n, r;
|
||
(n = (r = e).canBeConsolidatedWith) !== null && n !== void 0 && n.call(r, i) ? e = e.consolidateWith(i) : (t.push(e), e = i);
|
||
})), e && t.push(e), new this.constructor(t);
|
||
}
|
||
consolidateFromIndexToIndex(t, e) {
|
||
const i = this.objects.slice(0).slice(t, e + 1), n = new this.constructor(i).consolidate().toArray();
|
||
return this.splice(t, i.length, ...n);
|
||
}
|
||
findIndexAndOffsetAtPosition(t) {
|
||
let e, i = 0;
|
||
for (e = 0; e < this.objects.length; e++) {
|
||
const n = i + this.objects[e].getLength();
|
||
if (i <= t && t < n) return { index: e, offset: t - i };
|
||
i = n;
|
||
}
|
||
return { index: null, offset: null };
|
||
}
|
||
findPositionAtIndexAndOffset(t, e) {
|
||
let i = 0;
|
||
for (let n = 0; n < this.objects.length; n++) {
|
||
const r = this.objects[n];
|
||
if (n < t) i += r.getLength();
|
||
else if (n === t) {
|
||
i += e;
|
||
break;
|
||
}
|
||
}
|
||
return i;
|
||
}
|
||
getEndPosition() {
|
||
return this.endPosition == null && (this.endPosition = 0, this.objects.forEach(((t) => this.endPosition += t.getLength()))), this.endPosition;
|
||
}
|
||
toString() {
|
||
return this.objects.join("");
|
||
}
|
||
toArray() {
|
||
return this.objects.slice(0);
|
||
}
|
||
toJSON() {
|
||
return this.toArray();
|
||
}
|
||
isEqualTo(t) {
|
||
return super.isEqualTo(...arguments) || $o(this.objects, t?.objects);
|
||
}
|
||
contentsForInspection() {
|
||
return { objects: "[".concat(this.objects.map(((t) => t.inspect())).join(", "), "]") };
|
||
}
|
||
}
|
||
const $o = function(s) {
|
||
let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
|
||
if (s.length !== t.length) return !1;
|
||
let e = !0;
|
||
for (let i = 0; i < s.length; i++) {
|
||
const n = s[i];
|
||
e && !n.isEqualTo(t[i]) && (e = !1);
|
||
}
|
||
return e;
|
||
}, Uo = (s) => s[0], Vo = (s) => s[1];
|
||
class dt extends qt {
|
||
static textForAttachmentWithAttributes(t, e) {
|
||
return new this([new ie(t, e)]);
|
||
}
|
||
static textForStringWithAttributes(t, e) {
|
||
return new this([new Bn(t, e)]);
|
||
}
|
||
static fromJSON(t) {
|
||
return new this(Array.from(t).map(((e) => Ut.fromJSON(e))));
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
super(...arguments);
|
||
const e = t.filter(((i) => !i.isEmpty()));
|
||
this.pieceList = new ei(e);
|
||
}
|
||
copy() {
|
||
return this.copyWithPieceList(this.pieceList);
|
||
}
|
||
copyWithPieceList(t) {
|
||
return new this.constructor(t.consolidate().toArray());
|
||
}
|
||
copyUsingObjectMap(t) {
|
||
const e = this.getPieces().map(((i) => t.find(i) || i));
|
||
return new this.constructor(e);
|
||
}
|
||
appendText(t) {
|
||
return this.insertTextAtPosition(t, this.getLength());
|
||
}
|
||
insertTextAtPosition(t, e) {
|
||
return this.copyWithPieceList(this.pieceList.insertSplittableListAtPosition(t.pieceList, e));
|
||
}
|
||
removeTextAtRange(t) {
|
||
return this.copyWithPieceList(this.pieceList.removeObjectsInRange(t));
|
||
}
|
||
replaceTextAtRange(t, e) {
|
||
return this.removeTextAtRange(e).insertTextAtPosition(t, e[0]);
|
||
}
|
||
moveTextFromRangeToPosition(t, e) {
|
||
if (t[0] <= e && e <= t[1]) return;
|
||
const i = this.getTextAtRange(t), n = i.getLength();
|
||
return t[0] < e && (e -= n), this.removeTextAtRange(t).insertTextAtPosition(i, e);
|
||
}
|
||
addAttributeAtRange(t, e, i) {
|
||
const n = {};
|
||
return n[t] = e, this.addAttributesAtRange(n, i);
|
||
}
|
||
addAttributesAtRange(t, e) {
|
||
return this.copyWithPieceList(this.pieceList.transformObjectsInRange(e, ((i) => i.copyWithAdditionalAttributes(t))));
|
||
}
|
||
removeAttributeAtRange(t, e) {
|
||
return this.copyWithPieceList(this.pieceList.transformObjectsInRange(e, ((i) => i.copyWithoutAttribute(t))));
|
||
}
|
||
setAttributesAtRange(t, e) {
|
||
return this.copyWithPieceList(this.pieceList.transformObjectsInRange(e, ((i) => i.copyWithAttributes(t))));
|
||
}
|
||
getAttributesAtPosition(t) {
|
||
var e;
|
||
return ((e = this.pieceList.getObjectAtPosition(t)) === null || e === void 0 ? void 0 : e.getAttributes()) || {};
|
||
}
|
||
getCommonAttributes() {
|
||
const t = Array.from(this.pieceList.toArray()).map(((e) => e.getAttributes()));
|
||
return et.fromCommonAttributesOfObjects(t).toObject();
|
||
}
|
||
getCommonAttributesAtRange(t) {
|
||
return this.getTextAtRange(t).getCommonAttributes() || {};
|
||
}
|
||
getExpandedRangeForAttributeAtOffset(t, e) {
|
||
let i, n = i = e;
|
||
const r = this.getLength();
|
||
for (; n > 0 && this.getCommonAttributesAtRange([n - 1, i])[t]; ) n--;
|
||
for (; i < r && this.getCommonAttributesAtRange([e, i + 1])[t]; ) i++;
|
||
return [n, i];
|
||
}
|
||
getTextAtRange(t) {
|
||
return this.copyWithPieceList(this.pieceList.getSplittableListInRange(t));
|
||
}
|
||
getStringAtRange(t) {
|
||
return this.pieceList.getSplittableListInRange(t).toString();
|
||
}
|
||
getStringAtPosition(t) {
|
||
return this.getStringAtRange([t, t + 1]);
|
||
}
|
||
startsWithString(t) {
|
||
return this.getStringAtRange([0, t.length]) === t;
|
||
}
|
||
endsWithString(t) {
|
||
const e = this.getLength();
|
||
return this.getStringAtRange([e - t.length, e]) === t;
|
||
}
|
||
getAttachmentPieces() {
|
||
return this.pieceList.toArray().filter(((t) => !!t.attachment));
|
||
}
|
||
getAttachments() {
|
||
return this.getAttachmentPieces().map(((t) => t.attachment));
|
||
}
|
||
getAttachmentAndPositionById(t) {
|
||
let e = 0;
|
||
for (const n of this.pieceList.toArray()) {
|
||
var i;
|
||
if (((i = n.attachment) === null || i === void 0 ? void 0 : i.id) === t) return { attachment: n.attachment, position: e };
|
||
e += n.length;
|
||
}
|
||
return { attachment: null, position: null };
|
||
}
|
||
getAttachmentById(t) {
|
||
const { attachment: e } = this.getAttachmentAndPositionById(t);
|
||
return e;
|
||
}
|
||
getRangeOfAttachment(t) {
|
||
const e = this.getAttachmentAndPositionById(t.id), i = e.position;
|
||
if (t = e.attachment) return [i, i + 1];
|
||
}
|
||
updateAttributesForAttachment(t, e) {
|
||
const i = this.getRangeOfAttachment(e);
|
||
return i ? this.addAttributesAtRange(t, i) : this;
|
||
}
|
||
getLength() {
|
||
return this.pieceList.getEndPosition();
|
||
}
|
||
isEmpty() {
|
||
return this.getLength() === 0;
|
||
}
|
||
isEqualTo(t) {
|
||
var e;
|
||
return super.isEqualTo(t) || (t == null || (e = t.pieceList) === null || e === void 0 ? void 0 : e.isEqualTo(this.pieceList));
|
||
}
|
||
isBlockBreak() {
|
||
return this.getLength() === 1 && this.pieceList.getObjectAtIndex(0).isBlockBreak();
|
||
}
|
||
eachPiece(t) {
|
||
return this.pieceList.eachObject(t);
|
||
}
|
||
getPieces() {
|
||
return this.pieceList.toArray();
|
||
}
|
||
getPieceAtPosition(t) {
|
||
return this.pieceList.getObjectAtPosition(t);
|
||
}
|
||
contentsForInspection() {
|
||
return { pieceList: this.pieceList.inspect() };
|
||
}
|
||
toSerializableText() {
|
||
const t = this.pieceList.selectSplittableList(((e) => e.isSerializable()));
|
||
return this.copyWithPieceList(t);
|
||
}
|
||
toString() {
|
||
return this.pieceList.toString();
|
||
}
|
||
toJSON() {
|
||
return this.pieceList.toJSON();
|
||
}
|
||
toConsole() {
|
||
return JSON.stringify(this.pieceList.toArray().map(((t) => JSON.parse(t.toConsole()))));
|
||
}
|
||
getDirection() {
|
||
return Ga(this.toString());
|
||
}
|
||
isRTL() {
|
||
return this.getDirection() === "rtl";
|
||
}
|
||
}
|
||
class ut extends qt {
|
||
static fromJSON(t) {
|
||
return new this(dt.fromJSON(t.text), t.attributes, t.htmlAttributes);
|
||
}
|
||
constructor(t, e, i) {
|
||
super(...arguments), this.text = jo(t || new dt()), this.attributes = e || [], this.htmlAttributes = i || {};
|
||
}
|
||
isEmpty() {
|
||
return this.text.isBlockBreak();
|
||
}
|
||
isEqualTo(t) {
|
||
return !!super.isEqualTo(t) || this.text.isEqualTo(t?.text) && Ft(this.attributes, t?.attributes) && ne(this.htmlAttributes, t?.htmlAttributes);
|
||
}
|
||
copyWithText(t) {
|
||
return new ut(t, this.attributes, this.htmlAttributes);
|
||
}
|
||
copyWithoutText() {
|
||
return this.copyWithText(null);
|
||
}
|
||
copyWithAttributes(t) {
|
||
return new ut(this.text, t, this.htmlAttributes);
|
||
}
|
||
copyWithoutAttributes() {
|
||
return this.copyWithAttributes(null);
|
||
}
|
||
copyUsingObjectMap(t) {
|
||
const e = t.find(this.text);
|
||
return e ? this.copyWithText(e) : this.copyWithText(this.text.copyUsingObjectMap(t));
|
||
}
|
||
addAttribute(t) {
|
||
const e = this.attributes.concat(Cs(t));
|
||
return this.copyWithAttributes(e);
|
||
}
|
||
addHTMLAttribute(t, e) {
|
||
const i = Object.assign({}, this.htmlAttributes, { [t]: e });
|
||
return new ut(this.text, this.attributes, i);
|
||
}
|
||
removeAttribute(t) {
|
||
const { listAttribute: e } = P(t), i = Ts(Ts(this.attributes, t), e);
|
||
return this.copyWithAttributes(i);
|
||
}
|
||
removeLastAttribute() {
|
||
return this.removeAttribute(this.getLastAttribute());
|
||
}
|
||
getLastAttribute() {
|
||
return ws(this.attributes);
|
||
}
|
||
getAttributes() {
|
||
return this.attributes.slice(0);
|
||
}
|
||
getAttributeLevel() {
|
||
return this.attributes.length;
|
||
}
|
||
getAttributeAtLevel(t) {
|
||
return this.attributes[t - 1];
|
||
}
|
||
hasAttribute(t) {
|
||
return this.attributes.includes(t);
|
||
}
|
||
hasAttributes() {
|
||
return this.getAttributeLevel() > 0;
|
||
}
|
||
getLastNestableAttribute() {
|
||
return ws(this.getNestableAttributes());
|
||
}
|
||
getNestableAttributes() {
|
||
return this.attributes.filter(((t) => P(t).nestable));
|
||
}
|
||
getNestingLevel() {
|
||
return this.getNestableAttributes().length;
|
||
}
|
||
decreaseNestingLevel() {
|
||
const t = this.getLastNestableAttribute();
|
||
return t ? this.removeAttribute(t) : this;
|
||
}
|
||
increaseNestingLevel() {
|
||
const t = this.getLastNestableAttribute();
|
||
if (t) {
|
||
const e = this.attributes.lastIndexOf(t), i = Tn(this.attributes, e + 1, 0, ...Cs(t));
|
||
return this.copyWithAttributes(i);
|
||
}
|
||
return this;
|
||
}
|
||
getListItemAttributes() {
|
||
return this.attributes.filter(((t) => P(t).listAttribute));
|
||
}
|
||
isListItem() {
|
||
var t;
|
||
return (t = P(this.getLastAttribute())) === null || t === void 0 ? void 0 : t.listAttribute;
|
||
}
|
||
isTerminalBlock() {
|
||
var t;
|
||
return (t = P(this.getLastAttribute())) === null || t === void 0 ? void 0 : t.terminal;
|
||
}
|
||
breaksOnReturn() {
|
||
var t;
|
||
return (t = P(this.getLastAttribute())) === null || t === void 0 ? void 0 : t.breakOnReturn;
|
||
}
|
||
findLineBreakInDirectionFromPosition(t, e) {
|
||
const i = this.toString();
|
||
let n;
|
||
switch (t) {
|
||
case "forward":
|
||
n = i.indexOf(`
|
||
`, e);
|
||
break;
|
||
case "backward":
|
||
n = i.slice(0, e).lastIndexOf(`
|
||
`);
|
||
}
|
||
if (n !== -1) return n;
|
||
}
|
||
contentsForInspection() {
|
||
return { text: this.text.inspect(), attributes: this.attributes };
|
||
}
|
||
toString() {
|
||
return this.text.toString();
|
||
}
|
||
toJSON() {
|
||
return { text: this.text, attributes: this.attributes, htmlAttributes: this.htmlAttributes };
|
||
}
|
||
getDirection() {
|
||
return this.text.getDirection();
|
||
}
|
||
isRTL() {
|
||
return this.text.isRTL();
|
||
}
|
||
getLength() {
|
||
return this.text.getLength();
|
||
}
|
||
canBeConsolidatedWith(t) {
|
||
return !this.hasAttributes() && !t.hasAttributes() && this.getDirection() === t.getDirection();
|
||
}
|
||
consolidateWith(t) {
|
||
const e = dt.textForStringWithAttributes(`
|
||
`), i = this.getTextWithoutBlockBreak().appendText(e);
|
||
return this.copyWithText(i.appendText(t.text));
|
||
}
|
||
splitAtOffset(t) {
|
||
let e, i;
|
||
return t === 0 ? (e = null, i = this) : t === this.getLength() ? (e = this, i = null) : (e = this.copyWithText(this.text.getTextAtRange([0, t])), i = this.copyWithText(this.text.getTextAtRange([t, this.getLength()]))), [e, i];
|
||
}
|
||
getBlockBreakPosition() {
|
||
return this.text.getLength() - 1;
|
||
}
|
||
getTextWithoutBlockBreak() {
|
||
return aa(this.text) ? this.text.getTextAtRange([0, this.getBlockBreakPosition()]) : this.text.copy();
|
||
}
|
||
canBeGrouped(t) {
|
||
return this.attributes[t];
|
||
}
|
||
canBeGroupedWith(t, e) {
|
||
const i = t.getAttributes(), n = i[e], r = this.attributes[e];
|
||
return r === n && !(P(r).group === !1 && !(() => {
|
||
if (!Fe) {
|
||
Fe = [];
|
||
for (const a in X) {
|
||
const { listAttribute: o } = X[a];
|
||
o != null && Fe.push(o);
|
||
}
|
||
}
|
||
return Fe;
|
||
})().includes(i[e + 1])) && (this.getDirection() === t.getDirection() || t.isEmpty());
|
||
}
|
||
}
|
||
const jo = function(s) {
|
||
return s = Wo(s), s = Ko(s);
|
||
}, Wo = function(s) {
|
||
let t = !1;
|
||
const e = s.getPieces();
|
||
let i = e.slice(0, e.length - 1);
|
||
const n = e[e.length - 1];
|
||
return n ? (i = i.map(((r) => r.isBlockBreak() ? (t = !0, Go(r)) : r)), t ? new dt([...i, n]) : s) : s;
|
||
}, zo = dt.textForStringWithAttributes(`
|
||
`, { blockBreak: !0 }), Ko = function(s) {
|
||
return aa(s) ? s : s.appendText(zo);
|
||
}, aa = function(s) {
|
||
const t = s.getLength();
|
||
return t === 0 ? !1 : s.getTextAtRange([t - 1, t]).isBlockBreak();
|
||
}, Go = (s) => s.copyWithoutAttribute("blockBreak"), Cs = function(s) {
|
||
const { listAttribute: t } = P(s);
|
||
return t ? [t, s] : [s];
|
||
}, ws = (s) => s.slice(-1)[0], Ts = function(s, t) {
|
||
const e = s.lastIndexOf(t);
|
||
return e === -1 ? s : Tn(s, e, 1);
|
||
};
|
||
class nt extends qt {
|
||
static fromJSON(t) {
|
||
return new this(Array.from(t).map(((e) => ut.fromJSON(e))));
|
||
}
|
||
static fromString(t, e) {
|
||
const i = dt.textForStringWithAttributes(t, e);
|
||
return new this([new ut(i)]);
|
||
}
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
super(...arguments), t.length === 0 && (t = [new ut()]), this.blockList = ei.box(t);
|
||
}
|
||
isEmpty() {
|
||
const t = this.getBlockAtIndex(0);
|
||
return this.blockList.length === 1 && t.isEmpty() && !t.hasAttributes();
|
||
}
|
||
copy() {
|
||
const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}).consolidateBlocks ? this.blockList.consolidate().toArray() : this.blockList.toArray();
|
||
return new this.constructor(t);
|
||
}
|
||
copyUsingObjectsFromDocument(t) {
|
||
const e = new no(t.getObjects());
|
||
return this.copyUsingObjectMap(e);
|
||
}
|
||
copyUsingObjectMap(t) {
|
||
const e = this.getBlocks().map(((i) => t.find(i) || i.copyUsingObjectMap(t)));
|
||
return new this.constructor(e);
|
||
}
|
||
copyWithBaseBlockAttributes() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
const e = this.getBlocks().map(((i) => {
|
||
const n = t.concat(i.getAttributes());
|
||
return i.copyWithAttributes(n);
|
||
}));
|
||
return new this.constructor(e);
|
||
}
|
||
replaceBlock(t, e) {
|
||
const i = this.blockList.indexOf(t);
|
||
return i === -1 ? this : new this.constructor(this.blockList.replaceObjectAtIndex(e, i));
|
||
}
|
||
insertDocumentAtRange(t, e) {
|
||
const { blockList: i } = t;
|
||
e = k(e);
|
||
let [n] = e;
|
||
const { index: r, offset: a } = this.locationFromPosition(n);
|
||
let o = this;
|
||
const l = this.getBlockAtPosition(n);
|
||
return _t(e) && l.isEmpty() && !l.hasAttributes() ? o = new this.constructor(o.blockList.removeObjectAtIndex(r)) : l.getBlockBreakPosition() === a && n++, o = o.removeTextAtRange(e), new this.constructor(o.blockList.insertSplittableListAtPosition(i, n));
|
||
}
|
||
mergeDocumentAtRange(t, e) {
|
||
let i, n;
|
||
e = k(e);
|
||
const [r] = e, a = this.locationFromPosition(r), o = this.getBlockAtIndex(a.index).getAttributes(), l = t.getBaseBlockAttributes(), c = o.slice(-l.length);
|
||
if (Ft(l, c)) {
|
||
const p = o.slice(0, -l.length);
|
||
i = t.copyWithBaseBlockAttributes(p);
|
||
} else i = t.copy({ consolidateBlocks: !0 }).copyWithBaseBlockAttributes(o);
|
||
const u = i.getBlockCount(), m = i.getBlockAtIndex(0);
|
||
if (Ft(o, m.getAttributes())) {
|
||
const p = m.getTextWithoutBlockBreak();
|
||
if (n = this.insertTextAtRange(p, e), u > 1) {
|
||
i = new this.constructor(i.getBlocks().slice(1));
|
||
const h = r + p.getLength();
|
||
n = n.insertDocumentAtRange(i, h);
|
||
}
|
||
} else n = this.insertDocumentAtRange(i, e);
|
||
return n;
|
||
}
|
||
insertTextAtRange(t, e) {
|
||
e = k(e);
|
||
const [i] = e, { index: n, offset: r } = this.locationFromPosition(i), a = this.removeTextAtRange(e);
|
||
return new this.constructor(a.blockList.editObjectAtIndex(n, ((o) => o.copyWithText(o.text.insertTextAtPosition(t, r)))));
|
||
}
|
||
removeTextAtRange(t) {
|
||
let e;
|
||
t = k(t);
|
||
const [i, n] = t;
|
||
if (_t(t)) return this;
|
||
const [r, a] = Array.from(this.locationRangeFromRange(t)), o = r.index, l = r.offset, c = this.getBlockAtIndex(o), u = a.index, m = a.offset, p = this.getBlockAtIndex(u);
|
||
if (n - i == 1 && c.getBlockBreakPosition() === l && p.getBlockBreakPosition() !== m && p.text.getStringAtPosition(m) === `
|
||
`) e = this.blockList.editObjectAtIndex(u, ((h) => h.copyWithText(h.text.removeTextAtRange([m, m + 1]))));
|
||
else {
|
||
let h;
|
||
const b = c.text.getTextAtRange([0, l]), A = p.text.getTextAtRange([m, p.getLength()]), I = b.appendText(A);
|
||
h = o !== u && l === 0 && c.getAttributeLevel() >= p.getAttributeLevel() ? p.copyWithText(I) : c.copyWithText(I);
|
||
const q = u + 1 - o;
|
||
e = this.blockList.splice(o, q, h);
|
||
}
|
||
return new this.constructor(e);
|
||
}
|
||
moveTextFromRangeToPosition(t, e) {
|
||
let i;
|
||
t = k(t);
|
||
const [n, r] = t;
|
||
if (n <= e && e <= r) return this;
|
||
let a = this.getDocumentAtRange(t), o = this.removeTextAtRange(t);
|
||
const l = n < e;
|
||
l && (e -= a.getLength());
|
||
const [c, ...u] = a.getBlocks();
|
||
return u.length === 0 ? (i = c.getTextWithoutBlockBreak(), l && (e += 1)) : i = c.text, o = o.insertTextAtRange(i, e), u.length === 0 ? o : (a = new this.constructor(u), e += i.getLength(), o.insertDocumentAtRange(a, e));
|
||
}
|
||
addAttributeAtRange(t, e, i) {
|
||
let { blockList: n } = this;
|
||
return this.eachBlockAtRange(i, ((r, a, o) => n = n.editObjectAtIndex(o, (function() {
|
||
return P(t) ? r.addAttribute(t, e) : a[0] === a[1] ? r : r.copyWithText(r.text.addAttributeAtRange(t, e, a));
|
||
})))), new this.constructor(n);
|
||
}
|
||
addAttribute(t, e) {
|
||
let { blockList: i } = this;
|
||
return this.eachBlock(((n, r) => i = i.editObjectAtIndex(r, (() => n.addAttribute(t, e))))), new this.constructor(i);
|
||
}
|
||
removeAttributeAtRange(t, e) {
|
||
let { blockList: i } = this;
|
||
return this.eachBlockAtRange(e, (function(n, r, a) {
|
||
P(t) ? i = i.editObjectAtIndex(a, (() => n.removeAttribute(t))) : r[0] !== r[1] && (i = i.editObjectAtIndex(a, (() => n.copyWithText(n.text.removeAttributeAtRange(t, r)))));
|
||
})), new this.constructor(i);
|
||
}
|
||
updateAttributesForAttachment(t, e) {
|
||
const i = this.getRangeOfAttachment(e), [n] = Array.from(i), { index: r } = this.locationFromPosition(n), a = this.getTextAtIndex(r);
|
||
return new this.constructor(this.blockList.editObjectAtIndex(r, ((o) => o.copyWithText(a.updateAttributesForAttachment(t, e)))));
|
||
}
|
||
removeAttributeForAttachment(t, e) {
|
||
const i = this.getRangeOfAttachment(e);
|
||
return this.removeAttributeAtRange(t, i);
|
||
}
|
||
setHTMLAttributeAtPosition(t, e, i) {
|
||
const n = this.getBlockAtPosition(t), r = n.addHTMLAttribute(e, i);
|
||
return this.replaceBlock(n, r);
|
||
}
|
||
insertBlockBreakAtRange(t) {
|
||
let e;
|
||
t = k(t);
|
||
const [i] = t, { offset: n } = this.locationFromPosition(i), r = this.removeTextAtRange(t);
|
||
return n === 0 && (e = [new ut()]), new this.constructor(r.blockList.insertSplittableListAtPosition(new ei(e), i));
|
||
}
|
||
applyBlockAttributeAtRange(t, e, i) {
|
||
const n = this.expandRangeToLineBreaksAndSplitBlocks(i);
|
||
let r = n.document;
|
||
i = n.range;
|
||
const a = P(t);
|
||
if (a.listAttribute) {
|
||
r = r.removeLastListAttributeAtRange(i, { exceptAttributeName: t });
|
||
const o = r.convertLineBreaksToBlockBreaksInRange(i);
|
||
r = o.document, i = o.range;
|
||
} else r = a.exclusive ? r.removeBlockAttributesAtRange(i) : a.terminal ? r.removeLastTerminalAttributeAtRange(i) : r.consolidateBlocksAtRange(i);
|
||
return r.addAttributeAtRange(t, e, i);
|
||
}
|
||
removeLastListAttributeAtRange(t) {
|
||
let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, { blockList: i } = this;
|
||
return this.eachBlockAtRange(t, (function(n, r, a) {
|
||
const o = n.getLastAttribute();
|
||
o && P(o).listAttribute && o !== e.exceptAttributeName && (i = i.editObjectAtIndex(a, (() => n.removeAttribute(o))));
|
||
})), new this.constructor(i);
|
||
}
|
||
removeLastTerminalAttributeAtRange(t) {
|
||
let { blockList: e } = this;
|
||
return this.eachBlockAtRange(t, (function(i, n, r) {
|
||
const a = i.getLastAttribute();
|
||
a && P(a).terminal && (e = e.editObjectAtIndex(r, (() => i.removeAttribute(a))));
|
||
})), new this.constructor(e);
|
||
}
|
||
removeBlockAttributesAtRange(t) {
|
||
let { blockList: e } = this;
|
||
return this.eachBlockAtRange(t, (function(i, n, r) {
|
||
i.hasAttributes() && (e = e.editObjectAtIndex(r, (() => i.copyWithoutAttributes())));
|
||
})), new this.constructor(e);
|
||
}
|
||
expandRangeToLineBreaksAndSplitBlocks(t) {
|
||
let e;
|
||
t = k(t);
|
||
let [i, n] = t;
|
||
const r = this.locationFromPosition(i), a = this.locationFromPosition(n);
|
||
let o = this;
|
||
const l = o.getBlockAtIndex(r.index);
|
||
if (r.offset = l.findLineBreakInDirectionFromPosition("backward", r.offset), r.offset != null && (e = o.positionFromLocation(r), o = o.insertBlockBreakAtRange([e, e + 1]), a.index += 1, a.offset -= o.getBlockAtIndex(r.index).getLength(), r.index += 1), r.offset = 0, a.offset === 0 && a.index > r.index) a.index -= 1, a.offset = o.getBlockAtIndex(a.index).getBlockBreakPosition();
|
||
else {
|
||
const c = o.getBlockAtIndex(a.index);
|
||
c.text.getStringAtRange([a.offset - 1, a.offset]) === `
|
||
` ? a.offset -= 1 : a.offset = c.findLineBreakInDirectionFromPosition("forward", a.offset), a.offset !== c.getBlockBreakPosition() && (e = o.positionFromLocation(a), o = o.insertBlockBreakAtRange([e, e + 1]));
|
||
}
|
||
return i = o.positionFromLocation(r), n = o.positionFromLocation(a), { document: o, range: t = k([i, n]) };
|
||
}
|
||
convertLineBreaksToBlockBreaksInRange(t) {
|
||
t = k(t);
|
||
let [e] = t;
|
||
const i = this.getStringAtRange(t).slice(0, -1);
|
||
let n = this;
|
||
return i.replace(/.*?\n/g, (function(r) {
|
||
e += r.length, n = n.insertBlockBreakAtRange([e - 1, e]);
|
||
})), { document: n, range: t };
|
||
}
|
||
consolidateBlocksAtRange(t) {
|
||
t = k(t);
|
||
const [e, i] = t, n = this.locationFromPosition(e).index, r = this.locationFromPosition(i).index;
|
||
return new this.constructor(this.blockList.consolidateFromIndexToIndex(n, r));
|
||
}
|
||
getDocumentAtRange(t) {
|
||
t = k(t);
|
||
const e = this.blockList.getSplittableListInRange(t).toArray();
|
||
return new this.constructor(e);
|
||
}
|
||
getStringAtRange(t) {
|
||
let e;
|
||
const i = t = k(t);
|
||
return i[i.length - 1] !== this.getLength() && (e = -1), this.getDocumentAtRange(t).toString().slice(0, e);
|
||
}
|
||
getBlockAtIndex(t) {
|
||
return this.blockList.getObjectAtIndex(t);
|
||
}
|
||
getBlockAtPosition(t) {
|
||
const { index: e } = this.locationFromPosition(t);
|
||
return this.getBlockAtIndex(e);
|
||
}
|
||
getTextAtIndex(t) {
|
||
var e;
|
||
return (e = this.getBlockAtIndex(t)) === null || e === void 0 ? void 0 : e.text;
|
||
}
|
||
getTextAtPosition(t) {
|
||
const { index: e } = this.locationFromPosition(t);
|
||
return this.getTextAtIndex(e);
|
||
}
|
||
getPieceAtPosition(t) {
|
||
const { index: e, offset: i } = this.locationFromPosition(t);
|
||
return this.getTextAtIndex(e).getPieceAtPosition(i);
|
||
}
|
||
getCharacterAtPosition(t) {
|
||
const { index: e, offset: i } = this.locationFromPosition(t);
|
||
return this.getTextAtIndex(e).getStringAtRange([i, i + 1]);
|
||
}
|
||
getLength() {
|
||
return this.blockList.getEndPosition();
|
||
}
|
||
getBlocks() {
|
||
return this.blockList.toArray();
|
||
}
|
||
getBlockCount() {
|
||
return this.blockList.length;
|
||
}
|
||
getEditCount() {
|
||
return this.editCount;
|
||
}
|
||
eachBlock(t) {
|
||
return this.blockList.eachObject(t);
|
||
}
|
||
eachBlockAtRange(t, e) {
|
||
let i, n;
|
||
t = k(t);
|
||
const [r, a] = t, o = this.locationFromPosition(r), l = this.locationFromPosition(a);
|
||
if (o.index === l.index) return i = this.getBlockAtIndex(o.index), n = [o.offset, l.offset], e(i, n, o.index);
|
||
for (let c = o.index; c <= l.index; c++) if (i = this.getBlockAtIndex(c), i) {
|
||
switch (c) {
|
||
case o.index:
|
||
n = [o.offset, i.text.getLength()];
|
||
break;
|
||
case l.index:
|
||
n = [0, l.offset];
|
||
break;
|
||
default:
|
||
n = [0, i.text.getLength()];
|
||
}
|
||
e(i, n, c);
|
||
}
|
||
}
|
||
getCommonAttributesAtRange(t) {
|
||
t = k(t);
|
||
const [e] = t;
|
||
if (_t(t)) return this.getCommonAttributesAtPosition(e);
|
||
{
|
||
const i = [], n = [];
|
||
return this.eachBlockAtRange(t, (function(r, a) {
|
||
if (a[0] !== a[1]) return i.push(r.text.getCommonAttributesAtRange(a)), n.push(ks(r));
|
||
})), et.fromCommonAttributesOfObjects(i).merge(et.fromCommonAttributesOfObjects(n)).toObject();
|
||
}
|
||
}
|
||
getCommonAttributesAtPosition(t) {
|
||
let e, i;
|
||
const { index: n, offset: r } = this.locationFromPosition(t), a = this.getBlockAtIndex(n);
|
||
if (!a) return {};
|
||
const o = ks(a), l = a.text.getAttributesAtPosition(r), c = a.text.getAttributesAtPosition(r - 1), u = Object.keys(Pt).filter(((m) => Pt[m].inheritable));
|
||
for (e in c) i = c[e], (i === l[e] || u.includes(e)) && (o[e] = i);
|
||
return o;
|
||
}
|
||
getRangeOfCommonAttributeAtPosition(t, e) {
|
||
const { index: i, offset: n } = this.locationFromPosition(e), r = this.getTextAtIndex(i), [a, o] = Array.from(r.getExpandedRangeForAttributeAtOffset(t, n)), l = this.positionFromLocation({ index: i, offset: a }), c = this.positionFromLocation({ index: i, offset: o });
|
||
return k([l, c]);
|
||
}
|
||
getBaseBlockAttributes() {
|
||
let t = this.getBlockAtIndex(0).getAttributes();
|
||
for (let e = 1; e < this.getBlockCount(); e++) {
|
||
const i = this.getBlockAtIndex(e).getAttributes(), n = Math.min(t.length, i.length);
|
||
t = (() => {
|
||
const r = [];
|
||
for (let a = 0; a < n && i[a] === t[a]; a++) r.push(i[a]);
|
||
return r;
|
||
})();
|
||
}
|
||
return t;
|
||
}
|
||
getAttachmentById(t) {
|
||
for (const e of this.getAttachments()) if (e.id === t) return e;
|
||
}
|
||
getAttachmentPieces() {
|
||
let t = [];
|
||
return this.blockList.eachObject(((e) => {
|
||
let { text: i } = e;
|
||
return t = t.concat(i.getAttachmentPieces());
|
||
})), t;
|
||
}
|
||
getAttachments() {
|
||
return this.getAttachmentPieces().map(((t) => t.attachment));
|
||
}
|
||
getRangeOfAttachment(t) {
|
||
let e = 0;
|
||
const i = this.blockList.toArray();
|
||
for (let n = 0; n < i.length; n++) {
|
||
const { text: r } = i[n], a = r.getRangeOfAttachment(t);
|
||
if (a) return k([e + a[0], e + a[1]]);
|
||
e += r.getLength();
|
||
}
|
||
}
|
||
getLocationRangeOfAttachment(t) {
|
||
const e = this.getRangeOfAttachment(t);
|
||
return this.locationRangeFromRange(e);
|
||
}
|
||
getAttachmentPieceForAttachment(t) {
|
||
for (const e of this.getAttachmentPieces()) if (e.attachment === t) return e;
|
||
}
|
||
findRangesForBlockAttribute(t) {
|
||
let e = 0;
|
||
const i = [];
|
||
return this.getBlocks().forEach(((n) => {
|
||
const r = n.getLength();
|
||
n.hasAttribute(t) && i.push([e, e + r]), e += r;
|
||
})), i;
|
||
}
|
||
findRangesForTextAttribute(t) {
|
||
let { withValue: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = 0, n = [];
|
||
const r = [];
|
||
return this.getPieces().forEach(((a) => {
|
||
const o = a.getLength();
|
||
(function(l) {
|
||
return e ? l.getAttribute(t) === e : l.hasAttribute(t);
|
||
})(a) && (n[1] === i ? n[1] = i + o : r.push(n = [i, i + o])), i += o;
|
||
})), r;
|
||
}
|
||
locationFromPosition(t) {
|
||
const e = this.blockList.findIndexAndOffsetAtPosition(Math.max(0, t));
|
||
if (e.index != null) return e;
|
||
{
|
||
const i = this.getBlocks();
|
||
return { index: i.length - 1, offset: i[i.length - 1].getLength() };
|
||
}
|
||
}
|
||
positionFromLocation(t) {
|
||
return this.blockList.findPositionAtIndexAndOffset(t.index, t.offset);
|
||
}
|
||
locationRangeFromPosition(t) {
|
||
return k(this.locationFromPosition(t));
|
||
}
|
||
locationRangeFromRange(t) {
|
||
if (!(t = k(t))) return;
|
||
const [e, i] = Array.from(t), n = this.locationFromPosition(e), r = this.locationFromPosition(i);
|
||
return k([n, r]);
|
||
}
|
||
rangeFromLocationRange(t) {
|
||
let e;
|
||
t = k(t);
|
||
const i = this.positionFromLocation(t[0]);
|
||
return _t(t) || (e = this.positionFromLocation(t[1])), k([i, e]);
|
||
}
|
||
isEqualTo(t) {
|
||
return this.blockList.isEqualTo(t?.blockList);
|
||
}
|
||
getTexts() {
|
||
return this.getBlocks().map(((t) => t.text));
|
||
}
|
||
getPieces() {
|
||
const t = [];
|
||
return Array.from(this.getTexts()).forEach(((e) => {
|
||
t.push(...Array.from(e.getPieces() || []));
|
||
})), t;
|
||
}
|
||
getObjects() {
|
||
return this.getBlocks().concat(this.getTexts()).concat(this.getPieces());
|
||
}
|
||
toSerializableDocument() {
|
||
const t = [];
|
||
return this.blockList.eachObject(((e) => t.push(e.copyWithText(e.text.toSerializableText())))), new this.constructor(t);
|
||
}
|
||
toString() {
|
||
return this.blockList.toString();
|
||
}
|
||
toJSON() {
|
||
return this.blockList.toJSON();
|
||
}
|
||
toConsole() {
|
||
return JSON.stringify(this.blockList.toArray().map(((t) => JSON.parse(t.text.toConsole()))));
|
||
}
|
||
}
|
||
const ks = function(s) {
|
||
const t = {}, e = s.getLastAttribute();
|
||
return e && (t[e] = !0), t;
|
||
}, qi = function(s) {
|
||
let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
return { string: s = fe(s), attributes: t, type: "string" };
|
||
}, Is = (s, t) => {
|
||
try {
|
||
return JSON.parse(s.getAttribute("data-trix-".concat(t)));
|
||
} catch {
|
||
return {};
|
||
}
|
||
};
|
||
class we extends H {
|
||
static parse(t, e) {
|
||
const i = new this(t, e);
|
||
return i.parse(), i;
|
||
}
|
||
constructor(t) {
|
||
let { referenceElement: e, purifyOptions: i } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
super(...arguments), this.html = t, this.referenceElement = e, this.purifyOptions = i, this.blocks = [], this.blockElements = [], this.processedElements = [];
|
||
}
|
||
getDocument() {
|
||
return nt.fromJSON(this.blocks);
|
||
}
|
||
parse() {
|
||
try {
|
||
this.createHiddenContainer(), si.setHTML(this.containerElement, this.html, { purifyOptions: this.purifyOptions });
|
||
const t = Qe(this.containerElement, { usingFilter: Yo });
|
||
for (; t.nextNode(); ) this.processNode(t.currentNode);
|
||
return this.translateBlockElementMarginsToNewlines();
|
||
} finally {
|
||
this.removeHiddenContainer();
|
||
}
|
||
}
|
||
createHiddenContainer() {
|
||
return this.referenceElement ? (this.containerElement = this.referenceElement.cloneNode(!1), this.containerElement.removeAttribute("id"), this.containerElement.setAttribute("data-trix-internal", ""), this.containerElement.style.display = "none", this.referenceElement.parentNode.insertBefore(this.containerElement, this.referenceElement.nextSibling)) : (this.containerElement = x({ tagName: "div", style: { display: "none" } }), document.body.appendChild(this.containerElement));
|
||
}
|
||
removeHiddenContainer() {
|
||
return Ct(this.containerElement);
|
||
}
|
||
processNode(t) {
|
||
switch (t.nodeType) {
|
||
case Node.TEXT_NODE:
|
||
if (!this.isInsignificantTextNode(t)) return this.appendBlockForTextNode(t), this.processTextNode(t);
|
||
break;
|
||
case Node.ELEMENT_NODE:
|
||
return this.appendBlockForElement(t), this.processElement(t);
|
||
}
|
||
}
|
||
appendBlockForTextNode(t) {
|
||
const e = t.parentNode;
|
||
if (e === this.currentBlockElement && this.isBlockElement(t.previousSibling)) return this.appendStringWithAttributes(`
|
||
`);
|
||
if (e === this.containerElement || this.isBlockElement(e)) {
|
||
var i;
|
||
const n = this.getBlockAttributes(e), r = this.getBlockHTMLAttributes(e);
|
||
Ft(n, (i = this.currentBlock) === null || i === void 0 ? void 0 : i.attributes) || (this.currentBlock = this.appendBlockForAttributesWithElement(n, e, r), this.currentBlockElement = e);
|
||
}
|
||
}
|
||
appendBlockForElement(t) {
|
||
const e = this.isBlockElement(t), i = Ot(this.currentBlockElement, t);
|
||
if (e && !this.isBlockElement(t.firstChild)) {
|
||
if (!this.isInsignificantTextNode(t.firstChild) || !this.isBlockElement(t.firstElementChild)) {
|
||
const n = this.getBlockAttributes(t), r = this.getBlockHTMLAttributes(t);
|
||
if (t.firstChild) {
|
||
if (i && Ft(n, this.currentBlock.attributes)) return this.appendStringWithAttributes(`
|
||
`);
|
||
this.currentBlock = this.appendBlockForAttributesWithElement(n, t, r), this.currentBlockElement = t;
|
||
}
|
||
}
|
||
} else if (this.currentBlockElement && !i && !e) {
|
||
const n = this.findParentBlockElement(t);
|
||
if (n) return this.appendBlockForElement(n);
|
||
this.currentBlock = this.appendEmptyBlock(), this.currentBlockElement = null;
|
||
}
|
||
}
|
||
findParentBlockElement(t) {
|
||
let { parentElement: e } = t;
|
||
for (; e && e !== this.containerElement; ) {
|
||
if (this.isBlockElement(e) && this.blockElements.includes(e)) return e;
|
||
e = e.parentElement;
|
||
}
|
||
return null;
|
||
}
|
||
processTextNode(t) {
|
||
let e = t.data;
|
||
var i;
|
||
return Rs(t.parentNode) || (e = Rn(e), oa((i = t.previousSibling) === null || i === void 0 ? void 0 : i.textContent) && (e = Xo(e))), this.appendStringWithAttributes(e, this.getTextAttributes(t.parentNode));
|
||
}
|
||
processElement(t) {
|
||
let e;
|
||
if (Mt(t)) {
|
||
if (e = Is(t, "attachment"), Object.keys(e).length) {
|
||
const i = this.getTextAttributes(t);
|
||
this.appendAttachmentWithAttributes(e, i), t.innerHTML = "";
|
||
}
|
||
return this.processedElements.push(t);
|
||
}
|
||
switch (Y(t)) {
|
||
case "br":
|
||
return this.isExtraBR(t) || this.isBlockElement(t.nextSibling) || this.appendStringWithAttributes(`
|
||
`, this.getTextAttributes(t)), this.processedElements.push(t);
|
||
case "img":
|
||
e = { url: t.getAttribute("src"), contentType: "image" };
|
||
const i = ((n) => {
|
||
const r = n.getAttribute("width"), a = n.getAttribute("height"), o = {};
|
||
return r && (o.width = parseInt(r, 10)), a && (o.height = parseInt(a, 10)), o;
|
||
})(t);
|
||
for (const n in i) {
|
||
const r = i[n];
|
||
e[n] = r;
|
||
}
|
||
return this.appendAttachmentWithAttributes(e, this.getTextAttributes(t)), this.processedElements.push(t);
|
||
case "tr":
|
||
if (this.needsTableSeparator(t)) return this.appendStringWithAttributes(Je.tableRowSeparator);
|
||
break;
|
||
case "td":
|
||
if (this.needsTableSeparator(t)) return this.appendStringWithAttributes(Je.tableCellSeparator);
|
||
}
|
||
}
|
||
appendBlockForAttributesWithElement(t, e) {
|
||
let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
|
||
this.blockElements.push(e);
|
||
const n = (function() {
|
||
return { text: [], attributes: arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, htmlAttributes: arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {} };
|
||
})(t, i);
|
||
return this.blocks.push(n), n;
|
||
}
|
||
appendEmptyBlock() {
|
||
return this.appendBlockForAttributesWithElement([], null);
|
||
}
|
||
appendStringWithAttributes(t, e) {
|
||
return this.appendPiece(qi(t, e));
|
||
}
|
||
appendAttachmentWithAttributes(t, e) {
|
||
return this.appendPiece((function(i) {
|
||
return { attachment: i, attributes: arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, type: "attachment" };
|
||
})(t, e));
|
||
}
|
||
appendPiece(t) {
|
||
return this.blocks.length === 0 && this.appendEmptyBlock(), this.blocks[this.blocks.length - 1].text.push(t);
|
||
}
|
||
appendStringToTextAtIndex(t, e) {
|
||
const { text: i } = this.blocks[e], n = i[i.length - 1];
|
||
if (n?.type !== "string") return i.push(qi(t));
|
||
n.string += t;
|
||
}
|
||
prependStringToTextAtIndex(t, e) {
|
||
const { text: i } = this.blocks[e], n = i[0];
|
||
if (n?.type !== "string") return i.unshift(qi(t));
|
||
n.string = t + n.string;
|
||
}
|
||
getTextAttributes(t) {
|
||
let e;
|
||
const i = {};
|
||
for (const n in Pt) {
|
||
const r = Pt[n];
|
||
if (r.tagName && Lt(t, { matchingSelector: r.tagName, untilNode: this.containerElement })) i[n] = !0;
|
||
else if (r.parser) {
|
||
if (e = r.parser(t), e) {
|
||
let a = !1;
|
||
for (const o of this.findBlockElementAncestors(t)) if (r.parser(o) === e) {
|
||
a = !0;
|
||
break;
|
||
}
|
||
a || (i[n] = e);
|
||
}
|
||
} else r.styleProperty && (e = t.style[r.styleProperty], e && (i[n] = e));
|
||
}
|
||
if (Mt(t)) {
|
||
const n = Is(t, "attributes");
|
||
for (const r in n) e = n[r], i[r] = e;
|
||
}
|
||
return i;
|
||
}
|
||
getBlockAttributes(t) {
|
||
const e = [];
|
||
for (; t && t !== this.containerElement; ) {
|
||
for (const n in X) {
|
||
const r = X[n];
|
||
var i;
|
||
r.parse !== !1 && Y(t) === r.tagName && ((i = r.test) !== null && i !== void 0 && i.call(r, t) || !r.test) && (e.push(n), r.listAttribute && e.push(r.listAttribute));
|
||
}
|
||
t = t.parentNode;
|
||
}
|
||
return e.reverse();
|
||
}
|
||
getBlockHTMLAttributes(t) {
|
||
const e = {}, i = Object.values(X).find(((n) => n.tagName === Y(t)));
|
||
return (i?.htmlAttributes || []).forEach(((n) => {
|
||
t.hasAttribute(n) && (e[n] = t.getAttribute(n));
|
||
})), e;
|
||
}
|
||
findBlockElementAncestors(t) {
|
||
const e = [];
|
||
for (; t && t !== this.containerElement; ) {
|
||
const i = Y(t);
|
||
_e().includes(i) && e.push(t), t = t.parentNode;
|
||
}
|
||
return e;
|
||
}
|
||
isBlockElement(t) {
|
||
if (t?.nodeType === Node.ELEMENT_NODE && !Mt(t) && !Lt(t, { matchingSelector: "td", untilNode: this.containerElement })) return _e().includes(Y(t)) || window.getComputedStyle(t).display === "block";
|
||
}
|
||
isInsignificantTextNode(t) {
|
||
if (t?.nodeType !== Node.TEXT_NODE || !Qo(t.data)) return;
|
||
const { parentNode: e, previousSibling: i, nextSibling: n } = t;
|
||
return Jo(e.previousSibling) && !this.isBlockElement(e.previousSibling) || Rs(e) ? void 0 : !i || this.isBlockElement(i) || !n || this.isBlockElement(n);
|
||
}
|
||
isExtraBR(t) {
|
||
return Y(t) === "br" && this.isBlockElement(t.parentNode) && t.parentNode.lastChild === t;
|
||
}
|
||
needsTableSeparator(t) {
|
||
if (Je.removeBlankTableCells) {
|
||
var e;
|
||
const i = (e = t.previousSibling) === null || e === void 0 ? void 0 : e.textContent;
|
||
return i && /\S/.test(i);
|
||
}
|
||
return t.previousSibling;
|
||
}
|
||
translateBlockElementMarginsToNewlines() {
|
||
const t = this.getMarginOfDefaultBlockElement();
|
||
for (let e = 0; e < this.blocks.length; e++) {
|
||
const i = this.getMarginOfBlockElementAtIndex(e);
|
||
i && (i.top > 2 * t.top && this.prependStringToTextAtIndex(`
|
||
`, e), i.bottom > 2 * t.bottom && this.appendStringToTextAtIndex(`
|
||
`, e));
|
||
}
|
||
}
|
||
getMarginOfBlockElementAtIndex(t) {
|
||
const e = this.blockElements[t];
|
||
if (e && e.textContent && !_e().includes(Y(e)) && !this.processedElements.includes(e)) return Ds(e);
|
||
}
|
||
getMarginOfDefaultBlockElement() {
|
||
const t = x(X.default.tagName);
|
||
return this.containerElement.appendChild(t), Ds(t);
|
||
}
|
||
}
|
||
const Rs = function(s) {
|
||
const { whiteSpace: t } = window.getComputedStyle(s);
|
||
return ["pre", "pre-wrap", "pre-line"].includes(t);
|
||
}, Jo = (s) => s && !oa(s.textContent), Ds = function(s) {
|
||
const t = window.getComputedStyle(s);
|
||
if (t.display === "block") return { top: parseInt(t.marginTop), bottom: parseInt(t.marginBottom) };
|
||
}, Yo = function(s) {
|
||
return Y(s) === "style" ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
|
||
}, Xo = (s) => s.replace(new RegExp("^".concat(In.source, "+")), ""), Qo = (s) => new RegExp("^".concat(In.source, "*$")).test(s), oa = (s) => /\s$/.test(s), Zo = ["contenteditable", "data-trix-id", "data-trix-store-key", "data-trix-mutable", "data-trix-placeholder", "tabindex"], _n = "data-trix-serialized-attributes", tl = "[".concat(_n, "]"), el = new RegExp("<!--block-->", "g"), il = { "application/json": function(s) {
|
||
let t;
|
||
if (s instanceof nt) t = s;
|
||
else {
|
||
if (!(s instanceof HTMLElement)) throw new Error("unserializable object");
|
||
t = we.parse(s.innerHTML).getDocument();
|
||
}
|
||
return t.toSerializableDocument().toJSONString();
|
||
}, "text/html": function(s) {
|
||
let t;
|
||
if (s instanceof nt) t = ri.render(s);
|
||
else {
|
||
if (!(s instanceof HTMLElement)) throw new Error("unserializable object");
|
||
t = s.cloneNode(!0);
|
||
}
|
||
return Array.from(t.querySelectorAll("[data-trix-serialize=false]")).forEach(((e) => {
|
||
Ct(e);
|
||
})), Zo.forEach(((e) => {
|
||
Array.from(t.querySelectorAll("[".concat(e, "]"))).forEach(((i) => {
|
||
i.removeAttribute(e);
|
||
}));
|
||
})), Array.from(t.querySelectorAll(tl)).forEach(((e) => {
|
||
try {
|
||
const i = JSON.parse(e.getAttribute(_n));
|
||
e.removeAttribute(_n);
|
||
for (const n in i) {
|
||
const r = i[n];
|
||
e.setAttribute(n, r);
|
||
}
|
||
} catch {
|
||
}
|
||
})), t.innerHTML.replace(el, "");
|
||
} };
|
||
var nl = Object.freeze({ __proto__: null });
|
||
class O extends H {
|
||
constructor(t, e) {
|
||
super(...arguments), this.attachmentManager = t, this.attachment = e, this.id = this.attachment.id, this.file = this.attachment.file;
|
||
}
|
||
remove() {
|
||
return this.attachmentManager.requestRemovalOfAttachment(this.attachment);
|
||
}
|
||
}
|
||
O.proxyMethod("attachment.getAttribute"), O.proxyMethod("attachment.hasAttribute"), O.proxyMethod("attachment.setAttribute"), O.proxyMethod("attachment.getAttributes"), O.proxyMethod("attachment.setAttributes"), O.proxyMethod("attachment.isPending"), O.proxyMethod("attachment.isPreviewable"), O.proxyMethod("attachment.getURL"), O.proxyMethod("attachment.getPreviewURL"), O.proxyMethod("attachment.setPreviewURL"), O.proxyMethod("attachment.getHref"), O.proxyMethod("attachment.getFilename"), O.proxyMethod("attachment.getFilesize"), O.proxyMethod("attachment.getFormattedFilesize"), O.proxyMethod("attachment.getExtension"), O.proxyMethod("attachment.getContentType"), O.proxyMethod("attachment.getFile"), O.proxyMethod("attachment.setFile"), O.proxyMethod("attachment.releaseFile"), O.proxyMethod("attachment.getUploadProgress"), O.proxyMethod("attachment.setUploadProgress");
|
||
class la extends H {
|
||
constructor() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
super(...arguments), this.managedAttachments = {}, Array.from(t).forEach(((e) => {
|
||
this.manageAttachment(e);
|
||
}));
|
||
}
|
||
getAttachments() {
|
||
const t = [];
|
||
for (const e in this.managedAttachments) {
|
||
const i = this.managedAttachments[e];
|
||
t.push(i);
|
||
}
|
||
return t;
|
||
}
|
||
manageAttachment(t) {
|
||
return this.managedAttachments[t.id] || (this.managedAttachments[t.id] = new O(this, t)), this.managedAttachments[t.id];
|
||
}
|
||
attachmentIsManaged(t) {
|
||
return t.id in this.managedAttachments;
|
||
}
|
||
requestRemovalOfAttachment(t) {
|
||
var e, i;
|
||
if (this.attachmentIsManaged(t)) return (e = this.delegate) === null || e === void 0 || (i = e.attachmentManagerDidRequestRemovalOfAttachment) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
unmanageAttachment(t) {
|
||
const e = this.managedAttachments[t.id];
|
||
return delete this.managedAttachments[t.id], e;
|
||
}
|
||
}
|
||
class da {
|
||
constructor(t) {
|
||
this.composition = t, this.document = this.composition.document;
|
||
const e = this.composition.getSelectedRange();
|
||
this.startPosition = e[0], this.endPosition = e[1], this.startLocation = this.document.locationFromPosition(this.startPosition), this.endLocation = this.document.locationFromPosition(this.endPosition), this.block = this.document.getBlockAtIndex(this.endLocation.index), this.breaksOnReturn = this.block.breaksOnReturn(), this.previousCharacter = this.block.text.getStringAtPosition(this.endLocation.offset - 1), this.nextCharacter = this.block.text.getStringAtPosition(this.endLocation.offset);
|
||
}
|
||
shouldInsertBlockBreak() {
|
||
return this.block.hasAttributes() && this.block.isListItem() && !this.block.isEmpty() ? this.startLocation.offset !== 0 : this.breaksOnReturn && this.nextCharacter !== `
|
||
`;
|
||
}
|
||
shouldBreakFormattedBlock() {
|
||
return this.block.hasAttributes() && !this.block.isListItem() && (this.breaksOnReturn && this.nextCharacter === `
|
||
` || this.previousCharacter === `
|
||
`);
|
||
}
|
||
shouldDecreaseListLevel() {
|
||
return this.block.hasAttributes() && this.block.isListItem() && this.block.isEmpty();
|
||
}
|
||
shouldPrependListItem() {
|
||
return this.block.isListItem() && this.startLocation.offset === 0 && !this.block.isEmpty();
|
||
}
|
||
shouldRemoveLastBlockAttribute() {
|
||
return this.block.hasAttributes() && !this.block.isListItem() && this.block.isEmpty();
|
||
}
|
||
}
|
||
class Et extends H {
|
||
constructor() {
|
||
super(...arguments), this.document = new nt(), this.attachments = [], this.currentAttributes = {}, this.revision = 0;
|
||
}
|
||
setDocument(t) {
|
||
var e, i;
|
||
if (!t.isEqualTo(this.document)) return this.document = t, this.refreshAttachments(), this.revision++, (e = this.delegate) === null || e === void 0 || (i = e.compositionDidChangeDocument) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
getSnapshot() {
|
||
return { document: this.document, selectedRange: this.getSelectedRange() };
|
||
}
|
||
loadSnapshot(t) {
|
||
var e, i, n, r;
|
||
let { document: a, selectedRange: o } = t;
|
||
return (e = this.delegate) === null || e === void 0 || (i = e.compositionWillLoadSnapshot) === null || i === void 0 || i.call(e), this.setDocument(a ?? new nt()), this.setSelection(o ?? [0, 0]), (n = this.delegate) === null || n === void 0 || (r = n.compositionDidLoadSnapshot) === null || r === void 0 ? void 0 : r.call(n);
|
||
}
|
||
insertText(t) {
|
||
let { updatePosition: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { updatePosition: !0 };
|
||
const i = this.getSelectedRange();
|
||
this.setDocument(this.document.insertTextAtRange(t, i));
|
||
const n = i[0], r = n + t.getLength();
|
||
return e && this.setSelection(r), this.notifyDelegateOfInsertionAtRange([n, r]);
|
||
}
|
||
insertBlock() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new ut();
|
||
const e = new nt([t]);
|
||
return this.insertDocument(e);
|
||
}
|
||
insertDocument() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new nt();
|
||
const e = this.getSelectedRange();
|
||
this.setDocument(this.document.insertDocumentAtRange(t, e));
|
||
const i = e[0], n = i + t.getLength();
|
||
return this.setSelection(n), this.notifyDelegateOfInsertionAtRange([i, n]);
|
||
}
|
||
insertString(t, e) {
|
||
const i = this.getCurrentTextAttributes(), n = dt.textForStringWithAttributes(t, i);
|
||
return this.insertText(n, e);
|
||
}
|
||
insertBlockBreak() {
|
||
const t = this.getSelectedRange();
|
||
this.setDocument(this.document.insertBlockBreakAtRange(t));
|
||
const e = t[0], i = e + 1;
|
||
return this.setSelection(i), this.notifyDelegateOfInsertionAtRange([e, i]);
|
||
}
|
||
insertLineBreak() {
|
||
const t = new da(this);
|
||
if (t.shouldDecreaseListLevel()) return this.decreaseListLevel(), this.setSelection(t.startPosition);
|
||
if (t.shouldPrependListItem()) {
|
||
const e = new nt([t.block.copyWithoutText()]);
|
||
return this.insertDocument(e);
|
||
}
|
||
return t.shouldInsertBlockBreak() ? this.insertBlockBreak() : t.shouldRemoveLastBlockAttribute() ? this.removeLastBlockAttribute() : t.shouldBreakFormattedBlock() ? this.breakFormattedBlock(t) : this.insertString(`
|
||
`);
|
||
}
|
||
insertHTML(t) {
|
||
const e = we.parse(t, { purifyOptions: { SAFE_FOR_XML: !0 } }).getDocument(), i = this.getSelectedRange();
|
||
this.setDocument(this.document.mergeDocumentAtRange(e, i));
|
||
const n = i[0], r = n + e.getLength() - 1;
|
||
return this.setSelection(r), this.notifyDelegateOfInsertionAtRange([n, r]);
|
||
}
|
||
replaceHTML(t) {
|
||
const e = we.parse(t).getDocument().copyUsingObjectsFromDocument(this.document), i = this.getLocationRange({ strict: !1 }), n = this.document.rangeFromLocationRange(i);
|
||
return this.setDocument(e), this.setSelection(n);
|
||
}
|
||
insertFile(t) {
|
||
return this.insertFiles([t]);
|
||
}
|
||
insertFiles(t) {
|
||
const e = [];
|
||
return Array.from(t).forEach(((i) => {
|
||
var n;
|
||
if ((n = this.delegate) !== null && n !== void 0 && n.compositionShouldAcceptFile(i)) {
|
||
const r = se.attachmentForFile(i);
|
||
e.push(r);
|
||
}
|
||
})), this.insertAttachments(e);
|
||
}
|
||
insertAttachment(t) {
|
||
return this.insertAttachments([t]);
|
||
}
|
||
insertAttachments(t) {
|
||
let e = new dt();
|
||
return Array.from(t).forEach(((i) => {
|
||
var n;
|
||
const r = i.getType(), a = (n = Sn[r]) === null || n === void 0 ? void 0 : n.presentation, o = this.getCurrentTextAttributes();
|
||
a && (o.presentation = a);
|
||
const l = dt.textForAttachmentWithAttributes(i, o);
|
||
e = e.appendText(l);
|
||
})), this.insertText(e);
|
||
}
|
||
shouldManageDeletingInDirection(t) {
|
||
const e = this.getLocationRange();
|
||
if (_t(e)) {
|
||
if (t === "backward" && e[0].offset === 0 || this.shouldManageMovingCursorInDirection(t)) return !0;
|
||
} else if (e[0].index !== e[1].index) return !0;
|
||
return !1;
|
||
}
|
||
deleteInDirection(t) {
|
||
let e, i, n, { length: r } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const a = this.getLocationRange();
|
||
let o = this.getSelectedRange();
|
||
const l = _t(o);
|
||
if (l ? i = t === "backward" && a[0].offset === 0 : n = a[0].index !== a[1].index, i && this.canDecreaseBlockAttributeLevel()) {
|
||
const c = this.getBlock();
|
||
if (c.isListItem() ? this.decreaseListLevel() : this.decreaseBlockAttributeLevel(), this.setSelection(o[0]), c.isEmpty()) return !1;
|
||
}
|
||
return l && (o = this.getExpandedRangeInDirection(t, { length: r }), t === "backward" && (e = this.getAttachmentAtRange(o))), e ? (this.editAttachment(e), !1) : (this.setDocument(this.document.removeTextAtRange(o)), this.setSelection(o[0]), !i && !n && void 0);
|
||
}
|
||
moveTextFromRange(t) {
|
||
const [e] = Array.from(this.getSelectedRange());
|
||
return this.setDocument(this.document.moveTextFromRangeToPosition(t, e)), this.setSelection(e);
|
||
}
|
||
removeAttachment(t) {
|
||
const e = this.document.getRangeOfAttachment(t);
|
||
if (e) return this.stopEditingAttachment(), this.setDocument(this.document.removeTextAtRange(e)), this.setSelection(e[0]);
|
||
}
|
||
removeLastBlockAttribute() {
|
||
const [t, e] = Array.from(this.getSelectedRange()), i = this.document.getBlockAtPosition(e);
|
||
return this.removeCurrentAttribute(i.getLastAttribute()), this.setSelection(t);
|
||
}
|
||
insertPlaceholder() {
|
||
return this.placeholderPosition = this.getPosition(), this.insertString(" ");
|
||
}
|
||
selectPlaceholder() {
|
||
if (this.placeholderPosition != null) return this.setSelectedRange([this.placeholderPosition, this.placeholderPosition + 1]), this.getSelectedRange();
|
||
}
|
||
forgetPlaceholder() {
|
||
this.placeholderPosition = null;
|
||
}
|
||
hasCurrentAttribute(t) {
|
||
const e = this.currentAttributes[t];
|
||
return e != null && e !== !1;
|
||
}
|
||
toggleCurrentAttribute(t) {
|
||
const e = !this.currentAttributes[t];
|
||
return e ? this.setCurrentAttribute(t, e) : this.removeCurrentAttribute(t);
|
||
}
|
||
canSetCurrentAttribute(t) {
|
||
return P(t) ? this.canSetCurrentBlockAttribute(t) : this.canSetCurrentTextAttribute(t);
|
||
}
|
||
canSetCurrentTextAttribute(t) {
|
||
const e = this.getSelectedDocument();
|
||
if (e) {
|
||
for (const i of Array.from(e.getAttachments())) if (!i.hasContent()) return !1;
|
||
return !0;
|
||
}
|
||
}
|
||
canSetCurrentBlockAttribute(t) {
|
||
const e = this.getBlock();
|
||
if (e) return !e.isTerminalBlock();
|
||
}
|
||
setCurrentAttribute(t, e) {
|
||
return P(t) ? this.setBlockAttribute(t, e) : (this.setTextAttribute(t, e), this.currentAttributes[t] = e, this.notifyDelegateOfCurrentAttributesChange());
|
||
}
|
||
setHTMLAtributeAtPosition(t, e, i) {
|
||
var n;
|
||
const r = this.document.getBlockAtPosition(t), a = (n = P(r.getLastAttribute())) === null || n === void 0 ? void 0 : n.htmlAttributes;
|
||
if (r && a != null && a.includes(e)) {
|
||
const o = this.document.setHTMLAttributeAtPosition(t, e, i);
|
||
this.setDocument(o);
|
||
}
|
||
}
|
||
setTextAttribute(t, e) {
|
||
const i = this.getSelectedRange();
|
||
if (!i) return;
|
||
const [n, r] = Array.from(i);
|
||
if (n !== r) return this.setDocument(this.document.addAttributeAtRange(t, e, i));
|
||
if (t === "href") {
|
||
const a = dt.textForStringWithAttributes(e, { href: e });
|
||
return this.insertText(a);
|
||
}
|
||
}
|
||
setBlockAttribute(t, e) {
|
||
const i = this.getSelectedRange();
|
||
if (this.canSetCurrentAttribute(t)) return this.setDocument(this.document.applyBlockAttributeAtRange(t, e, i)), this.setSelection(i);
|
||
}
|
||
removeCurrentAttribute(t) {
|
||
return P(t) ? (this.removeBlockAttribute(t), this.updateCurrentAttributes()) : (this.removeTextAttribute(t), delete this.currentAttributes[t], this.notifyDelegateOfCurrentAttributesChange());
|
||
}
|
||
removeTextAttribute(t) {
|
||
const e = this.getSelectedRange();
|
||
if (e) return this.setDocument(this.document.removeAttributeAtRange(t, e));
|
||
}
|
||
removeBlockAttribute(t) {
|
||
const e = this.getSelectedRange();
|
||
if (e) return this.setDocument(this.document.removeAttributeAtRange(t, e));
|
||
}
|
||
canDecreaseNestingLevel() {
|
||
var t;
|
||
return ((t = this.getBlock()) === null || t === void 0 ? void 0 : t.getNestingLevel()) > 0;
|
||
}
|
||
canIncreaseNestingLevel() {
|
||
var t;
|
||
const e = this.getBlock();
|
||
if (e) {
|
||
if ((t = P(e.getLastNestableAttribute())) === null || t === void 0 || !t.listAttribute) return e.getNestingLevel() > 0;
|
||
{
|
||
const i = this.getPreviousBlock();
|
||
if (i) return (function() {
|
||
let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
|
||
return Ft((arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).slice(0, n.length), n);
|
||
})(i.getListItemAttributes(), e.getListItemAttributes());
|
||
}
|
||
}
|
||
}
|
||
decreaseNestingLevel() {
|
||
const t = this.getBlock();
|
||
if (t) return this.setDocument(this.document.replaceBlock(t, t.decreaseNestingLevel()));
|
||
}
|
||
increaseNestingLevel() {
|
||
const t = this.getBlock();
|
||
if (t) return this.setDocument(this.document.replaceBlock(t, t.increaseNestingLevel()));
|
||
}
|
||
canDecreaseBlockAttributeLevel() {
|
||
var t;
|
||
return ((t = this.getBlock()) === null || t === void 0 ? void 0 : t.getAttributeLevel()) > 0;
|
||
}
|
||
decreaseBlockAttributeLevel() {
|
||
var t;
|
||
const e = (t = this.getBlock()) === null || t === void 0 ? void 0 : t.getLastAttribute();
|
||
if (e) return this.removeCurrentAttribute(e);
|
||
}
|
||
decreaseListLevel() {
|
||
let [t] = Array.from(this.getSelectedRange());
|
||
const { index: e } = this.document.locationFromPosition(t);
|
||
let i = e;
|
||
const n = this.getBlock().getAttributeLevel();
|
||
let r = this.document.getBlockAtIndex(i + 1);
|
||
for (; r && r.isListItem() && !(r.getAttributeLevel() <= n); ) i++, r = this.document.getBlockAtIndex(i + 1);
|
||
t = this.document.positionFromLocation({ index: e, offset: 0 });
|
||
const a = this.document.positionFromLocation({ index: i, offset: 0 });
|
||
return this.setDocument(this.document.removeLastListAttributeAtRange([t, a]));
|
||
}
|
||
updateCurrentAttributes() {
|
||
const t = this.getSelectedRange({ ignoreLock: !0 });
|
||
if (t) {
|
||
const e = this.document.getCommonAttributesAtRange(t);
|
||
if (Array.from(mn()).forEach(((i) => {
|
||
e[i] || this.canSetCurrentAttribute(i) || (e[i] = !1);
|
||
})), !ne(e, this.currentAttributes)) return this.currentAttributes = e, this.notifyDelegateOfCurrentAttributesChange();
|
||
}
|
||
}
|
||
getCurrentAttributes() {
|
||
return Pr.call({}, this.currentAttributes);
|
||
}
|
||
getCurrentTextAttributes() {
|
||
const t = {};
|
||
for (const e in this.currentAttributes) {
|
||
const i = this.currentAttributes[e];
|
||
i !== !1 && gn(e) && (t[e] = i);
|
||
}
|
||
return t;
|
||
}
|
||
freezeSelection() {
|
||
return this.setCurrentAttribute("frozen", !0);
|
||
}
|
||
thawSelection() {
|
||
return this.removeCurrentAttribute("frozen");
|
||
}
|
||
hasFrozenSelection() {
|
||
return this.hasCurrentAttribute("frozen");
|
||
}
|
||
setSelection(t) {
|
||
var e;
|
||
const i = this.document.locationRangeFromRange(t);
|
||
return (e = this.delegate) === null || e === void 0 ? void 0 : e.compositionDidRequestChangingSelectionToLocationRange(i);
|
||
}
|
||
getSelectedRange() {
|
||
const t = this.getLocationRange();
|
||
if (t) return this.document.rangeFromLocationRange(t);
|
||
}
|
||
setSelectedRange(t) {
|
||
const e = this.document.locationRangeFromRange(t);
|
||
return this.getSelectionManager().setLocationRange(e);
|
||
}
|
||
getPosition() {
|
||
const t = this.getLocationRange();
|
||
if (t) return this.document.positionFromLocation(t[0]);
|
||
}
|
||
getLocationRange(t) {
|
||
return this.targetLocationRange ? this.targetLocationRange : this.getSelectionManager().getLocationRange(t) || k({ index: 0, offset: 0 });
|
||
}
|
||
withTargetLocationRange(t, e) {
|
||
let i;
|
||
this.targetLocationRange = t;
|
||
try {
|
||
i = e();
|
||
} finally {
|
||
this.targetLocationRange = null;
|
||
}
|
||
return i;
|
||
}
|
||
withTargetRange(t, e) {
|
||
const i = this.document.locationRangeFromRange(t);
|
||
return this.withTargetLocationRange(i, e);
|
||
}
|
||
withTargetDOMRange(t, e) {
|
||
const i = this.createLocationRangeFromDOMRange(t, { strict: !1 });
|
||
return this.withTargetLocationRange(i, e);
|
||
}
|
||
getExpandedRangeInDirection(t) {
|
||
let { length: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, [i, n] = Array.from(this.getSelectedRange());
|
||
return t === "backward" ? e ? i -= e : i = this.translateUTF16PositionFromOffset(i, -1) : e ? n += e : n = this.translateUTF16PositionFromOffset(n, 1), k([i, n]);
|
||
}
|
||
shouldManageMovingCursorInDirection(t) {
|
||
if (this.editingAttachment) return !0;
|
||
const e = this.getExpandedRangeInDirection(t);
|
||
return this.getAttachmentAtRange(e) != null;
|
||
}
|
||
moveCursorInDirection(t) {
|
||
let e, i;
|
||
if (this.editingAttachment) i = this.document.getRangeOfAttachment(this.editingAttachment);
|
||
else {
|
||
const n = this.getSelectedRange();
|
||
i = this.getExpandedRangeInDirection(t), e = !Ze(n, i);
|
||
}
|
||
if (t === "backward" ? this.setSelectedRange(i[0]) : this.setSelectedRange(i[1]), e) {
|
||
const n = this.getAttachmentAtRange(i);
|
||
if (n) return this.editAttachment(n);
|
||
}
|
||
}
|
||
expandSelectionInDirection(t) {
|
||
let { length: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const i = this.getExpandedRangeInDirection(t, { length: e });
|
||
return this.setSelectedRange(i);
|
||
}
|
||
expandSelectionForEditing() {
|
||
if (this.hasCurrentAttribute("href")) return this.expandSelectionAroundCommonAttribute("href");
|
||
}
|
||
expandSelectionAroundCommonAttribute(t) {
|
||
const e = this.getPosition(), i = this.document.getRangeOfCommonAttributeAtPosition(t, e);
|
||
return this.setSelectedRange(i);
|
||
}
|
||
selectionContainsAttachments() {
|
||
var t;
|
||
return ((t = this.getSelectedAttachments()) === null || t === void 0 ? void 0 : t.length) > 0;
|
||
}
|
||
selectionIsInCursorTarget() {
|
||
return this.editingAttachment || this.positionIsCursorTarget(this.getPosition());
|
||
}
|
||
positionIsCursorTarget(t) {
|
||
const e = this.document.locationFromPosition(t);
|
||
if (e) return this.locationIsCursorTarget(e);
|
||
}
|
||
positionIsBlockBreak(t) {
|
||
var e;
|
||
return (e = this.document.getPieceAtPosition(t)) === null || e === void 0 ? void 0 : e.isBlockBreak();
|
||
}
|
||
getSelectedDocument() {
|
||
const t = this.getSelectedRange();
|
||
if (t) return this.document.getDocumentAtRange(t);
|
||
}
|
||
getSelectedAttachments() {
|
||
var t;
|
||
return (t = this.getSelectedDocument()) === null || t === void 0 ? void 0 : t.getAttachments();
|
||
}
|
||
getAttachments() {
|
||
return this.attachments.slice(0);
|
||
}
|
||
refreshAttachments() {
|
||
const t = this.document.getAttachments(), { added: e, removed: i } = (function() {
|
||
let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
|
||
const a = [], o = [], l = /* @__PURE__ */ new Set();
|
||
n.forEach(((u) => {
|
||
l.add(u);
|
||
}));
|
||
const c = /* @__PURE__ */ new Set();
|
||
return r.forEach(((u) => {
|
||
c.add(u), l.has(u) || a.push(u);
|
||
})), n.forEach(((u) => {
|
||
c.has(u) || o.push(u);
|
||
})), { added: a, removed: o };
|
||
})(this.attachments, t);
|
||
return this.attachments = t, Array.from(i).forEach(((n) => {
|
||
var r, a;
|
||
n.delegate = null, (r = this.delegate) === null || r === void 0 || (a = r.compositionDidRemoveAttachment) === null || a === void 0 || a.call(r, n);
|
||
})), (() => {
|
||
const n = [];
|
||
return Array.from(e).forEach(((r) => {
|
||
var a, o;
|
||
r.delegate = this, n.push((a = this.delegate) === null || a === void 0 || (o = a.compositionDidAddAttachment) === null || o === void 0 ? void 0 : o.call(a, r));
|
||
})), n;
|
||
})();
|
||
}
|
||
attachmentDidChangeAttributes(t) {
|
||
var e, i;
|
||
return this.revision++, (e = this.delegate) === null || e === void 0 || (i = e.compositionDidEditAttachment) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
attachmentDidChangePreviewURL(t) {
|
||
var e, i;
|
||
return this.revision++, (e = this.delegate) === null || e === void 0 || (i = e.compositionDidChangeAttachmentPreviewURL) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
editAttachment(t, e) {
|
||
var i, n;
|
||
if (t !== this.editingAttachment) return this.stopEditingAttachment(), this.editingAttachment = t, (i = this.delegate) === null || i === void 0 || (n = i.compositionDidStartEditingAttachment) === null || n === void 0 ? void 0 : n.call(i, this.editingAttachment, e);
|
||
}
|
||
stopEditingAttachment() {
|
||
var t, e;
|
||
this.editingAttachment && ((t = this.delegate) === null || t === void 0 || (e = t.compositionDidStopEditingAttachment) === null || e === void 0 || e.call(t, this.editingAttachment), this.editingAttachment = null);
|
||
}
|
||
updateAttributesForAttachment(t, e) {
|
||
return this.setDocument(this.document.updateAttributesForAttachment(t, e));
|
||
}
|
||
removeAttributeForAttachment(t, e) {
|
||
return this.setDocument(this.document.removeAttributeForAttachment(t, e));
|
||
}
|
||
breakFormattedBlock(t) {
|
||
let { document: e } = t;
|
||
const { block: i } = t;
|
||
let n = t.startPosition, r = [n - 1, n];
|
||
i.getBlockBreakPosition() === t.startLocation.offset ? (i.breaksOnReturn() && t.nextCharacter === `
|
||
` ? n += 1 : e = e.removeTextAtRange(r), r = [n, n]) : t.nextCharacter === `
|
||
` ? t.previousCharacter === `
|
||
` ? r = [n - 1, n + 1] : (r = [n, n + 1], n += 1) : t.startLocation.offset - 1 != 0 && (n += 1);
|
||
const a = new nt([i.removeLastAttribute().copyWithoutText()]);
|
||
return this.setDocument(e.insertDocumentAtRange(a, r)), this.setSelection(n);
|
||
}
|
||
getPreviousBlock() {
|
||
const t = this.getLocationRange();
|
||
if (t) {
|
||
const { index: e } = t[0];
|
||
if (e > 0) return this.document.getBlockAtIndex(e - 1);
|
||
}
|
||
}
|
||
getBlock() {
|
||
const t = this.getLocationRange();
|
||
if (t) return this.document.getBlockAtIndex(t[0].index);
|
||
}
|
||
getAttachmentAtRange(t) {
|
||
const e = this.document.getDocumentAtRange(t);
|
||
if (e.toString() === "".concat("", `
|
||
`)) return e.getAttachments()[0];
|
||
}
|
||
notifyDelegateOfCurrentAttributesChange() {
|
||
var t, e;
|
||
return (t = this.delegate) === null || t === void 0 || (e = t.compositionDidChangeCurrentAttributes) === null || e === void 0 ? void 0 : e.call(t, this.currentAttributes);
|
||
}
|
||
notifyDelegateOfInsertionAtRange(t) {
|
||
var e, i;
|
||
return (e = this.delegate) === null || e === void 0 || (i = e.compositionDidPerformInsertionAtRange) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
translateUTF16PositionFromOffset(t, e) {
|
||
const i = this.document.toUTF16String(), n = i.offsetFromUCS2Offset(t);
|
||
return i.offsetToUCS2Offset(n + e);
|
||
}
|
||
}
|
||
Et.proxyMethod("getSelectionManager().getPointRange"), Et.proxyMethod("getSelectionManager().setLocationRangeFromPointRange"), Et.proxyMethod("getSelectionManager().createLocationRangeFromDOMRange"), Et.proxyMethod("getSelectionManager().locationIsCursorTarget"), Et.proxyMethod("getSelectionManager().selectionIsExpanded"), Et.proxyMethod("delegate?.getSelectionManager");
|
||
class vn extends H {
|
||
constructor(t) {
|
||
super(...arguments), this.composition = t, this.undoEntries = [], this.redoEntries = [];
|
||
}
|
||
recordUndoEntry(t) {
|
||
let { context: e, consolidatable: i } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
const n = this.undoEntries.slice(-1)[0];
|
||
if (!i || !sl(n, t, e)) {
|
||
const r = this.createEntry({ description: t, context: e });
|
||
this.undoEntries.push(r), this.redoEntries = [];
|
||
}
|
||
}
|
||
undo() {
|
||
const t = this.undoEntries.pop();
|
||
if (t) {
|
||
const e = this.createEntry(t);
|
||
return this.redoEntries.push(e), this.composition.loadSnapshot(t.snapshot);
|
||
}
|
||
}
|
||
redo() {
|
||
const t = this.redoEntries.pop();
|
||
if (t) {
|
||
const e = this.createEntry(t);
|
||
return this.undoEntries.push(e), this.composition.loadSnapshot(t.snapshot);
|
||
}
|
||
}
|
||
canUndo() {
|
||
return this.undoEntries.length > 0;
|
||
}
|
||
canRedo() {
|
||
return this.redoEntries.length > 0;
|
||
}
|
||
createEntry() {
|
||
let { description: t, context: e } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
return { description: t?.toString(), context: JSON.stringify(e), snapshot: this.composition.getSnapshot() };
|
||
}
|
||
}
|
||
const sl = (s, t, e) => s?.description === t?.toString() && s?.context === JSON.stringify(e), $i = "attachmentGallery";
|
||
class ca {
|
||
constructor(t) {
|
||
this.document = t.document, this.selectedRange = t.selectedRange;
|
||
}
|
||
perform() {
|
||
return this.removeBlockAttribute(), this.applyBlockAttribute();
|
||
}
|
||
getSnapshot() {
|
||
return { document: this.document, selectedRange: this.selectedRange };
|
||
}
|
||
removeBlockAttribute() {
|
||
return this.findRangesOfBlocks().map(((t) => this.document = this.document.removeAttributeAtRange($i, t)));
|
||
}
|
||
applyBlockAttribute() {
|
||
let t = 0;
|
||
this.findRangesOfPieces().forEach(((e) => {
|
||
e[1] - e[0] > 1 && (e[0] += t, e[1] += t, this.document.getCharacterAtPosition(e[1]) !== `
|
||
` && (this.document = this.document.insertBlockBreakAtRange(e[1]), e[1] < this.selectedRange[1] && this.moveSelectedRangeForward(), e[1]++, t++), e[0] !== 0 && this.document.getCharacterAtPosition(e[0] - 1) !== `
|
||
` && (this.document = this.document.insertBlockBreakAtRange(e[0]), e[0] < this.selectedRange[0] && this.moveSelectedRangeForward(), e[0]++, t++), this.document = this.document.applyBlockAttributeAtRange($i, !0, e));
|
||
}));
|
||
}
|
||
findRangesOfBlocks() {
|
||
return this.document.findRangesForBlockAttribute($i);
|
||
}
|
||
findRangesOfPieces() {
|
||
return this.document.findRangesForTextAttribute("presentation", { withValue: "gallery" });
|
||
}
|
||
moveSelectedRangeForward() {
|
||
this.selectedRange[0] += 1, this.selectedRange[1] += 1;
|
||
}
|
||
}
|
||
const ha = function(s) {
|
||
const t = new ca(s);
|
||
return t.perform(), t.getSnapshot();
|
||
}, rl = [ha];
|
||
class ua {
|
||
constructor(t, e, i) {
|
||
this.insertFiles = this.insertFiles.bind(this), this.composition = t, this.selectionManager = e, this.element = i, this.undoManager = new vn(this.composition), this.filters = rl.slice(0);
|
||
}
|
||
loadDocument(t) {
|
||
return this.loadSnapshot({ document: t, selectedRange: [0, 0] });
|
||
}
|
||
loadHTML() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
||
const e = we.parse(t, { referenceElement: this.element }).getDocument();
|
||
return this.loadDocument(e);
|
||
}
|
||
loadJSON(t) {
|
||
let { document: e, selectedRange: i } = t;
|
||
return e = nt.fromJSON(e), this.loadSnapshot({ document: e, selectedRange: i });
|
||
}
|
||
loadSnapshot(t) {
|
||
return this.undoManager = new vn(this.composition), this.composition.loadSnapshot(t);
|
||
}
|
||
getDocument() {
|
||
return this.composition.document;
|
||
}
|
||
getSelectedDocument() {
|
||
return this.composition.getSelectedDocument();
|
||
}
|
||
getSnapshot() {
|
||
return this.composition.getSnapshot();
|
||
}
|
||
toJSON() {
|
||
return this.getSnapshot();
|
||
}
|
||
deleteInDirection(t) {
|
||
return this.composition.deleteInDirection(t);
|
||
}
|
||
insertAttachment(t) {
|
||
return this.composition.insertAttachment(t);
|
||
}
|
||
insertAttachments(t) {
|
||
return this.composition.insertAttachments(t);
|
||
}
|
||
insertDocument(t) {
|
||
return this.composition.insertDocument(t);
|
||
}
|
||
insertFile(t) {
|
||
return this.composition.insertFile(t);
|
||
}
|
||
insertFiles(t) {
|
||
return this.composition.insertFiles(t);
|
||
}
|
||
insertHTML(t) {
|
||
return this.composition.insertHTML(t);
|
||
}
|
||
insertString(t) {
|
||
return this.composition.insertString(t);
|
||
}
|
||
insertText(t) {
|
||
return this.composition.insertText(t);
|
||
}
|
||
insertLineBreak() {
|
||
return this.composition.insertLineBreak();
|
||
}
|
||
getSelectedRange() {
|
||
return this.composition.getSelectedRange();
|
||
}
|
||
getPosition() {
|
||
return this.composition.getPosition();
|
||
}
|
||
getClientRectAtPosition(t) {
|
||
const e = this.getDocument().locationRangeFromRange([t, t + 1]);
|
||
return this.selectionManager.getClientRectAtLocationRange(e);
|
||
}
|
||
expandSelectionInDirection(t) {
|
||
return this.composition.expandSelectionInDirection(t);
|
||
}
|
||
moveCursorInDirection(t) {
|
||
return this.composition.moveCursorInDirection(t);
|
||
}
|
||
setSelectedRange(t) {
|
||
return this.composition.setSelectedRange(t);
|
||
}
|
||
activateAttribute(t) {
|
||
let e = !(arguments.length > 1 && arguments[1] !== void 0) || arguments[1];
|
||
return this.composition.setCurrentAttribute(t, e);
|
||
}
|
||
attributeIsActive(t) {
|
||
return this.composition.hasCurrentAttribute(t);
|
||
}
|
||
canActivateAttribute(t) {
|
||
return this.composition.canSetCurrentAttribute(t);
|
||
}
|
||
deactivateAttribute(t) {
|
||
return this.composition.removeCurrentAttribute(t);
|
||
}
|
||
setHTMLAtributeAtPosition(t, e, i) {
|
||
this.composition.setHTMLAtributeAtPosition(t, e, i);
|
||
}
|
||
canDecreaseNestingLevel() {
|
||
return this.composition.canDecreaseNestingLevel();
|
||
}
|
||
canIncreaseNestingLevel() {
|
||
return this.composition.canIncreaseNestingLevel();
|
||
}
|
||
decreaseNestingLevel() {
|
||
if (this.canDecreaseNestingLevel()) return this.composition.decreaseNestingLevel();
|
||
}
|
||
increaseNestingLevel() {
|
||
if (this.canIncreaseNestingLevel()) return this.composition.increaseNestingLevel();
|
||
}
|
||
canRedo() {
|
||
return this.undoManager.canRedo();
|
||
}
|
||
canUndo() {
|
||
return this.undoManager.canUndo();
|
||
}
|
||
recordUndoEntry(t) {
|
||
let { context: e, consolidatable: i } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
return this.undoManager.recordUndoEntry(t, { context: e, consolidatable: i });
|
||
}
|
||
redo() {
|
||
if (this.canRedo()) return this.undoManager.redo();
|
||
}
|
||
undo() {
|
||
if (this.canUndo()) return this.undoManager.undo();
|
||
}
|
||
}
|
||
class ma {
|
||
constructor(t) {
|
||
this.element = t;
|
||
}
|
||
findLocationFromContainerAndOffset(t, e) {
|
||
let { strict: i } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { strict: !0 }, n = 0, r = !1;
|
||
const a = { index: 0, offset: 0 }, o = this.findAttachmentElementParentForNode(t);
|
||
o && (t = o.parentNode, e = Li(o));
|
||
const l = Qe(this.element, { usingFilter: ga });
|
||
for (; l.nextNode(); ) {
|
||
const c = l.currentNode;
|
||
if (c === t && ve(t)) {
|
||
te(c) || (a.offset += e);
|
||
break;
|
||
}
|
||
if (c.parentNode === t) {
|
||
if (n++ === e) break;
|
||
} else if (!Ot(t, c) && n > 0) break;
|
||
as(c, { strict: i }) ? (r && a.index++, a.offset = 0, r = !0) : a.offset += Ui(c);
|
||
}
|
||
return a;
|
||
}
|
||
findContainerAndOffsetFromLocation(t) {
|
||
let e, i;
|
||
if (t.index === 0 && t.offset === 0) {
|
||
for (e = this.element, i = 0; e.firstChild; ) if (e = e.firstChild, Ci(e)) {
|
||
i = 1;
|
||
break;
|
||
}
|
||
return [e, i];
|
||
}
|
||
let [n, r] = this.findNodeAndOffsetFromLocation(t);
|
||
if (n) {
|
||
if (ve(n)) Ui(n) === 0 ? (e = n.parentNode.parentNode, i = Li(n.parentNode), te(n, { name: "right" }) && i++) : (e = n, i = t.offset - r);
|
||
else {
|
||
if (e = n.parentNode, !as(n.previousSibling) && !Ci(e)) for (; n === e.lastChild && (n = e, e = e.parentNode, !Ci(e)); ) ;
|
||
i = Li(n), t.offset !== 0 && i++;
|
||
}
|
||
return [e, i];
|
||
}
|
||
}
|
||
findNodeAndOffsetFromLocation(t) {
|
||
let e, i, n = 0;
|
||
for (const r of this.getSignificantNodesForIndex(t.index)) {
|
||
const a = Ui(r);
|
||
if (t.offset <= n + a) if (ve(r)) {
|
||
if (e = r, i = n, t.offset === i && te(e)) break;
|
||
} else e || (e = r, i = n);
|
||
if (n += a, n > t.offset) break;
|
||
}
|
||
return [e, i];
|
||
}
|
||
findAttachmentElementParentForNode(t) {
|
||
for (; t && t !== this.element; ) {
|
||
if (Mt(t)) return t;
|
||
t = t.parentNode;
|
||
}
|
||
}
|
||
getSignificantNodesForIndex(t) {
|
||
const e = [], i = Qe(this.element, { usingFilter: al });
|
||
let n = !1;
|
||
for (; i.nextNode(); ) {
|
||
const a = i.currentNode;
|
||
var r;
|
||
if (Zt(a)) {
|
||
if (r != null ? r++ : r = 0, r === t) n = !0;
|
||
else if (n) break;
|
||
} else n && e.push(a);
|
||
}
|
||
return e;
|
||
}
|
||
}
|
||
const Ui = function(s) {
|
||
return s.nodeType === Node.TEXT_NODE ? te(s) ? 0 : s.textContent.length : Y(s) === "br" || Mt(s) ? 1 : 0;
|
||
}, al = function(s) {
|
||
return ol(s) === NodeFilter.FILTER_ACCEPT ? ga(s) : NodeFilter.FILTER_REJECT;
|
||
}, ol = function(s) {
|
||
return qr(s) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
|
||
}, ga = function(s) {
|
||
return Mt(s.parentNode) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
|
||
};
|
||
class pa {
|
||
createDOMRangeFromPoint(t) {
|
||
let e, { x: i, y: n } = t;
|
||
if (document.caretPositionFromPoint) {
|
||
const { offsetNode: r, offset: a } = document.caretPositionFromPoint(i, n);
|
||
return e = document.createRange(), e.setStart(r, a), e;
|
||
}
|
||
if (document.caretRangeFromPoint) return document.caretRangeFromPoint(i, n);
|
||
if (document.body.createTextRange) {
|
||
const r = ye();
|
||
try {
|
||
const a = document.body.createTextRange();
|
||
a.moveToPoint(i, n), a.select();
|
||
} catch {
|
||
}
|
||
return e = ye(), Gr(r), e;
|
||
}
|
||
}
|
||
getClientRectsForDOMRange(t) {
|
||
const e = Array.from(t.getClientRects());
|
||
return [e[0], e[e.length - 1]];
|
||
}
|
||
}
|
||
class Dt extends H {
|
||
constructor(t) {
|
||
super(...arguments), this.didMouseDown = this.didMouseDown.bind(this), this.selectionDidChange = this.selectionDidChange.bind(this), this.element = t, this.locationMapper = new ma(this.element), this.pointMapper = new pa(), this.lockCount = 0, B("mousedown", { onElement: this.element, withCallback: this.didMouseDown });
|
||
}
|
||
getLocationRange() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
return t.strict === !1 ? this.createLocationRangeFromDOMRange(ye()) : t.ignoreLock ? this.currentLocationRange : this.lockedLocationRange ? this.lockedLocationRange : this.currentLocationRange;
|
||
}
|
||
setLocationRange(t) {
|
||
if (this.lockedLocationRange) return;
|
||
t = k(t);
|
||
const e = this.createDOMRangeFromLocationRange(t);
|
||
e && (Gr(e), this.updateCurrentLocationRange(t));
|
||
}
|
||
setLocationRangeFromPointRange(t) {
|
||
t = k(t);
|
||
const e = this.getLocationAtPoint(t[0]), i = this.getLocationAtPoint(t[1]);
|
||
this.setLocationRange([e, i]);
|
||
}
|
||
getClientRectAtLocationRange(t) {
|
||
const e = this.createDOMRangeFromLocationRange(t);
|
||
if (e) return this.getClientRectsForDOMRange(e)[1];
|
||
}
|
||
locationIsCursorTarget(t) {
|
||
const e = Array.from(this.findNodeAndOffsetFromLocation(t))[0];
|
||
return te(e);
|
||
}
|
||
lock() {
|
||
this.lockCount++ == 0 && (this.updateCurrentLocationRange(), this.lockedLocationRange = this.getLocationRange());
|
||
}
|
||
unlock() {
|
||
if (--this.lockCount == 0) {
|
||
const { lockedLocationRange: t } = this;
|
||
if (this.lockedLocationRange = null, t != null) return this.setLocationRange(t);
|
||
}
|
||
}
|
||
clearSelection() {
|
||
var t;
|
||
return (t = Kr()) === null || t === void 0 ? void 0 : t.removeAllRanges();
|
||
}
|
||
selectionIsCollapsed() {
|
||
var t;
|
||
return ((t = ye()) === null || t === void 0 ? void 0 : t.collapsed) === !0;
|
||
}
|
||
selectionIsExpanded() {
|
||
return !this.selectionIsCollapsed();
|
||
}
|
||
createLocationRangeFromDOMRange(t, e) {
|
||
if (t == null || !this.domRangeWithinElement(t)) return;
|
||
const i = this.findLocationFromContainerAndOffset(t.startContainer, t.startOffset, e);
|
||
if (!i) return;
|
||
const n = t.collapsed ? void 0 : this.findLocationFromContainerAndOffset(t.endContainer, t.endOffset, e);
|
||
return k([i, n]);
|
||
}
|
||
didMouseDown() {
|
||
return this.pauseTemporarily();
|
||
}
|
||
pauseTemporarily() {
|
||
let t;
|
||
this.paused = !0;
|
||
const e = () => {
|
||
if (this.paused = !1, clearTimeout(i), Array.from(t).forEach(((n) => {
|
||
n.destroy();
|
||
})), Ot(document, this.element)) return this.selectionDidChange();
|
||
}, i = setTimeout(e, 200);
|
||
t = ["mousemove", "keydown"].map(((n) => B(n, { onElement: document, withCallback: e })));
|
||
}
|
||
selectionDidChange() {
|
||
if (!this.paused && !Cn(this.element)) return this.updateCurrentLocationRange();
|
||
}
|
||
updateCurrentLocationRange(t) {
|
||
var e, i;
|
||
if ((t ?? (t = this.createLocationRangeFromDOMRange(ye()))) && !Ze(t, this.currentLocationRange)) return this.currentLocationRange = t, (e = this.delegate) === null || e === void 0 || (i = e.locationRangeDidChange) === null || i === void 0 ? void 0 : i.call(e, this.currentLocationRange.slice(0));
|
||
}
|
||
createDOMRangeFromLocationRange(t) {
|
||
const e = this.findContainerAndOffsetFromLocation(t[0]), i = _t(t) ? e : this.findContainerAndOffsetFromLocation(t[1]) || e;
|
||
if (e != null && i != null) {
|
||
const n = document.createRange();
|
||
return n.setStart(...Array.from(e || [])), n.setEnd(...Array.from(i || [])), n;
|
||
}
|
||
}
|
||
getLocationAtPoint(t) {
|
||
const e = this.createDOMRangeFromPoint(t);
|
||
var i;
|
||
if (e) return (i = this.createLocationRangeFromDOMRange(e)) === null || i === void 0 ? void 0 : i[0];
|
||
}
|
||
domRangeWithinElement(t) {
|
||
return t.collapsed ? Ot(this.element, t.startContainer) : Ot(this.element, t.startContainer) && Ot(this.element, t.endContainer);
|
||
}
|
||
}
|
||
Dt.proxyMethod("locationMapper.findLocationFromContainerAndOffset"), Dt.proxyMethod("locationMapper.findContainerAndOffsetFromLocation"), Dt.proxyMethod("locationMapper.findNodeAndOffsetFromLocation"), Dt.proxyMethod("pointMapper.createDOMRangeFromPoint"), Dt.proxyMethod("pointMapper.getClientRectsForDOMRange");
|
||
var fa = Object.freeze({ __proto__: null, Attachment: se, AttachmentManager: la, AttachmentPiece: ie, Block: ut, Composition: Et, Document: nt, Editor: ua, HTMLParser: we, HTMLSanitizer: si, LineBreakInsertion: da, LocationMapper: ma, ManagedAttachment: O, Piece: Ut, PointMapper: pa, SelectionManager: Dt, SplittableList: ei, StringPiece: Bn, Text: dt, UndoManager: vn }), ll = Object.freeze({ __proto__: null, ObjectView: $t, AttachmentView: On, BlockView: ia, DocumentView: ri, PieceView: ta, PreviewableAttachmentView: Zr, TextView: ea });
|
||
const { lang: Vi, css: Rt, keyNames: dl } = ke, ji = function(s) {
|
||
return function() {
|
||
const t = s.apply(this, arguments);
|
||
t.do(), this.undos || (this.undos = []), this.undos.push(t.undo);
|
||
};
|
||
};
|
||
class ba extends H {
|
||
constructor(t, e, i) {
|
||
let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
|
||
super(...arguments), G(this, "makeElementMutable", ji((() => ({ do: () => {
|
||
this.element.dataset.trixMutable = !0;
|
||
}, undo: () => delete this.element.dataset.trixMutable })))), G(this, "addToolbar", ji((() => {
|
||
const r = x({ tagName: "div", className: Rt.attachmentToolbar, data: { trixMutable: !0 }, childNodes: x({ tagName: "div", className: "trix-button-row", childNodes: x({ tagName: "span", className: "trix-button-group trix-button-group--actions", childNodes: x({ tagName: "button", className: "trix-button trix-button--remove", textContent: Vi.remove, attributes: { title: Vi.remove }, data: { trixAction: "remove" } }) }) }) });
|
||
return this.attachment.isPreviewable() && r.appendChild(x({ tagName: "div", className: Rt.attachmentMetadataContainer, childNodes: x({ tagName: "span", className: Rt.attachmentMetadata, childNodes: [x({ tagName: "span", className: Rt.attachmentName, textContent: this.attachment.getFilename(), attributes: { title: this.attachment.getFilename() } }), x({ tagName: "span", className: Rt.attachmentSize, textContent: this.attachment.getFormattedFilesize() })] }) })), B("click", { onElement: r, withCallback: this.didClickToolbar }), B("click", { onElement: r, matchingSelector: "[data-trix-action]", withCallback: this.didClickActionButton }), be("trix-attachment-before-toolbar", { onElement: this.element, attributes: { toolbar: r, attachment: this.attachment } }), { do: () => this.element.appendChild(r), undo: () => Ct(r) };
|
||
}))), G(this, "installCaptionEditor", ji((() => {
|
||
const r = x({ tagName: "textarea", className: Rt.attachmentCaptionEditor, attributes: { placeholder: Vi.captionPlaceholder }, data: { trixMutable: !0 } });
|
||
r.value = this.attachmentPiece.getCaption();
|
||
const a = r.cloneNode();
|
||
a.classList.add("trix-autoresize-clone"), a.tabIndex = -1;
|
||
const o = function() {
|
||
a.value = r.value, r.style.height = a.scrollHeight + "px";
|
||
};
|
||
B("input", { onElement: r, withCallback: o }), B("input", { onElement: r, withCallback: this.didInputCaption }), B("keydown", { onElement: r, withCallback: this.didKeyDownCaption }), B("change", { onElement: r, withCallback: this.didChangeCaption }), B("blur", { onElement: r, withCallback: this.didBlurCaption });
|
||
const l = this.element.querySelector("figcaption"), c = l.cloneNode();
|
||
return { do: () => {
|
||
if (l.style.display = "none", c.appendChild(r), c.appendChild(a), c.classList.add("".concat(Rt.attachmentCaption, "--editing")), l.parentElement.insertBefore(c, l), o(), this.options.editCaption) return kn((() => r.focus()));
|
||
}, undo() {
|
||
Ct(c), l.style.display = null;
|
||
} };
|
||
}))), this.didClickToolbar = this.didClickToolbar.bind(this), this.didClickActionButton = this.didClickActionButton.bind(this), this.didKeyDownCaption = this.didKeyDownCaption.bind(this), this.didInputCaption = this.didInputCaption.bind(this), this.didChangeCaption = this.didChangeCaption.bind(this), this.didBlurCaption = this.didBlurCaption.bind(this), this.attachmentPiece = t, this.element = e, this.container = i, this.options = n, this.attachment = this.attachmentPiece.attachment, Y(this.element) === "a" && (this.element = this.element.firstChild), this.install();
|
||
}
|
||
install() {
|
||
this.makeElementMutable(), this.addToolbar(), this.attachment.isPreviewable() && this.installCaptionEditor();
|
||
}
|
||
uninstall() {
|
||
var t;
|
||
let e = this.undos.pop();
|
||
for (this.savePendingCaption(); e; ) e(), e = this.undos.pop();
|
||
(t = this.delegate) === null || t === void 0 || t.didUninstallAttachmentEditor(this);
|
||
}
|
||
savePendingCaption() {
|
||
if (this.pendingCaption != null) {
|
||
const r = this.pendingCaption;
|
||
var t, e, i, n;
|
||
this.pendingCaption = null, r ? (t = this.delegate) === null || t === void 0 || (e = t.attachmentEditorDidRequestUpdatingAttributesForAttachment) === null || e === void 0 || e.call(t, { caption: r }, this.attachment) : (i = this.delegate) === null || i === void 0 || (n = i.attachmentEditorDidRequestRemovingAttributeForAttachment) === null || n === void 0 || n.call(i, "caption", this.attachment);
|
||
}
|
||
}
|
||
didClickToolbar(t) {
|
||
return t.preventDefault(), t.stopPropagation();
|
||
}
|
||
didClickActionButton(t) {
|
||
var e;
|
||
if (t.target.getAttribute("data-trix-action") === "remove") return (e = this.delegate) === null || e === void 0 ? void 0 : e.attachmentEditorDidRequestRemovalOfAttachment(this.attachment);
|
||
}
|
||
didKeyDownCaption(t) {
|
||
var e, i;
|
||
if (dl[t.keyCode] === "return") return t.preventDefault(), this.savePendingCaption(), (e = this.delegate) === null || e === void 0 || (i = e.attachmentEditorDidRequestDeselectingAttachment) === null || i === void 0 ? void 0 : i.call(e, this.attachment);
|
||
}
|
||
didInputCaption(t) {
|
||
this.pendingCaption = t.target.value.replace(/\s/g, " ").trim();
|
||
}
|
||
didChangeCaption(t) {
|
||
return this.savePendingCaption();
|
||
}
|
||
didBlurCaption(t) {
|
||
return this.savePendingCaption();
|
||
}
|
||
}
|
||
class _a extends H {
|
||
constructor(t, e) {
|
||
super(...arguments), this.didFocus = this.didFocus.bind(this), this.didBlur = this.didBlur.bind(this), this.didClickAttachment = this.didClickAttachment.bind(this), this.element = t, this.composition = e, this.documentView = new ri(this.composition.document, { element: this.element }), B("focus", { onElement: this.element, withCallback: this.didFocus }), B("blur", { onElement: this.element, withCallback: this.didBlur }), B("click", { onElement: this.element, matchingSelector: "a[contenteditable=false]", preventDefault: !0 }), B("mousedown", { onElement: this.element, matchingSelector: Bt, withCallback: this.didClickAttachment }), B("click", { onElement: this.element, matchingSelector: "a".concat(Bt), preventDefault: !0 });
|
||
}
|
||
didFocus(t) {
|
||
var e;
|
||
const i = () => {
|
||
var n, r;
|
||
if (!this.focused) return this.focused = !0, (n = this.delegate) === null || n === void 0 || (r = n.compositionControllerDidFocus) === null || r === void 0 ? void 0 : r.call(n);
|
||
};
|
||
return ((e = this.blurPromise) === null || e === void 0 ? void 0 : e.then(i)) || i();
|
||
}
|
||
didBlur(t) {
|
||
this.blurPromise = new Promise(((e) => kn((() => {
|
||
var i, n;
|
||
return Cn(this.element) || (this.focused = null, (i = this.delegate) === null || i === void 0 || (n = i.compositionControllerDidBlur) === null || n === void 0 || n.call(i)), this.blurPromise = null, e();
|
||
}))));
|
||
}
|
||
didClickAttachment(t, e) {
|
||
var i, n;
|
||
const r = this.findAttachmentForElement(e), a = !!Lt(t.target, { matchingSelector: "figcaption" });
|
||
return (i = this.delegate) === null || i === void 0 || (n = i.compositionControllerDidSelectAttachment) === null || n === void 0 ? void 0 : n.call(i, r, { editCaption: a });
|
||
}
|
||
getSerializableElement() {
|
||
return this.isEditingAttachment() ? this.documentView.shadowElement : this.element;
|
||
}
|
||
render() {
|
||
var t, e, i, n, r, a;
|
||
return this.revision !== this.composition.revision && (this.documentView.setDocument(this.composition.document), this.documentView.render(), this.revision = this.composition.revision), this.canSyncDocumentView() && !this.documentView.isSynced() && ((i = this.delegate) === null || i === void 0 || (n = i.compositionControllerWillSyncDocumentView) === null || n === void 0 || n.call(i), this.documentView.sync(), (r = this.delegate) === null || r === void 0 || (a = r.compositionControllerDidSyncDocumentView) === null || a === void 0 || a.call(r)), (t = this.delegate) === null || t === void 0 || (e = t.compositionControllerDidRender) === null || e === void 0 ? void 0 : e.call(t);
|
||
}
|
||
rerenderViewForObject(t) {
|
||
return this.invalidateViewForObject(t), this.render();
|
||
}
|
||
invalidateViewForObject(t) {
|
||
return this.documentView.invalidateViewForObject(t);
|
||
}
|
||
isViewCachingEnabled() {
|
||
return this.documentView.isViewCachingEnabled();
|
||
}
|
||
enableViewCaching() {
|
||
return this.documentView.enableViewCaching();
|
||
}
|
||
disableViewCaching() {
|
||
return this.documentView.disableViewCaching();
|
||
}
|
||
refreshViewCache() {
|
||
return this.documentView.garbageCollectCachedViews();
|
||
}
|
||
isEditingAttachment() {
|
||
return !!this.attachmentEditor;
|
||
}
|
||
installAttachmentEditorForAttachment(t, e) {
|
||
var i;
|
||
if (((i = this.attachmentEditor) === null || i === void 0 ? void 0 : i.attachment) === t) return;
|
||
const n = this.documentView.findElementForObject(t);
|
||
if (!n) return;
|
||
this.uninstallAttachmentEditor();
|
||
const r = this.composition.document.getAttachmentPieceForAttachment(t);
|
||
this.attachmentEditor = new ba(r, n, this.element, e), this.attachmentEditor.delegate = this;
|
||
}
|
||
uninstallAttachmentEditor() {
|
||
var t;
|
||
return (t = this.attachmentEditor) === null || t === void 0 ? void 0 : t.uninstall();
|
||
}
|
||
didUninstallAttachmentEditor() {
|
||
return this.attachmentEditor = null, this.render();
|
||
}
|
||
attachmentEditorDidRequestUpdatingAttributesForAttachment(t, e) {
|
||
var i, n;
|
||
return (i = this.delegate) === null || i === void 0 || (n = i.compositionControllerWillUpdateAttachment) === null || n === void 0 || n.call(i, e), this.composition.updateAttributesForAttachment(t, e);
|
||
}
|
||
attachmentEditorDidRequestRemovingAttributeForAttachment(t, e) {
|
||
var i, n;
|
||
return (i = this.delegate) === null || i === void 0 || (n = i.compositionControllerWillUpdateAttachment) === null || n === void 0 || n.call(i, e), this.composition.removeAttributeForAttachment(t, e);
|
||
}
|
||
attachmentEditorDidRequestRemovalOfAttachment(t) {
|
||
var e, i;
|
||
return (e = this.delegate) === null || e === void 0 || (i = e.compositionControllerDidRequestRemovalOfAttachment) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
attachmentEditorDidRequestDeselectingAttachment(t) {
|
||
var e, i;
|
||
return (e = this.delegate) === null || e === void 0 || (i = e.compositionControllerDidRequestDeselectingAttachment) === null || i === void 0 ? void 0 : i.call(e, t);
|
||
}
|
||
canSyncDocumentView() {
|
||
return !this.isEditingAttachment();
|
||
}
|
||
findAttachmentForElement(t) {
|
||
return this.composition.document.getAttachmentById(parseInt(t.dataset.trixId, 10));
|
||
}
|
||
}
|
||
class va extends H {
|
||
}
|
||
const ya = "data-trix-mutable", cl = "[".concat(ya, "]"), hl = { attributes: !0, childList: !0, characterData: !0, characterDataOldValue: !0, subtree: !0 };
|
||
class Aa extends H {
|
||
constructor(t) {
|
||
super(t), this.didMutate = this.didMutate.bind(this), this.element = t, this.observer = new window.MutationObserver(this.didMutate), this.start();
|
||
}
|
||
start() {
|
||
return this.reset(), this.observer.observe(this.element, hl);
|
||
}
|
||
stop() {
|
||
return this.observer.disconnect();
|
||
}
|
||
didMutate(t) {
|
||
var e, i;
|
||
if (this.mutations.push(...Array.from(this.findSignificantMutations(t) || [])), this.mutations.length) return (e = this.delegate) === null || e === void 0 || (i = e.elementDidMutate) === null || i === void 0 || i.call(e, this.getMutationSummary()), this.reset();
|
||
}
|
||
reset() {
|
||
this.mutations = [];
|
||
}
|
||
findSignificantMutations(t) {
|
||
return t.filter(((e) => this.mutationIsSignificant(e)));
|
||
}
|
||
mutationIsSignificant(t) {
|
||
if (this.nodeIsMutable(t.target)) return !1;
|
||
for (const e of Array.from(this.nodesModifiedByMutation(t))) if (this.nodeIsSignificant(e)) return !0;
|
||
return !1;
|
||
}
|
||
nodeIsSignificant(t) {
|
||
return t !== this.element && !this.nodeIsMutable(t) && !qr(t);
|
||
}
|
||
nodeIsMutable(t) {
|
||
return Lt(t, { matchingSelector: cl });
|
||
}
|
||
nodesModifiedByMutation(t) {
|
||
const e = [];
|
||
switch (t.type) {
|
||
case "attributes":
|
||
t.attributeName !== ya && e.push(t.target);
|
||
break;
|
||
case "characterData":
|
||
e.push(t.target.parentNode), e.push(t.target);
|
||
break;
|
||
case "childList":
|
||
e.push(...Array.from(t.addedNodes || [])), e.push(...Array.from(t.removedNodes || []));
|
||
}
|
||
return e;
|
||
}
|
||
getMutationSummary() {
|
||
return this.getTextMutationSummary();
|
||
}
|
||
getTextMutationSummary() {
|
||
const { additions: t, deletions: e } = this.getTextChangesFromCharacterData(), i = this.getTextChangesFromChildList();
|
||
Array.from(i.additions).forEach(((o) => {
|
||
Array.from(t).includes(o) || t.push(o);
|
||
})), e.push(...Array.from(i.deletions || []));
|
||
const n = {}, r = t.join("");
|
||
r && (n.textAdded = r);
|
||
const a = e.join("");
|
||
return a && (n.textDeleted = a), n;
|
||
}
|
||
getMutationsByType(t) {
|
||
return Array.from(this.mutations).filter(((e) => e.type === t));
|
||
}
|
||
getTextChangesFromChildList() {
|
||
let t, e;
|
||
const i = [], n = [];
|
||
Array.from(this.getMutationsByType("childList")).forEach(((o) => {
|
||
i.push(...Array.from(o.addedNodes || [])), n.push(...Array.from(o.removedNodes || []));
|
||
})), i.length === 0 && n.length === 1 && Zt(n[0]) ? (t = [], e = [`
|
||
`]) : (t = yn(i), e = yn(n));
|
||
const r = t.filter(((o, l) => o !== e[l])).map(fe), a = e.filter(((o, l) => o !== t[l])).map(fe);
|
||
return { additions: r, deletions: a };
|
||
}
|
||
getTextChangesFromCharacterData() {
|
||
let t, e;
|
||
const i = this.getMutationsByType("characterData");
|
||
if (i.length) {
|
||
const n = i[0], r = i[i.length - 1], a = (function(o, l) {
|
||
let c, u;
|
||
return o = Le.box(o), (l = Le.box(l)).length < o.length ? [u, c] = us(o, l) : [c, u] = us(l, o), { added: c, removed: u };
|
||
})(fe(n.oldValue), fe(r.target.data));
|
||
t = a.added, e = a.removed;
|
||
}
|
||
return { additions: t ? [t] : [], deletions: e ? [e] : [] };
|
||
}
|
||
}
|
||
const yn = function() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
||
const t = [];
|
||
for (const e of Array.from(s)) switch (e.nodeType) {
|
||
case Node.TEXT_NODE:
|
||
t.push(e.data);
|
||
break;
|
||
case Node.ELEMENT_NODE:
|
||
Y(e) === "br" ? t.push(`
|
||
`) : t.push(...Array.from(yn(e.childNodes) || []));
|
||
}
|
||
return t;
|
||
};
|
||
class Ea extends ti {
|
||
constructor(t) {
|
||
super(...arguments), this.file = t;
|
||
}
|
||
perform(t) {
|
||
const e = new FileReader();
|
||
return e.onerror = () => t(!1), e.onload = () => {
|
||
e.onerror = null;
|
||
try {
|
||
e.abort();
|
||
} catch {
|
||
}
|
||
return t(!0, this.file);
|
||
}, e.readAsArrayBuffer(this.file);
|
||
}
|
||
}
|
||
class ul {
|
||
constructor(t) {
|
||
this.element = t;
|
||
}
|
||
shouldIgnore(t) {
|
||
return !!Te.samsungAndroid && (this.previousEvent = this.event, this.event = t, this.checkSamsungKeyboardBuggyModeStart(), this.checkSamsungKeyboardBuggyModeEnd(), this.buggyMode);
|
||
}
|
||
checkSamsungKeyboardBuggyModeStart() {
|
||
this.insertingLongTextAfterUnidentifiedChar() && ml(this.element.innerText, this.event.data) && (this.buggyMode = !0, this.event.preventDefault());
|
||
}
|
||
checkSamsungKeyboardBuggyModeEnd() {
|
||
this.buggyMode && this.event.inputType !== "insertText" && (this.buggyMode = !1);
|
||
}
|
||
insertingLongTextAfterUnidentifiedChar() {
|
||
var t;
|
||
return this.isBeforeInputInsertText() && this.previousEventWasUnidentifiedKeydown() && ((t = this.event.data) === null || t === void 0 ? void 0 : t.length) > 50;
|
||
}
|
||
isBeforeInputInsertText() {
|
||
return this.event.type === "beforeinput" && this.event.inputType === "insertText";
|
||
}
|
||
previousEventWasUnidentifiedKeydown() {
|
||
var t, e;
|
||
return ((t = this.previousEvent) === null || t === void 0 ? void 0 : t.type) === "keydown" && ((e = this.previousEvent) === null || e === void 0 ? void 0 : e.key) === "Unidentified";
|
||
}
|
||
}
|
||
const ml = (s, t) => Os(s) === Os(t), gl = new RegExp("(".concat("", "|").concat(ni, "|").concat(St, "|\\s)+"), "g"), Os = (s) => s.replace(gl, " ").trim();
|
||
class ai extends H {
|
||
constructor(t) {
|
||
super(...arguments), this.element = t, this.mutationObserver = new Aa(this.element), this.mutationObserver.delegate = this, this.flakyKeyboardDetector = new ul(this.element);
|
||
for (const e in this.constructor.events) B(e, { onElement: this.element, withCallback: this.handlerFor(e) });
|
||
}
|
||
elementDidMutate(t) {
|
||
}
|
||
editorWillSyncDocumentView() {
|
||
return this.mutationObserver.stop();
|
||
}
|
||
editorDidSyncDocumentView() {
|
||
return this.mutationObserver.start();
|
||
}
|
||
requestRender() {
|
||
var t, e;
|
||
return (t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidRequestRender) === null || e === void 0 ? void 0 : e.call(t);
|
||
}
|
||
requestReparse() {
|
||
var t, e;
|
||
return (t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidRequestReparse) === null || e === void 0 || e.call(t), this.requestRender();
|
||
}
|
||
attachFiles(t) {
|
||
const e = Array.from(t).map(((i) => new Ea(i)));
|
||
return Promise.all(e).then(((i) => {
|
||
this.handleInput((function() {
|
||
var n, r;
|
||
return (n = this.delegate) === null || n === void 0 || n.inputControllerWillAttachFiles(), (r = this.responder) === null || r === void 0 || r.insertFiles(i), this.requestRender();
|
||
}));
|
||
}));
|
||
}
|
||
handlerFor(t) {
|
||
return (e) => {
|
||
e.defaultPrevented || this.handleInput((() => {
|
||
if (!Cn(this.element)) {
|
||
if (this.flakyKeyboardDetector.shouldIgnore(e)) return;
|
||
this.eventName = t, this.constructor.events[t].call(this, e);
|
||
}
|
||
}));
|
||
};
|
||
}
|
||
handleInput(t) {
|
||
try {
|
||
var e;
|
||
(e = this.delegate) === null || e === void 0 || e.inputControllerWillHandleInput(), t.call(this);
|
||
} finally {
|
||
var i;
|
||
(i = this.delegate) === null || i === void 0 || i.inputControllerDidHandleInput();
|
||
}
|
||
}
|
||
createLinkHTML(t, e) {
|
||
const i = document.createElement("a");
|
||
return i.href = t, i.textContent = e || t, i.outerHTML;
|
||
}
|
||
}
|
||
var Wi;
|
||
G(ai, "events", {});
|
||
const { browser: pl, keyNames: xa } = ke;
|
||
let fl = 0;
|
||
class bt extends ai {
|
||
constructor() {
|
||
super(...arguments), this.resetInputSummary();
|
||
}
|
||
setInputSummary() {
|
||
let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
||
this.inputSummary.eventName = this.eventName;
|
||
for (const e in t) {
|
||
const i = t[e];
|
||
this.inputSummary[e] = i;
|
||
}
|
||
return this.inputSummary;
|
||
}
|
||
resetInputSummary() {
|
||
this.inputSummary = {};
|
||
}
|
||
reset() {
|
||
return this.resetInputSummary(), Ht.reset();
|
||
}
|
||
elementDidMutate(t) {
|
||
var e, i;
|
||
return this.isComposing() ? (e = this.delegate) === null || e === void 0 || (i = e.inputControllerDidAllowUnhandledInput) === null || i === void 0 ? void 0 : i.call(e) : this.handleInput((function() {
|
||
return this.mutationIsSignificant(t) && (this.mutationIsExpected(t) ? this.requestRender() : this.requestReparse()), this.reset();
|
||
}));
|
||
}
|
||
mutationIsExpected(t) {
|
||
let { textAdded: e, textDeleted: i } = t;
|
||
if (this.inputSummary.preferDocument) return !0;
|
||
const n = e != null ? e === this.inputSummary.textAdded : !this.inputSummary.textAdded, r = i != null ? this.inputSummary.didDelete : !this.inputSummary.didDelete, a = [`
|
||
`, `
|
||
`].includes(e) && !n, o = i === `
|
||
` && !r;
|
||
if (a && !o || o && !a) {
|
||
const c = this.getSelectedRange();
|
||
if (c) {
|
||
var l;
|
||
const u = a ? e.replace(/\n$/, "").length || -1 : e?.length || 1;
|
||
if ((l = this.responder) !== null && l !== void 0 && l.positionIsBlockBreak(c[1] + u)) return !0;
|
||
}
|
||
}
|
||
return n && r;
|
||
}
|
||
mutationIsSignificant(t) {
|
||
var e;
|
||
const i = Object.keys(t).length > 0, n = ((e = this.compositionInput) === null || e === void 0 ? void 0 : e.getEndData()) === "";
|
||
return i || !n;
|
||
}
|
||
getCompositionInput() {
|
||
if (this.isComposing()) return this.compositionInput;
|
||
this.compositionInput = new At(this);
|
||
}
|
||
isComposing() {
|
||
return this.compositionInput && !this.compositionInput.isEnded();
|
||
}
|
||
deleteInDirection(t, e) {
|
||
var i;
|
||
return ((i = this.responder) === null || i === void 0 ? void 0 : i.deleteInDirection(t)) !== !1 ? this.setInputSummary({ didDelete: !0 }) : e ? (e.preventDefault(), this.requestRender()) : void 0;
|
||
}
|
||
serializeSelectionToDataTransfer(t) {
|
||
var e;
|
||
if (!(function(n) {
|
||
if (n == null || !n.setData) return !1;
|
||
for (const r in ds) {
|
||
const a = ds[r];
|
||
try {
|
||
if (n.setData(r, a), !n.getData(r) === a) return !1;
|
||
} catch {
|
||
return !1;
|
||
}
|
||
}
|
||
return !0;
|
||
})(t)) return;
|
||
const i = (e = this.responder) === null || e === void 0 ? void 0 : e.getSelectedDocument().toSerializableDocument();
|
||
return t.setData("application/x-trix-document", JSON.stringify(i)), t.setData("text/html", ri.render(i).innerHTML), t.setData("text/plain", i.toString().replace(/\n$/, "")), !0;
|
||
}
|
||
canAcceptDataTransfer(t) {
|
||
const e = {};
|
||
return Array.from(t?.types || []).forEach(((i) => {
|
||
e[i] = !0;
|
||
})), e.Files || e["application/x-trix-document"] || e["text/html"] || e["text/plain"];
|
||
}
|
||
getPastedHTMLUsingHiddenElement(t) {
|
||
const e = this.getSelectedRange(), i = { position: "absolute", left: "".concat(window.pageXOffset, "px"), top: "".concat(window.pageYOffset, "px"), opacity: 0 }, n = x({ style: i, tagName: "div", editable: !0 });
|
||
return document.body.appendChild(n), n.focus(), requestAnimationFrame((() => {
|
||
const r = n.innerHTML;
|
||
return Ct(n), this.setSelectedRange(e), t(r);
|
||
}));
|
||
}
|
||
}
|
||
G(bt, "events", { keydown(s) {
|
||
this.isComposing() || this.resetInputSummary(), this.inputSummary.didInput = !0;
|
||
const t = xa[s.keyCode];
|
||
if (t) {
|
||
var e;
|
||
let n = this.keys;
|
||
["ctrl", "alt", "shift", "meta"].forEach(((r) => {
|
||
var a;
|
||
s["".concat(r, "Key")] && (r === "ctrl" && (r = "control"), n = (a = n) === null || a === void 0 ? void 0 : a[r]);
|
||
})), ((e = n) === null || e === void 0 ? void 0 : e[t]) != null && (this.setInputSummary({ keyName: t }), Ht.reset(), n[t].call(this, s));
|
||
}
|
||
if (jr(s)) {
|
||
const n = String.fromCharCode(s.keyCode).toLowerCase();
|
||
if (n) {
|
||
var i;
|
||
const r = ["alt", "shift"].map(((a) => {
|
||
if (s["".concat(a, "Key")]) return a;
|
||
})).filter(((a) => a));
|
||
r.push(n), (i = this.delegate) !== null && i !== void 0 && i.inputControllerDidReceiveKeyboardCommand(r) && s.preventDefault();
|
||
}
|
||
}
|
||
}, keypress(s) {
|
||
if (this.inputSummary.eventName != null || s.metaKey || s.ctrlKey && !s.altKey) return;
|
||
const t = vl(s);
|
||
var e, i;
|
||
return t ? ((e = this.delegate) === null || e === void 0 || e.inputControllerWillPerformTyping(), (i = this.responder) === null || i === void 0 || i.insertString(t), this.setInputSummary({ textAdded: t, didDelete: this.selectionIsExpanded() })) : void 0;
|
||
}, textInput(s) {
|
||
const { data: t } = s, { textAdded: e } = this.inputSummary;
|
||
if (e && e !== t && e.toUpperCase() === t) {
|
||
var i;
|
||
const n = this.getSelectedRange();
|
||
return this.setSelectedRange([n[0], n[1] + e.length]), (i = this.responder) === null || i === void 0 || i.insertString(t), this.setInputSummary({ textAdded: t }), this.setSelectedRange(n);
|
||
}
|
||
}, dragenter(s) {
|
||
s.preventDefault();
|
||
}, dragstart(s) {
|
||
var t, e;
|
||
return this.serializeSelectionToDataTransfer(s.dataTransfer), this.draggedRange = this.getSelectedRange(), (t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidStartDrag) === null || e === void 0 ? void 0 : e.call(t);
|
||
}, dragover(s) {
|
||
if (this.draggedRange || this.canAcceptDataTransfer(s.dataTransfer)) {
|
||
s.preventDefault();
|
||
const i = { x: s.clientX, y: s.clientY };
|
||
var t, e;
|
||
if (!ne(i, this.draggingPoint)) return this.draggingPoint = i, (t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidReceiveDragOverPoint) === null || e === void 0 ? void 0 : e.call(t, this.draggingPoint);
|
||
}
|
||
}, dragend(s) {
|
||
var t, e;
|
||
(t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidCancelDrag) === null || e === void 0 || e.call(t), this.draggedRange = null, this.draggingPoint = null;
|
||
}, drop(s) {
|
||
var t, e;
|
||
s.preventDefault();
|
||
const i = (t = s.dataTransfer) === null || t === void 0 ? void 0 : t.files, n = s.dataTransfer.getData("application/x-trix-document"), r = { x: s.clientX, y: s.clientY };
|
||
if ((e = this.responder) === null || e === void 0 || e.setLocationRangeFromPointRange(r), i != null && i.length) this.attachFiles(i);
|
||
else if (this.draggedRange) {
|
||
var a, o;
|
||
(a = this.delegate) === null || a === void 0 || a.inputControllerWillMoveText(), (o = this.responder) === null || o === void 0 || o.moveTextFromRange(this.draggedRange), this.draggedRange = null, this.requestRender();
|
||
} else if (n) {
|
||
var l;
|
||
const c = nt.fromJSONString(n);
|
||
(l = this.responder) === null || l === void 0 || l.insertDocument(c), this.requestRender();
|
||
}
|
||
this.draggedRange = null, this.draggingPoint = null;
|
||
}, cut(s) {
|
||
var t, e;
|
||
if ((t = this.responder) !== null && t !== void 0 && t.selectionIsExpanded() && (this.serializeSelectionToDataTransfer(s.clipboardData) && s.preventDefault(), (e = this.delegate) === null || e === void 0 || e.inputControllerWillCutText(), this.deleteInDirection("backward"), s.defaultPrevented)) return this.requestRender();
|
||
}, copy(s) {
|
||
var t;
|
||
(t = this.responder) !== null && t !== void 0 && t.selectionIsExpanded() && this.serializeSelectionToDataTransfer(s.clipboardData) && s.preventDefault();
|
||
}, paste(s) {
|
||
const t = s.clipboardData || s.testClipboardData, e = { clipboard: t };
|
||
if (!t || yl(s)) return void this.getPastedHTMLUsingHiddenElement(((_) => {
|
||
var S, E, j;
|
||
return e.type = "text/html", e.html = _, (S = this.delegate) === null || S === void 0 || S.inputControllerWillPaste(e), (E = this.responder) === null || E === void 0 || E.insertHTML(e.html), this.requestRender(), (j = this.delegate) === null || j === void 0 ? void 0 : j.inputControllerDidPaste(e);
|
||
}));
|
||
const i = t.getData("URL"), n = t.getData("text/html"), r = t.getData("public.url-name");
|
||
if (i) {
|
||
var a, o, l;
|
||
let _;
|
||
e.type = "text/html", _ = r ? Rn(r).trim() : i, e.html = this.createLinkHTML(i, _), (a = this.delegate) === null || a === void 0 || a.inputControllerWillPaste(e), this.setInputSummary({ textAdded: _, didDelete: this.selectionIsExpanded() }), (o = this.responder) === null || o === void 0 || o.insertHTML(e.html), this.requestRender(), (l = this.delegate) === null || l === void 0 || l.inputControllerDidPaste(e);
|
||
} else if (Vr(t)) {
|
||
var c, u, m;
|
||
e.type = "text/plain", e.string = t.getData("text/plain"), (c = this.delegate) === null || c === void 0 || c.inputControllerWillPaste(e), this.setInputSummary({ textAdded: e.string, didDelete: this.selectionIsExpanded() }), (u = this.responder) === null || u === void 0 || u.insertString(e.string), this.requestRender(), (m = this.delegate) === null || m === void 0 || m.inputControllerDidPaste(e);
|
||
} else if (n) {
|
||
var p, h, b;
|
||
e.type = "text/html", e.html = n, (p = this.delegate) === null || p === void 0 || p.inputControllerWillPaste(e), (h = this.responder) === null || h === void 0 || h.insertHTML(e.html), this.requestRender(), (b = this.delegate) === null || b === void 0 || b.inputControllerDidPaste(e);
|
||
} else if (Array.from(t.types).includes("Files")) {
|
||
var A, I;
|
||
const _ = (A = t.items) === null || A === void 0 || (A = A[0]) === null || A === void 0 || (I = A.getAsFile) === null || I === void 0 ? void 0 : I.call(A);
|
||
if (_) {
|
||
var q, R, $;
|
||
const S = bl(_);
|
||
!_.name && S && (_.name = "pasted-file-".concat(++fl, ".").concat(S)), e.type = "File", e.file = _, (q = this.delegate) === null || q === void 0 || q.inputControllerWillAttachFiles(), (R = this.responder) === null || R === void 0 || R.insertFile(e.file), this.requestRender(), ($ = this.delegate) === null || $ === void 0 || $.inputControllerDidPaste(e);
|
||
}
|
||
}
|
||
s.preventDefault();
|
||
}, compositionstart(s) {
|
||
return this.getCompositionInput().start(s.data);
|
||
}, compositionupdate(s) {
|
||
return this.getCompositionInput().update(s.data);
|
||
}, compositionend(s) {
|
||
return this.getCompositionInput().end(s.data);
|
||
}, beforeinput(s) {
|
||
this.inputSummary.didInput = !0;
|
||
}, input(s) {
|
||
return this.inputSummary.didInput = !0, s.stopPropagation();
|
||
} }), G(bt, "keys", { backspace(s) {
|
||
var t;
|
||
return (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), this.deleteInDirection("backward", s);
|
||
}, delete(s) {
|
||
var t;
|
||
return (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), this.deleteInDirection("forward", s);
|
||
}, return(s) {
|
||
var t, e;
|
||
return this.setInputSummary({ preferDocument: !0 }), (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), (e = this.responder) === null || e === void 0 ? void 0 : e.insertLineBreak();
|
||
}, tab(s) {
|
||
var t, e;
|
||
(t = this.responder) !== null && t !== void 0 && t.canIncreaseNestingLevel() && ((e = this.responder) === null || e === void 0 || e.increaseNestingLevel(), this.requestRender(), s.preventDefault());
|
||
}, left(s) {
|
||
var t;
|
||
if (this.selectionIsInCursorTarget()) return s.preventDefault(), (t = this.responder) === null || t === void 0 ? void 0 : t.moveCursorInDirection("backward");
|
||
}, right(s) {
|
||
var t;
|
||
if (this.selectionIsInCursorTarget()) return s.preventDefault(), (t = this.responder) === null || t === void 0 ? void 0 : t.moveCursorInDirection("forward");
|
||
}, control: { d(s) {
|
||
var t;
|
||
return (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), this.deleteInDirection("forward", s);
|
||
}, h(s) {
|
||
var t;
|
||
return (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), this.deleteInDirection("backward", s);
|
||
}, o(s) {
|
||
var t, e;
|
||
return s.preventDefault(), (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), (e = this.responder) === null || e === void 0 || e.insertString(`
|
||
`, { updatePosition: !1 }), this.requestRender();
|
||
} }, shift: { return(s) {
|
||
var t, e;
|
||
(t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), (e = this.responder) === null || e === void 0 || e.insertString(`
|
||
`), this.requestRender(), s.preventDefault();
|
||
}, tab(s) {
|
||
var t, e;
|
||
(t = this.responder) !== null && t !== void 0 && t.canDecreaseNestingLevel() && ((e = this.responder) === null || e === void 0 || e.decreaseNestingLevel(), this.requestRender(), s.preventDefault());
|
||
}, left(s) {
|
||
if (this.selectionIsInCursorTarget()) return s.preventDefault(), this.expandSelectionInDirection("backward");
|
||
}, right(s) {
|
||
if (this.selectionIsInCursorTarget()) return s.preventDefault(), this.expandSelectionInDirection("forward");
|
||
} }, alt: { backspace(s) {
|
||
var t;
|
||
return this.setInputSummary({ preferDocument: !1 }), (t = this.delegate) === null || t === void 0 ? void 0 : t.inputControllerWillPerformTyping();
|
||
} }, meta: { backspace(s) {
|
||
var t;
|
||
return this.setInputSummary({ preferDocument: !1 }), (t = this.delegate) === null || t === void 0 ? void 0 : t.inputControllerWillPerformTyping();
|
||
} } }), bt.proxyMethod("responder?.getSelectedRange"), bt.proxyMethod("responder?.setSelectedRange"), bt.proxyMethod("responder?.expandSelectionInDirection"), bt.proxyMethod("responder?.selectionIsInCursorTarget"), bt.proxyMethod("responder?.selectionIsExpanded");
|
||
const bl = (s) => {
|
||
var t;
|
||
return (t = s.type) === null || t === void 0 || (t = t.match(/\/(\w+)$/)) === null || t === void 0 ? void 0 : t[1];
|
||
}, _l = !((Wi = " ".codePointAt) === null || Wi === void 0 || !Wi.call(" ", 0)), vl = function(s) {
|
||
if (s.key && _l && s.key.codePointAt(0) === s.keyCode) return s.key;
|
||
{
|
||
let t;
|
||
if (s.which === null ? t = s.keyCode : s.which !== 0 && s.charCode !== 0 && (t = s.charCode), t != null && xa[t] !== "escape") return Le.fromCodepoints([t]).toString();
|
||
}
|
||
}, yl = function(s) {
|
||
const t = s.clipboardData;
|
||
if (t) {
|
||
if (t.types.includes("text/html")) {
|
||
for (const e of t.types) {
|
||
const i = /^CorePasteboardFlavorType/.test(e), n = /^dyn\./.test(e) && t.getData(e);
|
||
if (i || n) return !0;
|
||
}
|
||
return !1;
|
||
}
|
||
{
|
||
const e = t.types.includes("com.apple.webarchive"), i = t.types.includes("com.apple.flat-rtfd");
|
||
return e || i;
|
||
}
|
||
}
|
||
};
|
||
class At extends H {
|
||
constructor(t) {
|
||
super(...arguments), this.inputController = t, this.responder = this.inputController.responder, this.delegate = this.inputController.delegate, this.inputSummary = this.inputController.inputSummary, this.data = {};
|
||
}
|
||
start(t) {
|
||
if (this.data.start = t, this.isSignificant()) {
|
||
var e, i;
|
||
this.inputSummary.eventName === "keypress" && this.inputSummary.textAdded && ((i = this.responder) === null || i === void 0 || i.deleteInDirection("left")), this.selectionIsExpanded() || (this.insertPlaceholder(), this.requestRender()), this.range = (e = this.responder) === null || e === void 0 ? void 0 : e.getSelectedRange();
|
||
}
|
||
}
|
||
update(t) {
|
||
if (this.data.update = t, this.isSignificant()) {
|
||
const e = this.selectPlaceholder();
|
||
e && (this.forgetPlaceholder(), this.range = e);
|
||
}
|
||
}
|
||
end(t) {
|
||
return this.data.end = t, this.isSignificant() ? (this.forgetPlaceholder(), this.canApplyToDocument() ? (this.setInputSummary({ preferDocument: !0, didInput: !1 }), (e = this.delegate) === null || e === void 0 || e.inputControllerWillPerformTyping(), (i = this.responder) === null || i === void 0 || i.setSelectedRange(this.range), (n = this.responder) === null || n === void 0 || n.insertString(this.data.end), (r = this.responder) === null || r === void 0 ? void 0 : r.setSelectedRange(this.range[0] + this.data.end.length)) : this.data.start != null || this.data.update != null ? (this.requestReparse(), this.inputController.reset()) : void 0) : this.inputController.reset();
|
||
var e, i, n, r;
|
||
}
|
||
getEndData() {
|
||
return this.data.end;
|
||
}
|
||
isEnded() {
|
||
return this.getEndData() != null;
|
||
}
|
||
isSignificant() {
|
||
return !pl.composesExistingText || this.inputSummary.didInput;
|
||
}
|
||
canApplyToDocument() {
|
||
var t, e;
|
||
return ((t = this.data.start) === null || t === void 0 ? void 0 : t.length) === 0 && ((e = this.data.end) === null || e === void 0 ? void 0 : e.length) > 0 && this.range;
|
||
}
|
||
}
|
||
At.proxyMethod("inputController.setInputSummary"), At.proxyMethod("inputController.requestRender"), At.proxyMethod("inputController.requestReparse"), At.proxyMethod("responder?.selectionIsExpanded"), At.proxyMethod("responder?.insertPlaceholder"), At.proxyMethod("responder?.selectPlaceholder"), At.proxyMethod("responder?.forgetPlaceholder");
|
||
class Ee extends ai {
|
||
constructor() {
|
||
super(...arguments), this.render = this.render.bind(this);
|
||
}
|
||
elementDidMutate() {
|
||
return this.scheduledRender ? this.composing ? (t = this.delegate) === null || t === void 0 || (e = t.inputControllerDidAllowUnhandledInput) === null || e === void 0 ? void 0 : e.call(t) : void 0 : this.reparse();
|
||
var t, e;
|
||
}
|
||
scheduleRender() {
|
||
return this.scheduledRender ? this.scheduledRender : this.scheduledRender = requestAnimationFrame(this.render);
|
||
}
|
||
render() {
|
||
var t, e;
|
||
cancelAnimationFrame(this.scheduledRender), this.scheduledRender = null, this.composing || (e = this.delegate) === null || e === void 0 || e.render(), (t = this.afterRender) === null || t === void 0 || t.call(this), this.afterRender = null;
|
||
}
|
||
reparse() {
|
||
var t;
|
||
return (t = this.delegate) === null || t === void 0 ? void 0 : t.reparse();
|
||
}
|
||
insertString() {
|
||
var t;
|
||
let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", i = arguments.length > 1 ? arguments[1] : void 0;
|
||
return (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), this.withTargetDOMRange((function() {
|
||
var n;
|
||
return (n = this.responder) === null || n === void 0 ? void 0 : n.insertString(e, i);
|
||
}));
|
||
}
|
||
toggleAttributeIfSupported(t) {
|
||
var e;
|
||
if (mn().includes(t)) return (e = this.delegate) === null || e === void 0 || e.inputControllerWillPerformFormatting(t), this.withTargetDOMRange((function() {
|
||
var i;
|
||
return (i = this.responder) === null || i === void 0 ? void 0 : i.toggleCurrentAttribute(t);
|
||
}));
|
||
}
|
||
activateAttributeIfSupported(t, e) {
|
||
var i;
|
||
if (mn().includes(t)) return (i = this.delegate) === null || i === void 0 || i.inputControllerWillPerformFormatting(t), this.withTargetDOMRange((function() {
|
||
var n;
|
||
return (n = this.responder) === null || n === void 0 ? void 0 : n.setCurrentAttribute(t, e);
|
||
}));
|
||
}
|
||
deleteInDirection(t) {
|
||
let { recordUndoEntry: e } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { recordUndoEntry: !0 };
|
||
var i;
|
||
e && ((i = this.delegate) === null || i === void 0 || i.inputControllerWillPerformTyping());
|
||
const n = () => {
|
||
var a;
|
||
return (a = this.responder) === null || a === void 0 ? void 0 : a.deleteInDirection(t);
|
||
}, r = this.getTargetDOMRange({ minLength: this.composing ? 1 : 2 });
|
||
return r ? this.withTargetDOMRange(r, n) : n();
|
||
}
|
||
withTargetDOMRange(t, e) {
|
||
var i;
|
||
return typeof t == "function" && (e = t, t = this.getTargetDOMRange()), t ? (i = this.responder) === null || i === void 0 ? void 0 : i.withTargetDOMRange(t, e.bind(this)) : (Ht.reset(), e.call(this));
|
||
}
|
||
getTargetDOMRange() {
|
||
var t, e;
|
||
let { minLength: i } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { minLength: 0 };
|
||
const n = (t = (e = this.event).getTargetRanges) === null || t === void 0 ? void 0 : t.call(e);
|
||
if (n && n.length) {
|
||
const r = Al(n[0]);
|
||
if (i === 0 || r.toString().length >= i) return r;
|
||
}
|
||
}
|
||
withEvent(t, e) {
|
||
let i;
|
||
this.event = t;
|
||
try {
|
||
i = e.call(this);
|
||
} finally {
|
||
this.event = null;
|
||
}
|
||
return i;
|
||
}
|
||
}
|
||
G(Ee, "events", { keydown(s) {
|
||
if (jr(s)) {
|
||
var t;
|
||
const e = Sl(s);
|
||
(t = this.delegate) !== null && t !== void 0 && t.inputControllerDidReceiveKeyboardCommand(e) && s.preventDefault();
|
||
} else {
|
||
let e = s.key;
|
||
s.altKey && (e += "+Alt"), s.shiftKey && (e += "+Shift");
|
||
const i = this.constructor.keys[e];
|
||
if (i) return this.withEvent(s, i);
|
||
}
|
||
}, paste(s) {
|
||
var t;
|
||
let e;
|
||
const i = (t = s.clipboardData) === null || t === void 0 ? void 0 : t.getData("URL");
|
||
return Sa(s) ? (s.preventDefault(), this.attachFiles(s.clipboardData.files)) : xl(s) ? (s.preventDefault(), e = { type: "text/plain", string: s.clipboardData.getData("text/plain") }, (n = this.delegate) === null || n === void 0 || n.inputControllerWillPaste(e), (r = this.responder) === null || r === void 0 || r.insertString(e.string), this.render(), (a = this.delegate) === null || a === void 0 ? void 0 : a.inputControllerDidPaste(e)) : i ? (s.preventDefault(), e = { type: "text/html", html: this.createLinkHTML(i) }, (o = this.delegate) === null || o === void 0 || o.inputControllerWillPaste(e), (l = this.responder) === null || l === void 0 || l.insertHTML(e.html), this.render(), (c = this.delegate) === null || c === void 0 ? void 0 : c.inputControllerDidPaste(e)) : void 0;
|
||
var n, r, a, o, l, c;
|
||
}, beforeinput(s) {
|
||
const t = this.constructor.inputTypes[s.inputType], e = (i = s, !(!/iPhone|iPad/.test(navigator.userAgent) || i.inputType && i.inputType !== "insertParagraph"));
|
||
var i;
|
||
t && (this.withEvent(s, t), e || this.scheduleRender()), e && this.render();
|
||
}, input(s) {
|
||
Ht.reset();
|
||
}, dragstart(s) {
|
||
var t, e;
|
||
(t = this.responder) !== null && t !== void 0 && t.selectionContainsAttachments() && (s.dataTransfer.setData("application/x-trix-dragging", !0), this.dragging = { range: (e = this.responder) === null || e === void 0 ? void 0 : e.getSelectedRange(), point: Ki(s) });
|
||
}, dragenter(s) {
|
||
zi(s) && s.preventDefault();
|
||
}, dragover(s) {
|
||
if (this.dragging) {
|
||
s.preventDefault();
|
||
const e = Ki(s);
|
||
var t;
|
||
if (!ne(e, this.dragging.point)) return this.dragging.point = e, (t = this.responder) === null || t === void 0 ? void 0 : t.setLocationRangeFromPointRange(e);
|
||
} else zi(s) && s.preventDefault();
|
||
}, drop(s) {
|
||
var t, e;
|
||
if (this.dragging) return s.preventDefault(), (t = this.delegate) === null || t === void 0 || t.inputControllerWillMoveText(), (e = this.responder) === null || e === void 0 || e.moveTextFromRange(this.dragging.range), this.dragging = null, this.scheduleRender();
|
||
if (zi(s)) {
|
||
var i;
|
||
s.preventDefault();
|
||
const n = Ki(s);
|
||
return (i = this.responder) === null || i === void 0 || i.setLocationRangeFromPointRange(n), this.attachFiles(s.dataTransfer.files);
|
||
}
|
||
}, dragend() {
|
||
var s;
|
||
this.dragging && ((s = this.responder) === null || s === void 0 || s.setSelectedRange(this.dragging.range), this.dragging = null);
|
||
}, compositionend(s) {
|
||
this.composing && (this.composing = !1, Te.recentAndroid || this.scheduleRender());
|
||
} }), G(Ee, "keys", { ArrowLeft() {
|
||
var s, t;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.shouldManageMovingCursorInDirection("backward")) return this.event.preventDefault(), (t = this.responder) === null || t === void 0 ? void 0 : t.moveCursorInDirection("backward");
|
||
}, ArrowRight() {
|
||
var s, t;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.shouldManageMovingCursorInDirection("forward")) return this.event.preventDefault(), (t = this.responder) === null || t === void 0 ? void 0 : t.moveCursorInDirection("forward");
|
||
}, Backspace() {
|
||
var s, t, e;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.shouldManageDeletingInDirection("backward")) return this.event.preventDefault(), (t = this.delegate) === null || t === void 0 || t.inputControllerWillPerformTyping(), (e = this.responder) === null || e === void 0 || e.deleteInDirection("backward"), this.render();
|
||
}, Tab() {
|
||
var s, t;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.canIncreaseNestingLevel()) return this.event.preventDefault(), (t = this.responder) === null || t === void 0 || t.increaseNestingLevel(), this.render();
|
||
}, "Tab+Shift"() {
|
||
var s, t;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.canDecreaseNestingLevel()) return this.event.preventDefault(), (t = this.responder) === null || t === void 0 || t.decreaseNestingLevel(), this.render();
|
||
} }), G(Ee, "inputTypes", { deleteByComposition() {
|
||
return this.deleteInDirection("backward", { recordUndoEntry: !1 });
|
||
}, deleteByCut() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteByDrag() {
|
||
return this.event.preventDefault(), this.withTargetDOMRange((function() {
|
||
var s;
|
||
this.deleteByDragRange = (s = this.responder) === null || s === void 0 ? void 0 : s.getSelectedRange();
|
||
}));
|
||
}, deleteCompositionText() {
|
||
return this.deleteInDirection("backward", { recordUndoEntry: !1 });
|
||
}, deleteContent() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteContentBackward() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteContentForward() {
|
||
return this.deleteInDirection("forward");
|
||
}, deleteEntireSoftLine() {
|
||
return this.deleteInDirection("forward");
|
||
}, deleteHardLineBackward() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteHardLineForward() {
|
||
return this.deleteInDirection("forward");
|
||
}, deleteSoftLineBackward() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteSoftLineForward() {
|
||
return this.deleteInDirection("forward");
|
||
}, deleteWordBackward() {
|
||
return this.deleteInDirection("backward");
|
||
}, deleteWordForward() {
|
||
return this.deleteInDirection("forward");
|
||
}, formatBackColor() {
|
||
return this.activateAttributeIfSupported("backgroundColor", this.event.data);
|
||
}, formatBold() {
|
||
return this.toggleAttributeIfSupported("bold");
|
||
}, formatFontColor() {
|
||
return this.activateAttributeIfSupported("color", this.event.data);
|
||
}, formatFontName() {
|
||
return this.activateAttributeIfSupported("font", this.event.data);
|
||
}, formatIndent() {
|
||
var s;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.canIncreaseNestingLevel()) return this.withTargetDOMRange((function() {
|
||
var t;
|
||
return (t = this.responder) === null || t === void 0 ? void 0 : t.increaseNestingLevel();
|
||
}));
|
||
}, formatItalic() {
|
||
return this.toggleAttributeIfSupported("italic");
|
||
}, formatJustifyCenter() {
|
||
return this.toggleAttributeIfSupported("justifyCenter");
|
||
}, formatJustifyFull() {
|
||
return this.toggleAttributeIfSupported("justifyFull");
|
||
}, formatJustifyLeft() {
|
||
return this.toggleAttributeIfSupported("justifyLeft");
|
||
}, formatJustifyRight() {
|
||
return this.toggleAttributeIfSupported("justifyRight");
|
||
}, formatOutdent() {
|
||
var s;
|
||
if ((s = this.responder) !== null && s !== void 0 && s.canDecreaseNestingLevel()) return this.withTargetDOMRange((function() {
|
||
var t;
|
||
return (t = this.responder) === null || t === void 0 ? void 0 : t.decreaseNestingLevel();
|
||
}));
|
||
}, formatRemove() {
|
||
this.withTargetDOMRange((function() {
|
||
for (const e in (s = this.responder) === null || s === void 0 ? void 0 : s.getCurrentAttributes()) {
|
||
var s, t;
|
||
(t = this.responder) === null || t === void 0 || t.removeCurrentAttribute(e);
|
||
}
|
||
}));
|
||
}, formatSetBlockTextDirection() {
|
||
return this.activateAttributeIfSupported("blockDir", this.event.data);
|
||
}, formatSetInlineTextDirection() {
|
||
return this.activateAttributeIfSupported("textDir", this.event.data);
|
||
}, formatStrikeThrough() {
|
||
return this.toggleAttributeIfSupported("strike");
|
||
}, formatSubscript() {
|
||
return this.toggleAttributeIfSupported("sub");
|
||
}, formatSuperscript() {
|
||
return this.toggleAttributeIfSupported("sup");
|
||
}, formatUnderline() {
|
||
return this.toggleAttributeIfSupported("underline");
|
||
}, historyRedo() {
|
||
var s;
|
||
return (s = this.delegate) === null || s === void 0 ? void 0 : s.inputControllerWillPerformRedo();
|
||
}, historyUndo() {
|
||
var s;
|
||
return (s = this.delegate) === null || s === void 0 ? void 0 : s.inputControllerWillPerformUndo();
|
||
}, insertCompositionText() {
|
||
return this.composing = !0, this.insertString(this.event.data);
|
||
}, insertFromComposition() {
|
||
return this.composing = !1, this.insertString(this.event.data);
|
||
}, insertFromDrop() {
|
||
const s = this.deleteByDragRange;
|
||
var t;
|
||
if (s) return this.deleteByDragRange = null, (t = this.delegate) === null || t === void 0 || t.inputControllerWillMoveText(), this.withTargetDOMRange((function() {
|
||
var e;
|
||
return (e = this.responder) === null || e === void 0 ? void 0 : e.moveTextFromRange(s);
|
||
}));
|
||
}, insertFromPaste() {
|
||
const { dataTransfer: s } = this.event, t = { dataTransfer: s }, e = s.getData("URL"), i = s.getData("text/html");
|
||
if (e) {
|
||
var n;
|
||
let l;
|
||
this.event.preventDefault(), t.type = "text/html";
|
||
const c = s.getData("public.url-name");
|
||
l = c ? Rn(c).trim() : e, t.html = this.createLinkHTML(e, l), (n = this.delegate) === null || n === void 0 || n.inputControllerWillPaste(t), this.withTargetDOMRange((function() {
|
||
var u;
|
||
return (u = this.responder) === null || u === void 0 ? void 0 : u.insertHTML(t.html);
|
||
})), this.afterRender = () => {
|
||
var u;
|
||
return (u = this.delegate) === null || u === void 0 ? void 0 : u.inputControllerDidPaste(t);
|
||
};
|
||
} else if (Vr(s)) {
|
||
var r;
|
||
t.type = "text/plain", t.string = s.getData("text/plain"), (r = this.delegate) === null || r === void 0 || r.inputControllerWillPaste(t), this.withTargetDOMRange((function() {
|
||
var l;
|
||
return (l = this.responder) === null || l === void 0 ? void 0 : l.insertString(t.string);
|
||
})), this.afterRender = () => {
|
||
var l;
|
||
return (l = this.delegate) === null || l === void 0 ? void 0 : l.inputControllerDidPaste(t);
|
||
};
|
||
} else if (El(this.event)) {
|
||
var a;
|
||
t.type = "File", t.file = s.files[0], (a = this.delegate) === null || a === void 0 || a.inputControllerWillPaste(t), this.withTargetDOMRange((function() {
|
||
var l;
|
||
return (l = this.responder) === null || l === void 0 ? void 0 : l.insertFile(t.file);
|
||
})), this.afterRender = () => {
|
||
var l;
|
||
return (l = this.delegate) === null || l === void 0 ? void 0 : l.inputControllerDidPaste(t);
|
||
};
|
||
} else if (i) {
|
||
var o;
|
||
this.event.preventDefault(), t.type = "text/html", t.html = i, (o = this.delegate) === null || o === void 0 || o.inputControllerWillPaste(t), this.withTargetDOMRange((function() {
|
||
var l;
|
||
return (l = this.responder) === null || l === void 0 ? void 0 : l.insertHTML(t.html);
|
||
})), this.afterRender = () => {
|
||
var l;
|
||
return (l = this.delegate) === null || l === void 0 ? void 0 : l.inputControllerDidPaste(t);
|
||
};
|
||
}
|
||
}, insertFromYank() {
|
||
return this.insertString(this.event.data);
|
||
}, insertLineBreak() {
|
||
return this.insertString(`
|
||
`);
|
||
}, insertLink() {
|
||
return this.activateAttributeIfSupported("href", this.event.data);
|
||
}, insertOrderedList() {
|
||
return this.toggleAttributeIfSupported("number");
|
||
}, insertParagraph() {
|
||
var s;
|
||
return (s = this.delegate) === null || s === void 0 || s.inputControllerWillPerformTyping(), this.withTargetDOMRange((function() {
|
||
var t;
|
||
return (t = this.responder) === null || t === void 0 ? void 0 : t.insertLineBreak();
|
||
}));
|
||
}, insertReplacementText() {
|
||
const s = this.event.dataTransfer.getData("text/plain"), t = this.event.getTargetRanges()[0];
|
||
this.withTargetDOMRange(t, (() => {
|
||
this.insertString(s, { updatePosition: !1 });
|
||
}));
|
||
}, insertText() {
|
||
var s;
|
||
return this.insertString(this.event.data || ((s = this.event.dataTransfer) === null || s === void 0 ? void 0 : s.getData("text/plain")));
|
||
}, insertTranspose() {
|
||
return this.insertString(this.event.data);
|
||
}, insertUnorderedList() {
|
||
return this.toggleAttributeIfSupported("bullet");
|
||
} });
|
||
const Al = function(s) {
|
||
const t = document.createRange();
|
||
return t.setStart(s.startContainer, s.startOffset), t.setEnd(s.endContainer, s.endOffset), t;
|
||
}, zi = (s) => {
|
||
var t;
|
||
return Array.from(((t = s.dataTransfer) === null || t === void 0 ? void 0 : t.types) || []).includes("Files");
|
||
}, El = (s) => {
|
||
var t;
|
||
return ((t = s.dataTransfer.files) === null || t === void 0 ? void 0 : t[0]) && !Sa(s) && !((e) => {
|
||
let { dataTransfer: i } = e;
|
||
return i.types.includes("Files") && i.types.includes("text/html") && i.getData("text/html").includes("urn:schemas-microsoft-com:office:office");
|
||
})(s);
|
||
}, Sa = function(s) {
|
||
const t = s.clipboardData;
|
||
if (t)
|
||
return Array.from(t.types).filter(((e) => e.match(/file/i))).length === t.types.length && t.files.length >= 1;
|
||
}, xl = function(s) {
|
||
const t = s.clipboardData;
|
||
if (t) return t.types.includes("text/plain") && t.types.length === 1;
|
||
}, Sl = function(s) {
|
||
const t = [];
|
||
return s.altKey && t.push("alt"), s.shiftKey && t.push("shift"), t.push(s.key), t;
|
||
}, Ki = (s) => ({ x: s.clientX, y: s.clientY }), An = "[data-trix-attribute]", En = "[data-trix-action]", Ll = "".concat(An, ", ").concat(En), oi = "[data-trix-dialog]", Cl = "".concat(oi, "[data-trix-active]"), wl = "".concat(oi, " [data-trix-method]"), Bs = "".concat(oi, " [data-trix-input]"), Ms = (s, t) => (t || (t = Qt(s)), s.querySelector("[data-trix-input][name='".concat(t, "']"))), Ns = (s) => s.getAttribute("data-trix-action"), Qt = (s) => s.getAttribute("data-trix-attribute") || s.getAttribute("data-trix-dialog-attribute");
|
||
class La extends H {
|
||
constructor(t) {
|
||
super(t), this.didClickActionButton = this.didClickActionButton.bind(this), this.didClickAttributeButton = this.didClickAttributeButton.bind(this), this.didClickDialogButton = this.didClickDialogButton.bind(this), this.didKeyDownDialogInput = this.didKeyDownDialogInput.bind(this), this.element = t, this.attributes = {}, this.actions = {}, this.resetDialogInputs(), B("mousedown", { onElement: this.element, matchingSelector: En, withCallback: this.didClickActionButton }), B("mousedown", { onElement: this.element, matchingSelector: An, withCallback: this.didClickAttributeButton }), B("click", { onElement: this.element, matchingSelector: Ll, preventDefault: !0 }), B("click", { onElement: this.element, matchingSelector: wl, withCallback: this.didClickDialogButton }), B("keydown", { onElement: this.element, matchingSelector: Bs, withCallback: this.didKeyDownDialogInput });
|
||
}
|
||
didClickActionButton(t, e) {
|
||
var i;
|
||
(i = this.delegate) === null || i === void 0 || i.toolbarDidClickButton(), t.preventDefault();
|
||
const n = Ns(e);
|
||
return this.getDialog(n) ? this.toggleDialog(n) : (r = this.delegate) === null || r === void 0 ? void 0 : r.toolbarDidInvokeAction(n, e);
|
||
var r;
|
||
}
|
||
didClickAttributeButton(t, e) {
|
||
var i;
|
||
(i = this.delegate) === null || i === void 0 || i.toolbarDidClickButton(), t.preventDefault();
|
||
const n = Qt(e);
|
||
var r;
|
||
return this.getDialog(n) ? this.toggleDialog(n) : (r = this.delegate) === null || r === void 0 || r.toolbarDidToggleAttribute(n), this.refreshAttributeButtons();
|
||
}
|
||
didClickDialogButton(t, e) {
|
||
const i = Lt(e, { matchingSelector: oi });
|
||
return this[e.getAttribute("data-trix-method")].call(this, i);
|
||
}
|
||
didKeyDownDialogInput(t, e) {
|
||
if (t.keyCode === 13) {
|
||
t.preventDefault();
|
||
const i = e.getAttribute("name"), n = this.getDialog(i);
|
||
this.setAttribute(n);
|
||
}
|
||
if (t.keyCode === 27) return t.preventDefault(), this.hideDialog();
|
||
}
|
||
updateActions(t) {
|
||
return this.actions = t, this.refreshActionButtons();
|
||
}
|
||
refreshActionButtons() {
|
||
return this.eachActionButton(((t, e) => {
|
||
t.disabled = this.actions[e] === !1;
|
||
}));
|
||
}
|
||
eachActionButton(t) {
|
||
return Array.from(this.element.querySelectorAll(En)).map(((e) => t(e, Ns(e))));
|
||
}
|
||
updateAttributes(t) {
|
||
return this.attributes = t, this.refreshAttributeButtons();
|
||
}
|
||
refreshAttributeButtons() {
|
||
return this.eachAttributeButton(((t, e) => (t.disabled = this.attributes[e] === !1, this.attributes[e] || this.dialogIsVisible(e) ? (t.setAttribute("data-trix-active", ""), t.classList.add("trix-active")) : (t.removeAttribute("data-trix-active"), t.classList.remove("trix-active")))));
|
||
}
|
||
eachAttributeButton(t) {
|
||
return Array.from(this.element.querySelectorAll(An)).map(((e) => t(e, Qt(e))));
|
||
}
|
||
applyKeyboardCommand(t) {
|
||
const e = JSON.stringify(t.sort());
|
||
for (const i of Array.from(this.element.querySelectorAll("[data-trix-key]"))) {
|
||
const n = i.getAttribute("data-trix-key").split("+");
|
||
if (JSON.stringify(n.sort()) === e) return be("mousedown", { onElement: i }), !0;
|
||
}
|
||
return !1;
|
||
}
|
||
dialogIsVisible(t) {
|
||
const e = this.getDialog(t);
|
||
if (e) return e.hasAttribute("data-trix-active");
|
||
}
|
||
toggleDialog(t) {
|
||
return this.dialogIsVisible(t) ? this.hideDialog() : this.showDialog(t);
|
||
}
|
||
showDialog(t) {
|
||
var e, i;
|
||
this.hideDialog(), (e = this.delegate) === null || e === void 0 || e.toolbarWillShowDialog();
|
||
const n = this.getDialog(t);
|
||
n.setAttribute("data-trix-active", ""), n.classList.add("trix-active"), Array.from(n.querySelectorAll("input[disabled]")).forEach(((a) => {
|
||
a.removeAttribute("disabled");
|
||
}));
|
||
const r = Qt(n);
|
||
if (r) {
|
||
const a = Ms(n, t);
|
||
a && (a.value = this.attributes[r] || "", a.select());
|
||
}
|
||
return (i = this.delegate) === null || i === void 0 ? void 0 : i.toolbarDidShowDialog(t);
|
||
}
|
||
setAttribute(t) {
|
||
var e;
|
||
const i = Qt(t), n = Ms(t, i);
|
||
return !n.willValidate || (n.setCustomValidity(""), n.checkValidity() && this.isSafeAttribute(n)) ? ((e = this.delegate) === null || e === void 0 || e.toolbarDidUpdateAttribute(i, n.value), this.hideDialog()) : (n.setCustomValidity("Invalid value"), n.setAttribute("data-trix-validate", ""), n.classList.add("trix-validate"), n.focus());
|
||
}
|
||
isSafeAttribute(t) {
|
||
return !t.hasAttribute("data-trix-validate-href") || Ce.isValidAttribute("a", "href", t.value);
|
||
}
|
||
removeAttribute(t) {
|
||
var e;
|
||
const i = Qt(t);
|
||
return (e = this.delegate) === null || e === void 0 || e.toolbarDidRemoveAttribute(i), this.hideDialog();
|
||
}
|
||
hideDialog() {
|
||
const t = this.element.querySelector(Cl);
|
||
var e;
|
||
if (t) return t.removeAttribute("data-trix-active"), t.classList.remove("trix-active"), this.resetDialogInputs(), (e = this.delegate) === null || e === void 0 ? void 0 : e.toolbarDidHideDialog(((i) => i.getAttribute("data-trix-dialog"))(t));
|
||
}
|
||
resetDialogInputs() {
|
||
Array.from(this.element.querySelectorAll(Bs)).forEach(((t) => {
|
||
t.setAttribute("disabled", "disabled"), t.removeAttribute("data-trix-validate"), t.classList.remove("trix-validate");
|
||
}));
|
||
}
|
||
getDialog(t) {
|
||
return this.element.querySelector("[data-trix-dialog=".concat(t, "]"));
|
||
}
|
||
}
|
||
class xe extends va {
|
||
constructor(t) {
|
||
let { editorElement: e, document: i, html: n } = t;
|
||
super(...arguments), this.editorElement = e, this.selectionManager = new Dt(this.editorElement), this.selectionManager.delegate = this, this.composition = new Et(), this.composition.delegate = this, this.attachmentManager = new la(this.composition.getAttachments()), this.attachmentManager.delegate = this, this.inputController = wn.getLevel() === 2 ? new Ee(this.editorElement) : new bt(this.editorElement), this.inputController.delegate = this, this.inputController.responder = this.composition, this.compositionController = new _a(this.editorElement, this.composition), this.compositionController.delegate = this, this.toolbarController = new La(this.editorElement.toolbarElement), this.toolbarController.delegate = this, this.editor = new ua(this.composition, this.selectionManager, this.editorElement), i ? this.editor.loadDocument(i) : this.editor.loadHTML(n);
|
||
}
|
||
registerSelectionManager() {
|
||
return Ht.registerSelectionManager(this.selectionManager);
|
||
}
|
||
unregisterSelectionManager() {
|
||
return Ht.unregisterSelectionManager(this.selectionManager);
|
||
}
|
||
render() {
|
||
return this.compositionController.render();
|
||
}
|
||
reparse() {
|
||
return this.composition.replaceHTML(this.editorElement.innerHTML);
|
||
}
|
||
compositionDidChangeDocument(t) {
|
||
if (this.notifyEditorElement("document-change"), !this.handlingInput) return this.render();
|
||
}
|
||
compositionDidChangeCurrentAttributes(t) {
|
||
return this.currentAttributes = t, this.toolbarController.updateAttributes(this.currentAttributes), this.updateCurrentActions(), this.notifyEditorElement("attributes-change", { attributes: this.currentAttributes });
|
||
}
|
||
compositionDidPerformInsertionAtRange(t) {
|
||
this.pasting && (this.pastedRange = t);
|
||
}
|
||
compositionShouldAcceptFile(t) {
|
||
return this.notifyEditorElement("file-accept", { file: t });
|
||
}
|
||
compositionDidAddAttachment(t) {
|
||
const e = this.attachmentManager.manageAttachment(t);
|
||
return this.notifyEditorElement("attachment-add", { attachment: e });
|
||
}
|
||
compositionDidEditAttachment(t) {
|
||
this.compositionController.rerenderViewForObject(t);
|
||
const e = this.attachmentManager.manageAttachment(t);
|
||
return this.notifyEditorElement("attachment-edit", { attachment: e }), this.notifyEditorElement("change");
|
||
}
|
||
compositionDidChangeAttachmentPreviewURL(t) {
|
||
return this.compositionController.invalidateViewForObject(t), this.notifyEditorElement("change");
|
||
}
|
||
compositionDidRemoveAttachment(t) {
|
||
const e = this.attachmentManager.unmanageAttachment(t);
|
||
return this.notifyEditorElement("attachment-remove", { attachment: e });
|
||
}
|
||
compositionDidStartEditingAttachment(t, e) {
|
||
return this.attachmentLocationRange = this.composition.document.getLocationRangeOfAttachment(t), this.compositionController.installAttachmentEditorForAttachment(t, e), this.selectionManager.setLocationRange(this.attachmentLocationRange);
|
||
}
|
||
compositionDidStopEditingAttachment(t) {
|
||
this.compositionController.uninstallAttachmentEditor(), this.attachmentLocationRange = null;
|
||
}
|
||
compositionDidRequestChangingSelectionToLocationRange(t) {
|
||
if (!this.loadingSnapshot || this.isFocused()) return this.requestedLocationRange = t, this.compositionRevisionWhenLocationRangeRequested = this.composition.revision, this.handlingInput ? void 0 : this.render();
|
||
}
|
||
compositionWillLoadSnapshot() {
|
||
this.loadingSnapshot = !0;
|
||
}
|
||
compositionDidLoadSnapshot() {
|
||
this.compositionController.refreshViewCache(), this.render(), this.loadingSnapshot = !1;
|
||
}
|
||
getSelectionManager() {
|
||
return this.selectionManager;
|
||
}
|
||
attachmentManagerDidRequestRemovalOfAttachment(t) {
|
||
return this.removeAttachment(t);
|
||
}
|
||
compositionControllerWillSyncDocumentView() {
|
||
return this.inputController.editorWillSyncDocumentView(), this.selectionManager.lock(), this.selectionManager.clearSelection();
|
||
}
|
||
compositionControllerDidSyncDocumentView() {
|
||
return this.inputController.editorDidSyncDocumentView(), this.selectionManager.unlock(), this.updateCurrentActions(), this.notifyEditorElement("sync");
|
||
}
|
||
compositionControllerDidRender() {
|
||
this.requestedLocationRange && (this.compositionRevisionWhenLocationRangeRequested === this.composition.revision && this.selectionManager.setLocationRange(this.requestedLocationRange), this.requestedLocationRange = null, this.compositionRevisionWhenLocationRangeRequested = null), this.renderedCompositionRevision !== this.composition.revision && (this.runEditorFilters(), this.composition.updateCurrentAttributes(), this.notifyEditorElement("render")), this.renderedCompositionRevision = this.composition.revision;
|
||
}
|
||
compositionControllerDidFocus() {
|
||
return this.isFocusedInvisibly() && this.setLocationRange({ index: 0, offset: 0 }), this.toolbarController.hideDialog(), this.notifyEditorElement("focus");
|
||
}
|
||
compositionControllerDidBlur() {
|
||
return this.notifyEditorElement("blur");
|
||
}
|
||
compositionControllerDidSelectAttachment(t, e) {
|
||
return this.toolbarController.hideDialog(), this.composition.editAttachment(t, e);
|
||
}
|
||
compositionControllerDidRequestDeselectingAttachment(t) {
|
||
const e = this.attachmentLocationRange || this.composition.document.getLocationRangeOfAttachment(t);
|
||
return this.selectionManager.setLocationRange(e[1]);
|
||
}
|
||
compositionControllerWillUpdateAttachment(t) {
|
||
return this.editor.recordUndoEntry("Edit Attachment", { context: t.id, consolidatable: !0 });
|
||
}
|
||
compositionControllerDidRequestRemovalOfAttachment(t) {
|
||
return this.removeAttachment(t);
|
||
}
|
||
inputControllerWillHandleInput() {
|
||
this.handlingInput = !0, this.requestedRender = !1;
|
||
}
|
||
inputControllerDidRequestRender() {
|
||
this.requestedRender = !0;
|
||
}
|
||
inputControllerDidHandleInput() {
|
||
if (this.handlingInput = !1, this.requestedRender) return this.requestedRender = !1, this.render();
|
||
}
|
||
inputControllerDidAllowUnhandledInput() {
|
||
return this.notifyEditorElement("change");
|
||
}
|
||
inputControllerDidRequestReparse() {
|
||
return this.reparse();
|
||
}
|
||
inputControllerWillPerformTyping() {
|
||
return this.recordTypingUndoEntry();
|
||
}
|
||
inputControllerWillPerformFormatting(t) {
|
||
return this.recordFormattingUndoEntry(t);
|
||
}
|
||
inputControllerWillCutText() {
|
||
return this.editor.recordUndoEntry("Cut");
|
||
}
|
||
inputControllerWillPaste(t) {
|
||
return this.editor.recordUndoEntry("Paste"), this.pasting = !0, this.notifyEditorElement("before-paste", { paste: t });
|
||
}
|
||
inputControllerDidPaste(t) {
|
||
return t.range = this.pastedRange, this.pastedRange = null, this.pasting = null, this.notifyEditorElement("paste", { paste: t });
|
||
}
|
||
inputControllerWillMoveText() {
|
||
return this.editor.recordUndoEntry("Move");
|
||
}
|
||
inputControllerWillAttachFiles() {
|
||
return this.editor.recordUndoEntry("Drop Files");
|
||
}
|
||
inputControllerWillPerformUndo() {
|
||
return this.editor.undo();
|
||
}
|
||
inputControllerWillPerformRedo() {
|
||
return this.editor.redo();
|
||
}
|
||
inputControllerDidReceiveKeyboardCommand(t) {
|
||
return this.toolbarController.applyKeyboardCommand(t);
|
||
}
|
||
inputControllerDidStartDrag() {
|
||
this.locationRangeBeforeDrag = this.selectionManager.getLocationRange();
|
||
}
|
||
inputControllerDidReceiveDragOverPoint(t) {
|
||
return this.selectionManager.setLocationRangeFromPointRange(t);
|
||
}
|
||
inputControllerDidCancelDrag() {
|
||
this.selectionManager.setLocationRange(this.locationRangeBeforeDrag), this.locationRangeBeforeDrag = null;
|
||
}
|
||
locationRangeDidChange(t) {
|
||
return this.composition.updateCurrentAttributes(), this.updateCurrentActions(), this.attachmentLocationRange && !Ze(this.attachmentLocationRange, t) && this.composition.stopEditingAttachment(), this.notifyEditorElement("selection-change");
|
||
}
|
||
toolbarDidClickButton() {
|
||
if (!this.getLocationRange()) return this.setLocationRange({ index: 0, offset: 0 });
|
||
}
|
||
toolbarDidInvokeAction(t, e) {
|
||
return this.invokeAction(t, e);
|
||
}
|
||
toolbarDidToggleAttribute(t) {
|
||
if (this.recordFormattingUndoEntry(t), this.composition.toggleCurrentAttribute(t), this.render(), !this.selectionFrozen) return this.editorElement.focus();
|
||
}
|
||
toolbarDidUpdateAttribute(t, e) {
|
||
if (this.recordFormattingUndoEntry(t), this.composition.setCurrentAttribute(t, e), this.render(), !this.selectionFrozen) return this.editorElement.focus();
|
||
}
|
||
toolbarDidRemoveAttribute(t) {
|
||
if (this.recordFormattingUndoEntry(t), this.composition.removeCurrentAttribute(t), this.render(), !this.selectionFrozen) return this.editorElement.focus();
|
||
}
|
||
toolbarWillShowDialog(t) {
|
||
return this.composition.expandSelectionForEditing(), this.freezeSelection();
|
||
}
|
||
toolbarDidShowDialog(t) {
|
||
return this.notifyEditorElement("toolbar-dialog-show", { dialogName: t });
|
||
}
|
||
toolbarDidHideDialog(t) {
|
||
return this.thawSelection(), this.editorElement.focus(), this.notifyEditorElement("toolbar-dialog-hide", { dialogName: t });
|
||
}
|
||
freezeSelection() {
|
||
if (!this.selectionFrozen) return this.selectionManager.lock(), this.composition.freezeSelection(), this.selectionFrozen = !0, this.render();
|
||
}
|
||
thawSelection() {
|
||
if (this.selectionFrozen) return this.composition.thawSelection(), this.selectionManager.unlock(), this.selectionFrozen = !1, this.render();
|
||
}
|
||
canInvokeAction(t) {
|
||
return !!this.actionIsExternal(t) || !((e = this.actions[t]) === null || e === void 0 || (e = e.test) === null || e === void 0 || !e.call(this));
|
||
var e;
|
||
}
|
||
invokeAction(t, e) {
|
||
return this.actionIsExternal(t) ? this.notifyEditorElement("action-invoke", { actionName: t, invokingElement: e }) : (i = this.actions[t]) === null || i === void 0 || (i = i.perform) === null || i === void 0 ? void 0 : i.call(this);
|
||
var i;
|
||
}
|
||
actionIsExternal(t) {
|
||
return /^x-./.test(t);
|
||
}
|
||
getCurrentActions() {
|
||
const t = {};
|
||
for (const e in this.actions) t[e] = this.canInvokeAction(e);
|
||
return t;
|
||
}
|
||
updateCurrentActions() {
|
||
const t = this.getCurrentActions();
|
||
if (!ne(t, this.currentActions)) return this.currentActions = t, this.toolbarController.updateActions(this.currentActions), this.notifyEditorElement("actions-change", { actions: this.currentActions });
|
||
}
|
||
runEditorFilters() {
|
||
let t = this.composition.getSnapshot();
|
||
if (Array.from(this.editor.filters).forEach(((n) => {
|
||
const { document: r, selectedRange: a } = t;
|
||
t = n.call(this.editor, t) || {}, t.document || (t.document = r), t.selectedRange || (t.selectedRange = a);
|
||
})), e = t, i = this.composition.getSnapshot(), !Ze(e.selectedRange, i.selectedRange) || !e.document.isEqualTo(i.document)) return this.composition.loadSnapshot(t);
|
||
var e, i;
|
||
}
|
||
updateInputElement() {
|
||
const t = (function(e, i) {
|
||
const n = il[i];
|
||
if (n) return n(e);
|
||
throw new Error("unknown content type: ".concat(i));
|
||
})(this.compositionController.getSerializableElement(), "text/html");
|
||
return this.editorElement.setFormValue(t);
|
||
}
|
||
notifyEditorElement(t, e) {
|
||
switch (t) {
|
||
case "document-change":
|
||
this.documentChangedSinceLastRender = !0;
|
||
break;
|
||
case "render":
|
||
this.documentChangedSinceLastRender && (this.documentChangedSinceLastRender = !1, this.notifyEditorElement("change"));
|
||
break;
|
||
case "change":
|
||
case "attachment-add":
|
||
case "attachment-edit":
|
||
case "attachment-remove":
|
||
this.updateInputElement();
|
||
}
|
||
return this.editorElement.notify(t, e);
|
||
}
|
||
removeAttachment(t) {
|
||
return this.editor.recordUndoEntry("Delete Attachment"), this.composition.removeAttachment(t), this.render();
|
||
}
|
||
recordFormattingUndoEntry(t) {
|
||
const e = P(t), i = this.selectionManager.getLocationRange();
|
||
if (e || !_t(i)) return this.editor.recordUndoEntry("Formatting", { context: this.getUndoContext(), consolidatable: !0 });
|
||
}
|
||
recordTypingUndoEntry() {
|
||
return this.editor.recordUndoEntry("Typing", { context: this.getUndoContext(this.currentAttributes), consolidatable: !0 });
|
||
}
|
||
getUndoContext() {
|
||
for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++) e[i] = arguments[i];
|
||
return [this.getLocationContext(), this.getTimeContext(), ...Array.from(e)];
|
||
}
|
||
getLocationContext() {
|
||
const t = this.selectionManager.getLocationRange();
|
||
return _t(t) ? t[0].index : t;
|
||
}
|
||
getTimeContext() {
|
||
return cn.interval > 0 ? Math.floor((/* @__PURE__ */ new Date()).getTime() / cn.interval) : 0;
|
||
}
|
||
isFocused() {
|
||
var t;
|
||
return this.editorElement === ((t = this.editorElement.ownerDocument) === null || t === void 0 ? void 0 : t.activeElement);
|
||
}
|
||
isFocusedInvisibly() {
|
||
return this.isFocused() && !this.getLocationRange();
|
||
}
|
||
get actions() {
|
||
return this.constructor.actions;
|
||
}
|
||
}
|
||
G(xe, "actions", { undo: { test() {
|
||
return this.editor.canUndo();
|
||
}, perform() {
|
||
return this.editor.undo();
|
||
} }, redo: { test() {
|
||
return this.editor.canRedo();
|
||
}, perform() {
|
||
return this.editor.redo();
|
||
} }, link: { test() {
|
||
return this.editor.canActivateAttribute("href");
|
||
} }, increaseNestingLevel: { test() {
|
||
return this.editor.canIncreaseNestingLevel();
|
||
}, perform() {
|
||
return this.editor.increaseNestingLevel() && this.render();
|
||
} }, decreaseNestingLevel: { test() {
|
||
return this.editor.canDecreaseNestingLevel();
|
||
}, perform() {
|
||
return this.editor.decreaseNestingLevel() && this.render();
|
||
} }, attachFiles: { test: () => !0, perform() {
|
||
return wn.pickFiles(this.editor.insertFiles);
|
||
} } }), xe.proxyMethod("getSelectionManager().setLocationRange"), xe.proxyMethod("getSelectionManager().getLocationRange");
|
||
var Tl = Object.freeze({ __proto__: null, AttachmentEditorController: ba, CompositionController: _a, Controller: va, EditorController: xe, InputController: ai, Level0InputController: bt, Level2InputController: Ee, ToolbarController: La }), kl = Object.freeze({ __proto__: null, MutationObserver: Aa, SelectionChangeObserver: zr }), Il = Object.freeze({ __proto__: null, FileVerificationOperation: Ea, ImagePreloadOperation: ra });
|
||
Ur("trix-toolbar", `%t {
|
||
display: block;
|
||
}
|
||
|
||
%t {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
%t [data-trix-dialog] {
|
||
display: none;
|
||
}
|
||
|
||
%t [data-trix-dialog][data-trix-active] {
|
||
display: block;
|
||
}
|
||
|
||
%t [data-trix-dialog] [data-trix-validate]:invalid {
|
||
background-color: #ffdddd;
|
||
}`);
|
||
class Ca extends HTMLElement {
|
||
connectedCallback() {
|
||
this.innerHTML === "" && (this.innerHTML = $r.getDefaultHTML());
|
||
}
|
||
get editorElements() {
|
||
if (this.id) {
|
||
var t;
|
||
const e = (t = this.ownerDocument) === null || t === void 0 ? void 0 : t.querySelectorAll('trix-editor[toolbar="'.concat(this.id, '"]'));
|
||
return Array.from(e);
|
||
}
|
||
return [];
|
||
}
|
||
get editorElement() {
|
||
const [t] = this.editorElements;
|
||
return t;
|
||
}
|
||
}
|
||
let Rl = 0;
|
||
const Dl = function(s) {
|
||
if (!s.hasAttribute("contenteditable")) return s.toggleAttribute("contenteditable", !s.disabled), (function(t) {
|
||
let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
||
return e.times = 1, B(t, e);
|
||
})("focus", { onElement: s, withCallback: () => Ol(s) });
|
||
}, Ol = function(s) {
|
||
return Bl(s), Ml();
|
||
}, Bl = function(s) {
|
||
var t, e;
|
||
if ((t = (e = document).queryCommandSupported) !== null && t !== void 0 && t.call(e, "enableObjectResizing")) return document.execCommand("enableObjectResizing", !1, !1), B("mscontrolselect", { onElement: s, preventDefault: !0 });
|
||
}, Ml = function(s) {
|
||
var t, e;
|
||
if ((t = (e = document).queryCommandSupported) !== null && t !== void 0 && t.call(e, "DefaultParagraphSeparator")) {
|
||
const { tagName: i } = X.default;
|
||
if (["div", "p"].includes(i)) return document.execCommand("DefaultParagraphSeparator", !1, i);
|
||
}
|
||
}, Ps = Te.forcesObjectResizing ? { display: "inline", width: "auto" } : { display: "inline-block", width: "1px" };
|
||
Ur("trix-editor", `%t {
|
||
display: block;
|
||
}
|
||
|
||
%t:empty::before {
|
||
content: attr(placeholder);
|
||
color: graytext;
|
||
cursor: text;
|
||
pointer-events: none;
|
||
white-space: pre-line;
|
||
}
|
||
|
||
%t a[contenteditable=false] {
|
||
cursor: text;
|
||
}
|
||
|
||
%t img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
%t `.concat(Bt, ` figcaption textarea {
|
||
resize: none;
|
||
}
|
||
|
||
%t `).concat(Bt, ` figcaption textarea.trix-autoresize-clone {
|
||
position: absolute;
|
||
left: -9999px;
|
||
max-height: 0px;
|
||
}
|
||
|
||
%t `).concat(Bt, ` figcaption[data-trix-placeholder]:empty::before {
|
||
content: attr(data-trix-placeholder);
|
||
color: graytext;
|
||
}
|
||
|
||
%t [data-trix-cursor-target] {
|
||
display: `).concat(Ps.display, ` !important;
|
||
width: `).concat(Ps.width, ` !important;
|
||
padding: 0 !important;
|
||
margin: 0 !important;
|
||
border: none !important;
|
||
}
|
||
|
||
%t [data-trix-cursor-target=left] {
|
||
vertical-align: top !important;
|
||
margin-left: -1px !important;
|
||
}
|
||
|
||
%t [data-trix-cursor-target=right] {
|
||
vertical-align: bottom !important;
|
||
margin-right: -1px !important;
|
||
}`));
|
||
var ot = /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakSet();
|
||
class Nl {
|
||
constructor(t) {
|
||
var e, i;
|
||
sa(e = this, i = ge), i.add(e), G(this, "value", ""), ee(this, ot, { writable: !0, value: void 0 }), ee(this, Ue, { writable: !0, value: void 0 }), this.element = t, Ae(this, ot, t.attachInternals()), Ae(this, Ue, !1);
|
||
}
|
||
connectedCallback() {
|
||
$e(this, ge, Ve).call(this);
|
||
}
|
||
disconnectedCallback() {
|
||
}
|
||
get form() {
|
||
return w(this, ot).form;
|
||
}
|
||
get name() {
|
||
return this.element.getAttribute("name");
|
||
}
|
||
set name(t) {
|
||
this.element.setAttribute("name", t);
|
||
}
|
||
get labels() {
|
||
return w(this, ot).labels;
|
||
}
|
||
get disabled() {
|
||
return w(this, Ue) || this.element.hasAttribute("disabled");
|
||
}
|
||
set disabled(t) {
|
||
this.element.toggleAttribute("disabled", t);
|
||
}
|
||
get required() {
|
||
return this.element.hasAttribute("required");
|
||
}
|
||
set required(t) {
|
||
this.element.toggleAttribute("required", t), $e(this, ge, Ve).call(this);
|
||
}
|
||
get validity() {
|
||
return w(this, ot).validity;
|
||
}
|
||
get validationMessage() {
|
||
return w(this, ot).validationMessage;
|
||
}
|
||
get willValidate() {
|
||
return w(this, ot).willValidate;
|
||
}
|
||
formDisabledCallback(t) {
|
||
Ae(this, Ue, t);
|
||
}
|
||
setFormValue(t) {
|
||
this.value = t, $e(this, ge, Ve).call(this), w(this, ot).setFormValue(this.element.disabled ? void 0 : this.value);
|
||
}
|
||
checkValidity() {
|
||
return w(this, ot).checkValidity();
|
||
}
|
||
reportValidity() {
|
||
return w(this, ot).reportValidity();
|
||
}
|
||
setCustomValidity(t) {
|
||
$e(this, ge, Ve).call(this, t);
|
||
}
|
||
}
|
||
function Ve() {
|
||
let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
||
const { required: t, value: e } = this.element, i = t && !e, n = !!s, r = x("input", { required: t }), a = s || r.validationMessage;
|
||
w(this, ot).setValidity({ valueMissing: i, customError: n }, a);
|
||
}
|
||
var Gi = /* @__PURE__ */ new WeakMap(), Ji = /* @__PURE__ */ new WeakMap(), Yi = /* @__PURE__ */ new WeakMap();
|
||
class Pl {
|
||
constructor(t) {
|
||
ee(this, Gi, { writable: !0, value: void 0 }), ee(this, Ji, { writable: !0, value: (e) => {
|
||
e.defaultPrevented || e.target === this.element.form && this.element.reset();
|
||
} }), ee(this, Yi, { writable: !0, value: (e) => {
|
||
if (e.defaultPrevented || this.element.contains(e.target)) return;
|
||
const i = Lt(e.target, { matchingSelector: "label" });
|
||
i && Array.from(this.labels).includes(i) && this.element.focus();
|
||
} }), this.element = t;
|
||
}
|
||
connectedCallback() {
|
||
Ae(this, Gi, (function(t) {
|
||
if (t.hasAttribute("aria-label") || t.hasAttribute("aria-labelledby")) return;
|
||
const e = function() {
|
||
const i = Array.from(t.labels).map(((r) => {
|
||
if (!r.contains(t)) return r.textContent;
|
||
})).filter(((r) => r)), n = i.join(" ");
|
||
return n ? t.setAttribute("aria-label", n) : t.removeAttribute("aria-label");
|
||
};
|
||
return e(), B("focus", { onElement: t, withCallback: e });
|
||
})(this.element)), window.addEventListener("reset", w(this, Ji), !1), window.addEventListener("click", w(this, Yi), !1);
|
||
}
|
||
disconnectedCallback() {
|
||
var t;
|
||
(t = w(this, Gi)) === null || t === void 0 || t.destroy(), window.removeEventListener("reset", w(this, Ji), !1), window.removeEventListener("click", w(this, Yi), !1);
|
||
}
|
||
get labels() {
|
||
const t = [];
|
||
this.element.id && this.element.ownerDocument && t.push(...Array.from(this.element.ownerDocument.querySelectorAll("label[for='".concat(this.element.id, "']")) || []));
|
||
const e = Lt(this.element, { matchingSelector: "label" });
|
||
return e && [this.element, null].includes(e.control) && t.push(e), t;
|
||
}
|
||
get form() {
|
||
return console.warn("This browser does not support the .form property for trix-editor elements."), null;
|
||
}
|
||
get name() {
|
||
return console.warn("This browser does not support the .name property for trix-editor elements."), null;
|
||
}
|
||
set name(t) {
|
||
console.warn("This browser does not support the .name property for trix-editor elements.");
|
||
}
|
||
get disabled() {
|
||
return console.warn("This browser does not support the [disabled] attribute for trix-editor elements."), !1;
|
||
}
|
||
set disabled(t) {
|
||
console.warn("This browser does not support the [disabled] attribute for trix-editor elements.");
|
||
}
|
||
get required() {
|
||
return console.warn("This browser does not support the [required] attribute for trix-editor elements."), !1;
|
||
}
|
||
set required(t) {
|
||
console.warn("This browser does not support the [required] attribute for trix-editor elements.");
|
||
}
|
||
get validity() {
|
||
return console.warn("This browser does not support the validity property for trix-editor elements."), null;
|
||
}
|
||
get validationMessage() {
|
||
return console.warn("This browser does not support the validationMessage property for trix-editor elements."), "";
|
||
}
|
||
get willValidate() {
|
||
return console.warn("This browser does not support the willValidate property for trix-editor elements."), !1;
|
||
}
|
||
formDisabledCallback(t) {
|
||
}
|
||
setFormValue(t) {
|
||
}
|
||
checkValidity() {
|
||
return console.warn("This browser does not support checkValidity() for trix-editor elements."), !0;
|
||
}
|
||
reportValidity() {
|
||
return console.warn("This browser does not support reportValidity() for trix-editor elements."), !0;
|
||
}
|
||
setCustomValidity(t) {
|
||
console.warn("This browser does not support setCustomValidity(validationMessage) for trix-editor elements.");
|
||
}
|
||
}
|
||
var N = /* @__PURE__ */ new WeakMap();
|
||
class ii extends HTMLElement {
|
||
constructor() {
|
||
super(), ee(this, N, { writable: !0, value: void 0 }), this.willCreateInput = !0, Ae(this, N, this.constructor.formAssociated ? new Nl(this) : new Pl(this));
|
||
}
|
||
get trixId() {
|
||
return this.hasAttribute("trix-id") ? this.getAttribute("trix-id") : (this.setAttribute("trix-id", ++Rl), this.trixId);
|
||
}
|
||
get labels() {
|
||
return w(this, N).labels;
|
||
}
|
||
get disabled() {
|
||
const { inputElement: t } = this;
|
||
return t ? t.disabled : w(this, N).disabled;
|
||
}
|
||
set disabled(t) {
|
||
const { inputElement: e } = this;
|
||
e && (e.disabled = t), w(this, N).disabled = t;
|
||
}
|
||
get required() {
|
||
return w(this, N).required;
|
||
}
|
||
set required(t) {
|
||
w(this, N).required = t;
|
||
}
|
||
get validity() {
|
||
return w(this, N).validity;
|
||
}
|
||
get validationMessage() {
|
||
return w(this, N).validationMessage;
|
||
}
|
||
get willValidate() {
|
||
return w(this, N).willValidate;
|
||
}
|
||
get type() {
|
||
return this.localName;
|
||
}
|
||
get toolbarElement() {
|
||
var t;
|
||
if (this.hasAttribute("toolbar")) return (t = this.ownerDocument) === null || t === void 0 ? void 0 : t.getElementById(this.getAttribute("toolbar"));
|
||
if (this.parentNode) {
|
||
const e = "trix-toolbar-".concat(this.trixId);
|
||
return this.setAttribute("toolbar", e), this.internalToolbar = x("trix-toolbar", { id: e }), this.parentNode.insertBefore(this.internalToolbar, this), this.internalToolbar;
|
||
}
|
||
}
|
||
get form() {
|
||
const { inputElement: t } = this;
|
||
return t ? t.form : w(this, N).form;
|
||
}
|
||
get inputElement() {
|
||
var t;
|
||
return this.hasAttribute("input") ? (t = this.ownerDocument) === null || t === void 0 ? void 0 : t.getElementById(this.getAttribute("input")) : void 0;
|
||
}
|
||
get editor() {
|
||
var t;
|
||
return (t = this.editorController) === null || t === void 0 ? void 0 : t.editor;
|
||
}
|
||
get name() {
|
||
const { inputElement: t } = this;
|
||
return t ? t.name : w(this, N).name;
|
||
}
|
||
set name(t) {
|
||
const { inputElement: e } = this;
|
||
e ? e.name = t : w(this, N).name = t;
|
||
}
|
||
get value() {
|
||
const { inputElement: t } = this;
|
||
return t ? t.value : w(this, N).value;
|
||
}
|
||
set value(t) {
|
||
var e;
|
||
this.defaultValue = t, (e = this.editor) === null || e === void 0 || e.loadHTML(this.defaultValue);
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
t === "connected" && this.isConnected && e != null && e !== i && requestAnimationFrame((() => this.reconnect()));
|
||
}
|
||
notify(t, e) {
|
||
if (this.editorController) return be("trix-".concat(t), { onElement: this, attributes: e });
|
||
}
|
||
setFormValue(t) {
|
||
const { inputElement: e } = this;
|
||
e && (e.value = t), w(this, N).setFormValue(t);
|
||
}
|
||
connectedCallback() {
|
||
if (!this.hasAttribute("data-trix-internal")) {
|
||
if (Dl(this), (function(t) {
|
||
t.hasAttribute("role") || t.setAttribute("role", "textbox");
|
||
})(this), !this.editorController) {
|
||
if (be("trix-before-initialize", { onElement: this }), this.defaultValue = this.inputElement ? this.inputElement.value : this.innerHTML, !this.hasAttribute("input") && this.parentNode && this.willCreateInput) {
|
||
const t = "trix-input-".concat(this.trixId);
|
||
this.setAttribute("input", t);
|
||
const e = x("input", { type: "hidden", id: t });
|
||
this.parentNode.insertBefore(e, this.nextElementSibling);
|
||
}
|
||
this.editorController = new xe({ editorElement: this, html: this.defaultValue }), requestAnimationFrame((() => be("trix-initialize", { onElement: this })));
|
||
}
|
||
this.editorController.registerSelectionManager(), w(this, N).connectedCallback(), this.toggleAttribute("connected", !0), (function(t) {
|
||
!document.querySelector(":focus") && t.hasAttribute("autofocus") && document.querySelector("[autofocus]") === t && t.focus();
|
||
})(this);
|
||
}
|
||
}
|
||
disconnectedCallback() {
|
||
var t;
|
||
(t = this.editorController) === null || t === void 0 || t.unregisterSelectionManager(), w(this, N).disconnectedCallback(), this.toggleAttribute("connected", !1);
|
||
}
|
||
reconnect() {
|
||
this.removeInternalToolbar(), this.disconnectedCallback(), this.connectedCallback();
|
||
}
|
||
removeInternalToolbar() {
|
||
var t;
|
||
(t = this.internalToolbar) === null || t === void 0 || t.remove(), this.internalToolbar = null;
|
||
}
|
||
checkValidity() {
|
||
return w(this, N).checkValidity();
|
||
}
|
||
reportValidity() {
|
||
return w(this, N).reportValidity();
|
||
}
|
||
setCustomValidity(t) {
|
||
w(this, N).setCustomValidity(t);
|
||
}
|
||
formDisabledCallback(t) {
|
||
const { inputElement: e } = this;
|
||
e && (e.disabled = t), this.toggleAttribute("contenteditable", !t), w(this, N).formDisabledCallback(t);
|
||
}
|
||
formResetCallback() {
|
||
this.reset();
|
||
}
|
||
reset() {
|
||
this.value = this.defaultValue;
|
||
}
|
||
}
|
||
G(ii, "formAssociated", "ElementInternals" in window), G(ii, "observedAttributes", ["connected"]);
|
||
const Fs = { VERSION: Pa, config: ke, core: nl, models: fa, views: ll, controllers: Tl, observers: kl, operations: Il, elements: Object.freeze({ __proto__: null, TrixEditorElement: ii, TrixToolbarElement: Ca }), filters: Object.freeze({ __proto__: null, Filter: ca, attachmentGalleryFilter: ha }) };
|
||
Object.assign(Fs, fa), window.Trix = Fs, setTimeout((function() {
|
||
customElements.get("trix-toolbar") || customElements.define("trix-toolbar", Ca), customElements.get("trix-editor") || customElements.define("trix-editor", ii);
|
||
}), 0);
|
||
class Fl extends HTMLElement {
|
||
constructor() {
|
||
super(), this._value = "", this.render();
|
||
}
|
||
static get observedAttributes() {
|
||
return ["data-text", "data-queryparam", "data-value"];
|
||
}
|
||
set value(t) {
|
||
this.setAttribute("data-value", t);
|
||
}
|
||
get value() {
|
||
return this.getAttribute("data-value") || "";
|
||
}
|
||
set text(t) {
|
||
this.setAttribute("data-text", t);
|
||
}
|
||
get text() {
|
||
return this.getAttribute("data-text") || "";
|
||
}
|
||
set queryparam(t) {
|
||
this.setAttribute("data-queryparam", t);
|
||
}
|
||
get queryparam() {
|
||
return this.getAttribute("data-queryparam") || "";
|
||
}
|
||
connectedCallback() {
|
||
this._filter = this.text, this._queryparam = this.queryparam, this.render(), htmx.process(this);
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
e !== i && (t === "data-text" && (this._filter = i), t === "data-queryparam" && (this._queryparam = i), t === "data-value" && (this._value = i), this.render());
|
||
}
|
||
getURL() {
|
||
if (this._queryparam) {
|
||
let t = new URL(window.location), e = new URLSearchParams(t.search);
|
||
return e.delete(this._queryparam), e.delete("page"), t.search = e.toString(), t.toString();
|
||
}
|
||
return "#";
|
||
}
|
||
render() {
|
||
this.innerHTML = `
|
||
<a href="${this.getURL()}" class="!no-underline block text-base" hx-target="#searchresults" hx-select="#searchresults" hx-indicator="body" hx-swap="outerHTML show:window:top">
|
||
<div class="flex flex-row filter-pill rounded-lg bg-orange-100 hover:saturate-50 px-2.5">
|
||
${this.renderIcon()}
|
||
<div class="flex flex-row filter-pill-label-value !items-baseline text-slate-700">
|
||
<div class="filter-pill-label font-bold mr-1.5 align-baseline">${this.text}</div>
|
||
${this.renderValue()}
|
||
</div>
|
||
</div>
|
||
</a>
|
||
`;
|
||
}
|
||
renderIcon() {
|
||
return this.value === "true" || this.value === "false" ? `
|
||
<div href="${this.getURL()}" class="filter-pill-close no-underline font-bold mr-1 text-orange-900 hover:text-orange-800">
|
||
<i class="ri-close-circle-line"></i>
|
||
</div>
|
||
` : `<div
|
||
href="${this.getURL()}"
|
||
class="filter-pill-close no-underline font-bold mr-1 text-orange-900 hover:text-orange-800">
|
||
<i class="ri-arrow-left-s-line"></i>
|
||
</div>
|
||
`;
|
||
}
|
||
renderValue() {
|
||
return this.value === "true" || this.value === "false" ? "" : `
|
||
<div class="filter-pill-value">${this.value}</div>
|
||
`;
|
||
}
|
||
}
|
||
const je = "filter-list-list", Hl = "filter-list-item", ql = "filter-list-input", Hs = "filter-list-searchable";
|
||
class $l extends HTMLElement {
|
||
#t = !1;
|
||
constructor() {
|
||
super(), this._items = [], this._url = "", this._filterstart = !1, this._placeholder = "Liste filtern...", this._queryparam = "", this._startparams = null, this.render();
|
||
}
|
||
static get observedAttributes() {
|
||
return ["data-url"];
|
||
}
|
||
set items(t) {
|
||
Array.isArray(t) && (this._items = t, this.render());
|
||
}
|
||
get items() {
|
||
return this._items;
|
||
}
|
||
connectedCallback() {
|
||
this._url = this.getAttribute("data-url") || "./", this._filterstart = this.getAttribute("data-filterstart") === "true", this._placeholder = this.getAttribute("data-placeholder") || "Liste filtern...", this._queryparam = this.getAttribute("data-queryparam") || "", this._queryparam, this._filterstart && (this.#t = !0), this.addEventListener("input", this.onInput.bind(this)), this.addEventListener("keydown", this.onEnter.bind(this)), this.addEventListener("focusin", this.onGainFocus.bind(this)), this.addEventListener("focusout", this.onLoseFocus.bind(this));
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
t === "data-url" && e !== i && (this._url = i, this.render()), t === "data-filterstart" && e !== i && (this._filterstart = i === "true", this.render()), t === "data-placeholder" && e !== i && (this._placeholder = i, this.render()), t === "data-queryparam" && e !== i && (this._queryparam = i, this.render());
|
||
}
|
||
onInput(t) {
|
||
t.target && t.target.tagName.toLowerCase() === "input" && (this._filter = t.target.value, this.renderList());
|
||
}
|
||
onGainFocus(t) {
|
||
t.target && t.target.tagName.toLowerCase() === "input" && (this.#t = !1, this.renderList());
|
||
}
|
||
onLoseFocus(t) {
|
||
let e = this.querySelector("input");
|
||
if (t.target && t.target === e) {
|
||
if (relatedElement = t.relatedTarget, relatedElement && this.contains(relatedElement))
|
||
return;
|
||
e.value = "", this._filter = "", this._filterstart && (this.#t = !0), this.renderList();
|
||
}
|
||
}
|
||
onEnter(t) {
|
||
if (t.target && t.target.tagName.toLowerCase() === "input" && t.key === "Enter") {
|
||
t.preventDefault();
|
||
const e = this.querySelector("a");
|
||
e && e.click();
|
||
}
|
||
}
|
||
mark() {
|
||
if (typeof Mark != "function")
|
||
return;
|
||
let t = this.querySelector("#" + je);
|
||
if (!t)
|
||
return;
|
||
let e = new Mark(t.querySelectorAll("." + Hs));
|
||
this._filter && e.mark(this._filter, {
|
||
separateWordSearch: !0
|
||
});
|
||
}
|
||
// INFO: allows for setting a custom HREF of the list item
|
||
// The function takes the item as parameter fn(item) and should return a string.
|
||
setHREFFunc(t) {
|
||
this.getHREF = t, this.render();
|
||
}
|
||
// INFO: allows for setting a custom link text of the list item
|
||
// The function takes the item as parameter fn(item) and should return a string or
|
||
// an HTML template literal.
|
||
setLinkTextFunc(t) {
|
||
this.getLinkText = t, this.render();
|
||
}
|
||
// INFO: allows for setting the text that will be filtered for.
|
||
// The function takes the item as parameter fn(item) and should return a string.
|
||
setSearchTextFunc(t) {
|
||
this.getSearchText = t, this.render();
|
||
}
|
||
getHREF(t) {
|
||
if (t) {
|
||
if (!t.id)
|
||
return "";
|
||
} else return "";
|
||
return t.id;
|
||
}
|
||
getHREFEncoded(t) {
|
||
return encodeURIComponent(this.getHREF(t));
|
||
}
|
||
getSearchText(t) {
|
||
if (t) {
|
||
if (!t.name)
|
||
return "";
|
||
} else return "";
|
||
return t.name;
|
||
}
|
||
#e(t) {
|
||
if (!t)
|
||
return !1;
|
||
let e = this.getHREF(t);
|
||
return e === "" ? !1 : this._queryparam && (new URLSearchParams(window.location.search).get(this._queryparam) || "") === e ? !0 : !!window.location.href.endsWith(e);
|
||
}
|
||
getLinkText(t) {
|
||
let e = this.getSearchText(t);
|
||
return e === "" ? "" : `<span class="${Hs}">${e}</span>`;
|
||
}
|
||
getURL(t) {
|
||
if (this._queryparam) {
|
||
let e = new URL(window.location), i = new URLSearchParams(e.search);
|
||
return i.set(this._queryparam, this.getHREF(t)), i.delete("page"), e.search = i.toString(), e.toString();
|
||
}
|
||
return this._url + this.getHREFEncoded(t);
|
||
}
|
||
renderList() {
|
||
let t = this.querySelector("#" + je);
|
||
t && (t.outerHTML = this.List()), this.mark();
|
||
}
|
||
render() {
|
||
this.innerHTML = `
|
||
<div class="font-serif text-base shadow-inner border border-stone-100">
|
||
${this.Input()}
|
||
${this.List()}
|
||
</div>
|
||
`, htmx && htmx.process(this);
|
||
}
|
||
ActiveDot(t) {
|
||
return this.#e(t), "";
|
||
}
|
||
NoItems(t) {
|
||
return t.length === 0 ? '<div class="px-2 py-0.5 italic text-gray-500">Keine Einträge gefunden</div>' : "";
|
||
}
|
||
Input() {
|
||
return `
|
||
<div class="flex w-full py-0.5 border-b border-zinc-600 bg-stone-50">
|
||
<i class="ri-arrow-right-s-line pl-2"></i>
|
||
<div class="grow">
|
||
<input
|
||
type="text"
|
||
placeholder="${this._placeholder}"
|
||
class="${ql} w-full placeholder:italic px-2 py-0.5" />
|
||
</div>
|
||
</div>
|
||
`;
|
||
}
|
||
List() {
|
||
let t = this._items;
|
||
if (this._filter)
|
||
if (this._filterstart)
|
||
t = this._items.filter((e) => this.getSearchText(e).toLowerCase().startsWith(this._filter.toLowerCase()));
|
||
else {
|
||
let e = this._filter.split(" ");
|
||
t = this._items.filter((i) => e.every((n) => this.getSearchText(i).toLowerCase().includes(n.toLowerCase())));
|
||
}
|
||
return `
|
||
<div id="${je}" class="${je} pt-1 max-h-60 overflow-auto bg-stone-50 ${this.#t ? "hidden" : ""}">
|
||
${t.map(
|
||
(e, i) => `
|
||
<a
|
||
href="${this.getURL(e)}"
|
||
hx-indicator="body"
|
||
hx-swap="outerHTML show:none"
|
||
hx-select="main"
|
||
hx-target="main"
|
||
class="${Hl} block px-2.5 py-0.5 hover:bg-slate-200 no-underline ${i % 2 === 0 ? "bg-stone-100" : "bg-stone-50"}"
|
||
${this.#e(e) ? 'aria-current="page"' : ""}>
|
||
${this.ActiveDot(e)}
|
||
${this.getLinkText(e)}
|
||
</a>
|
||
`
|
||
).join("")}
|
||
${this.NoItems(t)}
|
||
</div>
|
||
`;
|
||
}
|
||
}
|
||
class Ul extends HTMLElement {
|
||
constructor() {
|
||
super(), this.handleScroll = this.handleScroll.bind(this), this.scrollToTop = this.scrollToTop.bind(this);
|
||
}
|
||
connectedCallback() {
|
||
this.innerHTML = `
|
||
<button
|
||
class="
|
||
scroll-to-top
|
||
fixed bottom-12 right-8 z-50
|
||
hidden
|
||
bg-gray-800 text-white
|
||
p-2
|
||
rounded-md
|
||
cursor-pointer
|
||
text-2xl
|
||
hover:opacity-80
|
||
transition-opacity
|
||
border-0
|
||
"
|
||
aria-label="Scroll to top"
|
||
>
|
||
<i class="ri-arrow-up-double-line"></i>
|
||
</button>
|
||
`, this._button = this.querySelector(".scroll-to-top"), window.addEventListener("scroll", this.handleScroll), this._button.addEventListener("click", this.scrollToTop);
|
||
}
|
||
disconnectedCallback() {
|
||
window.removeEventListener("scroll", this.handleScroll), this._button.removeEventListener("click", this.scrollToTop);
|
||
}
|
||
handleScroll() {
|
||
(window.scrollY || document.documentElement.scrollTop) > 300 ? this._button.classList.remove("hidden") : this._button.classList.add("hidden");
|
||
}
|
||
scrollToTop() {
|
||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||
}
|
||
}
|
||
class xt extends HTMLElement {
|
||
static get observedAttributes() {
|
||
return ["position", "timeout"];
|
||
}
|
||
static _dragGuardInitialized = !1;
|
||
static _setDragging(t) {
|
||
window.__toolTipDragging = t, document.documentElement && document.documentElement.classList.toggle("dragging", t), document.body && (t ? document.body.dataset.dragging = "true" : delete document.body.dataset.dragging), t && document.querySelectorAll(".tooltip-box").forEach((e) => {
|
||
e.classList.remove("opacity-100"), e.classList.add("opacity-0"), e.classList.add("hidden");
|
||
});
|
||
}
|
||
static _ensureDragGuard() {
|
||
if (xt._dragGuardInitialized)
|
||
return;
|
||
xt._dragGuardInitialized = !0;
|
||
const t = (i) => {
|
||
(i.target?.closest?.("[data-role='content-drag-handle']") || i.type === "dragstart") && xt._setDragging(!0);
|
||
}, e = () => {
|
||
xt._setDragging(!1);
|
||
};
|
||
document.addEventListener("pointerdown", t, !0), document.addEventListener("mousedown", t, !0), document.addEventListener("dragstart", t, !0), document.addEventListener("pointerup", e, !0), document.addEventListener("mouseup", e, !0), document.addEventListener("pointercancel", e, !0), document.addEventListener("dragend", e, !0), document.addEventListener("drop", e, !0), window.addEventListener("blur", e), window.addEventListener("contentsdragging", (i) => {
|
||
const n = !!i.detail?.active;
|
||
xt._setDragging(n);
|
||
});
|
||
}
|
||
constructor() {
|
||
super(), this._tooltipBox = null, this._timeout = 200, this._hideTimeout = null, this._hiddenTimeout = null, this._dataTipElem = null, this._observer = null;
|
||
}
|
||
connectedCallback() {
|
||
xt._ensureDragGuard(), this.classList.add("relative", "block", "leading-none", "[&>*]:leading-normal"), this._dataTipElem = this.querySelector(".data-tip");
|
||
const t = this._dataTipElem ? this._dataTipElem.innerHTML : "Tooltip";
|
||
this._dataTipElem && this._dataTipElem.classList.add("hidden"), this._tooltipBox = document.createElement("div"), this._tooltipBox.innerHTML = t, this._tooltipBox.className = [
|
||
"tooltip-box",
|
||
"opacity-0",
|
||
"hidden",
|
||
"fixed",
|
||
"px-2",
|
||
"py-1",
|
||
"text-sm",
|
||
"text-white",
|
||
"bg-gray-900",
|
||
"rounded",
|
||
"shadow",
|
||
"z-50",
|
||
"whitespace-nowrap",
|
||
"transition-all",
|
||
"duration-200",
|
||
"font-sans"
|
||
].join(" "), this.appendChild(this._tooltipBox), this._updatePosition(), this.addEventListener("mouseenter", () => this._showTooltip()), this.addEventListener("mouseleave", () => this._hideTooltip()), this.addEventListener("pointerdown", () => this._forceHide()), this.addEventListener("mousedown", () => this._forceHide()), this.addEventListener("click", () => this._forceHide()), this.addEventListener("keydown", (e) => {
|
||
(e.key === "Enter" || e.key === " ") && this._forceHide();
|
||
}), this._dataTipElem && (this._observer = new MutationObserver(() => {
|
||
this._tooltipBox && (this._tooltipBox.innerHTML = this._dataTipElem.innerHTML);
|
||
}), this._observer.observe(this._dataTipElem, {
|
||
childList: !0,
|
||
characterData: !0,
|
||
subtree: !0
|
||
}));
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
t === "position" && this._tooltipBox && this._updatePosition(), t === "timeout" && i && (this._timeout = parseInt(i) || 200);
|
||
}
|
||
disconnectedCallback() {
|
||
this._observer && this._observer.disconnect();
|
||
}
|
||
_forceHide() {
|
||
clearTimeout(this._hideTimeout), clearTimeout(this._hiddenTimeout), this._tooltipBox && (this._tooltipBox.classList.remove("opacity-100"), this._tooltipBox.classList.add("opacity-0"), this._tooltipBox.classList.add("hidden"));
|
||
}
|
||
_isDragging() {
|
||
return window.__toolTipDragging || document.body?.dataset?.dragging === "true" ? !0 : !!document.querySelector("[data-dragging='true']");
|
||
}
|
||
_showTooltip() {
|
||
if (this._isDragging()) {
|
||
this._forceHide();
|
||
return;
|
||
}
|
||
clearTimeout(this._hideTimeout), clearTimeout(this._hiddenTimeout), this._tooltipBox.classList.remove("hidden"), this._updatePosition(), setTimeout(() => {
|
||
this._tooltipBox.classList.remove("opacity-0"), this._tooltipBox.classList.add("opacity-100");
|
||
}, 16);
|
||
}
|
||
_hideTooltip() {
|
||
this._hideTimeout = setTimeout(() => {
|
||
this._tooltipBox.classList.remove("opacity-100"), this._tooltipBox.classList.add("opacity-0"), this._hiddenTimeout = setTimeout(() => {
|
||
this._tooltipBox.classList.add("hidden");
|
||
}, this._timeout + 100);
|
||
}, this._timeout);
|
||
}
|
||
_updatePosition() {
|
||
const t = this.getBoundingClientRect(), e = this._tooltipBox.getBoundingClientRect(), i = 6;
|
||
let n = 0, r = 0;
|
||
switch (this.getAttribute("position") || "top") {
|
||
case "bottom":
|
||
n = t.bottom + i, r = t.left + (t.width - e.width) / 2;
|
||
break;
|
||
case "left":
|
||
n = t.top + (t.height - e.height) / 2, r = t.left - e.width - i;
|
||
break;
|
||
case "right":
|
||
n = t.top + (t.height - e.height) / 2, r = t.right + i;
|
||
break;
|
||
default:
|
||
n = t.top - e.height - i, r = t.left + (t.width - e.width) / 2;
|
||
}
|
||
const o = 4, l = window.innerWidth - e.width - o, c = window.innerHeight - e.height - o;
|
||
r = Math.max(o, Math.min(r, l)), n = Math.max(o, Math.min(n, c)), this._tooltipBox.style.left = `${r}px`, this._tooltipBox.style.top = `${n}px`;
|
||
}
|
||
}
|
||
class Vl extends HTMLElement {
|
||
constructor() {
|
||
super(), this.overlay = null, this._others = null, this._thisindex = -1, this._preview = null, this._description = null, this._imageURL = "", this._hideDLButton = !1;
|
||
}
|
||
connectedCallback() {
|
||
this.classList.add("cursor-pointer"), this.classList.add("select-none"), this._imageURL = this.getAttribute("data-image-url") || "", this._hideDLButton = this.getAttribute("data-hide-dl-button") || !1, this._preview = this.querySelector("img"), this._description = this.querySelector(".image-description"), this._preview && this._preview.addEventListener("click", () => {
|
||
this.showOverlay();
|
||
});
|
||
let t = this.closest("image-reel, .image-reel");
|
||
t || (t = document), this._others = Array.from(t.querySelectorAll("popup-image:not(.hidden)")), this._thisindex = this._others.indexOf(this);
|
||
}
|
||
disconnectedCallback() {
|
||
this.overlay && this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay);
|
||
}
|
||
Keys(t) {
|
||
t.repeat || (t.preventDefault(), t.key === "ArrowRight" ? this.next() : t.key === "ArrowLeft" ? this.prev() : t.key === "Escape" && this.hideOverlay());
|
||
}
|
||
next() {
|
||
this._others[this._thisindex + 1] ? (this.hideOverlay(), this._others[this._thisindex + 1].showOverlay()) : document.addEventListener("keydown", this.Keys.bind(this), { once: !0 });
|
||
}
|
||
prev() {
|
||
this._others[this._thisindex - 1] ? (this.hideOverlay(), this._others[this._thisindex - 1].showOverlay()) : document.addEventListener("keydown", this.Keys.bind(this), { once: !0 });
|
||
}
|
||
showOverlay() {
|
||
this.overlay = document.createElement("div"), this.overlay.classList.add(
|
||
"fixed",
|
||
"inset-0",
|
||
"z-50",
|
||
"bg-black/70",
|
||
"flex",
|
||
"items-center",
|
||
"justify-center",
|
||
"p-4"
|
||
), this.overlay.innerHTML = `
|
||
<div class="relative w-max max-w-dvw max-h-dvh shadow-lg flex flex-col items-center justify-center gap-4">
|
||
<div>
|
||
<div class="absolute -right-16 text-white text-4xl flex flex-col">
|
||
<button class="hover:text-gray-300 cursor-pointer focus:outline-none" aria-label="Close popup" id="closebutton">
|
||
<i class="ri-close-fill text-4xl"></i>
|
||
</button>
|
||
${this.downloadButton()}
|
||
${this.nextButton()}
|
||
${this.prevButton()}
|
||
</div>
|
||
<img
|
||
src="${this._imageURL}"
|
||
alt="Popup Image"
|
||
class="full max-h-[80vh] max-w-[80vw] object-contain block relative ${this.descriptionImgClass()}"
|
||
/>
|
||
${this.description()}
|
||
</div>
|
||
</div>
|
||
`;
|
||
const t = this.overlay.querySelector("#closebutton");
|
||
t && t.addEventListener("click", () => {
|
||
this.hideOverlay();
|
||
});
|
||
const e = this.overlay.querySelector("#nextbtn");
|
||
e && e.addEventListener("click", this.next.bind(this));
|
||
const i = this.overlay.querySelector("#prevbtn");
|
||
i && i.addEventListener("click", this.prev.bind(this)), this.overlay.addEventListener("click", (n) => {
|
||
n.target === this.overlay && this.hideOverlay();
|
||
}), document.addEventListener("keydown", this.Keys.bind(this), { once: !0 }), document.body.appendChild(this.overlay);
|
||
}
|
||
descriptionImgClass() {
|
||
return this.description ? "" : "0";
|
||
}
|
||
nextButton() {
|
||
return this._others[this._thisindex + 1] ? `
|
||
<tool-tip position="right">
|
||
<button class="hover:text-gray-300 cursor-pointer focus:outline-none" aria-label="Next image" id="nextbtn">
|
||
<i class="ri-arrow-right-box-line"></i>
|
||
</button>
|
||
<div class="data-tip">Nächstes Bild</div>
|
||
</tool-tip>
|
||
` : "";
|
||
}
|
||
prevButton() {
|
||
return this._others[this._thisindex - 1] ? `
|
||
<tool-tip position="right">
|
||
<button class="hover:text-gray-300 cursor-pointer focus:outline-none" aria-label="Previous image" id="prevbtn">
|
||
<i class="ri-arrow-left-box-line"></i>
|
||
</button>
|
||
<div class="data-tip">Vorheriges Bild</div>
|
||
</tool-tip>
|
||
` : "";
|
||
}
|
||
description() {
|
||
return this._description ? `
|
||
<div class="font-serif text-left description-content mt-3 text-slate-900 ">
|
||
<div class="max-w-[80ch] hyphens-auto px-6 py-2 bg-stone-50 shadow-lg">
|
||
${this._description.innerHTML}
|
||
</div>
|
||
</div>
|
||
` : "";
|
||
}
|
||
downloadButton() {
|
||
return this._hideDLButton ? "" : `
|
||
<tool-tip position="right">
|
||
<a href="${this._imageURL}" target="_blank" class="text-white no-underline hover:text-gray-300"><i class="ri-file-download-line"></i></a>
|
||
<div class="data-tip">Bild herunterladen</div>
|
||
</tool-tip>
|
||
`;
|
||
}
|
||
hideOverlay() {
|
||
this.overlay.parentNode.removeChild(this.overlay), this.overlay = null;
|
||
}
|
||
}
|
||
class jl extends HTMLElement {
|
||
static get observedAttributes() {
|
||
}
|
||
constructor() {
|
||
super(), this._showall = !1, this.shown = -1, this._headings = [], this._contents = [], this._checkbox = null, this._disabled = /* @__PURE__ */ new Set(), this._defaultIndex = null;
|
||
}
|
||
connectedCallback() {
|
||
if (this._headings = Array.from(this.querySelectorAll(".tab-list-head")), this._contents = Array.from(this.querySelectorAll(".tab-list-panel")), this._readConfig(), this.hookupEvtHandlers(), this._applyDisabled(), this.hideDependent(), this._headings.length === 1) {
|
||
this.expand(0);
|
||
return;
|
||
}
|
||
this._defaultIndex !== null && this._expandFirstAvailable(this._defaultIndex);
|
||
}
|
||
expand(t) {
|
||
t < 0 || t >= this._headings.length || this._disabled.has(t) || (this.shown = t, this._contents.forEach((e, i) => {
|
||
i === t ? (e.classList.remove("hidden"), this._headings[i].setAttribute("aria-pressed", "true")) : (e.classList.add("hidden"), this._headings[i].setAttribute("aria-pressed", "false"));
|
||
}));
|
||
}
|
||
hookupShowAll(t) {
|
||
t && (this._checkbox = t, t.addEventListener("change", (e) => {
|
||
e.target.checked ? this.showAll() : this.default();
|
||
}));
|
||
}
|
||
hookupEvtHandlers() {
|
||
for (let t of this._headings)
|
||
t.addEventListener("click", this.handleTabClick.bind(this)), t.classList.add("cursor-pointer"), t.classList.add("select-none"), t.setAttribute("role", "button"), t.setAttribute("aria-pressed", "false"), t.setAttribute("tabindex", "0");
|
||
for (let t of this._contents)
|
||
t.classList.add("hidden");
|
||
}
|
||
_readConfig() {
|
||
const t = (this.getAttribute("data-disabled-indices") || "").trim(), e = (this.getAttribute("data-default-index") || "").trim();
|
||
if (this._disabled.clear(), t && t.split(",").map((i) => parseInt(i.trim(), 10)).filter((i) => Number.isFinite(i)).forEach((i) => this._disabled.add(i)), e !== "") {
|
||
const i = parseInt(e, 10);
|
||
this._defaultIndex = Number.isFinite(i) ? i : null;
|
||
} else
|
||
this._defaultIndex = null;
|
||
}
|
||
_applyDisabled() {
|
||
this._headings.forEach((t, e) => {
|
||
this._disabled.has(e) ? t.classList.add("pointer-events-none", "opacity-60") : t.classList.remove("pointer-events-none", "opacity-60");
|
||
});
|
||
}
|
||
_expandFirstAvailable(t) {
|
||
if (this._headings.length !== 0) {
|
||
if (!this._disabled.has(t)) {
|
||
this.expand(t);
|
||
return;
|
||
}
|
||
for (let e = 0; e < this._headings.length; e += 1)
|
||
if (!this._disabled.has(e)) {
|
||
this.expand(e);
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
restore() {
|
||
for (let t of this._headings)
|
||
t.classList.add("cursor-pointer"), t.classList.add("select-none"), t.setAttribute("role", "button"), t.setAttribute("aria-pressed", "false"), t.setAttribute("tabindex", "0"), t.classList.remove("pointer-events-none"), t.classList.remove("!text-slate-900");
|
||
for (let t of this._contents)
|
||
t.classList.add("hidden");
|
||
}
|
||
disable() {
|
||
for (let t of this._headings)
|
||
t.classList.remove("cursor-pointer"), t.classList.remove("select-none"), t.removeAttribute("role"), t.removeAttribute("aria-pressed"), t.removeAttribute("tabindex"), t.classList.add("pointer-events-none"), t.classList.add("!text-slate-900");
|
||
}
|
||
showAll() {
|
||
this._showall = !0, this.shown = -1, this.disable(), this._contents.forEach((t, e) => {
|
||
t.classList.remove("hidden");
|
||
let i = this._headings[e], n = i.querySelectorAll(".show-opened");
|
||
for (let a of n)
|
||
a.classList.add("hidden");
|
||
let r = i.querySelectorAll(".show-closed");
|
||
for (let a of r)
|
||
a.classList.add("hidden");
|
||
});
|
||
}
|
||
default() {
|
||
this._showall = !1, this.restore(), this.hideDependent();
|
||
}
|
||
hideDependent() {
|
||
if (this.shown < 0)
|
||
for (const t of this._headings)
|
||
this._hideAllDep(t, !1);
|
||
else
|
||
this._headings.forEach((t, e) => {
|
||
this._hideAllDep(t, e === this.shown);
|
||
});
|
||
}
|
||
_hideAllDep(t, e) {
|
||
const i = t.querySelectorAll(".show-closed");
|
||
for (let r of i)
|
||
e ? r.classList.add("hidden") : r.classList.remove("hidden");
|
||
const n = Array.from(t.querySelectorAll(".show-opened"));
|
||
for (let r of n)
|
||
e ? r.classList.remove("hidden") : r.classList.add("hidden");
|
||
}
|
||
handleTabClick(t) {
|
||
if (!t.target) {
|
||
console.warn("Invalid event target");
|
||
return;
|
||
}
|
||
const e = this.findParentWithClass(t.target, "tab-list-head");
|
||
if (!e) {
|
||
console.warn("No parent found with class 'tab-list-head'");
|
||
return;
|
||
}
|
||
const i = this._headings.indexOf(e);
|
||
i === this.shown ? (this._contents[i].classList.toggle("hidden"), this._headings[i].setAttribute("aria-pressed", "false"), this.shown = -1) : this.expand(i), this.hideDependent();
|
||
}
|
||
findParentWithClass(t, e) {
|
||
for (; t; ) {
|
||
if (t.classList && t.classList.contains(e))
|
||
return t;
|
||
t = t.parentElement;
|
||
}
|
||
return null;
|
||
}
|
||
}
|
||
class Se extends HTMLElement {
|
||
static get observedAttributes() {
|
||
return ["data-text", "data-abbrevmap"];
|
||
}
|
||
static get defaultAbbrevMap() {
|
||
return {
|
||
"#": "Hinweis auf weitere Informationen in der Anmerkung.",
|
||
$: "vermutlich",
|
||
"+++": "Beiträge aus mehreren Almanachen interpoliert",
|
||
B: "Blatt",
|
||
BB: "Blätter",
|
||
C: "Corrigenda",
|
||
Diagr: "Diagramm",
|
||
G: "Graphik",
|
||
"G-Verz": "Verzeichnis der Kupfer u. ä.",
|
||
GG: "Graphiken",
|
||
Hrsg: "Herausgeber",
|
||
"I-Verz": "Inhaltsverzeichnis",
|
||
Kal: "Kalendarium",
|
||
Kr: "Karte",
|
||
MusB: "Musikbeigabe",
|
||
MusBB: "Musikbeigaben",
|
||
S: "Seite",
|
||
SS: "Seiten",
|
||
Sp: "Spiegel",
|
||
T: "Titel",
|
||
TG: "Titelgraphik, Titelportrait etc",
|
||
"TG r": "Titelgraphik, Titelportrait etc recto",
|
||
"TG v": "Titelgraphik, Titelportrait etc verso",
|
||
Tab: "Tabelle",
|
||
UG: "Umschlaggraphik",
|
||
"UG r": "Umschlaggraphik recto",
|
||
"UG v": "Umschlaggraphik verso",
|
||
VB: "Vorsatzblatt",
|
||
Vf: "Verfasser",
|
||
VrlgM: "Verlagsmitteilung",
|
||
Vrwrt: "Vorwort",
|
||
ar: "arabische Paginierung",
|
||
ar1: "erste arabische Paginierung",
|
||
ar2: "zweite arabische Paginierung",
|
||
ar3: "dritte arabische Paginierung",
|
||
ar4: "vierte arabische Paginierung",
|
||
ar5: "fünfte arabische Paginierung",
|
||
ar6: "sechste arabische Paginierung",
|
||
ar7: "siebte arabische Paginierung",
|
||
gA: "graphische Anleitung",
|
||
gT: "graphischer Titel",
|
||
gTzA: "graphische Tanzanleitung",
|
||
nT: "Nachtitel",
|
||
röm: "römische Paginierung",
|
||
röm1: "erste römische Paginierung",
|
||
röm2: "zweite römische Paginierung",
|
||
röm3: "dritte römische Paginierung",
|
||
röm4: "vierte römische Paginierung",
|
||
röm5: "fünfte römische Paginierung",
|
||
röm6: "sechste römische Paginierung",
|
||
röm7: "siebte römische Paginierung",
|
||
vT: "Vortitel",
|
||
zT: "Zwischentitel",
|
||
"§§": "Hinweis auf Mängel im Almanach (Beschädigungen, fehlende Graphiken, unvollständige Sammlungen etc) in der Anmerkung"
|
||
};
|
||
}
|
||
constructor() {
|
||
super(), this._abbrevMap = Se.defaultAbbrevMap;
|
||
}
|
||
connectedCallback() {
|
||
this.render();
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
e !== i && (t === "data-abbrevmap" && this._parseAndSetAbbrevMap(i), this.render());
|
||
}
|
||
_parseAndSetAbbrevMap(t) {
|
||
if (!t) {
|
||
this._abbrevMap = Se.defaultAbbrevMap;
|
||
return;
|
||
}
|
||
try {
|
||
this._abbrevMap = JSON.parse(t);
|
||
} catch {
|
||
this._abbrevMap = Se.defaultAbbrevMap;
|
||
}
|
||
}
|
||
setAbbrevMap(t) {
|
||
typeof t == "object" && t !== null && (this._abbrevMap = t, this.render());
|
||
}
|
||
get text() {
|
||
return this.getAttribute("data-text") || "";
|
||
}
|
||
set text(t) {
|
||
this.setAttribute("data-text", t);
|
||
}
|
||
render() {
|
||
this.innerHTML = this.transformText(this.text, this._abbrevMap);
|
||
}
|
||
transformText(t, e) {
|
||
let i = "", n = 0;
|
||
for (; n < t.length; ) {
|
||
if (n > 0 && !this.isSpaceOrPunct(t[n - 1])) {
|
||
i += t[n], n++;
|
||
continue;
|
||
}
|
||
const r = this.findLongestAbbrevAt(t, n, e);
|
||
if (r) {
|
||
const { match: a, meaning: o } = r;
|
||
i += `
|
||
<tool-tip position="top" class="!inline" timeout="300">
|
||
<div class="data-tip p-2 text-sm text-white bg-gray-700 rounded shadow">
|
||
${o}
|
||
</div>
|
||
<span class="cursor-help text-blue-900 hover:text-slate-800">
|
||
${a}
|
||
</span>
|
||
</tool-tip>
|
||
`, n += a.length;
|
||
} else
|
||
i += t[n], n++;
|
||
}
|
||
return i;
|
||
}
|
||
findLongestAbbrevAt(t, e, i) {
|
||
let n = null, r = 0;
|
||
for (const a of Object.keys(i))
|
||
t.startsWith(a, e) && a.length > r && (n = a, r = a.length);
|
||
return n ? { match: n, meaning: i[n] } : null;
|
||
}
|
||
isSpaceOrPunct(t) {
|
||
return /\s|[.,;:!?]/.test(t);
|
||
}
|
||
}
|
||
class Wl extends HTMLElement {
|
||
constructor() {
|
||
super();
|
||
}
|
||
connectedCallback() {
|
||
this.style.cursor = "pointer", this.addEventListener("click", this.handleClick);
|
||
}
|
||
disconnectedCallback() {
|
||
this.removeEventListener("click", this.handleClick);
|
||
}
|
||
handleClick(t) {
|
||
const e = this.getAttribute("data-jump");
|
||
if (e) {
|
||
const i = document.querySelector(e);
|
||
i ? i.scrollIntoView({ behavior: "smooth" }) : console.warn(`No element found for selector: ${e}`);
|
||
}
|
||
}
|
||
}
|
||
class zl extends HTMLElement {
|
||
#t = 176;
|
||
constructor() {
|
||
super(), this._images = [];
|
||
}
|
||
connectedCallback() {
|
||
this._images = Array.from(this.querySelectorAll(".primages")), this.calculateShownImages();
|
||
const t = new ResizeObserver((e, i) => {
|
||
this.calculateShownImages();
|
||
});
|
||
this._resizeObserver = t, t.observe(this);
|
||
}
|
||
disconnectedCallback() {
|
||
this._resizeObserver.unobserve(this);
|
||
}
|
||
calculateShownImages() {
|
||
const t = this.getBoundingClientRect();
|
||
console.log(t);
|
||
const e = Math.floor(t.width / (this.#t + 10));
|
||
for (let i = 0; i < this._images.length; i++)
|
||
i < e - 1 ? this._images[i].classList.remove("hidden") : this._images[i].classList.add("hidden");
|
||
}
|
||
}
|
||
const Kl = "msr-component-wrapper", qs = "msr-selected-items-container", $s = "msr-placeholder-no-selection-text", Gl = "msr-selected-item-pill", Jl = "msr-selected-item-text", Yl = "msr-item-name", Xl = "msr-item-additional-data", Ql = "msr-selected-item-role", Us = "msr-selected-item-delete-btn", Zl = "msr-controls-area", Vs = "msr-pre-add-button", js = "msr-input-area-wrapper", We = "msr-input-area-default-border", Xi = "msr-input-area-staged", Ws = "msr-staging-area-container", td = "msr-staged-item-pill", ed = "msr-staged-item-text", Qi = "msr-staged-role-select", zs = "msr-staged-cancel-btn", Ks = "msr-text-input", Gs = "msr-add-button", Js = "msr-options-list", Ys = "msr-option-item", id = "msr-option-item-name", nd = "msr-option-item-detail", Xs = "msr-option-item-highlighted", Zi = "msr-hidden-select", sd = "msr-state-no-selection", rd = "msr-state-has-selection", ad = "msr-state-list-open", od = "msr-state-item-staged";
|
||
class ld extends HTMLElement {
|
||
static formAssociated = !0;
|
||
static get observedAttributes() {
|
||
return [
|
||
"disabled",
|
||
"name",
|
||
"value",
|
||
"show-add-button",
|
||
"placeholder-no-selection",
|
||
"placeholder-search",
|
||
"placeholder-role-select"
|
||
];
|
||
}
|
||
constructor() {
|
||
super(), this.internals_ = this.attachInternals(), this._value = [], this._stagedItem = null, this._showAddButton = !0, this._placeholderNoSelection = "Keine Elemente ausgewählt", this._placeholderSearch = "Elemente suchen...", this._placeholderRoleSelect = "Rolle auswählen...", this._options = [], this._roles = [
|
||
"Leitung",
|
||
"Unterstützung",
|
||
"Berater",
|
||
"Beobachter",
|
||
"Spezialist",
|
||
"Koordinator"
|
||
], this._filteredOptions = [], this._highlightedIndex = -1, this._isOptionsListVisible = !1, this._setupTemplates(), this._bindEventHandlers();
|
||
}
|
||
get showAddButton() {
|
||
return this._showAddButton;
|
||
}
|
||
set showAddButton(t) {
|
||
const e = typeof t == "string" ? t.toLowerCase() !== "false" : !!t;
|
||
this._showAddButton !== e && (this._showAddButton = e, this.setAttribute("show-add-button", String(e)), this.preAddButtonElement && this._updatePreAddButtonVisibility());
|
||
}
|
||
get placeholderNoSelection() {
|
||
return this._placeholderNoSelection;
|
||
}
|
||
set placeholderNoSelection(t) {
|
||
const e = String(t || "Keine Elemente ausgewählt");
|
||
this._placeholderNoSelection !== e && (this._placeholderNoSelection = e, this.setAttribute("placeholder-no-selection", e), this.selectedItemsContainer && this._value.length === 0 && this._renderSelectedItems());
|
||
}
|
||
get placeholderSearch() {
|
||
return this._placeholderSearch;
|
||
}
|
||
set placeholderSearch(t) {
|
||
const e = String(t || "Elemente suchen...");
|
||
this._placeholderSearch !== e && (this._placeholderSearch = e, this.setAttribute("placeholder-search", e), this.inputElement && (this.inputElement.placeholder = e));
|
||
}
|
||
get placeholderRoleSelect() {
|
||
return this._placeholderRoleSelect;
|
||
}
|
||
set placeholderRoleSelect(t) {
|
||
const e = String(t || "Rolle auswählen...");
|
||
this._placeholderRoleSelect !== e && (this._placeholderRoleSelect = e, this.setAttribute("placeholder-role-select", e), this._stagedItem && this.stagedItemPillContainer && this._renderStagedPillOrInput());
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
if (e !== i)
|
||
switch (t) {
|
||
case "disabled":
|
||
this.disabledCallback(this.hasAttribute("disabled"));
|
||
break;
|
||
case "name":
|
||
this.hiddenSelect && (this.hiddenSelect.name = i);
|
||
break;
|
||
case "value":
|
||
break;
|
||
case "show-add-button":
|
||
this.showAddButton = i;
|
||
break;
|
||
case "placeholder-no-selection":
|
||
this.placeholderNoSelection = i;
|
||
break;
|
||
case "placeholder-search":
|
||
this.placeholderSearch = i;
|
||
break;
|
||
case "placeholder-role-select":
|
||
this.placeholderRoleSelect = i;
|
||
break;
|
||
}
|
||
}
|
||
_setupTemplates() {
|
||
this.optionTemplate = document.createElement("template"), this.optionTemplate.innerHTML = `
|
||
<li role="option" class="${Ys} group">
|
||
<span data-ref="nameEl" class="${id}"></span>
|
||
<span data-ref="detailEl" class="${nd}"></span>
|
||
</li>
|
||
`, this.selectedItemTemplate = document.createElement("template"), this.selectedItemTemplate.innerHTML = `
|
||
<span class="${Gl} group">
|
||
<span data-ref="textEl" class="${Jl}"></span>
|
||
<button type="button" data-ref="deleteBtn" class="${Us} ml-2">×</button>
|
||
</span>
|
||
`, this.stagedPlacePillTemplate = document.createElement("template"), this.stagedPlacePillTemplate.innerHTML = `
|
||
<span class="${td} flex items-center">
|
||
<span data-ref="nameEl" class="${ed}"></span>
|
||
</span>
|
||
`, this.stagedCancelBtnTemplate = document.createElement("template"), this.stagedCancelBtnTemplate.innerHTML = `
|
||
<button type="button" class="${zs} flex items-center justify-center">×</button>
|
||
`, this.stagedRoleSelectTemplate = document.createElement("template"), this.stagedRoleSelectTemplate.innerHTML = `
|
||
<select class="${Qi}">
|
||
</select>
|
||
`;
|
||
}
|
||
_bindEventHandlers() {
|
||
this._handleInput = this._handleInput.bind(this), this._handleKeyDown = this._handleKeyDown.bind(this), this._handleInputKeyDown = this._handleInputKeyDown.bind(this), this._handleFocus = this._handleFocus.bind(this), this._handleBlur = this._handleBlur.bind(this), this._handleOptionMouseDown = this._handleOptionMouseDown.bind(this), this._handleOptionClick = this._handleOptionClick.bind(this), this._handleAddButtonClick = this._handleAddButtonClick.bind(this), this._handleCancelStagedItem = this._handleCancelStagedItem.bind(this), this._handleStagedRoleChange = this._handleStagedRoleChange.bind(this);
|
||
}
|
||
_getItemById(t) {
|
||
return this._options.find((e) => e.id === t);
|
||
}
|
||
_getAvailableRolesForItem(t) {
|
||
const e = this._value.filter((i) => i.itemId === t).map((i) => i.role);
|
||
return this._roles.filter((i) => !e.includes(i));
|
||
}
|
||
setRoles(t) {
|
||
if (Array.isArray(t) && t.every((e) => typeof e == "string")) {
|
||
this._roles = [...t], this._stagedItem && this._stagedItem.item && (this._getAvailableRolesForItem(this._stagedItem.item.id).includes(this._stagedItem.currentRole) || (this._stagedItem.currentRole = ""), this._renderStagedPillOrInput(), this._updateAddButtonState());
|
||
const e = this._value.filter((i) => this._roles.includes(i.role));
|
||
e.length !== this._value.length && (this.value = e.map((i) => `${i.itemId},${i.role}`));
|
||
} else
|
||
console.error("setRoles expects an array of strings.");
|
||
}
|
||
setOptions(t) {
|
||
if (Array.isArray(t) && t.every((e) => e && typeof e.id == "string" && typeof e.name == "string")) {
|
||
this._options = [...t];
|
||
const e = this._value.filter((i) => this._getItemById(i.itemId));
|
||
e.length !== this._value.length && (this.value = e.map((i) => `${i.itemId},${i.role}`)), this._stagedItem && this._stagedItem.item && !this._getItemById(this._stagedItem.item.id) && this._handleCancelStagedItem(), this._filteredOptions = [], this._highlightedIndex = -1, this.inputElement && this.inputElement.value ? this._handleInput({ target: this.inputElement }) : this._hideOptionsList();
|
||
} else
|
||
console.error("setOptions expects an array of objects with id and name properties.");
|
||
}
|
||
get value() {
|
||
return this._value;
|
||
}
|
||
set value(t) {
|
||
if (Array.isArray(t)) {
|
||
const e = t.map((r) => {
|
||
if (typeof r == "string") {
|
||
const a = r.split(",");
|
||
if (a.length === 2) {
|
||
const o = a[0].trim(), l = a[1].trim();
|
||
if (this._getItemById(o) && this._roles.includes(l))
|
||
return { itemId: o, role: l, instanceId: crypto.randomUUID() };
|
||
}
|
||
}
|
||
return null;
|
||
}).filter((r) => r !== null), i = [], n = /* @__PURE__ */ new Set();
|
||
for (const r of e) {
|
||
const a = `${r.itemId},${r.role}`;
|
||
n.has(a) || (i.push(r), n.add(a));
|
||
}
|
||
this._value = i;
|
||
} else
|
||
this._value = [];
|
||
this._updateFormValue(), this.selectedItemsContainer && this._renderSelectedItems(), this._updateRootElementStateClasses();
|
||
}
|
||
get name() {
|
||
return this.getAttribute("name");
|
||
}
|
||
set name(t) {
|
||
this.setAttribute("name", t), this.hiddenSelect && (this.hiddenSelect.name = t);
|
||
}
|
||
connectedCallback() {
|
||
if (this.placeholderNoSelection = this.getAttribute("placeholder-no-selection") || this._placeholderNoSelection, this.placeholderSearch = this.getAttribute("placeholder-search") || this._placeholderSearch, this.placeholderRoleSelect = this.getAttribute("placeholder-role-select") || this._placeholderRoleSelect, this._render(), this.inputAreaWrapper = this.querySelector(`.${js}`), this.inputElement = this.querySelector(`.${Ks}`), this.stagedItemPillContainer = this.querySelector(`.${Ws}`), this.optionsListElement = this.querySelector(`.${Js}`), this.selectedItemsContainer = this.querySelector(`.${qs}`), this.addButtonElement = this.querySelector(`.${Gs}`), this.preAddButtonElement = this.querySelector(`.${Vs}`), this.hiddenSelect = this.querySelector(`.${Zi}`), this.name && this.hiddenSelect && (this.hiddenSelect.name = this.name), this.hasAttribute("show-add-button") ? this.showAddButton = this.getAttribute("show-add-button") : this.setAttribute("show-add-button", String(this._showAddButton)), this.inputElement && (this.inputElement.placeholder = this.placeholderSearch), this.inputElement.addEventListener("input", this._handleInput), this.inputElement.addEventListener("keydown", this._handleInputKeyDown), this.inputElement.addEventListener("focus", this._handleFocus), this.inputElement.addEventListener("blur", this._handleBlur), this.optionsListElement.addEventListener("mousedown", this._handleOptionMouseDown), this.optionsListElement.addEventListener("click", this._handleOptionClick), this.addButtonElement.addEventListener("click", this._handleAddButtonClick), this.addEventListener("keydown", this._handleKeyDown), this._renderStagedPillOrInput(), this._updateAddButtonState(), this._updatePreAddButtonVisibility(), this._updateRootElementStateClasses(), this.hasAttribute("value")) {
|
||
const t = this.getAttribute("value");
|
||
try {
|
||
const e = JSON.parse(t);
|
||
Array.isArray(e) ? this.value = e : (console.warn("Parsed value attribute is not an array:", e), this.value = []);
|
||
} catch (e) {
|
||
if (console.warn("Failed to parse value attribute as JSON array. Attribute was:", t, e), t.startsWith("[") && t.endsWith("]"))
|
||
try {
|
||
const i = t.slice(1, -1).split(",").map((n) => n.replace(/"/g, "").trim()).filter((n) => n);
|
||
this.value = i;
|
||
} catch (i) {
|
||
console.error("Manual parse of value attribute also failed:", t, i), this.value = [];
|
||
}
|
||
else t.includes(",") ? this.value = [t] : this.value = [];
|
||
}
|
||
} else
|
||
this._renderSelectedItems(), this._synchronizeHiddenSelect();
|
||
this.hasAttribute("disabled") && this.disabledCallback(!0);
|
||
}
|
||
disconnectedCallback() {
|
||
this.inputElement && (this.inputElement.removeEventListener("input", this._handleInput), this.inputElement.removeEventListener("keydown", this._handleInputKeyDown), this.inputElement.removeEventListener("focus", this._handleFocus), this.inputElement.removeEventListener("blur", this._handleBlur)), this.optionsListElement && (this.optionsListElement.removeEventListener("mousedown", this._handleOptionMouseDown), this.optionsListElement.removeEventListener("click", this._handleOptionClick)), this.addButtonElement && this.addButtonElement.removeEventListener("click", this._handleAddButtonClick), this.removeEventListener("keydown", this._handleKeyDown), clearTimeout(this._blurTimeout);
|
||
}
|
||
formAssociatedCallback(t) {
|
||
}
|
||
formDisabledCallback(t) {
|
||
this.disabledCallback(t);
|
||
}
|
||
disabledCallback(t) {
|
||
this.inputElement && (this.inputElement.disabled = t), this.classList.toggle("pointer-events-none", t), this.querySelectorAll(`.${Us}`).forEach(
|
||
(i) => i.disabled = t
|
||
);
|
||
const e = this.querySelector(`.${Qi}`);
|
||
e && (e.disabled = t), this.hiddenSelect && (this.hiddenSelect.disabled = t), this._updateAddButtonState(), this._updatePreAddButtonVisibility();
|
||
}
|
||
formResetCallback() {
|
||
this.value = [], this._stagedItem = null, this._renderStagedPillOrInput(), this._hideOptionsList(), this.inputElement && (this.inputElement.value = ""), this._updateRootElementStateClasses();
|
||
}
|
||
formStateRestoreCallback(t, e) {
|
||
Array.isArray(t) && t.every((i) => typeof i == "string" && i.includes(",")) ? this.value = t : this.value = [], this._updateRootElementStateClasses(), this._updatePreAddButtonVisibility();
|
||
}
|
||
_synchronizeHiddenSelect() {
|
||
this.hiddenSelect && (this.hiddenSelect.innerHTML = "", this._value.forEach((t) => {
|
||
const e = document.createElement("option");
|
||
e.value = `${t.itemId},${t.role}`, e.textContent = `${this._getItemById(t.itemId)?.name || t.itemId} (${t.role})`, e.selected = !0, this.hiddenSelect.appendChild(e);
|
||
}));
|
||
}
|
||
_updateFormValue() {
|
||
this.internals_.setFormValue(null), this._synchronizeHiddenSelect();
|
||
}
|
||
_updateRootElementStateClasses() {
|
||
this.classList.toggle(sd, this._value.length === 0), this.classList.toggle(rd, this._value.length > 0), this.classList.toggle(ad, this._isOptionsListVisible), this.classList.toggle(od, !!this._stagedItem);
|
||
}
|
||
_render() {
|
||
const t = this.id || `msr-${crypto.randomUUID().slice(0, 8)}`;
|
||
this.id || this.setAttribute("id", t), this.innerHTML = `
|
||
<style>
|
||
.${Zi} {
|
||
display: none !important; visibility: hidden !important; position: absolute !important;
|
||
width: 0 !important; height: 0 !important; opacity: 0 !important; pointer-events: none !important;
|
||
}
|
||
</style>
|
||
<div class="${Kl} relative">
|
||
<div class="${qs} flex flex-wrap gap-1 mb-2 min-h-[2.625rem] rounded-md" aria-live="polite">
|
||
${this._value.length === 0 ? `<span class="${$s}">${this.placeholderNoSelection}</span>` : ""}
|
||
</div>
|
||
<div class="${Zl} flex items-center">
|
||
<div class="${js} ${We} flex-grow min-h-[42px] flex items-center flex-wrap gap-1" tabindex="-1">
|
||
<span class="${Ws} flex items-center gap-2"></span>
|
||
<input type="text"
|
||
class="${Ks} flex-1 min-w-[100px] outline-none"
|
||
placeholder="${this.placeholderSearch}"
|
||
aria-haspopup="listbox"
|
||
aria-expanded="false">
|
||
</div>
|
||
<button type="button"
|
||
class="${Vs} hidden flex items-center justify-center ml-2"
|
||
aria-label="Element schnell hinzufügen">
|
||
+
|
||
</button>
|
||
<button type="button" class="${Gs} hidden ml-2">Hinzufügen</button>
|
||
</div>
|
||
<ul role="listbox" id="${t}-options-list" class="${Js} absolute z-20 w-full max-h-60 overflow-y-auto mt-1 hidden"></ul>
|
||
<select multiple name="${this.getAttribute("name") || "items_with_roles_default"}" id="hidden-select-${t}" class="${Zi}" aria-hidden="true"></select>
|
||
</div>
|
||
`;
|
||
}
|
||
_createStagedItemPillElement(t) {
|
||
const i = this.stagedPlacePillTemplate.content.cloneNode(!0).firstElementChild;
|
||
return i.querySelector('[data-ref="nameEl"]').textContent = t.name, i;
|
||
}
|
||
_createStagedRoleSelectElement(t, e) {
|
||
const n = this.stagedRoleSelectTemplate.content.cloneNode(!0).firstElementChild;
|
||
let r = `<option value="" disabled ${e ? "" : "selected"}>${this.placeholderRoleSelect}</option>`;
|
||
return t.length === 0 && !this._roles.includes(e) ? (r += "<option disabled>Keine Rollen verfügbar</option>", n.disabled = !0) : (t.forEach((a) => {
|
||
r += `<option value="${a}" ${a === e ? "selected" : ""}>${a}</option>`;
|
||
}), n.disabled = t.length === 0 && e === ""), n.innerHTML = r, n.addEventListener("change", this._handleStagedRoleChange), n;
|
||
}
|
||
_createStagedCancelButtonElement(t) {
|
||
const i = this.stagedCancelBtnTemplate.content.cloneNode(!0).firstElementChild;
|
||
return i.setAttribute("aria-label", `Auswahl von ${t} abbrechen`), i.addEventListener("click", this._handleCancelStagedItem), i;
|
||
}
|
||
_renderStagedPillOrInput() {
|
||
if (!(!this.stagedItemPillContainer || !this.inputElement || !this.inputAreaWrapper)) {
|
||
if (this.stagedItemPillContainer.innerHTML = "", this._stagedItem && this._stagedItem.item) {
|
||
this.inputAreaWrapper.classList.remove(We), this.inputAreaWrapper.classList.add(Xi);
|
||
const t = this._createStagedItemPillElement(this._stagedItem.item);
|
||
this.stagedItemPillContainer.appendChild(t);
|
||
const e = this._getAvailableRolesForItem(this._stagedItem.item.id), i = this._createStagedRoleSelectElement(
|
||
e,
|
||
this._stagedItem.currentRole
|
||
);
|
||
this.stagedItemPillContainer.appendChild(i);
|
||
const n = this._createStagedCancelButtonElement(this._stagedItem.item.name);
|
||
this.stagedItemPillContainer.appendChild(n), this.inputElement.classList.add("hidden"), this.inputElement.value = "", this.inputElement.removeAttribute("aria-activedescendant"), this.inputElement.setAttribute("aria-expanded", "false");
|
||
} else
|
||
this.inputAreaWrapper.classList.add(We), this.inputAreaWrapper.classList.remove(Xi), this.inputElement.classList.remove("hidden");
|
||
this._updateAddButtonState(), this._updatePreAddButtonVisibility(), this._updateRootElementStateClasses();
|
||
}
|
||
}
|
||
_updatePreAddButtonVisibility() {
|
||
if (!this.preAddButtonElement) return;
|
||
const t = this.hasAttribute("disabled"), e = !this._stagedItem, i = this.showAddButton && e && !t;
|
||
this.preAddButtonElement.classList.toggle("hidden", !i), this.preAddButtonElement.disabled = t;
|
||
}
|
||
_handleStagedRoleChange(t) {
|
||
this._stagedItem && (this._stagedItem.currentRole = t.target.value, this._updateAddButtonState());
|
||
}
|
||
_handleCancelStagedItem(t) {
|
||
t && t.stopPropagation(), this._stagedItem = null, this._renderStagedPillOrInput(), this.inputElement && (this.inputElement.value = "", this.inputElement.focus()), this._hideOptionsList();
|
||
}
|
||
_createSelectedItemElement(t) {
|
||
const e = this._getItemById(t.itemId);
|
||
if (!e) return null;
|
||
const n = this.selectedItemTemplate.content.cloneNode(!0).firstElementChild, r = n.querySelector('[data-ref="textEl"]');
|
||
let a = `<span class="${Yl}">${e.name}</span>`, o = e.additional_data ? ` <span class="${Xl}">(${e.additional_data})</span>` : "", l = ` <span class="${Ql}">${t.role}</span>`;
|
||
r.innerHTML = `${a}${o}${l}`;
|
||
const c = n.querySelector('[data-ref="deleteBtn"]');
|
||
return c.setAttribute("aria-label", `Entferne ${e.name} als ${t.role}`), c.dataset.instanceId = t.instanceId, c.disabled = this.hasAttribute("disabled"), c.addEventListener("click", (u) => {
|
||
u.stopPropagation(), this._handleDeleteSelectedItem(t.instanceId);
|
||
}), n;
|
||
}
|
||
_renderSelectedItems() {
|
||
this.selectedItemsContainer && (this.selectedItemsContainer.innerHTML = "", this._value.length === 0 ? this.selectedItemsContainer.innerHTML = `<span class="${$s}">${this.placeholderNoSelection}</span>` : this._value.forEach((t) => {
|
||
const e = this._createSelectedItemElement(t);
|
||
e && this.selectedItemsContainer.appendChild(e);
|
||
}), this._updateRootElementStateClasses());
|
||
}
|
||
_updateAddButtonState() {
|
||
if (this.addButtonElement) {
|
||
const t = this.hasAttribute("disabled"), e = this._stagedItem && this._stagedItem.currentRole && this._roles.includes(this._stagedItem.currentRole), i = !this._stagedItem || !e || t;
|
||
this.addButtonElement.classList.toggle("hidden", i), this.addButtonElement.disabled = i;
|
||
}
|
||
}
|
||
_createOptionElement(t, e) {
|
||
const n = this.optionTemplate.content.cloneNode(!0).firstElementChild;
|
||
return n.querySelector('[data-ref="nameEl"]').textContent = t.name, n.querySelector('[data-ref="detailEl"]').textContent = t.additional_data ? `(${t.additional_data})` : "", n.dataset.id = t.id, n.setAttribute("aria-selected", String(e === this._highlightedIndex)), n.id = `${this.id || "msr"}-option-${t.id}`, e === this._highlightedIndex && n.classList.add(Xs), n;
|
||
}
|
||
_renderOptionsList() {
|
||
if (!(!this.optionsListElement || !this.inputElement)) {
|
||
if (this.optionsListElement.innerHTML = "", this._filteredOptions.length === 0 || !this._isOptionsListVisible)
|
||
this.optionsListElement.classList.add("hidden"), this.inputElement.setAttribute("aria-expanded", "false"), this.inputElement.removeAttribute("aria-activedescendant"), this.inputElement.removeAttribute("aria-controls");
|
||
else {
|
||
this.optionsListElement.classList.remove("hidden"), this.inputElement.setAttribute("aria-expanded", "true"), this.inputElement.setAttribute("aria-controls", this.optionsListElement.id), this._filteredOptions.forEach((e, i) => {
|
||
const n = this._createOptionElement(e, i);
|
||
this.optionsListElement.appendChild(n);
|
||
});
|
||
const t = this.optionsListElement.querySelector(
|
||
`.${Xs}`
|
||
);
|
||
t ? (t.scrollIntoView({ block: "nearest" }), this.inputElement.setAttribute("aria-activedescendant", t.id)) : this.inputElement.removeAttribute("aria-activedescendant");
|
||
}
|
||
this._updateRootElementStateClasses();
|
||
}
|
||
}
|
||
_stageItem(t) {
|
||
if (this._getAvailableRolesForItem(t.id).length === 0)
|
||
return;
|
||
this._stagedItem = { item: t, currentRole: "" }, this.inputElement && (this.inputElement.value = "", this.inputElement.setAttribute("aria-expanded", "false"), this.inputElement.removeAttribute("aria-activedescendant")), this._renderStagedPillOrInput(), this._hideOptionsList();
|
||
const i = this.stagedItemPillContainer.querySelector(
|
||
`.${Qi}`
|
||
);
|
||
i && !i.disabled ? i.focus() : this.addButtonElement && !this.addButtonElement.disabled && this.addButtonElement.focus();
|
||
}
|
||
_handleAddButtonClick() {
|
||
if (!this.hasAttribute("disabled") && this._stagedItem && this._stagedItem.item && this._stagedItem.currentRole && this._roles.includes(this._stagedItem.currentRole)) {
|
||
const t = {
|
||
itemId: this._stagedItem.item.id,
|
||
role: this._stagedItem.currentRole,
|
||
instanceId: crypto.randomUUID()
|
||
};
|
||
if (this._value.find(
|
||
(i) => i.itemId === t.itemId && i.role === t.role
|
||
)) {
|
||
this._handleCancelStagedItem();
|
||
return;
|
||
}
|
||
this._value.push(t), this._updateFormValue(), this._renderSelectedItems(), this._stagedItem = null, this._renderStagedPillOrInput(), this.inputElement && (this.inputElement.value = "", this.inputElement.focus()), this._hideOptionsList();
|
||
}
|
||
}
|
||
_handleInput(t) {
|
||
if (this.hasAttribute("disabled")) return;
|
||
this._stagedItem ? (this._stagedItem = null, this._renderStagedPillOrInput()) : this._updatePreAddButtonVisibility();
|
||
const e = t.target.value;
|
||
if (e.length === 0)
|
||
this._filteredOptions = [], this._isOptionsListVisible = !1;
|
||
else {
|
||
const i = e.toLowerCase();
|
||
this._filteredOptions = this._options.filter((n) => this._getAvailableRolesForItem(n.id).length === 0 || this._stagedItem && this._stagedItem.item.id === n.id ? !1 : n.name.toLowerCase().includes(i) || n.additional_data && n.additional_data.toLowerCase().includes(i)), this._isOptionsListVisible = this._filteredOptions.length > 0;
|
||
}
|
||
this._highlightedIndex = this._filteredOptions.length > 0 ? 0 : -1, this._renderOptionsList();
|
||
}
|
||
_handleKeyDown(t) {
|
||
if (!this.hasAttribute("disabled")) {
|
||
if (t.key === "Enter" && this._stagedItem && this._stagedItem.item) {
|
||
const e = document.activeElement, i = this.stagedItemPillContainer?.querySelector(
|
||
`.${zs}`
|
||
);
|
||
if (e === i) {
|
||
t.preventDefault(), this._handleCancelStagedItem(t);
|
||
return;
|
||
} else if (this._stagedItem.currentRole && this._roles.includes(this._stagedItem.currentRole)) {
|
||
t.preventDefault(), this._handleAddButtonClick();
|
||
return;
|
||
}
|
||
}
|
||
t.key === "Escape" && (this._isOptionsListVisible ? (t.preventDefault(), this._hideOptionsList(), this.inputElement && this.inputElement.focus()) : this._stagedItem && (t.preventDefault(), this._handleCancelStagedItem(t)));
|
||
}
|
||
}
|
||
_handleInputKeyDown(t) {
|
||
if (!(this.hasAttribute("disabled") || this.inputElement && this.inputElement.disabled)) {
|
||
if (!this._isOptionsListVisible || this._filteredOptions.length === 0) {
|
||
t.key === "Enter" && this.inputElement && this.inputElement.value === "" && t.preventDefault();
|
||
return;
|
||
}
|
||
switch (t.key) {
|
||
case "ArrowDown":
|
||
t.preventDefault(), this._highlightedIndex = (this._highlightedIndex + 1) % this._filteredOptions.length, this._renderOptionsList();
|
||
break;
|
||
case "ArrowUp":
|
||
t.preventDefault(), this._highlightedIndex = (this._highlightedIndex - 1 + this._filteredOptions.length) % this._filteredOptions.length, this._renderOptionsList();
|
||
break;
|
||
case "Enter":
|
||
case "Tab":
|
||
this._highlightedIndex > -1 && this._filteredOptions[this._highlightedIndex] ? (t.preventDefault(), this._stageItem(this._filteredOptions[this._highlightedIndex])) : t.key === "Tab" && this._hideOptionsList();
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
_hideOptionsList() {
|
||
this._isOptionsListVisible = !1, this._highlightedIndex = -1, this.optionsListElement && this._renderOptionsList(), this.inputElement && (this.inputElement.setAttribute("aria-expanded", "false"), this.inputElement.removeAttribute("aria-activedescendant"));
|
||
}
|
||
_handleFocus() {
|
||
if (!(this.hasAttribute("disabled") || this.inputElement && this.inputElement.disabled || this._stagedItem)) {
|
||
if (!this._stagedItem && this.inputAreaWrapper && (this.inputAreaWrapper.classList.add(We), this.inputAreaWrapper.classList.remove(Xi)), this.inputElement && this.inputElement.value.length > 0) {
|
||
const t = this.inputElement.value.toLowerCase();
|
||
this._filteredOptions = this._options.filter((e) => this._getAvailableRolesForItem(e.id).length === 0 ? !1 : e.name.toLowerCase().includes(t) || e.additional_data && e.additional_data.toLowerCase().includes(t)), this._filteredOptions.length > 0 ? (this._isOptionsListVisible = !0, this._highlightedIndex = 0, this._renderOptionsList()) : this._hideOptionsList();
|
||
} else
|
||
this._hideOptionsList();
|
||
this._updateRootElementStateClasses(), this._updatePreAddButtonVisibility();
|
||
}
|
||
}
|
||
_blurTimeout = null;
|
||
_handleBlur(t) {
|
||
this._blurTimeout = setTimeout(() => {
|
||
const e = document.activeElement;
|
||
e !== this.addButtonElement && e !== this.preAddButtonElement && !(this.stagedItemPillContainer && this.stagedItemPillContainer.contains(e)) && !(this.optionsListElement && this.optionsListElement.contains(e)) && !this.contains(e) && this._hideOptionsList();
|
||
}, 150);
|
||
}
|
||
_handleOptionMouseDown(t) {
|
||
t.preventDefault();
|
||
}
|
||
_handleOptionClick(t) {
|
||
if (this.hasAttribute("disabled")) return;
|
||
const e = t.target.closest(`li[data-id].${Ys}`);
|
||
if (e) {
|
||
const i = e.dataset.id, n = this._filteredOptions.find((r) => r.id === i);
|
||
n && this._stageItem(n);
|
||
}
|
||
}
|
||
_handleDeleteSelectedItem(t) {
|
||
this.hasAttribute("disabled") || (this._value = this._value.filter((e) => e.instanceId !== t), this._updateFormValue(), this._renderSelectedItems(), this._stagedItem && this._stagedItem.item && this._renderStagedPillOrInput(), this.inputElement && this.inputElement.focus(), this._updatePreAddButtonVisibility());
|
||
}
|
||
}
|
||
const dd = "mss-component-wrapper", Qs = "mss-selected-items-container", cd = "mss-selected-item-pill", hd = "mss-selected-item-text", ud = "mss-selected-item-pill-detail", Zs = "mss-selected-item-delete-btn", md = "mss-selected-item-edit-link", tr = "mss-input-controls-container", er = "mss-input-wrapper", ir = "mss-input-wrapper-focused", nr = "mss-text-input", sr = "mss-create-new-button", rr = "mss-toggle-button", gd = "mss-inline-row", ar = "mss-options-list", pd = "mss-option-item", fd = "mss-option-item-name", bd = "mss-option-item-detail", or = "mss-option-item-highlighted", tn = "mss-hidden-select", en = "mss-no-items-text", lr = "mss-loading", nn = 1, sn = 10, _d = 250, vd = "mss-state-no-selection", yd = "mss-state-has-selection", Ad = "mss-state-list-open";
|
||
class Ed extends HTMLElement {
|
||
static formAssociated = !0;
|
||
constructor() {
|
||
super(), this.internals_ = this.attachInternals(), this._value = [], this._initialValue = [], this._initialOrder = [], this._displayOrder = [], this._removedIds = /* @__PURE__ */ new Set(), this._initialCaptured = !1, this._allowInitialCapture = !0, this._options = [
|
||
{ id: "abk", name: "Abchasisch" },
|
||
{ id: "aar", name: "Afar" },
|
||
{ id: "afr", name: "Afrikaans" },
|
||
{ id: "aka", name: "Akan" },
|
||
{ id: "alb", name: "Albanisch" },
|
||
{ id: "amh", name: "Amharisch" },
|
||
{ id: "ara", name: "Arabisch" },
|
||
{ id: "arg", name: "Aragonesisch" },
|
||
{ id: "arm", name: "Armenisch" },
|
||
{ id: "asm", name: "Assamesisch" },
|
||
{ id: "ava", name: "Awarisch" },
|
||
{ id: "ave", name: "Avestisch" },
|
||
{ id: "aym", name: "Aymara" },
|
||
{ id: "aze", name: "Aserbaidschanisch" },
|
||
{ id: "bam", name: "Bambara" },
|
||
{ id: "bak", name: "Baschkirisch" },
|
||
{ id: "baq", name: "Baskisch" },
|
||
{ id: "bel", name: "Belarussisch" },
|
||
{ id: "ben", name: "Bengalisch" },
|
||
{ id: "bis", name: "Bislama" },
|
||
{ id: "bos", name: "Bosnisch" },
|
||
{ id: "bre", name: "Bretonisch" },
|
||
{ id: "bul", name: "Bulgarisch" },
|
||
{ id: "bur", name: "Birmanisch" },
|
||
{ id: "cat", name: "Katalanisch" },
|
||
{ id: "cha", name: "Chamorro" },
|
||
{ id: "che", name: "Tschetschenisch" },
|
||
{ id: "nya", name: "Nyanja" },
|
||
{ id: "chi", name: "Chinesisch" },
|
||
{ id: "chu", name: "Kirchenslawisch" },
|
||
{ id: "chv", name: "Tschuwaschisch" },
|
||
{ id: "cor", name: "Kornisch" },
|
||
{ id: "cos", name: "Korsisch" },
|
||
{ id: "cre", name: "Cree" },
|
||
{ id: "hrv", name: "Kroatisch" },
|
||
{ id: "cze", name: "Tschechisch" },
|
||
{ id: "dan", name: "Dänisch" },
|
||
{ id: "div", name: "Dhivehi" },
|
||
{ id: "dut", name: "Niederländisch" },
|
||
{ id: "dzo", name: "Dzongkha" },
|
||
{ id: "eng", name: "Englisch" },
|
||
{ id: "epo", name: "Esperanto" },
|
||
{ id: "est", name: "Estnisch" },
|
||
{ id: "ewe", name: "Ewe" },
|
||
{ id: "fao", name: "Färöisch" },
|
||
{ id: "fij", name: "Fidschianisch" },
|
||
{ id: "fin", name: "Finnisch" },
|
||
{ id: "fre", name: "Französisch" },
|
||
{ id: "fry", name: "Westfriesisch" },
|
||
{ id: "ful", name: "Ful" },
|
||
{ id: "gla", name: "Schottisch-Gälisch" },
|
||
{ id: "glg", name: "Galicisch" },
|
||
{ id: "lug", name: "Ganda" },
|
||
{ id: "geo", name: "Georgisch" },
|
||
{ id: "ger", name: "Deutsch" },
|
||
{ id: "gre", name: "Griechisch" },
|
||
{ id: "kal", name: "Kalaallisut" },
|
||
{ id: "grn", name: "Guaraní" },
|
||
{ id: "guj", name: "Gujarati" },
|
||
{ id: "hat", name: "Haitianisch-Kreolisch" },
|
||
{ id: "hau", name: "Hausa" },
|
||
{ id: "heb", name: "Hebräisch" },
|
||
{ id: "her", name: "Herero" },
|
||
{ id: "hin", name: "Hindi" },
|
||
{ id: "hmo", name: "Hiri Motu" },
|
||
{ id: "hun", name: "Ungarisch" },
|
||
{ id: "ice", name: "Isländisch" },
|
||
{ id: "ido", name: "Ido" },
|
||
{ id: "ibo", name: "Igbo" },
|
||
{ id: "ind", name: "Indonesisch" },
|
||
{ id: "ina", name: "Interlingua" },
|
||
{ id: "ile", name: "Interlingue" },
|
||
{ id: "iku", name: "Inuktitut" },
|
||
{ id: "ipk", name: "Inupiaq" },
|
||
{ id: "gle", name: "Irisch" },
|
||
{ id: "ita", name: "Italienisch" },
|
||
{ id: "jpn", name: "Japanisch" },
|
||
{ id: "jav", name: "Javanisch" },
|
||
{ id: "kan", name: "Kannada" },
|
||
{ id: "kau", name: "Kanuri" },
|
||
{ id: "kas", name: "Kashmiri" },
|
||
{ id: "kaz", name: "Kasachisch" },
|
||
{ id: "khm", name: "Khmer" },
|
||
{ id: "kik", name: "Kikuyu" },
|
||
{ id: "kin", name: "Kinyarwanda" },
|
||
{ id: "kir", name: "Kirgisisch" },
|
||
{ id: "kom", name: "Komi" },
|
||
{ id: "kon", name: "Kongo" },
|
||
{ id: "kor", name: "Koreanisch" },
|
||
{ id: "kua", name: "Kwanyama" },
|
||
{ id: "kur", name: "Kurdisch" },
|
||
{ id: "lao", name: "Laotisch" },
|
||
{ id: "lat", name: "Latein" },
|
||
{ id: "lav", name: "Lettisch" },
|
||
{ id: "lim", name: "Limburgisch" },
|
||
{ id: "lin", name: "Lingala" },
|
||
{ id: "lit", name: "Litauisch" },
|
||
{ id: "lub", name: "Luba-Katanga" },
|
||
{ id: "ltz", name: "Luxemburgisch" },
|
||
{ id: "mac", name: "Mazedonisch" },
|
||
{ id: "mlg", name: "Malagasy" },
|
||
{ id: "may", name: "Malaiisch" },
|
||
{ id: "mal", name: "Malayalam" },
|
||
{ id: "mlt", name: "Maltesisch" },
|
||
{ id: "glv", name: "Manx" },
|
||
{ id: "mao", name: "Maori" },
|
||
{ id: "mar", name: "Marathi" },
|
||
{ id: "mah", name: "Marshallesisch" },
|
||
{ id: "mon", name: "Mongolisch" },
|
||
{ id: "nau", name: "Nauruisch" },
|
||
{ id: "nav", name: "Navajo" },
|
||
{ id: "nde", name: "Nord-Ndebele" },
|
||
{ id: "nbl", name: "Süd-Ndebele" },
|
||
{ id: "ndo", name: "Ndonga" },
|
||
{ id: "nep", name: "Nepali" },
|
||
{ id: "nor", name: "Norwegisch" },
|
||
{ id: "nob", name: "Norwegisch Bokmål" },
|
||
{ id: "nno", name: "Norwegisch Nynorsk" },
|
||
{ id: "oci", name: "Okzitanisch" },
|
||
{ id: "oji", name: "Ojibwa" },
|
||
{ id: "ori", name: "Oriya" },
|
||
{ id: "orm", name: "Oromo" },
|
||
{ id: "oss", name: "Ossetisch" },
|
||
{ id: "pli", name: "Pali" },
|
||
{ id: "pus", name: "Paschtu" },
|
||
{ id: "per", name: "Persisch" },
|
||
{ id: "pol", name: "Polnisch" },
|
||
{ id: "por", name: "Portugiesisch" },
|
||
{ id: "pan", name: "Panjabi" },
|
||
{ id: "que", name: "Quechua" },
|
||
{ id: "rum", name: "Rumänisch" },
|
||
{ id: "roh", name: "Rätoromanisch" },
|
||
{ id: "run", name: "Rundi" },
|
||
{ id: "rus", name: "Russisch" },
|
||
{ id: "sme", name: "Nordsamisch" },
|
||
{ id: "smo", name: "Samoanisch" },
|
||
{ id: "sag", name: "Sango" },
|
||
{ id: "san", name: "Sanskrit" },
|
||
{ id: "srd", name: "Sardisch" },
|
||
{ id: "srp", name: "Serbisch" },
|
||
{ id: "sna", name: "Shona" },
|
||
{ id: "snd", name: "Sindhi" },
|
||
{ id: "sin", name: "Singhalesisch" },
|
||
{ id: "slo", name: "Slowakisch" },
|
||
{ id: "slv", name: "Slowenisch" },
|
||
{ id: "som", name: "Somali" },
|
||
{ id: "sot", name: "Süd-Sotho" },
|
||
{ id: "spa", name: "Spanisch" },
|
||
{ id: "sun", name: "Sundanesisch" },
|
||
{ id: "swa", name: "Swahili" },
|
||
{ id: "ssw", name: "Swazi" },
|
||
{ id: "swe", name: "Schwedisch" },
|
||
{ id: "tgl", name: "Tagalog" },
|
||
{ id: "tah", name: "Tahitisch" },
|
||
{ id: "tgk", name: "Tadschikisch" },
|
||
{ id: "tam", name: "Tamil" },
|
||
{ id: "tat", name: "Tatarisch" },
|
||
{ id: "tel", name: "Telugu" },
|
||
{ id: "tha", name: "Thailändisch" },
|
||
{ id: "tib", name: "Tibetisch" },
|
||
{ id: "tir", name: "Tigrinya" },
|
||
{ id: "ton", name: "Tongaisch" },
|
||
{ id: "tso", name: "Tsonga" },
|
||
{ id: "tsn", name: "Tswana" },
|
||
{ id: "tur", name: "Türkisch" },
|
||
{ id: "tuk", name: "Turkmenisch" },
|
||
{ id: "twi", name: "Twi" },
|
||
{ id: "uig", name: "Uigurisch" },
|
||
{ id: "ukr", name: "Ukrainisch" },
|
||
{ id: "urd", name: "Urdu" },
|
||
{ id: "uzb", name: "Usbekisch" },
|
||
{ id: "ven", name: "Venda" },
|
||
{ id: "vie", name: "Vietnamesisch" },
|
||
{ id: "vol", name: "Volapük" },
|
||
{ id: "wln", name: "Wallonisch" },
|
||
{ id: "wel", name: "Walisisch" },
|
||
{ id: "wol", name: "Wolof" },
|
||
{ id: "xho", name: "Xhosa" },
|
||
{ id: "iii", name: "Sichuan Yi" },
|
||
{ id: "yid", name: "Jiddisch" },
|
||
{ id: "yor", name: "Yoruba" },
|
||
{ id: "zha", name: "Zhuang" },
|
||
{ id: "zul", name: "Zulu" }
|
||
], this._filteredOptions = [], this._highlightedIndex = -1, this._isOptionsListVisible = !1, this._remoteEndpoint = null, this._remoteResultKey = "items", this._remoteMinChars = nn, this._remoteLimit = sn, this._remoteFetchController = null, this._remoteFetchTimeout = null, this._placeholder = this.getAttribute("placeholder") || "Search items...", this._showCreateButton = this.getAttribute("show-create-button") !== "false", this._toggleLabel = this.getAttribute("data-toggle-label") || "", this._toggleInput = this._toggleLabel !== "", this._inputCollapsed = this._toggleInput, this._editBase = this.getAttribute("data-edit-base") || "", this._editSuffix = this.getAttribute("data-edit-suffix") || "/edit", this._setupTemplates(), this._bindEventHandlers();
|
||
}
|
||
_setupTemplates() {
|
||
this.optionTemplate = document.createElement("template"), this.optionTemplate.innerHTML = `
|
||
<li role="option" class="${pd}">
|
||
<span data-ref="nameEl" class="${fd}"></span>
|
||
<span data-ref="detailEl" class="${bd}"></span>
|
||
</li>
|
||
`, this.selectedItemTemplate = document.createElement("template"), this.selectedItemTemplate.innerHTML = `
|
||
<span class="${cd} flex items-center">
|
||
<span data-ref="textEl" class="${hd}"></span>
|
||
<span data-ref="detailEl" class="${ud} hidden"></span>
|
||
<a data-ref="editLink" class="${md} hidden" aria-label="Bearbeiten">
|
||
<i class="ri-edit-line"></i>
|
||
</a>
|
||
<button type="button" data-ref="deleteBtn" class="${Zs}">×</button>
|
||
</span>
|
||
`;
|
||
}
|
||
_bindEventHandlers() {
|
||
this._handleInput = this._handleInput.bind(this), this._handleKeyDown = this._handleKeyDown.bind(this), this._handleFocus = this._handleFocus.bind(this), this._handleBlur = this._handleBlur.bind(this), this._handleOptionMouseDown = this._handleOptionMouseDown.bind(this), this._handleOptionClick = this._handleOptionClick.bind(this), this._handleCreateNewButtonClick = this._handleCreateNewButtonClick.bind(this), this._handleSelectedItemsContainerClick = this._handleSelectedItemsContainerClick.bind(this), this._handleToggleClick = this._handleToggleClick.bind(this);
|
||
}
|
||
_getItemById(t) {
|
||
return this._options.find((e) => e.id === t);
|
||
}
|
||
get placeholder() {
|
||
return this._placeholder;
|
||
}
|
||
set placeholder(t) {
|
||
this._placeholder = t, this.inputElement && (this.inputElement.placeholder = this._placeholder), this.setAttribute("placeholder", t);
|
||
}
|
||
get showCreateButton() {
|
||
return this._showCreateButton;
|
||
}
|
||
set showCreateButton(t) {
|
||
const e = String(t).toLowerCase() !== "false" && t !== !1;
|
||
this._showCreateButton !== e && (this._showCreateButton = e, this.createNewButton && this.createNewButton.classList.toggle("hidden", !this._showCreateButton), this.setAttribute("show-create-button", this._showCreateButton ? "true" : "false"));
|
||
}
|
||
setOptions(t) {
|
||
if (Array.isArray(t) && t.every((e) => e && typeof e.id == "string" && typeof e.name == "string")) {
|
||
this._options = t.map((i) => {
|
||
const n = { ...i };
|
||
return n.name = this._normalizeText(n.name), n.additional_data = this._normalizeText(n.additional_data), n;
|
||
});
|
||
const e = this._value.filter((i) => this._getItemById(i));
|
||
e.length !== this._value.length ? this.value = e : this.selectedItemsContainer && this._renderSelectedItems(), this._filteredOptions = [], this._highlightedIndex = -1, this.inputElement && this.inputElement.value ? this._handleInput({ target: this.inputElement }) : this._hideOptionsList();
|
||
} else console.error("setOptions expects an array of objects with id and name properties.");
|
||
}
|
||
get value() {
|
||
return this._value;
|
||
}
|
||
set value(t) {
|
||
const e = JSON.stringify([...this._value].sort());
|
||
if (Array.isArray(t))
|
||
this._value = [...new Set(t.filter((n) => typeof n == "string" && this._getItemById(n)))];
|
||
else if (typeof t == "string" && t.trim() !== "") {
|
||
const n = t.trim();
|
||
this._getItemById(n) && !this._value.includes(n) ? this._value = [n] : this._getItemById(n) || (this._value = this._value.filter((r) => r !== n));
|
||
} else this._value = [];
|
||
const i = JSON.stringify([...this._value].sort());
|
||
this._value.forEach((n) => {
|
||
this._displayOrder.includes(n) || this._displayOrder.push(n);
|
||
}), !this._initialCaptured && this._allowInitialCapture && this._value.length > 0 && (this._initialValue = [...this._value], this._initialOrder = [...this._value], this._initialCaptured = !0), this._value.forEach((n) => {
|
||
this._removedIds.has(n) && this._removedIds.delete(n);
|
||
}), e !== i && (this._updateFormValue(), this.selectedItemsContainer && this._renderSelectedItems(), this._updateRootElementStateClasses(), this.dispatchEvent(new Event("change", { bubbles: !0 })));
|
||
}
|
||
get name() {
|
||
return this.getAttribute("name");
|
||
}
|
||
set name(t) {
|
||
this.setAttribute("name", t), this.hiddenSelect && (this.hiddenSelect.name = t);
|
||
}
|
||
connectedCallback() {
|
||
this._render(), this.inputControlsContainer = this.querySelector(`.${tr}`), this.inputWrapper = this.querySelector(`.${er}`), this.inputElement = this.querySelector(`.${nr}`), this.createNewButton = this.querySelector(`.${sr}`), this.toggleButton = this.querySelector(`.${rr}`), this.optionsListElement = this.querySelector(`.${ar}`), this.selectedItemsContainer = this.querySelector(`.${Qs}`), this.hiddenSelect = this.querySelector(`.${tn}`), this.placeholder = this.getAttribute("placeholder") || "Search items...", this.showCreateButton = this.getAttribute("show-create-button") !== "false", this._toggleLabel = this.getAttribute("data-toggle-label") || "", this._toggleInput = this._toggleLabel !== "", this._inputCollapsed = this._toggleInput, this._remoteEndpoint = this.getAttribute("data-endpoint") || null, this._remoteResultKey = this.getAttribute("data-result-key") || "items", this._remoteMinChars = this._parsePositiveInt(this.getAttribute("data-minchars"), nn), this._remoteLimit = this._parsePositiveInt(this.getAttribute("data-limit"), sn), this.name && this.hiddenSelect && (this.hiddenSelect.name = this.name), this.inputElement.addEventListener("input", this._handleInput), this.inputElement.addEventListener("keydown", this._handleKeyDown), this.inputElement.addEventListener("focus", this._handleFocus), this.inputElement.addEventListener("blur", this._handleBlur), this.optionsListElement.addEventListener("mousedown", this._handleOptionMouseDown), this.optionsListElement.addEventListener("click", this._handleOptionClick), this.createNewButton.addEventListener("click", this._handleCreateNewButtonClick), this.selectedItemsContainer.addEventListener("click", this._handleSelectedItemsContainerClick), this.toggleButton && this.toggleButton.addEventListener("click", this._handleToggleClick);
|
||
const t = this.getAttribute("data-external-toggle-id");
|
||
if (t && (this.externalToggleButton = document.getElementById(t), this.externalToggleButton && this.externalToggleButton.addEventListener("click", this._handleToggleClick)), this._updateRootElementStateClasses(), this.hasAttribute("value")) {
|
||
const e = this.getAttribute("value");
|
||
try {
|
||
this.value = JSON.parse(e);
|
||
} catch {
|
||
this.value = e.split(",").map((n) => n.trim()).filter(Boolean);
|
||
}
|
||
} else
|
||
this._renderSelectedItems(), this._synchronizeHiddenSelect();
|
||
this._value.length === 0 && this._renderSelectedItems(), this.hasAttribute("disabled") && this.disabledCallback(!0), this._toggleInput && this._hideInputControls(), this._allowInitialCapture = !1, this._initialCaptured || (this._initialValue = [...this._value], this._initialOrder = [...this._value], this._displayOrder = [...this._value], this._initialCaptured = !0);
|
||
}
|
||
disconnectedCallback() {
|
||
this.inputElement && (this.inputElement.removeEventListener("input", this._handleInput), this.inputElement.removeEventListener("keydown", this._handleKeyDown), this.inputElement.removeEventListener("focus", this._handleFocus), this.inputElement.removeEventListener("blur", this._handleBlur)), this.optionsListElement && (this.optionsListElement.removeEventListener("mousedown", this._handleOptionMouseDown), this.optionsListElement.removeEventListener("click", this._handleOptionClick)), this.createNewButton && this.createNewButton.removeEventListener("click", this._handleCreateNewButtonClick), this.selectedItemsContainer && this.selectedItemsContainer.removeEventListener("click", this._handleSelectedItemsContainerClick), this.toggleButton && this.toggleButton.removeEventListener("click", this._handleToggleClick), this.externalToggleButton && this.externalToggleButton.removeEventListener("click", this._handleToggleClick), clearTimeout(this._blurTimeout), this._remoteFetchTimeout && (clearTimeout(this._remoteFetchTimeout), this._remoteFetchTimeout = null), this._cancelRemoteFetch();
|
||
}
|
||
static get observedAttributes() {
|
||
return [
|
||
"disabled",
|
||
"name",
|
||
"value",
|
||
"placeholder",
|
||
"show-create-button",
|
||
"data-endpoint",
|
||
"data-result-key",
|
||
"data-minchars",
|
||
"data-limit",
|
||
"data-toggle-label"
|
||
];
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
if (e !== i)
|
||
if (t === "disabled") this.disabledCallback(this.hasAttribute("disabled"));
|
||
else if (t === "name" && this.hiddenSelect) this.hiddenSelect.name = i;
|
||
else if (t === "value" && this.inputElement)
|
||
try {
|
||
this.value = JSON.parse(i);
|
||
} catch {
|
||
this.value = i.split(",").map((r) => r.trim()).filter(Boolean);
|
||
}
|
||
else t === "placeholder" ? this.placeholder = i : t === "show-create-button" ? this.showCreateButton = i : t === "data-endpoint" ? this._remoteEndpoint = i || null : t === "data-result-key" ? this._remoteResultKey = i || "items" : t === "data-minchars" ? this._remoteMinChars = this._parsePositiveInt(i, nn) : t === "data-limit" ? this._remoteLimit = this._parsePositiveInt(i, sn) : t === "data-toggle-label" && (this._toggleLabel = i || "", this._toggleInput = this._toggleLabel !== "");
|
||
}
|
||
formAssociatedCallback(t) {
|
||
}
|
||
formDisabledCallback(t) {
|
||
this.disabledCallback(t);
|
||
}
|
||
formResetCallback() {
|
||
this.value = [], this._displayOrder = [], this._hideOptionsList(), this.inputElement && (this.inputElement.value = ""), this.placeholder = this.getAttribute("placeholder") || "Search items...", this.showCreateButton = this.getAttribute("show-create-button") !== "false", this._updateRootElementStateClasses(), this._renderSelectedItems(), this._toggleInput && this._hideInputControls();
|
||
}
|
||
formStateRestoreCallback(t, e) {
|
||
this.value = Array.isArray(t) ? t : [], this._updateRootElementStateClasses();
|
||
}
|
||
captureInitialSelection() {
|
||
this._initialValue = [...this._value], this._initialOrder = [...this._value], this._displayOrder = [...this._value], this._removedIds.clear(), this._initialCaptured = !0, this._renderSelectedItems();
|
||
}
|
||
_synchronizeHiddenSelect() {
|
||
this.hiddenSelect && (this.hiddenSelect.innerHTML = "", this._value.forEach((t) => {
|
||
const e = document.createElement("option");
|
||
e.value = t;
|
||
const i = this._getItemById(t);
|
||
e.textContent = i ? i.name : t, e.selected = !0, this.hiddenSelect.appendChild(e);
|
||
}));
|
||
}
|
||
_updateFormValue() {
|
||
this.internals_.setFormValue(null), this._synchronizeHiddenSelect();
|
||
}
|
||
disabledCallback(t) {
|
||
this.inputElement && (this.inputElement.disabled = t), this.createNewButton && (this.createNewButton.disabled = t), this.toggleAttribute("disabled", t), this.querySelectorAll(`.${Zs}`).forEach((e) => e.disabled = t), this.hiddenSelect && (this.hiddenSelect.disabled = t), t && this._hideOptionsList();
|
||
}
|
||
_updateRootElementStateClasses() {
|
||
this.classList.toggle(vd, this._value.length === 0), this.classList.toggle(yd, this._value.length > 0), this.classList.toggle(Ad, this._isOptionsListVisible);
|
||
}
|
||
_render() {
|
||
const t = this.id || `mss-${crypto.randomUUID().slice(0, 8)}`;
|
||
this.id || this.setAttribute("id", t);
|
||
const e = this.getAttribute("data-toggle-label") || "", i = e !== "", n = i ? "hidden" : "";
|
||
this.innerHTML = `
|
||
<style>
|
||
.${tn} { display: block !important; visibility: hidden !important; position: absolute !important; width: 0px !important; height: 0px !important; opacity: 0 !important; pointer-events: none !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; }
|
||
</style>
|
||
<div class="${dd} relative">
|
||
<div class="${gd} flex flex-wrap items-center gap-2">
|
||
<div class="${Qs} flex flex-wrap items-center gap-1 min-h-[30px]" aria-live="polite" tabindex="-1"></div>
|
||
${i ? `<button type="button" class="${rr}">${e}</button>` : ""}
|
||
<div class="${tr} flex items-center gap-2 ${n}">
|
||
<div class="${er} relative rounded-md flex items-center flex-grow">
|
||
<input type="text"
|
||
class="${nr} w-full outline-none bg-transparent"
|
||
placeholder="${this.placeholder}"
|
||
aria-autocomplete="list"
|
||
aria-expanded="${this._isOptionsListVisible}"
|
||
aria-controls="options-list-${t}"
|
||
autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="combobox" />
|
||
</div>
|
||
<button type="button" class="${sr} ${this.showCreateButton ? "" : "hidden"}" title="Create new item from input">+</button>
|
||
</div>
|
||
</div>
|
||
<ul id="options-list-${t}" role="listbox" class="${ar} absolute z-20 w-full max-h-60 overflow-y-auto mt-1 hidden"></ul>
|
||
<select multiple name="${this.getAttribute("name") || "mss_default_name"}" id="hidden-select-${t}" class="${tn}" aria-hidden="true"></select>
|
||
</div>
|
||
`;
|
||
}
|
||
_createSelectedItemElement(t) {
|
||
const e = this._getItemById(t);
|
||
if (!e) return null;
|
||
const n = this.selectedItemTemplate.content.cloneNode(!0).firstElementChild, r = n.querySelector('[data-ref="textEl"]'), a = n.querySelector('[data-ref="detailEl"]'), o = n.querySelector('[data-ref="editLink"]'), l = n.querySelector('[data-ref="deleteBtn"]');
|
||
r.textContent = this._normalizeText(e.name);
|
||
const c = this._normalizeText(e.additional_data);
|
||
c ? (a.textContent = `(${c})`, a.classList.remove("hidden")) : (a.textContent = "", a.classList.add("hidden"));
|
||
const u = this._removedIds.has(t);
|
||
if (!this._initialValue.includes(t)) {
|
||
const p = document.createElement("span");
|
||
p.className = "ml-1 text-xs text-gray-600", p.textContent = "(Neu)", r.appendChild(p);
|
||
}
|
||
return u && (n.classList.add("bg-red-100"), n.style.position = "relative"), o && (this._editBase && !u ? (o.href = `${this._editBase}${t}${this._editSuffix}`, o.target = "_blank", o.rel = "noreferrer", o.classList.remove("hidden")) : (o.classList.add("hidden"), o.removeAttribute("href"), o.removeAttribute("target"), o.removeAttribute("rel"))), l.setAttribute("aria-label", u ? `Undo remove ${e.name}` : `Remove ${e.name}`), l.dataset.id = t, l.disabled = this.hasAttribute("disabled"), l.innerHTML = u ? '<span class="text-xs inline-flex items-center"><i class="ri-arrow-go-back-line"></i></span>' : "×", l.addEventListener("click", (p) => {
|
||
p.stopPropagation(), this._handleDeleteSelectedItem(t);
|
||
}), n;
|
||
}
|
||
_renderSelectedItems() {
|
||
if (!this.selectedItemsContainer) return;
|
||
this.selectedItemsContainer.innerHTML = "";
|
||
const t = this._displayOrder.filter(
|
||
(e) => this._value.includes(e) || this._removedIds.has(e)
|
||
);
|
||
if (t.length === 0) {
|
||
const e = this.getAttribute("data-empty-text") || "Keine Auswahl...", i = this._inputCollapsed ? "" : "hidden";
|
||
this.selectedItemsContainer.innerHTML = `<span class="${en} ${i}">${e}</span>`;
|
||
} else
|
||
t.forEach((e) => {
|
||
const i = this._createSelectedItemElement(e);
|
||
i && this.selectedItemsContainer.appendChild(i);
|
||
});
|
||
this._updateRootElementStateClasses();
|
||
}
|
||
_createOptionElement(t, e) {
|
||
const n = this.optionTemplate.content.cloneNode(!0).firstElementChild, r = n.querySelector('[data-ref="nameEl"]'), a = n.querySelector('[data-ref="detailEl"]');
|
||
r.textContent = this._normalizeText(t.name);
|
||
const o = this._normalizeText(t.additional_data);
|
||
a.textContent = o ? `(${o})` : "", n.dataset.id = t.id, n.setAttribute("aria-selected", String(e === this._highlightedIndex));
|
||
const l = `option-${this.id || "mss"}-${t.id}`;
|
||
return n.id = l, e === this._highlightedIndex && (n.classList.add(or), this.inputElement && this.inputElement.setAttribute("aria-activedescendant", l)), n;
|
||
}
|
||
_renderOptionsList() {
|
||
if (!(!this.optionsListElement || !this.inputElement)) {
|
||
if (this.optionsListElement.innerHTML = "", this.inputElement.removeAttribute("aria-activedescendant"), this._filteredOptions.length === 0 || !this._isOptionsListVisible)
|
||
this.optionsListElement.classList.add("hidden"), this.inputElement.setAttribute("aria-expanded", "false");
|
||
else {
|
||
this.optionsListElement.classList.remove("hidden"), this.inputElement.setAttribute("aria-expanded", "true"), this._filteredOptions.forEach((e, i) => {
|
||
const n = this._createOptionElement(e, i);
|
||
this.optionsListElement.appendChild(n);
|
||
});
|
||
const t = this.optionsListElement.querySelector(`.${or}`);
|
||
t && (t.scrollIntoView({ block: "nearest" }), this.inputElement.setAttribute("aria-activedescendant", t.id));
|
||
}
|
||
this._updateRootElementStateClasses();
|
||
}
|
||
}
|
||
_handleSelectedItemsContainerClick(t) {
|
||
t.target === this.selectedItemsContainer && this.inputElement && !this.inputElement.disabled && this.inputElement.focus();
|
||
}
|
||
_handleCreateNewButtonClick() {
|
||
if (this.hasAttribute("disabled") || !this.showCreateButton) return;
|
||
const t = this.inputElement ? this.inputElement.value.trim() : "";
|
||
this.dispatchEvent(
|
||
new CustomEvent("createnew", {
|
||
detail: { value: t },
|
||
bubbles: !0,
|
||
composed: !0
|
||
})
|
||
);
|
||
}
|
||
_handleInput(t) {
|
||
const e = t.target.value;
|
||
if (this._remoteEndpoint) {
|
||
this._handleRemoteInput(e);
|
||
return;
|
||
}
|
||
if (e.length === 0)
|
||
this._filteredOptions = [], this._isOptionsListVisible = !1;
|
||
else {
|
||
const i = e.toLowerCase();
|
||
this._filteredOptions = this._options.filter((n) => {
|
||
if (this._value.includes(n.id)) return !1;
|
||
const a = this._normalizeText(n.name).toLowerCase().includes(i), o = this._normalizeText(n.additional_data), l = o && o.toLowerCase().includes(i);
|
||
return a || l;
|
||
}), this._isOptionsListVisible = this._filteredOptions.length > 0;
|
||
}
|
||
this._highlightedIndex = this._filteredOptions.length > 0 ? 0 : -1, this._renderOptionsList();
|
||
}
|
||
_handleKeyDown(t) {
|
||
if (!this.inputElement.disabled) {
|
||
if (!this._isOptionsListVisible || this._filteredOptions.length === 0) {
|
||
t.key === "Enter" && this.inputElement.value.length > 0 && t.preventDefault(), t.key === "Escape" && this._hideOptionsList(), (t.key === "ArrowDown" || t.key === "ArrowUp") && this.inputElement.value.length > 0 && this._handleInput({ target: this.inputElement });
|
||
return;
|
||
}
|
||
switch (t.key) {
|
||
case "ArrowDown":
|
||
t.preventDefault(), this._highlightedIndex = (this._highlightedIndex + 1) % this._filteredOptions.length, this._renderOptionsList();
|
||
break;
|
||
case "ArrowUp":
|
||
t.preventDefault(), this._highlightedIndex = (this._highlightedIndex - 1 + this._filteredOptions.length) % this._filteredOptions.length, this._renderOptionsList();
|
||
break;
|
||
case "Enter":
|
||
t.stopPropagation(), t.preventDefault(), this._highlightedIndex > -1 && this._filteredOptions[this._highlightedIndex] && this._selectItem(this._filteredOptions[this._highlightedIndex].id);
|
||
break;
|
||
case "Escape":
|
||
t.preventDefault(), this._hideOptionsList(), this._toggleInput && this._hideInputControls();
|
||
break;
|
||
case "Tab":
|
||
this._hideOptionsList();
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
_hideOptionsList() {
|
||
this._isOptionsListVisible = !1, this._highlightedIndex = -1, this.optionsListElement && this._renderOptionsList();
|
||
}
|
||
_handleFocus() {
|
||
this.inputElement.disabled || (this.inputWrapper && this.inputWrapper.classList.add(ir), this.inputElement.value.length > 0 && this._handleInput({ target: this.inputElement }), this._updateRootElementStateClasses());
|
||
}
|
||
_blurTimeout = null;
|
||
_handleBlur() {
|
||
this.inputWrapper && this.inputWrapper.classList.remove(ir), this._blurTimeout = setTimeout(() => {
|
||
this.contains(document.activeElement) || (this._hideOptionsList(), this._toggleInput && (!this.inputElement || this.inputElement.value.trim() === "") && this._hideInputControls());
|
||
}, 150);
|
||
}
|
||
_handleOptionMouseDown(t) {
|
||
t.preventDefault();
|
||
}
|
||
_handleOptionClick(t) {
|
||
const e = t.target.closest("li[data-id]");
|
||
e && e.dataset.id && this._selectItem(e.dataset.id);
|
||
}
|
||
_selectItem(t) {
|
||
t && !this._value.includes(t) && (this.value = [...this._value, t]), this.inputElement && (this.inputElement.value = ""), this._filteredOptions = [], this._hideOptionsList(), this._toggleInput ? this._hideInputControls() : this.inputElement && !this.hasAttribute("disabled") && this.inputElement.focus();
|
||
}
|
||
_handleDeleteSelectedItem(t) {
|
||
if (this._removedIds.has(t)) {
|
||
this._removedIds.delete(t), this._value.includes(t) ? this._renderSelectedItems() : this.value = [...this._value, t];
|
||
return;
|
||
}
|
||
if (this._initialValue.includes(t)) {
|
||
this._removedIds.add(t), this.value = this._value.filter((e) => e !== t);
|
||
return;
|
||
}
|
||
this.value = this._value.filter((e) => e !== t), this.inputElement && this.inputElement.value && this._handleInput({ target: this.inputElement }), this.inputElement && !this.hasAttribute("disabled") && this.inputElement.focus();
|
||
}
|
||
_handleToggleClick(t) {
|
||
t.preventDefault(), this._showInputControls();
|
||
}
|
||
_showInputControls() {
|
||
if (this.inputControlsContainer) {
|
||
if (this.inputControlsContainer.classList.remove("hidden"), this.toggleButton && this.toggleButton.classList.add("hidden"), this._value.length === 0 && this.selectedItemsContainer) {
|
||
const t = this.selectedItemsContainer.querySelector(`.${en}`);
|
||
t && t.classList.add("hidden");
|
||
}
|
||
this.inputElement && !this.hasAttribute("disabled") && this.inputElement.focus(), this._inputCollapsed = !1;
|
||
}
|
||
}
|
||
_hideInputControls() {
|
||
if (this.inputControlsContainer) {
|
||
if (this.inputControlsContainer.classList.add("hidden"), this.toggleButton && this.toggleButton.classList.remove("hidden"), this._value.length === 0 && this.selectedItemsContainer) {
|
||
const t = this.selectedItemsContainer.querySelector(`.${en}`);
|
||
t && t.classList.remove("hidden");
|
||
}
|
||
this._hideOptionsList(), this._inputCollapsed = !0;
|
||
}
|
||
}
|
||
_parsePositiveInt(t, e) {
|
||
if (!t) return e;
|
||
const i = parseInt(t, 10);
|
||
return Number.isNaN(i) || i <= 0 ? e : i;
|
||
}
|
||
_handleRemoteInput(t) {
|
||
if (this._remoteFetchTimeout && clearTimeout(this._remoteFetchTimeout), t.length < this._remoteMinChars) {
|
||
this._filteredOptions = [], this._isOptionsListVisible = !1, this._renderOptionsList();
|
||
return;
|
||
}
|
||
this._remoteFetchTimeout = setTimeout(() => {
|
||
this._fetchRemoteOptions(t);
|
||
}, _d);
|
||
}
|
||
_cancelRemoteFetch() {
|
||
this._remoteFetchController && (this._remoteFetchController.abort(), this._remoteFetchController = null);
|
||
}
|
||
async _fetchRemoteOptions(t) {
|
||
if (!this._remoteEndpoint) return;
|
||
this._cancelRemoteFetch(), this.classList.add(lr);
|
||
const e = new AbortController();
|
||
this._remoteFetchController = e;
|
||
try {
|
||
const i = new URL(this._remoteEndpoint, window.location.origin);
|
||
i.searchParams.set("q", t), this._remoteLimit && i.searchParams.set("limit", String(this._remoteLimit));
|
||
const n = await fetch(i.toString(), {
|
||
headers: { Accept: "application/json" },
|
||
signal: e.signal,
|
||
credentials: "same-origin"
|
||
});
|
||
if (!n.ok)
|
||
throw new Error(`Remote fetch failed with status ${n.status}`);
|
||
const r = await n.json();
|
||
if (e.signal.aborted)
|
||
return;
|
||
const a = this._extractRemoteOptions(r);
|
||
this._applyRemoteResults(a);
|
||
} catch (i) {
|
||
if (e.signal.aborted)
|
||
return;
|
||
console.error("MultiSelectSimple remote fetch error:", i), this._filteredOptions = [], this._isOptionsListVisible = !1, this._renderOptionsList();
|
||
} finally {
|
||
this._remoteFetchController === e && (this._remoteFetchController = null), this.classList.remove(lr);
|
||
}
|
||
}
|
||
_extractRemoteOptions(t) {
|
||
if (!t) return [];
|
||
let e = [];
|
||
return Array.isArray(t) ? e = t : this._remoteResultKey && Array.isArray(t[this._remoteResultKey]) ? e = t[this._remoteResultKey] : Array.isArray(t.items) && (e = t.items), e.map((i) => {
|
||
if (!i) return null;
|
||
const n = i.id ?? i.ID ?? i.value ?? "", r = i.name ?? i.title ?? i.label ?? "", a = i.detail ?? i.additional_data ?? i.annotation ?? "", o = this._normalizeText(r), l = this._normalizeText(a);
|
||
return !n || !o ? null : {
|
||
id: String(n),
|
||
name: o,
|
||
additional_data: l
|
||
};
|
||
}).filter(Boolean);
|
||
}
|
||
_applyRemoteResults(t) {
|
||
const e = new Set(this._value), i = /* @__PURE__ */ new Map();
|
||
this._options.forEach((n) => {
|
||
n?.id && i.set(n.id, n);
|
||
}), t.forEach((n) => {
|
||
n?.id && i.set(n.id, n);
|
||
}), this._options = Array.from(i.values()), this._filteredOptions = t.filter((n) => n && !e.has(n.id)), this._isOptionsListVisible = this._filteredOptions.length > 0, this._highlightedIndex = this._isOptionsListVisible ? 0 : -1, this._renderOptionsList();
|
||
}
|
||
_normalizeText(t) {
|
||
if (t == null)
|
||
return "";
|
||
let e = String(t).trim();
|
||
if (!e)
|
||
return "";
|
||
const i = e[0], n = e[e.length - 1];
|
||
return (i === '"' && n === '"' || i === "'" && n === "'") && (e = e.slice(1, -1).trim(), !e) ? "" : e;
|
||
}
|
||
}
|
||
const xd = "rbi-button", Sd = "rbi-icon";
|
||
class Ld extends HTMLElement {
|
||
constructor() {
|
||
super(), this.initialStates = /* @__PURE__ */ new Map(), this._controlledElements = [], this.button = null, this.lastOverallModifiedState = null, this.handleInputChange = this.handleInputChange.bind(this), this.handleReset = this.handleReset.bind(this);
|
||
}
|
||
static get observedAttributes() {
|
||
return ["controls", "wrapper-class", "modified-class-suffix", "button-aria-label"];
|
||
}
|
||
connectedCallback() {
|
||
const t = `
|
||
<button type="button" class="${xd} cursor-pointer disabled:cursor-default" aria-label="Reset field">
|
||
<tool-tip position="right">
|
||
<div class="data-tip">Feld zurücksetzen</div>
|
||
<span class="${Sd} ri-arrow-go-back-fill"></span>
|
||
</tool-tip>
|
||
</button>
|
||
`;
|
||
this.innerHTML = t, this.button = this.querySelector("button"), this.button ? this.button.addEventListener("click", this.handleReset) : console.error("ResetButtonIndividual: Button element not found after setting innerHTML."), this.updateControlledElements(), this.updateButtonAriaLabel();
|
||
}
|
||
disconnectedCallback() {
|
||
this.button && this.button.removeEventListener("click", this.handleReset), this._controlledElements.forEach((t) => {
|
||
t.removeEventListener("input", this.handleInputChange), t.removeEventListener("change", this.handleInputChange);
|
||
});
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
e !== i && (t === "controls" && this.updateControlledElements(), (t === "controls" || t === "button-aria-label") && this.updateButtonAriaLabel());
|
||
}
|
||
updateControlledElements() {
|
||
this._controlledElements.forEach((i) => {
|
||
i.removeEventListener("input", this.handleInputChange), i.removeEventListener("change", this.handleInputChange);
|
||
}), this._controlledElements = [], this.lastOverallModifiedState = null;
|
||
const t = (this.getAttribute("controls") || "").split(",").map((i) => i.trim()).filter((i) => i);
|
||
if (!t.length && this.button) {
|
||
this.button.disabled = !0, this.button.setAttribute("aria-disabled", "true"), this.checkIfModified();
|
||
return;
|
||
}
|
||
const e = [];
|
||
t.forEach((i) => {
|
||
const n = document.getElementById(i);
|
||
n ? (e.push(n), this.storeInitialState(n), n.addEventListener("input", this.handleInputChange), n.addEventListener("change", this.handleInputChange)) : console.warn(`ResetButtonIndividual: Element with ID "${i}" not found.`);
|
||
}), this._controlledElements = e, this.button && (this.button.disabled = this._controlledElements.length === 0, this.button.setAttribute("aria-controls", this._controlledElements.map((i) => i.id).join(" ")), this.button.disabled ? this.button.setAttribute("aria-disabled", "true") : this.button.removeAttribute("aria-disabled")), this.checkIfModified();
|
||
}
|
||
storeInitialState(t) {
|
||
if (this.initialStates.has(t.id))
|
||
return;
|
||
let e;
|
||
switch (t.type) {
|
||
case "checkbox":
|
||
case "radio":
|
||
e = { checked: t.checked };
|
||
break;
|
||
case "select-multiple":
|
||
e = {
|
||
selectedOptions: Array.from(t.options).filter((i) => i.selected).map((i) => i.value)
|
||
};
|
||
break;
|
||
default:
|
||
e = { value: t.value };
|
||
break;
|
||
}
|
||
this.initialStates.set(t.id, e);
|
||
}
|
||
resetElement(t) {
|
||
const e = this.initialStates.get(t.id);
|
||
if (e) {
|
||
switch (t.type) {
|
||
case "checkbox":
|
||
case "radio":
|
||
t.checked = e.checked;
|
||
break;
|
||
case "select-multiple":
|
||
Array.from(t.options).forEach((i) => {
|
||
i.selected = e.selectedOptions.includes(i.value);
|
||
});
|
||
break;
|
||
default:
|
||
t.value = e.value;
|
||
break;
|
||
}
|
||
t.dispatchEvent(new Event("input", { bubbles: !0, cancelable: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, cancelable: !0 }));
|
||
}
|
||
}
|
||
handleReset() {
|
||
this._controlledElements.forEach((t) => {
|
||
this.resetElement(t);
|
||
}), this.checkIfModified();
|
||
}
|
||
handleInputChange(t) {
|
||
this._controlledElements.includes(t.target) && this.checkIfModified();
|
||
}
|
||
// Internal helper to check a single element
|
||
isElementModified(t) {
|
||
const e = this.initialStates.get(t.id);
|
||
if (!e) return !1;
|
||
switch (t.type) {
|
||
case "checkbox":
|
||
case "radio":
|
||
return t.checked !== e.checked;
|
||
case "select-multiple":
|
||
const i = Array.from(t.options).filter((r) => r.selected).map((r) => r.value), n = e.selectedOptions;
|
||
return i.length !== n.length || i.some((r) => !n.includes(r)) || n.some((r) => !i.includes(r));
|
||
default:
|
||
return t.value !== e.value;
|
||
}
|
||
}
|
||
// Public method to check overall modification state
|
||
isCurrentlyModified() {
|
||
if (this._controlledElements.length === 0)
|
||
return !1;
|
||
for (const t of this._controlledElements)
|
||
if (this.isElementModified(t))
|
||
return !0;
|
||
return !1;
|
||
}
|
||
checkIfModified() {
|
||
const t = this.isCurrentlyModified();
|
||
this._controlledElements.forEach((i) => {
|
||
this.isElementModified(i) ? i.classList.add("modified-element") : i.classList.remove("modified-element");
|
||
});
|
||
const e = this.getAttribute("wrapper-class");
|
||
if (e) {
|
||
const i = this.closest(`.${e}`);
|
||
if (i) {
|
||
const n = this.getAttribute("modified-class-suffix") || "modified", r = `${e}-${n}`;
|
||
t ? i.classList.add(r) : i.classList.remove(r);
|
||
}
|
||
}
|
||
if (this.button && (this.button.disabled = !t || this._controlledElements.length === 0, this.button.disabled ? this.button.setAttribute("aria-disabled", "true") : this.button.removeAttribute("aria-disabled")), this.lastOverallModifiedState !== t) {
|
||
const i = new CustomEvent("rbichange", {
|
||
bubbles: !0,
|
||
composed: !0,
|
||
detail: {
|
||
modified: t,
|
||
controlledElementIds: this._controlledElements.map((n) => n.id),
|
||
instance: this
|
||
}
|
||
});
|
||
this.dispatchEvent(i), this.lastOverallModifiedState = t;
|
||
}
|
||
}
|
||
updateButtonAriaLabel() {
|
||
if (!this.button) return;
|
||
let t = this.getAttribute("button-aria-label");
|
||
if (!t) {
|
||
const e = this._controlledElements.map((i) => i.id);
|
||
if (e.length === 1 && this._controlledElements[0]) {
|
||
const i = this._controlledElements[0], n = document.querySelector(`label[for="${i.id}"]`);
|
||
let r = i.name || i.id;
|
||
n && n.textContent ? r = n.textContent.trim().replace(/[:*]$/, "").trim() : i.getAttribute("aria-label") && (r = i.getAttribute("aria-label")), t = `Reset ${r}`;
|
||
} else e.length > 1 ? t = "Reset selected fields" : t = "Reset field";
|
||
}
|
||
this.button.setAttribute("aria-label", t);
|
||
}
|
||
}
|
||
const it = "hidden", dr = "dm-stay", ze = "dm-title", rn = "dm-menu-button", Cd = "dm-target", wd = "data-dm-target", cr = "dm-menu", hr = "dm-menu-item", Td = "dm-close-button";
|
||
class kd extends HTMLElement {
|
||
constructor() {
|
||
super(), this.#t(), this.boundHandleClickOutside = this.handleClickOutside.bind(this);
|
||
}
|
||
#t() {
|
||
this._cildren = [], this._rendered = [], this._target = null, this._button = null, this._menu = null, this._originalButtonText = null;
|
||
}
|
||
connectedCallback() {
|
||
this._target = document.getElementById(this.getAttribute(Cd)), this._target || (this._target = this), this._cildren = Array.from(this.children).filter((e) => e.nodeType === Node.ELEMENT_NODE && !e.classList.contains(rn)).map((e) => ({
|
||
node: e,
|
||
target: () => {
|
||
const i = e.getAttribute(wd);
|
||
return i ? document.getElementById(i) || this._target : this._target;
|
||
},
|
||
stay: () => e.hasAttribute(dr) && e.getAttribute(dr) == "true",
|
||
hidden: () => e.classList.contains(it),
|
||
name: () => {
|
||
const i = e.querySelector("label");
|
||
return i ? i.innerHTML : e.hasAttribute(ze) ? e.getAttribute(ze) : "";
|
||
},
|
||
nameText: () => {
|
||
const i = e.querySelector("label");
|
||
return i ? i.textContent.trim() : e.hasAttribute(ze) ? e.getAttribute(ze) : "";
|
||
}
|
||
}));
|
||
const t = this._button;
|
||
this._button = this.querySelector(`.${rn}`), !this._button && t && (this._button = t, this._button.parentElement || this.appendChild(this._button)), this._button || (this._button = document.createElement("button"), this._button.type = "button", this._button.classList.add(rn, it), this._button.innerHTML = '<i class="ri-add-line"></i> Felder hinzufügen', this.appendChild(this._button)), this._originalButtonText || (this._originalButtonText = this._button.innerHTML);
|
||
for (const e of this._cildren)
|
||
this.removeChild(e.node);
|
||
this._button.addEventListener("click", this._toggleMenu.bind(this)), this._button.classList.add("relative");
|
||
for (const e of this._cildren)
|
||
e.node.querySelectorAll(`.${Td}`).forEach((n) => {
|
||
n.addEventListener("click", (r) => {
|
||
this.hideDiv(r, e.node);
|
||
});
|
||
});
|
||
this.renderIntoTarget(), this.refresh(), this._observer = new MutationObserver(() => {
|
||
this.refresh();
|
||
}), this._cildren.forEach((e) => {
|
||
this._observer.observe(e.node, { attributes: !0, attributeFilter: ["class"] });
|
||
});
|
||
}
|
||
disconnectedCallback() {
|
||
this._observer && this._observer.disconnect(), document.removeEventListener("click", this.boundHandleClickOutside);
|
||
}
|
||
refresh() {
|
||
this.renderButton(), this.renderMenu(), this.updateTargetVisibility();
|
||
}
|
||
_toggleMenu(t) {
|
||
t.preventDefault(), t.stopPropagation();
|
||
const e = this._cildren.filter((i) => i.hidden());
|
||
if (e.length === 1) {
|
||
const i = this._cildren.indexOf(e[0]);
|
||
this.showDiv(t, i);
|
||
return;
|
||
}
|
||
if (e.length === 0) {
|
||
this.hideMenu();
|
||
return;
|
||
}
|
||
this.renderMenu(), this._menu.classList.contains(it) ? (this._menu.classList.remove(it), document.addEventListener("click", this.boundHandleClickOutside)) : (this._menu.classList.add(it), document.removeEventListener("click", this.boundHandleClickOutside));
|
||
}
|
||
handleClickOutside(t) {
|
||
this._menu && !this._menu.contains(t.target) && !this._button.contains(t.target) && this.hideMenu();
|
||
}
|
||
hideMenu() {
|
||
this._menu && (this._menu.classList.add(it), document.removeEventListener("click", this.boundHandleClickOutside));
|
||
}
|
||
renderButton() {
|
||
if (!this._button)
|
||
return;
|
||
this._originalButtonText || (this._originalButtonText = this._button.innerHTML);
|
||
const t = this._cildren.filter((e) => e.hidden());
|
||
if (t.length === 0) {
|
||
this._button.classList.add(it), this._button.parentElement && this._button.parentElement.removeChild(this._button), this._menu = null, this.hideMenu();
|
||
return;
|
||
}
|
||
if (this._button.parentElement || this.appendChild(this._button), this._button.classList.remove(it), t.length === 1) {
|
||
const e = this._button.querySelector("i"), i = e ? e.outerHTML : '<i class="ri-add-line"></i>';
|
||
this._button.innerHTML = `${i}
|
||
${t[0].nameText()} hinzufügen`, this._menu = null, this.hideMenu();
|
||
} else
|
||
this._button.innerHTML = this._originalButtonText, this._menu = null;
|
||
}
|
||
hideDiv(t, e) {
|
||
if (t && (t.preventDefault(), t.stopPropagation()), !e || !(e instanceof HTMLElement)) {
|
||
console.error("DivManagerMenu: Invalid node provided.");
|
||
return;
|
||
}
|
||
const i = this._cildren.find((r) => r.node === e);
|
||
if (!i) {
|
||
console.error("DivManagerMenu: Child not found.");
|
||
return;
|
||
}
|
||
i.node.classList.add(it), this._clearFields(i.node);
|
||
const n = i.target();
|
||
n && n.contains(i.node) && n.removeChild(i.node), i.node.parentElement || this.appendChild(i.node), this.renderButton(), this.renderMenu(), this.updateTargetVisibility();
|
||
}
|
||
showDiv(t, e) {
|
||
if (t && (t.preventDefault(), t.stopPropagation()), e < 0 || e >= this._cildren.length) {
|
||
console.error("DivManagerMenu: Invalid index.");
|
||
return;
|
||
}
|
||
const i = this._cildren[e];
|
||
if (i.node.classList.remove(it), this.insertChildInOrder(i), this.renderMenu(), this.renderButton(), this.updateTargetVisibility(), typeof window.TextareaAutoResize == "function") {
|
||
const n = i.node.querySelectorAll("textarea");
|
||
n.length > 0 && setTimeout(() => {
|
||
n.forEach((r) => {
|
||
r.dataset.dmResizeBound !== "true" && (r.dataset.dmResizeBound = "true", r.addEventListener("input", () => {
|
||
window.TextareaAutoResize(r);
|
||
})), window.TextareaAutoResize(r);
|
||
});
|
||
}, 10);
|
||
}
|
||
requestAnimationFrame(() => {
|
||
this._focusFirstField(i.node);
|
||
});
|
||
}
|
||
renderMenu() {
|
||
const t = this._cildren.filter((i) => i.hidden());
|
||
if (t.length <= 1) {
|
||
this.hideMenu();
|
||
return;
|
||
}
|
||
(!this._menu || !this._button.contains(this._menu)) && (this._button.insertAdjacentHTML("beforeend", `<div class="${cr} absolute hidden"></div>`), this._menu = this._button.querySelector(`.${cr}`)), this._menu.innerHTML = `${t.map((i, n) => `
|
||
<button type="button" class="${hr}" dm-itemno="${this._cildren.indexOf(i)}">
|
||
${i.name()}
|
||
</button>`).join("")}`, this._menu.querySelectorAll(`.${hr}`).forEach((i) => {
|
||
i.addEventListener("click", (n) => {
|
||
this.showDiv(n, parseInt(i.getAttribute("dm-itemno"))), this.hideMenu(), this.renderButton();
|
||
});
|
||
});
|
||
}
|
||
renderIntoTarget() {
|
||
this._cildren.forEach((t) => {
|
||
t.hidden() || this.insertChildInOrder(t);
|
||
}), this.updateTargetVisibility();
|
||
}
|
||
insertChildInOrder(t) {
|
||
const e = t.target(), i = this._cildren.indexOf(t), n = this._cildren.slice(i + 1).filter((r) => r.target() === e).map((r) => r.node).find((r) => e && e.contains(r));
|
||
e && (n ? e.insertBefore(t.node, n) : e.appendChild(t.node));
|
||
}
|
||
updateTargetVisibility() {
|
||
new Set(
|
||
this._cildren.map((e) => e.target()).filter((e) => e && e !== this)
|
||
).forEach((e) => {
|
||
const i = Array.from(e.children).some(
|
||
(n) => !n.classList.contains(it)
|
||
);
|
||
e.classList.toggle(it, !i);
|
||
});
|
||
}
|
||
_clearFields(t) {
|
||
t && (t.querySelectorAll("input, textarea, select").forEach((e) => {
|
||
if (e.matches("input[type='checkbox'], input[type='radio']")) {
|
||
e.checked = !1;
|
||
return;
|
||
}
|
||
if (e.matches("select")) {
|
||
e.selectedIndex = -1;
|
||
return;
|
||
}
|
||
e.value = "";
|
||
}), t.querySelectorAll("trix-editor").forEach((e) => {
|
||
typeof e.editor?.loadHTML == "function" && e.editor.loadHTML("");
|
||
}));
|
||
}
|
||
_focusFirstField(t) {
|
||
if (!t)
|
||
return;
|
||
const e = t.querySelectorAll(
|
||
"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [contenteditable='true'], trix-editor"
|
||
);
|
||
for (const i of e)
|
||
if (i instanceof HTMLElement && i.getClientRects().length !== 0) {
|
||
try {
|
||
i.focus({ preventScroll: !0 });
|
||
} catch {
|
||
i.focus();
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
const at = "items-row", Id = "items-list", Rd = "items-template", Dd = "items-add-button", Od = "items-cancel-button", Ke = "items-remove-button", Bd = "items-edit-button", Md = "items-close-button", Nd = "items-summary", Pd = "items-edit-panel", an = "items_removed[]", pe = "data-items-removed";
|
||
class Fd extends HTMLElement {
|
||
constructor() {
|
||
super(), this._list = null, this._template = null, this._addButton = null, this._idPrefix = `items-editor-${crypto.randomUUID().slice(0, 8)}`, this._handleAdd = this._onAddClick.bind(this);
|
||
}
|
||
connectedCallback() {
|
||
if (this._list = this.querySelector(`.${Id}`), this._template = this.querySelector(`template.${Rd}`), this._addButton = this.querySelector(`.${Dd}`), !this._list || !this._template || !this._addButton) {
|
||
console.error("ItemsEditor: Missing list, template, or add button.");
|
||
return;
|
||
}
|
||
this._addButton.addEventListener("click", this._handleAdd), this._captureAllOriginals(), this._wireCancelButtons(), this._wireRemoveButtons(), this._wireEditButtons(), this._refreshRowIds(), this._syncAllSummaries();
|
||
}
|
||
disconnectedCallback() {
|
||
this._addButton && this._addButton.removeEventListener("click", this._handleAdd);
|
||
}
|
||
_onAddClick(t) {
|
||
t.preventDefault(), this.addItem();
|
||
}
|
||
addItem() {
|
||
const t = this._template.content.cloneNode(!0), e = t.querySelector(`.${at}`);
|
||
if (!e) {
|
||
console.error("ItemsEditor: Template is missing a row element.");
|
||
return;
|
||
}
|
||
this._list.appendChild(t), this._captureOriginalValues(e), this._wireCancelButtons(e), this._wireRemoveButtons(e), this._wireEditButtons(e), this._assignRowFieldIds(e, this._rowIndex(e)), this._wireSummarySync(e), this._syncSummary(e), this._setRowMode(e, "edit");
|
||
}
|
||
removeItem(t) {
|
||
const e = t.closest(`.${at}`);
|
||
if (!e)
|
||
return;
|
||
const i = e.getAttribute(pe) === "true";
|
||
this._setRowRemoved(e, !i);
|
||
}
|
||
_wireRemoveButtons(t = this) {
|
||
t.querySelectorAll(`.${Ke}`).forEach((e) => {
|
||
e.dataset.itemsBound !== "true" && (e.dataset.itemsBound = "true", e.addEventListener("click", (i) => {
|
||
i.preventDefault(), this.removeItem(e);
|
||
}), e.addEventListener("mouseenter", () => {
|
||
const i = e.closest(`.${at}`);
|
||
if (!i || i.getAttribute(pe) !== "true")
|
||
return;
|
||
const n = e.querySelector("[data-delete-label]");
|
||
n && (n.textContent = n.getAttribute("data-delete-hover") || "Rückgängig");
|
||
const r = e.querySelector("i");
|
||
r && (r.classList.remove("hidden"), r.classList.add("ri-arrow-go-back-line"), r.classList.remove("ri-delete-bin-line"));
|
||
}), e.addEventListener("mouseleave", () => {
|
||
const i = e.closest(`.${at}`), n = e.querySelector("[data-delete-label]");
|
||
if (!n)
|
||
return;
|
||
i && i.getAttribute(pe) === "true" ? n.textContent = n.getAttribute("data-delete-active") || "Wird entfernt" : n.textContent = n.getAttribute("data-delete-default") || "Entfernen";
|
||
const r = e.querySelector("i");
|
||
r && (i && i.getAttribute(pe) === "true" ? (r.classList.add("hidden"), r.classList.remove("ri-delete-bin-line", "ri-arrow-go-back-line")) : (r.classList.remove("hidden"), r.classList.add("ri-delete-bin-line"), r.classList.remove("ri-arrow-go-back-line")));
|
||
}));
|
||
});
|
||
}
|
||
_wireCancelButtons(t = this) {
|
||
t.querySelectorAll(`.${Od}`).forEach((e) => {
|
||
e.dataset.itemsBound !== "true" && (e.dataset.itemsBound = "true", e.addEventListener("click", (i) => {
|
||
i.preventDefault();
|
||
const n = e.closest(`.${at}`);
|
||
n && this._cancelEdit(n);
|
||
}));
|
||
});
|
||
}
|
||
_wireEditButtons(t = this) {
|
||
t.querySelectorAll(`.${Bd}`).forEach((e) => {
|
||
e.dataset.itemsBound !== "true" && (e.dataset.itemsBound = "true", e.addEventListener("click", (i) => {
|
||
i.preventDefault();
|
||
const n = e.closest(`.${at}`);
|
||
n && this._setRowMode(n, "edit");
|
||
}));
|
||
}), t.querySelectorAll(`.${Md}`).forEach((e) => {
|
||
e.dataset.itemsBound !== "true" && (e.dataset.itemsBound = "true", e.addEventListener("click", (i) => {
|
||
i.preventDefault();
|
||
const n = e.closest(`.${at}`);
|
||
n && this._setRowMode(n, "summary");
|
||
}));
|
||
});
|
||
}
|
||
_cancelEdit(t) {
|
||
const e = t.querySelector('input[name="items_id[]"]');
|
||
if (!(e ? e.value.trim() : "")) {
|
||
t.remove(), this._refreshRowIds();
|
||
return;
|
||
}
|
||
this._resetToOriginal(t), this._setRowMode(t, "summary");
|
||
}
|
||
_setRowRemoved(t, e) {
|
||
t.setAttribute(pe, e ? "true" : "false"), t.classList.toggle("bg-red-50", e);
|
||
const i = t.querySelector(".items-edit-button");
|
||
i && (e ? i.classList.add("hidden") : i.classList.remove("hidden")), t.querySelectorAll("[data-delete-label]").forEach((a) => {
|
||
const o = a.closest(`.${Ke}`), l = o && o.matches(":hover");
|
||
let c;
|
||
e && l ? c = a.getAttribute("data-delete-hover") || "Rückgängig" : e ? c = a.getAttribute("data-delete-active") || "Wird entfernt" : c = a.getAttribute("data-delete-default") || "Entfernen", a.textContent = c;
|
||
}), t.querySelectorAll(`.${Ke} i`).forEach((a) => {
|
||
const o = a.closest(`.${Ke}`), l = o && o.matches(":hover");
|
||
e ? l ? (a.classList.remove("hidden"), a.classList.add("ri-arrow-go-back-line"), a.classList.remove("ri-delete-bin-line")) : (a.classList.add("hidden"), a.classList.remove("ri-delete-bin-line", "ri-arrow-go-back-line")) : (a.classList.remove("hidden"), a.classList.add("ri-delete-bin-line"), a.classList.remove("ri-arrow-go-back-line"));
|
||
});
|
||
const n = t.querySelector('input[name="items_id[]"]'), r = n ? n.value.trim() : "";
|
||
r && (e ? this._ensureRemovalInput(r) : this._removeRemovalInput(r)), t.querySelectorAll("[data-field]").forEach((a) => {
|
||
a.disabled = e;
|
||
});
|
||
}
|
||
_setRowMode(t, e) {
|
||
const i = t.querySelector(`.${Nd}`), n = t.querySelector(`.${Pd}`);
|
||
!i || !n || (e === "edit" ? (i.classList.add("hidden"), n.classList.remove("hidden")) : (i.classList.remove("hidden"), n.classList.add("hidden"), this._syncSummary(t)));
|
||
}
|
||
_captureAllOriginals() {
|
||
this.querySelectorAll(`.${at}`).forEach((t) => {
|
||
this._captureOriginalValues(t);
|
||
});
|
||
}
|
||
_captureOriginalValues(t) {
|
||
t.querySelectorAll("[data-field]").forEach((e) => {
|
||
e.dataset.originalValue === void 0 && (e.dataset.originalValue = e.value ?? "");
|
||
});
|
||
}
|
||
_resetToOriginal(t) {
|
||
t.querySelectorAll("[data-field]").forEach((e) => {
|
||
e.dataset.originalValue !== void 0 && (e.value = e.dataset.originalValue);
|
||
}), this._syncSummary(t);
|
||
}
|
||
_refreshRowIds() {
|
||
Array.from(this.querySelectorAll(`.${at}`)).forEach((e, i) => {
|
||
this._assignRowFieldIds(e, i);
|
||
});
|
||
}
|
||
_rowIndex(t) {
|
||
return Array.from(this.querySelectorAll(`.${at}`)).indexOf(t);
|
||
}
|
||
_assignRowFieldIds(t, e) {
|
||
e < 0 || t.querySelectorAll("[data-field-label]").forEach((i) => {
|
||
const n = i.getAttribute("data-field-label");
|
||
if (!n)
|
||
return;
|
||
const r = t.querySelector(`[data-field="${n}"]`);
|
||
if (!r)
|
||
return;
|
||
const a = `${this._idPrefix}-${e}-${n}`;
|
||
r.id = a, i.setAttribute("for", a);
|
||
});
|
||
}
|
||
_syncAllSummaries() {
|
||
this.querySelectorAll(`.${at}`).forEach((t) => {
|
||
this._wireSummarySync(t), this._syncSummary(t), this._syncNewBadge(t);
|
||
});
|
||
}
|
||
_wireSummarySync(t) {
|
||
t.dataset.summaryBound !== "true" && (t.dataset.summaryBound = "true", t.querySelectorAll("[data-field]").forEach((e) => {
|
||
e.addEventListener("input", () => this._syncSummary(t)), e.addEventListener("change", () => this._syncSummary(t));
|
||
}));
|
||
}
|
||
_syncSummary(t) {
|
||
t.querySelectorAll("[data-summary-field]").forEach((e) => {
|
||
const i = e.getAttribute("data-summary-field");
|
||
if (!i)
|
||
return;
|
||
const n = t.querySelector(`[data-field="${i}"]`);
|
||
if (!n)
|
||
return;
|
||
const r = this._readFieldValue(n), a = e.getAttribute("data-summary-hide-empty") === "true" ? e.closest("[data-summary-container]") : null;
|
||
r ? (this._setSummaryContent(e, r), e.classList.remove("text-gray-400"), a && a.classList.remove("hidden")) : (this._setSummaryContent(e, "—"), e.classList.add("text-gray-400"), a && a.classList.add("hidden"));
|
||
}), this._syncNewBadge(t);
|
||
}
|
||
_syncNewBadge(t) {
|
||
const e = t.querySelector('input[name="items_id[]"]'), i = e ? e.value.trim() : "";
|
||
t.querySelectorAll("[data-new-badge]").forEach((n) => {
|
||
n.classList.toggle("hidden", i !== "");
|
||
});
|
||
}
|
||
_setSummaryContent(t, e) {
|
||
const i = t.querySelector("[data-summary-link]");
|
||
i ? e && e !== "—" ? (i.setAttribute("href", e), i.textContent = e) : (i.setAttribute("href", "#"), i.textContent = "—") : t.textContent = e || "—";
|
||
}
|
||
_readFieldValue(t) {
|
||
if (t instanceof HTMLSelectElement) {
|
||
if (t.multiple)
|
||
return Array.from(t.selectedOptions).map((i) => i.textContent.trim()).filter(Boolean).join(", ");
|
||
const e = t.selectedOptions[0];
|
||
return e ? e.textContent.trim() : "";
|
||
}
|
||
return t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement ? t.value.trim() : "";
|
||
}
|
||
_ensureRemovalInput(t) {
|
||
if (Array.from(this.querySelectorAll(`input[name="${an}"]`)).some(
|
||
(n) => n.value === t
|
||
))
|
||
return;
|
||
const i = document.createElement("input");
|
||
i.type = "hidden", i.name = an, i.value = t, this.appendChild(i);
|
||
}
|
||
_removeRemovalInput(t) {
|
||
const e = Array.from(this.querySelectorAll(`input[name="${an}"]`));
|
||
for (const i of e)
|
||
i.value === t && i.remove();
|
||
}
|
||
}
|
||
const Hd = "ssr-wrapper", ur = "ssr-input", mr = "ssr-list", qd = "ssr-option", $d = "ssr-option-name", Ud = "ssr-option-detail", Vd = "ssr-option-bio", gr = "ssr-hidden-input", pr = "ssr-clear-button", on = 1, ln = 10, jd = 250;
|
||
class Wd extends HTMLElement {
|
||
constructor() {
|
||
super(), this._endpoint = "", this._resultKey = "items", this._minChars = on, this._limit = ln, this._placeholder = "Search...", this._options = [], this._selected = null, this._highlightedIndex = -1, this._fetchTimeout = null, this._fetchController = null, this._listVisible = !1, this._linkBase = "", this._linkTarget = "_blank", this._linkButton = null, this._showWarningIcon = !1, this._linkField = "id", this._boundHandleInput = this._handleInput.bind(this), this._boundHandleFocus = this._handleFocus.bind(this), this._boundHandleKeyDown = this._handleKeyDown.bind(this), this._boundHandleClear = this._handleClear.bind(this), this._boundHandleClickOutside = this._handleClickOutside.bind(this);
|
||
}
|
||
static get observedAttributes() {
|
||
return [
|
||
"data-endpoint",
|
||
"data-result-key",
|
||
"data-minchars",
|
||
"data-limit",
|
||
"placeholder",
|
||
"name",
|
||
"data-link-base",
|
||
"data-link-target",
|
||
"data-link-field",
|
||
"data-initial-link-id",
|
||
"data-show-warning-icon"
|
||
];
|
||
}
|
||
connectedCallback() {
|
||
this._render(), this._input = this.querySelector(`.${ur}`), this._list = this.querySelector(`.${mr}`), this._hiddenInput = this.querySelector(`.${gr}`), this._clearButton = this.querySelector(`.${pr}`), this._endpoint = this.getAttribute("data-endpoint") || "", this._resultKey = this.getAttribute("data-result-key") || "items", this._minChars = this._parsePositiveInt(this.getAttribute("data-minchars"), on), this._limit = this._parsePositiveInt(this.getAttribute("data-limit"), ln), this._placeholder = this.getAttribute("placeholder") || "Search...";
|
||
const t = this.getAttribute("data-initial-id") || "", e = this.getAttribute("data-initial-name") || "", i = this.getAttribute("data-initial-link-id") || "";
|
||
this._linkBase = this.getAttribute("data-link-base") || "", this._linkTarget = this.getAttribute("data-link-target") || "_blank", this._linkField = this.getAttribute("data-link-field") || "id", this._showWarningIcon = this.getAttribute("data-show-warning-icon") === "true", this._input && (this._input.placeholder = this._placeholder, this._input.addEventListener("input", this._boundHandleInput), this._input.addEventListener("focus", this._boundHandleFocus), this._input.addEventListener("keydown", this._boundHandleKeyDown)), this._linkButton = this.querySelector("[data-role='ssr-open-link']"), this._clearButton && this._clearButton.addEventListener("click", this._boundHandleClear), t && e && (this._selected = { id: t, name: e, linkId: i }, this._input && (this._input.value = e), this._syncHiddenInput()), this._updateLinkButton(), document.addEventListener("click", this._boundHandleClickOutside);
|
||
}
|
||
disconnectedCallback() {
|
||
document.removeEventListener("click", this._boundHandleClickOutside), this._input && (this._input.removeEventListener("input", this._boundHandleInput), this._input.removeEventListener("focus", this._boundHandleFocus), this._input.removeEventListener("keydown", this._boundHandleKeyDown)), this._clearButton && this._clearButton.removeEventListener("click", this._boundHandleClear);
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
e !== i && (t === "data-endpoint" && (this._endpoint = i || ""), t === "data-result-key" && (this._resultKey = i || "items"), t === "data-minchars" && (this._minChars = this._parsePositiveInt(i, on)), t === "data-limit" && (this._limit = this._parsePositiveInt(i, ln)), t === "placeholder" && (this._placeholder = i || "Search...", this._input && (this._input.placeholder = this._placeholder)), t === "name" && this._hiddenInput && (this._hiddenInput.name = i || ""), t === "data-link-base" && (this._linkBase = i || ""), t === "data-link-target" && (this._linkTarget = i || "_blank"), t === "data-link-field" && (this._linkField = i || "id"), t === "data-show-warning-icon" && (this._showWarningIcon = i === "true"));
|
||
}
|
||
_handleInput(t) {
|
||
const e = t.target.value.trim();
|
||
if (this._selected = null, this._highlightedIndex = -1, this._syncHiddenInput(), e.length < this._minChars) {
|
||
this._options = [], this._renderOptions(), this._hideList();
|
||
return;
|
||
}
|
||
this._debouncedFetch(e);
|
||
}
|
||
_handleFocus() {
|
||
this._options.length > 0 && this._showList();
|
||
}
|
||
_handleKeyDown(t) {
|
||
if (t.key === "Escape") {
|
||
this._hideList();
|
||
return;
|
||
}
|
||
if (t.key === "ArrowDown") {
|
||
t.preventDefault(), this._moveHighlight(1);
|
||
return;
|
||
}
|
||
if (t.key === "ArrowUp") {
|
||
t.preventDefault(), this._moveHighlight(-1);
|
||
return;
|
||
}
|
||
if (t.key === "Home") {
|
||
t.preventDefault(), this._setHighlight(0);
|
||
return;
|
||
}
|
||
if (t.key === "End") {
|
||
t.preventDefault(), this._setHighlight(this._options.length - 1);
|
||
return;
|
||
}
|
||
if (t.key === "Enter") {
|
||
if (this._options.length === 0)
|
||
return;
|
||
t.preventDefault();
|
||
const e = this._highlightedIndex >= 0 ? this._highlightedIndex : 0;
|
||
this._selectOption(this._options[e]);
|
||
}
|
||
}
|
||
_handleClear(t) {
|
||
t.preventDefault(), this._selected = null, this._options = [], this._input && (this._input.value = ""), this._syncHiddenInput(), this._updateLinkButton(), this._renderOptions(), this._hideList(), this.dispatchEvent(new CustomEvent("ssrchange", { bubbles: !0, detail: { item: null } }));
|
||
}
|
||
_handleClickOutside(t) {
|
||
this.contains(t.target) || this._hideList();
|
||
}
|
||
_debouncedFetch(t) {
|
||
this._fetchTimeout && clearTimeout(this._fetchTimeout), this._fetchTimeout = setTimeout(() => {
|
||
this._fetchOptions(t);
|
||
}, jd);
|
||
}
|
||
async _fetchOptions(t) {
|
||
if (!this._endpoint)
|
||
return;
|
||
this._fetchController && this._fetchController.abort(), this.dispatchEvent(new CustomEvent("ssrbeforefetch", { bubbles: !0 })), this._fetchController = new AbortController();
|
||
const e = new URL(this._endpoint, window.location.origin);
|
||
e.searchParams.set("q", t), this._limit > 0 && e.searchParams.set("limit", String(this._limit));
|
||
try {
|
||
const i = await fetch(e.toString(), { signal: this._fetchController.signal });
|
||
if (!i.ok)
|
||
return;
|
||
const n = await i.json();
|
||
let a = (Array.isArray(n?.[this._resultKey]) ? n[this._resultKey] : []).filter((o) => o && o.id && o.name);
|
||
if (this._excludeIds && Array.isArray(this._excludeIds)) {
|
||
const o = new Set(this._excludeIds);
|
||
a = a.filter((l) => !o.has(l.id));
|
||
}
|
||
this._options = a, this._highlightedIndex = this._options.length > 0 ? 0 : -1, this._maybeAutoSelectExactMatch(t), this._renderOptions(), this._options.length > 0 ? this._options.length === 1 && this._isExactMatch(t, this._options[0]?.name || "") ? this._hideList() : this._showList() : this._hideList();
|
||
} catch (i) {
|
||
if (i?.name === "AbortError")
|
||
return;
|
||
}
|
||
}
|
||
_isExactMatch(t, e) {
|
||
const i = (t || "").trim().toLowerCase(), n = (e || "").trim().toLowerCase();
|
||
return i !== "" && i === n;
|
||
}
|
||
_maybeAutoSelectExactMatch(t) {
|
||
if (!t)
|
||
return;
|
||
const e = this._options.find((n) => this._isExactMatch(t, n?.name || ""));
|
||
if (!e)
|
||
return;
|
||
const i = this._selected?.id || "";
|
||
this._selected = e, this._syncHiddenInput(), this._updateLinkButton(), e.id !== i && (this.dispatchEvent(new CustomEvent("ssrchange", { bubbles: !0, detail: { item: e } })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
|
||
}
|
||
_renderOptions() {
|
||
this._list && (this._list.innerHTML = "", this._options.forEach((t) => {
|
||
const e = document.createElement("button");
|
||
e.type = "button", e.setAttribute("data-index", String(this._options.indexOf(t))), e.className = [
|
||
qd,
|
||
"w-full text-left px-3 py-2 hover:bg-slate-100 transition-colors"
|
||
].join(" ");
|
||
const n = this._options.indexOf(t) === this._highlightedIndex;
|
||
e.classList.toggle("bg-slate-100", n), e.classList.toggle("text-gray-900", n), e.setAttribute("aria-selected", n ? "true" : "false");
|
||
const r = document.createElement("div");
|
||
if (r.className = [$d, "text-sm font-semibold text-gray-800"].join(" "), r.textContent = t.name, e.appendChild(r), t.detail) {
|
||
const a = document.createElement("div");
|
||
a.className = [Ud, "text-xs text-gray-600"].join(" "), a.textContent = t.detail, e.appendChild(a);
|
||
}
|
||
if (t.bio) {
|
||
const a = document.createElement("div");
|
||
a.className = [Vd, "text-xs text-gray-500"].join(" "), a.textContent = t.bio, e.appendChild(a);
|
||
}
|
||
e.addEventListener("click", () => {
|
||
this._selectOption(t);
|
||
}), this._list.appendChild(e);
|
||
}));
|
||
}
|
||
_setHighlight(t) {
|
||
if (this._options.length === 0) {
|
||
this._highlightedIndex = -1;
|
||
return;
|
||
}
|
||
const e = Math.max(0, Math.min(t, this._options.length - 1));
|
||
this._highlightedIndex = e, this._renderOptions(), this._scrollHighlightedIntoView(), this._showList();
|
||
}
|
||
_moveHighlight(t) {
|
||
if (this._options.length === 0) {
|
||
this._highlightedIndex = -1;
|
||
return;
|
||
}
|
||
const e = this._highlightedIndex >= 0 ? this._highlightedIndex : 0, i = Math.max(0, Math.min(e + t, this._options.length - 1));
|
||
this._highlightedIndex = i, this._renderOptions(), this._scrollHighlightedIntoView(), this._showList();
|
||
}
|
||
_scrollHighlightedIntoView() {
|
||
if (!this._list || this._highlightedIndex < 0)
|
||
return;
|
||
const t = this._list.querySelector(`[data-index="${this._highlightedIndex}"]`);
|
||
t && t.scrollIntoView({ block: "nearest" });
|
||
}
|
||
_selectOption(t) {
|
||
this._selected = t, this._input && (this._input.value = t.name || ""), this._syncHiddenInput(), this._updateLinkButton(), this._hideList(), this.dispatchEvent(new CustomEvent("ssrchange", { bubbles: !0, detail: { item: t } })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
|
||
}
|
||
_syncHiddenInput() {
|
||
this._hiddenInput && (this._hiddenInput.value = this._selected?.id || "");
|
||
}
|
||
_showList() {
|
||
!this._list || this._listVisible || (this._list.classList.remove("hidden"), this._listVisible = !0);
|
||
}
|
||
_hideList() {
|
||
!this._list || !this._listVisible || (this._list.classList.add("hidden"), this._listVisible = !1);
|
||
}
|
||
_parsePositiveInt(t, e) {
|
||
const i = parseInt(t || "", 10);
|
||
return Number.isNaN(i) || i <= 0 ? e : i;
|
||
}
|
||
_render() {
|
||
const t = this.getAttribute("name") || "";
|
||
this.innerHTML = `
|
||
<div class="${Hd} relative">
|
||
<div class="flex items-center gap-2">
|
||
<input
|
||
type="text"
|
||
class="${ur} inputinput w-full"
|
||
autocomplete="off"
|
||
autocorrect="off"
|
||
autocapitalize="none"
|
||
spellcheck="false"
|
||
placeholder="${this._placeholder}"
|
||
/>
|
||
<a
|
||
class="ssr-open-link hidden text-sm text-gray-600 hover:text-gray-900 no-underline"
|
||
data-role="ssr-open-link"
|
||
aria-label="Auswahl öffnen"
|
||
target="${this._linkTarget}"
|
||
rel="noreferrer">
|
||
<i data-role="ssr-open-link-icon" class="ri-external-link-line"></i>
|
||
</a>
|
||
<button type="button" class="${pr} text-sm text-gray-600 hover:text-gray-900">
|
||
<i class="ri-close-line"></i>
|
||
</button>
|
||
</div>
|
||
<input type="hidden" class="${gr}" name="${t}" value="" />
|
||
<div class="${mr} absolute left-0 right-0 mt-1 border border-stone-200 rounded-xs bg-white shadow-sm z-10 hidden max-h-64 overflow-auto"></div>
|
||
</div>
|
||
`;
|
||
}
|
||
_updateLinkButton() {
|
||
if (!this._linkButton)
|
||
return;
|
||
const t = this._selected?.[this._linkField] || this._selected?.linkId || this._selected?.id, e = this._linkButton.querySelector("[data-role='ssr-open-link-icon']");
|
||
if (!t || !this._linkBase) {
|
||
this._showWarningIcon ? (this._linkButton.classList.remove("hidden"), this._linkButton.removeAttribute("href"), this._linkButton.classList.add("ssr-open-link-warning"), this._linkButton.setAttribute("aria-label", "Auswahl fehlt"), e && (e.className = "ri-error-warning-line")) : (this._linkButton.classList.add("hidden"), this._linkButton.removeAttribute("href"));
|
||
return;
|
||
}
|
||
this._linkButton.classList.remove("hidden"), this._linkButton.classList.remove("ssr-open-link-warning"), this._linkButton.setAttribute("href", `${this._linkBase}${t}`), this._linkButton.setAttribute("aria-label", "Auswahl öffnen"), e && (e.className = "ri-external-link-line");
|
||
}
|
||
}
|
||
const Ge = "Bevorzugter Reihentitel";
|
||
class zd extends HTMLElement {
|
||
constructor() {
|
||
super(), this._pendingAgent = null, this._form = null, this._saveButton = null, this._resetButton = null, this._deleteButton = null, this._deleteDialog = null, this._deleteConfirmButton = null, this._deleteCancelButton = null, this._statusEl = null, this._saveEndpoint = "", this._deleteEndpoint = "", this._isSaving = !1, this._preferredSeriesRelationId = "", this._preferredSeriesSeriesId = "", this._handleSaveClick = this._handleSaveClick.bind(this), this._handleSaveViewClick = this._handleSaveViewClick.bind(this), this._handleResetClick = this._handleResetClick.bind(this), this._handleDeleteClick = this._handleDeleteClick.bind(this), this._handleDeleteConfirmClick = this._handleDeleteConfirmClick.bind(this), this._handleDeleteCancelClick = this._handleDeleteCancelClick.bind(this);
|
||
}
|
||
connectedCallback() {
|
||
setTimeout(() => {
|
||
this._initForm(), this._initPlaces(), this._initPreferredSeries(), this._initSaveHandling(), this._initStatusSelect();
|
||
}, 0);
|
||
}
|
||
_initStatusSelect() {
|
||
const t = this.querySelector(".status-select");
|
||
if (!t)
|
||
return;
|
||
const e = this.querySelector(".status-icon");
|
||
t.addEventListener("change", (i) => {
|
||
const n = i.target.value;
|
||
t.setAttribute("data-status", n), e && this._updateStatusIcon(e, n);
|
||
});
|
||
}
|
||
_updateStatusIcon(t, e) {
|
||
switch (t.classList.remove(
|
||
"ri-checkbox-circle-line",
|
||
"ri-information-line",
|
||
"ri-search-line",
|
||
"ri-list-check",
|
||
"ri-forbid-2-line"
|
||
), e) {
|
||
case "Edited":
|
||
t.classList.add("ri-checkbox-circle-line");
|
||
break;
|
||
case "Seen":
|
||
t.classList.add("ri-information-line");
|
||
break;
|
||
case "Review":
|
||
t.classList.add("ri-search-line");
|
||
break;
|
||
case "ToDo":
|
||
t.classList.add("ri-list-check");
|
||
break;
|
||
default:
|
||
t.classList.add("ri-forbid-2-line");
|
||
break;
|
||
}
|
||
}
|
||
disconnectedCallback() {
|
||
this._teardownSaveHandling();
|
||
}
|
||
_initForm() {
|
||
console.log("AlmanachEditPage: _initForm called");
|
||
const t = this.querySelector("#changealmanachform");
|
||
console.log("Form found:", !!t, "FormLoad exists:", typeof window.FormLoad == "function"), t && typeof window.FormLoad == "function" ? window.FormLoad(t) : console.error("Cannot initialize form - form or FormLoad missing");
|
||
}
|
||
_parseJSONAttr(t, e) {
|
||
if (!t)
|
||
return null;
|
||
const i = t.getAttribute(e);
|
||
if (!i)
|
||
return null;
|
||
try {
|
||
return JSON.parse(i);
|
||
} catch {
|
||
return null;
|
||
}
|
||
}
|
||
_initPlaces() {
|
||
const t = this.querySelector("#places");
|
||
if (!t)
|
||
return;
|
||
const e = () => {
|
||
const i = this._parseJSONAttr(t, "data-initial-options") || [], n = this._parseJSONAttr(t, "data-initial-values") || [];
|
||
i.length > 0 && typeof t.setOptions == "function" && t.setOptions(i), n.length > 0 && (t.value = n, typeof t.captureInitialSelection == "function" && t.captureInitialSelection());
|
||
};
|
||
if (typeof t.setOptions == "function") {
|
||
e();
|
||
return;
|
||
}
|
||
typeof window.customElements?.whenDefined == "function" && window.customElements.whenDefined("multi-select-simple").then(() => {
|
||
requestAnimationFrame(() => e());
|
||
});
|
||
}
|
||
_initSaveHandling() {
|
||
this._teardownSaveHandling(), this._form = this.querySelector("#changealmanachform"), this._saveButton = this.querySelector("[data-role='almanach-save']"), this._saveViewButton = this.querySelector("[data-role='almanach-save-view']"), this._resetButton = this.querySelector("[data-role='almanach-reset']"), this._deleteButton = this.querySelector("[data-role='almanach-delete']"), this._deleteDialog = this.querySelector("[data-role='almanach-delete-dialog']"), this._deleteConfirmButton = this.querySelector("[data-role='almanach-delete-confirm']"), this._deleteCancelButton = this.querySelector("[data-role='almanach-delete-cancel']"), this._statusEl = this.querySelector("#almanach-save-feedback"), !(!this._form || !this._saveButton) && (this._saveEndpoint = this._form.getAttribute("data-save-endpoint") || this._deriveSaveEndpoint(), this._deleteEndpoint = this._form.getAttribute("data-delete-endpoint") || "", this._saveButton.addEventListener("click", this._handleSaveClick), this._saveViewButton && this._saveViewButton.addEventListener("click", this._handleSaveViewClick), this._resetButton && this._resetButton.addEventListener("click", this._handleResetClick), this._deleteButton && this._deleteButton.addEventListener("click", this._handleDeleteClick), this._deleteConfirmButton && this._deleteConfirmButton.addEventListener("click", this._handleDeleteConfirmClick), this._deleteCancelButton && this._deleteCancelButton.addEventListener("click", this._handleDeleteCancelClick), this._deleteDialog && this._deleteDialog.addEventListener("cancel", this._handleDeleteCancelClick));
|
||
}
|
||
_initPreferredSeries() {
|
||
const t = this.querySelector("#preferred-series-field");
|
||
t && (this._preferredSeriesRelationId = t.getAttribute("data-preferred-relation-id") || "", this._preferredSeriesSeriesId = t.getAttribute("data-preferred-series-id") || "");
|
||
}
|
||
_teardownSaveHandling() {
|
||
this._saveButton && this._saveButton.removeEventListener("click", this._handleSaveClick), this._saveViewButton && this._saveViewButton.removeEventListener("click", this._handleSaveViewClick), this._resetButton && this._resetButton.removeEventListener("click", this._handleResetClick), this._deleteButton && this._deleteButton.removeEventListener("click", this._handleDeleteClick), this._deleteConfirmButton && this._deleteConfirmButton.removeEventListener("click", this._handleDeleteConfirmClick), this._deleteCancelButton && this._deleteCancelButton.removeEventListener("click", this._handleDeleteCancelClick), this._deleteDialog && this._deleteDialog.removeEventListener("cancel", this._handleDeleteCancelClick), this._saveButton = null, this._saveViewButton = null, this._resetButton = null, this._deleteButton = null, this._deleteDialog = null, this._deleteConfirmButton = null, this._deleteCancelButton = null, this._statusEl = null;
|
||
}
|
||
_deriveSaveEndpoint() {
|
||
return window?.location?.pathname ? `${window.location.pathname.endsWith("/") ? window.location.pathname.slice(0, -1) : window.location.pathname}/save` : "/almanach/save";
|
||
}
|
||
async _handleSaveClick(t) {
|
||
if (t.preventDefault(), this._isSaving)
|
||
return;
|
||
this._clearStatus();
|
||
let e;
|
||
try {
|
||
e = this._buildPayload();
|
||
} catch (i) {
|
||
this._showStatus(i instanceof Error ? i.message : String(i), "error");
|
||
return;
|
||
}
|
||
this._setSavingState(!0);
|
||
try {
|
||
const i = await fetch(this._saveEndpoint, {
|
||
method: "POST",
|
||
credentials: "same-origin",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
Accept: "application/json"
|
||
},
|
||
body: JSON.stringify(e)
|
||
});
|
||
let n = null;
|
||
try {
|
||
n = await i.clone().json();
|
||
} catch {
|
||
n = null;
|
||
}
|
||
if (!i.ok) {
|
||
const r = n?.error || `Speichern fehlgeschlagen (${i.status}).`;
|
||
throw new Error(r);
|
||
}
|
||
await this._reloadForm(n?.message || "Änderungen gespeichert.");
|
||
} catch (i) {
|
||
this._showStatus(i instanceof Error ? i.message : "Speichern fehlgeschlagen.", "error");
|
||
} finally {
|
||
this._setSavingState(!1);
|
||
}
|
||
}
|
||
async _handleSaveViewClick(t) {
|
||
if (t.preventDefault(), this._isSaving)
|
||
return;
|
||
const e = this._saveViewButton?.getAttribute("data-redirect-url");
|
||
if (!e)
|
||
return;
|
||
this._clearStatus();
|
||
let i;
|
||
try {
|
||
i = this._buildPayload();
|
||
} catch (n) {
|
||
this._showStatus(n instanceof Error ? n.message : String(n), "error");
|
||
return;
|
||
}
|
||
this._setSavingState(!0);
|
||
try {
|
||
const n = await fetch(this._saveEndpoint, {
|
||
method: "POST",
|
||
credentials: "same-origin",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
Accept: "application/json"
|
||
},
|
||
body: JSON.stringify(i)
|
||
});
|
||
if (!n.ok) {
|
||
let r = `Speichern fehlgeschlagen (${n.status}).`;
|
||
try {
|
||
r = (await n.clone().json())?.error || r;
|
||
} catch {
|
||
}
|
||
throw new Error(r);
|
||
}
|
||
window.location.assign(e);
|
||
} catch (n) {
|
||
this._showStatus(n instanceof Error ? n.message : "Speichern fehlgeschlagen.", "error");
|
||
} finally {
|
||
this._setSavingState(!1);
|
||
}
|
||
}
|
||
async _handleResetClick(t) {
|
||
if (t.preventDefault(), !this._isSaving) {
|
||
this._clearStatus();
|
||
try {
|
||
await this._reloadForm("");
|
||
} catch (e) {
|
||
this._showStatus(e instanceof Error ? e.message : "Formular konnte nicht aktualisiert werden.", "error");
|
||
}
|
||
}
|
||
}
|
||
async _handleDeleteClick(t) {
|
||
t.preventDefault(), !this._isSaving && this._deleteDialog && typeof this._deleteDialog.showModal == "function" && this._deleteDialog.showModal();
|
||
}
|
||
_handleDeleteCancelClick(t) {
|
||
t && t.preventDefault(), this._deleteDialog && this._deleteDialog.open && this._deleteDialog.close();
|
||
}
|
||
async _handleDeleteConfirmClick(t) {
|
||
if (t.preventDefault(), !(!this._form || !this._deleteEndpoint || this._isSaving)) {
|
||
this._deleteDialog && this._deleteDialog.open && this._deleteDialog.close(), this._clearStatus(), this._setSavingState(!0);
|
||
try {
|
||
const e = new FormData(this._form), i = {
|
||
csrf_token: this._readValue(e, "csrf_token"),
|
||
last_edited: this._readValue(e, "last_edited")
|
||
}, n = await fetch(this._deleteEndpoint, {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
Accept: "application/json"
|
||
},
|
||
body: JSON.stringify(i)
|
||
});
|
||
let r = null;
|
||
try {
|
||
r = await n.clone().json();
|
||
} catch {
|
||
r = null;
|
||
}
|
||
if (!n.ok) {
|
||
const o = r?.error || `Löschen fehlgeschlagen (${n.status}).`;
|
||
throw new Error(o);
|
||
}
|
||
const a = r?.redirect || "/suche/baende";
|
||
window.location.assign(a);
|
||
} catch (e) {
|
||
this._showStatus(e instanceof Error ? e.message : "Löschen fehlgeschlagen.", "error");
|
||
} finally {
|
||
this._setSavingState(!1);
|
||
}
|
||
}
|
||
}
|
||
_buildPayload() {
|
||
if (!this._form)
|
||
throw new Error("Formular konnte nicht gefunden werden.");
|
||
const t = new FormData(this._form), e = {
|
||
preferred_title: this._readValue(t, "preferred_title"),
|
||
title: this._readValue(t, "title"),
|
||
parallel_title: this._readValue(t, "paralleltitle"),
|
||
subtitle: this._readValue(t, "subtitle"),
|
||
variant_title: this._readValue(t, "varianttitle"),
|
||
incipit: this._readValue(t, "incipit"),
|
||
responsibility_statement: this._readValue(t, "responsibility_statement"),
|
||
publication_statement: this._readValue(t, "publication_statement"),
|
||
place_statement: this._readValue(t, "place_statement"),
|
||
edition: this._readValue(t, "edition"),
|
||
annotation: this._readValue(t, "annotation"),
|
||
edit_comment: this._readValue(t, "edit_comment"),
|
||
extent: this._readValue(t, "extent"),
|
||
dimensions: this._readValue(t, "dimensions"),
|
||
references: this._readValue(t, "refs"),
|
||
status: this._readValue(t, "type")
|
||
};
|
||
if (!e.preferred_title)
|
||
throw new Error("Kurztitel ist erforderlich.");
|
||
const i = this._readValue(t, "year");
|
||
if (i === "")
|
||
throw new Error("Jahr muss angegeben werden (0 ist erlaubt).");
|
||
const n = Number.parseInt(i, 10);
|
||
if (Number.isNaN(n))
|
||
throw new Error("Jahr ist ungültig.");
|
||
e.year = n;
|
||
const r = t.getAll("languages[]").map((E) => E.trim()).filter(Boolean), a = t.getAll("places[]").map((E) => E.trim()).filter(Boolean), { items: o, removedIds: l } = this._collectItems(t), {
|
||
relations: c,
|
||
deleted: u
|
||
} = this._collectRelations(t, {
|
||
prefix: "entries_series",
|
||
targetField: "series"
|
||
}), m = this._collectNewRelations("entries_series"), p = this._readValue(t, "preferred_series_id");
|
||
if (!p)
|
||
throw new Error("Reihentitel ist erforderlich.");
|
||
const h = (E) => {
|
||
E.type = Ge, E.uncertain = !1;
|
||
};
|
||
let b = !1;
|
||
c.forEach((E) => {
|
||
E.target_id === p && (h(E), b = !0);
|
||
}), m.forEach((E) => {
|
||
E.target_id === p && (h(E), b = !0);
|
||
}), b || (this._preferredSeriesRelationId && this._preferredSeriesSeriesId === p ? c.push({
|
||
id: this._preferredSeriesRelationId,
|
||
target_id: p,
|
||
type: Ge,
|
||
uncertain: !1
|
||
}) : m.push({
|
||
target_id: p,
|
||
type: Ge,
|
||
uncertain: !1
|
||
})), this._preferredSeriesRelationId && this._preferredSeriesSeriesId && this._preferredSeriesSeriesId !== p && !u.includes(this._preferredSeriesRelationId) && u.push(this._preferredSeriesRelationId);
|
||
const A = [...c, ...m].filter(
|
||
(E) => E.type === Ge
|
||
).length;
|
||
if (A === 0)
|
||
throw new Error("Mindestens ein bevorzugter Reihentitel muss verknüpft sein.");
|
||
if (A > 1)
|
||
throw new Error("Es darf nur ein bevorzugter Reihentitel gesetzt sein.");
|
||
const {
|
||
relations: I,
|
||
deleted: q
|
||
} = this._collectRelations(t, {
|
||
prefix: "entries_agents",
|
||
targetField: "agent"
|
||
}), R = this._collectNewRelations("entries_agents"), _ = [...c, ...m].map((E) => E.target_id);
|
||
if (_.filter((E, j) => _.indexOf(E) !== j).length > 0)
|
||
throw new Error("Doppelte Reihenverknüpfungen sind nicht erlaubt.");
|
||
return {
|
||
csrf_token: this._readValue(t, "csrf_token"),
|
||
last_edited: this._readValue(t, "last_edited"),
|
||
entry: e,
|
||
languages: r,
|
||
places: a,
|
||
items: o,
|
||
deleted_item_ids: l,
|
||
series_relations: c,
|
||
new_series_relations: m,
|
||
deleted_series_relation_ids: u,
|
||
agent_relations: I,
|
||
new_agent_relations: R,
|
||
deleted_agent_relation_ids: q
|
||
};
|
||
}
|
||
_collectItems(t) {
|
||
const e = t.getAll("items_id[]").map((m) => m.trim()), i = t.getAll("items_owner[]"), n = t.getAll("items_identifier[]"), r = t.getAll("items_location[]"), a = t.getAll("items_media[]"), o = t.getAll("items_annotation[]"), l = t.getAll("items_uri[]"), c = new Set(
|
||
t.getAll("items_removed[]").map((m) => m.trim()).filter(Boolean)
|
||
), u = [];
|
||
for (let m = 0; m < e.length; m += 1) {
|
||
const p = e[m] || "";
|
||
if (p && c.has(p))
|
||
continue;
|
||
const h = (i[m] || "").trim(), b = (n[m] || "").trim(), A = (r[m] || "").trim(), I = (o[m] || "").trim(), q = (l[m] || "").trim(), R = (a[m] || "").trim();
|
||
if (p || h || b || A || I || q || R) {
|
||
if (!R)
|
||
throw new Error(`Exemplar ${m + 1}: "Vorhanden als" muss ausgefüllt werden.`);
|
||
u.push({
|
||
id: p,
|
||
owner: h,
|
||
identifier: b,
|
||
location: A,
|
||
annotation: I,
|
||
uri: q,
|
||
media: R ? [R] : []
|
||
});
|
||
}
|
||
}
|
||
return {
|
||
items: u,
|
||
removedIds: Array.from(c)
|
||
};
|
||
}
|
||
_collectRelations(t, { prefix: e, targetField: i }) {
|
||
const n = [], r = [];
|
||
for (const [a, o] of t.entries()) {
|
||
if (!a.startsWith(`${e}_id[`))
|
||
continue;
|
||
const l = a.slice(a.indexOf("[") + 1, -1), c = `${e}_${i}[${l}]`, u = `${e}_type[${l}]`, m = `${e}_delete[${l}]`, p = `${e}_uncertain[${l}]`, h = (o || "").trim(), b = (t.get(c) || "").trim();
|
||
if (!b || !h)
|
||
continue;
|
||
if (t.has(m)) {
|
||
r.push(h);
|
||
continue;
|
||
}
|
||
const A = (t.get(u) || "").trim();
|
||
n.push({
|
||
id: h,
|
||
target_id: b,
|
||
type: A,
|
||
uncertain: t.has(p)
|
||
});
|
||
}
|
||
return { relations: n, deleted: r };
|
||
}
|
||
_collectNewRelations(t) {
|
||
const e = this.querySelector(`relations-editor[data-prefix='${t}']`);
|
||
if (!e)
|
||
return [];
|
||
const i = e.querySelectorAll("[data-role='relation-add-row'] [data-rel-row]"), n = [];
|
||
return i.forEach((r) => {
|
||
const a = r.querySelector(`input[name='${t}_new_id']`), o = r.querySelector(`select[name='${t}_new_type']`), l = r.querySelector(`input[name='${t}_new_uncertain']`);
|
||
if (!a)
|
||
return;
|
||
const c = a.value.trim();
|
||
c && n.push({
|
||
target_id: c,
|
||
type: (o?.value || "").trim(),
|
||
uncertain: !!l?.checked
|
||
});
|
||
}), n;
|
||
}
|
||
_readValue(t, e) {
|
||
const i = t.get(e);
|
||
return i ? String(i).trim() : "";
|
||
}
|
||
_setSavingState(t) {
|
||
if (this._isSaving = t, !this._saveButton)
|
||
return;
|
||
this._saveButton.disabled = t;
|
||
const e = this._saveButton.querySelector("span");
|
||
e && (e.textContent = t ? "Speichern..." : "Speichern"), this._resetButton && (this._resetButton.disabled = t), this._deleteButton && (this._deleteButton.disabled = t);
|
||
}
|
||
_clearStatus() {
|
||
this._statusEl && (this._statusEl.textContent = "", this._statusEl.classList.remove("text-red-700", "text-green-700", "save-feedback-error", "save-feedback-success"), this._statusEl.classList.remove("is-hidden"), this._statusEl.classList.add("hidden"));
|
||
}
|
||
_showStatus(t, e) {
|
||
if (this._statusEl && (this._clearStatus(), this._statusEl.textContent = t, this._statusEl.classList.remove("hidden"), this._statusEl.classList.remove("is-hidden"), e === "success" ? this._statusEl.classList.add("text-green-700", "save-feedback-success") : e === "error" && this._statusEl.classList.add("text-red-700", "save-feedback-error"), e === "success")) {
|
||
const i = this._statusEl;
|
||
if (i) {
|
||
if (i.dataset.autohideScheduled === "true")
|
||
return;
|
||
i.dataset.autohideScheduled = "true", setTimeout(() => {
|
||
i.classList.add("is-hiding"), setTimeout(() => {
|
||
i.classList.add("is-hidden"), i.classList.remove("is-hiding"), delete i.dataset.autohideScheduled;
|
||
}, 320);
|
||
}, 4e3);
|
||
}
|
||
}
|
||
}
|
||
async _reloadForm(t) {
|
||
this._teardownSaveHandling();
|
||
const e = new URL(window.location.href);
|
||
t ? e.searchParams.set("saved_message", t) : e.searchParams.delete("saved_message");
|
||
const i = await fetch(e.toString(), {
|
||
credentials: "same-origin",
|
||
headers: {
|
||
"X-Requested-With": "fetch"
|
||
}
|
||
});
|
||
if (!i.ok)
|
||
throw new Error("Formular konnte nicht aktualisiert werden.");
|
||
const n = await i.text(), a = new DOMParser().parseFromString(n, "text/html"), o = a.querySelector("#changealmanachform"), l = this.querySelector("#changealmanachform");
|
||
if (!o || !l)
|
||
throw new Error("Formular konnte nicht geladen werden.");
|
||
l.replaceWith(o), this._form = o;
|
||
const c = a.querySelector("#user-message"), u = this.querySelector("#user-message");
|
||
c && u && u.replaceWith(c);
|
||
const m = a.querySelector("#almanach-header-data"), p = this.querySelector("#almanach-header-data");
|
||
m && p && p.replaceWith(m), this._initForm(), this._initPlaces(), this._initSaveHandling(), typeof window.TextareaAutoResize == "function" && setTimeout(() => {
|
||
this.querySelectorAll("textarea").forEach((h) => {
|
||
window.TextareaAutoResize(h);
|
||
});
|
||
}, 100);
|
||
}
|
||
}
|
||
const Kd = "[data-role='relation-add-toggle']", Gd = "[data-role='relation-add-panel']", Jd = "[data-role='relation-add-close']", Yd = "[data-role='relation-add-apply']", Xd = "[data-role='relation-add-error']", Qd = "[data-role='relation-add-row']", Zd = "[data-role='relation-add-select']", tc = "[data-role='relation-type-select']", ec = "[data-role='relation-uncertain']", ic = "template[data-role='relation-new-template']", fr = "[data-role='relation-new-delete']", Yt = "[data-rel-row]";
|
||
class nc extends HTMLElement {
|
||
constructor() {
|
||
super(), this._pendingItem = null, this._pendingApply = !1;
|
||
}
|
||
connectedCallback() {
|
||
this._prefix = this.getAttribute("data-prefix") || "", this._linkBase = this.getAttribute("data-link-base") || "", this._newLabel = this.getAttribute("data-new-label") || "(Neu)", this._addToggleId = this.getAttribute("data-add-toggle-id") || "", this._preferredLabel = (this.getAttribute("data-preferred-label") || "").trim(), this._emptyText = this.querySelector(".rel-empty-text"), this._setupAddPanel(), this._setupDeleteToggles(), this._setupNewRowDeletes(), this._setupPreferredOptionHandling();
|
||
}
|
||
_getExistingIds() {
|
||
const t = /* @__PURE__ */ new Set(), e = this._prefix === "entries_series" ? "series" : "agent";
|
||
return this.querySelectorAll(`input[name^="${this._prefix}_${e}["]`).forEach((i) => {
|
||
const n = i.value.trim();
|
||
n && t.add(n);
|
||
}), this._addRow && this._addRow.querySelectorAll(`input[name="${this._prefix}_new_id"]`).forEach((i) => {
|
||
const n = i.value.trim();
|
||
n && t.add(n);
|
||
}), t;
|
||
}
|
||
_updateEmptyTextVisibility() {
|
||
if (!this._emptyText)
|
||
return;
|
||
const t = this._prefix === "entries_series" ? "series" : "agent", e = this.querySelectorAll(`input[name^="${this._prefix}_${t}["]`).length > 0, i = this._addRow && this._addRow.querySelectorAll(`input[name="${this._prefix}_new_id"]`).length > 0;
|
||
this._addPanel && !this._addPanel.classList.contains("hidden") || e || i ? this._emptyText.classList.add("hidden") : this._emptyText.classList.remove("hidden");
|
||
}
|
||
_setupAddPanel() {
|
||
if (this._addToggle = this.querySelector(Kd), this._addToggleId) {
|
||
const t = document.getElementById(this._addToggleId);
|
||
t && (this._addToggle = t);
|
||
}
|
||
this._addPanel = this.querySelector(Gd), this._addClose = this.querySelector(Jd), this._addApply = this.querySelector(Yd), this._addError = this.querySelector(Xd), this._addRow = this.querySelector(Qd), this._addSelect = this.querySelector(Zd), this._typeSelect = this.querySelector(tc), this._uncertain = this.querySelector(ec), this._template = this.querySelector(ic), this._addInput = this._addSelect ? this._addSelect.querySelector(".ssr-input") : null, !(!this._addPanel || !this._addRow || !this._addSelect || !this._typeSelect || !this._uncertain || !this._template) && (this._addSelect && this._prefix === "entries_series" && this._addSelect.addEventListener("ssrbeforefetch", () => {
|
||
this._addSelect._excludeIds = Array.from(this._getExistingIds());
|
||
}), this._addToggle && this._addToggle.addEventListener("click", () => {
|
||
const t = this._addPanel.classList.contains("hidden");
|
||
this._addPanel.classList.toggle("hidden"), this._updateEmptyTextVisibility(), t && this._addInput && setTimeout(() => {
|
||
this._addInput.focus();
|
||
}, 0);
|
||
}), this._addClose && this._addClose.addEventListener("click", () => {
|
||
this._addPanel.classList.add("hidden"), this._updateEmptyTextVisibility();
|
||
}), this._addInput && this._addInput.addEventListener("keydown", (t) => {
|
||
t.key === "Enter" && (this._pendingApply = !0);
|
||
}), this._addApply && this._addApply.addEventListener("click", () => {
|
||
this._pendingApply = !1;
|
||
const t = this._addPanel.querySelector(`input[name='${this._prefix}_new_id']`);
|
||
if (!(t && t.value.trim().length > 0)) {
|
||
this._addError && (this._addError.textContent = this._addError.getAttribute("data-error-empty") || "Bitte Reihe auswählen.", this._addError.classList.remove("hidden"));
|
||
return;
|
||
}
|
||
if (this._pendingItem) {
|
||
if (this._prefix === "entries_series" && this._getExistingIds().has(this._pendingItem.id)) {
|
||
this._addError && (this._addError.textContent = this._addError.getAttribute("data-error-duplicate") || "Diese Verknüpfung existiert bereits.", this._addError.classList.remove("hidden"));
|
||
return;
|
||
}
|
||
this._addError && this._addError.classList.add("hidden"), this._insertNewRow();
|
||
}
|
||
}), this._addSelect.addEventListener("ssrchange", (t) => {
|
||
this._pendingItem = t.detail?.item || null, this._pendingItem && this._addError && this._addError.classList.add("hidden"), this._pendingApply && this._pendingItem && this._addApply && (this._pendingApply = !1, this._addApply.click());
|
||
}));
|
||
}
|
||
_clearAddPanel() {
|
||
if (this._addSelect) {
|
||
const t = this._addSelect.querySelector(".ssr-clear-button");
|
||
t && t.click();
|
||
}
|
||
this._typeSelect && (this._typeSelect.selectedIndex = 0), this._uncertain && (this._uncertain.checked = !1), this._addError && this._addError.classList.add("hidden");
|
||
}
|
||
_insertNewRow() {
|
||
const t = this._template.content.cloneNode(!0), e = t.querySelector(Yt) || t.firstElementChild;
|
||
if (!e)
|
||
return;
|
||
const i = t.querySelector("[data-rel-link]");
|
||
i && i.setAttribute("href", `${this._linkBase}${this._pendingItem.id}`);
|
||
const n = t.querySelector("[data-rel-name]");
|
||
n && (n.textContent = this._pendingItem.name || "");
|
||
const r = t.querySelector("[data-rel-detail]"), a = t.querySelector("[data-rel-detail-container]"), o = this._pendingItem.detail || this._pendingItem.bio || "";
|
||
r && o ? r.textContent = o : a && a.remove();
|
||
const l = t.querySelector("[data-rel-new]");
|
||
l && (l.textContent = this._newLabel);
|
||
const c = t.querySelector("[data-rel-input='type']");
|
||
c && this._typeSelect && (c.innerHTML = this._typeSelect.innerHTML, c.value = this._typeSelect.value, c.name = `${this._prefix}_new_type`, c.addEventListener("change", () => this._updatePreferredOptions()));
|
||
const u = t.querySelector("[data-rel-input='uncertain']");
|
||
if (u && this._uncertain) {
|
||
u.checked = this._uncertain.checked, u.name = `${this._prefix}_new_uncertain`, u.value = this._pendingItem.id;
|
||
const h = `${this._prefix}_new_uncertain_row`;
|
||
u.id = h;
|
||
const b = t.querySelector("[data-rel-uncertain-label]");
|
||
b && b.setAttribute("for", h);
|
||
}
|
||
const m = t.querySelector("[data-rel-input='id']");
|
||
m && (m.name = `${this._prefix}_new_id`, m.value = this._pendingItem.id);
|
||
const p = t.querySelector(fr);
|
||
p && p.addEventListener("click", () => {
|
||
e.remove(), this._pendingItem = null, this._clearAddPanel(), this._addPanel && this._addPanel.classList.add("hidden"), this._updateEmptyTextVisibility();
|
||
}), this._addRow.appendChild(t), this._pendingItem = null, this._clearAddPanel(), this._addPanel && this._addPanel.classList.add("hidden"), this._updateEmptyTextVisibility(), this._updatePreferredOptions();
|
||
}
|
||
_setupDeleteToggles() {
|
||
this.querySelectorAll("[data-delete-toggle]").forEach((t) => {
|
||
t.addEventListener("click", () => {
|
||
const e = t.getAttribute("data-delete-toggle"), i = this.querySelector(`#${CSS.escape(e)}`);
|
||
if (!i)
|
||
return;
|
||
i.checked = !i.checked;
|
||
const n = t.closest(Yt);
|
||
n && (n.classList.toggle("bg-red-50", i.checked), n.querySelectorAll("select, input[type='checkbox']").forEach((l) => {
|
||
l !== i && (l.disabled = i.checked);
|
||
}));
|
||
const r = t.matches(":hover"), a = t.querySelector("[data-delete-label]");
|
||
if (a) {
|
||
let l;
|
||
i.checked && r ? l = a.getAttribute("data-delete-hover") || "Rückgängig" : i.checked ? l = a.getAttribute("data-delete-active") || "Wird entfernt" : l = a.getAttribute("data-delete-default") || "Entfernen", a.textContent = l;
|
||
}
|
||
const o = t.querySelector("i");
|
||
o && (i.checked ? r ? (o.classList.remove("hidden"), o.classList.add("ri-arrow-go-back-line"), o.classList.remove("ri-delete-bin-line")) : (o.classList.add("hidden"), o.classList.remove("ri-delete-bin-line", "ri-arrow-go-back-line")) : (o.classList.remove("hidden"), o.classList.add("ri-delete-bin-line"), o.classList.remove("ri-arrow-go-back-line"))), this._updatePreferredOptions();
|
||
}), t.addEventListener("mouseenter", () => {
|
||
const e = t.getAttribute("data-delete-toggle"), i = this.querySelector(`#${CSS.escape(e)}`);
|
||
if (!i || !i.checked)
|
||
return;
|
||
const n = t.querySelector("[data-delete-label]");
|
||
n && (n.textContent = n.getAttribute("data-delete-hover") || "Rückgängig");
|
||
const r = t.querySelector("i");
|
||
r && (r.classList.remove("hidden"), r.classList.add("ri-arrow-go-back-line"), r.classList.remove("ri-delete-bin-line"));
|
||
}), t.addEventListener("mouseleave", () => {
|
||
const e = t.getAttribute("data-delete-toggle"), i = this.querySelector(`#${CSS.escape(e)}`), n = t.querySelector("[data-delete-label]");
|
||
if (!n)
|
||
return;
|
||
i && i.checked ? n.textContent = n.getAttribute("data-delete-active") || "Wird entfernt" : n.textContent = n.getAttribute("data-delete-default") || "Entfernen";
|
||
const r = t.querySelector("i");
|
||
r && (i && i.checked ? (r.classList.add("hidden"), r.classList.remove("ri-delete-bin-line", "ri-arrow-go-back-line")) : (r.classList.remove("hidden"), r.classList.add("ri-delete-bin-line"), r.classList.remove("ri-arrow-go-back-line")));
|
||
});
|
||
});
|
||
}
|
||
_setupNewRowDeletes() {
|
||
this._addRow && this._addRow.querySelectorAll(fr).forEach((t) => {
|
||
t.dataset.relationNewBound !== "true" && (t.dataset.relationNewBound = "true", t.addEventListener("click", () => {
|
||
const e = t.closest(Yt);
|
||
e && e.remove(), this._pendingItem = null, this._clearAddPanel(), this._addPanel && this._addPanel.classList.add("hidden"), this._updateEmptyTextVisibility(), this._updatePreferredOptions();
|
||
}));
|
||
});
|
||
}
|
||
_setupPreferredOptionHandling() {
|
||
this._prefix !== "entries_series" || !this._preferredLabel || (this.querySelectorAll(`select[name^="${this._prefix}_type["]`).forEach((t) => {
|
||
t.addEventListener("change", () => this._updatePreferredOptions());
|
||
}), this._typeSelect && this._typeSelect.addEventListener("change", () => this._updatePreferredOptions()), this._updatePreferredOptions());
|
||
}
|
||
_updatePreferredOptions() {
|
||
if (this._prefix !== "entries_series" || !this._preferredLabel)
|
||
return;
|
||
const t = this._preferredLabel.trim(), e = [];
|
||
this.querySelectorAll(`select[name^="${this._prefix}_type["]`).forEach((n) => {
|
||
e.push({ select: n, row: n.closest(Yt), isAddPanel: !1 });
|
||
}), this._addRow && this._addRow.querySelectorAll(`select[name='${this._prefix}_new_type']`).forEach((n) => {
|
||
e.push({ select: n, row: n.closest(Yt), isAddPanel: !1 });
|
||
}), this._typeSelect && e.push({ select: this._typeSelect, row: this._typeSelect.closest(Yt), isAddPanel: !0 });
|
||
const i = e.some(({ select: n, row: r, isAddPanel: a }) => {
|
||
if (a)
|
||
return !1;
|
||
const o = (n?.value || "").trim();
|
||
if (!n || o !== t)
|
||
return !1;
|
||
if (!r)
|
||
return !0;
|
||
const l = r.querySelector(`input[name^="${this._prefix}_delete["]`);
|
||
return !(l && l.checked);
|
||
});
|
||
e.forEach(({ select: n, row: r, isAddPanel: a }) => {
|
||
if (!n)
|
||
return;
|
||
const o = Array.from(n.options).find((h) => h.value.trim() === t);
|
||
if (!o)
|
||
return;
|
||
const l = r ? r.querySelector(`input[name^="${this._prefix}_delete["]`) : null, c = !!(l && l.checked), u = (n.value || "").trim(), m = !i || u === t && !c;
|
||
if (a && i && u === t) {
|
||
const h = Array.from(n.options).find((b) => b.value.trim() !== t);
|
||
h && (n.value = h.value);
|
||
}
|
||
const p = !m || a && i;
|
||
o.hidden = p, o.disabled = p, o.style.display = p ? "none" : "";
|
||
});
|
||
}
|
||
}
|
||
class sc extends HTMLElement {
|
||
connectedCallback() {
|
||
setTimeout(() => {
|
||
const t = this.querySelector("form");
|
||
t && typeof window.FormLoad == "function" && window.FormLoad(t), this._setupDelete(), this._setupStatusSelect();
|
||
}, 0);
|
||
}
|
||
_setupStatusSelect() {
|
||
const t = Array.from(this.querySelectorAll(".status-select"));
|
||
t.length !== 0 && t.forEach((e) => {
|
||
const i = e.parentElement?.querySelector(".status-icon");
|
||
e.addEventListener("change", (n) => {
|
||
const r = n.target.value;
|
||
e.setAttribute("data-status", r), i && this._updateStatusIcon(i, r);
|
||
});
|
||
});
|
||
}
|
||
_updateStatusIcon(t, e) {
|
||
switch (t.classList.remove(
|
||
"ri-checkbox-circle-line",
|
||
"ri-information-line",
|
||
"ri-search-line",
|
||
"ri-list-check",
|
||
"ri-forbid-2-line"
|
||
), e) {
|
||
case "Edited":
|
||
t.classList.add("ri-checkbox-circle-line");
|
||
break;
|
||
case "Seen":
|
||
t.classList.add("ri-information-line");
|
||
break;
|
||
case "Review":
|
||
t.classList.add("ri-search-line");
|
||
break;
|
||
case "ToDo":
|
||
t.classList.add("ri-list-check");
|
||
break;
|
||
default:
|
||
t.classList.add("ri-forbid-2-line");
|
||
break;
|
||
}
|
||
}
|
||
_setupDelete() {
|
||
const t = this.querySelector("form");
|
||
if (!t)
|
||
return;
|
||
const e = t.getAttribute("data-delete-endpoint");
|
||
if (!e)
|
||
return;
|
||
const i = this.querySelector("[data-role='edit-delete-dialog']"), n = this.querySelector("[data-role='edit-delete']"), r = this.querySelector("[data-role='edit-delete-confirm']"), a = this.querySelector("[data-role='edit-delete-cancel']");
|
||
if (!i || !n || !r || !a)
|
||
return;
|
||
n.addEventListener("click", (l) => {
|
||
l.preventDefault(), typeof i.showModal == "function" && i.showModal();
|
||
});
|
||
const o = (l) => {
|
||
l && l.preventDefault(), i.open && i.close();
|
||
};
|
||
a.addEventListener("click", o), i.addEventListener("cancel", o), r.addEventListener("click", async (l) => {
|
||
l.preventDefault(), o();
|
||
const c = new FormData(t), u = {
|
||
csrf_token: c.get("csrf_token") || "",
|
||
last_edited: c.get("last_edited") || ""
|
||
}, m = await fetch(e, {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
Accept: "application/json"
|
||
},
|
||
body: JSON.stringify(u)
|
||
});
|
||
if (!m.ok)
|
||
return;
|
||
const h = (await m.json().catch(() => null))?.redirect || "/";
|
||
window.location.assign(h);
|
||
});
|
||
}
|
||
}
|
||
class rc extends HTMLElement {
|
||
constructor() {
|
||
super(), this.state = null, this.handleClick = this.handleClick.bind(this), this.handleClickAway = this.handleClickAway.bind(this);
|
||
}
|
||
connectedCallback() {
|
||
const t = this.getAttribute("data-user-name") || "Benutzer", e = this.getAttribute("data-user-email") || "", i = this.getAttribute("data-user-id") || "", n = this.getAttribute("data-is-admin-or-editor") === "true", r = this.getAttribute("data-is-admin") === "true", a = this.getAttribute("data-redirect-path") || "", o = window.location.pathname;
|
||
let l = !1, c = "", u = !1, m = "", p = !1, h = !1, b = !1, A = "", I = !1, q = "", R = "", $ = !1, _ = "";
|
||
const S = o.match(/^\/reihe\/([^\/]+)\/?$/);
|
||
if (S && S[1] !== "new") {
|
||
l = !0, c = S[1];
|
||
const F = document.querySelector('meta[name="entity-updated"]');
|
||
F && F.content;
|
||
}
|
||
const E = o.match(/^\/person\/([^\/]+)\/?$/);
|
||
E && E[1] !== "new" && (u = !0, m = E[1]);
|
||
const j = o.match(/^\/almanach\/([^\/]+)\/?$/);
|
||
if (j && j[1] !== "new") {
|
||
b = !0, A = j[1];
|
||
const F = document.querySelector('meta[name="entity-updated"]');
|
||
F && F.content;
|
||
}
|
||
const ct = o.match(/^\/beitrag\/([^\/]+)\/?$/);
|
||
if (ct) {
|
||
I = !0, q = ct[1];
|
||
const F = document.querySelector('#breadcrumbs a[href^="/almanach/"]');
|
||
if (F) {
|
||
const D = F.getAttribute("href")?.match(/^\/almanach\/([^\/#]+)/);
|
||
D && (R = D[1]);
|
||
}
|
||
}
|
||
const wt = /* @__PURE__ */ new Set([
|
||
"kontakt",
|
||
"danksagungen",
|
||
"literatur",
|
||
"einleitung",
|
||
"benutzerhinweise",
|
||
"lesekabinett",
|
||
"reihen",
|
||
"index"
|
||
]), mt = o.replace(/\/+$/, "") || "/", li = (F) => !F || !wt.has(F) ? !1 : F === "index" ? mt === "/" || mt === "/index" : mt === `/${F}` || mt === `/redaktion/${F}`, Tt = document.querySelector('meta[name="page-key"]')?.content?.trim();
|
||
if (Tt && li(Tt))
|
||
$ = !0, _ = Tt;
|
||
else {
|
||
const F = mt.match(/^\/redaktion\/([^\/]+)$/), D = F ? F[1] : "";
|
||
D && wt.has(D) ? ($ = !0, _ = D) : (mt === "/" || mt === "/index") && ($ = !0, _ = "index");
|
||
}
|
||
(o === "/reihen" || o === "/reihen/") && (p = !0), (o === "/personen" || o === "/personen/") && (h = !0);
|
||
const Vt = document.querySelector('input[name="csrf_token"]');
|
||
Vt && Vt.value, this.hasContext = l || u || b || I || $ || p || h;
|
||
let tt = "";
|
||
n && l ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Reihe
|
||
</div>
|
||
<a href="/reihe/${c}/edit" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-edit-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Bearbeiten</span>
|
||
</a>
|
||
` : n && u ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Person
|
||
</div>
|
||
<a href="/person/${m}/edit/" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-edit-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Bearbeiten</span>
|
||
</a>
|
||
` : n && b ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Almanach
|
||
</div>
|
||
<a href="/almanach/${A}/edit" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-edit-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Bearbeiten</span>
|
||
</a>
|
||
<a href="/almanach/${A}/contents/edit" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-file-list-3-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Beiträge bearbeiten</span>
|
||
</a>
|
||
<a href="/almanach/${A}/contents/new" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-add-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neuer Beitrag</span>
|
||
</a>
|
||
` : n && I && R ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Beitrag
|
||
</div>
|
||
<a href="/almanach/${R}/contents/${q}/edit" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-edit-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Bearbeiten</span>
|
||
</a>
|
||
<a href="/almanach/${R}/contents/edit" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-file-list-3-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Beiträge bearbeiten</span>
|
||
</a>
|
||
<a href="/almanach/${R}/contents/new" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-add-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neuer Beitrag</span>
|
||
</a>
|
||
` : n && p ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Reihen
|
||
</div>
|
||
<a href="/reihen/new/" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-add-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neue Reihe</span>
|
||
</a>
|
||
` : n && h ? tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Personen
|
||
</div>
|
||
<a href="/personen/new/" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-add-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neue Person</span>
|
||
</a>
|
||
` : n && $ && (tt = `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Seite
|
||
</div>
|
||
<a href="/redaktion/seiten/?key=${_}" hx-boost="false" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-edit-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Seite bearbeiten</span>
|
||
</a>
|
||
`);
|
||
const di = n ? `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Erstellen
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/almanach-new/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-book-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neuer Band</span>
|
||
</a>
|
||
<a href="/almanach-new/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/reihen/new/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-stack-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neue Reihe</span>
|
||
</a>
|
||
<a href="/reihen/new/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/orte/new/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-map-pin-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neuer Ort</span>
|
||
</a>
|
||
<a href="/orte/new/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/personen/new/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-group-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Neue Person</span>
|
||
</a>
|
||
<a href="/personen/new/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="border-t border-gray-200 my-1"></div>
|
||
` : "", ci = n ? `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Listen
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/reihen/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-stack-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Reihen</span>
|
||
</a>
|
||
<a href="/reihen/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/baende/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-book-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Bände</span>
|
||
</a>
|
||
<a href="/baende/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/orte/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-map-pin-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Orte</span>
|
||
</a>
|
||
<a href="/orte/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/personen/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-group-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Personen</span>
|
||
</a>
|
||
<a href="/personen/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/abkuerzungen/" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-text text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Abkürzungen</span>
|
||
</a>
|
||
<a href="/abkuerzungen/" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/redaktion/seiten/" hx-boost="false" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-pages-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Seiten</span>
|
||
</a>
|
||
<a href="/redaktion/seiten/" target="_blank" hx-boost="false" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="border-t border-gray-200 my-1"></div>
|
||
` : "", hi = r ? `
|
||
<div class="px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider">
|
||
Administration
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/user/management/access/User?redirectTo=${a}" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-group-3-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Nutzer einladen</span>
|
||
</a>
|
||
<a href="/user/management/access/User?redirectTo=${a}" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="grid grid-cols-[1fr_auto] group">
|
||
<a href="/user/management?redirectTo=${a}" class="flex items-center px-4 py-2 group-hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-group-2-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Benutzerverwaltung</span>
|
||
</a>
|
||
<a href="/user/management?redirectTo=${a}" target="_blank" class="flex items-center justify-center px-3 py-2 group-hover:bg-gray-100 text-gray-700 hover:text-slate-900 transition-colors no-underline text-sm" title="In neuem Tab öffnen">
|
||
<i class="ri-external-link-line text-base"></i>
|
||
</a>
|
||
</div>
|
||
<div class="border-t border-gray-200 my-1"></div>
|
||
` : "", Ie = tt || "", ui = tt ? '<div class="border-t border-gray-200"></div>' : "";
|
||
this.innerHTML = `
|
||
<div class="fixed bottom-12 left-8 z-50">
|
||
<!-- Unified Menu Container -->
|
||
<div class="fab-menu hidden absolute bottom-16 left-0 w-64 bg-white rounded border border-gray-300 shadow transition-all duration-100 ease-out">
|
||
<!-- Contextual actions (always at top when present) -->
|
||
${Ie}
|
||
${ui}
|
||
|
||
<!-- Rest of menu (hidden in half state, shown in full state) -->
|
||
<div class="fab-full-content overflow-hidden transition-all duration-300 ease-in-out" style="max-height: 0; opacity: 0;">
|
||
${di}
|
||
${ci}
|
||
${hi}
|
||
<div class="px-4 py-2">
|
||
<div class="font-semibold text-gray-900 text-sm">${t}</div>
|
||
<div class="text-xs text-gray-600 truncate">${e}</div>
|
||
</div>
|
||
<a href="/user/${i}/edit?redirectTo=${encodeURIComponent(window.location.href)}" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-user-3-line text-base text-gray-700 mr-2.5"></i>
|
||
<span class="text-gray-900">Profil bearbeiten</span>
|
||
</a>
|
||
<a href="/logout?redirectTo=${a}" class="flex items-center px-4 py-2 hover:bg-gray-100 transition-colors no-underline text-sm">
|
||
<i class="ri-logout-box-line text-base text-gray-700 mr-2.5 mb-1"></i>
|
||
<span class="text-gray-900">Logout</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FAB Button -->
|
||
<button class="fab-button w-12 h-12 bg-slate-700 hover:bg-slate-800 text-white rounded border-2 border-slate-600 shadow-sm transition-all duration-200 flex items-center justify-center" aria-label="Menü">
|
||
<i class="fab-icon text-2xl transition-all duration-200 ri-menu-line"></i>
|
||
</button>
|
||
|
||
</div>
|
||
`, this._button = this.querySelector(".fab-button"), this._icon = this.querySelector(".fab-icon"), this._menu = this.querySelector(".fab-menu"), this._fullContent = this.querySelector(".fab-full-content"), this.state = this.hasContext ? "half" : "closed", this.setState(this.state), this._button.addEventListener("click", this.handleClick), document.addEventListener("click", this.handleClickAway);
|
||
}
|
||
disconnectedCallback() {
|
||
this._button.removeEventListener("click", this.handleClick), document.removeEventListener("click", this.handleClickAway);
|
||
}
|
||
handleClick(t) {
|
||
t.stopPropagation(), this.nextState();
|
||
}
|
||
handleClickAway(t) {
|
||
this.contains(t.target) || this.setState("closed");
|
||
}
|
||
nextState() {
|
||
this.state === "closed" ? this.setState(this.hasContext ? "half" : "full") : this.state === "half" ? this.setState("full") : this.setState("closed");
|
||
}
|
||
setState(t) {
|
||
if (this.state = t, t === "closed")
|
||
this._menu.style.opacity = "0", this._menu.style.transform = "translateY(8px)", this._fullContent.style.maxHeight = "0", this._fullContent.style.opacity = "0", setTimeout(() => {
|
||
this.state === "closed" && this._menu.classList.add("hidden");
|
||
}, 200), this._icon.classList.remove("ri-arrow-up-s-line", "ri-close-line"), this._icon.classList.add("ri-menu-line"), this._button.style.backgroundColor = "", this._button.style.borderColor = "", this._button.classList.remove("shadow-md"), this._button.classList.add("shadow-sm");
|
||
else if (t === "half")
|
||
this._menu.classList.remove("hidden"), this._menu.offsetHeight, this._menu.style.opacity = "1", this._menu.style.transform = "translateY(0)", this._fullContent.style.maxHeight = "0", this._fullContent.style.opacity = "0", this._icon.classList.remove("ri-menu-line", "ri-close-line"), this._icon.classList.add("ri-arrow-up-s-line"), this._button.style.backgroundColor = "rgb(51 65 85)", this._button.style.borderColor = "rgb(71 85 105)", this._button.classList.remove("shadow-sm"), this._button.classList.add("shadow-md");
|
||
else if (t === "full") {
|
||
this._menu.classList.remove("hidden"), this._menu.style.opacity = "1", this._menu.style.transform = "translateY(0)", this._fullContent.style.maxHeight = "none";
|
||
const e = this._fullContent.scrollHeight;
|
||
this._fullContent.style.maxHeight = "0", this._fullContent.offsetHeight, this._fullContent.style.maxHeight = e + "px", this._fullContent.style.opacity = "1", this._icon.classList.remove("ri-menu-line", "ri-arrow-up-s-line"), this._icon.classList.add("ri-close-line"), this._button.style.backgroundColor = "rgb(30 41 59)", this._button.style.borderColor = "rgb(51 65 85)", this._button.classList.remove("shadow-sm"), this._button.classList.add("shadow-md");
|
||
}
|
||
}
|
||
}
|
||
const ac = 100;
|
||
class oc extends HTMLElement {
|
||
constructor() {
|
||
super(), this._fields = null, this._boundHandlers = /* @__PURE__ */ new Map();
|
||
}
|
||
connectedCallback() {
|
||
this._fields = document.querySelectorAll("[data-duplicate-check]"), this._fields.forEach((t) => {
|
||
const e = this._createHandler(t);
|
||
this._boundHandlers.set(t, e), t.addEventListener("input", e), (t.value ? t.value.trim() : "") !== "" && this._checkDuplicates(t);
|
||
});
|
||
}
|
||
disconnectedCallback() {
|
||
this._boundHandlers.forEach((t, e) => {
|
||
e.removeEventListener("input", t);
|
||
}), this._boundHandlers.clear();
|
||
}
|
||
_createHandler(t) {
|
||
let e = null;
|
||
return (i) => {
|
||
e && clearTimeout(e), e = setTimeout(() => {
|
||
this._checkDuplicates(t);
|
||
}, ac);
|
||
};
|
||
}
|
||
async _checkDuplicates(t) {
|
||
const e = t.value.trim(), i = t.getAttribute("data-duplicate-endpoint"), n = t.getAttribute("data-duplicate-result-key"), r = t.getAttribute("data-duplicate-current-id") || "", a = document.querySelector(`[data-duplicate-warning-for="${t.id}"]`);
|
||
if (!(!a || !i || !n)) {
|
||
if (e === "") {
|
||
a.classList.add("hidden");
|
||
return;
|
||
}
|
||
try {
|
||
const o = new URL(i, window.location.origin);
|
||
o.searchParams.set("q", e), o.searchParams.set("limit", "100");
|
||
const l = await fetch(o.toString());
|
||
if (!l.ok)
|
||
return;
|
||
const u = (await l.json())[n] || [];
|
||
let m = u;
|
||
r && (m = u.filter((h) => h.id !== r));
|
||
const p = m.filter((h) => h.name && h.name.toLowerCase() === e.toLowerCase());
|
||
if (p.length > 0) {
|
||
const h = a.querySelector("[data-duplicate-count]");
|
||
if (h) {
|
||
const b = p.length === 1 ? "" : "e";
|
||
h.textContent = `Der Name ist bereits vorhanden (${p.length} Treffer${b})`;
|
||
}
|
||
a.classList.remove("hidden");
|
||
} else
|
||
a.classList.add("hidden");
|
||
} catch (o) {
|
||
console.error("Duplicate check failed:", o);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
const br = "content-images-list", _r = "content-images-dialog", vr = "content-images-close", yr = "content-images-full", Ar = "content-images-delete-dialog", Er = "content-images-delete-confirm", xr = "content-images-delete-cancel", Sr = "content-images-delete-name", lc = "300x0", dc = "0x1000", wa = (s, t) => {
|
||
if (!s)
|
||
return "";
|
||
if (s.includes("thumb="))
|
||
return s;
|
||
const e = s.includes("?") ? "&" : "?";
|
||
return `${s}${e}thumb=${t}`;
|
||
}, cc = (s) => wa(s, dc), Lr = (s) => {
|
||
if (!s)
|
||
return "";
|
||
const e = (s.split("?")[0] || "").split("/");
|
||
return e[e.length - 1] || "";
|
||
}, hc = (s, t) => {
|
||
const e = Array.isArray(t) ? t : [];
|
||
return (Array.isArray(s) ? s : []).map((i, n) => {
|
||
if (typeof i == "string") {
|
||
const r = e[n] || Lr(i);
|
||
return { url: i, name: r };
|
||
}
|
||
if (i && typeof i == "object") {
|
||
const r = i.url || "", a = i.name || e[n] || Lr(r);
|
||
return { url: r, name: a };
|
||
}
|
||
return { url: "", name: "" };
|
||
});
|
||
};
|
||
class uc extends HTMLElement {
|
||
connectedCallback() {
|
||
if (this.dataset.init === "true")
|
||
return;
|
||
this.dataset.init = "true", this._pendingFiles = [], this._pendingUrls = [], this._pendingDeletes = /* @__PURE__ */ new Set(), this._pendingIds = [], this._pendingIdCounter = 0, this._scanOrder = [], this._wireUpload();
|
||
const t = this.getAttribute("data-images") || "[]", e = this.getAttribute("data-files") || "[]";
|
||
let i = [], n = [];
|
||
try {
|
||
i = JSON.parse(t);
|
||
} catch {
|
||
i = [];
|
||
}
|
||
try {
|
||
n = JSON.parse(e);
|
||
} catch {
|
||
n = [];
|
||
}
|
||
const r = hc(i, n);
|
||
this._render(r);
|
||
}
|
||
_wireUpload() {
|
||
const t = this.closest("[data-role='content-images-panel']");
|
||
if (!t)
|
||
return;
|
||
const e = t.querySelector("[data-role='content-images-upload-input']");
|
||
!e || e.dataset.bound === "true" || (e.dataset.bound = "true", e.addEventListener("change", () => {
|
||
this._setPendingFiles(Array.from(e.files || []));
|
||
}));
|
||
}
|
||
_setPendingFiles(t) {
|
||
const e = Array.isArray(t) ? t : [];
|
||
if (e.length === 0)
|
||
return;
|
||
Array.isArray(this._pendingFiles) || (this._pendingFiles = []), Array.isArray(this._pendingUrls) || (this._pendingUrls = []), Array.isArray(this._pendingIds) || (this._pendingIds = []);
|
||
const i = [];
|
||
e.forEach((n) => {
|
||
this._pendingFiles.push(n), this._pendingUrls.push(URL.createObjectURL(n));
|
||
const r = `p${Date.now()}_${this._pendingIdCounter++}`;
|
||
this._pendingIds.push(r), i.push(r);
|
||
}), Array.isArray(this._scanOrder) || (this._scanOrder = []), this._scanOrder = this._scanOrder.concat(i.map((n) => `pending:${n}`)), this._render(this._currentImages || []);
|
||
}
|
||
_render(t) {
|
||
this._currentImages = t, this.classList.add("block"), this.style.display = "block", this.style.width = "100%";
|
||
const e = this._ensureList(), i = this._ensureUploadProxy();
|
||
i && i.parentElement === e && i.remove(), e.querySelectorAll("[data-role='content-images-item'], [data-role='content-images-pending']").forEach((h) => {
|
||
h.remove();
|
||
});
|
||
const n = this.getAttribute("data-delete-endpoint") || "", r = this.getAttribute("data-content-id") || "", a = this.getAttribute("data-csrf-token") || "", o = n && r && a, l = /* @__PURE__ */ new Map();
|
||
t.forEach((h) => {
|
||
h && h.name && l.set(h.name, h);
|
||
}), (!Array.isArray(this._scanOrder) || this._scanOrder.length === 0) && (this._scanOrder = t.map((h) => `existing:${h.name}`), this._scanOrder = this._scanOrder.concat(this._pendingIds.map((h) => `pending:${h}`)));
|
||
const c = /* @__PURE__ */ new Map();
|
||
this._pendingIds.forEach((h, b) => {
|
||
c.set(h, { url: this._pendingUrls[b] });
|
||
});
|
||
const u = [];
|
||
this._scanOrder.forEach((h) => {
|
||
if (h.startsWith("existing:")) {
|
||
const b = h.slice(9);
|
||
l.has(b) && u.push({ type: "existing", name: b, image: l.get(b) });
|
||
return;
|
||
}
|
||
if (h.startsWith("pending:")) {
|
||
const b = h.slice(8);
|
||
c.has(b) && u.push({ type: "pending", id: b, url: c.get(b).url });
|
||
}
|
||
}), u.forEach((h, b) => {
|
||
if (h.type === "pending") {
|
||
const _ = document.createElement("div");
|
||
_.className = "group relative", _.dataset.role = "content-images-pending", _.dataset.scanKey = `pending:${h.id}`, _.draggable = !0;
|
||
const S = document.createElement("button");
|
||
S.type = "button", S.className = [
|
||
"rounded",
|
||
"border",
|
||
"border-dashed",
|
||
"border-slate-300",
|
||
"bg-stone-50",
|
||
"p-1",
|
||
"shadow-sm"
|
||
].join(" "), S.dataset.imageUrl = h.url, S.dataset.imageIndex = `pending-${b}`;
|
||
const E = document.createElement("img");
|
||
E.src = h.url, E.alt = "Digitalisat (neu)", E.loading = "lazy", E.className = "h-28 w-28 object-cover opacity-70", S.appendChild(E);
|
||
const j = document.createElement("span");
|
||
j.className = "absolute left-1 top-1 rounded bg-amber-200 px-1.5 py-0.5 text-[10px] font-semibold text-amber-900", j.textContent = "Neu", _.appendChild(S), _.appendChild(j);
|
||
const ct = document.createElement("button");
|
||
ct.type = "button", ct.className = "absolute right-1 top-1 hidden rounded-full border border-red-200 bg-white/90 px-2 py-1 text-xs font-semibold text-red-700 shadow-sm transition group-hover:flex hover:text-red-900 hover:border-red-300", ct.innerHTML = '<i class="ri-close-line mr-1"></i>Entfernen', ct.addEventListener("click", (wt) => {
|
||
wt.preventDefault(), wt.stopPropagation(), this._removePendingFileById(h.id);
|
||
}), _.appendChild(ct), e.appendChild(_);
|
||
return;
|
||
}
|
||
const A = h.image, I = document.createElement("div");
|
||
I.className = "group relative", I.dataset.role = "content-images-item", I.dataset.scanKey = `existing:${h.name}`, I.draggable = !0;
|
||
const q = this._pendingDeletes.has(A.name);
|
||
q && I.classList.add("content-image-pending");
|
||
const R = document.createElement("button");
|
||
R.type = "button", R.className = [
|
||
"relative",
|
||
"rounded",
|
||
"border",
|
||
"border-slate-200",
|
||
"bg-white",
|
||
"p-1",
|
||
"shadow-sm",
|
||
"transition",
|
||
"hover:border-slate-400",
|
||
"hover:shadow-md"
|
||
].join(" "), R.dataset.imageUrl = A.url, R.dataset.imageIndex = String(b), q && (R.setAttribute("aria-disabled", "true"), R.classList.add("content-image-pending-button"));
|
||
const $ = document.createElement("img");
|
||
if ($.src = wa(A.url, lc), $.alt = "Digitalisat", $.loading = "lazy", $.className = "h-28 w-28 object-cover", R.appendChild($), I.appendChild(R), o && A.name) {
|
||
const _ = document.createElement("button");
|
||
_.type = "button", _.className = [
|
||
"absolute",
|
||
"right-1",
|
||
"top-1",
|
||
"hidden",
|
||
"rounded-full",
|
||
"border",
|
||
"border-red-200",
|
||
"bg-white/90",
|
||
"px-2",
|
||
"py-1",
|
||
"text-xs",
|
||
"font-semibold",
|
||
"text-red-700",
|
||
"z-20",
|
||
"shadow-sm",
|
||
"transition",
|
||
"group-hover:flex",
|
||
"hover:text-red-900",
|
||
"hover:border-red-300"
|
||
].join(" "), q ? (_.classList.remove("border-red-200", "text-red-700"), _.classList.add("border-amber-300", "bg-amber-100", "text-amber-900", "hover:border-amber-400", "hover:text-amber-950"), _.innerHTML = '<i class="ri-arrow-go-back-line mr-1"></i>Rueckgaengig') : _.innerHTML = '<i class="ri-delete-bin-line mr-1"></i>Entfernen', _.addEventListener("click", (S) => {
|
||
S.preventDefault(), S.stopPropagation(), this._togglePendingDelete(A.name);
|
||
}), I.appendChild(_);
|
||
}
|
||
e.appendChild(I);
|
||
}), i && i.parentElement !== e && e.appendChild(i);
|
||
const m = this._ensureDialog(), p = m.querySelector(`[data-role='${yr}']`);
|
||
e.addEventListener("click", (h) => {
|
||
const b = h.target.closest("button[data-image-url]");
|
||
if (!b || !p)
|
||
return;
|
||
const A = b.dataset.imageUrl || "", I = A.startsWith("blob:") ? A : cc(A);
|
||
p.src = I, p.alt = "Digitalisat", m.showModal ? m.showModal() : m.setAttribute("open", "true");
|
||
}), this._wireDrag(e);
|
||
}
|
||
_ensureList() {
|
||
let t = this.querySelector(`[data-role='${br}']`);
|
||
return t || (t = document.createElement("div"), t.dataset.role = br, this.appendChild(t)), t.className = "grid gap-2", t.style.gridTemplateColumns = "repeat(auto-fill, minmax(7rem, 1fr))", t.style.width = "100%", t;
|
||
}
|
||
_ensureUploadProxy() {
|
||
const t = this.closest("[data-role='content-images-panel']");
|
||
if (!t)
|
||
return null;
|
||
const e = t.querySelector("[data-role='content-images-upload-input']");
|
||
if (!e)
|
||
return null;
|
||
let i = t.querySelector("[data-role='content-images-upload-proxy']");
|
||
return i || (i = document.createElement("button"), i.type = "button", i.dataset.role = "content-images-upload-proxy", i.className = "flex h-28 w-28 items-center justify-center rounded-xs border-2 border-dashed border-slate-300 bg-stone-50 text-lg font-semibold text-slate-600 transition hover:border-slate-400 hover:text-slate-800", i.setAttribute("aria-label", "Bilder hinzufuegen"), i.innerHTML = '<i class="ri-upload-2-line"></i>', i.addEventListener("click", () => {
|
||
e.click();
|
||
})), i;
|
||
}
|
||
_togglePendingDelete(t) {
|
||
t && (this._pendingDeletes.has(t) ? this._pendingDeletes.delete(t) : this._pendingDeletes.add(t), this._render(this._currentImages || []));
|
||
}
|
||
_removePendingFileById(t) {
|
||
const e = this._pendingIds.indexOf(t);
|
||
if (e < 0)
|
||
return;
|
||
const i = this._pendingUrls[e];
|
||
i && URL.revokeObjectURL(i), this._pendingFiles.splice(e, 1), this._pendingUrls.splice(e, 1), this._pendingIds.splice(e, 1), this._scanOrder = this._scanOrder.filter((n) => n !== `pending:${t}`), this._render(this._currentImages || []);
|
||
}
|
||
getPendingFiles() {
|
||
return Array.isArray(this._pendingFiles) ? this._pendingFiles : [];
|
||
}
|
||
getPendingIds() {
|
||
return Array.isArray(this._pendingIds) ? this._pendingIds : [];
|
||
}
|
||
getPendingDeletes() {
|
||
return Array.from(this._pendingDeletes || []);
|
||
}
|
||
getScanOrder() {
|
||
return Array.isArray(this._scanOrder) ? this._scanOrder.slice() : [];
|
||
}
|
||
_clearPendingPreviews() {
|
||
Array.isArray(this._pendingUrls) && this._pendingUrls.forEach((t) => URL.revokeObjectURL(t)), this._pendingUrls = [];
|
||
}
|
||
disconnectedCallback() {
|
||
this._clearPendingPreviews();
|
||
}
|
||
_wireDrag(t) {
|
||
if (!t || t.dataset.dragInit === "true")
|
||
return;
|
||
t.dataset.dragInit = "true";
|
||
let e = null;
|
||
t.addEventListener("dragstart", (i) => {
|
||
const n = i.target.closest("[data-role='content-images-item'], [data-role='content-images-pending']");
|
||
if (!n) {
|
||
i.preventDefault();
|
||
return;
|
||
}
|
||
e = n.dataset.scanKey || null, n.classList.add("opacity-60"), i.dataTransfer.effectAllowed = "move", i.dataTransfer.setData("text/plain", "move");
|
||
}), t.addEventListener("dragover", (i) => {
|
||
if (!e)
|
||
return;
|
||
i.preventDefault();
|
||
const n = i.target.closest("[data-role='content-images-item'], [data-role='content-images-pending']");
|
||
if (!n || n.dataset.scanKey === e)
|
||
return;
|
||
const r = n.getBoundingClientRect(), a = i.clientY - r.top < r.height / 2, o = t.querySelector(`[data-scan-key="${CSS.escape(e)}"]`);
|
||
o && (a ? n.before(o) : n.after(o));
|
||
}), t.addEventListener("dragend", () => {
|
||
const i = e ? t.querySelector(`[data-scan-key="${CSS.escape(e)}"]`) : null;
|
||
i && i.classList.remove("opacity-60"), e = null;
|
||
const n = [];
|
||
t.querySelectorAll("[data-role='content-images-item'], [data-role='content-images-pending']").forEach((r) => {
|
||
r.dataset.scanKey && n.push(r.dataset.scanKey);
|
||
}), this._scanOrder = n;
|
||
});
|
||
}
|
||
_ensureDialog() {
|
||
let t = this.querySelector(`[data-role='${_r}']`);
|
||
if (t)
|
||
return t;
|
||
t = document.createElement("dialog"), t.dataset.role = _r, t.className = [
|
||
"fixed",
|
||
"inset-0",
|
||
"m-auto",
|
||
"w-full",
|
||
"max-w-5xl",
|
||
"rounded-md",
|
||
"border",
|
||
"border-slate-200",
|
||
"bg-white",
|
||
"p-0",
|
||
"shadow-xl",
|
||
"backdrop:bg-black/60"
|
||
].join(" "), t.innerHTML = `
|
||
<div class="flex items-center justify-between border-b border-slate-200 px-4 py-3">
|
||
<div class="text-sm font-semibold text-gray-800">Digitalisat</div>
|
||
<button
|
||
type="button"
|
||
class="rounded-xs border border-slate-300 bg-stone-100 px-3 py-1 text-sm font-semibold text-gray-700 hover:bg-stone-200"
|
||
data-role="${vr}">
|
||
Schliessen
|
||
</button>
|
||
</div>
|
||
<div class="p-4">
|
||
<img data-role="${yr}" class="max-h-[75vh] w-full object-contain" alt="Digitalisat" />
|
||
</div>
|
||
`;
|
||
const e = t.querySelector(`[data-role='${vr}']`);
|
||
return e && e.addEventListener("click", () => {
|
||
t.close();
|
||
}), t.addEventListener("cancel", (i) => {
|
||
i.preventDefault(), t.close();
|
||
}), t.addEventListener("click", (i) => {
|
||
i.target === t && t.close();
|
||
}), this.appendChild(t), t;
|
||
}
|
||
_openDeleteDialog(t) {
|
||
const e = this._ensureDeleteDialog();
|
||
if (!e)
|
||
return;
|
||
e.dataset.endpoint = t.endpoint, e.dataset.contentId = t.contentId, e.dataset.csrfToken = t.csrfToken, e.dataset.fileName = t.fileName;
|
||
const i = e.querySelector(`[data-role='${Sr}']`);
|
||
i && (i.textContent = t.fileName), e.showModal ? e.showModal() : e.setAttribute("open", "true");
|
||
}
|
||
_ensureDeleteDialog() {
|
||
let t = this.querySelector(`[data-role='${Ar}']`);
|
||
if (t)
|
||
return t;
|
||
t = document.createElement("dialog"), t.dataset.role = Ar, t.className = [
|
||
"dbform",
|
||
"fixed",
|
||
"inset-0",
|
||
"m-auto",
|
||
"rounded-md",
|
||
"border",
|
||
"border-slate-200",
|
||
"p-0",
|
||
"shadow-xl",
|
||
"backdrop:bg-black/40"
|
||
].join(" "), t.innerHTML = `
|
||
<div class="p-5 w-[22rem]">
|
||
<div class="text-base font-bold text-gray-900">Digitalisat loeschen?</div>
|
||
<div class="text-sm font-bold text-gray-900 mt-1" data-role="${Sr}"></div>
|
||
<p class="text-sm text-gray-700 mt-2">
|
||
Das Digitalisat wird dauerhaft entfernt.
|
||
</p>
|
||
<div class="flex items-center justify-end gap-3 mt-4">
|
||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="${xr}">Abbrechen</button>
|
||
<button type="button" class="submitbutton w-auto bg-red-700 hover:bg-red-800 px-3 py-1 text-sm" data-role="${Er}">
|
||
Loeschen
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`;
|
||
const e = t.querySelector(`[data-role='${xr}']`), i = t.querySelector(`[data-role='${Er}']`), n = () => {
|
||
t.open && t.close();
|
||
};
|
||
return e && e.addEventListener("click", n), t.addEventListener("cancel", (r) => {
|
||
r.preventDefault(), n();
|
||
}), i && i.addEventListener("click", () => {
|
||
this._performDelete(t);
|
||
}), this.appendChild(t), t;
|
||
}
|
||
_performDelete(t) {
|
||
const e = t.dataset.endpoint || "", i = t.dataset.csrfToken || "", n = t.dataset.contentId || "", r = t.dataset.fileName || "";
|
||
if (!e || !i || !n || !r) {
|
||
t.close();
|
||
return;
|
||
}
|
||
const a = this.closest("[data-role='content-images-panel']");
|
||
if (window.htmx?.ajax && a) {
|
||
window.htmx.ajax("POST", e, {
|
||
target: a,
|
||
swap: "outerHTML",
|
||
values: {
|
||
csrf_token: i,
|
||
content_id: n,
|
||
scan: r
|
||
}
|
||
}), t.close();
|
||
return;
|
||
}
|
||
const o = new URLSearchParams();
|
||
o.set("csrf_token", i), o.set("content_id", n), o.set("scan", r), fetch(e, {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/x-www-form-urlencoded",
|
||
"HX-Request": "true"
|
||
},
|
||
body: o.toString()
|
||
}).then((l) => !l.ok || !a ? null : l.text()).then((l) => {
|
||
!l || !a || this._applyServerResponse(l, a);
|
||
}).catch(() => null).finally(() => {
|
||
t.close();
|
||
});
|
||
}
|
||
_applyServerResponse(t, e) {
|
||
const i = document.createElement("template");
|
||
i.innerHTML = t.trim(), Array.from(i.content.querySelectorAll("[hx-swap-oob]")).forEach((a) => {
|
||
const o = a.getAttribute("hx-swap-oob") || "", [l, c] = o.split(":"), u = l || "outerHTML", m = c ? document.querySelector(c) : a.id ? document.getElementById(a.id) : null;
|
||
m && (u === "innerHTML" ? m.innerHTML = a.innerHTML : m.outerHTML = a.outerHTML), a.remove();
|
||
});
|
||
const r = i.content.firstElementChild;
|
||
r && e.replaceWith(r);
|
||
}
|
||
}
|
||
const mc = "lookup-field", dn = "lf-input", Cr = "lf-list", gc = "lf-option", wr = "lf-hidden-input", Tr = "lf-clear-button", kr = "lf-link-button", Ir = "lf-warn-icon", Rr = "lf-dup-warning", Dr = 1, Or = 10, Br = 250;
|
||
class pc extends HTMLElement {
|
||
constructor() {
|
||
super(), this._endpoint = "", this._resultKey = "items", this._minChars = Dr, this._limit = Or, this._autocomplete = !0, this._placeholder = "", this._required = !1, this._multiline = !1, this._valueName = "", this._textName = "", this._valueFn = null, this._linkFn = null, this._validFn = null, this._dupEndpoint = "", this._dupResultKey = "", this._dupCurrentId = "", this._dupExact = !0, this._options = [], this._selected = null, this._highlightedIndex = -1, this._fetchTimeout = null, this._fetchController = null, this._dupTimeout = null, this._listVisible = !1, this._input = null, this._hiddenInput = null, this._list = null, this._clearButton = null, this._linkButton = null, this._warnIcon = null, this._dupWarning = null, this._boundHandleInput = this._handleInput.bind(this), this._boundHandleFocus = this._handleFocus.bind(this), this._boundHandleKeyDown = this._handleKeyDown.bind(this), this._boundHandleClear = this._handleClear.bind(this), this._boundHandleClickOutside = this._handleClickOutside.bind(this);
|
||
}
|
||
static get observedAttributes() {
|
||
return [
|
||
"name",
|
||
"value",
|
||
"placeholder",
|
||
"data-endpoint",
|
||
"data-result-key",
|
||
"data-minchars",
|
||
"data-limit",
|
||
"data-autocomplete",
|
||
"data-required",
|
||
"data-multiline",
|
||
"data-value-name",
|
||
"data-text-name",
|
||
"data-value-fn",
|
||
"data-link-fn",
|
||
"data-valid-fn",
|
||
"data-dup-endpoint",
|
||
"data-dup-result-key",
|
||
"data-dup-current-id",
|
||
"data-dup-exact",
|
||
"data-initial-id",
|
||
"data-initial-name",
|
||
"data-initial-musenalm-id"
|
||
];
|
||
}
|
||
connectedCallback() {
|
||
this._render(), this._bindElements(), this._syncFromAttributes(), this._applyInitialValue(), this._updateValidity(), this._maybeCheckDuplicates(this._input?.value || "");
|
||
}
|
||
disconnectedCallback() {
|
||
document.removeEventListener("click", this._boundHandleClickOutside), this._input && (this._input.removeEventListener("input", this._boundHandleInput), this._input.removeEventListener("focus", this._boundHandleFocus), this._input.removeEventListener("keydown", this._boundHandleKeyDown)), this._clearButton && this._clearButton.removeEventListener("click", this._boundHandleClear);
|
||
}
|
||
attributeChangedCallback(t, e, i) {
|
||
e !== i && this._input && (this._syncFromAttributes(), t === "value" && this._applyInitialValue());
|
||
}
|
||
_render() {
|
||
const t = this.getAttribute("data-multiline") === "true", e = this.hasAttribute("data-text-name"), i = e && this.getAttribute("data-text-name") || "", n = this.getAttribute("data-value-name") || "", r = this.getAttribute("placeholder") || "", a = this.getAttribute("id") ? `${this.getAttribute("id")}-input` : "", o = this.getAttribute("value") || "", c = this.getAttribute("data-no-enter") === "true" ? " no-enter" : "", u = this.getAttribute("name") || "", m = e ? i : u, p = m ? ` name="${m}"` : "", h = t ? `<textarea id="${a}" class="${dn} inputinput w-full${c}" rows="1" placeholder="${r}"${p}>${o}</textarea>` : `<input id="${a}" type="text" class="${dn} inputinput w-full${c}" placeholder="${r}" value="${o}"${p} />`, b = n ? `<input type="hidden" class="${wr}" name="${n}" value="" />` : "";
|
||
this.innerHTML = `
|
||
<div class="${mc} relative">
|
||
<div class="flex items-center gap-2">
|
||
${h.replace(/(class="[^"]*)"/, `$1" ${p}`)}
|
||
<a class="${kr} hidden text-sm text-gray-600 hover:text-gray-900 no-underline" aria-label="Auswahl öffnen" target="_blank" rel="noopener">
|
||
<i class="ri-external-link-line"></i>
|
||
</a>
|
||
<span class="${Ir} hidden text-red-700 text-lg" aria-hidden="true">
|
||
<i class="ri-error-warning-line"></i>
|
||
</span>
|
||
<button type="button" class="${Tr} text-sm text-gray-600 hover:text-gray-900" aria-label="Eingabe löschen">
|
||
<i class="ri-close-line"></i>
|
||
</button>
|
||
</div>
|
||
${b}
|
||
<div class="${Cr} absolute left-0 right-0 mt-1 border border-stone-200 rounded-xs bg-white shadow-sm z-10 hidden max-h-64 overflow-auto"></div>
|
||
<div class="${Rr} hidden text-sm text-blue-700 mt-1 flex items-center gap-2">
|
||
<i class="ri-information-line"></i>
|
||
<span data-role="dup-text"></span>
|
||
</div>
|
||
</div>
|
||
`;
|
||
}
|
||
_bindElements() {
|
||
this._input = this.querySelector(`.${dn}`), this._hiddenInput = this.querySelector(`.${wr}`), this._list = this.querySelector(`.${Cr}`), this._clearButton = this.querySelector(`.${Tr}`), this._linkButton = this.querySelector(`.${kr}`), this._warnIcon = this.querySelector(`.${Ir}`), this._dupWarning = this.querySelector(`.${Rr}`), this._input && (this._input.addEventListener("input", this._boundHandleInput), this._input.addEventListener("focus", this._boundHandleFocus), this._input.addEventListener("keydown", this._boundHandleKeyDown)), this._clearButton && this._clearButton.addEventListener("click", this._boundHandleClear), document.addEventListener("click", this._boundHandleClickOutside);
|
||
}
|
||
_syncFromAttributes() {
|
||
this._endpoint = this.getAttribute("data-endpoint") || "", this._resultKey = this.getAttribute("data-result-key") || "items", this._minChars = this._parsePositiveInt(this.getAttribute("data-minchars"), Dr), this._limit = this._parsePositiveInt(this.getAttribute("data-limit"), Or), this._autocomplete = this.getAttribute("data-autocomplete") !== "false", this._placeholder = this.getAttribute("placeholder") || "", this._required = this.getAttribute("data-required") === "true", this._multiline = this.getAttribute("data-multiline") === "true", this._valueName = this.getAttribute("data-value-name") || "", this._textName = this.hasAttribute("data-text-name") && this.getAttribute("data-text-name") || "", this._valueFn = this._getFn(this.getAttribute("data-value-fn")), this._linkFn = this._getFn(this.getAttribute("data-link-fn")), this._validFn = this._getFn(this.getAttribute("data-valid-fn")), this._dupEndpoint = this.getAttribute("data-dup-endpoint") || "", this._dupResultKey = this.getAttribute("data-dup-result-key") || "", this._dupCurrentId = this.getAttribute("data-dup-current-id") || "", this._dupExact = this.getAttribute("data-dup-exact") !== "false";
|
||
const t = this.getAttribute("data-initial-name") || "", e = this.getAttribute("data-initial-id") || "", i = this.getAttribute("data-initial-musenalm-id") || "";
|
||
e && t && !this._selected && (this._selected = { id: e, name: t, musenalm_id: i || void 0 }, this._syncHiddenInput(), this._input && !this._input.value && (this._input.value = t)), this._input && (this._input.placeholder = this._placeholder);
|
||
}
|
||
_getFn(t) {
|
||
if (!t)
|
||
return null;
|
||
const e = window[t];
|
||
return typeof e == "function" ? e : null;
|
||
}
|
||
_applyInitialValue() {
|
||
const t = this.getAttribute("value") || "";
|
||
this._input && t && !this._input.value && (this._input.value = t);
|
||
}
|
||
_handleInput(t) {
|
||
const e = t.target.value.trim();
|
||
if (this._selected = null, this._highlightedIndex = -1, this._syncHiddenInput(), this._updateValidity(), this._maybeCheckDuplicates(e), !!this._autocomplete) {
|
||
if (e.length < this._minChars) {
|
||
this._options = [], this._renderOptions(), this._hideList();
|
||
return;
|
||
}
|
||
this._debouncedFetch(e);
|
||
}
|
||
}
|
||
_handleFocus() {
|
||
this._options.length > 0 && this._showList();
|
||
}
|
||
_handleKeyDown(t) {
|
||
if (t.key === "Escape") {
|
||
this._hideList();
|
||
return;
|
||
}
|
||
if (t.key === "ArrowDown") {
|
||
t.preventDefault(), this._moveHighlight(1);
|
||
return;
|
||
}
|
||
if (t.key === "ArrowUp") {
|
||
t.preventDefault(), this._moveHighlight(-1);
|
||
return;
|
||
}
|
||
if (t.key === "Home") {
|
||
t.preventDefault(), this._setHighlight(0);
|
||
return;
|
||
}
|
||
if (t.key === "End") {
|
||
t.preventDefault(), this._setHighlight(this._options.length - 1);
|
||
return;
|
||
}
|
||
if (t.key === "Enter") {
|
||
if (this._options.length === 0)
|
||
return;
|
||
t.preventDefault();
|
||
const e = this._highlightedIndex >= 0 ? this._highlightedIndex : 0;
|
||
this._selectOption(this._options[e]);
|
||
}
|
||
}
|
||
_handleClear(t) {
|
||
t.preventDefault(), this._input && (this._input.value = ""), this._selected = null, this._options = [], this._syncHiddenInput(), this._updateValidity(), this._renderOptions(), this._hideList(), this._maybeCheckDuplicates(""), this.dispatchEvent(new CustomEvent("lfchange", { bubbles: !0, detail: { item: null } })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
|
||
}
|
||
_handleClickOutside(t) {
|
||
this.contains(t.target) || this._hideList();
|
||
}
|
||
_debouncedFetch(t) {
|
||
this._fetchTimeout && clearTimeout(this._fetchTimeout), this._fetchTimeout = setTimeout(() => {
|
||
this._fetchOptions(t);
|
||
}, Br);
|
||
}
|
||
async _fetchOptions(t) {
|
||
if (!this._endpoint)
|
||
return;
|
||
this._fetchController && this._fetchController.abort(), this._fetchController = new AbortController();
|
||
const e = new URL(this._endpoint, window.location.origin);
|
||
e.searchParams.set("q", t), this._limit > 0 && e.searchParams.set("limit", String(this._limit));
|
||
try {
|
||
const i = await fetch(e.toString(), { signal: this._fetchController.signal });
|
||
if (!i.ok)
|
||
return;
|
||
const n = await i.json(), r = Array.isArray(n?.[this._resultKey]) ? n[this._resultKey] : [];
|
||
this._options = r.filter((a) => a && a.id && a.name).map((a) => {
|
||
if ("musenalm_id" in a && a.musenalm_id)
|
||
return a;
|
||
const o = a.MusenalmID || a.musenalmId || a.musenalmID || "";
|
||
return o ? { ...a, musenalm_id: o } : a;
|
||
}), this._highlightedIndex = this._options.length > 0 ? 0 : -1, this._maybeAutoSelectExactMatch(t), this._renderOptions(), this._options.length > 0 ? this._options.length === 1 && this._isExactMatch(t, this._options[0]?.name || "") ? this._hideList() : this._showList() : this._hideList();
|
||
} catch (i) {
|
||
if (i?.name === "AbortError")
|
||
return;
|
||
}
|
||
}
|
||
_renderOptions() {
|
||
this._list && (this._list.innerHTML = "", this._options.forEach((t, e) => {
|
||
const i = document.createElement("button");
|
||
i.type = "button", i.setAttribute("data-index", String(e)), i.className = `${gc} w-full text-left px-3 py-2 hover:bg-slate-100 transition-colors`;
|
||
const n = e === this._highlightedIndex;
|
||
i.classList.toggle("bg-slate-100", n), i.setAttribute("aria-selected", n ? "true" : "false");
|
||
const r = document.createElement("div");
|
||
if (r.className = "text-sm font-semibold text-gray-800", r.textContent = t.name, i.appendChild(r), t.detail) {
|
||
const a = document.createElement("div");
|
||
a.className = "text-xs text-gray-600", a.textContent = t.detail, i.appendChild(a);
|
||
}
|
||
i.addEventListener("click", () => {
|
||
this._selectOption(t);
|
||
}), this._list.appendChild(i);
|
||
}));
|
||
}
|
||
_selectOption(t) {
|
||
this._selected = t, this._input && (this._input.value = t.name || ""), this._syncHiddenInput(), this._updateValidity(), this._hideList(), this.dispatchEvent(new CustomEvent("lfchange", { bubbles: !0, detail: { item: t } })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
|
||
}
|
||
_isExactMatch(t, e) {
|
||
const i = (t || "").trim().toLowerCase(), n = (e || "").trim().toLowerCase();
|
||
return i !== "" && i === n;
|
||
}
|
||
_maybeAutoSelectExactMatch(t) {
|
||
const e = this._options.find((n) => this._isExactMatch(t, n?.name || ""));
|
||
if (!e)
|
||
return;
|
||
const i = this._selected?.id || "";
|
||
this._selected = e, this._syncHiddenInput(), this._updateValidity(), e.id !== i && (this.dispatchEvent(new CustomEvent("lfchange", { bubbles: !0, detail: { item: e } })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
|
||
}
|
||
_setHighlight(t) {
|
||
if (this._options.length === 0) {
|
||
this._highlightedIndex = -1;
|
||
return;
|
||
}
|
||
const e = Math.max(0, Math.min(t, this._options.length - 1));
|
||
this._highlightedIndex = e, this._renderOptions(), this._scrollHighlightedIntoView(), this._showList();
|
||
}
|
||
_moveHighlight(t) {
|
||
if (this._options.length === 0) {
|
||
this._highlightedIndex = -1;
|
||
return;
|
||
}
|
||
const e = this._highlightedIndex >= 0 ? this._highlightedIndex : 0, i = Math.max(0, Math.min(e + t, this._options.length - 1));
|
||
this._highlightedIndex = i, this._renderOptions(), this._scrollHighlightedIntoView(), this._showList();
|
||
}
|
||
_scrollHighlightedIntoView() {
|
||
if (!this._list || this._highlightedIndex < 0)
|
||
return;
|
||
const t = this._list.querySelector(`[data-index="${this._highlightedIndex}"]`);
|
||
t && t.scrollIntoView({ block: "nearest" });
|
||
}
|
||
_syncHiddenInput() {
|
||
if (!this._hiddenInput)
|
||
return;
|
||
let t = "";
|
||
this._valueFn && this._selected ? t = String(this._valueFn({ item: this._selected, displayValue: this._input?.value || "" }) || "") : this._selected?.id && (t = this._selected.id), this._hiddenInput.value = t;
|
||
}
|
||
_updateValidity() {
|
||
const t = (this._input?.value || "").trim(), e = (this._hiddenInput?.value || "").trim();
|
||
let i = !0;
|
||
this._validFn ? i = !!this._validFn({ value: e || t, displayValue: t, hiddenValue: e, item: this._selected }) : this._required && (i = (e || t).length > 0);
|
||
const n = this._linkFn ? this._linkFn({ item: this._selected, value: e || t }) : "";
|
||
this._warnIcon && this._linkButton && (i ? n ? (this._warnIcon.classList.add("hidden"), this._linkButton.classList.remove("hidden"), this._linkButton.setAttribute("href", n)) : (this._warnIcon.classList.add("hidden"), this._linkButton.classList.add("hidden")) : (this._warnIcon.classList.remove("hidden"), this._linkButton.classList.add("hidden"))), this._clearButton && this._clearButton.classList.toggle("hidden", t.length === 0);
|
||
}
|
||
_maybeCheckDuplicates(t) {
|
||
!this._dupEndpoint || !this._dupResultKey || !this._dupWarning || (this._dupTimeout && clearTimeout(this._dupTimeout), this._dupTimeout = setTimeout(() => {
|
||
this._checkDuplicates(t);
|
||
}, Br));
|
||
}
|
||
async _checkDuplicates(t) {
|
||
if (!this._dupEndpoint || !this._dupResultKey || !this._dupWarning)
|
||
return;
|
||
const e = (t || "").trim();
|
||
if (!e) {
|
||
this._dupWarning.classList.add("hidden");
|
||
return;
|
||
}
|
||
try {
|
||
const i = new URL(this._dupEndpoint, window.location.origin);
|
||
i.searchParams.set("q", e), i.searchParams.set("limit", "100");
|
||
const n = await fetch(i.toString());
|
||
if (!n.ok)
|
||
return;
|
||
const a = (await n.json())[this._dupResultKey] || [];
|
||
let o = a;
|
||
this._dupCurrentId && (o = a.filter((c) => c.id !== this._dupCurrentId));
|
||
const l = this._dupExact ? o.filter((c) => c.name && c.name.toLowerCase() === e.toLowerCase()) : o;
|
||
if (l.length > 0) {
|
||
const c = this._dupWarning.querySelector("[data-role='dup-text']");
|
||
c && (c.textContent = `Der Name ist bereits vorhanden (${l.length} Treffer)`), this._dupWarning.classList.remove("hidden");
|
||
} else
|
||
this._dupWarning.classList.add("hidden");
|
||
} catch {
|
||
this._dupWarning.classList.add("hidden");
|
||
}
|
||
}
|
||
_parsePositiveInt(t, e) {
|
||
const i = parseInt(t || "", 10);
|
||
return Number.isNaN(i) || i <= 0 ? e : i;
|
||
}
|
||
_showList() {
|
||
this._list && (this._listVisible = !0, this._list.classList.remove("hidden"));
|
||
}
|
||
_hideList() {
|
||
this._list && (this._listVisible = !1, this._list.classList.add("hidden"));
|
||
}
|
||
}
|
||
document.addEventListener("trix-file-accept", (s) => {
|
||
s.preventDefault();
|
||
});
|
||
const fc = "filter-list", bc = "fab-menu", _c = "scroll-button", vc = "tool-tip", yc = "abbrev-tooltips", Ac = "int-link", Ec = "popup-image", xc = "tab-list", Sc = "filter-pill", Lc = "image-reel", Cc = "multi-select-places", wc = "multi-select-simple", Tc = "single-select-remote", Ta = "reset-button", kc = "div-manager", Ic = "items-editor", Rc = "almanach-edit-page", Dc = "relations-editor", Oc = "edit-page", Bc = "duplicate-warning-checker", Mc = "content-images", Nc = "lookup-field";
|
||
window.lookupSeriesValue = ({ item: s }) => s?.id || "";
|
||
window.lookupSeriesLink = ({ item: s }) => s?.musenalm_id ? `/reihe/${s.musenalm_id}` : "";
|
||
window.lookupRequiredText = ({ displayValue: s }) => !!(s || "").trim();
|
||
window.lookupRequiredId = ({ hiddenValue: s }) => !!(s || "").trim();
|
||
customElements.define(Ac, Wl);
|
||
customElements.define(yc, Se);
|
||
customElements.define(fc, $l);
|
||
customElements.define(_c, Ul);
|
||
customElements.define(vc, xt);
|
||
customElements.define(Ec, Vl);
|
||
customElements.define(xc, jl);
|
||
customElements.define(Sc, Fl);
|
||
customElements.define(Lc, zl);
|
||
customElements.define(Cc, ld);
|
||
customElements.define(wc, Ed);
|
||
customElements.define(Tc, Wd);
|
||
customElements.define(Ta, Ld);
|
||
customElements.define(kc, kd);
|
||
customElements.define(Ic, Fd);
|
||
customElements.define(Rc, zd);
|
||
customElements.define(Dc, nc);
|
||
customElements.define(Oc, sc);
|
||
customElements.define(bc, rc);
|
||
customElements.define(Bc, oc);
|
||
customElements.define(Mc, uc);
|
||
customElements.define(Nc, pc);
|
||
function Pc() {
|
||
const s = window.location.pathname, t = window.location.search, e = s + t;
|
||
return encodeURIComponent(e);
|
||
}
|
||
function Fc(s = 5e3, t = 100) {
|
||
return new Promise((e, i) => {
|
||
let n = 0;
|
||
const r = setInterval(() => {
|
||
typeof window.QRCode == "function" ? (clearInterval(r), e(window.QRCode)) : (n += t, n >= s && (clearInterval(r), console.error("Timed out waiting for QRCode to become available."), i(new Error("QRCode not available after " + s + "ms. Check if qrcode.min.js is loaded correctly and sets window.QRCode."))));
|
||
}, t);
|
||
});
|
||
}
|
||
async function Hc(s) {
|
||
const t = await Fc(), e = document.getElementById("qr");
|
||
e && (e.innerHTML = "", e.classList.add("hidden"), new t(e, {
|
||
text: s,
|
||
width: 1280,
|
||
height: 1280,
|
||
colorDark: "#000000",
|
||
colorLight: "#ffffff",
|
||
correctLevel: t.CorrectLevel.H
|
||
}), setTimeout(() => {
|
||
e.classList.remove("hidden");
|
||
}, 20));
|
||
}
|
||
function qc(s) {
|
||
s && (s.addEventListener("focus", (t) => {
|
||
t.preventDefault(), s.select();
|
||
}), s.addEventListener("mousedown", (t) => {
|
||
t.preventDefault(), s.select();
|
||
}), s.addEventListener("mouseup", (t) => {
|
||
t.preventDefault(), s.select();
|
||
})), s && (s.addEventListener("focus", () => {
|
||
s.select();
|
||
}), s.addEventListener("click", () => {
|
||
s.select();
|
||
}));
|
||
}
|
||
function $c() {
|
||
document.body.addEventListener("htmx:responseError", function(s) {
|
||
const t = s.detail.requestConfig;
|
||
if (t.boosted) {
|
||
document.body.innerHTML = s.detail.xhr.responseText;
|
||
const e = s.detail.xhr.responseURL || t.url;
|
||
window.history.pushState(null, "", e);
|
||
}
|
||
});
|
||
}
|
||
function Uc(s, t) {
|
||
if (!(s instanceof HTMLElement)) {
|
||
console.warn("Target must be an HTMLElement.");
|
||
return;
|
||
}
|
||
if (typeof t != "function") {
|
||
console.warn("Action must be a function.");
|
||
return;
|
||
}
|
||
const e = s.querySelectorAll(Ta);
|
||
s.addEventListener("rbichange", (i) => {
|
||
for (const n of e)
|
||
if (n.isCurrentlyModified()) {
|
||
t(i.details, !0);
|
||
return;
|
||
}
|
||
t(i.details, !1);
|
||
});
|
||
}
|
||
let Xt = null;
|
||
function ka() {
|
||
return Xt !== null || (typeof CSS < "u" && typeof CSS.supports == "function" ? Xt = CSS.supports("field-sizing", "content") : Xt = !1, console.log("Browser supports field-sizing:", Xt)), Xt;
|
||
}
|
||
function Nt(s) {
|
||
if (console.log("TextareaAutoResize called for:", s.name || s.id), !(s instanceof HTMLTextAreaElement)) {
|
||
console.log("Not a textarea element");
|
||
return;
|
||
}
|
||
if (s.dataset.noAutoresize === "true" || s.classList.contains("no-autoresize"))
|
||
return;
|
||
if (s.offsetParent === null) {
|
||
console.log("Textarea not visible");
|
||
return;
|
||
}
|
||
s.removeAttribute("rows"), s.style.overflow = "auto";
|
||
const e = s.name === "annotation" ? 76 : 38;
|
||
if (s.value.trim() === "") {
|
||
s.style.height = e + "px", console.log("Empty textarea, setting height to:", e + "px");
|
||
return;
|
||
}
|
||
s.style.height = "1px";
|
||
const i = s.scrollHeight, n = Math.max(i, e) + "px";
|
||
console.log("Setting height to:", n), s.style.height = n;
|
||
}
|
||
function Ia(s) {
|
||
s.key === "Enter" && s.preventDefault();
|
||
}
|
||
function Vc(s) {
|
||
if (!(s instanceof HTMLTextAreaElement)) {
|
||
console.warn("HookupTextareaAutoResize: Provided element is not a textarea.");
|
||
return;
|
||
}
|
||
s.dataset.noAutoresize === "true" || s.classList.contains("no-autoresize") || ka() || s.addEventListener("input", () => {
|
||
Nt(s);
|
||
});
|
||
}
|
||
function jc(s) {
|
||
if (!(s instanceof HTMLTextAreaElement)) {
|
||
console.warn("DisconnectTextareaAutoResize: Provided element is not a textarea.");
|
||
return;
|
||
}
|
||
s.removeEventListener("input", () => {
|
||
Nt(s);
|
||
});
|
||
}
|
||
function Wc(s) {
|
||
!(s instanceof HTMLTextAreaElement) && s.classList.contains("no-enter") || s.addEventListener("keydown", Ia);
|
||
}
|
||
function zc(s) {
|
||
!(s instanceof HTMLTextAreaElement) && s.classList.contains("no-enter") || s.removeEventListener("keydown", Ia);
|
||
}
|
||
function Kc() {
|
||
if (!window.htmx)
|
||
return;
|
||
const s = () => {
|
||
let h = document.getElementById("global-notice");
|
||
return h || (h = document.createElement("div"), h.id = "global-notice", h.className = "global-notice hidden", h.setAttribute("role", "status"), h.setAttribute("aria-live", "polite"), h.setAttribute("aria-atomic", "true"), h.dataset.state = "", h.innerHTML = `
|
||
<div class="global-notice-inner">
|
||
<i class="ri-loader-4-line spinning" aria-hidden="true"></i>
|
||
<span data-role="global-notice-text">Lädt</span>
|
||
</div>
|
||
`, document.body?.appendChild(h)), h;
|
||
};
|
||
let t = s(), e = t ? t.querySelector("[data-role='global-notice-text']") : null, i = 0, n = null, r = null;
|
||
const a = (h, b) => {
|
||
t = s(), t && !e && (e = t.querySelector("[data-role='global-notice-text']")), e && b && (e.textContent = b), t && h ? t.dataset.state = h : t && t.removeAttribute("data-state");
|
||
}, o = (h, b) => {
|
||
t = s(), t && (a(h, b), t.classList.remove("hidden"));
|
||
}, l = () => {
|
||
t = s(), t && (t.classList.add("hidden"), t.removeAttribute("data-state"));
|
||
}, c = (h) => {
|
||
const b = document.documentElement;
|
||
h ? (b && (b.dataset.htmxBusy = "true"), document.body && (document.body.dataset.htmxBusy = "true")) : (b && delete b.dataset.htmxBusy, document.body && delete document.body.dataset.htmxBusy);
|
||
}, u = (h, b) => {
|
||
!h || !(h instanceof HTMLElement) || (b ? (h.dataset.htmxBusy = "true", h.setAttribute("aria-busy", "true"), h instanceof HTMLButtonElement && !h.disabled && (h.dataset.htmxDisabled = "true", h.disabled = !0)) : h.dataset.htmxBusy === "true" && (delete h.dataset.htmxBusy, h.removeAttribute("aria-busy"), h instanceof HTMLButtonElement && h.dataset.htmxDisabled === "true" && (h.disabled = !1, delete h.dataset.htmxDisabled)));
|
||
}, m = () => {
|
||
n && (clearTimeout(n), n = null);
|
||
}, p = () => {
|
||
r && (clearTimeout(r), r = null);
|
||
};
|
||
document.addEventListener("htmx:beforeRequest", (h) => {
|
||
i += 1, m(), p(), c(!0), o("loading", "Lädt"), u(h.detail?.elt, !0);
|
||
}), document.addEventListener("htmx:afterRequest", (h) => {
|
||
u(h.detail?.elt, !1), i = Math.max(0, i - 1), i === 0 && (c(!1), t.dataset.state !== "error" && (p(), r = setTimeout(() => {
|
||
r = null, i === 0 && t.dataset.state !== "error" && l();
|
||
}, 250)));
|
||
}), document.addEventListener("htmx:responseError", () => {
|
||
c(!1), o("error", "Laden fehlgeschlagen."), m(), p(), n = setTimeout(() => {
|
||
i === 0 ? l() : o("loading", "Lädt");
|
||
}, 2e3);
|
||
}), document.addEventListener("htmx:sendError", () => {
|
||
c(!1), o("error", "Verbindung fehlgeschlagen."), m(), p(), n = setTimeout(() => {
|
||
i === 0 ? l() : o("loading", "Lädt");
|
||
}, 2e3);
|
||
}), document.addEventListener("htmx:afterSwap", () => {
|
||
t = s(), t && !e && (e = t.querySelector("[data-role='global-notice-text']"));
|
||
});
|
||
}
|
||
function Gc(s, t) {
|
||
const e = !ka();
|
||
for (const i of s)
|
||
if (i.type === "childList") {
|
||
for (const n of i.addedNodes)
|
||
n.nodeType === Node.ELEMENT_NODE && n.matches("textarea") && e && (Vc(n), Nt(n));
|
||
for (const n of i.removedNodes)
|
||
n.nodeType === Node.ELEMENT_NODE && n.matches("textarea") && (zc(n), e && jc(n));
|
||
}
|
||
}
|
||
function Jc(s) {
|
||
if (console.log("=== FormLoad CALLED ==="), !(s instanceof HTMLFormElement)) {
|
||
console.warn("FormLoad: Provided element is not a form.");
|
||
return;
|
||
}
|
||
const t = document.querySelectorAll("textarea");
|
||
console.log("Found", t.length, "textareas");
|
||
for (const a of t)
|
||
a.dataset.noAutoresize === "true" || a.classList.contains("no-autoresize") || (console.log("Attaching input listener to:", a.name || a.id), a.addEventListener("input", function() {
|
||
console.log("Input event on textarea:", this.name || this.id), Nt(this);
|
||
}));
|
||
setTimeout(() => {
|
||
console.log("Running initial textarea resize on", t.length, "textareas");
|
||
for (const a of t)
|
||
a.dataset.noAutoresize === "true" || a.classList.contains("no-autoresize") || Nt(a);
|
||
}, 200);
|
||
const e = document.querySelectorAll("textarea.no-enter");
|
||
for (const a of e)
|
||
Wc(a);
|
||
new MutationObserver(Gc).observe(s, {
|
||
childList: !0,
|
||
subtree: !0
|
||
}), new MutationObserver((a) => {
|
||
for (const o of a)
|
||
if (o.type === "attributes" && o.attributeName === "class") {
|
||
const l = o.target;
|
||
if (l instanceof HTMLElement) {
|
||
const c = l.matches("textarea") ? [l] : Array.from(l.querySelectorAll("textarea"));
|
||
for (const u of c)
|
||
u.dataset.noAutoresize === "true" || u.classList.contains("no-autoresize") || u.offsetParent !== null && Nt(u);
|
||
}
|
||
}
|
||
}).observe(s, {
|
||
attributes: !0,
|
||
attributeFilter: ["class"],
|
||
subtree: !0
|
||
}), s.querySelectorAll('input[type="checkbox"][data-boolean-checkbox]').forEach((a) => {
|
||
a.value = "true";
|
||
const o = () => {
|
||
const l = s.querySelector(`input[type="hidden"][name="${a.name}"]`);
|
||
if (l && l.remove(), !a.checked) {
|
||
const c = document.createElement("input");
|
||
c.type = "hidden", c.name = a.name, c.value = "false", a.parentNode.insertBefore(c, a);
|
||
}
|
||
};
|
||
o(), a.addEventListener("change", o);
|
||
});
|
||
}
|
||
function xn() {
|
||
if (xn._initialized)
|
||
return;
|
||
xn._initialized = !0;
|
||
const s = () => {
|
||
const t = document.querySelectorAll(".form-action-bar");
|
||
if (!t.length)
|
||
return;
|
||
const e = window.innerHeight || document.documentElement.clientHeight;
|
||
t.forEach((i) => {
|
||
const r = i.getBoundingClientRect().bottom >= e - 1;
|
||
i.classList.toggle("is-stuck", r);
|
||
});
|
||
};
|
||
s(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s), document.addEventListener("htmx:afterSwap", s);
|
||
}
|
||
function Ra() {
|
||
const t = (n) => {
|
||
!n || n.classList.contains("hidden") || n.classList.contains("is-hidden") || (requestAnimationFrame(() => {
|
||
n.classList.add("is-hiding");
|
||
}), setTimeout(() => {
|
||
n.classList.add("is-hidden"), n.classList.remove("is-hiding"), delete n.dataset.autohideScheduled;
|
||
}, 320));
|
||
}, e = (n) => {
|
||
(n || document).querySelectorAll("[data-autohide='true']").forEach((a) => {
|
||
a.dataset.autohideScheduled !== "true" && (a.dataset.autohideScheduled = "true", setTimeout(() => t(a), 2e3));
|
||
});
|
||
};
|
||
e(document), document.addEventListener("htmx:afterSwap", (n) => {
|
||
e(n.target);
|
||
}), new MutationObserver((n) => {
|
||
for (const r of n)
|
||
for (const a of r.addedNodes)
|
||
a.nodeType === Node.ELEMENT_NODE && e(a);
|
||
}).observe(document.body, { childList: !0, subtree: !0 });
|
||
}
|
||
document.addEventListener("keydown", (s) => {
|
||
if (s.key !== "Enter")
|
||
return;
|
||
const t = s.target;
|
||
t instanceof HTMLElement && t.matches("textarea.no-enter") && s.preventDefault();
|
||
});
|
||
window.ShowBoostedErrors = $c;
|
||
window.GenQRCode = Hc;
|
||
window.SelectableInput = qc;
|
||
window.PathPlusQuery = Pc;
|
||
window.HookupRBChange = Uc;
|
||
window.FormLoad = Jc;
|
||
window.TextareaAutoResize = Nt;
|
||
window.InitTimedMessages = Ra;
|
||
Kc();
|
||
xn();
|
||
Ra();
|
||
export {
|
||
Se as AbbreviationTooltips,
|
||
zd as AlmanachEditPage,
|
||
sc as EditPage,
|
||
rc as FabMenu,
|
||
$l as FilterList,
|
||
Fl as FilterPill,
|
||
zl as ImageReel,
|
||
Wl as IntLink,
|
||
Fd as ItemsEditor,
|
||
pc as LookupField,
|
||
ld as MultiSelectRole,
|
||
Ed as MultiSelectSimple,
|
||
Vl as PopupImage,
|
||
nc as RelationsEditor,
|
||
Ul as ScrollButton,
|
||
Wd as SingleSelectRemote,
|
||
jl as TabList,
|
||
xt as ToolTip
|
||
};
|