@aceshooting/lyra-ui 6.2.0 → 7.1.0

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

@@ -8,21 +8,9 @@ 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';
-/** `true`-defaulting boolean attribute converter -- Lit's default presence-based `type: Boolean`
- *  can never be set back to `false` from a plain-HTML attribute once a property's own default is
- *  `true` (removing an attribute that was never present fires no `attributeChangedCallback`), so
- *  `fromAttribute` checks the literal string instead. Duplicated locally rather than imported,
- *  matching this exact converter's repeated per-component convention elsewhere in this library
- *  (see e.g. `<lr-attachment-chip>`'s own `trueDefaultBooleanConverter`). */
-const trueDefaultBooleanConverter = {
-    fromAttribute(value) {
-        return value !== 'false';
-    },
-    toAttribute(value) {
-        return value ? null : 'false';
-    },
-};
-const FLASH_DURATION_MS = 1800; // mirrors --lr-transition-ambient's default duration
+import { trueDefaultBooleanConverter } from '../../../internal/converters.js';
+import { maxPairedAnimationEndMs } from './highlight-layer-timing.js';
+import { getNumberFormat } from '../../../internal/intl-cache.js';
 /**
  * `<lr-highlight-layer>` — a presentational overlay that paints highlight rectangles
  * (percent-of-box coordinates) over positioned content and owns their activation, active/flash
@@ -34,6 +22,22 @@ const FLASH_DURATION_MS = 1800; // mirrors --lr-transition-ambient's default dur
  *   `detail: { id }`.
  * @csspart base - The absolutely-positioned overlay (inset 0).
  * @csspart rect - One highlight rectangle (`data-tone`/`data-active`/`data-flash` state attributes).
+ * @csspart rect-target - Transparent activation geometry around a rectangle, with a minimum
+ *   pointer/focus area independent of the caller-supplied visual coordinates.
+ * @csspart highlight-actions - Non-overlapping actions used when more than one logical highlight
+ *   would otherwise create ambiguous minimum hit areas.
+ * @csspart highlight-action - One action in the non-overlapping highlight action list.
+ * @cssprop --lr-highlight-layer-accent-background - Accent highlight background.
+ * @cssprop --lr-highlight-layer-accent-outline - Accent highlight outline.
+ * @cssprop --lr-highlight-layer-success-background - Success highlight background.
+ * @cssprop --lr-highlight-layer-success-outline - Success highlight outline.
+ * @cssprop --lr-highlight-layer-warning-background - Warning highlight background.
+ * @cssprop --lr-highlight-layer-warning-outline - Warning highlight outline.
+ * @cssprop --lr-highlight-layer-danger-background - Danger highlight background.
+ * @cssprop --lr-highlight-layer-danger-outline - Danger highlight outline.
+ * @cssprop --lr-highlight-layer-neutral-background - Neutral highlight background.
+ * @cssprop --lr-highlight-layer-neutral-outline - Neutral highlight outline.
+ * @cssprop --lr-highlight-layer-flash-background - Flash-state background.
  */
 export class LyraHighlightLayer extends LyraElement {
     constructor() {
@@ -43,108 +47,248 @@ export class LyraHighlightLayer extends LyraElement {
         /** `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;
+        this.focusedItem = null;
+        this.flashingItem = null;
+        this.flashGeneration = 0;
+        this.pendingFocusItem = null;
     }
     static { this.styles = [LyraElement.styles, styles]; }
     willUpdate(changed) {
         super.willUpdate(changed);
-        if (changed.has('items') && this.focusedId && !this.items.some((i) => i.id === this.focusedId)) {
-            this.focusedId = null;
+        if (changed.has('items')) {
+            if (this.focusedItem && !this.items.includes(this.focusedItem)) {
+                const previousItems = changed.get('items');
+                const previousIndex = previousItems?.indexOf(this.focusedItem) ?? -1;
+                const renderedIndexes = this.itemIndexesWithRects();
+                const nextIndex = renderedIndexes.reduce((nearest, index) => {
+                    if (nearest === null)
+                        return index;
+                    return Math.abs(index - previousIndex) < Math.abs(nearest - previousIndex) ? index : nearest;
+                }, null);
+                const nextItem = nextIndex === null ? null : this.items[nextIndex];
+                const activeElement = this.shadowRoot?.activeElement;
+                const shouldTransferFocus = activeElement?.matches('[data-item-action]') ?? false;
+                if (shouldTransferFocus && nextItem) {
+                    const previousTargetIndex = previousItems?.indexOf(nextItem) ?? -1;
+                    if (previousTargetIndex >= 0)
+                        this.primaryTarget(previousTargetIndex)?.focus();
+                    this.pendingFocusItem = nextItem;
+                }
+                this.focusedItem = nextItem;
+            }
+            if (changed.get('items') !== undefined)
+                this.clearFlash();
         }
     }
+    updated(changed) {
+        super.updated(changed);
+        const pending = this.pendingFocusItem;
+        this.pendingFocusItem = null;
+        if (!pending)
+            return;
+        const index = this.items.indexOf(pending);
+        if (index >= 0)
+            this.focusRect(index);
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
-        clearTimeout(this.flashTimer);
+        this.focusedItem = null;
+        this.pendingFocusItem = null;
+        this.clearFlash();
     }
-    /** 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. */
+    /** Applies a one-shot emphasis flash to the first item matching `id`. Its lifetime follows the
+     *  rendered animation duration, including theme and reduced-motion overrides. */
     flash(id) {
+        this.clearFlash();
+        const item = this.items.find((candidate) => candidate.id === id);
+        if (!item)
+            return;
+        this.flashingItem = item;
+        const generation = this.flashGeneration;
+        void this.updateComplete.then(() => {
+            if (generation !== this.flashGeneration || this.flashingItem !== item || !this.isConnected)
+                return;
+            const itemIndex = this.items.indexOf(item);
+            const rect = this.primaryVisualRect(itemIndex);
+            if (!rect) {
+                this.flashingItem = null;
+                return;
+            }
+            const computed = getComputedStyle(rect);
+            const durationMs = maxPairedAnimationEndMs(computed.animationName, computed.animationDuration, computed.animationDelay);
+            this.flashTimer = setTimeout(() => {
+                if (generation === this.flashGeneration)
+                    this.flashingItem = null;
+            }, durationMs);
+        });
+    }
+    clearFlash() {
         clearTimeout(this.flashTimer);
-        this.flashingId = id;
-        this.flashTimer = setTimeout(() => {
-            this.flashingId = null;
-        }, FLASH_DURATION_MS);
+        this.flashTimer = undefined;
+        this.flashGeneration += 1;
+        this.flashingItem = null;
     }
-    tabStopId() {
-        if (this.items.length === 0)
+    itemIndexesWithRects() {
+        const indexes = [];
+        this.items.forEach((item, index) => {
+            if (item.rects.length > 0)
+                indexes.push(index);
+        });
+        return indexes;
+    }
+    tabStopIndex() {
+        const renderedIndexes = this.itemIndexesWithRects();
+        if (renderedIndexes.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; // safe: returns null above when items is empty
+        if (this.focusedItem) {
+            const focusedIndex = this.items.indexOf(this.focusedItem);
+            if (renderedIndexes.includes(focusedIndex))
+                return focusedIndex;
+        }
+        if (this.activeId) {
+            const activeIndex = this.items.findIndex((item) => item.id === this.activeId && item.rects.length > 0);
+            if (activeIndex >= 0)
+                return activeIndex;
+        }
+        return renderedIndexes[0];
     }
     onRectClick(id) {
         this.emit('lr-highlight-activate', { id });
     }
-    onRectFocus(id) {
-        this.focusedId = id;
+    onRectFocus(item) {
+        this.focusedItem = item;
+    }
+    primaryTarget(itemIndex) {
+        return ([...this.renderRoot.querySelectorAll('[data-item-action]')].find((target) => target.dataset['itemIndex'] === String(itemIndex)) ?? null);
+    }
+    primaryVisualRect(itemIndex) {
+        return ([...this.renderRoot.querySelectorAll('[part="rect"][data-primary]')].find((rect) => rect.dataset['itemIndex'] === String(itemIndex)) ?? null);
     }
-    focusRect(id) {
-        this.renderRoot.querySelector(`[part="rect"][data-id="${id}"]`)?.focus();
+    focusRect(itemIndex) {
+        this.primaryTarget(itemIndex)?.focus();
     }
-    onRectKeyDown(e, index) {
+    onRectKeyDown(e, itemIndex) {
         if (e.key === 'Enter' || e.key === ' ') {
             e.preventDefault();
-            this.onRectClick(this.items[index].id); // safe: index is a rendered-rect index into this.items
+            this.onRectClick(this.items[itemIndex].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');
+        const renderedIndexes = this.itemIndexesWithRects();
+        const position = renderedIndexes.indexOf(itemIndex);
         let nextIndex;
         if (forward)
-            nextIndex = Math.min(this.items.length - 1, index + 1);
+            nextIndex = renderedIndexes[Math.min(renderedIndexes.length - 1, position + 1)];
         else if (backward)
-            nextIndex = Math.max(0, index - 1);
+            nextIndex = renderedIndexes[Math.max(0, position - 1)];
         else if (e.key === 'Home')
-            nextIndex = 0;
+            nextIndex = renderedIndexes[0];
         else if (e.key === 'End')
-            nextIndex = this.items.length - 1;
-        if (nextIndex === undefined || nextIndex === index)
+            nextIndex = renderedIndexes.at(-1);
+        if (nextIndex === undefined || nextIndex === itemIndex)
             return;
         e.preventDefault();
-        const nextId = this.items[nextIndex].id; // safe: nextIndex clamped to [0, this.items.length - 1]
-        this.focusedId = nextId;
-        this.scheduleAfterUpdate(() => this.focusRect(nextId));
+        this.focusedItem = this.items[nextIndex];
+        this.scheduleAfterUpdate(() => this.focusRect(nextIndex));
     }
     rectLabel(item, index) {
+        const numberFormat = getNumberFormat(this.effectiveLocale);
         return item.label
             ? this.localize('highlightWithLabel', undefined, { label: item.label })
-            : this.localize('highlightOfTotal', undefined, { index: index + 1, total: this.items.length });
+            : this.localize('highlightOfTotal', undefined, {
+                index: numberFormat.format(index + 1),
+                total: numberFormat.format(this.items.length),
+            });
     }
     render() {
         if (this.items.length === 0)
             return nothing;
-        const tabStop = this.tabStopId();
+        const tabStop = this.tabStopIndex();
+        const activeIndex = this.activeId
+            ? this.items.findIndex((item) => item.id === this.activeId && item.rects.length > 0)
+            : -1;
+        const renderedIndexes = this.itemIndexesWithRects();
+        const useActionList = this.interactive && renderedIndexes.length > 1;
         const ariaLabel = this.getAttribute('aria-label') || this.localize('highlightLayerLabel');
         return html `
       <div part="base" role="group" aria-label=${ariaLabel}>
         ${this.items.map((item, index) => {
-            const isActive = this.activeId === item.id;
-            const isFlash = this.flashingId === item.id;
+            const isActive = activeIndex === index;
+            const isFlash = this.flashingItem === item;
             // 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 `
+            return item.rects.map((rect, rectIndex) => {
+                const isPrimary = rectIndex === 0;
+                return html `
+              ${this.interactive
+                    ? !useActionList
+                        ? html `
+                    <span
+                      part="rect-target"
+                      data-id=${item.id}
+                      data-item-index=${index}
+                      ?data-primary=${isPrimary}
+                      ?data-item-action=${isPrimary}
+                      aria-current=${isPrimary ? String(isActive) : nothing}
+                      aria-hidden=${!isPrimary ? 'true' : nothing}
+                      role=${isPrimary ? 'button' : nothing}
+                      tabindex=${isPrimary ? (tabStop === index ? '0' : '-1') : nothing}
+                      aria-label=${isPrimary ? this.rectLabel(item, index) : nothing}
+                      style="left:calc(${rect.x}% + ${rect.width / 2}%);
+                        top:calc(${rect.y}% + ${rect.height / 2}%);
+                        width:max(${rect.width}%, var(--lr-icon-button-size));
+                        height:max(${rect.height}%, var(--lr-icon-button-size))"
+                      @click=${() => this.onRectClick(item.id)}
+                      @focus=${isPrimary ? () => this.onRectFocus(item) : nothing}
+                      @keydown=${isPrimary ? (e) => this.onRectKeyDown(e, index) : nothing}
+                    ></span>
+                  `
+                        : nothing
+                    : nothing}
               <span
                 part="rect"
                 data-id=${item.id}
+                data-item-index=${index}
+                ?data-primary=${isPrimary}
                 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}
+                aria-hidden="true"
                 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>
-            `);
+            `;
+            });
         })}
+        ${useActionList
+            ? html `
+              <div part="highlight-actions">
+                ${renderedIndexes.map((index) => {
+                const item = this.items[index];
+                const label = this.rectLabel(item, index);
+                return html `
+                    <button
+                      part="highlight-action"
+                      type="button"
+                      data-id=${item.id}
+                      data-item-index=${index}
+                      data-item-action
+                      aria-current=${String(activeIndex === index)}
+                      tabindex=${tabStop === index ? '0' : '-1'}
+                      aria-label=${label}
+                      @click=${() => this.onRectClick(item.id)}
+                      @focus=${() => this.onRectFocus(item)}
+                      @keydown=${(e) => this.onRectKeyDown(e, index)}
+                    >
+                      ${label}
+                    </button>
+                  `;
+            })}
+              </div>
+            `
+            : nothing}
       </div>
     `;
     }
@@ -160,8 +304,8 @@ __decorate([
 ], LyraHighlightLayer.prototype, "interactive", void 0);
 __decorate([
     state()
-], LyraHighlightLayer.prototype, "focusedId", void 0);
+], LyraHighlightLayer.prototype, "focusedItem", void 0);
 __decorate([
     state()
-], LyraHighlightLayer.prototype, "flashingId", void 0);
+], LyraHighlightLayer.prototype, "flashingItem", void 0);
 //# sourceMappingURL=highlight-layer.class.js.map

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

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

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

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

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

@@ -11,46 +11,109 @@ export const styles = css `
     inset: 0;
   }
   [part='rect'] {
+    --_lr-highlight-layer-background: var(
+      --lr-highlight-layer-accent-background,
+      var(--lr-color-brand-quiet)
+    );
+    --_lr-highlight-layer-outline: var(
+      --lr-highlight-layer-accent-outline,
+      var(--lr-color-brand)
+    );
     position: absolute;
     pointer-events: none;
     box-sizing: border-box;
     border-radius: var(--lr-radius-xs);
-    background: var(--lr-color-brand-quiet);
-    outline: var(--lr-border-width-thin) solid var(--lr-color-brand);
+    background: var(--_lr-highlight-layer-background);
+    outline: var(--lr-border-width-thin) solid var(--_lr-highlight-layer-outline);
     outline-offset: calc(-1 * var(--lr-border-width-thin));
   }
-  :host([interactive]) [part='rect'] {
+  [part='rect-target'] {
+    position: absolute;
+    z-index: var(--lr-layer-content);
+    box-sizing: border-box;
     pointer-events: auto;
     cursor: pointer;
+    transform: translate(-50%, -50%);
   }
-  :host([interactive]) [part='rect']:hover {
+  [part='rect-target']:hover + [part='rect'] {
     outline-width: var(--lr-border-width-medium);
   }
-  [part='rect'][data-tone='success'] {
-    background: var(--lr-color-success-quiet);
-    outline-color: var(--lr-color-success);
+  [part='rect']:where([data-tone='success']) {
+    --_lr-highlight-layer-background: var(
+      --lr-highlight-layer-success-background,
+      var(--lr-color-success-quiet)
+    );
+    --_lr-highlight-layer-outline: var(
+      --lr-highlight-layer-success-outline,
+      var(--lr-color-success)
+    );
   }
-  [part='rect'][data-tone='warning'] {
-    background: var(--lr-color-warning-quiet);
-    outline-color: var(--lr-color-warning);
+  [part='rect']:where([data-tone='warning']) {
+    --_lr-highlight-layer-background: var(
+      --lr-highlight-layer-warning-background,
+      var(--lr-color-warning-quiet)
+    );
+    --_lr-highlight-layer-outline: var(
+      --lr-highlight-layer-warning-outline,
+      var(--lr-color-warning)
+    );
   }
-  [part='rect'][data-tone='danger'] {
-    background: var(--lr-color-danger-quiet);
-    outline-color: var(--lr-color-danger);
+  [part='rect']:where([data-tone='danger']) {
+    --_lr-highlight-layer-background: var(
+      --lr-highlight-layer-danger-background,
+      var(--lr-color-danger-quiet)
+    );
+    --_lr-highlight-layer-outline: var(
+      --lr-highlight-layer-danger-outline,
+      var(--lr-color-danger)
+    );
   }
-  [part='rect'][data-tone='neutral'] {
-    background: var(--lr-color-surface-raised);
-    outline-color: var(--lr-color-text-quiet);
+  [part='rect']:where([data-tone='neutral']) {
+    --_lr-highlight-layer-background: var(
+      --lr-highlight-layer-neutral-background,
+      var(--lr-color-surface-raised)
+    );
+    --_lr-highlight-layer-outline: var(
+      --lr-highlight-layer-neutral-outline,
+      var(--lr-color-text-quiet)
+    );
   }
-  [part='rect'][data-active] {
+  [part='rect']:where([data-active]) {
     outline-width: var(--lr-border-width-medium);
   }
-  [part='rect']:focus-visible {
+  [part='rect-target']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='highlight-actions'] {
+    position: absolute;
+    z-index: var(--lr-layer-content);
+    inset-inline: 0;
+    inset-block-end: 0;
+    display: grid;
+    gap: var(--lr-space-xs);
+    padding: var(--lr-space-xs);
+    pointer-events: none;
+  }
+  [part='highlight-action'] {
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius-xs);
+    color: var(--lr-color-text);
+    background: var(--lr-color-surface);
+    pointer-events: auto;
+    cursor: pointer;
+  }
+  [part='highlight-action']:hover {
+    background: var(--lr-color-surface-raised);
+  }
+  [part='highlight-action']:focus-visible {
     outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
     outline-offset: var(--lr-focus-ring-offset);
   }
-  [part='rect'][data-flash] {
-    background: var(--lr-color-brand);
+  [part='rect']:where([data-flash]) {
+    background: var(--lr-highlight-layer-flash-background, var(--lr-color-brand));
     animation: lr-highlight-layer-flash var(--lr-transition-ambient);
   }
   @keyframes lr-highlight-layer-flash {
@@ -62,7 +125,7 @@ export const styles = css `
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    [part='rect'][data-flash] {
+    [part='rect']:where([data-flash]) {
       animation: none;
       outline-width: var(--lr-border-width-medium);
     }

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

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

package/dist/components/viewers/html-viewer/html-viewer.class.d.ts

@@ -40,6 +40,8 @@ export declare class LyraHtmlViewer extends LyraHtmlViewer_base {
     private fetchState;
     private generation;
     protected updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private load;
     private renderBody;
     render(): TemplateResult;

package/dist/components/viewers/html-viewer/html-viewer.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-viewer.class.d.ts","sourceRoot":"","sources":["../../../../src/components/viewers/html-viewer/html-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAoB,KAAK,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAa9G,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,cAAM,kBAAmB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;CAAG;;;;AAEvE;;;;;;;;;;;;GAYG;AACH,qBAAa,cAAe,SAAQ,mBAAoC;IACtE,OAAgB,MAAM,iCAAwC;IAE9D,wDAAwD;IAC5C,GAAG,SAAM;IACrB,sDAAsD;IAC1C,IAAI,SAAM;IACtB,gDAAgD;IACT,SAAS,SAAM;IACtD,0EAA0E;IAC3D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAgC;IACtE,UAAU,IAAI,OAAO,CAAC,OAAO,CAAC,CAA+B;IAC7D,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAmC;IAC3E,WAAW,IAAI,IAAI,CAAyB;IAE5C,OAAO,CAAC,UAAU,CAAoC;IAC/D,OAAO,CAAC,UAAU,CAAK;IAEvB,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAGxD;YAEa,IAAI;IAqBlB,OAAO,CAAC,UAAU;IAUT,MAAM,IAAI,cAAc,CAEhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,cAAc,CAAC;KAAE;CAAE"}
+{"version":3,"file":"html-viewer.class.d.ts","sourceRoot":"","sources":["../../../../src/components/viewers/html-viewer/html-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAoB,KAAK,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAa9G,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,cAAM,kBAAmB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;CAAG;;;;AAEvE;;;;;;;;;;;;GAYG;AACH,qBAAa,cAAe,SAAQ,mBAAoC;IACtE,OAAgB,MAAM,iCAAwC;IAE9D,wDAAwD;IAC5C,GAAG,SAAM;IACrB,sDAAsD;IAC1C,IAAI,SAAM;IACtB,gDAAgD;IACT,SAAS,SAAM;IACtD,0EAA0E;IAC3D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAgC;IACtE,UAAU,IAAI,OAAO,CAAC,OAAO,CAAC,CAA+B;IAC7D,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAmC;IAC3E,WAAW,IAAI,IAAI,CAAyB;IAE5C,OAAO,CAAC,UAAU,CAAoC;IAC/D,OAAO,CAAC,UAAU,CAAK;IAEvB,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAGxD;IAEQ,iBAAiB,IAAI,IAAI,CAGjC;IAEQ,oBAAoB,IAAI,IAAI,CAKpC;YAEa,IAAI;IA8BlB,OAAO,CAAC,UAAU;IAUT,MAAM,IAAI,cAAc,CAEhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,cAAc,CAAC;KAAE;CAAE"}

package/dist/components/viewers/html-viewer/html-viewer.class.js

@@ -52,6 +52,17 @@ export class LyraHtmlViewer extends TextViewerTarget(LyraHtmlViewerBase) {
         if (changed.has('src'))
             this.scheduleAfterUpdate(() => { void this.load(); });
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasUpdated && this.src)
+            this.scheduleAfterUpdate(() => { void this.load(); });
+    }
+    disconnectedCallback() {
+        this.generation++;
+        this.beginAbortableLoad();
+        this.fetchState = { kind: 'idle' };
+        super.disconnectedCallback();
+    }
     async load() {
         const generation = ++this.generation;
         const signal = this.beginAbortableLoad();
@@ -61,19 +72,28 @@ export class LyraHtmlViewer extends TextViewerTarget(LyraHtmlViewerBase) {
         }
         const url = safeFetchUrl(this.src);
         if (!url) {
-            this.fetchState = { kind: 'error', message: this.localize('documentPreviewUrlNotAllowed') };
+            const error = new LyraUserFacingError(this.localize('documentPreviewUrlNotAllowed'));
+            this.fetchState = { kind: 'error', message: error.message };
+            this.emit('lr-render-error', { error });
             return;
         }
         this.fetchState = { kind: 'loading' };
         try {
             const response = await fetch(url, signal ? { signal } : undefined);
+            if (!this.isConnected || generation !== this.generation)
+                return;
             if (!response.ok)
                 throw new Error(`${response.status} ${response.statusText}`);
             const sanitizer = await loadHtmlSanitizer();
+            if (!this.isConnected || generation !== this.generation)
+                return;
             if (!sanitizer)
                 throw new LyraUserFacingError(this.localize('documentViewerMissingSanitizer'));
-            const markup = sanitizer.sanitize(await readResponseText(response));
-            if (generation === this.generation)
+            const raw = await readResponseText(response);
+            if (!this.isConnected || generation !== this.generation)
+                return;
+            const markup = sanitizer.sanitize(raw);
+            if (this.isConnected && generation === this.generation)
                 this.fetchState = { kind: 'loaded', markup };
         }
         catch (error) {

package/dist/components/viewers/html-viewer/html-viewer.class.js.map

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

package/dist/components/viewers/include/include.class.d.ts

@@ -104,6 +104,8 @@ export declare class LyraInclude extends LyraInclude_base {
     private generation;
     protected textContentRoot(): Element | null;
     protected updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private load;
     private fail;
     render(): TemplateResult;