@internetarchive/collection-browser 0.2.11 → 0.2.12

package/dist/src/sort-filter-bar/sort-filter-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-filter-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/sort-filter-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  LitElement,\n  html,\n  css,\n  nothing,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport {\n  SharedResizeObserverInterface,\n  SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport {\n  CollectionDisplayMode,\n  SortField,\n  SortFieldDisplayName,\n} from '../models';\nimport './alpha-bar';\n\nimport { sortIcon } from './img/sort-triangle';\nimport { tileIcon } from './img/tile';\nimport { listIcon } from './img/list';\nimport { compactIcon } from './img/compact';\n\ntype AlphaSelector = 'creator' | 'title';\n\n@customElement('sort-filter-bar')\nexport class SortFilterBar\n  extends LitElement\n  implements SharedResizeObserverResizeHandlerInterface\n{\n  @property({ type: String }) displayMode?: CollectionDisplayMode;\n\n  @property({ type: String }) sortDirection: 'asc' | 'desc' | null = null;\n\n  @property({ type: String }) selectedSort: SortField = SortField.relevance;\n\n  @property({ type: String }) selectedTitleFilter: string | null = null;\n\n  @property({ type: String }) selectedCreatorFilter: string | null = null;\n\n  @property({ type: Boolean }) showRelevance: boolean = true;\n\n  @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n  @state() alphaSelectorVisible: AlphaSelector | null = null;\n\n  @state() dateSortSelectorVisible = false;\n\n  @state() desktopSelectorBarWidth = 0;\n\n  @state() selectorBarContainerWidth = 0;\n\n  @state() hoveringOverDateSortOptions = false;\n\n  @query('#desktop-sort-selector')\n  private desktopSortSelector!: HTMLUListElement;\n\n  @query('#sort-selector-container')\n  private sortSelectorContainer!: HTMLDivElement;\n\n  render() {\n    return html`\n      <div id=\"container\">\n        <div id=\"sort-bar\">\n          <div id=\"sort-direction-container\">\n            ${this.sortDirectionSelectorTemplate}\n          </div>\n\n          <div id=\"sort-selector-container\">\n            ${this.mobileSortSelectorTemplate}\n            ${this.desktopSortSelectorTemplate}\n          </div>\n\n          <div id=\"display-style-selector\">${this.displayOptionTemplate}</div>\n        </div>\n\n        ${this.dateSortSelectorVisible && !this.mobileSelectorVisible\n          ? this.dateSortSelector\n          : nothing}\n        ${this.alphaBarTemplate}\n\n        <div id=\"bottom-shadow\"></div>\n      </div>\n    `;\n  }\n\n  updated(changed: PropertyValues) {\n    if (changed.has('displayMode')) {\n      this.displayModeChanged();\n    }\n\n    if (changed.has('selectedSort') && this.sortDirection === null) {\n      this.sortDirection = 'desc';\n    }\n\n    if (changed.has('selectedTitleFilter') && this.selectedTitleFilter) {\n      this.alphaSelectorVisible = 'title';\n    }\n\n    if (changed.has('selectedCreatorFilter') && this.selectedCreatorFilter) {\n      this.alphaSelectorVisible = 'creator';\n    }\n\n    if (changed.has('dateSortSelectorVisible')) {\n      this.setupEscapeListeners();\n    }\n\n    if (changed.has('resizeObserver')) {\n      const oldObserver = changed.get(\n        'resizeObserver'\n      ) as SharedResizeObserverInterface;\n      if (oldObserver) this.disconnectResizeObserver(oldObserver);\n      this.setupResizeObserver();\n    }\n  }\n\n  private setupEscapeListeners() {\n    if (this.dateSortSelectorVisible) {\n      document.addEventListener(\n        'keydown',\n        this.boundDateSelectorEscapeListener\n      );\n    } else {\n      document.removeEventListener(\n        'keydown',\n        this.boundDateSelectorEscapeListener\n      );\n    }\n  }\n\n  private boundDateSelectorEscapeListener = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.dateSortSelectorVisible = false;\n    }\n  };\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver) {\n      this.disconnectResizeObserver(this.resizeObserver);\n    }\n  }\n\n  private disconnectResizeObserver(\n    resizeObserver: SharedResizeObserverInterface\n  ) {\n    resizeObserver.removeObserver({\n      target: this.sortSelectorContainer,\n      handler: this,\n    });\n\n    resizeObserver.removeObserver({\n      target: this.desktopSortSelector,\n      handler: this,\n    });\n  }\n\n  private setupResizeObserver() {\n    if (!this.resizeObserver) return;\n    this.resizeObserver.addObserver({\n      target: this.sortSelectorContainer,\n      handler: this,\n    });\n\n    this.resizeObserver.addObserver({\n      target: this.desktopSortSelector,\n      handler: this,\n    });\n  }\n\n  private get mobileSelectorVisible() {\n    return this.selectorBarContainerWidth - 10 < this.desktopSelectorBarWidth;\n  }\n\n  private get alphaBarTemplate(): TemplateResult | typeof nothing {\n    if (!['title', 'creator'].includes(this.selectedSort)) return nothing;\n\n    if (this.alphaSelectorVisible === null) {\n      if (this.selectedSort === 'creator') return this.creatorSelectorBar;\n      if (this.selectedSort === 'title') return this.titleSelectorBar;\n    } else {\n      return this.alphaSelectorVisible === 'creator'\n        ? this.creatorSelectorBar\n        : this.titleSelectorBar;\n    }\n\n    return nothing;\n  }\n\n  handleResize(entry: ResizeObserverEntry): void {\n    if (entry.target === this.desktopSortSelector) {\n      this.desktopSelectorBarWidth = entry.contentRect.width;\n    } else if (entry.target === this.sortSelectorContainer) {\n      this.selectorBarContainerWidth = entry.contentRect.width;\n    }\n  }\n\n  private get sortDirectionSelectorTemplate() {\n    return html`\n      <div id=\"sort-direction-selector\">\n        <button\n          id=\"sort-ascending-btn\"\n          class=\"sort-button ${this.sortDirection === 'asc' ? 'selected' : ''}\"\n          ?disabled=${this.selectedSort === 'relevance'}\n          @click=${() => {\n            this.setSortDirections('asc');\n          }}\n        >\n          ${sortIcon}\n        </button>\n        <button\n          id=\"sort-descending-btn\"\n          class=\"sort-button ${this.sortDirection === 'desc' ? 'selected' : ''}\"\n          ?disabled=${this.selectedSort === 'relevance'}\n          @click=${() => {\n            this.setSortDirections('desc');\n          }}\n        >\n          ${sortIcon}\n        </button>\n      </div>\n    `;\n  }\n\n  private get desktopSortSelectorTemplate() {\n    return html`\n      <ul\n        id=\"desktop-sort-selector\"\n        class=${this.mobileSelectorVisible ? 'hidden' : 'visible'}\n      >\n        <li id=\"sort-by-text\">Sort By</li>\n        <li>\n          ${this.showRelevance\n            ? this.getSortDisplayOption(SortField.relevance)\n            : nothing}\n        </li>\n        <li>${this.getSortDisplayOption(SortField.views)}</li>\n        <li>\n          ${this.getSortDisplayOption(SortField.title, {\n            clickEvent: () => {\n              this.alphaSelectorVisible = 'title';\n              this.selectedCreatorFilter = null;\n              this.dateSortSelectorVisible = false;\n              this.setSelectedSort(SortField.title);\n              this.emitCreatorLetterChangedEvent();\n            },\n          })}\n        </li>\n        <li>\n          ${this.getSortDisplayOption(SortField.date, {\n            clickEvent: () => {\n              if (!this.dateOptionSelected)\n                this.setSelectedSort(SortField.date);\n              this.dateSortSelectorVisible = !this.dateSortSelectorVisible;\n              this.alphaSelectorVisible = null;\n              this.selectedTitleFilter = null;\n              this.selectedCreatorFilter = null;\n              this.emitTitleLetterChangedEvent();\n              this.emitCreatorLetterChangedEvent();\n            },\n            displayName: html`${this.dateSortField}`,\n            isSelected: () => this.dateOptionSelected,\n          })}\n        </li>\n        <li>\n          ${this.getSortDisplayOption(SortField.creator, {\n            clickEvent: () => {\n              this.alphaSelectorVisible = 'creator';\n              this.selectedTitleFilter = null;\n              this.dateSortSelectorVisible = false;\n              this.setSelectedSort(SortField.creator);\n              this.emitTitleLetterChangedEvent();\n            },\n          })}\n        </li>\n      </ul>\n    `;\n  }\n\n  /**\n   * This generates each of the sort option links.\n   *\n   * It manages the display value and the selected state of the option.\n   *\n   * @param sortField\n   * @param options {\n   *    additionalClickEvent?: () => void; If this is provided, it will also be called when the option is clicked.\n   *    displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.\n   *    isSelected?: () => boolean; A function that returns true if the option is selected. Defaults to the selectedSort === sortField.\n   * }\n   * @returns\n   */\n  private getSortDisplayOption(\n    sortField: SortField,\n    options?: {\n      clickEvent?: (e: Event) => void;\n      isSelected?: () => boolean;\n      displayName?: TemplateResult;\n    }\n  ): TemplateResult {\n    const isSelected =\n      options?.isSelected ?? (() => this.selectedSort === sortField);\n    const displayName = options?.displayName ?? SortFieldDisplayName[sortField];\n    return html`\n      <a\n        href=\"#\"\n        @click=${(e: Event) => {\n          e.preventDefault();\n          if (options?.clickEvent) {\n            options.clickEvent(e);\n          } else {\n            this.alphaSelectorVisible = null;\n            this.dateSortSelectorVisible = false;\n            this.selectedTitleFilter = null;\n            this.selectedCreatorFilter = null;\n            this.setSelectedSort(sortField);\n            this.emitTitleLetterChangedEvent();\n            this.emitCreatorLetterChangedEvent();\n          }\n        }}\n        class=${isSelected() ? 'selected' : ''}\n      >\n        ${displayName}\n      </a>\n    `;\n  }\n\n  private get mobileSortSelectorTemplate() {\n    return html`\n      <select\n        id=\"mobile-sort-selector\"\n        @change=${this.mobileSortChanged}\n        class=${this.mobileSelectorVisible ? 'visible' : 'hidden'}\n      >\n        ${Object.keys(SortField).map(\n          field => html`\n            <option value=\"${field}\" ?selected=${this.selectedSort === field}>\n              ${SortFieldDisplayName[field as SortField]}\n            </option>\n          `\n        )}\n      </select>\n    `;\n  }\n\n  private mobileSortChanged(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    this.setSelectedSort(target.value as SortField);\n  }\n\n  private get displayOptionTemplate() {\n    return html`\n      <ul>\n        <li>\n          <button\n            id=\"grid-button\"\n            @click=${() => {\n              this.displayMode = 'grid';\n            }}\n            class=${this.displayMode === 'grid' ? 'active' : ''}\n            title=\"Tile view\"\n          >\n            ${tileIcon}\n          </button>\n        </li>\n        <li>\n          <button\n            id=\"grid-button\"\n            @click=${() => {\n              this.displayMode = 'list-detail';\n            }}\n            class=${this.displayMode === 'list-detail' ? 'active' : ''}\n            title=\"List view\"\n          >\n            ${listIcon}\n          </button>\n        </li>\n        <li>\n          <button\n            id=\"list-button\"\n            @click=${() => {\n              this.displayMode = 'list-compact';\n            }}\n            class=${this.displayMode === 'list-compact' ? 'active' : ''}\n            title=\"Compact list view\"\n          >\n            ${compactIcon}\n          </button>\n        </li>\n      </ul>\n    `;\n  }\n\n  private get dateSortSelector() {\n    return html`\n      <div\n        id=\"date-sort-selector-backdrop\"\n        @keyup=${() => {\n          this.dateSortSelectorVisible = false;\n        }}\n        @click=${() => {\n          this.dateSortSelectorVisible = false;\n        }}\n      ></div>\n      <div id=\"date-sort-selector\">\n        <ul>\n          <li>${this.getDateSortButton(SortField.datearchived)}</li>\n          <li>${this.getDateSortButton(SortField.date)}</li>\n          <li>${this.getDateSortButton(SortField.datereviewed)}</li>\n          <li>${this.getDateSortButton(SortField.dateadded)}</li>\n        </ul>\n      </div>\n    `;\n  }\n\n  private getDateSortButton(sortField: SortField) {\n    return html`\n      <button\n        @click=${() => {\n          this.selectDateSort(sortField);\n        }}\n        class=${this.selectedSort === sortField ? 'selected' : ''}\n      >\n        ${SortFieldDisplayName[sortField]}\n      </button>\n    `;\n  }\n\n  private selectDateSort(sortField: SortField) {\n    this.dateSortSelectorVisible = false;\n    this.setSelectedSort(sortField);\n  }\n\n  private setSortDirections(sortDirection: 'asc' | 'desc') {\n    this.sortDirection = sortDirection;\n    this.emitSortChangedEvent();\n  }\n\n  private setSelectedSort(sort: SortField) {\n    this.selectedSort = sort;\n    this.emitSortChangedEvent();\n  }\n\n  /**\n   * There are four date sort options.\n   *\n   * This checks to see if the current sort is one of them.\n   *\n   * @readonly\n   * @private\n   * @type {boolean}\n   * @memberof SortFilterBar\n   */\n  private get dateOptionSelected(): boolean {\n    const dateSortFields: SortField[] = [\n      SortField.datearchived,\n      SortField.date,\n      SortField.datereviewed,\n      SortField.dateadded,\n    ];\n    return dateSortFields.includes(this.selectedSort);\n  }\n\n  /**\n   * The display name of the current date field\n   *\n   * @readonly\n   * @private\n   * @type {string}\n   * @memberof SortFilterBar\n   */\n  private get dateSortField(): string {\n    const defaultSort = SortFieldDisplayName[SortField.date];\n    const name = this.dateOptionSelected\n      ? SortFieldDisplayName[this.selectedSort] ?? defaultSort\n      : defaultSort;\n    return name;\n  }\n\n  private get titleSelectorBar() {\n    return html` <alpha-bar\n      .selectedLetter=${this.selectedTitleFilter}\n      @letterChanged=${this.titleLetterChanged}\n    ></alpha-bar>`;\n  }\n\n  private get creatorSelectorBar() {\n    return html` <alpha-bar\n      .selectedLetter=${this.selectedCreatorFilter}\n      @letterChanged=${this.creatorLetterChanged}\n    ></alpha-bar>`;\n  }\n\n  private titleLetterChanged(\n    e: CustomEvent<{ selectedLetter: string | undefined }>\n  ) {\n    this.selectedTitleFilter = e.detail.selectedLetter ?? null;\n    this.emitTitleLetterChangedEvent();\n  }\n\n  private creatorLetterChanged(\n    e: CustomEvent<{ selectedLetter: string | undefined }>\n  ) {\n    this.selectedCreatorFilter = e.detail.selectedLetter ?? null;\n    this.emitCreatorLetterChangedEvent();\n  }\n\n  private emitTitleLetterChangedEvent() {\n    const event = new CustomEvent<{ selectedLetter: string | null }>(\n      'titleLetterChanged',\n      {\n        detail: { selectedLetter: this.selectedTitleFilter },\n      }\n    );\n    this.dispatchEvent(event);\n  }\n\n  private emitCreatorLetterChangedEvent() {\n    const event = new CustomEvent<{ selectedLetter: string | null }>(\n      'creatorLetterChanged',\n      {\n        detail: { selectedLetter: this.selectedCreatorFilter },\n      }\n    );\n    this.dispatchEvent(event);\n  }\n\n  private displayModeChanged() {\n    const event = new CustomEvent('displayModeChanged', {\n      detail: { displayMode: this.displayMode },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitSortChangedEvent() {\n    const event = new CustomEvent<{\n      selectedSort: SortField;\n      sortDirection: 'asc' | 'desc' | null;\n    }>('sortChanged', {\n      detail: {\n        selectedSort: this.selectedSort,\n        sortDirection: this.sortDirection,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  static styles = css`\n    #container {\n      position: relative;\n    }\n\n    #sort-bar {\n      display: flex;\n      justify-content: space-between;\n      border: 1px solid rgb(232, 232, 232);\n      align-items: center;\n      padding: 0.5rem 1.5rem;\n    }\n\n    #sort-direction-container {\n      flex: 0;\n    }\n\n    #sort-by-text {\n      text-transform: uppercase;\n    }\n\n    #bottom-shadow {\n      height: 1px;\n      width: 100%;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n      background-color: #bbb;\n    }\n\n    ul {\n      list-style: none;\n      display: flex;\n      margin: 0;\n      padding: 0;\n      align-items: center;\n    }\n\n    li {\n      padding: 0;\n    }\n\n    .sort-button {\n      background: none;\n      color: inherit;\n      border: none;\n      padding: 0;\n      cursor: pointer;\n      outline: inherit;\n      width: 12px;\n      height: 12px;\n      opacity: 0.5;\n    }\n\n    .sort-button.selected {\n      opacity: 1;\n    }\n\n    .sort-button:disabled {\n      opacity: 0.25;\n      cursor: default;\n    }\n\n    #date-sort-selector {\n      position: absolute;\n      left: 150px;\n      top: 45px;\n\n      z-index: 1;\n      padding: 1rem;\n      background-color: white;\n      border-radius: 2.5rem;\n      border: 1px solid #404142;\n    }\n\n    #date-sort-selector button {\n      background: none;\n      border-radius: 15px;\n      color: #404142;\n      border: none;\n      appearance: none;\n      cursor: pointer;\n      -webkit-appearance: none;\n      font-size: 1.4rem;\n      font-weight: 400;\n      padding: 0.5rem 1.2rem;\n    }\n\n    #date-sort-selector button.selected {\n      background-color: #404142;\n      color: white;\n    }\n\n    #show-details {\n      text-transform: uppercase;\n      cursor: pointer;\n      display: flex;\n    }\n\n    #show-details input {\n      margin-right: 0.5rem;\n      flex: 0 0 12px;\n    }\n\n    #sort-descending-btn {\n      transform: rotate(180deg);\n    }\n\n    #sort-direction-selector {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n      margin-right: 1rem;\n    }\n\n    #sort-selector-container {\n      flex: 1;\n    }\n\n    /*\n      we move the desktop sort selector offscreen instead of display: none\n      because we need to observe the width of it vs its container to determine\n      if it's wide enough to display the desktop version and if you displY: none,\n      the width becomes 0\n    */\n    #desktop-sort-selector.hidden {\n      position: absolute;\n      top: -9999px;\n      left: -9999px;\n    }\n\n    #mobile-sort-selector.hidden {\n      display: none;\n    }\n\n    #date-sort-selector-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n      background-color: rgba(255, 255, 255, 0.5);\n    }\n\n    #desktop-sort-selector {\n      display: inline-flex;\n    }\n\n    #desktop-sort-selector li {\n      display: flex;\n      align-items: center;\n    }\n\n    #desktop-sort-selector li a {\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 1.4rem;\n      color: #333;\n      line-height: 2.5;\n    }\n\n    #desktop-sort-selector li a.selected {\n      font-weight: bold;\n    }\n\n    #desktop-sort-selector li::after {\n      content: '•';\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    #desktop-sort-selector li:first-child::after {\n      content: '';\n    }\n\n    #desktop-sort-selector li:last-child::after {\n      content: '';\n    }\n\n    #display-style-selector {\n      flex: 0;\n    }\n\n    #display-style-selector button {\n      background: none;\n      color: inherit;\n      border: none;\n      appearance: none;\n      cursor: pointer;\n      -webkit-appearance: none;\n      opacity: 0.5;\n    }\n\n    #display-style-selector button.active {\n      opacity: 1;\n    }\n\n    #display-style-selector button svg {\n      width: 24px;\n      height: 24px;\n    }\n  `;\n}\n"]}

package/dist/src/styles/item-image-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * Base item-image styles
- */
-export declare const baseItemImageStyles: import("lit").CSSResult;
-/**
- * Waveform styles
- */
-export declare const waveformGradientStyles: import("lit").CSSResult;

package/dist/src/styles/item-image-styles.js

@@ -1,101 +0,0 @@
-import { css } from 'lit';
-/**
- * Base item-image styles
- */
-export const baseItemImageStyles = css `
-  .drop-shadow {
-    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8));
-    overflow: hidden;
-    height: 100%;
-  }
-
-  .list-box {
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    box-sizing: border-box;
-    display: flex;
-    position: relative;
-  }
-
-  .contain {
-    object-fit: contain;
-  }
-
-  .cover {
-    object-fit: cover;
-  }
-
-  .blur {
-    filter: blur(15px);
-    width: 100%;
-    transform: scale(1.1);
-  }
-`;
-/**
- * Waveform styles
- */
-export const waveformGradientStyles = css `
-  .waveform {
-    mix-blend-mode: screen;
-    position: relative;
-    height: 62.5%;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  .waveform-grad0 {
-    background: linear-gradient(
-      hsl(340, 80%, 55%),
-      hsl(0, 80%, 33%) 35%,
-      hsl(0, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-
-  .waveform-grad1 {
-    background: linear-gradient(
-      hsl(300, 80%, 55%),
-      hsl(330, 80%, 33%) 35%,
-      hsl(330, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-
-  .waveform-grad2 {
-    background: linear-gradient(
-      hsl(200, 80%, 55%),
-      hsl(230, 80%, 33%) 35%,
-      hsl(230, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-
-  .waveform-grad3 {
-    background: linear-gradient(
-      hsl(160, 80%, 55%),
-      hsl(190, 80%, 33%) 35%,
-      hsl(190, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-
-  .waveform-grad4 {
-    background: linear-gradient(
-      hsl(250, 80%, 55%),
-      hsl(280, 80%, 33%) 35%,
-      hsl(280, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-
-  .waveform-grad5 {
-    background: linear-gradient(
-      hsl(280, 80%, 55%),
-      hsl(310, 80%, 33%) 35%,
-      hsl(310, 80%, 22%) 70%,
-      hsl(0, 0%, 0%)
-    );
-  }
-`;
-//# sourceMappingURL=item-image-styles.js.map

package/dist/src/styles/item-image-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-image-styles.js","sourceRoot":"","sources":["../../../src/styles/item-image-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DxC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Base item-image styles\n */\nexport const baseItemImageStyles = css`\n  .drop-shadow {\n    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8));\n    overflow: hidden;\n    height: 100%;\n  }\n\n  .list-box {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    box-sizing: border-box;\n    display: flex;\n    position: relative;\n  }\n\n  .contain {\n    object-fit: contain;\n  }\n\n  .cover {\n    object-fit: cover;\n  }\n\n  .blur {\n    filter: blur(15px);\n    width: 100%;\n    transform: scale(1.1);\n  }\n`;\n\n/**\n * Waveform styles\n */\nexport const waveformGradientStyles = css`\n  .waveform {\n    mix-blend-mode: screen;\n    position: relative;\n    height: 62.5%;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .waveform-grad0 {\n    background: linear-gradient(\n      hsl(340, 80%, 55%),\n      hsl(0, 80%, 33%) 35%,\n      hsl(0, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n\n  .waveform-grad1 {\n    background: linear-gradient(\n      hsl(300, 80%, 55%),\n      hsl(330, 80%, 33%) 35%,\n      hsl(330, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n\n  .waveform-grad2 {\n    background: linear-gradient(\n      hsl(200, 80%, 55%),\n      hsl(230, 80%, 33%) 35%,\n      hsl(230, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n\n  .waveform-grad3 {\n    background: linear-gradient(\n      hsl(160, 80%, 55%),\n      hsl(190, 80%, 33%) 35%,\n      hsl(190, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n\n  .waveform-grad4 {\n    background: linear-gradient(\n      hsl(250, 80%, 55%),\n      hsl(280, 80%, 33%) 35%,\n      hsl(280, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n\n  .waveform-grad5 {\n    background: linear-gradient(\n      hsl(280, 80%, 55%),\n      hsl(310, 80%, 33%) 35%,\n      hsl(310, 80%, 22%) 70%,\n      hsl(0, 0%, 0%)\n    );\n  }\n`;\n"]}

package/dist/src/tiles/collection-browser-loading-tile.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from 'lit';
-export declare class CollectionBrowserLoadingTile extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResult;
-}

package/dist/src/tiles/collection-browser-loading-tile.js

@@ -1,32 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
-    render() {
-        return html ` <div id="container"></div> `;
-    }
-    static get styles() {
-        return css `
-      :host {
-        display: block;
-        height: 100%;
-      }
-
-      #container {
-        background: linear-gradient(
-          to right,
-          rgba(25, 69, 154, 0.1),
-          rgb(105, 161, 234, 0.2)
-        );
-        background-size: 100% 100%;
-        display: block;
-        height: 100%;
-      }
-    `;
-    }
-};
-CollectionBrowserLoadingTile = __decorate([
-    customElement('collection-browser-loading-tile')
-], CollectionBrowserLoadingTile);
-export { CollectionBrowserLoadingTile };
-//# sourceMappingURL=collection-browser-loading-tile.js.map

package/dist/src/tiles/collection-browser-loading-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collection-browser-loading-tile.js","sourceRoot":"","sources":["../../../src/tiles/collection-browser-loading-tile.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,IAAa,4BAA4B,GAAzC,MAAa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM;QACJ,OAAO,IAAI,CAAA,8BAA8B,CAAC;IAC5C,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBT,CAAC;IACJ,CAAC;CACF,CAAA;AAxBY,4BAA4B;IADxC,aAAa,CAAC,iCAAiC,CAAC;GACpC,4BAA4B,CAwBxC;SAxBY,4BAA4B","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('collection-browser-loading-tile')\nexport class CollectionBrowserLoadingTile extends LitElement {\n  render() {\n    return html` <div id=\"container\"></div> `;\n  }\n\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        height: 100%;\n      }\n\n      #container {\n        background: linear-gradient(\n          to right,\n          rgba(25, 69, 154, 0.1),\n          rgb(105, 161, 234, 0.2)\n        );\n        background-size: 100% 100%;\n        display: block;\n        height: 100%;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/grid/account-tile.d.ts

@@ -1,8 +0,0 @@
-import { LitElement } from 'lit';
-import { TileModel } from '../../models';
-import './tile-stats';
-export declare class AccountTile extends LitElement {
-    model?: TileModel;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResult;
-}

package/dist/src/tiles/grid/account-tile.js

@@ -1,126 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import './tile-stats';
-let AccountTile = class AccountTile extends LitElement {
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return html `
-      <div class="account-tile-main">
-        <div id="title">
-          <h1 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}</h1>
-        </div>
-
-        <div class="account-info">
-          <div id="avatar-info">
-            <img
-              id="avatar"
-              alt="patron-avatar"
-              src="https://archive.org/services/img/${(_b = this.model) === null || _b === void 0 ? void 0 : _b.identifier}"
-            />
-          </div>
-
-          <span id="archivist-since">
-            Archivist since ${(_d = (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateAdded) === null || _d === void 0 ? void 0 : _d.getFullYear()}
-          </span>
-        </div>
-
-        <tile-stats
-          .mediatype=${(_e = this.model) === null || _e === void 0 ? void 0 : _e.mediatype}
-          .itemCount=${(_f = this.model) === null || _f === void 0 ? void 0 : _f.itemCount}
-          .favCount=${(_g = this.model) === null || _g === void 0 ? void 0 : _g.favCount}
-          .commentCount=${(_h = this.model) === null || _h === void 0 ? void 0 : _h.commentCount}
-        >
-        </tile-stats>
-      </div>
-    `;
-    }
-    static get styles() {
-        return css `
-      h1 {
-        color: black;
-        font-size: 16px;
-        margin: 0;
-      }
-
-      span {
-        font-size: 14px;
-        color: #2c2c2c;
-        margin: 0px;
-      }
-
-      .account-tile-main {
-        background-color: #fcf5e6;
-        border: 1px #2c2c2c;
-        border-radius: 4px;
-        box-shadow: 1px 1px 2px 0px;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-        width: 100%;
-      }
-
-      .account-info {
-        flex-grow: 1;
-      }
-
-      #title {
-        padding: 5px 5px 0px 5px;
-        flex-shrink: 0;
-        height: 40px;
-      }
-
-      .account-tile-main:hover > #title > .truncated {
-        text-decoration: underline;
-      }
-
-      /** this is a workaround for Safari 15 where the hover effects are not working */
-      #title:hover > .truncated {
-        text-decoration: underline;
-      }
-
-      #avatar-info {
-        margin-top: 5px;
-        margin-bottom: 5px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      #avatar {
-        background-position: 50% 50%;
-        border-radius: 50%;
-        width: 160px;
-        height: 160px;
-        box-shadow: 1px 1px 2px #888888;
-      }
-
-      #archivist-since {
-        margin-bottom: 5px;
-        height: 40px;
-      }
-
-      .truncated {
-        flex: 1;
-        min-width: 0; /* Important for long words! */
-        -webkit-line-clamp: 2;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        word-wrap: break-word;
-        line-height: 2rem;
-        text-align: center;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], AccountTile.prototype, "model", void 0);
-AccountTile = __decorate([
-    customElement('account-tile')
-], AccountTile);
-export { AccountTile };
-//# sourceMappingURL=account-tile.js.map

package/dist/src/tiles/grid/account-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"account-tile.js","sourceRoot":"","sources":["../../../../src/tiles/grid/account-tile.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,cAAc,CAAC;AAGtB,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,UAAU;IAGzC,MAAM;;QACJ,OAAO,IAAI,CAAA;;;kCAGmB,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU;;;;;;;;sDAQF,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU;;;;;8BAK9C,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,0CAAE,WAAW,EAAE;;;;;uBAK3C,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS;uBACrB,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS;sBACtB,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ;0BAChB,MAAA,IAAI,CAAC,KAAK,0CAAE,YAAY;;;;KAI7C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6ET,CAAC;IACJ,CAAC;CACF,CAAA;AAlH6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAmB;AADnC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAmHvB;SAnHY,WAAW","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TileModel } from '../../models';\n\nimport './tile-stats';\n\n@customElement('account-tile')\nexport class AccountTile extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  render() {\n    return html`\n      <div class=\"account-tile-main\">\n        <div id=\"title\">\n          <h1 class=\"truncated\">${this.model?.identifier}</h1>\n        </div>\n\n        <div class=\"account-info\">\n          <div id=\"avatar-info\">\n            <img\n              id=\"avatar\"\n              alt=\"patron-avatar\"\n              src=\"https://archive.org/services/img/${this.model?.identifier}\"\n            />\n          </div>\n\n          <span id=\"archivist-since\">\n            Archivist since ${this.model?.dateAdded?.getFullYear()}\n          </span>\n        </div>\n\n        <tile-stats\n          .mediatype=${this.model?.mediatype}\n          .itemCount=${this.model?.itemCount}\n          .favCount=${this.model?.favCount}\n          .commentCount=${this.model?.commentCount}\n        >\n        </tile-stats>\n      </div>\n    `;\n  }\n\n  static get styles() {\n    return css`\n      h1 {\n        color: black;\n        font-size: 16px;\n        margin: 0;\n      }\n\n      span {\n        font-size: 14px;\n        color: #2c2c2c;\n        margin: 0px;\n      }\n\n      .account-tile-main {\n        background-color: #fcf5e6;\n        border: 1px #2c2c2c;\n        border-radius: 4px;\n        box-shadow: 1px 1px 2px 0px;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n        width: 100%;\n      }\n\n      .account-info {\n        flex-grow: 1;\n      }\n\n      #title {\n        padding: 5px 5px 0px 5px;\n        flex-shrink: 0;\n        height: 40px;\n      }\n\n      .account-tile-main:hover > #title > .truncated {\n        text-decoration: underline;\n      }\n\n      /** this is a workaround for Safari 15 where the hover effects are not working */\n      #title:hover > .truncated {\n        text-decoration: underline;\n      }\n\n      #avatar-info {\n        margin-top: 5px;\n        margin-bottom: 5px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #avatar {\n        background-position: 50% 50%;\n        border-radius: 50%;\n        width: 160px;\n        height: 160px;\n        box-shadow: 1px 1px 2px #888888;\n      }\n\n      #archivist-since {\n        margin-bottom: 5px;\n        height: 40px;\n      }\n\n      .truncated {\n        flex: 1;\n        min-width: 0; /* Important for long words! */\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        word-wrap: break-word;\n        line-height: 2rem;\n        text-align: center;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/grid/collection-tile.d.ts

@@ -1,7 +0,0 @@
-import { CSSResultGroup, LitElement } from 'lit';
-import { TileModel } from '../../models';
-export declare class CollectionTile extends LitElement {
-    model?: TileModel;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}

package/dist/src/tiles/grid/collection-tile.js

@@ -1,159 +0,0 @@
-import { __decorate } from "tslib";
-import { msg } from '@lit/localize';
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { collectionIcon } from '../../assets/img/icons/mediatype/collection';
-let CollectionTile = class CollectionTile extends LitElement {
-    render() {
-        var _a, _b, _c;
-        return html `
-      <div id="container">
-        <div id="collection-image-title">
-          <div id="collection-title">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.title}</div>
-          <div id="collection-image-container">
-            <div
-              id="collection-image"
-              style="background-image:url('https://archive.org/services/img/${(_b = this
-            .model) === null || _b === void 0 ? void 0 : _b.identifier}')"
-            ></div>
-          </div>
-        </div>
-        <div id="item-count-container">
-          <div id="item-count-image-container">${collectionIcon}</div>
-          <div id="item-count-stacked-text">
-            <div id="item-count">${(_c = this.model) === null || _c === void 0 ? void 0 : _c.itemCount.toLocaleString()}</div>
-            <div id="items-text">${msg('items')}</div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    static get styles() {
-        const cornerRadiusCss = css `var(--collectionTileCornerRadius, 4px)`;
-        return css `
-      #collection-image-container {
-        display: flex;
-        justify-content: center;
-        flex: 1;
-      }
-
-      #collection-image {
-        width: 16rem;
-        height: 16rem;
-        border-radius: 0.8rem;
-        overflow: hidden;
-        box-shadow: 1px 1px 2px 0px;
-        object-fit: cover;
-        background-position: center;
-        background-size: cover;
-      }
-
-      #item-count-image-container svg {
-        filter: invert(100%);
-      }
-
-      #collection-image-title {
-        background-color: #666;
-        border: 1px solid #2c2c2c;
-        padding: 0.5rem;
-        border-top-left-radius: ${cornerRadiusCss};
-        border-top-right-radius: ${cornerRadiusCss};
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-      }
-
-      #collection-title {
-        font-weight: bold;
-        color: #fff;
-        font-size: 1.6rem;
-        text-align: center;
-        margin-bottom: 0.5rem;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-        line-height: 2rem;
-        height: 4rem;
-      }
-
-      #container {
-        box-shadow: 1px 1px 2px 0px;
-        border-radius: ${cornerRadiusCss};
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-      }
-
-      #container:hover > #collection-image-title > #collection-title {
-        text-decoration: underline;
-      }
-
-      /* this is a workaround for Safari 15 where the hover effects are not working */
-      #collection-image-title:hover > #collection-title {
-        text-decoration: underline;
-      }
-
-      #container:hover > #collection-image-title {
-        background-color: #757575;
-      }
-
-      #item-count-container {
-        background-color: #444;
-        border-bottom: 1px solid #2c2c2c;
-        border-left: 1px solid #2c2c2c;
-        border-right: 1px solid #2c2c2c;
-        border-bottom-left-radius: ${cornerRadiusCss};
-        border-bottom-right-radius: ${cornerRadiusCss};
-        display: flex;
-        padding: 0rem 0.5rem;
-        height: 5.5rem;
-        align-items: center;
-      }
-
-      #item-count-image-container {
-        margin-right: 0.5rem;
-      }
-
-      #item-count-stacked-text {
-        display: flex;
-        align-items: baseline;
-        color: #fff;
-      }
-      #item-count-image-container svg {
-        height: 2.5rem;
-        align-items: baseline;
-      }
-
-      #container:hover > #item-count-container {
-        background-color: #575757;
-      }
-
-      #item-count {
-        font-size: 1.4rem;
-        font-weight: bold;
-      }
-
-      #item-count-image {
-        width: 3rem;
-        height: 3rem;
-        margin-right: 1rem;
-      }
-
-      #items-text {
-        font-size: 1.4rem;
-        font-weight: bold;
-        margin-left: 0.5rem;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], CollectionTile.prototype, "model", void 0);
-CollectionTile = __decorate([
-    customElement('collection-tile')
-], CollectionTile);
-export { CollectionTile };
-//# sourceMappingURL=collection-tile.js.map

package/dist/src/tiles/grid/collection-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collection-tile.js","sourceRoot":"","sources":["../../../../src/tiles/grid/collection-tile.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAI7E,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,UAAU;IAG5C,MAAM;;QACJ,OAAO,IAAI,CAAA;;;uCAGwB,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK;;;;8EAIsB,MAAA,IAAI;aACjE,KAAK,0CAAE,UAAU;;;;;iDAKe,cAAc;;mCAE5B,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAC,cAAc,EAAE;mCACtC,GAAG,CAAC,OAAO,CAAC;;;;KAI1C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,eAAe,GAAG,GAAG,CAAA,wCAAwC,CAAC;QAEpE,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;kCA0BoB,eAAe;mCACd,eAAe;;;;;;;;;;;;;;;;;;;;;;;yBAuBzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;qCAwBH,eAAe;sCACd,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyChD,CAAC;IACJ,CAAC;CACF,CAAA;AAnJ6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAmB;AADnC,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAoJ1B;SApJY,cAAc","sourcesContent":["import { msg } from '@lit/localize';\nimport { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { collectionIcon } from '../../assets/img/icons/mediatype/collection';\nimport { TileModel } from '../../models';\n\n@customElement('collection-tile')\nexport class CollectionTile extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  render() {\n    return html`\n      <div id=\"container\">\n        <div id=\"collection-image-title\">\n          <div id=\"collection-title\">${this.model?.title}</div>\n          <div id=\"collection-image-container\">\n            <div\n              id=\"collection-image\"\n              style=\"background-image:url('https://archive.org/services/img/${this\n                .model?.identifier}')\"\n            ></div>\n          </div>\n        </div>\n        <div id=\"item-count-container\">\n          <div id=\"item-count-image-container\">${collectionIcon}</div>\n          <div id=\"item-count-stacked-text\">\n            <div id=\"item-count\">${this.model?.itemCount.toLocaleString()}</div>\n            <div id=\"items-text\">${msg('items')}</div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const cornerRadiusCss = css`var(--collectionTileCornerRadius, 4px)`;\n\n    return css`\n      #collection-image-container {\n        display: flex;\n        justify-content: center;\n        flex: 1;\n      }\n\n      #collection-image {\n        width: 16rem;\n        height: 16rem;\n        border-radius: 0.8rem;\n        overflow: hidden;\n        box-shadow: 1px 1px 2px 0px;\n        object-fit: cover;\n        background-position: center;\n        background-size: cover;\n      }\n\n      #item-count-image-container svg {\n        filter: invert(100%);\n      }\n\n      #collection-image-title {\n        background-color: #666;\n        border: 1px solid #2c2c2c;\n        padding: 0.5rem;\n        border-top-left-radius: ${cornerRadiusCss};\n        border-top-right-radius: ${cornerRadiusCss};\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n      }\n\n      #collection-title {\n        font-weight: bold;\n        color: #fff;\n        font-size: 1.6rem;\n        text-align: center;\n        margin-bottom: 0.5rem;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        line-height: 2rem;\n        height: 4rem;\n      }\n\n      #container {\n        box-shadow: 1px 1px 2px 0px;\n        border-radius: ${cornerRadiusCss};\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n      }\n\n      #container:hover > #collection-image-title > #collection-title {\n        text-decoration: underline;\n      }\n\n      /* this is a workaround for Safari 15 where the hover effects are not working */\n      #collection-image-title:hover > #collection-title {\n        text-decoration: underline;\n      }\n\n      #container:hover > #collection-image-title {\n        background-color: #757575;\n      }\n\n      #item-count-container {\n        background-color: #444;\n        border-bottom: 1px solid #2c2c2c;\n        border-left: 1px solid #2c2c2c;\n        border-right: 1px solid #2c2c2c;\n        border-bottom-left-radius: ${cornerRadiusCss};\n        border-bottom-right-radius: ${cornerRadiusCss};\n        display: flex;\n        padding: 0rem 0.5rem;\n        height: 5.5rem;\n        align-items: center;\n      }\n\n      #item-count-image-container {\n        margin-right: 0.5rem;\n      }\n\n      #item-count-stacked-text {\n        display: flex;\n        align-items: baseline;\n        color: #fff;\n      }\n      #item-count-image-container svg {\n        height: 2.5rem;\n        align-items: baseline;\n      }\n\n      #container:hover > #item-count-container {\n        background-color: #575757;\n      }\n\n      #item-count {\n        font-size: 1.4rem;\n        font-weight: bold;\n      }\n\n      #item-count-image {\n        width: 3rem;\n        height: 3rem;\n        margin-right: 1rem;\n      }\n\n      #items-text {\n        font-size: 1.4rem;\n        font-weight: bold;\n        margin-left: 0.5rem;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/grid/item-tile.d.ts

@@ -1,16 +0,0 @@
-import { CSSResultGroup, LitElement } from 'lit';
-import { SortParam } from '@internetarchive/search-service';
-import { TileModel } from '../../models';
-import '../mediatype-icon';
-import '../item-image';
-import './tile-stats';
-export declare class ItemTile extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    sortParam?: SortParam;
-    render(): import("lit-html").TemplateResult<1>;
-    private get doesSortedByDate();
-    private get sortedDateInfoTemplate();
-    private get creatorTemplate();
-    static get styles(): CSSResultGroup;
-}