@internetarchive/elements 1.1.3-l10n-demo.0 → 1.1.3-webdev-8840.0

package/dist/src/elements/ia-reviews/review-service.js

@@ -0,0 +1,97 @@
+import { msg } from '@lit/localize';
+import { IaFetchHandler } from '@internetarchive/fetch-handler';
+/** The endpoints the legacy details page serves */
+const LEGACY_SUBMIT_PATH = '/write-review.php';
+const LEGACY_DELETE_PATH = '/edit-reviews.php';
+/**
+ * Talks to the archive.org review endpoints.
+ *
+ * The CSRF token is left to the fetch handler: both operations opt into its automatic
+ * `X-CSRF-Token` header, which resolves the token per request.
+ */
+export class ReviewService {
+    constructor(options) {
+        this.fetchHandler = options?.fetchHandler ?? new IaFetchHandler();
+        this.baseHost = options?.baseHost ?? 'https://archive.org';
+        this.submitPath = options?.submitPath ?? LEGACY_SUBMIT_PATH;
+        this.deletePath = options?.deletePath ?? LEGACY_DELETE_PATH;
+        this.deleteMethod = options?.deleteMethod ?? 'POST';
+    }
+    /** @inheritdoc */
+    async submitReview(submission) {
+        const body = new URLSearchParams();
+        body.append('identifier', submission.identifier);
+        body.append('field_reviewtitle', submission.title);
+        body.append('field_reviewbody', submission.body);
+        body.append('field_stars', submission.stars ?? '0');
+        if (submission.recaptchaToken) {
+            body.append('g-recaptcha-response', submission.recaptchaToken);
+        }
+        // tells write-review.php the post came from the form rather than a direct visit
+        body.append('submitter', 'review-form');
+        return this.request(`${this.baseHost}${this.submitPath}`, {
+            method: 'POST',
+            body,
+        });
+    }
+    /** @inheritdoc */
+    async deleteReview(deletion) {
+        // Screennames can contain spaces and ampersands, so the parameters are
+        // encoded rather than interpolated straight into the query string.
+        const params = new URLSearchParams();
+        params.append('identifier', deletion.identifier);
+        params.append('deleteReviewer', deletion.reviewer);
+        if (deletion.reviewerItemname) {
+            params.append('deleteReviewerItemname', deletion.reviewerItemname);
+        }
+        const url = `${this.baseHost}${this.deletePath}?${params.toString()}`;
+        return this.request(url, { method: this.deleteMethod });
+    }
+    /**
+     * Sends a credentialed request and reads the `{ success, error }` result out of it.
+     */
+    async request(url, init) {
+        try {
+            const response = await this.fetchHandler.fetch(url, {
+                requestInit: {
+                    method: init.method,
+                    body: init.body,
+                    credentials: 'include',
+                },
+                includeCsrfToken: true,
+            });
+            return await this.parseResult(response);
+        }
+        catch (e) {
+            console.error('Review request failed', e);
+            return { success: false, error: this.genericError };
+        }
+    }
+    /**
+     * Reads a result out of a response.
+     *
+     * The status decides the outcome, so a rejected request can't read as a success. fetch
+     * resolves on a 4xx or 5xx, so that check can't be left to the catch. A JSON body supplies
+     * the patron-facing message; the legacy delete endpoint answers with an HTML page instead,
+     * and there the status is all there is to go on.
+     */
+    async parseResult(response) {
+        let payload;
+        try {
+            payload = (await response.json());
+        }
+        catch {
+            payload = undefined;
+        }
+        if (!response.ok) {
+            return { success: false, error: payload?.error ?? this.genericError };
+        }
+        if (!payload || payload.success)
+            return { success: true };
+        return { success: false, error: payload.error ?? this.genericError };
+    }
+    get genericError() {
+        return msg('Sorry, something went wrong. Please try again later.');
+    }
+}
+//# sourceMappingURL=review-service.js.map

package/dist/src/elements/ia-reviews/review-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-service.js","sourceRoot":"","sources":["../../../../src/elements/ia-reviews/review-service.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\nimport { IaFetchHandler } from '@internetarchive/fetch-handler';\nimport type { FetchHandlerInterface } from '@internetarchive/fetch-handler';\n\nimport type {\n  ReviewDeletion,\n  ReviewServiceInterface,\n  ReviewServiceResult,\n  ReviewSubmission,\n} from './models';\n\nexport type ReviewServiceOptions = {\n  /**\n   * Handles retries and the CSRF token.\n   *\n   * Writing and deleting need a handler built with a `getCsrfToken` source, since that is what\n   * supplies the `X-CSRF-Token` header these endpoints require. The token resolves per request,\n   * so it doesn't have to be known when the service is constructed.\n   */\n  fetchHandler?: FetchHandlerInterface;\n\n  /** Origin for the endpoints. Empty string keeps requests same-origin. */\n  baseHost?: string;\n\n  /** Path a review submission POSTs to */\n  submitPath?: string;\n\n  /** Path a review deletion goes to */\n  deletePath?: string;\n\n  /** Verb the delete endpoint expects */\n  deleteMethod?: 'POST' | 'DELETE';\n};\n\n/** The endpoints the legacy details page serves */\nconst LEGACY_SUBMIT_PATH = '/write-review.php';\nconst LEGACY_DELETE_PATH = '/edit-reviews.php';\n\n/**\n * Talks to the archive.org review endpoints.\n *\n * The CSRF token is left to the fetch handler: both operations opt into its automatic\n * `X-CSRF-Token` header, which resolves the token per request.\n */\nexport class ReviewService implements ReviewServiceInterface {\n  private fetchHandler: FetchHandlerInterface;\n\n  private baseHost: string;\n\n  private submitPath: string;\n\n  private deletePath: string;\n\n  private deleteMethod: 'POST' | 'DELETE';\n\n  constructor(options?: ReviewServiceOptions) {\n    this.fetchHandler = options?.fetchHandler ?? new IaFetchHandler();\n    this.baseHost = options?.baseHost ?? 'https://archive.org';\n    this.submitPath = options?.submitPath ?? LEGACY_SUBMIT_PATH;\n    this.deletePath = options?.deletePath ?? LEGACY_DELETE_PATH;\n    this.deleteMethod = options?.deleteMethod ?? 'POST';\n  }\n\n  /** @inheritdoc */\n  async submitReview(\n    submission: ReviewSubmission,\n  ): Promise<ReviewServiceResult> {\n    const body = new URLSearchParams();\n    body.append('identifier', submission.identifier);\n    body.append('field_reviewtitle', submission.title);\n    body.append('field_reviewbody', submission.body);\n    body.append('field_stars', submission.stars ?? '0');\n\n    if (submission.recaptchaToken) {\n      body.append('g-recaptcha-response', submission.recaptchaToken);\n    }\n\n    // tells write-review.php the post came from the form rather than a direct visit\n    body.append('submitter', 'review-form');\n\n    return this.request(`${this.baseHost}${this.submitPath}`, {\n      method: 'POST',\n      body,\n    });\n  }\n\n  /** @inheritdoc */\n  async deleteReview(deletion: ReviewDeletion): Promise<ReviewServiceResult> {\n    // Screennames can contain spaces and ampersands, so the parameters are\n    // encoded rather than interpolated straight into the query string.\n    const params = new URLSearchParams();\n    params.append('identifier', deletion.identifier);\n    params.append('deleteReviewer', deletion.reviewer);\n    if (deletion.reviewerItemname) {\n      params.append('deleteReviewerItemname', deletion.reviewerItemname);\n    }\n\n    const url = `${this.baseHost}${this.deletePath}?${params.toString()}`;\n\n    return this.request(url, { method: this.deleteMethod });\n  }\n\n  /**\n   * Sends a credentialed request and reads the `{ success, error }` result out of it.\n   */\n  private async request(\n    url: string,\n    init: { method: string; body?: BodyInit },\n  ): Promise<ReviewServiceResult> {\n    try {\n      const response = await this.fetchHandler.fetch(url, {\n        requestInit: {\n          method: init.method,\n          body: init.body,\n          credentials: 'include',\n        },\n        includeCsrfToken: true,\n      });\n\n      return await this.parseResult(response);\n    } catch (e) {\n      console.error('Review request failed', e);\n      return { success: false, error: this.genericError };\n    }\n  }\n\n  /**\n   * Reads a result out of a response.\n   *\n   * The status decides the outcome, so a rejected request can't read as a success. fetch\n   * resolves on a 4xx or 5xx, so that check can't be left to the catch. A JSON body supplies\n   * the patron-facing message; the legacy delete endpoint answers with an HTML page instead,\n   * and there the status is all there is to go on.\n   */\n  private async parseResult(response: Response): Promise<ReviewServiceResult> {\n    let payload: ReviewServiceResult | undefined;\n    try {\n      payload = (await response.json()) as ReviewServiceResult;\n    } catch {\n      payload = undefined;\n    }\n\n    if (!response.ok) {\n      return { success: false, error: payload?.error ?? this.genericError };\n    }\n\n    if (!payload || payload.success) return { success: true };\n\n    return { success: false, error: payload.error ?? this.genericError };\n  }\n\n  private get genericError(): string {\n    return msg('Sorry, something went wrong. Please try again later.');\n  }\n}\n"]}

package/dist/src/elements/ia-reviews/utils/collapse-space.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Trims the string, collapses runs of spaces and tabs down to one space, and
+ * turns runs of newlines and existing `<br>` tags into a single `<br />`.
+ *
+ * The whitespace patterns list only real whitespace. A pipe written into a
+ * character class here would be treated as whitespace too, and quietly
+ * disappear from any review body containing one.
+ *
+ * @param {string} str The string to transform
+ * @returns {string} The string with space collapsed
+ */
+export default function collapseSpace(str: string): string;
+//# sourceMappingURL=collapse-space.d.ts.map

package/dist/src/elements/ia-reviews/utils/collapse-space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-space.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/collapse-space.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMzD"}

package/dist/src/elements/ia-reviews/utils/collapse-space.js

@@ -0,0 +1,19 @@
+/**
+ * Trims the string, collapses runs of spaces and tabs down to one space, and
+ * turns runs of newlines and existing `<br>` tags into a single `<br />`.
+ *
+ * The whitespace patterns list only real whitespace. A pipe written into a
+ * character class here would be treated as whitespace too, and quietly
+ * disappear from any review body containing one.
+ *
+ * @param {string} str The string to transform
+ * @returns {string} The string with space collapsed
+ */
+export default function collapseSpace(str) {
+    return str
+        .trim()
+        .replace(/[ \t]+/g, ' ')
+        .replace(/(?:\r?\n)+/g, '<br />')
+        .replace(/(<br[^>]*>(<\/br>)?)+/g, '<br />');
+}
+//# sourceMappingURL=collapse-space.js.map

package/dist/src/elements/ia-reviews/utils/collapse-space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-space.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/collapse-space.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAW;IAC/C,OAAO,GAAG;SACP,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC;SAChC,OAAO,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC","sourcesContent":["/**\n * Trims the string, collapses runs of spaces and tabs down to one space, and\n * turns runs of newlines and existing `<br>` tags into a single `<br />`.\n *\n * The whitespace patterns list only real whitespace. A pipe written into a\n * character class here would be treated as whitespace too, and quietly\n * disappear from any review body containing one.\n *\n * @param {string} str The string to transform\n * @returns {string} The string with space collapsed\n */\nexport default function collapseSpace(str: string): string {\n  return str\n    .trim()\n    .replace(/[ \\t]+/g, ' ')\n    .replace(/(?:\\r?\\n)+/g, '<br />')\n    .replace(/(<br[^>]*>(<\\/br>)?)+/g, '<br />');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/friendly-truncate.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Truncates a string, given the original string and a max length.
+ * Continues up to 20 chars after the limit to find the last space,
+ * if possible.
+ *
+ * Avoids breaking up anchor tags.
+ *
+ * @param {string} str The original string
+ * @param {number} maxLength The max length to truncate to
+ * @param {boolean} useSpaceTruncation Whether to truncate at the last space
+ * @returns {string} The truncated field
+ */
+export default function friendlyTruncate(str: string, maxLength?: number, useSpaceTruncation?: boolean): string;
+//# sourceMappingURL=friendly-truncate.d.ts.map

package/dist/src/elements/ia-reviews/utils/friendly-truncate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"friendly-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/friendly-truncate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAY,EACvB,kBAAkB,GAAE,OAAc,GACjC,MAAM,CAoBR"}

package/dist/src/elements/ia-reviews/utils/friendly-truncate.js

@@ -0,0 +1,65 @@
+/**
+ * Truncates a string, given the original string and a max length.
+ * Continues up to 20 chars after the limit to find the last space,
+ * if possible.
+ *
+ * Avoids breaking up anchor tags.
+ *
+ * @param {string} str The original string
+ * @param {number} maxLength The max length to truncate to
+ * @param {boolean} useSpaceTruncation Whether to truncate at the last space
+ * @returns {string} The truncated field
+ */
+export default function friendlyTruncate(str, maxLength = 100, useSpaceTruncation = true) {
+    if (str.length < maxLength)
+        return str;
+    let cutoffPoint = maxLength;
+    if (useSpaceTruncation) {
+        const lastSpace = str.indexOf(' ', maxLength);
+        const safeDistanceFromMax = lastSpace - maxLength <= 20;
+        // No need to truncate if the safe last space is at the end of the string
+        if (safeDistanceFromMax && lastSpace === str.length - 1) {
+            return str;
+        }
+        if (lastSpace !== -1 && safeDistanceFromMax) {
+            cutoffPoint = lastSpace;
+        }
+    }
+    return truncateTagSafe(str, cutoffPoint, maxLength);
+}
+/**
+ * Utility function to prevent truncation in the middle of
+ * an anchor tag.
+ *
+ * @param {string} str The string to truncate
+ * @param {number} cutoffPoint The index currently selsected for truncation
+ * @param {number} maxLength The max length for the string
+ * @returns {string} The string, truncated either earlier or later to preserve anchor tags
+ */
+function truncateTagSafe(str, cutoffPoint, maxLength) {
+    let truncatedString = str.slice(0, cutoffPoint);
+    const openingAnchorTags = truncatedString.match(/<a/gi);
+    if (openingAnchorTags) {
+        const closingAnchorTags = truncatedString.match(/<\/a/gi);
+        if (!closingAnchorTags ||
+            closingAnchorTags.length < openingAnchorTags.length) {
+            const firstClosingTag = str.indexOf('</a>', cutoffPoint);
+            const safeDistanceFromMax = firstClosingTag - maxLength <= 20;
+            // No need to truncate if closing tag is at the end of the string
+            if (safeDistanceFromMax && str.length === firstClosingTag + 4) {
+                return str;
+            }
+            // Truncate at end of first closing tag if possible
+            if (firstClosingTag !== -1 && safeDistanceFromMax) {
+                truncatedString = str.slice(0, firstClosingTag + 4);
+            }
+            else {
+                // Otherwise, truncate before last opening tag
+                const lastOpeningTag = truncatedString.lastIndexOf('<a');
+                truncatedString = str.slice(0, lastOpeningTag);
+            }
+        }
+    }
+    return truncatedString.concat('...');
+}
+//# sourceMappingURL=friendly-truncate.js.map

package/dist/src/elements/ia-reviews/utils/friendly-truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"friendly-truncate.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/friendly-truncate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAW,EACX,YAAoB,GAAG,EACvB,qBAA8B,IAAI;IAElC,IAAI,GAAG,CAAC,MAAM,GAAG,SAAS;QAAE,OAAO,GAAG,CAAC;IAEvC,IAAI,WAAW,GAAG,SAAS,CAAC;IAE5B,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC9C,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;QAExD,yEAAyE;QACzE,IAAI,mBAAmB,IAAI,SAAS,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,OAAO,GAAG,CAAC;QACb,CAAC;QAED,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC;YAC5C,WAAW,GAAG,SAAS,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;AACtD,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,eAAe,CACtB,GAAW,EACX,WAAmB,EACnB,SAAiB;IAEjB,IAAI,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxD,IAAI,iBAAiB,EAAE,CAAC;QACtB,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1D,IACE,CAAC,iBAAiB;YAClB,iBAAiB,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACnD,CAAC;YACD,MAAM,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YACzD,MAAM,mBAAmB,GAAG,eAAe,GAAG,SAAS,IAAI,EAAE,CAAC;YAE9D,iEAAiE;YACjE,IAAI,mBAAmB,IAAI,GAAG,CAAC,MAAM,KAAK,eAAe,GAAG,CAAC,EAAE,CAAC;gBAC9D,OAAO,GAAG,CAAC;YACb,CAAC;YAED,mDAAmD;YACnD,IAAI,eAAe,KAAK,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC;gBAClD,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,8CAA8C;gBAC9C,MAAM,cAAc,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACzD,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC","sourcesContent":["/**\n * Truncates a string, given the original string and a max length.\n * Continues up to 20 chars after the limit to find the last space,\n * if possible.\n *\n * Avoids breaking up anchor tags.\n *\n * @param {string} str The original string\n * @param {number} maxLength The max length to truncate to\n * @param {boolean} useSpaceTruncation Whether to truncate at the last space\n * @returns {string} The truncated field\n */\nexport default function friendlyTruncate(\n  str: string,\n  maxLength: number = 100,\n  useSpaceTruncation: boolean = true,\n): string {\n  if (str.length < maxLength) return str;\n\n  let cutoffPoint = maxLength;\n\n  if (useSpaceTruncation) {\n    const lastSpace = str.indexOf(' ', maxLength);\n    const safeDistanceFromMax = lastSpace - maxLength <= 20;\n\n    // No need to truncate if the safe last space is at the end of the string\n    if (safeDistanceFromMax && lastSpace === str.length - 1) {\n      return str;\n    }\n\n    if (lastSpace !== -1 && safeDistanceFromMax) {\n      cutoffPoint = lastSpace;\n    }\n  }\n\n  return truncateTagSafe(str, cutoffPoint, maxLength);\n}\n\n/**\n * Utility function to prevent truncation in the middle of\n * an anchor tag.\n *\n * @param {string} str The string to truncate\n * @param {number} cutoffPoint The index currently selsected for truncation\n * @param {number} maxLength The max length for the string\n * @returns {string} The string, truncated either earlier or later to preserve anchor tags\n */\nfunction truncateTagSafe(\n  str: string,\n  cutoffPoint: number,\n  maxLength: number,\n): string {\n  let truncatedString = str.slice(0, cutoffPoint);\n\n  const openingAnchorTags = truncatedString.match(/<a/gi);\n  if (openingAnchorTags) {\n    const closingAnchorTags = truncatedString.match(/<\\/a/gi);\n\n    if (\n      !closingAnchorTags ||\n      closingAnchorTags.length < openingAnchorTags.length\n    ) {\n      const firstClosingTag = str.indexOf('</a>', cutoffPoint);\n      const safeDistanceFromMax = firstClosingTag - maxLength <= 20;\n\n      // No need to truncate if closing tag is at the end of the string\n      if (safeDistanceFromMax && str.length === firstClosingTag + 4) {\n        return str;\n      }\n\n      // Truncate at end of first closing tag if possible\n      if (firstClosingTag !== -1 && safeDistanceFromMax) {\n        truncatedString = str.slice(0, firstClosingTag + 4);\n      } else {\n        // Otherwise, truncate before last opening tag\n        const lastOpeningTag = truncatedString.lastIndexOf('<a');\n        truncatedString = str.slice(0, lastOpeningTag);\n      }\n    }\n  }\n\n  return truncatedString.concat('...');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Transforms any links in text into live clickable anchor tags.
+ * Adds rel="ugc nofollow" to each for spam mitigation.
+ *
+ * @param {string} text The text to be linked
+ * @returns {string} The text with live links added
+ */
+export default function linkUrlsInText(text: string): string;
+//# sourceMappingURL=link-urls-in-text.d.ts.map

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-urls-in-text.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/link-urls-in-text.ts"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.js

@@ -0,0 +1,40 @@
+/**
+ * This is not designed to capture all valid URLs but simply the most common ones.
+ * Highlights:
+ * - Optional "http://" or "https://"
+ * - Capital letter only captured if at beginning of hostname, to avoid false positives when
+ *   people omit spaces e.g. "It's great.Right?"
+ * - Unlimited hostname parts, separated by periods
+ * - Any number of subdirectories/paths
+ * - Optional querystring parameters
+ * - Optional anchor
+ *
+ * Quotes and angle brackets terminate a match. The match is interpolated into
+ * an anchor tag that gets rendered as raw HTML, so a quote inside one would
+ * close the href and let the rest of the text become attributes.
+ */
+const URL_REGEXP = /(http(s)?)?(:\/\/)?([a-zA-Z][-a-z0-9]*(\.[-a-z0-9]+)+(\/[^\s?#<>"']*)*(\?[^\s#<>"']*)?(#[^\s<>"']*)?)/;
+/**
+ * Transforms any links in text into live clickable anchor tags.
+ * Adds rel="ugc nofollow" to each for spam mitigation.
+ *
+ * @param {string} text The text to be linked
+ * @returns {string} The text with live links added
+ */
+export default function linkUrlsInText(text) {
+    // Protect existing links by ignoring them in search. Keep this pattern free of
+    // lookbehind assertions: Safari below 16.4 treats one as a syntax error and
+    // fails to load the module at all.
+    const textWithExistingLinksPreserved = text.replace(/href="([^"]+)"/, (_match, url) => `href="${url.replace('.', '__DOT__')}"`);
+    // Add live links
+    const textWithLiveLinks = textWithExistingLinksPreserved.replace(URL_REGEXP, (match) => {
+        const url = match.match(/^(https|http)/) ? match : `https://${match}`;
+        // The attribute value is escaped as well as the pattern being quote-free,
+        // so the href stays a single attribute whatever the match contains.
+        const href = url.replace(/"/g, '&quot;');
+        return `<a href="${href}" rel="ugc nofollow" target="_blank">${match}</a>`;
+    });
+    // Restore existing links
+    return textWithLiveLinks.replace('__DOT__', '.');
+}
+//# sourceMappingURL=link-urls-in-text.js.map

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-urls-in-text.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/link-urls-in-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,GACd,uGAAuG,CAAC;AAE1G;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,IAAY;IACjD,+EAA+E;IAC/E,4EAA4E;IAC5E,mCAAmC;IACnC,MAAM,8BAA8B,GAAG,IAAI,CAAC,OAAO,CACjD,gBAAgB,EAChB,CAAC,MAAM,EAAE,GAAW,EAAE,EAAE,CAAC,SAAS,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CACjE,CAAC;IAEF,iBAAiB;IACjB,MAAM,iBAAiB,GAAG,8BAA8B,CAAC,OAAO,CAC9D,UAAU,EACV,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,EAAE,CAAC;QACtE,0EAA0E;QAC1E,oEAAoE;QACpE,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzC,OAAO,YAAY,IAAI,wCAAwC,KAAK,MAAM,CAAC;IAC7E,CAAC,CACF,CAAC;IAEF,yBAAyB;IACzB,OAAO,iBAAiB,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AACnD,CAAC","sourcesContent":["/**\n * This is not designed to capture all valid URLs but simply the most common ones.\n * Highlights:\n * - Optional \"http://\" or \"https://\"\n * - Capital letter only captured if at beginning of hostname, to avoid false positives when\n *   people omit spaces e.g. \"It's great.Right?\"\n * - Unlimited hostname parts, separated by periods\n * - Any number of subdirectories/paths\n * - Optional querystring parameters\n * - Optional anchor\n *\n * Quotes and angle brackets terminate a match. The match is interpolated into\n * an anchor tag that gets rendered as raw HTML, so a quote inside one would\n * close the href and let the rest of the text become attributes.\n */\nconst URL_REGEXP =\n  /(http(s)?)?(:\\/\\/)?([a-zA-Z][-a-z0-9]*(\\.[-a-z0-9]+)+(\\/[^\\s?#<>\"']*)*(\\?[^\\s#<>\"']*)?(#[^\\s<>\"']*)?)/;\n\n/**\n * Transforms any links in text into live clickable anchor tags.\n * Adds rel=\"ugc nofollow\" to each for spam mitigation.\n *\n * @param {string} text The text to be linked\n * @returns {string} The text with live links added\n */\nexport default function linkUrlsInText(text: string): string {\n  // Protect existing links by ignoring them in search. Keep this pattern free of\n  // lookbehind assertions: Safari below 16.4 treats one as a syntax error and\n  // fails to load the module at all.\n  const textWithExistingLinksPreserved = text.replace(\n    /href=\"([^\"]+)\"/,\n    (_match, url: string) => `href=\"${url.replace('.', '__DOT__')}\"`,\n  );\n\n  // Add live links\n  const textWithLiveLinks = textWithExistingLinksPreserved.replace(\n    URL_REGEXP,\n    (match) => {\n      const url = match.match(/^(https|http)/) ? match : `https://${match}`;\n      // The attribute value is escaped as well as the pattern being quote-free,\n      // so the href stays a single attribute whatever the match contains.\n      const href = url.replace(/\"/g, '&quot;');\n      return `<a href=\"${href}\" rel=\"ugc nofollow\" target=\"_blank\">${match}</a>`;\n    },\n  );\n\n  // Restore existing links\n  return textWithLiveLinks.replace('__DOT__', '.');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Uses DOMpurify to sanitize a given review body.
+ * Currently only allows a tags.
+ *
+ * @param {string} reviewBody The review to be sanitized
+ * @returns {string} The sanitized review
+ */
+export default function sanitizeReviewBody(reviewBody: string): string;
+//# sourceMappingURL=sanitize-review-body.d.ts.map

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-review-body.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/sanitize-review-body.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAUrE"}

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.js

@@ -0,0 +1,29 @@
+import DOMPurify from 'dompurify';
+const ALLOWED_TAGS = ['a'];
+/**
+ * Uses DOMpurify to sanitize a given review body.
+ * Currently only allows a tags.
+ *
+ * @param {string} reviewBody The review to be sanitized
+ * @returns {string} The sanitized review
+ */
+export default function sanitizeReviewBody(reviewBody) {
+    // DOMPurify is a shared singleton, so the hook is added around this one call
+    // and taken off again. Leaving it registered would stack up another copy per
+    // review and force these attributes onto every other caller's anchors too.
+    DOMPurify.addHook('afterSanitizeAttributes', forceExternalLinkAttributes);
+    try {
+        return DOMPurify.sanitize(reviewBody, { ALLOWED_TAGS: ALLOWED_TAGS });
+    }
+    finally {
+        DOMPurify.removeHook('afterSanitizeAttributes');
+    }
+}
+/** Marks links as untrusted user content and opens them away from the page. */
+function forceExternalLinkAttributes(node) {
+    if (node.nodeName.toLowerCase() !== 'a')
+        return;
+    node.setAttribute('rel', 'ugc nofollow');
+    node.setAttribute('target', '_blank');
+}
+//# sourceMappingURL=sanitize-review-body.js.map

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-review-body.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/sanitize-review-body.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3B;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,UAAkB;IAC3D,6EAA6E;IAC7E,6EAA6E;IAC7E,2EAA2E;IAC3E,SAAS,CAAC,OAAO,CAAC,yBAAyB,EAAE,2BAA2B,CAAC,CAAC;IAC1E,IAAI,CAAC;QACH,OAAO,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC;IACxE,CAAC;YAAS,CAAC;QACT,SAAS,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAClD,CAAC;AACH,CAAC;AAED,+EAA+E;AAC/E,SAAS,2BAA2B,CAAC,IAAU;IAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG;QAAE,OAAO;IAC/C,IAAgB,CAAC,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACrD,IAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import DOMPurify from 'dompurify';\n\nconst ALLOWED_TAGS = ['a'];\n\n/**\n * Uses DOMpurify to sanitize a given review body.\n * Currently only allows a tags.\n *\n * @param {string} reviewBody The review to be sanitized\n * @returns {string} The sanitized review\n */\nexport default function sanitizeReviewBody(reviewBody: string): string {\n  // DOMPurify is a shared singleton, so the hook is added around this one call\n  // and taken off again. Leaving it registered would stack up another copy per\n  // review and force these attributes onto every other caller's anchors too.\n  DOMPurify.addHook('afterSanitizeAttributes', forceExternalLinkAttributes);\n  try {\n    return DOMPurify.sanitize(reviewBody, { ALLOWED_TAGS: ALLOWED_TAGS });\n  } finally {\n    DOMPurify.removeHook('afterSanitizeAttributes');\n  }\n}\n\n/** Marks links as untrusted user content and opens them away from the page. */\nfunction forceExternalLinkAttributes(node: Node): void {\n  if (node.nodeName.toLowerCase() !== 'a') return;\n  (node as Element).setAttribute('rel', 'ugc nofollow');\n  (node as Element).setAttribute('target', '_blank');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/truncate-screenname.d.ts

@@ -0,0 +1,13 @@
+import { HTMLTemplateResult } from 'lit';
+/**
+ * Truncates screenname as needed to ensure we only display the correct
+ * number of chars throughout site. Must be kept in sync with screenname
+ * limit in Account.inc.
+ *
+ * Adds a title tooltip with full screenname if truncated.
+ *
+ * @param {string} screenname Screenname to be truncated
+ * @returns {HTMLTemplateResult} String or HTML to be displayed
+ */
+export declare function truncateScreenname(screenname?: string): HTMLTemplateResult | string;
+//# sourceMappingURL=truncate-screenname.d.ts.map

package/dist/src/elements/ia-reviews/utils/truncate-screenname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-screenname.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/truncate-screenname.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE/C;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,GAAE,MAAW,GACtB,kBAAkB,GAAG,MAAM,CAQ7B"}

package/dist/src/elements/ia-reviews/utils/truncate-screenname.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+/**
+ * Truncates screenname as needed to ensure we only display the correct
+ * number of chars throughout site. Must be kept in sync with screenname
+ * limit in Account.inc.
+ *
+ * Adds a title tooltip with full screenname if truncated.
+ *
+ * @param {string} screenname Screenname to be truncated
+ * @returns {HTMLTemplateResult} String or HTML to be displayed
+ */
+export function truncateScreenname(screenname = '') {
+    const SCREENNAME_MAX_LENGTH = 40;
+    if (screenname.length <= SCREENNAME_MAX_LENGTH)
+        return screenname;
+    const truncatedScreenname = screenname.substring(0, SCREENNAME_MAX_LENGTH) + '...';
+    return html `<span title="${screenname}">${truncatedScreenname}</span>`;
+}
+//# sourceMappingURL=truncate-screenname.js.map

package/dist/src/elements/ia-reviews/utils/truncate-screenname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-screenname.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/truncate-screenname.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EAAE;IAEvB,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAEjC,IAAI,UAAU,CAAC,MAAM,IAAI,qBAAqB;QAAE,OAAO,UAAU,CAAC;IAElE,MAAM,mBAAmB,GACvB,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC;IACzD,OAAO,IAAI,CAAA,gBAAgB,UAAU,KAAK,mBAAmB,SAAS,CAAC;AACzE,CAAC","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\n\n/**\n * Truncates screenname as needed to ensure we only display the correct\n * number of chars throughout site. Must be kept in sync with screenname\n * limit in Account.inc.\n *\n * Adds a title tooltip with full screenname if truncated.\n *\n * @param {string} screenname Screenname to be truncated\n * @returns {HTMLTemplateResult} String or HTML to be displayed\n */\nexport function truncateScreenname(\n  screenname: string = '',\n): HTMLTemplateResult | string {\n  const SCREENNAME_MAX_LENGTH = 40;\n\n  if (screenname.length <= SCREENNAME_MAX_LENGTH) return screenname;\n\n  const truncatedScreenname =\n    screenname.substring(0, SCREENNAME_MAX_LENGTH) + '...';\n  return html`<span title=\"${screenname}\">${truncatedScreenname}</span>`;\n}\n"]}

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

@@ -17,8 +17,8 @@ export declare class IAScrubberBar extends LitElement {
     sectionMarkerPercentages: number[];
     /** Whether the markers either side of the playhead point towards it */
     expandSectionMarkers: boolean;
-    /** The accessible name for the slider. Defaults to "Playback position". */
-    label?: string;
+    /** The accessible name for the slider */
+    label: string;
     /**
      * The position actually shown.
      *

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

@@ -1 +1 @@
-{"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;AAOb,OAAO,qBAAqB,CAAC;AAuC7B;;;GAGG;AACH,qBAEa,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,2EAA2E;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C;;;;;;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"}
+{"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;AAOb,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

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
-import { localized, msg } from '@lit/localize';
+import { msg } from '@lit/localize';
 import { SectionMarkerMode } from './models.js';
 import './ia-section-marker.js';
 /**
@@ -48,6 +48,8 @@ let IAScrubberBar = class IAScrubberBar extends LitElement {
         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.
          *
@@ -84,7 +86,7 @@ let IAScrubberBar = class IAScrubberBar extends LitElement {
         <input
           id="slider"
           type="range"
-          aria-label=${this.label ?? msg('Playback position')}
+          aria-label=${this.label}
           min=${this.min}
           max=${this.max}
           step=${this.step}
@@ -380,8 +382,7 @@ __decorate([
     state()
 ], IAScrubberBar.prototype, "currentValue", void 0);
 IAScrubberBar = __decorate([
-    customElement('ia-scrubber-bar'),
-    localized()
+    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 +1 @@
-{"version":3,"file":"ia-scrubber-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-scrubber-bar/ia-scrubber-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAIX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,MAAM,GAAG;IACb,WAAW,EAAE,aAAa;IAC1B,sBAAsB,EAAE,wBAAwB;IAChD,oBAAoB,EAAE,sBAAsB;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC;IACzB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,WAAW;IACX,MAAM;IACN,KAAK;IACL,QAAQ;IACR,UAAU;CACX,CAAC,CAAC;AAaH;;;GAGG;AAGI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QACL,2CAA2C;QACf,UAAK,GAAG,CAAC,CAAC;QAEtC,iDAAiD;QACrB,QAAG,GAAG,CAAC,CAAC;QAEpC,kDAAkD;QACtB,QAAG,GAAG,GAAG,CAAC;QAEtC,2CAA2C;QACf,SAAI,GAAG,GAAG,CAAC;QAEvC,oEAAoE;QACzC,6BAAwB,GAAa,EAAE,CAAC;QAEnE,uEAAuE;QAC1C,yBAAoB,GAAG,KAAK,CAAC;QAK1D;;;;;;WAMG;QACc,iBAAY,GAAG,CAAC,CAAC;QAE1B,sBAAiB,GAAG,KAAK,CAAC;IA+TpC,CAAC;IA7TC,+DAA+D;IAC/D,IAAI,UAAU;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAE1B,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAE5C,OAAO,IAAI,CAAA;wDACyC,IAAI,CAAC,UAAU;;;;YAI3D,IAAI,CAAC,wBAAwB,CAAC,GAAG,CACjC,CAAC,aAAa,EAAE,EAAE,CAAC,IAAI,CAAA;;gCAEH,aAAa;+BACd,aAAa;8BACd,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,WAAW,CAAC;;aAE/D,CACF;;;;;;uBAMY,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,mBAAmB,CAAC;gBAC7C,IAAI,CAAC,GAAG;gBACR,IAAI,CAAC,GAAG;iBACP,IAAI,CAAC,IAAI;mBACP,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;uBACrB,IAAI,CAAC,kBAAkB;qBACzB,IAAI,CAAC,gBAAgB;wBAClB,IAAI,CAAC,kBAAkB;sBACzB,IAAI,CAAC,gBAAgB;yBAClB,IAAI,CAAC,gBAAgB;qBACzB,IAAI,CAAC,aAAa;mBACpB,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;oBACf,IAAI,CAAC,WAAW;;;KAG/B,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,IAAI,IAAI,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,OAAO;QAEtE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;IACjC,CAAC;IAED;;;;;OAKG;IACH,IAAY,kBAAkB;QAC5B,IAAI,CAAC,IAAI,CAAC,oBAAoB;YAAE,OAAO,EAAE,CAAC;QAE1C,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAElC,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE;YACrE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;SAC7D,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,IAAY,aAAa;QACvB,OAAO,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAClE,CAAC;IAEO,aAAa,CACnB,aAAqB,EACrB,WAA+B;QAE/B,IAAI,aAAa,KAAK,WAAW,CAAC,KAAK;YAAE,OAAO,iBAAiB,CAAC,IAAI,CAAC;QACvE,IAAI,aAAa,KAAK,WAAW,CAAC,KAAK;YAAE,OAAO,iBAAiB,CAAC,KAAK,CAAC;QAExE,OAAO,iBAAiB,CAAC,OAAO,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,CAAQ;QAC1B,IAAI,CAAC,YAAY,GAAG,UAAU,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAoB,MAAM,CAAC,WAAW,EAAE;YACrD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;SACrC,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED;;;;;;;;;OASG;IACK,aAAa,CAAC,CAAgB;QACpC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE7D,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEO,WAAW,CAAC,CAAgB;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAAE,OAAO;QAEnC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACK,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAEpC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED;;;;;;OAMG;IACK,gBAAgB;QACtB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+JT,CAAC;IACJ,CAAC;CACF,CAAA;AA5V6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAW;AAGV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAS;AAGR;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAW;AAGV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AAGZ;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;+DAAyC;AAGtC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAA8B;AAG9B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAgB;AAS1B;IAAhB,KAAK,EAAE;mDAA0B;AA7BvB,aAAa;IAFzB,aAAa,CAAC,iBAAiB,CAAC;IAChC,SAAS,EAAE;GACC,aAAa,CA8VzB","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { localized, 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')\n@localized()\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. Defaults to \"Playback position\". */\n  @property({ type: String }) label?: string;\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 ?? msg('Playback position')}\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"]}
+{"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 { property, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\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-status-indicator/ia-status-indicator.d.ts

@@ -16,9 +16,9 @@ export type MediaTypeIcon = 'audio' | 'collection' | 'etree' | 'images' | 'searc
  *   4. three animated dots (the default)
  */
 export declare class IAStatusIndicator extends LitElement {
-    loadingTitle?: string;
-    successTitle?: string;
-    errorTitle?: string;
+    loadingTitle: string;
+    successTitle: string;
+    errorTitle: string;
     mode: LoadingStatus;
     mediatype?: MediaTypeIcon;
     hideDots: boolean;

package/dist/src/elements/ia-status-indicator/ia-status-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ia-status-indicator.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-status-indicator/ia-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,UAAU,EAIV,cAAc,EACf,MAAM,KAAK,CAAC;AAoBb,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,OAAO,GACP,IAAI,GACJ,OAAO,GACP,KAAK,CAAC;AAeV;;;;;;;;GAQG;AACH,qBAEa,iBAAkB,SAAQ,UAAU;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,aAAa,CAAa;IAGhC,SAAS,CAAC,EAAE,aAAa,CAAC;IAGzB,QAAQ,UAAS;IAGrC,OAAO,CAAC,cAAc,CAAS;IAExC,MAAM,IAAI,cAAc;IASxB;;;OAGG;IACH,OAAO,KAAK,mBAAmB,GAE9B;IAED;;;;;OAKG;IACH,OAAO,KAAK,gBAAgB,GAG3B;IAED,6EAA6E;IAC7E,OAAO,KAAK,aAAa,GAExB;IAED;;;;;;OAMG;IACH,OAAO,KAAK,wBAAwB,GAYnC;IAED,oEAAoE;IACpE,OAAO,KAAK,aAAa,GA4BxB;IAED,8DAA8D;IAC9D,OAAO,KAAK,WAAW,GAoBtB;IAED;;;OAGG;IACH,OAAO,KAAK,qBAAqB,GAKhC;IAED,OAAO,CAAC,oBAAoB;IAK5B,wCAAwC;IACxC,OAAO,KAAK,wBAAwB,GAyBnC;IAED,gCAAgC;IAChC,OAAO,KAAK,sBAAsB,GAkBjC;IAED,MAAM,KAAK,MAAM,IAAI,cAAc,CA4HlC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"ia-status-indicator.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-status-indicator/ia-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,UAAU,EAIV,cAAc,EACf,MAAM,KAAK,CAAC;AAoBb,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,OAAO,GACP,IAAI,GACJ,OAAO,GACP,KAAK,CAAC;AAeV;;;;;;;;GAQG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAEnB,YAAY,SAAqB;IAGjC,YAAY,SAAkB;IAG9B,UAAU,SAAgB;IAG1B,IAAI,EAAE,aAAa,CAAa;IAGhC,SAAS,CAAC,EAAE,aAAa,CAAC;IAGzB,QAAQ,UAAS;IAGrC,OAAO,CAAC,cAAc,CAAS;IAExC,MAAM,IAAI,cAAc;IASxB;;;OAGG;IACH,OAAO,KAAK,mBAAmB,GAE9B;IAED;;;;;OAKG;IACH,OAAO,KAAK,gBAAgB,GAG3B;IAED,6EAA6E;IAC7E,OAAO,KAAK,aAAa,GAExB;IAED;;;;;;OAMG;IACH,OAAO,KAAK,wBAAwB,GAYnC;IAED,oEAAoE;IACpE,OAAO,KAAK,aAAa,GA4BxB;IAED,8DAA8D;IAC9D,OAAO,KAAK,WAAW,GAoBtB;IAED;;;OAGG;IACH,OAAO,KAAK,qBAAqB,GAKhC;IAED,OAAO,CAAC,oBAAoB;IAK5B,wCAAwC;IACxC,OAAO,KAAK,wBAAwB,GAyBnC;IAED,gCAAgC;IAChC,OAAO,KAAK,sBAAsB,GAkBjC;IAED,MAAM,KAAK,MAAM,IAAI,cAAc,CA4HlC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}