@coveo/atomic 3.28.0-pre.c28335485c → 3.28.0-pre.d7a2bdbfed

package/dist/atomic/components/atomic-product-price.js

@@ -62,7 +62,7 @@ const AtomicProductPrice$1 = /*@__PURE__*/ proxyCustomElement(class AtomicProduc
         const originalPrice = this.hasPromotionalPrice
             ? this.getFormattedValue('ec_price')
             : null;
-        return (h(Host, { key: '9fa8c4a59427898756d333d7efe443eab839f376', class: "flex flex-wrap gap-1" }, h("div", { key: '0f84b070717d175296cfc8d732c7dfdf0f8e6a21', class: `truncate break-keep ${this.hasPromotionalPrice && 'text-error'}` }, mainPrice), h("div", { key: 'a2a85a0c7716cf03c0f17d39ee64f4a5aa984c28', class: 'original-price content-center truncate text-xl break-keep line-through' +
+        return (h(Host, { key: '9be7690a20f179aebcb2ef1330406cf4c0840011', class: "flex flex-wrap gap-1" }, h("div", { key: '17f08914229562dbf5fc52a99980d6e7130c83a5', class: `truncate break-keep ${this.hasPromotionalPrice && 'text-error'}` }, mainPrice), h("div", { key: 'b70aa6768a3d75b7bce253102326b63d683ea879', class: 'original-price content-center truncate text-xl break-keep line-through' +
                 (!originalPrice ? ' invisible' : '') }, originalPrice ?? '​')));
     }
     static get style() { return AtomicProductPriceStyle0; }

package/dist/atomic/components/atomic-product-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicProductText extends Components.AtomicProductText, HTMLElement {}
+export const AtomicProductText: {
+    prototype: AtomicProductText;
+    new (): AtomicProductText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-product-text.js

@@ -0,0 +1,8 @@
+import { A as AtomicProductText$1, d as defineCustomElement$1 } from './atomic-product-text2.js';
+
+const AtomicProductText = AtomicProductText$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicProductText, defineCustomElement };
+
+//# sourceMappingURL=atomic-product-text.js.map

package/dist/atomic/components/atomic-product-text.js.map

@@ -0,0 +1 @@
+{"file":"atomic-product-text.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,83 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { ProductTemplatesHelpers, HighlightUtils } from '@coveo/headless/commerce';
+import { g as getFieldValueCaption } from './field-utils.js';
+import { I as InitializeBindings } from './initialization-utils.js';
+import { I as ItemTextFallback, a as ItemTextHighlighted } from './stencil-item-text-highlighted.js';
+import { g as getStringValueFromProductOrNull } from './product-utils.js';
+import { P as ProductContext } from './stencil-product-template-decorators.js';
+import { d as defineCustomElement$1 } from './atomic-commerce-text2.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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const AtomicProductText = /*@__PURE__*/ proxyCustomElement(class AtomicProductText extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.
+         * This property only works for the product excerpt and the ec_name field.
+         */
+        this.shouldHighlight = true;
+        this.error = undefined;
+        this.field = undefined;
+        this.shouldHighlight = true;
+        this.default = undefined;
+    }
+    get shouldRenderHighlights() {
+        return this.shouldHighlight && this.isFieldSupportedForHighlighting();
+    }
+    isFieldSupportedForHighlighting() {
+        return ['ec_name', 'excerpt'].includes(this.field);
+    }
+    render() {
+        const productValueAsString = getStringValueFromProductOrNull(this.product, this.field);
+        if (productValueAsString === null) {
+            return (h(ItemTextFallback, { field: this.field, host: this.host, logger: this.bindings.engine.logger, defaultValue: this.default, item: this.product, getProperty: ProductTemplatesHelpers.getProductProperty }, h("atomic-commerce-text", { value: getFieldValueCaption(this.field, this.default, this.bindings.i18n) })));
+        }
+        const textValue = `${productValueAsString}`;
+        const highlightKeywords = ProductTemplatesHelpers.getProductProperty(this.product, this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights');
+        return this.shouldRenderHighlights && highlightKeywords ? (h(ItemTextHighlighted, { textValue: textValue, highlightKeywords: highlightKeywords, highlightString: HighlightUtils.highlightString, onError: (error) => (this.error = error) })) : (h("atomic-commerce-text", { value: getFieldValueCaption(this.field, textValue, this.bindings.i18n) }));
+    }
+    get host() { return this; }
+}, [0, "atomic-product-text", {
+        "field": [513],
+        "shouldHighlight": [516, "should-highlight"],
+        "default": [513],
+        "error": [32]
+    }]);
+__decorate([
+    InitializeBindings()
+], AtomicProductText.prototype, "bindings", void 0);
+__decorate([
+    ProductContext()
+], AtomicProductText.prototype, "product", void 0);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-product-text", "atomic-commerce-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-product-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicProductText);
+            }
+            break;
+        case "atomic-commerce-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AtomicProductText as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-product-text2.js.map

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

@@ -0,0 +1 @@
+{"file":"atomic-product-text2.js","mappings":";;;;;;;;;;;;;;;;;;;MAyBa,iBAAiB;;;;;;;;QAmBE,oBAAe,GAAG,IAAI,CAAC;;;+BAAL,IAAI;;;IAMpD,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,+BAA+B,EAAE,CAAC;KACvE;IAEM,+BAA+B;QACpC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACpD;IAEM,MAAM;QACX,MAAM,oBAAoB,GAAG,+BAA+B,CAC1D,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,IAAI,oBAAoB,KAAK,IAAI,EAAE;YACjC,QACE,EAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,WAAW,EAAE,uBAAuB,CAAC,kBAAkB,IAEvD,4BACE,KAAK,EAAE,oBAAoB,CACzB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,GACqB,CACP,EACnB;SACH;QAED,MAAM,SAAS,GAAG,GAAG,oBAAoB,EAAE,CAAC;QAC5C,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,kBAAkB,CAClE,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,gBAAgB,GAAG,mBAAmB,CAC7B,CAAC;QAEvC,OAAO,IAAI,CAAC,sBAAsB,IAAI,iBAAiB,IACrD,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,cAAc,CAAC,eAAe,EAC/C,OAAO,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACnB,KAEvB,4BACE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAChD,CACzB,CAAC;KACH;;;;;;;;AA3E4B;IAA5B,kBAAkB,EAAE;mDAAoC;AAG/B;IAAzB,cAAc,EAAE;kDAA2B;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/commerce/atomic-product-text/atomic-product-text.tsx"],"sourcesContent":["import {\n  Product,\n  ProductTemplatesHelpers,\n  HighlightUtils,\n} from '@coveo/headless/commerce';\nimport {Component, h, Prop, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {ItemTextFallback} from '../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../common/item-text/stencil-item-text-highlighted';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {getStringValueFromProductOrNull} from '../product-template-component-utils/product-utils';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-text` component renders the value of a string product field.\n */\n@Component({\n  tag: 'atomic-product-text',\n  shadow: false,\n})\nexport class AtomicProductText\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @State() public error!: Error;\n\n  @ProductContext() private product!: Product;\n\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The product field which the component should use.\n   * This will look in the Product object first, and then in the product.additionalFields object for the fields.\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   * This property only works for the product excerpt and the ec_name field.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\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  private get shouldRenderHighlights() {\n    return this.shouldHighlight && this.isFieldSupportedForHighlighting();\n  }\n\n  public isFieldSupportedForHighlighting() {\n    return ['ec_name', 'excerpt'].includes(this.field);\n  }\n\n  public render() {\n    const productValueAsString = getStringValueFromProductOrNull(\n      this.product,\n      this.field\n    );\n\n    if (productValueAsString === 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.product}\n          getProperty={ProductTemplatesHelpers.getProductProperty}\n        >\n          <atomic-commerce-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-commerce-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${productValueAsString}`;\n    const highlightKeywords = ProductTemplatesHelpers.getProductProperty(\n      this.product,\n      this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights'\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldRenderHighlights && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      <atomic-commerce-text\n        value={getFieldValueCaption(this.field, textValue, this.bindings.i18n)}\n      ></atomic-commerce-text>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-query-error.js

@@ -37,7 +37,7 @@ const AtomicQueryError$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQueryErr
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: 'de459790a2b49e8b666ad070446d8b1cbc3db484', hasError: hasError }, h(QueryErrorContainer, { key: 'ff2d33b6a57042ab5bd998779caebd61e80c3ddd' }, h(QueryErrorIcon, { key: '0074ab9b3adeb6395e812f5949cc9f90cc292b88', errorType: error?.type }), h(QueryErrorTitle, { key: 'da49af33e09d9708cbb7e7cb6fcc455ef70278dc', errorType: error?.type, i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: 'f9a6211c304cbcdd905cd31b9812509642d2b7a0', i18n: i18n, organizationId: organizationId, url: url, errorType: error?.type }), h(QueryErrorShowMore, { key: '34c0e1bd3265d1d86b82bf5dbc52a434d2fd74a6', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'e668186eeecd38a1eba9a55af2dd50ecc7328da1', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '35a365a208b92b8fd42190d0914c55941836a0d5', hasError: hasError }, h(QueryErrorContainer, { key: '4a9df9c210520543e6dd28dde603d92ef51eb12d' }, h(QueryErrorIcon, { key: '5acc15d972298c51b9a35899c72b21ec9921071f', errorType: error?.type }), h(QueryErrorTitle, { key: '69c204454af76de98e2ae5af3c480e28d9bcfd3f', errorType: error?.type, i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '5bc6f621410459203d5577024abcd2e017a24f77', i18n: i18n, organizationId: organizationId, url: url, errorType: error?.type }), h(QueryErrorShowMore, { key: 'c560a6af5df7c51424b647eacae1f66f29d94295', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '9d1e8c102af5b43904b5dafad4f6e0c043a916d9', error: error, show: this.showMoreInfo }))));
     }
     static get style() { return AtomicQueryErrorStyle0; }
 }, [1, "atomic-query-error", {

package/dist/atomic/components/atomic-query-summary.js

@@ -40,7 +40,7 @@ const AtomicQuerySummary$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQueryS
             isLoading,
         });
         this.ariaMessage = ariaLiveMessage;
-        return (h(QuerySummaryGuard, { key: 'b3b245b18b96914e0caf19565b27182f674c43f1', firstSearchExecuted: firstSearchExecuted, hasResults: hasResults, hasError: hasError }, h(QuerySummaryContainer, { key: 'a82724d6c8e0db9705b06726f343f18d87843e98' }, h(LocalizedString, { key: i18nKey, i18n: this.bindings.i18n, params: highlights, count: total }), h("span", { key: '60bdc5e1fc4e149dbdc103e21dba308a24dad4ef', class: "hidden", part: "duration" }, "\u00A0", h(LocalizedString, { key: "in-seconds", i18n: this.bindings.i18n, params: {
+        return (h(QuerySummaryGuard, { key: '605587e02c8d39c87b0cebcf5877321d3a2a6824', firstSearchExecuted: firstSearchExecuted, hasResults: hasResults, hasError: hasError }, h(QuerySummaryContainer, { key: '33948c83706caaf66a119cbf967e2d394313e42c' }, h(LocalizedString, { key: i18nKey, i18n: this.bindings.i18n, params: highlights, count: total }), h("span", { key: 'cac5b48031278d323209bc35b478ee0f05e57a4a', class: "hidden", part: "duration" }, "\u00A0", h(LocalizedString, { key: "in-seconds", i18n: this.bindings.i18n, params: {
                 count: durationInSeconds.toLocaleString(this.bindings.i18n.language),
             } })))));
     }

package/dist/atomic/components/atomic-quickview-modal2.js

@@ -574,7 +574,7 @@ const AtomicQuickviewModal = /*@__PURE__*/ proxyCustomElement(class AtomicQuickv
         });
     }
     render() {
-        return (h("atomic-modal", { key: 'bffc9786c6c9a7d3668334f542f69aba2deeb280', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (h("atomic-modal", { key: '56bf44efabfda516af231dd2eb3004e52285aafe', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     static get watchers() { return {
         "highlightKeywords": ["watchHighlightKeywords"]

package/dist/atomic/components/atomic-quickview.js

@@ -108,7 +108,7 @@ const AtomicQuickview$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQuickview
     }
     render() {
         if (this.quickviewState.resultHasPreview) {
-            return (h(Button, { key: 'be69e922cfb3f46d7a3aaf7f882f5a7c9f947ce4', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: 'dc4854a9fcd2f6f4a8216f46457295ca11548178', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
+            return (h(Button, { key: 'bf02d4c04582bf6fea9e5bb4094942e4bedbcf57', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: '8383eda6ce892806f43dde2128b74c700fe4be88', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
         }
     }
     static get style() { return AtomicQuickviewStyle0; }

package/dist/atomic/components/atomic-recs-error.js

@@ -39,7 +39,7 @@ const AtomicRecsError$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsError
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: 'f01c2f34b7ccb8ef2bc86e458e3d008cb439397b', hasError: hasError }, h(QueryErrorContainer, { key: 'b00e8d711e52492d2ff7779907ef871911f733bc' }, h(QueryErrorIcon, { key: '2ac8b16873bf80792412c479408513972573ed6a', errorType: error?.type }), h(QueryErrorTitle, { key: '94eece6c5d2c3b7ecacb53e1d41c2dec1a05fa98', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '4cd665279342e4f08a8bdb8ac83e32eba77b66fd', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: 'de6b23502d1ee50b6869c614e955258cb6185abc', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '4dbf04a6b5c6b33cca42605f4a69e7b3b2fc349f', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '1dca8ab41bdb8a71f1936cf1751fb6017c7c9fad', hasError: hasError }, h(QueryErrorContainer, { key: '711d860dbc6085ed9d3f03fd254865826c9fb897' }, h(QueryErrorIcon, { key: '35a3e19666aa1e38cd41ad11503c56ba0b926ce8', errorType: error?.type }), h(QueryErrorTitle, { key: '6987ab69f7a8a87a5615ccc8cde9c2a34db48e91', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '368140552841c3094bb81c469f58dc59bc1341b7', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '9f13261f6873e200f96c2a39fa4da506e7f762f8', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'da03ee81b4af216551f847592b4c49d478f35d50', error: error, show: this.showMoreInfo }))));
     }
     static get style() { return AtomicRecsErrorStyle0; }
 }, [1, "atomic-recs-error", {

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

@@ -262,7 +262,7 @@ const AtomicRecsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsList e
         }))));
     }
     render() {
-        return (h(Fragment, { key: '1a491be609deb91dee0a984d1a80f148bed27c7a' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (h(Fragment, { key: '8e2cdc749e141dc6c83ffbdf53e3cb3ab4331f67' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-refine-modal2.js

@@ -174,7 +174,7 @@ const AtomicRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicRefineMod
         return (h(RefineModalFiltersSection, { i18n: i18n, withFacets: hasFacetElements, withAutomaticFacets: hasAutomaticFacets }, this.breadcrumbManagerState.hasBreadcrumbs && (h(RefineModalFiltersClearButton, { i18n: i18n, onClick: () => this.breadcrumbManager.deselectAll() }))));
     }
     render() {
-        return (h(RefineModal, { key: '047b430b4b942d8dc2b5b3267d8d03a54dc1f871', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: 'ba88c20ec5635bbc8ed281c0da5bf1770e52350e' }, this.renderSort(), this.renderFilters())));
+        return (h(RefineModal, { key: '1e877f4411313bcc5c3998c8802dbc807dc189a8', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: '7cc1ef970c9623247304cfbbcbb96fbf72b2bfa7' }, this.renderSort(), this.renderFilters())));
     }
     componentDidLoad() {
         this.host.style.display = '';

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

@@ -53,7 +53,7 @@ const AtomicRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRefine
         this.modalRef && (this.modalRef.isOpen = true);
     }
     render() {
-        return (h(RefineToggleGuard, { key: '67960875f25068614a92d4f383f085cdd572237f', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '8e1d6073e8e953b41f82d6786687bc0e9ee34d30', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
+        return (h(RefineToggleGuard, { key: '7dc34e7fd9ee7f10a74d49e57d45a89554eda119', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '1833f1b2b333e5eba52699bea29fbe086ac1e292', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
                 if (!button) {
                     return;
                 }

package/dist/atomic/components/atomic-relevance-inspector2.js

@@ -18,9 +18,9 @@ const AtomicRelevanceInspector = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         this.open = false;
     }
     render() {
-        return (h("atomic-modal", { key: '4a9504b763eae424eb8b0103cc7b7de48ef039ea', exportparts: "footer", isOpen: this.open, close: () => {
+        return (h("atomic-modal", { key: '46ce0cc49ee3cc72208e17ec5a47fc44bc364669', exportparts: "footer", isOpen: this.open, close: () => {
                 this.closeRelevanceInspector?.emit();
-            } }, h("p", { key: '607572e43578874708e88a74519a36eb7afc20f8', slot: "header" }, "Open the relevance inspector"), h("p", { key: '8e1a14f2e1676a180956ed7b5327524b1547e023', slot: "body" }, "The Relevance Inspector will open in the Coveo Administration Console."), h("div", { key: '8bb0d1fa69335ad5af81559d35b22491b09774c6', slot: "footer", class: "flex w-full items-center justify-end" }, h(Button, { key: '1a005711c4a458f508756840031e26cf31043761', style: "outline-primary", class: "mr-2 p-2", onClick: () => this.closeRelevanceInspector?.emit() }, "Ignore"), h("a", { key: 'c6adca21e689da9ba5e71afa39f1cf80ee8c63bd', class: "btn-primary p-2", target: "_blank", href: this.adminHref, onClick: () => this.closeRelevanceInspector?.emit() }, "Open"))));
+            } }, h("p", { key: '3e9e61f720d3508d151ec2bbee9f0fe8320d48c0', slot: "header" }, "Open the relevance inspector"), h("p", { key: 'e105518acca647f7e38e405a468d8c6b8e86a1b4', slot: "body" }, "The Relevance Inspector will open in the Coveo Administration Console."), h("div", { key: '177e646a5eb79311f567c531debd84a4cf18e44b', slot: "footer", class: "flex w-full items-center justify-end" }, h(Button, { key: 'f4fd56d47235c4cbcaf41da0da814f2503c6a8d9', style: "outline-primary", class: "mr-2 p-2", onClick: () => this.closeRelevanceInspector?.emit() }, "Ignore"), h("a", { key: 'c98c637d86171fde324e97fee9862d9ede38bb3d', class: "btn-primary p-2", target: "_blank", href: this.adminHref, onClick: () => this.closeRelevanceInspector?.emit() }, "Open"))));
     }
     get adminHref() {
         const { organizationId, environment } = this.bindings.engine.state.configuration;

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

@@ -138,7 +138,7 @@ const AtomicResultChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: '8ff0036c6cae9ace39115c4e198237938b97241b', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: 'f6183807a8b58ead059e5fa7db300117c77e5425', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicResultChildrenStyle0; }

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

@@ -98,7 +98,7 @@ const AtomicResultFieldsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         }
     }
     render() {
-        return h(Host, { key: '0a98b590a12f5ea337ee12122803a2f1a6940216' });
+        return h(Host, { key: 'a5dc1fdae78e0475a7952f31369f6cccf6f6c2b7' });
     }
     get host() { return this; }
     static get style() { return AtomicResultFieldsListStyle0; }

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

@@ -43,7 +43,7 @@ const AtomicResultLink$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: '6eb500bb9118721f5abc3e08ac6281a5c97debad', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '73c2bb5a7ca23992bbf448ff25e1763e789b0148', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicResultLinkStyle0; }

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

@@ -194,7 +194,7 @@ const AtomicResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(TabGuard, { key: '0155a5c35d5f35993b1faa19753f42a2582f6059', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: 'dc5385bd41424262ebf3df06a0ab29ddfe8a2c6b', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: '6a275399d6e79e063b1054338a2d752452370e14', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: '6999cafabf931b62cb0ddf5eae06430d81823ddb', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: '0914eefe8a716e81b244d27be74f4e72ac5fe05b', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (h(TabGuard, { key: '8cd1828891f42c56c35d1dd45b87b12c79254826', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: '514229c8a95f6675a0683e37ea65a14263e88c78', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: '435e24ee5c19c9d4f46de0e813918afc441f310b', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: 'e04b1c8ccebc79ea6f031b62331b0b89c53e67b7', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: '987265fbaab67daeebb031393fbba65dad737439', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

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

@@ -27,9 +27,9 @@ const AtomicResultPlaceholder = /*@__PURE__*/ proxyCustomElement(class AtomicRes
             } }, h("div", { class: placeholderClasses, style: { height: 'var(--font-size)' } })));
     }
     render() {
-        return (h("div", { key: 'e954085c5a0705046ef0d11d8e7e8e0bded1ce3e', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
+        return (h("div", { key: '44d6f6fcae141700636748bf0bf1d324801ad7b0', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
                 .join(' ')
-                .trim()}` }, h("atomic-result-section-visual", { key: 'a80e3e80c6d14980b8c8f688e6bcc0a9514c8362' }, h("div", { key: '966bd55835c29564e18073298fe57dd9c6739bb4', class: placeholderClasses })), h("atomic-result-section-badges", { key: 'cd569d2797dcc73c1fdb7bdc8e584ba7148d72d7' }, h("div", { key: '99c1ed6e8be799132e1b685edde533cb3569ed6d', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '00914e2ec6a83ca9fe15de2256310e1b2b9448f9' }, h("div", { key: 'bf98a57b1d75e9d0f3c640d5028424b7f024e5e9', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: '64c3ab2c4590a61d4d36a9919027b30b56fa43fb' }, h("div", { key: '0c74c8c7f95691a9d1276b6d8b8885f61e615fe6', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: 'c6e0d695fe79ec595cbf620cfc7df6d94e44a367' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: '130079d0ee995d0545485edba9268e80cfcf92fe' }, h("div", { key: 'b1577674d315414f7c46357b89e74155ce7d92cb', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
+                .trim()}` }, h("atomic-result-section-visual", { key: '26dfc3541d739adf34491f475068f7eaed1b9450' }, h("div", { key: 'f191b225416bab5522ccbd04482d46b8e0917e90', class: placeholderClasses })), h("atomic-result-section-badges", { key: '08a0ba74c846888549718c9da9e8a8c931193770' }, h("div", { key: '6112d11347845ceebea377a9dda46f29893ea4b2', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '37c82ca42e6f287137bb6c734d2387fab395c143' }, h("div", { key: 'dcadfe0f127aa99b934c0a4de70e230ba0cd6cc6', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: '6f934bbaa48ce4e8b39eb5f8e6294e635551a977' }, h("div", { key: '98cbc660cb80f97aebb18673883649cb6cdbc37b', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: '8faa1af5537e63d3862b7f98ef81e3f813908ccb' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: '5bccd91ac5ed5f9ae2abcf005ad436927856f49d' }, h("div", { key: 'e947f3929a136565bc86383855c78d6f15faf317', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
     }
     static get style() { return AtomicResultPlaceholderStyle0; }
 }, [1, "atomic-result-placeholder", {

package/dist/atomic/components/atomic-result-table-placeholder2.js

@@ -18,7 +18,7 @@ const AtomicResultTablePlaceholder = /*@__PURE__*/ proxyCustomElement(class Atom
         return getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (h("table", { key: '983adfb713e79003cfa21dead66b825d322ef4cc', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '583cdcc694237102118be5088bd1c9953d916ecb' }, h("tr", { key: '8329e5ac6601877352902efd4fcf27ff328db3e0' }, h("th", { key: '08efb7d6770dc4a92ab96a021aebab33430b96ad' }, h("div", { key: 'e184a34cd625342bb698733fecee1528f8fbecf6', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '63c3a8475479bfe8212b67e1c6d39274206360d3' }, h("div", { key: '88214bac36ccb1173112d3fe47db8f883a8c3377', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '52c9ef0c4d4f69dec6dc4a217c03db16b64bec60' }, h("div", { key: '657aacd576ac96e41166dffb3f3610fb7cd1773e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'e48e39258c678df97c98a71e428dceb3d4a0253a' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (h("table", { key: 'db3a9b9d55eb8d3417e60b89f13f07636c8196f9', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '5dc2f253b16ec6302fbafa604d7bffac41670dd0' }, h("tr", { key: 'fd20bb0566ddadfaf855f9624d58aadb942e772d' }, h("th", { key: '85875071396ae899dc8479dfa52ec16bd3ea2e19' }, h("div", { key: 'b6707df93ed8d964755a539966f109c20f5e9f5f', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: 'ee7cc8149bd3eee23225a3e2622f999acf030385' }, h("div", { key: '07ec2fa2f4625c63e353a842680d04540c94e85e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: 'c24de3a80547bc1af784a238e68c931ea2586167' }, h("div", { key: 'fed9db9f0174e5961845d5f3cec4806f395c6722', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'e1a3e36e69c633186d4530cc499dcd5a29b1fdb8' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
     static get style() { return AtomicResultTablePlaceholderStyle0; }
 }, [1, "atomic-result-table-placeholder", {

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

@@ -1,55 +1,12 @@
-import { h, Fragment, Host, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { ResultTemplatesHelpers, HighlightUtils } from '@coveo/headless';
 import { g as getFieldValueCaption } from './field-utils.js';
 import { I as InitializeBindings } from './initialization-utils.js';
 import { g as getStringValueFromResultOrNull } from './result-utils.js';
-import { isArray, isUndefined } from '@coveo/bueno';
+import { I as ItemTextFallback, a as ItemTextHighlighted } from './stencil-item-text-highlighted.js';
 import { R as ResultContext } from './result-template-decorators.js';
 import { d as defineCustomElement$1 } from './atomic-text2.js';
 
-function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {
-    if (isArray(itemValueRaw)) {
-        logger.error(`${host.nodeName.toLowerCase()} cannot be used with multi value field "${field}" with values "${itemValueRaw}".`, host);
-    }
-}
-
-const ItemTextFallback = ({ field, host, logger, defaultValue, item, getProperty }, children) => {
-    const raw = getProperty(item, field);
-    possiblyWarnOnBadFieldType(field, raw, host, logger);
-    if (isUndefined(defaultValue)) {
-        host.remove();
-        return null;
-    }
-    else {
-        return h(Fragment, null, children);
-    }
-};
-
-function renderWithHighlights(value, highlights, highlightString) {
-    const openingDelimiter = '_openingDelimiter_';
-    const closingDelimiter = '_closingDelimiter_';
-    const highlightedValue = highlightString({
-        content: value,
-        openingDelimiter,
-        closingDelimiter,
-        highlights,
-    });
-    return highlightedValue
-        .replace(new RegExp(openingDelimiter, 'g'), '<b>')
-        .replace(new RegExp(closingDelimiter, 'g'), '</b>');
-}
-
-const ItemTextHighlighted = ({ highlightKeywords, highlightString, onError, textValue }) => {
-    try {
-        const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);
-        // deepcode ignore ReactSetInnerHtml: This is not React code
-        return h(Host, { innerHTML: highlightedValue });
-    }
-    catch (error) {
-        onError(error);
-    }
-};
-
 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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")

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

@@ -1 +1 @@
-{"file":"atomic-result-text2.js","mappings":";;;;;;;;;SAEgB,0BAA0B,CACxC,KAAa,EACb,YAAqB,EACrB,IAAiB,EACjB,MAA8B;IAE9B,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE;QACzB,MAAM,CAAC,KAAK,CACV,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,2CAA2C,KAAK,kBAAkB,YAAY,IAAI,EAChH,IAAI,CACL,CAAC;KACH;AACH;;ACDO,MAAM,gBAAgB,GAAG,CAC9B,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAmB,EACxE,QAAiB;IAEjB,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACrC,0BAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAErD,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE;QAC7B,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;KACxC;AACH,CAAC;;SCde,oBAAoB,CAClC,KAAa,EACb,UAA+B,EAC/B,eAAgC;IAEhC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;IAC9C,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;IAC9C,MAAM,gBAAgB,GAAG,eAAe,CAAC;QACvC,OAAO,EAAE,KAAK;QACd,gBAAgB;QAChB,gBAAgB;QAChB,UAAU;KACX,CAAC,CAAC;IACH,OAAO,gBAAgB;SACpB,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC;SACjD,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;AACxD;;ACdO,MAAM,mBAAmB,GAE5B,CAAC,EAAC,iBAAiB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAC;IAC3D,IAAI;QACF,MAAM,gBAAgB,GAAG,oBAAoB,CAC3C,SAAS,EACT,iBAAiB,EACjB,eAAe,CAChB,CAAC;;QAGF,OAAO,EAAC,IAAI,IAAC,SAAS,EAAE,gBAAgB,GAAS,CAAC;KACnD;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAc,CAAC,CAAC;KACzB;AACH,CAAC;;;;;;;;;;;;MCTY,gBAAgB;;;;;;;QAiBG,oBAAe,GAAG,IAAI,CAAC;;;+BAAL,IAAI;;;IAO7C,MAAM;QACX,MAAM,mBAAmB,GAAG,8BAA8B,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,IAAI,mBAAmB,KAAK,IAAI,EAAE;YAChC,QACE,EAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,WAAW,EAAE,sBAAsB,CAAC,iBAAiB,IAErD,mBACE,KAAK,EAAE,oBAAoB,CACzB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,GACY,CACE,EACnB;SACH;QAED,MAAM,SAAS,GAAG,GAAG,mBAAmB,EAAE,CAAC;QAC3C,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,iBAAiB,CAChE,IAAI,CAAC,MAAM,EACX,GAAG,IAAI,CAAC,KAAK,YAAY,CACW,CAAC;QAEvC,OAAO,IAAI,CAAC,eAAe,IAAI,iBAAiB,IAC9C,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,cAAc,CAAC,eAAe,EAC/C,OAAO,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACnB,KAEvB,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAChE,CAAC;KACH;;;;;;;;AAlE4B;IAA5B,kBAAkB,EAAE;kDAA4B;AACxB;IAAxB,aAAa,EAAE;gDAAyB;;;;;;;;;;;;;;;;;;;;;;","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 '../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":";;;;;;;;;;;;;;;;;;;MAoBa,gBAAgB;;;;;;;QAiBG,oBAAe,GAAG,IAAI,CAAC;;;+BAAL,IAAI;;;IAO7C,MAAM;QACX,MAAM,mBAAmB,GAAG,8BAA8B,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,IAAI,mBAAmB,KAAK,IAAI,EAAE;YAChC,QACE,EAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,WAAW,EAAE,sBAAsB,CAAC,iBAAiB,IAErD,mBACE,KAAK,EAAE,oBAAoB,CACzB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,GACY,CACE,EACnB;SACH;QAED,MAAM,SAAS,GAAG,GAAG,mBAAmB,EAAE,CAAC;QAC3C,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,iBAAiB,CAChE,IAAI,CAAC,MAAM,EACX,GAAG,IAAI,CAAC,KAAK,YAAY,CACW,CAAC;QAEvC,OAAO,IAAI,CAAC,eAAe,IAAI,iBAAiB,IAC9C,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,cAAc,CAAC,eAAe,EAC/C,OAAO,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACnB,KAEvB,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAChE,CAAC;KACH;;;;;;;;AAlE4B;IAA5B,kBAAkB,EAAE;kDAA4B;AACxB;IAAxB,aAAa,EAAE;gDAAyB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx"],"sourcesContent":["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 '../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-results-per-page.js

@@ -129,7 +129,7 @@ const AtomicResultsPerPage$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return this.bindings.i18n.t('results-per-page');
     }
     render() {
-        return (h(PagerGuard, { key: '9bdeae829b99345de8d10beabcfc528ec5e577f9', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: '407cf91584da76c751c7609d040dbfbf9465bba6', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: '45922224c37ac5300459ba07683485c2326d0017' }, this.label), h(FieldsetGroup, { key: '01f272af73c746043c8737b977dd0e517a25b492', label: this.label }, h(Choices, { key: '9fb01d7ec187e9a872f37d257b0cc13956021aef', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
+        return (h(PagerGuard, { key: 'b0fe31054e793cf60358ec7b1edbcea450175443', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: '165171b0faa9d0fb0377035828682cd99b862766', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: 'c210230840e71fd5b58264f3e062901e531dd2e2' }, this.label), h(FieldsetGroup, { key: 'e36ca5f11d489f371d1917b04bb502bef29ca7fc', label: this.label }, h(Choices, { key: '2c3c5a568de2c50b1eb361c68f4acf7311969887', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
     }
     static get style() { return AtomicResultsPerPageStyle0; }
 }, [1, "atomic-results-per-page", {

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

@@ -60,7 +60,7 @@ const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: '2cca74061385ba775c03563bcd5d3bd89fe24b34', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '8bf7ca4f0c8c9a4bda7a0af471b2ee3881e65e7b', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -154,7 +154,7 @@ const AtomicSearchBoxRecentQueries = /*@__PURE__*/ proxyCustomElement(class Atom
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: '201d091a547fafd368881fe3c77d40577c766c98', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '35b831a2e561510f9fe3d15cf956e46d35fb965e', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -423,18 +423,18 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '749e092220c5beb6e02a32ffceff725a47ca96f3' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '5d98dc49bcf840bf0dea10721dfe1a59643ff4ed', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '2b41f9ebbc7d074c79b4f9ffbf7502644aeda85f' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '51627c6c4604f1f343ced6b3caa5d537f17ee731', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '7c5b666de85a5e00c4a6ec119204191194afb18b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '079bcc8068e8c021465cf52eb0e1f25bb3f4746b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (h("slot", { key: '48f1627d07c58961567b895fb68a1897cbc843b6' }, h("atomic-search-box-recent-queries", { key: '06859756b1889852be45df8055989925574509fc' }), h("atomic-search-box-query-suggestions", { key: 'dd3dc3584aab3547314deb079138bfa836af5b1d' }))),
+            !this.suggestionManager.suggestions.length && (h("slot", { key: 'e9fba98f79ee57e181ade72c43c907696812a80e' }, h("atomic-search-box-recent-queries", { key: 'e092cce8ec33ee745a7605e1e28bdebcecf042cd' }), h("atomic-search-box-query-suggestions", { key: '54078dfa8f0feef509ec90b6ef030c622609d10e' }))),
         ]));
     }
     get host() { return this; }

package/dist/atomic/components/atomic-smart-snippet-answer2.js

@@ -89,7 +89,7 @@ const AtomicSmartSnippetAnswer = /*@__PURE__*/ proxyCustomElement(class AtomicSm
             }), ref: (element) => element && this.bindAnalyticsToLinks(element), part: "answer", class: "margin" })));
     }
     render() {
-        return (h(Host, { key: '1326f8babb77089bfa824f03fa599a9be3dd642c' }, this.renderStyle(), this.renderContent()));
+        return (h(Host, { key: '73c8cecf140de750245c315c15bd9cc024c03af6' }, this.renderStyle(), this.renderContent()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetAnswerStyle0; }

package/dist/atomic/components/atomic-smart-snippet-collapse-wrapper2.js

@@ -56,11 +56,11 @@ const AtomicSmartSnippetCollapseWrapper = /*@__PURE__*/ proxyCustomElement(class
         return (h("button", { onClick: () => (this.isExpanded = !this.isExpanded), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h(Host, { key: 'ea579e57dc0fcd007cf517294e02582803b94cde', class: this.fullHeight || !this.shouldRenderButton
+        return (h(Host, { key: 'b8f301063f02330064468da7a49d94f1755fe037', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, h("div", { key: '869c9ced31db1fa805b9df668707e6e21d8677e3', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'e00cd4922f3c4442e53d612afb722de091629912' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, h("div", { key: 'c47cad3b2d4fc5aa5b094bb6c9c1be7a8a60a1d7', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: '0d89b70ec983b53febd1fcf7abe3f2af62c51d64' })), this.shouldRenderButton && this.renderButton()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetCollapseWrapperStyle0; }

package/dist/atomic/components/atomic-smart-snippet-expandable-answer2.js

@@ -87,7 +87,7 @@ const AtomicSmartSnippetExpandableAnswer = /*@__PURE__*/ proxyCustomElement(clas
         return (h("button", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h("div", { key: 'b3c33a5746cda5e4e9ca3789c6ada0fc2afdfa4b', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (h("div", { key: '45ce0b38e5913223969a508a9c36fc7bd67c22e1', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-smart-snippet-feedback-modal2.js

@@ -45,9 +45,9 @@ const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: '83bc425dcde86fceab88333f67d6fa9198035965', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '700932a925e55b38cc6917d3a2fc4a5505124b76', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'cd02ade10d6e45f4776816ba1348c2ce1e0ae78e', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '1effe1360a380a389a0e6a9a186fd4dd98ae0871', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: '5cf1d8a60b5e1a0f1442d1b91d99932b5800b478', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '4b66d05fa6b314e4bc8d4f078d3b11dd1150c714', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'a28995cd1fe46db2a92397f2f4e8a8fb381ff7ed', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'fc9faf4362a240b0c1abc53db51b0595c2e58d19', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: '5d202f8f92e679132c4a4a5d61ab841298f82e7d', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'd89d362b8c06402c76b4f2f823c66633727f930f', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '89a037be724a072e556a39afdff53c15526eaa31', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '067d01b5d56eac0396dc7b41a585f28f80e29c54', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-smart-snippet-source2.js

@@ -33,7 +33,7 @@ const AtomicSmartSnippetSource = /*@__PURE__*/ proxyCustomElement(class AtomicSm
         }
     }
     render() {
-        return (h(Host, { key: '5bc7f5fde9a6cfad07def1d2d4b2e3b05dc35c8a' }, h(LinkWithItemAnalytics, { key: '505fda21e13950313b91b6f1a012dae7f4420d7f', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: '58cef9bf2d4fc66734c08c44ab129c2c7f9192e5', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
+        return (h(Host, { key: '4dc8d05126261d39232c7d0ea634ea90ddcb4d90' }, h(LinkWithItemAnalytics, { key: '030fa73af4fb26fa2acd56717dc00173688b301e', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: '5b114abb56a754597a285e3c6ba4758a6aac3a6b', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
     }
 }, [0, "atomic-smart-snippet-source", {
         "source": [1040],

package/dist/atomic/components/atomic-sort-dropdown.js

@@ -114,8 +114,8 @@ const AtomicSortDropdown$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSortDr
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: 'b0aa032d52f3ac18b7c9b9cc87ad7c3793118e00', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '2cb0671502ec77362056821da1fb2d38ec8d9423' }, h(SortLabel, { key: '09fdf55c8185fc2df004ddbfc4722707c0104548', i18n: i18n, id: id }), h(SortSelect, { key: 'f65074c745c1eb4b7ec5ff2bd032f4563b99eba4', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: '925fc1459ae2f40b01fa8a0bc7d14e957a99b5b7' }),
+            h(SortGuard, { key: 'c7edd6b76765d787e983d8ef6987f6d96b9a1609', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '01d4f576f03430102f345b684d9806c821220db6' }, h(SortLabel, { key: '19c612f4a7fb08f99280bfd6747a7cc5b9d0a73c', i18n: i18n, id: id }), h(SortSelect, { key: '3386c33ee148385019a38706b5a20b9866ebf2fc', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: '348514a7299aafded22fa1fc9b6fe3b2b14ffb29' }),
         ];
     }
     get host() { return this; }

package/dist/atomic/components/atomic-sort-expression.js

@@ -47,7 +47,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '0be2d839110b0d15421e2ea40891390c2818b978', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: 'e471a621d6a1d6753663297763b5c3a0a09bb43e', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-suggestion-renderer2.js

@@ -73,7 +73,7 @@ const AtomicSuggestionRenderer = /*@__PURE__*/ proxyCustomElement(class AtomicSu
     }
     render() {
         const isButton = !!(this.suggestion.onSelect || this.suggestion.query);
-        return (h(Host, { key: '5184cc95eba894699448d7ea685032e43a430f91', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
+        return (h(Host, { key: '65b5d84340d508712073522ae4ff19d4274fafeb', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
                 if (!el) {
                     return;
                 }