@internetarchive/elements 1.1.2 → 1.1.3-l10n-demo.1

package/dist/src/elements/ia-status-indicator/ia-status-indicator.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, nothing, svg, } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import { choose } from 'lit/directives/choose.js';
 import themeStyles from '../../themes/theme-styles.js';
 import { maskedIcon } from '../../util/masked-icon.js';
@@ -40,12 +40,6 @@ const MEDIATYPE_ICONS = {
 let IAStatusIndicator = class IAStatusIndicator extends LitElement {
     constructor() {
         super(...arguments);
-        /* An optional title to use for the loading state of the indicator. Will be used for screen readers. */
-        this.loadingTitle = msg('Loading...');
-        /* An optional title to use for the success state of the indicator. Will be used for screen readers. */
-        this.successTitle = msg('Success');
-        /* An optional title to use for the error state of the indicator. Will be used for screen readers. */
-        this.errorTitle = msg('Error');
         /* The state of the indicator that should be shown */
         this.mode = 'loading';
         /* Renders a bare ring, with no dots in the middle. Ignored when a center icon is present. */
@@ -115,7 +109,7 @@ let IAStatusIndicator = class IAStatusIndicator extends LitElement {
         xmlns:xlink="http://www.w3.org/1999/xlink"
         role="status"
       >
-        <title>${this.loadingTitle}</title>
+        <title>${this.loadingTitle ?? msg('Loading...')}</title>
         <g stroke="none" stroke-width="1" fill-rule="evenodd">
           <path
             class="loading-ring"
@@ -144,7 +138,7 @@ let IAStatusIndicator = class IAStatusIndicator extends LitElement {
         xmlns:xlink="http://www.w3.org/1999/xlink"
         role="status"
       >
-        <title>${this.loadingTitle}</title>
+        <title>${this.loadingTitle ?? msg('Loading...')}</title>
         <g fill-rule="evenodd">
           <path
             class="loading-ring"
@@ -181,7 +175,7 @@ let IAStatusIndicator = class IAStatusIndicator extends LitElement {
         xmlns:xlink="http://www.w3.org/1999/xlink"
         role="status"
       >
-        <title>${this.successTitle}</title>
+        <title>${this.successTitle ?? msg('Success')}</title>
         <g stroke="none" stroke-width="1" fill-rule="evenodd">
           <path
             class="success-icon"
@@ -208,7 +202,7 @@ let IAStatusIndicator = class IAStatusIndicator extends LitElement {
         xmlns:xlink="http://www.w3.org/1999/xlink"
         role="status"
       >
-        <title>${this.errorTitle}</title>
+        <title>${this.errorTitle ?? msg('Error')}</title>
         <path
           class="error-icon"
           d="m56.4612493 8.80450354 41.8901185 75.94632926c1.7706782 2.8433173 2.1150372 5.2623412 1.0330766 7.2570716-1.0819604 1.9947304-3.26978 2.9920956-6.5634587 2.9920956h-85.69973905c-3.29367873 0-5.46954894-.9973652-6.52761065-2.9920956-1.0580617-1.9947304-.70175345-4.4137543 1.06892476-7.2570716l41.89011844-75.12308969c1.8184757-2.84331737 3.9693609-4.37738627 6.4526556-4.60220671s4.6341799 1.03483527 6.4526556 3.77896714zm28.5387507 75.19549646-35.037482-62-34.962518 62zm-31-34.7484359v-10.2515641h-8v10.2515641l2.089172 14.7484359h3.8184713zm-8 19.7484359v8h8v-8z"
@@ -364,7 +358,8 @@ __decorate([
     state()
 ], IAStatusIndicator.prototype, "hasSlottedIcon", void 0);
 IAStatusIndicator = __decorate([
-    customElement('ia-status-indicator')
+    customElement('ia-status-indicator'),
+    localized()
 ], IAStatusIndicator);
 export { IAStatusIndicator };
 //# sourceMappingURL=ia-status-indicator.js.map

package/dist/src/elements/ia-status-indicator/ia-status-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-status-indicator.js","sourceRoot":"","sources":["../../../../src/elements/ia-status-indicator/ia-status-indicator.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  svg,\n  SVGTemplateResult,\n  TemplateResult,\n} from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg } from '@lit/localize';\nimport { choose } from 'lit/directives/choose.js';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport { maskedIcon } from '@src/util/masked-icon';\n\nimport audioIcon from './icons/audio.svg';\nimport collectionIcon from './icons/collection.svg';\nimport etreeIcon from './icons/etree.svg';\nimport imagesIcon from './icons/images.svg';\nimport searchIcon from './icons/search.svg';\nimport softwareIcon from './icons/software.svg';\nimport textsIcon from './icons/texts.svg';\nimport tvIcon from './icons/tv.svg';\nimport videoIcon from './icons/video.svg';\nimport webIcon from './icons/web.svg';\n\nexport type LoadingStatus = 'ready' | 'loading' | 'success' | 'error';\n\n/**\n * The mediatype glyphs this element ships. These are *icon* names, which do not\n * map one-to-one onto archive.org mediatype values — a consumer holding a\n * `MediaType` translates at its own call site (e.g. `movies` -> `video`).\n */\nexport type MediaTypeIcon =\n  | 'audio'\n  | 'collection'\n  | 'etree'\n  | 'images'\n  | 'search'\n  | 'software'\n  | 'texts'\n  | 'tv'\n  | 'video'\n  | 'web';\n\nconst MEDIATYPE_ICONS: Record<MediaTypeIcon, string> = {\n  audio: audioIcon,\n  collection: collectionIcon,\n  etree: etreeIcon,\n  images: imagesIcon,\n  search: searchIcon,\n  software: softwareIcon,\n  texts: textsIcon,\n  tv: tvIcon,\n  video: videoIcon,\n  web: webIcon,\n};\n\n/**\n * Renders an SVG indicator, which defaults to an animated circular indicator.\n *\n * In `loading` mode the middle of the ring resolves in this order:\n *   1. slotted `icon` content\n *   2. the `mediatype` glyph\n *   3. nothing, when `hideDots` is set\n *   4. three animated dots (the default)\n */\n@customElement('ia-status-indicator')\nexport class IAStatusIndicator extends LitElement {\n  /* An optional title to use for the loading state of the indicator. Will be used for screen readers. */\n  @property({ type: String }) loadingTitle = msg('Loading...');\n\n  /* An optional title to use for the success state of the indicator. Will be used for screen readers. */\n  @property({ type: String }) successTitle = msg('Success');\n\n  /* An optional title to use for the error state of the indicator. Will be used for screen readers. */\n  @property({ type: String }) errorTitle = msg('Error');\n\n  /* The state of the indicator that should be shown */\n  @property({ type: String }) mode: LoadingStatus = 'loading';\n\n  /* An optional mediatype glyph to render in the middle of the loading ring */\n  @property({ type: String }) mediatype?: MediaTypeIcon;\n\n  /* Renders a bare ring, with no dots in the middle. Ignored when a center icon is present. */\n  @property({ type: Boolean }) hideDots = false;\n\n  /* Whether a consumer has slotted their own center icon */\n  @state() private hasSlottedIcon = false;\n\n  render(): TemplateResult {\n    return html`${choose(this.mode, [\n      ['ready', () => this.placeholderTemplate],\n      ['loading', () => this.loadingIndicatorTemplate],\n      ['success', () => this.successIndicatorTemplate],\n      ['error', () => this.errorIndicatorTemplate],\n    ])}`;\n  }\n\n  /**\n   * The `ready` state: reserves the indicator's space without drawing, so a\n   * consumer's layout doesn't shift once the indicator appears.\n   */\n  private get placeholderTemplate(): TemplateResult {\n    return html`<div class=\"placeholder\"></div>`;\n  }\n\n  /**\n   * The asset URL for the current mediatype, if it maps to a glyph we ship.\n   *\n   * Unmapped values (e.g. archive.org's `account` or `data`) resolve to\n   * undefined and degrade to the default dots rather than a broken mask.\n   */\n  private get mediatypeIconUrl(): string | undefined {\n    if (!this.mediatype) return undefined;\n    return MEDIATYPE_ICONS[this.mediatype];\n  }\n\n  /** Whether the middle of the ring is occupied by a glyph rather than dots */\n  private get hasCenterIcon(): boolean {\n    return this.hasSlottedIcon || !!this.mediatypeIconUrl;\n  }\n\n  /**\n   * A circular loading indicator to render when processing.\n   *\n   * Two ring geometries are kept deliberately: the original 120x120 ring is\n   * tuned for the dots, and the roomier 100x100 ring leaves space for a center\n   * glyph. Keeping both means existing consumers see no visual change.\n   */\n  private get loadingIndicatorTemplate(): TemplateResult {\n    const hasCenterIcon = this.hasCenterIcon;\n    return html`\n      <div class=\"indicator\">\n        ${hasCenterIcon ? this.iconRingSvg : this.dottedRingSvg}\n        <span class=\"center\" ?hidden=${!hasCenterIcon}>\n          <slot name=\"icon\" @slotchange=${this.handleIconSlotChange}>\n            ${this.mediatypeIconTemplate}\n          </slot>\n        </span>\n      </div>\n    `;\n  }\n\n  /** The original ring, with the three animated dots in the middle */\n  private get dottedRingSvg(): SVGTemplateResult {\n    return svg`\n      <svg\n        class=\"loading-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.loadingTitle}</title>\n        <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\n          <path\n            class=\"loading-ring\"\n            d=\"M60,10 C69.8019971,10 78.9452178,12.8205573 86.6623125,17.6943223 L76.4086287,27.9484118 C71.4880919,25.4243078 65.9103784,24 60,24 C40.117749,24 24,40.117749 24,60 C24,79.882251 40.117749,96 60,96 C79.882251,96 96,79.882251 96,60 C96,53.3014663 94.1704984,47.0302355 90.9839104,41.6587228 L101.110332,31.5326452 C106.715332,39.6116982 110,49.4222615 110,60 C110,87.6142375 87.6142375,110 60,110 C32.3857625,110 10,87.6142375 10,60 C10,32.3857625 32.3857625,10 60,10 Z\"\n          ></path>\n          <g\n            class=\"loading-dots ${this.hideDots ? 'hidden' : ''}\"\n            transform=\"translate(40.000000, 55.000000)\"\n          >\n            <circle id=\"left-dot\" cx=\"5\" cy=\"5\" r=\"5\"></circle>\n            <circle id=\"middle-dot\" cx=\"20\" cy=\"5\" r=\"5\"></circle>\n            <circle id=\"right-dot\" cx=\"35\" cy=\"5\" r=\"5\"></circle>\n          </g>\n        </g>\n      </svg>\n    `;\n  }\n\n  /** The roomier ring, used when a glyph occupies the middle */\n  private get iconRingSvg(): SVGTemplateResult {\n    return svg`\n      <svg\n        class=\"loading-indicator icon-ring\"\n        viewBox=\"0 0 100 100\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.loadingTitle}</title>\n        <g fill-rule=\"evenodd\">\n          <path\n            class=\"loading-ring\"\n            fill-rule=\"nonzero\"\n            d=\"m17.8618849 11.6970233c18.5864635-15.59603144 45.6875867-15.59603102 64.2740497.000001 1.9271446 1.6170806 2.1785128 4.4902567.5614466 6.4174186-1.6170661 1.9271618-4.4902166 2.1785323-6.4173612.5614517-15.1996922-12.75416882-37.3625282-12.75416916-52.5622206-.000001-15.19969387 12.7541707-19.04823077 34.5805019-9.1273354 51.7641499 9.9208955 17.183646 30.7471499 24.7638499 49.3923323 17.9774983 18.6451823-6.7863521 29.7266014-25.9801026 26.2811129-45.5206248-.436848-2.4775114 1.2174186-4.8400696 3.6949079-5.2769215 2.4774893-.4368518 4.8400264 1.2174296 5.2768744 3.694941 4.2132065 23.8945096-9.3373563 47.3649806-32.137028 55.6634567-22.799672 8.2984758-48.2663986-.9707372-60.39785211-21.9832155-12.1314534-21.012481-7.42539173-47.7021198 11.16107351-63.2981544z\"\n          ></path>\n        </g>\n      </svg>\n    `;\n  }\n\n  /**\n   * The bundled mediatype glyph. `maskedIcon` supplies the mask geometry and\n   * the decorative `aria-hidden`; this component supplies the size and paint.\n   */\n  private get mediatypeIconTemplate(): TemplateResult | typeof nothing {\n    const url = this.mediatypeIconUrl;\n    if (!url) return nothing;\n\n    return maskedIcon(url);\n  }\n\n  private handleIconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this.hasSlottedIcon = slot.assignedNodes({ flatten: false }).length > 0;\n  }\n\n  /** A check mark to render on success */\n  private get successIndicatorTemplate(): TemplateResult {\n    return html`\n      <svg\n        class=\"success-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.successTitle}</title>\n        <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\n          <path\n            class=\"success-icon\"\n            d=\"M60,10 C70.5816709,10 80.3955961,13.2871104 88.4763646,18.8959201 L78.3502633,29.0214223 C72.9767592,25.8315427 66.7022695,24 60,24 C40.117749,24 24,40.117749 24,60 C24,79.882251 40.117749,96 60,96 C79.882251,96 96,79.882251 96,60 L95.995,59.46 L108.327675,47.128668 C109.350926,50.9806166 109.925886,55.015198 109.993301,59.1731586 L110,60 C110,87.6142375 87.6142375,110 60,110 C32.3857625,110 10,87.6142375 10,60 C10,32.3857625 32.3857625,10 60,10 Z\"\n          ></path>\n          <polygon\n            class=\"success-icon\"\n            transform=\"translate(75.000000, 41.500000) rotate(44.000000) translate(-75.000000, -41.500000) \"\n            points=\"96 85 54 85 54 65 76 64.999 76 -2 96 -2\"\n          ></polygon>\n        </g>\n      </svg>\n    `;\n  }\n\n  /** An \"!\" to render on error */\n  private get errorIndicatorTemplate(): TemplateResult {\n    return html`\n      <svg\n        class=\"error-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.errorTitle}</title>\n        <path\n          class=\"error-icon\"\n          d=\"m56.4612493 8.80450354 41.8901185 75.94632926c1.7706782 2.8433173 2.1150372 5.2623412 1.0330766 7.2570716-1.0819604 1.9947304-3.26978 2.9920956-6.5634587 2.9920956h-85.69973905c-3.29367873 0-5.46954894-.9973652-6.52761065-2.9920956-1.0580617-1.9947304-.70175345-4.4137543 1.06892476-7.2570716l41.89011844-75.12308969c1.8184757-2.84331737 3.9693609-4.37738627 6.4526556-4.60220671s4.6341799 1.03483527 6.4526556 3.77896714zm28.5387507 75.19549646-35.037482-62-34.962518 62zm-31-34.7484359v-10.2515641h-8v10.2515641l2.089172 14.7484359h3.8184713zm-8 19.7484359v8h8v-8z\"\n        />\n      </svg>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --indicator-width--: var(--icon-width);\n\n          /* Loading */\n          --loading-ring-color--: var(--primary-text-color);\n          --loading-dot-color--: var(--primary-text-color);\n          --loading-icon-color--: var(--primary-text-color);\n\n          /* Success */\n          --success-icon-color--: var(--color-success);\n\n          /* Error */\n          --error-icon-color--: var(--color-danger);\n\n          display: inline-block;\n          width: var(--indicator-width--);\n        }\n\n        .placeholder {\n          height: var(--indicator-width--);\n        }\n\n        /* Stacks the center glyph over the ring */\n        .indicator {\n          position: relative;\n          display: block;\n        }\n\n        .indicator svg {\n          display: block;\n          width: 100%;\n          height: auto;\n        }\n\n        .center {\n          position: absolute;\n          inset: 0;\n          display: grid;\n          place-items: center;\n        }\n\n        .center[hidden] {\n          display: none;\n        }\n\n        /*\n         * Sized to fit within the icon ring's inner diameter. maskedIcon sets\n         * the mask itself; background-color is what paints the glyph, so it\n         * recolors with the ring.\n         */\n        .ia-icon {\n          width: 50%;\n          height: 50%;\n          background-color: var(--loading-icon-color--);\n        }\n\n        .success-icon {\n          fill: var(--success-icon-color--);\n        }\n\n        .error-icon {\n          fill: var(--error-icon-color--);\n        }\n\n        .loading-ring {\n          fill: var(--loading-ring-color--);\n          animation: rotate 1.3s infinite linear;\n          transform-origin: 50px 50px;\n          transform-box: fill-box;\n        }\n\n        .loading-dots {\n          fill: var(--loading-dot-color--);\n          transition: opacity 0.25s ease-out;\n        }\n\n        .loading-dots.hidden {\n          display: none;\n        }\n\n        .loading-dots > * {\n          opacity: 0;\n          animation: dot 1.3s infinite;\n        }\n\n        .loading-dots #left-dot {\n          animation-delay: 0.2s;\n        }\n\n        .loading-dots #middle-dot {\n          animation-delay: 0.4s;\n        }\n\n        .loading-dots #right-dot {\n          animation-delay: 0.6s;\n        }\n\n        @keyframes rotate {\n          0% {\n            transform: rotate(-360deg);\n          }\n          100% {\n            /* This frame is supposed to be inferred, but Safari doesn't rotate it unless we're explicit */\n            transform: rotate(0deg);\n          }\n        }\n\n        @keyframes dot {\n          0% {\n            opacity: 0;\n          }\n          25% {\n            opacity: 1;\n          }\n          100% {\n            opacity: 0;\n          }\n        }\n      `,\n    ];\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ia-status-indicator': IAStatusIndicator;\n  }\n}\n"]}
+{"version":3,"file":"ia-status-indicator.js","sourceRoot":"","sources":["../../../../src/elements/ia-status-indicator/ia-status-indicator.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  svg,\n  SVGTemplateResult,\n  TemplateResult,\n} from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { localized, msg } from '@lit/localize';\nimport { choose } from 'lit/directives/choose.js';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport { maskedIcon } from '@src/util/masked-icon';\n\nimport audioIcon from './icons/audio.svg';\nimport collectionIcon from './icons/collection.svg';\nimport etreeIcon from './icons/etree.svg';\nimport imagesIcon from './icons/images.svg';\nimport searchIcon from './icons/search.svg';\nimport softwareIcon from './icons/software.svg';\nimport textsIcon from './icons/texts.svg';\nimport tvIcon from './icons/tv.svg';\nimport videoIcon from './icons/video.svg';\nimport webIcon from './icons/web.svg';\n\nexport type LoadingStatus = 'ready' | 'loading' | 'success' | 'error';\n\n/**\n * The mediatype glyphs this element ships. These are *icon* names, which do not\n * map one-to-one onto archive.org mediatype values — a consumer holding a\n * `MediaType` translates at its own call site (e.g. `movies` -> `video`).\n */\nexport type MediaTypeIcon =\n  | 'audio'\n  | 'collection'\n  | 'etree'\n  | 'images'\n  | 'search'\n  | 'software'\n  | 'texts'\n  | 'tv'\n  | 'video'\n  | 'web';\n\nconst MEDIATYPE_ICONS: Record<MediaTypeIcon, string> = {\n  audio: audioIcon,\n  collection: collectionIcon,\n  etree: etreeIcon,\n  images: imagesIcon,\n  search: searchIcon,\n  software: softwareIcon,\n  texts: textsIcon,\n  tv: tvIcon,\n  video: videoIcon,\n  web: webIcon,\n};\n\n/**\n * Renders an SVG indicator, which defaults to an animated circular indicator.\n *\n * In `loading` mode the middle of the ring resolves in this order:\n *   1. slotted `icon` content\n *   2. the `mediatype` glyph\n *   3. nothing, when `hideDots` is set\n *   4. three animated dots (the default)\n */\n@customElement('ia-status-indicator')\n@localized()\nexport class IAStatusIndicator extends LitElement {\n  /* An optional title to use for the loading state of the indicator. Will be used for screen readers. Defaults to \"Loading...\". */\n  @property({ type: String }) loadingTitle?: string;\n\n  /* An optional title to use for the success state of the indicator. Will be used for screen readers. Defaults to \"Success\". */\n  @property({ type: String }) successTitle?: string;\n\n  /* An optional title to use for the error state of the indicator. Will be used for screen readers. Defaults to \"Error\". */\n  @property({ type: String }) errorTitle?: string;\n\n  /* The state of the indicator that should be shown */\n  @property({ type: String }) mode: LoadingStatus = 'loading';\n\n  /* An optional mediatype glyph to render in the middle of the loading ring */\n  @property({ type: String }) mediatype?: MediaTypeIcon;\n\n  /* Renders a bare ring, with no dots in the middle. Ignored when a center icon is present. */\n  @property({ type: Boolean }) hideDots = false;\n\n  /* Whether a consumer has slotted their own center icon */\n  @state() private hasSlottedIcon = false;\n\n  render(): TemplateResult {\n    return html`${choose(this.mode, [\n      ['ready', () => this.placeholderTemplate],\n      ['loading', () => this.loadingIndicatorTemplate],\n      ['success', () => this.successIndicatorTemplate],\n      ['error', () => this.errorIndicatorTemplate],\n    ])}`;\n  }\n\n  /**\n   * The `ready` state: reserves the indicator's space without drawing, so a\n   * consumer's layout doesn't shift once the indicator appears.\n   */\n  private get placeholderTemplate(): TemplateResult {\n    return html`<div class=\"placeholder\"></div>`;\n  }\n\n  /**\n   * The asset URL for the current mediatype, if it maps to a glyph we ship.\n   *\n   * Unmapped values (e.g. archive.org's `account` or `data`) resolve to\n   * undefined and degrade to the default dots rather than a broken mask.\n   */\n  private get mediatypeIconUrl(): string | undefined {\n    if (!this.mediatype) return undefined;\n    return MEDIATYPE_ICONS[this.mediatype];\n  }\n\n  /** Whether the middle of the ring is occupied by a glyph rather than dots */\n  private get hasCenterIcon(): boolean {\n    return this.hasSlottedIcon || !!this.mediatypeIconUrl;\n  }\n\n  /**\n   * A circular loading indicator to render when processing.\n   *\n   * Two ring geometries are kept deliberately: the original 120x120 ring is\n   * tuned for the dots, and the roomier 100x100 ring leaves space for a center\n   * glyph. Keeping both means existing consumers see no visual change.\n   */\n  private get loadingIndicatorTemplate(): TemplateResult {\n    const hasCenterIcon = this.hasCenterIcon;\n    return html`\n      <div class=\"indicator\">\n        ${hasCenterIcon ? this.iconRingSvg : this.dottedRingSvg}\n        <span class=\"center\" ?hidden=${!hasCenterIcon}>\n          <slot name=\"icon\" @slotchange=${this.handleIconSlotChange}>\n            ${this.mediatypeIconTemplate}\n          </slot>\n        </span>\n      </div>\n    `;\n  }\n\n  /** The original ring, with the three animated dots in the middle */\n  private get dottedRingSvg(): SVGTemplateResult {\n    return svg`\n      <svg\n        class=\"loading-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.loadingTitle ?? msg('Loading...')}</title>\n        <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\n          <path\n            class=\"loading-ring\"\n            d=\"M60,10 C69.8019971,10 78.9452178,12.8205573 86.6623125,17.6943223 L76.4086287,27.9484118 C71.4880919,25.4243078 65.9103784,24 60,24 C40.117749,24 24,40.117749 24,60 C24,79.882251 40.117749,96 60,96 C79.882251,96 96,79.882251 96,60 C96,53.3014663 94.1704984,47.0302355 90.9839104,41.6587228 L101.110332,31.5326452 C106.715332,39.6116982 110,49.4222615 110,60 C110,87.6142375 87.6142375,110 60,110 C32.3857625,110 10,87.6142375 10,60 C10,32.3857625 32.3857625,10 60,10 Z\"\n          ></path>\n          <g\n            class=\"loading-dots ${this.hideDots ? 'hidden' : ''}\"\n            transform=\"translate(40.000000, 55.000000)\"\n          >\n            <circle id=\"left-dot\" cx=\"5\" cy=\"5\" r=\"5\"></circle>\n            <circle id=\"middle-dot\" cx=\"20\" cy=\"5\" r=\"5\"></circle>\n            <circle id=\"right-dot\" cx=\"35\" cy=\"5\" r=\"5\"></circle>\n          </g>\n        </g>\n      </svg>\n    `;\n  }\n\n  /** The roomier ring, used when a glyph occupies the middle */\n  private get iconRingSvg(): SVGTemplateResult {\n    return svg`\n      <svg\n        class=\"loading-indicator icon-ring\"\n        viewBox=\"0 0 100 100\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.loadingTitle ?? msg('Loading...')}</title>\n        <g fill-rule=\"evenodd\">\n          <path\n            class=\"loading-ring\"\n            fill-rule=\"nonzero\"\n            d=\"m17.8618849 11.6970233c18.5864635-15.59603144 45.6875867-15.59603102 64.2740497.000001 1.9271446 1.6170806 2.1785128 4.4902567.5614466 6.4174186-1.6170661 1.9271618-4.4902166 2.1785323-6.4173612.5614517-15.1996922-12.75416882-37.3625282-12.75416916-52.5622206-.000001-15.19969387 12.7541707-19.04823077 34.5805019-9.1273354 51.7641499 9.9208955 17.183646 30.7471499 24.7638499 49.3923323 17.9774983 18.6451823-6.7863521 29.7266014-25.9801026 26.2811129-45.5206248-.436848-2.4775114 1.2174186-4.8400696 3.6949079-5.2769215 2.4774893-.4368518 4.8400264 1.2174296 5.2768744 3.694941 4.2132065 23.8945096-9.3373563 47.3649806-32.137028 55.6634567-22.799672 8.2984758-48.2663986-.9707372-60.39785211-21.9832155-12.1314534-21.012481-7.42539173-47.7021198 11.16107351-63.2981544z\"\n          ></path>\n        </g>\n      </svg>\n    `;\n  }\n\n  /**\n   * The bundled mediatype glyph. `maskedIcon` supplies the mask geometry and\n   * the decorative `aria-hidden`; this component supplies the size and paint.\n   */\n  private get mediatypeIconTemplate(): TemplateResult | typeof nothing {\n    const url = this.mediatypeIconUrl;\n    if (!url) return nothing;\n\n    return maskedIcon(url);\n  }\n\n  private handleIconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this.hasSlottedIcon = slot.assignedNodes({ flatten: false }).length > 0;\n  }\n\n  /** A check mark to render on success */\n  private get successIndicatorTemplate(): TemplateResult {\n    return html`\n      <svg\n        class=\"success-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.successTitle ?? msg('Success')}</title>\n        <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\n          <path\n            class=\"success-icon\"\n            d=\"M60,10 C70.5816709,10 80.3955961,13.2871104 88.4763646,18.8959201 L78.3502633,29.0214223 C72.9767592,25.8315427 66.7022695,24 60,24 C40.117749,24 24,40.117749 24,60 C24,79.882251 40.117749,96 60,96 C79.882251,96 96,79.882251 96,60 L95.995,59.46 L108.327675,47.128668 C109.350926,50.9806166 109.925886,55.015198 109.993301,59.1731586 L110,60 C110,87.6142375 87.6142375,110 60,110 C32.3857625,110 10,87.6142375 10,60 C10,32.3857625 32.3857625,10 60,10 Z\"\n          ></path>\n          <polygon\n            class=\"success-icon\"\n            transform=\"translate(75.000000, 41.500000) rotate(44.000000) translate(-75.000000, -41.500000) \"\n            points=\"96 85 54 85 54 65 76 64.999 76 -2 96 -2\"\n          ></polygon>\n        </g>\n      </svg>\n    `;\n  }\n\n  /** An \"!\" to render on error */\n  private get errorIndicatorTemplate(): TemplateResult {\n    return html`\n      <svg\n        class=\"error-indicator\"\n        viewBox=\"0 0 120 120\"\n        preserveAspectRatio=\"none\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        role=\"status\"\n      >\n        <title>${this.errorTitle ?? msg('Error')}</title>\n        <path\n          class=\"error-icon\"\n          d=\"m56.4612493 8.80450354 41.8901185 75.94632926c1.7706782 2.8433173 2.1150372 5.2623412 1.0330766 7.2570716-1.0819604 1.9947304-3.26978 2.9920956-6.5634587 2.9920956h-85.69973905c-3.29367873 0-5.46954894-.9973652-6.52761065-2.9920956-1.0580617-1.9947304-.70175345-4.4137543 1.06892476-7.2570716l41.89011844-75.12308969c1.8184757-2.84331737 3.9693609-4.37738627 6.4526556-4.60220671s4.6341799 1.03483527 6.4526556 3.77896714zm28.5387507 75.19549646-35.037482-62-34.962518 62zm-31-34.7484359v-10.2515641h-8v10.2515641l2.089172 14.7484359h3.8184713zm-8 19.7484359v8h8v-8z\"\n        />\n      </svg>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --indicator-width--: var(--icon-width);\n\n          /* Loading */\n          --loading-ring-color--: var(--primary-text-color);\n          --loading-dot-color--: var(--primary-text-color);\n          --loading-icon-color--: var(--primary-text-color);\n\n          /* Success */\n          --success-icon-color--: var(--color-success);\n\n          /* Error */\n          --error-icon-color--: var(--color-danger);\n\n          display: inline-block;\n          width: var(--indicator-width--);\n        }\n\n        .placeholder {\n          height: var(--indicator-width--);\n        }\n\n        /* Stacks the center glyph over the ring */\n        .indicator {\n          position: relative;\n          display: block;\n        }\n\n        .indicator svg {\n          display: block;\n          width: 100%;\n          height: auto;\n        }\n\n        .center {\n          position: absolute;\n          inset: 0;\n          display: grid;\n          place-items: center;\n        }\n\n        .center[hidden] {\n          display: none;\n        }\n\n        /*\n         * Sized to fit within the icon ring's inner diameter. maskedIcon sets\n         * the mask itself; background-color is what paints the glyph, so it\n         * recolors with the ring.\n         */\n        .ia-icon {\n          width: 50%;\n          height: 50%;\n          background-color: var(--loading-icon-color--);\n        }\n\n        .success-icon {\n          fill: var(--success-icon-color--);\n        }\n\n        .error-icon {\n          fill: var(--error-icon-color--);\n        }\n\n        .loading-ring {\n          fill: var(--loading-ring-color--);\n          animation: rotate 1.3s infinite linear;\n          transform-origin: 50px 50px;\n          transform-box: fill-box;\n        }\n\n        .loading-dots {\n          fill: var(--loading-dot-color--);\n          transition: opacity 0.25s ease-out;\n        }\n\n        .loading-dots.hidden {\n          display: none;\n        }\n\n        .loading-dots > * {\n          opacity: 0;\n          animation: dot 1.3s infinite;\n        }\n\n        .loading-dots #left-dot {\n          animation-delay: 0.2s;\n        }\n\n        .loading-dots #middle-dot {\n          animation-delay: 0.4s;\n        }\n\n        .loading-dots #right-dot {\n          animation-delay: 0.6s;\n        }\n\n        @keyframes rotate {\n          0% {\n            transform: rotate(-360deg);\n          }\n          100% {\n            /* This frame is supposed to be inferred, but Safari doesn't rotate it unless we're explicit */\n            transform: rotate(0deg);\n          }\n        }\n\n        @keyframes dot {\n          0% {\n            opacity: 0;\n          }\n          25% {\n            opacity: 1;\n          }\n          100% {\n            opacity: 0;\n          }\n        }\n      `,\n    ];\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ia-status-indicator': IAStatusIndicator;\n  }\n}\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-audio.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-audio.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-audio.ts"],"names":[],"mappings":";AAEA,wBAyBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-audio.js

@@ -0,0 +1,28 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40px"
+    height="40px"
+    viewBox="0 0 40 40"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="audioTitleID audioDescID"
+  >
+    <title id="audioTitleID">Audio icon</title>
+    <desc id="audioDescID">An illustration of an audio speaker.</desc>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g transform="translate(10, 8)" class="fill-color">
+        <path
+          d="M19.4264564,11.8585048 L19.4264564,20.7200433 C19.4264564,22.3657576 18.8838179,23.2519114 16.8489237,23.2519114 C12.2364969,23.125318 7.75972977,23.125318 3.14730298,23.2519114 C1.24806842,23.2519114 0.569770368,22.492351 0.569770368,20.7200433 L0.569770368,2.74377955 C0.569770368,1.09806526 1.11240881,0.211911416 3.14730298,0.211911416 C7.75972977,0.338504822 12.2364969,0.338504822 16.8489237,0.211911416 C18.7481583,0.211911416 19.4264564,0.971471855 19.4264564,2.74377955 C19.2907967,5.78202131 19.4264564,8.82026306 19.4264564,11.8585048 L19.4264564,11.8585048 Z M10.0659432,2.74377955 C8.16670861,2.74377955 6.67445288,4.13630702 6.67445288,5.90861471 C6.67445288,7.6809224 8.16670861,9.07344988 10.0659432,9.07344988 C11.9651777,9.07344988 13.4574335,7.6809224 13.4574335,5.90861471 C13.4574335,4.13630702 11.8295181,2.74377955 10.0659432,2.74377955 L10.0659432,2.74377955 Z M10.0659432,11.4787246 C7.21709133,11.4787246 5.04653754,13.6308125 5.04653754,16.1626806 C5.04653754,18.8211422 7.35275094,20.8466367 10.0659432,20.8466367 C12.914795,20.8466367 15.0853488,18.6945488 15.0853488,16.1626806 C15.0853488,13.6308125 12.7791354,11.4787246 10.0659432,11.4787246 L10.0659432,11.4787246 Z"
+        ></path>
+        <ellipse
+          cx="10.2016028"
+          cy="16.5690777"
+          rx="1.35659611"
+          ry="1.34075134"
+        ></ellipse>
+      </g>
+    </g>
+  </svg>
+`;
+//# sourceMappingURL=icon-audio.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-audio.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"0 0 40 40\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"audioTitleID audioDescID\"\n  >\n    <title id=\"audioTitleID\">Audio icon</title>\n    <desc id=\"audioDescID\">An illustration of an audio speaker.</desc>\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <g transform=\"translate(10, 8)\" class=\"fill-color\">\n        <path\n          d=\"M19.4264564,11.8585048 L19.4264564,20.7200433 C19.4264564,22.3657576 18.8838179,23.2519114 16.8489237,23.2519114 C12.2364969,23.125318 7.75972977,23.125318 3.14730298,23.2519114 C1.24806842,23.2519114 0.569770368,22.492351 0.569770368,20.7200433 L0.569770368,2.74377955 C0.569770368,1.09806526 1.11240881,0.211911416 3.14730298,0.211911416 C7.75972977,0.338504822 12.2364969,0.338504822 16.8489237,0.211911416 C18.7481583,0.211911416 19.4264564,0.971471855 19.4264564,2.74377955 C19.2907967,5.78202131 19.4264564,8.82026306 19.4264564,11.8585048 L19.4264564,11.8585048 Z M10.0659432,2.74377955 C8.16670861,2.74377955 6.67445288,4.13630702 6.67445288,5.90861471 C6.67445288,7.6809224 8.16670861,9.07344988 10.0659432,9.07344988 C11.9651777,9.07344988 13.4574335,7.6809224 13.4574335,5.90861471 C13.4574335,4.13630702 11.8295181,2.74377955 10.0659432,2.74377955 L10.0659432,2.74377955 Z M10.0659432,11.4787246 C7.21709133,11.4787246 5.04653754,13.6308125 5.04653754,16.1626806 C5.04653754,18.8211422 7.35275094,20.8466367 10.0659432,20.8466367 C12.914795,20.8466367 15.0853488,18.6945488 15.0853488,16.1626806 C15.0853488,13.6308125 12.7791354,11.4787246 10.0659432,11.4787246 L10.0659432,11.4787246 Z\"\n        ></path>\n        <ellipse\n          cx=\"10.2016028\"\n          cy=\"16.5690777\"\n          rx=\"1.35659611\"\n          ry=\"1.34075134\"\n        ></ellipse>\n      </g>\n    </g>\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-close.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-close.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-close.ts"],"names":[],"mappings":";AAEA,wBAiBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-close.js

@@ -0,0 +1,20 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="closeTitleID closeDescID"
+  >
+    <title id="closeTitleID">Close icon</title>
+    <desc id="closeDescID">A line drawing of an X</desc>
+    <path
+      d="m29.1923882 10.8076118c.5857864.5857865.5857864 1.535534 0 2.1213204l-7.0711162 7.0703398 7.0711162 7.0717958c.5857864.5857864.5857864 1.5355339 0 2.1213204-.5857865.5857864-1.535534.5857864-2.1213204 0l-7.0717958-7.0711162-7.0703398 7.0711162c-.5857864.5857864-1.5355339.5857864-2.1213204 0-.5857864-.5857865-.5857864-1.535534 0-2.1213204l7.0706602-7.0717958-7.0706602-7.0703398c-.5857864-.5857864-.5857864-1.5355339 0-2.1213204.5857865-.5857864 1.535534-.5857864 2.1213204 0l7.0703398 7.0706602 7.0717958-7.0706602c.5857864-.5857864 1.5355339-.5857864 2.1213204 0z"
+      class="fill-color"
+      fill-rule="evenodd"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-close.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-close.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"closeTitleID closeDescID\"\n  >\n    <title id=\"closeTitleID\">Close icon</title>\n    <desc id=\"closeDescID\">A line drawing of an X</desc>\n    <path\n      d=\"m29.1923882 10.8076118c.5857864.5857865.5857864 1.535534 0 2.1213204l-7.0711162 7.0703398 7.0711162 7.0717958c.5857864.5857864.5857864 1.5355339 0 2.1213204-.5857865.5857864-1.535534.5857864-2.1213204 0l-7.0717958-7.0711162-7.0703398 7.0711162c-.5857864.5857864-1.5355339.5857864-2.1213204 0-.5857864-.5857865-.5857864-1.535534 0-2.1213204l7.0706602-7.0717958-7.0706602-7.0703398c-.5857864-.5857864-.5857864-1.5355339 0-2.1213204.5857865-.5857864 1.535534-.5857864 2.1213204 0l7.0703398 7.0706602 7.0717958-7.0706602c.5857864-.5857864 1.5355339-.5857864 2.1213204 0z\"\n      class=\"fill-color\"\n      fill-rule=\"evenodd\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-donate-unpadded.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-donate-unpadded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-donate-unpadded.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-donate-unpadded.ts"],"names":[],"mappings":";AAEA,wBAgBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-donate-unpadded.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    aria-labelledby="donateTitleID donateDescID"
+  >
+    <title id="donateTitleID">Donate icon</title>
+    <desc id="donateDescID">An illustration of a heart shape</desc>
+    <path
+      class="fill-color"
+      d="m32.6,8.12c-1.57,-1.51 -3.46,-2.21 -5.65,-2.11c-1,0.03 -2.14,0.51 -3.42,1.44c-1.28,0.92 -2.28,2.09 -3.03,3.51c-0.71,-1.41 -1.72,-2.59 -3,-3.51c-1.29,-0.93 -2.43,-1.41 -3.41,-1.44c-1.46,-0.07 -2.8,0.23 -4.02,0.88c-1.23,0.65 -2.21,1.6 -2.94,2.83c-0.74,1.24 -1.11,2.63 -1.12,4.17c-0.05,2.56 0.85,5.01 2.68,7.37c1.46,1.88 3.52,4.21 6.19,7.04c2.66,2.81 4.53,4.71 5.62,5.69c1,-0.88 2.85,-2.75 5.55,-5.6s4.81,-5.23 6.31,-7.13c1.81,-2.36 2.71,-4.81 2.66,-7.37c-0.04,-2.35 -0.83,-4.28 -2.4,-5.77z"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-donate-unpadded.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-donate-unpadded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-donate-unpadded.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-donate-unpadded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:svg=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"donateTitleID donateDescID\"\n  >\n    <title id=\"donateTitleID\">Donate icon</title>\n    <desc id=\"donateDescID\">An illustration of a heart shape</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m32.6,8.12c-1.57,-1.51 -3.46,-2.21 -5.65,-2.11c-1,0.03 -2.14,0.51 -3.42,1.44c-1.28,0.92 -2.28,2.09 -3.03,3.51c-0.71,-1.41 -1.72,-2.59 -3,-3.51c-1.29,-0.93 -2.43,-1.41 -3.41,-1.44c-1.46,-0.07 -2.8,0.23 -4.02,0.88c-1.23,0.65 -2.21,1.6 -2.94,2.83c-0.74,1.24 -1.11,2.63 -1.12,4.17c-0.05,2.56 0.85,5.01 2.68,7.37c1.46,1.88 3.52,4.21 6.19,7.04c2.66,2.81 4.53,4.71 5.62,5.69c1,-0.88 2.85,-2.75 5.55,-5.6s4.81,-5.23 6.31,-7.13c1.81,-2.36 2.71,-4.81 2.66,-7.37c-0.04,-2.35 -0.83,-4.28 -2.4,-5.77z\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-donate.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-donate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-donate.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-donate.ts"],"names":[],"mappings":";AAEA,wBAeE"}

package/dist/src/elements/ia-topnav/assets/img/icon-donate.js

@@ -0,0 +1,18 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="donateTitleID donateDescID"
+  >
+    <title id="donateTitleID">Donate icon</title>
+    <desc id="donateDescID">An illustration of a heart shape</desc>
+    <path
+      class="fill-color"
+      d="m30.0120362 11.0857287c-1.2990268-1.12627221-2.8599641-1.65258786-4.682812-1.57894699-.8253588.02475323-1.7674318.3849128-2.8262192 1.08047869-1.0587873.6955659-1.89622 1.5724492-2.512298 2.63065-.591311-1.0588196-1.4194561-1.9357029-2.4844351-2.63065-1.0649791-.69494706-2.0039563-1.05510663-2.8169316-1.08047869-1.2067699-.04950647-2.318187.17203498-3.3342513.66462439-1.0160643.4925893-1.82594378 1.2002224-2.42963831 2.1228992-.60369453.9226769-.91173353 1.9629315-.92411701 3.1207641-.03715043 1.9202322.70183359 3.7665141 2.21695202 5.5388457 1.2067699 1.4035084 2.912594 3.1606786 5.1174721 5.2715107 2.2048782 2.1108321 3.7565279 3.5356901 4.6549492 4.2745742.8253588-.6646243 2.355647-2.0647292 4.5908647-4.2003145s3.9747867-3.9171994 5.218707-5.3448422c1.502735-1.7723316 2.2355273-3.6186135 2.1983769-5.5388457-.0256957-1.7608832-.6875926-3.2039968-1.9866194-4.3302689z"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-donate.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-donate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-donate.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-donate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;CAelB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"donateTitleID donateDescID\"\n  >\n    <title id=\"donateTitleID\">Donate icon</title>\n    <desc id=\"donateDescID\">An illustration of a heart shape</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m30.0120362 11.0857287c-1.2990268-1.12627221-2.8599641-1.65258786-4.682812-1.57894699-.8253588.02475323-1.7674318.3849128-2.8262192 1.08047869-1.0587873.6955659-1.89622 1.5724492-2.512298 2.63065-.591311-1.0588196-1.4194561-1.9357029-2.4844351-2.63065-1.0649791-.69494706-2.0039563-1.05510663-2.8169316-1.08047869-1.2067699-.04950647-2.318187.17203498-3.3342513.66462439-1.0160643.4925893-1.82594378 1.2002224-2.42963831 2.1228992-.60369453.9226769-.91173353 1.9629315-.92411701 3.1207641-.03715043 1.9202322.70183359 3.7665141 2.21695202 5.5388457 1.2067699 1.4035084 2.912594 3.1606786 5.1174721 5.2715107 2.2048782 2.1108321 3.7565279 3.5356901 4.6549492 4.2745742.8253588-.6646243 2.355647-2.0647292 4.5908647-4.2003145s3.9747867-3.9171994 5.218707-5.3448422c1.502735-1.7723316 2.2355273-3.6186135 2.1983769-5.5388457-.0256957-1.7608832-.6875926-3.2039968-1.9866194-4.3302689z\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-ellipses.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-ellipses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-ellipses.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-ellipses.ts"],"names":[],"mappings":";AAEA,wBAgBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-ellipses.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    height="40"
+    viewBox="0 0 40 40"
+    width="40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="ellipsesTitleID ellipsesDescID"
+  >
+    <title id="ellipsesTitleID">Ellipses icon</title>
+    <desc id="ellipsesDescID">An illustration of text ellipses.</desc>
+    <path
+      class="fill-color"
+      d="m10.5 17.5c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5c-1.38071187 0-2.5-1.1192881-2.5-2.5s1.11928813-2.5 2.5-2.5zm9.5 0c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5-2.5-1.1192881-2.5-2.5 1.1192881-2.5 2.5-2.5zm9.5 0c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5-2.5-1.1192881-2.5-2.5 1.1192881-2.5 2.5-2.5z"
+      fill-rule="evenodd"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-ellipses.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-ellipses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-ellipses.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-ellipses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    width=\"40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"ellipsesTitleID ellipsesDescID\"\n  >\n    <title id=\"ellipsesTitleID\">Ellipses icon</title>\n    <desc id=\"ellipsesDescID\">An illustration of text ellipses.</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m10.5 17.5c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5c-1.38071187 0-2.5-1.1192881-2.5-2.5s1.11928813-2.5 2.5-2.5zm9.5 0c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5-2.5-1.1192881-2.5-2.5 1.1192881-2.5 2.5-2.5zm9.5 0c1.3807119 0 2.5 1.1192881 2.5 2.5s-1.1192881 2.5-2.5 2.5-2.5-1.1192881-2.5-2.5 1.1192881-2.5 2.5-2.5z\"\n      fill-rule=\"evenodd\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-ia-logo.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-ia-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-ia-logo.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-ia-logo.ts"],"names":[],"mappings":";AAEA,wBA2BE"}

package/dist/src/elements/ia-topnav/assets/img/icon-ia-logo.js

@@ -0,0 +1,30 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    class="ia-logo"
+    viewBox="0 0 27 30"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="logoTitleID logoDescID"
+  >
+    <title id="logoTitleID">Internet Archive logo</title>
+    <desc id="logoDescID">
+      A line drawing of the Internet Archive headquarters building façade.
+    </desc>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <mask id="mask-2" fill="white">
+        <path
+          d="M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z"
+          id="path-1"
+        ></path>
+      </mask>
+      <use fill="#FFFFFF" xlink:href="#path-1"></use>
+      <g mask="url(#mask-2)" fill="#FFFFFF">
+        <path
+          d="M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z"
+          id="swatch"
+        ></path>
+      </g>
+    </g>
+  </svg>
+`;
+//# sourceMappingURL=icon-ia-logo.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-ia-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-ia-logo.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-ia-logo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    class=\"ia-logo\"\n    viewBox=\"0 0 27 30\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"logoTitleID logoDescID\"\n  >\n    <title id=\"logoTitleID\">Internet Archive logo</title>\n    <desc id=\"logoDescID\">\n      A line drawing of the Internet Archive headquarters building façade.\n    </desc>\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <mask id=\"mask-2\" fill=\"white\">\n        <path\n          d=\"M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z\"\n          id=\"path-1\"\n        ></path>\n      </mask>\n      <use fill=\"#FFFFFF\" xlink:href=\"#path-1\"></use>\n      <g mask=\"url(#mask-2)\" fill=\"#FFFFFF\">\n        <path\n          d=\"M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z\"\n          id=\"swatch\"\n        ></path>\n      </g>\n    </g>\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-images.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-images.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-images.ts"],"names":[],"mappings":";AAEA,wBAgBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-images.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    height="40"
+    viewBox="0 0 40 40"
+    width="40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="imagesTitleID imagesDescID"
+  >
+    <title id="imagesTitleID">Images icon</title>
+    <desc id="imagesDescID">An illustration of two photographs.</desc>
+    <path
+      class="fill-color"
+      d="m20.8219178 15.3769871c0 1.1136708-.8767123 1.8932404-1.8630137 1.8932404s-1.9726027-.8909367-1.9726027-1.8932404c0-1.0023038.8767123-1.8932404 1.9726027-1.8932404.9863014 0 1.8630137.8909366 1.8630137 1.8932404zm-5.9178082-3.7864808h15.4520548v6.0138225l-1.9726028-3.3410125-2.6301369 6.3479237-2.1917809-2.67281-6.1369863 5.1228859h-2.5205479zm-1.7534247-1.6705063v14.9231892h18.8493151v-14.9231892zm-2.9589041 7.2388604c.2191781 0 1.9726028-.3341012 1.9726028-.3341012v-2.0046075l-4.1643836.5568354c.43835616 4.7887846.87671233 9.9116704 1.31506849 14.700455 6.02739731-.5568354 13.26027401-1.5591391 19.39726031-2.1159746-.1095891-.5568354-.1095891-2.0046075-.2191781-2.67281-.4383562.1113671-1.4246575 0-1.8630137.1113671v.8909367c-5.1506849.4454683-10.3013699 1.1136708-15.4520548 1.6705062.109589-.111367-.5479452-7.0161262-.9863014-10.8026071z"
+      fill-rule="evenodd"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-images.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-images.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-images.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    width=\"40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"imagesTitleID imagesDescID\"\n  >\n    <title id=\"imagesTitleID\">Images icon</title>\n    <desc id=\"imagesDescID\">An illustration of two photographs.</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m20.8219178 15.3769871c0 1.1136708-.8767123 1.8932404-1.8630137 1.8932404s-1.9726027-.8909367-1.9726027-1.8932404c0-1.0023038.8767123-1.8932404 1.9726027-1.8932404.9863014 0 1.8630137.8909366 1.8630137 1.8932404zm-5.9178082-3.7864808h15.4520548v6.0138225l-1.9726028-3.3410125-2.6301369 6.3479237-2.1917809-2.67281-6.1369863 5.1228859h-2.5205479zm-1.7534247-1.6705063v14.9231892h18.8493151v-14.9231892zm-2.9589041 7.2388604c.2191781 0 1.9726028-.3341012 1.9726028-.3341012v-2.0046075l-4.1643836.5568354c.43835616 4.7887846.87671233 9.9116704 1.31506849 14.700455 6.02739731-.5568354 13.26027401-1.5591391 19.39726031-2.1159746-.1095891-.5568354-.1095891-2.0046075-.2191781-2.67281-.4383562.1113671-1.4246575 0-1.8630137.1113671v.8909367c-5.1506849.4454683-10.3013699 1.1136708-15.4520548 1.6705062.109589-.111367-.5479452-7.0161262-.9863014-10.8026071z\"\n      fill-rule=\"evenodd\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-search.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-search.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-search.ts"],"names":[],"mappings":";AAEA,wBAgBE"}

package/dist/src/elements/ia-topnav/assets/img/icon-search.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    height="40"
+    viewBox="0 0 40 40"
+    width="40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="searchTitleID searchDescID"
+  >
+    <title id="searchTitleID">Search icon</title>
+    <desc id="searchDescID">An illustration of a magnifying glass.</desc>
+    <path
+      class="fill-color"
+      d="m32.4526364 29.8875889-8.1719472-7.9751279c1.1046135-1.4876138 1.7652549-3.3102407 1.7652549-5.2846451 0-.101185-.0142895-.1981539-.030573-.2944743.0166158-.0976175.0309053-.196208.0309053-.2990145 0-4.9814145-4.152935-9.0343271-9.2572866-9.0343271-.0907218 0-.1781206.01394537-.2655193.02594487-.0880633-.0119995-.1747974-.02594487-.2655193-.02594487-5.1046839 0-9.25761889 4.0529126-9.25761889 9.0343271 0 .1011849.01395722.1981539.03057294.2947985-.01694804.0976176-.03090525.1958838-.03090525.2986903 0 4.9814145 4.1526027 9.0346514 9.2572866 9.0346514.0907218 0 .1777882-.0139454.2658516-.0262692.0873987.0123238.1741328.0262692.265187.0262692 1.7306942 0 3.3467399-.4747911 4.7338208-1.2852439l8.2882574 8.0886366c.3652137.3564177.843082.53414 1.3212826.53414.4782007 0 .9567336-.1780467 1.3212827-.53414.7294304-.7118622.7294304-1.8660845-.0003323-2.5782711zm-15.9526364-7.8875889c-.0832667-.0118703-.1652765-.0253024-.2513711-.0253024-2.8781993 0-5.2197212-2.3278242-5.2197212-5.1891862 0-.0974612-.013197-.1908615-.0289077-.2836371.0160249-.0940251.0292219-.1889874.0292219-.2880105 0-2.861362 2.3418361-5.1891861 5.2200354-5.1891861.0854662 0 .1677902-.0131198.2510569-.0246777.0826383.0115579.1649623.0246777.2510569.0246777 2.8781993 0 5.2197212 2.3278241 5.2197212 5.1891861 0 .0974612.0135112.1908616.0289077.2839496-.0157107.0940251-.0295361.1886749-.0295361.287698 0 2.861362-2.3415219 5.1891862-5.2197212 5.1891862-.0860946 0-.1684187.0134321-.2507427.0253024z"
+      fill-rule="evenodd"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-search.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-search.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    width=\"40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"searchTitleID searchDescID\"\n  >\n    <title id=\"searchTitleID\">Search icon</title>\n    <desc id=\"searchDescID\">An illustration of a magnifying glass.</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m32.4526364 29.8875889-8.1719472-7.9751279c1.1046135-1.4876138 1.7652549-3.3102407 1.7652549-5.2846451 0-.101185-.0142895-.1981539-.030573-.2944743.0166158-.0976175.0309053-.196208.0309053-.2990145 0-4.9814145-4.152935-9.0343271-9.2572866-9.0343271-.0907218 0-.1781206.01394537-.2655193.02594487-.0880633-.0119995-.1747974-.02594487-.2655193-.02594487-5.1046839 0-9.25761889 4.0529126-9.25761889 9.0343271 0 .1011849.01395722.1981539.03057294.2947985-.01694804.0976176-.03090525.1958838-.03090525.2986903 0 4.9814145 4.1526027 9.0346514 9.2572866 9.0346514.0907218 0 .1777882-.0139454.2658516-.0262692.0873987.0123238.1741328.0262692.265187.0262692 1.7306942 0 3.3467399-.4747911 4.7338208-1.2852439l8.2882574 8.0886366c.3652137.3564177.843082.53414 1.3212826.53414.4782007 0 .9567336-.1780467 1.3212827-.53414.7294304-.7118622.7294304-1.8660845-.0003323-2.5782711zm-15.9526364-7.8875889c-.0832667-.0118703-.1652765-.0253024-.2513711-.0253024-2.8781993 0-5.2197212-2.3278242-5.2197212-5.1891862 0-.0974612-.013197-.1908615-.0289077-.2836371.0160249-.0940251.0292219-.1889874.0292219-.2880105 0-2.861362 2.3418361-5.1891861 5.2200354-5.1891861.0854662 0 .1677902-.0131198.2510569-.0246777.0826383.0115579.1649623.0246777.2510569.0246777 2.8781993 0 5.2197212 2.3278241 5.2197212 5.1891861 0 .0974612.0135112.1908616.0289077.2839496-.0157107.0940251-.0295361.1886749-.0295361.287698 0 2.861362-2.3415219 5.1891862-5.2197212 5.1891862-.0860946 0-.1684187.0134321-.2507427.0253024z\"\n      fill-rule=\"evenodd\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-software.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-software.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-software.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-software.ts"],"names":[],"mappings":";AAEA,wBAeE"}

package/dist/src/elements/ia-topnav/assets/img/icon-software.js

@@ -0,0 +1,18 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="softwareTitleID softwareDescID"
+  >
+    <title id="softwareTitleID">Software icon</title>
+    <desc id="softwareDescID">An illustration of a 3.5" floppy disk.</desc>
+    <path
+      class="fill-color"
+      d="m32 30.6900373v-21.44521088c0-.82988428-.4156786-1.24482642-1.2470357-1.24482642h-21.50592858c-.83135715 0-1.24703572.4221795-1.24703572 1.26653851v21.44521089c0 .8588337.41567857 1.2882506 1.24703572 1.2882506h21.48327168c.8458575 0 1.2687863-.4366542 1.2687863-1.3099627zm-5.9950155-20.4410268v6.114667c0 .6694561-.3428744 1.0041841-1.0286232 1.0041841h-10.1294464c-.2622159 0-.4773054-.0802141-.6452685-.2406423s-.2519447-.3642806-.2519447-.6115572v-6.1363791l.0217506-.1311772h12.0326259zm-4.9437353.8295827v5.0010178h3.0405558v-5.0010178zm-9.7134658 18.8035735v-7.753025c0-.5241057.1604108-.9025595.4812325-1.1353613.1897138-.1453504.4011782-.2180256.6343932-.2180256h14.7451099c.3208217 0 .5905898.1091636.8093044.3274907s.3280719.5023936.3280719.8521995v7.8181612l-.0217506.1094652h-16.9772676z"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-software.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-software.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-software.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-software.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;CAelB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"softwareTitleID softwareDescID\"\n  >\n    <title id=\"softwareTitleID\">Software icon</title>\n    <desc id=\"softwareDescID\">An illustration of a 3.5\" floppy disk.</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m32 30.6900373v-21.44521088c0-.82988428-.4156786-1.24482642-1.2470357-1.24482642h-21.50592858c-.83135715 0-1.24703572.4221795-1.24703572 1.26653851v21.44521089c0 .8588337.41567857 1.2882506 1.24703572 1.2882506h21.48327168c.8458575 0 1.2687863-.4366542 1.2687863-1.3099627zm-5.9950155-20.4410268v6.114667c0 .6694561-.3428744 1.0041841-1.0286232 1.0041841h-10.1294464c-.2622159 0-.4773054-.0802141-.6452685-.2406423s-.2519447-.3642806-.2519447-.6115572v-6.1363791l.0217506-.1311772h12.0326259zm-4.9437353.8295827v5.0010178h3.0405558v-5.0010178zm-9.7134658 18.8035735v-7.753025c0-.5241057.1604108-.9025595.4812325-1.1353613.1897138-.1453504.4011782-.2180256.6343932-.2180256h14.7451099c.3208217 0 .5905898.1091636.8093044.3274907s.3280719.5023936.3280719.8521995v7.8181612l-.0217506.1094652h-16.9772676z\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-texts.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-texts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-texts.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-texts.ts"],"names":[],"mappings":";AAEA,wBAeE"}

package/dist/src/elements/ia-topnav/assets/img/icon-texts.js

@@ -0,0 +1,18 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    height="40"
+    viewBox="0 0 40 40"
+    width="40"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="textsTitleID textsDescID"
+  >
+    <title id="textsTitleID">Texts icon</title>
+    <desc id="textsDescID">An illustration of an open book.</desc>
+    <path
+      class="fill-color"
+      d="m10.3323235 11.0007023h6.9060825c.8851083 0 1.5847122.3064258 2.0988114.9192774v14.4324451h-.6460032c-.1435563-.120323-.3528315-.2434552-.6278257-.3693964-.2749942-.1259413-.5201585-.2191097-.7354929-.2795053l-.3048241-.1081503h-5.7042647c-.3108832 0-.5621067-.0601615-.7536705-.1804846-.0717781-.0599274-.1256117-.1439663-.1615008-.2521166-.0358891-.1081502-.0598928-.2043619-.0720112-.2886348v-13.8741368zm19.1752505 0v13.603761c-.0717781.3361555-.2211606.5943584-.4481473.7746089-.0717781.0599274-.1733862.1079162-.304824.1439663-.1314379.0360501-.2451643.0601615-.3411793.0723343h-5.5965975c-.9568865.2640552-1.5068748.5164059-1.649965.757052h-.6634817v-14.4324451c.5140992-.6128516 1.2076439-.9192774 2.0806339-.9192774h6.92426zm1.3814961.6489017-.1796783 15.2976474c-.0955489 0-1.0342578.0119386-2.8161268.035816-1.7818691.0238773-3.3006293.0898911-4.5562806.1980414-1.2556514.1081503-1.9613144.2884008-2.1169891.5407514-.0955488.1924233-.5439291.273419-1.345141.2429871-.8012118-.0304319-1.3155441-.1776755-1.5429969-.4417308-.334654-.3843783-3.4558378-.5765674-9.36355164-.5765674v-15.3875385l-.96830576.3960828v16.2702977c6.4096947-.2041278 9.7760429-.0840388 10.0990445.3602669.2391051.276228.9864833.414342 2.2421347.414342.1915638 0 .4187835-.0210682.6816593-.0632047s.4810068-.0870821.6543929-.1348367c.1733862-.0477547.2719646-.0838048.2957353-.1081503.0838965-.1563732.9599161-.2675666 2.6280587-.3335805 1.6681426-.0660138 3.3213703-.0931684 4.9596831-.0814638l2.4392915.0182591v-16.2344816z"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-texts.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-texts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-texts.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-texts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;CAelB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    height=\"40\"\n    viewBox=\"0 0 40 40\"\n    width=\"40\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"textsTitleID textsDescID\"\n  >\n    <title id=\"textsTitleID\">Texts icon</title>\n    <desc id=\"textsDescID\">An illustration of an open book.</desc>\n    <path\n      class=\"fill-color\"\n      d=\"m10.3323235 11.0007023h6.9060825c.8851083 0 1.5847122.3064258 2.0988114.9192774v14.4324451h-.6460032c-.1435563-.120323-.3528315-.2434552-.6278257-.3693964-.2749942-.1259413-.5201585-.2191097-.7354929-.2795053l-.3048241-.1081503h-5.7042647c-.3108832 0-.5621067-.0601615-.7536705-.1804846-.0717781-.0599274-.1256117-.1439663-.1615008-.2521166-.0358891-.1081502-.0598928-.2043619-.0720112-.2886348v-13.8741368zm19.1752505 0v13.603761c-.0717781.3361555-.2211606.5943584-.4481473.7746089-.0717781.0599274-.1733862.1079162-.304824.1439663-.1314379.0360501-.2451643.0601615-.3411793.0723343h-5.5965975c-.9568865.2640552-1.5068748.5164059-1.649965.757052h-.6634817v-14.4324451c.5140992-.6128516 1.2076439-.9192774 2.0806339-.9192774h6.92426zm1.3814961.6489017-.1796783 15.2976474c-.0955489 0-1.0342578.0119386-2.8161268.035816-1.7818691.0238773-3.3006293.0898911-4.5562806.1980414-1.2556514.1081503-1.9613144.2884008-2.1169891.5407514-.0955488.1924233-.5439291.273419-1.345141.2429871-.8012118-.0304319-1.3155441-.1776755-1.5429969-.4417308-.334654-.3843783-3.4558378-.5765674-9.36355164-.5765674v-15.3875385l-.96830576.3960828v16.2702977c6.4096947-.2041278 9.7760429-.0840388 10.0990445.3602669.2391051.276228.9864833.414342 2.2421347.414342.1915638 0 .4187835-.0210682.6816593-.0632047s.4810068-.0870821.6543929-.1348367c.1733862-.0477547.2719646-.0838048.2957353-.1081503.0838965-.1563732.9599161-.2675666 2.6280587-.3335805 1.6681426-.0660138 3.3213703-.0931684 4.9596831-.0814638l2.4392915.0182591v-16.2344816z\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-upload-unpadded.d.ts

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

package/dist/src/elements/ia-topnav/assets/img/icon-upload-unpadded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-upload-unpadded.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-upload-unpadded.ts"],"names":[],"mappings":";AAEA,wBAeE"}

package/dist/src/elements/ia-topnav/assets/img/icon-upload-unpadded.js

@@ -0,0 +1,18 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    height="14"
+    width="14"
+    viewBox="8 8 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="uploadTitleID uploadDescID"
+  >
+    <title id="uploadTitleID">Upload files</title>
+    <path
+      class="fill-color"
+      d="m20 12.8 8 10.4h-4.8v8.8h-6.4v-8.8h-4.8zm12-4.8v3.2h-24v-3.2z"
+      fill-rule="evenodd"
+    />
+  </svg>
+`;
+//# sourceMappingURL=icon-upload-unpadded.js.map

package/dist/src/elements/ia-topnav/assets/img/icon-upload-unpadded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-upload-unpadded.js","sourceRoot":"","sources":["../../../../../../src/elements/ia-topnav/assets/img/icon-upload-unpadded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;CAelB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    height=\"14\"\n    width=\"14\"\n    viewBox=\"8 8 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"uploadTitleID uploadDescID\"\n  >\n    <title id=\"uploadTitleID\">Upload files</title>\n    <path\n      class=\"fill-color\"\n      d=\"m20 12.8 8 10.4h-4.8v8.8h-6.4v-8.8h-4.8zm12-4.8v3.2h-24v-3.2z\"\n      fill-rule=\"evenodd\"\n    />\n  </svg>\n`;\n"]}

package/dist/src/elements/ia-topnav/assets/img/icon-upload.d.ts

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