@coveo/atomic 3.35.0-pre.91b7604de5 → 3.35.0-pre.946549b45a

package/dist/cjs/_index.cjs.js

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const domUtils = require('./dom-utils-d4790328.js');
+const domUtils = require('./dom-utils-99b6ae8e.js');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
-const stencilItemDecorators = require('./stencil-item-decorators-43a96f33.js');
+const stencilItemDecorators = require('./stencil-item-decorators-ac2e8fa8.js');
 const suggestionsUtils = require('./suggestions-utils-61000808.js');
-const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-3a5f1319.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const resultUtils = require('./result-utils-3313d650.js');
-const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-730030b0.js');
+const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-4aa43394.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./index-757bc886.js');
 require('./init-queue-a18aa323.js');
 require('@coveo/headless');

package/dist/cjs/atomic-automatic-facet_2.cjs.entry.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const facetPlaceholder = require('./facet-placeholder-28bdf849.js');
 const stencilFacetValueCheckbox = require('./stencil-facet-value-checkbox-58bb59b9.js');
 const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-16ea0e83.js');
 const stencilFacetValuesGroup = require('./stencil-facet-values-group-332a2362.js');
 const headless = require('@coveo/headless');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 require('./utils-12b49e87.js');
-require('./purify-85b542e2.js');
-require('./_commonjsHelpers-b3309d7b.js');
 require('./arrow-bottom-rounded-705a1b2c.js');
 require('./arrow-top-rounded-e7a05d2f.js');
 require('./close-20739950.js');

package/dist/cjs/atomic-breadbox.cjs.entry.js

@@ -6,17 +6,17 @@ const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const stencilButton = require('./stencil-button-aa0f9cb5.js');
 const close = require('./close-20739950.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 require('./utils-12b49e87.js');
-require('./purify-85b542e2.js');
-require('./_commonjsHelpers-b3309d7b.js');
 
 const ELLIPSIS = '...';
 const SEPARATOR = ' / ';

package/dist/cjs/atomic-category-facet.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const propsUtils = require('./props-utils-15a042f3.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const arrowLeftRounded = require('./arrow-left-rounded-87aa2218.js');
@@ -14,19 +14,19 @@ const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-hig
 const stencilFacetValueLink = require('./stencil-facet-value-link-e24cd431.js');
 const dependsOn = require('./depends-on-f0cf3617.js');
 const facetPlaceholder = require('./facet-placeholder-28bdf849.js');
-const facetGuard = require('./facet-guard-0e8cbe50.js');
+const facetGuard = require('./facet-guard-86d4d9eb.js');
 const stencilFacetShowMoreLess = require('./stencil-facet-show-more-less-52a679a0.js');
 const stencilFacetSearchMatches = require('./stencil-facet-search-matches-f77a8c78.js');
 const stencilFacetValuesGroup = require('./stencil-facet-values-group-332a2362.js');
 const popoverType = require('./popover-type-b1385b27.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 require('@coveo/bueno');
 require('./utils-12b49e87.js');
-require('./purify-85b542e2.js');
-require('./_commonjsHelpers-b3309d7b.js');
 require('./string-utils-bdf08f8c.js');
 require('./arrow-bottom-rounded-705a1b2c.js');
 require('./arrow-top-rounded-e7a05d2f.js');

package/dist/cjs/atomic-color-facet.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const propsUtils = require('./props-utils-15a042f3.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const dependsOn = require('./depends-on-f0cf3617.js');
@@ -18,10 +18,12 @@ const stencilFacetValuesGroup = require('./stencil-facet-values-group-332a2362.j
 const popoverType = require('./popover-type-b1385b27.js');
 const stencilButton = require('./stencil-button-aa0f9cb5.js');
 const utils = require('./utils-12b49e87.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 require('@coveo/bueno');
 require('./arrow-bottom-rounded-705a1b2c.js');
 require('./arrow-top-rounded-e7a05d2f.js');
@@ -30,8 +32,6 @@ require('./stencil-heading-7e57d2eb.js');
 require('./string-utils-bdf08f8c.js');
 require('./search-a4774f02.js');
 require('./stencil-fieldset-group-cc350109.js');
-require('./purify-85b542e2.js');
-require('./_commonjsHelpers-b3309d7b.js');
 
 /**
  * @deprecated should only be used for Stencil components.

package/dist/cjs/atomic-did-you-mean.cjs.entry.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const jsxUtils = require('./jsx-utils-f034a41c.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 
 /**
  * @deprecated should only be used for Stencil components.

package/dist/cjs/atomic-did-you-mean.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-did-you-mean.entry.cjs.js","mappings":"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","names":["h","Fragment","LocalizedString","buildDidYouMean","buildQueryTrigger","InitializeBindings","BindStateToController"],"sources":["src/components/common/query-correction/stencil-auto-correction.tsx","src/components/common/query-correction/stencil-correction.tsx","src/components/common/query-correction/stencil-guard.tsx","src/components/common/query-correction/stencil-trigger-correction.tsx","src/components/search/atomic-did-you-mean/atomic-did-you-mean.pcss?tag=atomic-did-you-mean&encapsulation=shadow","src/components/search/atomic-did-you-mean/atomic-did-you-mean.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface AutoCorrectionProps {\n  i18n: i18n;\n  originalQuery: string;\n  correctedTo: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const AutoCorrection: FunctionalComponent<AutoCorrectionProps> = ({\n  i18n,\n  correctedTo,\n  originalQuery,\n}) => {\n  return (\n    <Fragment>\n      <p class=\"text-on-background mb-1\" part=\"no-results\">\n        <LocalizedString\n          i18n={i18n}\n          key={'no-results-for-did-you-mean'}\n          params={{query: <b part=\"highlight\">{originalQuery}</b>}}\n        />\n      </p>\n      <p class=\"text-on-background\" part=\"auto-corrected\">\n        <LocalizedString\n          i18n={i18n}\n          key={'query-auto-corrected-to'}\n          params={{query: <b part=\"highlight\">{correctedTo}</b>}}\n        />\n      </p>\n    </Fragment>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface CorrectionProps {\n  i18n: i18n;\n  onClick: () => void;\n  correctedQuery: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Correction: FunctionalComponent<CorrectionProps> = ({\n  i18n,\n  onClick,\n  correctedQuery,\n}) => {\n  return (\n    <p class=\"text-on-background\" part=\"did-you-mean\">\n      <LocalizedString\n        i18n={i18n}\n        key=\"did-you-mean\"\n        params={{\n          query: (\n            <button\n              class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n              part=\"correction-btn\"\n              onClick={() => onClick()}\n            >\n              {correctedQuery}\n            </button>\n          ),\n        }}\n      />\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryCorrectionGuardProps {\n  hasCorrection: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryCorrectionGuard: FunctionalComponent<\n  QueryCorrectionGuardProps\n> = ({hasCorrection}, children) => {\n  if (!hasCorrection) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface TriggerCorrectionProps {\n  i18n: i18n;\n  correctedQuery: string;\n  originalQuery: string;\n  onClick: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TriggerCorrection: FunctionalComponent<TriggerCorrectionProps> = ({\n  i18n,\n  correctedQuery,\n  originalQuery,\n  onClick,\n}) => {\n  return (\n    <Fragment>\n      <p\n        class=\"text-on-background text-lg leading-6\"\n        part=\"showing-results-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key={'showing-results-for'}\n          params={{query: <b part=\"highlight\">{correctedQuery}</b>}}\n        />\n      </p>\n      <p\n        class=\"text-on-background text-base leading-5\"\n        part=\"search-instead-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key=\"search-instead-for\"\n          params={{\n            query: (\n              <button\n                class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n                part=\"undo-btn\"\n                onClick={() => onClick()}\n              >\n                {originalQuery}\n              </button>\n            ),\n          }}\n        />\n      </p>\n    </Fragment>\n  );\n};\n","@import '../../../global/global.pcss';\n","import {\n  DidYouMean,\n  DidYouMeanState,\n  buildDidYouMean,\n  QueryTrigger,\n  buildQueryTrigger,\n  QueryTriggerState,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Watch} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AutoCorrection} from '../../common/query-correction/stencil-auto-correction';\nimport {Correction} from '../../common/query-correction/stencil-correction';\nimport {QueryCorrectionGuard} from '../../common/query-correction/stencil-guard';\nimport {TriggerCorrection} from '../../common/query-correction/stencil-trigger-correction';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-did-you-mean` component is responsible for handling query corrections. When a query returns no result but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.\n *\n * @part no-results - The text displayed when there are no results.\n * @part auto-corrected - The text displayed for the automatically corrected query.\n * @part showing-results-for - The first paragraph of the text displayed when a query trigger changes a query.\n * @part search-instead-for - The second paragraph of the text displayed when a query trigger changes a query.\n * @part did-you-mean - The text displayed around the button to manually correct a query.\n * @part correction-btn - The button used to manually correct a query.\n * @part undo-btn - The button used to undo a query changed by a query trigger.\n * @part highlight - The query highlights.\n */\n@Component({\n  tag: 'atomic-did-you-mean',\n  styleUrl: 'atomic-did-you-mean.pcss',\n  shadow: true,\n})\nexport class AtomicDidYouMean implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  private didYouMean!: DidYouMean;\n  protected queryTrigger!: QueryTrigger;\n\n  @BindStateToController('didYouMean')\n  @State()\n  private didYouMeanState?: DidYouMeanState;\n  @BindStateToController('queryTrigger')\n  @State()\n  private queryTriggerState?: QueryTriggerState;\n  @State() public error!: Error;\n\n  /**\n   * Whether to automatically apply corrections for queries that would otherwise return no results.\n   * When `automaticallyCorrectQuery` is `true`, the component automatically triggers a new query using the suggested term.\n   * When `automaticallyCorrectQuery` is `false`, the component returns the suggested term without triggering a new query.\n   *\n   * The default value is `true`.\n   */\n  @Prop({reflect: true}) public automaticallyCorrectQuery = true;\n\n  /**\n   * Define which query correction system to use\n   *\n   * `legacy`: Query correction is powered by the legacy index system. This system relies on an algorithm using solely the index content to compute the suggested terms.\n   * `next`: Query correction is powered by a machine learning system, requiring a valid query suggestion model configured in your Coveo environment to function properly. This system relies on machine learning algorithms to compute the suggested terms.\n   *\n   * Default value is `next`.\n   */\n  @Prop({reflect: true})\n  public queryCorrectionMode: 'legacy' | 'next' = 'next';\n\n  @Watch('queryCorrectionMode')\n  public updateQueryCorrectionMode() {\n    this.didYouMean.updateQueryCorrectionMode(this.queryCorrectionMode);\n  }\n\n  public initialize() {\n    this.didYouMean = buildDidYouMean(this.bindings.engine, {\n      options: {\n        automaticallyCorrectQuery: this.automaticallyCorrectQuery,\n        queryCorrectionMode: this.queryCorrectionMode,\n      },\n    });\n    this.queryTrigger = buildQueryTrigger(this.bindings.engine);\n  }\n\n  private get content() {\n    if (!this.queryTriggerState || !this.didYouMeanState) {\n      return;\n    }\n\n    const {hasQueryCorrection, wasAutomaticallyCorrected} =\n      this.didYouMeanState;\n    const hasTrigger = this.queryTriggerState.wasQueryModified;\n\n    if (hasQueryCorrection && wasAutomaticallyCorrected) {\n      return (\n        <AutoCorrection\n          correctedTo={this.didYouMeanState.wasCorrectedTo}\n          originalQuery={this.didYouMeanState.originalQuery}\n          i18n={this.bindings.i18n}\n        />\n      );\n    }\n    if (hasQueryCorrection) {\n      return (\n        <Correction\n          correctedQuery={this.didYouMeanState.queryCorrection.correctedQuery}\n          i18n={this.bindings.i18n}\n          onClick={() => this.didYouMean.applyCorrection()}\n        />\n      );\n    }\n    if (hasTrigger) {\n      return (\n        <TriggerCorrection\n          i18n={this.bindings.i18n}\n          correctedQuery={this.queryTriggerState.newQuery}\n          originalQuery={this.queryTriggerState.originalQuery}\n          onClick={() => this.queryTrigger.undo()}\n        />\n      );\n    }\n  }\n\n  public render() {\n    if (!this.didYouMeanState || !this.queryTriggerState) {\n      return;\n    }\n\n    return (\n      <QueryCorrectionGuard\n        hasCorrection={\n          this.didYouMeanState.hasQueryCorrection ||\n          this.queryTriggerState.wasQueryModified\n        }\n      >\n        {this.content}\n      </QueryCorrectionGuard>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-did-you-mean.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAUA;;;AAGO,MAAM,cAAc,GAA6C,CAAC,EACvE,IAAI,EACJ,WAAW,EACX,aAAa,GACd;IACC,QACEA,QAACC,cAAQ;QACPD,eAAG,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAC,YAAY;YAClDA,QAACE,wBAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,6BAA6B,EAClC,MAAM,EAAE,EAAC,KAAK,EAAEF,eAAG,IAAI,EAAC,WAAW,IAAE,aAAa,CAAK,EAAC,GACxD,CACA;QACJA,eAAG,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,gBAAgB;YACjDA,QAACE,wBAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,yBAAyB,EAC9B,MAAM,EAAE,EAAC,KAAK,EAAEF,eAAG,IAAI,EAAC,WAAW,IAAE,WAAW,CAAK,EAAC,GACtD,CACA,CACK,EACX;AACJ,CAAC;;AC1BD;;;AAGO,MAAM,UAAU,GAAyC,CAAC,EAC/D,IAAI,EACJ,OAAO,EACP,cAAc,GACf;IACC,QACEA,eAAG,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc;QAC/CA,QAACE,wBAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,cAAc,EAClB,MAAM,EAAE;gBACN,KAAK,GACHF,oBACE,KAAK,EAAC,qHAAqH,EAC3H,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,OAAO,EAAE,IAEvB,cAAc,CACR,CACV;aACF,GACD,CACA,EACJ;AACJ,CAAC;;AC/BD;;;AAGO,MAAM,oBAAoB,GAE7B,CAAC,EAAC,aAAa,EAAC,EAAE,QAAQ;IAC5B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IACD,OAAOA,QAACC,cAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;ACLD;;;AAGO,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,IAAI,EACJ,cAAc,EACd,aAAa,EACb,OAAO,GACR;IACC,QACED,QAACC,cAAQ;QACPD,eACE,KAAK,EAAC,sCAAsC,EAC5C,IAAI,EAAC,qBAAqB;YAE1BA,QAACE,wBAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,qBAAqB,EAC1B,MAAM,EAAE,EAAC,KAAK,EAAEF,eAAG,IAAI,EAAC,WAAW,IAAE,cAAc,CAAK,EAAC,GACzD,CACA;QACJA,eACE,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAC,oBAAoB;YAEzBA,QAACE,wBAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAE;oBACN,KAAK,GACHF,oBACE,KAAK,EAAC,qHAAqH,EAC3H,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,OAAO,EAAE,IAEvB,aAAa,CACP,CACV;iBACF,GACD,CACA,CACK,EACX;AACJ,CAAC;;ACtDD,MAAM,mBAAmB,GAAG,0ljEAA0ljE,CAAC;AACvnjE,+BAAe,mBAAmB;;;;;;;;;;;;MCoCrB,gBAAgB;;;;;;;;;;QAoBG,8BAAyB,GAAG,IAAI,CAAC;;;;;;;;;QAWxD,wBAAmB,GAAsB,MAAM,CAAC;;;;yCAXG,IAAI;mCAWd,MAAM;;IAG/C,yBAAyB;QAC9B,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;KACrE;IAEM,UAAU;QACf,IAAI,CAAC,UAAU,GAAGG,wBAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACtD,OAAO,EAAE;gBACP,yBAAyB,EAAE,IAAI,CAAC,yBAAyB;gBACzD,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;aAC9C;SACF,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAED,IAAY,OAAO;QACjB,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACpD,OAAO;SACR;QAED,MAAM,EAAC,kBAAkB,EAAE,yBAAyB,EAAC,GACnD,IAAI,CAAC,eAAe,CAAC;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;QAE3D,IAAI,kBAAkB,IAAI,yBAAyB,EAAE;YACnD,QACEJ,QAAC,cAAc,IACb,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,cAAc,EAChD,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,EACjD,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,GACxB,EACF;SACH;QACD,IAAI,kBAAkB,EAAE;YACtB,QACEA,QAAC,UAAU,IACT,cAAc,EAAE,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cAAc,EACnE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,GAChD,EACF;SACH;QACD,IAAI,UAAU,EAAE;YACd,QACEA,QAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAC/C,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EACnD,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,GACvC,EACF;SACH;KACF;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACpD,OAAO;SACR;QAED,QACEA,QAAC,oBAAoB,IACnB,aAAa,EACX,IAAI,CAAC,eAAe,CAAC,kBAAkB;gBACvC,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,IAGxC,IAAI,CAAC,OAAO,CACQ,EACvB;KACH;;;;;AArG4B;IAA5BK,sCAAkB,EAAE;kDAA4B;AAMzC;IAFPC,yCAAqB,CAAC,YAAY,CAAC;yDAEM;AAGlC;IAFPA,yCAAqB,CAAC,cAAc,CAAC;2DAEQ;;;;;","names":["h","Fragment","LocalizedString","buildDidYouMean","buildQueryTrigger","InitializeBindings","BindStateToController"],"sources":["src/components/common/query-correction/stencil-auto-correction.tsx","src/components/common/query-correction/stencil-correction.tsx","src/components/common/query-correction/stencil-guard.tsx","src/components/common/query-correction/stencil-trigger-correction.tsx","src/components/search/atomic-did-you-mean/atomic-did-you-mean.pcss?tag=atomic-did-you-mean&encapsulation=shadow","src/components/search/atomic-did-you-mean/atomic-did-you-mean.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface AutoCorrectionProps {\n  i18n: i18n;\n  originalQuery: string;\n  correctedTo: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const AutoCorrection: FunctionalComponent<AutoCorrectionProps> = ({\n  i18n,\n  correctedTo,\n  originalQuery,\n}) => {\n  return (\n    <Fragment>\n      <p class=\"text-on-background mb-1\" part=\"no-results\">\n        <LocalizedString\n          i18n={i18n}\n          key={'no-results-for-did-you-mean'}\n          params={{query: <b part=\"highlight\">{originalQuery}</b>}}\n        />\n      </p>\n      <p class=\"text-on-background\" part=\"auto-corrected\">\n        <LocalizedString\n          i18n={i18n}\n          key={'query-auto-corrected-to'}\n          params={{query: <b part=\"highlight\">{correctedTo}</b>}}\n        />\n      </p>\n    </Fragment>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface CorrectionProps {\n  i18n: i18n;\n  onClick: () => void;\n  correctedQuery: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Correction: FunctionalComponent<CorrectionProps> = ({\n  i18n,\n  onClick,\n  correctedQuery,\n}) => {\n  return (\n    <p class=\"text-on-background\" part=\"did-you-mean\">\n      <LocalizedString\n        i18n={i18n}\n        key=\"did-you-mean\"\n        params={{\n          query: (\n            <button\n              class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n              part=\"correction-btn\"\n              onClick={() => onClick()}\n            >\n              {correctedQuery}\n            </button>\n          ),\n        }}\n      />\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryCorrectionGuardProps {\n  hasCorrection: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryCorrectionGuard: FunctionalComponent<\n  QueryCorrectionGuardProps\n> = ({hasCorrection}, children) => {\n  if (!hasCorrection) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface TriggerCorrectionProps {\n  i18n: i18n;\n  correctedQuery: string;\n  originalQuery: string;\n  onClick: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TriggerCorrection: FunctionalComponent<TriggerCorrectionProps> = ({\n  i18n,\n  correctedQuery,\n  originalQuery,\n  onClick,\n}) => {\n  return (\n    <Fragment>\n      <p\n        class=\"text-on-background text-lg leading-6\"\n        part=\"showing-results-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key={'showing-results-for'}\n          params={{query: <b part=\"highlight\">{correctedQuery}</b>}}\n        />\n      </p>\n      <p\n        class=\"text-on-background text-base leading-5\"\n        part=\"search-instead-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key=\"search-instead-for\"\n          params={{\n            query: (\n              <button\n                class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n                part=\"undo-btn\"\n                onClick={() => onClick()}\n              >\n                {originalQuery}\n              </button>\n            ),\n          }}\n        />\n      </p>\n    </Fragment>\n  );\n};\n","@import '../../../global/global.pcss';\n","import {\n  DidYouMean,\n  DidYouMeanState,\n  buildDidYouMean,\n  QueryTrigger,\n  buildQueryTrigger,\n  QueryTriggerState,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Watch} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AutoCorrection} from '../../common/query-correction/stencil-auto-correction';\nimport {Correction} from '../../common/query-correction/stencil-correction';\nimport {QueryCorrectionGuard} from '../../common/query-correction/stencil-guard';\nimport {TriggerCorrection} from '../../common/query-correction/stencil-trigger-correction';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-did-you-mean` component is responsible for handling query corrections. When a query returns no result but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.\n *\n * @part no-results - The text displayed when there are no results.\n * @part auto-corrected - The text displayed for the automatically corrected query.\n * @part showing-results-for - The first paragraph of the text displayed when a query trigger changes a query.\n * @part search-instead-for - The second paragraph of the text displayed when a query trigger changes a query.\n * @part did-you-mean - The text displayed around the button to manually correct a query.\n * @part correction-btn - The button used to manually correct a query.\n * @part undo-btn - The button used to undo a query changed by a query trigger.\n * @part highlight - The query highlights.\n */\n@Component({\n  tag: 'atomic-did-you-mean',\n  styleUrl: 'atomic-did-you-mean.pcss',\n  shadow: true,\n})\nexport class AtomicDidYouMean implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  private didYouMean!: DidYouMean;\n  protected queryTrigger!: QueryTrigger;\n\n  @BindStateToController('didYouMean')\n  @State()\n  private didYouMeanState?: DidYouMeanState;\n  @BindStateToController('queryTrigger')\n  @State()\n  private queryTriggerState?: QueryTriggerState;\n  @State() public error!: Error;\n\n  /**\n   * Whether to automatically apply corrections for queries that would otherwise return no results.\n   * When `automaticallyCorrectQuery` is `true`, the component automatically triggers a new query using the suggested term.\n   * When `automaticallyCorrectQuery` is `false`, the component returns the suggested term without triggering a new query.\n   *\n   * The default value is `true`.\n   */\n  @Prop({reflect: true}) public automaticallyCorrectQuery = true;\n\n  /**\n   * Define which query correction system to use\n   *\n   * `legacy`: Query correction is powered by the legacy index system. This system relies on an algorithm using solely the index content to compute the suggested terms.\n   * `next`: Query correction is powered by a machine learning system, requiring a valid query suggestion model configured in your Coveo environment to function properly. This system relies on machine learning algorithms to compute the suggested terms.\n   *\n   * Default value is `next`.\n   */\n  @Prop({reflect: true})\n  public queryCorrectionMode: 'legacy' | 'next' = 'next';\n\n  @Watch('queryCorrectionMode')\n  public updateQueryCorrectionMode() {\n    this.didYouMean.updateQueryCorrectionMode(this.queryCorrectionMode);\n  }\n\n  public initialize() {\n    this.didYouMean = buildDidYouMean(this.bindings.engine, {\n      options: {\n        automaticallyCorrectQuery: this.automaticallyCorrectQuery,\n        queryCorrectionMode: this.queryCorrectionMode,\n      },\n    });\n    this.queryTrigger = buildQueryTrigger(this.bindings.engine);\n  }\n\n  private get content() {\n    if (!this.queryTriggerState || !this.didYouMeanState) {\n      return;\n    }\n\n    const {hasQueryCorrection, wasAutomaticallyCorrected} =\n      this.didYouMeanState;\n    const hasTrigger = this.queryTriggerState.wasQueryModified;\n\n    if (hasQueryCorrection && wasAutomaticallyCorrected) {\n      return (\n        <AutoCorrection\n          correctedTo={this.didYouMeanState.wasCorrectedTo}\n          originalQuery={this.didYouMeanState.originalQuery}\n          i18n={this.bindings.i18n}\n        />\n      );\n    }\n    if (hasQueryCorrection) {\n      return (\n        <Correction\n          correctedQuery={this.didYouMeanState.queryCorrection.correctedQuery}\n          i18n={this.bindings.i18n}\n          onClick={() => this.didYouMean.applyCorrection()}\n        />\n      );\n    }\n    if (hasTrigger) {\n      return (\n        <TriggerCorrection\n          i18n={this.bindings.i18n}\n          correctedQuery={this.queryTriggerState.newQuery}\n          originalQuery={this.queryTriggerState.originalQuery}\n          onClick={() => this.queryTrigger.undo()}\n        />\n      );\n    }\n  }\n\n  public render() {\n    if (!this.didYouMeanState || !this.queryTriggerState) {\n      return;\n    }\n\n    return (\n      <QueryCorrectionGuard\n        hasCorrection={\n          this.didYouMeanState.hasQueryCorrection ||\n          this.queryTriggerState.wasQueryModified\n        }\n      >\n        {this.content}\n      </QueryCorrectionGuard>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-external.cjs.entry.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
-const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./dom-utils-d4790328.js');
+require('./purify-85b542e2.js');
+const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-4aa43394.js');
+require('./_commonjsHelpers-b3309d7b.js');
+require('./dom-utils-99b6ae8e.js');
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/cjs/atomic-external.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-external.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;MAgBa,cAAc;;;;;;;QAKF,aAAQ,GAAG,yBAAyB,CAAC;wBAA1B,yBAAyB;;;IAEpD,oBAAoB,CAAC,KAAsB;QAChD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,uBAAA,IAAI,gEAAW,CAAC,aAAa,CAC3BA,2BAAgB,CAACC,uDAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,CACpD,CAAC;KACH;IAGM,iBAAiB,CAAC,KAAkB;QACzC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,uBAAA,IAAI,gEAAW,CAAC,aAAa,CAC3BD,2BAAgB,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,CACrD,CAAC;KACH;IAGM,iBAAiB,CAAC,KAAkB;QACzC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE;YACxCE,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;IAOD,iBAAiB;QACf,IAAIC,uBAAa,CAAC,uBAAA,IAAI,gEAAW,CAAC,EAAE;YAClCD,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;;;;IAGC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;QACxB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC;QACzE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,MAAM,IAAI,KAAK,CACb,gDAAgD,IAAI,CAAC,QAAQ,GAAG,CACjE,CAAC;SACH;KACF;IAED,OAAO,IAAI,CAAC,cAAe,CAAC;AAC9B,CAAC;;;;","names":["buildCustomEvent","initializeEventName","markParentAsReady","isParentReady"],"sources":["src/components/search/atomic-external/atomic-external.tsx"],"sourcesContent":["import {markParentAsReady, isParentReady} from '@/src/utils/init-queue';\nimport {Component, Prop, Listen, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n  AtomicInterface,\n  InitializeEvent,\n  initializeEventName,\n} from '../../../utils/initialization-utils';\n\n/**\n * The `atomic-external` component allows components defined outside of the `atomic-search-interface` to initialize.\n */\n@Component({\n  tag: 'atomic-external',\n  shadow: false,\n})\nexport class AtomicExternal {\n  @Element() public host!: HTMLAtomicExternalElement;\n  /**\n   * The CSS selector that identifies the `atomic-search-interface` component with which to initialize the external components.\n   */\n  @Prop({reflect: true}) selector = 'atomic-search-interface';\n  @Listen('atomic/initializeComponent')\n  public handleInitialization(event: InitializeEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#interface.dispatchEvent(\n      buildCustomEvent(initializeEventName, event.detail)\n    );\n  }\n\n  @Listen('atomic/scrollToTop')\n  public handleScrollToTop(event: CustomEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#interface.dispatchEvent(\n      buildCustomEvent('atomic/scrollToTop', event.detail)\n    );\n  }\n\n  @Listen('atomic/parentReady', {target: 'window'})\n  public handleParentReady(event: CustomEvent) {\n    if (event.target === this.boundInterface) {\n      markParentAsReady(this.host);\n    }\n  }\n\n  /**\n   * Represents the bound interface for the AtomicExternal component.\n   */\n  @Prop({mutable: true}) boundInterface?: AtomicInterface;\n\n  connectedCallback() {\n    if (isParentReady(this.#interface)) {\n      markParentAsReady(this.host);\n    }\n  }\n\n  get #interface() {\n    if (!this.boundInterface) {\n      this.boundInterface = document.querySelector(this.selector) ?? undefined;\n      if (!this.boundInterface) {\n        throw new Error(\n          `Cannot find interface element with selector \"${this.selector}\"`\n        );\n      }\n    }\n\n    return this.boundInterface!;\n  }\n}\n"],"version":3}
+{"file":"atomic-external.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;MAgBa,cAAc;;;;;;;QAKF,aAAQ,GAAG,yBAAyB,CAAC;wBAA1B,yBAAyB;;;IAEpD,oBAAoB,CAAC,KAAsB;QAChD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,uBAAA,IAAI,gEAAW,CAAC,aAAa,CAC3BA,2BAAgB,CAACC,uDAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,CACpD,CAAC;KACH;IAGM,iBAAiB,CAAC,KAAkB;QACzC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,uBAAA,IAAI,gEAAW,CAAC,aAAa,CAC3BD,2BAAgB,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,CACrD,CAAC;KACH;IAGM,iBAAiB,CAAC,KAAkB;QACzC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE;YACxCE,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;IAOD,iBAAiB;QACf,IAAIC,uBAAa,CAAC,uBAAA,IAAI,gEAAW,CAAC,EAAE;YAClCD,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;;;;IAGC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;QACxB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC;QACzE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,MAAM,IAAI,KAAK,CACb,gDAAgD,IAAI,CAAC,QAAQ,GAAG,CACjE,CAAC;SACH;KACF;IAED,OAAO,IAAI,CAAC,cAAe,CAAC;AAC9B,CAAC;;;;","names":["buildCustomEvent","initializeEventName","markParentAsReady","isParentReady"],"sources":["src/components/search/atomic-external/atomic-external.tsx"],"sourcesContent":["import {markParentAsReady, isParentReady} from '@/src/utils/init-queue';\nimport {Component, Prop, Listen, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n  AtomicInterface,\n  InitializeEvent,\n  initializeEventName,\n} from '../../../utils/initialization-utils';\n\n/**\n * The `atomic-external` component allows components defined outside of the `atomic-search-interface` to initialize.\n */\n@Component({\n  tag: 'atomic-external',\n  shadow: false,\n})\nexport class AtomicExternal {\n  @Element() public host!: HTMLAtomicExternalElement;\n  /**\n   * The CSS selector that identifies the `atomic-search-interface` component with which to initialize the external components.\n   */\n  @Prop({reflect: true}) selector = 'atomic-search-interface';\n  @Listen('atomic/initializeComponent')\n  public handleInitialization(event: InitializeEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#interface.dispatchEvent(\n      buildCustomEvent(initializeEventName, event.detail)\n    );\n  }\n\n  @Listen('atomic/scrollToTop')\n  public handleScrollToTop(event: CustomEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#interface.dispatchEvent(\n      buildCustomEvent('atomic/scrollToTop', event.detail)\n    );\n  }\n\n  @Listen('atomic/parentReady', {target: 'window'})\n  public handleParentReady(event: CustomEvent) {\n    if (event.target === this.boundInterface) {\n      markParentAsReady(this.host);\n    }\n  }\n\n  /**\n   * Represents the bound interface for the AtomicExternal component.\n   */\n  @Prop({mutable: true}) boundInterface?: AtomicInterface;\n\n  connectedCallback() {\n    if (isParentReady(this.#interface)) {\n      markParentAsReady(this.host);\n    }\n  }\n\n  get #interface() {\n    if (!this.boundInterface) {\n      this.boundInterface = document.querySelector(this.selector) ?? undefined;\n      if (!this.boundInterface) {\n        throw new Error(\n          `Cannot find interface element with selector \"${this.selector}\"`\n        );\n      }\n    }\n\n    return this.boundInterface!;\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-facet-manager.cjs.entry.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/atomic-facet-manager.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-facet-manager.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;MA6Ba,kBAAkB;;;;;;;;;;QAoBC,wBAAmB,GAAG,CAAC,CAAC;QAU9C,eAAU,GAAG;YACnB,MAAM,MAAM,GAAGA,sCAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE9C,MAAM,YAAY,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5E,MAAM,EAAC,aAAa,EAAE,eAAe,EAAC,GAAGC,sCAAmB,CAC1D,YAAY,EACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CACnC,CAAC;YAEF,MAAM,SAAS,GAAGC,6CAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAExDC,sCAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAE7D,SAAS,EAAE,+CAA+C,CACxD,IAAI,CAAC,mBAAmB,EACxB,aAAa,CAAC,MAAM,CACrB,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,GAAG;gBACD,GAAG,aAAa;gBAChB,GAAG,eAAe;gBAClB,IAAI,SAAS,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;aAClC,CACF,CAAC;SACH,CAAC;;;mCApCkD,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;;QAG5D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3D;IA8BO,aAAa;QACnB,IAAIC,YAAM,CAAC;YACT,kBAAkB,EAAE,IAAIC,iBAAW,CAAC,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;SAC/D,CAAC,CAAC,QAAQ,CAAC;YACV,kBAAkB,EAAE,IAAI,CAAC,mBAAmB;SAC7C,CAAC,CAAC;KACJ;IAEO,sBAAsB,CAC5B,MAA0B,EAC1B,YAA0B;QAE1B,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;YACjC,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,OAAO,EAAE,CAAC;SACX,CAAC,CAAC,CAAC;QACJ,OAAO,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;KACzD;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC7D;IAEM,MAAM;QACX,OAAOC,oEAAQ,CAAC;KACjB;;;AAlF4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AAS1C;IAJNC,yCAAqB,CAAC,cAAc,EAAE;QACrC,sBAAsB,EAAE,YAAY;KACrC,CAAC;6DAE2C;;;;","names":["getFacetsInChildren","sortFacetVisibility","getAutomaticFacetGenerator","collapseFacetsAfter","buildFacetManager","Schema","NumberValue","h","InitializeBindings","BindStateToController"],"sources":["src/components/search/atomic-facet-manager/atomic-facet-manager.tsx"],"sourcesContent":["import {NumberValue, Schema} from '@coveo/bueno';\nimport {\n  FacetManager,\n  buildFacetManager,\n  FacetManagerState,\n} from '@coveo/headless';\nimport {Component, h, Element, State, Prop} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  getFacetsInChildren,\n  getAutomaticFacetGenerator,\n  sortFacetVisibility,\n  collapseFacetsAfter,\n  BaseFacetElement,\n} from '../../common/facets/stencil-facet-common';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-facet-manager` helps reorder facets and their values to match the most recent search response with the most relevant results.\n * @slot default - Facet components are slotted within to leverage this functionality.\n */\n@Component({\n  tag: 'atomic-facet-manager',\n  shadow: false,\n})\nexport class AtomicFacetManager implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  private facetManager!: FacetManager;\n\n  @Element() private host!: HTMLDivElement;\n\n  @BindStateToController('facetManager', {\n    onUpdateCallbackMethod: 'sortFacets',\n  })\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() public error!: Error;\n\n  /**\n   * The number of expanded facets inside the manager.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   * Using the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 4;\n\n  public initialize() {\n    this.validateProps();\n    this.facetManager = buildFacetManager(this.bindings.engine);\n\n    // An update has to be forced for the facets to be visually updated, without being interacted with.\n    this.bindings.i18n.on('languageChanged', this.sortFacets);\n  }\n\n  private sortFacets = () => {\n    const facets = getFacetsInChildren(this.host);\n\n    const sortedFacets = this.sortFacetsUsingManager(facets, this.facetManager);\n\n    const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n      sortedFacets,\n      this.bindings.store.getAllFacets()\n    );\n\n    const generator = getAutomaticFacetGenerator(this.host);\n\n    collapseFacetsAfter(visibleFacets, this.collapseFacetsAfter);\n\n    generator?.updateCollapseFacetsDependingOnFacetsVisibility(\n      this.collapseFacetsAfter,\n      visibleFacets.length\n    );\n\n    this.host.append(\n      ...[\n        ...visibleFacets,\n        ...invisibleFacets,\n        ...(generator ? [generator] : []),\n      ]\n    );\n  };\n\n  private validateProps() {\n    new Schema({\n      collapseFacetAfter: new NumberValue({min: -1, required: true}),\n    }).validate({\n      collapseFacetAfter: this.collapseFacetsAfter,\n    });\n  }\n\n  private sortFacetsUsingManager(\n    facets: BaseFacetElement[],\n    facetManager: FacetManager\n  ): BaseFacetElement[] {\n    const payload = facets.map((f) => ({\n      facetId: f.facetId,\n      payload: f,\n    }));\n    return facetManager.sort(payload).map((f) => f.payload);\n  }\n\n  disconnectedCallback() {\n    this.bindings?.i18n.off('languageChanged', this.sortFacets);\n  }\n\n  public render() {\n    return <slot />;\n  }\n}\n"],"version":3}
+{"file":"atomic-facet-manager.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MA6Ba,kBAAkB;;;;;;;;;;QAoBC,wBAAmB,GAAG,CAAC,CAAC;QAU9C,eAAU,GAAG;YACnB,MAAM,MAAM,GAAGA,sCAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE9C,MAAM,YAAY,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5E,MAAM,EAAC,aAAa,EAAE,eAAe,EAAC,GAAGC,sCAAmB,CAC1D,YAAY,EACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CACnC,CAAC;YAEF,MAAM,SAAS,GAAGC,6CAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAExDC,sCAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAE7D,SAAS,EAAE,+CAA+C,CACxD,IAAI,CAAC,mBAAmB,EACxB,aAAa,CAAC,MAAM,CACrB,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,GAAG;gBACD,GAAG,aAAa;gBAChB,GAAG,eAAe;gBAClB,IAAI,SAAS,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;aAClC,CACF,CAAC;SACH,CAAC;;;mCApCkD,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;;QAG5D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3D;IA8BO,aAAa;QACnB,IAAIC,YAAM,CAAC;YACT,kBAAkB,EAAE,IAAIC,iBAAW,CAAC,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;SAC/D,CAAC,CAAC,QAAQ,CAAC;YACV,kBAAkB,EAAE,IAAI,CAAC,mBAAmB;SAC7C,CAAC,CAAC;KACJ;IAEO,sBAAsB,CAC5B,MAA0B,EAC1B,YAA0B;QAE1B,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;YACjC,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,OAAO,EAAE,CAAC;SACX,CAAC,CAAC,CAAC;QACJ,OAAO,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;KACzD;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC7D;IAEM,MAAM;QACX,OAAOC,oEAAQ,CAAC;KACjB;;;AAlF4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AAS1C;IAJNC,yCAAqB,CAAC,cAAc,EAAE;QACrC,sBAAsB,EAAE,YAAY;KACrC,CAAC;6DAE2C;;;;","names":["getFacetsInChildren","sortFacetVisibility","getAutomaticFacetGenerator","collapseFacetsAfter","buildFacetManager","Schema","NumberValue","h","InitializeBindings","BindStateToController"],"sources":["src/components/search/atomic-facet-manager/atomic-facet-manager.tsx"],"sourcesContent":["import {NumberValue, Schema} from '@coveo/bueno';\nimport {\n  FacetManager,\n  buildFacetManager,\n  FacetManagerState,\n} from '@coveo/headless';\nimport {Component, h, Element, State, Prop} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  getFacetsInChildren,\n  getAutomaticFacetGenerator,\n  sortFacetVisibility,\n  collapseFacetsAfter,\n  BaseFacetElement,\n} from '../../common/facets/stencil-facet-common';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-facet-manager` helps reorder facets and their values to match the most recent search response with the most relevant results.\n * @slot default - Facet components are slotted within to leverage this functionality.\n */\n@Component({\n  tag: 'atomic-facet-manager',\n  shadow: false,\n})\nexport class AtomicFacetManager implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  private facetManager!: FacetManager;\n\n  @Element() private host!: HTMLDivElement;\n\n  @BindStateToController('facetManager', {\n    onUpdateCallbackMethod: 'sortFacets',\n  })\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() public error!: Error;\n\n  /**\n   * The number of expanded facets inside the manager.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   * Using the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 4;\n\n  public initialize() {\n    this.validateProps();\n    this.facetManager = buildFacetManager(this.bindings.engine);\n\n    // An update has to be forced for the facets to be visually updated, without being interacted with.\n    this.bindings.i18n.on('languageChanged', this.sortFacets);\n  }\n\n  private sortFacets = () => {\n    const facets = getFacetsInChildren(this.host);\n\n    const sortedFacets = this.sortFacetsUsingManager(facets, this.facetManager);\n\n    const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n      sortedFacets,\n      this.bindings.store.getAllFacets()\n    );\n\n    const generator = getAutomaticFacetGenerator(this.host);\n\n    collapseFacetsAfter(visibleFacets, this.collapseFacetsAfter);\n\n    generator?.updateCollapseFacetsDependingOnFacetsVisibility(\n      this.collapseFacetsAfter,\n      visibleFacets.length\n    );\n\n    this.host.append(\n      ...[\n        ...visibleFacets,\n        ...invisibleFacets,\n        ...(generator ? [generator] : []),\n      ]\n    );\n  };\n\n  private validateProps() {\n    new Schema({\n      collapseFacetAfter: new NumberValue({min: -1, required: true}),\n    }).validate({\n      collapseFacetAfter: this.collapseFacetsAfter,\n    });\n  }\n\n  private sortFacetsUsingManager(\n    facets: BaseFacetElement[],\n    facetManager: FacetManager\n  ): BaseFacetElement[] {\n    const payload = facets.map((f) => ({\n      facetId: f.facetId,\n      payload: f,\n    }));\n    return facetManager.sort(payload).map((f) => f.payload);\n  }\n\n  disconnectedCallback() {\n    this.bindings?.i18n.off('languageChanged', this.sortFacets);\n  }\n\n  public render() {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-facet.cjs.entry.js

@@ -5,26 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-92f1b080.js');
+const initializationUtils = require('./initialization-utils-bd73b57a.js');
 const propsUtils = require('./props-utils-15a042f3.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const dependsOn = require('./depends-on-f0cf3617.js');
 const facetPlaceholder = require('./facet-placeholder-28bdf849.js');
-const facetGuard = require('./facet-guard-0e8cbe50.js');
+const facetGuard = require('./facet-guard-86d4d9eb.js');
 const stencilFacetShowMoreLess = require('./stencil-facet-show-more-less-52a679a0.js');
 const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-16ea0e83.js');
 const stencilFacetSearchMatches = require('./stencil-facet-search-matches-f77a8c78.js');
 const stencilFacetValue = require('./stencil-facet-value-ad8037c7.js');
 const stencilFacetValuesGroup = require('./stencil-facet-values-group-332a2362.js');
 const popoverType = require('./popover-type-b1385b27.js');
-require('./dom-utils-d4790328.js');
+require('./dom-utils-99b6ae8e.js');
+require('./purify-85b542e2.js');
+require('./_commonjsHelpers-b3309d7b.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
-require('./initialization-lit-stencil-common-utils-730030b0.js');
+require('./initialization-lit-stencil-common-utils-4aa43394.js');
 require('@coveo/bueno');
 require('./utils-12b49e87.js');
-require('./purify-85b542e2.js');
-require('./_commonjsHelpers-b3309d7b.js');
 require('./arrow-bottom-rounded-705a1b2c.js');
 require('./arrow-top-rounded-e7a05d2f.js');
 require('./close-20739950.js');

package/dist/cjs/atomic-field-condition.cjs.entry.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const propsUtils = require('./props-utils-15a042f3.js');
-const resultTemplateCommon = require('./result-template-common-bc03b2ad.js');
-const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
+const stencilResultTemplateCommon = require('./stencil-result-template-common-9906bb6a.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-3a5f1319.js');
 require('@coveo/bueno');
 require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
-require('./table-element-utils-4865b735.js');
+require('./table-element-utils-2cc6dc82.js');
 require('./item-layout-sections-73e27d24.js');
-require('./stencil-item-decorators-43a96f33.js');
-require('./dom-utils-d4790328.js');
+require('./stencil-item-decorators-ac2e8fa8.js');
+require('./dom-utils-99b6ae8e.js');
 require('./event-utils-9bfcf3c5.js');
 
 const atomicFieldConditionCss = "atomic-field-condition{max-width:100%}";
@@ -59,7 +59,7 @@ const AtomicFieldCondition = class {
             const fieldNames = this.ifNotDefined.split(',');
             this.conditions.push(headless.ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
         }
-        this.conditions.push(...resultTemplateCommon.makeMatchConditions(this.mustMatch, this.mustNotMatch));
+        this.conditions.push(...stencilResultTemplateCommon.makeMatchConditions(this.mustMatch, this.mustNotMatch));
     }
     render() {
         if (!this.conditions.every((condition) => condition(this.result))) {

package/dist/cjs/atomic-field-condition.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-field-condition.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,wCAAwC,CAAC;AACzE,mCAAe,uBAAuB;;;;;;;;;;;;MCuBzB,oBAAoB;;;;;;;QAgBO,cAAS,GAC7C,EAAE,CAAC;;;;;QAMiC,iBAAY,GAChD,EAAE,CAAC;QAEG,eAAU,GAA8B,EAAE,CAAC;QAC3C,oBAAe,GAAG,KAAK,CAAC;;;yBAV9B,EAAE;4BAOF,EAAE;;IAOG,iBAAiB;QACtB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,CAClBA,+BAAsB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACvD,CAAC;SACH;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChD,IAAI,CAAC,UAAU,CAAC,IAAI,CAClBA,+BAAsB,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAC1D,CAAC;SACH;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAClB,GAAGC,wCAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAC1D,CAAC;KACH;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE;YACjE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;SACX;QAED,OAAOC,qBAAQ,CAAC;KACjB;IAEM,gBAAgB;QACrB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;KAC5C;;;AA9CqC;IAA7BC,kBAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;uDAChC;AAMiC;IAA7BA,kBAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;0DAChC;AAKoB;IAAxBC,6CAAa,EAAE;oDAAyB;;;;;","names":["ResultTemplatesHelpers","makeMatchConditions","h","MapProp","ResultContext"],"sources":["src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.pcss?tag=atomic-field-condition","src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.tsx"],"sourcesContent":["atomic-field-condition {\n  max-width: 100%;\n}\n","import {\n  Result,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {makeMatchConditions} from '../../../common/result-templates/result-template-common';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/**\n * The `atomic-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level result property of the `result` object, not restricted to fields (e.g., `isRecommendation`).\n *\n * @slot default - The content to display if the conditions are met.\n *\n * @MapProp name: mustMatch;attr: must-match;docs: The field and values that define which result items the condition must be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`;type: Record<string, string[]> ;default: {}\n * @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that define which result items the condition must not be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\";type: Record<string, string[]> ;default: {}\n */\n@Component({\n  tag: 'atomic-field-condition',\n  styleUrl: 'atomic-field-condition.pcss',\n  shadow: false,\n})\nexport class AtomicFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ResultTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ResultContext() private result!: Result;\n\n  public componentWillLoad() {\n    if (this.ifDefined) {\n      const fieldNames = this.ifDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames)\n      );\n    }\n\n    if (this.ifNotDefined) {\n      const fieldNames = this.ifNotDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames)\n      );\n    }\n\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.result))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"version":3}
+{"file":"atomic-field-condition.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,wCAAwC,CAAC;AACzE,mCAAe,uBAAuB;;;;;;;;;;;;MCwBzB,oBAAoB;;;;;;;QAgBO,cAAS,GAC7C,EAAE,CAAC;;;;;QAMiC,iBAAY,GAChD,EAAE,CAAC;QAEG,eAAU,GAA8B,EAAE,CAAC;QAC3C,oBAAe,GAAG,KAAK,CAAC;;;yBAV9B,EAAE;4BAOF,EAAE;;IAOG,iBAAiB;QACtB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,CAClBA,+BAAsB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACvD,CAAC;SACH;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChD,IAAI,CAAC,UAAU,CAAC,IAAI,CAClBA,+BAAsB,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAC1D,CAAC;SACH;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAClB,GAAGC,+CAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAC1D,CAAC;KACH;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE;YACjE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;SACX;QAED,OAAOC,qBAAQ,CAAC;KACjB;IAEM,gBAAgB;QACrB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;KAC5C;;;AA9CqC;IAA7BC,kBAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;uDAChC;AAMiC;IAA7BA,kBAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;0DAChC;AAKoB;IAAxBC,6CAAa,EAAE;oDAAyB;;;;;","names":["ResultTemplatesHelpers","makeMatchConditions","h","MapProp","ResultContext"],"sources":["src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.pcss?tag=atomic-field-condition","src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.tsx"],"sourcesContent":["atomic-field-condition {\n  max-width: 100%;\n}\n","import {\n  Result,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {makeMatchConditions} from '../../../common/result-templates/stencil-result-template-common';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n\n/**\n * The `atomic-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level result property of the `result` object, not restricted to fields (e.g., `isRecommendation`).\n *\n * @slot default - The content to display if the conditions are met.\n *\n * @MapProp name: mustMatch;attr: must-match;docs: The field and values that define which result items the condition must be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`;type: Record<string, string[]> ;default: {}\n * @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that define which result items the condition must not be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\";type: Record<string, string[]> ;default: {}\n */\n@Component({\n  tag: 'atomic-field-condition',\n  styleUrl: 'atomic-field-condition.pcss',\n  shadow: false,\n})\nexport class AtomicFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ResultTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ResultContext() private result!: Result;\n\n  public componentWillLoad() {\n    if (this.ifDefined) {\n      const fieldNames = this.ifDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames)\n      );\n    }\n\n    if (this.ifNotDefined) {\n      const fieldNames = this.ifNotDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames)\n      );\n    }\n\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.result))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"version":3}