@mlightcad/cad-pdf-plugin 1.8.0-preview.2 → 1.8.0-preview.4

package/lib/ui/AcUiPdfTextPanel.js

@@ -0,0 +1,775 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { acedApplyUiTheme, acedSubscribeUiTheme, resolveUiTheme } from '@mlightcad/cad-simple-viewer';
+import { acapPdfT } from '../acapPdfI18n';
+var STYLE_ID = 'ml-pdftext-panel-styles';
+var NEW_STYLE_VALUE = '\u0000new';
+/**
+ * `pdftext` review panel shown in the palette: one text style section per
+ * font kind (style, font, big font, height scale, width factor) and the list
+ * of recovered lines with editable text. All state lives in the
+ * {@link AcApPdfTextSession}; the panel only renders it and reports changes.
+ */
+var AcUiPdfTextPanel = /** @class */ (function () {
+    function AcUiPdfTextPanel(options) {
+        var _this = this;
+        this.rowEls = [];
+        /** Rows selected for merging (Ctrl/Shift+click). */
+        this.selected = new Set();
+        /**
+         * Collapsed style groups. Default collapsed so the line list gets the space;
+         * opening "New text style…" expands that group.
+         */
+        this.collapsed = new Set(['shx', 'mesh']);
+        ensureStyles();
+        this.options = options;
+        this.session = options.session;
+        this.fontOptions = buildFontOptions(options.fonts);
+        this.element = h('div', 'ml-pdftext-panel');
+        var applyTheme = function () {
+            return acedApplyUiTheme(resolveUiTheme(_this.element.parentElement), _this.element);
+        };
+        applyTheme();
+        this.unsubscribeTheme = acedSubscribeUiTheme(applyTheme);
+        this.settingsEl = h('div', 'ml-pdftext-settings');
+        var linesTitle = h('div', 'ml-pdftext-section-title', t('lines'));
+        var toolbar = h('div', 'ml-pdftext-toolbar');
+        this.mergeButton = button(t('merge'), 'secondary', function () {
+            return _this.mergeSelected();
+        });
+        this.mergeButton.title = t('mergeTip');
+        this.splitButton = button(t('split'), 'secondary', function () {
+            return _this.splitSelected();
+        });
+        this.splitButton.title = t('splitTip');
+        var adjacent = button(t('mergeAdjacent'), 'secondary', function () {
+            return _this.mergeAdjacent();
+        });
+        adjacent.title = t('mergeAdjacentTip');
+        this.mergeInfo = h('span', 'ml-pdftext-hint');
+        toolbar.append(this.mergeButton, this.splitButton, adjacent, this.mergeInfo);
+        var selectHint = h('div', 'ml-pdftext-hint', t('selectHint'));
+        this.listEl = h('div', 'ml-pdftext-lines');
+        this.listEl.setAttribute('role', 'list');
+        var footer = h('div', 'ml-pdftext-footer');
+        var hide = checkbox(t('hideStrokes'), false, function (checked) {
+            return _this.options.onHideStrokes(checked);
+        });
+        this.counterEl = h('span', 'ml-pdftext-counter');
+        var buttons = h('div', 'ml-pdftext-buttons');
+        var cancel = button(t('cancel'), 'secondary', function () {
+            return _this.options.onClose(false);
+        });
+        this.applyButton = button(t('apply'), 'primary', function () {
+            return _this.options.onClose(true);
+        });
+        buttons.append(cancel, this.applyButton);
+        footer.append(hide, this.counterEl, buttons);
+        this.element.append(this.settingsEl, linesTitle, toolbar, selectHint, this.listEl, footer);
+        this.renderSettings();
+        this.renderRows();
+        this.updateCounter();
+    }
+    /** Focuses the first line that still needs text, if any. */
+    AcUiPdfTextPanel.prototype.focusFirstUnread = function () {
+        var index = this.session.rows.findIndex(function (row) { return row.source === 'unread'; });
+        this.focusRow(index >= 0 ? index : 0);
+    };
+    /** Redraws a line row from the session (e.g. text filled from glyphs). */
+    AcUiPdfTextPanel.prototype.refreshRow = function (index) {
+        var el = this.rowEls[index];
+        if (!el)
+            return;
+        var row = this.session.rows[index];
+        var input = el.querySelector('.ml-pdftext-text');
+        if (input && input.value !== row.text)
+            input.value = row.text;
+        var include = el.querySelector('.ml-pdftext-include');
+        if (include)
+            include.checked = row.included;
+        this.fillRow(el, row);
+    };
+    /** Removes listeners. The element is removed by the palette host. */
+    AcUiPdfTextPanel.prototype.destroy = function () {
+        this.unsubscribeTheme();
+        this.element.remove();
+    };
+    AcUiPdfTextPanel.prototype.changed = function (settings) {
+        if (settings === void 0) { settings = false; }
+        if (settings)
+            this.renderSettings();
+        this.updateCounter();
+        this.options.onChange();
+    };
+    // ---------------------------------------------------------------- settings
+    AcUiPdfTextPanel.prototype.renderSettings = function () {
+        var _a;
+        var _this = this;
+        (_a = this.settingsEl).replaceChildren.apply(_a, __spreadArray([], __read(this.session.kinds.map(function (kind) { return _this.renderKind(kind); })), false));
+    };
+    AcUiPdfTextPanel.prototype.renderKind = function (kind) {
+        var e_1, _a, e_2, _b, e_3, _c, e_4, _d;
+        var _this = this;
+        var _e, _f;
+        var session = this.session;
+        var choice = session.choice(kind);
+        // Naming a new style forces the group open so the name field is visible.
+        if (((_e = this.naming) === null || _e === void 0 ? void 0 : _e.kind) === kind)
+            this.collapsed.delete(kind);
+        var isCollapsed = this.collapsed.has(kind);
+        var section = h('div', 'ml-pdftext-section');
+        if (isCollapsed)
+            section.classList.add('is-collapsed');
+        var header = h('button', 'ml-pdftext-section-header');
+        header.type = 'button';
+        header.setAttribute('aria-expanded', String(!isCollapsed));
+        var chevron = h('span', 'ml-pdftext-chevron', isCollapsed ? '▶' : '▼');
+        chevron.setAttribute('aria-hidden', 'true');
+        var title = h('span', 'ml-pdftext-section-title', t(kind === 'shx' ? 'shxGroup' : 'meshGroup'));
+        var summary = h('span', 'ml-pdftext-section-summary', choice.styleName
+            ? "".concat(choice.styleName).concat(choice.font ? " \u00B7 ".concat(choice.font) : '')
+            : '');
+        header.append(chevron, title, summary);
+        header.addEventListener('click', function () {
+            if (_this.collapsed.has(kind))
+                _this.collapsed.delete(kind);
+            else
+                _this.collapsed.add(kind);
+            _this.renderSettings();
+        });
+        section.append(header);
+        var body = h('div', 'ml-pdftext-section-body');
+        if (isCollapsed) {
+            body.hidden = true;
+            section.append(body);
+            return section;
+        }
+        // Text style: existing styles, the pending new one, "New text style…".
+        var styleSelect = h('select', 'ml-pdftext-input');
+        var names = session.styleNames();
+        if (choice.isNew) {
+            styleSelect.append(option(choice.styleName, "".concat(choice.styleName, " (").concat(t('newTag'), ")")));
+        }
+        try {
+            for (var names_1 = __values(names), names_1_1 = names_1.next(); !names_1_1.done; names_1_1 = names_1.next()) {
+                var name_1 = names_1_1.value;
+                styleSelect.append(option(name_1, name_1));
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (names_1_1 && !names_1_1.done && (_a = names_1.return)) _a.call(names_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        styleSelect.append(option(NEW_STYLE_VALUE, t('newStyle')));
+        styleSelect.value = choice.styleName;
+        styleSelect.addEventListener('change', function () {
+            var _a;
+            if (styleSelect.value === NEW_STYLE_VALUE) {
+                _this.naming = { kind: kind };
+                _this.collapsed.delete(kind);
+                _this.renderSettings();
+                (_a = _this.settingsEl
+                    .querySelector('.ml-pdftext-new-name')) === null || _a === void 0 ? void 0 : _a.focus();
+                return;
+            }
+            session.selectStyle(kind, styleSelect.value);
+            _this.naming = undefined;
+            _this.changed(true);
+        });
+        body.append(field(t('style'), styleSelect));
+        if (((_f = this.naming) === null || _f === void 0 ? void 0 : _f.kind) === kind)
+            body.append(this.renderNaming(kind));
+        // Font and big font.
+        var fontSelect = h('select', 'ml-pdftext-input');
+        var known = this.fontOptions.some(function (item) {
+            return sameName(item.value, choice.font);
+        });
+        if (!known && choice.font) {
+            fontSelect.append(option(choice.font, choice.font));
+        }
+        var _loop_1 = function (type, label) {
+            var e_5, _p;
+            var items = this_1.fontOptions.filter(function (item) { return item.type === type; });
+            if (items.length === 0)
+                return "continue";
+            var group = document.createElement('optgroup');
+            group.label = label;
+            try {
+                for (var items_1 = (e_5 = void 0, __values(items)), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
+                    var item = items_1_1.value;
+                    group.append(option(item.value, item.label));
+                }
+            }
+            catch (e_5_1) { e_5 = { error: e_5_1 }; }
+            finally {
+                try {
+                    if (items_1_1 && !items_1_1.done && (_p = items_1.return)) _p.call(items_1);
+                }
+                finally { if (e_5) throw e_5.error; }
+            }
+            fontSelect.append(group);
+        };
+        var this_1 = this;
+        try {
+            for (var _g = __values([
+                ['shx', t('shxFonts')],
+                ['mesh', t('ttfFonts')]
+            ]), _h = _g.next(); !_h.done; _h = _g.next()) {
+                var _j = __read(_h.value, 2), type = _j[0], label = _j[1];
+                _loop_1(type, label);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        fontSelect.value = matchValue(fontSelect, choice.font);
+        fontSelect.addEventListener('change', function () {
+            session.setFont(kind, fontSelect.value);
+            _this.changed(true);
+        });
+        body.append(field(t('font'), fontSelect));
+        var fontType = this.fontType(choice.font);
+        var bigSelect = h('select', 'ml-pdftext-input');
+        bigSelect.append(option('', t('noBigFont')));
+        if (choice.bigFont &&
+            !this.fontOptions.some(function (item) { return sameName(item.value, choice.bigFont); })) {
+            bigSelect.append(option(choice.bigFont, choice.bigFont));
+        }
+        try {
+            for (var _k = __values(this.fontOptions), _l = _k.next(); !_l.done; _l = _k.next()) {
+                var item = _l.value;
+                if (item.type === 'shx')
+                    bigSelect.append(option(item.value, item.label));
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_l && !_l.done && (_c = _k.return)) _c.call(_k);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        bigSelect.value = matchValue(bigSelect, choice.bigFont);
+        bigSelect.disabled = fontType === 'mesh';
+        bigSelect.addEventListener('change', function () {
+            session.setBigFont(kind, bigSelect.value);
+            _this.changed(true);
+        });
+        body.append(field(t('bigFont'), bigSelect));
+        // Which fonts will draw the text, and warnings.
+        var fonts = [choice.font, choice.bigFont].filter(Boolean).join(' + ');
+        body.append(h('div', 'ml-pdftext-hint', t('fontsUsed', { fonts: fonts })));
+        try {
+            for (var _m = __values([choice.font, choice.bigFont]), _o = _m.next(); !_o.done; _o = _m.next()) {
+                var font = _o.value;
+                if (!font || this.fontType(font))
+                    continue;
+                var fallback = this.options.replacementFont(font);
+                body.append(h('div', 'ml-pdftext-warning', t('fontMissing', { font: font, fallback: fallback || '-' })));
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (_o && !_o.done && (_d = _m.return)) _d.call(_m);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        if (fontType && fontType !== kind) {
+            body.append(h('div', 'ml-pdftext-warning', t(kind === 'shx' ? 'fontNotShx' : 'fontNotTtf')));
+        }
+        if (session.changesExistingStyle(kind)) {
+            body.append(h('div', 'ml-pdftext-warning', t('styleChanges', { style: choice.styleName })));
+        }
+        // Size.
+        var sizeRow = h('div', 'ml-pdftext-size');
+        var height = numberInput(choice.heightScale, 0.01, function (value) {
+            session.setSize(kind, { heightScale: value });
+            _this.changed();
+        });
+        sizeRow.append(field(t('heightScale'), height));
+        var width = numberInput(choice.widthFactor, 0.01, function (value) {
+            session.setSize(kind, { widthFactor: value });
+            _this.changed();
+        });
+        width.disabled = choice.autoWidth;
+        var auto = checkbox(t('autoWidth'), choice.autoWidth, function (checked) {
+            session.setSize(kind, { autoWidth: checked });
+            _this.changed(true);
+        });
+        var widthField = field(t('widthFactor'), width);
+        widthField.append(auto);
+        sizeRow.append(widthField);
+        body.append(sizeRow);
+        section.append(body);
+        return section;
+    };
+    AcUiPdfTextPanel.prototype.renderNaming = function (kind) {
+        var _this = this;
+        var _a;
+        var wrap = h('div', 'ml-pdftext-naming');
+        var input = h('input', 'ml-pdftext-input ml-pdftext-new-name');
+        input.type = 'text';
+        input.placeholder = t('newStyleName');
+        var create = function () {
+            var error = _this.session.newStyle(kind, input.value);
+            if (error) {
+                _this.naming = { kind: kind, error: error };
+                var message = wrap.querySelector('.ml-pdftext-warning');
+                if (message)
+                    message.textContent = t("nameError.".concat(error));
+                else
+                    wrap.append(h('div', 'ml-pdftext-warning', t("nameError.".concat(error))));
+                return;
+            }
+            _this.naming = undefined;
+            _this.changed(true);
+        };
+        input.addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                create();
+            }
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                _this.naming = undefined;
+                _this.renderSettings();
+            }
+        });
+        var row = h('div', 'ml-pdftext-naming-row');
+        row.append(input, button(t('create'), 'primary', create), button(t('cancel'), 'secondary', function () {
+            _this.naming = undefined;
+            _this.renderSettings();
+        }));
+        wrap.append(row);
+        if ((_a = this.naming) === null || _a === void 0 ? void 0 : _a.error) {
+            wrap.append(h('div', 'ml-pdftext-warning', t("nameError.".concat(this.naming.error))));
+        }
+        return wrap;
+    };
+    AcUiPdfTextPanel.prototype.fontType = function (font) {
+        var _a;
+        return (_a = this.fontOptions.find(function (item) { return sameName(item.value, font); })) === null || _a === void 0 ? void 0 : _a.type;
+    };
+    // ------------------------------------------------------------------- lines
+    /** Rebuilds the list (after a merge or split the rows change). */
+    AcUiPdfTextPanel.prototype.renderRows = function () {
+        var e_6, _a, e_7, _b;
+        this.rowEls.length = 0;
+        this.listEl.replaceChildren();
+        var order = this.session.rows
+            .map(function (row, index) { return ({ row: row, index: index }); })
+            // Lines nothing could read come first: they need the user.
+            .sort(function (a, b) {
+            return Number(b.row.source === 'unread') - Number(a.row.source === 'unread');
+        });
+        try {
+            for (var order_1 = __values(order), order_1_1 = order_1.next(); !order_1_1.done; order_1_1 = order_1.next()) {
+                var index = order_1_1.value.index;
+                var el = this.renderRow(index);
+                this.rowEls[index] = el;
+                this.listEl.append(el);
+            }
+        }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        finally {
+            try {
+                if (order_1_1 && !order_1_1.done && (_a = order_1.return)) _a.call(order_1);
+            }
+            finally { if (e_6) throw e_6.error; }
+        }
+        try {
+            // Rows that no longer exist cannot stay selected.
+            for (var _c = __values(__spreadArray([], __read(this.selected), false)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var row = _d.value;
+                if (!this.session.rows.includes(row))
+                    this.selected.delete(row);
+            }
+        }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+            }
+            finally { if (e_7) throw e_7.error; }
+        }
+        this.updateSelection();
+    };
+    AcUiPdfTextPanel.prototype.renderRow = function (index) {
+        var _this = this;
+        var _a, _b;
+        var row = this.session.rows[index];
+        var el = h('div', 'ml-pdftext-row');
+        el.setAttribute('role', 'listitem');
+        el.dataset.index = String(index);
+        // Ctrl/Shift+click selects rows (to merge them) instead of editing.
+        el.addEventListener('mousedown', function (event) {
+            if (!(event.ctrlKey || event.metaKey || event.shiftKey))
+                return;
+            var target = event.target;
+            if (target.closest('.ml-pdftext-include, .ml-pdftext-kind'))
+                return;
+            event.preventDefault();
+            _this.selectRow(_this.session.rows[index], event.shiftKey ? 'range' : 'toggle');
+        });
+        var include = h('input', 'ml-pdftext-include');
+        include.type = 'checkbox';
+        include.title = t('include');
+        include.checked = row.included;
+        include.addEventListener('change', function () {
+            _this.session.setIncluded(index, include.checked);
+            _this.updateRow(index);
+            _this.changed();
+        });
+        // A block of several lines is edited in a text area, one line per row.
+        var paragraphs = (_b = (_a = row.merge) === null || _a === void 0 ? void 0 : _a.paragraphs.length) !== null && _b !== void 0 ? _b : 1;
+        var multiline = paragraphs > 1 || row.text.includes('\n');
+        var input = multiline
+            ? h('textarea', 'ml-pdftext-input ml-pdftext-text')
+            : h('input', 'ml-pdftext-input ml-pdftext-text');
+        if (input instanceof HTMLInputElement)
+            input.type = 'text';
+        else
+            input.rows = Math.max(2, row.text.split('\n').length);
+        input.value = row.text;
+        input.placeholder = t('textPlaceholder');
+        input.addEventListener('focus', function () {
+            if (!_this.selected.has(_this.session.rows[index])) {
+                _this.selectRow(_this.session.rows[index], 'single');
+            }
+            _this.options.onFocusRows(__spreadArray([], __read(_this.selected), false), true);
+        });
+        var edited = false;
+        var commit = function () {
+            if (!edited)
+                return;
+            edited = false;
+            var changed = _this.options.onCommitRow(index);
+            if (changed.length === 0)
+                return;
+            changed.forEach(function (other) { return _this.refreshRow(other); });
+            _this.changed();
+        };
+        input.addEventListener('input', function () {
+            edited = true;
+            _this.session.setText(index, input.value);
+            include.checked = _this.session.rows[index].included;
+            _this.updateRow(index);
+            _this.changed();
+        });
+        input.addEventListener('blur', commit);
+        input.addEventListener('keydown', function (event) {
+            var key = event.key;
+            // In a text area Enter starts a new line; Ctrl+Enter moves on.
+            if (key !== 'Enter')
+                return;
+            if (multiline && !event.ctrlKey)
+                return;
+            event.preventDefault();
+            commit();
+            _this.focusNext(index);
+        });
+        var tags = h('span', 'ml-pdftext-tags');
+        var badge = h('span', 'ml-pdftext-badge');
+        tags.append(badge);
+        if (row.merge)
+            tags.append(h('span', 'ml-pdftext-mtext', t('mtextTag')));
+        var kind = h('button', 'ml-pdftext-kind');
+        kind.type = 'button';
+        kind.title = t('switchKind');
+        kind.addEventListener('click', function () {
+            var current = _this.session.rows[index].kind;
+            _this.session.setKind(index, current === 'shx' ? 'mesh' : 'shx');
+            _this.updateRow(index);
+            _this.changed(true);
+        });
+        el.append(include, input, tags, kind);
+        this.fillRow(el, row);
+        return el;
+    };
+    AcUiPdfTextPanel.prototype.updateRow = function (index) {
+        var el = this.rowEls[index];
+        if (el)
+            this.fillRow(el, this.session.rows[index]);
+    };
+    AcUiPdfTextPanel.prototype.fillRow = function (el, row) {
+        el.dataset.source = row.source;
+        el.classList.toggle('is-skipped', !row.included || !row.text.trim());
+        var badge = el.querySelector('.ml-pdftext-badge');
+        if (badge)
+            badge.textContent = t("source.".concat(row.source));
+        var kind = el.querySelector('.ml-pdftext-kind');
+        if (kind)
+            kind.textContent = t("kind.".concat(row.kind));
+    };
+    AcUiPdfTextPanel.prototype.focusRow = function (index) {
+        var _a, _b;
+        (_b = (_a = this.rowEls[index]) === null || _a === void 0 ? void 0 : _a.querySelector('.ml-pdftext-text')) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    /** Enter: next unread line, else the next line in the list. */
+    AcUiPdfTextPanel.prototype.focusNext = function (index) {
+        var _a, _b;
+        var els = Array.from(this.listEl.children);
+        var position = els.findIndex(function (el) { return el.dataset.index === String(index); });
+        var after = __spreadArray(__spreadArray([], __read(els.slice(position + 1)), false), __read(els.slice(0, position)), false);
+        var target = (_b = (_a = after.find(function (el) { return el.dataset.source === 'unread'; })) !== null && _a !== void 0 ? _a : after[0]) !== null && _b !== void 0 ? _b : undefined;
+        if (target)
+            this.focusRow(Number(target.dataset.index));
+    };
+    // --------------------------------------------------------------- selection
+    /**
+     * Changes the selected rows: `single` selects only `row`, `toggle` adds or
+     * removes it (Ctrl+click), `range` selects from the last clicked row to
+     * `row` in list order (Shift+click).
+     */
+    AcUiPdfTextPanel.prototype.selectRow = function (row, mode) {
+        var _this = this;
+        if (mode === 'range' &&
+            this.anchor &&
+            this.session.rows.includes(this.anchor)) {
+            var order = Array.from(this.listEl.children).map(function (el) { return _this.session.rows[Number(el.dataset.index)]; });
+            var a = order.indexOf(this.anchor);
+            var b = order.indexOf(row);
+            this.selected.clear();
+            for (var i = Math.min(a, b); i <= Math.max(a, b); i++) {
+                this.selected.add(order[i]);
+            }
+        }
+        else if (mode === 'toggle') {
+            if (this.selected.has(row))
+                this.selected.delete(row);
+            else
+                this.selected.add(row);
+            this.anchor = row;
+        }
+        else {
+            this.selected.clear();
+            this.selected.add(row);
+            this.anchor = row;
+        }
+        this.updateSelection();
+        if (mode !== 'single')
+            this.options.onFocusRows(__spreadArray([], __read(this.selected), false), false);
+    };
+    AcUiPdfTextPanel.prototype.updateSelection = function () {
+        var _this = this;
+        this.rowEls.forEach(function (el, i) {
+            return el === null || el === void 0 ? void 0 : el.classList.toggle('is-selected', _this.selected.has(_this.session.rows[i]));
+        });
+        var rows = __spreadArray([], __read(this.selected), false);
+        this.mergeButton.disabled = rows.length < 2;
+        this.splitButton.disabled = !rows.some(function (row) { return row.merge; });
+    };
+    /** Merges the selected rows into one MTEXT row. */
+    AcUiPdfTextPanel.prototype.mergeSelected = function () {
+        var _this = this;
+        var indexes = __spreadArray([], __read(this.selected), false).map(function (row) {
+            return _this.session.rows.indexOf(row);
+        });
+        var merged = this.session.merge(indexes);
+        if (merged === undefined)
+            return;
+        this.selected.clear();
+        this.selected.add(this.session.rows[merged]);
+        this.anchor = this.session.rows[merged];
+        this.afterRowsChanged(merged);
+    };
+    /** Splits the selected merged rows back into their rows. */
+    AcUiPdfTextPanel.prototype.splitSelected = function () {
+        var e_8, _a;
+        var _this = this;
+        var restored = [];
+        try {
+            for (var _b = __values(__spreadArray([], __read(this.selected), false)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var row = _c.value;
+                var indexes = this.session.split(this.session.rows.indexOf(row));
+                restored.push.apply(restored, __spreadArray([], __read(indexes.map(function (i) { return _this.session.rows[i]; })), false));
+            }
+        }
+        catch (e_8_1) { e_8 = { error: e_8_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_8) throw e_8.error; }
+        }
+        if (restored.length === 0)
+            return;
+        this.selected = new Set(restored);
+        this.anchor = restored[0];
+        this.afterRowsChanged(this.session.rows.indexOf(restored[0]));
+    };
+    /** Merges all rows that read as one line. */
+    AcUiPdfTextPanel.prototype.mergeAdjacent = function () {
+        var count = this.session.mergeAdjacent();
+        this.mergeInfo.textContent = t('mergedCount', { count: count });
+        if (count === 0)
+            return;
+        this.selected.clear();
+        this.afterRowsChanged();
+    };
+    AcUiPdfTextPanel.prototype.afterRowsChanged = function (focus) {
+        var _a;
+        this.renderRows();
+        this.changed(true);
+        if (focus !== undefined) {
+            this.options.onFocusRows(__spreadArray([], __read(this.selected), false), true);
+            (_a = this.rowEls[focus]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest' });
+        }
+    };
+    AcUiPdfTextPanel.prototype.updateCounter = function () {
+        var ready = this.session.readyRows.length;
+        this.counterEl.textContent = t('ready', {
+            ready: ready,
+            count: this.session.rows.length
+        });
+        this.applyButton.disabled = ready === 0;
+    };
+    return AcUiPdfTextPanel;
+}());
+export { AcUiPdfTextPanel };
+/** Panel string `jig.pdftext.panel.<key>`. */
+function t(key, params) {
+    return acapPdfT("jig.pdftext.panel.".concat(key), params);
+}
+function h(tag, className, text) {
+    var el = document.createElement(tag);
+    if (className)
+        el.className = className;
+    if (text !== undefined)
+        el.textContent = text;
+    return el;
+}
+function option(value, label) {
+    var el = document.createElement('option');
+    el.value = value;
+    el.textContent = label;
+    return el;
+}
+function field(label, control) {
+    var el = h('label', 'ml-pdftext-field');
+    el.append(h('span', 'ml-pdftext-label', label), control);
+    return el;
+}
+function button(label, kind, onClick) {
+    var el = h('button', kind === 'primary' ? 'ml-pdftext-btn' : 'ml-pdftext-btn is-secondary', label);
+    el.type = 'button';
+    el.addEventListener('click', onClick);
+    return el;
+}
+function checkbox(label, checked, onChange) {
+    var el = h('label', 'ml-pdftext-check');
+    var input = h('input');
+    input.type = 'checkbox';
+    input.checked = checked;
+    input.addEventListener('change', function () { return onChange(input.checked); });
+    el.append(input, h('span', undefined, label));
+    return el;
+}
+function numberInput(value, step, onChange) {
+    var el = h('input', 'ml-pdftext-input ml-pdftext-number');
+    el.type = 'number';
+    el.min = String(step);
+    el.step = String(step);
+    el.value = String(Number(value.toFixed(3)));
+    el.addEventListener('input', function () {
+        var next = Number(el.value);
+        if (Number.isFinite(next) && next > 0)
+            onChange(next);
+    });
+    return el;
+}
+function sameName(a, b) {
+    return a.trim().toLowerCase() === b.trim().toLowerCase();
+}
+/** The option value matching `name` case-insensitively, else `name`. */
+function matchValue(select, name) {
+    var match = Array.from(select.options).find(function (item) {
+        return sameName(item.value, name);
+    });
+    return match ? match.value : name;
+}
+/** Catalog fonts by first alias, labelled by file name (like the STYLE dialog). */
+function buildFontOptions(fonts) {
+    var e_9, _a;
+    var _b;
+    var options = [];
+    var seen = new Set();
+    try {
+        for (var fonts_1 = __values(fonts), fonts_1_1 = fonts_1.next(); !fonts_1_1.done; fonts_1_1 = fonts_1.next()) {
+            var info = fonts_1_1.value;
+            var primary = (_b = info.name.find(function (name) { return name.trim(); })) === null || _b === void 0 ? void 0 : _b.trim();
+            if (!primary)
+                continue;
+            var key = primary.toLowerCase();
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            options.push({
+                value: primary,
+                label: info.file || primary,
+                type: info.type
+            });
+        }
+    }
+    catch (e_9_1) { e_9 = { error: e_9_1 }; }
+    finally {
+        try {
+            if (fonts_1_1 && !fonts_1_1.done && (_a = fonts_1.return)) _a.call(fonts_1);
+        }
+        finally { if (e_9) throw e_9.error; }
+    }
+    return options.sort(function (a, b) { return a.label.localeCompare(b.label); });
+}
+function ensureStyles() {
+    var css = "\n.ml-pdftext-panel {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 8px;\n  box-sizing: border-box;\n  color: var(--ml-ui-text, #303133);\n  font-size: 12px;\n}\n.ml-pdftext-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  overflow: auto;\n  max-height: 55%;\n  flex-shrink: 0;\n}\n.ml-pdftext-section {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 4px 8px 6px;\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  border-radius: 6px;\n}\n.ml-pdftext-section.is-collapsed {\n  padding-bottom: 4px;\n}\n.ml-pdftext-section-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0 -2px;\n  padding: 2px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.ml-pdftext-section-header:hover {\n  background: var(--ml-ui-hover, rgba(144, 147, 153, 0.12));\n}\n.ml-pdftext-chevron {\n  flex: 0 0 auto;\n  width: 1em;\n  color: var(--ml-ui-text-muted, #606266);\n  font-size: 10px;\n  text-align: center;\n}\n.ml-pdftext-section-title {\n  flex: 0 1 auto;\n  font-weight: 600;\n  min-width: 0;\n}\n.ml-pdftext-section-summary {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--ml-ui-text-muted, #606266);\n  font-weight: 400;\n  text-align: right;\n}\n.ml-pdftext-section:not(.is-collapsed) .ml-pdftext-section-summary {\n  display: none;\n}\n.ml-pdftext-section-body {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n/* Author display:flex would otherwise override the UA [hidden] rule. */\n.ml-pdftext-section-body[hidden] {\n  display: none;\n}\n.ml-pdftext-field {\n  display: grid;\n  grid-template-columns: 92px 1fr;\n  align-items: center;\n  gap: 6px;\n}\n.ml-pdftext-label {\n  color: var(--ml-ui-text-muted, #606266);\n}\n.ml-pdftext-input {\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 3px 6px;\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  border-radius: 4px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n}\n.ml-pdftext-input option,\n.ml-pdftext-input optgroup {\n  background: var(--ml-ui-bg, #ffffff);\n  color: var(--ml-ui-text, #303133);\n}\n.ml-pdftext-input:focus {\n  outline: none;\n  border-color: var(--ml-ui-accent, #409eff);\n}\n.ml-pdftext-number {\n  width: 72px;\n}\n.ml-pdftext-size {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.ml-pdftext-size .ml-pdftext-field {\n  grid-template-columns: 92px auto 1fr;\n}\n.ml-pdftext-hint {\n  color: var(--ml-ui-text-muted, #606266);\n}\n.ml-pdftext-warning {\n  color: var(--ml-ui-danger, #f56c6c);\n}\n.ml-pdftext-naming {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.ml-pdftext-naming-row {\n  display: flex;\n  gap: 4px;\n}\n.ml-pdftext-naming-row .ml-pdftext-input {\n  flex: 1;\n}\n.ml-pdftext-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n.ml-pdftext-lines {\n  flex: 1;\n  min-height: 80px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.ml-pdftext-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n}\n.ml-pdftext-toolbar .ml-pdftext-btn {\n  min-width: 0;\n  padding: 2px 8px;\n}\n.ml-pdftext-row {\n  display: grid;\n  grid-template-columns: auto 1fr auto auto;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  border-left: 3px solid transparent;\n}\n.ml-pdftext-row.is-selected {\n  background: var(--ml-ui-canvas-fill, rgba(64, 158, 255, 0.2));\n}\ntextarea.ml-pdftext-text {\n  resize: vertical;\n  min-height: 2.6em;\n}\n.ml-pdftext-tags {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n}\n.ml-pdftext-mtext {\n  font-size: 10px;\n  padding: 0 4px;\n  border-radius: 3px;\n  color: #fff;\n  background: var(--ml-ui-accent, #409eff);\n  white-space: nowrap;\n}\n.ml-pdftext-row[data-source='unread'] {\n  border-left-color: var(--ml-ui-danger, #f56c6c);\n}\n.ml-pdftext-row.is-skipped .ml-pdftext-text {\n  opacity: 0.55;\n}\n.ml-pdftext-badge {\n  color: var(--ml-ui-text-muted, #606266);\n  font-size: 11px;\n  white-space: nowrap;\n}\n.ml-pdftext-kind {\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  border-radius: 4px;\n  background: transparent;\n  color: inherit;\n  font-size: 11px;\n  padding: 1px 5px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.ml-pdftext-footer {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding-top: 6px;\n  border-top: 1px solid var(--ml-ui-border, #dcdfe6);\n}\n.ml-pdftext-counter {\n  flex: 1;\n  color: var(--ml-ui-text-muted, #606266);\n}\n.ml-pdftext-buttons {\n  display: flex;\n  gap: 6px;\n}\n.ml-pdftext-btn {\n  min-width: 64px;\n  padding: 4px 12px;\n  border-radius: 4px;\n  border: 1px solid var(--ml-ui-accent, #409eff);\n  background: var(--ml-ui-accent, #409eff);\n  color: #fff;\n  cursor: pointer;\n  font: inherit;\n}\n.ml-pdftext-btn.is-secondary {\n  border-color: var(--ml-ui-border, #dcdfe6);\n  background: transparent;\n  color: inherit;\n}\n.ml-pdftext-btn:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n".trim();
+    var style = document.getElementById(STYLE_ID);
+    if (!style) {
+        style = document.createElement('style');
+        style.id = STYLE_ID;
+        document.head.appendChild(style);
+    }
+    style.textContent = css;
+}
+//# sourceMappingURL=AcUiPdfTextPanel.js.map