@internetarchive/elements 1.1.3-webdev-9226.1 → 1.1.3-webdev-9241.0

package/dist/src/elements/ia-topnav/lib/keyboard-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-topnav/lib/keyboard-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,WAAW,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;gBACS,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;IAY9D;;;OAGG;IACH,oBAAoB,IAAI,WAAW,EAAE;IA8CrC;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,aAAa;IA6BlC;;;OAGG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM;IAS1B;;;OAGG;IACH,YAAY,CAAC,KAAK,EAAE,aAAa;IAWjC;;OAEG;IACH,aAAa;IAQb;;OAEG;IACH,SAAS;IAMT;;;OAGG;IACH,yBAAyB,CAAC,UAAU,GAAE,OAAe;CAYtD"}

package/dist/src/elements/ia-topnav/lib/keyboard-navigation.js

@@ -0,0 +1,136 @@
+export default class KeyboardNavigation {
+    /**
+     * Constructor for the KeyboardNavigation class.
+     * @param {HTMLElement} elementsContainer - The container element that holds the focusable elements.
+     * @param {string} menuOption - The type of menu option ('web' or 'usermenu').
+     */
+    constructor(elementsContainer, menuOption) {
+        this.elementsContainer = elementsContainer;
+        this.menuOption = menuOption;
+        this.focusableElements = this.getFocusableElements();
+        this.focusedIndex = 0; // always start from first element
+        if (menuOption !== 'search') {
+            this.focusableElements[this.focusedIndex]?.focus();
+        }
+        this.handleKeyDown = this.handleKeyDown.bind(this);
+    }
+    /**
+     * Gets an array of focusable elements within the container.
+     * @returns {HTMLElement[]} An array of focusable elements.
+     */
+    getFocusableElements() {
+        const focusableTagSelectors = 'a[href], button, input, [tabindex]';
+        const isFocusable = (el) => !el.hasAttribute('disabled') &&
+            el.getAttribute('aria-hidden') !== 'true' &&
+            el.getAttribute('tabindex') !== '-1';
+        let elements;
+        if (this.menuOption === 'web') {
+            // wayback focusable elements
+            const waybackSlider = this.elementsContainer.querySelector('ia-topnav-wayback-slider')?.shadowRoot;
+            const waybackSearch = waybackSlider?.querySelector('ia-topnav-wayback-search');
+            const waybackSearchElements = Array.from(waybackSearch?.shadowRoot?.querySelectorAll(focusableTagSelectors) ??
+                []);
+            const normalElements = Array.from(waybackSlider?.querySelectorAll(focusableTagSelectors) ?? []);
+            // wayback save-form focusable elements
+            const savePageForm = waybackSlider?.querySelector('ia-topnav-save-page-form');
+            const savePageFormElements = Array.from(savePageForm?.shadowRoot?.querySelectorAll(focusableTagSelectors) ?? []);
+            elements = [
+                ...waybackSearchElements,
+                ...normalElements,
+                ...savePageFormElements,
+            ];
+        }
+        else {
+            elements = this.elementsContainer.querySelectorAll(focusableTagSelectors);
+        }
+        return Array.from(elements ?? []).filter(isFocusable);
+    }
+    /**
+     * Handles keyboard events and focuses the appropriate element.
+     * @param {KeyboardEvent} event - The keyboard event object.
+     */
+    handleKeyDown(event) {
+        const target = event.composedPath()[0];
+        // Ignore events from editable fields
+        if (target instanceof HTMLInputElement ||
+            target instanceof HTMLTextAreaElement ||
+            target.isContentEditable) {
+            return;
+        }
+        const { key } = event;
+        const isArrowKey = [
+            'ArrowDown',
+            'ArrowRight',
+            'ArrowUp',
+            'ArrowLeft',
+        ].includes(key);
+        const isTabKey = key === 'Tab';
+        if (isArrowKey) {
+            this.handleArrowKey(key);
+            event.preventDefault();
+        }
+        else if (isTabKey) {
+            this.handleTabKey(event);
+        }
+    }
+    /**
+     * Handles arrow key events and focuses the next or previous element for topnav sub-nav and usermenu
+     * @param {string} key - The key that was pressed ('ArrowDown', 'ArrowRight', 'ArrowUp', or 'ArrowLeft').
+     */
+    handleArrowKey(key) {
+        const isDownOrRight = ['ArrowDown', 'ArrowRight'].includes(key);
+        if (isDownOrRight) {
+            this.focusNext();
+        }
+        else {
+            this.focusPrevious();
+        }
+    }
+    /**
+     * Handles the Tab key event and focuses the next or previous menu item.
+     * @param {KeyboardEvent} event - The keyboard event object.
+     */
+    handleTabKey(event) {
+        const isShiftPressed = event.shiftKey;
+        this.emitFocusToOtherMenuItems(isShiftPressed);
+        this.focusableElements[this.focusedIndex]?.blur();
+        if (!['search'].includes(this.menuOption)) {
+            event.preventDefault();
+        }
+    }
+    /**
+     * Focuses the previous focusable element in the container.
+     */
+    focusPrevious() {
+        if (this.focusableElements.length === 0)
+            return;
+        this.focusedIndex =
+            (this.focusedIndex - 1 + this.focusableElements.length) %
+                this.focusableElements.length;
+        this.focusableElements[this.focusedIndex]?.focus();
+    }
+    /**
+     * Focuses the next focusable element in the container.
+     */
+    focusNext() {
+        if (this.focusableElements.length === 0)
+            return;
+        this.focusedIndex = (this.focusedIndex + 1) % this.focusableElements.length;
+        this.focusableElements[this.focusedIndex]?.focus();
+    }
+    /**
+     * Focuses the other parent menu items based on the provided flag.
+     * @param {boolean} isPrevious - A flag indicating whether to focus the previous menu item.
+     */
+    emitFocusToOtherMenuItems(isPrevious = false) {
+        this.elementsContainer.dispatchEvent(new CustomEvent('focusToOtherMenuItem', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                mediatype: this.menuOption,
+                moveTo: isPrevious ? 'prev' : 'next',
+            },
+        }));
+    }
+}
+//# sourceMappingURL=keyboard-navigation.js.map

package/dist/src/elements/ia-topnav/lib/keyboard-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.js","sourceRoot":"","sources":["../../../../../src/elements/ia-topnav/lib/keyboard-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["export default class KeyboardNavigation {\n  elementsContainer: HTMLElement;\n  menuOption: string;\n  focusableElements: HTMLElement[];\n  focusedIndex: number;\n\n  /**\n   * Constructor for the KeyboardNavigation class.\n   * @param {HTMLElement} elementsContainer - The container element that holds the focusable elements.\n   * @param {string} menuOption - The type of menu option ('web' or 'usermenu').\n   */\n  constructor(elementsContainer: HTMLElement, menuOption: string) {\n    this.elementsContainer = elementsContainer;\n    this.menuOption = menuOption;\n    this.focusableElements = this.getFocusableElements();\n    this.focusedIndex = 0; // always start from first element\n\n    if (menuOption !== 'search') {\n      this.focusableElements[this.focusedIndex]?.focus();\n    }\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Gets an array of focusable elements within the container.\n   * @returns {HTMLElement[]} An array of focusable elements.\n   */\n  getFocusableElements(): HTMLElement[] {\n    const focusableTagSelectors = 'a[href], button, input, [tabindex]';\n\n    const isFocusable = (el: Element) =>\n      !el.hasAttribute('disabled') &&\n      el.getAttribute('aria-hidden') !== 'true' &&\n      el.getAttribute('tabindex') !== '-1';\n\n    let elements;\n    if (this.menuOption === 'web') {\n      // wayback focusable elements\n      const waybackSlider = this.elementsContainer.querySelector(\n        'ia-topnav-wayback-slider',\n      )?.shadowRoot;\n      const waybackSearch = waybackSlider?.querySelector(\n        'ia-topnav-wayback-search',\n      );\n      const waybackSearchElements = Array.from(\n        waybackSearch?.shadowRoot?.querySelectorAll(focusableTagSelectors) ??\n          [],\n      );\n\n      const normalElements = Array.from(\n        waybackSlider?.querySelectorAll(focusableTagSelectors) ?? [],\n      );\n\n      // wayback save-form focusable elements\n      const savePageForm = waybackSlider?.querySelector(\n        'ia-topnav-save-page-form',\n      );\n      const savePageFormElements = Array.from(\n        savePageForm?.shadowRoot?.querySelectorAll(focusableTagSelectors) ?? [],\n      );\n\n      elements = [\n        ...waybackSearchElements,\n        ...normalElements,\n        ...savePageFormElements,\n      ];\n    } else {\n      elements = this.elementsContainer.querySelectorAll(focusableTagSelectors);\n    }\n\n    return Array.from(elements ?? []).filter(isFocusable) as HTMLElement[];\n  }\n\n  /**\n   * Handles keyboard events and focuses the appropriate element.\n   * @param {KeyboardEvent} event - The keyboard event object.\n   */\n  handleKeyDown(event: KeyboardEvent) {\n    const target = event.composedPath()[0] as HTMLElement;\n\n    // Ignore events from editable fields\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const { key } = event;\n    const isArrowKey = [\n      'ArrowDown',\n      'ArrowRight',\n      'ArrowUp',\n      'ArrowLeft',\n    ].includes(key);\n    const isTabKey = key === 'Tab';\n\n    if (isArrowKey) {\n      this.handleArrowKey(key);\n      event.preventDefault();\n    } else if (isTabKey) {\n      this.handleTabKey(event);\n    }\n  }\n\n  /**\n   * Handles arrow key events and focuses the next or previous element for topnav sub-nav and usermenu\n   * @param {string} key - The key that was pressed ('ArrowDown', 'ArrowRight', 'ArrowUp', or 'ArrowLeft').\n   */\n  handleArrowKey(key: string) {\n    const isDownOrRight = ['ArrowDown', 'ArrowRight'].includes(key);\n    if (isDownOrRight) {\n      this.focusNext();\n    } else {\n      this.focusPrevious();\n    }\n  }\n\n  /**\n   * Handles the Tab key event and focuses the next or previous menu item.\n   * @param {KeyboardEvent} event - The keyboard event object.\n   */\n  handleTabKey(event: KeyboardEvent) {\n    const isShiftPressed = event.shiftKey;\n\n    this.emitFocusToOtherMenuItems(isShiftPressed);\n\n    this.focusableElements[this.focusedIndex]?.blur();\n    if (!['search'].includes(this.menuOption)) {\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * Focuses the previous focusable element in the container.\n   */\n  focusPrevious() {\n    if (this.focusableElements.length === 0) return;\n    this.focusedIndex =\n      (this.focusedIndex - 1 + this.focusableElements.length) %\n      this.focusableElements.length;\n    this.focusableElements[this.focusedIndex]?.focus();\n  }\n\n  /**\n   * Focuses the next focusable element in the container.\n   */\n  focusNext() {\n    if (this.focusableElements.length === 0) return;\n    this.focusedIndex = (this.focusedIndex + 1) % this.focusableElements.length;\n    this.focusableElements[this.focusedIndex]?.focus();\n  }\n\n  /**\n   * Focuses the other parent menu items based on the provided flag.\n   * @param {boolean} isPrevious - A flag indicating whether to focus the previous menu item.\n   */\n  emitFocusToOtherMenuItems(isPrevious: boolean = false) {\n    this.elementsContainer.dispatchEvent(\n      new CustomEvent('focusToOtherMenuItem', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          mediatype: this.menuOption,\n          moveTo: isPrevious ? 'prev' : 'next',\n        },\n      }),\n    );\n  }\n}\n"]}

package/dist/src/elements/ia-topnav/models.d.ts

@@ -0,0 +1,59 @@
+/**
+ * The pixel width at which ia-topnav switches from mobile to desktop layout.
+ * Desktop styles apply at `min-width: TOPNAV_MOBILE_BREAKPOINT px`.
+ * Mobile styles apply at `max-width: (TOPNAV_MOBILE_BREAKPOINT - 1) px`.
+ *
+ * Exported so that host applications can derive their own media queries from
+ * this value rather than hard-coding it independently.
+ */
+export declare const TOPNAV_MOBILE_BREAKPOINT = 890;
+export interface IATopNavConfig {
+    /**
+     * Google Analytics event category
+     */
+    eventCategory?: string;
+    /**
+     * Copy to display for number of pages archived at the top of the Wayback search form
+     *
+     * ie. "425 billion"
+     */
+    waybackPagesArchived?: string;
+    /**
+     * Map from dropdown item ids to any callout text that should be applied beside them
+     */
+    callouts?: Record<string, string>;
+}
+export interface IATopNavLink {
+    title: string;
+    url?: string;
+    class?: string;
+    icon?: string;
+    analyticsEvent?: string;
+    external?: boolean;
+}
+export interface IATopNavMediaMenu {
+    heading: string;
+    iconLinks: IATopNavLink[];
+    featuredLinks: IATopNavLink[];
+    links: IATopNavLink[];
+    mobileAppsLinks: IATopNavLink[];
+    browserExtensionsLinks: IATopNavLink[];
+    archiveItLinks: IATopNavLink[];
+}
+export interface IATopNavMenuConfig {
+    audio: IATopNavMediaMenu;
+    images: IATopNavMediaMenu;
+    more: IATopNavMediaMenu;
+    signedOut: IATopNavLink[];
+    software: IATopNavMediaMenu;
+    texts: IATopNavMediaMenu;
+    user: IATopNavLink[];
+    userAdmin: IATopNavLink[];
+    userAdminFlags: IATopNavLink[];
+    userAdminBiblio: IATopNavLink[];
+    userAdminUploader: IATopNavLink[];
+    video: IATopNavMediaMenu;
+    web: IATopNavMediaMenu;
+}
+export type IATopNavSecondIdentitySlotMode = 'allow' | '';
+//# sourceMappingURL=models.d.ts.map

package/dist/src/elements/ia-topnav/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/models.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,eAAe,EAAE,YAAY,EAAE,CAAC;IAChC,sBAAsB,EAAE,YAAY,EAAE,CAAC;IACvC,cAAc,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAC;IAChC,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;CACxB;AAED,MAAM,MAAM,8BAA8B,GAAG,OAAO,GAAG,EAAE,CAAC"}

package/dist/src/elements/ia-topnav/models.js

@@ -0,0 +1,10 @@
+/**
+ * The pixel width at which ia-topnav switches from mobile to desktop layout.
+ * Desktop styles apply at `min-width: TOPNAV_MOBILE_BREAKPOINT px`.
+ * Mobile styles apply at `max-width: (TOPNAV_MOBILE_BREAKPOINT - 1) px`.
+ *
+ * Exported so that host applications can derive their own media queries from
+ * this value rather than hard-coding it independently.
+ */
+export const TOPNAV_MOBILE_BREAKPOINT = 890;
+//# sourceMappingURL=models.js.map

package/dist/src/elements/ia-topnav/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/models.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC","sourcesContent":["/**\n * The pixel width at which ia-topnav switches from mobile to desktop layout.\n * Desktop styles apply at `min-width: TOPNAV_MOBILE_BREAKPOINT px`.\n * Mobile styles apply at `max-width: (TOPNAV_MOBILE_BREAKPOINT - 1) px`.\n *\n * Exported so that host applications can derive their own media queries from\n * this value rather than hard-coding it independently.\n */\nexport const TOPNAV_MOBILE_BREAKPOINT = 890;\n\nexport interface IATopNavConfig {\n  /**\n   * Google Analytics event category\n   */\n  eventCategory?: string;\n\n  /**\n   * Copy to display for number of pages archived at the top of the Wayback search form\n   *\n   * ie. \"425 billion\"\n   */\n  waybackPagesArchived?: string;\n\n  /**\n   * Map from dropdown item ids to any callout text that should be applied beside them\n   */\n  callouts?: Record<string, string>;\n}\n\nexport interface IATopNavLink {\n  title: string;\n\n  url?: string;\n\n  class?: string;\n\n  icon?: string;\n\n  analyticsEvent?: string;\n\n  external?: boolean;\n}\n\nexport interface IATopNavMediaMenu {\n  heading: string;\n  iconLinks: IATopNavLink[];\n  featuredLinks: IATopNavLink[];\n  links: IATopNavLink[];\n  mobileAppsLinks: IATopNavLink[];\n  browserExtensionsLinks: IATopNavLink[];\n  archiveItLinks: IATopNavLink[];\n}\n\nexport interface IATopNavMenuConfig {\n  audio: IATopNavMediaMenu;\n  images: IATopNavMediaMenu;\n  more: IATopNavMediaMenu;\n  signedOut: IATopNavLink[];\n  software: IATopNavMediaMenu;\n  texts: IATopNavMediaMenu;\n  user: IATopNavLink[];\n  userAdmin: IATopNavLink[];\n  userAdminFlags: IATopNavLink[];\n  userAdminBiblio: IATopNavLink[];\n  userAdminUploader: IATopNavLink[];\n  video: IATopNavMediaMenu;\n  web: IATopNavMediaMenu;\n}\n\nexport type IATopNavSecondIdentitySlotMode = 'allow' | '';\n"]}

package/dist/src/elements/ia-topnav/subnav-list-styles.d.ts

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

package/dist/src/elements/ia-topnav/subnav-list-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subnav-list-styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/subnav-list-styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,yBA6CzB,CAAC"}

package/dist/src/elements/ia-topnav/subnav-list-styles.js

@@ -0,0 +1,49 @@
+import { css } from 'lit';
+import { TOPNAV_MOBILE_BREAKPOINT } from './models.js';
+export const subnavListCSS = css `
+  h4 {
+    font-size: 1.6rem;
+  }
+
+  a {
+    text-decoration: none;
+    color: var(--activeColor);
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  li + li {
+    padding-top: 1.5rem;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    h4 {
+      margin: 0 0 1rem 0;
+      font-weight: 100;
+    }
+
+    ul {
+      font-size: 1.3rem;
+    }
+
+    li {
+      padding-bottom: 0.5rem;
+    }
+
+    li + li {
+      padding-top: 0;
+    }
+
+    li a {
+      display: block;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+`;
+//# sourceMappingURL=subnav-list-styles.js.map

package/dist/src/elements/ia-topnav/subnav-list-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subnav-list-styles.js","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/subnav-list-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBT,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from './models';\n\nexport const subnavListCSS = css`\n  h4 {\n    font-size: 1.6rem;\n  }\n\n  a {\n    text-decoration: none;\n    color: var(--activeColor);\n  }\n\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  li + li {\n    padding-top: 1.5rem;\n  }\n\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\n    h4 {\n      margin: 0 0 1rem 0;\n      font-weight: 100;\n    }\n\n    ul {\n      font-size: 1.3rem;\n    }\n\n    li {\n      padding-bottom: 0.5rem;\n    }\n\n    li + li {\n      padding-top: 0;\n    }\n\n    li a {\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n`;\n"]}

package/dist/src/elements/ia-topnav/tracked-element.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export default class TrackedElement extends LitElement {
+    trackClick(e: Event): void;
+    trackSubmit(e: Event): void;
+}
+//# sourceMappingURL=tracked-element.d.ts.map

package/dist/src/elements/ia-topnav/tracked-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracked-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/tracked-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,UAAU,CAAC,CAAC,EAAE,KAAK;IAcnB,WAAW,CAAC,CAAC,EAAE,KAAK;CAcrB"}

package/dist/src/elements/ia-topnav/tracked-element.js

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+export default class TrackedElement extends LitElement {
+    trackClick(e) {
+        const event = e.currentTarget?.dataset?.eventClickTracking;
+        if (event === undefined)
+            return;
+        this.dispatchEvent(new CustomEvent('trackClick', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                event,
+            },
+        }));
+    }
+    trackSubmit(e) {
+        const event = e.currentTarget?.dataset
+            ?.eventSubmitTracking;
+        if (event === undefined)
+            return;
+        this.dispatchEvent(new CustomEvent('trackSubmit', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                event,
+            },
+        }));
+    }
+}
+//# sourceMappingURL=tracked-element.js.map

package/dist/src/elements/ia-topnav/tracked-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracked-element.js","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/tracked-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,UAAU,CAAC,CAAQ;QACjB,MAAM,KAAK,GAAI,CAAC,CAAC,aAA6B,EAAE,OAAO,EAAE,kBAAkB,CAAC;QAC5E,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK;aACN;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,CAAQ;QAClB,MAAM,KAAK,GAAI,CAAC,CAAC,aAA6B,EAAE,OAAO;YACrD,EAAE,mBAAmB,CAAC;QACxB,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK;aACN;SACF,CAAC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class TrackedElement extends LitElement {\n  trackClick(e: Event) {\n    const event = (e.currentTarget as HTMLElement)?.dataset?.eventClickTracking;\n    if (event === undefined) return;\n    this.dispatchEvent(\n      new CustomEvent('trackClick', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          event,\n        },\n      }),\n    );\n  }\n\n  trackSubmit(e: Event) {\n    const event = (e.currentTarget as HTMLElement)?.dataset\n      ?.eventSubmitTracking;\n    if (event === undefined) return;\n    this.dispatchEvent(\n      new CustomEvent('trackSubmit', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          event,\n        },\n      }),\n    );\n  }\n}\n"]}

package/dist/src/elements/ia-transcript-view/ia-transcript-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ia-transcript-entry.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD;;;;;;GAMG;AACH,qBAGa,iBAAkB,SAAQ,UAAU;IAC/C,0BAA0B;IACE,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE1D,sDAAsD;IACV,QAAQ,UAAS;IAE7D,kEAAkE;IACtB,UAAU,UAAS;IAE/D,gDAAgD;IACJ,WAAW,UAAS;IAEhE,oDAAoD;IACR,cAAc,UAAS;IAEnE,kEAAkE;IACtB,YAAY,UAAS;IAEjE,MAAM,IAAI,cAAc;CAGzB"}
+{"version":3,"file":"ia-transcript-entry.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD;;;;;;GAMG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,0BAA0B;IACE,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE1D,sDAAsD;IACV,QAAQ,UAAS;IAE7D,kEAAkE;IACtB,UAAU,UAAS;IAE/D,gDAAgD;IACJ,WAAW,UAAS;IAEhE,oDAAoD;IACR,cAAc,UAAS;IAEnE,kEAAkE;IACtB,YAAY,UAAS;IAEjE,MAAM,IAAI,cAAc;CAGzB"}

package/dist/src/elements/ia-transcript-view/ia-transcript-entry.js

@@ -1,6 +1,5 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
-import { localized } from '@lit/localize';
 import { property } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
 /**
@@ -48,9 +47,6 @@ __decorate([
 ], IATranscriptEntry.prototype, "isMusicEntry", void 0);
 IATranscriptEntry = __decorate([
     customElement('ia-transcript-entry')
-    // Its text can come from msg() in TranscriptEntryConfig.displayText.
-    ,
-    localized()
 ], IATranscriptEntry);
 export { IATranscriptEntry };
 //# sourceMappingURL=ia-transcript-entry.js.map

package/dist/src/elements/ia-transcript-view/ia-transcript-entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-transcript-entry.js","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-entry.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD;;;;;;GAMG;AAII,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAIL,sDAAsD;QACV,aAAQ,GAAG,KAAK,CAAC;QAE7D,kEAAkE;QACtB,eAAU,GAAG,KAAK,CAAC;QAE/D,gDAAgD;QACJ,gBAAW,GAAG,KAAK,CAAC;QAEhE,oDAAoD;QACR,mBAAc,GAAG,KAAK,CAAC;QAEnE,kEAAkE;QACtB,iBAAY,GAAG,KAAK,CAAC;IAKnE,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC;IAChD,CAAC;CACF,CAAA;AApB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA+B;AAGd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkB;AAGjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAoB;AAGnB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAqB;AAGpB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAAwB;AAGvB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAsB;AAjBtD,iBAAiB;IAH7B,aAAa,CAAC,qBAAqB,CAAC;IACrC,qEAAqE;;IACpE,SAAS,EAAE;GACC,iBAAiB,CAsB7B","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { localized } from '@lit/localize';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\n\nimport type { TranscriptEntryConfig } from './models';\n\n/**\n * One line of the transcript.\n *\n * Carries no styles of its own. Every flag reflects to an attribute so the\n * transcript view around it can style entries from a single stylesheet rather\n * than pushing styles down into each one.\n */\n@customElement('ia-transcript-entry')\n// Its text can come from msg() in TranscriptEntryConfig.displayText.\n@localized()\nexport class IATranscriptEntry extends LitElement {\n  /** The entry to render */\n  @property({ type: Object }) entry?: TranscriptEntryConfig;\n\n  /** Whether playback is currently inside this entry */\n  @property({ type: Boolean, reflect: true }) isActive = false;\n\n  /** Whether this is the search result currently being looked at */\n  @property({ type: Boolean, reflect: true }) isSelected = false;\n\n  /** Whether clicking this entry does anything */\n  @property({ type: Boolean, reflect: true }) isClickable = false;\n\n  /** Whether this entry matched the current search */\n  @property({ type: Boolean, reflect: true }) isSearchResult = false;\n\n  /** Whether this entry is a stretch of music rather than speech */\n  @property({ type: Boolean, reflect: true }) isMusicEntry = false;\n\n  render(): TemplateResult {\n    return html`${this.entry?.displayText ?? ''}`;\n  }\n}\n"]}
+{"version":3,"file":"ia-transcript-entry.js","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-entry.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD;;;;;;GAMG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAIL,sDAAsD;QACV,aAAQ,GAAG,KAAK,CAAC;QAE7D,kEAAkE;QACtB,eAAU,GAAG,KAAK,CAAC;QAE/D,gDAAgD;QACJ,gBAAW,GAAG,KAAK,CAAC;QAEhE,oDAAoD;QACR,mBAAc,GAAG,KAAK,CAAC;QAEnE,kEAAkE;QACtB,iBAAY,GAAG,KAAK,CAAC;IAKnE,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC;IAChD,CAAC;CACF,CAAA;AApB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA+B;AAGd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkB;AAGjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAoB;AAGnB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAqB;AAGpB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAAwB;AAGvB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAsB;AAjBtD,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAsB7B","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\n\nimport type { TranscriptEntryConfig } from './models';\n\n/**\n * One line of the transcript.\n *\n * Carries no styles of its own. Every flag reflects to an attribute so the\n * transcript view around it can style entries from a single stylesheet rather\n * than pushing styles down into each one.\n */\n@customElement('ia-transcript-entry')\nexport class IATranscriptEntry extends LitElement {\n  /** The entry to render */\n  @property({ type: Object }) entry?: TranscriptEntryConfig;\n\n  /** Whether playback is currently inside this entry */\n  @property({ type: Boolean, reflect: true }) isActive = false;\n\n  /** Whether this is the search result currently being looked at */\n  @property({ type: Boolean, reflect: true }) isSelected = false;\n\n  /** Whether clicking this entry does anything */\n  @property({ type: Boolean, reflect: true }) isClickable = false;\n\n  /** Whether this entry matched the current search */\n  @property({ type: Boolean, reflect: true }) isSearchResult = false;\n\n  /** Whether this entry is a stretch of music rather than speech */\n  @property({ type: Boolean, reflect: true }) isMusicEntry = false;\n\n  render(): TemplateResult {\n    return html`${this.entry?.displayText ?? ''}`;\n  }\n}\n"]}

package/dist/src/elements/ia-transcript-view/ia-transcript-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ia-transcript-view.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,UAAU,CAAC;AAGxE,OAAO,uBAAuB,CAAC;AAc/B;;;;;GAKG;AACH,qBAEa,gBAAiB,SAAQ,UAAU;IAC9C,+BAA+B;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAEtD,mDAAmD;IACvB,WAAW,SAAK;IAE5C,qEAAqE;IACzC,gBAAgB,SAAM;IAElD,qEAAqE;IACzC,mBAAmB,SAAM;IAErD,8CAA8C;IACjB,UAAU,UAAQ;IAE/C,uDAAuD;IAC3B,yBAAyB,SAAK;IAE1D,yEAAyE;IAC5C,gBAAgB,UAAS;IAEtD,6EAA6E;IACjD,gBAAgB,SAAS;IAE5C,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAElC,OAAO,CAAC,UAAU,CAAC,CAAqB;IAEpE,OAAO,CAAC,mBAAmB,CAAC,CAAgC;IAE5D,OAAO,CAAC,iBAAiB,CAAC,CAAS;IAEnC,oBAAoB,IAAI,IAAI;IAM5B,MAAM,IAAI,cAAc;IAwBxB,oDAAoD;IACpD,4BAA4B,IAAI,IAAI;IAQpC,6EAA6E;IAC7E,4BAA4B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAkBzD,OAAO,KAAK,wBAAwB,GAUnC;IAED,OAAO,KAAK,mBAAmB,GAM9B;IAED,OAAO,CAAC,uBAAuB;IAsB/B,OAAO,KAAK,oBAAoB,GAW/B;IAED,OAAO,KAAK,iBAAiB,GAE5B;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAsBhD,OAAO,CAAC,uBAAuB;IAiB/B;;;;;OAKG;IACH,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAY/B,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,oBAAoB;IAQ5B;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAWjB,8EAA8E;IAC9E,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,KAAK,qBAAqB,GAIhC;IAED,OAAO,KAAK,oBAAoB,GAM/B;IAED,OAAO,KAAK,yBAAyB,GAIpC;IAED,OAAO,CAAC,oBAAoB;IAO5B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,kBAAkB;IAY1B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,qBAAqB;IAO7B,MAAM,KAAK,MAAM,IAAI,cAAc,CAyMlC;CACF"}
+{"version":3,"file":"ia-transcript-view.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,UAAU,CAAC;AAGxE,OAAO,uBAAuB,CAAC;AAc/B;;;;;GAKG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,+BAA+B;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAEtD,mDAAmD;IACvB,WAAW,SAAK;IAE5C,qEAAqE;IACzC,gBAAgB,SAAM;IAElD,qEAAqE;IACzC,mBAAmB,SAAM;IAErD,8CAA8C;IACjB,UAAU,UAAQ;IAE/C,uDAAuD;IAC3B,yBAAyB,SAAK;IAE1D,yEAAyE;IAC5C,gBAAgB,UAAS;IAEtD,6EAA6E;IACjD,gBAAgB,SAAS;IAE5C,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAElC,OAAO,CAAC,UAAU,CAAC,CAAqB;IAEpE,OAAO,CAAC,mBAAmB,CAAC,CAAgC;IAE5D,OAAO,CAAC,iBAAiB,CAAC,CAAS;IAEnC,oBAAoB,IAAI,IAAI;IAM5B,MAAM,IAAI,cAAc;IAwBxB,oDAAoD;IACpD,4BAA4B,IAAI,IAAI;IAQpC,6EAA6E;IAC7E,4BAA4B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAkBzD,OAAO,KAAK,wBAAwB,GAUnC;IAED,OAAO,KAAK,mBAAmB,GAM9B;IAED,OAAO,CAAC,uBAAuB;IAsB/B,OAAO,KAAK,oBAAoB,GAW/B;IAED,OAAO,KAAK,iBAAiB,GAE5B;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAsBhD,OAAO,CAAC,uBAAuB;IAiB/B;;;;;OAKG;IACH,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAY/B,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,oBAAoB;IAQ5B;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAWjB,8EAA8E;IAC9E,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,KAAK,qBAAqB,GAIhC;IAED,OAAO,KAAK,oBAAoB,GAM/B;IAED,OAAO,KAAK,yBAAyB,GAIpC;IAED,OAAO,CAAC,oBAAoB;IAO5B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,kBAAkB;IAY1B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,qBAAqB;IAO7B,MAAM,KAAK,MAAM,IAAI,cAAc,CAyMlC;CACF"}

package/dist/src/elements/ia-transcript-view/ia-transcript-view.js

@@ -4,7 +4,7 @@ import { css, html, LitElement, nothing, } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { localized, msg } from '@lit/localize';
+import { msg } from '@lit/localize';
 import { formatDuration } from './duration-formatter.js';
 import './ia-transcript-entry.js';
 /**
@@ -560,8 +560,7 @@ __decorate([
     query('#scroll-container')
 ], IATranscriptView.prototype, "scrollView", void 0);
 IATranscriptView = IATranscriptView_1 = __decorate([
-    customElement('ia-transcript-view'),
-    localized()
+    customElement('ia-transcript-view')
 ], IATranscriptView);
 export { IATranscriptView };
 //# sourceMappingURL=ia-transcript-view.js.map

package/dist/src/elements/ia-transcript-view/ia-transcript-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-transcript-view.js","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-view.ts"],"names":[],"mappings":";;AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EACV,OAAO,GAIR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAItD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,GAAG;IACb,uBAAuB,EAAE,yBAAyB;IAClD,qBAAqB,EAAE,uBAAuB;IAC9C,iBAAiB,EAAE,mBAAmB;CACvC,CAAC;AAEF,mDAAmD;AACnD,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAElC;;;;;GAKG;AAGI,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIL,mDAAmD;QACvB,gBAAW,GAAG,CAAC,CAAC;QAE5C,qEAAqE;QACzC,qBAAgB,GAAG,EAAE,CAAC;QAElD,qEAAqE;QACzC,wBAAmB,GAAG,EAAE,CAAC;QAErD,8CAA8C;QACjB,eAAU,GAAG,IAAI,CAAC;QAE/C,uDAAuD;QAC3B,8BAAyB,GAAG,CAAC,CAAC;QAE1D,yEAAyE;QAC5C,qBAAgB,GAAG,KAAK,CAAC;QAEtD,6EAA6E;QACjD,qBAAgB,GAAG,KAAK,CAAC;QAEpC,kBAAa,GAAG,CAAC,CAAC;QAElB,mBAAc,GAA4B,EAAE,CAAC;IAgjBhE,CAAC;IAxiBC,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACvC,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO;;;;;mBAKlD,IAAI,CAAC,SAAS;uBACV,IAAI,CAAC,SAAS;;kCAEH,IAAI,CAAC,mBAAmB;;;cAG5C,IAAI,CAAC,wBAAwB;cAC7B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACrC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CACpC;;;;KAIR,CAAC;IACJ,CAAC;IAED,oDAAoD;IACpD,4BAA4B;QAC1B,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC;QACtC,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC7C,CAAC;IAED,6EAA6E;IAC7E,4BAA4B,CAAC,IAAY;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACvC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAEtC,IAAI,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,KAAK,GAAG,aAAa,EAAE,CAAC;gBAC1B,aAAa,GAAG,KAAK,CAAC;gBACtB,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC;QACH,CAAC;QAED,OAAO,OAAO,CAAC,EAAE,CAAC;IACpB,CAAC;IAED,IAAY,wBAAwB;QAClC,OAAO,IAAI,CAAA;;;oCAGqB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;iBAClD,IAAI,CAAC,gBAAgB;;UAE5B,GAAG,CAAC,wBAAwB,CAAC;;KAElC,CAAC;IACJ,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;8CAC+B,IAAI,CAAC,aAAa;UACtD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;;KAErC,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAC7B,KAA4B;QAE5B,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CACvC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAC/C,CAAC;QAEF,OAAO,IAAI,CAAA;;iBAEE,KAAK;oBACF,QAAQ;sBACN,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,yBAAyB;0BACrD,KAAK,CAAC,gBAAgB,KAAK,SAAS;wBACtC,KAAK,CAAC,OAAO;;mCAEF,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC;0BAC1C,KAAK,CAAC,EAAE;iBACjB,IAAI,CAAC,uBAAuB;;KAExC,CAAC;IACJ,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAA;;;yBAGU,IAAI,CAAC,gBAAgB;;;;yBAIrB,IAAI,CAAC,mBAAmB;;KAE5C,CAAC;IACJ,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC;YAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACzE,IAAI,iBAAiB,CAAC,GAAG,CAAC,2BAA2B,CAAC,EAAE,CAAC;YACvD,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACtC,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC5C,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA0B,MAAM,CAAC,iBAAiB,EAAE;gBACjE,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;aACxC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,yBAAyB,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACtC,CAAC;IACH,CAAC;IAEO,uBAAuB,CAAC,CAAQ;QACtC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,aAAkC,CAAC;QACvD,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,MAAM,CAAC,uBAAuB,EAC9B,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CACtB,CACF,CAAC;QAEF,IAAI,KAAK,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACzC,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,gBAAgB,CAAC;QAC1D,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACK,uBAAuB;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACvC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEjC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAClC,CAAC,KAAK,EAAE,EAAE,CACR,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,GAAG,CACnE,CAAC;QAEF,IAAI,kBAAgB,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;IACtC,CAAC;IAEO,MAAM,CAAC,gBAAgB,CAC7B,CAA0B,EAC1B,CAA0B;QAE1B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAExC,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9D,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IACvD,CAAC;IAEO,oBAAoB,CAAC,IAAY;QACvC,MAAM,iBAAiB,GAAG,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC;QAClE,uEAAuE;QACvE,gCAAgC;QAChC,IAAI,iBAAiB,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAE5C,OAAO,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACtD,CAAC;IAEO,oBAAoB,CAAC,UAAkB;QAC7C,OAAO,CACL,IAAI,CAAC,UAAU,EAAE,aAAa,CAC5B,wCAAwC,UAAU,IAAI,CACvD,IAAI,IAAI,CACV,CAAC;IACJ,CAAC;IAED;;;;;;;OAOG;IACK,SAAS,CAAC,KAAY;QAC5B,IAAI,KAAK,YAAY,UAAU,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;YAAE,OAAO;QAE3E,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACvC,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC5B,CAAC;IAED,8EAA8E;IACtE,WAAW,CAAC,MAAc;QAChC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAE9B,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;QAC7D,IAAI,MAAM,GAAG,CAAC;YAAE,OAAO,SAAS,GAAG,CAAC,CAAC;QACrC,IAAI,MAAM,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC;QAC1E,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,IAAY,qBAAqB;QAC/B,OAAO,CACL,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,+BAA+B,CAAC,IAAI,IAAI,CACxE,CAAC;IACJ,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,CACL,IAAI,CAAC,UAAU,EAAE,aAAa,CAC5B,iDAAiD,IAAI,CAAC,yBAAyB,IAAI,CACpF,IAAI,IAAI,CACV,CAAC;IACJ,CAAC;IAED,IAAY,yBAAyB;QACnC,OAAO,CACL,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAC1E,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,MAAM,YAAY,GAAG,IAAI,CAAC,yBAAyB,CAAC;QACpD,IAAI,YAAY;YAAE,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;IAED;;;OAGG;IACK,eAAe,CAAC,OAAoB;QAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;QACzD,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC;QAEpE,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC;QAC5E,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC;QAC3D,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEnD,IAAI,CAAC,cAAc,CACjB,SAAS,CAAC,GAAG;YACX,aAAa,CAAC,GAAG;YACjB,UAAU,CAAC,SAAS;YACpB,IAAI,CAAC,gBAAgB,CACxB,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,MAAM,aAAa,GAAG,IAAI,CAAC,yBAAyB,CAAC;QACrD,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,MAAM,MAAM,GAAG,aAAa,CAAC,UAAgC,CAAC;QAC9D,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,CAAC,aAAa;YAChB,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG;gBACzC,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;IACvC,CAAC;IAED;;;;;OAKG;IACK,cAAc,CAAC,MAAc;QACnC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE7B,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC;QACnC,MAAM,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;QAC9B,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAEpC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAU,EAAE,CAC7C,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAE5D,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC;YACvD,oEAAoE;YACpE,wBAAwB;YACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,uBAAuB,EAAE,CAAC,CAAC,CAAC;YAEhE,UAAU,CAAC,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;YAEhE,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;gBACjB,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAC1D,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAEjD,oBAAoB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7C,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;IACrC,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;IACJ,CAAC;CACF,CAAA;AAzkB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA2B;AAG1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAiB;AAGhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAuB;AAGtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAA0B;AAGxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAmB;AAGnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mEAA+B;AAG7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DAA0B;AAG1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA0B;AAEpC;IAAhB,KAAK,EAAE;uDAA2B;AAElB;IAAhB,KAAK,EAAE;wDAAsD;AAE1B;IAAnC,KAAK,CAAC,mBAAmB,CAAC;oDAAyC;AA7BzD,gBAAgB;IAF5B,aAAa,CAAC,oBAAoB,CAAC;IACnC,SAAS,EAAE;GACC,gBAAgB,CA2kB5B","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { localized, msg } from '@lit/localize';\n\nimport { formatDuration } from './duration-formatter';\nimport type { TranscriptConfig, TranscriptEntryConfig } from './models';\nimport type { IATranscriptEntry } from './ia-transcript-entry';\n\nimport './ia-transcript-entry';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  TranscriptEntrySelected: 'transcriptEntrySelected',\n  CurrentEntriesUpdated: 'currentEntriesUpdated',\n  AutoScrollChanged: 'autoScrollChanged',\n};\n\n/** How long a scroll animation runs, in seconds */\nconst SCROLL_DURATION_SECONDS = 1;\n\n/**\n * A scrolling transcript that follows playback.\n *\n * It keeps itself scrolled to whatever is being spoken, steps aside when the\n * listener scrolls by hand, and picks the job back up once they've stopped.\n */\n@customElement('ia-transcript-view')\n@localized()\nexport class IATranscriptView extends LitElement {\n  /** The transcript to render */\n  @property({ type: Object }) config?: TranscriptConfig;\n\n  /** Playback position, in seconds into the track */\n  @property({ type: Number }) currentTime = 0;\n\n  /** How much room to leave above the entry being spoken, in pixels */\n  @property({ type: Number }) topContextHeight = 50;\n\n  /** How much room to leave below the entry being spoken, in pixels */\n  @property({ type: Number }) bottomContextHeight = 50;\n\n  /** Whether the transcript follows playback */\n  @property({ type: Boolean }) autoScroll = true;\n\n  /** Which search result is currently being looked at */\n  @property({ type: Number }) selectedSearchResultIndex = 0;\n\n  /** Whether to outline the context zones, for working on the scrolling */\n  @property({ type: Boolean }) showContextZones = false;\n\n  /** How long to wait after a manual scroll before following playback again */\n  @property({ type: Number }) scrollTimerDelay = 15000;\n\n  @state() private timeScrollTop = 0;\n\n  @state() private currentEntries: TranscriptEntryConfig[] = [];\n\n  @query('#scroll-container') private scrollView?: HTMLElement | null;\n\n  private scrollResumeTimerId?: ReturnType<typeof setTimeout>;\n\n  private scrollAnimationId?: number;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this.scrollResumeTimerId);\n    this.cancelScrollAnimation();\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.showContextZones ? this.contextZoneTemplates : nothing}\n\n        <div\n          class=\"scroll-container\"\n          id=\"scroll-container\"\n          @wheel=${this.didScroll}\n          @touchmove=${this.didScroll}\n        >\n          <div class=\"col time\">${this.timeDisplayTemplate}</div>\n\n          <div class=\"col\">\n            ${this.autoScrollButtonTemplate}\n            ${this.transcriptEntries.map((entry) =>\n              this.transcriptEntryTemplate(entry),\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** Scrolls the selected search result into view. */\n  scrollToSelectedSearchResult(): void {\n    const { selectedSearchResult } = this;\n    if (!selectedSearchResult) return;\n\n    this.autoScroll = false;\n    this.scrollToElement(selectedSearchResult);\n  }\n\n  /** The id of the entry starting closest to a given time, if there is one. */\n  entryIdentifierClosestToTime(time: number): number | null {\n    const entries = this.transcriptEntries;\n    if (entries.length === 0) return null;\n\n    let closest = entries[0];\n    let smallestDelta = Math.abs(time - closest.start);\n\n    for (const entry of entries) {\n      const delta = Math.abs(time - entry.start);\n      if (delta < smallestDelta) {\n        smallestDelta = delta;\n        closest = entry;\n      }\n    }\n\n    return closest.id;\n  }\n\n  private get autoScrollButtonTemplate(): TemplateResult {\n    return html`\n      <button\n        type=\"button\"\n        class=\"auto-scroll-button ${this.autoScroll ? 'hidden' : ''}\"\n        @click=${this.enableAutoScroll}\n      >\n        ${msg('Scroll text with audio')}\n      </button>\n    `;\n  }\n\n  private get timeDisplayTemplate(): TemplateResult {\n    return html`\n      <div class=\"time-display\" style=\"top: ${this.timeScrollTop}px\">\n        ${formatDuration(this.currentTime)}\n      </div>\n    `;\n  }\n\n  private transcriptEntryTemplate(\n    entry: TranscriptEntryConfig,\n  ): TemplateResult {\n    const isActive = this.currentEntries.some(\n      (currentEntry) => currentEntry.id === entry.id,\n    );\n\n    return html`\n      <ia-transcript-entry\n        .entry=${entry}\n        ?isActive=${isActive}\n        ?isSelected=${entry.searchMatchIndex === this.selectedSearchResultIndex}\n        ?isSearchResult=${entry.searchMatchIndex !== undefined}\n        ?isMusicEntry=${entry.isMusic}\n        isClickable\n        data-search-result-index=${ifDefined(entry.searchMatchIndex)}\n        data-identifier=${entry.id}\n        @click=${this.transcriptEntrySelected}\n      ></ia-transcript-entry>\n    `;\n  }\n\n  private get contextZoneTemplates(): TemplateResult {\n    return html`\n      <div\n        class=\"top context-overlay\"\n        style=\"height: ${this.topContextHeight}px\"\n      ></div>\n      <div\n        class=\"bottom context-overlay\"\n        style=\"height: ${this.bottomContextHeight}px\"\n      ></div>\n    `;\n  }\n\n  private get transcriptEntries(): TranscriptEntryConfig[] {\n    return this.config?.entries ?? [];\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('currentTime')) this.handleCurrentTimeChange();\n    if (changedProperties.has('selectedSearchResultIndex')) {\n      this.scrollToSelectedSearchResult();\n    }\n    if (changedProperties.has('currentEntries')) {\n      this.scrollToClosestEntry();\n      this.updateTimePosition();\n    }\n    if (changedProperties.has('autoScroll')) {\n      this.dispatchEvent(\n        new CustomEvent<{ autoScroll: boolean }>(Events.AutoScrollChanged, {\n          detail: { autoScroll: this.autoScroll },\n        }),\n      );\n    }\n    if (changedProperties.has('config')) {\n      this.selectedSearchResultIndex = 0;\n      this.scrollToSelectedSearchResult();\n    }\n  }\n\n  private transcriptEntrySelected(e: Event): void {\n    const { entry } = e.currentTarget as IATranscriptEntry;\n    if (!entry) return;\n\n    this.dispatchEvent(\n      new CustomEvent<{ entry: TranscriptEntryConfig }>(\n        Events.TranscriptEntrySelected,\n        { detail: { entry } },\n      ),\n    );\n\n    if (entry.searchMatchIndex !== undefined) {\n      this.selectedSearchResultIndex = entry.searchMatchIndex;\n    }\n    this.autoScroll = false;\n  }\n\n  /**\n   * Works out which entries are being spoken now.\n   *\n   * Runs on every time update, several times a second, so it only touches the\n   * rendered state when the set of entries has actually changed.\n   */\n  private handleCurrentTimeChange(): void {\n    const entries = this.transcriptEntries;\n    if (entries.length === 0) return;\n\n    const activeEntries = entries.filter(\n      (entry) =>\n        this.currentTime >= entry.start && this.currentTime <= entry.end,\n    );\n\n    if (IATranscriptView.entryArraysMatch(activeEntries, this.currentEntries)) {\n      return;\n    }\n\n    this.dispatchEvent(new Event(Events.CurrentEntriesUpdated));\n    this.currentEntries = activeEntries;\n  }\n\n  private static entryArraysMatch(\n    a: TranscriptEntryConfig[],\n    b: TranscriptEntryConfig[],\n  ): boolean {\n    if (a.length !== b.length) return false;\n\n    const aIds = a.map((entry) => entry.id).sort((x, y) => x - y);\n    const bIds = b.map((entry) => entry.id).sort((x, y) => x - y);\n\n    return aIds.every((id, index) => bIds[index] === id);\n  }\n\n  private elementClosestToTime(time: number): HTMLElement | null {\n    const closestIdentifier = this.entryIdentifierClosestToTime(time);\n    // Compared against null rather than tested for truthiness, so an entry\n    // whose id is 0 is still found.\n    if (closestIdentifier === null) return null;\n\n    return this.elementForIdentifier(closestIdentifier);\n  }\n\n  private elementForIdentifier(identifier: number): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector(\n        `ia-transcript-entry[data-identifier=\"${identifier}\"]`,\n      ) ?? null\n    );\n  }\n\n  /**\n   * Steps auto-scroll aside when the listener scrolls by hand, and arranges to\n   * pick it back up once they've left it alone for a while.\n   *\n   * A wheel that the transcript cannot act on, such as a wheel-up when it is\n   * already at the top, is ignored: the listener sees nothing move, so taking\n   * auto-scroll away from them reads as the page misbehaving.\n   */\n  private didScroll(event: Event): void {\n    if (event instanceof WheelEvent && !this.canScrollBy(event.deltaY)) return;\n\n    this.autoScroll = false;\n\n    clearTimeout(this.scrollResumeTimerId);\n    this.scrollResumeTimerId = setTimeout(() => {\n      this.autoScroll = true;\n    }, this.scrollTimerDelay);\n  }\n\n  /** Whether the transcript has anywhere left to go in `deltaY`'s direction. */\n  private canScrollBy(deltaY: number): boolean {\n    const { scrollView } = this;\n    if (!scrollView) return false;\n\n    const { scrollTop, scrollHeight, clientHeight } = scrollView;\n    if (deltaY < 0) return scrollTop > 0;\n    if (deltaY > 0) return Math.ceil(scrollTop + clientHeight) < scrollHeight;\n    return false;\n  }\n\n  private enableAutoScroll(): void {\n    this.autoScroll = true;\n    this.scrollToClosestEntry();\n  }\n\n  private get activeTranscriptEntry(): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector('ia-transcript-entry[isActive]') ?? null\n    );\n  }\n\n  private get selectedSearchResult(): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector(\n        `ia-transcript-entry[data-search-result-index=\"${this.selectedSearchResultIndex}\"]`,\n      ) ?? null\n    );\n  }\n\n  private get closestEntryToCurrentTime(): HTMLElement | null {\n    return (\n      this.activeTranscriptEntry ?? this.elementClosestToTime(this.currentTime)\n    );\n  }\n\n  private scrollToClosestEntry(): void {\n    if (!this.autoScroll) return;\n\n    const closestEntry = this.closestEntryToCurrentTime;\n    if (closestEntry) this.scrollToElement(closestEntry);\n  }\n\n  /**\n   * Scrolls an entry to the top of the focus area, if it isn't in there\n   * already.\n   */\n  private scrollToElement(element: HTMLElement): void {\n    const { scrollView } = this;\n    if (!scrollView) return;\n\n    const containerRect = scrollView.getBoundingClientRect();\n    const entryRect = element.getBoundingClientRect();\n    const focusBottom = containerRect.height - this.bottomContextHeight;\n\n    const isBelowFocusArea = entryRect.bottom > containerRect.top + focusBottom;\n    const isAboveFocusArea = entryRect.top < containerRect.top;\n    if (!isBelowFocusArea && !isAboveFocusArea) return;\n\n    this.scrollToOffset(\n      entryRect.top -\n        containerRect.top +\n        scrollView.scrollTop -\n        this.topContextHeight,\n    );\n  }\n\n  private updateTimePosition(): void {\n    const scrollToEntry = this.closestEntryToCurrentTime;\n    if (!scrollToEntry) return;\n\n    const parent = scrollToEntry.parentNode as HTMLElement | null;\n    if (!parent) return;\n\n    this.timeScrollTop =\n      scrollToEntry.getBoundingClientRect().top -\n      parent.getBoundingClientRect().top;\n  }\n\n  /**\n   * Eases the scroll container to an offset.\n   *\n   * Only one animation runs at a time: playback ticks arrive faster than an\n   * animation finishes, and two loops writing `scrollTop` fight each other.\n   */\n  private scrollToOffset(offset: number): void {\n    const { scrollView } = this;\n    if (!scrollView) return;\n\n    this.cancelScrollAnimation();\n\n    const start = scrollView.scrollTop;\n    const change = offset - start;\n    const startTime = performance.now();\n\n    const easeInOutQuad = (time: number): number =>\n      time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time;\n\n    const animate = (): void => {\n      const elapsed = (performance.now() - startTime) / 1000;\n      // Clamped so the last frame lands exactly on the target rather than\n      // overshooting past it.\n      const progress = Math.min(elapsed / SCROLL_DURATION_SECONDS, 1);\n\n      scrollView.scrollTop = start + change * easeInOutQuad(progress);\n\n      if (progress < 1) {\n        this.scrollAnimationId = requestAnimationFrame(animate);\n      } else {\n        this.scrollAnimationId = undefined;\n      }\n    };\n\n    animate();\n  }\n\n  private cancelScrollAnimation(): void {\n    if (this.scrollAnimationId === undefined) return;\n\n    cancelAnimationFrame(this.scrollAnimationId);\n    this.scrollAnimationId = undefined;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --transcript-height--: var(--ia-theme-transcript-height, 200px);\n\n        --transcript-normal-text-color--: var(\n          --ia-theme-transcript-normal-text-color,\n          gray\n        );\n        --transcript-active-text-color--: var(\n          --ia-theme-transcript-active-text-color,\n          white\n        );\n        --transcript-hover-text-color--: var(\n          --ia-theme-transcript-hover-text-color,\n          silver\n        );\n\n        --transcript-music-normal-text-color--: var(\n          --ia-theme-transcript-music-normal-text-color,\n          gray\n        );\n        --transcript-music-active-text-color--: var(\n          --ia-theme-transcript-music-active-text-color,\n          white\n        );\n        --transcript-music-hover-text-color--: var(\n          --ia-theme-transcript-music-hover-text-color,\n          silver\n        );\n\n        --transcript-search-result-inactive-border-color--: var(\n          --ia-theme-transcript-search-result-inactive-border-color,\n          gray\n        );\n        --transcript-search-result-active-border-color--: var(\n          --ia-theme-transcript-search-result-active-border-color,\n          green\n        );\n\n        --transcript-time-color--: var(--ia-theme-transcript-time-color, white);\n        --transcript-time-column-width--: var(\n          --ia-theme-transcript-time-column-width,\n          3rem\n        );\n        --transcript-time-font-size--: var(\n          --ia-theme-transcript-time-font-size,\n          1em\n        );\n        --transcript-time-line-height--: var(\n          --ia-theme-transcript-time-line-height,\n          1em\n        );\n        --transcript-time-display--: var(\n          --ia-theme-transcript-time-display,\n          block\n        );\n\n        --transcript-auto-scroll-button-color--: var(\n          --ia-theme-transcript-auto-scroll-button-color,\n          black\n        );\n        --transcript-auto-scroll-button-background--: var(\n          --ia-theme-transcript-auto-scroll-button-background,\n          white\n        );\n        --transcript-auto-scroll-button-width--: var(\n          --ia-theme-transcript-auto-scroll-button-width,\n          12rem\n        );\n        --transcript-auto-scroll-button-font-size--: var(\n          --ia-theme-transcript-auto-scroll-button-font-size,\n          1em\n        );\n\n        color: var(--transcript-normal-text-color--);\n      }\n\n      .container {\n        position: relative;\n      }\n\n      .auto-scroll-button {\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 1rem;\n        margin: auto;\n        width: var(--transcript-auto-scroll-button-width--);\n        border-radius: 1em;\n        border: 0;\n        display: inline-block;\n        color: var(--transcript-auto-scroll-button-color--);\n        background-color: var(--transcript-auto-scroll-button-background--);\n        font-size: var(--transcript-auto-scroll-button-font-size--);\n        cursor: pointer;\n        z-index: 10;\n      }\n\n      .auto-scroll-button.hidden {\n        display: none;\n      }\n\n      .context-overlay {\n        position: absolute;\n        left: 0;\n        width: 100%;\n        height: 0;\n        /* Purely a guide. It sits over the top and bottom of the scroll area,\n           so without this it would swallow the wheel and the entry clicks\n           there, breaking the scrolling it exists to help you look at. */\n        pointer-events: none;\n      }\n\n      .context-overlay.top {\n        top: 0;\n        border-bottom: 1px solid green;\n      }\n\n      .context-overlay.bottom {\n        bottom: 0;\n        border-top: 1px solid green;\n      }\n\n      .time {\n        display: var(--transcript-time-display--);\n        flex: 0 0 var(--transcript-time-column-width--);\n        color: var(--transcript-time-color--);\n        position: relative;\n      }\n\n      .time-display {\n        position: absolute;\n        top: 0;\n        font-size: var(--transcript-time-font-size--);\n        line-height: var(--transcript-time-line-height--);\n        transition: top 1s;\n      }\n\n      .scroll-container {\n        display: flex;\n        overflow-y: auto;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        height: var(--transcript-height--);\n      }\n\n      .scroll-container::-webkit-scrollbar {\n        display: none;\n      }\n\n      ia-transcript-entry {\n        cursor: pointer;\n      }\n\n      ia-transcript-entry:hover {\n        color: var(--transcript-hover-text-color--);\n      }\n\n      ia-transcript-entry[ismusicentry] {\n        color: var(--transcript-music-normal-text-color--);\n        display: block;\n        font-style: italic;\n      }\n\n      ia-transcript-entry[ismusicentry]:hover {\n        color: var(--transcript-music-hover-text-color--);\n      }\n\n      ia-transcript-entry[ismusicentry][isactive] {\n        color: var(--transcript-music-active-text-color--);\n      }\n\n      ia-transcript-entry[isactive] {\n        color: var(--transcript-active-text-color--);\n      }\n\n      ia-transcript-entry[issearchresult] {\n        /* Inline-block, or the outline adds a space to the right of the text */\n        display: inline-block;\n        padding: 0 5px;\n        position: relative;\n      }\n\n      ia-transcript-entry[issearchresult]:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border: 2px solid\n          var(--transcript-search-result-inactive-border-color--);\n        border-radius: 5px;\n      }\n\n      ia-transcript-entry[issearchresult][isselected]:after {\n        border: 2px solid var(--transcript-search-result-active-border-color--);\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ia-transcript-view.js","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/ia-transcript-view.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { msg } from '@lit/localize';\n\nimport { formatDuration } from './duration-formatter';\nimport type { TranscriptConfig, TranscriptEntryConfig } from './models';\nimport type { IATranscriptEntry } from './ia-transcript-entry';\n\nimport './ia-transcript-entry';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  TranscriptEntrySelected: 'transcriptEntrySelected',\n  CurrentEntriesUpdated: 'currentEntriesUpdated',\n  AutoScrollChanged: 'autoScrollChanged',\n};\n\n/** How long a scroll animation runs, in seconds */\nconst SCROLL_DURATION_SECONDS = 1;\n\n/**\n * A scrolling transcript that follows playback.\n *\n * It keeps itself scrolled to whatever is being spoken, steps aside when the\n * listener scrolls by hand, and picks the job back up once they've stopped.\n */\n@customElement('ia-transcript-view')\nexport class IATranscriptView extends LitElement {\n  /** The transcript to render */\n  @property({ type: Object }) config?: TranscriptConfig;\n\n  /** Playback position, in seconds into the track */\n  @property({ type: Number }) currentTime = 0;\n\n  /** How much room to leave above the entry being spoken, in pixels */\n  @property({ type: Number }) topContextHeight = 50;\n\n  /** How much room to leave below the entry being spoken, in pixels */\n  @property({ type: Number }) bottomContextHeight = 50;\n\n  /** Whether the transcript follows playback */\n  @property({ type: Boolean }) autoScroll = true;\n\n  /** Which search result is currently being looked at */\n  @property({ type: Number }) selectedSearchResultIndex = 0;\n\n  /** Whether to outline the context zones, for working on the scrolling */\n  @property({ type: Boolean }) showContextZones = false;\n\n  /** How long to wait after a manual scroll before following playback again */\n  @property({ type: Number }) scrollTimerDelay = 15000;\n\n  @state() private timeScrollTop = 0;\n\n  @state() private currentEntries: TranscriptEntryConfig[] = [];\n\n  @query('#scroll-container') private scrollView?: HTMLElement | null;\n\n  private scrollResumeTimerId?: ReturnType<typeof setTimeout>;\n\n  private scrollAnimationId?: number;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this.scrollResumeTimerId);\n    this.cancelScrollAnimation();\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.showContextZones ? this.contextZoneTemplates : nothing}\n\n        <div\n          class=\"scroll-container\"\n          id=\"scroll-container\"\n          @wheel=${this.didScroll}\n          @touchmove=${this.didScroll}\n        >\n          <div class=\"col time\">${this.timeDisplayTemplate}</div>\n\n          <div class=\"col\">\n            ${this.autoScrollButtonTemplate}\n            ${this.transcriptEntries.map((entry) =>\n              this.transcriptEntryTemplate(entry),\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** Scrolls the selected search result into view. */\n  scrollToSelectedSearchResult(): void {\n    const { selectedSearchResult } = this;\n    if (!selectedSearchResult) return;\n\n    this.autoScroll = false;\n    this.scrollToElement(selectedSearchResult);\n  }\n\n  /** The id of the entry starting closest to a given time, if there is one. */\n  entryIdentifierClosestToTime(time: number): number | null {\n    const entries = this.transcriptEntries;\n    if (entries.length === 0) return null;\n\n    let closest = entries[0];\n    let smallestDelta = Math.abs(time - closest.start);\n\n    for (const entry of entries) {\n      const delta = Math.abs(time - entry.start);\n      if (delta < smallestDelta) {\n        smallestDelta = delta;\n        closest = entry;\n      }\n    }\n\n    return closest.id;\n  }\n\n  private get autoScrollButtonTemplate(): TemplateResult {\n    return html`\n      <button\n        type=\"button\"\n        class=\"auto-scroll-button ${this.autoScroll ? 'hidden' : ''}\"\n        @click=${this.enableAutoScroll}\n      >\n        ${msg('Scroll text with audio')}\n      </button>\n    `;\n  }\n\n  private get timeDisplayTemplate(): TemplateResult {\n    return html`\n      <div class=\"time-display\" style=\"top: ${this.timeScrollTop}px\">\n        ${formatDuration(this.currentTime)}\n      </div>\n    `;\n  }\n\n  private transcriptEntryTemplate(\n    entry: TranscriptEntryConfig,\n  ): TemplateResult {\n    const isActive = this.currentEntries.some(\n      (currentEntry) => currentEntry.id === entry.id,\n    );\n\n    return html`\n      <ia-transcript-entry\n        .entry=${entry}\n        ?isActive=${isActive}\n        ?isSelected=${entry.searchMatchIndex === this.selectedSearchResultIndex}\n        ?isSearchResult=${entry.searchMatchIndex !== undefined}\n        ?isMusicEntry=${entry.isMusic}\n        isClickable\n        data-search-result-index=${ifDefined(entry.searchMatchIndex)}\n        data-identifier=${entry.id}\n        @click=${this.transcriptEntrySelected}\n      ></ia-transcript-entry>\n    `;\n  }\n\n  private get contextZoneTemplates(): TemplateResult {\n    return html`\n      <div\n        class=\"top context-overlay\"\n        style=\"height: ${this.topContextHeight}px\"\n      ></div>\n      <div\n        class=\"bottom context-overlay\"\n        style=\"height: ${this.bottomContextHeight}px\"\n      ></div>\n    `;\n  }\n\n  private get transcriptEntries(): TranscriptEntryConfig[] {\n    return this.config?.entries ?? [];\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('currentTime')) this.handleCurrentTimeChange();\n    if (changedProperties.has('selectedSearchResultIndex')) {\n      this.scrollToSelectedSearchResult();\n    }\n    if (changedProperties.has('currentEntries')) {\n      this.scrollToClosestEntry();\n      this.updateTimePosition();\n    }\n    if (changedProperties.has('autoScroll')) {\n      this.dispatchEvent(\n        new CustomEvent<{ autoScroll: boolean }>(Events.AutoScrollChanged, {\n          detail: { autoScroll: this.autoScroll },\n        }),\n      );\n    }\n    if (changedProperties.has('config')) {\n      this.selectedSearchResultIndex = 0;\n      this.scrollToSelectedSearchResult();\n    }\n  }\n\n  private transcriptEntrySelected(e: Event): void {\n    const { entry } = e.currentTarget as IATranscriptEntry;\n    if (!entry) return;\n\n    this.dispatchEvent(\n      new CustomEvent<{ entry: TranscriptEntryConfig }>(\n        Events.TranscriptEntrySelected,\n        { detail: { entry } },\n      ),\n    );\n\n    if (entry.searchMatchIndex !== undefined) {\n      this.selectedSearchResultIndex = entry.searchMatchIndex;\n    }\n    this.autoScroll = false;\n  }\n\n  /**\n   * Works out which entries are being spoken now.\n   *\n   * Runs on every time update, several times a second, so it only touches the\n   * rendered state when the set of entries has actually changed.\n   */\n  private handleCurrentTimeChange(): void {\n    const entries = this.transcriptEntries;\n    if (entries.length === 0) return;\n\n    const activeEntries = entries.filter(\n      (entry) =>\n        this.currentTime >= entry.start && this.currentTime <= entry.end,\n    );\n\n    if (IATranscriptView.entryArraysMatch(activeEntries, this.currentEntries)) {\n      return;\n    }\n\n    this.dispatchEvent(new Event(Events.CurrentEntriesUpdated));\n    this.currentEntries = activeEntries;\n  }\n\n  private static entryArraysMatch(\n    a: TranscriptEntryConfig[],\n    b: TranscriptEntryConfig[],\n  ): boolean {\n    if (a.length !== b.length) return false;\n\n    const aIds = a.map((entry) => entry.id).sort((x, y) => x - y);\n    const bIds = b.map((entry) => entry.id).sort((x, y) => x - y);\n\n    return aIds.every((id, index) => bIds[index] === id);\n  }\n\n  private elementClosestToTime(time: number): HTMLElement | null {\n    const closestIdentifier = this.entryIdentifierClosestToTime(time);\n    // Compared against null rather than tested for truthiness, so an entry\n    // whose id is 0 is still found.\n    if (closestIdentifier === null) return null;\n\n    return this.elementForIdentifier(closestIdentifier);\n  }\n\n  private elementForIdentifier(identifier: number): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector(\n        `ia-transcript-entry[data-identifier=\"${identifier}\"]`,\n      ) ?? null\n    );\n  }\n\n  /**\n   * Steps auto-scroll aside when the listener scrolls by hand, and arranges to\n   * pick it back up once they've left it alone for a while.\n   *\n   * A wheel that the transcript cannot act on, such as a wheel-up when it is\n   * already at the top, is ignored: the listener sees nothing move, so taking\n   * auto-scroll away from them reads as the page misbehaving.\n   */\n  private didScroll(event: Event): void {\n    if (event instanceof WheelEvent && !this.canScrollBy(event.deltaY)) return;\n\n    this.autoScroll = false;\n\n    clearTimeout(this.scrollResumeTimerId);\n    this.scrollResumeTimerId = setTimeout(() => {\n      this.autoScroll = true;\n    }, this.scrollTimerDelay);\n  }\n\n  /** Whether the transcript has anywhere left to go in `deltaY`'s direction. */\n  private canScrollBy(deltaY: number): boolean {\n    const { scrollView } = this;\n    if (!scrollView) return false;\n\n    const { scrollTop, scrollHeight, clientHeight } = scrollView;\n    if (deltaY < 0) return scrollTop > 0;\n    if (deltaY > 0) return Math.ceil(scrollTop + clientHeight) < scrollHeight;\n    return false;\n  }\n\n  private enableAutoScroll(): void {\n    this.autoScroll = true;\n    this.scrollToClosestEntry();\n  }\n\n  private get activeTranscriptEntry(): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector('ia-transcript-entry[isActive]') ?? null\n    );\n  }\n\n  private get selectedSearchResult(): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector(\n        `ia-transcript-entry[data-search-result-index=\"${this.selectedSearchResultIndex}\"]`,\n      ) ?? null\n    );\n  }\n\n  private get closestEntryToCurrentTime(): HTMLElement | null {\n    return (\n      this.activeTranscriptEntry ?? this.elementClosestToTime(this.currentTime)\n    );\n  }\n\n  private scrollToClosestEntry(): void {\n    if (!this.autoScroll) return;\n\n    const closestEntry = this.closestEntryToCurrentTime;\n    if (closestEntry) this.scrollToElement(closestEntry);\n  }\n\n  /**\n   * Scrolls an entry to the top of the focus area, if it isn't in there\n   * already.\n   */\n  private scrollToElement(element: HTMLElement): void {\n    const { scrollView } = this;\n    if (!scrollView) return;\n\n    const containerRect = scrollView.getBoundingClientRect();\n    const entryRect = element.getBoundingClientRect();\n    const focusBottom = containerRect.height - this.bottomContextHeight;\n\n    const isBelowFocusArea = entryRect.bottom > containerRect.top + focusBottom;\n    const isAboveFocusArea = entryRect.top < containerRect.top;\n    if (!isBelowFocusArea && !isAboveFocusArea) return;\n\n    this.scrollToOffset(\n      entryRect.top -\n        containerRect.top +\n        scrollView.scrollTop -\n        this.topContextHeight,\n    );\n  }\n\n  private updateTimePosition(): void {\n    const scrollToEntry = this.closestEntryToCurrentTime;\n    if (!scrollToEntry) return;\n\n    const parent = scrollToEntry.parentNode as HTMLElement | null;\n    if (!parent) return;\n\n    this.timeScrollTop =\n      scrollToEntry.getBoundingClientRect().top -\n      parent.getBoundingClientRect().top;\n  }\n\n  /**\n   * Eases the scroll container to an offset.\n   *\n   * Only one animation runs at a time: playback ticks arrive faster than an\n   * animation finishes, and two loops writing `scrollTop` fight each other.\n   */\n  private scrollToOffset(offset: number): void {\n    const { scrollView } = this;\n    if (!scrollView) return;\n\n    this.cancelScrollAnimation();\n\n    const start = scrollView.scrollTop;\n    const change = offset - start;\n    const startTime = performance.now();\n\n    const easeInOutQuad = (time: number): number =>\n      time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time;\n\n    const animate = (): void => {\n      const elapsed = (performance.now() - startTime) / 1000;\n      // Clamped so the last frame lands exactly on the target rather than\n      // overshooting past it.\n      const progress = Math.min(elapsed / SCROLL_DURATION_SECONDS, 1);\n\n      scrollView.scrollTop = start + change * easeInOutQuad(progress);\n\n      if (progress < 1) {\n        this.scrollAnimationId = requestAnimationFrame(animate);\n      } else {\n        this.scrollAnimationId = undefined;\n      }\n    };\n\n    animate();\n  }\n\n  private cancelScrollAnimation(): void {\n    if (this.scrollAnimationId === undefined) return;\n\n    cancelAnimationFrame(this.scrollAnimationId);\n    this.scrollAnimationId = undefined;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --transcript-height--: var(--ia-theme-transcript-height, 200px);\n\n        --transcript-normal-text-color--: var(\n          --ia-theme-transcript-normal-text-color,\n          gray\n        );\n        --transcript-active-text-color--: var(\n          --ia-theme-transcript-active-text-color,\n          white\n        );\n        --transcript-hover-text-color--: var(\n          --ia-theme-transcript-hover-text-color,\n          silver\n        );\n\n        --transcript-music-normal-text-color--: var(\n          --ia-theme-transcript-music-normal-text-color,\n          gray\n        );\n        --transcript-music-active-text-color--: var(\n          --ia-theme-transcript-music-active-text-color,\n          white\n        );\n        --transcript-music-hover-text-color--: var(\n          --ia-theme-transcript-music-hover-text-color,\n          silver\n        );\n\n        --transcript-search-result-inactive-border-color--: var(\n          --ia-theme-transcript-search-result-inactive-border-color,\n          gray\n        );\n        --transcript-search-result-active-border-color--: var(\n          --ia-theme-transcript-search-result-active-border-color,\n          green\n        );\n\n        --transcript-time-color--: var(--ia-theme-transcript-time-color, white);\n        --transcript-time-column-width--: var(\n          --ia-theme-transcript-time-column-width,\n          3rem\n        );\n        --transcript-time-font-size--: var(\n          --ia-theme-transcript-time-font-size,\n          1em\n        );\n        --transcript-time-line-height--: var(\n          --ia-theme-transcript-time-line-height,\n          1em\n        );\n        --transcript-time-display--: var(\n          --ia-theme-transcript-time-display,\n          block\n        );\n\n        --transcript-auto-scroll-button-color--: var(\n          --ia-theme-transcript-auto-scroll-button-color,\n          black\n        );\n        --transcript-auto-scroll-button-background--: var(\n          --ia-theme-transcript-auto-scroll-button-background,\n          white\n        );\n        --transcript-auto-scroll-button-width--: var(\n          --ia-theme-transcript-auto-scroll-button-width,\n          12rem\n        );\n        --transcript-auto-scroll-button-font-size--: var(\n          --ia-theme-transcript-auto-scroll-button-font-size,\n          1em\n        );\n\n        color: var(--transcript-normal-text-color--);\n      }\n\n      .container {\n        position: relative;\n      }\n\n      .auto-scroll-button {\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 1rem;\n        margin: auto;\n        width: var(--transcript-auto-scroll-button-width--);\n        border-radius: 1em;\n        border: 0;\n        display: inline-block;\n        color: var(--transcript-auto-scroll-button-color--);\n        background-color: var(--transcript-auto-scroll-button-background--);\n        font-size: var(--transcript-auto-scroll-button-font-size--);\n        cursor: pointer;\n        z-index: 10;\n      }\n\n      .auto-scroll-button.hidden {\n        display: none;\n      }\n\n      .context-overlay {\n        position: absolute;\n        left: 0;\n        width: 100%;\n        height: 0;\n        /* Purely a guide. It sits over the top and bottom of the scroll area,\n           so without this it would swallow the wheel and the entry clicks\n           there, breaking the scrolling it exists to help you look at. */\n        pointer-events: none;\n      }\n\n      .context-overlay.top {\n        top: 0;\n        border-bottom: 1px solid green;\n      }\n\n      .context-overlay.bottom {\n        bottom: 0;\n        border-top: 1px solid green;\n      }\n\n      .time {\n        display: var(--transcript-time-display--);\n        flex: 0 0 var(--transcript-time-column-width--);\n        color: var(--transcript-time-color--);\n        position: relative;\n      }\n\n      .time-display {\n        position: absolute;\n        top: 0;\n        font-size: var(--transcript-time-font-size--);\n        line-height: var(--transcript-time-line-height--);\n        transition: top 1s;\n      }\n\n      .scroll-container {\n        display: flex;\n        overflow-y: auto;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        height: var(--transcript-height--);\n      }\n\n      .scroll-container::-webkit-scrollbar {\n        display: none;\n      }\n\n      ia-transcript-entry {\n        cursor: pointer;\n      }\n\n      ia-transcript-entry:hover {\n        color: var(--transcript-hover-text-color--);\n      }\n\n      ia-transcript-entry[ismusicentry] {\n        color: var(--transcript-music-normal-text-color--);\n        display: block;\n        font-style: italic;\n      }\n\n      ia-transcript-entry[ismusicentry]:hover {\n        color: var(--transcript-music-hover-text-color--);\n      }\n\n      ia-transcript-entry[ismusicentry][isactive] {\n        color: var(--transcript-music-active-text-color--);\n      }\n\n      ia-transcript-entry[isactive] {\n        color: var(--transcript-active-text-color--);\n      }\n\n      ia-transcript-entry[issearchresult] {\n        /* Inline-block, or the outline adds a space to the right of the text */\n        display: inline-block;\n        padding: 0 5px;\n        position: relative;\n      }\n\n      ia-transcript-entry[issearchresult]:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border: 2px solid\n          var(--transcript-search-result-inactive-border-color--);\n        border-radius: 5px;\n      }\n\n      ia-transcript-entry[issearchresult][isselected]:after {\n        border: 2px solid var(--transcript-search-result-active-border-color--);\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-wayback-search-form/ia-wayback-search-form.d.ts

@@ -0,0 +1,24 @@
+import { CSSResultGroup, LitElement } from 'lit';
+/**
+ * A Wayback Machine search form: a line about how many pages the Wayback
+ * Machine holds, its logo, and a URL or keyword field.
+ *
+ * Submitting calls `queryHandler.performQuery` with what was typed, which by
+ * default goes to the Wayback Machine's results for it, and fires
+ * `waybackSearchSubmitted`.
+ */
+export declare class IAWaybackSearchForm extends LitElement {
+    queryHandler: {
+        performQuery: (query: string) => void;
+    };
+    /** How many pages the Wayback Machine holds. Blank shows a localized default. */
+    waybackPagesArchived: string;
+    private urlInput;
+    render(): import("lit").TemplateResult<1>;
+    handleSubmit(e: Event): void;
+    emitWaybackSearchSubmitted(query: string): void;
+    emitWaybackMachineStatsLinkClicked(): void;
+    emitWaybackMachineLogoLinkClicked(): void;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-wayback-search-form.d.ts.map

package/dist/src/elements/ia-wayback-search-form/ia-wayback-search-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-wayback-search-form.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-wayback-search-form/ia-wayback-search-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAa5D;;;;;;;GAOG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;IACrB,YAAY,EAAE;QACxC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACvC,CAGC;IAEF,iFAAiF;IACrD,oBAAoB,SAAM;IAEvC,OAAO,CAAC,QAAQ,CAAoB;IAEnD,MAAM;IAuCN,YAAY,CAAC,CAAC,EAAE,KAAK;IAOrB,0BAA0B,CAAC,KAAK,EAAE,MAAM;IAUxC,kCAAkC;IAIlC,iCAAiC;IAIjC,MAAM,KAAK,MAAM,IAAI,cAAc,CA6IlC;CACF"}