@aceshooting/lyra-ui 3.7.0 → 3.8.0

package/dist/components/highlight-layer/highlight-layer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.class.d.ts","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAKhG,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX;oCACgC;IAChC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,yBAAyB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAEb,KAAK,EAAE,kBAAkB,EAAE,CAAM;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrE;wCACoC;IACQ,WAAW,UAAQ;IAEtD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,UAAU,CAAuB;IAClD,OAAO,CAAC,UAAU,CAAC,CAAgC;IAEnD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAIlD;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED;mFAC+E;IAC/E,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAMtB;IAED,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,SAAS;IAMjB,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO,CAiCxC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/components/highlight-layer/highlight-layer.class.js

@@ -0,0 +1,151 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './highlight-layer.styles.js';
+const FLASH_DURATION_MS = 1800; // mirrors --lyra-transition-ambient's default duration
+/**
+ * `<lyra-highlight-layer>` — a presentational overlay that paints highlight rectangles
+ * (percent-of-box coordinates) over positioned content and owns their activation, active/flash
+ * styling, and keyboard access. `items` order is the caller's own reading order; the layer does not
+ * re-sort geometrically. Fills its nearest positioned ancestor.
+ *
+ * @customElement lyra-highlight-layer
+ * @event lyra-highlight-activate - A rect was activated (click, or Enter/Space while focused).
+ *   `detail: { id }`.
+ * @csspart base - The absolutely-positioned overlay (inset 0).
+ * @csspart rect - One highlight rectangle (`data-tone`/`data-active`/`data-flash` state attributes).
+ */
+export class LyraHighlightLayer extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.activeId = null;
+        /** `false` = pure paint: `pointer-events: none`, no tab stop, no role. Default-true, matching
+         *  markdown's `sanitize` stance. */
+        this.interactive = true;
+        this.focusedId = null;
+        this.flashingId = null;
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (changed.has('items') && this.focusedId && !this.items.some((i) => i.id === this.focusedId)) {
+            this.focusedId = null;
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        clearTimeout(this.flashTimer);
+    }
+    /** Applies a one-shot emphasis flash to the item `id`. Reduced-motion is handled purely in CSS
+     *  (`[data-flash]` + the media query) -- no separate JS branch needed here. */
+    flash(id) {
+        clearTimeout(this.flashTimer);
+        this.flashingId = id;
+        this.flashTimer = setTimeout(() => {
+            this.flashingId = null;
+        }, FLASH_DURATION_MS);
+    }
+    tabStopId() {
+        if (this.items.length === 0)
+            return null;
+        if (this.focusedId && this.items.some((i) => i.id === this.focusedId))
+            return this.focusedId;
+        if (this.activeId && this.items.some((i) => i.id === this.activeId))
+            return this.activeId;
+        return this.items[0].id;
+    }
+    onRectClick(id) {
+        this.emit('lyra-highlight-activate', { id });
+    }
+    onRectFocus(id) {
+        this.focusedId = id;
+    }
+    focusRect(id) {
+        this.renderRoot.querySelector(`[part="rect"][data-id="${id}"]`)?.focus();
+    }
+    onRectKeyDown(e, index) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.onRectClick(this.items[index].id);
+            return;
+        }
+        const rtl = this.effectiveDirection === 'rtl';
+        const forward = e.key === 'ArrowDown' || (rtl ? e.key === 'ArrowLeft' : e.key === 'ArrowRight');
+        const backward = e.key === 'ArrowUp' || (rtl ? e.key === 'ArrowRight' : e.key === 'ArrowLeft');
+        let nextIndex;
+        if (forward)
+            nextIndex = Math.min(this.items.length - 1, index + 1);
+        else if (backward)
+            nextIndex = Math.max(0, index - 1);
+        else if (e.key === 'Home')
+            nextIndex = 0;
+        else if (e.key === 'End')
+            nextIndex = this.items.length - 1;
+        if (nextIndex === undefined || nextIndex === index)
+            return;
+        e.preventDefault();
+        const nextId = this.items[nextIndex].id;
+        this.focusedId = nextId;
+        this.scheduleAfterUpdate(() => this.focusRect(nextId));
+    }
+    rectLabel(item, index) {
+        return item.label
+            ? this.localize('highlightWithLabel', undefined, { label: item.label })
+            : this.localize('highlightOfTotal', undefined, { index: index + 1, total: this.items.length });
+    }
+    render() {
+        if (this.items.length === 0)
+            return nothing;
+        const tabStop = this.tabStopId();
+        return html `
+      <div part="base" role="group" aria-label=${this.localize('highlightLayerLabel')}>
+        ${this.items.map((item, index) => {
+            const isActive = this.activeId === item.id;
+            const isFlash = this.flashingId === item.id;
+            // Rect coordinates are physical percent-of-box over content that never mirrors (a
+            // rendered image/page), so position with physical left/top -- logical
+            // inset-inline-start would flip the overlay under RTL while the content stays put.
+            return item.rects.map((rect) => html `
+              <span
+                part="rect"
+                data-id=${item.id}
+                data-tone=${item.tone ?? 'accent'}
+                ?data-active=${isActive}
+                ?data-flash=${isFlash}
+                aria-current=${isActive ? 'true' : nothing}
+                role=${this.interactive ? 'button' : nothing}
+                tabindex=${this.interactive ? (tabStop === item.id ? '0' : '-1') : nothing}
+                aria-label=${this.interactive ? this.rectLabel(item, index) : nothing}
+                style="left:${rect.x}%; top:${rect.y}%; width:${rect.width}%; height:${rect.height}%"
+                @click=${this.interactive ? () => this.onRectClick(item.id) : nothing}
+                @focus=${this.interactive ? () => this.onRectFocus(item.id) : nothing}
+                @keydown=${this.interactive ? (e) => this.onRectKeyDown(e, index) : nothing}
+              ></span>
+            `);
+        })}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraHighlightLayer.prototype, "items", void 0);
+__decorate([
+    property({ attribute: 'active-id' })
+], LyraHighlightLayer.prototype, "activeId", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraHighlightLayer.prototype, "interactive", void 0);
+__decorate([
+    state()
+], LyraHighlightLayer.prototype, "focusedId", void 0);
+__decorate([
+    state()
+], LyraHighlightLayer.prototype, "flashingId", void 0);
+//# sourceMappingURL=highlight-layer.class.js.map

package/dist/components/highlight-layer/highlight-layer.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.class.js","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.class.ts"],"names":[],"mappings":"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"}

package/dist/components/highlight-layer/highlight-layer.d.ts

@@ -0,0 +1,2 @@
+export * from './highlight-layer.class.js';
+//# sourceMappingURL=highlight-layer.d.ts.map

package/dist/components/highlight-layer/highlight-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.d.ts","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/components/highlight-layer/highlight-layer.js

@@ -0,0 +1,5 @@
+export * from './highlight-layer.class.js';
+import { LyraHighlightLayer } from './highlight-layer.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('highlight-layer', LyraHighlightLayer);
+//# sourceMappingURL=highlight-layer.js.map

package/dist/components/highlight-layer/highlight-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.js","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/highlight-layer/highlight-layer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=highlight-layer.styles.d.ts.map

package/dist/components/highlight-layer/highlight-layer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiElB,CAAC"}

package/dist/components/highlight-layer/highlight-layer.styles.js

@@ -0,0 +1,68 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    position: absolute;
+    inset: 0;
+    display: block;
+    pointer-events: none;
+  }
+  [part='base'] {
+    position: absolute;
+    inset: 0;
+  }
+  [part='rect'] {
+    position: absolute;
+    pointer-events: none;
+    box-sizing: border-box;
+    border-radius: var(--lyra-radius-xs);
+    background: var(--lyra-color-brand-quiet);
+    outline: var(--lyra-border-width-thin) solid var(--lyra-color-brand);
+    outline-offset: calc(-1 * var(--lyra-border-width-thin));
+  }
+  :host([interactive]) [part='rect'] {
+    pointer-events: auto;
+    cursor: pointer;
+  }
+  [part='rect'][data-tone='success'] {
+    background: var(--lyra-color-success-quiet);
+    outline-color: var(--lyra-color-success);
+  }
+  [part='rect'][data-tone='warning'] {
+    background: var(--lyra-color-warning-quiet);
+    outline-color: var(--lyra-color-warning);
+  }
+  [part='rect'][data-tone='danger'] {
+    background: var(--lyra-color-danger-quiet);
+    outline-color: var(--lyra-color-danger);
+  }
+  [part='rect'][data-tone='neutral'] {
+    background: var(--lyra-color-surface-raised);
+    outline-color: var(--lyra-color-text-quiet);
+  }
+  [part='rect'][data-active] {
+    outline-width: var(--lyra-border-width-medium);
+  }
+  [part='rect']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='rect'][data-flash] {
+    background: var(--lyra-color-brand);
+    animation: lyra-highlight-layer-flash var(--lyra-transition-ambient);
+  }
+  @keyframes lyra-highlight-layer-flash {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0.45;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='rect'][data-flash] {
+      animation: none;
+      outline-width: var(--lyra-border-width-medium);
+    }
+  }
+`;
+//# sourceMappingURL=highlight-layer.styles.js.map

package/dist/components/highlight-layer/highlight-layer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-layer.styles.js","sourceRoot":"","sources":["../../../src/components/highlight-layer/highlight-layer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,CAAC"}

package/dist/components/image-comparer/image-comparer.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-comparer.class.d.ts","sourceRoot":"","sources":["../../../src/components/image-comparer/image-comparer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,4BAA4B,GAAG,YAAY,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,sBAAsB,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAgC;IAEF,QAAQ,SAAM;IAC5B,WAAW,EAAE,4BAA4B,CAAgB;IAC7C,WAAW,SAAM;IAClB,UAAU,SAAM;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7E,OAAO,KAAK,kBAAkB,GAE7B;IAED,OAAO,CAAC,OAAO,CAIb;IAEF,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,MAAM,CAEZ;IAEF,MAAM,IAAI,cAAc,CA0BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"image-comparer.class.d.ts","sourceRoot":"","sources":["../../../src/components/image-comparer/image-comparer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,4BAA4B,GAAG,YAAY,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,sBAAsB,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAgC;IAEF,QAAQ,SAAM;IAC5B,WAAW,EAAE,4BAA4B,CAAgB;IAC7C,WAAW,SAAM;IAClB,UAAU,SAAM;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7E,OAAO,KAAK,kBAAkB,GAE7B;IAED,OAAO,CAAC,OAAO,CAIb;IAEF,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,MAAM,CAEZ;IAEF,MAAM,IAAI,cAAc,CA0BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/image-comparer/image-comparer.class.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
+import { finiteRange } from '../../internal/numbers.js';
 import { styles } from './image-comparer.styles.js';
 /**
  * `<lyra-image-comparer>` — compares two slotted surfaces with a keyboard-
@@ -44,7 +45,7 @@ export class LyraImageComparer extends LyraElement {
     }
     static { this.styles = [LyraElement.styles, styles]; }
     get normalizedPosition() {
-        return Math.min(100, Math.max(0, Number.isFinite(this.position) ? this.position : 50));
+        return finiteRange(this.position, 50, 0, 100);
     }
     render() {
         const position = `${this.normalizedPosition}%`;

package/dist/components/image-comparer/image-comparer.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-comparer.class.js","sourceRoot":"","sources":["../../../src/components/image-comparer/image-comparer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAUpD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAsC;IAA7E;;QAG6C,aAAQ,GAAG,EAAE,CAAC;QAC5B,gBAAW,GAAiC,YAAY,CAAC;QAC7C,gBAAW,GAAG,EAAE,CAAC;QAClB,eAAU,GAAG,EAAE,CAAC;QACjB,oBAAe,GAAkB,IAAI,CAAC;QAMrE,YAAO,GAAG,CAAC,KAAY,EAAQ,EAAE;YACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAiC,CAAC;YACtD,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAC3E,CAAC,CAAC;QAEM,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,CAAC;QAEM,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,CAAC;IA6BJ,CAAC;aArDQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAQ7C,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACzF,CAAC;IAgBD,MAAM;QACJ,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,kBAAkB,GAAG,CAAC;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,WAAW;yCACA,QAAQ;;mBAE9B,KAAK;;6CAEqB,IAAI,CAAC,UAAU;+CACb,IAAI,CAAC,WAAW;;;;;;;;iBAQ9C,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC;qBAC3B,KAAK;iBACT,IAAI,CAAC,OAAO;iBACZ,IAAI,CAAC,OAAO;gBACb,IAAI,CAAC,MAAM;;WAEhB,CAAC;IACV,CAAC;CACF;AAnD4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAA0D;AAC7C;IAAxC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;sDAAkB;AAClB;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;qDAAiB;AACjB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;0DAAuC"}
+{"version":3,"file":"image-comparer.class.js","sourceRoot":"","sources":["../../../src/components/image-comparer/image-comparer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAUpD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAsC;IAA7E;;QAG6C,aAAQ,GAAG,EAAE,CAAC;QAC5B,gBAAW,GAAiC,YAAY,CAAC;QAC7C,gBAAW,GAAG,EAAE,CAAC;QAClB,eAAU,GAAG,EAAE,CAAC;QACjB,oBAAe,GAAkB,IAAI,CAAC;QAMrE,YAAO,GAAG,CAAC,KAAY,EAAQ,EAAE;YACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAiC,CAAC;YACtD,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAC3E,CAAC,CAAC;QAEM,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,CAAC;QAEM,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,CAAC;IA6BJ,CAAC;aArDQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAQ7C,IAAY,kBAAkB;QAC5B,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAChD,CAAC;IAgBD,MAAM;QACJ,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,kBAAkB,GAAG,CAAC;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,WAAW;yCACA,QAAQ;;mBAE9B,KAAK;;6CAEqB,IAAI,CAAC,UAAU;+CACb,IAAI,CAAC,WAAW;;;;;;;;iBAQ9C,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC;qBAC3B,KAAK;iBACT,IAAI,CAAC,OAAO;iBACZ,IAAI,CAAC,OAAO;gBACb,IAAI,CAAC,MAAM;;WAEhB,CAAC;IACV,CAAC;CACF;AAnD4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAA0D;AAC7C;IAAxC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;sDAAkB;AAClB;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;qDAAiB;AACjB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;0DAAuC"}

package/dist/components/image-viewer/image-viewer.class.d.ts

@@ -0,0 +1,143 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { LyraAnchor, LyraAnchorKind, HighlightActivateDetail, AnchorResultDetail } from '../document-viewer/anchors.js';
+import '../zoomable-frame/zoomable-frame.js';
+import '../live-region/live-region.js';
+export type ImageFit = 'contain' | 'width' | 'actual';
+export type ImageRotation = 0 | 90 | 180 | 270;
+export interface ImageRegionRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface LyraImageViewerEventMap {
+    'lyra-load': CustomEvent<{
+        naturalWidth: number;
+        naturalHeight: number;
+    }>;
+    'lyra-zoom-change': CustomEvent<{
+        zoom: number;
+    }>;
+    'lyra-rotation-change': CustomEvent<{
+        rotation: ImageRotation;
+    }>;
+    'lyra-fit-change': CustomEvent<{
+        fit: ImageFit;
+    }>;
+    'lyra-highlight-activate': CustomEvent<HighlightActivateDetail>;
+    'lyra-annotation-create': CustomEvent<{
+        anchor: LyraAnchor;
+    }>;
+    'lyra-anchor-result': CustomEvent<AnchorResultDetail>;
+    'lyra-render-error': CustomEvent<{
+        error: unknown;
+    }>;
+}
+declare class LyraImageViewerBase extends LyraElement<LyraImageViewerEventMap> {
+}
+declare const LyraImageViewer_base: typeof LyraImageViewerBase & (new (...args: any[]) => import("../../internal/anchor-target.js").LyraAnchorTarget & {
+    renderAnchorLiveRegion(): unknown;
+});
+/**
+ * `<lyra-image-viewer>` — full pan/zoom raster-image viewer with labeled region highlights and
+ * opt-in region annotation, the landing surface for `region`-anchored citations. Distinct from
+ * `<lyra-svg-viewer>` (rendered SVG documents) and `<lyra-image-comparer>` (before/after slotted
+ * surfaces) — this component owns raster grounding/citation display, not comparison or vector
+ * rendering.
+ *
+ * Adopts `DocumentAnchorTarget` with `anchorKinds: ['region']` only — no text selection is bound
+ * (a raster image has no selectable text), so `lyra-text-select` is never emitted by this viewer.
+ *
+ * @customElement lyra-image-viewer
+ * @slot - None.
+ * @event lyra-load - Image finished loading. `detail: { naturalWidth, naturalHeight }`.
+ * @event lyra-zoom-change - `detail: { zoom }`, bubbles from the embedded zoomable-frame.
+ * @event lyra-rotation-change - `detail: { rotation }`.
+ * @event lyra-fit-change - `detail: { fit }`.
+ * @event lyra-highlight-activate - A highlight box was clicked/keyboard-activated. `detail: { id }`.
+ * @event lyra-annotation-create - A drawn/keyed region was committed. `detail: { anchor }` (kind
+ *   `'region'`). Never stored by the component — the host appends a `LyraHighlight`.
+ * @event lyra-anchor-result - Fired after `anchor` (or a `scrollToAnchor()` call) is applied.
+ *   `detail: { found }`.
+ * @event lyra-render-error - The image failed to load. `detail: { error }`.
+ * @csspart base - The root wrapper.
+ * @csspart toolbar - The fit/rotate/annotate controls row.
+ * @csspart fit-control - The fit-mode select.
+ * @csspart rotate-button - The rotate-90-clockwise button.
+ * @csspart annotate-toggle - The annotation-mode toggle button.
+ * @csspart frame - The embedded `lyra-zoomable-frame`.
+ * @csspart image-wrapper - The rotated wrapper around the image and its overlays.
+ * @csspart image - The `<img>` element.
+ * @csspart highlight-layer - The overlay hosting highlight boxes.
+ * @csspart highlight - One highlight box (`data-tone`, `data-active`).
+ * @csspart highlight-label - A highlight's visible label.
+ * @csspart annotation-box - The in-progress draft rectangle.
+ * @csspart error - The error region.
+ */
+export declare class LyraImageViewer extends LyraImageViewer_base {
+    static styles: import("lit").CSSResultGroup[];
+    /** Image URL; validated with `safeMediaSrc` before it ever reaches the `<img>`. */
+    src: string;
+    /** Accessible name of `[part="base"]`; a host `aria-label` wins, then the localized
+     *  `imageViewerLabel` fallback. */
+    name: string;
+    /** Image alt text. Unset falls back to `name`; explicitly `""` marks the image decorative. */
+    alt?: string;
+    /** Base scale at `zoom = 1`: `contain` fits the whole image in the frame, `width` fills the
+     *  frame's inline size, `actual` shows the image at its natural pixel dimensions. */
+    fit: ImageFit;
+    /** Multiplier over the fit-derived base scale, delegated to the embedded zoomable-frame. */
+    zoom: number;
+    /** Clockwise rotation in 90-degree steps. */
+    rotation: ImageRotation;
+    /** Enables region drawing via pointer or keyboard. */
+    annotatable: boolean;
+    /** From `DocumentAnchorTarget` — only `region` anchors resolve here. */
+    readonly anchorKinds: readonly LyraAnchorKind[];
+    private loadState;
+    private draft;
+    private frameEl?;
+    private liveRegion?;
+    private wrapperEl?;
+    /** `rotation` normalized to one of the four right-angle steps this component actually supports
+     *  (`0`/`90`/`180`/`270`) -- `rotate()`'s own `% 360` step only ever produces one of these four
+     *  values from an already-valid `rotation`, but a directly-assigned `rotation` (attribute or
+     *  property) isn't guaranteed to be: a non-finite/negative/non-multiple-of-90 value would
+     *  otherwise reach the CSS `rotate(${rotation}deg)` transform and
+     *  `screenPercentToImagePercent()`'s right-angle-only coordinate math unnormalized. Rounds to
+     *  the nearest right angle, then wraps into `[0, 360)`. */
+    private get safeRotation();
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    resetZoom: () => void;
+    rotate(): void;
+    protected applyAnchor(anchor: LyraAnchor): Promise<boolean>;
+    private onImgLoad;
+    private onImgError;
+    private onFrameZoomChange;
+    private onHighlightActivate;
+    private toggleAnnotatable;
+    private onFitChange;
+    private announceDraftPosition;
+    private onWrapperKeyDown;
+    private commitDraft;
+    private pointerDraftId;
+    private pointerOrigin;
+    private onWrapperPointerDown;
+    private onWrapperPointerMove;
+    private onWrapperPointerUp;
+    private renderHighlights;
+    private renderDraft;
+    private renderBody;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-image-viewer': LyraImageViewer;
+    }
+}
+export {};
+//# sourceMappingURL=image-viewer.class.d.ts.map

package/dist/components/image-viewer/image-viewer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/image-viewer/image-viewer.class.ts"],"names":[],"mappings":"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"}