@internetarchive/collection-browser 3.1.0 → 3.1.1-alpha-webdev6778.2

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":";;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;;;;;;;;;;;;;;WAcG;;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;IA+ZJ,CAAC;IA1YC,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;mCACjB,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;;6BAEtB,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;;qBAE9B,CAAC;YAChB;gBACE,OAAO,OAAO,CAAC;QACnB,CAAC;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT,CAAC;IACJ,CAAC;;AApZD,+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;AAjDvB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAwc1B","sourcesContent":["import { css, html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { msg } from '@lit/localize';\nimport type {\n  SharedResizeObserverInterface,\n  SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport type { TileDisplayMode } from '../models';\nimport type { CollectionTitles } from '../data-source/models';\nimport './grid/collection-tile';\nimport './grid/item-tile';\nimport './grid/account-tile';\nimport './grid/search-tile';\nimport './hover/tile-hover-pane';\nimport './list/tile-list';\nimport './list/tile-list-compact';\nimport './list/tile-list-compact-header';\nimport type { TileHoverPane } from './hover/tile-hover-pane';\nimport { BaseTileComponent } from './base-tile-component';\nimport { SimpleLayoutType } from './models';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from './hover/hover-pane-controller';\n\n@customElement('tile-dispatcher')\nexport class TileDispatcher\n  extends BaseTileComponent\n  implements\n    SharedResizeObserverResizeHandlerInterface,\n    HoverPaneProviderInterface\n{\n  /*\n   * Reactive properties inherited from BaseTileComponent:\n   *  - model?: TileModel;\n   *  - currentWidth?: number;\n   *  - currentHeight?: number;\n   *  - baseNavigationUrl?: string;\n   *  - baseImageUrl?: string;\n   *  - collectionPagePath?: string;\n   *  - sortParam: SortParam | null = null;\n   *  - defaultSortParam: SortParam | null = null;\n   *  - creatorFilter?: string;\n   *  - mobileBreakpoint?: number;\n   *  - loggedIn = false;\n   *  - suppressTileBlurring = false;\n   */\n\n  @property({ type: String }) tileDisplayMode?: TileDisplayMode;\n\n  @property({ type: Boolean }) isManageView = false;\n\n  @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n  @property({ type: Object })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Boolean }) showTvClips = false;\n\n  /** What type of simple layout to use in grid mode, if any */\n  @property({ type: String }) simpleLayoutType: SimpleLayoutType = 'none';\n\n  /** Whether this tile should include a hover pane at all (for applicable tile modes) */\n  @property({ type: Boolean }) enableHoverPane = false;\n\n  @property({ type: String }) manageCheckTitle = msg(\n    'Remove this item from the list',\n  );\n\n  private hoverPaneController?: HoverPaneControllerInterface;\n\n  @query('#container')\n  private container!: HTMLDivElement;\n\n  @query('tile-hover-pane')\n  private hoverPane?: TileHoverPane;\n\n  /** Maps each display mode to whether hover panes should appear in that mode */\n  private static readonly HOVER_PANE_DISPLAY_MODES: Record<\n    TileDisplayMode,\n    boolean\n  > = {\n    grid: true,\n    'list-compact': true,\n    'list-detail': false,\n    'list-header': false,\n  };\n\n  render() {\n    const isGridMode = this.tileDisplayMode === 'grid';\n    const hoverPaneTemplate =\n      this.hoverPaneController?.getTemplate() ?? nothing;\n    return html`\n      <div id=\"container\" class=${isGridMode ? 'hoverable' : nothing}>\n        ${this.tileDisplayMode === 'list-header'\n          ? this.headerTemplate\n          : this.tileTemplate}\n        ${this.manageCheckTemplate} ${hoverPaneTemplate}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    if (this.shouldPrepareHoverPane) {\n      this.hoverPaneController = new HoverPaneController(this, {\n        mobileBreakpoint: this.mobileBreakpoint,\n        enableLongPress: false,\n      });\n    }\n  }\n\n  private get headerTemplate() {\n    const { currentWidth, sortParam, defaultSortParam, mobileBreakpoint } =\n      this;\n    return html`\n      <tile-list-compact-header\n        class=\"header\"\n        .currentWidth=${currentWidth}\n        .sortParam=${sortParam ?? defaultSortParam}\n        .mobileBreakpoint=${mobileBreakpoint}\n      >\n      </tile-list-compact-header>\n    `;\n  }\n\n  private get tileTemplate() {\n    return html`\n      ${this.tileDisplayMode === 'list-detail'\n        ? this.tile\n        : this.linkTileTemplate}\n    `;\n  }\n\n  private get linkTileTemplate() {\n    return html`\n      <a\n        href=${this.linkTileHref}\n        aria-label=${this.model?.title ?? 'Untitled item'}\n        title=${this.shouldPrepareHoverPane\n          ? nothing // Don't show title tooltips when we have the tile info popups\n          : ifDefined(this.model?.title)}\n        @click=${this.handleLinkClicked}\n        @contextmenu=${this.handleLinkContextMenu}\n      >\n        ${this.tile}\n      </a>\n    `;\n  }\n\n  private get linkTileHref(): string | typeof nothing {\n    if (!this.model?.identifier || this.baseNavigationUrl == null)\n      return nothing;\n\n    // Use the server-specified href if available.\n    // Otherwise, construct a details page URL from the item identifier.\n    if (this.model.href) {\n      return `${this.baseNavigationUrl}${this.model.href}`;\n    }\n\n    return this.displayValueProvider.itemPageUrl(\n      this.model.identifier,\n      this.model.mediatype === 'collection',\n    );\n  }\n\n  private get manageCheckTemplate() {\n    if (!this.isManageView || this.tileDisplayMode !== 'grid') return nothing;\n\n    return html`\n      <div class=\"manage-check\">\n        <input\n          type=\"checkbox\"\n          title=${this.manageCheckTitle}\n          .checked=${this.model?.checked}\n          @change=${this.handleLinkClicked}\n        />\n      </div>\n    `;\n  }\n\n  /**\n   * Whether hover pane behavior should be prepared for this tile\n   * (e.g., whether mouse listeners should be attached, etc.)\n   */\n  private get shouldPrepareHoverPane(): boolean {\n    return (\n      this.enableHoverPane &&\n      !!this.tileDisplayMode &&\n      TileDispatcher.HOVER_PANE_DISPLAY_MODES[this.tileDisplayMode] &&\n      this.model?.mediatype !== 'search' && // don't show hover panes on search tiles\n      !this.model?.captureDates // don't show hover panes on web archive tiles\n    );\n  }\n\n  private get isHoverEnabled(): boolean {\n    return window.matchMedia('(hover: hover)').matches;\n  }\n\n  /** @inheritdoc */\n  getHoverPane(): TileHoverPane | undefined {\n    return this.hoverPane;\n  }\n\n  /** @inheritdoc */\n  getHoverPaneProps(): HoverPaneProperties {\n    return this;\n  }\n\n  handleResize(entry: ResizeObserverEntry): void {\n    this.currentWidth = entry.contentRect.width;\n    this.currentHeight = entry.contentRect.height;\n  }\n\n  disconnectedCallback(): void {\n    this.stopResizeObservation(this.resizeObserver);\n  }\n\n  private stopResizeObservation(observer?: SharedResizeObserverInterface) {\n    observer?.removeObserver({\n      handler: this,\n      target: this.container,\n    });\n  }\n\n  private startResizeObservation() {\n    this.stopResizeObservation(this.resizeObserver);\n    this.resizeObserver?.addObserver({\n      handler: this,\n      target: this.container,\n    });\n  }\n\n  updated(props: PropertyValues) {\n    if (props.has('resizeObserver')) {\n      const previousObserver = props.get(\n        'resizeObserver',\n      ) as SharedResizeObserverInterface;\n      this.stopResizeObservation(previousObserver);\n      this.startResizeObservation();\n    }\n  }\n\n  /**\n   * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.\n   * In manage view, it also checks/unchecks the tile.\n   */\n  private handleLinkClicked(e: Event): void {\n    if (this.isManageView) {\n      e.preventDefault();\n      if (this.model) this.model.checked = !this.model.checked;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('resultSelected', { detail: this.model }),\n    );\n  }\n\n  /**\n   * Handler for when the tile link is right-clicked.\n   * In manage view, it opens the item in a new tab. Otherwise, does nothing.\n   */\n  private handleLinkContextMenu(e: Event): void {\n    if (this.isManageView && this.linkTileHref !== nothing) {\n      e.preventDefault();\n      window.open(this.linkTileHref, '_blank');\n    }\n  }\n\n  private tileInfoButtonPressed(\n    e: CustomEvent<{ x: number; y: number }>,\n  ): void {\n    this.hoverPaneController?.toggleHoverPane({\n      coords: e.detail,\n      enableTouchBackdrop: true,\n    });\n  }\n\n  private get tile() {\n    const {\n      model,\n      collectionPagePath,\n      baseNavigationUrl,\n      currentWidth,\n      currentHeight,\n      sortParam,\n      creatorFilter,\n      mobileBreakpoint,\n      defaultSortParam,\n    } = this;\n\n    if (!model) return nothing;\n\n    switch (this.tileDisplayMode) {\n      case 'grid':\n        switch (model.mediatype) {\n          case 'collection':\n            return html`<collection-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${!this.isHoverEnabled}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </collection-tile>`;\n          case 'account':\n            return html`<account-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${!this.isHoverEnabled}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </account-tile>`;\n          case 'search':\n            return html`<search-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .baseImageUrl=${this.baseImageUrl}\n              .currentWidth=${currentWidth}\n              .currentHeight=${currentHeight}\n              .creatorFilter=${creatorFilter}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              ?showInfoButton=${false}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </search-tile>`;\n          default:\n            return html`<item-tile\n              .model=${model}\n              .collectionPagePath=${collectionPagePath}\n              .currentWidth=${this.currentWidth}\n              .currentHeight=${this.currentHeight}\n              .baseImageUrl=${this.baseImageUrl}\n              .sortParam=${sortParam}\n              .defaultSortParam=${defaultSortParam}\n              .creatorFilter=${creatorFilter}\n              .loggedIn=${this.loggedIn}\n              .suppressBlurring=${this.suppressBlurring}\n              .isManageView=${this.isManageView}\n              .simpleLayoutType=${this.simpleLayoutType}\n              ?showTvClips=${this.showTvClips}\n              ?showInfoButton=${!this.isHoverEnabled}\n              @infoButtonPressed=${this.tileInfoButtonPressed}\n            >\n            </item-tile>`;\n        }\n      case 'list-compact':\n        return html`<tile-list-compact\n          .model=${model}\n          .collectionPagePath=${collectionPagePath}\n          .currentWidth=${currentWidth}\n          .currentHeight=${currentHeight}\n          .baseNavigationUrl=${baseNavigationUrl}\n          .sortParam=${sortParam}\n          .defaultSortParam=${defaultSortParam}\n          .creatorFilter=${creatorFilter}\n          .mobileBreakpoint=${mobileBreakpoint}\n          .baseImageUrl=${this.baseImageUrl}\n          .loggedIn=${this.loggedIn}\n          .suppressBlurring=${this.suppressBlurring}\n        >\n        </tile-list-compact>`;\n      case 'list-detail':\n        return html`<tile-list\n          .model=${model}\n          .collectionPagePath=${collectionPagePath}\n          .collectionTitles=${this.collectionTitles}\n          .currentWidth=${currentWidth}\n          .currentHeight=${currentHeight}\n          .baseNavigationUrl=${baseNavigationUrl}\n          .sortParam=${sortParam}\n          .defaultSortParam=${defaultSortParam}\n          .creatorFilter=${creatorFilter}\n          .mobileBreakpoint=${mobileBreakpoint}\n          .baseImageUrl=${this.baseImageUrl}\n          .loggedIn=${this.loggedIn}\n          .suppressBlurring=${this.suppressBlurring}\n        >\n        </tile-list>`;\n      default:\n        return nothing;\n    }\n  }\n\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        height: 100%;\n      }\n\n      collection-tile {\n        --tileBorderColor: #555555;\n        --tileBackgroundColor: #666666;\n        --imageBlockBackgroundColor: #666666;\n      }\n\n      account-tile {\n        --tileBorderColor: #dddddd;\n        --imageBlockBackgroundColor: #fcf5e6;\n      }\n\n      item-tile {\n        --tileBorderColor: #dddddd;\n        --imageBlockBackgroundColor: #f1f1f4;\n      }\n\n      search-tile {\n        --tileBorderColor: #555555;\n        --tileBackgroundColor: #666666;\n        --imageBlockBackgroundColor: #666666;\n        --iconFillColor: #2c2c2c;\n      }\n\n      #container {\n        position: relative;\n        height: 100%;\n        border-radius: 4px;\n      }\n\n      #container.hoverable:hover {\n        box-shadow: var(--tileHoverBoxShadow, 0 0 6px 2px rgba(8, 8, 32, 0.8));\n        transition: box-shadow 0.1s ease;\n      }\n\n      a {\n        display: block;\n        height: 100%;\n        color: unset;\n        text-decoration: none;\n        transition: transform 0.05s ease;\n      }\n\n      a :first-child {\n        display: block;\n        height: 100%;\n      }\n\n      .manage-check {\n        position: absolute;\n        right: 0;\n        top: 0;\n        border: 5px solid #2c2c2c;\n        border-radius: 3px;\n        background-color: #2c2c2c;\n        z-index: 1;\n      }\n\n      .manage-check > input[type='checkbox'] {\n        display: block;\n        margin: 0;\n      }\n\n      #touch-backdrop {\n        position: fixed;\n        width: 100vw;\n        height: 100vh;\n        top: 0;\n        left: 0;\n        z-index: 2;\n        background: transparent;\n      }\n\n      tile-hover-pane {\n        position: absolute;\n        top: 0;\n        left: -9999px;\n        z-index: 2;\n      }\n    `;\n  }\n}\n"]}
+{"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;;;;;;;;;;;;;;WAcG;;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;IA+ZJ,CAAC;IA1YC,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;mCACjB,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;;6BAEtB,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;;qBAE9B,CAAC;YAChB;gBACE,OAAO,OAAO,CAAC;QACnB,CAAC;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT,CAAC;IACJ,CAAC;;AApZD,+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;AAjDvB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAwc1B","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"]}

package/dist/src/utils/analytics-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-events.js","sourceRoot":"","sources":["../../../src/utils/analytics-events.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC7B,qDAA8B,CAAA;AAChC,CAAC,EAFW,mBAAmB,KAAnB,mBAAmB,QAE9B;AAED,MAAM,CAAN,IAAY,gBAqBX;AArBD,WAAY,gBAAgB;IAC1B,qCAAiB,CAAA;IACjB,uDAAmC,CAAA;IACnC,mDAA+B,CAAA;IAC/B,+CAA2B,CAAA;IAC3B,uDAAmC,CAAA;IACnC,qDAAiC,CAAA;IACjC,mDAA+B,CAAA;IAC/B,uDAAmC,CAAA;IACnC,mEAA+C,CAAA;IAC/C,uEAAmD,CAAA;IACnD,+DAA2C,CAAA;IAC3C,uEAAmD,CAAA;IACnD,yDAAqC,CAAA;IACrC,2EAAuD,CAAA;IACvD,2DAAuC,CAAA;IACvC,qDAAiC,CAAA;IACjC,iEAA6C,CAAA;IAC7C,+DAA2C,CAAA;IAC3C,iEAA6C,CAAA;IAC7C,iEAA6C,CAAA;AAC/C,CAAC,EArBW,gBAAgB,KAAhB,gBAAgB,QAqB3B","sourcesContent":["/**\n * Analytics categories and events. Used when building actions in\n */\nexport enum analyticsCategories {\n  default = 'collection-browser',\n}\n\nexport enum analyticsActions {\n  sortBy = 'sortBy',\n  filterByCreator = 'filterByCreator',\n  filterByTitle = 'filterByTitle',\n  displayMode = 'displayMode',\n  loadDesktopView = 'loadDesktopView',\n  loadMobileView = 'loadMobileView',\n  facetSelected = 'facetSelected',\n  facetDeselected = 'facetDeselected',\n  facetNegativeSelected = 'facetNegativeSelected',\n  facetNegativeDeselected = 'facetNegativeDeselected',\n  mobileFacetsToggled = 'mobileFacetsToggled',\n  partOfCollectionClicked = 'partOfCollectionClicked',\n  histogramChanged = 'histogramChanged',\n  histogramChangedFromModal = 'histogramChangedFromModal',\n  histogramExpanded = 'histogramExpanded',\n  resultSelected = 'resultSelected',\n  moreFacetsPageChange = 'moreFacetsPageChange',\n  showMoreFacetsModal = 'showMoreFacetsModal',\n  closeMoreFacetsModal = 'closeMoreFacetsModal',\n  applyMoreFacetsModal = 'applyMoreFacetsModal',\n}\n"]}
+{"version":3,"file":"analytics-events.js","sourceRoot":"","sources":["../../../src/utils/analytics-events.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC7B,qDAA8B,CAAA;AAChC,CAAC,EAFW,mBAAmB,KAAnB,mBAAmB,QAE9B;AAED,MAAM,CAAN,IAAY,gBAqBX;AArBD,WAAY,gBAAgB;IAC1B,qCAAiB,CAAA;IACjB,uDAAmC,CAAA;IACnC,mDAA+B,CAAA;IAC/B,+CAA2B,CAAA;IAC3B,uDAAmC,CAAA;IACnC,qDAAiC,CAAA;IACjC,mDAA+B,CAAA;IAC/B,uDAAmC,CAAA;IACnC,mEAA+C,CAAA;IAC/C,uEAAmD,CAAA;IACnD,+DAA2C,CAAA;IAC3C,uEAAmD,CAAA;IACnD,yDAAqC,CAAA;IACrC,2EAAuD,CAAA;IACvD,2DAAuC,CAAA;IACvC,qDAAiC,CAAA;IACjC,iEAA6C,CAAA;IAC7C,+DAA2C,CAAA;IAC3C,iEAA6C,CAAA;IAC7C,iEAA6C,CAAA;AAC/C,CAAC,EArBW,gBAAgB,KAAhB,gBAAgB,QAqB3B","sourcesContent":["/**\r\n * Analytics categories and events. Used when building actions in\r\n */\r\nexport enum analyticsCategories {\r\n  default = 'collection-browser',\r\n}\r\n\r\nexport enum analyticsActions {\r\n  sortBy = 'sortBy',\r\n  filterByCreator = 'filterByCreator',\r\n  filterByTitle = 'filterByTitle',\r\n  displayMode = 'displayMode',\r\n  loadDesktopView = 'loadDesktopView',\r\n  loadMobileView = 'loadMobileView',\r\n  facetSelected = 'facetSelected',\r\n  facetDeselected = 'facetDeselected',\r\n  facetNegativeSelected = 'facetNegativeSelected',\r\n  facetNegativeDeselected = 'facetNegativeDeselected',\r\n  mobileFacetsToggled = 'mobileFacetsToggled',\r\n  partOfCollectionClicked = 'partOfCollectionClicked',\r\n  histogramChanged = 'histogramChanged',\r\n  histogramChangedFromModal = 'histogramChangedFromModal',\r\n  histogramExpanded = 'histogramExpanded',\r\n  resultSelected = 'resultSelected',\r\n  moreFacetsPageChange = 'moreFacetsPageChange',\r\n  showMoreFacetsModal = 'showMoreFacetsModal',\r\n  closeMoreFacetsModal = 'closeMoreFacetsModal',\r\n  applyMoreFacetsModal = 'applyMoreFacetsModal',\r\n}\r\n"]}

package/dist/test/collection-facets/facet-row.test.js

@@ -104,9 +104,9 @@ describe('Facet row', () => {
             state: 'none',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'collection'}
-        .bucket=${bucket}
+        const el = await fixture(html `<facet-row
+        .facetType=${'collection'}
+        .bucket=${bucket}
       ></facet-row>`);
         const collectionName = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-title > a:link');
         expect(collectionName).to.exist;
@@ -130,10 +130,10 @@ describe('Facet row', () => {
             state: 'none',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        @facetClick=${facetClickSpy}
       ></facet-row>`);
         const positiveFacetCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
         expect(positiveFacetCheck).to.exist;
@@ -157,10 +157,10 @@ describe('Facet row', () => {
             state: 'selected',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        @facetClick=${facetClickSpy}
       ></facet-row>`);
         const positiveFacetCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
         expect(positiveFacetCheck).to.exist;
@@ -184,10 +184,10 @@ describe('Facet row', () => {
             state: 'none',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        @facetClick=${facetClickSpy}
       ></facet-row>`);
         const negativeFacetIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
         expect(negativeFacetIcon).to.exist;
@@ -211,10 +211,10 @@ describe('Facet row', () => {
             state: 'hidden',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        @facetClick=${facetClickSpy}
       ></facet-row>`);
         const negativeFacetIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
         expect(negativeFacetIcon).to.exist;
@@ -238,10 +238,10 @@ describe('Facet row', () => {
             state: 'none',
             count: 5,
         };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        @facetClick=${facetClickSpy}
       ></facet-row>`);
         const facetLabel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-info-display');
         expect(facetLabel).to.exist;

package/dist/test/collection-facets/facet-row.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"facet-row.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facet-row.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { FacetRow } from '../../src/collection-facets/facet-row';\nimport '../../src/collection-facets/facet-row';\nimport type { FacetState } from '../../src/models';\n\ndescribe('Facet row', () => {\n  it('renders nothing if no bucket provided', async () => {\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n  });\n\n  it('renders nothing if no facet type provided', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n  });\n\n  it('renders provided bucket as facet row', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;\n    expect(\n      el.shadowRoot?.querySelectorAll('input[type=\"checkbox\"]'),\n    ).to.have.length(2);\n    expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);\n\n    const labelText = el.shadowRoot?.querySelector('.facet-info-display');\n    expect(labelText?.textContent?.trim()).to.match(/^foo\\s*5$/);\n  });\n\n  it('renders locale-appropriate facet count', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 54321,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const facetCount = el.shadowRoot?.querySelector('.facet-count');\n    expect(facetCount?.textContent).to.equal('54,321');\n  });\n\n  it('renders selected facets with checked checkbox', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'selected' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    // \"Positive\" checkbox is checked; \"Negative\" checkbox is not checked\n    const selectCheckbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    const hideCheckbox = el.shadowRoot?.querySelector(\n      '.hide-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(selectCheckbox?.checked).to.be.true;\n    expect(hideCheckbox?.checked).to.be.false;\n\n    // Eye icon is not in its active state\n    expect(\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\n    ).to.exist.and.satisfy(\n      (icon: HTMLElement) => !icon.classList.contains('active'),\n    );\n  });\n\n  it('renders hidden facets with closed eye icon', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    // \"Positive\" checkbox is not checked; \"Negative\" checkbox is checked\n    const selectCheckbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    const hideCheckbox = el.shadowRoot?.querySelector(\n      '.hide-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(selectCheckbox?.checked).to.be.false;\n    expect(hideCheckbox?.checked).to.be.true;\n\n    // Eye icon is in its \"active\" state\n    expect(\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\n    ).to.exist.and.satisfy((icon: HTMLElement) =>\n      icon.classList.contains('active'),\n    );\n  });\n\n  it('renders correct accessible label for unchecked negative facets', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n    expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);\n  });\n\n  it('renders correct accessible label for checked negative facets', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n    expect(hideFacetLabel?.textContent?.trim()).to.match(\n      /^Unhide subject: foo$/,\n    );\n  });\n\n  it('renders collection facets as links', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'collection'}\n        .bucket=${bucket}\n      ></facet-row>`,\n    );\n\n    const collectionName = el.shadowRoot?.querySelector(\n      '.facet-title > a:link',\n    );\n    expect(collectionName).to.exist;\n    expect(collectionName?.getAttribute('href')).to.equal('/details/foo');\n  });\n\n  it('does not render non-collection facets as links', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;\n  });\n\n  it('emits event when facet checkbox is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(positiveFacetCheck).to.exist;\n    positiveFacetCheck.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'selected',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n\n  it('emits event when facet checkbox is unchecked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'selected' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(positiveFacetCheck).to.exist;\n    positiveFacetCheck.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n\n  it('emits event when facet negative icon is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\n      '.hide-facet-icon',\n    ) as HTMLLabelElement;\n    expect(negativeFacetIcon).to.exist;\n    negativeFacetIcon.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'hidden',\n        count: 5,\n      },\n      negative: true,\n    });\n  });\n\n  it('emits event when facet negative icon is unchecked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\n      '.hide-facet-icon',\n    ) as HTMLLabelElement;\n    expect(negativeFacetIcon).to.exist;\n    negativeFacetIcon.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: true,\n    });\n  });\n\n  it('selects/deselects facet when label is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const facetLabel = el.shadowRoot?.querySelector(\n      '.facet-info-display',\n    ) as HTMLLabelElement;\n    expect(facetLabel).to.exist;\n\n    // Select facet by clicking label\n    facetLabel.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'selected',\n        count: 5,\n      },\n      negative: false,\n    });\n\n    // Deselect facet by clicking label\n    facetLabel.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n});\n"]}
+{"version":3,"file":"facet-row.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facet-row.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 { FacetRow } from '../../src/collection-facets/facet-row';\r\nimport '../../src/collection-facets/facet-row';\r\nimport type { FacetState } from '../../src/models';\r\n\r\ndescribe('Facet row', () => {\r\n  it('renders nothing if no bucket provided', async () => {\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'}></facet-row>`,\r\n    );\r\n\r\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\r\n  });\r\n\r\n  it('renders nothing if no facet type provided', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\r\n  });\r\n\r\n  it('renders provided bucket as facet row', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;\r\n    expect(\r\n      el.shadowRoot?.querySelectorAll('input[type=\"checkbox\"]'),\r\n    ).to.have.length(2);\r\n    expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);\r\n\r\n    const labelText = el.shadowRoot?.querySelector('.facet-info-display');\r\n    expect(labelText?.textContent?.trim()).to.match(/^foo\\s*5$/);\r\n  });\r\n\r\n  it('renders locale-appropriate facet count', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 54321,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    const facetCount = el.shadowRoot?.querySelector('.facet-count');\r\n    expect(facetCount?.textContent).to.equal('54,321');\r\n  });\r\n\r\n  it('renders selected facets with checked checkbox', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'selected' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    // \"Positive\" checkbox is checked; \"Negative\" checkbox is not checked\r\n    const selectCheckbox = el.shadowRoot?.querySelector(\r\n      '.select-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    const hideCheckbox = el.shadowRoot?.querySelector(\r\n      '.hide-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    expect(selectCheckbox?.checked).to.be.true;\r\n    expect(hideCheckbox?.checked).to.be.false;\r\n\r\n    // Eye icon is not in its active state\r\n    expect(\r\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\r\n    ).to.exist.and.satisfy(\r\n      (icon: HTMLElement) => !icon.classList.contains('active'),\r\n    );\r\n  });\r\n\r\n  it('renders hidden facets with closed eye icon', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'hidden' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    // \"Positive\" checkbox is not checked; \"Negative\" checkbox is checked\r\n    const selectCheckbox = el.shadowRoot?.querySelector(\r\n      '.select-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    const hideCheckbox = el.shadowRoot?.querySelector(\r\n      '.hide-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    expect(selectCheckbox?.checked).to.be.false;\r\n    expect(hideCheckbox?.checked).to.be.true;\r\n\r\n    // Eye icon is in its \"active\" state\r\n    expect(\r\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\r\n    ).to.exist.and.satisfy((icon: HTMLElement) =>\r\n      icon.classList.contains('active'),\r\n    );\r\n  });\r\n\r\n  it('renders correct accessible label for unchecked negative facets', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\r\n    expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);\r\n  });\r\n\r\n  it('renders correct accessible label for checked negative facets', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'hidden' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\r\n    expect(hideFacetLabel?.textContent?.trim()).to.match(\r\n      /^Unhide subject: foo$/,\r\n    );\r\n  });\r\n\r\n  it('renders collection facets as links', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'collection'}\r\n        .bucket=${bucket}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const collectionName = el.shadowRoot?.querySelector(\r\n      '.facet-title > a:link',\r\n    );\r\n    expect(collectionName).to.exist;\r\n    expect(collectionName?.getAttribute('href')).to.equal('/details/foo');\r\n  });\r\n\r\n  it('does not render non-collection facets as links', async () => {\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n    );\r\n\r\n    expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;\r\n  });\r\n\r\n  it('emits event when facet checkbox is clicked', async () => {\r\n    const facetClickSpy = sinon.spy();\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'subject'}\r\n        .bucket=${bucket}\r\n        @facetClick=${facetClickSpy}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\r\n      '.select-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    expect(positiveFacetCheck).to.exist;\r\n    positiveFacetCheck.click();\r\n\r\n    expect(facetClickSpy.callCount).to.equal(1);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'selected',\r\n        count: 5,\r\n      },\r\n      negative: false,\r\n    });\r\n  });\r\n\r\n  it('emits event when facet checkbox is unchecked', async () => {\r\n    const facetClickSpy = sinon.spy();\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'selected' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'subject'}\r\n        .bucket=${bucket}\r\n        @facetClick=${facetClickSpy}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\r\n      '.select-facet-checkbox',\r\n    ) as HTMLInputElement;\r\n    expect(positiveFacetCheck).to.exist;\r\n    positiveFacetCheck.click();\r\n\r\n    expect(facetClickSpy.callCount).to.equal(1);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'none',\r\n        count: 5,\r\n      },\r\n      negative: false,\r\n    });\r\n  });\r\n\r\n  it('emits event when facet negative icon is clicked', async () => {\r\n    const facetClickSpy = sinon.spy();\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'subject'}\r\n        .bucket=${bucket}\r\n        @facetClick=${facetClickSpy}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\r\n      '.hide-facet-icon',\r\n    ) as HTMLLabelElement;\r\n    expect(negativeFacetIcon).to.exist;\r\n    negativeFacetIcon.click();\r\n\r\n    expect(facetClickSpy.callCount).to.equal(1);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'hidden',\r\n        count: 5,\r\n      },\r\n      negative: true,\r\n    });\r\n  });\r\n\r\n  it('emits event when facet negative icon is unchecked', async () => {\r\n    const facetClickSpy = sinon.spy();\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'hidden' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'subject'}\r\n        .bucket=${bucket}\r\n        @facetClick=${facetClickSpy}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\r\n      '.hide-facet-icon',\r\n    ) as HTMLLabelElement;\r\n    expect(negativeFacetIcon).to.exist;\r\n    negativeFacetIcon.click();\r\n\r\n    expect(facetClickSpy.callCount).to.equal(1);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'none',\r\n        count: 5,\r\n      },\r\n      negative: true,\r\n    });\r\n  });\r\n\r\n  it('selects/deselects facet when label is clicked', async () => {\r\n    const facetClickSpy = sinon.spy();\r\n    const bucket = {\r\n      key: 'foo',\r\n      state: 'none' as FacetState,\r\n      count: 5,\r\n    };\r\n\r\n    const el = await fixture<FacetRow>(\r\n      html`<facet-row\r\n        .facetType=${'subject'}\r\n        .bucket=${bucket}\r\n        @facetClick=${facetClickSpy}\r\n      ></facet-row>`,\r\n    );\r\n\r\n    const facetLabel = el.shadowRoot?.querySelector(\r\n      '.facet-info-display',\r\n    ) as HTMLLabelElement;\r\n    expect(facetLabel).to.exist;\r\n\r\n    // Select facet by clicking label\r\n    facetLabel.click();\r\n    expect(facetClickSpy.callCount).to.equal(1);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'selected',\r\n        count: 5,\r\n      },\r\n      negative: false,\r\n    });\r\n\r\n    // Deselect facet by clicking label\r\n    facetLabel.click();\r\n    expect(facetClickSpy.callCount).to.equal(2);\r\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n      facetType: 'subject',\r\n      bucket: {\r\n        key: 'foo',\r\n        state: 'none',\r\n        count: 5,\r\n      },\r\n      negative: false,\r\n    });\r\n  });\r\n});\r\n"]}

package/dist/test/collection-facets.test.js

@@ -107,8 +107,8 @@ describe('Collection Facets', () => {
     it('opens modal when date picker expand button clicked', async () => {
         var _a, _b;
         const modalManager = await fixture(html `<modal-manager></modal-manager>`);
-        const el = await fixture(html `<collection-facets
-        .modalManager=${modalManager}
+        const el = await fixture(html `<collection-facets
+        .modalManager=${modalManager}
       ></collection-facets>`);
         el.histogramAggregationLoading = false;
         el.showHistogramDatePicker = true;
@@ -514,8 +514,8 @@ describe('Collection Facets', () => {
     });
     it('uses specified facet display order', async () => {
         var _a;
-        const el = await fixture(html `<collection-facets
-        .facetDisplayOrder=${['language', 'creator']}
+        const el = await fixture(html `<collection-facets
+        .facetDisplayOrder=${['language', 'creator']}
       ></collection-facets>`);
         const aggs = {
             mediatype: new Aggregation({
@@ -561,8 +561,8 @@ describe('Collection Facets', () => {
         it('Render More Facets', async () => {
             var _a, _b;
             const modalManager = await fixture(html `<modal-manager></modal-manager>`);
-            const el = await fixture(html `<collection-facets
-          .modalManager=${modalManager}
+            const el = await fixture(html `<collection-facets
+          .modalManager=${modalManager}
         ></collection-facets>`);
             const aggs = {
                 subject: new Aggregation({
@@ -622,8 +622,8 @@ describe('Collection Facets', () => {
     it('fire analytics on more link', async () => {
         var _a;
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-facets
-        .analyticsHandler=${mockAnalyticsHandler}
+        const el = await fixture(html `<collection-facets
+        .analyticsHandler=${mockAnalyticsHandler}
       ></collection-facets>`);
         const aggs = {
             subject: new Aggregation({
@@ -671,15 +671,15 @@ describe('Collection Facets', () => {
     });
     it('includes Part Of section for collections', async () => {
         var _a, _b, _c, _d, _e, _f, _g;
-        const el = await fixture(html `<collection-facets
-        .baseNavigationUrl=${''}
-        .withinCollection=${'foo'}
-        .parentCollections=${['bar', 'baz']}
+        const el = await fixture(html `<collection-facets
+        .baseNavigationUrl=${''}
+        .withinCollection=${'foo'}
+        .parentCollections=${['bar', 'baz']}
         .collectionTitles=${new Map([
             ['foo', 'foo-name'],
             ['bar', 'bar-name'],
             ['baz', 'baz-name'],
-        ])}
+        ])}
       ></collection-facets>`);
         const partOfSection = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.partof-collections');
         expect(partOfSection).to.exist;
@@ -700,8 +700,8 @@ describe('Collection Facets', () => {
     it('fires analytics on expanding date picker', async () => {
         var _a;
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-facets
-        .analyticsHandler=${mockAnalyticsHandler}
+        const el = await fixture(html `<collection-facets
+        .analyticsHandler=${mockAnalyticsHandler}
       ></collection-facets>`);
         el.histogramAggregationLoading = false;
         el.showHistogramDatePicker = true;
@@ -724,11 +724,11 @@ describe('Collection Facets', () => {
     it('fires analytics on clicking Part Of collection link', async () => {
         var _a;
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-facets
-        .baseNavigationUrl=${''}
-        .withinCollection=${'foo'}
-        .parentCollections=${['bar']}
-        .analyticsHandler=${mockAnalyticsHandler}
+        const el = await fixture(html `<collection-facets
+        .baseNavigationUrl=${''}
+        .withinCollection=${'foo'}
+        .parentCollections=${['bar']}
+        .analyticsHandler=${mockAnalyticsHandler}
       ></collection-facets>`);
         const partOfLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.partof-collections a[href]');
         expect(partOfLinks === null || partOfLinks === void 0 ? void 0 : partOfLinks.length).to.equal(1);