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

package/lib/ui/AcUiPdfImportDialog.js

@@ -0,0 +1,673 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 { AcUiDialog } from '@mlightcad/cad-simple-viewer';
+import { acapPdfT } from '../acapPdfI18n';
+import { PDF_PT_TO_MM } from '../pdfVectorImport';
+var STYLE_ID = 'ml-pdf-import-dialog-styles';
+var MM_PER_INCH = 25.4;
+/** Largest thumbnail edge in the grid view, CSS px. */
+var THUMB_SIZE = 96;
+/**
+ * "Import PDF" dialog of the `pdfimport` command, laid out after AutoCAD's
+ * IMPORTPDF dialog: file name with Browse, the page to import with a preview
+ * or thumbnail grid, the insertion point and scale, and the import mode.
+ *
+ * The dialog only collects options; the caller imports.
+ */
+var AcUiPdfImportDialog = /** @class */ (function (_super) {
+    __extends(AcUiPdfImportDialog, _super);
+    function AcUiPdfImportDialog(options) {
+        var e_1, _a;
+        var _b, _c, _d, _e;
+        var _this = _super.call(this, {
+            host: options.host,
+            title: t('title'),
+            closeLabel: t('close'),
+            dialogClassName: 'ml-pdf-import-dialog',
+            closeOnBackdrop: false
+        }) || this;
+        _this.view = 'single';
+        /** Bumped on every preview change; stale renders stop drawing. */
+        _this.generation = 0;
+        _this.tasks = new Set();
+        ensureStyles();
+        _this.source = options.source;
+        _this.browse = options.browse;
+        var initial = (_b = options.initial) !== null && _b !== void 0 ? _b : {};
+        _this.values = {
+            pageNumber: clampPage((_c = initial.pageNumber) !== null && _c !== void 0 ? _c : 1, _this.source),
+            mode: initial.mode === 'visual' ? 'visual' : 'recover',
+            scale: initial.scale !== undefined && initial.scale > 0 ? initial.scale : 1,
+            specifyOnScreen: (_d = initial.specifyOnScreen) !== null && _d !== void 0 ? _d : false,
+            insertionPoint: (_e = initial.insertionPoint) !== null && _e !== void 0 ? _e : { x: 0, y: 0 }
+        };
+        // File name + Browse.
+        var fileRow = h('div', 'ml-pdf-import-file');
+        _this.fileInput = h('input', 'ml-pdf-import-input');
+        _this.fileInput.readOnly = true;
+        _this.fileInput.setAttribute('aria-label', t('fileName'));
+        var browseButton = button(t('browse'), 'secondary', function () {
+            void _this.browseFile();
+        });
+        browseButton.classList.add('ml-pdf-import-browse');
+        browseButton.hidden = !_this.browse;
+        fileRow.append(h('span', 'ml-pdf-import-label', t('fileName')), _this.fileInput, browseButton);
+        // Pages to import.
+        var pages = group(t('pagesGroup'), 'ml-pdf-import-pages');
+        var pageBar = h('div', 'ml-pdf-import-pagebar');
+        _this.pageInput = numberField(1);
+        _this.pageInput.min = '1';
+        _this.pageInput.classList.add('ml-pdf-import-page');
+        _this.pageInput.addEventListener('change', function () { return _this.commitPageInput(); });
+        _this.totalEl = h('span', 'ml-pdf-import-total');
+        _this.singleButton = viewButton(t('singleView'), SINGLE_ICON, function () {
+            return _this.setView('single');
+        });
+        _this.gridButton = viewButton(t('gridView'), GRID_ICON, function () {
+            return _this.setView('grid');
+        });
+        var viewToggle = h('div', 'ml-pdf-import-views');
+        viewToggle.append(_this.singleButton, _this.gridButton);
+        pageBar.append(labelled(t('page'), _this.pageInput), _this.totalEl, viewToggle);
+        _this.previewEl = h('div', 'ml-pdf-import-preview');
+        _this.pageSizeEl = h('span', 'ml-pdf-import-pagesize');
+        pages.append(pageBar, _this.previewEl, _this.pageSizeEl);
+        // Position.
+        var position = group(t('positionGroup'));
+        _this.onScreenInput = h('input');
+        _this.onScreenInput.type = 'checkbox';
+        _this.onScreenInput.checked = _this.values.specifyOnScreen;
+        _this.onScreenInput.addEventListener('change', function () { return _this.updateState(); });
+        var onScreen = h('label', 'ml-pdf-import-check');
+        onScreen.append(_this.onScreenInput, h('span', undefined, t('onScreen')));
+        _this.xInput = numberField(_this.values.insertionPoint.x);
+        _this.yInput = numberField(_this.values.insertionPoint.y);
+        _this.scaleInput = numberField(_this.values.scale);
+        _this.scaleInput.min = '0';
+        try {
+            for (var _f = __values([_this.xInput, _this.yInput, _this.scaleInput]), _g = _f.next(); !_g.done; _g = _f.next()) {
+                var input = _g.value;
+                input.addEventListener('input', function () { return _this.updateState(); });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        var point = h('div', 'ml-pdf-import-point');
+        point.append(labelled(t('x'), _this.xInput), labelled(t('y'), _this.yInput));
+        position.append(onScreen, point, labelled(t('scale'), _this.scaleInput));
+        // Import mode.
+        var mode = group(t('modeGroup'));
+        var radioName = "ml-pdf-import-mode-".concat(nextId++);
+        _this.modeInputs = {
+            recover: radio(radioName, _this.values.mode === 'recover'),
+            visual: radio(radioName, _this.values.mode === 'visual')
+        };
+        mode.append(radioOption(_this.modeInputs.recover, t('modeRecover'), t('recoverHint')), radioOption(_this.modeInputs.visual, t('modeVisual'), t('visualHint')));
+        var side = h('div', 'ml-pdf-import-side');
+        side.append(position, mode);
+        var columns = h('div', 'ml-pdf-import-columns');
+        columns.append(pages, side);
+        _this.bodyEl.append(fileRow, columns);
+        // Enter in a field confirms, as in a desktop dialog.
+        _this.bodyEl.addEventListener('keydown', function (event) {
+            if (event.key !== 'Enter')
+                return;
+            var target = event.target;
+            if (target.tagName !== 'INPUT')
+                return;
+            event.preventDefault();
+            if (target === _this.pageInput)
+                _this.commitPageInput();
+            _this.confirm();
+        });
+        var cancelButton = button(t('cancel'), 'secondary', function () { return _this.close(); });
+        _this.okButton = button(t('ok'), 'primary', function () { return _this.confirm(); });
+        _this.footerEl.append(_this.okButton, cancelButton);
+        _this.loadSource();
+        _this.updateState();
+        _this.focusAfterOpen(_this.okButton);
+        return _this;
+    }
+    /**
+     * Shows the dialog.
+     *
+     * @returns The chosen options, or `undefined` when the user cancels.
+     */
+    AcUiPdfImportDialog.open = function (options) {
+        var dialog = new AcUiPdfImportDialog(options);
+        return dialog.show().then(function () { return dialog.result; });
+    };
+    /** @inheritdoc */
+    AcUiPdfImportDialog.prototype.close = function () {
+        var _a;
+        this.stopRendering();
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        _super.prototype.close.call(this);
+    };
+    /** Shows {@link source}: file name, page count, preview. */
+    AcUiPdfImportDialog.prototype.loadSource = function () {
+        this.fileInput.value = this.source.fileName;
+        this.fileInput.title = this.source.fileName;
+        var count = this.source.document.numPages;
+        this.pageInput.max = String(count);
+        this.pageInput.disabled = count <= 1;
+        this.totalEl.textContent = t('total', { count: count });
+        this.values.pageNumber = clampPage(this.values.pageNumber, this.source);
+        this.pageInput.value = String(this.values.pageNumber);
+        this.renderPreview();
+    };
+    AcUiPdfImportDialog.prototype.browseFile = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var picked;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.browse)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, this.browse()];
+                    case 1:
+                        picked = _a.sent();
+                        if (!picked)
+                            return [2 /*return*/];
+                        this.source = picked;
+                        this.values.pageNumber = 1;
+                        this.loadSource();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AcUiPdfImportDialog.prototype.commitPageInput = function () {
+        var page = clampPage(Number(this.pageInput.value), this.source);
+        this.pageInput.value = String(page);
+        this.selectPage(page);
+    };
+    AcUiPdfImportDialog.prototype.selectPage = function (page) {
+        var e_2, _a;
+        if (page === this.values.pageNumber)
+            return;
+        this.values.pageNumber = page;
+        this.pageInput.value = String(page);
+        if (this.view === 'grid') {
+            var thumbs = this.previewEl.querySelectorAll('.ml-pdf-import-thumb');
+            try {
+                for (var _b = __values(Array.from(thumbs)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var thumb = _c.value;
+                    var selected = Number(thumb.dataset.page) === page;
+                    thumb.classList.toggle('is-selected', selected);
+                    thumb.setAttribute('aria-selected', String(selected));
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            void this.showPageSize();
+        }
+        else {
+            this.renderPreview();
+        }
+    };
+    AcUiPdfImportDialog.prototype.setView = function (view) {
+        if (this.view === view)
+            return;
+        this.view = view;
+        this.renderPreview();
+    };
+    /** Redraws the preview area for the current page / view. */
+    AcUiPdfImportDialog.prototype.renderPreview = function () {
+        var _a;
+        this.stopRendering();
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.observer = undefined;
+        var generation = ++this.generation;
+        this.singleButton.setAttribute('aria-pressed', String(this.view === 'single'));
+        this.gridButton.setAttribute('aria-pressed', String(this.view === 'grid'));
+        this.previewEl.replaceChildren();
+        this.previewEl.classList.toggle('is-grid', this.view === 'grid');
+        void this.showPageSize();
+        if (this.view === 'single') {
+            void this.renderSingle(generation);
+        }
+        else {
+            this.renderGrid(generation);
+        }
+    };
+    AcUiPdfImportDialog.prototype.renderSingle = function (generation) {
+        return __awaiter(this, void 0, void 0, function () {
+            var page, frame, canvas, caption, maxWidth, maxHeight;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        page = this.values.pageNumber;
+                        frame = h('div', 'ml-pdf-import-page-frame');
+                        canvas = h('canvas', 'ml-pdf-import-canvas');
+                        canvas.setAttribute('role', 'img');
+                        canvas.setAttribute('aria-label', t('pageLabel', { page: page }));
+                        caption = h('div', 'ml-pdf-import-caption', "[".concat(page, "] ").concat(this.source.fileName));
+                        frame.append(canvas);
+                        this.previewEl.append(frame, caption);
+                        maxWidth = Math.max(80, (this.previewEl.clientWidth || 300) - 24);
+                        maxHeight = Math.max(80, (this.previewEl.clientHeight || 260) - 44);
+                        return [4 /*yield*/, this.drawPage(generation, page, canvas, maxWidth, maxHeight)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AcUiPdfImportDialog.prototype.renderGrid = function (generation) {
+        var e_3, _a;
+        var _this = this;
+        var _b, _c;
+        var count = this.source.document.numPages;
+        var pending = new Map();
+        var thumbs = [];
+        var _loop_1 = function (page) {
+            var thumb = h('button', 'ml-pdf-import-thumb');
+            thumb.type = 'button';
+            thumb.dataset.page = String(page);
+            var selected = page === this_1.values.pageNumber;
+            thumb.classList.toggle('is-selected', selected);
+            thumb.setAttribute('aria-selected', String(selected));
+            thumb.title = t('pageLabel', { page: page });
+            var canvas = h('canvas', 'ml-pdf-import-canvas');
+            thumb.append(canvas, h('span', 'ml-pdf-import-thumb-label', String(page)));
+            thumb.addEventListener('click', function () { return _this.selectPage(page); });
+            thumb.addEventListener('dblclick', function () { return _this.setView('single'); });
+            this_1.previewEl.append(thumb);
+            thumbs.push(thumb);
+            pending.set(thumb, function () {
+                void _this.drawPage(generation, page, canvas, THUMB_SIZE, THUMB_SIZE);
+            });
+        };
+        var this_1 = this;
+        for (var page = 1; page <= count; page++) {
+            _loop_1(page);
+        }
+        if (typeof IntersectionObserver === 'undefined') {
+            // No observer (tests, old browsers): draw them one after another.
+            void (function () { return __awaiter(_this, void 0, void 0, function () {
+                var thumbs_2, thumbs_2_1, thumb, e_4_1;
+                var e_4, _a;
+                var _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            _c.trys.push([0, 5, 6, 7]);
+                            thumbs_2 = __values(thumbs), thumbs_2_1 = thumbs_2.next();
+                            _c.label = 1;
+                        case 1:
+                            if (!!thumbs_2_1.done) return [3 /*break*/, 4];
+                            thumb = thumbs_2_1.value;
+                            if (generation !== this.generation)
+                                return [2 /*return*/];
+                            (_b = pending.get(thumb)) === null || _b === void 0 ? void 0 : _b();
+                            return [4 /*yield*/, Promise.resolve()];
+                        case 2:
+                            _c.sent();
+                            _c.label = 3;
+                        case 3:
+                            thumbs_2_1 = thumbs_2.next();
+                            return [3 /*break*/, 1];
+                        case 4: return [3 /*break*/, 7];
+                        case 5:
+                            e_4_1 = _c.sent();
+                            e_4 = { error: e_4_1 };
+                            return [3 /*break*/, 7];
+                        case 6:
+                            try {
+                                if (thumbs_2_1 && !thumbs_2_1.done && (_a = thumbs_2.return)) _a.call(thumbs_2);
+                            }
+                            finally { if (e_4) throw e_4.error; }
+                            return [7 /*endfinally*/];
+                        case 7: return [2 /*return*/];
+                    }
+                });
+            }); })();
+            return;
+        }
+        // Draw thumbnails only when they scroll into view: large PDFs have
+        // hundreds of pages.
+        this.observer = new IntersectionObserver(function (entries) {
+            var e_5, _a;
+            var _b, _c;
+            try {
+                for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                    var entry = entries_1_1.value;
+                    if (!entry.isIntersecting)
+                        continue;
+                    (_b = pending.get(entry.target)) === null || _b === void 0 ? void 0 : _b();
+                    pending.delete(entry.target);
+                    (_c = _this.observer) === null || _c === void 0 ? void 0 : _c.unobserve(entry.target);
+                }
+            }
+            catch (e_5_1) { e_5 = { error: e_5_1 }; }
+            finally {
+                try {
+                    if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                }
+                finally { if (e_5) throw e_5.error; }
+            }
+        }, { root: this.previewEl });
+        try {
+            for (var thumbs_1 = __values(thumbs), thumbs_1_1 = thumbs_1.next(); !thumbs_1_1.done; thumbs_1_1 = thumbs_1.next()) {
+                var thumb = thumbs_1_1.value;
+                this.observer.observe(thumb);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (thumbs_1_1 && !thumbs_1_1.done && (_a = thumbs_1.return)) _a.call(thumbs_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        (_c = (_b = thumbs[this.values.pageNumber - 1]) === null || _b === void 0 ? void 0 : _b.scrollIntoView) === null || _c === void 0 ? void 0 : _c.call(_b, { block: 'nearest' });
+    };
+    /** Draws `page` into `canvas`, fitting `maxWidth` × `maxHeight` CSS px. */
+    AcUiPdfImportDialog.prototype.drawPage = function (generation, pageNumber, canvas, maxWidth, maxHeight) {
+        return __awaiter(this, void 0, void 0, function () {
+            var page, size, fit_1, ratio, scaled, task, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 6, , 7]);
+                        return [4 /*yield*/, this.source.document.getPage(pageNumber)];
+                    case 1:
+                        page = _a.sent();
+                        if (generation !== this.generation)
+                            return [2 /*return*/];
+                        size = page.getSize(1);
+                        fit_1 = Math.min(maxWidth / size.width, maxHeight / size.height);
+                        ratio = Math.min(2, globalThis.devicePixelRatio || 1);
+                        scaled = page.getSize(fit_1 * ratio);
+                        canvas.width = Math.max(1, Math.floor(scaled.width));
+                        canvas.height = Math.max(1, Math.floor(scaled.height));
+                        canvas.style.width = "".concat(Math.floor(size.width * fit_1), "px");
+                        canvas.style.height = "".concat(Math.floor(size.height * fit_1), "px");
+                        task = page.render(canvas, fit_1 * ratio);
+                        this.tasks.add(task);
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, , 4, 5]);
+                        return [4 /*yield*/, task.promise];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.tasks.delete(task);
+                        return [7 /*endfinally*/];
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        error_1 = _a.sent();
+                        if (generation !== this.generation || isCancelled(error_1))
+                            return [2 /*return*/];
+                        canvas.replaceWith(h('div', 'ml-pdf-import-error', t('previewError')));
+                        return [3 /*break*/, 7];
+                    case 7: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AcUiPdfImportDialog.prototype.showPageSize = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var generation, pageNumber, page, size, mm, inch, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        generation = this.generation;
+                        pageNumber = this.values.pageNumber;
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.source.document.getPage(pageNumber)];
+                    case 2:
+                        page = _b.sent();
+                        if (generation !== this.generation ||
+                            pageNumber !== this.values.pageNumber) {
+                            return [2 /*return*/];
+                        }
+                        size = page.getSize(1);
+                        mm = function (pt) { return round(pt * PDF_PT_TO_MM, 1); };
+                        inch = function (pt) { return round((pt * PDF_PT_TO_MM) / MM_PER_INCH, 2); };
+                        this.pageSizeEl.textContent = t('pageSize', {
+                            width: mm(size.width),
+                            height: mm(size.height),
+                            widthIn: inch(size.width),
+                            heightIn: inch(size.height)
+                        });
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a = _b.sent();
+                        this.pageSizeEl.textContent = '';
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AcUiPdfImportDialog.prototype.stopRendering = function () {
+        var e_6, _a;
+        try {
+            for (var _b = __values(this.tasks), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var task = _c.value;
+                task.cancel();
+            }
+        }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_6) throw e_6.error; }
+        }
+        this.tasks.clear();
+    };
+    /** Enables X/Y with the on-screen box and OK with valid numbers. */
+    AcUiPdfImportDialog.prototype.updateState = function () {
+        var onScreen = this.onScreenInput.checked;
+        this.xInput.disabled = onScreen;
+        this.yInput.disabled = onScreen;
+        var scaleValid = parseNumber(this.scaleInput.value, true) !== undefined;
+        var xValid = onScreen || parseNumber(this.xInput.value) !== undefined;
+        var yValid = onScreen || parseNumber(this.yInput.value) !== undefined;
+        this.scaleInput.classList.toggle('is-invalid', !scaleValid);
+        this.xInput.classList.toggle('is-invalid', !xValid);
+        this.yInput.classList.toggle('is-invalid', !yValid);
+        this.scaleInput.setAttribute('aria-invalid', String(!scaleValid));
+        this.okButton.disabled = !(scaleValid && xValid && yValid);
+    };
+    AcUiPdfImportDialog.prototype.confirm = function () {
+        var _a, _b, _c;
+        this.updateState();
+        if (this.okButton.disabled)
+            return;
+        var onScreen = this.onScreenInput.checked;
+        this.result = {
+            source: this.source,
+            pageNumber: this.values.pageNumber,
+            mode: this.modeInputs.visual.checked ? 'visual' : 'recover',
+            scale: (_a = parseNumber(this.scaleInput.value, true)) !== null && _a !== void 0 ? _a : 1,
+            specifyOnScreen: onScreen,
+            insertionPoint: onScreen
+                ? this.values.insertionPoint
+                : {
+                    x: (_b = parseNumber(this.xInput.value)) !== null && _b !== void 0 ? _b : 0,
+                    y: (_c = parseNumber(this.yInput.value)) !== null && _c !== void 0 ? _c : 0
+                }
+        };
+        this.close();
+    };
+    return AcUiPdfImportDialog;
+}(AcUiDialog));
+export { AcUiPdfImportDialog };
+var nextId = 0;
+var SINGLE_ICON = '<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><rect x="3.5" y="1.5" width="9" height="13" fill="none" stroke="currentColor"/></svg>';
+var GRID_ICON = '<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><g fill="none" stroke="currentColor"><rect x="2.5" y="1.5" width="4.5" height="5.5"/><rect x="9" y="1.5" width="4.5" height="5.5"/><rect x="2.5" y="9" width="4.5" height="5.5"/><rect x="9" y="9" width="4.5" height="5.5"/></g></svg>';
+/** Dialog string `jig.pdfimport.dialog.<key>`. */
+function t(key, params) {
+    return acapPdfT("jig.pdfimport.dialog.".concat(key), params);
+}
+function clampPage(page, source) {
+    var count = Math.max(1, source.document.numPages);
+    if (!Number.isFinite(page))
+        return 1;
+    return Math.min(count, Math.max(1, Math.round(page)));
+}
+/** Parses a number field; `positive` also rejects zero and negatives. */
+function parseNumber(text, positive) {
+    if (positive === void 0) { positive = false; }
+    if (text.trim() === '')
+        return undefined;
+    var value = Number(text);
+    if (!Number.isFinite(value))
+        return undefined;
+    if (positive && value <= 0)
+        return undefined;
+    return value;
+}
+function round(value, digits) {
+    return String(Number(value.toFixed(digits)));
+}
+function isCancelled(error) {
+    return (typeof error === 'object' &&
+        error !== null &&
+        error.name === 'RenderingCancelledException');
+}
+function h(tag, className, text) {
+    var el = document.createElement(tag);
+    if (className)
+        el.className = className;
+    if (text !== undefined)
+        el.textContent = text;
+    return el;
+}
+function group(title, className) {
+    var el = h('fieldset', 'ml-pdf-import-group');
+    if (className)
+        el.classList.add(className);
+    el.append(h('legend', undefined, title));
+    return el;
+}
+function labelled(label, control) {
+    var el = h('label', 'ml-pdf-import-field');
+    el.append(h('span', 'ml-pdf-import-label', label), control);
+    return el;
+}
+function numberField(value) {
+    var el = h('input', 'ml-pdf-import-input ml-pdf-import-number');
+    el.type = 'number';
+    el.step = 'any';
+    el.value = String(value);
+    return el;
+}
+function radio(name, checked) {
+    var el = h('input');
+    el.type = 'radio';
+    el.name = name;
+    el.checked = checked;
+    return el;
+}
+function radioOption(input, label, hint) {
+    var el = h('label', 'ml-pdf-import-radio');
+    var text = h('span', 'ml-pdf-import-radio-text');
+    text.append(h('span', undefined, label), h('span', 'ml-pdf-import-hint', hint));
+    el.append(input, text);
+    return el;
+}
+function button(label, kind, onClick) {
+    var el = h('button', kind === 'primary'
+        ? 'ml-ui-dialog-btn ml-pdf-import-ok'
+        : 'ml-ui-dialog-btn ml-ui-dialog-btn-secondary', label);
+    el.type = 'button';
+    el.addEventListener('click', onClick);
+    return el;
+}
+function viewButton(label, icon, onClick) {
+    var el = h('button', 'ml-pdf-import-view');
+    el.type = 'button';
+    el.title = label;
+    el.setAttribute('aria-label', label);
+    el.innerHTML = icon;
+    el.addEventListener('click', onClick);
+    return el;
+}
+function ensureStyles() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    var style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = "\n.ml-ui-dialog.ml-pdf-import-dialog {\n  width: 720px;\n  max-width: calc(100% - 24px);\n  font-size: 12px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-file {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 10px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-file .ml-pdf-import-input {\n  flex: 1;\n  min-width: 0;\n}\n.ml-pdf-import-dialog .ml-pdf-import-columns {\n  display: grid;\n  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);\n  gap: 10px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-side {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n}\n.ml-pdf-import-dialog .ml-pdf-import-group {\n  margin: 0;\n  padding: 8px 10px 10px;\n  min-width: 0;\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-group > legend {\n  padding: 0 4px;\n  font-weight: 600;\n}\n.ml-pdf-import-dialog .ml-pdf-import-pagebar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-views {\n  margin-left: auto;\n  display: flex;\n}\n.ml-pdf-import-dialog .ml-pdf-import-view {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 22px;\n  padding: 0;\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  background: var(--ml-ui-bg, #fff);\n  color: var(--ml-ui-text-muted, #606266);\n  cursor: pointer;\n}\n.ml-pdf-import-dialog .ml-pdf-import-view + .ml-pdf-import-view {\n  border-left: none;\n}\n.ml-pdf-import-dialog .ml-pdf-import-view[aria-pressed='true'] {\n  color: var(--ml-ui-accent, #0b84ff);\n  background: color-mix(in srgb, var(--ml-ui-accent, #0b84ff) 14%, transparent);\n}\n.ml-pdf-import-dialog .ml-pdf-import-preview {\n  height: 260px;\n  box-sizing: border-box;\n  padding: 10px;\n  background: #808080;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  overflow: hidden;\n}\n.ml-pdf-import-dialog .ml-pdf-import-preview.is-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(".concat(THUMB_SIZE + 12, "px, 1fr));\n  align-content: start;\n  justify-items: center;\n  overflow-y: auto;\n}\n.ml-pdf-import-dialog .ml-pdf-import-page-frame {\n  display: flex;\n  min-height: 0;\n}\n.ml-pdf-import-dialog .ml-pdf-import-canvas {\n  display: block;\n  background: #fff;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);\n}\n.ml-pdf-import-dialog .ml-pdf-import-caption {\n  max-width: 100%;\n  color: #fff;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ml-pdf-import-dialog .ml-pdf-import-thumb {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border: 2px solid transparent;\n  border-radius: 3px;\n  background: transparent;\n  color: #fff;\n  cursor: pointer;\n}\n.ml-pdf-import-dialog .ml-pdf-import-thumb .ml-pdf-import-canvas {\n  min-width: 40px;\n  min-height: 40px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-thumb.is-selected {\n  border-color: var(--ml-ui-accent, #0b84ff);\n}\n.ml-pdf-import-dialog .ml-pdf-import-error {\n  color: #fff;\n  padding: 12px;\n  text-align: center;\n}\n.ml-pdf-import-dialog .ml-pdf-import-pagesize {\n  color: var(--ml-ui-text-muted, #606266);\n}\n.ml-pdf-import-dialog .ml-pdf-import-field {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-label {\n  white-space: nowrap;\n}\n.ml-pdf-import-dialog .ml-pdf-import-input {\n  box-sizing: border-box;\n  height: 24px;\n  padding: 2px 6px;\n  border: 1px solid var(--ml-ui-border, #dcdfe6);\n  border-radius: 3px;\n  background: var(--ml-ui-bg, #fff);\n  color: var(--ml-ui-text, #303133);\n  font: inherit;\n}\n.ml-pdf-import-dialog .ml-pdf-import-input:disabled {\n  opacity: 0.55;\n}\n.ml-pdf-import-dialog .ml-pdf-import-input.is-invalid {\n  border-color: var(--ml-ui-danger, #f56c6c);\n}\n.ml-pdf-import-dialog .ml-pdf-import-number {\n  width: 90px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-page {\n  width: 64px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-point {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 14px;\n  padding-left: 20px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-check,\n.ml-pdf-import-dialog .ml-pdf-import-radio {\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n  cursor: pointer;\n}\n.ml-pdf-import-dialog .ml-pdf-import-check input,\n.ml-pdf-import-dialog .ml-pdf-import-radio input {\n  margin: 1px 0 0;\n}\n.ml-pdf-import-dialog .ml-pdf-import-radio-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.ml-pdf-import-dialog .ml-pdf-import-hint {\n  color: var(--ml-ui-text-muted, #606266);\n  font-size: 11px;\n}\n.ml-pdf-import-dialog .ml-ui-dialog-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  filter: none;\n}\n@media (max-width: 640px) {\n  .ml-pdf-import-dialog .ml-pdf-import-columns {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .ml-pdf-import-dialog .ml-pdf-import-preview {\n    height: 200px;\n  }\n}\n").trim();
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=AcUiPdfImportDialog.js.map