@mlightcad/cad-simple-viewer 1.6.3 → 1.7.1

package/lib/ui/touch-point-tutorial.js

@@ -0,0 +1,271 @@
+/**
+ * Portable precise point-pick tutorial dialog (DOM + CSS animation only).
+ *
+ * Re-exported from `@mlightcad/cad-simple-viewer` for the live viewer and
+ * offline HTML viewer (via {@link AcExHtmlSimpleViewerUi}).
+ */
+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 __());
+    };
+})();
+import { AcUiDialog } from './AcUiDialog';
+/** DOM id of tutorial-specific styles. */
+var STYLE_ID = 'ml-ui-touch-point-tutorial-styles';
+/** Loop length for the demo animation (ms). */
+var DEMO_CYCLE_MS = 10000;
+/** Road intersection center in canvas percentage coordinates. */
+var ROAD_X_PCT = 38;
+var ROAD_Y_PCT = 42;
+/** Road half-width in viewBox units (160×100). */
+var ROAD_HALF_W = 4;
+/** Ring stroke draw duration (ms). */
+var RING_DRAW_MS = 500;
+/** Delay after snap box before cross commits green (ms). */
+var SNAP_BOX_BEFORE_LIFT_MS = 500;
+/** Cross stays green at snap corner before finger returns (ms). */
+var CROSS_GREEN_HOLD_MS = 2000;
+/** Finger returns to start while the touch zone fades out (ms). */
+var RETURN_MS = 900;
+/** Move from cross appear until cross top hits snap corner (ms). */
+var MOVE_TO_SNAP_TOP_MS = 1800;
+/** Move cross center onto snap corner after top touches (ms). */
+var MOVE_TO_SNAP_CENTER_MS = 400;
+/** Finger appears before the touch ring fill. */
+var FINGER_APPEAR_MS = 280;
+/** Gray fill fades in after the finger. */
+var FILL_APPEAR_MS = 180;
+/** Touch zone diameter (px); white circle is centered on the finger point. */
+var TOUCH_ZONE_SIZE = 36;
+var TOUCH_ZONE_RADIUS = TOUCH_ZONE_SIZE / 2;
+/** Gap between cross bottom and touch circle top (px). */
+var CROSS_ABOVE_CIRCLE_GAP = 5;
+/** Crosshair size (px); CSS `top` anchors the cross center. */
+var CROSS_SIZE = 18;
+var CROSS_HALF_H = CROSS_SIZE / 2;
+/** Cross center offset above the finger touch point (px). */
+var CROSS_ABOVE_TOUCH_PX = TOUCH_ZONE_RADIUS + CROSS_ABOVE_CIRCLE_GAP + CROSS_HALF_H;
+/**
+ * Returns today's date as `YYYY-MM-DD` in local time.
+ */
+export function acuiLocalIsoDate(date) {
+    if (date === void 0) { date = new Date(); }
+    var y = date.getFullYear();
+    var m = String(date.getMonth() + 1).padStart(2, '0');
+    var d = String(date.getDate()).padStart(2, '0');
+    return "".concat(y, "-").concat(m, "-").concat(d);
+}
+/**
+ * Whether the tutorial should be shown from layout + preference state.
+ */
+export function acuiShouldShowTouchPointTutorialFromPrefs(shouldShowOnMobile, prefs) {
+    if (!shouldShowOnMobile())
+        return false;
+    if (prefs.hideForever)
+        return false;
+    if (prefs.snoozeDate != null && prefs.snoozeDate === acuiLocalIsoDate()) {
+        return false;
+    }
+    return true;
+}
+/**
+ * Modal tutorial explaining long-press precise point picking on mobile.
+ */
+var AcUiTouchPointTutorial = /** @class */ (function (_super) {
+    __extends(AcUiTouchPointTutorial, _super);
+    function AcUiTouchPointTutorial(config) {
+        var _this = _super.call(this, {
+            host: config.host,
+            title: config.labels.title,
+            theme: config.theme,
+            layoutWidth: false,
+            showCloseButton: false,
+            titleAlign: 'center',
+            closeOnBackdrop: false,
+            closeOnEscape: false,
+            dialogClassName: 'ml-ui-touch-point-tutorial'
+        }) || this;
+        _this.config = config;
+        AcUiTouchPointTutorial.ensureTutorialStyles(config.longPressMs);
+        var description = document.createElement('p');
+        description.className = 'ml-ui-touch-point-tutorial-desc';
+        description.textContent = config.labels.description;
+        _this.bodyEl.appendChild(description);
+        _this.bodyEl.appendChild(AcUiTouchPointTutorial.createDemo());
+        var options = document.createElement('div');
+        options.className = 'ml-ui-touch-point-tutorial-options';
+        _this.snoozeTodayCheckbox = document.createElement('input');
+        _this.snoozeTodayCheckbox.type = 'checkbox';
+        _this.snoozeTodayCheckbox.id = 'ml-touch-tutorial-snooze-today';
+        _this.snoozeTodayCheckbox.checked = true;
+        var snoozeLabel = document.createElement('label');
+        snoozeLabel.className = 'ml-ui-touch-point-tutorial-option';
+        snoozeLabel.htmlFor = _this.snoozeTodayCheckbox.id;
+        snoozeLabel.append(_this.snoozeTodayCheckbox, document.createTextNode(''));
+        snoozeLabel.lastChild.textContent = config.labels.snoozeToday;
+        _this.hideForeverCheckbox = document.createElement('input');
+        _this.hideForeverCheckbox.type = 'checkbox';
+        _this.hideForeverCheckbox.id = 'ml-touch-tutorial-hide-forever';
+        var hideLabel = document.createElement('label');
+        hideLabel.className = 'ml-ui-touch-point-tutorial-option';
+        hideLabel.htmlFor = _this.hideForeverCheckbox.id;
+        hideLabel.append(_this.hideForeverCheckbox, document.createTextNode(''));
+        hideLabel.lastChild.textContent = config.labels.hideForever;
+        _this.hideForeverCheckbox.addEventListener('change', function () {
+            if (_this.hideForeverCheckbox.checked) {
+                _this.snoozeTodayCheckbox.checked = false;
+            }
+        });
+        _this.snoozeTodayCheckbox.addEventListener('change', function () {
+            if (_this.snoozeTodayCheckbox.checked) {
+                _this.hideForeverCheckbox.checked = false;
+            }
+        });
+        options.append(snoozeLabel, hideLabel);
+        _this.bodyEl.appendChild(options);
+        var okBtn = document.createElement('button');
+        okBtn.type = 'button';
+        okBtn.className = 'ml-ui-touch-point-tutorial-ok';
+        okBtn.textContent = config.labels.ok;
+        okBtn.addEventListener('click', function () { return _this.dismiss(); });
+        _this.footerEl.appendChild(okBtn);
+        _this.focusAfterOpen(okBtn);
+        return _this;
+    }
+    /**
+     * Opens the tutorial when {@link AcUiTouchPointTutorialConfig.shouldShow} is true.
+     */
+    AcUiTouchPointTutorial.maybeShow = function (config) {
+        var _a;
+        if (!config.shouldShow())
+            return Promise.resolve();
+        (_a = AcUiTouchPointTutorial.openInstance) === null || _a === void 0 ? void 0 : _a.close();
+        var dialog = new AcUiTouchPointTutorial(config);
+        AcUiTouchPointTutorial.openInstance = dialog;
+        return dialog.show();
+    };
+    AcUiTouchPointTutorial.prototype.close = function () {
+        if (AcUiTouchPointTutorial.openInstance === this) {
+            AcUiTouchPointTutorial.openInstance = null;
+        }
+        _super.prototype.close.call(this);
+    };
+    AcUiTouchPointTutorial.prototype.dismiss = function () {
+        var prefs = this.config.readPrefs();
+        if (this.hideForeverCheckbox.checked) {
+            this.config.writePrefs({ hideForever: true, snoozeDate: null });
+        }
+        else if (this.snoozeTodayCheckbox.checked) {
+            this.config.writePrefs({
+                hideForever: prefs.hideForever,
+                snoozeDate: acuiLocalIsoDate()
+            });
+        }
+        this.close();
+    };
+    AcUiTouchPointTutorial.createDemo = function () {
+        var snap = roadSnapCornerPct();
+        var demo = document.createElement('div');
+        demo.className = 'ml-touch-tutorial-demo';
+        demo.setAttribute('aria-hidden', 'true');
+        var canvas = document.createElement('div');
+        canvas.className = 'ml-touch-tutorial-canvas';
+        canvas.style.setProperty('--ml-touch-snap-x', "".concat(snap.xPct, "%"));
+        canvas.style.setProperty('--ml-touch-snap-y', "".concat(snap.yPct, "%"));
+        canvas.style.setProperty('--ml-touch-cross-above', "".concat(CROSS_ABOVE_TOUCH_PX, "px"));
+        canvas.style.setProperty('--ml-touch-cross-half', "".concat(CROSS_HALF_H, "px"));
+        var roads = document.createElement('div');
+        roads.className = 'ml-touch-tutorial-roads';
+        roads.innerHTML = roadCrossSvg();
+        var snapBox = document.createElement('div');
+        snapBox.className = 'ml-touch-tutorial-snap-box';
+        var touchGroup = document.createElement('div');
+        touchGroup.className = 'ml-touch-tutorial-touch-group';
+        var touchZone = document.createElement('div');
+        touchZone.className = 'ml-touch-tutorial-touch-zone';
+        touchZone.innerHTML = touchZoneSvg();
+        var finger = document.createElement('div');
+        finger.className = 'ml-touch-tutorial-finger';
+        finger.innerHTML = fingerIconSvg();
+        var cross = document.createElement('div');
+        cross.className = 'ml-touch-tutorial-cross';
+        cross.innerHTML = snapCrossSvg();
+        touchGroup.append(touchZone, finger);
+        canvas.append(roads, snapBox, touchGroup, cross);
+        demo.appendChild(canvas);
+        return demo;
+    };
+    AcUiTouchPointTutorial.pct = function (ms) {
+        return ((ms / DEMO_CYCLE_MS) * 100).toFixed(2);
+    };
+    AcUiTouchPointTutorial.pctAfter = function (baseMs, deltaMs) {
+        return AcUiTouchPointTutorial.pct(baseMs + deltaMs);
+    };
+    AcUiTouchPointTutorial.ensureTutorialStyles = function (longPressMs) {
+        if (document.getElementById(STYLE_ID))
+            return;
+        var fingerIn = AcUiTouchPointTutorial.pct(FINGER_APPEAR_MS);
+        var fillIn = AcUiTouchPointTutorial.pct(FINGER_APPEAR_MS + FILL_APPEAR_MS);
+        var ringStart = fillIn;
+        var ringEnd = AcUiTouchPointTutorial.pct(FINGER_APPEAR_MS + FILL_APPEAR_MS + RING_DRAW_MS);
+        var crossIn = AcUiTouchPointTutorial.pct(longPressMs);
+        var snapTopAt = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS);
+        var snapCenterAt = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + MOVE_TO_SNAP_CENTER_MS);
+        var snapCommitAt = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + SNAP_BOX_BEFORE_LIFT_MS);
+        var crossHoldEnd = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + SNAP_BOX_BEFORE_LIFT_MS + CROSS_GREEN_HOLD_MS);
+        var returnStart = crossHoldEnd;
+        var returnEnd = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + SNAP_BOX_BEFORE_LIFT_MS + CROSS_GREEN_HOLD_MS + RETURN_MS);
+        var resetAt = AcUiTouchPointTutorial.pct(DEMO_CYCLE_MS - 400);
+        var fillVisible = AcUiTouchPointTutorial.pctAfter(FINGER_APPEAR_MS + FILL_APPEAR_MS, 80);
+        var crossVisible = AcUiTouchPointTutorial.pctAfter(longPressMs, 60);
+        var snapBoxOn = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + 1);
+        var crossGreen = AcUiTouchPointTutorial.pctAfter(longPressMs, MOVE_TO_SNAP_TOP_MS + SNAP_BOX_BEFORE_LIFT_MS + 1);
+        var style = document.createElement('style');
+        style.id = STYLE_ID;
+        style.textContent = "\n.ml-ui-touch-point-tutorial {\n  padding: 16px 18px;\n}\n\n.ml-ui-touch-point-tutorial-desc {\n  margin: 0 0 12px;\n  font-size: 12px;\n  line-height: 1.55;\n  color: var(--ml-ui-text-muted, #606266);\n  text-align: center;\n}\n\n.ml-touch-tutorial-demo {\n  margin: 0 auto 14px;\n  max-width: 100%;\n}\n\n.ml-touch-tutorial-canvas {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 10;\n  background: #0a0a0a;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.ml-touch-tutorial-roads {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.ml-touch-tutorial-roads svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.ml-touch-tutorial-touch-group {\n  position: absolute;\n  left: 70%;\n  top: 76%;\n  width: 0;\n  height: 0;\n  animation: ml-touch-group ".concat(DEMO_CYCLE_MS, "ms ease-in-out infinite;\n  z-index: 4;\n}\n\n.ml-touch-tutorial-touch-zone {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 36px;\n  height: 36px;\n  margin: -18px 0 0 -18px;\n  pointer-events: none;\n  opacity: 0;\n  animation: ml-touch-zone-opacity ").concat(DEMO_CYCLE_MS, "ms linear infinite;\n  z-index: 1;\n}\n\n.ml-touch-tutorial-touch-zone svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.ml-touch-tutorial-touch-fill {\n  opacity: 1;\n}\n\n.ml-touch-tutorial-touch-ring {\n  fill: none;\n  stroke: rgba(255, 255, 255, 0.95);\n  stroke-width: 2;\n  stroke-dasharray: 113.1;\n  stroke-dashoffset: 113.1;\n  animation: ml-touch-ring ").concat(DEMO_CYCLE_MS, "ms linear infinite;\n}\n\n.ml-touch-tutorial-finger {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 30px;\n  height: 38px;\n  margin: -6px 0 0 -15px;\n  opacity: 0;\n  animation: ml-touch-finger-opacity ").concat(DEMO_CYCLE_MS, "ms linear infinite;\n  z-index: 2;\n}\n\n.ml-touch-tutorial-finger svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));\n}\n\n.ml-touch-tutorial-cross {\n  position: absolute;\n  left: 70%;\n  top: calc(76% - var(--ml-touch-cross-above));\n  width: ").concat(CROSS_SIZE, "px;\n  height: ").concat(CROSS_SIZE, "px;\n  margin: calc(-1 * var(--ml-touch-cross-half)) 0 0 calc(-1 * var(--ml-touch-cross-half));\n  color: var(--ml-ui-accent, #0b84ff);\n  opacity: 0;\n  animation:\n    ml-touch-cross-move ").concat(DEMO_CYCLE_MS, "ms ease-in-out infinite,\n    ml-touch-cross-opacity ").concat(DEMO_CYCLE_MS, "ms linear infinite,\n    ml-touch-cross-color ").concat(DEMO_CYCLE_MS, "ms step-end infinite;\n  z-index: 5;\n}\n\n.ml-touch-tutorial-cross svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.ml-touch-tutorial-snap-box {\n  position: absolute;\n  left: var(--ml-touch-snap-x);\n  top: var(--ml-touch-snap-y);\n  width: 22px;\n  height: 22px;\n  margin: -11px 0 0 -11px;\n  border: 2px solid #0f0;\n  border-radius: 1px;\n  box-sizing: border-box;\n  opacity: 0;\n  pointer-events: none;\n  animation: ml-touch-snap-box ").concat(DEMO_CYCLE_MS, "ms step-end infinite;\n  z-index: 3;\n}\n\n@keyframes ml-touch-group {\n  0%, ").concat(crossIn, "% {\n    left: 70%;\n    top: 76%;\n  }\n  ").concat(snapTopAt, "%, ").concat(crossHoldEnd, "% {\n    left: var(--ml-touch-snap-x);\n    top: calc(var(--ml-touch-snap-y) + var(--ml-touch-cross-above) + var(--ml-touch-cross-half));\n  }\n  ").concat(returnEnd, "%, 100% {\n    left: 70%;\n    top: 76%;\n  }\n}\n\n@keyframes ml-touch-zone-opacity {\n  0%, ").concat(fillIn, "% { opacity: 0; }\n  ").concat(fillVisible, "%, ").concat(returnStart, "% { opacity: 1; }\n  ").concat(returnEnd, "%, 100% { opacity: 0; }\n}\n\n@keyframes ml-touch-finger-opacity {\n  0%, 2% { opacity: 0; }\n  ").concat(fingerIn, "%, 99.99% { opacity: 1; }\n  100% { opacity: 0; }\n}\n\n@keyframes ml-touch-ring {\n  0%, ").concat(ringStart, "% { stroke-dashoffset: 113.1; }\n  ").concat(ringEnd, "%, ").concat(resetAt, "% { stroke-dashoffset: 0; }\n  100% { stroke-dashoffset: 113.1; }\n}\n\n@keyframes ml-touch-cross-move {\n  0%, ").concat(crossIn, "% {\n    left: 70%;\n    top: calc(76% - var(--ml-touch-cross-above));\n  }\n  ").concat(snapTopAt, "%, ").concat(snapCenterAt, "% {\n    left: var(--ml-touch-snap-x);\n    top: calc(var(--ml-touch-snap-y) + var(--ml-touch-cross-half));\n  }\n  ").concat(snapCenterAt, "%, 99.99% {\n    left: var(--ml-touch-snap-x);\n    top: var(--ml-touch-snap-y);\n  }\n  100% {\n    left: 70%;\n    top: calc(76% - var(--ml-touch-cross-above));\n  }\n}\n\n@keyframes ml-touch-cross-opacity {\n  0%, ").concat(crossIn, "% { opacity: 0; }\n  ").concat(crossVisible, "%, ").concat(returnEnd, "% { opacity: 1; }\n  ").concat(resetAt, "%, 100% { opacity: 0; }\n}\n\n@keyframes ml-touch-cross-color {\n  0%, ").concat(snapCommitAt, "% { color: var(--ml-ui-accent, #0b84ff); }\n  ").concat(crossGreen, "%, ").concat(returnEnd, "% { color: #0f0; }\n  100% { color: var(--ml-ui-accent, #0b84ff); }\n}\n\n@keyframes ml-touch-snap-box {\n  0%, ").concat(snapTopAt, "% { opacity: 0; }\n  ").concat(snapBoxOn, "%, ").concat(snapCommitAt, "% { opacity: 1; }\n  ").concat(crossGreen, "%, 100% { opacity: 0; }\n}\n\n.ml-ui-touch-point-tutorial-options {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 4px;\n}\n\n.ml-ui-touch-point-tutorial-option {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--ml-ui-text, #303133);\n  cursor: pointer;\n  user-select: none;\n}\n\n.ml-ui-touch-point-tutorial-option input[type='checkbox'] {\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--ml-ui-accent, #0b84ff);\n}\n\n.ml-ui-touch-point-tutorial .ml-ui-dialog-footer {\n  justify-content: center;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--ml-ui-border, #ebeef5);\n}\n\n.ml-ui-touch-point-tutorial-ok {\n  border: none;\n  background: transparent;\n  color: var(--ml-ui-accent, #0b84ff);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 4px 16px;\n}\n\n.ml-ui-touch-point-tutorial-ok:hover {\n  filter: brightness(1.08);\n}\n").trim();
+        document.head.appendChild(style);
+    };
+    AcUiTouchPointTutorial.openInstance = null;
+    return AcUiTouchPointTutorial;
+}(AcUiDialog));
+export { AcUiTouchPointTutorial };
+function roadSnapCornerPct() {
+    var ix = (160 * ROAD_X_PCT) / 100;
+    var iy = (100 * ROAD_Y_PCT) / 100;
+    return {
+        xPct: ((ix + ROAD_HALF_W) / 160) * 100,
+        yPct: ((iy + ROAD_HALF_W) / 100) * 100
+    };
+}
+function roadCrossSvg() {
+    var ix = (160 * ROAD_X_PCT) / 100;
+    var iy = (100 * ROAD_Y_PCT) / 100;
+    var h = ROAD_HALF_W;
+    var xl = ix - h;
+    var xr = ix + h;
+    var yt = iy - h;
+    var yb = iy + h;
+    var gray = 'rgba(210, 210, 210, 0.55)';
+    var red = 'rgba(230, 70, 70, 0.95)';
+    return "<svg viewBox=\"0 0 160 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n    <line x1=\"0\" y1=\"".concat(yt, "\" x2=\"").concat(xl, "\" y2=\"").concat(yt, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xr, "\" y1=\"").concat(yt, "\" x2=\"160\" y2=\"").concat(yt, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"0\" y1=\"").concat(yb, "\" x2=\"").concat(xl, "\" y2=\"").concat(yb, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xr, "\" y1=\"").concat(yb, "\" x2=\"160\" y2=\"").concat(yb, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xl, "\" y1=\"0\" x2=\"").concat(xl, "\" y2=\"").concat(yt, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xl, "\" y1=\"").concat(yb, "\" x2=\"").concat(xl, "\" y2=\"100\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xr, "\" y1=\"0\" x2=\"").concat(xr, "\" y2=\"").concat(yt, "\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"").concat(xr, "\" y1=\"").concat(yb, "\" x2=\"").concat(xr, "\" y2=\"100\" stroke=\"").concat(gray, "\" stroke-width=\"0.9\"/>\n    <line x1=\"0\" y1=\"").concat(iy, "\" x2=\"160\" y2=\"").concat(iy, "\" stroke=\"").concat(red, "\" stroke-width=\"1.1\"/>\n    <line x1=\"").concat(ix, "\" y1=\"0\" x2=\"").concat(ix, "\" y2=\"100\" stroke=\"").concat(red, "\" stroke-width=\"1.1\"/>\n  </svg>");
+}
+function touchZoneSvg() {
+    return "<svg viewBox=\"0 0 36 36\" aria-hidden=\"true\">\n    <circle class=\"ml-touch-tutorial-touch-fill\" cx=\"18\" cy=\"18\" r=\"16\"\n      fill=\"rgba(120, 120, 120, 0.42)\"/>\n    <circle class=\"ml-touch-tutorial-touch-ring\" cx=\"18\" cy=\"18\" r=\"18\"/>\n  </svg>";
+}
+function fingerIconSvg() {
+    return "<svg viewBox=\"0 0 24 32\" aria-hidden=\"true\">\n    <path fill=\"#f5dcc8\" stroke=\"#c9a88a\" stroke-width=\"0.6\"\n      d=\"M12 2c-2.2 0-4 1.6-4 4.2v8.3c0 .6-.5 1-1 1s-1-.4-1-1V8.5C6 5.5 4 4 2 4.5 1 4.7.5 5.5.8 6.4c1.2 3.8 3.2 7.2 5.8 10.1 1.8 2 3.4 3.2 5.4 3.2 3.5 0 6-2.8 6-6.6V6.2C18 3.8 15.4 2 12 2z\"/>\n    <ellipse cx=\"12\" cy=\"28\" rx=\"9\" ry=\"2.5\" fill=\"rgba(0,0,0,0.25)\"/>\n  </svg>";
+}
+function snapCrossSvg() {
+    return "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n    <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n      d=\"M8 2v12M2 8h12\"/>\n  </svg>";
+}
+//# sourceMappingURL=touch-point-tutorial.js.map

package/lib/ui/touch-point-tutorial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch-point-tutorial.js","sourceRoot":"","sources":["../../src/ui/touch-point-tutorial.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;;;;;;;;;;;;;;;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,0CAA0C;AAC1C,IAAM,QAAQ,GAAG,mCAAmC,CAAA;AAEpD,+CAA+C;AAC/C,IAAM,aAAa,GAAG,KAAK,CAAA;AAE3B,iEAAiE;AACjE,IAAM,UAAU,GAAG,EAAE,CAAA;AACrB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,kDAAkD;AAClD,IAAM,WAAW,GAAG,CAAC,CAAA;AAErB,sCAAsC;AACtC,IAAM,YAAY,GAAG,GAAG,CAAA;AAExB,4DAA4D;AAC5D,IAAM,uBAAuB,GAAG,GAAG,CAAA;AAEnC,mEAAmE;AACnE,IAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,mEAAmE;AACnE,IAAM,SAAS,GAAG,GAAG,CAAA;AAErB,oEAAoE;AACpE,IAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,iEAAiE;AACjE,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAElC,iDAAiD;AACjD,IAAM,gBAAgB,GAAG,GAAG,CAAA;AAE5B,2CAA2C;AAC3C,IAAM,cAAc,GAAG,GAAG,CAAA;AAE1B,8EAA8E;AAC9E,IAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,IAAM,iBAAiB,GAAG,eAAe,GAAG,CAAC,CAAA;AAE7C,0DAA0D;AAC1D,IAAM,sBAAsB,GAAG,CAAC,CAAA;AAEhC,+DAA+D;AAC/D,IAAM,UAAU,GAAG,EAAE,CAAA;AACrB,IAAM,YAAY,GAAG,UAAU,GAAG,CAAC,CAAA;AAEnC,6DAA6D;AAC7D,IAAM,oBAAoB,GACxB,iBAAiB,GAAG,sBAAsB,GAAG,YAAY,CAAA;AAgC3D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAuB;IAAvB,qBAAA,EAAA,WAAiB,IAAI,EAAE;IACtD,IAAM,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;IAC5B,IAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACtD,IAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACjD,OAAO,UAAG,CAAC,cAAI,CAAC,cAAI,CAAC,CAAE,CAAA;AACzB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yCAAyC,CACvD,kBAAiC,EACjC,KAAkC;IAElC,IAAI,CAAC,kBAAkB,EAAE;QAAE,OAAO,KAAK,CAAA;IACvC,IAAI,KAAK,CAAC,WAAW;QAAE,OAAO,KAAK,CAAA;IACnC,IAAI,KAAK,CAAC,UAAU,IAAI,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,gBAAgB,EAAE,EAAE,CAAC;QACxE,OAAO,KAAK,CAAA;IACd,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;GAEG;AACH;IAA4C,0CAAU;IAOpD,gCAAoB,MAAoC;QACtD,YAAA,MAAK,YAAC;YACJ,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,WAAW,EAAE,KAAK;YAClB,eAAe,EAAE,KAAK;YACtB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,KAAK;YACtB,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE,4BAA4B;SAC9C,CAAC,SAAA;QACF,KAAI,CAAC,MAAM,GAAG,MAAM,CAAA;QACpB,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAE/D,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;QAC/C,WAAW,CAAC,SAAS,GAAG,iCAAiC,CAAA;QACzD,WAAW,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAA;QACnD,KAAI,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACpC,KAAI,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,UAAU,EAAE,CAAC,CAAA;QAE5D,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,OAAO,CAAC,SAAS,GAAG,oCAAoC,CAAA;QAExD,KAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC1D,KAAI,CAAC,mBAAmB,CAAC,IAAI,GAAG,UAAU,CAAA;QAC1C,KAAI,CAAC,mBAAmB,CAAC,EAAE,GAAG,gCAAgC,CAAA;QAC9D,KAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAA;QACvC,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACnD,WAAW,CAAC,SAAS,GAAG,mCAAmC,CAAA;QAC3D,WAAW,CAAC,OAAO,GAAG,KAAI,CAAC,mBAAmB,CAAC,EAAE,CAAA;QACjD,WAAW,CAAC,MAAM,CAAC,KAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAA;QACzE,WAAW,CAAC,SAAU,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAA;QAE9D,KAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC1D,KAAI,CAAC,mBAAmB,CAAC,IAAI,GAAG,UAAU,CAAA;QAC1C,KAAI,CAAC,mBAAmB,CAAC,EAAE,GAAG,gCAAgC,CAAA;QAC9D,IAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACjD,SAAS,CAAC,SAAS,GAAG,mCAAmC,CAAA;QACzD,SAAS,CAAC,OAAO,GAAG,KAAI,CAAC,mBAAmB,CAAC,EAAE,CAAA;QAC/C,SAAS,CAAC,MAAM,CAAC,KAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAA;QACvE,SAAS,CAAC,SAAU,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAA;QAE5D,KAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAClD,IAAI,KAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACrC,KAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAA;YAC1C,CAAC;QACH,CAAC,CAAC,CAAA;QACF,KAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAClD,IAAI,KAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACrC,KAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAA;YAC1C,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;QACtC,KAAI,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAEhC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAA;QACrB,KAAK,CAAC,SAAS,GAAG,+BAA+B,CAAA;QACjD,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;QACpC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,OAAO,EAAE,EAAd,CAAc,CAAC,CAAA;QACrD,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAChC,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;;IAC5B,CAAC;IAED;;OAEG;IACI,gCAAS,GAAhB,UAAiB,MAAoC;;QACnD,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;QAClD,MAAA,sBAAsB,CAAC,YAAY,0CAAE,KAAK,EAAE,CAAA;QAC5C,IAAM,MAAM,GAAG,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAA;QACjD,sBAAsB,CAAC,YAAY,GAAG,MAAM,CAAA;QAC5C,OAAO,MAAM,CAAC,IAAI,EAAE,CAAA;IACtB,CAAC;IAEQ,sCAAK,GAAd;QACE,IAAI,sBAAsB,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;YACjD,sBAAsB,CAAC,YAAY,GAAG,IAAI,CAAA;QAC5C,CAAC;QACD,gBAAK,CAAC,KAAK,WAAE,CAAA;IACf,CAAC;IAEO,wCAAO,GAAf;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;QACrC,IAAI,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAA;QACjE,CAAC;aAAM,IAAI,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;gBACrB,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,UAAU,EAAE,gBAAgB,EAAE;aAC/B,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAEc,iCAAU,GAAzB;QACE,IAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;QAChC,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC1C,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAA;QACzC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAExC,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,MAAM,CAAC,SAAS,GAAG,0BAA0B,CAAA;QAC7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,UAAG,IAAI,CAAC,IAAI,MAAG,CAAC,CAAA;QAC9D,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,UAAG,IAAI,CAAC,IAAI,MAAG,CAAC,CAAA;QAC9D,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,UAAG,oBAAoB,OAAI,CAAC,CAAA;QAC/E,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,UAAG,YAAY,OAAI,CAAC,CAAA;QAEtE,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,yBAAyB,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,YAAY,EAAE,CAAA;QAEhC,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,OAAO,CAAC,SAAS,GAAG,4BAA4B,CAAA;QAEhD,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAChD,UAAU,CAAC,SAAS,GAAG,+BAA+B,CAAA;QAEtD,IAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC/C,SAAS,CAAC,SAAS,GAAG,8BAA8B,CAAA;QACpD,SAAS,CAAC,SAAS,GAAG,YAAY,EAAE,CAAA;QAEpC,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,MAAM,CAAC,SAAS,GAAG,0BAA0B,CAAA;QAC7C,MAAM,CAAC,SAAS,GAAG,aAAa,EAAE,CAAA;QAElC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,yBAAyB,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,YAAY,EAAE,CAAA;QAEhC,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACpC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;QAChD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACxB,OAAO,IAAI,CAAA;IACb,CAAC;IAEc,0BAAG,GAAlB,UAAmB,EAAU;QAC3B,OAAO,CAAC,CAAC,EAAE,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAChD,CAAC;IAEc,+BAAQ,GAAvB,UAAwB,MAAc,EAAE,OAAe;QACrD,OAAO,sBAAsB,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;IACrD,CAAC;IAEc,2CAAoB,GAAnC,UAAoC,WAAmB;QACrD,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;YAAE,OAAM;QAE7C,IAAM,QAAQ,GAAG,sBAAsB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;QAC7D,IAAM,MAAM,GAAG,sBAAsB,CAAC,GAAG,CAAC,gBAAgB,GAAG,cAAc,CAAC,CAAA;QAC5E,IAAM,SAAS,GAAG,MAAM,CAAA;QACxB,IAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,CACxC,gBAAgB,GAAG,cAAc,GAAG,YAAY,CACjD,CAAA;QACD,IAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QACvD,IAAM,SAAS,GAAG,sBAAsB,CAAC,QAAQ,CAC/C,WAAW,EACX,mBAAmB,CACpB,CAAA;QACD,IAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAClD,WAAW,EACX,mBAAmB,GAAG,sBAAsB,CAC7C,CAAA;QACD,IAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAClD,WAAW,EACX,mBAAmB,GAAG,uBAAuB,CAC9C,CAAA;QACD,IAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAClD,WAAW,EACX,mBAAmB,GAAG,uBAAuB,GAAG,mBAAmB,CACpE,CAAA;QACD,IAAM,WAAW,GAAG,YAAY,CAAA;QAChC,IAAM,SAAS,GAAG,sBAAsB,CAAC,QAAQ,CAC/C,WAAW,EACX,mBAAmB,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,SAAS,CAChF,CAAA;QACD,IAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,CAAA;QAC/D,IAAM,WAAW,GAAG,sBAAsB,CAAC,QAAQ,CACjD,gBAAgB,GAAG,cAAc,EACjC,EAAE,CACH,CAAA;QACD,IAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;QACrE,IAAM,SAAS,GAAG,sBAAsB,CAAC,QAAQ,CAC/C,WAAW,EACX,mBAAmB,GAAG,CAAC,CACxB,CAAA;QACD,IAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAChD,WAAW,EACX,mBAAmB,GAAG,uBAAuB,GAAG,CAAC,CAClD,CAAA;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC7C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAA;QACnB,KAAK,CAAC,WAAW,GAAG,w0BA+CM,aAAa,kRAaN,aAAa,uYAoBrB,aAAa,kOAWH,aAAa,kUAezC,UAAU,4BACT,UAAU,2MAKI,aAAa,kEACV,aAAa,2DACf,aAAa,ydAsBP,aAAa,2FAKtC,OAAO,wDAIX,SAAS,gBAAM,YAAY,+JAI3B,SAAS,2GAOL,MAAM,kCACV,WAAW,gBAAM,WAAW,kCAC5B,SAAS,6GAKT,QAAQ,uGAKJ,SAAS,gDACb,OAAO,gBAAM,OAAO,6HAKhB,OAAO,4FAIX,SAAS,gBAAM,YAAY,iIAI3B,YAAY,sOAWR,OAAO,kCACX,YAAY,gBAAM,SAAS,kCAC3B,OAAO,oFAIH,YAAY,2DAChB,UAAU,gBAAM,SAAS,6HAKrB,SAAS,kCACb,SAAS,gBAAM,YAAY,kCAC3B,UAAU,o9BA+Cb,CAAC,IAAI,EAAE,CAAA;QACJ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC;IAxcc,mCAAY,GAAkC,IAAI,CAAA;IAycnE,6BAAC;CAAA,AA1cD,CAA4C,UAAU,GA0crD;SA1cY,sBAAsB;AA4cnC,SAAS,iBAAiB;IACxB,IAAM,EAAE,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;IACnC,IAAM,EAAE,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;IACnC,OAAO;QACL,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;QACtC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;KACvC,CAAA;AACH,CAAC;AAED,SAAS,YAAY;IACnB,IAAM,EAAE,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;IACnC,IAAM,EAAE,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;IACnC,IAAM,CAAC,GAAG,WAAW,CAAA;IACrB,IAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACjB,IAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACjB,IAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACjB,IAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACjB,IAAM,IAAI,GAAG,2BAA2B,CAAA;IACxC,IAAM,GAAG,GAAG,yBAAyB,CAAA;IACrC,OAAO,mHACc,EAAE,qBAAS,EAAE,qBAAS,EAAE,yBAAa,IAAI,uDAChD,EAAE,qBAAS,EAAE,gCAAkB,EAAE,yBAAa,IAAI,gEAC3C,EAAE,qBAAS,EAAE,qBAAS,EAAE,yBAAa,IAAI,uDAChD,EAAE,qBAAS,EAAE,gCAAkB,EAAE,yBAAa,IAAI,uDAClD,EAAE,8BAAgB,EAAE,qBAAS,EAAE,yBAAa,IAAI,uDAChD,EAAE,qBAAS,EAAE,qBAAS,EAAE,oCAAsB,IAAI,uDAClD,EAAE,8BAAgB,EAAE,qBAAS,EAAE,yBAAa,IAAI,uDAChD,EAAE,qBAAS,EAAE,qBAAS,EAAE,oCAAsB,IAAI,gEAC3C,EAAE,gCAAkB,EAAE,yBAAa,GAAG,uDAC7C,EAAE,8BAAgB,EAAE,oCAAsB,GAAG,wCACpD,CAAA;AACT,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,4QAIA,CAAA;AACT,CAAC;AAED,SAAS,aAAa;IACpB,OAAO,qZAIA,CAAA;AACT,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,8JAGA,CAAA;AACT,CAAC"}

package/lib/ui-html-entry.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Tree-shakeable UI surface for the offline HTML viewer-runtime IIFE.
+ *
+ * Vite aliases `@mlightcad/cad-simple-viewer` to this file when building
+ * `viewer-runtime.iife.js` so the bundle never walks the full package barrel
+ * (`app` / `command` / DocManager).
+ *
+ * @module ui-html-entry
+ * @packageDocumentation
+ */
+export { acedApplyCanvasTouchCalloutStyles, acedClearDomSelection, acedGuardCanvasTouchCallout } from './editor/input/ui/AcEdCanvasTouchCalloutGuard';
+export { AcEdEntityPickCancelChrome } from './editor/input/ui/AcEdEntityPickCancelChrome';
+export { ACED_TOUCH_POINT_LONG_PRESS_MS, ACED_TOUCH_POINT_MOVE_CANCEL_PX } from './editor/input/ui/AcEdTouchPointTiming';
+export { acedIsMobileOrPadUi, acedIsMobileUiLayout } from './editor/global/AcEdUiLayout';
+export { AcUiAciColorDialog } from './ui/AcUiAciColorDialog';
+export type { AcUiAciColorDialogLabels, AcUiAciColorDialogOptions } from './ui/AcUiAciColorDialog';
+export { AcUiFullscreenPanel } from './ui/AcUiFullscreenPanel';
+export type { AcUiFullscreenPanelLabels, AcUiFullscreenPanelOptions } from './ui/AcUiFullscreenPanel';
+export { AcUiHelpPanel } from './ui/AcUiHelpPanel';
+export type { AcUiHelpPanelLabels, AcUiHelpPanelOptions, AcUiHelpPanelShowOptions } from './ui/AcUiHelpPanel';
+export { AcUiMobileSessionPanel } from './ui/AcUiMobileSessionPanel';
+export type { AcUiMobileSessionPanelLabels, AcUiMobileSessionPanelOptions, AcUiMobileSessionPanelState, AcUiMobileSessionPanelCallbacks, AcUiMobileSessionKeyword, AcUiMobileSessionMetricTexts } from './ui/AcUiMobileSessionPanel';
+export { AcUiShortCutToolbar } from './ui/AcUiShortCutToolbar';
+export type { AcUiShortCutToolbarActionState, AcUiShortCutToolbarOptions } from './ui/AcUiShortCutToolbar';
+export { AcUiSimpleToolbar } from './ui/AcUiSimpleToolbar';
+export type { AcUiSimpleToolbarItem } from './ui/AcUiSimpleToolbar';
+export { AcEdOpenMode } from './editor/view/AcEdOpenMode';
+export { AcUiToolbar } from './ui/toolbar/AcUiToolbar';
+export type { AcUiToolbarMountOptions } from './ui/toolbar/AcUiToolbar';
+export { acuiEnsureToolbarStyles, acuiRemoveToolbarStylesIfUnused } from './ui/toolbar/AcUiToolbarStyles';
+export { acuiCopyDynamicToolbarChildren } from './ui/toolbar/toolbarItemUtils';
+export type { AcUiToolbarDocState, AcUiToolbarI18n, AcUiToolbarItem, AcUiToolbarPlacement, AcUiToolbarChildrenUi } from './ui/toolbar/types';
+export { AcUiTextHeightDialog } from './ui/AcUiTextHeightDialog';
+export type { AcUiTextHeightDialogLabels, AcUiTextHeightDialogOptions, AcUiTextHeightDialogResult, AcUiTextHeightMode } from './ui/AcUiTextHeightDialog';
+export { acuiLocalIsoDate, acuiShouldShowTouchPointTutorialFromPrefs, AcUiTouchPointTutorial } from './ui/touch-point-tutorial';
+export type { AcUiTouchPointTutorialConfig, AcUiTouchPointTutorialLabels, AcUiTouchPointTutorialPrefs } from './ui/touch-point-tutorial';
+export { createIconElement, ICON_CLOSE, ICON_ERASE, ICON_REDO, ICON_TEXT_HEIGHT, ICON_UNDO } from './ui/icons';
+//# sourceMappingURL=ui-html-entry.d.ts.map

package/lib/ui-html-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-html-entry.d.ts","sourceRoot":"","sources":["../src/ui-html-entry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EACL,iCAAiC,EACjC,qBAAqB,EACrB,2BAA2B,EAC5B,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAA;AACzF,OAAO,EACL,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,YAAY,EACV,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,+BAA+B,EAC/B,wBAAwB,EACxB,4BAA4B,EAC7B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,YAAY,EACV,8BAA8B,EAC9B,0BAA0B,EAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAChC,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAA;AAC9E,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,gBAAgB,EAChB,yCAAyC,EACzC,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,SAAS,EACV,MAAM,YAAY,CAAA"}

package/lib/ui-html-entry.js

@@ -0,0 +1,28 @@
+/**
+ * Tree-shakeable UI surface for the offline HTML viewer-runtime IIFE.
+ *
+ * Vite aliases `@mlightcad/cad-simple-viewer` to this file when building
+ * `viewer-runtime.iife.js` so the bundle never walks the full package barrel
+ * (`app` / `command` / DocManager).
+ *
+ * @module ui-html-entry
+ * @packageDocumentation
+ */
+export { acedApplyCanvasTouchCalloutStyles, acedClearDomSelection, acedGuardCanvasTouchCallout } from './editor/input/ui/AcEdCanvasTouchCalloutGuard';
+export { AcEdEntityPickCancelChrome } from './editor/input/ui/AcEdEntityPickCancelChrome';
+export { ACED_TOUCH_POINT_LONG_PRESS_MS, ACED_TOUCH_POINT_MOVE_CANCEL_PX } from './editor/input/ui/AcEdTouchPointTiming';
+export { acedIsMobileOrPadUi, acedIsMobileUiLayout } from './editor/global/AcEdUiLayout';
+export { AcUiAciColorDialog } from './ui/AcUiAciColorDialog';
+export { AcUiFullscreenPanel } from './ui/AcUiFullscreenPanel';
+export { AcUiHelpPanel } from './ui/AcUiHelpPanel';
+export { AcUiMobileSessionPanel } from './ui/AcUiMobileSessionPanel';
+export { AcUiShortCutToolbar } from './ui/AcUiShortCutToolbar';
+export { AcUiSimpleToolbar } from './ui/AcUiSimpleToolbar';
+export { AcEdOpenMode } from './editor/view/AcEdOpenMode';
+export { AcUiToolbar } from './ui/toolbar/AcUiToolbar';
+export { acuiEnsureToolbarStyles, acuiRemoveToolbarStylesIfUnused } from './ui/toolbar/AcUiToolbarStyles';
+export { acuiCopyDynamicToolbarChildren } from './ui/toolbar/toolbarItemUtils';
+export { AcUiTextHeightDialog } from './ui/AcUiTextHeightDialog';
+export { acuiLocalIsoDate, acuiShouldShowTouchPointTutorialFromPrefs, AcUiTouchPointTutorial } from './ui/touch-point-tutorial';
+export { createIconElement, ICON_CLOSE, ICON_ERASE, ICON_REDO, ICON_TEXT_HEIGHT, ICON_UNDO } from './ui/icons';
+//# sourceMappingURL=ui-html-entry.js.map

package/lib/ui-html-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-html-entry.js","sourceRoot":"","sources":["../src/ui-html-entry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EACL,iCAAiC,EACjC,qBAAqB,EACrB,2BAA2B,EAC5B,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAA;AACzF,OAAO,EACL,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAK5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAK9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AASpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAK9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAChC,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAA;AAQ9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAOhE,OAAO,EACL,gBAAgB,EAChB,yCAAyC,EACzC,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAMlC,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,SAAS,EACV,MAAM,YAAY,CAAA"}

package/lib/util/AcApAciPalette.d.ts

@@ -0,0 +1,7 @@
+/** ACI indices 1–9 (standard small palette). */
+export declare const ACI_SMALL_PALETTE_INDICES: number[];
+/** ACI indices 10–249 in AutoCAD dialog order (see {@link buildAciLargePaletteIndices}). */
+export declare const ACI_LARGE_PALETTE_INDICES: number[];
+/** ACI indices 250–255 (gray ramp). */
+export declare const ACI_GRAY_PALETTE_INDICES: number[];
+//# sourceMappingURL=AcApAciPalette.d.ts.map

package/lib/util/AcApAciPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcApAciPalette.d.ts","sourceRoot":"","sources":["../../src/util/AcApAciPalette.ts"],"names":[],"mappings":"AAwBA,gDAAgD;AAChD,eAAO,MAAM,yBAAyB,UAGrC,CAAA;AAED,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,UAAgC,CAAA;AAEtE,uCAAuC;AACvC,eAAO,MAAM,wBAAwB,UAGpC,CAAA"}

package/lib/util/AcApAciPalette.js

@@ -0,0 +1,51 @@
+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.");
+};
+/**
+ * Ones-digit row order used by AutoCAD's ACI color dialog for indices 10–249.
+ * Even digits descend (8→0), then odd digits ascend (1→9).
+ */
+var ACI_LARGE_ONES_ORDER = [8, 6, 4, 2, 0, 1, 3, 5, 7, 9];
+/**
+ * Builds ACI indices 10–249 in AutoCAD Color dialog order.
+ *
+ * Layout is 10 rows × 24 columns: each column is a decade group (10, 20, …,
+ * 240); each row uses ones digits `8, 6, 4, 2, 0, 1, 3, 5, 7, 9`.
+ *
+ * @returns 240 indices suitable for a `grid-template-columns: repeat(24, …)` palette.
+ */
+function buildAciLargePaletteIndices() {
+    var e_1, _a;
+    var indices = [];
+    try {
+        for (var ACI_LARGE_ONES_ORDER_1 = __values(ACI_LARGE_ONES_ORDER), ACI_LARGE_ONES_ORDER_1_1 = ACI_LARGE_ONES_ORDER_1.next(); !ACI_LARGE_ONES_ORDER_1_1.done; ACI_LARGE_ONES_ORDER_1_1 = ACI_LARGE_ONES_ORDER_1.next()) {
+            var ones = ACI_LARGE_ONES_ORDER_1_1.value;
+            for (var decade = 1; decade <= 24; decade++) {
+                indices.push(decade * 10 + ones);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (ACI_LARGE_ONES_ORDER_1_1 && !ACI_LARGE_ONES_ORDER_1_1.done && (_a = ACI_LARGE_ONES_ORDER_1.return)) _a.call(ACI_LARGE_ONES_ORDER_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return indices;
+}
+/** ACI indices 1–9 (standard small palette). */
+export var ACI_SMALL_PALETTE_INDICES = Array.from({ length: 9 }, function (_, i) { return i + 1; });
+/** ACI indices 10–249 in AutoCAD dialog order (see {@link buildAciLargePaletteIndices}). */
+export var ACI_LARGE_PALETTE_INDICES = buildAciLargePaletteIndices();
+/** ACI indices 250–255 (gray ramp). */
+export var ACI_GRAY_PALETTE_INDICES = Array.from({ length: 6 }, function (_, i) { return i + 250; });
+//# sourceMappingURL=AcApAciPalette.js.map

package/lib/util/AcApAciPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcApAciPalette.js","sourceRoot":"","sources":["../../src/util/AcApAciPalette.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;GAGG;AACH,IAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEpE;;;;;;;GAOG;AACH,SAAS,2BAA2B;;IAClC,IAAM,OAAO,GAAa,EAAE,CAAA;;QAC5B,KAAmB,IAAA,yBAAA,SAAA,oBAAoB,CAAA,0DAAA,4FAAE,CAAC;YAArC,IAAM,IAAI,iCAAA;YACb,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC;gBAC5C,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;;;;;;;;;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,gDAAgD;AAChD,MAAM,CAAC,IAAM,yBAAyB,GAAG,KAAK,CAAC,IAAI,CACjD,EAAE,MAAM,EAAE,CAAC,EAAE,EACb,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAChB,CAAA;AAED,4FAA4F;AAC5F,MAAM,CAAC,IAAM,yBAAyB,GAAG,2BAA2B,EAAE,CAAA;AAEtE,uCAAuC;AACvC,MAAM,CAAC,IAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAChD,EAAE,MAAM,EAAE,CAAC,EAAE,EACb,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,GAAG,EAAP,CAAO,CAClB,CAAA"}

package/lib/util/AcApAnalyzeUnsupportedDrawing.d.ts

@@ -0,0 +1,53 @@
+import type { AcDbClass, AcDbDatabase } from '@mlightcad/data-model';
+/**
+ * Result of scanning a drawing for unsupported / custom entities.
+ */
+export interface AcApUnsupportedDrawingAnalysis {
+    /** Entities the parser could not construct at all. */
+    unknownEntityCount: number;
+    /** Sum of `instanceCount` for 天正-like entity classes. */
+    tianzhengEntityCount: number;
+    /** `ProxyEntity` instances with empty / missing proxy graphics. */
+    emptyProxyEntityCount: number;
+    /** True when CLASSES (or proxy metadata) looks like a 天正 drawing. */
+    isTianzhengDrawing: boolean;
+    /** Whether the viewer should surface a parsing warning. */
+    shouldWarn: boolean;
+}
+/**
+ * Options for {@link acapAnalyzeUnsupportedDrawing}.
+ */
+export interface AcApAnalyzeUnsupportedDrawingOptions {
+    /**
+     * When `false`, skip walking block-table entities for empty proxies
+     * (CLASSES-only pass). Default `true`.
+     */
+    scanProxies?: boolean;
+}
+/**
+ * Returns true when a CLASSES entry name looks like a 天正 / TArch class.
+ *
+ * @param name - DXF or C++ class name to test.
+ * @returns `true` when the name starts with a known 天正 prefix.
+ */
+export declare function acapIsTianzhengClassName(name: string | undefined | null): boolean;
+/**
+ * Returns true when a class definition appears to belong to 天正 / TArch.
+ *
+ * @param entry - CLASSES table entry from the drawing database.
+ * @returns `true` when name / cpp name / app name matches 天正 heuristics.
+ */
+export declare function acapIsTianzhengClass(entry: AcDbClass): boolean;
+/**
+ * Analyzes a drawing for unsupported / custom entities the viewer cannot show.
+ *
+ * Combines parser stats (`unknownEntityCount`), CLASSES-section heuristics
+ * (especially 天正 `TCH_` / `TH_` classes), and a scan for empty proxy graphics.
+ *
+ * @param database - Opened drawing database.
+ * @param unknownEntityCount - Count reported at PARSE END; defaults to `0`.
+ * @param options - Analysis flags (see {@link AcApAnalyzeUnsupportedDrawingOptions}).
+ * @returns Aggregated counts and whether a warning should be shown.
+ */
+export declare function acapAnalyzeUnsupportedDrawing(database: AcDbDatabase, unknownEntityCount?: number, options?: AcApAnalyzeUnsupportedDrawingOptions): AcApUnsupportedDrawingAnalysis;
+//# sourceMappingURL=AcApAnalyzeUnsupportedDrawing.d.ts.map

package/lib/util/AcApAnalyzeUnsupportedDrawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcApAnalyzeUnsupportedDrawing.d.ts","sourceRoot":"","sources":["../../src/util/AcApAnalyzeUnsupportedDrawing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAc,MAAM,uBAAuB,CAAA;AAUhF;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,sDAAsD;IACtD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,yDAAyD;IACzD,oBAAoB,EAAE,MAAM,CAAA;IAC5B,mEAAmE;IACnE,qBAAqB,EAAE,MAAM,CAAA;IAC7B,qEAAqE;IACrE,kBAAkB,EAAE,OAAO,CAAA;IAC3B,2DAA2D;IAC3D,UAAU,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAC9B,OAAO,CAKT;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAU9D;AAkDD;;;;;;;;;;GAUG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,YAAY,EACtB,kBAAkB,SAAI,EACtB,OAAO,GAAE,oCAAyC,GACjD,8BAA8B,CAuChC"}