@coveo/atomic 3.35.0-pre.f2f26f651f → 3.35.0-pre.f38c5c6e5a

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { M as MapProp } from './props-utils.js';
-import { R as ResultTemplateCommon, m as makeMatchConditions } from './result-template-common.js';
+import { R as ResultTemplateCommon, m as makeMatchConditions } from './stencil-result-template-common.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/atomic/components/atomic-result-template.js.map

@@ -1 +1 @@
-{"file":"atomic-result-template.js","mappings":";;;;;;;;;;;;;;MAsBaA,sBAAoB;IAkC/B;;;;;;;;;;;QApBe,eAAU,GAA8B,EAAE,CAAC;;;;;QAMb,cAAS,GAGlD,EAAE,CAAC;;;;;QAMsC,iBAAY,GAGrD,EAAE,CAAC;;0BAlBgD,EAAE;yBASrD,EAAE;4BASF,EAAE;KAEU;IAEhB,iBAAiB;QACf,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC;YACnD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,GAAG;gBACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;aAClB;YACD,YAAY,EAAE;gBACZ,oBAAoB;gBACpB,2BAA2B;gBAC3B,mCAAmC;aACpC;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ;IAEM,iBAAiB;QACtB,IAAI,CAAC,oBAAoB,CAAC,eAAe,GAAG,mBAAmB,CAC7D,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,YAAY,CAClB,CAAC;KACH;;;;IAMM,MAAM,WAAW;QACtB,OAAO,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3E;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5D;;;;;;;;;AAhD4C;IAApC,OAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;yDAG9B;AAMsC;IAApC,OAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;4DAG9B;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultTemplate"],"sources":["src/components/search/result-templates/atomic-result-template/atomic-result-template.tsx"],"sourcesContent":["import {ResultTemplate, ResultTemplateCondition} from '@coveo/headless';\nimport {Component, Element, Prop, Method, State} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {\n  makeMatchConditions,\n  ResultTemplateCommon,\n} from '../../../common/result-templates/result-template-common';\n\n/**\n * A [result template](https://docs.coveo.com/en/atomic/latest/usage/displaying-results#defining-a-result-template) determines the format of the query results, depending on the conditions that are defined for each template.\n *\n * @slot default - Mandatory. A `template` element that defines the structure of the result item.\n * @slot link - A `template` element that contains a single `atomic-result-link` component.\n *\n * **Note:** Any `<script>` tags that are defined inside a `<template>` element will not be executed when the results are being rendered.\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-result-template',\n  shadow: true,\n})\nexport class AtomicResultTemplate {\n  private resultTemplateCommon!: ResultTemplateCommon;\n\n  @State() public error!: Error;\n\n  @Element() public host!: HTMLDivElement;\n\n  /**\n   * A function that must return true on results for the result template to apply.\n   * Set programmatically before initialization, not via attribute.\n   *\n   * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n   * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`\n   */\n  @Prop() public conditions: ResultTemplateCondition[] = [];\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) public mustMatch: Record<\n    string,\n    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}) public mustNotMatch: Record<\n    string,\n    string[]\n  > = {};\n\n  constructor() {}\n\n  connectedCallback() {\n    this.resultTemplateCommon = new ResultTemplateCommon({\n      host: this.host,\n      setError: (err) => {\n        this.error = err;\n      },\n      validParents: [\n        'atomic-result-list',\n        'atomic-folded-result-list',\n        'atomic-search-box-instant-results',\n      ],\n      allowEmpty: true,\n    });\n  }\n\n  public componentWillLoad() {\n    this.resultTemplateCommon.matchConditions = makeMatchConditions(\n      this.mustMatch,\n      this.mustNotMatch\n    );\n  }\n\n  /**\n   * Gets the appropriate result template based on conditions applied.\n   */\n  @Method()\n  public async getTemplate(): Promise<ResultTemplate<DocumentFragment> | null> {\n    return this.resultTemplateCommon.getTemplate(this.conditions, this.error);\n  }\n\n  public render() {\n    return this.resultTemplateCommon.renderIfError(this.error);\n  }\n}\n"],"version":3}
+{"file":"atomic-result-template.js","mappings":";;;;;;;;;;;;;;MAsBaA,sBAAoB;IAkC/B;;;;;;;;;;;QApBe,eAAU,GAA8B,EAAE,CAAC;;;;;QAMb,cAAS,GAGlD,EAAE,CAAC;;;;;QAMsC,iBAAY,GAGrD,EAAE,CAAC;;0BAlBgD,EAAE;yBASrD,EAAE;4BASF,EAAE;KAEU;IAEhB,iBAAiB;QACf,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC;YACnD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,GAAG;gBACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;aAClB;YACD,YAAY,EAAE;gBACZ,oBAAoB;gBACpB,2BAA2B;gBAC3B,mCAAmC;aACpC;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ;IAEM,iBAAiB;QACtB,IAAI,CAAC,oBAAoB,CAAC,eAAe,GAAG,mBAAmB,CAC7D,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,YAAY,CAClB,CAAC;KACH;;;;IAMM,MAAM,WAAW;QACtB,OAAO,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3E;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5D;;;;;;;;;AAhD4C;IAApC,OAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;yDAG9B;AAMsC;IAApC,OAAO,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;4DAG9B;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultTemplate"],"sources":["src/components/search/result-templates/atomic-result-template/atomic-result-template.tsx"],"sourcesContent":["import {ResultTemplate, ResultTemplateCondition} from '@coveo/headless';\nimport {Component, Element, Prop, Method, State} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {\n  makeMatchConditions,\n  ResultTemplateCommon,\n} from '../../../common/result-templates/stencil-result-template-common';\n\n/**\n * A [result template](https://docs.coveo.com/en/atomic/latest/usage/displaying-results#defining-a-result-template) determines the format of the query results, depending on the conditions that are defined for each template.\n *\n * @slot default - Mandatory. A `template` element that defines the structure of the result item.\n * @slot link - A `template` element that contains a single `atomic-result-link` component.\n *\n * **Note:** Any `<script>` tags that are defined inside a `<template>` element will not be executed when the results are being rendered.\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-result-template',\n  shadow: true,\n})\nexport class AtomicResultTemplate {\n  private resultTemplateCommon!: ResultTemplateCommon;\n\n  @State() public error!: Error;\n\n  @Element() public host!: HTMLDivElement;\n\n  /**\n   * A function that must return true on results for the result template to apply.\n   * Set programmatically before initialization, not via attribute.\n   *\n   * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n   * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`\n   */\n  @Prop() public conditions: ResultTemplateCondition[] = [];\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) public mustMatch: Record<\n    string,\n    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}) public mustNotMatch: Record<\n    string,\n    string[]\n  > = {};\n\n  constructor() {}\n\n  connectedCallback() {\n    this.resultTemplateCommon = new ResultTemplateCommon({\n      host: this.host,\n      setError: (err) => {\n        this.error = err;\n      },\n      validParents: [\n        'atomic-result-list',\n        'atomic-folded-result-list',\n        'atomic-search-box-instant-results',\n      ],\n      allowEmpty: true,\n    });\n  }\n\n  public componentWillLoad() {\n    this.resultTemplateCommon.matchConditions = makeMatchConditions(\n      this.mustMatch,\n      this.mustNotMatch\n    );\n  }\n\n  /**\n   * Gets the appropriate result template based on conditions applied.\n   */\n  @Method()\n  public async getTemplate(): Promise<ResultTemplate<DocumentFragment> | null> {\n    return this.resultTemplateCommon.getTemplate(this.conditions, this.error);\n  }\n\n  public render() {\n    return this.resultTemplateCommon.renderIfError(this.error);\n  }\n}\n"],"version":3}

package/dist/atomic/components/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js

@@ -4,14 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
+import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
 import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { createProductContextController } from "../product-template-component-utils/context/product-context-controller";
+import { makeDefinedConditions, makeMatchConditions, } from "../../common/template-controller/template-utils";
 import { bindings } from "../../../decorators/bindings";
 import { errorGuard } from "../../../decorators/error-guard";
 import { LightDomMixin } from "../../../mixins/light-dom";
 import { mapProperty } from "../../../utils/props-utils";
-import { makeDefinedConditions, makeMatchConditions, } from '../../common/product-template/product-template-common';
 /**
  * The `atomic-product-field-condition` component renders its children only when all of the conditions specified through its props are satisfied.
  * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
@@ -26,8 +27,8 @@ let AtomicProductFieldCondition = class AtomicProductFieldCondition extends Ligh
     initialize() { }
     get conditions() {
         return [
-            ...makeDefinedConditions(this.ifDefined, this.ifNotDefined),
-            ...makeMatchConditions(this.mustMatch, this.mustNotMatch),
+            ...makeDefinedConditions(this.ifDefined, this.ifNotDefined, ProductTemplatesHelpers),
+            ...makeMatchConditions(this.mustMatch, this.mustNotMatch, ProductTemplatesHelpers),
         ];
     }
     render() {

package/dist/atomic/components/components/commerce/atomic-product-template/atomic-product-template.js

@@ -4,12 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
+import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
 import { html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { ProductTemplateController } from "../../common/product-template/product-template-controller";
+import { makeMatchConditions } from "../../common/template-controller/template-utils";
 import { errorGuard } from "../../../decorators/error-guard";
 import { mapProperty } from "../../../utils/props-utils";
-import { makeMatchConditions } from '../../common/product-template/product-template-common';
-import { ProductTemplateController } from '../../common/product-template/product-template-controller';
 import '../atomic-product/atomic-product';
 /**
  * * A product template determines the format of the products, depending on the conditions that are defined for each template.
@@ -43,7 +44,7 @@ let AtomicProductTemplate = class AtomicProductTemplate extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.productTemplateController.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch);
+        this.productTemplateController.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch, ProductTemplatesHelpers);
     }
     /**
      * Gets the product template to apply based on the evaluated conditions.

package/dist/atomic/components/components/common/item-list/table-layout.js

@@ -2,7 +2,7 @@ import { html } from 'lit';
 import { keyed } from 'lit/directives/keyed.js';
 import { map } from 'lit/directives/map.js';
 import { ref } from 'lit/directives/ref.js';
-import { tableElementTagName } from '../../search/atomic-table-result/table-element-utils';
+import { tableElementTagName } from "../table-element-utils";
 export const renderTableLayout = ({ props }) => {
     const { host, listClasses, logger } = props;
     const fieldColumns = getFieldTableColumns(props);

package/dist/atomic/components/components/common/product-template/product-template-controller.js

@@ -1,94 +1,23 @@
-import { aggregate } from '../../../utils/utils';
-import { getTemplateNodeType } from './product-template-common';
-export class ProductTemplateController {
+import { BaseTemplateController, } from "../template-controller/base-template-controller";
+export class ProductTemplateController extends BaseTemplateController {
     constructor(host, validParents, allowEmpty = false) {
-        this.host = host;
-        this.validParents = validParents;
-        this.allowEmpty = allowEmpty;
-        this.matchConditions = [];
-        this.host.addController(this);
-    }
-    hostConnected() {
-        this.validateTemplate();
-    }
-    setError(error) {
-        this.host.error = error;
-    }
-    validateTemplate() {
-        const hasValidParent = this.validParents
-            .map((p) => p.toUpperCase())
-            .includes(this.parentElement?.nodeName || '');
-        const tagName = this.host.nodeName.toLowerCase();
-        if (!hasValidParent) {
-            this.setError(new Error(ProductTemplateController.ERRORS.invalidParent(tagName, this.validParents)));
-            return;
-        }
-        if (this.parentAttr('display') === 'grid') {
-            this.gridCellLinkTarget = this.parentAttr('grid-cell-link-target');
-        }
-        if (!this.template) {
-            this.setError(new Error(ProductTemplateController.ERRORS.missingTemplate(tagName)));
-            return;
-        }
-        if (!this.allowEmpty && !this.template.innerHTML.trim()) {
-            this.setError(new Error(ProductTemplateController.ERRORS.emptyTemplate(tagName)));
-            return;
-        }
-        if (this.template.content.querySelector('script')) {
-            console.warn(ProductTemplateController.WARNINGS.scriptTag, this.host);
-        }
-        const { section, other } = groupNodesByType(this.template.content.childNodes);
-        if (section?.length && other?.length) {
-            console.warn(ProductTemplateController.WARNINGS.sectionMix, this.host, {
-                section,
-                other,
-            });
-        }
+        super(host, validParents, allowEmpty);
     }
     getTemplate(conditions) {
-        if (this.host.error) {
+        const baseTemplate = this.getBaseTemplate(conditions);
+        if (!baseTemplate) {
             return null;
         }
         return {
-            conditions: conditions.concat(this.matchConditions),
-            content: getTemplateElement(this.host).content,
-            linkContent: this.getLinkTemplateElement(this.host).content,
-            priority: 1,
+            conditions: baseTemplate.conditions,
+            content: baseTemplate.content,
+            linkContent: baseTemplate.linkContent,
+            priority: baseTemplate.priority,
         };
     }
     getDefaultLinkTemplateElement() {
         const linkTemplate = document.createElement('template');
-        linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}</atomic-product-link>`;
+        linkTemplate.innerHTML = `<atomic-product-link>${this.currentGridCellLinkTarget ? `<a slot="attributes" target="${this.currentGridCellLinkTarget}"></a>` : ''}</atomic-product-link>`;
         return linkTemplate;
     }
-    getLinkTemplateElement(host) {
-        return (host.querySelector('template[slot="link"]') ??
-            this.getDefaultLinkTemplateElement());
-    }
-    get parentElement() {
-        return this.host.parentElement;
-    }
-    get template() {
-        return this.host.querySelector('template');
-    }
-    parentAttr(attribute) {
-        return this.parentElement?.attributes.getNamedItem(attribute)?.value;
-    }
-}
-ProductTemplateController.ERRORS = {
-    invalidParent: (tagName, validParents) => `The "${tagName}" component has to be the child of one of the following: ${validParents
-        .map((p) => `"${p.toLowerCase()}"`)
-        .join(', ')}.`,
-    missingTemplate: (tagName) => `The "${tagName}" component must contain a "template" element as a child.`,
-    emptyTemplate: (tagName) => `The "template" tag inside "${tagName}" cannot be empty.`,
-};
-ProductTemplateController.WARNINGS = {
-    scriptTag: 'Any "script" tags defined inside of "template" elements are not supported and will not be executed when the products are rendered.',
-    sectionMix: 'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',
-};
-function getTemplateElement(host) {
-    return host.querySelector('template:not([slot])');
-}
-function groupNodesByType(nodes) {
-    return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));
 }

package/dist/atomic/components/components/common/template-controller/base-template-controller.js

@@ -0,0 +1,91 @@
+import { groupNodesByType } from "../../../utils/dom-utils";
+export class BaseTemplateController {
+    constructor(host, validParents, allowEmpty = false) {
+        this.host = host;
+        this.validParents = validParents;
+        this.allowEmpty = allowEmpty;
+        this.matchConditions = [];
+        this.host.addController(this);
+    }
+    hostConnected() {
+        this.validateTemplate();
+    }
+    getLinkTemplateElement(host) {
+        return (host.querySelector('template[slot="link"]') ??
+            this.getDefaultLinkTemplateElement());
+    }
+    getBaseTemplate(conditions) {
+        if (this.host.error) {
+            return null;
+        }
+        return {
+            conditions: conditions.concat(this.matchConditions),
+            content: this.getTemplateElement().content,
+            linkContent: this.getLinkTemplateElement(this.host).content,
+            priority: 1,
+        };
+    }
+    get currentGridCellLinkTarget() {
+        return this.gridCellLinkTarget;
+    }
+    setError(error) {
+        this.host.error = error;
+    }
+    get parentElement() {
+        return this.host.parentElement;
+    }
+    get template() {
+        return this.host.querySelector('template');
+    }
+    parentAttr(attribute) {
+        return this.parentElement?.attributes.getNamedItem(attribute)?.value;
+    }
+    validateTemplate() {
+        const hasValidParent = this.validParents
+            .map((p) => p.toUpperCase())
+            .includes(this.parentElement?.nodeName || '');
+        const tagName = this.host.nodeName.toLowerCase();
+        if (!hasValidParent) {
+            this.setError(new Error(BaseTemplateController.ERRORS.invalidParent(tagName, this.validParents)));
+            return;
+        }
+        if (this.parentAttr('display') === 'grid') {
+            this.gridCellLinkTarget = this.parentAttr('grid-cell-link-target');
+        }
+        if (!this.template) {
+            this.setError(new Error(BaseTemplateController.ERRORS.missingTemplate(tagName)));
+            return;
+        }
+        if (!this.allowEmpty && !this.template.innerHTML.trim()) {
+            this.setError(new Error(BaseTemplateController.ERRORS.emptyTemplate(tagName)));
+            return;
+        }
+        const warnings = this.getWarnings();
+        if (this.template.content.querySelector('script')) {
+            console.warn(warnings.scriptTag, this.host);
+        }
+        const { section, other } = groupNodesByType(this.template.content.childNodes);
+        if (section?.length && other?.length) {
+            console.warn(warnings.sectionMix, this.host, {
+                section,
+                other,
+            });
+        }
+    }
+    getWarnings() {
+        return {
+            scriptTag: 'Any "script" tags defined inside of "template" elements are not supported and will not be executed when the items are rendered.',
+            sectionMix: 'Item templates should only contain section elements or non-section elements, not both. Future updates could unpredictably affect this item template.',
+        };
+    }
+    getTemplateElement() {
+        return this.host.querySelector('template:not([slot])');
+    }
+}
+BaseTemplateController.ERRORS = {
+    invalidParent: (tagName, validParents) => `The "${tagName}" component has to be the child of one of the following: ${validParents
+        .map((p) => `"${p.toLowerCase()}"`)
+        .join(', ')}.`,
+    missingTemplate: (tagName) => `The "${tagName}" component must contain a "template" element as a child.`,
+    emptyTemplate: (tagName) => `The "template" tag inside "${tagName}" cannot be empty.`,
+};

package/dist/atomic/components/components/common/{product-template/product-template-common.js → template-controller/template-utils.js}

@@ -1,8 +1,7 @@
-import { ProductTemplatesHelpers, } from '@coveo/headless/commerce';
-import { intersection } from '../../../utils/set';
-import { isElementNode, isVisualNode } from '../../../utils/utils';
-import { tableElementTagName } from '../../search/atomic-table-result/table-element-utils';
-import { isResultSectionNode } from '../layout/item-layout-sections';
+import { isResultSectionNode } from "../layout/item-layout-sections";
+import { tableElementTagName } from "../table-element-utils";
+import { intersection } from "../../../utils/set";
+import { isElementNode, isVisualNode } from "../../../utils/utils";
 export function getTemplateNodeType(node) {
     if (isResultSectionNode(node)) {
         return 'section';
@@ -16,7 +15,7 @@ export function getTemplateNodeType(node) {
     }
     return 'other';
 }
-export function makeMatchConditions(mustMatch, mustNotMatch) {
+export function makeMatchConditions(mustMatch, mustNotMatch, helpers) {
     const conditions = [];
     for (const field in mustMatch) {
         if (mustNotMatch[field]) {
@@ -25,25 +24,25 @@ export function makeMatchConditions(mustMatch, mustNotMatch) {
             const commonValues = intersection(mustNotMatchValues, mustMatchValues);
             if (commonValues.size > 0) {
                 console.error(`Conflicting match conditions for field ${field}, the template will be ignored.`, commonValues);
-                return [() => false];
+                return [(() => false)];
             }
         }
-        conditions.push(ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));
+        conditions.push(helpers.fieldMustMatch(field, mustMatch[field]));
     }
     for (const field in mustNotMatch) {
-        conditions.push(ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));
+        conditions.push(helpers.fieldMustNotMatch(field, mustNotMatch[field]));
     }
     return conditions;
 }
-export function makeDefinedConditions(ifDefined, ifNotDefined) {
+export function makeDefinedConditions(ifDefined, ifNotDefined, helpers) {
     const conditions = [];
     if (ifDefined) {
         const fieldNames = ifDefined.split(',');
-        conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));
+        conditions.push(helpers.fieldsMustBeDefined(fieldNames));
     }
     if (ifNotDefined) {
         const fieldNames = ifNotDefined.split(',');
-        conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
+        conditions.push(helpers.fieldsMustNotBeDefined(fieldNames));
     }
     return conditions;
 }

package/dist/atomic/components/dom-utils.js

@@ -1,3 +1,5 @@
+import './purify.js';
+
 function rectEquals(r1, r2) {
     return (r1.x === r2.x &&
         r1.y === r2.y &&

package/dist/atomic/components/dom-utils.js.map

@@ -1 +1 @@
-{"file":"dom-utils.js","mappings":"SAAgB,UAAU,CAAC,EAAW,EAAE,EAAW;IACjD,QACE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,KAAK;QACrB,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,EACvB;AACJ,CAAC;SAEe,kBAAkB,CAAC,IAAgB;IACjD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC7B,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;SAC/B,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;SAce,OAAO,CACrB,OAAuB,EACvB,QAAgB;IAEhB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO,OAAsB,CAAC;KAC/B;IACD,IAAI,OAAO,CAAC,UAAU,YAAY,UAAU,EAAE;QAC5C,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/utils/dom-utils.ts"],"sourcesContent":["export function rectEquals(r1: DOMRect, r2: DOMRect) {\n  return (\n    r1.x === r2.x &&\n    r1.y === r2.y &&\n    r1.width === r2.width &&\n    r1.height === r2.height\n  );\n}\n\nexport function parentNodeToString(node: ParentNode): string {\n  return Array.from(node.children)\n    .map((child) => child.outerHTML)\n    .join('');\n}\n\nexport function closest<K extends keyof HTMLElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): HTMLElementTagNameMap[K] | null;\nexport function closest<K extends keyof SVGElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): SVGElementTagNameMap[K] | null;\nexport function closest<E extends Element = Element>(\n  element: Element | null,\n  selector: string\n): E | null;\nexport function closest(\n  element: Element | null,\n  selector: string\n): HTMLElement | null {\n  if (!element) {\n    return null;\n  }\n  if (element.matches(selector)) {\n    return element as HTMLElement;\n  }\n  if (element.parentNode instanceof ShadowRoot) {\n    return closest(element.parentNode.host, selector);\n  }\n  return closest(element.parentElement, selector);\n}\n"],"version":3}
+{"file":"dom-utils.js","mappings":";;SAGgB,UAAU,CAAC,EAAW,EAAE,EAAW;IACjD,QACE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,KAAK;QACrB,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,EACvB;AACJ,CAAC;SAEe,kBAAkB,CAAC,IAAgB;IACjD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC7B,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;SAC/B,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;SAkBe,OAAO,CACrB,OAAuB,EACvB,QAAgB;IAEhB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO,OAAsB,CAAC;KAC/B;IACD,IAAI,OAAO,CAAC,UAAU,YAAY,UAAU,EAAE;QAC5C,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/utils/dom-utils.ts"],"sourcesContent":["import {getTemplateNodeType} from '@/src/components/common/template-controller/template-utils';\nimport {aggregate} from '@/src/utils/utils';\n\nexport function rectEquals(r1: DOMRect, r2: DOMRect) {\n  return (\n    r1.x === r2.x &&\n    r1.y === r2.y &&\n    r1.width === r2.width &&\n    r1.height === r2.height\n  );\n}\n\nexport function parentNodeToString(node: ParentNode): string {\n  return Array.from(node.children)\n    .map((child) => child.outerHTML)\n    .join('');\n}\n\nexport function groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\nexport function closest<K extends keyof HTMLElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): HTMLElementTagNameMap[K] | null;\nexport function closest<K extends keyof SVGElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): SVGElementTagNameMap[K] | null;\nexport function closest<E extends Element = Element>(\n  element: Element | null,\n  selector: string\n): E | null;\nexport function closest(\n  element: Element | null,\n  selector: string\n): HTMLElement | null {\n  if (!element) {\n    return null;\n  }\n  if (element.matches(selector)) {\n    return element as HTMLElement;\n  }\n  if (element.parentNode instanceof ShadowRoot) {\n    return closest(element.parentNode.host, selector);\n  }\n  return closest(element.parentElement, selector);\n}\n"],"version":3}

package/dist/atomic/components/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.35.0-pre.f2f26f651f",
+        version: "3.35.0-pre.f38c5c6e5a",
         headlessVersion,
     };
 }

package/dist/atomic/components/{result-template-common.js → stencil-result-template-common.js}

@@ -112,4 +112,4 @@ function makeDefinedConditions(ifDefined, ifNotDefined) {
 
 export { ResultTemplateCommon as R, makeDefinedConditions as a, makeMatchConditions as m };
 
-//# sourceMappingURL=result-template-common.js.map
+//# sourceMappingURL=stencil-result-template-common.js.map

package/dist/atomic/components/stencil-result-template-common.js.map

@@ -0,0 +1 @@
+{"file":"stencil-result-template-common.js","mappings":"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","names":[],"sources":["src/components/common/result-templates/stencil-result-template-common.tsx"],"sourcesContent":["import {\n  ResultTemplate,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {h} from '@stencil/core';\nimport {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {tableElementTagName} from '../table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/item-layout-sections';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ResultTemplateCommonProps {\n  allowEmpty?: boolean;\n  host: HTMLDivElement;\n  validParents: string[];\n  setError: (error: Error) => void;\n}\n\ntype TemplateNodeType =\n  | 'section'\n  | 'metadata'\n  | 'table-column-definition'\n  | 'other';\n\nexport function getTemplateNodeType(node: Node): TemplateNodeType {\n  if (isResultSectionNode(node)) {\n    return 'section';\n  }\n  if (!isVisualNode(node)) {\n    return 'metadata';\n  }\n  if (\n    isElementNode(node) &&\n    node.tagName.toLowerCase() === tableElementTagName\n  ) {\n    return 'table-column-definition';\n  }\n  return 'other';\n}\n\nfunction groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\nexport class ResultTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ResultTemplateCondition[] = [];\n  private gridCellLinkTarget: ItemTarget = '_self';\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ResultTemplateCommonProps) {\n    this.host = host;\n    this.validateTemplate(host, setError, validParents, allowEmpty);\n  }\n\n  validateTemplate(\n    host: HTMLDivElement,\n    setError: (error: Error) => void,\n    validParents: string[],\n    allowEmpty = true\n  ) {\n    const hasValidParent = validParents\n      .map((p) => p.toUpperCase())\n      .includes(host.parentElement?.nodeName || '');\n    const tagName = host.nodeName.toLowerCase();\n\n    if (!hasValidParent) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to be the child of one of the following: ${validParents\n            .map((p) => `\"${p.toLowerCase()}\"`)\n            .join(', ')}.`\n        )\n      );\n      return;\n    }\n\n    if (\n      host.parentElement?.attributes.getNamedItem('display')?.value === 'grid'\n    ) {\n      this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem(\n        'grid-cell-link-target'\n      )?.value as ItemTarget;\n    }\n\n    const template = host.querySelector<HTMLTemplateElement>(\n      'template:not([slot])'\n    );\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to contain a \"template\" element as a child.`\n        )\n      );\n      return;\n    }\n\n    if (!allowEmpty && !template.innerHTML.trim()) {\n      setError(\n        new Error(`The \"template\" tag inside \"${tagName}\" cannot be empty.`)\n      );\n      return;\n    }\n\n    if (template.content.querySelector('script')) {\n      console.warn(\n        'Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the results are rendered.',\n        host\n      );\n    }\n\n    const {section: sectionNodes, other: otherNodes} = groupNodesByType(\n      template.content.childNodes\n    );\n    if (sectionNodes?.length && otherNodes?.length) {\n      console.warn(\n        'Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ResultTemplateCondition[],\n    error: Error\n  ): ResultTemplate<TemplateContent> | null {\n    if (error) {\n      return null;\n    }\n\n    return {\n      conditions: conditions.concat(this.matchConditions),\n      content: getTemplateElement(this.host).content!,\n      linkContent: this.getLinkTemplateElement(this.host).content!,\n      priority: 1,\n    };\n  }\n\n  renderIfError(error: Error) {\n    if (error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n\n  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-result-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-result-link>`;\n    return linkTemplate;\n  }\n\n  getLinkTemplateElement(host: HTMLElement) {\n    return (\n      host.querySelector<HTMLTemplateElement>('template[slot=\"link\"]') ??\n      this.getDefaultLinkTemplateElement()\n    );\n  }\n}\n\nfunction getTemplateElement(host: HTMLElement) {\n  return host.querySelector<HTMLTemplateElement>('template:not([slot])')!;\n}\n\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n"],"version":3}

package/dist/atomic/components/table-element-utils.js.map

@@ -1 +1 @@
-{"file":"table-element-utils.js","mappings":"MAAa,mBAAmB,GAAG;;;;","names":[],"sources":["src/components/search/atomic-table-result/table-element-utils.ts"],"sourcesContent":["export const tableElementTagName = 'atomic-table-element';\n"],"version":3}
+{"file":"table-element-utils.js","mappings":"MAAa,mBAAmB,GAAG;;;;","names":[],"sources":["src/components/common/table-element-utils.ts"],"sourcesContent":["export const tableElementTagName = 'atomic-table-element';\n"],"version":3}

package/dist/atomic/components/utils/dom-utils.js

@@ -1,3 +1,5 @@
+import { getTemplateNodeType } from "../components/common/template-controller/template-utils";
+import { aggregate } from "./utils";
 export function rectEquals(r1, r2) {
     return (r1.x === r2.x &&
         r1.y === r2.y &&
@@ -9,6 +11,9 @@ export function parentNodeToString(node) {
         .map((child) => child.outerHTML)
         .join('');
 }
+export function groupNodesByType(nodes) {
+    return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));
+}
 export function closest(element, selector) {
     if (!element) {
         return null;

package/dist/atomic/index.esm.js

@@ -1,2 +1,2 @@
-import{c as o}from"./p-c9074946.js";import{b as t}from"./p-1580513b.js";import{i as s}from"./p-3dc06261.js";export{e as elementHasNoQuery,a as elementHasQuery}from"./p-0a051b8d.js";export{r as resultContext}from"./p-4080f740.js";export{i as initializeBindings}from"./p-ff2d324d.js";export{b as bindLogDocumentOpenOnResult}from"./p-c3cb3e0c.js";export{M as MissingInterfaceParentError}from"./p-cae02339.js";import"./p-dc3df5ce.js";import"./p-05de7ca3.js";import"@coveo/headless";class n extends Error{constructor(e,o){super(`The "${e}" element must be the child of an "${o}" element.`)}}const c="atomic/resolveResult";function m(e,s){return new Promise(((r,i)=>{const a=t(c,(e=>r(e)));e.dispatchEvent(a);if(!o(e,s)){i(new n(e.nodeName.toLowerCase(),s))}}))}function p(e){return m(e,"atomic-product")}function f(e){return s(e,"atomic-product")}const d=(e,t,s=l)=>{const r=o(t,l.join(", "));if(!r){throw new Error(`The "${t.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${s.join(", ")}`)}void h(r,t,e)};const l=["atomic-search-box","atomic-insight-search-box","atomic-commerce-search-box"];const u=e=>"updateComplete"in e&&e.updateComplete instanceof Promise;const h=async(e,o,s)=>{await customElements.whenDefined(e.nodeName.toLowerCase());if(u(e)){await e.updateComplete}else if("componentOnReady"in e){await e.componentOnReady()}o.dispatchEvent(t("atomic/searchBoxSuggestion/register",s))};export{d as dispatchSearchBoxSuggestionsEvent,p as fetchProductContext,f as productContext};
+import{c as o}from"./p-6ef684df.js";import{b as t}from"./p-1580513b.js";import{i as s}from"./p-201b58b3.js";export{e as elementHasNoQuery,a as elementHasQuery}from"./p-0a051b8d.js";export{r as resultContext}from"./p-3b52e039.js";export{i as initializeBindings}from"./p-03e01aef.js";export{b as bindLogDocumentOpenOnResult}from"./p-c3cb3e0c.js";export{M as MissingInterfaceParentError}from"./p-f983e811.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-dc3df5ce.js";import"./p-05de7ca3.js";import"@coveo/headless";class n extends Error{constructor(e,o){super(`The "${e}" element must be the child of an "${o}" element.`)}}const c="atomic/resolveResult";function m(e,s){return new Promise(((r,i)=>{const a=t(c,(e=>r(e)));e.dispatchEvent(a);if(!o(e,s)){i(new n(e.nodeName.toLowerCase(),s))}}))}function p(e){return m(e,"atomic-product")}function f(e){return s(e,"atomic-product")}const l=(e,t,s=u)=>{const r=o(t,u.join(", "));if(!r){throw new Error(`The "${t.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${s.join(", ")}`)}void h(r,t,e)};const u=["atomic-search-box","atomic-insight-search-box","atomic-commerce-search-box"];const d=e=>"updateComplete"in e&&e.updateComplete instanceof Promise;const h=async(e,o,s)=>{await customElements.whenDefined(e.nodeName.toLowerCase());if(d(e)){await e.updateComplete}else if("componentOnReady"in e){await e.componentOnReady()}o.dispatchEvent(t("atomic/searchBoxSuggestion/register",s))};export{l as dispatchSearchBoxSuggestionsEvent,p as fetchProductContext,f as productContext};
 //# sourceMappingURL=index.esm.js.map

package/dist/atomic/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["MissingParentError","Error","constructor","elementName","parentName","super","itemContextEventName","fetchItemContext","element","Promise","resolve","reject","event","buildCustomEvent","item","dispatchEvent","closest","nodeName","toLowerCase","fetchProductContext","productContext","itemContext","dispatchSearchBoxSuggestionsEvent","allowedSearchBoxElements","searchBoxElements","interfaceElement","join","dispatchSearchBoxSuggestionsEventEventually","isLitElementLoosely","candidate","updateComplete","async","customElements","whenDefined","componentOnReady"],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/components/commerce/product-template-component-utils/context/fetch-product-context.ts","src/components/commerce/product-template-component-utils/context/stencil-product-template-decorators.tsx","src/components/common/suggestions/suggestions-events.ts"],"sourcesContent":["import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import type {Product} from '@coveo/headless/commerce';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n","import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered \"atomic-product\".\n * @returns A promise that resolves on initialization of the parent \"atomic-product\" element, or rejects when there is no parent \"atomic-product\" element.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \\@/src/components/commerce/product-template-component-utils/context/fetch-product-context.ts\n */\nexport function productContext<T extends Product>(element: Element) {\n  return itemContext<T>(element, 'atomic-product');\n}\n","import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n"],"mappings":"oeAcaA,UAA2BC,MACtC,WAAAC,CAAYC,EAAqBC,GAC/BC,MACE,QAAQF,uCAAiDC,c,ECb/D,MAAME,EAAuB,uB,SAIbC,EAAoBC,EAAkBJ,GACpD,OAAO,IAAIK,SAAW,CAACC,EAASC,KAC9B,MAAMC,EAAQC,EACZP,GACCQ,GACQJ,EAAQI,KAGnBN,EAAQO,cAAcH,GAEtB,IAAKI,EAAQR,EAASJ,GAAa,CACjCO,EACE,IAAIX,EAAmBQ,EAAQS,SAASC,cAAed,G,IAI/D,C,SCXgBe,EAAuCX,GACrD,OAAOD,EAAoBC,EAAS,iBACtC,C,SCAgBY,EAAkCZ,GAChD,OAAOa,EAAeb,EAAS,iBACjC,C,MCDac,EAAoC,CAI/CV,EACAJ,EACAe,EAA0EC,KAE1E,MAAMC,EAAmBT,EAAQR,EAASgB,EAAkBE,KAAK,OACjE,IAAKD,EAAkB,CACrB,MAAM,IAAIxB,MACR,QAAQO,EAAQS,SAASC,6FAA6FK,EAAyBG,KAC7I,Q,MAIDC,EACHF,EACAjB,EACAI,EACD,EAGH,MAAMY,EAAoB,CACxB,oBACA,4BACA,8BAGF,MAAMI,EAAuBC,GAC3B,mBAAqBA,GACpBA,EAAyBC,0BAA0BrB,QAEtD,MAAMkB,EAA8CI,MAIlDN,EACAjB,EACAI,WAEMoB,eAAeC,YAAYR,EAAiBR,SAASC,eAC3D,GAAIU,EAAoBH,GAAmB,OACnCA,EAAiBK,c,MAClB,GAAI,qBAAsBL,EAAkB,OAC1CA,EAAwCS,kB,CAEjD1B,EAAQO,cACNF,EAAiB,sCAAuCD,GACzD,S","ignoreList":[]}
+{"version":3,"names":["MissingParentError","Error","constructor","elementName","parentName","super","itemContextEventName","fetchItemContext","element","Promise","resolve","reject","event","buildCustomEvent","item","dispatchEvent","closest","nodeName","toLowerCase","fetchProductContext","productContext","itemContext","dispatchSearchBoxSuggestionsEvent","allowedSearchBoxElements","searchBoxElements","interfaceElement","join","dispatchSearchBoxSuggestionsEventEventually","isLitElementLoosely","candidate","updateComplete","async","customElements","whenDefined","componentOnReady"],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/components/commerce/product-template-component-utils/context/fetch-product-context.ts","src/components/commerce/product-template-component-utils/context/stencil-product-template-decorators.tsx","src/components/common/suggestions/suggestions-events.ts"],"sourcesContent":["import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import type {Product} from '@coveo/headless/commerce';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n","import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered \"atomic-product\".\n * @returns A promise that resolves on initialization of the parent \"atomic-product\" element, or rejects when there is no parent \"atomic-product\" element.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \\@/src/components/commerce/product-template-component-utils/context/fetch-product-context.ts\n */\nexport function productContext<T extends Product>(element: Element) {\n  return itemContext<T>(element, 'atomic-product');\n}\n","import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n"],"mappings":"ohBAcaA,UAA2BC,MACtC,WAAAC,CAAYC,EAAqBC,GAC/BC,MACE,QAAQF,uCAAiDC,c,ECb/D,MAAME,EAAuB,uB,SAIbC,EAAoBC,EAAkBJ,GACpD,OAAO,IAAIK,SAAW,CAACC,EAASC,KAC9B,MAAMC,EAAQC,EACZP,GACCQ,GACQJ,EAAQI,KAGnBN,EAAQO,cAAcH,GAEtB,IAAKI,EAAQR,EAASJ,GAAa,CACjCO,EACE,IAAIX,EAAmBQ,EAAQS,SAASC,cAAed,G,IAI/D,C,SCXgBe,EAAuCX,GACrD,OAAOD,EAAoBC,EAAS,iBACtC,C,SCAgBY,EAAkCZ,GAChD,OAAOa,EAAeb,EAAS,iBACjC,C,MCDac,EAAoC,CAI/CV,EACAJ,EACAe,EAA0EC,KAE1E,MAAMC,EAAmBT,EAAQR,EAASgB,EAAkBE,KAAK,OACjE,IAAKD,EAAkB,CACrB,MAAM,IAAIxB,MACR,QAAQO,EAAQS,SAASC,6FAA6FK,EAAyBG,KAC7I,Q,MAIDC,EACHF,EACAjB,EACAI,EACD,EAGH,MAAMY,EAAoB,CACxB,oBACA,4BACA,8BAGF,MAAMI,EAAuBC,GAC3B,mBAAqBA,GACpBA,EAAyBC,0BAA0BrB,QAEtD,MAAMkB,EAA8CI,MAIlDN,EACAjB,EACAI,WAEMoB,eAAeC,YAAYR,EAAiBR,SAASC,eAC3D,GAAIU,EAAoBH,GAAmB,OACnCA,EAAiBK,c,MAClB,GAAI,qBAAsBL,EAAkB,OAC1CA,EAAwCS,kB,CAEjD1B,EAAQO,cACNF,EAAiB,sCAAuCD,GACzD,S","ignoreList":[]}

package/dist/atomic/p-025a346a.js

@@ -1,2 +1,2 @@
-import{u as t}from"./p-1fca38e1.js";import{g as s}from"./p-0580b866.js";import{o as i,d as e}from"./p-f537c5af.js";const h="result-component";class n{constructor(s){this.props=s;this.props.store.setLoadingFlag(this.props.loadingFlag);this.props.store.state.resultList=this;this.updateBreakpointsOnce=i((()=>t(this.props.host)));this.props.nextNewItemTarget.registerFocusCallback((()=>{this.indexOfResultToFocus=undefined}))}updateBreakpoints(){this.updateBreakpointsOnce()}getResultId(t,s,i,e){return`${t}${s}${i}${e}`}setNewResultRef(t,i){if(i===0){this.firstResultEl=t}if(i!==this.indexOfResultToFocus){return}if(!t.children.length&&!t.shadowRoot?.children.length){return}this.indexOfResultToFocus=undefined;const e=s(t)??t;this.props.nextNewItemTarget.setTarget(e)}focusOnNextNewResult(){this.indexOfResultToFocus=this.props.getCurrentNumberOfItems();this.props.nextNewItemTarget.focusOnNextTarget()}async focusOnFirstResultAfterNextSearch(){await e();return new Promise((t=>{if(this.props.getIsLoading()){this.firstResultEl=undefined}const i=this.props.engineSubscribe((async()=>{await e();if(!this.props.getIsLoading()&&this.firstResultEl){const e=s(this.firstResultEl)??this.firstResultEl;this.props.nextNewItemTarget.setTarget(e);this.props.nextNewItemTarget.focus();this.firstResultEl=undefined;i();t()}}))}))}}export{n as I,h as r};
+import{u as t}from"./p-d537096a.js";import{g as s}from"./p-0580b866.js";import{o as i,d as e}from"./p-f537c5af.js";const h="result-component";class n{constructor(s){this.props=s;this.props.store.setLoadingFlag(this.props.loadingFlag);this.props.store.state.resultList=this;this.updateBreakpointsOnce=i((()=>t(this.props.host)));this.props.nextNewItemTarget.registerFocusCallback((()=>{this.indexOfResultToFocus=undefined}))}updateBreakpoints(){this.updateBreakpointsOnce()}getResultId(t,s,i,e){return`${t}${s}${i}${e}`}setNewResultRef(t,i){if(i===0){this.firstResultEl=t}if(i!==this.indexOfResultToFocus){return}if(!t.children.length&&!t.shadowRoot?.children.length){return}this.indexOfResultToFocus=undefined;const e=s(t)??t;this.props.nextNewItemTarget.setTarget(e)}focusOnNextNewResult(){this.indexOfResultToFocus=this.props.getCurrentNumberOfItems();this.props.nextNewItemTarget.focusOnNextTarget()}async focusOnFirstResultAfterNextSearch(){await e();return new Promise((t=>{if(this.props.getIsLoading()){this.firstResultEl=undefined}const i=this.props.engineSubscribe((async()=>{await e();if(!this.props.getIsLoading()&&this.firstResultEl){const e=s(this.firstResultEl)??this.firstResultEl;this.props.nextNewItemTarget.setTarget(e);this.props.nextNewItemTarget.focus();this.firstResultEl=undefined;i();t()}}))}))}}export{n as I,h as r};
 //# sourceMappingURL=p-025a346a.js.map

package/dist/atomic/{p-ff2d324d.js → p-03e01aef.js}

@@ -1,2 +1,2 @@
-import{h as t,H as i,g as n,f as e}from"./p-dc3df5ce.js";import{c as s}from"./p-c9074946.js";import{b as o}from"./p-1580513b.js";import{e as r}from"./p-05de7ca3.js";import{M as a,f as c,i as h,a as d}from"./p-cae02339.js";const f=()=>t(i,{class:"atomic-hidden"});function l(t){return c(t)}const u="data-atomic-rendered";const p="data-atomic-loaded";function m({forceUpdate:i}={}){return(c,l)=>{const{componentWillLoad:m,render:g,componentDidRender:b,componentDidLoad:C,disconnectedCallback:j}=c;let y=()=>{};if(l!=="bindings"){return console.error(`The InitializeBindings decorator should be used on a property called "bindings", and not "${l}"`,c)}c.componentWillLoad=function(){const t=n(this);t.setAttribute(u,"false");t.setAttribute(p,"false");const c=o(h,(t=>{this.bindings=t;const n=()=>e(this);this.bindings.i18n.on("languageChanged",n);y=()=>this.bindings.i18n.off("languageChanged",n);try{if(this.initialize){this.initialize();if(i){e(this)}}else{e(this)}}catch(t){this.error=t}}));const f=s(t,d.join(", "));if(!f){this.error=new a(t.nodeName.toLowerCase());return}r(f,c,t);return m&&m.call(this)};c.render=function(){if(this.error){return t("atomic-component-error",{element:n(this),error:this.error})}if(!this.bindings){return t(f,null)}n(this).setAttribute(u,"true");return g&&g.call(this)};c.disconnectedCallback=function(){const t=n(this);t.setAttribute(u,"false");t.setAttribute(p,"false");y();j&&j.call(this)};c.componentDidRender=function(){const t=n(this);if(t.getAttribute(u)==="false"){return}b&&b.call(this);if(t.getAttribute(p)==="false"){t.setAttribute(p,"true");C&&C.call(this)}};c.componentDidLoad=function(){}}}function g(t,i){return(e,s)=>{const{disconnectedCallback:o,initialize:r}=e;e.initialize=function(){r&&r.call(this);if(!r){return console.error(`ControllerState: The "initialize" method has to be defined and instantiate a controller for the property ${t}`,e)}if(!this[t]){return}if(i?.onUpdateCallbackMethod&&!this[i.onUpdateCallbackMethod]){return console.error(`ControllerState: The onUpdateCallbackMethod property "${i.onUpdateCallbackMethod}" is not defined`,e)}this.unsubscribeController=this[t].subscribe((()=>{this[s]=this[t].state;i?.onUpdateCallbackMethod&&this[i.onUpdateCallbackMethod]()}))};e.disconnectedCallback=function(){!n(this).isConnected&&this.unsubscribeController?.();o&&o.call(this)}}}export{g as B,f as H,m as I,l as i};
-//# sourceMappingURL=p-ff2d324d.js.map
+import{h as t,H as i,g as n,f as e}from"./p-dc3df5ce.js";import{c as s}from"./p-6ef684df.js";import{b as o}from"./p-1580513b.js";import{e as r}from"./p-05de7ca3.js";import{M as a,f as c,i as h,a as f}from"./p-f983e811.js";const d=()=>t(i,{class:"atomic-hidden"});function l(t){return c(t)}const u="data-atomic-rendered";const p="data-atomic-loaded";function m({forceUpdate:i}={}){return(c,l)=>{const{componentWillLoad:m,render:g,componentDidRender:b,componentDidLoad:C,disconnectedCallback:j}=c;let y=()=>{};if(l!=="bindings"){return console.error(`The InitializeBindings decorator should be used on a property called "bindings", and not "${l}"`,c)}c.componentWillLoad=function(){const t=n(this);t.setAttribute(u,"false");t.setAttribute(p,"false");const c=o(h,(t=>{this.bindings=t;const n=()=>e(this);this.bindings.i18n.on("languageChanged",n);y=()=>this.bindings.i18n.off("languageChanged",n);try{if(this.initialize){this.initialize();if(i){e(this)}}else{e(this)}}catch(t){this.error=t}}));const d=s(t,f.join(", "));if(!d){this.error=new a(t.nodeName.toLowerCase());return}r(d,c,t);return m&&m.call(this)};c.render=function(){if(this.error){return t("atomic-component-error",{element:n(this),error:this.error})}if(!this.bindings){return t(d,null)}n(this).setAttribute(u,"true");return g&&g.call(this)};c.disconnectedCallback=function(){const t=n(this);t.setAttribute(u,"false");t.setAttribute(p,"false");y();j&&j.call(this)};c.componentDidRender=function(){const t=n(this);if(t.getAttribute(u)==="false"){return}b&&b.call(this);if(t.getAttribute(p)==="false"){t.setAttribute(p,"true");C&&C.call(this)}};c.componentDidLoad=function(){}}}function g(t,i){return(e,s)=>{const{disconnectedCallback:o,initialize:r}=e;e.initialize=function(){r&&r.call(this);if(!r){return console.error(`ControllerState: The "initialize" method has to be defined and instantiate a controller for the property ${t}`,e)}if(!this[t]){return}if(i?.onUpdateCallbackMethod&&!this[i.onUpdateCallbackMethod]){return console.error(`ControllerState: The onUpdateCallbackMethod property "${i.onUpdateCallbackMethod}" is not defined`,e)}this.unsubscribeController=this[t].subscribe((()=>{this[s]=this[t].state;i?.onUpdateCallbackMethod&&this[i.onUpdateCallbackMethod]()}))};e.disconnectedCallback=function(){!n(this).isConnected&&this.unsubscribeController?.();o&&o.call(this)}}}export{g as B,d as H,m as I,l as i};
+//# sourceMappingURL=p-03e01aef.js.map