@internetarchive/collection-browser 3.2.0 → 3.3.0

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

@@ -30,6 +30,7 @@ let TileDispatcher = TileDispatcher_1 = class TileDispatcher extends BaseTileCom
          *  - mobileBreakpoint?: number;
          *  - loggedIn = false;
          *  - suppressTileBlurring = false;
+         *  - useLocalTime = false;
          */
         super(...arguments);
         this.isManageView = false;
@@ -268,6 +269,7 @@ let TileDispatcher = TileDispatcher_1 = class TileDispatcher extends BaseTileCom
               .simpleLayoutType=${this.simpleLayoutType}
               ?showTvClips=${this.showTvClips}
               ?showInfoButton=${!this.isHoverEnabled}
+              ?useLocalTime=${this.useLocalTime}
               @infoButtonPressed=${this.tileInfoButtonPressed}
             >
             </item-tile>`;
@@ -286,6 +288,7 @@ let TileDispatcher = TileDispatcher_1 = class TileDispatcher extends BaseTileCom
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
           .suppressBlurring=${this.suppressBlurring}
+          ?useLocalTime=${this.useLocalTime}
         >
         </tile-list-compact>`;
             case 'list-detail':
@@ -303,6 +306,7 @@ let TileDispatcher = TileDispatcher_1 = class TileDispatcher extends BaseTileCom
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
           .suppressBlurring=${this.suppressBlurring}
+          ?useLocalTime=${this.useLocalTime}
         >
         </tile-list>`;
             default:

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\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   */\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  /** 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' : nothing}>\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        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      >\r\n        ${this.tile}\r\n      </a>\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              @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        >\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        >\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 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:hover {\r\n        box-shadow: var(--tileHoverBoxShadow, 0 0 6px 2px rgba(8, 8, 32, 0.8));\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      }\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"]}
+{"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;AAGhC,IAAM,cAAc,sBAApB,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;IAkaJ,CAAC;IA7YC,MAAM;;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,CAAC;QACnD,MAAM,iBAAiB,GACrB,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,WAAW,EAAE,mCAAI,OAAO,CAAC;QACrD,OAAO,IAAI,CAAA;kCACmB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO;UAC1D,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,aAAT,SAAS,cAAT,SAAS,GAAI,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,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,eAAe;gBACzC,IAAI,CAAC,sBAAsB;YACjC,CAAC,CAAC,OAAO,CAAC,8DAA8D;YACxE,CAAC,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CAAC;iBACvB,IAAI,CAAC,iBAAiB;uBAChB,IAAI,CAAC,qBAAqB;;UAEvC,IAAI,CAAC,IAAI;;KAEd,CAAC;IACJ,CAAC;IAED,IAAY,YAAY;;QACtB,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA,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,MAAA,IAAI,CAAC,KAAK,0CAAE,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,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,MAAK,QAAQ,IAAI,yCAAyC;YAC/E,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,YAAY,CAAA,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,aAAR,QAAQ,uBAAR,QAAQ,CAAE,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,MAAA,IAAI,CAAC,cAAc,0CAAE,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,MAAA,IAAI,CAAC,mBAAmB,0CAAE,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,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT,CAAC;IACJ,CAAC;;AAvZD,+EAA+E;AACvD,uCAAwB,GAG5C;IACF,IAAI,EAAE,IAAI;IACV,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,KAAK;IACpB,aAAa,EAAE,KAAK;CACrB,AAR+C,CAQ9C;AAtC0B;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;AAlDvB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CA4c1B","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\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  /** 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' : nothing}>\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        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      >\r\n        ${this.tile}\r\n      </a>\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 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:hover {\r\n        box-shadow: var(--tileHoverBoxShadow, 0 0 6px 2px rgba(8, 8, 32, 0.8));\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      }\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"]}

package/dist/src/utils/format-date.d.ts

@@ -1,2 +1,16 @@
 export type DateFormat = 'year-only' | 'short' | 'long';
-export declare function formatDate(date: Date | undefined, format?: DateFormat, locale?: string): string;
+/**
+ * Extra options accepted by the `formatDate` function
+ */
+export type FormatDateOptions = {
+    /**
+     * Which locale to format the date string for (default `'en-US'`)
+     */
+    locale?: string;
+    /**
+     * Whether to display the date in the browser's local time zone.
+     * Default is `false`, displaying the dates in UTC.
+     */
+    useLocalTime?: boolean;
+};
+export declare function formatDate(date: Date | undefined, format?: DateFormat, { locale, useLocalTime }?: FormatDateOptions): string;

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

@@ -1,9 +1,14 @@
-export function formatDate(date, format = 'short', locale = 'en-US') {
+export function formatDate(date, format = 'short', { locale = 'en-US', useLocalTime = false } = {}) {
     // Return blank if undefined
     if (!date)
         return '';
-    // the date is already in UTC timezone so we should not add timeZone here again.
-    const options = {};
+    // The dates provided by the backend are assumed to already be with respect to UTC,
+    // and by default we specify that they should be rendered as such. If the
+    // `useLocalTime` option was set, we omit the UTC time zone from our format options
+    // so that the browser's local time zone is used instead.
+    const options = useLocalTime
+        ? {}
+        : { timeZone: 'UTC' };
     switch (format) {
         case 'year-only':
             // If we're only using the year, ensure we output the correct UTC year and not

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":"AASA,MAAM,UAAU,UAAU,CACxB,IAAsB,EACtB,SAAqB,OAAO,EAC5B,SAAiB,OAAO;IAExB,4BAA4B;IAC5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,gFAAgF;IAChF,MAAM,OAAO,GAA+B,EAAE,CAAC;IAE/C,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\nexport function formatDate(\r\n  date: Date | undefined,\r\n  format: DateFormat = 'short',\r\n  locale: string = 'en-US',\r\n): string {\r\n  // Return blank if undefined\r\n  if (!date) return '';\r\n\r\n  // the date is already in UTC timezone so we should not add timeZone here again.\r\n  const options: Intl.DateTimeFormatOptions = {};\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":["/*\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"]}

package/dist/test/tiles/grid/item-tile.test.js

@@ -236,6 +236,57 @@ describe('Item Tile', () => {
         expect(dateSortedBy).to.exist;
         expect((_f = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('reviewed Jan 01, 2013');
     });
+    it('should display dates in UTC time zone by default', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date('2012-02-15T00:00:00Z'),
+        };
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
+    `);
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        expect(dateSortedBy).to.exist;
+        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('published Feb 15, 2012');
+    });
+    it('should display dates in local time when useLocalTime option is true', async () => {
+        var _a, _b;
+        // Expected behavior depends on the time zone offset where the testing occurs
+        const offset = new Date().getTimezoneOffset();
+        let datePublished, expected;
+        if (offset > 0) {
+            // Positive local time zone offsets have earlier local dates than UTC
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'published Feb 14, 2012';
+        }
+        else if (offset < 0) {
+            // Negative local time zone offsets have later local dates than UTC
+            datePublished = new Date('2012-02-15T23:59:59Z');
+            expected = 'published Feb 16, 2012';
+        }
+        else {
+            // Local time may just be UTC itself
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'published Feb 15, 2012';
+        }
+        const model = {
+            datePublished,
+        };
+        const el = await fixture(html `
+      <item-tile
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
+    `);
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        expect(dateSortedBy).to.exist;
+        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(expected);
+    });
     it('should show the first creator matching the letter filter, if defined', async () => {
         var _a, _b;
         const model = {

package/dist/test/tiles/grid/item-tile.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport sinon from 'sinon';\r\nimport { html } from 'lit';\r\nimport type { ItemTile } from '../../../src/tiles/grid/item-tile';\r\n\r\nimport '../../../src/tiles/grid/item-tile';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('Item Tile', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const container = el.shadowRoot?.querySelector('.container');\r\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n\r\n    expect(container).to.exist;\r\n    expect(tileDetails).to.exist;\r\n    expect(itemInfo).to.exist;\r\n    expect(imageBlock).to.exist;\r\n    expect(itemTitle).to.exist;\r\n  });\r\n\r\n  it('should render with created-by element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\r\n    );\r\n\r\n    const container = el.shadowRoot?.querySelector('.container');\r\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(container).to.exist;\r\n    expect(tileDetails).to.exist;\r\n    expect(itemInfo).to.exist;\r\n    expect(createdBy).to.exist;\r\n    expect(truncatedCreatorText).to.exist;\r\n    expect(dateSortedBy).to.not.exist;\r\n  });\r\n\r\n  it('should not render with created-by but date element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'date',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render with created-by but reviewdate element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'reviewdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render with created-by but publicdate element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'publicdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render date-sorted-by element if date is not provided', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'publicdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.not.exist;\r\n  });\r\n\r\n  it('should render without created-by when sorting by a date field', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'addeddate',\r\n      direction: 'asc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(itemInfo).to.exist;\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should render with created-by when sort field is not a date', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'week',\r\n      direction: 'asc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(itemInfo).to.exist;\r\n    expect(dateSortedBy).to.not.exist; // it should not exist because this is not a date sort\r\n    expect(createdBy).to.exist;\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'published Jan 02, 2012',\r\n    );\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain('added Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'archived Jan 02, 2011',\r\n    );\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'reviewed Jan 02, 2013',\r\n    );\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('published 2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('reviewed Jan 01, 2013');\r\n  });\r\n\r\n  it('should show the first creator matching the letter filter, if defined', async () => {\r\n    const model: Partial<TileModel> = {\r\n      creator: 'foo',\r\n      creators: ['foo', 'bar', 'baz'],\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('.created-by');\r\n    expect(creator).to.exist;\r\n    expect(creator?.textContent?.trim()).to.match(/by\\s+bar/);\r\n  });\r\n\r\n  it('should render with snippet block when it has snippets', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\r\n      </item-tile>\r\n    `);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.exist;\r\n  });\r\n\r\n  it('should not render snippet block when no snippets are present', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.not.exist;\r\n  });\r\n\r\n  it('should render info button when showInfoButton flag is set', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile ?showInfoButton=${true}> </item-tile>\r\n    `);\r\n\r\n    const infoButton = el.shadowRoot?.querySelector('.info-button');\r\n\r\n    expect(infoButton).to.exist;\r\n  });\r\n\r\n  it('should dispatch event when info button tapped', async () => {\r\n    const infoButtonSpy = sinon.spy();\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\r\n      </item-tile>\r\n    `);\r\n\r\n    const infoButton = el.shadowRoot?.querySelector(\r\n      '.info-button',\r\n    ) as HTMLButtonElement;\r\n    infoButton.click();\r\n    await el.updateComplete;\r\n\r\n    expect(infoButtonSpy.callCount).to.equal(1);\r\n  });\r\n\r\n  it('should render with volume/issue view', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\r\n    `);\r\n\r\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\r\n\r\n    expect(volumeIssueBlock).to.exist;\r\n  });\r\n\r\n  it('should render with volume/issue view to not render', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\r\n\r\n    expect(volumeIssueBlock).to.not.exist;\r\n  });\r\n\r\n  it('should render web capture date links if present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          title: 'https://example.com/',\r\n          captureDates,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl, 'capture dates container').to.exist;\r\n    expect(captureDatesUl?.children.length).to.equal(2);\r\n\r\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\r\n    expect(firstDateLink, 'first date link').to.exist;\r\n    expect(firstDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n\r\n    const secondDateLink =\r\n      captureDatesUl?.children[1]?.querySelector('a[href]');\r\n    expect(secondDateLink, 'second date link').to.exist;\r\n    expect(secondDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\r\n  });\r\n\r\n  it('should not render web captures if no title is present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          captureDates,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl).not.to.exist;\r\n  });\r\n\r\n  it('should render review snippet if present', async () => {\r\n    const review = {\r\n      title: 'Foo',\r\n      body: 'foo bar baz',\r\n      stars: 3,\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          review,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).to.exist;\r\n  });\r\n\r\n  it('should not render review snippet block when no review is present', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).not.to.exist;\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport sinon from 'sinon';\r\nimport { html } from 'lit';\r\nimport type { ItemTile } from '../../../src/tiles/grid/item-tile';\r\n\r\nimport '../../../src/tiles/grid/item-tile';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('Item Tile', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const container = el.shadowRoot?.querySelector('.container');\r\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n\r\n    expect(container).to.exist;\r\n    expect(tileDetails).to.exist;\r\n    expect(itemInfo).to.exist;\r\n    expect(imageBlock).to.exist;\r\n    expect(itemTitle).to.exist;\r\n  });\r\n\r\n  it('should render with created-by element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\r\n    );\r\n\r\n    const container = el.shadowRoot?.querySelector('.container');\r\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(container).to.exist;\r\n    expect(tileDetails).to.exist;\r\n    expect(itemInfo).to.exist;\r\n    expect(createdBy).to.exist;\r\n    expect(truncatedCreatorText).to.exist;\r\n    expect(dateSortedBy).to.not.exist;\r\n  });\r\n\r\n  it('should not render with created-by but date element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'date',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render with created-by but reviewdate element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'reviewdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render with created-by but publicdate element', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'publicdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should not render date-sorted-by element if date is not provided', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'publicdate',\r\n      direction: 'desc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.not.exist;\r\n  });\r\n\r\n  it('should render without created-by when sorting by a date field', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'addeddate',\r\n      direction: 'asc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(itemInfo).to.exist;\r\n    expect(createdBy).to.not.exist;\r\n    expect(dateSortedBy).to.exist;\r\n  });\r\n\r\n  it('should render with created-by when sort field is not a date', async () => {\r\n    const el = await fixture<ItemTile>(\r\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\r\n    );\r\n\r\n    el.sortParam = {\r\n      field: 'week',\r\n      direction: 'asc',\r\n    };\r\n    await el.updateComplete;\r\n\r\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\r\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n\r\n    expect(itemInfo).to.exist;\r\n    expect(dateSortedBy).to.not.exist; // it should not exist because this is not a date sort\r\n    expect(createdBy).to.exist;\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'published Jan 02, 2012',\r\n    );\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain('added Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'archived Jan 02, 2011',\r\n    );\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\r\n      'reviewed Jan 02, 2013',\r\n    );\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('published 2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal('reviewed Jan 01, 2013');\r\n  });\r\n\r\n  it('should display dates in UTC time zone by default', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-02-15T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal(\r\n      'published Feb 15, 2012',\r\n    );\r\n  });\r\n\r\n  it('should display dates in local time when useLocalTime option is true', async () => {\r\n    // Expected behavior depends on the time zone offset where the testing occurs\r\n    const offset = new Date().getTimezoneOffset();\r\n    let datePublished, expected;\r\n    if (offset > 0) {\r\n      // Positive local time zone offsets have earlier local dates than UTC\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'published Feb 14, 2012';\r\n    } else if (offset < 0) {\r\n      // Negative local time zone offsets have later local dates than UTC\r\n      datePublished = new Date('2012-02-15T23:59:59Z');\r\n      expected = 'published Feb 16, 2012';\r\n    } else {\r\n      // Local time may just be UTC itself\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'published Feb 15, 2012';\r\n    }\r\n\r\n    const model: Partial<TileModel> = {\r\n      datePublished,\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        useLocalTime\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </item-tile>\r\n    `);\r\n\r\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\r\n    expect(dateSortedBy).to.exist;\r\n    expect(dateSortedBy?.textContent?.trim()).to.equal(expected);\r\n  });\r\n\r\n  it('should show the first creator matching the letter filter, if defined', async () => {\r\n    const model: Partial<TileModel> = {\r\n      creator: 'foo',\r\n      creators: ['foo', 'bar', 'baz'],\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('.created-by');\r\n    expect(creator).to.exist;\r\n    expect(creator?.textContent?.trim()).to.match(/by\\s+bar/);\r\n  });\r\n\r\n  it('should render with snippet block when it has snippets', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\r\n      </item-tile>\r\n    `);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.exist;\r\n  });\r\n\r\n  it('should not render snippet block when no snippets are present', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.not.exist;\r\n  });\r\n\r\n  it('should render info button when showInfoButton flag is set', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile ?showInfoButton=${true}> </item-tile>\r\n    `);\r\n\r\n    const infoButton = el.shadowRoot?.querySelector('.info-button');\r\n\r\n    expect(infoButton).to.exist;\r\n  });\r\n\r\n  it('should dispatch event when info button tapped', async () => {\r\n    const infoButtonSpy = sinon.spy();\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\r\n      </item-tile>\r\n    `);\r\n\r\n    const infoButton = el.shadowRoot?.querySelector(\r\n      '.info-button',\r\n    ) as HTMLButtonElement;\r\n    infoButton.click();\r\n    await el.updateComplete;\r\n\r\n    expect(infoButtonSpy.callCount).to.equal(1);\r\n  });\r\n\r\n  it('should render with volume/issue view', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\r\n    `);\r\n\r\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\r\n\r\n    expect(volumeIssueBlock).to.exist;\r\n  });\r\n\r\n  it('should render with volume/issue view to not render', async () => {\r\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\r\n\r\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\r\n\r\n    expect(volumeIssueBlock).to.not.exist;\r\n  });\r\n\r\n  it('should render web capture date links if present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          title: 'https://example.com/',\r\n          captureDates,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl, 'capture dates container').to.exist;\r\n    expect(captureDatesUl?.children.length).to.equal(2);\r\n\r\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\r\n    expect(firstDateLink, 'first date link').to.exist;\r\n    expect(firstDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n\r\n    const secondDateLink =\r\n      captureDatesUl?.children[1]?.querySelector('a[href]');\r\n    expect(secondDateLink, 'second date link').to.exist;\r\n    expect(secondDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\r\n  });\r\n\r\n  it('should not render web captures if no title is present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          captureDates,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl).not.to.exist;\r\n  });\r\n\r\n  it('should render review snippet if present', async () => {\r\n    const review = {\r\n      title: 'Foo',\r\n      body: 'foo bar baz',\r\n      stars: 3,\r\n    };\r\n\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n          review,\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).to.exist;\r\n  });\r\n\r\n  it('should not render review snippet block when no review is present', async () => {\r\n    const el = await fixture<ItemTile>(html`\r\n      <item-tile\r\n        .model=${{\r\n          identifier: 'foo',\r\n        }}\r\n      ></item-tile>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).not.to.exist;\r\n  });\r\n});\r\n"]}

package/dist/test/tiles/list/tile-list-compact.test.js

@@ -182,6 +182,57 @@ describe('List Tile Compact', () => {
         expect(dateColumn).to.exist;
         expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
     });
+    it('should display dates in UTC time zone by default', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date('2012-02-15T00:00:00Z'),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Feb 15, 2012');
+    });
+    it('should display dates in local time when useLocalTime option is true', async () => {
+        var _a, _b;
+        // Expected behavior depends on the time zone offset where the testing occurs
+        const offset = new Date().getTimezoneOffset();
+        let datePublished, expected;
+        if (offset > 0) {
+            // Positive local time zone offsets have earlier local dates than UTC
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Feb 14, 2012';
+        }
+        else if (offset < 0) {
+            // Negative local time zone offsets have later local dates than UTC
+            datePublished = new Date('2012-02-15T23:59:59Z');
+            expected = 'Feb 16, 2012';
+        }
+        else {
+            // Local time may just be UTC itself
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Feb 15, 2012';
+        }
+        const model = {
+            datePublished,
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(expected);
+    });
     it('should show the first creator matching the letter filter, if defined', async () => {
         var _a, _b;
         const model = {

package/dist/test/tiles/list/tile-list-compact.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';\r\n\r\nimport '../../../src/tiles/list/tile-list-compact';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('List Tile Compact', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<TileListCompact>(\r\n      html`<tile-list-compact></tile-list-compact>`,\r\n    );\r\n\r\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n    const itemIcon = el.shadowRoot?.querySelector('#icon');\r\n    const itemViews = el.shadowRoot?.querySelector('#views');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(itemTitle).to.exist;\r\n    expect(imageBlock).to.exist;\r\n    expect(itemIcon).to.exist;\r\n    expect(itemViews).to.exist;\r\n  });\r\n\r\n  it('should render with creator element with title', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ creators: ['someone'] }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('#creator');\r\n\r\n    expect(creator).to.exist;\r\n  });\r\n\r\n  it('should render title link with model href if provided', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('#title');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\r\n  });\r\n\r\n  it('should render weekly views when sorting by week', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\r\n        .sortParam=${{ field: 'week', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('10');\r\n  });\r\n\r\n  it('should render 0 for views if missing model', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('0');\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2012');\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2011');\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2013');\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    let dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2013');\r\n  });\r\n\r\n  it('should show the first creator matching the letter filter, if defined', async () => {\r\n    const model: Partial<TileModel> = {\r\n      creator: 'foo',\r\n      creators: ['foo', 'bar', 'baz'],\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .model=${model} .creatorFilter=${'B'}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.getElementById('creator');\r\n    expect(creator).to.exist;\r\n    expect(creator?.textContent?.trim()).to.equal('bar');\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';\r\n\r\nimport '../../../src/tiles/list/tile-list-compact';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('List Tile Compact', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<TileListCompact>(\r\n      html`<tile-list-compact></tile-list-compact>`,\r\n    );\r\n\r\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n    const itemIcon = el.shadowRoot?.querySelector('#icon');\r\n    const itemViews = el.shadowRoot?.querySelector('#views');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(itemTitle).to.exist;\r\n    expect(imageBlock).to.exist;\r\n    expect(itemIcon).to.exist;\r\n    expect(itemViews).to.exist;\r\n  });\r\n\r\n  it('should render with creator element with title', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ creators: ['someone'] }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('#creator');\r\n\r\n    expect(creator).to.exist;\r\n  });\r\n\r\n  it('should render title link with model href if provided', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('#title');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\r\n  });\r\n\r\n  it('should render weekly views when sorting by week', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\r\n        .sortParam=${{ field: 'week', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('10');\r\n  });\r\n\r\n  it('should render 0 for views if missing model', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('0');\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2012');\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2011');\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2013');\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    let dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2013');\r\n  });\r\n\r\n  it('should display dates in UTC time zone by default', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-02-15T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Feb 15, 2012');\r\n  });\r\n\r\n  it('should display dates in local time when useLocalTime option is true', async () => {\r\n    // Expected behavior depends on the time zone offset where the testing occurs\r\n    const offset = new Date().getTimezoneOffset();\r\n    let datePublished, expected;\r\n    if (offset > 0) {\r\n      // Positive local time zone offsets have earlier local dates than UTC\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Feb 14, 2012';\r\n    } else if (offset < 0) {\r\n      // Negative local time zone offsets have later local dates than UTC\r\n      datePublished = new Date('2012-02-15T23:59:59Z');\r\n      expected = 'Feb 16, 2012';\r\n    } else {\r\n      // Local time may just be UTC itself\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Feb 15, 2012';\r\n    }\r\n\r\n    const model: Partial<TileModel> = {\r\n      datePublished,\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        useLocalTime\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal(expected);\r\n  });\r\n\r\n  it('should show the first creator matching the letter filter, if defined', async () => {\r\n    const model: Partial<TileModel> = {\r\n      creator: 'foo',\r\n      creators: ['foo', 'bar', 'baz'],\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .model=${model} .creatorFilter=${'B'}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.getElementById('creator');\r\n    expect(creator).to.exist;\r\n    expect(creator?.textContent?.trim()).to.equal('bar');\r\n  });\r\n});\r\n"]}