@internetarchive/elements 0.2.14-webdev-9022.0 → 0.4.0

package/dist/src/elements/ia-audio-element/ia-audio-element.d.ts

@@ -0,0 +1,72 @@
+import { LitElement, type TemplateResult } from 'lit';
+import type { AudioSource } from './models.js';
+/**
+ * A declarative wrapper around the native `<audio>` element.
+ *
+ * `HTMLAudioElement` is imperative and its events do not cross a shadow root
+ * boundary, so this element exposes playback as reactive properties and
+ * re-dispatches the events consumers care about from the host.
+ *
+ * The element renders nothing visible unless `showControls` is set.
+ */
+export declare class IAAudioElement extends LitElement {
+    /** Whether to show the browser's native playback controls */
+    showControls: boolean;
+    /** Playback speed multiplier, where 1 is normal speed */
+    playbackRate: number;
+    /** Playback volume, from 0 (muted) to 1 (full) */
+    volume: number;
+    /** The sources to offer the browser, in order of preference */
+    sources: AudioSource[];
+    private audioElement?;
+    /**
+     * Length of the loaded track in seconds.
+     *
+     * Matches `HTMLMediaElement.duration`, so it is `NaN` until the browser has
+     * read the track's metadata, and can be `Infinity` for a stream. Check with
+     * `Number.isFinite` before doing arithmetic on it. Returns 0 only before the
+     * element has rendered at all.
+     */
+    get duration(): number;
+    /** Playback position within the track in seconds */
+    get currentTime(): number;
+    /** Reloads the current sources, e.g. after changing them */
+    load(): void;
+    /**
+     * Starts playback.
+     *
+     * `HTMLMediaElement.play()` returns a promise that rejects when the browser
+     * blocks playback (autoplay policy), when a `pause()` interrupts the request,
+     * and when no source can be decoded. The rejection is swallowed rather than
+     * left floating, so watch the events to know what happened: `playbackStarted`
+     * means playback began, and `error` means the browser could not load a
+     * source.
+     */
+    play(): void;
+    /** Pauses playback */
+    pause(): void;
+    /** Jumps to an absolute position in the track */
+    seekTo(seconds: number): void;
+    /** Jumps forwards or backwards relative to the current position */
+    seekBy(seconds: number): void;
+    render(): TemplateResult;
+    private handleDurationChange;
+    private handleTimeChange;
+    private playbackStarted;
+    private playbackPaused;
+    private canPlay;
+    /**
+     * Fired by the `<audio>` itself when the resource it committed to turns out
+     * to be unplayable. It carries a `MediaError` describing what went wrong.
+     */
+    private handleMediaError;
+    /**
+     * Fired by a `<source>` the browser could not use. The browser walks the
+     * sources in order, so one failing only matters once there are none left to
+     * try, which it signals by dropping to `NETWORK_NO_SOURCE`. It reports no
+     * `MediaError` on this path.
+     */
+    private handleSourceError;
+    private emitError;
+}
+//# sourceMappingURL=ia-audio-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-audio-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-audio-element/ia-audio-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAc5C;;;;;;;;GAQG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,6DAA6D;IAChC,YAAY,UAAS;IAElD,yDAAyD;IAC7B,YAAY,SAAK;IAE7C,kDAAkD;IACtB,MAAM,SAAK;IAEvC,+DAA+D;IACpC,OAAO,EAAE,WAAW,EAAE,CAAM;IAEvC,OAAO,CAAC,YAAY,CAAC,CAA0B;IAE/D;;;;;;;OAOG;IACH,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,oDAAoD;IACpD,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,4DAA4D;IAC5D,IAAI,IAAI,IAAI;IAQZ;;;;;;;;;OASG;IACH,IAAI,IAAI,IAAI;IAIZ,sBAAsB;IACtB,KAAK,IAAI,IAAI;IAIb,iDAAiD;IACjD,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK7B,mEAAmE;IACnE,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK7B,MAAM,IAAI,cAAc;IAyBxB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,OAAO;IAIf;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAIxB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;CAOlB"}

package/dist/src/elements/ia-audio-element/ia-audio-element.js

@@ -0,0 +1,173 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+/**
+ * Event names emitted by this component
+ */
+const Events = {
+    TimeUpdate: 'timeupdate',
+    DurationChange: 'durationchange',
+    PlaybackStarted: 'playbackStarted',
+    PlaybackPaused: 'playbackPaused',
+    CanPlay: 'canplay',
+    Error: 'error',
+};
+/**
+ * A declarative wrapper around the native `<audio>` element.
+ *
+ * `HTMLAudioElement` is imperative and its events do not cross a shadow root
+ * boundary, so this element exposes playback as reactive properties and
+ * re-dispatches the events consumers care about from the host.
+ *
+ * The element renders nothing visible unless `showControls` is set.
+ */
+let IAAudioElement = class IAAudioElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Whether to show the browser's native playback controls */
+        this.showControls = false;
+        /** Playback speed multiplier, where 1 is normal speed */
+        this.playbackRate = 1;
+        /** Playback volume, from 0 (muted) to 1 (full) */
+        this.volume = 1;
+        /** The sources to offer the browser, in order of preference */
+        this.sources = [];
+    }
+    /**
+     * Length of the loaded track in seconds.
+     *
+     * Matches `HTMLMediaElement.duration`, so it is `NaN` until the browser has
+     * read the track's metadata, and can be `Infinity` for a stream. Check with
+     * `Number.isFinite` before doing arithmetic on it. Returns 0 only before the
+     * element has rendered at all.
+     */
+    get duration() {
+        return this.audioElement?.duration ?? 0;
+    }
+    /** Playback position within the track in seconds */
+    get currentTime() {
+        return this.audioElement?.currentTime ?? 0;
+    }
+    /** Reloads the current sources, e.g. after changing them */
+    load() {
+        if (!this.audioElement)
+            return;
+        this.audioElement.load();
+        // Loading resets the playback rate, so it has to be applied again.
+        this.audioElement.playbackRate = this.playbackRate;
+    }
+    /**
+     * Starts playback.
+     *
+     * `HTMLMediaElement.play()` returns a promise that rejects when the browser
+     * blocks playback (autoplay policy), when a `pause()` interrupts the request,
+     * and when no source can be decoded. The rejection is swallowed rather than
+     * left floating, so watch the events to know what happened: `playbackStarted`
+     * means playback began, and `error` means the browser could not load a
+     * source.
+     */
+    play() {
+        this.audioElement?.play().catch(() => { });
+    }
+    /** Pauses playback */
+    pause() {
+        this.audioElement?.pause();
+    }
+    /** Jumps to an absolute position in the track */
+    seekTo(seconds) {
+        if (!this.audioElement)
+            return;
+        this.audioElement.currentTime = seconds;
+    }
+    /** Jumps forwards or backwards relative to the current position */
+    seekBy(seconds) {
+        if (!this.audioElement)
+            return;
+        this.audioElement.currentTime += seconds;
+    }
+    render() {
+        return html `
+      <audio
+        ?controls=${this.showControls}
+        .volume=${this.volume}
+        .playbackRate=${this.playbackRate}
+        @timeupdate=${this.handleTimeChange}
+        @durationchange=${this.handleDurationChange}
+        @play=${this.playbackStarted}
+        @pause=${this.playbackPaused}
+        @canplay=${this.canPlay}
+        @error=${this.handleMediaError}
+      >
+        ${this.sources.map((source) => html `<source
+              src=${source.url}
+              type=${source.mimetype}
+              @error=${this.handleSourceError}
+            />`)}
+      </audio>
+    `;
+    }
+    handleDurationChange(e) {
+        const target = e.target;
+        this.dispatchEvent(new CustomEvent(Events.DurationChange, {
+            detail: { duration: target.duration },
+        }));
+    }
+    handleTimeChange(e) {
+        const target = e.target;
+        this.dispatchEvent(new CustomEvent(Events.TimeUpdate, {
+            detail: { currentTime: target.currentTime },
+        }));
+    }
+    playbackStarted() {
+        this.dispatchEvent(new Event(Events.PlaybackStarted));
+    }
+    playbackPaused() {
+        this.dispatchEvent(new Event(Events.PlaybackPaused));
+    }
+    canPlay() {
+        this.dispatchEvent(new Event(Events.CanPlay));
+    }
+    /**
+     * Fired by the `<audio>` itself when the resource it committed to turns out
+     * to be unplayable. It carries a `MediaError` describing what went wrong.
+     */
+    handleMediaError(e) {
+        this.emitError(e.target.error);
+    }
+    /**
+     * Fired by a `<source>` the browser could not use. The browser walks the
+     * sources in order, so one failing only matters once there are none left to
+     * try, which it signals by dropping to `NETWORK_NO_SOURCE`. It reports no
+     * `MediaError` on this path.
+     */
+    handleSourceError() {
+        if (this.audioElement?.networkState !== HTMLMediaElement.NETWORK_NO_SOURCE)
+            return;
+        this.emitError(null);
+    }
+    emitError(error) {
+        this.dispatchEvent(new CustomEvent(Events.Error, {
+            detail: { error },
+        }));
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], IAAudioElement.prototype, "showControls", void 0);
+__decorate([
+    property({ type: Number })
+], IAAudioElement.prototype, "playbackRate", void 0);
+__decorate([
+    property({ type: Number })
+], IAAudioElement.prototype, "volume", void 0);
+__decorate([
+    property({ type: Array })
+], IAAudioElement.prototype, "sources", void 0);
+__decorate([
+    query('audio')
+], IAAudioElement.prototype, "audioElement", void 0);
+IAAudioElement = __decorate([
+    customElement('ia-audio-element')
+], IAAudioElement);
+export { IAAudioElement };
+//# sourceMappingURL=ia-audio-element.js.map

package/dist/src/elements/ia-audio-element/ia-audio-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-audio-element.js","sourceRoot":"","sources":["../../../../src/elements/ia-audio-element/ia-audio-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport type { AudioSource } from './models';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  TimeUpdate: 'timeupdate',\n  DurationChange: 'durationchange',\n  PlaybackStarted: 'playbackStarted',\n  PlaybackPaused: 'playbackPaused',\n  CanPlay: 'canplay',\n  Error: 'error',\n};\n\n/**\n * A declarative wrapper around the native `<audio>` element.\n *\n * `HTMLAudioElement` is imperative and its events do not cross a shadow root\n * boundary, so this element exposes playback as reactive properties and\n * re-dispatches the events consumers care about from the host.\n *\n * The element renders nothing visible unless `showControls` is set.\n */\n@customElement('ia-audio-element')\nexport class IAAudioElement extends LitElement {\n  /** Whether to show the browser's native playback controls */\n  @property({ type: Boolean }) showControls = false;\n\n  /** Playback speed multiplier, where 1 is normal speed */\n  @property({ type: Number }) playbackRate = 1;\n\n  /** Playback volume, from 0 (muted) to 1 (full) */\n  @property({ type: Number }) volume = 1;\n\n  /** The sources to offer the browser, in order of preference */\n  @property({ type: Array }) sources: AudioSource[] = [];\n\n  @query('audio') private audioElement?: HTMLAudioElement | null;\n\n  /**\n   * Length of the loaded track in seconds.\n   *\n   * Matches `HTMLMediaElement.duration`, so it is `NaN` until the browser has\n   * read the track's metadata, and can be `Infinity` for a stream. Check with\n   * `Number.isFinite` before doing arithmetic on it. Returns 0 only before the\n   * element has rendered at all.\n   */\n  get duration(): number {\n    return this.audioElement?.duration ?? 0;\n  }\n\n  /** Playback position within the track in seconds */\n  get currentTime(): number {\n    return this.audioElement?.currentTime ?? 0;\n  }\n\n  /** Reloads the current sources, e.g. after changing them */\n  load(): void {\n    if (!this.audioElement) return;\n\n    this.audioElement.load();\n    // Loading resets the playback rate, so it has to be applied again.\n    this.audioElement.playbackRate = this.playbackRate;\n  }\n\n  /**\n   * Starts playback.\n   *\n   * `HTMLMediaElement.play()` returns a promise that rejects when the browser\n   * blocks playback (autoplay policy), when a `pause()` interrupts the request,\n   * and when no source can be decoded. The rejection is swallowed rather than\n   * left floating, so watch the events to know what happened: `playbackStarted`\n   * means playback began, and `error` means the browser could not load a\n   * source.\n   */\n  play(): void {\n    this.audioElement?.play().catch(() => {});\n  }\n\n  /** Pauses playback */\n  pause(): void {\n    this.audioElement?.pause();\n  }\n\n  /** Jumps to an absolute position in the track */\n  seekTo(seconds: number): void {\n    if (!this.audioElement) return;\n    this.audioElement.currentTime = seconds;\n  }\n\n  /** Jumps forwards or backwards relative to the current position */\n  seekBy(seconds: number): void {\n    if (!this.audioElement) return;\n    this.audioElement.currentTime += seconds;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <audio\n        ?controls=${this.showControls}\n        .volume=${this.volume}\n        .playbackRate=${this.playbackRate}\n        @timeupdate=${this.handleTimeChange}\n        @durationchange=${this.handleDurationChange}\n        @play=${this.playbackStarted}\n        @pause=${this.playbackPaused}\n        @canplay=${this.canPlay}\n        @error=${this.handleMediaError}\n      >\n        ${this.sources.map(\n          (source) =>\n            html`<source\n              src=${source.url}\n              type=${source.mimetype}\n              @error=${this.handleSourceError}\n            />`,\n        )}\n      </audio>\n    `;\n  }\n\n  private handleDurationChange(e: Event): void {\n    const target = e.target as HTMLAudioElement;\n    this.dispatchEvent(\n      new CustomEvent<{ duration: number }>(Events.DurationChange, {\n        detail: { duration: target.duration },\n      }),\n    );\n  }\n\n  private handleTimeChange(e: Event): void {\n    const target = e.target as HTMLAudioElement;\n    this.dispatchEvent(\n      new CustomEvent<{ currentTime: number }>(Events.TimeUpdate, {\n        detail: { currentTime: target.currentTime },\n      }),\n    );\n  }\n\n  private playbackStarted(): void {\n    this.dispatchEvent(new Event(Events.PlaybackStarted));\n  }\n\n  private playbackPaused(): void {\n    this.dispatchEvent(new Event(Events.PlaybackPaused));\n  }\n\n  private canPlay(): void {\n    this.dispatchEvent(new Event(Events.CanPlay));\n  }\n\n  /**\n   * Fired by the `<audio>` itself when the resource it committed to turns out\n   * to be unplayable. It carries a `MediaError` describing what went wrong.\n   */\n  private handleMediaError(e: Event): void {\n    this.emitError((e.target as HTMLAudioElement).error);\n  }\n\n  /**\n   * Fired by a `<source>` the browser could not use. The browser walks the\n   * sources in order, so one failing only matters once there are none left to\n   * try, which it signals by dropping to `NETWORK_NO_SOURCE`. It reports no\n   * `MediaError` on this path.\n   */\n  private handleSourceError(): void {\n    if (this.audioElement?.networkState !== HTMLMediaElement.NETWORK_NO_SOURCE)\n      return;\n\n    this.emitError(null);\n  }\n\n  private emitError(error: MediaError | null): void {\n    this.dispatchEvent(\n      new CustomEvent<{ error: MediaError | null }>(Events.Error, {\n        detail: { error },\n      }),\n    );\n  }\n}\n"]}

package/dist/src/elements/ia-audio-element/models.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A single playable source for an `<ia-audio-element>`.
+ *
+ * Sources are offered to the browser in order, and the browser picks the first
+ * one it can decode, so list the preferred format first.
+ */
+export interface AudioSource {
+    /** The URL of the audio file. */
+    url: string;
+    /** The MIME type of the audio file, e.g. `audio/mpeg`. */
+    mimetype: string;
+}
+//# sourceMappingURL=models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-audio-element/models.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IAEZ,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;CAClB"}

package/dist/src/elements/ia-audio-element/models.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=models.js.map

package/dist/src/elements/ia-audio-element/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-audio-element/models.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * A single playable source for an `<ia-audio-element>`.\n *\n * Sources are offered to the browser in order, and the browser picks the first\n * one it can decode, so list the preferred format first.\n */\nexport interface AudioSource {\n  /** The URL of the audio file. */\n  url: string;\n\n  /** The MIME type of the audio file, e.g. `audio/mpeg`. */\n  mimetype: string;\n}\n"]}

package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").TemplateResult<2>;
+export default _default;
+//# sourceMappingURL=clear-results.d.ts.map

package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-results.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/clear-results.ts"],"names":[],"mappings":";AAQA,wBAmBE"}

package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.js

@@ -0,0 +1,28 @@
+/**
+ * @file Circled cross that clears the search
+ *
+ * Decorative: the button around it carries the accessible name. The disc and
+ * the cross are themed separately, since one sits on top of the other.
+ */
+import { svg } from 'lit';
+export default svg `
+<svg
+  height="12"
+  viewBox="0 0 12 12"
+  width="12"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="6" cy="6" r="6" class="clear-disc" />
+    <g class="clear-cross" stroke-linecap="round">
+      <path d="m3.375 3.375 5.18412641 5.18412641" />
+      <path
+        d="m3.375 3.375 5.18412641 5.18412641"
+        transform="matrix(-1 0 0 1 12 0)"
+      />
+    </g>
+  </g>
+</svg>
+`;
+//# sourceMappingURL=clear-results.js.map

package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-results.js","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/clear-results.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC","sourcesContent":["/**\n * @file Circled cross that clears the search\n *\n * Decorative: the button around it carries the accessible name. The disc and\n * the cross are themed separately, since one sits on top of the other.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg\n  height=\"12\"\n  viewBox=\"0 0 12 12\"\n  width=\"12\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  aria-hidden=\"true\"\n>\n  <g fill=\"none\" fill-rule=\"evenodd\">\n    <circle cx=\"6\" cy=\"6\" r=\"6\" class=\"clear-disc\" />\n    <g class=\"clear-cross\" stroke-linecap=\"round\">\n      <path d=\"m3.375 3.375 5.18412641 5.18412641\" />\n      <path\n        d=\"m3.375 3.375 5.18412641 5.18412641\"\n        transform=\"matrix(-1 0 0 1 12 0)\"\n      />\n    </g>\n  </g>\n</svg>\n`;\n"]}

package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").TemplateResult<2>;
+export default _default;
+//# sourceMappingURL=disclosure.d.ts.map

package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/disclosure.ts"],"names":[],"mappings":";AAQA,wBAiBE"}

package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.js

@@ -0,0 +1,26 @@
+/**
+ * @file Chevron that opens and closes the quick search list
+ *
+ * Decorative: the button around it carries the accessible name. Inline so it
+ * can take its colour from the bar.
+ */
+import { svg } from 'lit';
+export default svg `
+<svg
+  height="9"
+  viewBox="0 0 19 9"
+  width="19"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <path
+    d="m1 1 9 7 8-7"
+    fill="none"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+  />
+</svg>
+`;
+//# sourceMappingURL=disclosure.js.map

package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/disclosure.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBjB,CAAC","sourcesContent":["/**\n * @file Chevron that opens and closes the quick search list\n *\n * Decorative: the button around it carries the accessible name. Inline so it\n * can take its colour from the bar.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg\n  height=\"9\"\n  viewBox=\"0 0 19 9\"\n  width=\"19\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  aria-hidden=\"true\"\n>\n  <path\n    d=\"m1 1 9 7 8-7\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").TemplateResult<2>;
+export default _default;
+//# sourceMappingURL=magnifying-glass.d.ts.map

package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnifying-glass.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/magnifying-glass.ts"],"names":[],"mappings":";AAQA,wBAaE"}

package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.js

@@ -0,0 +1,22 @@
+/**
+ * @file Magnifying glass shown at the start of the search bar
+ *
+ * Decorative: the input beside it carries the accessible name, so the icon is
+ * hidden from assistive tech. Inline so it can take its colour from the bar.
+ */
+import { svg } from 'lit';
+export default svg `
+<svg
+  height="14"
+  viewBox="0 0 14 14"
+  width="14"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <path
+    d="m5.17668106 0c-2.859002 0-5.17668106 2.31767906-5.17668106 5.17668106 0 2.85900201 2.31767906 5.17668104 5.17668106 5.17668104.98756168.0210349 1.96052598-.240917 2.80403558-.75493263l4.09820586 4.20605333 1.7255603-1.7255603-4.20605333-4.09820586c.51401563-.8435096.77596753-1.8164739.75493263-2.80403558 0-2.859002-2.31767903-5.17668106-5.17668104-5.17668106m0 1.72556035c1.90600134 0 3.45112071 1.54511938 3.45112071 3.45112071 0 1.90600134-1.54511937 3.45112071-3.45112071 3.45112071-1.90600133 0-3.45112071-1.54511937-3.45112071-3.45112071 0-1.90600133 1.54511938-3.45112071 3.45112071-3.45112071"
+    fill="currentColor"
+  />
+</svg>
+`;
+//# sourceMappingURL=magnifying-glass.js.map

package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnifying-glass.js","sourceRoot":"","sources":["../../../../../src/elements/ia-expandable-search-bar/assets/magnifying-glass.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;CAajB,CAAC","sourcesContent":["/**\n * @file Magnifying glass shown at the start of the search bar\n *\n * Decorative: the input beside it carries the accessible name, so the icon is\n * hidden from assistive tech. Inline so it can take its colour from the bar.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg\n  height=\"14\"\n  viewBox=\"0 0 14 14\"\n  width=\"14\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  aria-hidden=\"true\"\n>\n  <path\n    d=\"m5.17668106 0c-2.859002 0-5.17668106 2.31767906-5.17668106 5.17668106 0 2.85900201 2.31767906 5.17668104 5.17668106 5.17668104.98756168.0210349 1.96052598-.240917 2.80403558-.75493263l4.09820586 4.20605333 1.7255603-1.7255603-4.20605333-4.09820586c.51401563-.8435096.77596753-1.8164739.75493263-2.80403558 0-2.859002-2.31767903-5.17668106-5.17668104-5.17668106m0 1.72556035c1.90600134 0 3.45112071 1.54511938 3.45112071 3.45112071 0 1.90600134-1.54511937 3.45112071-3.45112071 3.45112071-1.90600133 0-3.45112071-1.54511937-3.45112071-3.45112071 0-1.90600133 1.54511938-3.45112071 3.45112071-3.45112071\"\n    fill=\"currentColor\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.d.ts

@@ -0,0 +1,53 @@
+import { LitElement, type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import type { QuickSearchEntry } from './models.js';
+import './ia-quick-search.js';
+/**
+ * A search bar with a quick search list that expands underneath it.
+ */
+export declare class IAExpandableSearchBar extends LitElement {
+    /** Whether the quick search list is showing */
+    isOpen: boolean;
+    /** Whether to offer the disclosure button that opens the quick search */
+    showsDisclosure: boolean;
+    /** The current search text */
+    searchTerm: string;
+    /** The suggestions to offer in the quick search list */
+    quickSearches: QuickSearchEntry[];
+    /** Placeholder text for the input */
+    placeholder: string;
+    /** The accessible name for the input */
+    label: string;
+    private searchInput?;
+    render(): TemplateResult;
+    /**
+     * Forces the field to match `searchTerm`.
+     *
+     * Lit's property binding dirty-checks against the value it last committed
+     * rather than against the DOM. A consumer that normalises `searchTerm` in
+     * its own `inputchange` handler can land back on that committed value, so
+     * the binding sees nothing to do and the field keeps whatever the listener
+     * typed. Writing it here keeps the two in step.
+     */
+    updated(changedProperties: PropertyValues): void;
+    /**
+     * Tracks the input's value.
+     *
+     * Bound to `input` rather than `keyup` so that a paste from the mouse menu,
+     * autofill, a drag-and-drop and an IME composition all register, and so that
+     * arrow keys don't announce a change that never happened.
+     */
+    private handleInput;
+    /**
+     * Whether the Enter now coming up is the same one that went down on the
+     * input. Selecting a quick search with the keyboard hands focus back to the
+     * input mid-keystroke, so its keyup lands here without a matching keydown.
+     */
+    private enterWentDownOnInput;
+    private handleKeyDown;
+    private handleKeyUp;
+    private clearSearch;
+    private quickSearchSelected;
+    private toggleDisclosure;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-expandable-search-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-expandable-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-expandable-search-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMjD,OAAO,mBAAmB,CAAC;AAY3B;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,+CAA+C;IAClB,MAAM,UAAS;IAE5C,yEAAyE;IAC5C,eAAe,UAAS;IAErD,8BAA8B;IACF,UAAU,SAAM;IAE5C,wDAAwD;IAC7B,aAAa,EAAE,gBAAgB,EAAE,CAAM;IAElE,qCAAqC;IACT,WAAW,SAAiB;IAExD,wCAAwC;IACZ,KAAK,SAAiB;IAE1B,OAAO,CAAC,WAAW,CAAC,CAA0B;IAEtE,MAAM,IAAI,cAAc;IAuDxB;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMhD;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAWnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,gBAAgB;IAIxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAsKlC;CACF"}