@internetarchive/elements 0.2.14-webdev-8969.0 → 0.2.14-webdev-9022.0

package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-scrubber-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/ia-scrubber-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,qBAAqB,CAAC;AAuC7B;;;GAGG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,2CAA2C;IACf,KAAK,SAAK;IAEtC,iDAAiD;IACrB,GAAG,SAAK;IAEpC,kDAAkD;IACtB,GAAG,SAAO;IAEtC,2CAA2C;IACf,IAAI,SAAO;IAEvC,oEAAoE;IACzC,wBAAwB,EAAE,MAAM,EAAE,CAAM;IAEnE,uEAAuE;IAC1C,oBAAoB,UAAS;IAE1D,yCAAyC;IACb,KAAK,SAA4B;IAE7D;;;;;;OAMG;IACM,OAAO,CAAC,YAAY,CAAK;IAElC,OAAO,CAAC,iBAAiB,CAAS;IAElC,+DAA+D;IAC/D,IAAI,UAAU,IAAI,MAAM,CAKvB;IAED,MAAM,IAAI,cAAc;IA0CxB,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMhD;;;;;OAKG;IACH,OAAO,KAAK,kBAAkB,GAS7B;IAED;;;;;;OAMG;IACH,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,kBAAkB;IAK1B;;;;;;;;;OASG;IACH,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,WAAW;IAMnB;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAMlB;;;;;;OAMG;IACH,OAAO,CAAC,gBAAgB;IAKxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAiKlC;CACF"}

package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.js

@@ -1,387 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { msg } from '@lit/localize';
-import { SectionMarkerMode } from './models.js';
-import './ia-section-marker.js';
-/**
- * Event names emitted by this component
- */
-const Events = {
-    ValueChange: 'valuechange',
-    UserInteractionStarted: 'userInteractionStarted',
-    UserInteractionEnded: 'userInteractionEnded',
-};
-/**
- * The keys that move a range input.
- *
- * Only these count as scrubbing. Tab in particular must not, since it takes
- * focus away and its keyup lands on whatever it moved to, never here.
- */
-const VALUE_KEYS = new Set([
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'ArrowDown',
-    'Home',
-    'End',
-    'PageUp',
-    'PageDown',
-]);
-/**
- * A range slider styled as a playback scrubber, with optional section markers
- * laid over the track.
- */
-let IAScrubberBar = class IAScrubberBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** The current position along the track */
-        this.value = 0;
-        /** The lowest position the scrubber can reach */
-        this.min = 0;
-        /** The highest position the scrubber can reach */
-        this.max = 100;
-        /** How finely the scrubber can be moved */
-        this.step = 0.1;
-        /** Where to draw section boundaries, as percentages of the track */
-        this.sectionMarkerPercentages = [];
-        /** Whether the markers either side of the playhead point towards it */
-        this.expandSectionMarkers = false;
-        /** The accessible name for the slider */
-        this.label = msg('Playback position');
-        /**
-         * The position actually shown.
-         *
-         * `value` is driven from outside by whatever is playing the audio, but while
-         * the listener is scrubbing their position wins. Keeping the two apart is
-         * what stops playback updates fighting the drag.
-         */
-        this.currentValue = 0;
-        this.userIsInteracting = false;
-    }
-    /** How far along the track the playhead is, as a percentage */
-    get percentage() {
-        const range = this.max - this.min;
-        if (range === 0)
-            return 0;
-        return ((this.currentValue - this.min) / range) * 100;
-    }
-    render() {
-        const surrounding = this.surroundingMarkers;
-        return html `
-      <div class="container" style="--fill-percent--: ${this.percentage}%">
-        <div class="color-fill"></div>
-
-        <div class="marker-container">
-          ${this.sectionMarkerPercentages.map((markerPercent) => html `
-              <ia-section-marker
-                data-location=${markerPercent}
-                style="left: ${markerPercent}%"
-                .markerMode=${this.markerModeFor(markerPercent, surrounding)}
-              ></ia-section-marker>
-            `)}
-        </div>
-
-        <input
-          id="slider"
-          type="range"
-          aria-label=${this.label}
-          min=${this.min}
-          max=${this.max}
-          step=${this.step}
-          .value=${String(this.currentValue)}
-          @mousedown=${this.interactionStarted}
-          @mouseup=${this.interactionEnded}
-          @touchstart=${this.interactionStarted}
-          @touchend=${this.interactionEnded}
-          @touchcancel=${this.interactionEnded}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-          @blur=${this.handleBlur}
-          @input=${this.handleSlide}
-          @change=${this.handleSlide}
-        />
-      </div>
-    `;
-    }
-    updated(changedProperties) {
-        if (this.userIsInteracting || !changedProperties.has('value'))
-            return;
-        this.currentValue = this.value;
-    }
-    /**
-     * The section boundaries immediately below and above the playhead.
-     *
-     * Returns nothing when the markers aren't meant to react to the playhead, so
-     * every marker falls back to its resting state.
-     */
-    get surroundingMarkers() {
-        if (!this.expandSectionMarkers)
-            return {};
-        const sorted = this.sortedMarkers;
-        return {
-            lower: sorted.filter((percent) => percent <= this.currentValue).pop(),
-            upper: sorted.find((percent) => percent > this.currentValue),
-        };
-    }
-    /**
-     * The marker percentages in ascending numeric order.
-     *
-     * Sorted on a copy with an explicit comparator: the default `sort()` orders
-     * lexicographically, which puts 100 before 9, and it sorts in place, which
-     * would reorder the caller's own array.
-     */
-    get sortedMarkers() {
-        return [...this.sectionMarkerPercentages].sort((a, b) => a - b);
-    }
-    markerModeFor(markerPercent, surrounding) {
-        if (markerPercent === surrounding.upper)
-            return SectionMarkerMode.left;
-        if (markerPercent === surrounding.lower)
-            return SectionMarkerMode.right;
-        return SectionMarkerMode.neither;
-    }
-    handleSlide(e) {
-        this.currentValue = parseFloat(e.target.value);
-        this.dispatchEvent(new CustomEvent(Events.ValueChange, {
-            detail: { value: this.currentValue },
-        }));
-    }
-    interactionStarted() {
-        this.userIsInteracting = true;
-        this.dispatchEvent(new Event(Events.UserInteractionStarted));
-    }
-    /**
-     * Starts an interaction when the slider is scrubbed from the keyboard.
-     *
-     * Without this, arrowing along the bar sets the value but leaves
-     * `userIsInteracting` false, so the next playback tick snaps the thumb back
-     * to the playhead mid-scrub.
-     *
-     * Guarded against the auto-repeat that holding a key produces, which would
-     * otherwise emit a fresh `userInteractionStarted` on every repeat.
-     */
-    handleKeyDown(e) {
-        if (!VALUE_KEYS.has(e.key) || this.userIsInteracting)
-            return;
-        this.interactionStarted();
-    }
-    handleKeyUp(e) {
-        if (!VALUE_KEYS.has(e.key))
-            return;
-        this.interactionEnded();
-    }
-    /**
-     * Releases an interaction that focus left behind.
-     *
-     * A keyup can go missing, e.g. focus moves while the key is still down, and
-     * an interaction left latched on would ignore playback updates for good.
-     */
-    handleBlur() {
-        if (!this.userIsInteracting)
-            return;
-        this.interactionEnded();
-    }
-    /**
-     * Ends the interaction.
-     *
-     * Bound to `touchcancel` as well as `touchend`, because a touch the system
-     * takes over never delivers `touchend`, and an interaction left latched on
-     * would ignore playback updates from then on.
-     */
-    interactionEnded() {
-        this.userIsInteracting = false;
-        this.dispatchEvent(new Event(Events.UserInteractionEnded));
-    }
-    static get styles() {
-        return css `
-      :host {
-        --scrubber-bar-height--: var(--ia-theme-scrubber-bar-height, 20px);
-        --scrubber-marker-inset--: var(--ia-theme-scrubber-marker-inset, 10px);
-
-        --scrubber-thumb-color--: var(--ia-theme-scrubber-thumb-color, #fff);
-        --scrubber-thumb-diameter--: var(
-          --ia-theme-scrubber-thumb-diameter,
-          20px
-        );
-        --scrubber-thumb-border--: var(
-          --ia-theme-scrubber-thumb-border,
-          1px solid #000
-        );
-        --scrubber-thumb-border-radius--: var(
-          --ia-theme-scrubber-thumb-border-radius,
-          50%
-        );
-        /*
-          Centres the thumb on the track. The thumb is content-box, so its
-          border adds 1px above and below the diameter, hence the extra -1px.
-          Comes out at -6px for the default track and thumb sizes.
-        */
-        --scrubber-thumb-top-margin--: var(
-          --ia-theme-scrubber-thumb-top-margin,
-          calc(
-            (
-                var(--scrubber-track-height--) - var(
-                    --scrubber-thumb-diameter--
-                  )
-              ) /
-              2 - 1px
-          )
-        );
-
-        --scrubber-track-height--: var(--ia-theme-scrubber-track-height, 10px);
-        --scrubber-track-border--: var(
-          --ia-theme-scrubber-track-border,
-          1px solid #fff
-        );
-        --scrubber-track-border-radius--: var(
-          --ia-theme-scrubber-track-border-radius,
-          5px
-        );
-        --scrubber-track-color--: var(
-          --ia-theme-scrubber-track-color,
-          rgba(0, 0, 0, 0.1)
-        );
-        --scrubber-track-fill-color--: var(
-          --ia-theme-scrubber-track-fill-color,
-          #3272b6
-        );
-
-        /*
-          How far off the bottom the track sits. The fill and the section
-          markers both line up against this, so they follow the track when its
-          height is themed. Comes out at 7px for the default sizes.
-        */
-        --scrubber-track-offset--: calc(
-          (var(--scrubber-bar-height--) - var(--scrubber-track-height--)) / 2 +
-            2px
-        );
-      }
-
-      .container {
-        position: relative;
-        height: var(--scrubber-bar-height--);
-      }
-
-      /*
-        The fill is a plain element rather than a track pseudo-element, so the
-        played portion is just a hard gradient stop driven by a custom property.
-      */
-      .color-fill {
-        height: var(--scrubber-track-height--);
-        border-radius: 1em;
-        position: absolute;
-        bottom: var(--scrubber-track-offset--);
-        left: 2px;
-        right: -2px;
-        background: linear-gradient(
-          to right,
-          var(--scrubber-track-fill-color--) 0%,
-          var(--scrubber-track-fill-color--) var(--fill-percent--),
-          var(--scrubber-track-color--) var(--fill-percent--),
-          var(--scrubber-track-color--) 100%
-        );
-      }
-
-      .marker-container {
-        position: absolute;
-        left: var(--scrubber-marker-inset--);
-        right: var(--scrubber-marker-inset--);
-        height: 100%;
-      }
-
-      ia-section-marker {
-        position: absolute;
-        width: 2rem;
-        height: var(--scrubber-track-height--);
-        bottom: var(--scrubber-track-offset--);
-        /*
-          The left offset puts the marker where it belongs, but the divider runs
-          down the middle of the marker, so it shifts back by half its own width
-          to line the divider up with that point.
-        */
-        transform: translateX(-50%);
-      }
-
-      input[type='range'] {
-        -webkit-appearance: none;
-        appearance: none;
-        height: var(--scrubber-bar-height--);
-        padding: 0;
-        width: 100%;
-        background: none;
-        outline: none;
-        position: absolute;
-        bottom: 0;
-      }
-
-      input[type='range']::-webkit-slider-thumb {
-        -webkit-appearance: none;
-        appearance: none;
-        box-sizing: content-box;
-        margin-top: var(--scrubber-thumb-top-margin--);
-        background-color: var(--scrubber-thumb-color--);
-        height: var(--scrubber-thumb-diameter--);
-        width: var(--scrubber-thumb-diameter--);
-        border-radius: var(--scrubber-thumb-border-radius--);
-        border: var(--scrubber-thumb-border--);
-        cursor: pointer;
-      }
-
-      input[type='range']::-moz-range-thumb {
-        background-color: var(--scrubber-thumb-color--);
-        height: var(--scrubber-thumb-diameter--);
-        width: var(--scrubber-thumb-diameter--);
-        border-radius: var(--scrubber-thumb-border-radius--);
-        border: var(--scrubber-thumb-border--);
-        cursor: pointer;
-      }
-
-      input[type='range']::-webkit-slider-runnable-track {
-        border: var(--scrubber-track-border--);
-        height: var(--scrubber-track-height--);
-        border-radius: var(--scrubber-track-border-radius--);
-      }
-
-      input[type='range']::-moz-range-track {
-        border: var(--scrubber-track-border--);
-        height: var(--scrubber-track-height--);
-        border-radius: var(--scrubber-track-border-radius--);
-      }
-
-      input[type='range']::-moz-range-progress {
-        height: var(--scrubber-track-height--);
-        border-radius: var(--scrubber-track-border-radius--);
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Number })
-], IAScrubberBar.prototype, "value", void 0);
-__decorate([
-    property({ type: Number })
-], IAScrubberBar.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], IAScrubberBar.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], IAScrubberBar.prototype, "step", void 0);
-__decorate([
-    property({ type: Array })
-], IAScrubberBar.prototype, "sectionMarkerPercentages", void 0);
-__decorate([
-    property({ type: Boolean })
-], IAScrubberBar.prototype, "expandSectionMarkers", void 0);
-__decorate([
-    property({ type: String })
-], IAScrubberBar.prototype, "label", void 0);
-__decorate([
-    state()
-], IAScrubberBar.prototype, "currentValue", void 0);
-IAScrubberBar = __decorate([
-    customElement('ia-scrubber-bar')
-], IAScrubberBar);
-export { IAScrubberBar };
-//# sourceMappingURL=ia-scrubber-bar.js.map

package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-scrubber-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/ia-scrubber-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\n\nimport { SectionMarkerMode } from './models';\n\nimport './ia-section-marker';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  ValueChange: 'valuechange',\n  UserInteractionStarted: 'userInteractionStarted',\n  UserInteractionEnded: 'userInteractionEnded',\n};\n\n/**\n * The keys that move a range input.\n *\n * Only these count as scrubbing. Tab in particular must not, since it takes\n * focus away and its keyup lands on whatever it moved to, never here.\n */\nconst VALUE_KEYS = new Set([\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowUp',\n  'ArrowDown',\n  'Home',\n  'End',\n  'PageUp',\n  'PageDown',\n]);\n\n/**\n * The section boundaries either side of the playhead.\n *\n * `undefined` where there is no boundary on that side, which is the case at\n * the very start and the very end of the track.\n */\ninterface SurroundingMarkers {\n  lower?: number;\n  upper?: number;\n}\n\n/**\n * A range slider styled as a playback scrubber, with optional section markers\n * laid over the track.\n */\n@customElement('ia-scrubber-bar')\nexport class IAScrubberBar extends LitElement {\n  /** The current position along the track */\n  @property({ type: Number }) value = 0;\n\n  /** The lowest position the scrubber can reach */\n  @property({ type: Number }) min = 0;\n\n  /** The highest position the scrubber can reach */\n  @property({ type: Number }) max = 100;\n\n  /** How finely the scrubber can be moved */\n  @property({ type: Number }) step = 0.1;\n\n  /** Where to draw section boundaries, as percentages of the track */\n  @property({ type: Array }) sectionMarkerPercentages: number[] = [];\n\n  /** Whether the markers either side of the playhead point towards it */\n  @property({ type: Boolean }) expandSectionMarkers = false;\n\n  /** The accessible name for the slider */\n  @property({ type: String }) label = msg('Playback position');\n\n  /**\n   * The position actually shown.\n   *\n   * `value` is driven from outside by whatever is playing the audio, but while\n   * the listener is scrubbing their position wins. Keeping the two apart is\n   * what stops playback updates fighting the drag.\n   */\n  @state() private currentValue = 0;\n\n  private userIsInteracting = false;\n\n  /** How far along the track the playhead is, as a percentage */\n  get percentage(): number {\n    const range = this.max - this.min;\n    if (range === 0) return 0;\n\n    return ((this.currentValue - this.min) / range) * 100;\n  }\n\n  render(): TemplateResult {\n    const surrounding = this.surroundingMarkers;\n\n    return html`\n      <div class=\"container\" style=\"--fill-percent--: ${this.percentage}%\">\n        <div class=\"color-fill\"></div>\n\n        <div class=\"marker-container\">\n          ${this.sectionMarkerPercentages.map(\n            (markerPercent) => html`\n              <ia-section-marker\n                data-location=${markerPercent}\n                style=\"left: ${markerPercent}%\"\n                .markerMode=${this.markerModeFor(markerPercent, surrounding)}\n              ></ia-section-marker>\n            `,\n          )}\n        </div>\n\n        <input\n          id=\"slider\"\n          type=\"range\"\n          aria-label=${this.label}\n          min=${this.min}\n          max=${this.max}\n          step=${this.step}\n          .value=${String(this.currentValue)}\n          @mousedown=${this.interactionStarted}\n          @mouseup=${this.interactionEnded}\n          @touchstart=${this.interactionStarted}\n          @touchend=${this.interactionEnded}\n          @touchcancel=${this.interactionEnded}\n          @keydown=${this.handleKeyDown}\n          @keyup=${this.handleKeyUp}\n          @blur=${this.handleBlur}\n          @input=${this.handleSlide}\n          @change=${this.handleSlide}\n        />\n      </div>\n    `;\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (this.userIsInteracting || !changedProperties.has('value')) return;\n\n    this.currentValue = this.value;\n  }\n\n  /**\n   * The section boundaries immediately below and above the playhead.\n   *\n   * Returns nothing when the markers aren't meant to react to the playhead, so\n   * every marker falls back to its resting state.\n   */\n  private get surroundingMarkers(): SurroundingMarkers {\n    if (!this.expandSectionMarkers) return {};\n\n    const sorted = this.sortedMarkers;\n\n    return {\n      lower: sorted.filter((percent) => percent <= this.currentValue).pop(),\n      upper: sorted.find((percent) => percent > this.currentValue),\n    };\n  }\n\n  /**\n   * The marker percentages in ascending numeric order.\n   *\n   * Sorted on a copy with an explicit comparator: the default `sort()` orders\n   * lexicographically, which puts 100 before 9, and it sorts in place, which\n   * would reorder the caller's own array.\n   */\n  private get sortedMarkers(): number[] {\n    return [...this.sectionMarkerPercentages].sort((a, b) => a - b);\n  }\n\n  private markerModeFor(\n    markerPercent: number,\n    surrounding: SurroundingMarkers,\n  ): SectionMarkerMode {\n    if (markerPercent === surrounding.upper) return SectionMarkerMode.left;\n    if (markerPercent === surrounding.lower) return SectionMarkerMode.right;\n\n    return SectionMarkerMode.neither;\n  }\n\n  private handleSlide(e: Event): void {\n    this.currentValue = parseFloat((e.target as HTMLInputElement).value);\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: number }>(Events.ValueChange, {\n        detail: { value: this.currentValue },\n      }),\n    );\n  }\n\n  private interactionStarted(): void {\n    this.userIsInteracting = true;\n    this.dispatchEvent(new Event(Events.UserInteractionStarted));\n  }\n\n  /**\n   * Starts an interaction when the slider is scrubbed from the keyboard.\n   *\n   * Without this, arrowing along the bar sets the value but leaves\n   * `userIsInteracting` false, so the next playback tick snaps the thumb back\n   * to the playhead mid-scrub.\n   *\n   * Guarded against the auto-repeat that holding a key produces, which would\n   * otherwise emit a fresh `userInteractionStarted` on every repeat.\n   */\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (!VALUE_KEYS.has(e.key) || this.userIsInteracting) return;\n\n    this.interactionStarted();\n  }\n\n  private handleKeyUp(e: KeyboardEvent): void {\n    if (!VALUE_KEYS.has(e.key)) return;\n\n    this.interactionEnded();\n  }\n\n  /**\n   * Releases an interaction that focus left behind.\n   *\n   * A keyup can go missing, e.g. focus moves while the key is still down, and\n   * an interaction left latched on would ignore playback updates for good.\n   */\n  private handleBlur(): void {\n    if (!this.userIsInteracting) return;\n\n    this.interactionEnded();\n  }\n\n  /**\n   * Ends the interaction.\n   *\n   * Bound to `touchcancel` as well as `touchend`, because a touch the system\n   * takes over never delivers `touchend`, and an interaction left latched on\n   * would ignore playback updates from then on.\n   */\n  private interactionEnded(): void {\n    this.userIsInteracting = false;\n    this.dispatchEvent(new Event(Events.UserInteractionEnded));\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --scrubber-bar-height--: var(--ia-theme-scrubber-bar-height, 20px);\n        --scrubber-marker-inset--: var(--ia-theme-scrubber-marker-inset, 10px);\n\n        --scrubber-thumb-color--: var(--ia-theme-scrubber-thumb-color, #fff);\n        --scrubber-thumb-diameter--: var(\n          --ia-theme-scrubber-thumb-diameter,\n          20px\n        );\n        --scrubber-thumb-border--: var(\n          --ia-theme-scrubber-thumb-border,\n          1px solid #000\n        );\n        --scrubber-thumb-border-radius--: var(\n          --ia-theme-scrubber-thumb-border-radius,\n          50%\n        );\n        /*\n          Centres the thumb on the track. The thumb is content-box, so its\n          border adds 1px above and below the diameter, hence the extra -1px.\n          Comes out at -6px for the default track and thumb sizes.\n        */\n        --scrubber-thumb-top-margin--: var(\n          --ia-theme-scrubber-thumb-top-margin,\n          calc(\n            (\n                var(--scrubber-track-height--) - var(\n                    --scrubber-thumb-diameter--\n                  )\n              ) /\n              2 - 1px\n          )\n        );\n\n        --scrubber-track-height--: var(--ia-theme-scrubber-track-height, 10px);\n        --scrubber-track-border--: var(\n          --ia-theme-scrubber-track-border,\n          1px solid #fff\n        );\n        --scrubber-track-border-radius--: var(\n          --ia-theme-scrubber-track-border-radius,\n          5px\n        );\n        --scrubber-track-color--: var(\n          --ia-theme-scrubber-track-color,\n          rgba(0, 0, 0, 0.1)\n        );\n        --scrubber-track-fill-color--: var(\n          --ia-theme-scrubber-track-fill-color,\n          #3272b6\n        );\n\n        /*\n          How far off the bottom the track sits. The fill and the section\n          markers both line up against this, so they follow the track when its\n          height is themed. Comes out at 7px for the default sizes.\n        */\n        --scrubber-track-offset--: calc(\n          (var(--scrubber-bar-height--) - var(--scrubber-track-height--)) / 2 +\n            2px\n        );\n      }\n\n      .container {\n        position: relative;\n        height: var(--scrubber-bar-height--);\n      }\n\n      /*\n        The fill is a plain element rather than a track pseudo-element, so the\n        played portion is just a hard gradient stop driven by a custom property.\n      */\n      .color-fill {\n        height: var(--scrubber-track-height--);\n        border-radius: 1em;\n        position: absolute;\n        bottom: var(--scrubber-track-offset--);\n        left: 2px;\n        right: -2px;\n        background: linear-gradient(\n          to right,\n          var(--scrubber-track-fill-color--) 0%,\n          var(--scrubber-track-fill-color--) var(--fill-percent--),\n          var(--scrubber-track-color--) var(--fill-percent--),\n          var(--scrubber-track-color--) 100%\n        );\n      }\n\n      .marker-container {\n        position: absolute;\n        left: var(--scrubber-marker-inset--);\n        right: var(--scrubber-marker-inset--);\n        height: 100%;\n      }\n\n      ia-section-marker {\n        position: absolute;\n        width: 2rem;\n        height: var(--scrubber-track-height--);\n        bottom: var(--scrubber-track-offset--);\n        /*\n          The left offset puts the marker where it belongs, but the divider runs\n          down the middle of the marker, so it shifts back by half its own width\n          to line the divider up with that point.\n        */\n        transform: translateX(-50%);\n      }\n\n      input[type='range'] {\n        -webkit-appearance: none;\n        appearance: none;\n        height: var(--scrubber-bar-height--);\n        padding: 0;\n        width: 100%;\n        background: none;\n        outline: none;\n        position: absolute;\n        bottom: 0;\n      }\n\n      input[type='range']::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        appearance: none;\n        box-sizing: content-box;\n        margin-top: var(--scrubber-thumb-top-margin--);\n        background-color: var(--scrubber-thumb-color--);\n        height: var(--scrubber-thumb-diameter--);\n        width: var(--scrubber-thumb-diameter--);\n        border-radius: var(--scrubber-thumb-border-radius--);\n        border: var(--scrubber-thumb-border--);\n        cursor: pointer;\n      }\n\n      input[type='range']::-moz-range-thumb {\n        background-color: var(--scrubber-thumb-color--);\n        height: var(--scrubber-thumb-diameter--);\n        width: var(--scrubber-thumb-diameter--);\n        border-radius: var(--scrubber-thumb-border-radius--);\n        border: var(--scrubber-thumb-border--);\n        cursor: pointer;\n      }\n\n      input[type='range']::-webkit-slider-runnable-track {\n        border: var(--scrubber-track-border--);\n        height: var(--scrubber-track-height--);\n        border-radius: var(--scrubber-track-border-radius--);\n      }\n\n      input[type='range']::-moz-range-track {\n        border: var(--scrubber-track-border--);\n        height: var(--scrubber-track-height--);\n        border-radius: var(--scrubber-track-border-radius--);\n      }\n\n      input[type='range']::-moz-range-progress {\n        height: var(--scrubber-track-height--);\n        border-radius: var(--scrubber-track-border-radius--);\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-scrubber-bar/ia-section-marker.d.ts

@@ -1,16 +0,0 @@
-import { LitElement, type CSSResultGroup, type TemplateResult } from 'lit';
-import { SectionMarkerMode } from './models.js';
-/**
- * A single section boundary drawn on the scrubber bar.
- *
- * It's a vertical divider with an arrow either side. `markerMode` decides
- * which arrows show, so the two markers surrounding the playhead can point
- * towards the section the listener would land in.
- */
-export declare class IASectionMarker extends LitElement {
-    /** Which arrows to reveal */
-    markerMode: SectionMarkerMode;
-    render(): TemplateResult;
-    static get styles(): CSSResultGroup;
-}
-//# sourceMappingURL=ia-section-marker.d.ts.map

package/dist/src/elements/ia-scrubber-bar/ia-section-marker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-section-marker.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/ia-section-marker.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAK7C;;;;;;GAMG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,6BAA6B;IACD,UAAU,EAAE,iBAAiB,CAC7B;IAE5B,MAAM,IAAI,cAAc;IAUxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAuElC;CACF"}

package/dist/src/elements/ia-scrubber-bar/ia-section-marker.js

@@ -1,109 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { SectionMarkerMode } from './models.js';
-import nextSectionIcon from './assets/next-section-marker.js';
-import previousSectionIcon from './assets/previous-section-marker.js';
-/**
- * A single section boundary drawn on the scrubber bar.
- *
- * It's a vertical divider with an arrow either side. `markerMode` decides
- * which arrows show, so the two markers surrounding the playhead can point
- * towards the section the listener would land in.
- */
-let IASectionMarker = class IASectionMarker extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Which arrows to reveal */
-        this.markerMode = SectionMarkerMode.neither;
-    }
-    render() {
-        return html `
-      <div class="container mode-${this.markerMode}">
-        <div class="left-arrow arrow">${nextSectionIcon}</div>
-        <div class="center-divider"></div>
-        <div class="right-arrow arrow">${previousSectionIcon}</div>
-      </div>
-    `;
-    }
-    static get styles() {
-        return css `
-      :host {
-        --section-marker-color--: var(--ia-theme-scrubber-marker-color, #fff);
-        /*
-          Relative to the marker, which the scrubber sizes to the track, so a
-          collapsed divider is exactly as tall as the track it sits on and an
-          expanded one stands proportionally above it. A fixed pixel height
-          here only lines up at one track height.
-        */
-        --section-marker-height-collapsed--: var(
-          --ia-theme-scrubber-marker-height-collapsed,
-          100%
-        );
-        --section-marker-height-expanded--: var(
-          --ia-theme-scrubber-marker-height-expanded,
-          250%
-        );
-        --section-marker-animation-speed--: 0.1s;
-
-        color: var(--section-marker-color--);
-      }
-
-      .container {
-        display: flex;
-        justify-content: center;
-        height: 100%;
-      }
-
-      .arrow {
-        padding-top: 10px;
-        opacity: 1;
-        /*
-          The arrows are hidden in every mode. The mode rules below vary only
-          opacity, which cannot reveal a hidden element, so nothing here brings
-          them back. Reveal them by dropping this line, not by touching the
-          mode rules.
-        */
-        visibility: hidden;
-        transition:
-          opacity var(--section-marker-animation-speed--) ease-out,
-          padding-top var(--section-marker-animation-speed--) ease-out;
-      }
-
-      .container.mode-left .right-arrow {
-        opacity: 0;
-      }
-
-      .container.mode-right .left-arrow {
-        opacity: 0;
-      }
-
-      .container.mode-neither .left-arrow,
-      .container.mode-neither .right-arrow {
-        opacity: 0;
-        padding-top: 75%;
-      }
-
-      .container.mode-neither .center-divider {
-        height: var(--section-marker-height-collapsed--);
-      }
-
-      .center-divider {
-        border-left: 1px solid currentColor;
-        width: 1px;
-        left: 50%;
-        height: var(--section-marker-height-expanded--);
-        align-self: flex-end;
-        transition: height var(--section-marker-animation-speed--) ease-out;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], IASectionMarker.prototype, "markerMode", void 0);
-IASectionMarker = __decorate([
-    customElement('ia-section-marker')
-], IASectionMarker);
-export { IASectionMarker };
-//# sourceMappingURL=ia-section-marker.js.map

package/dist/src/elements/ia-scrubber-bar/ia-section-marker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-section-marker.js","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/ia-section-marker.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AAEnE;;;;;;GAMG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACL,6BAA6B;QACD,eAAU,GACpC,iBAAiB,CAAC,OAAO,CAAC;IAoF9B,CAAC;IAlFC,MAAM;QACJ,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,UAAU;wCACV,eAAe;;yCAEd,mBAAmB;;KAEvD,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqET,CAAC;IACJ,CAAC;CACF,CAAA;AArF6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACC;AAHjB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAuF3B","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { SectionMarkerMode } from './models';\n\nimport nextSectionIcon from './assets/next-section-marker';\nimport previousSectionIcon from './assets/previous-section-marker';\n\n/**\n * A single section boundary drawn on the scrubber bar.\n *\n * It's a vertical divider with an arrow either side. `markerMode` decides\n * which arrows show, so the two markers surrounding the playhead can point\n * towards the section the listener would land in.\n */\n@customElement('ia-section-marker')\nexport class IASectionMarker extends LitElement {\n  /** Which arrows to reveal */\n  @property({ type: String }) markerMode: SectionMarkerMode =\n    SectionMarkerMode.neither;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"container mode-${this.markerMode}\">\n        <div class=\"left-arrow arrow\">${nextSectionIcon}</div>\n        <div class=\"center-divider\"></div>\n        <div class=\"right-arrow arrow\">${previousSectionIcon}</div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --section-marker-color--: var(--ia-theme-scrubber-marker-color, #fff);\n        /*\n          Relative to the marker, which the scrubber sizes to the track, so a\n          collapsed divider is exactly as tall as the track it sits on and an\n          expanded one stands proportionally above it. A fixed pixel height\n          here only lines up at one track height.\n        */\n        --section-marker-height-collapsed--: var(\n          --ia-theme-scrubber-marker-height-collapsed,\n          100%\n        );\n        --section-marker-height-expanded--: var(\n          --ia-theme-scrubber-marker-height-expanded,\n          250%\n        );\n        --section-marker-animation-speed--: 0.1s;\n\n        color: var(--section-marker-color--);\n      }\n\n      .container {\n        display: flex;\n        justify-content: center;\n        height: 100%;\n      }\n\n      .arrow {\n        padding-top: 10px;\n        opacity: 1;\n        /*\n          The arrows are hidden in every mode. The mode rules below vary only\n          opacity, which cannot reveal a hidden element, so nothing here brings\n          them back. Reveal them by dropping this line, not by touching the\n          mode rules.\n        */\n        visibility: hidden;\n        transition:\n          opacity var(--section-marker-animation-speed--) ease-out,\n          padding-top var(--section-marker-animation-speed--) ease-out;\n      }\n\n      .container.mode-left .right-arrow {\n        opacity: 0;\n      }\n\n      .container.mode-right .left-arrow {\n        opacity: 0;\n      }\n\n      .container.mode-neither .left-arrow,\n      .container.mode-neither .right-arrow {\n        opacity: 0;\n        padding-top: 75%;\n      }\n\n      .container.mode-neither .center-divider {\n        height: var(--section-marker-height-collapsed--);\n      }\n\n      .center-divider {\n        border-left: 1px solid currentColor;\n        width: 1px;\n        left: 50%;\n        height: var(--section-marker-height-expanded--);\n        align-self: flex-end;\n        transition: height var(--section-marker-animation-speed--) ease-out;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-scrubber-bar/models.d.ts

@@ -1,21 +0,0 @@
-/**
- * Which way a section marker points.
- *
- * The scrubber sets this on the two markers either side of the playhead, so
- * they can hint at the section boundary the listener would jump to.
- *
- * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`
- * rules enums out.
- */
-export declare const SectionMarkerMode: {
-    /** Points back towards the start of the track. */
-    readonly left: "left";
-    /** Points on towards the end of the track. */
-    readonly right: "right";
-    /** Points both ways. */
-    readonly both: "both";
-    /** Points neither way, the resting state. */
-    readonly neither: "neither";
-};
-export type SectionMarkerMode = (typeof SectionMarkerMode)[keyof typeof SectionMarkerMode];
-//# sourceMappingURL=models.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/models.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB;IAC5B,kDAAkD;;IAElD,8CAA8C;;IAE9C,wBAAwB;;IAExB,6CAA6C;;CAErC,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/src/elements/ia-scrubber-bar/models.js

@@ -1,20 +0,0 @@
-/**
- * Which way a section marker points.
- *
- * The scrubber sets this on the two markers either side of the playhead, so
- * they can hint at the section boundary the listener would jump to.
- *
- * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`
- * rules enums out.
- */
-export const SectionMarkerMode = {
-    /** Points back towards the start of the track. */
-    left: 'left',
-    /** Points on towards the end of the track. */
-    right: 'right',
-    /** Points both ways. */
-    both: 'both',
-    /** Points neither way, the resting state. */
-    neither: 'neither',
-};
-//# sourceMappingURL=models.js.map

package/dist/src/elements/ia-scrubber-bar/models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/models.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,kDAAkD;IAClD,IAAI,EAAE,MAAM;IACZ,8CAA8C;IAC9C,KAAK,EAAE,OAAO;IACd,wBAAwB;IACxB,IAAI,EAAE,MAAM;IACZ,6CAA6C;IAC7C,OAAO,EAAE,SAAS;CACV,CAAC","sourcesContent":["/**\n * Which way a section marker points.\n *\n * The scrubber sets this on the two markers either side of the playhead, so\n * they can hint at the section boundary the listener would jump to.\n *\n * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`\n * rules enums out.\n */\nexport const SectionMarkerMode = {\n  /** Points back towards the start of the track. */\n  left: 'left',\n  /** Points on towards the end of the track. */\n  right: 'right',\n  /** Points both ways. */\n  both: 'both',\n  /** Points neither way, the resting state. */\n  neither: 'neither',\n} as const;\n\nexport type SectionMarkerMode =\n  (typeof SectionMarkerMode)[keyof typeof SectionMarkerMode];\n"]}

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

@@ -1,13 +0,0 @@
-/**
- * Formats a number of seconds as a playback timestamp.
- *
- * Minutes and seconds always appear; hours only once there are any. Seconds are
- * always two digits, and minutes are padded to two only when an hour is shown,
- * so short tracks read as `0:35` rather than `00:35`.
- *
- * Returns an empty string for anything that isn't a usable number, so a
- * timestamp bound to a duration the browser hasn't worked out yet renders as
- * nothing rather than `NaN:NaN`.
- */
-export declare function formatDuration(seconds: number): string;
-//# sourceMappingURL=duration-formatter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"duration-formatter.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-transcript-view/duration-formatter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CActD"}

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

@@ -1,25 +0,0 @@
-/**
- * Formats a number of seconds as a playback timestamp.
- *
- * Minutes and seconds always appear; hours only once there are any. Seconds are
- * always two digits, and minutes are padded to two only when an hour is shown,
- * so short tracks read as `0:35` rather than `00:35`.
- *
- * Returns an empty string for anything that isn't a usable number, so a
- * timestamp bound to a duration the browser hasn't worked out yet renders as
- * nothing rather than `NaN:NaN`.
- */
-export function formatDuration(seconds) {
-    if (typeof seconds !== 'number' || !Number.isFinite(seconds))
-        return '';
-    const wholeSeconds = Math.max(0, Math.floor(seconds));
-    const hours = Math.floor(wholeSeconds / 3600);
-    const minutes = Math.floor(wholeSeconds / 60) % 60;
-    const remainingSeconds = wholeSeconds % 60;
-    const secondsPart = String(remainingSeconds).padStart(2, '0');
-    if (hours === 0)
-        return `${minutes}:${secondsPart}`;
-    const minutesPart = String(minutes).padStart(2, '0');
-    return `${hours}:${minutesPart}:${secondsPart}`;
-}
-//# sourceMappingURL=duration-formatter.js.map