@coveo/atomic 3.34.0-pre.a9fe0810fa → 3.34.0-pre.af804ee661

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 { makeDefinedConditions, makeMatchConditions, } from "../../common/template-controller/template-utils";
 import { bindings } from "../../../decorators/bindings";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators";
 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,29 @@
-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,
+        };
+    }
+    getWarnings() {
+        return {
+            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, not both. Future updates could unpredictably affect this product template.',
         };
     }
     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,89 @@
+import { aggregate } from "../../../utils/utils";
+import { getTemplateNodeType } from './template-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());
+    }
+    setError(error) {
+        this.host.error = error;
+    }
+    getBaseTemplate(conditions) {
+        if (this.host.error) {
+            return null;
+        }
+        return {
+            conditions: conditions.concat(this.matchConditions),
+            content: getTemplateElement(this.host).content,
+            linkContent: this.getLinkTemplateElement(this.host).content,
+            priority: 1,
+        };
+    }
+    get parentElement() {
+        return this.host.parentElement;
+    }
+    get template() {
+        return this.host.querySelector('template');
+    }
+    parentAttr(attribute) {
+        return this.parentElement?.attributes.getNamedItem(attribute)?.value;
+    }
+    get currentGridCellLinkTarget() {
+        return this.gridCellLinkTarget;
+    }
+    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,
+            });
+        }
+    }
+}
+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.`,
+};
+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/{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/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.34.0-pre.a9fe0810fa",
+        version: "3.34.0-pre.af804ee661",
         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":";;;;;;SA0BgB,mBAAmB,CAAC,IAAU;IAC5C,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QACvB,OAAO,UAAU,CAAC;KACnB;IACD,IACE,aAAa,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,EAClD;QACA,OAAO,yBAAyB,CAAC;KAClC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAe;IACvC,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3E,CAAC;MAEY,oBAAoB;IAK/B,YAAY,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,GAAG,KAAK,GACQ;QARrB,oBAAe,GAA8B,EAAE,CAAC;QAC/C,uBAAkB,GAAe,OAAO,CAAC;QAQ/C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;KACjE;IAED,gBAAgB,CACd,IAAoB,EACpB,QAAgC,EAChC,YAAsB,EACtB,UAAU,GAAG,IAAI;QAEjB,MAAM,cAAc,GAAG,YAAY;aAChC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;aAC3B,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAE5C,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,CACN,IAAI,KAAK,CACP,QAAQ,OAAO,4DAA4D,YAAY;iBACpF,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC;iBAClC,IAAI,CAAC,IAAI,CAAC,GAAG,CACjB,CACF,CAAC;YACF,OAAO;SACR;QAED,IACE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,MAAM,EACxE;YACA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,YAAY,CACnE,uBAAuB,CACxB,EAAE,KAAmB,CAAC;SACxB;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CACjC,sBAAsB,CACvB,CAAC;QACF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CACN,IAAI,KAAK,CACP,QAAQ,OAAO,6DAA6D,CAC7E,CACF,CAAC;YACF,OAAO;SACR;QAED,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE;YAC7C,QAAQ,CACN,IAAI,KAAK,CAAC,8BAA8B,OAAO,oBAAoB,CAAC,CACrE,CAAC;YACF,OAAO;SACR;QAED,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;YAC5C,OAAO,CAAC,IAAI,CACV,mIAAmI,EACnI,IAAI,CACL,CAAC;SACH;QAED,MAAM,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAC,GAAG,gBAAgB,CACjE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAC5B,CAAC;QACF,IAAI,YAAY,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,EAAE;YAC9C,OAAO,CAAC,IAAI,CACV,gJAAgJ,EAChJ,IAAI,EACJ,EAAC,YAAY,EAAE,UAAU,EAAC,CAC3B,CAAC;SACH;KACF;IAED,WAAW,CACT,UAAqC,EACrC,KAAY;QAEZ,IAAI,KAAK,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QAED,OAAO;YACL,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;YACnD,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAQ;YAC/C,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAQ;YAC5D,QAAQ,EAAE,CAAC;SACZ,CAAC;KACH;IAED,aAAa,CAAC,KAAY;QACxB,IAAI,KAAK,EAAE;YACT,QACE,8BACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;IAED,6BAA6B;QAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,SAAS,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,GAAG,gCAAgC,IAAI,CAAC,kBAAkB,QAAQ,GAAG,EAAE,uBAAuB,CAAC;QACtK,OAAO,YAAY,CAAC;KACrB;IAED,sBAAsB,CAAC,IAAiB;QACtC,QACE,IAAI,CAAC,aAAa,CAAsB,uBAAuB,CAAC;YAChE,IAAI,CAAC,6BAA6B,EAAE,EACpC;KACH;CACF;AAED,SAAS,kBAAkB,CAAC,IAAiB;IAC3C,OAAO,IAAI,CAAC,aAAa,CAAsB,sBAAsB,CAAE,CAAC;AAC1E,CAAC;SAEe,mBAAmB,CACjC,SAAmC,EACnC,YAAsC;IAEtC,MAAM,UAAU,GAA8B,EAAE,CAAC;IACjD,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE;QAC7B,UAAU,CAAC,IAAI,CACb,sBAAsB,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAC/D,CAAC;KACH;IAED,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE;QAChC,UAAU,CAAC,IAAI,CACb,sBAAsB,CAAC,iBAAiB,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CACrE,CAAC;KACH;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;SAEe,qBAAqB,CACnC,SAAkB,EAClB,YAAqB;IAErB,MAAM,UAAU,GAA8B,EAAE,CAAC;IACjD,IAAI,SAAS,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;KACzE;IAED,IAAI,YAAY,EAAE;QAChB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,CAAC;KAC5E;IACD,OAAO,UAAU,CAAC;AACpB;;;;","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 '../../../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}