@internetarchive/collection-browser 4.7.1-alpha-webdev9189.0 → 4.8.1-webdev-9227.1

package/dist/src/empty-placeholder.js

@@ -3,33 +3,46 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, nothing, } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import emptyQueryIcon from './assets/img/icons/empty-query';
 import nullResultIcon from './assets/img/icons/null-result';
-let EmptyPlaceholder = class EmptyPlaceholder extends LitElement {
+let EmptyPlaceholder = EmptyPlaceholder_1 = class EmptyPlaceholder extends LitElement {
     constructor() {
         super(...arguments);
         this.placeholderType = null;
         this.detailMessage = '';
     }
-    static { EmptyPlaceholder_1 = this; }
-    static { this.MESSAGE_EMPTY_QUERY = msg('To begin searching, enter a search term in the box above and hit "Go".'); }
-    static { this.MESSAGE_NO_SEARCH_RESULTS = msg('Your search did not match any items in the Archive. ' +
-        'Try different keywords or a more general search.'); }
-    static { this.MESSAGE_NO_COLLECTION_RESULTS = msg('Your search did not match any items in this collection. ' +
-        'Try different keywords or a more general search.'); }
-    static { this.MESSAGE_NO_VIEWABLE_MEMBERS = msg('This collection contains no viewable items.'); }
-    static { this.MESSAGE_QUERY_ERROR = msg(html `The search engine encountered an error, which might be related to your
+    static get MESSAGE_EMPTY_QUERY() {
+        return msg('To begin searching, enter a search term in the box above and hit "Go".');
+    }
+    static get MESSAGE_NO_SEARCH_RESULTS() {
+        return msg('Your search did not match any items in the Archive. Try different keywords or a more general search.');
+    }
+    static get MESSAGE_NO_COLLECTION_RESULTS() {
+        return msg('Your search did not match any items in this collection. Try different keywords or a more general search.');
+    }
+    static get MESSAGE_NO_VIEWABLE_MEMBERS() {
+        return msg('This collection contains no viewable items.');
+    }
+    static get MESSAGE_QUERY_ERROR() {
+        // prettier-ignore
+        return msg(html `The search engine encountered an error, which might be related to your
       search query.
       <a
         href="https://help.archive.org/help/search-building-powerful-complex-queries/"
       >
         Tips for constructing search queries.
-      </a> `); }
-    static { this.MESSAGE_COLLECTION_ERROR = msg(html `The search engine encountered an error while loading this collection.
+      </a> `);
+    }
+    static get MESSAGE_COLLECTION_ERROR() {
+        // prettier-ignore
+        return msg(html `The search engine encountered an error while loading this collection.
       If the problem persists, please let us know at
-      <a href="mailto:info@archive.org">info@archive.org</a>.`); }
-    static { this.QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:'); }
+      <a href="mailto:info@archive.org">info@archive.org</a>.`);
+    }
+    static get QUERY_ERROR_DETAILS_MESSAGE() {
+        return msg('Error details:');
+    }
     render() {
         return this.placeholderType ? html `${this.placeholderTemplate}` : nothing;
     }
@@ -160,7 +173,8 @@ __decorate([
     property({ type: String })
 ], EmptyPlaceholder.prototype, "detailMessage", void 0);
 EmptyPlaceholder = EmptyPlaceholder_1 = __decorate([
-    customElement('empty-placeholder')
+    customElement('empty-placeholder'),
+    localized()
 ], EmptyPlaceholder);
 export { EmptyPlaceholder };
 //# sourceMappingURL=empty-placeholder.js.map

package/dist/src/empty-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-placeholder.js","sourceRoot":"","sources":["../../src/empty-placeholder.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  CSSResultGroup,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { msg } from '@lit/localize';\n\nimport emptyQueryIcon from './assets/img/icons/empty-query';\nimport nullResultIcon from './assets/img/icons/null-result';\n\nexport type PlaceholderType =\n  | 'empty-query'\n  | 'empty-collection'\n  | 'no-results'\n  | 'query-error'\n  | 'collection-error'\n  | null;\n@customElement('empty-placeholder')\nexport class EmptyPlaceholder extends LitElement {\n  private static readonly MESSAGE_EMPTY_QUERY = msg(\n    'To begin searching, enter a search term in the box above and hit \"Go\".',\n  );\n\n  private static readonly MESSAGE_NO_SEARCH_RESULTS = msg(\n    'Your search did not match any items in the Archive. ' +\n      'Try different keywords or a more general search.',\n  );\n\n  private static readonly MESSAGE_NO_COLLECTION_RESULTS = msg(\n    'Your search did not match any items in this collection. ' +\n      'Try different keywords or a more general search.',\n  );\n\n  private static readonly MESSAGE_NO_VIEWABLE_MEMBERS = msg(\n    'This collection contains no viewable items.',\n  );\n\n  private static readonly MESSAGE_QUERY_ERROR = msg(\n    html`The search engine encountered an error, which might be related to your\n      search query.\n      <a\n        href=\"https://help.archive.org/help/search-building-powerful-complex-queries/\"\n      >\n        Tips for constructing search queries.\n      </a> `,\n  );\n\n  private static readonly MESSAGE_COLLECTION_ERROR = msg(\n    html`The search engine encountered an error while loading this collection.\n      If the problem persists, please let us know at\n      <a href=\"mailto:info@archive.org\">info@archive.org</a>.`,\n  );\n\n  private static readonly QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:');\n\n  @property({ type: String }) placeholderType: PlaceholderType = null;\n\n  @property({ type: Boolean }) isMobileView?: false;\n\n  @property({ type: Boolean }) isCollection?: false;\n\n  @property({ type: String }) detailMessage?: string = '';\n\n  render() {\n    return this.placeholderType ? html`${this.placeholderTemplate}` : nothing;\n  }\n\n  private get placeholderTemplate(): TemplateResult {\n    return html`\n      <div\n        class=\"placeholder ${this.placeholderType} ${this.isMobileView\n          ? 'mobile'\n          : 'desktop'}\"\n      >\n        ${choose(this.placeholderType, [\n          ['empty-query', () => this.emptyQueryTemplate],\n          ['empty-collection', () => this.emptyCollectionTemplate],\n          ['no-results', () => this.noResultsTemplate],\n          ['query-error', () => this.queryErrorTemplate],\n          ['collection-error', () => this.collectionErrorTemplate],\n        ])}\n      </div>\n    `;\n  }\n\n  private get emptyQueryTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-query-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_EMPTY_QUERY}\n      </h2>\n      <div>${emptyQueryIcon}</div>\n    `;\n  }\n\n  private get emptyCollectionTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-collection-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_NO_VIEWABLE_MEMBERS}\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  private get noResultsTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-results-text-msg\">\n        ${this.isCollection\n          ? EmptyPlaceholder.MESSAGE_NO_COLLECTION_RESULTS\n          : EmptyPlaceholder.MESSAGE_NO_SEARCH_RESULTS}\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  private get queryErrorTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"error-query-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_QUERY_ERROR}\n      </h2>\n      <div>${nullResultIcon}</div>\n      <p class=\"error-details\">\n        ${EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}\n      </p>\n    `;\n  }\n\n  private get collectionErrorTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"error-collection-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_COLLECTION_ERROR}\n      </h2>\n      <div>${nullResultIcon}</div>\n      <p class=\"error-details\">\n        ${EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}\n      </p>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        text-align: center;\n        width: 100%;\n      }\n\n      a {\n        text-decoration: none;\n      }\n      a:link {\n        color: var(--ia-theme-link-color, #4b64ff);\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n\n      .placeholder {\n        display: block;\n      }\n\n      .desktop svg {\n        max-height: 40rem;\n      }\n      .desktop .title,\n      .desktop .error-details {\n        margin: 4rem 0;\n      }\n\n      .mobile svg {\n        max-height: 20rem;\n      }\n      .mobile .title,\n      .mobile .error-details {\n        margin: 2rem 0.5;\n      }\n\n      .error-details {\n        font-size: 1.2rem;\n        word-break: break-word;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"empty-placeholder.js","sourceRoot":"","sources":["../../src/empty-placeholder.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  CSSResultGroup,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { localized, msg } from '@lit/localize';\n\nimport emptyQueryIcon from './assets/img/icons/empty-query';\nimport nullResultIcon from './assets/img/icons/null-result';\n\nexport type PlaceholderType =\n  | 'empty-query'\n  | 'empty-collection'\n  | 'no-results'\n  | 'query-error'\n  | 'collection-error'\n  | null;\n@customElement('empty-placeholder')\n@localized()\nexport class EmptyPlaceholder extends LitElement {\n  private static get MESSAGE_EMPTY_QUERY() {\n    return msg(\n      'To begin searching, enter a search term in the box above and hit \"Go\".',\n    );\n  }\n\n  private static get MESSAGE_NO_SEARCH_RESULTS() {\n    return msg(\n      'Your search did not match any items in the Archive. Try different keywords or a more general search.',\n    );\n  }\n\n  private static get MESSAGE_NO_COLLECTION_RESULTS() {\n    return msg(\n      'Your search did not match any items in this collection. Try different keywords or a more general search.',\n    );\n  }\n\n  private static get MESSAGE_NO_VIEWABLE_MEMBERS() {\n    return msg('This collection contains no viewable items.');\n  }\n\n  private static get MESSAGE_QUERY_ERROR() {\n    // prettier-ignore\n    return msg(\n    html`The search engine encountered an error, which might be related to your\n      search query.\n      <a\n        href=\"https://help.archive.org/help/search-building-powerful-complex-queries/\"\n      >\n        Tips for constructing search queries.\n      </a> `,\n    );\n  }\n\n  private static get MESSAGE_COLLECTION_ERROR() {\n    // prettier-ignore\n    return msg(\n    html`The search engine encountered an error while loading this collection.\n      If the problem persists, please let us know at\n      <a href=\"mailto:info@archive.org\">info@archive.org</a>.`,\n    );\n  }\n\n  private static get QUERY_ERROR_DETAILS_MESSAGE() {\n    return msg('Error details:');\n  }\n\n  @property({ type: String }) placeholderType: PlaceholderType = null;\n\n  @property({ type: Boolean }) isMobileView?: false;\n\n  @property({ type: Boolean }) isCollection?: false;\n\n  @property({ type: String }) detailMessage?: string = '';\n\n  render() {\n    return this.placeholderType ? html`${this.placeholderTemplate}` : nothing;\n  }\n\n  private get placeholderTemplate(): TemplateResult {\n    return html`\n      <div\n        class=\"placeholder ${this.placeholderType} ${this.isMobileView\n          ? 'mobile'\n          : 'desktop'}\"\n      >\n        ${choose(this.placeholderType, [\n          ['empty-query', () => this.emptyQueryTemplate],\n          ['empty-collection', () => this.emptyCollectionTemplate],\n          ['no-results', () => this.noResultsTemplate],\n          ['query-error', () => this.queryErrorTemplate],\n          ['collection-error', () => this.collectionErrorTemplate],\n        ])}\n      </div>\n    `;\n  }\n\n  private get emptyQueryTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-query-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_EMPTY_QUERY}\n      </h2>\n      <div>${emptyQueryIcon}</div>\n    `;\n  }\n\n  private get emptyCollectionTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-collection-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_NO_VIEWABLE_MEMBERS}\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  private get noResultsTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"empty-results-text-msg\">\n        ${this.isCollection\n          ? EmptyPlaceholder.MESSAGE_NO_COLLECTION_RESULTS\n          : EmptyPlaceholder.MESSAGE_NO_SEARCH_RESULTS}\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  private get queryErrorTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"error-query-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_QUERY_ERROR}\n      </h2>\n      <div>${nullResultIcon}</div>\n      <p class=\"error-details\">\n        ${EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}\n      </p>\n    `;\n  }\n\n  private get collectionErrorTemplate(): TemplateResult {\n    // Added data-testid for Playwright testing\n    return html`\n      <h2 class=\"title\" data-testid=\"error-collection-text-msg\">\n        ${EmptyPlaceholder.MESSAGE_COLLECTION_ERROR}\n      </h2>\n      <div>${nullResultIcon}</div>\n      <p class=\"error-details\">\n        ${EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}\n      </p>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        text-align: center;\n        width: 100%;\n      }\n\n      a {\n        text-decoration: none;\n      }\n      a:link {\n        color: var(--ia-theme-link-color, #4b64ff);\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n\n      .placeholder {\n        display: block;\n      }\n\n      .desktop svg {\n        max-height: 40rem;\n      }\n      .desktop .title,\n      .desktop .error-details {\n        margin: 4rem 0;\n      }\n\n      .mobile svg {\n        max-height: 20rem;\n      }\n      .mobile .title,\n      .mobile .error-details {\n        margin: 2rem 0.5;\n      }\n\n      .error-details {\n        font-size: 1.2rem;\n        word-break: break-word;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/expanded-date-picker.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, nothing, } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import { analyticsActions, analyticsCategories, } from './utils/analytics-events';
 import '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';
 let ExpandedDatePicker = class ExpandedDatePicker extends LitElement {
@@ -172,7 +172,8 @@ __decorate([
     property({ type: Object, attribute: false })
 ], ExpandedDatePicker.prototype, "analyticsHandler", void 0);
 ExpandedDatePicker = __decorate([
-    customElement('expanded-date-picker')
+    customElement('expanded-date-picker'),
+    localized()
 ], ExpandedDatePicker);
 export { ExpandedDatePicker };
 //# sourceMappingURL=expanded-date-picker.js.map

package/dist/src/expanded-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"expanded-date-picker.js","sourceRoot":"","sources":["../../src/expanded-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  CSSResultGroup,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { msg } from '@lit/localize';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport {\n  BarScalingOption,\n  BinSnappingInterval,\n} from '@internetarchive/elements/ia-histogram-date-range/models';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from './utils/analytics-events';\n\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\n\n@customElement('expanded-date-picker')\nexport class ExpandedDatePicker extends LitElement {\n  @property({ type: String }) minDate?: string;\n\n  @property({ type: String }) maxDate?: string;\n\n  @property({ type: String }) minSelectedDate?: string;\n\n  @property({ type: String }) maxSelectedDate?: string;\n\n  @property({ type: Array }) buckets?: number[];\n\n  @property({ type: String }) customDateFormat?: string;\n\n  @property({ type: String }) customTooltipDateFormat?: string;\n\n  @property({ type: String }) customTooltipLabel?: string;\n\n  @property({ type: String }) binSnapping: BinSnappingInterval = 'none';\n\n  @property({ type: String }) barScaling: BarScalingOption = 'logarithmic';\n\n  @property({ type: Object, attribute: false })\n  modalManager?: ModalManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  analyticsHandler?: AnalyticsManagerInterface;\n\n  render(): TemplateResult {\n    return html`\n      <div id=\"container\">\n        <ia-histogram-date-range\n          id=\"date-picker\"\n          .minDate=${this.minDate}\n          .maxDate=${this.maxDate}\n          .minSelectedDate=${this.minSelectedDate ?? this.minDate}\n          .maxSelectedDate=${this.maxSelectedDate ?? this.maxDate}\n          dateFormat=${ifDefined(this.customDateFormat)}\n          tooltipDateFormat=${ifDefined(this.customTooltipDateFormat)}\n          tooltipLabel=${ifDefined(this.customTooltipLabel)}\n          .binSnapping=${this.binSnapping}\n          .barScaling=${this.barScaling ?? nothing}\n          .updateDelay=${0}\n          updateWhileFocused\n          missingDataMessage=\"...\"\n          .width=${560}\n          .height=${120}\n          .bins=${this.buckets}\n          @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n        >\n          <button\n            id=\"apply-btn\"\n            slot=\"inputs-right-side\"\n            @click=${this.applyBtnClicked}\n          >\n            ${msg('Apply date range')}\n          </button>\n        </ia-histogram-date-range>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback?.();\n    this.setupEscapeListener();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n    this.removeEscapeListener();\n  }\n\n  /**\n   * Add an event listener to close the date picker modal when the Esc key is pressed\n   */\n  private setupEscapeListener() {\n    document.addEventListener('keydown', this.boundEscapeListener);\n  }\n\n  /**\n   * Remove the Esc key listener that was previously added\n   */\n  private removeEscapeListener() {\n    document.removeEventListener('keydown', this.boundEscapeListener);\n  }\n\n  /**\n   * Closes the modal dialog if the given event is pressing the Esc key.\n   * Arrow function to ensure `this` remains bound to the current component.\n   */\n  private boundEscapeListener = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.closeModal();\n    }\n  };\n\n  /**\n   * When the histogram is updated, keep track of the newly selected date range.\n   * We don't commit to the new range until the apply button is clicked.\n   */\n  private histogramDateRangeUpdated(\n    e: CustomEvent<{\n      minDate: string;\n      maxDate: string;\n    }>,\n  ): void {\n    this.minSelectedDate = e.detail.minDate;\n    this.maxSelectedDate = e.detail.maxDate;\n  }\n\n  /**\n   * When the Apply button is clicked, emit the current date range and close the modal.\n   */\n  private applyBtnClicked(): void {\n    const event = new CustomEvent('histogramDateRangeApplied', {\n      detail: {\n        minDate: this.minSelectedDate,\n        maxDate: this.maxSelectedDate,\n      },\n    });\n    this.dispatchEvent(event);\n    this.closeModal();\n\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.histogramChangedFromModal,\n      label: window.location.href,\n    });\n  }\n\n  /**\n   * Closes the modal associated with this component (if it exists) and dispatches a\n   * modalClosed event.\n   */\n  private closeModal(): void {\n    if (this.modalManager) {\n      this.modalManager.closeModal();\n      this.dispatchEvent(new CustomEvent('modalClosed'));\n    }\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #container {\n        display: flex;\n        justify-content: center;\n        padding: 40px 10px 10px;\n        overflow: hidden;\n      }\n\n      #date-picker {\n        --histogramDateRangeInputWidth: 50px;\n        --histogramDateRangeInputRowMargin: 5px 0 0 0;\n      }\n\n      #apply-btn {\n        margin: 0 0 0 5px;\n        padding: 8px 10px;\n        border: 0;\n        border-radius: 4px;\n        background: var(--primaryButtonBGColor, #194880);\n        color: white;\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"expanded-date-picker.js","sourceRoot":"","sources":["../../src/expanded-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  CSSResultGroup,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { localized, msg } from '@lit/localize';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport {\n  BarScalingOption,\n  BinSnappingInterval,\n} from '@internetarchive/elements/ia-histogram-date-range/models';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from './utils/analytics-events';\n\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\n\n@customElement('expanded-date-picker')\n@localized()\nexport class ExpandedDatePicker extends LitElement {\n  @property({ type: String }) minDate?: string;\n\n  @property({ type: String }) maxDate?: string;\n\n  @property({ type: String }) minSelectedDate?: string;\n\n  @property({ type: String }) maxSelectedDate?: string;\n\n  @property({ type: Array }) buckets?: number[];\n\n  @property({ type: String }) customDateFormat?: string;\n\n  @property({ type: String }) customTooltipDateFormat?: string;\n\n  @property({ type: String }) customTooltipLabel?: string;\n\n  @property({ type: String }) binSnapping: BinSnappingInterval = 'none';\n\n  @property({ type: String }) barScaling: BarScalingOption = 'logarithmic';\n\n  @property({ type: Object, attribute: false })\n  modalManager?: ModalManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  analyticsHandler?: AnalyticsManagerInterface;\n\n  render(): TemplateResult {\n    return html`\n      <div id=\"container\">\n        <ia-histogram-date-range\n          id=\"date-picker\"\n          .minDate=${this.minDate}\n          .maxDate=${this.maxDate}\n          .minSelectedDate=${this.minSelectedDate ?? this.minDate}\n          .maxSelectedDate=${this.maxSelectedDate ?? this.maxDate}\n          dateFormat=${ifDefined(this.customDateFormat)}\n          tooltipDateFormat=${ifDefined(this.customTooltipDateFormat)}\n          tooltipLabel=${ifDefined(this.customTooltipLabel)}\n          .binSnapping=${this.binSnapping}\n          .barScaling=${this.barScaling ?? nothing}\n          .updateDelay=${0}\n          updateWhileFocused\n          missingDataMessage=\"...\"\n          .width=${560}\n          .height=${120}\n          .bins=${this.buckets}\n          @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n        >\n          <button\n            id=\"apply-btn\"\n            slot=\"inputs-right-side\"\n            @click=${this.applyBtnClicked}\n          >\n            ${msg('Apply date range')}\n          </button>\n        </ia-histogram-date-range>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback?.();\n    this.setupEscapeListener();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n    this.removeEscapeListener();\n  }\n\n  /**\n   * Add an event listener to close the date picker modal when the Esc key is pressed\n   */\n  private setupEscapeListener() {\n    document.addEventListener('keydown', this.boundEscapeListener);\n  }\n\n  /**\n   * Remove the Esc key listener that was previously added\n   */\n  private removeEscapeListener() {\n    document.removeEventListener('keydown', this.boundEscapeListener);\n  }\n\n  /**\n   * Closes the modal dialog if the given event is pressing the Esc key.\n   * Arrow function to ensure `this` remains bound to the current component.\n   */\n  private boundEscapeListener = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.closeModal();\n    }\n  };\n\n  /**\n   * When the histogram is updated, keep track of the newly selected date range.\n   * We don't commit to the new range until the apply button is clicked.\n   */\n  private histogramDateRangeUpdated(\n    e: CustomEvent<{\n      minDate: string;\n      maxDate: string;\n    }>,\n  ): void {\n    this.minSelectedDate = e.detail.minDate;\n    this.maxSelectedDate = e.detail.maxDate;\n  }\n\n  /**\n   * When the Apply button is clicked, emit the current date range and close the modal.\n   */\n  private applyBtnClicked(): void {\n    const event = new CustomEvent('histogramDateRangeApplied', {\n      detail: {\n        minDate: this.minSelectedDate,\n        maxDate: this.maxSelectedDate,\n      },\n    });\n    this.dispatchEvent(event);\n    this.closeModal();\n\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.histogramChangedFromModal,\n      label: window.location.href,\n    });\n  }\n\n  /**\n   * Closes the modal associated with this component (if it exists) and dispatches a\n   * modalClosed event.\n   */\n  private closeModal(): void {\n    if (this.modalManager) {\n      this.modalManager.closeModal();\n      this.dispatchEvent(new CustomEvent('modalClosed'));\n    }\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #container {\n        display: flex;\n        justify-content: center;\n        padding: 40px 10px 10px;\n        overflow: hidden;\n      }\n\n      #date-picker {\n        --histogramDateRangeInputWidth: 50px;\n        --histogramDateRangeInputRowMargin: 5px 0 0 0;\n      }\n\n      #apply-btn {\n        margin: 0 0 0 5px;\n        padding: 8px 10px;\n        border: 0;\n        border-radius: 4px;\n        background: var(--primaryButtonBGColor, #194880);\n        color: white;\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/locales/es.d.ts

@@ -0,0 +1,94 @@
+export declare const templates: {
+    h13064d5156c615de: import("lit").TemplateResult<1>;
+    h920c92659184f0bc: import("lit").TemplateResult<1>;
+    s01a8d1dbd588ac19: string;
+    s03c4a59d394f8285: string;
+    s04a2e4a6caf07c66: string;
+    s08118dc8355966af: string;
+    s087d0e07b52a8c19: import("@lit/localize").StrResult;
+    s087d1507b52a97fe: import("@lit/localize").StrResult;
+    s087d1707b52a9b64: import("@lit/localize").StrResult;
+    s089297421a0eedd6: string;
+    s09134b07b5aacab4: string;
+    s10badbbb7458756b: import("@lit/localize").StrResult;
+    s10c473ba9d85039c: string;
+    s1348f0497a99fe1b: string;
+    s16a6528db8e36fe5: string;
+    s1895d4e46cff35f9: string;
+    s2037bf213b8e419b: string;
+    s22759aae8f547d20: string;
+    s24d45627f1e95f7a: string;
+    s2805bb246d30384a: string;
+    s2ceb11be2290bb1b: string;
+    s320992e58900cc86: import("@lit/localize").StrResult;
+    s322628256693c6d8: string;
+    s350e83d078cf47d6: string;
+    s355c4153fe27a589: string;
+    s3f5390ecd7d14626: string;
+    s4369ef9b51b71a0b: string;
+    s471bd7615c164fb6: string;
+    s4bfc4d609ee1ab33: string;
+    s4c1025a7d399cd6b: string;
+    s4e1b7bc897f8c089: string;
+    s4f11a5992a021fa2: string;
+    s4f7142f34f35ed6d: string;
+    s5b528a7f6c0c40af: string;
+    s5c225a179e34f704: string;
+    s5f43af3669b1e098: string;
+    s60ca4026935af5bd: string;
+    s6d3b5b0561ba34c9: string;
+    s6fc9985cacb3eaa2: import("@lit/localize").StrResult;
+    s76f86c7568d51abc: string;
+    s77fd410a7f33bb55: string;
+    s7ac239996dd6d909: import("@lit/localize").StrResult;
+    s7f3437809d931336: string;
+    s84d3dbcd121dd01b: string;
+    s879330fe73e46610: import("@lit/localize").StrResult;
+    s8865f02d9ebbd0f5: string;
+    s8ca015950940c078: string;
+    s8e68b824b99140a1: string;
+    s8ef9b6c2af31a130: string;
+    s8f87ca21cd0e0907: import("@lit/localize").StrResult;
+    s91c95e3f33defa93: string;
+    s984a5e18d85b6d57: import("@lit/localize").StrResult;
+    s99181a7e454a7a81: string;
+    s99f110d27e30b289: string;
+    s9b288e9b7f945b0c: string;
+    sa4610b7e117b7870: string;
+    sa508c606cd13dcc5: string;
+    sa731b8677f830182: string;
+    sa8beb6b1182241ac: string;
+    sab1e212a875eb996: string;
+    sb0ff4efb0328eb4b: string;
+    sb200fe325d3e0ab3: string;
+    sb3f922fbbc355ef7: string;
+    sb5228c24c24cc18a: string;
+    sb58c82618718d16e: string;
+    sb5b8614f47ae519d: string;
+    sb7adab38b780c834: import("@lit/localize").StrResult;
+    sb89d8d8bc0c08e98: string;
+    sc32bb2e1a8047c9a: string;
+    sc6432b98425e5737: string;
+    sc6d075ebd993b94b: import("@lit/localize").StrResult;
+    sc81c9ceea4c97767: string;
+    scc44d457ed96108c: string;
+    sd0b6082239185272: string;
+    sd0d55e8a5b30ddbc: string;
+    sd1d0f1053fc888f0: string;
+    sd2223afb7d6b100d: string;
+    sd2dc41d0d42a188b: string;
+    sd58c6c0227ea9fc3: string;
+    sd733957613ccaa59: import("@lit/localize").StrResult;
+    sd8adbc60f2886b80: string;
+    sddc27cc22328fbf0: import("@lit/localize").StrResult;
+    sdf6c22ec03252c91: import("@lit/localize").StrResult;
+    se1c1137c3638e1eb: string;
+    se871c20e39ace2a5: string;
+    se9ab756faba48167: string;
+    sea80c016fb691d2e: string;
+    sebd0f6fd006a98ac: string;
+    see0d40a42ac78160: import("@lit/localize").StrResult;
+    sf95b96048b8e537d: import("@lit/localize").StrResult;
+    sfaa12ceed0995556: import("@lit/localize").StrResult;
+    sfc4264fee3bf9b72: string;
+};

package/dist/src/locales/es.js

@@ -0,0 +1,109 @@
+// Do not modify this file by hand!
+// Re-generate this file by running lit-localize
+import { html } from 'lit';
+import { str } from '@lit/localize';
+/* eslint-disable no-irregular-whitespace */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export const templates = {
+    h13064d5156c615de: html `El motor de búsqueda encontró un error al cargar esta
+    colección. Si el problema continúa, avísanos en
+    <a href="mailto:info@archive.org">info@archive.org</a>.`,
+    h920c92659184f0bc: html `El motor de búsqueda encontró un error, que puede
+    tener que ver con tu búsqueda.
+    <a
+      href="https://help.archive.org/help/search-building-powerful-complex-queries/"
+    >
+      Consejos para construir búsquedas.
+    </a> `,
+    s01a8d1dbd588ac19: `Mostrar la página anterior de valores`,
+    s03c4a59d394f8285: `Deseleccionar todo`,
+    s04a2e4a6caf07c66: `Selecciona los elementos que quieres quitar`,
+    s08118dc8355966af: `Tu búsqueda no coincide con ningún elemento de esta colección. Prueba con otras palabras o una búsqueda más general.`,
+    s087d0e07b52a8c19: str `${0}B`,
+    s087d1507b52a97fe: str `${0}K`,
+    s087d1707b52a9b64: str `${0}M`,
+    s089297421a0eedd6: `reseñas`,
+    s09134b07b5aacab4: `Por`,
+    s10badbbb7458756b: str `Buscar ${0}…`,
+    s10c473ba9d85039c: `Aplicar el rango de fechas`,
+    s1348f0497a99fe1b: `Quitar este elemento de la lista`,
+    s16a6528db8e36fe5: `Mostrar la página siguiente de valores`,
+    s1895d4e46cff35f9: `Ocultos:`,
+    s2037bf213b8e419b: `Error: no se pudieron quitar los elementos`,
+    s22759aae8f547d20: `Borrar el filtro`,
+    s24d45627f1e95f7a: `favoritos`,
+    s2805bb246d30384a: `Seleccionados:`,
+    s2ceb11be2290bb1b: `Cancelar`,
+    s320992e58900cc86: str `${0} seleccionados`,
+    s322628256693c6d8: `No se pudieron cargar las opciones, inténtalo de nuevo más tarde`,
+    s350e83d078cf47d6: `Gestionar los elementos en Item Manager`,
+    s355c4153fe27a589: `No se han encontrado valores que coincidan.`,
+    s3f5390ecd7d14626: `Colecciones`,
+    s4369ef9b51b71a0b: `Pulsa la flecha abajo para ver la vista previa del elemento`,
+    s471bd7615c164fb6: `Año de publicación`,
+    s4bfc4d609ee1ab33: `Archivado`,
+    s4c1025a7d399cd6b: `Más filtros de:`,
+    s4e1b7bc897f8c089: `Quitar elementos`,
+    s4f11a5992a021fa2: `Filtrar por cadena`,
+    s4f7142f34f35ed6d: `Inicia sesión para ver este elemento`,
+    s5b528a7f6c0c40af: `Volumen`,
+    s5c225a179e34f704: `Valoración media`,
+    s5f43af3669b1e098: `Fuente`,
+    s60ca4026935af5bd: `Forma parte de`,
+    s6d3b5b0561ba34c9: `Publicado`,
+    s6fc9985cacb3eaa2: str `Ver ${0}`,
+    s76f86c7568d51abc: `Lo sentimos, no se pudieron cargar estos valores. Inténtalo de nuevo más tarde.`,
+    s77fd410a7f33bb55: `Los filtros no están disponibles temporalmente.`,
+    s7ac239996dd6d909: str `${0} millones`,
+    s7f3437809d931336: `Reseñas`,
+    s84d3dbcd121dd01b: `descendente`,
+    s879330fe73e46610: str `Deseleccionar ${0}`,
+    s8865f02d9ebbd0f5: `Temas`,
+    s8ca015950940c078: `clips`,
+    s8e68b824b99140a1: `ascendente`,
+    s8ef9b6c2af31a130: `Visualizaciones semanales`,
+    s8f87ca21cd0e0907: str `Ver más: ${0}`,
+    s91c95e3f33defa93: `Tipo de medio:`,
+    s984a5e18d85b6d57: str `${0} ${1}`,
+    s99181a7e454a7a81: `Ampliar el histograma de fechas`,
+    s99f110d27e30b289: `Título`,
+    s9b288e9b7f945b0c: `Ordenar por:`,
+    sa4610b7e117b7870: `Para empezar a buscar, escribe un término en el cuadro de arriba y pulsa "Ir".`,
+    sa508c606cd13dcc5: `Filtrar por programa`,
+    sa731b8677f830182: `El contenido puede ser inapropiado`,
+    sa8beb6b1182241ac: `Filtros`,
+    sab1e212a875eb996: `Tu búsqueda no coincide con ningún elemento del Archive. Prueba con otras palabras o una búsqueda más general.`,
+    sb0ff4efb0328eb4b: `Detalles del error:`,
+    sb200fe325d3e0ab3: `La opción de orden actual no tiene direcciones`,
+    sb3f922fbbc355ef7: `Creador`,
+    sb5228c24c24cc18a: `Esta colección no contiene elementos que se puedan ver.`,
+    sb58c82618718d16e: `Quitar los elementos seleccionados`,
+    sb5b8614f47ae519d: `subidas`,
+    sb7adab38b780c834: str `Cambiar a orden ${0}`,
+    sb89d8d8bc0c08e98: `Reseñado`,
+    sc32bb2e1a8047c9a: `Filtrar por:`,
+    sc6432b98425e5737: `Pulsa la flecha arriba para salir de la vista previa del elemento`,
+    sc6d075ebd993b94b: str `Nota: ${0} puede tardar unos minutos en dejar de aparecer en tu ${1}.`,
+    sc81c9ceea4c97767: `Quitando los elementos seleccionados...`,
+    scc44d457ed96108c: `Visualizaciones totales`,
+    sd0b6082239185272: `Seleccionar todo`,
+    sd0d55e8a5b30ddbc: `Más información`,
+    sd1d0f1053fc888f0: `filtro de rango`,
+    sd2223afb7d6b100d: `Tipo`,
+    sd2dc41d0d42a188b: `¿Seguro que quieres quitar estos elementos?`,
+    sd58c6c0227ea9fc3: `Selecciona un rango de fechas`,
+    sd733957613ccaa59: str `Valores de ${0}`,
+    sd8adbc60f2886b80: `Número`,
+    sddc27cc22328fbf0: str `${0} mil millones`,
+    sdf6c22ec03252c91: str `Filtrar ${0}`,
+    se1c1137c3638e1eb: `Fecha de publicación`,
+    se871c20e39ace2a5: `Añadido`,
+    se9ab756faba48167: `Se ha producido un error al quitar los elementos. Inténtalo de nuevo dentro de unos minutos.`,
+    sea80c016fb691d2e: `de 5 estrellas`,
+    sebd0f6fd006a98ac: `visualizaciones totales`,
+    see0d40a42ac78160: str `Mostrar ${0}`,
+    sf95b96048b8e537d: str `${0} mil`,
+    sfaa12ceed0995556: str `Archivista desde ${0}`,
+    sfc4264fee3bf9b72: `Difuminado`,
+};
+//# sourceMappingURL=es.js.map

package/dist/src/locales/es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.js","sourceRoot":"","sources":["../../../src/locales/es.ts"],"names":[],"mappings":"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","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\nimport { html } from 'lit';\nimport { str } from '@lit/localize';\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  h13064d5156c615de: html`El motor de búsqueda encontró un error al cargar esta\n    colección. Si el problema continúa, avísanos en\n    <a href=\"mailto:info@archive.org\">info@archive.org</a>.`,\n  h920c92659184f0bc: html`El motor de búsqueda encontró un error, que puede\n    tener que ver con tu búsqueda.\n    <a\n      href=\"https://help.archive.org/help/search-building-powerful-complex-queries/\"\n    >\n      Consejos para construir búsquedas.\n    </a> `,\n  s01a8d1dbd588ac19: `Mostrar la página anterior de valores`,\n  s03c4a59d394f8285: `Deseleccionar todo`,\n  s04a2e4a6caf07c66: `Selecciona los elementos que quieres quitar`,\n  s08118dc8355966af: `Tu búsqueda no coincide con ningún elemento de esta colección. Prueba con otras palabras o una búsqueda más general.`,\n  s087d0e07b52a8c19: str`${0}B`,\n  s087d1507b52a97fe: str`${0}K`,\n  s087d1707b52a9b64: str`${0}M`,\n  s089297421a0eedd6: `reseñas`,\n  s09134b07b5aacab4: `Por`,\n  s10badbbb7458756b: str`Buscar ${0}…`,\n  s10c473ba9d85039c: `Aplicar el rango de fechas`,\n  s1348f0497a99fe1b: `Quitar este elemento de la lista`,\n  s16a6528db8e36fe5: `Mostrar la página siguiente de valores`,\n  s1895d4e46cff35f9: `Ocultos:`,\n  s2037bf213b8e419b: `Error: no se pudieron quitar los elementos`,\n  s22759aae8f547d20: `Borrar el filtro`,\n  s24d45627f1e95f7a: `favoritos`,\n  s2805bb246d30384a: `Seleccionados:`,\n  s2ceb11be2290bb1b: `Cancelar`,\n  s320992e58900cc86: str`${0} seleccionados`,\n  s322628256693c6d8: `No se pudieron cargar las opciones, inténtalo de nuevo más tarde`,\n  s350e83d078cf47d6: `Gestionar los elementos en Item Manager`,\n  s355c4153fe27a589: `No se han encontrado valores que coincidan.`,\n  s3f5390ecd7d14626: `Colecciones`,\n  s4369ef9b51b71a0b: `Pulsa la flecha abajo para ver la vista previa del elemento`,\n  s471bd7615c164fb6: `Año de publicación`,\n  s4bfc4d609ee1ab33: `Archivado`,\n  s4c1025a7d399cd6b: `Más filtros de:`,\n  s4e1b7bc897f8c089: `Quitar elementos`,\n  s4f11a5992a021fa2: `Filtrar por cadena`,\n  s4f7142f34f35ed6d: `Inicia sesión para ver este elemento`,\n  s5b528a7f6c0c40af: `Volumen`,\n  s5c225a179e34f704: `Valoración media`,\n  s5f43af3669b1e098: `Fuente`,\n  s60ca4026935af5bd: `Forma parte de`,\n  s6d3b5b0561ba34c9: `Publicado`,\n  s6fc9985cacb3eaa2: str`Ver ${0}`,\n  s76f86c7568d51abc: `Lo sentimos, no se pudieron cargar estos valores. Inténtalo de nuevo más tarde.`,\n  s77fd410a7f33bb55: `Los filtros no están disponibles temporalmente.`,\n  s7ac239996dd6d909: str`${0} millones`,\n  s7f3437809d931336: `Reseñas`,\n  s84d3dbcd121dd01b: `descendente`,\n  s879330fe73e46610: str`Deseleccionar ${0}`,\n  s8865f02d9ebbd0f5: `Temas`,\n  s8ca015950940c078: `clips`,\n  s8e68b824b99140a1: `ascendente`,\n  s8ef9b6c2af31a130: `Visualizaciones semanales`,\n  s8f87ca21cd0e0907: str`Ver más: ${0}`,\n  s91c95e3f33defa93: `Tipo de medio:`,\n  s984a5e18d85b6d57: str`${0} ${1}`,\n  s99181a7e454a7a81: `Ampliar el histograma de fechas`,\n  s99f110d27e30b289: `Título`,\n  s9b288e9b7f945b0c: `Ordenar por:`,\n  sa4610b7e117b7870: `Para empezar a buscar, escribe un término en el cuadro de arriba y pulsa \"Ir\".`,\n  sa508c606cd13dcc5: `Filtrar por programa`,\n  sa731b8677f830182: `El contenido puede ser inapropiado`,\n  sa8beb6b1182241ac: `Filtros`,\n  sab1e212a875eb996: `Tu búsqueda no coincide con ningún elemento del Archive. Prueba con otras palabras o una búsqueda más general.`,\n  sb0ff4efb0328eb4b: `Detalles del error:`,\n  sb200fe325d3e0ab3: `La opción de orden actual no tiene direcciones`,\n  sb3f922fbbc355ef7: `Creador`,\n  sb5228c24c24cc18a: `Esta colección no contiene elementos que se puedan ver.`,\n  sb58c82618718d16e: `Quitar los elementos seleccionados`,\n  sb5b8614f47ae519d: `subidas`,\n  sb7adab38b780c834: str`Cambiar a orden ${0}`,\n  sb89d8d8bc0c08e98: `Reseñado`,\n  sc32bb2e1a8047c9a: `Filtrar por:`,\n  sc6432b98425e5737: `Pulsa la flecha arriba para salir de la vista previa del elemento`,\n  sc6d075ebd993b94b: str`Nota: ${0} puede tardar unos minutos en dejar de aparecer en tu ${1}.`,\n  sc81c9ceea4c97767: `Quitando los elementos seleccionados...`,\n  scc44d457ed96108c: `Visualizaciones totales`,\n  sd0b6082239185272: `Seleccionar todo`,\n  sd0d55e8a5b30ddbc: `Más información`,\n  sd1d0f1053fc888f0: `filtro de rango`,\n  sd2223afb7d6b100d: `Tipo`,\n  sd2dc41d0d42a188b: `¿Seguro que quieres quitar estos elementos?`,\n  sd58c6c0227ea9fc3: `Selecciona un rango de fechas`,\n  sd733957613ccaa59: str`Valores de ${0}`,\n  sd8adbc60f2886b80: `Número`,\n  sddc27cc22328fbf0: str`${0} mil millones`,\n  sdf6c22ec03252c91: str`Filtrar ${0}`,\n  se1c1137c3638e1eb: `Fecha de publicación`,\n  se871c20e39ace2a5: `Añadido`,\n  se9ab756faba48167: `Se ha producido un error al quitar los elementos. Inténtalo de nuevo dentro de unos minutos.`,\n  sea80c016fb691d2e: `de 5 estrellas`,\n  sebd0f6fd006a98ac: `visualizaciones totales`,\n  see0d40a42ac78160: str`Mostrar ${0}`,\n  sf95b96048b8e537d: str`${0} mil`,\n  sfaa12ceed0995556: str`Archivista desde ${0}`,\n  sfc4264fee3bf9b72: `Difuminado`,\n};\n"]}

package/dist/src/manage/manage-bar.d.ts

@@ -5,9 +5,10 @@ import { PageElementName } from '@internetarchive/search-service';
 import './remove-items-modal-content';
 export declare class ManageBar extends LitElement {
     /**
-     * The label displayed in front of the management buttons
+     * The label displayed in front of the management buttons. Defaults to a
+     * localized "Select items to remove".
      */
-    label: string;
+    label?: string;
     /**
      * The shared modal manager component for displaying modal dialogs on this page
      */

package/dist/src/manage/manage-bar.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { msg, str } from '@lit/localize';
+import { localized, msg, str } from '@lit/localize';
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
@@ -9,10 +9,6 @@ import './remove-items-modal-content';
 let ManageBar = class ManageBar extends LitElement {
     constructor() {
         super(...arguments);
-        /**
-         * The label displayed in front of the management buttons
-         */
-        this.label = msg('Select items to remove');
         /**
          * Array of items that have been selected for management
          */
@@ -37,7 +33,9 @@ let ManageBar = class ManageBar extends LitElement {
     render() {
         return html `
       <div class="manage-container">
-        <span class="manage-label">${this.label}</span>
+        <span class="manage-label"
+          >${this.label ?? msg('Select items to remove')}</span
+        >
         <div class="manage-buttons">
           <button class="ia-button dark" @click=${this.cancelClicked}>
             ${msg('Cancel')}
@@ -247,7 +245,8 @@ __decorate([
     property({ type: Boolean })
 ], ManageBar.prototype, "removeAllowed", void 0);
 ManageBar = __decorate([
-    customElement('manage-bar')
+    customElement('manage-bar'),
+    localized()
 ], ManageBar);
 export { ManageBar };
 //# sourceMappingURL=manage-bar.js.map

package/dist/src/manage/manage-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EACL,WAAW,GAEZ,MAAM,gCAAgC,CAAC;AAGxC,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,8BAA8B,CAAC;AAG/B,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACL;;WAEG;QACyB,UAAK,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;QAOlE;;WAEG;QACwB,kBAAa,GAA0B,EAAE,CAAC;QAOrE;;WAEG;QAC0B,kBAAa,GAAG,KAAK,CAAC;QAEnD;;WAEG;QAC0B,oBAAe,GAAG,KAAK,CAAC;QAErD;;WAEG;QAC0B,yBAAoB,GAAG,KAAK,CAAC;QAE1D;;WAEG;QAC0B,kBAAa,GAAG,KAAK,CAAC;IA8NrD,CAAC;IA5NC,MAAM;QACJ,OAAO,IAAI,CAAA;;qCAEsB,IAAI,CAAC,KAAK;;kDAEG,IAAI,CAAC,aAAa;cACtD,GAAG,CAAC,QAAQ,CAAC;;;;wBAIH,CAAC,IAAI,CAAC,aAAa;qBACtB,IAAI,CAAC,oBAAoB;;cAEhC,GAAG,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM;;YAE5D,IAAI,CACJ,IAAI,CAAC,oBAAoB,EACzB,GAAG,EAAE,CACH,IAAI,CAAA;;4BAEU,CAAC,IAAI,CAAC,aAAa;yBACtB,IAAI,CAAC,kBAAkB;;kBAE9B,GAAG,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM;wBACrD,CACb;;cAEG,IAAI,CACJ,IAAI,CAAC,aAAa,EAClB,GAAG,EAAE,CACH,IAAI,CAAA;;2BAEO,IAAI,CAAC,gBAAgB;;oBAE5B,GAAG,CAAC,YAAY,CAAC;0BACX,CACb;cACC,IAAI,CACJ,IAAI,CAAC,eAAe,EACpB,GAAG,EAAE,CACH,IAAI,CAAA;;2BAEO,IAAI,CAAC,kBAAkB;;oBAE9B,GAAG,CAAC,cAAc,CAAC;0BACb,CACb;;;;KAIR,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAY,kBAAkB;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;QAExD,IAAI,QAAQ,GAAG,EAAE,CAAC;QAElB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,KAAK,SAAS;gBACZ,QAAQ,GAAG,cAAc,CAAC;gBAC1B,MAAM;YACR,KAAK,cAAc;gBACjB,QAAQ,GAAG,mBAAmB,CAAC;gBAC/B,MAAM;YACR,KAAK,WAAW;gBACd,QAAQ,GAAG,gBAAgB,CAAC;gBAC5B,MAAM;YACR;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,GAAG,CACR,GAAG,CAAA,uCAAuC,OAAO,8BAA8B,QAAQ,GAAG,CAC3F,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED;;;OAGG;IACK,oBAAoB;QAC1B,MAAM,kBAAkB,GAAG,IAAI,CAAA;;iBAElB,IAAI,CAAC,aAAa;mBAChB,IAAI,CAAC,kBAAkB;mBACvB,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;;KAE7C,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC;YAC7B,uBAAuB,EAAE,KAAK;YAC9B,mBAAmB,EAAE,YAAY;YACjC,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,KAAK;YACrB,oBAAoB,EAAE,IAAI;YAC1B,KAAK,EAAE,IAAI,CAAA,GAAG,GAAG,CAAC,8CAA8C,CAAC,EAAE;SACpE,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;YAC3B,MAAM;YACN,kBAAkB;YAClB,uBAAuB,EAAE,GAAG,EAAE;gBAC5B,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACtD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,8BAA8B;QAC5B,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC;YAC7B,uBAAuB,EAAE,IAAI;YAC7B,mBAAmB,EAAE,YAAY;YACjC,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,KAAK;YACrB,oBAAoB,EAAE,IAAI;YAC1B,KAAK,EAAE,IAAI,CAAA,GAAG,GAAG,CAAC,4BAA4B,CAAC,EAAE;SAClD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;YAC3B,MAAM;YACN,uBAAuB,EAAE,GAAG,EAAE;gBAC5B,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACtD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,yBAAyB;QACvB,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC;YAC7B,uBAAuB,EAAE,KAAK;YAC9B,mBAAmB,EAAE,YAAY;YACjC,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,KAAK;YACrB,oBAAoB,EAAE,IAAI;YAC1B,KAAK,EAAE,IAAI,CAAA,GAAG,GAAG,CAAC,+BAA+B,CAAC,EAAE;YACpD,OAAO,EAAE,IAAI,CAAA,GAAG,GAAG,CACjB,4EAA4E,CAC7E,EAAE;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;YAC3B,MAAM;YACN,uBAAuB,EAAE,GAAG,EAAE;gBAC5B,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACtD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;QACN,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiChB,CAAC;IACJ,CAAC;CACF,CAAA;AAjQ6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAuC;AAKtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAsC;AAKtC;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gDAA2C;AAKzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAkC;AAKhC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAuB;AAKtB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAyB;AAKxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAA8B;AAK7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAuB;AAvCxC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAqQrB","sourcesContent":["import { msg, str } from '@lit/localize';\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport {\n  ModalConfig,\n  type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { ManageableItem } from '../models';\nimport { PageElementName } from '@internetarchive/search-service';\nimport iaButtonStyle from '../styles/ia-button';\nimport './remove-items-modal-content';\n\n@customElement('manage-bar')\nexport class ManageBar extends LitElement {\n  /**\n   * The label displayed in front of the management buttons\n   */\n  @property({ type: String }) label = msg('Select items to remove');\n\n  /**\n   * The shared modal manager component for displaying modal dialogs on this page\n   */\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  /**\n   * Array of items that have been selected for management\n   */\n  @property({ type: Array }) selectedItems: Array<ManageableItem> = [];\n\n  /**\n   * Which section of the profile page searches are for (e.g., uploads, reviews, ...)\n   */\n  @property({ type: String }) profileElement?: PageElementName;\n\n  /**\n   * Whether to show the \"Select All\" button (default false)\n   */\n  @property({ type: Boolean }) showSelectAll = false;\n\n  /**\n   * Whether to show the \"Unselect All\" button (default false)\n   */\n  @property({ type: Boolean }) showUnselectAll = false;\n\n  /**\n   * Whether to show \"Item Manager the items\" button (default false)\n   */\n  @property({ type: Boolean }) showItemManageButton = false;\n\n  /**\n   * Whether to active delete button for selectable items\n   */\n  @property({ type: Boolean }) removeAllowed = false;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"manage-container\">\n        <span class=\"manage-label\">${this.label}</span>\n        <div class=\"manage-buttons\">\n          <button class=\"ia-button dark\" @click=${this.cancelClicked}>\n            ${msg('Cancel')}\n          </button>\n          <button\n            class=\"ia-button danger\"\n            ?disabled=${!this.removeAllowed}\n            @click=${this.showRemoveItemsModal}\n          >\n            ${msg('Remove selected items')} (${this.selectedItems.length})...\n          </button>\n          ${when(\n            this.showItemManageButton,\n            () =>\n              html` <button\n                class=\"ia-button warning\"\n                ?disabled=${!this.removeAllowed}\n                @click=${this.manageItemsClicked}\n              >\n                ${msg('Item Manager the items')} (${this.selectedItems.length})\n              </button>`,\n          )}\n          <div class=\"selection-buttons\">\n            ${when(\n              this.showSelectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link select-all-btn\"\n                  @click=${this.selectAllClicked}\n                >\n                  ${msg('Select all')}\n                </button>`,\n            )}\n            ${when(\n              this.showUnselectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link unselect-all-btn\"\n                  @click=${this.unselectAllClicked}\n                >\n                  ${msg('Unselect all')}\n                </button>`,\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Message to show in the manage view modal, depending on context.\n   */\n  private get manageViewModalMsg(): string {\n    const pluralize = this.selectedItems.length > 1;\n    const subject = pluralize ? 'these items' : 'this item';\n\n    let listName = '';\n\n    switch (this.profileElement) {\n      case 'uploads':\n        listName = 'uploads list';\n        break;\n      case 'web_archives':\n        listName = 'web archives list';\n        break;\n      case 'favorites':\n        listName = 'favorites list';\n        break;\n      default:\n        return '';\n    }\n\n    return msg(\n      str`Note: It may take a few minutes for ${subject} to stop appearing in your ${listName}.`,\n    );\n  }\n\n  private cancelClicked(): void {\n    this.dispatchEvent(new CustomEvent('cancel'));\n  }\n\n  private removeItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('removeItems'));\n  }\n\n  private manageItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('manageItems'));\n  }\n\n  private selectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('selectAll'));\n  }\n\n  private unselectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('unselectAll'));\n  }\n\n  /**\n   * Shows a modal dialog confirming the list of items to be removed\n   * @param items Which items to list in the modal\n   */\n  private showRemoveItemsModal(): void {\n    const customModalContent = html`\n      <remove-items-modal-content\n        .items=${this.selectedItems}\n        .message=${this.manageViewModalMsg}\n        @confirm=${() => this.removeItemsClicked()}\n      ></remove-items-modal-content>\n    `;\n\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Are you sure you want to remove these items?')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that item removal is being processed\n   */\n  showRemoveItemsProcessingModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: true,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Removing selected items...')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that an error occurred while removing items\n   */\n  showRemoveItemsErrorModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#691916',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Error: unable to remove items')}`,\n      message: html`${msg(\n        'An error occurred while removing items. Please try again in a few minutes.',\n      )}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      ${iaButtonStyle}\n      .manage-container {\n        display: flex;\n        align-items: center;\n        column-gap: 5px;\n        padding: 20px 0 20px;\n        flex-wrap: wrap;\n      }\n\n      .manage-label {\n        display: inline-block;\n        font-weight: bold;\n        font-size: 1.8rem;\n        padding-right: 10px;\n      }\n\n      .manage-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        column-gap: 5px;\n      }\n\n      .selection-buttons {\n        display: inherit;\n      }\n\n      .ia-button,\n      button {\n        padding: 6px 12px;\n        font-size: 1.4rem;\n        margin: 3px 0;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { localized, msg, str } from '@lit/localize';\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport {\n  ModalConfig,\n  type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { ManageableItem } from '../models';\nimport { PageElementName } from '@internetarchive/search-service';\nimport iaButtonStyle from '../styles/ia-button';\nimport './remove-items-modal-content';\n\n@customElement('manage-bar')\n@localized()\nexport class ManageBar extends LitElement {\n  /**\n   * The label displayed in front of the management buttons. Defaults to a\n   * localized \"Select items to remove\".\n   */\n  @property({ type: String }) label?: string;\n\n  /**\n   * The shared modal manager component for displaying modal dialogs on this page\n   */\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  /**\n   * Array of items that have been selected for management\n   */\n  @property({ type: Array }) selectedItems: Array<ManageableItem> = [];\n\n  /**\n   * Which section of the profile page searches are for (e.g., uploads, reviews, ...)\n   */\n  @property({ type: String }) profileElement?: PageElementName;\n\n  /**\n   * Whether to show the \"Select All\" button (default false)\n   */\n  @property({ type: Boolean }) showSelectAll = false;\n\n  /**\n   * Whether to show the \"Unselect All\" button (default false)\n   */\n  @property({ type: Boolean }) showUnselectAll = false;\n\n  /**\n   * Whether to show \"Item Manager the items\" button (default false)\n   */\n  @property({ type: Boolean }) showItemManageButton = false;\n\n  /**\n   * Whether to active delete button for selectable items\n   */\n  @property({ type: Boolean }) removeAllowed = false;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"manage-container\">\n        <span class=\"manage-label\"\n          >${this.label ?? msg('Select items to remove')}</span\n        >\n        <div class=\"manage-buttons\">\n          <button class=\"ia-button dark\" @click=${this.cancelClicked}>\n            ${msg('Cancel')}\n          </button>\n          <button\n            class=\"ia-button danger\"\n            ?disabled=${!this.removeAllowed}\n            @click=${this.showRemoveItemsModal}\n          >\n            ${msg('Remove selected items')} (${this.selectedItems.length})...\n          </button>\n          ${when(\n            this.showItemManageButton,\n            () =>\n              html` <button\n                class=\"ia-button warning\"\n                ?disabled=${!this.removeAllowed}\n                @click=${this.manageItemsClicked}\n              >\n                ${msg('Item Manager the items')} (${this.selectedItems.length})\n              </button>`,\n          )}\n          <div class=\"selection-buttons\">\n            ${when(\n              this.showSelectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link select-all-btn\"\n                  @click=${this.selectAllClicked}\n                >\n                  ${msg('Select all')}\n                </button>`,\n            )}\n            ${when(\n              this.showUnselectAll,\n              () =>\n                html` <button\n                  class=\"ia-button link unselect-all-btn\"\n                  @click=${this.unselectAllClicked}\n                >\n                  ${msg('Unselect all')}\n                </button>`,\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Message to show in the manage view modal, depending on context.\n   */\n  private get manageViewModalMsg(): string {\n    const pluralize = this.selectedItems.length > 1;\n    const subject = pluralize ? 'these items' : 'this item';\n\n    let listName = '';\n\n    switch (this.profileElement) {\n      case 'uploads':\n        listName = 'uploads list';\n        break;\n      case 'web_archives':\n        listName = 'web archives list';\n        break;\n      case 'favorites':\n        listName = 'favorites list';\n        break;\n      default:\n        return '';\n    }\n\n    return msg(\n      str`Note: It may take a few minutes for ${subject} to stop appearing in your ${listName}.`,\n    );\n  }\n\n  private cancelClicked(): void {\n    this.dispatchEvent(new CustomEvent('cancel'));\n  }\n\n  private removeItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('removeItems'));\n  }\n\n  private manageItemsClicked(): void {\n    this.dispatchEvent(new CustomEvent('manageItems'));\n  }\n\n  private selectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('selectAll'));\n  }\n\n  private unselectAllClicked(): void {\n    this.dispatchEvent(new CustomEvent('unselectAll'));\n  }\n\n  /**\n   * Shows a modal dialog confirming the list of items to be removed\n   * @param items Which items to list in the modal\n   */\n  private showRemoveItemsModal(): void {\n    const customModalContent = html`\n      <remove-items-modal-content\n        .items=${this.selectedItems}\n        .message=${this.manageViewModalMsg}\n        @confirm=${() => this.removeItemsClicked()}\n      ></remove-items-modal-content>\n    `;\n\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Are you sure you want to remove these items?')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that item removal is being processed\n   */\n  showRemoveItemsProcessingModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: true,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Removing selected items...')}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  /**\n   * Shows a modal dialog indicating that an error occurred while removing items\n   */\n  showRemoveItemsErrorModal(): void {\n    const config = new ModalConfig({\n      showProcessingIndicator: false,\n      processingImageMode: 'processing',\n      bodyColor: '#fff',\n      headerColor: '#691916',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true,\n      title: html`${msg('Error: unable to remove items')}`,\n      message: html`${msg(\n        'An error occurred while removing items. Please try again in a few minutes.',\n      )}`,\n    });\n\n    this.modalManager?.classList.add('remove-items');\n    this.modalManager?.showModal({\n      config,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('remove-items');\n      },\n    });\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      ${iaButtonStyle}\n      .manage-container {\n        display: flex;\n        align-items: center;\n        column-gap: 5px;\n        padding: 20px 0 20px;\n        flex-wrap: wrap;\n      }\n\n      .manage-label {\n        display: inline-block;\n        font-weight: bold;\n        font-size: 1.8rem;\n        padding-right: 10px;\n      }\n\n      .manage-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        column-gap: 5px;\n      }\n\n      .selection-buttons {\n        display: inherit;\n      }\n\n      .ia-button,\n      button {\n        padding: 6px 12px;\n        font-size: 1.4rem;\n        margin: 3px 0;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/manage/remove-items-modal-content.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { LitElement, html, css, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import { map } from 'lit/directives/map.js';
 let RemoveItemsModalContent = class RemoveItemsModalContent extends LitElement {
     constructor() {
@@ -98,7 +98,8 @@ __decorate([
     property({ type: String })
 ], RemoveItemsModalContent.prototype, "message", void 0);
 RemoveItemsModalContent = __decorate([
-    customElement('remove-items-modal-content')
+    customElement('remove-items-modal-content'),
+    localized()
 ], RemoveItemsModalContent);
 export { RemoveItemsModalContent };
 //# sourceMappingURL=remove-items-modal-content.js.map

package/dist/src/manage/remove-items-modal-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove-items-modal-content.js","sourceRoot":"","sources":["../../../src/manage/remove-items-modal-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAA6B,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIrC,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAAhD;;QACuB,UAAK,GAAqB,EAAE,CAAC;IA6F3D,CAAC;IAzFC,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,GAAG,CACH,IAAI,CAAC,KAAK,EACV,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;yCAEM,KAAK,IAAI,YAAY;wCACtB,IAAI,IAAI,EAAE;;WAEvC,CACF;;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO;;kDAE3B,IAAI,CAAC,qBAAqB;YAChE,GAAG,CAAC,cAAc,CAAC;;;KAG1B,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA8B,SAAS,EAAE;YACtD,MAAM,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDT,CAAC;IACJ,CAAC;CACF,CAAA;AA7F6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAA8B;AAE7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAkB;AAHlC,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CA8FnC","sourcesContent":["import { LitElement, html, css, nothing, TemplateResult, CSSResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport { map } from 'lit/directives/map.js';\nimport type { ManageableItem } from '../models';\n\n@customElement('remove-items-modal-content')\nexport class RemoveItemsModalContent extends LitElement {\n  @property({ type: Object }) items: ManageableItem[] = [];\n\n  @property({ type: String }) message?: string;\n\n  render(): TemplateResult {\n    return html`\n      <ul>\n        ${map(\n          this.items,\n          ({ title, date }) => html`\n            <li>\n              <span class=\"item-title\">${title ?? '[untitled]'}</span>\n              <span class=\"item-date\">${date ?? ''}</span>\n            </li>\n          `,\n        )}\n      </ul>\n      ${this.message ? html`<p class=\"message\">${this.message}</p>` : nothing}\n      <div class=\"button-bar\">\n        <button class=\"remove-items-btn\" @click=${this.removeItemsBtnClicked}>\n          ${msg('Remove items')}\n        </button>\n      </div>\n    `;\n  }\n\n  private removeItemsBtnClicked(): void {\n    this.dispatchEvent(\n      new CustomEvent<{ items: ManageableItem[] }>('confirm', {\n        detail: {\n          items: this.items,\n        },\n      }),\n    );\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      ul {\n        margin: 0;\n        padding: 0 10px;\n        font-size: 1.4rem;\n        list-style-type: none;\n        max-height: min(400px, 40vh);\n        overflow-y: auto;\n      }\n\n      li {\n        display: flex;\n        justify-content: space-between;\n        padding: 2px 0;\n      }\n      li:not(:last-of-type) {\n        border-bottom: 1px solid rgb(232, 232, 232);\n      }\n\n      .item-title {\n        word-break: break-word;\n      }\n\n      .item-date {\n        white-space: nowrap;\n      }\n\n      .message {\n        font-size: 1.4rem;\n        padding: 5px 10px;\n      }\n\n      .button-bar {\n        display: flex;\n        justify-content: center;\n        margin: 10px 5px;\n      }\n\n      .remove-items-btn {\n        margin-bottom: 10px;\n        padding: 10px;\n        border: 1px solid var(--primaryErrorCTABorder, #d43f3a);\n        border-radius: 4px;\n        color: white;\n        background: var(--primaryErrorCTAFill, #d9534f);\n        appearance: none;\n        cursor: pointer;\n      }\n      .remove-items-btn:hover {\n        background: rgba(var(--primaryErrorCTAFillRGB, 229, 28, 38), 0.9);\n      }\n      .remove-items-btn:active {\n        background: rgba(var(--primaryErrorCTAFillRGB, 229, 28, 38), 0.7);\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"remove-items-modal-content.js","sourceRoot":"","sources":["../../../src/manage/remove-items-modal-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAA6B,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAKrC,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAAhD;;QACuB,UAAK,GAAqB,EAAE,CAAC;IA6F3D,CAAC;IAzFC,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,GAAG,CACH,IAAI,CAAC,KAAK,EACV,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;yCAEM,KAAK,IAAI,YAAY;wCACtB,IAAI,IAAI,EAAE;;WAEvC,CACF;;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO;;kDAE3B,IAAI,CAAC,qBAAqB;YAChE,GAAG,CAAC,cAAc,CAAC;;;KAG1B,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA8B,SAAS,EAAE;YACtD,MAAM,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDT,CAAC;IACJ,CAAC;CACF,CAAA;AA7F6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAA8B;AAE7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAkB;AAHlC,uBAAuB;IAFnC,aAAa,CAAC,4BAA4B,CAAC;IAC3C,SAAS,EAAE;GACC,uBAAuB,CA8FnC","sourcesContent":["import { LitElement, html, css, nothing, TemplateResult, CSSResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { localized, msg } from '@lit/localize';\nimport { map } from 'lit/directives/map.js';\nimport type { ManageableItem } from '../models';\n\n@customElement('remove-items-modal-content')\n@localized()\nexport class RemoveItemsModalContent extends LitElement {\n  @property({ type: Object }) items: ManageableItem[] = [];\n\n  @property({ type: String }) message?: string;\n\n  render(): TemplateResult {\n    return html`\n      <ul>\n        ${map(\n          this.items,\n          ({ title, date }) => html`\n            <li>\n              <span class=\"item-title\">${title ?? '[untitled]'}</span>\n              <span class=\"item-date\">${date ?? ''}</span>\n            </li>\n          `,\n        )}\n      </ul>\n      ${this.message ? html`<p class=\"message\">${this.message}</p>` : nothing}\n      <div class=\"button-bar\">\n        <button class=\"remove-items-btn\" @click=${this.removeItemsBtnClicked}>\n          ${msg('Remove items')}\n        </button>\n      </div>\n    `;\n  }\n\n  private removeItemsBtnClicked(): void {\n    this.dispatchEvent(\n      new CustomEvent<{ items: ManageableItem[] }>('confirm', {\n        detail: {\n          items: this.items,\n        },\n      }),\n    );\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      ul {\n        margin: 0;\n        padding: 0 10px;\n        font-size: 1.4rem;\n        list-style-type: none;\n        max-height: min(400px, 40vh);\n        overflow-y: auto;\n      }\n\n      li {\n        display: flex;\n        justify-content: space-between;\n        padding: 2px 0;\n      }\n      li:not(:last-of-type) {\n        border-bottom: 1px solid rgb(232, 232, 232);\n      }\n\n      .item-title {\n        word-break: break-word;\n      }\n\n      .item-date {\n        white-space: nowrap;\n      }\n\n      .message {\n        font-size: 1.4rem;\n        padding: 5px 10px;\n      }\n\n      .button-bar {\n        display: flex;\n        justify-content: center;\n        margin: 10px 5px;\n      }\n\n      .remove-items-btn {\n        margin-bottom: 10px;\n        padding: 10px;\n        border: 1px solid var(--primaryErrorCTABorder, #d43f3a);\n        border-radius: 4px;\n        color: white;\n        background: var(--primaryErrorCTAFill, #d9534f);\n        appearance: none;\n        cursor: pointer;\n      }\n      .remove-items-btn:hover {\n        background: rgba(var(--primaryErrorCTAFillRGB, 229, 28, 38), 0.9);\n      }\n      .remove-items-btn:active {\n        background: rgba(var(--primaryErrorCTAFillRGB, 229, 28, 38), 0.7);\n      }\n    `;\n  }\n}\n"]}

package/dist/src/models.d.ts

@@ -255,6 +255,10 @@ export declare const tvFacetDisplayOrder: FacetOption[];
  * Human-readable titles for each facet group.
  */
 export declare const facetTitles: Record<FacetOption, string>;
+/**
+ * Human-readable plural titles for each facet group, for referring to its values.
+ */
+export declare const facetPluralTitles: Record<FacetOption, string>;
 /**
  * The default sort type to use for each facet type
  */

package/dist/src/models.js

@@ -5,8 +5,12 @@ import { resolveMediatype } from './utils/resolve-mediatype';
 import { loginRequiredIcon } from './assets/img/icons/login-required';
 import { restrictedIcon } from './assets/img/icons/restricted';
 export const TILE_OVERLAY_TEXT = {
-    'login-required': msg('Log in to view this item'),
-    'content-warning': msg('Content may be inappropriate'),
+    get 'login-required'() {
+        return msg('Log in to view this item');
+    },
+    get 'content-warning'() {
+        return msg('Content may be inappropriate');
+    },
 };
 export const TILE_OVERLAY_ICONS = {
     'login-required': loginRequiredIcon,
@@ -429,6 +433,22 @@ export const facetTitles = {
     person: 'Person',
     sponsor: 'Sponsor',
 };
+/**
+ * Human-readable plural titles for each facet group, for referring to its values.
+ */
+export const facetPluralTitles = {
+    subject: 'Subjects',
+    lending: 'Availability',
+    mediatype: 'Media Types',
+    language: 'Languages',
+    creator: 'Creators',
+    collection: 'Collections',
+    year: 'Years',
+    clip_type: 'Clip Types',
+    program: 'Programs',
+    person: 'People',
+    sponsor: 'Sponsors',
+};
 /**
  * The default sort type to use for each facet type
  */