@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.4

package/dist/src/tiles/tile-dispatcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-dispatcher.js","sourceRoot":"","sources":["../../../src/tiles/tile-dispatcher.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, nothing, PropertyValues } from 'lit';\r\nimport { customElement, property, query } from 'lit/decorators.js';\r\nimport { ifDefined } from 'lit/directives/if-defined.js';\r\nimport { msg } from '@lit/localize';\r\nimport type {\r\n  SharedResizeObserverInterface,\r\n  SharedResizeObserverResizeHandlerInterface,\r\n} from '@internetarchive/shared-resize-observer';\r\nimport type { TileDisplayMode } from '../models';\r\nimport type { CollectionTitles } from '../data-source/models';\r\nimport './grid/collection-tile';\r\nimport './grid/item-tile';\r\nimport './grid/account-tile';\r\nimport './grid/search-tile';\r\nimport './hover/tile-hover-pane';\r\nimport './list/tile-list';\r\nimport './list/tile-list-compact';\r\nimport './list/tile-list-compact-header';\r\nimport type { TileHoverPane } from './hover/tile-hover-pane';\r\nimport { BaseTileComponent } from './base-tile-component';\r\nimport { SimpleLayoutType } from './models';\r\nimport {\r\n  HoverPaneController,\r\n  HoverPaneControllerInterface,\r\n  HoverPaneProperties,\r\n  HoverPaneProviderInterface,\r\n} from './hover/hover-pane-controller';\r\nimport { srOnlyStyle } from '../styles/sr-only';\r\n\r\n@customElement('tile-dispatcher')\r\nexport class TileDispatcher\r\n  extends BaseTileComponent\r\n  implements\r\n    SharedResizeObserverResizeHandlerInterface,\r\n    HoverPaneProviderInterface\r\n{\r\n  /*\r\n   * Reactive properties inherited from BaseTileComponent:\r\n   *  - model?: TileModel;\r\n   *  - currentWidth?: number;\r\n   *  - currentHeight?: number;\r\n   *  - baseNavigationUrl?: string;\r\n   *  - baseImageUrl?: string;\r\n   *  - collectionPagePath?: string;\r\n   *  - sortParam: SortParam | null = null;\r\n   *  - defaultSortParam: SortParam | null = null;\r\n   *  - creatorFilter?: string;\r\n   *  - mobileBreakpoint?: number;\r\n   *  - loggedIn = false;\r\n   *  - suppressTileBlurring = false;\r\n   *  - useLocalTime = false;\r\n   */\r\n\r\n  @property({ type: String }) tileDisplayMode?: TileDisplayMode;\r\n\r\n  @property({ type: Boolean }) isManageView = false;\r\n\r\n  @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\r\n\r\n  @property({ type: Object })\r\n  collectionTitles?: CollectionTitles;\r\n\r\n  @property({ type: Boolean }) showTvClips = false;\r\n\r\n  /** What type of simple layout to use in grid mode, if any */\r\n  @property({ type: String }) simpleLayoutType: SimpleLayoutType = 'none';\r\n\r\n  /** Whether this tile should include a hover pane at all (for applicable tile modes) */\r\n  @property({ type: Boolean }) enableHoverPane = false;\r\n\r\n  @property({ type: String }) manageCheckTitle = msg(\r\n    'Remove this item from the list',\r\n  );\r\n\r\n  private hoverPaneController?: HoverPaneControllerInterface;\r\n\r\n  @query('#container')\r\n  private container!: HTMLDivElement;\r\n\r\n  @query('tile-hover-pane')\r\n  private hoverPane?: TileHoverPane;\r\n\r\n  @query('.tile-link')\r\n  private tileLinkElement?: HTMLAnchorElement;\r\n\r\n  acquireFocus(): void {\r\n    this.tileLinkElement?.focus();\r\n  }\r\n\r\n  releaseFocus(): void {\r\n    this.tileLinkElement?.blur();\r\n  }\r\n\r\n  /** Maps each display mode to whether hover panes should appear in that mode */\r\n  private static readonly HOVER_PANE_DISPLAY_MODES: Record<\r\n    TileDisplayMode,\r\n    boolean\r\n  > = {\r\n    grid: true,\r\n    'list-compact': true,\r\n    'list-detail': false,\r\n    'list-header': false,\r\n  };\r\n\r\n  render() {\r\n    const isGridMode = this.tileDisplayMode === 'grid';\r\n    const hoverPaneTemplate =\r\n      this.hoverPaneController?.getTemplate() ?? nothing;\r\n    return html`\r\n      <div id=\"container\" class=${isGridMode ? 'hoverable' : ''}>\r\n        ${this.tileDisplayMode === 'list-header'\r\n          ? this.headerTemplate\r\n          : this.tileTemplate}\r\n        ${this.manageCheckTemplate} ${hoverPaneTemplate}\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  protected firstUpdated(): void {\r\n    if (this.shouldPrepareHoverPane) {\r\n      this.hoverPaneController = new HoverPaneController(this, {\r\n        mobileBreakpoint: this.mobileBreakpoint,\r\n        enableLongPress: false,\r\n      });\r\n    }\r\n  }\r\n\r\n  private get headerTemplate() {\r\n    const { currentWidth, sortParam, defaultSortParam, mobileBreakpoint } =\r\n      this;\r\n    return html`\r\n      <tile-list-compact-header\r\n        class=\"header\"\r\n        .currentWidth=${currentWidth}\r\n        .sortParam=${sortParam ?? defaultSortParam}\r\n        .mobileBreakpoint=${mobileBreakpoint}\r\n      >\r\n      </tile-list-compact-header>\r\n    `;\r\n  }\r\n\r\n  private get tileTemplate() {\r\n    return html`\r\n      ${this.tileDisplayMode === 'list-detail'\r\n        ? this.tile\r\n        : this.linkTileTemplate}\r\n    `;\r\n  }\r\n\r\n  private get linkTileTemplate() {\r\n    return html`\r\n      <a\r\n        href=${this.linkTileHref}\r\n        aria-label=${this.model?.title ?? 'Untitled item'}\r\n        aria-describedby=\"link-aria-description\"\r\n        aria-haspopup=${this.shouldPrepareHoverPane ? 'dialog' : 'false'}\r\n        title=${this.shouldPrepareHoverPane\r\n          ? nothing // Don't show title tooltips when we have the tile info popups\r\n          : ifDefined(this.model?.title)}\r\n        @click=${this.handleLinkClicked}\r\n        @contextmenu=${this.handleLinkContextMenu}\r\n        class=\"tile-link\"\r\n      >\r\n        ${this.tile}\r\n      </a>\r\n      <div id=\"link-aria-description\" class=\"sr-only\">\r\n        ${msg('Press Down Arrow to preview item details')}\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  private get linkTileHref(): string | typeof nothing {\r\n    if (!this.model?.identifier || this.baseNavigationUrl == null)\r\n      return nothing;\r\n\r\n    // Use the server-specified href if available.\r\n    // Otherwise, construct a details page URL from the item identifier.\r\n    if (this.model.href) {\r\n      return `${this.baseNavigationUrl}${this.model.href}`;\r\n    }\r\n\r\n    return this.displayValueProvider.itemPageUrl(\r\n      this.model.identifier,\r\n      this.model.mediatype === 'collection',\r\n    );\r\n  }\r\n\r\n  private get manageCheckTemplate() {\r\n    if (!this.isManageView || this.tileDisplayMode !== 'grid') return nothing;\r\n\r\n    return html`\r\n      <div class=\"manage-check\">\r\n        <input\r\n          type=\"checkbox\"\r\n          title=${this.manageCheckTitle}\r\n          ?checked=${this.model?.checked}\r\n          @change=${this.handleLinkClicked}\r\n        />\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Whether hover pane behavior should be prepared for this tile\r\n   * (e.g., whether mouse listeners should be attached, etc.)\r\n   */\r\n  private get shouldPrepareHoverPane(): boolean {\r\n    return (\r\n      this.enableHoverPane &&\r\n      !!this.tileDisplayMode &&\r\n      TileDispatcher.HOVER_PANE_DISPLAY_MODES[this.tileDisplayMode] &&\r\n      this.model?.mediatype !== 'search' && // don't show hover panes on search tiles\r\n      !this.model?.captureDates // don't show hover panes on web archive tiles\r\n    );\r\n  }\r\n\r\n  private get isHoverEnabled(): boolean {\r\n    return window.matchMedia('(hover: hover)').matches;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  getHoverPane(): TileHoverPane | undefined {\r\n    return this.hoverPane;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  getHoverPaneProps(): HoverPaneProperties {\r\n    return this;\r\n  }\r\n\r\n  handleResize(entry: ResizeObserverEntry): void {\r\n    this.currentWidth = entry.contentRect.width;\r\n    this.currentHeight = entry.contentRect.height;\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.stopResizeObservation(this.resizeObserver);\r\n  }\r\n\r\n  private stopResizeObservation(observer?: SharedResizeObserverInterface) {\r\n    observer?.removeObserver({\r\n      handler: this,\r\n      target: this.container,\r\n    });\r\n  }\r\n\r\n  private startResizeObservation() {\r\n    this.stopResizeObservation(this.resizeObserver);\r\n    this.resizeObserver?.addObserver({\r\n      handler: this,\r\n      target: this.container,\r\n    });\r\n  }\r\n\r\n  updated(props: PropertyValues) {\r\n    if (props.has('resizeObserver')) {\r\n      const previousObserver = props.get(\r\n        'resizeObserver',\r\n      ) as SharedResizeObserverInterface;\r\n      this.stopResizeObservation(previousObserver);\r\n      this.startResizeObservation();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.\r\n   * In manage view, it also checks/unchecks the tile.\r\n   */\r\n  private handleLinkClicked(e: Event): void {\r\n    if (this.isManageView) {\r\n      e.preventDefault();\r\n      if (this.model) this.model.checked = !this.model.checked;\r\n    }\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent('resultSelected', { detail: this.model }),\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Handler for when the tile link is right-clicked.\r\n   * In manage view, it opens the item in a new tab. Otherwise, does nothing.\r\n   */\r\n  private handleLinkContextMenu(e: Event): void {\r\n    if (this.isManageView && this.linkTileHref !== nothing) {\r\n      e.preventDefault();\r\n      window.open(this.linkTileHref, '_blank');\r\n    }\r\n  }\r\n\r\n  private tileInfoButtonPressed(\r\n    e: CustomEvent<{ x: number; y: number }>,\r\n  ): void {\r\n    this.hoverPaneController?.toggleHoverPane({\r\n      coords: e.detail,\r\n      enableTouchBackdrop: true,\r\n    });\r\n  }\r\n\r\n  private get tile() {\r\n    const {\r\n      model,\r\n      collectionPagePath,\r\n      baseNavigationUrl,\r\n      currentWidth,\r\n      currentHeight,\r\n      sortParam,\r\n      creatorFilter,\r\n      mobileBreakpoint,\r\n      defaultSortParam,\r\n    } = this;\r\n\r\n    if (!model) return nothing;\r\n\r\n    switch (this.tileDisplayMode) {\r\n      case 'grid':\r\n        switch (model.mediatype) {\r\n          case 'collection':\r\n            return html`<collection-tile\r\n              .model=${model}\r\n              .collectionPagePath=${collectionPagePath}\r\n              .baseImageUrl=${this.baseImageUrl}\r\n              .currentWidth=${currentWidth}\r\n              .currentHeight=${currentHeight}\r\n              .creatorFilter=${creatorFilter}\r\n              .suppressBlurring=${this.suppressBlurring}\r\n              .isManageView=${this.isManageView}\r\n              ?showInfoButton=${!this.isHoverEnabled}\r\n              @infoButtonPressed=${this.tileInfoButtonPressed}\r\n            >\r\n            </collection-tile>`;\r\n          case 'account':\r\n            return html`<account-tile\r\n              .model=${model}\r\n              .collectionPagePath=${collectionPagePath}\r\n              .baseImageUrl=${this.baseImageUrl}\r\n              .currentWidth=${currentWidth}\r\n              .currentHeight=${currentHeight}\r\n              .creatorFilter=${creatorFilter}\r\n              .suppressBlurring=${this.suppressBlurring}\r\n              .isManageView=${this.isManageView}\r\n              ?showInfoButton=${!this.isHoverEnabled}\r\n              @infoButtonPressed=${this.tileInfoButtonPressed}\r\n            >\r\n            </account-tile>`;\r\n          case 'search':\r\n            return html`<search-tile\r\n              .model=${model}\r\n              .collectionPagePath=${collectionPagePath}\r\n              .baseImageUrl=${this.baseImageUrl}\r\n              .currentWidth=${currentWidth}\r\n              .currentHeight=${currentHeight}\r\n              .creatorFilter=${creatorFilter}\r\n              .suppressBlurring=${this.suppressBlurring}\r\n              .isManageView=${this.isManageView}\r\n              ?showInfoButton=${false}\r\n              @infoButtonPressed=${this.tileInfoButtonPressed}\r\n            >\r\n            </search-tile>`;\r\n          default:\r\n            return html`<item-tile\r\n              .model=${model}\r\n              .collectionPagePath=${collectionPagePath}\r\n              .currentWidth=${this.currentWidth}\r\n              .currentHeight=${this.currentHeight}\r\n              .baseImageUrl=${this.baseImageUrl}\r\n              .sortParam=${sortParam}\r\n              .defaultSortParam=${defaultSortParam}\r\n              .creatorFilter=${creatorFilter}\r\n              .loggedIn=${this.loggedIn}\r\n              .suppressBlurring=${this.suppressBlurring}\r\n              .isManageView=${this.isManageView}\r\n              .simpleLayoutType=${this.simpleLayoutType}\r\n              ?showTvClips=${this.showTvClips}\r\n              ?showInfoButton=${!this.isHoverEnabled}\r\n              ?useLocalTime=${this.useLocalTime}\r\n              @infoButtonPressed=${this.tileInfoButtonPressed}\r\n            >\r\n            </item-tile>`;\r\n        }\r\n      case 'list-compact':\r\n        return html`<tile-list-compact\r\n          .model=${model}\r\n          .collectionPagePath=${collectionPagePath}\r\n          .currentWidth=${currentWidth}\r\n          .currentHeight=${currentHeight}\r\n          .baseNavigationUrl=${baseNavigationUrl}\r\n          .sortParam=${sortParam}\r\n          .defaultSortParam=${defaultSortParam}\r\n          .creatorFilter=${creatorFilter}\r\n          .mobileBreakpoint=${mobileBreakpoint}\r\n          .baseImageUrl=${this.baseImageUrl}\r\n          .loggedIn=${this.loggedIn}\r\n          .suppressBlurring=${this.suppressBlurring}\r\n          ?useLocalTime=${this.useLocalTime}\r\n        >\r\n        </tile-list-compact>`;\r\n      case 'list-detail':\r\n        return html`<tile-list\r\n          .model=${model}\r\n          .collectionPagePath=${collectionPagePath}\r\n          .collectionTitles=${this.collectionTitles}\r\n          .currentWidth=${currentWidth}\r\n          .currentHeight=${currentHeight}\r\n          .baseNavigationUrl=${baseNavigationUrl}\r\n          .sortParam=${sortParam}\r\n          .defaultSortParam=${defaultSortParam}\r\n          .creatorFilter=${creatorFilter}\r\n          .mobileBreakpoint=${mobileBreakpoint}\r\n          .baseImageUrl=${this.baseImageUrl}\r\n          .loggedIn=${this.loggedIn}\r\n          .suppressBlurring=${this.suppressBlurring}\r\n          ?useLocalTime=${this.useLocalTime}\r\n        >\r\n        </tile-list>`;\r\n      default:\r\n        return nothing;\r\n    }\r\n  }\r\n\r\n  static get styles() {\r\n    return [\r\n      srOnlyStyle,\r\n      css`\r\n        :host {\r\n          display: block;\r\n          height: 100%;\r\n        }\r\n\r\n        collection-tile {\r\n          --tileBorderColor: #555555;\r\n          --tileBackgroundColor: #666666;\r\n          --imageBlockBackgroundColor: #666666;\r\n        }\r\n\r\n        account-tile {\r\n          --tileBorderColor: #dddddd;\r\n          --imageBlockBackgroundColor: #fcf5e6;\r\n        }\r\n\r\n        item-tile {\r\n          --tileBorderColor: #dddddd;\r\n          --imageBlockBackgroundColor: #f1f1f4;\r\n        }\r\n\r\n        search-tile {\r\n          --tileBorderColor: #555555;\r\n          --tileBackgroundColor: #666666;\r\n          --imageBlockBackgroundColor: #666666;\r\n          --iconFillColor: #2c2c2c;\r\n        }\r\n\r\n        #container {\r\n          position: relative;\r\n          height: 100%;\r\n          border-radius: 4px;\r\n        }\r\n\r\n        #container.hoverable a:focus,\r\n        #container.hoverable a:hover {\r\n          box-shadow: var(\r\n            --tileHoverBoxShadow,\r\n            0 0 6px 2px rgba(8, 8, 32, 0.8)\r\n          );\r\n          transition: box-shadow 0.1s ease;\r\n        }\r\n\r\n        a {\r\n          display: block;\r\n          height: 100%;\r\n          color: unset;\r\n          text-decoration: none;\r\n          transition: transform 0.05s ease;\r\n          border-radius: 4px;\r\n          outline: none;\r\n        }\r\n\r\n        a :first-child {\r\n          display: block;\r\n          height: 100%;\r\n        }\r\n\r\n        .manage-check {\r\n          position: absolute;\r\n          right: 0;\r\n          top: 0;\r\n          border: 5px solid #2c2c2c;\r\n          border-radius: 3px;\r\n          background-color: #2c2c2c;\r\n          z-index: 1;\r\n        }\r\n\r\n        .manage-check > input[type='checkbox'] {\r\n          display: block;\r\n          margin: 0;\r\n        }\r\n\r\n        #touch-backdrop {\r\n          position: fixed;\r\n          width: 100vw;\r\n          height: 100vh;\r\n          top: 0;\r\n          left: 0;\r\n          z-index: 2;\r\n          background: transparent;\r\n        }\r\n\r\n        tile-hover-pane {\r\n          position: absolute;\r\n          top: 0;\r\n          left: -9999px;\r\n          z-index: 2;\r\n        }\r\n      `,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"tile-dispatcher.js","sourceRoot":"","sources":["../../../src/tiles/tile-dispatcher.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAOpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,yBAAyB,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EACL,mBAAmB,GAIpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzC,IAAM,cAAc,GAApB,MAAM,cACX,SAAQ,iBAAiB;IADpB;QAML;;;;;;;;;;;;;;;WAeG;;QAI0B,iBAAY,GAAG,KAAK,CAAC;QAOrB,gBAAW,GAAG,KAAK,CAAC;QAEjD,6DAA6D;QACjC,qBAAgB,GAAqB,MAAM,CAAC;QAExE,uFAAuF;QAC1D,oBAAe,GAAG,KAAK,CAAC;QAEzB,qBAAgB,GAAG,GAAG,CAChD,gCAAgC,CACjC,CAAC;IA4bJ,CAAC;;IA/aC,YAAY;QACV,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IAED,+EAA+E;aACvD,6BAAwB,GAG5C;QACF,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,IAAI;QACpB,aAAa,EAAE,KAAK;QACpB,aAAa,EAAE,KAAK;KACrB,AAR+C,CAQ9C;IAEF,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,CAAC;QACnD,MAAM,iBAAiB,GACrB,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE,IAAI,OAAO,CAAC;QACrD,OAAO,IAAI,CAAA;kCACmB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;UACrD,IAAI,CAAC,eAAe,KAAK,aAAa;YACtC,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAC,YAAY;UACnB,IAAI,CAAC,mBAAmB,IAAI,iBAAiB;;KAElD,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,IAAI,CAAC,mBAAmB,GAAG,IAAI,mBAAmB,CAAC,IAAI,EAAE;gBACvD,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GACnE,IAAI,CAAC;QACP,OAAO,IAAI,CAAA;;;wBAGS,YAAY;qBACf,SAAS,IAAI,gBAAgB;4BACtB,gBAAgB;;;KAGvC,CAAC;IACJ,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,eAAe,KAAK,aAAa;YACtC,CAAC,CAAC,IAAI,CAAC,IAAI;YACX,CAAC,CAAC,IAAI,CAAC,gBAAgB;KAC1B,CAAC;IACJ,CAAC;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,YAAY;qBACX,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,eAAe;;wBAEjC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;gBACxD,IAAI,CAAC,sBAAsB;YACjC,CAAC,CAAC,OAAO,CAAC,8DAA8D;YACxE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;iBACvB,IAAI,CAAC,iBAAiB;uBAChB,IAAI,CAAC,qBAAqB;;;UAGvC,IAAI,CAAC,IAAI;;;UAGT,GAAG,CAAC,0CAA0C,CAAC;;KAEpD,CAAC;IACJ,CAAC;IAED,IAAY,YAAY;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI;YAC3D,OAAO,OAAO,CAAC;QAEjB,8CAA8C;QAC9C,oEAAoE;QACpE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACpB,OAAO,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACvD,CAAC;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAC1C,IAAI,CAAC,KAAK,CAAC,UAAU,EACrB,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,YAAY,CACtC,CAAC;IACJ,CAAC;IAED,IAAY,mBAAmB;QAC7B,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM;YAAE,OAAO,OAAO,CAAC;QAE1E,OAAO,IAAI,CAAA;;;;kBAIG,IAAI,CAAC,gBAAgB;qBAClB,IAAI,CAAC,KAAK,EAAE,OAAO;oBACpB,IAAI,CAAC,iBAAiB;;;KAGrC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,sBAAsB;QAChC,OAAO,CACL,IAAI,CAAC,eAAe;YACpB,CAAC,CAAC,IAAI,CAAC,eAAe;YACtB,gBAAc,CAAC,wBAAwB,CAAC,IAAI,CAAC,eAAe,CAAC;YAC7D,IAAI,CAAC,KAAK,EAAE,SAAS,KAAK,QAAQ,IAAI,yCAAyC;YAC/E,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,8CAA8C;SACzE,CAAC;IACJ,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC;IACrD,CAAC;IAED,kBAAkB;IAClB,YAAY;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,kBAAkB;IAClB,iBAAiB;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY,CAAC,KAA0B;QACrC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;IAChD,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAClD,CAAC;IAEO,qBAAqB,CAAC,QAAwC;QACpE,QAAQ,EAAE,cAAc,CAAC;YACvB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI,CAAC,SAAS;SACvB,CAAC,CAAC;IACL,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;YAC/B,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI,CAAC,SAAS;SACvB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,KAAqB;QAC3B,IAAI,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAChC,MAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAChC,gBAAgB,CACgB,CAAC;YACnC,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;YAC7C,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,KAAK;gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAC3D,CAAC;QAED,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAC1D,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,qBAAqB,CAAC,CAAQ;QACpC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,qBAAqB,CAC3B,CAAwC;QAExC,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC;YACxC,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAC;IACL,CAAC;IAED,IAAY,IAAI;QACd,MAAM,EACJ,KAAK,EACL,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,GAAG,IAAI,CAAC;QAET,IAAI,CAAC,KAAK;YAAE,OAAO,OAAO,CAAC;QAE3B,QAAQ,IAAI,CAAC,eAAe,EAAE,CAAC;YAC7B,KAAK,MAAM;gBACT,QAAQ,KAAK,CAAC,SAAS,EAAE,CAAC;oBACxB,KAAK,YAAY;wBACf,OAAO,IAAI,CAAA;uBACA,KAAK;oCACQ,kBAAkB;8BACxB,IAAI,CAAC,YAAY;8BACjB,YAAY;+BACX,aAAa;+BACb,aAAa;kCACV,IAAI,CAAC,gBAAgB;8BACzB,IAAI,CAAC,YAAY;gCACf,CAAC,IAAI,CAAC,cAAc;mCACjB,IAAI,CAAC,qBAAqB;;+BAE9B,CAAC;oBACtB,KAAK,SAAS;wBACZ,OAAO,IAAI,CAAA;uBACA,KAAK;oCACQ,kBAAkB;8BACxB,IAAI,CAAC,YAAY;8BACjB,YAAY;+BACX,aAAa;+BACb,aAAa;kCACV,IAAI,CAAC,gBAAgB;8BACzB,IAAI,CAAC,YAAY;gCACf,CAAC,IAAI,CAAC,cAAc;mCACjB,IAAI,CAAC,qBAAqB;;4BAEjC,CAAC;oBACnB,KAAK,QAAQ;wBACX,OAAO,IAAI,CAAA;uBACA,KAAK;oCACQ,kBAAkB;8BACxB,IAAI,CAAC,YAAY;8BACjB,YAAY;+BACX,aAAa;+BACb,aAAa;kCACV,IAAI,CAAC,gBAAgB;8BACzB,IAAI,CAAC,YAAY;gCACf,KAAK;mCACF,IAAI,CAAC,qBAAqB;;2BAElC,CAAC;oBAClB;wBACE,OAAO,IAAI,CAAA;uBACA,KAAK;oCACQ,kBAAkB;8BACxB,IAAI,CAAC,YAAY;+BAChB,IAAI,CAAC,aAAa;8BACnB,IAAI,CAAC,YAAY;2BACpB,SAAS;kCACF,gBAAgB;+BACnB,aAAa;0BAClB,IAAI,CAAC,QAAQ;kCACL,IAAI,CAAC,gBAAgB;8BACzB,IAAI,CAAC,YAAY;kCACb,IAAI,CAAC,gBAAgB;6BAC1B,IAAI,CAAC,WAAW;gCACb,CAAC,IAAI,CAAC,cAAc;8BACtB,IAAI,CAAC,YAAY;mCACZ,IAAI,CAAC,qBAAqB;;yBAEpC,CAAC;gBAClB,CAAC;YACH,KAAK,cAAc;gBACjB,OAAO,IAAI,CAAA;mBACA,KAAK;gCACQ,kBAAkB;0BACxB,YAAY;2BACX,aAAa;+BACT,iBAAiB;uBACzB,SAAS;8BACF,gBAAgB;2BACnB,aAAa;8BACV,gBAAgB;0BACpB,IAAI,CAAC,YAAY;sBACrB,IAAI,CAAC,QAAQ;8BACL,IAAI,CAAC,gBAAgB;0BACzB,IAAI,CAAC,YAAY;;6BAEd,CAAC;YACxB,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAA;mBACA,KAAK;gCACQ,kBAAkB;8BACpB,IAAI,CAAC,gBAAgB;0BACzB,YAAY;2BACX,aAAa;+BACT,iBAAiB;uBACzB,SAAS;8BACF,gBAAgB;2BACnB,aAAa;8BACV,gBAAgB;0BACpB,IAAI,CAAC,YAAY;sBACrB,IAAI,CAAC,QAAQ;8BACL,IAAI,CAAC,gBAAgB;0BACzB,IAAI,CAAC,YAAY;;qBAEtB,CAAC;YAChB;gBACE,OAAO,OAAO,CAAC;QACnB,CAAC;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0FF;SACF,CAAC;IACJ,CAAC;;AA9c2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAmC;AAEjC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAsB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAgD;AAG3E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACS;AAEP;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAqB;AAGrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA6C;AAG3C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAyB;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAEzB;AAKM;IADP,KAAK,CAAC,YAAY,CAAC;iDACe;AAG3B;IADP,KAAK,CAAC,iBAAiB,CAAC;iDACS;AAG1B;IADP,KAAK,CAAC,YAAY,CAAC;uDACwB;AArDjC,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAse1B","sourcesContent":["import { css, html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { msg } from '@lit/localize';\nimport type {\n  SharedResizeObserverInterface,\n  SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport type { TileDisplayMode } from '../models';\nimport type { CollectionTitles } from '../data-source/models';\nimport './grid/collection-tile';\nimport './grid/item-tile';\nimport './grid/account-tile';\nimport './grid/search-tile';\nimport './hover/tile-hover-pane';\nimport './list/tile-list';\nimport './list/tile-list-compact';\nimport './list/tile-list-compact-header';\nimport type { TileHoverPane } from './hover/tile-hover-pane';\nimport { BaseTileComponent } from './base-tile-component';\nimport { SimpleLayoutType } from './models';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from './hover/hover-pane-controller';\nimport { srOnlyStyle } from '../styles/sr-only';\n\n@customElement('tile-dispatcher')\nexport class TileDispatcher\n  extends BaseTileComponent\n  implements\n    SharedResizeObserverResizeHandlerInterface,\n    HoverPaneProviderInterface\n{\n  /*\n   * Reactive properties inherited from BaseTileComponent:\n   *  - model?: TileModel;\n   *  - currentWidth?: number;\n   *  - currentHeight?: number;\n   *  - baseNavigationUrl?: string;\n   *  - baseImageUrl?: string;\n   *  - collectionPagePath?: string;\n   *  - sortParam: SortParam | null = null;\n   *  - defaultSortParam: SortParam | null = null;\n   *  - creatorFilter?: string;\n   *  - mobileBreakpoint?: number;\n   *  - loggedIn = false;\n   *  - suppressTileBlurring = false;\n   *  - useLocalTime = false;\n   */\n\n  @property({ type: String }) tileDisplayMode?: TileDisplayMode;\n\n  @property({ type: Boolean }) isManageView = false;\n\n  @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n  @property({ type: Object })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Boolean }) showTvClips = false;\n\n  /** What type of simple layout to use in grid mode, if any */\n  @property({ type: String }) simpleLayoutType: SimpleLayoutType = 'none';\n\n  /** Whether this tile should include a hover pane at all (for applicable tile modes) */\n  @property({ type: Boolean }) enableHoverPane = false;\n\n  @property({ type: String }) manageCheckTitle = msg(\n    'Remove this item from the list',\n  );\n\n  private hoverPaneController?: HoverPaneControllerInterface;\n\n  @query('#container')\n  private container!: HTMLDivElement;\n\n  @query('tile-hover-pane')\n  private hoverPane?: TileHoverPane;\n\n  @query('.tile-link')\n  private tileLinkElement?: HTMLAnchorElement;\n\n  acquireFocus(): void {\n    this.tileLinkElement?.focus();\n  }\n\n  releaseFocus(): void {\n    this.tileLinkElement?.blur();\n  }\n\n  /** Maps each display mode to whether hover panes should appear in that mode */\n  private static readonly HOVER_PANE_DISPLAY_MODES: Record<\n    TileDisplayMode,\n    boolean\n  > = {\n    grid: true,\n    'list-compact': true,\n    'list-detail': false,\n    'list-header': false,\n  };\n\n  render() {\n    const isGridMode = this.tileDisplayMode === 'grid';\n    const hoverPaneTemplate =\n      this.hoverPaneController?.getTemplate() ?? nothing;\n    return html`\n      <div id=\"container\" class=${isGridMode ? 'hoverable' : ''}>\n        ${this.tileDisplayMode === 'list-header'\n          ? this.headerTemplate\n          : this.tileTemplate}\n        ${this.manageCheckTemplate} ${hoverPaneTemplate}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    if (this.shouldPrepareHoverPane) {\n      this.hoverPaneController = new HoverPaneController(this, {\n        mobileBreakpoint: this.mobileBreakpoint,\n        enableLongPress: false,\n      });\n    }\n  }\n\n  private get headerTemplate() {\n    const { currentWidth, sortParam, defaultSortParam, mobileBreakpoint } =\n      this;\n    return html`\n      <tile-list-compact-header\n        class=\"header\"\n        .currentWidth=${currentWidth}\n        .sortParam=${sortParam ?? defaultSortParam}\n        .mobileBreakpoint=${mobileBreakpoint}\n      >\n      </tile-list-compact-header>\n    `;\n  }\n\n  private get tileTemplate() {\n    return html`\n      ${this.tileDisplayMode === 'list-detail'\n        ? this.tile\n        : this.linkTileTemplate}\n    `;\n  }\n\n  private get linkTileTemplate() {\n    return html`\n      <a\n        href=${this.linkTileHref}\n        aria-label=${this.model?.title ?? 'Untitled item'}\n        aria-describedby=\"link-aria-description\"\n        aria-haspopup=${this.shouldPrepareHoverPane ? 'dialog' : 'false'}\n        title=${this.shouldPrepareHoverPane\n          ? nothing // Don't show title tooltips when we have the tile info popups\n          : ifDefined(this.model?.title)}\n        @click=${this.handleLinkClicked}\n        @contextmenu=${this.handleLinkContextMenu}\n        class=\"tile-link\"\n      >\n        ${this.tile}\n      </a>\n      <div id=\"link-aria-description\" class=\"sr-only\">\n        ${msg('Press Down Arrow to preview item details')}\n      </div>\n    `;\n  }\n\n  private get linkTileHref(): string | typeof nothing {\n    if (!this.model?.identifier || this.baseNavigationUrl == null)\n      return nothing;\n\n    // Use the server-specified href if available.\n    // Otherwise, construct a details page URL from the item identifier.\n    if (this.model.href) {\n      return `${this.baseNavigationUrl}${this.model.href}`;\n    }\n\n    return this.displayValueProvider.itemPageUrl(\n      this.model.identifier,\n      this.model.mediatype === 'collection',\n    );\n  }\n\n  private get manageCheckTemplate() {\n    if (!this.isManageView || this.tileDisplayMode !== 'grid') return nothing;\n\n    return html`\n      <div class=\"manage-check\">\n        <input\n          type=\"checkbox\"\n          title=${this.manageCheckTitle}\n          ?checked=${this.model?.checked}\n          @change=${this.handleLinkClicked}\n        />\n      </div>\n    `;\n  }\n\n  /**\n   * Whether hover pane behavior should be prepared for this tile\n   * (e.g., whether mouse listeners should be attached, etc.)\n   */\n  private get shouldPrepareHoverPane(): boolean {\n    return (\n      this.enableHoverPane &&\n      !!this.tileDisplayMode &&\n      TileDispatcher.HOVER_PANE_DISPLAY_MODES[this.tileDisplayMode] &&\n      this.model?.mediatype !== 'search' && // don't show hover panes on search tiles\n      !this.model?.captureDates // don't show hover panes on web archive tiles\n    );\n  }\n\n  private get isHoverEnabled(): boolean {\n    return window.matchMedia('(hover: hover)').matches;\n  }\n\n  /** @inheritdoc */\n  getHoverPane(): TileHoverPane | undefined {\n    return this.hoverPane;\n  }\n\n  /** @inheritdoc */\n  getHoverPaneProps(): HoverPaneProperties {\n    return this;\n  }\n\n  handleResize(entry: ResizeObserverEntry): void {\n    this.currentWidth = entry.contentRect.width;\n    this.currentHeight = entry.contentRect.height;\n  }\n\n  disconnectedCallback(): void {\n    this.stopResizeObservation(this.resizeObserver);\n  }\n\n  private stopResizeObservation(observer?: SharedResizeObserverInterface) {\n    observer?.removeObserver({\n      handler: this,\n      target: this.container,\n    });\n  }\n\n  private startResizeObservation() {\n    this.stopResizeObservation(this.resizeObserver);\n    this.resizeObserver?.addObserver({\n      handler: this,\n      target: this.container,\n    });\n  }\n\n  updated(props: PropertyValues) {\n    if (props.has('resizeObserver')) {\n      const previousObserver = props.get(\n        'resizeObserver',\n      ) as SharedResizeObserverInterface;\n      this.stopResizeObservation(previousObserver);\n      this.startResizeObservation();\n    }\n  }\n\n  /**\n   * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.\n   * In manage view, it also checks/unchecks the tile.\n   */\n  private handleLinkClicked(e: Event): void {\n    if (this.isManageView) {\n      e.preventDefault();\n      if (this.model) this.model.checked = !this.model.checked;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('resultSelected', { detail: this.model }),\n    );\n  }\n\n  /**\n   * Handler for when the tile link is right-clicked.\n   * In manage view, it opens the item in a new tab. Otherwise, does nothing.\n   */\n  private handleLinkContextMenu(e: Event): void {\n    if (this.isManageView && this.linkTileHref !== nothing) {\n      e.preventDefault();\n      window.open(this.linkTileHref, '_blank');\n    }\n  }\n\n  private tileInfoButtonPressed(\n    e: CustomEvent<{ x: number; y: number }>,\n  ): void {\n    this.hoverPaneController?.toggleHoverPane({\n      coords: e.detail,\n      enableTouchBackdrop: true,\n    });\n  }\n\n  private get tile() {\n    const {\n      model,\n      collectionPagePath,\n      baseNavigationUrl,\n      currentWidth,\n      currentHeight,\n      sortParam,\n      creatorFilter,\n      mobileBreakpoint,\n      defaultSortParam,\n    } = this;\n\n    if (!model) return nothing;\n\n    switch (this.tileDisplayMode) {\n      case 'grid':\n        switch (model.mediatype) {\n          case 'collection':\n            return html`<collection-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${!this.isHoverEnabled}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </collection-tile>`;\n          case 'account':\n            return html`<account-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${!this.isHoverEnabled}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </account-tile>`;\n          case 'search':\n            return html`<search-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${false}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </search-tile>`;\n          default:\n            return html`<item-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .currentWidth=${this.currentWidth}\n              .currentHeight=${this.currentHeight}\n              .baseImageUrl=${this.baseImageUrl}\n              .sortParam=${sortParam}\n              .defaultSortParam=${defaultSortParam}\n              .creatorFilter=${creatorFilter}\n              .loggedIn=${this.loggedIn}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              .simpleLayoutType=${this.simpleLayoutType}\n              ?showTvClips=${this.showTvClips}\n              ?showInfoButton=${!this.isHoverEnabled}\n              ?useLocalTime=${this.useLocalTime}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </item-tile>`;\n        }\n      case 'list-compact':\n        return html`<tile-list-compact\n          .model=${model}\n          .collectionPagePath=${collectionPagePath}\n          .currentWidth=${currentWidth}\n          .currentHeight=${currentHeight}\n          .baseNavigationUrl=${baseNavigationUrl}\n          .sortParam=${sortParam}\n          .defaultSortParam=${defaultSortParam}\n          .creatorFilter=${creatorFilter}\n          .mobileBreakpoint=${mobileBreakpoint}\n          .baseImageUrl=${this.baseImageUrl}\n          .loggedIn=${this.loggedIn}\n          .suppressBlurring=${this.suppressBlurring}\n          ?useLocalTime=${this.useLocalTime}\n        >\n        </tile-list-compact>`;\n      case 'list-detail':\n        return html`<tile-list\n          .model=${model}\n          .collectionPagePath=${collectionPagePath}\n          .collectionTitles=${this.collectionTitles}\n          .currentWidth=${currentWidth}\n          .currentHeight=${currentHeight}\n          .baseNavigationUrl=${baseNavigationUrl}\n          .sortParam=${sortParam}\n          .defaultSortParam=${defaultSortParam}\n          .creatorFilter=${creatorFilter}\n          .mobileBreakpoint=${mobileBreakpoint}\n          .baseImageUrl=${this.baseImageUrl}\n          .loggedIn=${this.loggedIn}\n          .suppressBlurring=${this.suppressBlurring}\n          ?useLocalTime=${this.useLocalTime}\n        >\n        </tile-list>`;\n      default:\n        return nothing;\n    }\n  }\n\n  static get styles() {\n    return [\n      srOnlyStyle,\n      css`\n        :host {\n          display: block;\n          height: 100%;\n        }\n\n        collection-tile {\n          --tileBorderColor: #555555;\n          --tileBackgroundColor: #666666;\n          --imageBlockBackgroundColor: #666666;\n        }\n\n        account-tile {\n          --tileBorderColor: #dddddd;\n          --imageBlockBackgroundColor: #fcf5e6;\n        }\n\n        item-tile {\n          --tileBorderColor: #dddddd;\n          --imageBlockBackgroundColor: #f1f1f4;\n        }\n\n        search-tile {\n          --tileBorderColor: #555555;\n          --tileBackgroundColor: #666666;\n          --imageBlockBackgroundColor: #666666;\n          --iconFillColor: #2c2c2c;\n        }\n\n        #container {\n          position: relative;\n          height: 100%;\n          border-radius: 4px;\n        }\n\n        #container.hoverable a:focus,\n        #container.hoverable a:hover {\n          box-shadow: var(\n            --tileHoverBoxShadow,\n            0 0 6px 2px rgba(8, 8, 32, 0.8)\n          );\n          transition: box-shadow 0.1s ease;\n        }\n\n        a {\n          display: block;\n          height: 100%;\n          color: unset;\n          text-decoration: none;\n          transition: transform 0.05s ease;\n          border-radius: 4px;\n          outline: none;\n        }\n\n        a :first-child {\n          display: block;\n          height: 100%;\n        }\n\n        .manage-check {\n          position: absolute;\n          right: 0;\n          top: 0;\n          border: 5px solid #2c2c2c;\n          border-radius: 3px;\n          background-color: #2c2c2c;\n          z-index: 1;\n        }\n\n        .manage-check > input[type='checkbox'] {\n          display: block;\n          margin: 0;\n        }\n\n        #touch-backdrop {\n          position: fixed;\n          width: 100vw;\n          height: 100vh;\n          top: 0;\n          left: 0;\n          z-index: 2;\n          background: transparent;\n        }\n\n        tile-hover-pane {\n          position: absolute;\n          top: 0;\n          left: -9999px;\n          z-index: 2;\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/tiles/tile-display-value-provider.js

@@ -7,10 +7,9 @@ import { formatDate } from '../utils/format-date';
  */
 export class TileDisplayValueProvider {
     constructor(options = {}) {
-        var _a;
         this.model = options.model;
         this.baseNavigationUrl = options.baseNavigationUrl;
-        this.collectionPagePath = (_a = options.collectionPagePath) !== null && _a !== void 0 ? _a : '/details/';
+        this.collectionPagePath = options.collectionPagePath ?? '/details/';
         this.sortParam = options.sortParam;
         this.creatorFilter = options.creatorFilter;
     }
@@ -20,11 +19,10 @@ export class TileDisplayValueProvider {
      * (or simply the first creator overall if no filter is provided).
      */
     get firstCreatorMatchingFilter() {
-        var _a, _b;
         let matchingCreator;
         // If we're filtering by creator initial and have multiple creators, we want
         // to surface the first creator who matches the filter.
-        if (this.creatorFilter && ((_a = this.model) === null || _a === void 0 ? void 0 : _a.creators.length)) {
+        if (this.creatorFilter && this.model?.creators.length) {
             const firstLetter = this.creatorFilter; // This is just to satisfy tsc
             matchingCreator = this.model.creators.find(creator => 
             // Decompose combining characters first, so that e.g., filtering on E matches É too.
@@ -36,15 +34,14 @@ export class TileDisplayValueProvider {
                 .toUpperCase()
                 .startsWith(firstLetter));
         }
-        return matchingCreator !== null && matchingCreator !== void 0 ? matchingCreator : (_b = this.model) === null || _b === void 0 ? void 0 : _b.creator;
+        return matchingCreator ?? this.model?.creator;
     }
     /**
      * The label indicating what year an account item was created.
      * E.g., "Archivist since 2015"
      */
     get accountLabel() {
-        var _a;
-        return ((_a = this.model) === null || _a === void 0 ? void 0 : _a.dateAdded)
+        return this.model?.dateAdded
             ? msg(str `Archivist since ${this.model.dateAdded.getFullYear()}`)
             : '';
     }
@@ -53,8 +50,7 @@ export class TileDisplayValueProvider {
      * or the empty string otherwise.
      */
     get dateLabel() {
-        var _a;
-        switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
+        switch (this.sortParam?.field) {
             case 'publicdate':
                 return msg('Archived');
             case 'reviewdate':

package/dist/src/tiles/tile-display-value-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-display-value-provider.js","sourceRoot":"","sources":["../../../src/tiles/tile-display-value-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, nothing } from 'lit';\nimport { msg, str } from '@lit/localize';\nimport type { SortParam } from '@internetarchive/search-service';\nimport type { TileModel } from '../models';\nimport { formatDate } from '../utils/format-date';\n\n/**\n * A class encapsulating shared logic for converting model values into display values\n * across different types of tiles.\n */\nexport class TileDisplayValueProvider {\n  private model?: TileModel;\n\n  private baseNavigationUrl?: string;\n\n  private collectionPagePath?: string;\n\n  private sortParam?: SortParam;\n\n  private creatorFilter?: string;\n\n  constructor(\n    options: {\n      model?: TileModel;\n      baseNavigationUrl?: string;\n      collectionPagePath?: string;\n      sortParam?: SortParam;\n      creatorFilter?: string;\n    } = {},\n  ) {\n    this.model = options.model;\n    this.baseNavigationUrl = options.baseNavigationUrl;\n    this.collectionPagePath = options.collectionPagePath ?? '/details/';\n    this.sortParam = options.sortParam;\n    this.creatorFilter = options.creatorFilter;\n  }\n\n  /**\n   * Examines the creator(s) for the given tile model, returning\n   * the first creator whose name matches the provided filter\n   * (or simply the first creator overall if no filter is provided).\n   */\n  get firstCreatorMatchingFilter(): string | undefined {\n    let matchingCreator;\n\n    // If we're filtering by creator initial and have multiple creators, we want\n    // to surface the first creator who matches the filter.\n    if (this.creatorFilter && this.model?.creators.length) {\n      const firstLetter = this.creatorFilter; // This is just to satisfy tsc\n      matchingCreator = this.model.creators.find(creator =>\n        // Decompose combining characters first, so that e.g., filtering on E matches É too.\n        // Then remove anything that isn't strictly alphabetic, since our filters currently\n        // only handle A-Z. The first such letter (if one exists) is what needs to match.\n        creator\n          .normalize('NFD')\n          .replace(/[^A-Z]+/gi, '')\n          .toUpperCase()\n          .startsWith(firstLetter),\n      );\n    }\n\n    return matchingCreator ?? this.model?.creator;\n  }\n\n  /**\n   * The label indicating what year an account item was created.\n   * E.g., \"Archivist since 2015\"\n   */\n  get accountLabel(): string {\n    return this.model?.dateAdded\n      ? msg(str`Archivist since ${this.model.dateAdded.getFullYear()}`)\n      : '';\n  }\n\n  /**\n   * The readable label for the current sort if it is a type of date sort,\n   * or the empty string otherwise.\n   */\n  get dateLabel(): string {\n    switch (this.sortParam?.field) {\n      case 'publicdate':\n        return msg('Archived');\n      case 'reviewdate':\n        return msg('Reviewed');\n      case 'addeddate':\n        return msg('Added');\n      case 'date':\n        return msg('Published');\n      default:\n        return '';\n    }\n  }\n\n  /**\n   * Produces a URL pointing at the item page for the given identifier,\n   * using the current base URL and the correct path based on whether the\n   * item is specified to be a collection (default false).\n   */\n  itemPageUrl(\n    identifier?: string,\n    isCollection = false,\n  ): string | typeof nothing {\n    if (!identifier || this.baseNavigationUrl == null) return nothing;\n    const basePath = isCollection ? this.collectionPagePath : '/details/';\n    return `${this.baseNavigationUrl}${basePath}${identifier}`;\n  }\n\n  /**\n   * Produces a template for a link to a single web capture of the given URL and date\n   */\n  webArchivesCaptureLink(url: string, date: Date): TemplateResult {\n    // Convert the date into the format used to identify wayback captures (e.g., '20150102124550')\n    const captureDateStr = date\n      .toISOString()\n      .replace(/[TZ:-]/g, '')\n      .replace(/\\..*/, '');\n    const captureHref = `https://web.archive.org/web/${captureDateStr}/${encodeURIComponent(\n      url,\n    )}`;\n    const captureText = formatDate(date, 'long');\n\n    return html` <a href=${captureHref}> ${captureText} </a> `;\n  }\n}\n"]}
+{"version":3,"file":"tile-display-value-provider.js","sourceRoot":"","sources":["../../../src/tiles/tile-display-value-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, nothing } from 'lit';\nimport { msg, str } from '@lit/localize';\nimport type { SortParam } from '@internetarchive/search-service';\nimport type { TileModel } from '../models';\nimport { formatDate } from '../utils/format-date';\n\n/**\n * A class encapsulating shared logic for converting model values into display values\n * across different types of tiles.\n */\nexport class TileDisplayValueProvider {\n  private model?: TileModel;\n\n  private baseNavigationUrl?: string;\n\n  private collectionPagePath?: string;\n\n  private sortParam?: SortParam;\n\n  private creatorFilter?: string;\n\n  constructor(\n    options: {\n      model?: TileModel;\n      baseNavigationUrl?: string;\n      collectionPagePath?: string;\n      sortParam?: SortParam;\n      creatorFilter?: string;\n    } = {},\n  ) {\n    this.model = options.model;\n    this.baseNavigationUrl = options.baseNavigationUrl;\n    this.collectionPagePath = options.collectionPagePath ?? '/details/';\n    this.sortParam = options.sortParam;\n    this.creatorFilter = options.creatorFilter;\n  }\n\n  /**\n   * Examines the creator(s) for the given tile model, returning\n   * the first creator whose name matches the provided filter\n   * (or simply the first creator overall if no filter is provided).\n   */\n  get firstCreatorMatchingFilter(): string | undefined {\n    let matchingCreator;\n\n    // If we're filtering by creator initial and have multiple creators, we want\n    // to surface the first creator who matches the filter.\n    if (this.creatorFilter && this.model?.creators.length) {\n      const firstLetter = this.creatorFilter; // This is just to satisfy tsc\n      matchingCreator = this.model.creators.find(creator =>\n        // Decompose combining characters first, so that e.g., filtering on E matches É too.\n        // Then remove anything that isn't strictly alphabetic, since our filters currently\n        // only handle A-Z. The first such letter (if one exists) is what needs to match.\n        creator\n          .normalize('NFD')\n          .replace(/[^A-Z]+/gi, '')\n          .toUpperCase()\n          .startsWith(firstLetter),\n      );\n    }\n\n    return matchingCreator ?? this.model?.creator;\n  }\n\n  /**\n   * The label indicating what year an account item was created.\n   * E.g., \"Archivist since 2015\"\n   */\n  get accountLabel(): string {\n    return this.model?.dateAdded\n      ? msg(str`Archivist since ${this.model.dateAdded.getFullYear()}`)\n      : '';\n  }\n\n  /**\n   * The readable label for the current sort if it is a type of date sort,\n   * or the empty string otherwise.\n   */\n  get dateLabel(): string {\n    switch (this.sortParam?.field) {\n      case 'publicdate':\n        return msg('Archived');\n      case 'reviewdate':\n        return msg('Reviewed');\n      case 'addeddate':\n        return msg('Added');\n      case 'date':\n        return msg('Published');\n      default:\n        return '';\n    }\n  }\n\n  /**\n   * Produces a URL pointing at the item page for the given identifier,\n   * using the current base URL and the correct path based on whether the\n   * item is specified to be a collection (default false).\n   */\n  itemPageUrl(\n    identifier?: string,\n    isCollection = false,\n  ): string | typeof nothing {\n    if (!identifier || this.baseNavigationUrl == null) return nothing;\n    const basePath = isCollection ? this.collectionPagePath : '/details/';\n    return `${this.baseNavigationUrl}${basePath}${identifier}`;\n  }\n\n  /**\n   * Produces a template for a link to a single web capture of the given URL and date\n   */\n  webArchivesCaptureLink(url: string, date: Date): TemplateResult {\n    // Convert the date into the format used to identify wayback captures (e.g., '20150102124550')\n    const captureDateStr = date\n      .toISOString()\n      .replace(/[TZ:-]/g, '')\n      .replace(/\\..*/, '');\n    const captureHref = `https://web.archive.org/web/${captureDateStr}/${encodeURIComponent(\n      url,\n    )}`;\n    const captureText = formatDate(date, 'long');\n\n    return html` <a href=${captureHref}> ${captureText} </a> `;\n  }\n}\n"]}

package/dist/src/tiles/tile-mediatype-icon.js

@@ -15,25 +15,23 @@ let TileMediatypeIcon = class TileMediatypeIcon extends LitElement {
      * Returns the appropriate mediatype config key for the current mediatype/collections.
      */
     get displayMediatype() {
-        var _a, _b;
         if (this.isTvItem)
             return this.tvDisplayMediatype;
         if (this.isRadioItem)
             return 'radio';
-        return (_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) !== null && _b !== void 0 ? _b : 'none';
+        return this.model?.mediatype ?? 'none';
     }
     /**
      * Returns the appropriate TV mediatype, depending on the current collections.
      */
     get tvDisplayMediatype() {
-        var _a, _b;
         if (this.isTvCommercial) {
             return 'tvCommercial';
         }
-        else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.isTvSearchResult) && this.isTvFactCheck) {
+        else if (this.model?.isTvSearchResult && this.isTvFactCheck) {
             return 'tvFactCheck';
         }
-        else if (((_b = this.model) === null || _b === void 0 ? void 0 : _b.isTvSearchResult) && this.isTvQuote) {
+        else if (this.model?.isTvSearchResult && this.isTvQuote) {
             return 'tvQuote';
         }
         return 'tv';
@@ -42,33 +40,28 @@ let TileMediatypeIcon = class TileMediatypeIcon extends LitElement {
      * Whether this represents a TV item
      */
     get isTvItem() {
-        var _a, _b;
-        return !!(((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'movies' &&
-            ((_b = this.model) === null || _b === void 0 ? void 0 : _b.collections.some(id => TV_COLLECTIONS.has(id))));
+        return !!(this.model?.mediatype === 'movies' &&
+            this.model?.collections.some(id => TV_COLLECTIONS.has(id)));
     }
     get isTvCommercial() {
-        var _a, _b, _c;
         // Contains one or more TV ad identifiers or is in the tv_ads collection
-        return !!(((_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.adIds) === null || _b === void 0 ? void 0 : _b.length) ||
-            ((_c = this.model) === null || _c === void 0 ? void 0 : _c.collections.includes(TV_COMMERCIAL_COLLECTION)));
+        return !!(this.model?.adIds?.length ||
+            this.model?.collections.includes(TV_COMMERCIAL_COLLECTION));
     }
     get isTvFactCheck() {
-        var _a, _b, _c;
         // Contains one or more fact-check URLs or is in the factchecked collection
-        return !!(((_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.factChecks) === null || _b === void 0 ? void 0 : _b.length) ||
-            ((_c = this.model) === null || _c === void 0 ? void 0 : _c.collections.includes(TV_FACT_CHECK_COLLECTION)));
+        return !!(this.model?.factChecks?.length ||
+            this.model?.collections.includes(TV_FACT_CHECK_COLLECTION));
     }
     get isTvQuote() {
-        var _a;
-        return !!((_a = this.model) === null || _a === void 0 ? void 0 : _a.isClip);
+        return !!this.model?.isClip;
     }
     /**
      * Whether this represents a radio item
      */
     get isRadioItem() {
-        var _a, _b;
-        return !!(((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' &&
-            ((_b = this.model) === null || _b === void 0 ? void 0 : _b.collections.some(id => RADIO_COLLECTIONS.has(id))));
+        return !!(this.model?.mediatype === 'audio' &&
+            this.model?.collections.some(id => RADIO_COLLECTIONS.has(id)));
     }
     render() {
         const config = mediatypeConfig[this.displayMediatype];

package/dist/src/tiles/tile-mediatype-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-mediatype-icon.js","sourceRoot":"","sources":["../../../src/tiles/tile-mediatype-icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport {\n  mediatypeConfig,\n  MediatypeConfigKey,\n} from '../mediatype/mediatype-config';\nimport type { TileModel } from '../models';\n\nconst TV_COMMERCIAL_COLLECTION = 'tv_ads';\nconst TV_FACT_CHECK_COLLECTION = 'factchecked';\nconst TV_COLLECTIONS = new Set(['tvnews', 'tvarchive', 'television']);\nconst RADIO_COLLECTIONS = new Set(['radio', 'radioprogram']);\n\n@customElement('tile-mediatype-icon')\nexport class TileMediatypeIcon extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  @property({ type: Boolean }) showText = false;\n\n  /**\n   * Returns the appropriate mediatype config key for the current mediatype/collections.\n   */\n  private get displayMediatype(): MediatypeConfigKey {\n    if (this.isTvItem) return this.tvDisplayMediatype;\n    if (this.isRadioItem) return 'radio';\n    return this.model?.mediatype ?? 'none';\n  }\n\n  /**\n   * Returns the appropriate TV mediatype, depending on the current collections.\n   */\n  private get tvDisplayMediatype(): MediatypeConfigKey {\n    if (this.isTvCommercial) {\n      return 'tvCommercial';\n    } else if (this.model?.isTvSearchResult && this.isTvFactCheck) {\n      return 'tvFactCheck';\n    } else if (this.model?.isTvSearchResult && this.isTvQuote) {\n      return 'tvQuote';\n    }\n\n    return 'tv';\n  }\n\n  /**\n   * Whether this represents a TV item\n   */\n  private get isTvItem(): boolean {\n    return !!(\n      this.model?.mediatype === 'movies' &&\n      this.model?.collections.some(id => TV_COLLECTIONS.has(id))\n    );\n  }\n\n  private get isTvCommercial(): boolean {\n    // Contains one or more TV ad identifiers or is in the tv_ads collection\n    return !!(\n      this.model?.adIds?.length ||\n      this.model?.collections.includes(TV_COMMERCIAL_COLLECTION)\n    );\n  }\n\n  private get isTvFactCheck(): boolean {\n    // Contains one or more fact-check URLs or is in the factchecked collection\n    return !!(\n      this.model?.factChecks?.length ||\n      this.model?.collections.includes(TV_FACT_CHECK_COLLECTION)\n    );\n  }\n\n  private get isTvQuote(): boolean {\n    return !!this.model?.isClip;\n  }\n\n  /**\n   * Whether this represents a radio item\n   */\n  private get isRadioItem(): boolean {\n    return !!(\n      this.model?.mediatype === 'audio' &&\n      this.model?.collections.some(id => RADIO_COLLECTIONS.has(id))\n    );\n  }\n\n  render() {\n    const config = mediatypeConfig[this.displayMediatype];\n    if (!config) {\n      return html``;\n    }\n\n    return html`\n      <div\n        id=\"icon\"\n        class=\"${this.showText ? 'show-text' : 'hide-text'}\"\n        title=\"${config.text}\"\n        style=\"--iconFillColor: ${config.color}\"\n      >\n        ${config.icon}\n        <p class=\"status-text\">${config.text}</p>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #icon {\n        height: var(--iconHeight, 25px);\n      }\n\n      .status-text {\n        font-size: 14px;\n        color: #2c2c2c;\n        margin: auto;\n        display: block;\n        text-align: var(--iconTextAlign, center);\n      }\n\n      #icon.hide-text p {\n        display: none;\n      }\n\n      svg {\n        height: var(--iconHeight, 10px);\n        width: var(--iconWidth, 10px);\n        pointer-events: none;\n      }\n\n      .fill-color {\n        fill: var(--iconFillColor, '#000000');\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"tile-mediatype-icon.js","sourceRoot":"","sources":["../../../src/tiles/tile-mediatype-icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport {\n  mediatypeConfig,\n  MediatypeConfigKey,\n} from '../mediatype/mediatype-config';\nimport type { TileModel } from '../models';\n\nconst TV_COMMERCIAL_COLLECTION = 'tv_ads';\nconst TV_FACT_CHECK_COLLECTION = 'factchecked';\nconst TV_COLLECTIONS = new Set(['tvnews', 'tvarchive', 'television']);\nconst RADIO_COLLECTIONS = new Set(['radio', 'radioprogram']);\n\n@customElement('tile-mediatype-icon')\nexport class TileMediatypeIcon extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  @property({ type: Boolean }) showText = false;\n\n  /**\n   * Returns the appropriate mediatype config key for the current mediatype/collections.\n   */\n  private get displayMediatype(): MediatypeConfigKey {\n    if (this.isTvItem) return this.tvDisplayMediatype;\n    if (this.isRadioItem) return 'radio';\n    return this.model?.mediatype ?? 'none';\n  }\n\n  /**\n   * Returns the appropriate TV mediatype, depending on the current collections.\n   */\n  private get tvDisplayMediatype(): MediatypeConfigKey {\n    if (this.isTvCommercial) {\n      return 'tvCommercial';\n    } else if (this.model?.isTvSearchResult && this.isTvFactCheck) {\n      return 'tvFactCheck';\n    } else if (this.model?.isTvSearchResult && this.isTvQuote) {\n      return 'tvQuote';\n    }\n\n    return 'tv';\n  }\n\n  /**\n   * Whether this represents a TV item\n   */\n  private get isTvItem(): boolean {\n    return !!(\n      this.model?.mediatype === 'movies' &&\n      this.model?.collections.some(id => TV_COLLECTIONS.has(id))\n    );\n  }\n\n  private get isTvCommercial(): boolean {\n    // Contains one or more TV ad identifiers or is in the tv_ads collection\n    return !!(\n      this.model?.adIds?.length ||\n      this.model?.collections.includes(TV_COMMERCIAL_COLLECTION)\n    );\n  }\n\n  private get isTvFactCheck(): boolean {\n    // Contains one or more fact-check URLs or is in the factchecked collection\n    return !!(\n      this.model?.factChecks?.length ||\n      this.model?.collections.includes(TV_FACT_CHECK_COLLECTION)\n    );\n  }\n\n  private get isTvQuote(): boolean {\n    return !!this.model?.isClip;\n  }\n\n  /**\n   * Whether this represents a radio item\n   */\n  private get isRadioItem(): boolean {\n    return !!(\n      this.model?.mediatype === 'audio' &&\n      this.model?.collections.some(id => RADIO_COLLECTIONS.has(id))\n    );\n  }\n\n  render() {\n    const config = mediatypeConfig[this.displayMediatype];\n    if (!config) {\n      return html``;\n    }\n\n    return html`\n      <div\n        id=\"icon\"\n        class=\"${this.showText ? 'show-text' : 'hide-text'}\"\n        title=\"${config.text}\"\n        style=\"--iconFillColor: ${config.color}\"\n      >\n        ${config.icon}\n        <p class=\"status-text\">${config.text}</p>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #icon {\n        height: var(--iconHeight, 25px);\n      }\n\n      .status-text {\n        font-size: 14px;\n        color: #2c2c2c;\n        margin: auto;\n        display: block;\n        text-align: var(--iconTextAlign, center);\n      }\n\n      #icon.hide-text p {\n        display: none;\n      }\n\n      svg {\n        height: var(--iconHeight, 10px);\n        width: var(--iconWidth, 10px);\n        pointer-events: none;\n      }\n\n      .fill-color {\n        fill: var(--iconFillColor, '#000000');\n      }\n    `;\n  }\n}\n"]}

package/dist/src/utils/collapse-repeated-quotes.js

@@ -9,6 +9,6 @@
  * be removed.
  */
 export function collapseRepeatedQuotes(str) {
-    return str === null || str === void 0 ? void 0 : str.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');
+    return str?.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');
 }
 //# sourceMappingURL=collapse-repeated-quotes.js.map

package/dist/src/utils/collapse-repeated-quotes.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-repeated-quotes.js","sourceRoot":"","sources":["../../../src/utils/collapse-repeated-quotes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,UAAU,sBAAsB,CAAC,GAAY;IACjD,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,8BAA8B,EAAE,UAAU,CAAC,CAAC;AAClE,CAAC","sourcesContent":["/**\n * Returns the input string, but removing one set of quotes from all instances of\n * \"\"clauses wrapped in two sets of quotes\"\". This assumes the quotes are already\n * URL-encoded.\n *\n * This should be a temporary measure to address the fact that the __href__ field\n * sometimes acquires extra quotation marks during query rewriting. Once there is a\n * full Lucene parser in place that handles quoted queries correctly, this can likely\n * be removed.\n */\nexport function collapseRepeatedQuotes(str?: string): string | undefined {\n  return str?.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');\n}\n"]}
+{"version":3,"file":"collapse-repeated-quotes.js","sourceRoot":"","sources":["../../../src/utils/collapse-repeated-quotes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,UAAU,sBAAsB,CAAC,GAAY;IACjD,OAAO,GAAG,EAAE,OAAO,CAAC,8BAA8B,EAAE,UAAU,CAAC,CAAC;AAClE,CAAC","sourcesContent":["/**\n * Returns the input string, but removing one set of quotes from all instances of\n * \"\"clauses wrapped in two sets of quotes\"\". This assumes the quotes are already\n * URL-encoded.\n *\n * This should be a temporary measure to address the fact that the __href__ field\n * sometimes acquires extra quotation marks during query rewriting. Once there is a\n * full Lucene parser in place that handles quoted queries correctly, this can likely\n * be removed.\n */\nexport function collapseRepeatedQuotes(str?: string): string | undefined {\n  return str?.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');\n}\n"]}

package/dist/src/utils/facet-utils.js

@@ -41,8 +41,7 @@ export function forEachFacetBucket(selectedFacets, fn) {
  * the `'none'` state in place.
  */
 export function updateSelectedFacetBucket(selectedFacets, facetType, bucket, omitNoneState = false) {
-    var _a;
-    const defaultedSelectedFacets = selectedFacets !== null && selectedFacets !== void 0 ? selectedFacets : getDefaultSelectedFacets();
+    const defaultedSelectedFacets = selectedFacets ?? getDefaultSelectedFacets();
     const newFacets = {
         ...defaultedSelectedFacets,
         [facetType]: {
@@ -51,7 +50,7 @@ export function updateSelectedFacetBucket(selectedFacets, facetType, bucket, omi
         },
     };
     if (omitNoneState && bucket.state === 'none') {
-        (_a = newFacets[facetType]) === null || _a === void 0 ? true : delete _a[bucket.key];
+        delete newFacets[facetType]?.[bucket.key];
     }
     return newFacets;
 }
@@ -104,9 +103,8 @@ export function mergeSelectedFacets(destination, source) {
     });
     // Normalize any 'none' states on the result (from either source or destination)
     forEachFacetBucket(mergeResult, (facetType, bucketKey, bucket) => {
-        var _a;
         if (bucket.state === 'none') {
-            (_a = mergeResult[facetType]) === null || _a === void 0 ? true : delete _a[bucketKey];
+            delete mergeResult[facetType]?.[bucketKey];
         }
     });
     return mergeResult;

package/dist/src/utils/facet-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"facet-utils.js","sourceRoot":"","sources":["../../../src/utils/facet-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { AggregationSortType } from '@internetarchive/search-service';\nimport {\n  FacetOption,\n  getDefaultSelectedFacets,\n  type FacetBucket,\n  type SelectedFacets,\n} from '../models';\n\n// This file contains several helper functions designed to make working immutably\n// with SelectedFacet objects and FacetGroups cleaner & easier.\n\n/**\n * Calls the given function for each FacetBucket specified in the given SelectedFacets\n * object. The function is always called with the facet type, bucket key, bucket object,\n * and the given SelectedFacets object.\n *\n * @param selectedFacets The SelectedFacets object whose buckets should be iterated over\n * @param fn The function to apply to each facet bucket.\n *\n * @example\n * forEachFacetBucket(\n *   myFacets,\n *   (facetType, bucketKey, bucket) => {\n *     if (facetType === 'collection' && bucket.state === 'hidden') {\n *       console.log(`Excluding any results in the ${bucketKey} collection`);\n *     }\n *   }\n * );\n */\nexport function forEachFacetBucket(\n  selectedFacets: SelectedFacets | undefined,\n  fn: (\n    facetType: FacetOption,\n    bucketKey: string,\n    bucket: FacetBucket,\n    selectedFacets: SelectedFacets,\n  ) => unknown,\n): void {\n  if (!selectedFacets) return;\n  for (const [facetType, facetBuckets] of Object.entries(selectedFacets)) {\n    for (const [bucketKey, bucket] of Object.entries(facetBuckets)) {\n      fn(facetType as FacetOption, bucketKey, bucket, selectedFacets);\n    }\n  }\n}\n\n/**\n * Returns a new SelectedFacets object having only the specified bucket changed to\n * reflect its new provided value. The bucket key is determined from the provided\n * `bucket` itself.\n * @param selectedFacets The SelectedFacets object to produce an updated clone of\n * @param facetType The type of facet to be modified (e.g., 'mediatype', 'subject', ...)\n * @param bucket The new bucket that should be present on the result\n * @param omitNoneState If set to true, the returned object will omit the given\n * bucket entirely if it is updated to state `'none'`. Default is false, which leaves\n * the `'none'` state in place.\n */\nexport function updateSelectedFacetBucket(\n  selectedFacets: SelectedFacets | undefined,\n  facetType: FacetOption,\n  bucket: FacetBucket,\n  omitNoneState = false,\n): SelectedFacets {\n  const defaultedSelectedFacets = selectedFacets ?? getDefaultSelectedFacets();\n  const newFacets: SelectedFacets = {\n    ...defaultedSelectedFacets,\n    [facetType]: {\n      ...defaultedSelectedFacets[facetType],\n      [bucket.key]: bucket,\n    },\n  };\n\n  if (omitNoneState && bucket.state === 'none') {\n    delete newFacets[facetType]?.[bucket.key];\n  }\n\n  return newFacets;\n}\n\n/**\n * Creates a clone of the given SelectedFacets object.\n *\n * Note that the underlying FacetBucket objects are not deep-cloned -- they will\n * be references to the same objects as in the input. However, the objects\n * containing the FacetBuckets for each FacetOption are created anew.\n *\n * If the provided argument is undefined, returns an empty SelectedFacets object.\n *\n * @param selectedFacets The SelectedFacets object to be cloned\n */\nexport function cloneSelectedFacets(\n  selectedFacets: SelectedFacets | undefined,\n): SelectedFacets {\n  const cloneResult = getDefaultSelectedFacets();\n  forEachFacetBucket(selectedFacets, (facetType, bucketKey, bucket) => {\n    if (!cloneResult[facetType]) cloneResult[facetType] = {};\n    cloneResult[facetType][bucketKey] = bucket;\n  });\n  return cloneResult;\n}\n\n/**\n * Creates a new SelectedFacets object representing a merge of the `source` facets object\n * into the `destination` facets object. Any facets existing in `source` take precedence\n * over those in `destination` in the event of conflicts.\n *\n * The resulting SelectedFacets object is normalized to omit any facet buckets whose\n * state is `'none'` in the merged result. Consequently, any facets buckets with state\n * `'none'` in `source` will always be absent from the end result. Likewise, any facet\n * buckets with state `'none'` in `destination` will be absent _unless_ they are also\n * present in `source` with a state of `'selected'` or `'hidden'` (in which case `source`\n * takes precedence as usual).\n *\n * @param source The source of the new facets to merge in. Any facet buckets existing in\n * this `source` object will take precedence over those in `destination` having the same\n * key, if they exist in both. Any facet buckets that are _not_ present in `source` will\n * remain unmodified from their state in `destination`, if they are present there at all.\n * @param destination The destination onto which facets should be merged. Note that this\n * object is _not_ re-used for the return value, but it is conceptually the \"existing base\"\n * onto which the source facets are merged.\n */\nexport function mergeSelectedFacets(\n  destination: SelectedFacets | undefined,\n  source: SelectedFacets | undefined,\n): SelectedFacets {\n  const mergeResult = cloneSelectedFacets(destination);\n  forEachFacetBucket(source, (facetType, bucketKey, bucket) => {\n    if (!mergeResult[facetType]) mergeResult[facetType] = {};\n    mergeResult[facetType][bucketKey] = bucket;\n  });\n\n  // Normalize any 'none' states on the result (from either source or destination)\n  forEachFacetBucket(mergeResult, (facetType, bucketKey, bucket) => {\n    if (bucket.state === 'none') {\n      delete mergeResult[facetType]?.[bucketKey];\n    }\n  });\n\n  return mergeResult;\n}\n\n/**\n * Defines the order of states in which to display SelectedFacets buckets\n */\nconst BUCKET_STATE_ORDER = ['selected', 'hidden', 'none'];\n\n/**\n * Sorts the provided FacetBuckets so that:\n * - Any selected items come first\n * - Any hidden items come after all the selected items\n * - Any unselected / unhidden items come last\n *\n * Within each of the above groups, the buckets will be sorted according to\n * the provided sort type, or by their bucket count by default.\n *\n * The sort is performed in-place using `Array.sort`, so the return value is\n * a reference to the same array that was passed in, only sorted.\n *\n * @param buckets The array of facet buckets to sort\n * @param sort (Optional) How buckets within each state group should be sorted.\n * Defaults to `AggregationSortType.COUNT` (i.e., descending by bucket count).\n */\nexport function sortBucketsBySelectionState(\n  buckets: FacetBucket[],\n  sort = AggregationSortType.COUNT,\n) {\n  return buckets.sort((a, b) => {\n    const aStateIndex = BUCKET_STATE_ORDER.indexOf(a.state);\n    const bStateIndex = BUCKET_STATE_ORDER.indexOf(b.state);\n    const stateDiff = aStateIndex - bStateIndex; // Sort bucket states primarily in the order defined by BUCKET_STATE_ORDER\n\n    let secondaryDiff;\n    if (sort === AggregationSortType.ALPHABETICAL) {\n      secondaryDiff = a.key.localeCompare(b.key); // Ascending alphabetically by bucket key\n    } else if (sort === AggregationSortType.NUMERIC) {\n      secondaryDiff = Number(b.key) - Number(a.key); // Descending numerically by bucket key\n    } else {\n      secondaryDiff = b.count - a.count; // Descending by bucket count\n    }\n\n    return stateDiff || secondaryDiff; // Primary sort on state, secondary sort on the given sort type (defaulting to descending count)\n  });\n}\n"]}
+{"version":3,"file":"facet-utils.js","sourceRoot":"","sources":["../../../src/utils/facet-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAEL,wBAAwB,GAGzB,MAAM,WAAW,CAAC;AAEnB,iFAAiF;AACjF,+DAA+D;AAE/D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,kBAAkB,CAChC,cAA0C,EAC1C,EAKY;IAEZ,IAAI,CAAC,cAAc;QAAE,OAAO;IAC5B,KAAK,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;QACvE,KAAK,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAC/D,EAAE,CAAC,SAAwB,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,yBAAyB,CACvC,cAA0C,EAC1C,SAAsB,EACtB,MAAmB,EACnB,aAAa,GAAG,KAAK;IAErB,MAAM,uBAAuB,GAAG,cAAc,IAAI,wBAAwB,EAAE,CAAC;IAC7E,MAAM,SAAS,GAAmB;QAChC,GAAG,uBAAuB;QAC1B,CAAC,SAAS,CAAC,EAAE;YACX,GAAG,uBAAuB,CAAC,SAAS,CAAC;YACrC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM;SACrB;KACF,CAAC;IAEF,IAAI,aAAa,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;QAC7C,OAAO,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,mBAAmB,CACjC,cAA0C;IAE1C,MAAM,WAAW,GAAG,wBAAwB,EAAE,CAAC;IAC/C,kBAAkB,CAAC,cAAc,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE;QAClE,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;YAAE,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACzD,WAAW,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAC7C,CAAC,CAAC,CAAC;IACH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,mBAAmB,CACjC,WAAuC,EACvC,MAAkC;IAElC,MAAM,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACrD,kBAAkB,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE;QAC1D,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;YAAE,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACzD,WAAW,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,gFAAgF;IAChF,kBAAkB,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE;QAC/D,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YAC5B,OAAO,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;GAEG;AACH,MAAM,kBAAkB,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,2BAA2B,CACzC,OAAsB,EACtB,IAAI,GAAG,mBAAmB,CAAC,KAAK;IAEhC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC3B,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,0EAA0E;QAEvH,IAAI,aAAa,CAAC;QAClB,IAAI,IAAI,KAAK,mBAAmB,CAAC,YAAY,EAAE,CAAC;YAC9C,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,yCAAyC;QACvF,CAAC;aAAM,IAAI,IAAI,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;YAChD,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,uCAAuC;QACxF,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,6BAA6B;QAClE,CAAC;QAED,OAAO,SAAS,IAAI,aAAa,CAAC,CAAC,gGAAgG;IACrI,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { AggregationSortType } from '@internetarchive/search-service';\nimport {\n  FacetOption,\n  getDefaultSelectedFacets,\n  type FacetBucket,\n  type SelectedFacets,\n} from '../models';\n\n// This file contains several helper functions designed to make working immutably\n// with SelectedFacet objects and FacetGroups cleaner & easier.\n\n/**\n * Calls the given function for each FacetBucket specified in the given SelectedFacets\n * object. The function is always called with the facet type, bucket key, bucket object,\n * and the given SelectedFacets object.\n *\n * @param selectedFacets The SelectedFacets object whose buckets should be iterated over\n * @param fn The function to apply to each facet bucket.\n *\n * @example\n * forEachFacetBucket(\n *   myFacets,\n *   (facetType, bucketKey, bucket) => {\n *     if (facetType === 'collection' && bucket.state === 'hidden') {\n *       console.log(`Excluding any results in the ${bucketKey} collection`);\n *     }\n *   }\n * );\n */\nexport function forEachFacetBucket(\n  selectedFacets: SelectedFacets | undefined,\n  fn: (\n    facetType: FacetOption,\n    bucketKey: string,\n    bucket: FacetBucket,\n    selectedFacets: SelectedFacets,\n  ) => unknown,\n): void {\n  if (!selectedFacets) return;\n  for (const [facetType, facetBuckets] of Object.entries(selectedFacets)) {\n    for (const [bucketKey, bucket] of Object.entries(facetBuckets)) {\n      fn(facetType as FacetOption, bucketKey, bucket, selectedFacets);\n    }\n  }\n}\n\n/**\n * Returns a new SelectedFacets object having only the specified bucket changed to\n * reflect its new provided value. The bucket key is determined from the provided\n * `bucket` itself.\n * @param selectedFacets The SelectedFacets object to produce an updated clone of\n * @param facetType The type of facet to be modified (e.g., 'mediatype', 'subject', ...)\n * @param bucket The new bucket that should be present on the result\n * @param omitNoneState If set to true, the returned object will omit the given\n * bucket entirely if it is updated to state `'none'`. Default is false, which leaves\n * the `'none'` state in place.\n */\nexport function updateSelectedFacetBucket(\n  selectedFacets: SelectedFacets | undefined,\n  facetType: FacetOption,\n  bucket: FacetBucket,\n  omitNoneState = false,\n): SelectedFacets {\n  const defaultedSelectedFacets = selectedFacets ?? getDefaultSelectedFacets();\n  const newFacets: SelectedFacets = {\n    ...defaultedSelectedFacets,\n    [facetType]: {\n      ...defaultedSelectedFacets[facetType],\n      [bucket.key]: bucket,\n    },\n  };\n\n  if (omitNoneState && bucket.state === 'none') {\n    delete newFacets[facetType]?.[bucket.key];\n  }\n\n  return newFacets;\n}\n\n/**\n * Creates a clone of the given SelectedFacets object.\n *\n * Note that the underlying FacetBucket objects are not deep-cloned -- they will\n * be references to the same objects as in the input. However, the objects\n * containing the FacetBuckets for each FacetOption are created anew.\n *\n * If the provided argument is undefined, returns an empty SelectedFacets object.\n *\n * @param selectedFacets The SelectedFacets object to be cloned\n */\nexport function cloneSelectedFacets(\n  selectedFacets: SelectedFacets | undefined,\n): SelectedFacets {\n  const cloneResult = getDefaultSelectedFacets();\n  forEachFacetBucket(selectedFacets, (facetType, bucketKey, bucket) => {\n    if (!cloneResult[facetType]) cloneResult[facetType] = {};\n    cloneResult[facetType][bucketKey] = bucket;\n  });\n  return cloneResult;\n}\n\n/**\n * Creates a new SelectedFacets object representing a merge of the `source` facets object\n * into the `destination` facets object. Any facets existing in `source` take precedence\n * over those in `destination` in the event of conflicts.\n *\n * The resulting SelectedFacets object is normalized to omit any facet buckets whose\n * state is `'none'` in the merged result. Consequently, any facets buckets with state\n * `'none'` in `source` will always be absent from the end result. Likewise, any facet\n * buckets with state `'none'` in `destination` will be absent _unless_ they are also\n * present in `source` with a state of `'selected'` or `'hidden'` (in which case `source`\n * takes precedence as usual).\n *\n * @param source The source of the new facets to merge in. Any facet buckets existing in\n * this `source` object will take precedence over those in `destination` having the same\n * key, if they exist in both. Any facet buckets that are _not_ present in `source` will\n * remain unmodified from their state in `destination`, if they are present there at all.\n * @param destination The destination onto which facets should be merged. Note that this\n * object is _not_ re-used for the return value, but it is conceptually the \"existing base\"\n * onto which the source facets are merged.\n */\nexport function mergeSelectedFacets(\n  destination: SelectedFacets | undefined,\n  source: SelectedFacets | undefined,\n): SelectedFacets {\n  const mergeResult = cloneSelectedFacets(destination);\n  forEachFacetBucket(source, (facetType, bucketKey, bucket) => {\n    if (!mergeResult[facetType]) mergeResult[facetType] = {};\n    mergeResult[facetType][bucketKey] = bucket;\n  });\n\n  // Normalize any 'none' states on the result (from either source or destination)\n  forEachFacetBucket(mergeResult, (facetType, bucketKey, bucket) => {\n    if (bucket.state === 'none') {\n      delete mergeResult[facetType]?.[bucketKey];\n    }\n  });\n\n  return mergeResult;\n}\n\n/**\n * Defines the order of states in which to display SelectedFacets buckets\n */\nconst BUCKET_STATE_ORDER = ['selected', 'hidden', 'none'];\n\n/**\n * Sorts the provided FacetBuckets so that:\n * - Any selected items come first\n * - Any hidden items come after all the selected items\n * - Any unselected / unhidden items come last\n *\n * Within each of the above groups, the buckets will be sorted according to\n * the provided sort type, or by their bucket count by default.\n *\n * The sort is performed in-place using `Array.sort`, so the return value is\n * a reference to the same array that was passed in, only sorted.\n *\n * @param buckets The array of facet buckets to sort\n * @param sort (Optional) How buckets within each state group should be sorted.\n * Defaults to `AggregationSortType.COUNT` (i.e., descending by bucket count).\n */\nexport function sortBucketsBySelectionState(\n  buckets: FacetBucket[],\n  sort = AggregationSortType.COUNT,\n) {\n  return buckets.sort((a, b) => {\n    const aStateIndex = BUCKET_STATE_ORDER.indexOf(a.state);\n    const bStateIndex = BUCKET_STATE_ORDER.indexOf(b.state);\n    const stateDiff = aStateIndex - bStateIndex; // Sort bucket states primarily in the order defined by BUCKET_STATE_ORDER\n\n    let secondaryDiff;\n    if (sort === AggregationSortType.ALPHABETICAL) {\n      secondaryDiff = a.key.localeCompare(b.key); // Ascending alphabetically by bucket key\n    } else if (sort === AggregationSortType.NUMERIC) {\n      secondaryDiff = Number(b.key) - Number(a.key); // Descending numerically by bucket key\n    } else {\n      secondaryDiff = b.count - a.count; // Descending by bucket count\n    }\n\n    return stateDiff || secondaryDiff; // Primary sort on state, secondary sort on the given sort type (defaulting to descending count)\n  });\n}\n"]}

package/dist/src/utils/format-count.js

@@ -8,14 +8,14 @@ import { msg, str } from '@lit/localize';
  */
 function magnitude(number, numberFormat) {
     let divisor = 1;
-    if (number >= 1000000000) {
-        divisor = 1000000000;
+    if (number >= 1_000_000_000) {
+        divisor = 1_000_000_000;
     }
-    else if (number >= 1000000) {
-        divisor = 1000000;
+    else if (number >= 1_000_000) {
+        divisor = 1_000_000;
     }
-    else if (number >= 1000 && numberFormat === 'short') {
-        divisor = 1000;
+    else if (number >= 1_000 && numberFormat === 'short') {
+        divisor = 1_000;
     }
     return divisor;
 }
@@ -40,17 +40,17 @@ function round(number = 0, divisor) {
  */
 function labelize(rounded, divisor, format, locale) {
     switch (divisor) {
-        case 1000000000:
+        case 1_000_000_000:
             if (format === 'short') {
                 return msg(str `${rounded}B`);
             }
             return msg(str `${rounded} billion`);
-        case 1000000:
+        case 1_000_000:
             if (format === 'short') {
                 return msg(str `${rounded}M`);
             }
             return msg(str `${rounded} million`);
-        case 1000:
+        case 1_000:
             if (format === 'short') {
                 return msg(str `${rounded}K`);
             }
@@ -65,7 +65,7 @@ function labelize(rounded, divisor, format, locale) {
  */
 export function formatCount(count, numberFormat = 'long', labelFormat = 'short', locale = 'en-US') {
     // Return blank if undefined
-    const number = count !== null && count !== void 0 ? count : -1;
+    const number = count ?? -1;
     if (number < 0) {
         return '';
     }

package/dist/src/utils/format-count.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-count.js","sourceRoot":"","sources":["../../../src/utils/format-count.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAUzC;;GAEG;AACH,SAAS,SAAS,CAAC,MAAc,EAAE,YAA0B;IAC3D,IAAI,OAAO,GAAY,CAAC,CAAC;IACzB,IAAI,MAAM,IAAI,UAAa,EAAE,CAAC;QAC5B,OAAO,GAAG,UAAa,CAAC;IAC1B,CAAC;SAAM,IAAI,MAAM,IAAI,OAAS,EAAE,CAAC;QAC/B,OAAO,GAAG,OAAS,CAAC;IACtB,CAAC;SAAM,IAAI,MAAM,IAAI,IAAK,IAAI,YAAY,KAAK,OAAO,EAAE,CAAC;QACvD,OAAO,GAAG,IAAK,CAAC;IAClB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;GAGG;AACH,SAAS,KAAK,CAAC,SAAiB,CAAC,EAAE,OAAgB;IACjD,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC;IAC/B,IAAI,OAAO,GAAW,CAAC,CAAC;IACxB,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IAC5D,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAS,QAAQ,CACf,OAAe,EACf,OAAgB,EAChB,MAAmB,EACnB,MAAc;IAEd,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAa;YAChB,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,UAAU,CAAC,CAAC;QACtC,KAAK,OAAS;YACZ,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,UAAU,CAAC,CAAC;QACtC,KAAK,IAAK;YACR,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,WAAW,CAAC,CAAC;QAEvC;YACE,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,KAAyB,EACzB,eAA6B,MAAM,EACnC,cAA2B,OAAO,EAClC,SAAiB,OAAO;IAExB,4BAA4B;IAC5B,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC,CAAC;IAC3B,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,OAAO,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC","sourcesContent":["/*\n * Replaces Petabox www/common/Util::number_format()\n * For positive numbers only.\n */\nimport { msg, str } from '@lit/localize';\n\nexport type NumberFormat =\n  | 'short' // 1.2 [K | thousand]\n  | 'long'; // 1,200 [No label for numbers < 1,000,000]\nexport type LabelFormat =\n  | 'short' // [1.2]K\n  | 'long'; // [1.2] thousand\ntype Divisor = 1_000_000_000 | 1_000_000 | 1_000 | 1;\n\n/**\n * Return the magnitude of a number.\n */\nfunction magnitude(number: number, numberFormat: NumberFormat): Divisor {\n  let divisor: Divisor = 1;\n  if (number >= 1_000_000_000) {\n    divisor = 1_000_000_000;\n  } else if (number >= 1_000_000) {\n    divisor = 1_000_000;\n  } else if (number >= 1_000 && numberFormat === 'short') {\n    divisor = 1_000;\n  }\n  return divisor;\n}\n\n/**\n * Round a number given passed magnitude.\n * Significant digits of value less than 10 get a decimal.\n */\nfunction round(number: number = 0, divisor: Divisor): number {\n  const result = number / divisor;\n  const roundToOne = result < 10;\n  let rounded: number = 0;\n  if (roundToOne) {\n    rounded = Math.round((result + Number.EPSILON) * 10) / 10;\n  } else {\n    rounded = Math.round(result);\n  }\n  return rounded;\n}\n\n/**\n * Return a label for a number and format.\n */\nfunction labelize(\n  rounded: number,\n  divisor: Divisor,\n  format: LabelFormat,\n  locale: string,\n): string {\n  switch (divisor) {\n    case 1_000_000_000:\n      if (format === 'short') {\n        return msg(str`${rounded}B`);\n      }\n      return msg(str`${rounded} billion`);\n    case 1_000_000:\n      if (format === 'short') {\n        return msg(str`${rounded}M`);\n      }\n      return msg(str`${rounded} million`);\n    case 1_000:\n      if (format === 'short') {\n        return msg(str`${rounded}K`);\n      }\n      return msg(str`${rounded} thousand`);\n\n    default:\n      return new Intl.NumberFormat(locale).format(rounded);\n  }\n}\n\n/**\n * Format a \"count\" number into short \"icon\" or longer text string.\n * For positive numbers only.\n */\nexport function formatCount(\n  count: number | undefined,\n  numberFormat: NumberFormat = 'long',\n  labelFormat: LabelFormat = 'short',\n  locale: string = 'en-US',\n): string {\n  // Return blank if undefined\n  const number = count ?? -1;\n  if (number < 0) {\n    return '';\n  }\n  const divisor = magnitude(number, numberFormat);\n  const rounded = round(number, divisor);\n  return labelize(rounded, divisor, labelFormat, locale);\n}\n"]}
+{"version":3,"file":"format-count.js","sourceRoot":"","sources":["../../../src/utils/format-count.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAUzC;;GAEG;AACH,SAAS,SAAS,CAAC,MAAc,EAAE,YAA0B;IAC3D,IAAI,OAAO,GAAY,CAAC,CAAC;IACzB,IAAI,MAAM,IAAI,aAAa,EAAE,CAAC;QAC5B,OAAO,GAAG,aAAa,CAAC;IAC1B,CAAC;SAAM,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;QAC/B,OAAO,GAAG,SAAS,CAAC;IACtB,CAAC;SAAM,IAAI,MAAM,IAAI,KAAK,IAAI,YAAY,KAAK,OAAO,EAAE,CAAC;QACvD,OAAO,GAAG,KAAK,CAAC;IAClB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;GAGG;AACH,SAAS,KAAK,CAAC,SAAiB,CAAC,EAAE,OAAgB;IACjD,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC;IAC/B,IAAI,OAAO,GAAW,CAAC,CAAC;IACxB,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IAC5D,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAS,QAAQ,CACf,OAAe,EACf,OAAgB,EAChB,MAAmB,EACnB,MAAc;IAEd,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,aAAa;YAChB,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,UAAU,CAAC,CAAC;QACtC,KAAK,SAAS;YACZ,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,UAAU,CAAC,CAAC;QACtC,KAAK,KAAK;YACR,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,OAAO,WAAW,CAAC,CAAC;QAEvC;YACE,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,KAAyB,EACzB,eAA6B,MAAM,EACnC,cAA2B,OAAO,EAClC,SAAiB,OAAO;IAExB,4BAA4B;IAC5B,MAAM,MAAM,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC;IAC3B,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,OAAO,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC","sourcesContent":["/*\n * Replaces Petabox www/common/Util::number_format()\n * For positive numbers only.\n */\nimport { msg, str } from '@lit/localize';\n\nexport type NumberFormat =\n  | 'short' // 1.2 [K | thousand]\n  | 'long'; // 1,200 [No label for numbers < 1,000,000]\nexport type LabelFormat =\n  | 'short' // [1.2]K\n  | 'long'; // [1.2] thousand\ntype Divisor = 1_000_000_000 | 1_000_000 | 1_000 | 1;\n\n/**\n * Return the magnitude of a number.\n */\nfunction magnitude(number: number, numberFormat: NumberFormat): Divisor {\n  let divisor: Divisor = 1;\n  if (number >= 1_000_000_000) {\n    divisor = 1_000_000_000;\n  } else if (number >= 1_000_000) {\n    divisor = 1_000_000;\n  } else if (number >= 1_000 && numberFormat === 'short') {\n    divisor = 1_000;\n  }\n  return divisor;\n}\n\n/**\n * Round a number given passed magnitude.\n * Significant digits of value less than 10 get a decimal.\n */\nfunction round(number: number = 0, divisor: Divisor): number {\n  const result = number / divisor;\n  const roundToOne = result < 10;\n  let rounded: number = 0;\n  if (roundToOne) {\n    rounded = Math.round((result + Number.EPSILON) * 10) / 10;\n  } else {\n    rounded = Math.round(result);\n  }\n  return rounded;\n}\n\n/**\n * Return a label for a number and format.\n */\nfunction labelize(\n  rounded: number,\n  divisor: Divisor,\n  format: LabelFormat,\n  locale: string,\n): string {\n  switch (divisor) {\n    case 1_000_000_000:\n      if (format === 'short') {\n        return msg(str`${rounded}B`);\n      }\n      return msg(str`${rounded} billion`);\n    case 1_000_000:\n      if (format === 'short') {\n        return msg(str`${rounded}M`);\n      }\n      return msg(str`${rounded} million`);\n    case 1_000:\n      if (format === 'short') {\n        return msg(str`${rounded}K`);\n      }\n      return msg(str`${rounded} thousand`);\n\n    default:\n      return new Intl.NumberFormat(locale).format(rounded);\n  }\n}\n\n/**\n * Format a \"count\" number into short \"icon\" or longer text string.\n * For positive numbers only.\n */\nexport function formatCount(\n  count: number | undefined,\n  numberFormat: NumberFormat = 'long',\n  labelFormat: LabelFormat = 'short',\n  locale: string = 'en-US',\n): string {\n  // Return blank if undefined\n  const number = count ?? -1;\n  if (number < 0) {\n    return '';\n  }\n  const divisor = magnitude(number, numberFormat);\n  const rounded = round(number, divisor);\n  return labelize(rounded, divisor, labelFormat, locale);\n}\n"]}

package/dist/src/utils/format-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date.js","sourceRoot":"","sources":["../../../src/utils/format-date.ts"],"names":[],"mappings":"AAwBA,MAAM,UAAU,UAAU,CACxB,IAAsB,EACtB,SAAqB,OAAO,EAC5B,EAAE,MAAM,GAAG,OAAO,EAAE,YAAY,GAAG,KAAK,KAAwB,EAAE;IAElE,4BAA4B;IAC5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,mFAAmF;IACnF,yEAAyE;IACzE,mFAAmF;IACnF,yDAAyD;IACzD,MAAM,OAAO,GAA+B,YAAY;QACtD,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAExB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,WAAW;YACd,8EAA8E;YAC9E,+EAA+E;YAC/E,6DAA6D;YAC7D,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;QACpC,KAAK,OAAO;YACV,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC;YACxB,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;YACzB,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;YACzB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC;YACxB,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC;YACxB,MAAM;QACR;YACE,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/D,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC","sourcesContent":["/*\r\n * Display date\r\n * Override browser timezone to always display same date as in data\r\n */\r\nexport type DateFormat =\r\n  | 'year-only' // 2020\r\n  | 'short' // Dec 2020\r\n  | 'long'; // Dec 20, 2020\r\n\r\n/**\r\n * Extra options accepted by the `formatDate` function\r\n */\r\nexport type FormatDateOptions = {\r\n  /**\r\n   * Which locale to format the date string for (default `'en-US'`)\r\n   */\r\n  locale?: string;\r\n  /**\r\n   * Whether to display the date in the browser's local time zone.\r\n   * Default is `false`, displaying the dates in UTC.\r\n   */\r\n  useLocalTime?: boolean;\r\n};\r\n\r\nexport function formatDate(\r\n  date: Date | undefined,\r\n  format: DateFormat = 'short',\r\n  { locale = 'en-US', useLocalTime = false }: FormatDateOptions = {},\r\n): string {\r\n  // Return blank if undefined\r\n  if (!date) return '';\r\n\r\n  // The dates provided by the backend are assumed to already be with respect to UTC,\r\n  // and by default we specify that they should be rendered as such. If the\r\n  // `useLocalTime` option was set, we omit the UTC time zone from our format options\r\n  // so that the browser's local time zone is used instead.\r\n  const options: Intl.DateTimeFormatOptions = useLocalTime\r\n    ? {}\r\n    : { timeZone: 'UTC' };\r\n\r\n  switch (format) {\r\n    case 'year-only':\r\n      // If we're only using the year, ensure we output the correct UTC year and not\r\n      // the local year. If the local timezone is used, we can get strange off-by-one\r\n      // errors due to quirks of timezone handling for older years.\r\n      return `${date.getUTCFullYear()}`;\r\n    case 'short':\r\n      options.month = 'short';\r\n      options.year = 'numeric';\r\n      break;\r\n    case 'long':\r\n      options.year = 'numeric';\r\n      options.month = 'short';\r\n      options.day = '2-digit';\r\n      break;\r\n    default:\r\n      break;\r\n  }\r\n\r\n  const dateFormatter = new Intl.DateTimeFormat(locale, options);\r\n  return dateFormatter.format(date);\r\n}\r\n"]}
+{"version":3,"file":"format-date.js","sourceRoot":"","sources":["../../../src/utils/format-date.ts"],"names":[],"mappings":"AAwBA,MAAM,UAAU,UAAU,CACxB,IAAsB,EACtB,SAAqB,OAAO,EAC5B,EAAE,MAAM,GAAG,OAAO,EAAE,YAAY,GAAG,KAAK,KAAwB,EAAE;IAElE,4BAA4B;IAC5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,mFAAmF;IACnF,yEAAyE;IACzE,mFAAmF;IACnF,yDAAyD;IACzD,MAAM,OAAO,GAA+B,YAAY;QACtD,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAExB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,WAAW;YACd,8EAA8E;YAC9E,+EAA+E;YAC/E,6DAA6D;YAC7D,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;QACpC,KAAK,OAAO;YACV,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC;YACxB,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;YACzB,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;YACzB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC;YACxB,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC;YACxB,MAAM;QACR;YACE,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/D,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC","sourcesContent":["/*\n * Display date\n * Override browser timezone to always display same date as in data\n */\nexport type DateFormat =\n  | 'year-only' // 2020\n  | 'short' // Dec 2020\n  | 'long'; // Dec 20, 2020\n\n/**\n * Extra options accepted by the `formatDate` function\n */\nexport type FormatDateOptions = {\n  /**\n   * Which locale to format the date string for (default `'en-US'`)\n   */\n  locale?: string;\n  /**\n   * Whether to display the date in the browser's local time zone.\n   * Default is `false`, displaying the dates in UTC.\n   */\n  useLocalTime?: boolean;\n};\n\nexport function formatDate(\n  date: Date | undefined,\n  format: DateFormat = 'short',\n  { locale = 'en-US', useLocalTime = false }: FormatDateOptions = {},\n): string {\n  // Return blank if undefined\n  if (!date) return '';\n\n  // The dates provided by the backend are assumed to already be with respect to UTC,\n  // and by default we specify that they should be rendered as such. If the\n  // `useLocalTime` option was set, we omit the UTC time zone from our format options\n  // so that the browser's local time zone is used instead.\n  const options: Intl.DateTimeFormatOptions = useLocalTime\n    ? {}\n    : { timeZone: 'UTC' };\n\n  switch (format) {\n    case 'year-only':\n      // If we're only using the year, ensure we output the correct UTC year and not\n      // the local year. If the local timezone is used, we can get strange off-by-one\n      // errors due to quirks of timezone handling for older years.\n      return `${date.getUTCFullYear()}`;\n    case 'short':\n      options.month = 'short';\n      options.year = 'numeric';\n      break;\n    case 'long':\n      options.year = 'numeric';\n      options.month = 'short';\n      options.day = '2-digit';\n      break;\n    default:\n      break;\n  }\n\n  const dateFormatter = new Intl.DateTimeFormat(locale, options);\n  return dateFormatter.format(date);\n}\n"]}

package/dist/src/utils/resolve-mediatype.js

@@ -4,7 +4,6 @@
  * @param result The search result to extract a mediatype from
  */
 export function resolveMediatype(result) {
-    var _a, _b, _c;
     /**
      * hit_type == 'favorited_search' is basically a new hit_type
      * - we are getting from PPS.
@@ -16,9 +15,9 @@ export function resolveMediatype(result) {
      * if backend hit_type == 'favorited_search'
      * - let's assume a "search" as new mediatype
      */
-    if (((_a = result === null || result === void 0 ? void 0 : result.rawMetadata) === null || _a === void 0 ? void 0 : _a.hit_type) === 'favorited_search') {
+    if (result?.rawMetadata?.hit_type === 'favorited_search') {
         return 'search';
     }
-    return (_c = (_b = result.mediatype) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'data';
+    return result.mediatype?.value ?? 'data';
 }
 //# sourceMappingURL=resolve-mediatype.js.map

package/dist/src/utils/resolve-mediatype.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-mediatype.js","sourceRoot":"","sources":["../../../src/utils/resolve-mediatype.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAoB;;IACnD;;;;;;;;;;OAUG;IACH,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,0CAAE,QAAQ,MAAK,kBAAkB,EAAE,CAAC;QACzD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,MAAA,MAAA,MAAM,CAAC,SAAS,0CAAE,KAAK,mCAAI,MAAM,CAAC;AAC3C,CAAC","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\nimport type { SearchResult } from '@internetarchive/search-service';\n\n/**\n * Returns the mediatype string for the given search result, taking into account\n * the special `favorited_search` hit type.\n * @param result The search result to extract a mediatype from\n */\nexport function resolveMediatype(result: SearchResult): MediaType {\n  /**\n   * hit_type == 'favorited_search' is basically a new hit_type\n   * - we are getting from PPS.\n   * - which gives response for fav- collection\n   * - having favorited items like account/collection/item etc..\n   * - as user can also favorite a search result (a search page)\n   * - so we need to have response (having fav- items and fav- search results)\n   *\n   * if backend hit_type == 'favorited_search'\n   * - let's assume a \"search\" as new mediatype\n   */\n  if (result?.rawMetadata?.hit_type === 'favorited_search') {\n    return 'search';\n  }\n\n  return result.mediatype?.value ?? 'data';\n}\n"]}
+{"version":3,"file":"resolve-mediatype.js","sourceRoot":"","sources":["../../../src/utils/resolve-mediatype.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAoB;IACnD;;;;;;;;;;OAUG;IACH,IAAI,MAAM,EAAE,WAAW,EAAE,QAAQ,KAAK,kBAAkB,EAAE,CAAC;QACzD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,MAAM,CAAC,SAAS,EAAE,KAAK,IAAI,MAAM,CAAC;AAC3C,CAAC","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\nimport type { SearchResult } from '@internetarchive/search-service';\n\n/**\n * Returns the mediatype string for the given search result, taking into account\n * the special `favorited_search` hit type.\n * @param result The search result to extract a mediatype from\n */\nexport function resolveMediatype(result: SearchResult): MediaType {\n  /**\n   * hit_type == 'favorited_search' is basically a new hit_type\n   * - we are getting from PPS.\n   * - which gives response for fav- collection\n   * - having favorited items like account/collection/item etc..\n   * - as user can also favorite a search result (a search page)\n   * - so we need to have response (having fav- items and fav- search results)\n   *\n   * if backend hit_type == 'favorited_search'\n   * - let's assume a \"search\" as new mediatype\n   */\n  if (result?.rawMetadata?.hit_type === 'favorited_search') {\n    return 'search';\n  }\n\n  return result.mediatype?.value ?? 'data';\n}\n"]}