@coveo/atomic 3.28.0-pre.c758e56a2c → 3.28.0-pre.df6c8a3eb3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.28.0-pre.c758e56a2c",
+  "version": "3.28.0-pre.df6c8a3eb3",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -72,7 +72,7 @@
   "dependencies": {
     "@lit/context": "1.1.5",
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.c758e56a2c",
+    "@coveo/headless": "3.27.1",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.1",
     "@stencil/core": "4.20.0",
@@ -161,7 +161,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.c758e56a2c",
+    "@coveo/headless": "3.27.1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js

@@ -1,95 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { bindStateToController } from "../../../decorators/bind-state.js";
-import { bindings } from "../../../decorators/bindings.js";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { AriaLiveRegionController } from "../../../utils/accessibility-utils.js";
-import { buildSearch, buildProductListing, } from '@coveo/headless/commerce';
-import { html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { renderNoItemsContainer } from '../../common/no-items/container.js';
-import { noItemsGuard } from '../../common/no-items/guard.js';
-import { renderMagnifyingGlass } from '../../common/no-items/magnifying-glass.js';
-import { renderNoItems } from '../../common/no-items/no-items.js';
-import { renderSearchTips } from '../../common/no-items/tips.js';
-import { getSummary } from '../../common/no-items/utils.js';
-import { errorGuard } from "../../../decorators/error-guard.js";
-import { bindingGuard } from "../../../decorators/binding-guard.js";
-/**
- * @alpha
- *
- * The `atomic-commerce-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well.
- *
- * @part no-results - The text indicating that no products were found for the search.
- * @part search-tips - The search tips to help the user correct the query.
- * @part highlight - The highlighted query.
- * @part icon - The magnifying glass icon.
- *
- * @slot default - Any additional content slotted inside of its element will be displayed as well.
- */
-let AtomicCommerceNoProducts = class AtomicCommerceNoProducts extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.ariaMessage = new AriaLiveRegionController(this, 'no-products');
-    }
-    initialize() {
-        const controller = this.bindings.interfaceElement.type === 'search'
-            ? buildSearch(this.bindings.engine)
-            : buildProductListing(this.bindings.engine);
-        this.summary = controller.summary();
-    }
-    render() {
-        const { bindings: { i18n }, } = this;
-        const query = 'query' in this.summaryState ? this.summaryState.query : '';
-        this.ariaMessage.message = getSummary(i18n, query, this.summary.state.hasProducts, 'no-products');
-        return html `${noItemsGuard({
-            isLoading: this.summaryState.isLoading,
-            firstSearchExecuted: this.summaryState.firstRequestExecuted,
-            hasResults: this.summaryState.hasProducts,
-        }, () => renderNoItemsContainer()(html `
-          ${renderMagnifyingGlass()} 
-          ${this.renderNoItems()}
-          ${this.renderSearchTips()}
-        `))}`;
-    }
-    renderNoItems() {
-        return renderNoItems({
-            props: {
-                query: 'query' in this.summaryState ? this.summaryState.query : '',
-                i18n: this.bindings.i18n,
-                i18nKey: 'no-products',
-            },
-        });
-    }
-    renderSearchTips() {
-        return renderSearchTips({
-            props: {
-                i18n: this.bindings.i18n,
-            },
-        });
-    }
-};
-__decorate([
-    state()
-], AtomicCommerceNoProducts.prototype, "bindings", void 0);
-__decorate([
-    bindStateToController('summary'),
-    state()
-], AtomicCommerceNoProducts.prototype, "summaryState", void 0);
-__decorate([
-    state()
-], AtomicCommerceNoProducts.prototype, "error", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicCommerceNoProducts.prototype, "render", null);
-AtomicCommerceNoProducts = __decorate([
-    customElement('atomic-commerce-no-products'),
-    bindings(),
-    withTailwindStyles
-], AtomicCommerceNoProducts);
-export { AtomicCommerceNoProducts };

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js

@@ -1,235 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { watch } from "../../../decorators/watch";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { ChildrenUpdateCompleteMixin } from "../../../mixins/children-update-complete-mixin.js";
-import { markParentAsReady } from "../../../utils/init-queue";
-import { buildContext, loadContextActions, } from '@coveo/headless/commerce';
-import { provide } from '@lit/context';
-import i18next from 'i18next';
-import { html, LitElement, unsafeCSS } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { CommonAtomicInterfaceHelper, } from '../../common/interface/interface-common.js';
-import { bindingsContext } from '../../context/bindings-context.js';
-import styles from './atomic-commerce-recommendation-interface.tw.css';
-import { createCommerceRecommendationStore, } from './store.js';
-/**
- * The `atomic-commerce-recommendation-interface` component is meant to be used
- * as the parent of one or more `atomic-commerce-recommendation-list`
- * components. It handles the headless search engine and localization
- * configurations.
- */
-let AtomicCommerceRecommendationInterface = class AtomicCommerceRecommendationInterface extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super();
-        this.bindings = {};
-        /**
-         * The CSS selector for the container the interface will scroll back to.
-         */
-        this.scrollContainer = 'atomic-commerce-recommendation-interface';
-        /**
-         * The language assets path. By default, this will be a relative URL pointing to `./lang`.
-         *
-         * Example: "/mypublicpath/languages"
-         *
-         */
-        this.languageAssetsPath = './lang';
-        /**
-         * The icon assets path. By default, this will be a relative URL pointing to `./assets`.
-         *
-         * Example: "/mypublicpath/icons"
-         *
-         */
-        this.iconAssetsPath = './assets';
-        /**
-         * Whether to enable analytics.
-         */
-        this.analytics = true;
-        this.handleInitialization = (event) => {
-            this.commonInterfaceHelper.onComponentInitializing(event);
-        };
-        this.commonInterfaceHelper = new CommonAtomicInterfaceHelper(this, 'CoveoAtomic');
-        this.store = createCommerceRecommendationStore();
-        const { promise, resolve } = Promise.withResolvers();
-        this.i18Initialized = promise;
-        this.i18n = i18next.createInstance(undefined, resolve);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.addEventListener('atomic/scrollToTop', this.scrollToTop);
-    }
-    /**
-     * Initializes the connection with an already preconfigured [headless commerce engine](https://docs.coveo.com/en/headless/latest/reference/commerce/).
-     */
-    initializeWithEngine(engine) {
-        return this.internalInitialization(() => (this.engine = engine));
-    }
-    /**
-     * Updates the locale settings for the commerce recommendation interface and
-     * headless commerce engine. Only the provided parameters will be updated.
-     *
-     * Calling this method affects the localization of the interface as well as
-     * the catalog configuration being used by the Commerce API. If the resulting
-     * language-country-currency combination matches no existing catalog
-     * configuration in your Coveo organization, requests made through the
-     * commerce engine will start failing.
-     *
-     * @param language - (Optional) The IETF language code tag (e.g., `en`).
-     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
-     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
-     *
-     * @example
-     * ```typescript
-     * recommendationInterface.updateLocale('fr', 'CA', 'CAD');
-     * ```
-     */
-    updateLocale(language, country, currency) {
-        if (!this.commonInterfaceHelper.engineIsCreated(this.engine) ||
-            !this.context) {
-            return;
-        }
-        language && this.commonInterfaceHelper.onLanguageChange(language);
-        const { setContext } = loadContextActions(this.engine);
-        this.engine.dispatch(setContext({
-            ...this.context.state,
-            ...(language && { language }),
-            ...(country && { country }),
-            ...(currency && { currency }),
-        }));
-    }
-    toggleAnalytics() {
-        this.commonInterfaceHelper.onAnalyticsChange();
-    }
-    updateIconAssetsPath() {
-        this.store.state.iconAssetsPath = this.iconAssetsPath;
-    }
-    async updateLanguage() {
-        if (!this.commonInterfaceHelper.engineIsCreated(this.engine) ||
-            !this.language ||
-            !this.context) {
-            return;
-        }
-        this.engine.logger.warn('The `language` property will be removed in the next major version of Atomic (v4). Rather than using this property, set the initial language through the engine configuration when calling `initializeWithEngine`, and update the language as needed using the `updateLocale` method.');
-        this.context.setLanguage(this.language);
-        return this.commonInterfaceHelper.onLanguageChange();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.removeEventListener('atomic/scrollToTop', this.scrollToTop);
-        const ariaLive = this.querySelector('atomic-aria-live');
-        if (ariaLive) {
-            ariaLive.remove();
-        }
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-    scrollToTop() {
-        const scrollContainerElement = document.querySelector(this.scrollContainer);
-        if (!scrollContainerElement) {
-            this.bindings.engine.logger.warn(`Could not find the scroll container with the selector "${this.scrollContainer}". This will prevent UX interactions that require a scroll from working correctly. Please review the CSS selector in the scrollContainer option`);
-            return;
-        }
-        scrollContainerElement.scrollIntoView({ behavior: 'smooth' });
-    }
-    async internalInitialization(initEngine) {
-        await Promise.all([
-            this.commonInterfaceHelper.onInitialization(initEngine),
-            this.i18Initialized,
-        ]);
-        this.initAriaLive();
-        this.initContext();
-        this.language && this.updateLanguage();
-        this.bindings = this.getBindings();
-        markParentAsReady(this);
-        this.initLanguage();
-    }
-    initAriaLive() {
-        if (Array.from(this.children).some((element) => element.tagName === 'ATOMIC-ARIA-LIVE')) {
-            return;
-        }
-        const ariaLive = document.createElement('atomic-aria-live');
-        this.prepend(ariaLive);
-    }
-    initContext() {
-        this.context = buildContext(this.engine);
-    }
-    getBindings() {
-        return {
-            engine: this.engine,
-            i18n: this.i18n,
-            store: this.store,
-            interfaceElement: this,
-            addAdoptedStyleSheets: (stylesheet) => {
-                const parent = this.getRootNode();
-                const styleSheet = stylesheet;
-                const isDocumentOrShadowRoot = parent instanceof Document || parent instanceof ShadowRoot;
-                if (styleSheet &&
-                    isDocumentOrShadowRoot &&
-                    !parent.adoptedStyleSheets.includes(styleSheet)) {
-                    parent.adoptedStyleSheets.push(styleSheet);
-                }
-            },
-        };
-    }
-    initLanguage() {
-        if (!this.language) {
-            this.commonInterfaceHelper.onLanguageChange(this.context.state.language);
-        }
-    }
-};
-AtomicCommerceRecommendationInterface.styles = [unsafeCSS(styles)];
-__decorate([
-    state(),
-    provide({ context: bindingsContext })
-], AtomicCommerceRecommendationInterface.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicCommerceRecommendationInterface.prototype, "error", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicCommerceRecommendationInterface.prototype, "i18n", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicCommerceRecommendationInterface.prototype, "engine", void 0);
-__decorate([
-    property({ type: String, attribute: 'scroll-container', reflect: true })
-], AtomicCommerceRecommendationInterface.prototype, "scrollContainer", void 0);
-__decorate([
-    property({ type: String, attribute: 'language-assets-path', reflect: true })
-], AtomicCommerceRecommendationInterface.prototype, "languageAssetsPath", void 0);
-__decorate([
-    property({ type: String, attribute: 'icon-assets-path', reflect: true })
-], AtomicCommerceRecommendationInterface.prototype, "iconAssetsPath", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicCommerceRecommendationInterface.prototype, "language", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        converter: {
-            fromAttribute: (value) => value !== 'false',
-        },
-        reflect: true,
-    })
-], AtomicCommerceRecommendationInterface.prototype, "analytics", void 0);
-__decorate([
-    watch('analytics')
-], AtomicCommerceRecommendationInterface.prototype, "toggleAnalytics", null);
-__decorate([
-    watch('iconAssetsPath')
-], AtomicCommerceRecommendationInterface.prototype, "updateIconAssetsPath", null);
-__decorate([
-    watch('language')
-], AtomicCommerceRecommendationInterface.prototype, "updateLanguage", null);
-AtomicCommerceRecommendationInterface = __decorate([
-    customElement('atomic-commerce-recommendation-interface'),
-    withTailwindStyles
-], AtomicCommerceRecommendationInterface);
-export { AtomicCommerceRecommendationInterface };

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tw.css.js

@@ -1,2 +0,0 @@
-const css = `:host{height:inherit;width:inherit;display:block;&>slot{height:inherit}}`;
-export default [css];

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

@@ -1,84 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { buildProductListing, buildSearch, } from '@coveo/headless/commerce';
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { bindings } from "../../../decorators/bindings";
-import { bindStateToController } from "../../../decorators/bind-state";
-import { html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { renderRefineToggleButton } from '../../common/refine-modal/button';
-import { refineToggleGuard } from '../../common/refine-modal/guard';
-import { errorGuard } from "../../../decorators/error-guard";
-import { bindingGuard } from "../../../decorators/binding-guard";
-/**
- * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
- *
- * When this component is added to the `atomic-commerce-interface`, an `atomic-commerce-refine-modal` component is automatically created.
- *
- * @part button - The refine toggle button.
- * @part placeholder - The placeholder shown while the first request is being executed.
- *
- * @alpha
- */
-let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle extends LitElement {
-    initialize() {
-        const searchOrListing = this.bindings.interfaceElement.type === 'search'
-            ? buildSearch(this.bindings.engine)
-            : buildProductListing(this.bindings.engine);
-        this.summary = searchOrListing.summary();
-    }
-    loadModal() {
-        if (this.modalRef) {
-            return;
-        }
-        this.modalRef = document.createElement('atomic-commerce-refine-modal');
-        this.insertAdjacentElement('beforebegin', this.modalRef);
-        this.modalRef.openButton = this.buttonRef;
-    }
-    enableModal() {
-        this.modalRef && (this.modalRef.isOpen = true);
-    }
-    render() {
-        return html `${refineToggleGuard({
-            firstRequestExecuted: this.summaryState.firstRequestExecuted,
-            hasError: this.summaryState.hasError,
-            hasItems: this.summaryState.hasProducts,
-        }, () => html `${renderRefineToggleButton({
-            props: {
-                i18n: this.bindings.i18n,
-                onClick: () => this.enableModal(),
-                refCallback: (button) => {
-                    if (!button) {
-                        return;
-                    }
-                    this.buttonRef = button;
-                    this.loadModal();
-                },
-            },
-        })}`)}`;
-    }
-};
-__decorate([
-    state()
-], AtomicCommerceRefineToggle.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicCommerceRefineToggle.prototype, "error", void 0);
-__decorate([
-    bindStateToController('summary'),
-    state()
-], AtomicCommerceRefineToggle.prototype, "summaryState", void 0);
-__decorate([
-    errorGuard(),
-    bindingGuard()
-], AtomicCommerceRefineToggle.prototype, "render", null);
-AtomicCommerceRefineToggle = __decorate([
-    customElement('atomic-commerce-refine-toggle'),
-    bindings(),
-    withTailwindStyles
-], AtomicCommerceRefineToggle);
-export { AtomicCommerceRefineToggle };

package/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.tw.css.js

@@ -1,2 +0,0 @@
-const css = ``;
-export default [css];

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

@@ -1,54 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { errorGuard } from "../../../decorators/error-guard";
-import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
-import { LitElement, html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-/**
- * @alpha
- * The `atomic-commerce-text` component leverages the I18n translation module through the atomic-commerce-interface.
- */
-let AtomicCommerceText = class AtomicCommerceText extends InitializeBindingsMixin(LitElement) {
-    get strings() {
-        return {
-            value: () => this.bindings.i18n.t(this.value, {
-                count: this.count,
-            }),
-        };
-    }
-    initialize() {
-        if (!this.value) {
-            this.error = new Error('The "value" attribute must be defined.');
-        }
-    }
-    render() {
-        return html `${this.strings.value()}`;
-    }
-};
-__decorate([
-    state()
-], AtomicCommerceText.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicCommerceText.prototype, "error", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicCommerceText.prototype, "value", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], AtomicCommerceText.prototype, "count", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicCommerceText.prototype, "render", null);
-AtomicCommerceText = __decorate([
-    customElement('atomic-commerce-text'),
-    bindings()
-], AtomicCommerceText);
-export { AtomicCommerceText };

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

@@ -1,135 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { booleanConverter } from "../../../converters/boolean-converter";
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
-import { errorGuard } from "../../../decorators/error-guard";
-import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
-import { ProductTemplatesHelpers, HighlightUtils, } from '@coveo/headless/commerce';
-import { LitElement, html, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import { getFieldValueCaption } from '../../../utils/field-utils';
-import { renderItemTextFallback } from '../../common/item-text/item-text-fallback.js';
-import { renderItemTextHighlighted } from '../../common/item-text/item-text-highlighted.js';
-import '../atomic-commerce-text/atomic-commerce-text';
-import { getStringValueFromProductOrNull } from '../product-template-component-utils/product-utils.js';
-/**
- * The `atomic-product-text` component renders the value of a string field for a given product.
- */
-let AtomicProductText = class AtomicProductText extends InitializeBindingsMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether to highlight the string field value.
-         *
-         * Only works if the `field` property is set to `excerpt` or `ec_name`.
-         */
-        this.shouldHighlight = true;
-        this.productController = createProductContextController(this);
-    }
-    initialize() {
-        if (!this.product && this.productController.item) {
-            this.product = this.productController.item;
-        }
-    }
-    get shouldRenderHighlights() {
-        return this.shouldHighlight && this.isFieldSupportedForHighlighting();
-    }
-    isFieldSupportedForHighlighting() {
-        return ['ec_name', 'excerpt'].includes(this.field);
-    }
-    get highlightKeywords() {
-        if (!this.shouldRenderHighlights) {
-            return null;
-        }
-        return ProductTemplatesHelpers.getProductProperty(this.product, this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights');
-    }
-    renderFallback() {
-        if (!this.default) {
-            return nothing;
-        }
-        return renderItemTextFallback({
-            props: {
-                field: this.field,
-                host: this,
-                logger: this.bindings.engine.logger,
-                defaultValue: this.default,
-                item: this.product,
-                getProperty: (result, property) => ProductTemplatesHelpers.getProductProperty(result, property),
-            },
-        })(html `
-      <atomic-commerce-text
-        .value=${getFieldValueCaption(this.field, this.default, this.bindings.i18n)}
-      ></atomic-commerce-text>
-    `);
-    }
-    renderProductText(textValue) {
-        const highlightKeywords = this.highlightKeywords;
-        return this.shouldRenderHighlights &&
-            highlightKeywords &&
-            highlightKeywords.length > 0
-            ? renderItemTextHighlighted({
-                props: {
-                    textValue,
-                    highlightKeywords,
-                    highlightString: HighlightUtils.highlightString,
-                    onError: (error) => (this.error = error),
-                },
-            })
-            : html `
-          <atomic-commerce-text
-            .value=${getFieldValueCaption(this.field, textValue, this.bindings.i18n)}
-          ></atomic-commerce-text>
-        `;
-    }
-    renderProductTextValue() {
-        const productValueAsString = getStringValueFromProductOrNull(this.product, this.field);
-        if (productValueAsString === null) {
-            return this.renderFallback();
-        }
-        return this.renderProductText(`${productValueAsString}`);
-    }
-    render() {
-        return html `
-      ${when(this.product && this.field, () => this.renderProductTextValue(), () => nothing)}
-    `;
-    }
-};
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicProductText.prototype, "field", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'should-highlight',
-        reflect: true,
-        converter: booleanConverter,
-    })
-], AtomicProductText.prototype, "shouldHighlight", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicProductText.prototype, "default", void 0);
-__decorate([
-    state()
-], AtomicProductText.prototype, "product", void 0);
-__decorate([
-    state()
-], AtomicProductText.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicProductText.prototype, "error", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicProductText.prototype, "render", null);
-AtomicProductText = __decorate([
-    bindings(),
-    customElement('atomic-product-text')
-], AtomicProductText);
-export { AtomicProductText };

package/dist/atomic/components/components/commerce/product-template-component-utils/error.js

@@ -1,6 +0,0 @@
-export class FieldValueIsNaNError extends Error {
-    constructor(field, value) {
-        super(`Could not parse "${value}" from field "${field}" as a number.`);
-        this.name = 'FieldValueIsNaNError';
-    }
-}