@coveo/atomic 3.35.0-pre.ddf08ff320 → 3.35.0-pre.e19cc0d9a2

package/dist/atomic/components/atomic-refine-toggle.js.map

@@ -1 +1 @@
-{"file":"atomic-refine-toggle.js","mappings":";;;;;;;;AASO,MAAM,kBAAkB,GAE3B,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC;IAC1B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,GACL,EACV;AACJ,CAAC;;ACfM,MAAM,iBAAiB,GAAgD,CAC5E,EAAC,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAC,EAC1C,QAAQ;IAER,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,QACE,WACE,IAAI,EAAC,aAAa,uBAElB,KAAK,EAAC,gDAAgD,GACjD,EACP;KACH;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;AC9BD,MAAM,qBAAqB,GAAG,0ljEAA0ljE,CAAC;AACznjE,iCAAe,qBAAqB;;;;;;;;;;;;MCyBvBA,oBAAkB;;;;;;;;;;;QAkBC,wBAAmB,GAAG,CAAC,CAAC;;;mCAAF,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;KAC9D;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KAChD;IAEM,MAAM;QACX,QACE,EAAC,iBAAiB,qDAChB,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAChE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,IAE3C,EAAC,kBAAkB,qDACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,CAAC,MAAM;gBACb,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,CACgB,EACpB;KACH;;;;;;;;AArD4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAIzC;IAFP,qBAAqB,CAAC,cAAc,CAAC;+DAEQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicRefineToggle"],"sources":["src/components/common/refine-modal/stencil-button.tsx","src/components/common/refine-modal/stencil-guard.tsx","src/components/search/atomic-refine-toggle/atomic-refine-toggle.pcss?tag=atomic-refine-toggle&encapsulation=shadow","src/components/search/atomic-refine-toggle/atomic-refine-toggle.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","@import '../../../global/global.pcss';\n","import {\n  buildSearchStatus,\n  SearchStatusState,\n  SearchStatus,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Element} from '@stencil/core';\nimport {\n  InitializeBindings,\n  InitializableComponent,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {RefineToggleButton} from '../../common/refine-modal/stencil-button';\nimport {RefineToggleGuard} from '../../common/refine-modal/stencil-guard';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n *\n * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.\n * @part button - The refine toggle button.\n */\n@Component({\n  tag: 'atomic-refine-toggle',\n  styleUrl: 'atomic-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicRefineToggle implements InitializableComponent {\n  @Element() public host!: HTMLElement;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-refine-modal');\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  public render() {\n    return (\n      <RefineToggleGuard\n        firstRequestExecuted={this.searchStatusState.firstSearchExecuted}\n        hasError={this.searchStatusState.hasError}\n        hasItems={this.searchStatusState.hasResults}\n      >\n        <RefineToggleButton\n          i18n={this.bindings.i18n}\n          onClick={() => this.enableModal()}\n          setRef={(button) => {\n            if (!button) {\n              return;\n            }\n            this.buttonRef = button;\n            this.loadModal();\n          }}\n        />\n      </RefineToggleGuard>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-refine-toggle.js","mappings":";;;;;;;;AAUA;;;AAGO,MAAM,kBAAkB,GAE3B,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC;IAC1B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,GACL,EACV;AACJ,CAAC;;AClBD;;;AAGO,MAAM,iBAAiB,GAAgD,CAC5E,EAAC,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAC,EAC1C,QAAQ;IAER,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,QACE,WACE,IAAI,EAAC,aAAa,uBAElB,KAAK,EAAC,gDAAgD,GACjD,EACP;KACH;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;AClCD,MAAM,qBAAqB,GAAG,0ljEAA0ljE,CAAC;AACznjE,iCAAe,qBAAqB;;;;;;;;;;;;MCyBvBA,oBAAkB;;;;;;;;;;;QAkBC,wBAAmB,GAAG,CAAC,CAAC;;;mCAAF,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;KAC9D;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KAChD;IAEM,MAAM;QACX,QACE,EAAC,iBAAiB,qDAChB,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAChE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,IAE3C,EAAC,kBAAkB,qDACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,CAAC,MAAM;gBACb,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,CACgB,EACpB;KACH;;;;;;;;AArD4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAIzC;IAFP,qBAAqB,CAAC,cAAc,CAAC;+DAEQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicRefineToggle"],"sources":["src/components/common/refine-modal/stencil-button.tsx","src/components/common/refine-modal/stencil-guard.tsx","src/components/search/atomic-refine-toggle/atomic-refine-toggle.pcss?tag=atomic-refine-toggle&encapsulation=shadow","src/components/search/atomic-refine-toggle/atomic-refine-toggle.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","@import '../../../global/global.pcss';\n","import {\n  buildSearchStatus,\n  SearchStatusState,\n  SearchStatus,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Element} from '@stencil/core';\nimport {\n  InitializeBindings,\n  InitializableComponent,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {RefineToggleButton} from '../../common/refine-modal/stencil-button';\nimport {RefineToggleGuard} from '../../common/refine-modal/stencil-guard';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n *\n * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.\n * @part button - The refine toggle button.\n */\n@Component({\n  tag: 'atomic-refine-toggle',\n  styleUrl: 'atomic-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicRefineToggle implements InitializableComponent {\n  @Element() public host!: HTMLElement;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-refine-modal');\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  public render() {\n    return (\n      <RefineToggleGuard\n        firstRequestExecuted={this.searchStatusState.firstSearchExecuted}\n        hasError={this.searchStatusState.hasError}\n        hasItems={this.searchStatusState.hasResults}\n      >\n        <RefineToggleButton\n          i18n={this.bindings.i18n}\n          onClick={() => this.enableModal()}\n          setRef={(button) => {\n            if (!button) {\n              return;\n            }\n            this.buttonRef = button;\n            this.loadModal();\n          }}\n        />\n      </RefineToggleGuard>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-list.js

@@ -38,6 +38,9 @@ const getFieldTableColumnsFromRenderingFunction = (props) => {
     return Array.from(contentOfRenderingFunction.querySelectorAll(tableElementTagName));
 };
 const getFieldTableColumnsFromHTMLTemplate = (props) => Array.from(props.templateContentForFirstItem.querySelectorAll(tableElementTagName));
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const DisplayTable = (props, children) => {
     const fieldColumns = getFieldTableColumns(props);
     if (!fieldColumns.length) {
@@ -49,10 +52,16 @@ const DisplayTable = (props, children) => {
                 h("atomic-text", { value: column.getAttribute('label') })))))),
         h("tbody", { part: "result-table-body" }, ...children)));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const DisplayTableRow = ({ key, rowIndex, setRef }, children) => {
     return (h("tr", { key: key, part: 'result-table-row ' +
             (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd'), ref: (element) => setRef(element) }, ...children));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const DisplayTableData = (props) => {
     const fieldColumns = getFieldTableColumns(props);
     return fieldColumns.map((column) => {
@@ -61,6 +70,9 @@ const DisplayTableData = (props) => {
     });
 };
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const TabGuard = ({ tabsIncluded, tabsExcluded, activeTab }, children) => {
     if (!shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)) {
         return h(Hidden, null);

package/dist/atomic/components/atomic-result-list.js.map

@@ -1 +1 @@
-{"file":"atomic-result-list.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AA4BA,MAAM,oBAAoB,GAAG,CAAC,KAAwB;IACpD,IAAI,KAAK,CAAC,qBAAqB,EAAE;QAC/B,OAAO,yCAAyC,CAAC,KAAK,CAAC,CAAC;KACzD;IACD,OAAO,oCAAoC,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,yCAAyC,GAAG,CAChD,KAAqE;IAErE,MAAM,0BAA0B,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,kCAAkC,GAAG,KAAK,CAAC,qBAAsB,CACrE,KAAK,CAAC,SAAS,EACf,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAC9B,CAAC;IACF,0BAA0B,CAAC,SAAS,GAAG,kCAAkC,CAAC;IAE1E,OAAO,KAAK,CAAC,IAAI,CACf,0BAA0B,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACjE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oCAAoC,GAAG,CAC3C,KAA6D,KAE7D,KAAK,CAAC,IAAI,CACR,KAAK,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACxE,CAAC;AAEG,MAAM,YAAY,GAA2C,CAClE,KAAK,EACL,QAAQ;IAER,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACxB,KAAK,CAAC,MAAM,CAAC,KAAK,CAChB,2EAA2E,EAC3E,KAAK,CAAC,IAAI,CACX,CAAC;KACH;IAED,QACE,aAAO,KAAK,EAAE,aAAa,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,cAAc;QACjE,aAAO,IAAI,EAAC,sBAAsB;YAChC,UAAI,IAAI,EAAC,0BAA0B,IAChC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,MACvB,UAAI,IAAI,EAAC,2BAA2B;gBAClC,mBAAa,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAE,GAAgB,CAC9D,CACN,CAAC,CACC,CACC;QACR,aAAO,IAAI,EAAC,mBAAmB,OAAK,QAAQ,CAAS,CAC/C,EACR;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAA8C,CACxE,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EACvB,QAAQ;IAER,QACE,UACE,GAAG,EAAE,GAAG,EACR,IAAI,EACF,mBAAmB;aAClB,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,uBAAuB,GAAG,sBAAsB,CAAC,EAEzE,GAAG,EAAE,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,OAE7B,QAAQ,CACT,EACL;AACJ,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAIzB,CAAC,KAAK;IACR,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM;QAC7B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAE,GAAG,KAAK,CAAC,GAAG,CAAC;QACtD,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,mBAAmB,IACnC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CACtB,EACL;KACH,CAAC,CAAC;AACL,CAAC;;AC9GM,MAAM,QAAQ,GAAuC,CAC1D,EAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,EACvC,QAAQ;IAER,IACE,CAAC,yBAAyB,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,EAAE,SAAS,CAAC,EAC3E;QACA,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IACD,OAAO,EAAC,QAAQ,WAAK,QAAQ,CAAY,CAAC;AAC5C,CAAC;;ACpBD,MAAM,mBAAmB,GAAG,u8jMAAu8jM,CAAC;AACp+jM,+BAAe,mBAAmB;;;;;;;;;;;;MCqErBA,kBAAgB;;;;;QAInB,gBAAW,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAkBpC,6BAAwB,GAAG,KAAK,CAAC;QAEjC,gBAAW,GAAG,KAAK,CAAC;QAEpB,qBAAgB,GAAG,KAAK,CAAC;;;;QAKZ,YAAO,GAAsB,MAAM,CAAC;;;;QAIpC,YAAO,GAAuB,QAAQ,CAAC;;;;QAM9D,cAAS,GAAyB,MAAM,CAAC;;;;;;;;;;QAazC,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;;wCA7CF,KAAK;;2BAElB,KAAK;gCAEA,KAAK;uBAKkB,MAAM;uBAIL,QAAQ;yBAM3B,MAAM;4BAaN,IAAI;4BAaJ,IAAI;;;;;;;;;;IAU5B,MAAM,iBAAiB,CACtC,uBAA8C;QAE9C,IAAI,CAAC,qBAAqB,GAAG,uBAAuB,CAAC;KACtD;IAED,IAAW,WAAW;QACpB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;SAC5D;QACD,OAAO,IAAI,CAAC,mBAAmB,CAAC;KACjC;IAEM,UAAU;QACf,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;YAC3D,OAAO,CAAC,IAAI,CACV,2HAA2H,CAC5H,CAAC;SACH;QACD,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChE,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC;YACnD,sBAAsB,EAAE,IAAI;YAC5B,gBAAgB,EAAE,KAAK,CAAC,IAAI,CAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CACrD;YACD,2BAA2B,EAAE,MAAM,IAAI,CAAC,wBAAwB;YAChE,mBAAmB,EAAE,MAAM,IAAI,CAAC,gBAAgB;YAChD,2BAA2B,EAAE,CAAC,KAAc;gBAC1C,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;aACvC;YACD,mBAAmB,EAAE,CAAC,KAAc;gBAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;aAC/B;YACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,IAAI,cAAc,CAAC;YACzC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS;YAC/C,uBAAuB,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM;YAClE,YAAY,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS;YAClD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,iBAAiB,EAAE,IAAI,CAAC,WAAW;YACnC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;SAC3B,CAAC,CAAC;QACH,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAGD,oBAAoB,CAClB,QAA6B,EAC7B,QAA6B;QAE7B,IAAI,QAAQ,EAAE,SAAS,KAAK,QAAQ,EAAE,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxD;KACF;IAEM,MAAM;QACX,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAErD,QACE,EAAC,QAAQ,qDACP,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,IAEzC,EAAC,aAAa,qDACZ,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EACvC,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAC1C,gBAAgB,EAAE,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EACpD,oBAAoB,EAAE,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAEzC,EAAC,cAAc,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,IAC7D,EAAC,wBAAwB,qDACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,mBAAmB,EAAE,CAAC,IAAI,CAAC,WAAW,EACtC,oBAAoB,EAAE,IAAI,CAAC,mBAAmB,CAAC,eAAe,GACpC,EAC5B,EAAC,gBAAgB,qDACf,oBAAoB,EAAE,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAExC,IAAI,CAAC,OAAO,KAAK,OAAO;cACrB,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,OAAO,KAAK,MAAM;kBACrB,IAAI,CAAC,YAAY,EAAE;kBACnB,IAAI,CAAC,YAAY,EAAE,CACR,CACJ,CACH,CACP,EACX;KACH;IAEO,uBAAuB,CAAC,MAAc;QAC5C,OAAO;YACL,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBAC9D,OAAO,EAAE,EAAC,MAAM,EAAC;aAClB,CAAC;YACF,MAAM;YACN,iBAAiB,EAAE,IAAI,CAAC,qBAAqB;YAC7C,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,GAAG,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CACpC,MAAM,CAAC,QAAQ,EACf,IAAI,CAAC,eAAe,CAAC,gBAAgB,EACrC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf;YACD,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,MAAM,CAAC;YAC7D,WAAW,EACT,IAAI,CAAC,OAAO,KAAK,MAAM;kBACnB,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,MAAM,CAAC;kBACxD,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,EAAE;YAC7D,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;YAC1B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;KACH;IAEO,yBAAyB;QAC/B,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QAE9C,OAAO,yBAAyB,CAC9B,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,eAAe,CAAC,mBAAmB;YACtC,IAAI,CAAC,eAAe,CAAC,SAAS,EAChC,mBAAmB,CACpB,CAAC;KACH;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,EAAC,WAAW,IACV,eAAe,EAAC,eAAe,EAC/B,IAAI,EAAE,MAAM,KACR,oBAAoB,CAAC,iBAAiB,EAC1C,MAAM,EAAE,CAAC,OAAO,KACd,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,IAG9D,wBAAmB,IAAI,KAAM,oBAAoB,GAAkB,CACvD,EACd;SACH,CAAC,CAAC;KACJ;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACpC,OAAO;SACR;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACrD,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAElD,MAAM,oBAAoB,GAAG;YAC3B,SAAS;YACT,2BAA2B,EACzB,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,SAAS,CAAC;SAC1D,CAAC;QAEF,QACE,EAAC,YAAY,OACP,oBAAoB,EACxB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAC1C,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,EAAC,eAAe,OACV,oBAAoB,EACxB,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,CAAC,OAAO,KACd,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,IAG9D,EAAC,gBAAgB,OACX,oBAAoB,KACpB,oBAAoB,EACxB,UAAU,EAAE,CAAC,OAAO;oBAClB,QACE,wBACM,oBAAoB,EACxB,OAAO,EAAE,OAAO,GACD,EACjB;iBACH,GACiB,CACJ,EAClB;SACH,CAAC,CACW,EACf;KACH;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,wBACM,oBAAoB,EACxB,GAAG,EAAE,CAAC,OAAO,KACX,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,EAE9D,IAAI,EAAC,SAAS,GACC,EACjB;SACH,CAAC,CAAC;KACJ;;;;;;;;;;;;;;;;;;;;;;;AA3S4B;IAA5B,kBAAkB,EAAE;oDAA4B;AAazC;IAFP,qBAAqB,CAAC,YAAY,CAAC;2DAEM;AAGlC;IAFP,qBAAqB,CAAC,gBAAgB,CAAC;+DAEU;AAI3C;IAFN,qBAAqB,CAAC,YAAY,CAAC;2DAEK;AAiClC;IAFN,SAAS,EAAE;wDAEkC;AAavC;IAFN,SAAS,EAAE;wDAEkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultList"],"sources":["src/components/common/item-list/stencil-display-table.tsx","src/components/common/tabs/tab-guard.tsx","src/components/search/result-lists/atomic-result-list/atomic-result-list.pcss?tag=atomic-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-result-list/atomic-result-list.tsx"],"sourcesContent":["// The Lit equivalent of this file is table-layout.ts\nimport {FunctionalComponent, VNode, h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils.js';\nimport {AnyItem} from './unfolded-item.js';\nimport {ItemRenderingFunction} from './stencil-item-list-common.js';\n\ninterface TableColumnsProps {\n  templateContentForFirstItem: DocumentFragment;\n  firstItem: AnyItem;\n  itemRenderingFunction?: ItemRenderingFunction;\n}\n\nexport interface DisplayTableProps extends TableColumnsProps {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  listClasses: string;\n}\n\nexport interface TableDataProps extends TableColumnsProps {\n  key: string;\n}\n\nexport interface DisplayTableRowProps {\n  key: string;\n  rowIndex: number;\n  setRef: (element?: HTMLElement) => void;\n}\n\nconst getFieldTableColumns = (props: TableColumnsProps) => {\n  if (props.itemRenderingFunction) {\n    return getFieldTableColumnsFromRenderingFunction(props);\n  }\n  return getFieldTableColumnsFromHTMLTemplate(props);\n};\n\nconst getFieldTableColumnsFromRenderingFunction = (\n  props: Pick<TableColumnsProps, 'itemRenderingFunction' | 'firstItem'>\n): HTMLAtomicTableElementElement[] => {\n  const contentOfRenderingFunction = document.createElement('div');\n\n  const contentOfRenderingFunctionAsString = props.itemRenderingFunction!(\n    props.firstItem,\n    document.createElement('div')\n  );\n  contentOfRenderingFunction.innerHTML = contentOfRenderingFunctionAsString;\n\n  return Array.from(\n    contentOfRenderingFunction.querySelectorAll(tableElementTagName)\n  );\n};\n\nconst getFieldTableColumnsFromHTMLTemplate = (\n  props: Pick<DisplayTableProps, 'templateContentForFirstItem'>\n): HTMLAtomicTableElementElement[] =>\n  Array.from(\n    props.templateContentForFirstItem.querySelectorAll(tableElementTagName)\n  );\n\nexport const DisplayTable: FunctionalComponent<DisplayTableProps> = (\n  props,\n  children\n) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  if (!fieldColumns.length) {\n    props.logger.error(\n      'atomic-table-element elements missing in the template to display columns.',\n      props.host\n    );\n  }\n\n  return (\n    <table class={`list-root ${props.listClasses}`} part=\"result-table\">\n      <thead part=\"result-table-heading\">\n        <tr part=\"result-table-heading-row\">\n          {fieldColumns.map((column) => (\n            <th part=\"result-table-heading-cell\">\n              <atomic-text value={column.getAttribute('label')!}></atomic-text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody part=\"result-table-body\">{...children}</tbody>\n    </table>\n  );\n};\n\nexport const DisplayTableRow: FunctionalComponent<DisplayTableRowProps> = (\n  {key, rowIndex, setRef},\n  children\n) => {\n  return (\n    <tr\n      key={key}\n      part={\n        'result-table-row ' +\n        (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd')\n      }\n      ref={(element) => setRef(element)}\n    >\n      {...children}\n    </tr>\n  );\n};\n\nexport const DisplayTableData: FunctionalComponent<\n  TableDataProps & {\n    renderItem: (content: HTMLAtomicTableElementElement) => VNode;\n  }\n> = (props) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  return fieldColumns.map((column) => {\n    const key = column.getAttribute('label')! + props.key;\n    return (\n      <td key={key} part=\"result-table-cell\">\n        {props.renderItem(column)}\n      </td>\n    );\n  });\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {Hidden} from '../stencil-hidden';\n\ninterface TabGuardProps {\n  tabsIncluded: string | string[];\n  tabsExcluded: string | string[];\n  activeTab: string;\n}\n\nexport const TabGuard: FunctionalComponent<TabGuardProps> = (\n  {tabsIncluded, tabsExcluded, activeTab},\n  children\n) => {\n  if (\n    !shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)\n  ) {\n    return <Hidden></Hidden>;\n  }\n  return <Fragment>{...children}</Fragment>;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/table-display.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\n@import '../../../common/item-list/styles/grid-display.pcss';\n\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {\n  ResultList,\n  ResultListState,\n  buildResultList,\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildResultsPerPage,\n  buildInteractiveResult,\n  Result,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, Element, State, Prop, Method, h, Watch} 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 {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\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 {DisplayGrid} from '../../../common/item-list/stencil-display-grid';\nimport {\n  DisplayTableData,\n  DisplayTable,\n  DisplayTableRow,\n} from '../../../common/item-list/stencil-display-table';\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 {TabGuard} from '../../../common/tabs/tab-guard';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.\n *\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 * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid\n * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid\n * @part result-table - The element of the result table containing a heading and a body\n * @part result-table-heading - The element containing the row of cells in the result table's heading\n * @part result-table-heading-row - The element containing cells of the result table's heading\n * @part result-table-heading-cell - The element representing a cell of the result table's heading\n * @part result-table-body - The element containing the rows of the result table's body\n * @part result-table-row - The element containing the cells of a row in the result table's body\n * @part result-table-row-odd - The element containing the cells of an odd row in the result table's body\n * @part result-table-row-even - The element containing the cells of an even row in the result table's body\n * @part result-table-cell - The element representing a cell of the result table's body\n */\n@Component({\n  tag: 'atomic-result-list',\n  styleUrl: 'atomic-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public resultList!: ResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemRenderingFunction: ItemRenderingFunction;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private resultListCommon!: ItemListCommon;\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  private 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 isAppLoaded = false;\n\n  @State() private templateHasError = false;\n\n  /**\n   * The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.\n   */\n  @Prop({reflect: true}) public display: ItemDisplayLayout = 'list';\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}) public density: ItemDisplayDensity = 'normal';\n\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true, mutable: true})\n  public imageSize: ItemDisplayImageSize = 'icon';\n\n  /**\n   * The tabs on which the 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-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list snippet>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the 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 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-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the 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  /**\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   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\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    if (this.host.innerHTML.includes('<atomic-result-children')) {\n      console.warn(\n        'Folded results will not render any children for the \"atomic-result-list\". Please use \"atomic-folded-result-list\" instead.'\n      );\n    }\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine);\n    this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\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.resultListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.resultListState.results.length,\n      getIsLoading: () => this.resultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\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    this.resultListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <TabGuard\n        tabsIncluded={this.tabsIncluded}\n        tabsExcluded={this.tabsExcluded}\n        activeTab={this.tabManagerState.activeTab}\n      >\n        <ItemListGuard\n          hasError={this.resultListState.hasError}\n          hasTemplate={this.resultTemplateRegistered}\n          templateHasError={this.itemTemplateProvider.hasError}\n          firstRequestExecuted={this.resultListState.firstSearchExecuted}\n          hasItems={this.resultListState.hasResults}\n        >\n          <DisplayWrapper display={this.display} listClasses={listClasses}>\n            <ResultsPlaceholdersGuard\n              density={this.density}\n              display={this.display}\n              imageSize={this.imageSize}\n              displayPlaceholders={!this.isAppLoaded}\n              numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n            ></ResultsPlaceholdersGuard>\n            <ItemDisplayGuard\n              firstRequestExecuted={this.resultListState.firstSearchExecuted}\n              hasItems={this.resultListState.hasResults}\n            >\n              {this.display === 'table'\n                ? this.renderAsTable()\n                : this.display === 'grid'\n                  ? this.renderAsGrid()\n                  : this.renderAsList()}\n            </ItemDisplayGuard>\n          </DisplayWrapper>\n        </ItemListGuard>\n      </TabGuard>\n    );\n  }\n\n  private getPropsForAtomicResult(result: Result) {\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result,\n      renderingFunction: this.itemRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.resultListCommon.getResultId(\n        result.uniqueId,\n        this.resultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      linkContent:\n        this.display === 'grid'\n          ? this.itemTemplateProvider.getLinkTemplateContent(result)\n          : this.itemTemplateProvider.getEmptyLinkTemplateContent(),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\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.resultListState.firstSearchExecuted &&\n        this.resultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private renderAsGrid() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <DisplayGrid\n          selectorForItem=\"atomic-result\"\n          item={result}\n          {...propsForAtomicResult.interactiveResult}\n          setRef={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n        >\n          <atomic-result {...this} {...propsForAtomicResult}></atomic-result>\n        </DisplayGrid>\n      );\n    });\n  }\n\n  private renderAsTable() {\n    if (!this.resultListState.hasResults) {\n      return;\n    }\n    const listClasses = this.computeListDisplayClasses();\n    const firstItem = this.resultListState.results[0];\n\n    const propsForTableColumns = {\n      firstItem,\n      templateContentForFirstItem:\n        this.itemTemplateProvider.getTemplateContent(firstItem),\n    };\n\n    return (\n      <DisplayTable\n        {...propsForTableColumns}\n        listClasses={listClasses}\n        logger={this.bindings.engine.logger}\n        itemRenderingFunction={this.itemRenderingFunction}\n        host={this.host}\n      >\n        {this.resultListState.results.map((result, i) => {\n          const propsForAtomicResult = this.getPropsForAtomicResult(result);\n          return (\n            <DisplayTableRow\n              {...propsForAtomicResult}\n              rowIndex={i}\n              setRef={(element) =>\n                element && this.resultListCommon.setNewResultRef(element, i)\n              }\n            >\n              <DisplayTableData\n                {...propsForTableColumns}\n                {...propsForAtomicResult}\n                renderItem={(content) => {\n                  return (\n                    <atomic-result\n                      {...propsForAtomicResult}\n                      content={content}\n                    ></atomic-result>\n                  );\n                }}\n              ></DisplayTableData>\n            </DisplayTableRow>\n          );\n        })}\n      </DisplayTable>\n    );\n  }\n\n  private renderAsList() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <atomic-result\n          {...propsForAtomicResult}\n          ref={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n          part=\"outline\"\n        ></atomic-result>\n      );\n    });\n  }\n}\n"],"version":3}
+{"file":"atomic-result-list.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AA4BA,MAAM,oBAAoB,GAAG,CAAC,KAAwB;IACpD,IAAI,KAAK,CAAC,qBAAqB,EAAE;QAC/B,OAAO,yCAAyC,CAAC,KAAK,CAAC,CAAC;KACzD;IACD,OAAO,oCAAoC,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,yCAAyC,GAAG,CAChD,KAAqE;IAErE,MAAM,0BAA0B,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,kCAAkC,GAAG,KAAK,CAAC,qBAAsB,CACrE,KAAK,CAAC,SAAS,EACf,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAC9B,CAAC;IACF,0BAA0B,CAAC,SAAS,GAAG,kCAAkC,CAAC;IAE1E,OAAO,KAAK,CAAC,IAAI,CACf,0BAA0B,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACjE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oCAAoC,GAAG,CAC3C,KAA6D,KAE7D,KAAK,CAAC,IAAI,CACR,KAAK,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACxE,CAAC;AAEJ;;;AAGO,MAAM,YAAY,GAA2C,CAClE,KAAK,EACL,QAAQ;IAER,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACxB,KAAK,CAAC,MAAM,CAAC,KAAK,CAChB,2EAA2E,EAC3E,KAAK,CAAC,IAAI,CACX,CAAC;KACH;IAED,QACE,aAAO,KAAK,EAAE,aAAa,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,cAAc;QACjE,aAAO,IAAI,EAAC,sBAAsB;YAChC,UAAI,IAAI,EAAC,0BAA0B,IAChC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,MACvB,UAAI,IAAI,EAAC,2BAA2B;gBAClC,mBAAa,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAE,GAAgB,CAC9D,CACN,CAAC,CACC,CACC;QACR,aAAO,IAAI,EAAC,mBAAmB,OAAK,QAAQ,CAAS,CAC/C,EACR;AACJ,CAAC,CAAC;AAEF;;;AAGO,MAAM,eAAe,GAA8C,CACxE,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EACvB,QAAQ;IAER,QACE,UACE,GAAG,EAAE,GAAG,EACR,IAAI,EACF,mBAAmB;aAClB,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,uBAAuB,GAAG,sBAAsB,CAAC,EAEzE,GAAG,EAAE,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,OAE7B,QAAQ,CACT,EACL;AACJ,CAAC,CAAC;AAEF;;;AAGO,MAAM,gBAAgB,GAIzB,CAAC,KAAK;IACR,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM;QAC7B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAE,GAAG,KAAK,CAAC,GAAG,CAAC;QACtD,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,mBAAmB,IACnC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CACtB,EACL;KACH,CAAC,CAAC;AACL,CAAC;;ACvHD;;;AAGO,MAAM,QAAQ,GAAuC,CAC1D,EAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,EACvC,QAAQ;IAER,IACE,CAAC,yBAAyB,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,EAAE,SAAS,CAAC,EAC3E;QACA,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IACD,OAAO,EAAC,QAAQ,WAAK,QAAQ,CAAY,CAAC;AAC5C,CAAC;;ACvBD,MAAM,mBAAmB,GAAG,u8jMAAu8jM,CAAC;AACp+jM,+BAAe,mBAAmB;;;;;;;;;;;;MCqErBA,kBAAgB;;;;;QAInB,gBAAW,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAkBpC,6BAAwB,GAAG,KAAK,CAAC;QAEjC,gBAAW,GAAG,KAAK,CAAC;QAEpB,qBAAgB,GAAG,KAAK,CAAC;;;;QAKZ,YAAO,GAAsB,MAAM,CAAC;;;;QAIpC,YAAO,GAAuB,QAAQ,CAAC;;;;QAM9D,cAAS,GAAyB,MAAM,CAAC;;;;;;;;;;QAazC,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;;wCA7CF,KAAK;;2BAElB,KAAK;gCAEA,KAAK;uBAKkB,MAAM;uBAIL,QAAQ;yBAM3B,MAAM;4BAaN,IAAI;4BAaJ,IAAI;;;;;;;;;;IAU5B,MAAM,iBAAiB,CACtC,uBAA8C;QAE9C,IAAI,CAAC,qBAAqB,GAAG,uBAAuB,CAAC;KACtD;IAED,IAAW,WAAW;QACpB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;SAC5D;QACD,OAAO,IAAI,CAAC,mBAAmB,CAAC;KACjC;IAEM,UAAU;QACf,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;YAC3D,OAAO,CAAC,IAAI,CACV,2HAA2H,CAC5H,CAAC;SACH;QACD,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChE,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC;YACnD,sBAAsB,EAAE,IAAI;YAC5B,gBAAgB,EAAE,KAAK,CAAC,IAAI,CAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CACrD;YACD,2BAA2B,EAAE,MAAM,IAAI,CAAC,wBAAwB;YAChE,mBAAmB,EAAE,MAAM,IAAI,CAAC,gBAAgB;YAChD,2BAA2B,EAAE,CAAC,KAAc;gBAC1C,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;aACvC;YACD,mBAAmB,EAAE,CAAC,KAAc;gBAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;aAC/B;YACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,IAAI,cAAc,CAAC;YACzC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS;YAC/C,uBAAuB,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM;YAClE,YAAY,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS;YAClD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,iBAAiB,EAAE,IAAI,CAAC,WAAW;YACnC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;SAC3B,CAAC,CAAC;QACH,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAGD,oBAAoB,CAClB,QAA6B,EAC7B,QAA6B;QAE7B,IAAI,QAAQ,EAAE,SAAS,KAAK,QAAQ,EAAE,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxD;KACF;IAEM,MAAM;QACX,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAErD,QACE,EAAC,QAAQ,qDACP,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,IAEzC,EAAC,aAAa,qDACZ,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EACvC,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAC1C,gBAAgB,EAAE,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EACpD,oBAAoB,EAAE,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAEzC,EAAC,cAAc,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,IAC7D,EAAC,wBAAwB,qDACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,mBAAmB,EAAE,CAAC,IAAI,CAAC,WAAW,EACtC,oBAAoB,EAAE,IAAI,CAAC,mBAAmB,CAAC,eAAe,GACpC,EAC5B,EAAC,gBAAgB,qDACf,oBAAoB,EAAE,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAExC,IAAI,CAAC,OAAO,KAAK,OAAO;cACrB,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,OAAO,KAAK,MAAM;kBACrB,IAAI,CAAC,YAAY,EAAE;kBACnB,IAAI,CAAC,YAAY,EAAE,CACR,CACJ,CACH,CACP,EACX;KACH;IAEO,uBAAuB,CAAC,MAAc;QAC5C,OAAO;YACL,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBAC9D,OAAO,EAAE,EAAC,MAAM,EAAC;aAClB,CAAC;YACF,MAAM;YACN,iBAAiB,EAAE,IAAI,CAAC,qBAAqB;YAC7C,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,GAAG,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CACpC,MAAM,CAAC,QAAQ,EACf,IAAI,CAAC,eAAe,CAAC,gBAAgB,EACrC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf;YACD,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,MAAM,CAAC;YAC7D,WAAW,EACT,IAAI,CAAC,OAAO,KAAK,MAAM;kBACnB,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,MAAM,CAAC;kBACxD,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,EAAE;YAC7D,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;YAC1B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;KACH;IAEO,yBAAyB;QAC/B,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QAE9C,OAAO,yBAAyB,CAC9B,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,eAAe,CAAC,mBAAmB;YACtC,IAAI,CAAC,eAAe,CAAC,SAAS,EAChC,mBAAmB,CACpB,CAAC;KACH;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,EAAC,WAAW,IACV,eAAe,EAAC,eAAe,EAC/B,IAAI,EAAE,MAAM,KACR,oBAAoB,CAAC,iBAAiB,EAC1C,MAAM,EAAE,CAAC,OAAO,KACd,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,IAG9D,wBAAmB,IAAI,KAAM,oBAAoB,GAAkB,CACvD,EACd;SACH,CAAC,CAAC;KACJ;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACpC,OAAO;SACR;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACrD,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAElD,MAAM,oBAAoB,GAAG;YAC3B,SAAS;YACT,2BAA2B,EACzB,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,SAAS,CAAC;SAC1D,CAAC;QAEF,QACE,EAAC,YAAY,OACP,oBAAoB,EACxB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAC1C,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,EAAC,eAAe,OACV,oBAAoB,EACxB,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,CAAC,OAAO,KACd,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,IAG9D,EAAC,gBAAgB,OACX,oBAAoB,KACpB,oBAAoB,EACxB,UAAU,EAAE,CAAC,OAAO;oBAClB,QACE,wBACM,oBAAoB,EACxB,OAAO,EAAE,OAAO,GACD,EACjB;iBACH,GACiB,CACJ,EAClB;SACH,CAAC,CACW,EACf;KACH;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;YAClE,QACE,wBACM,oBAAoB,EACxB,GAAG,EAAE,CAAC,OAAO,KACX,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,EAE9D,IAAI,EAAC,SAAS,GACC,EACjB;SACH,CAAC,CAAC;KACJ;;;;;;;;;;;;;;;;;;;;;;;AA3S4B;IAA5B,kBAAkB,EAAE;oDAA4B;AAazC;IAFP,qBAAqB,CAAC,YAAY,CAAC;2DAEM;AAGlC;IAFP,qBAAqB,CAAC,gBAAgB,CAAC;+DAEU;AAI3C;IAFN,qBAAqB,CAAC,YAAY,CAAC;2DAEK;AAiClC;IAFN,SAAS,EAAE;wDAEkC;AAavC;IAFN,SAAS,EAAE;wDAEkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultList"],"sources":["src/components/common/item-list/stencil-display-table.tsx","src/components/common/tabs/tab-guard.tsx","src/components/search/result-lists/atomic-result-list/atomic-result-list.pcss?tag=atomic-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-result-list/atomic-result-list.tsx"],"sourcesContent":["// The Lit equivalent of this file is table-layout.ts\nimport {FunctionalComponent, VNode, h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils.js';\nimport {AnyItem} from './unfolded-item.js';\nimport {ItemRenderingFunction} from './stencil-item-list-common.js';\n\ninterface TableColumnsProps {\n  templateContentForFirstItem: DocumentFragment;\n  firstItem: AnyItem;\n  itemRenderingFunction?: ItemRenderingFunction;\n}\n\ninterface DisplayTableProps extends TableColumnsProps {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  listClasses: string;\n}\n\ninterface TableDataProps extends TableColumnsProps {\n  key: string;\n}\n\ninterface DisplayTableRowProps {\n  key: string;\n  rowIndex: number;\n  setRef: (element?: HTMLElement) => void;\n}\n\nconst getFieldTableColumns = (props: TableColumnsProps) => {\n  if (props.itemRenderingFunction) {\n    return getFieldTableColumnsFromRenderingFunction(props);\n  }\n  return getFieldTableColumnsFromHTMLTemplate(props);\n};\n\nconst getFieldTableColumnsFromRenderingFunction = (\n  props: Pick<TableColumnsProps, 'itemRenderingFunction' | 'firstItem'>\n): HTMLAtomicTableElementElement[] => {\n  const contentOfRenderingFunction = document.createElement('div');\n\n  const contentOfRenderingFunctionAsString = props.itemRenderingFunction!(\n    props.firstItem,\n    document.createElement('div')\n  );\n  contentOfRenderingFunction.innerHTML = contentOfRenderingFunctionAsString;\n\n  return Array.from(\n    contentOfRenderingFunction.querySelectorAll(tableElementTagName)\n  );\n};\n\nconst getFieldTableColumnsFromHTMLTemplate = (\n  props: Pick<DisplayTableProps, 'templateContentForFirstItem'>\n): HTMLAtomicTableElementElement[] =>\n  Array.from(\n    props.templateContentForFirstItem.querySelectorAll(tableElementTagName)\n  );\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayTable: FunctionalComponent<DisplayTableProps> = (\n  props,\n  children\n) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  if (!fieldColumns.length) {\n    props.logger.error(\n      'atomic-table-element elements missing in the template to display columns.',\n      props.host\n    );\n  }\n\n  return (\n    <table class={`list-root ${props.listClasses}`} part=\"result-table\">\n      <thead part=\"result-table-heading\">\n        <tr part=\"result-table-heading-row\">\n          {fieldColumns.map((column) => (\n            <th part=\"result-table-heading-cell\">\n              <atomic-text value={column.getAttribute('label')!}></atomic-text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody part=\"result-table-body\">{...children}</tbody>\n    </table>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayTableRow: FunctionalComponent<DisplayTableRowProps> = (\n  {key, rowIndex, setRef},\n  children\n) => {\n  return (\n    <tr\n      key={key}\n      part={\n        'result-table-row ' +\n        (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd')\n      }\n      ref={(element) => setRef(element)}\n    >\n      {...children}\n    </tr>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayTableData: FunctionalComponent<\n  TableDataProps & {\n    renderItem: (content: HTMLAtomicTableElementElement) => VNode;\n  }\n> = (props) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  return fieldColumns.map((column) => {\n    const key = column.getAttribute('label')! + props.key;\n    return (\n      <td key={key} part=\"result-table-cell\">\n        {props.renderItem(column)}\n      </td>\n    );\n  });\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {Hidden} from '../stencil-hidden';\n\ninterface TabGuardProps {\n  tabsIncluded: string | string[];\n  tabsExcluded: string | string[];\n  activeTab: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TabGuard: FunctionalComponent<TabGuardProps> = (\n  {tabsIncluded, tabsExcluded, activeTab},\n  children\n) => {\n  if (\n    !shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)\n  ) {\n    return <Hidden></Hidden>;\n  }\n  return <Fragment>{...children}</Fragment>;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/table-display.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\n@import '../../../common/item-list/styles/grid-display.pcss';\n\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {\n  ResultList,\n  ResultListState,\n  buildResultList,\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildResultsPerPage,\n  buildInteractiveResult,\n  Result,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, Element, State, Prop, Method, h, Watch} 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 {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\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 {DisplayGrid} from '../../../common/item-list/stencil-display-grid';\nimport {\n  DisplayTableData,\n  DisplayTable,\n  DisplayTableRow,\n} from '../../../common/item-list/stencil-display-table';\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 {TabGuard} from '../../../common/tabs/tab-guard';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.\n *\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 * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid\n * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid\n * @part result-table - The element of the result table containing a heading and a body\n * @part result-table-heading - The element containing the row of cells in the result table's heading\n * @part result-table-heading-row - The element containing cells of the result table's heading\n * @part result-table-heading-cell - The element representing a cell of the result table's heading\n * @part result-table-body - The element containing the rows of the result table's body\n * @part result-table-row - The element containing the cells of a row in the result table's body\n * @part result-table-row-odd - The element containing the cells of an odd row in the result table's body\n * @part result-table-row-even - The element containing the cells of an even row in the result table's body\n * @part result-table-cell - The element representing a cell of the result table's body\n */\n@Component({\n  tag: 'atomic-result-list',\n  styleUrl: 'atomic-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public resultList!: ResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemRenderingFunction: ItemRenderingFunction;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private resultListCommon!: ItemListCommon;\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  private 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 isAppLoaded = false;\n\n  @State() private templateHasError = false;\n\n  /**\n   * The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.\n   */\n  @Prop({reflect: true}) public display: ItemDisplayLayout = 'list';\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}) public density: ItemDisplayDensity = 'normal';\n\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true, mutable: true})\n  public imageSize: ItemDisplayImageSize = 'icon';\n\n  /**\n   * The tabs on which the 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-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list snippet>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the 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 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-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the 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  /**\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   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\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    if (this.host.innerHTML.includes('<atomic-result-children')) {\n      console.warn(\n        'Folded results will not render any children for the \"atomic-result-list\". Please use \"atomic-folded-result-list\" instead.'\n      );\n    }\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine);\n    this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\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.resultListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.resultListState.results.length,\n      getIsLoading: () => this.resultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\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    this.resultListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <TabGuard\n        tabsIncluded={this.tabsIncluded}\n        tabsExcluded={this.tabsExcluded}\n        activeTab={this.tabManagerState.activeTab}\n      >\n        <ItemListGuard\n          hasError={this.resultListState.hasError}\n          hasTemplate={this.resultTemplateRegistered}\n          templateHasError={this.itemTemplateProvider.hasError}\n          firstRequestExecuted={this.resultListState.firstSearchExecuted}\n          hasItems={this.resultListState.hasResults}\n        >\n          <DisplayWrapper display={this.display} listClasses={listClasses}>\n            <ResultsPlaceholdersGuard\n              density={this.density}\n              display={this.display}\n              imageSize={this.imageSize}\n              displayPlaceholders={!this.isAppLoaded}\n              numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n            ></ResultsPlaceholdersGuard>\n            <ItemDisplayGuard\n              firstRequestExecuted={this.resultListState.firstSearchExecuted}\n              hasItems={this.resultListState.hasResults}\n            >\n              {this.display === 'table'\n                ? this.renderAsTable()\n                : this.display === 'grid'\n                  ? this.renderAsGrid()\n                  : this.renderAsList()}\n            </ItemDisplayGuard>\n          </DisplayWrapper>\n        </ItemListGuard>\n      </TabGuard>\n    );\n  }\n\n  private getPropsForAtomicResult(result: Result) {\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result,\n      renderingFunction: this.itemRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.resultListCommon.getResultId(\n        result.uniqueId,\n        this.resultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      linkContent:\n        this.display === 'grid'\n          ? this.itemTemplateProvider.getLinkTemplateContent(result)\n          : this.itemTemplateProvider.getEmptyLinkTemplateContent(),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\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.resultListState.firstSearchExecuted &&\n        this.resultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private renderAsGrid() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <DisplayGrid\n          selectorForItem=\"atomic-result\"\n          item={result}\n          {...propsForAtomicResult.interactiveResult}\n          setRef={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n        >\n          <atomic-result {...this} {...propsForAtomicResult}></atomic-result>\n        </DisplayGrid>\n      );\n    });\n  }\n\n  private renderAsTable() {\n    if (!this.resultListState.hasResults) {\n      return;\n    }\n    const listClasses = this.computeListDisplayClasses();\n    const firstItem = this.resultListState.results[0];\n\n    const propsForTableColumns = {\n      firstItem,\n      templateContentForFirstItem:\n        this.itemTemplateProvider.getTemplateContent(firstItem),\n    };\n\n    return (\n      <DisplayTable\n        {...propsForTableColumns}\n        listClasses={listClasses}\n        logger={this.bindings.engine.logger}\n        itemRenderingFunction={this.itemRenderingFunction}\n        host={this.host}\n      >\n        {this.resultListState.results.map((result, i) => {\n          const propsForAtomicResult = this.getPropsForAtomicResult(result);\n          return (\n            <DisplayTableRow\n              {...propsForAtomicResult}\n              rowIndex={i}\n              setRef={(element) =>\n                element && this.resultListCommon.setNewResultRef(element, i)\n              }\n            >\n              <DisplayTableData\n                {...propsForTableColumns}\n                {...propsForAtomicResult}\n                renderItem={(content) => {\n                  return (\n                    <atomic-result\n                      {...propsForAtomicResult}\n                      content={content}\n                    ></atomic-result>\n                  );\n                }}\n              ></DisplayTableData>\n            </DisplayTableRow>\n          );\n        })}\n      </DisplayTable>\n    );\n  }\n\n  private renderAsList() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <atomic-result\n          {...propsForAtomicResult}\n          ref={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n          part=\"outline\"\n        ></atomic-result>\n      );\n    });\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-text2.js

@@ -13,6 +13,9 @@ function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {
     }
 }
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ItemTextFallback = ({ field, host, logger, defaultValue, item, getProperty }, children) => {
     const raw = getProperty(item, field);
     possiblyWarnOnBadFieldType(field, raw, host, logger);
@@ -39,6 +42,9 @@ function renderWithHighlights(value, highlights, highlightString) {
         .replace(new RegExp(closingDelimiter, 'g'), '</b>');
 }
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ItemTextHighlighted = ({ highlightKeywords, highlightString, onError, textValue }) => {
     try {
         const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);

package/dist/atomic/components/atomic-result-text2.js.map

@@ -1 +1 @@
-{"file":"atomic-result-text2.js","mappings":"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","names":[],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-result-text2.js","mappings":"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","names":[],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\ninterface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\ninterface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-search-box.js

@@ -10,8 +10,10 @@ import { o as once, r as randomID, a as spreadProperties, i as isFocusingOut } f
 import { b as SearchSlimIcon, d as SearchTextArea, S as SuggestionManager, a as elementHasQuery, c as SearchBoxWrapper } from './stencil-suggestion-manager.js';
 import { B as Button } from './stencil-button.js';
 import { g as getDefaultSlotFromHost } from './slot-utils.js';
-import { a as defineCustomElement$3 } from './atomic-search-box-query-suggestions2.js';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SubmitButton = ({ bindings, disabled, onClick, }) => (h("div", { part: "submit-button-wrapper", class: "mr-2 flex items-center justify-center py-2" },
     h(Button, { style: "text-primary", class: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full", part: "submit-button", ariaLabel: bindings.i18n.t('search'), onClick: () => {
             onClick?.();
@@ -99,6 +101,7 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
                 onInput: (e) => this.onInput(e.target.value),
                 onKeyDown: (e) => this.onKeyDown(e),
                 onClear: () => {
+                    this.announceClearSearchBoxToScreenReader();
                     this.searchBox.clear();
                     this.suggestionManager.clearSuggestions();
                 },
@@ -407,6 +410,9 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
             this.suggestionsAriaMessage = ariaLabel;
         }
     }
+    announceClearSearchBoxToScreenReader() {
+        this.suggestionsAriaMessage = this.bindings.i18n.t("search-box-cleared");
+    }
     announceNewSuggestionsToScreenReader() {
         const elsLength = this.suggestionManager.allSuggestionElements.filter(elementHasQuery).length;
         this.searchBoxAriaMessage = elsLength
@@ -435,14 +441,14 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '61c430e9b3d8be2b3f965d518023dae529400e43' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '0526df044c47d640c73276b87dc3ed120dc0881e', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '7a6ca58c4ba74f3341764b03cc9225f5ffb622fb' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '19a9f5de9d141ced356c421f6b41dfcd86c786af', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '25d055ef5be19d3cf54ab8ec7d08af5e483e3d2b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '52c707d8fe1eeb8c31f30ba39638fc78a9796179', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
@@ -485,18 +491,13 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["atomic-search-box", "atomic-search-box-query-suggestions", "atomic-suggestion-renderer"];
+    const components = ["atomic-search-box", "atomic-suggestion-renderer"];
     components.forEach(tagName => { switch (tagName) {
         case "atomic-search-box":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, AtomicSearchBox$1);
             }
             break;
-        case "atomic-search-box-query-suggestions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
         case "atomic-suggestion-renderer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/atomic/components/atomic-search-box.js.map

@@ -1 +1 @@
-{"file":"atomic-search-box.js","mappings":"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","names":["AtomicSearchBox"],"sources":["src/components/common/search-box/stencil-submit-button.tsx","src/components/search/atomic-search-box/atomic-search-box.pcss?tag=atomic-search-box&encapsulation=shadow","src/components/search/atomic-search-box/atomic-search-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button} from '../stencil-button';\n\ninterface Props {\n  bindings: AnyBindings;\n  disabled: boolean;\n  onClick: () => void;\n}\n\nexport const SubmitButton: FunctionalComponent<Props> = ({\n  bindings,\n  disabled,\n  onClick,\n}) => (\n  <div\n    part=\"submit-button-wrapper\"\n    class=\"mr-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-primary\"\n      class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n      part=\"submit-button\"\n      ariaLabel={bindings.i18n.t('search')}\n      onClick={() => {\n        onClick?.();\n      }}\n      disabled={disabled}\n    >\n      <atomic-icon\n        part=\"submit-icon\"\n        icon={SearchSlimIcon}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part~='instant-results-item'] {\n  @apply p-3;\n}\n\n[part~='instant-results-show-all'] {\n  @apply border-t-neutral justify-center border-t py-1;\n  margin-top: auto;\n  box-sizing: content-box;\n  button {\n    background-color: transparent;\n  }\n}\n\n[part~='suggestions-left'] + [part~='suggestions-right'] {\n  @apply border-l-neutral border-l;\n}\n\n[part~='suggestions-wrapper'] {\n  flex-direction: column;\n  @media (width >= theme(--breakpoint-desktop)) {\n    flex-direction: row;\n  }\n}\n\n:host {\n  @apply relative z-10;\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {\n  SearchBox,\n  SearchBoxState,\n  buildSearchBox,\n  StandaloneSearchBox,\n  StandaloneSearchBoxState,\n  buildStandaloneSearchBox,\n  SearchBoxOptions,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Listen,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n} from '@stencil/core';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  SafeStorage,\n  StandaloneSearchBoxData,\n  StorageItems,\n} from '../../../utils/local-storage-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {\n  isFocusingOut,\n  once,\n  randomID,\n  spreadProperties,\n} from '../../../utils/utils';\nimport {RedirectionPayload} from '../../common/search-box/redirection-payload';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {SubmitButton} from '../../common/search-box/stencil-submit-button';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from '../../common/suggestions/suggestions-types';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport { getDefaultSlotFromHost } from '@/src/utils/slot-utils';\n\n/**\n * The `atomic-search-box` component creates a search box with built-in support for suggestions.\n *\n * @slot default - The default slot where you can add child components to the search box.\n *\n * @part wrapper - The search box wrapper.\n * @part input - The search box input.\n * @part loading - The search box loading animation.\n * @part clear-button - The button to clear the search box of input.\n * @part clear-icon - The clear button's icon.\n * @part submit-button - The search box submit button.\n * @part submit-icon - The search box submit button's icon.\n * @part suggestions - A list of suggested query corrections on each panel.\n * @part suggestions-left - A list of suggested query corrections on the left panel.\n * @part suggestions-right - A list of suggested query corrections on the right panel.\n * @part suggestions-wrapper - The wrapper that contains suggestion panels.\n * @part suggestions-single-list - The wrapper that contains 1 suggestion list.\n * @part suggestions-double-list - The wrapper that contains 2 suggestion lists.\n * @part suggestion - A suggested query correction.\n * @part active-suggestion - The currently active suggestion.\n * @part suggestion-divider - An item in the list that separates groups of suggestions.\n * @part suggestion-with-query - An item in the list that will update the search box query.\n *\n * @part query-suggestion-item - A suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-content - The contents of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-icon - The icon of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-text - The text of a suggestion from the `atomic-search-box-query-suggestions` component.\n *\n * @part recent-query-item - A suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-content - The contents of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title - The \"recent searches\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-clear - The \"clear\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n *\n * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-search-box-instant-results` component.\n */\n@Component({\n  tag: 'atomic-search-box',\n  styleUrl: 'atomic-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicSearchBox implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  private searchBox!: SearchBox | StandaloneSearchBox;\n  private searchBoxSuggestionEventsQueue: CustomEvent<\n    SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n  >[] = [];\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<\n    SearchBox | StandaloneSearchBox\n  >;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: SearchBoxState | StandaloneSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * The amount of queries displayed when the user interacts with the search box.\n   * By default, a mix of query suggestions and recent queries will be shown.\n   * You can configure those settings using the following components as children:\n   *  - atomic-search-box-query-suggestions\n   *  - atomic-search-box-recent-queries\n   */\n  @Prop({reflect: true}) public numberOfQueries = 8;\n\n  /**\n   * Defining this option makes the search box standalone (see [Use a\n   * Standalone Search Box](https://docs.coveo.com/en/atomic/latest/usage/ssb/)).\n   *\n   * This option defines the default URL the user should be redirected to, when a query is submitted.\n   * If a query pipeline redirect is triggered, it will redirect to that URL instead\n   * (see [query pipeline triggers](https://docs.coveo.com/en/1458)).\n   */\n  @Prop({reflect: true}) public redirectionUrl?: string;\n\n  /**\n   * The timeout for suggestion queries, in milliseconds.\n   * If a suggestion query times out, the suggestions from that particular query won't be shown.\n   */\n  @Prop() public suggestionTimeout = 400;\n\n  /**\n   * The delay for suggestion queries on input, in milliseconds.\n   *\n   * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n   *\n   * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n   * A higher delay will reduce input lag, at the cost of suggestions freshness.\n   */\n  @Prop() public suggestionDelay = 0;\n\n  /**\n   * Whether to prevent the user from triggering searches and query suggestions from the component.\n   * Perfect for use cases where you need to disable the search conditionally.\n   * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n\n  /**\n   * The minimum query length required to enable search.\n   * For example, to disable the search for empty queries, set this to `1`.\n   */\n  @Prop({reflect: true}) public minimumQueryLength = 0;\n\n  /**\n   * Whether to clear all active query filters when the end user submits a new query from the search box.\n   * Setting this option to \"false\" is not recommended & can lead to an increasing number of queries returning no results.\n   */\n  @Prop({reflect: true}) public clearFilters = true;\n\n  /**\n   * Whether to interpret advanced [Coveo Cloud query syntax](https://docs.coveo.com/en/1814/) in the query.\n   * You should only enable query syntax in the search box if you have good reasons to do so, as it\n   * requires end users to be familiar with Coveo Cloud query syntax, otherwise they will likely be surprised\n   * by the search box behaviour.\n   *\n   * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n   */\n  @Prop({reflect: true}) public enableQuerySyntax = false;\n\n  /**\n   * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.\n   *\n   * Example:\n   * ```html\n   * <script>\n   *   document.querySelector('atomic-search-box').addEventListener((e) => {\n   *     e.preventDefault();\n   *     // handle redirection\n   *   });\n   * </script>\n   * ...\n   * <atomic-search-box redirection-url=\"/search\"></atomic-search-box>\n   * ```\n   */\n  @Event({\n    eventName: 'redirect',\n  })\n  public redirect!: EventEmitter<RedirectionPayload>;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  private isStandaloneSearchBox(\n    searchBox: SearchBox | StandaloneSearchBox\n  ): searchBox is StandaloneSearchBox {\n    return 'redirectTo' in searchBox;\n  }\n\n  public initialize() {\n    this.id ||= randomID('atomic-search-box-');\n\n    this.initializeSearchboxController();\n    this.initializeSuggestionManager();\n  }\n\n  private updateRedirectionUrl() {\n    if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n      this.searchBox.updateRedirectUrl(this.redirectionUrl);\n    } else {\n      this.registerNewSearchBoxController();\n    }\n  }\n\n  private registerNewSearchBoxController() {\n    this.disconnectedCallback();\n    this.initialize();\n  }\n\n  private initializeSearchboxController() {\n    this.searchBox = this.redirectionUrl\n      ? buildStandaloneSearchBox(this.bindings.engine, {\n          options: {\n            ...this.searchBoxOptions,\n            redirectionUrl: this.redirectionUrl,\n            overwrite: true,\n          },\n        })\n      : buildSearchBox(this.bindings.engine, {\n          options: this.searchBoxOptions,\n        });\n  }\n\n  public componentWillUpdate() {\n    if (\n      !('redirectTo' in this.searchBoxState) ||\n      !('afterRedirection' in this.searchBox)\n    ) {\n      return;\n    }\n\n    const {redirectTo, value, analytics} = this.searchBoxState;\n\n    if (redirectTo === '') {\n      return;\n    }\n    const data: StandaloneSearchBoxData = {\n      value,\n      enableQuerySyntax: this.enableQuerySyntax,\n      analytics,\n    };\n    const storage = new SafeStorage();\n    storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n\n    this.searchBox.afterRedirection();\n    const event = this.redirect.emit({redirectTo, value});\n    if (!event.defaultPrevented) {\n      window.location.href = redirectTo;\n    }\n  }\n\n  public disconnectedCallback = () => {};\n\n  @Listen('atomic/searchBoxSuggestion/register')\n  public registerSuggestions(\n    event: CustomEvent<\n      SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n    >\n  ) {\n    if (!this.bindings) {\n      this.searchBoxSuggestionEventsQueue.push(event);\n    } else {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        event,\n        this.suggestionBindings\n      );\n    }\n  }\n\n  private registerSearchboxSuggestionEvents() {\n    this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        evt,\n        this.suggestionBindings\n      );\n    });\n    this.searchBoxSuggestionEventsQueue = [];\n  }\n\n  @Watch('redirectionUrl')\n  watchRedirectionUrl() {\n    this.updateRedirectionUrl();\n  }\n\n  private initializeSuggestionManager() {\n    if (this.suggestionManager) {\n      return;\n    }\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => this.suggestionTimeout,\n      getSuggestionDelay: () => this.suggestionDelay,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n    this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n  }\n\n  private get suggestionBindings(): SearchBoxSuggestionsBindings<\n    SearchBox | StandaloneSearchBox\n  > {\n    return spreadProperties(\n      this.bindings,\n      this.suggestionManager.partialSuggestionBindings,\n      this.partialSuggestionBindings\n    );\n  }\n\n  private get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n    | 'id'\n    | 'isStandalone'\n    | 'searchBoxController'\n    | 'numberOfQueries'\n    | 'clearFilters'\n  > {\n    return Object.defineProperties(\n      {...this.bindings},\n      {\n        id: {\n          get: () => this.id,\n          enumerable: true,\n        },\n        searchBoxController: {\n          get: () => this.searchBox,\n          enumerable: true,\n        },\n        isStandalone: {\n          get: () => !!this.redirectionUrl,\n          enumerable: true,\n        },\n        numberOfQueries: {\n          get: () => this.numberOfQueries,\n          enumerable: true,\n        },\n        clearFilters: {\n          get: () => this.clearFilters,\n          enumerable: true,\n        },\n      }\n    ) as unknown as Pick<\n      SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n      | 'id'\n      | 'isStandalone'\n      | 'searchBoxController'\n      | 'numberOfQueries'\n      | 'clearFilters'\n    >;\n  }\n\n  private get searchBoxOptions(): SearchBoxOptions {\n    return {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n      clearFilters: this.clearFilters,\n      enableQuerySyntax: this.enableQuerySyntax,\n    };\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n\n    if (this.isSearchDisabledForEndUser(value)) {\n      this.suggestionManager.clearSuggestions();\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private onSubmit() {\n    this.isExpanded = false;\n    if (this.suggestionManager.keyboardActiveDescendant) {\n      this.suggestionManager.onSubmit();\n      return;\n    }\n\n    this.searchBox.submit();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowRight':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('right');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'ArrowLeft':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('left');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n      default:\n        if (this.suggestionManager.keyboardActiveDescendant) {\n          this.suggestionManager.updateKeyboardActiveDescendant();\n        }\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number,\n    side: 'left' | 'right'\n  ) {\n    const id = `${this.id}-${side}-suggestion-${item.key}`;\n\n    const isSelected = id === this.suggestionManager.activeDescendant;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={side}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={this.suggestionManager.isDoubleList}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n          if (item.key === 'recent-query-clear') {\n            return;\n          }\n\n          this.isExpanded = false;\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, side, id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderPanel(\n    side: 'left' | 'right',\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={`suggestions suggestions-${side}`}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1, side)\n        )}\n      </div>\n    );\n  }\n\n  private get shouldShowSuggestions() {\n    return (\n      this.suggestionManager.hasSuggestions &&\n      this.isExpanded &&\n      !this.isSearchDisabledForEndUser(this.searchBoxState.value)\n    );\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part={`suggestions-wrapper ${\n          this.suggestionManager.isDoubleList\n            ? 'suggestions-double-list'\n            : 'suggestions-single-list'\n        }`}\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.shouldShowSuggestions ? '' : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t(\n          this.suggestionManager.isDoubleList\n            ? 'search-suggestions-double-list'\n            : 'search-suggestions-single-list'\n        )}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          'left',\n          this.suggestionManager.leftSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n        {this.renderPanel(\n          'right',\n          this.suggestionManager.rightSuggestionElements,\n          (el) => (this.suggestionManager.rightPanel = el),\n          () => this.suggestionManager.rightPanel\n        )}\n      </div>\n    );\n  }\n\n  private renderTextBox = (searchLabel: string) => {\n    const props = {\n      loading: this.searchBoxState.isLoading,\n      bindings: this.bindings,\n      value: this.searchBoxState.value,\n      title: searchLabel,\n      ariaLabel: searchLabel,\n      onFocus: () => this.onFocus(),\n      onInput: (e: Event) =>\n        this.onInput(\n          (e.target as HTMLInputElement | HTMLTextAreaElement).value\n        ),\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n      onClear: () => {\n        this.searchBox.clear();\n        this.suggestionManager.clearSuggestions();\n      },\n      popup: {\n        id: `${this.id}-popup`,\n        activeDescendant: this.suggestionManager.activeDescendant,\n        expanded: this.isExpanded,\n        hasSuggestions: this.suggestionManager.hasSuggestions,\n      },\n    };\n\n    return (\n      <SearchTextArea\n        textAreaRef={this.textAreaRef}\n        ref={(el) => (this.textAreaRef = el as HTMLTextAreaElement)}\n        {...props}\n        onClear={() => {\n          props.onClear();\n          this.triggerTextAreaChange('');\n        }}\n      />\n    );\n  };\n\n  private renderAbsolutePositionSpacer() {\n    return (\n      <textarea\n        aria-hidden\n        part=\"textarea-spacer\"\n        class=\"invisible w-full px-4 py-3.5 text-lg\"\n        rows={1}\n      ></textarea>\n    );\n  }\n\n  private isSearchDisabledForEndUser(queryValue?: string) {\n    if (isNullOrUndefined(queryValue)) {\n      return this.disableSearch;\n    }\n\n    if (queryValue.trim().length < this.minimumQueryLength) {\n      return true;\n    }\n\n    return this.disableSearch;\n  }\n\n  private getSearchInputLabel(minimumQueryLength = 0) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return this.bindings.i18n.t('search-disabled', {\n        length: minimumQueryLength,\n      });\n    }\n\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const elsLength =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = elsLength\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: elsLength,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  private renderSlotContent() {\n    const hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n\n    if (hasDefaultSlot) {\n      return <slot></slot>;\n    }\n\n    return [\n      <atomic-search-box-recent-queries></atomic-search-box-recent-queries>,\n      <atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>,\n    ];\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n    const isDisabled = this.isSearchDisabledForEndUser(\n      this.searchBoxState.value\n    );\n    if (!this.suggestionManager.suggestions.length) {\n      this.registerSearchboxSuggestionEvents();\n    }\n\n    return (\n      <Host>\n        {this.renderAbsolutePositionSpacer()}\n        {[\n          <SearchBoxWrapper\n            disabled={isDisabled}\n            onFocusout={(event) => {\n              if (!isFocusingOut(event)) {\n                return;\n              }\n              this.suggestionManager.clearSuggestions();\n              this.isExpanded = false;\n            }}\n          >\n            {this.renderTextBox(searchLabel)}\n            <SubmitButton\n              bindings={this.bindings}\n              disabled={isDisabled}\n              onClick={() => {\n                this.searchBox.submit();\n                this.suggestionManager.clearSuggestions();\n              }}\n            />\n            {this.renderSuggestions()}\n          </SearchBoxWrapper>,\n          this.renderSlotContent(),\n        ]}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-search-box.js","mappings":"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","names":["AtomicSearchBox"],"sources":["src/components/common/search-box/stencil-submit-button.tsx","src/components/search/atomic-search-box/atomic-search-box.pcss?tag=atomic-search-box&encapsulation=shadow","src/components/search/atomic-search-box/atomic-search-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button} from '../stencil-button';\n\ninterface Props {\n  bindings: AnyBindings;\n  disabled: boolean;\n  onClick: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SubmitButton: FunctionalComponent<Props> = ({\n  bindings,\n  disabled,\n  onClick,\n}) => (\n  <div\n    part=\"submit-button-wrapper\"\n    class=\"mr-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-primary\"\n      class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n      part=\"submit-button\"\n      ariaLabel={bindings.i18n.t('search')}\n      onClick={() => {\n        onClick?.();\n      }}\n      disabled={disabled}\n    >\n      <atomic-icon\n        part=\"submit-icon\"\n        icon={SearchSlimIcon}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part~='instant-results-item'] {\n  @apply p-3;\n}\n\n[part~='instant-results-show-all'] {\n  @apply border-t-neutral justify-center border-t py-1;\n  margin-top: auto;\n  box-sizing: content-box;\n  button {\n    background-color: transparent;\n  }\n}\n\n[part~='suggestions-left'] + [part~='suggestions-right'] {\n  @apply border-l-neutral border-l;\n}\n\n[part~='suggestions-wrapper'] {\n  flex-direction: column;\n  @media (width >= theme(--breakpoint-desktop)) {\n    flex-direction: row;\n  }\n}\n\n:host {\n  @apply relative z-10;\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {\n  SearchBox,\n  SearchBoxState,\n  buildSearchBox,\n  StandaloneSearchBox,\n  StandaloneSearchBoxState,\n  buildStandaloneSearchBox,\n  SearchBoxOptions,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Listen,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n} from '@stencil/core';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  SafeStorage,\n  StandaloneSearchBoxData,\n  StorageItems,\n} from '../../../utils/local-storage-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {\n  isFocusingOut,\n  once,\n  randomID,\n  spreadProperties,\n} from '../../../utils/utils';\nimport {RedirectionPayload} from '../../common/search-box/redirection-payload';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {SubmitButton} from '../../common/search-box/stencil-submit-button';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from '../../common/suggestions/suggestions-types';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport { getDefaultSlotFromHost } from '@/src/utils/slot-utils';\n\n/**\n * The `atomic-search-box` component creates a search box with built-in support for suggestions.\n *\n * @slot default - The default slot where you can add child components to the search box.\n *\n * @part wrapper - The search box wrapper.\n * @part input - The search box input.\n * @part loading - The search box loading animation.\n * @part clear-button - The button to clear the search box of input.\n * @part clear-icon - The clear button's icon.\n * @part submit-button - The search box submit button.\n * @part submit-icon - The search box submit button's icon.\n * @part suggestions - A list of suggested query corrections on each panel.\n * @part suggestions-left - A list of suggested query corrections on the left panel.\n * @part suggestions-right - A list of suggested query corrections on the right panel.\n * @part suggestions-wrapper - The wrapper that contains suggestion panels.\n * @part suggestions-single-list - The wrapper that contains 1 suggestion list.\n * @part suggestions-double-list - The wrapper that contains 2 suggestion lists.\n * @part suggestion - A suggested query correction.\n * @part active-suggestion - The currently active suggestion.\n * @part suggestion-divider - An item in the list that separates groups of suggestions.\n * @part suggestion-with-query - An item in the list that will update the search box query.\n *\n * @part query-suggestion-item - A suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-content - The contents of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-icon - The icon of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-text - The text of a suggestion from the `atomic-search-box-query-suggestions` component.\n *\n * @part recent-query-item - A suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-content - The contents of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title - The \"recent searches\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-clear - The \"clear\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n *\n * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-search-box-instant-results` component.\n */\n@Component({\n  tag: 'atomic-search-box',\n  styleUrl: 'atomic-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicSearchBox implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  private searchBox!: SearchBox | StandaloneSearchBox;\n  private searchBoxSuggestionEventsQueue: CustomEvent<\n    SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n  >[] = [];\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<\n    SearchBox | StandaloneSearchBox\n  >;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: SearchBoxState | StandaloneSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * The amount of queries displayed when the user interacts with the search box.\n   * By default, a mix of query suggestions and recent queries will be shown.\n   * You can configure those settings using the following components as children:\n   *  - atomic-search-box-query-suggestions\n   *  - atomic-search-box-recent-queries\n   */\n  @Prop({reflect: true}) public numberOfQueries = 8;\n\n  /**\n   * Defining this option makes the search box standalone (see [Use a\n   * Standalone Search Box](https://docs.coveo.com/en/atomic/latest/usage/ssb/)).\n   *\n   * This option defines the default URL the user should be redirected to, when a query is submitted.\n   * If a query pipeline redirect is triggered, it will redirect to that URL instead\n   * (see [query pipeline triggers](https://docs.coveo.com/en/1458)).\n   */\n  @Prop({reflect: true}) public redirectionUrl?: string;\n\n  /**\n   * The timeout for suggestion queries, in milliseconds.\n   * If a suggestion query times out, the suggestions from that particular query won't be shown.\n   */\n  @Prop() public suggestionTimeout = 400;\n\n  /**\n   * The delay for suggestion queries on input, in milliseconds.\n   *\n   * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n   *\n   * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n   * A higher delay will reduce input lag, at the cost of suggestions freshness.\n   */\n  @Prop() public suggestionDelay = 0;\n\n  /**\n   * Whether to prevent the user from triggering searches and query suggestions from the component.\n   * Perfect for use cases where you need to disable the search conditionally.\n   * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n\n  /**\n   * The minimum query length required to enable search.\n   * For example, to disable the search for empty queries, set this to `1`.\n   */\n  @Prop({reflect: true}) public minimumQueryLength = 0;\n\n  /**\n   * Whether to clear all active query filters when the end user submits a new query from the search box.\n   * Setting this option to \"false\" is not recommended & can lead to an increasing number of queries returning no results.\n   */\n  @Prop({reflect: true}) public clearFilters = true;\n\n  /**\n   * Whether to interpret advanced [Coveo Cloud query syntax](https://docs.coveo.com/en/1814/) in the query.\n   * You should only enable query syntax in the search box if you have good reasons to do so, as it\n   * requires end users to be familiar with Coveo Cloud query syntax, otherwise they will likely be surprised\n   * by the search box behaviour.\n   *\n   * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n   */\n  @Prop({reflect: true}) public enableQuerySyntax = false;\n\n  /**\n   * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.\n   *\n   * Example:\n   * ```html\n   * <script>\n   *   document.querySelector('atomic-search-box').addEventListener((e) => {\n   *     e.preventDefault();\n   *     // handle redirection\n   *   });\n   * </script>\n   * ...\n   * <atomic-search-box redirection-url=\"/search\"></atomic-search-box>\n   * ```\n   */\n  @Event({\n    eventName: 'redirect',\n  })\n  public redirect!: EventEmitter<RedirectionPayload>;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  private isStandaloneSearchBox(\n    searchBox: SearchBox | StandaloneSearchBox\n  ): searchBox is StandaloneSearchBox {\n    return 'redirectTo' in searchBox;\n  }\n\n  public initialize() {\n    this.id ||= randomID('atomic-search-box-');\n\n    this.initializeSearchboxController();\n    this.initializeSuggestionManager();\n  }\n\n  private updateRedirectionUrl() {\n    if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n      this.searchBox.updateRedirectUrl(this.redirectionUrl);\n    } else {\n      this.registerNewSearchBoxController();\n    }\n  }\n\n  private registerNewSearchBoxController() {\n    this.disconnectedCallback();\n    this.initialize();\n  }\n\n  private initializeSearchboxController() {\n    this.searchBox = this.redirectionUrl\n      ? buildStandaloneSearchBox(this.bindings.engine, {\n          options: {\n            ...this.searchBoxOptions,\n            redirectionUrl: this.redirectionUrl,\n            overwrite: true,\n          },\n        })\n      : buildSearchBox(this.bindings.engine, {\n          options: this.searchBoxOptions,\n        });\n  }\n\n  public componentWillUpdate() {\n    if (\n      !('redirectTo' in this.searchBoxState) ||\n      !('afterRedirection' in this.searchBox)\n    ) {\n      return;\n    }\n\n    const {redirectTo, value, analytics} = this.searchBoxState;\n\n    if (redirectTo === '') {\n      return;\n    }\n    const data: StandaloneSearchBoxData = {\n      value,\n      enableQuerySyntax: this.enableQuerySyntax,\n      analytics,\n    };\n    const storage = new SafeStorage();\n    storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n\n    this.searchBox.afterRedirection();\n    const event = this.redirect.emit({redirectTo, value});\n    if (!event.defaultPrevented) {\n      window.location.href = redirectTo;\n    }\n  }\n\n  public disconnectedCallback = () => {};\n\n  @Listen('atomic/searchBoxSuggestion/register')\n  public registerSuggestions(\n    event: CustomEvent<\n      SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n    >\n  ) {\n    if (!this.bindings) {\n      this.searchBoxSuggestionEventsQueue.push(event);\n    } else {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        event,\n        this.suggestionBindings\n      );\n    }\n  }\n\n  private registerSearchboxSuggestionEvents() {\n    this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        evt,\n        this.suggestionBindings\n      );\n    });\n    this.searchBoxSuggestionEventsQueue = [];\n  }\n\n  @Watch('redirectionUrl')\n  watchRedirectionUrl() {\n    this.updateRedirectionUrl();\n  }\n\n  private initializeSuggestionManager() {\n    if (this.suggestionManager) {\n      return;\n    }\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => this.suggestionTimeout,\n      getSuggestionDelay: () => this.suggestionDelay,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n    this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n  }\n\n  private get suggestionBindings(): SearchBoxSuggestionsBindings<\n    SearchBox | StandaloneSearchBox\n  > {\n    return spreadProperties(\n      this.bindings,\n      this.suggestionManager.partialSuggestionBindings,\n      this.partialSuggestionBindings\n    );\n  }\n\n  private get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n    | 'id'\n    | 'isStandalone'\n    | 'searchBoxController'\n    | 'numberOfQueries'\n    | 'clearFilters'\n  > {\n    return Object.defineProperties(\n      {...this.bindings},\n      {\n        id: {\n          get: () => this.id,\n          enumerable: true,\n        },\n        searchBoxController: {\n          get: () => this.searchBox,\n          enumerable: true,\n        },\n        isStandalone: {\n          get: () => !!this.redirectionUrl,\n          enumerable: true,\n        },\n        numberOfQueries: {\n          get: () => this.numberOfQueries,\n          enumerable: true,\n        },\n        clearFilters: {\n          get: () => this.clearFilters,\n          enumerable: true,\n        },\n      }\n    ) as unknown as Pick<\n      SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n      | 'id'\n      | 'isStandalone'\n      | 'searchBoxController'\n      | 'numberOfQueries'\n      | 'clearFilters'\n    >;\n  }\n\n  private get searchBoxOptions(): SearchBoxOptions {\n    return {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n      clearFilters: this.clearFilters,\n      enableQuerySyntax: this.enableQuerySyntax,\n    };\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n\n    if (this.isSearchDisabledForEndUser(value)) {\n      this.suggestionManager.clearSuggestions();\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private onSubmit() {\n    this.isExpanded = false;\n    if (this.suggestionManager.keyboardActiveDescendant) {\n      this.suggestionManager.onSubmit();\n      return;\n    }\n\n    this.searchBox.submit();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowRight':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('right');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'ArrowLeft':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('left');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n      default:\n        if (this.suggestionManager.keyboardActiveDescendant) {\n          this.suggestionManager.updateKeyboardActiveDescendant();\n        }\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number,\n    side: 'left' | 'right'\n  ) {\n    const id = `${this.id}-${side}-suggestion-${item.key}`;\n\n    const isSelected = id === this.suggestionManager.activeDescendant;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={side}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={this.suggestionManager.isDoubleList}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n          if (item.key === 'recent-query-clear') {\n            return;\n          }\n\n          this.isExpanded = false;\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, side, id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderPanel(\n    side: 'left' | 'right',\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={`suggestions suggestions-${side}`}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1, side)\n        )}\n      </div>\n    );\n  }\n\n  private get shouldShowSuggestions() {\n    return (\n      this.suggestionManager.hasSuggestions &&\n      this.isExpanded &&\n      !this.isSearchDisabledForEndUser(this.searchBoxState.value)\n    );\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part={`suggestions-wrapper ${\n          this.suggestionManager.isDoubleList\n            ? 'suggestions-double-list'\n            : 'suggestions-single-list'\n        }`}\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.shouldShowSuggestions ? '' : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t(\n          this.suggestionManager.isDoubleList\n            ? 'search-suggestions-double-list'\n            : 'search-suggestions-single-list'\n        )}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          'left',\n          this.suggestionManager.leftSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n        {this.renderPanel(\n          'right',\n          this.suggestionManager.rightSuggestionElements,\n          (el) => (this.suggestionManager.rightPanel = el),\n          () => this.suggestionManager.rightPanel\n        )}\n      </div>\n    );\n  }\n\n  private renderTextBox = (searchLabel: string) => {\n    const props = {\n      loading: this.searchBoxState.isLoading,\n      bindings: this.bindings,\n      value: this.searchBoxState.value,\n      title: searchLabel,\n      ariaLabel: searchLabel,\n      onFocus: () => this.onFocus(),\n      onInput: (e: Event) =>\n        this.onInput(\n          (e.target as HTMLInputElement | HTMLTextAreaElement).value\n        ),\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n      onClear: () => {\n        this.announceClearSearchBoxToScreenReader()\n        this.searchBox.clear();\n        this.suggestionManager.clearSuggestions();\n      },\n      popup: {\n        id: `${this.id}-popup`,\n        activeDescendant: this.suggestionManager.activeDescendant,\n        expanded: this.isExpanded,\n        hasSuggestions: this.suggestionManager.hasSuggestions,\n      },\n    };\n\n    return (\n      <SearchTextArea\n        textAreaRef={this.textAreaRef}\n        ref={(el) => (this.textAreaRef = el as HTMLTextAreaElement)}\n        {...props}\n        onClear={() => {\n          props.onClear();\n          this.triggerTextAreaChange('');\n        }}\n      />\n    );\n  };\n\n  private renderAbsolutePositionSpacer() {\n    return (\n      <textarea\n        aria-hidden\n        part=\"textarea-spacer\"\n        class=\"invisible w-full px-4 py-3.5 text-lg\"\n        rows={1}\n      ></textarea>\n    );\n  }\n\n  private isSearchDisabledForEndUser(queryValue?: string) {\n    if (isNullOrUndefined(queryValue)) {\n      return this.disableSearch;\n    }\n\n    if (queryValue.trim().length < this.minimumQueryLength) {\n      return true;\n    }\n\n    return this.disableSearch;\n  }\n\n  private getSearchInputLabel(minimumQueryLength = 0) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return this.bindings.i18n.t('search-disabled', {\n        length: minimumQueryLength,\n      });\n    }\n\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceClearSearchBoxToScreenReader() {\n    this.suggestionsAriaMessage = this.bindings.i18n.t(\"search-box-cleared\")\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const elsLength =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = elsLength\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: elsLength,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  private renderSlotContent() {\n    const hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n\n    if (hasDefaultSlot) {\n      return <slot></slot>;\n    }\n\n    return [\n      <atomic-search-box-recent-queries></atomic-search-box-recent-queries>,\n      <atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>,\n    ];\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n    const isDisabled = this.isSearchDisabledForEndUser(\n      this.searchBoxState.value\n    );\n    if (!this.suggestionManager.suggestions.length) {\n      this.registerSearchboxSuggestionEvents();\n    }\n\n    return (\n      <Host>\n        {this.renderAbsolutePositionSpacer()}\n        {[\n          <SearchBoxWrapper\n            disabled={isDisabled}\n            onFocusout={(event) => {\n              if (!isFocusingOut(event)) {\n                return;\n              }\n              this.suggestionManager.clearSuggestions();\n              this.isExpanded = false;\n            }}\n          >\n            {this.renderTextBox(searchLabel)}\n            <SubmitButton\n              bindings={this.bindings}\n              disabled={isDisabled}\n              onClick={() => {\n                this.searchBox.submit();\n                this.suggestionManager.clearSuggestions();\n              }}\n            />\n            {this.renderSuggestions()}\n          </SearchBoxWrapper>,\n          this.renderSlotContent(),\n        ]}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-segmented-facet.js

@@ -7,6 +7,9 @@ import { p as parseDependsOn } from './depends-on.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group.js';
 import { B as Button } from './stencil-button.js';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const FacetSegmentedValue = (props) => {
     const compactCount = new Intl.NumberFormat(props.i18n.language, {
         notation: 'compact',