@coveo/atomic 3.35.0-pre.9b71f3003c → 3.35.0-pre.a26f9fce9b

package/dist/atomic/{p-e62caa78.entry.js.map → p-b04df319.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["atomicFoldedResultListCss","AtomicFoldedResultListStyle0","AtomicFoldedResultList","this","loadingFlag","randomID","display","resultTemplateRegistered","templateHasError","isAppLoaded","density","imageSize","tabsIncluded","tabsExcluded","numberOfFoldedResults","setRenderFunction","resultRenderingFunction","resolveFoldedResultList","event","preventDefault","stopPropagation","detail","foldedResultList","loadCollection","focusTarget","nextNewResultTarget","FocusTargetController","initialize","initFolding","resultsPerPage","buildResultsPerPage","bindings","engine","e","error","itemTemplateProvider","ItemTemplateProvider","includeDefaultTemplate","templateElements","Array","from","host","querySelectorAll","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","value","setTemplateHasError","itemListCommon","ItemListCommon","engineSubscribe","subscribe","getCurrentNumberOfItems","foldedResultListState","results","length","getIsLoading","isLoading","nextNewItemTarget","store","tabManager","buildTabManager","createAppLoadedListener","props","options","buildFoldedResultList","folding","collectionField","parentField","childField","watchTabManagerState","newValue","oldValue","activeTab","unsetLoadingFlag","render","shouldDisplayOnCurrentTab","tabManagerState","h","Hidden","updateBreakpoints","listClasses","computeListDisplayClasses","ItemListGuard","hasError","firstRequestExecuted","firstSearchExecuted","hasItems","hasResults","hasTemplate","DisplayWrapper","ResultsPlaceholdersGuard","displayPlaceholders","numberOfPlaceholders","resultsPerPageState","numberOfResults","ItemDisplayGuard","map","collection","i","propsForAtomicResult","getPropsForAtomicResult","part","ref","element","setNewResultRef","getItemListDisplayClasses","result","extractUnfoldedItem","interactiveResult","buildInteractiveResult","renderingFunction","key","getResultId","uniqueId","searchResponseId","content","getTemplateContent","__decorate","InitializeBindings","BindStateToController","ArrayProp"],"sources":["src/components/search/result-lists/atomic-folded-result-list/atomic-folded-result-list.pcss?tag=atomic-folded-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-folded-result-list/atomic-folded-result-list.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {FoldedItemListStateContextEvent} from '@/src/components/common/item-list/item-list-decorators';\nimport {\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildFoldedResultList,\n  FoldedResultList,\n  FoldedResultListState,\n  buildResultsPerPage,\n  ResultListProps,\n  FoldedCollection,\n  buildInteractiveResult,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {\n  Component,\n  Element,\n  State,\n  Prop,\n  Listen,\n  Method,\n  h,\n  Watch,\n} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../../utils/tab-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {extractUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n  ItemListCommon,\n  ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n  getItemListDisplayClasses,\n} from '../../../common/layout/display-options';\nimport {Hidden} from '../../../common/stencil-hidden';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (i.e., to the result, child and grandchild).\n * @slot default - The default slot where the result templates are inserted.\n * @part result-list - The element containing every result of a result list\n * @part outline - The element displaying an outline or a divider around a result\n */\n@Component({\n  tag: 'atomic-folded-result-list',\n  styleUrl: 'atomic-folded-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicFoldedResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public foldedResultList!: FoldedResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private resultRenderingFunction: ItemRenderingFunction;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemListCommon!: ItemListCommon;\n  private display: ItemDisplayLayout = 'list';\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('foldedResultList')\n  @State()\n  public foldedResultListState!: FoldedResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  public resultsPerPageState!: ResultsPerPageState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() private resultTemplateRegistered = false;\n  @State() public error!: Error;\n  @State() private templateHasError = false;\n  @State() private isAppLoaded = false;\n\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) density: ItemDisplayDensity = 'normal';\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true}) imageSize: ItemDisplayImageSize = 'icon';\n  /**\n   * The tabs on which the folded result list can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-folded-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-folded-result-list snippet>\n   * ```\n   * If you don't set this property, the folded result list can be displayed on any tab. Otherwise, the folded result list can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this folded result list must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-folded-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-folded-result-list>\n   * ```\n   * If you don't set this property, the folded result list can be displayed on any tab. Otherwise, the folded result list won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n  /**\n   * The name of the field on which to do the folding. The folded result list component will use the values of this field to resolve the collections of result items.\n   *\n   * @defaultValue `foldingcollection`\n   */\n  @Prop({reflect: true}) public collectionField?: string;\n  /**\n   * The name of the field that determines whether a certain result is a top result containing other child results within a collection.\n   *\n   * @defaultValue `foldingparent`\n   */\n  @Prop({reflect: true}) public parentField?: string;\n  /**\n   * The name of the field that uniquely identifies a result within a collection.\n   *\n   * @defaultValue `foldingchild`\n   */\n  @Prop({reflect: true}) public childField?: string;\n\n  /**\n   * The initial number of child results to request for each folded collection, before expansion.\n   *\n   * @defaultValue `2`\n   *\n   * @example For an email thread with a total of 20 messages, using the default value of `2` will request the top two child messages, based on the current sort criteria and query, to be returned as children of the parent message.\n   * The user can then click to expand the collection and see the remaining messages that match the current query (i.e., not necessarily all remaining 18 messages). Those messages will be sorted based on the current sort criteria (i.e., not necessarily by date).\n   * For more info on Result Folding, see [Result Folding](https://docs.coveo.com/en/1884).\n   **/\n  @Prop({reflect: true}) public numberOfFoldedResults = 2;\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.resultRenderingFunction = resultRenderingFunction;\n  }\n\n  @Listen('atomic/resolveFoldedResultList')\n  resolveFoldedResultList(event: FoldedItemListStateContextEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    event.detail(this.foldedResultList);\n  }\n\n  @Listen('atomic/loadCollection')\n  loadCollection(event: CustomEvent<FoldedCollection>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.foldedResultList.loadCollection(event.detail);\n  }\n\n  public get focusTarget() {\n    if (!this.nextNewResultTarget) {\n      this.nextNewResultTarget = new FocusTargetController(this);\n    }\n    return this.nextNewResultTarget;\n  }\n\n  public initialize() {\n    try {\n      this.foldedResultList = this.initFolding();\n      this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n    } catch (e) {\n      this.error = e as Error;\n    }\n\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    this.itemListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.foldedResultListState.results.length,\n      getIsLoading: () => this.foldedResultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    this.tabManager = buildTabManager(this.bindings.engine);\n\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private initFolding(\n    props: ResultListProps = {options: {}}\n  ): FoldedResultList {\n    return buildFoldedResultList(this.bindings.engine, {\n      options: {\n        ...props.options,\n        folding: {\n          collectionField: this.collectionField,\n          parentField: this.parentField,\n          childField: this.childField,\n          numberOfFoldedResults: this.numberOfFoldedResults,\n        },\n      },\n    });\n  }\n\n  @Watch('tabManagerState')\n  watchTabManagerState(\n    newValue: {activeTab: string},\n    oldValue: {activeTab: string}\n  ) {\n    if (newValue?.activeTab !== oldValue?.activeTab) {\n      this.bindings.store.unsetLoadingFlag(this.loadingFlag);\n    }\n  }\n\n  public render() {\n    if (\n      !shouldDisplayOnCurrentTab(\n        [...this.tabsIncluded],\n        [...this.tabsExcluded],\n        this.tabManagerState.activeTab\n      )\n    ) {\n      return <Hidden></Hidden>;\n    }\n    this.itemListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <ItemListGuard\n        hasError={this.foldedResultListState.hasError}\n        firstRequestExecuted={this.foldedResultListState.firstSearchExecuted}\n        hasItems={this.foldedResultListState.hasResults}\n        hasTemplate={this.resultTemplateRegistered}\n        templateHasError={this.itemTemplateProvider.hasError}\n      >\n        <DisplayWrapper listClasses={listClasses} display={this.display}>\n          <ResultsPlaceholdersGuard\n            density={this.density}\n            imageSize={this.imageSize}\n            display={this.display}\n            displayPlaceholders={!this.isAppLoaded}\n            numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n          ></ResultsPlaceholdersGuard>\n          <ItemDisplayGuard\n            firstRequestExecuted={\n              this.foldedResultListState.firstSearchExecuted\n            }\n            hasItems={this.foldedResultListState.hasResults}\n          >\n            {this.foldedResultListState.results.map((collection, i) => {\n              const propsForAtomicResult =\n                this.getPropsForAtomicResult(collection);\n              return (\n                <atomic-result\n                  {...propsForAtomicResult}\n                  part=\"outline\"\n                  ref={(element) =>\n                    element && this.itemListCommon.setNewResultRef(element, i)\n                  }\n                ></atomic-result>\n              );\n            })}\n          </ItemDisplayGuard>\n        </DisplayWrapper>\n      </ItemListGuard>\n    );\n  }\n\n  private computeListDisplayClasses() {\n    const displayPlaceholders = !this.isAppLoaded;\n\n    return getItemListDisplayClasses(\n      this.display,\n      this.density,\n      this.imageSize,\n      this.foldedResultListState.firstSearchExecuted &&\n        this.foldedResultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private getPropsForAtomicResult(collection: FoldedCollection) {\n    const result = extractUnfoldedItem(collection);\n\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result: collection,\n      renderingFunction: this.resultRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.itemListCommon.getResultId(\n        result.uniqueId,\n        this.foldedResultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["atomicFoldedResultListCss","AtomicFoldedResultListStyle0","AtomicFoldedResultList","this","loadingFlag","randomID","display","resultTemplateRegistered","templateHasError","isAppLoaded","density","imageSize","tabsIncluded","tabsExcluded","numberOfFoldedResults","setRenderFunction","resultRenderingFunction","resolveFoldedResultList","event","preventDefault","stopPropagation","detail","foldedResultList","loadCollection","focusTarget","nextNewResultTarget","FocusTargetController","initialize","initFolding","resultsPerPage","buildResultsPerPage","bindings","engine","e","error","itemTemplateProvider","ItemTemplateProvider","includeDefaultTemplate","templateElements","Array","from","host","querySelectorAll","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","value","setTemplateHasError","itemListCommon","ItemListCommon","engineSubscribe","subscribe","getCurrentNumberOfItems","foldedResultListState","results","length","getIsLoading","isLoading","nextNewItemTarget","store","tabManager","buildTabManager","createAppLoadedListener","props","options","buildFoldedResultList","folding","collectionField","parentField","childField","watchTabManagerState","newValue","oldValue","activeTab","unsetLoadingFlag","render","shouldDisplayOnCurrentTab","tabManagerState","h","Hidden","updateBreakpoints","listClasses","computeListDisplayClasses","ItemListGuard","hasError","firstRequestExecuted","firstSearchExecuted","hasItems","hasResults","hasTemplate","DisplayWrapper","ResultsPlaceholdersGuard","displayPlaceholders","numberOfPlaceholders","resultsPerPageState","numberOfResults","ItemDisplayGuard","map","collection","i","propsForAtomicResult","getPropsForAtomicResult","part","ref","element","setNewResultRef","getItemListDisplayClasses","result","extractUnfoldedItem","interactiveResult","buildInteractiveResult","renderingFunction","key","getResultId","uniqueId","searchResponseId","content","getTemplateContent","__decorate","InitializeBindings","BindStateToController","ArrayProp"],"sources":["src/components/search/result-lists/atomic-folded-result-list/atomic-folded-result-list.pcss?tag=atomic-folded-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-folded-result-list/atomic-folded-result-list.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {FoldedItemListStateContextEvent} from '@/src/components/common/item-list/item-list-decorators';\nimport {\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildFoldedResultList,\n  FoldedResultList,\n  FoldedResultListState,\n  buildResultsPerPage,\n  ResultListProps,\n  FoldedCollection,\n  buildInteractiveResult,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {\n  Component,\n  Element,\n  State,\n  Prop,\n  Listen,\n  Method,\n  h,\n  Watch,\n} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../../utils/tab-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {extractUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n  ItemListCommon,\n  ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n  getItemListDisplayClasses,\n} from '../../../common/layout/display-options';\nimport {Hidden} from '../../../common/stencil-hidden';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (i.e., to the result, child and grandchild).\n * @slot default - The default slot where the result templates are inserted.\n * @part result-list - The element containing every result of a result list\n * @part outline - The element displaying an outline or a divider around a result\n */\n@Component({\n  tag: 'atomic-folded-result-list',\n  styleUrl: 'atomic-folded-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicFoldedResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public foldedResultList!: FoldedResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private resultRenderingFunction: ItemRenderingFunction;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemListCommon!: ItemListCommon;\n  private display: ItemDisplayLayout = 'list';\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('foldedResultList')\n  @State()\n  public foldedResultListState!: FoldedResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  public resultsPerPageState!: ResultsPerPageState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() private resultTemplateRegistered = false;\n  @State() public error!: Error;\n  @State() private templateHasError = false;\n  @State() private isAppLoaded = false;\n\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) density: ItemDisplayDensity = 'normal';\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true}) imageSize: ItemDisplayImageSize = 'icon';\n  /**\n   * The tabs on which the folded result list can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-folded-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-folded-result-list snippet>\n   * ```\n   * If you don't set this property, the folded result list can be displayed on any tab. Otherwise, the folded result list can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this folded result list must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-folded-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-folded-result-list>\n   * ```\n   * If you don't set this property, the folded result list can be displayed on any tab. Otherwise, the folded result list won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n  /**\n   * The name of the field on which to do the folding. The folded result list component will use the values of this field to resolve the collections of result items.\n   *\n   * @defaultValue `foldingcollection`\n   */\n  @Prop({reflect: true}) public collectionField?: string;\n  /**\n   * The name of the field that determines whether a certain result is a top result containing other child results within a collection.\n   *\n   * @defaultValue `foldingparent`\n   */\n  @Prop({reflect: true}) public parentField?: string;\n  /**\n   * The name of the field that uniquely identifies a result within a collection.\n   *\n   * @defaultValue `foldingchild`\n   */\n  @Prop({reflect: true}) public childField?: string;\n\n  /**\n   * The initial number of child results to request for each folded collection, before expansion.\n   *\n   * @defaultValue `2`\n   *\n   * @example For an email thread with a total of 20 messages, using the default value of `2` will request the top two child messages, based on the current sort criteria and query, to be returned as children of the parent message.\n   * The user can then click to expand the collection and see the remaining messages that match the current query (i.e., not necessarily all remaining 18 messages). Those messages will be sorted based on the current sort criteria (i.e., not necessarily by date).\n   * For more info on Result Folding, see [Result Folding](https://docs.coveo.com/en/1884).\n   **/\n  @Prop({reflect: true}) public numberOfFoldedResults = 2;\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.resultRenderingFunction = resultRenderingFunction;\n  }\n\n  @Listen('atomic/resolveFoldedResultList')\n  resolveFoldedResultList(event: FoldedItemListStateContextEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    event.detail(this.foldedResultList);\n  }\n\n  @Listen('atomic/loadCollection')\n  loadCollection(event: CustomEvent<FoldedCollection>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.foldedResultList.loadCollection(event.detail);\n  }\n\n  public get focusTarget() {\n    if (!this.nextNewResultTarget) {\n      this.nextNewResultTarget = new FocusTargetController(this);\n    }\n    return this.nextNewResultTarget;\n  }\n\n  public initialize() {\n    try {\n      this.foldedResultList = this.initFolding();\n      this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n    } catch (e) {\n      this.error = e as Error;\n    }\n\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    this.itemListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.foldedResultListState.results.length,\n      getIsLoading: () => this.foldedResultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    this.tabManager = buildTabManager(this.bindings.engine);\n\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private initFolding(\n    props: ResultListProps = {options: {}}\n  ): FoldedResultList {\n    return buildFoldedResultList(this.bindings.engine, {\n      options: {\n        ...props.options,\n        folding: {\n          collectionField: this.collectionField,\n          parentField: this.parentField,\n          childField: this.childField,\n          numberOfFoldedResults: this.numberOfFoldedResults,\n        },\n      },\n    });\n  }\n\n  @Watch('tabManagerState')\n  watchTabManagerState(\n    newValue: {activeTab: string},\n    oldValue: {activeTab: string}\n  ) {\n    if (newValue?.activeTab !== oldValue?.activeTab) {\n      this.bindings.store.unsetLoadingFlag(this.loadingFlag);\n    }\n  }\n\n  public render() {\n    if (\n      !shouldDisplayOnCurrentTab(\n        [...this.tabsIncluded],\n        [...this.tabsExcluded],\n        this.tabManagerState.activeTab\n      )\n    ) {\n      return <Hidden></Hidden>;\n    }\n    this.itemListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <ItemListGuard\n        hasError={this.foldedResultListState.hasError}\n        firstRequestExecuted={this.foldedResultListState.firstSearchExecuted}\n        hasItems={this.foldedResultListState.hasResults}\n        hasTemplate={this.resultTemplateRegistered}\n        templateHasError={this.itemTemplateProvider.hasError}\n      >\n        <DisplayWrapper listClasses={listClasses} display={this.display}>\n          <ResultsPlaceholdersGuard\n            density={this.density}\n            imageSize={this.imageSize}\n            display={this.display}\n            displayPlaceholders={!this.isAppLoaded}\n            numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n          ></ResultsPlaceholdersGuard>\n          <ItemDisplayGuard\n            firstRequestExecuted={\n              this.foldedResultListState.firstSearchExecuted\n            }\n            hasItems={this.foldedResultListState.hasResults}\n          >\n            {this.foldedResultListState.results.map((collection, i) => {\n              const propsForAtomicResult =\n                this.getPropsForAtomicResult(collection);\n              return (\n                <atomic-result\n                  {...propsForAtomicResult}\n                  part=\"outline\"\n                  ref={(element) =>\n                    element && this.itemListCommon.setNewResultRef(element, i)\n                  }\n                ></atomic-result>\n              );\n            })}\n          </ItemDisplayGuard>\n        </DisplayWrapper>\n      </ItemListGuard>\n    );\n  }\n\n  private computeListDisplayClasses() {\n    const displayPlaceholders = !this.isAppLoaded;\n\n    return getItemListDisplayClasses(\n      this.display,\n      this.density,\n      this.imageSize,\n      this.foldedResultListState.firstSearchExecuted &&\n        this.foldedResultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private getPropsForAtomicResult(collection: FoldedCollection) {\n    const result = extractUnfoldedItem(collection);\n\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result: collection,\n      renderingFunction: this.resultRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.itemListCommon.getResultId(\n        result.uniqueId,\n        this.foldedResultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}