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

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';
-    }
-}

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

@@ -1,35 +0,0 @@
-import { readFromObject } from "../../../utils/object-utils";
-import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
-import { FieldValueIsNaNError } from './error';
-export function parseValue(product, field) {
-    const value = ProductTemplatesHelpers.getProductProperty(product, field);
-    if (value === null) {
-        return null;
-    }
-    const valueAsNumber = parseFloat(`${value}`);
-    if (Number.isNaN(valueAsNumber)) {
-        throw new FieldValueIsNaNError(field, value);
-    }
-    return valueAsNumber;
-}
-export function getStringValueFromProductOrNull(product, field) {
-    const value = ProductTemplatesHelpers.getProductProperty(product, field);
-    if (typeof value !== 'string' || value.trim() === '') {
-        return null;
-    }
-    return value;
-}
-export function buildStringTemplateFromProduct(template, product, bindings) {
-    return template.replace(/\${(.*?)}/g, (value) => {
-        const key = value.substring(2, value.length - 1);
-        let newValue = readFromObject(product, key);
-        if (!newValue && typeof window !== 'undefined') {
-            newValue = readFromObject(window, key);
-        }
-        if (!newValue) {
-            bindings.engine.logger.warn(`${key} used in the href template is undefined for this product: ${product.permanentid} and could not be found in the window object.`);
-            return '';
-        }
-        return newValue;
-    });
-}

package/dist/atomic/components/components/common/atomic-layout-section/atomic-layout-section.js

@@ -1,31 +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 { LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-/**
- * The `atomic-layout-section` lets you identify various sections for the related `atomic-search-layout` or `atomic-commerce-layout` component.
- *
- * @slot default - The default slot where you can add child components to the section.
- */
-let AtomicLayoutSection = class AtomicLayoutSection extends LitElement {
-    createRenderRoot() {
-        return this;
-    }
-};
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicLayoutSection.prototype, "section", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'min-width' })
-], AtomicLayoutSection.prototype, "minWidth", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'max-width' })
-], AtomicLayoutSection.prototype, "maxWidth", void 0);
-AtomicLayoutSection = __decorate([
-    customElement('atomic-layout-section')
-], AtomicLayoutSection);
-export { AtomicLayoutSection };

package/dist/atomic/components/components/common/item-text/field-warning.js

@@ -1,6 +0,0 @@
-import { isArray } from '@coveo/bueno';
-export function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {
-    if (isArray(itemValueRaw)) {
-        logger.error(`${host.nodeName.toLowerCase()} cannot be used with multi value field "${field}" with values "${itemValueRaw}".`, host);
-    }
-}

package/dist/atomic/components/components/common/item-text/item-text-fallback.js

@@ -1,15 +0,0 @@
-import { isUndefined } from '@coveo/bueno';
-import { html, nothing } from 'lit';
-import { possiblyWarnOnBadFieldType } from './field-warning.js';
-export const renderItemTextFallback = ({ props }) => (children) => {
-    const { getProperty, item, field, host, logger, defaultValue } = props;
-    const raw = getProperty(item, field);
-    possiblyWarnOnBadFieldType(field, raw, host, logger);
-    if (isUndefined(defaultValue)) {
-        host.remove();
-        return nothing;
-    }
-    else {
-        return html `${children}`;
-    }
-};

package/dist/atomic/components/components/common/item-text/item-text-highlighted.js

@@ -1,17 +0,0 @@
-import { html, nothing } from 'lit';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { renderWithHighlights, } from './render-highlights.js';
-/**
- * The renderItemTextHighlighted functional component renders text with highlighted keywords.
- */
-export const renderItemTextHighlighted = ({ props }) => {
-    const { textValue, highlightKeywords, highlightString, onError = (error) => console.error(error), } = props;
-    try {
-        const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);
-        return html `${unsafeHTML(highlightedValue)}`;
-    }
-    catch (error) {
-        onError(error);
-        return nothing;
-    }
-};

package/dist/atomic/components/components/common/item-text/render-highlights.js

@@ -1,13 +0,0 @@
-export function renderWithHighlights(value, highlights, highlightString) {
-    const openingDelimiter = '_openingDelimiter_';
-    const closingDelimiter = '_closingDelimiter_';
-    const highlightedValue = highlightString({
-        content: value,
-        openingDelimiter,
-        closingDelimiter,
-        highlights,
-    });
-    return highlightedValue
-        .replace(new RegExp(openingDelimiter, 'g'), '<b>')
-        .replace(new RegExp(closingDelimiter, 'g'), '</b>');
-}

package/dist/atomic/components/components/common/no-items/container.js

@@ -1,7 +0,0 @@
-import { html } from 'lit';
-export const renderNoItemsContainer = () => (children) => html `
-    <div class="text-on-background flex h-full w-full flex-col items-center">
-      ${children}
-    </div>
-    <slot></slot>
-  `;

package/dist/atomic/components/components/common/no-items/guard.js

@@ -1,11 +0,0 @@
-import { html, nothing } from 'lit';
-import { directive, Directive } from 'lit/directive.js';
-class NoItemsGuardDirective extends Directive {
-    render({ firstSearchExecuted, isLoading, hasResults }, content) {
-        if (!firstSearchExecuted || isLoading || hasResults) {
-            return nothing;
-        }
-        return html `${content()}`;
-    }
-}
-export const noItemsGuard = directive(NoItemsGuardDirective);

package/dist/atomic/components/components/common/no-items/magnifying-glass.js

@@ -1,11 +0,0 @@
-import { html } from 'lit';
-const MagnifyingGlassIcon = "<svg viewBox=\"0 0 312 312\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0)\">\n<g filter=\"url(#filter0_b)\">\n<rect x=\"156.118\" width=\"220.784\" height=\"220.784\" rx=\"14.7189\" transform=\"rotate(45 156.118 0)\" fill=\"#F6F7F9\"/>\n</g>\n<rect x=\"60.1178\" y=\"126\" width=\"34\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"102.118\" y=\"126\" width=\"67\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"177.118\" y=\"126\" width=\"67\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"60.1178\" y=\"151\" width=\"162\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"60.1178\" y=\"176\" width=\"177\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<g filter=\"url(#filter1_f)\">\n<path d=\"M183.857 226.206C179.378 223.774 178.389 217.774 181.85 214.033C184.309 211.374 188.273 210.753 191.427 212.532L247.561 244.198C251.767 246.571 252.551 252.302 249.136 255.717C246.849 258.004 243.331 258.513 240.49 256.97L183.857 226.206Z\" fill=\"#E5E8E8\"/>\n</g>\n<rect x=\"195.143\" y=\"205.948\" width=\"15.064\" height=\"78.2384\" rx=\"7.53201\" transform=\"rotate(-45 195.143 205.948)\" fill=\"#333357\"/>\n<g filter=\"url(#filter2_d)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M161.415 226.595C200.792 226.595 232.713 194.674 232.713 155.298C232.713 115.921 200.792 84 161.415 84C122.039 84 90.1178 115.921 90.1178 155.298C90.1178 194.674 122.039 226.595 161.415 226.595ZM161.441 212.539C193.041 212.539 218.657 186.922 218.657 155.323C218.657 123.724 193.041 98.108 161.441 98.108C129.842 98.108 104.226 123.724 104.226 155.323C104.226 186.922 129.842 212.539 161.441 212.539Z\" fill=\"url(#paint0_linear)\"/>\n</g>\n<g filter=\"url(#filter3_d)\">\n<circle cx=\"161.415\" cy=\"155.298\" r=\"59.6307\" fill=\"url(#paint1_linear)\"/>\n</g>\n<g filter=\"url(#filter4_i)\">\n<circle cx=\"161.441\" cy=\"155.323\" r=\"57.2153\" fill=\"url(#paint2_linear)\"/>\n</g>\n<mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"104\" y=\"98\" width=\"115\" height=\"115\">\n<circle cx=\"161.415\" cy=\"155.298\" r=\"57.038\" fill=\"white\"/>\n</mask>\n<g mask=\"url(#mask0)\">\n<rect opacity=\"0.5\" x=\"104.118\" y=\"126\" width=\"37\" height=\"18\" rx=\"8\" fill=\"url(#paint3_linear)\"/>\n<rect opacity=\"0.5\" x=\"184.118\" y=\"167\" width=\"37\" height=\"18\" rx=\"8\" fill=\"url(#paint4_linear)\"/>\n<g opacity=\"0.6\" filter=\"url(#filter5_f)\">\n<path d=\"M179.303 90.5597L187.576 96.3233C187.576 96.3233 140.259 159.434 177.535 239.024C164.157 234.174 126.719 230.494 120.018 222.474C88.6871 131.944 179.303 90.5597 179.303 90.5597Z\" fill=\"url(#paint5_linear)\"/>\n</g>\n<g opacity=\"0.5\" filter=\"url(#filter6_f)\">\n<circle cx=\"197.896\" cy=\"133.778\" r=\"7.77791\" fill=\"white\"/>\n</g>\n<g opacity=\"0.7\" filter=\"url(#filter7_f)\">\n<circle cx=\"207.359\" cy=\"150.241\" r=\"3.2408\" fill=\"white\"/>\n</g>\n</g>\n</g>\n<defs>\n<filter id=\"filter0_b\" x=\"-3.67968\" y=\"-3.67973\" width=\"319.595\" height=\"319.595\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur\" result=\"shape\"/>\n</filter>\n<filter id=\"filter1_f\" x=\"171.347\" y=\"190.878\" width=\"88.139\" height=\"88.139\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"2.59264\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter2_d\" x=\"59.0061\" y=\"84\" width=\"204.818\" height=\"206.115\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"32.408\"/>\n<feGaussianBlur stdDeviation=\"15.5558\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 0.38 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\"/>\n</filter>\n<filter id=\"filter3_d\" x=\"91.4141\" y=\"85.2963\" width=\"140.002\" height=\"140.002\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset/>\n<feGaussianBlur stdDeviation=\"5.18528\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\"/>\n</filter>\n<filter id=\"filter4_i\" x=\"104.226\" y=\"98.108\" width=\"114.431\" height=\"124.801\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"10.3706\"/>\n<feGaussianBlur stdDeviation=\"5.83344\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.529306 0 0 0 0 0.529306 0 0 0 0 0.858333 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow\"/>\n</filter>\n<filter id=\"filter5_f\" x=\"93.7083\" y=\"75.6215\" width=\"134.473\" height=\"171.666\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.5\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter6_f\" x=\"187.525\" y=\"123.407\" width=\"20.7411\" height=\"20.7411\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.29632\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter7_f\" x=\"201.525\" y=\"144.407\" width=\"11.6669\" height=\"11.6669\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.29632\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<linearGradient id=\"paint0_linear\" x1=\"106.615\" y1=\"63.4032\" x2=\"289.344\" y2=\"240.521\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.505208\" stop-color=\"#3F3F71\"/>\n<stop offset=\"1\" stop-color=\"#5D237D\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear\" x1=\"200.305\" y1=\"208.447\" x2=\"121.878\" y2=\"98.259\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#333357\"/>\n<stop offset=\"1\" stop-color=\"#6B6BBD\" stop-opacity=\"0.49\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear\" x1=\"116.692\" y1=\"142.334\" x2=\"206.138\" y2=\"195.483\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.0255459\" stop-color=\"white\"/>\n<stop offset=\"1\" stop-color=\"#E5E8E8\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear\" x1=\"134.811\" y1=\"148.895\" x2=\"127.845\" y2=\"133.378\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8787DB\" stop-opacity=\"0.41\"/>\n<stop offset=\"1\" stop-color=\"#C5CACF\" stop-opacity=\"0.44\"/>\n</linearGradient>\n<linearGradient id=\"paint4_linear\" x1=\"214.811\" y1=\"189.895\" x2=\"207.845\" y2=\"174.378\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8787DB\"/>\n<stop offset=\"1\" stop-color=\"#C5CACF\" stop-opacity=\"0.44\"/>\n</linearGradient>\n<linearGradient id=\"paint5_linear\" x1=\"164.859\" y1=\"93.962\" x2=\"143.031\" y2=\"190.673\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\" stop-opacity=\"0\"/>\n<stop offset=\"0.198345\" stop-color=\"white\" stop-opacity=\"0.72\"/>\n<stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/>\n</linearGradient>\n<clipPath id=\"clip0\">\n<rect width=\"312\" height=\"312\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n";
-export const renderMagnifyingGlass = () => {
-    return html `
-    <atomic-icon
-      part="icon"
-      icon=${MagnifyingGlassIcon}
-      class="my-6 flex w-1/2 max-w-lg flex-col items-center"
-    ></atomic-icon>
-  `;
-};

package/dist/atomic/components/components/common/no-items/no-items.js

@@ -1,30 +0,0 @@
-import { localizedString } from "../../../directives/localized-string";
-import { html } from 'lit';
-export const renderNoItems = ({ props }) => {
-    const content = props.query
-        ? localizedString({
-            i18n: props.i18n,
-            key: `${props.i18nKey}-for`,
-            params: {
-                query: html `<span
-            class="inline-block max-w-full overflow-hidden align-bottom font-bold text-ellipsis whitespace-normal"
-            part="highlight"
-          >
-            ${localizedString({
-                    i18n: props.i18n,
-                    key: 'between-quotations',
-                    params: { text: props.query },
-                })}
-          </span>`,
-            },
-        })
-        : props.i18n.t(props.i18nKey);
-    return html `
-    <div
-      class="my-2 max-w-full text-center text-2xl font-medium"
-      part="no-results"
-    >
-      ${content}
-    </div>
-  `;
-};

package/dist/atomic/components/components/common/no-items/tips.js

@@ -1,8 +0,0 @@
-import { html } from 'lit';
-export const renderSearchTips = ({ props, }) => {
-    return html `
-    <div class="text-neutral-dark my-2 text-center text-lg" part="search-tips">
-      ${props.i18n.t('search-tips')}
-    </div>
-  `;
-};

package/dist/atomic/components/stencil-expandable-text.js.map

@@ -1 +0,0 @@
-{"file":"stencil-expandable-text.js","mappings":";;;;AAiBA,MAAM,iBAAiB,GAAG,CAAC,aAA4B;IACrD,MAAM,YAAY,GAAkC;QAClD,IAAI,EAAE,iBAAiB;QACvB,CAAC,EAAE,cAAc;QACjB,CAAC,EAAE,cAAc;QACjB,CAAC,EAAE,cAAc;QACjB,CAAC,EAAE,cAAc;KAClB,CAAC;IACF,OAAO,YAAY,CAAC,aAAa,CAAC,IAAI,cAAc,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,UAAmB,EACnB,WAAoB,EACpB,aAAsB,EACtB,cAAwC,EACxC,aAAqB,EACrB,aAAqB;IAErB,IAAI,WAAW,GAAG,0DAA0D,CAAC;IAC7E,IAAI,CAAC,WAAW,IAAI,CAAC,UAAU,EAAE;QAC/B,WAAW,IAAI,YAAY,CAAC;KAC7B;SAAM,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW,IAAI,UAAU,EAAE;QACvD,WAAW,IAAI,SAAS,CAAC;KAC1B;IAED,MAAM,KAAK,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,CAAC;IAEzD,QACE,EAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAc;QAEvB,mBACE,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,EACvC,KAAK,EAAC,yBAAyB,GAClB;QACd,KAAK,CACC,EACT;AACJ,CAAC,CAAC;MAEW,cAAc,GAA6C,CACtE,EACE,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,GAAG,KAAK,GACtB,EACD,QAAQ;IAER,QACE,WAAK,KAAK,EAAC,2BAA2B;QACpC,WACE,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,mBAAmB,CAAC,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,aAAa,EAAE,IAEzG,QAAQ,CACL;QACL,oBAAoB,CACnB,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,CACd,CACG,EACN;AACJ;;;;","names":[],"sources":["src/components/common/expandable-text/stencil-expandable-text.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport MinusIcon from '../../../images/minus.svg';\nimport PlusIcon from '../../../images/plus.svg';\nimport {Button} from '../stencil-button';\n\nexport type TruncateAfter = 'none' | '1' | '2' | '3' | '4';\n\ninterface ExpandableTextProps {\n  isExpanded: boolean;\n  isTruncated: boolean;\n  isCollapsible?: boolean;\n  truncateAfter: TruncateAfter;\n  onToggleExpand: (e: MouseEvent | undefined) => void;\n  showMoreLabel: string;\n  showLessLabel: string;\n}\n\nconst getLineClampClass = (truncateAfter: TruncateAfter) => {\n  const lineClampMap: Record<TruncateAfter, string> = {\n    none: 'line-clamp-none',\n    1: 'line-clamp-1',\n    2: 'line-clamp-2',\n    3: 'line-clamp-3',\n    4: 'line-clamp-4',\n  };\n  return lineClampMap[truncateAfter] || 'line-clamp-2';\n};\n\nconst renderShowHideButton = (\n  isExpanded: boolean,\n  isTruncated: boolean,\n  isCollapsible: boolean,\n  onToggleExpand: (e?: MouseEvent) => void,\n  showMoreLabel: string,\n  showLessLabel: string\n) => {\n  let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';\n  if (!isTruncated && !isExpanded) {\n    buttonClass += ' invisible';\n  } else if (!isCollapsible && !isTruncated && isExpanded) {\n    buttonClass += ' hidden';\n  }\n\n  const label = isExpanded ? showLessLabel : showMoreLabel;\n\n  return (\n    <Button\n      style=\"text-primary\"\n      class={buttonClass}\n      title={label}\n      onClick={onToggleExpand}\n    >\n      <atomic-icon\n        icon={isExpanded ? MinusIcon : PlusIcon}\n        class=\"mx-1 w-2 align-baseline\"\n      ></atomic-icon>\n      {label}\n    </Button>\n  );\n};\n\nexport const ExpandableText: FunctionalComponent<ExpandableTextProps> = (\n  {\n    isExpanded,\n    isTruncated,\n    truncateAfter,\n    onToggleExpand,\n    showMoreLabel,\n    showLessLabel,\n    isCollapsible = false,\n  },\n  children\n) => {\n  return (\n    <div class=\"flex flex-col items-start\">\n      <div\n        part=\"expandable-text\"\n        class={`expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}`}\n      >\n        {children}\n      </div>\n      {renderShowHideButton(\n        isExpanded,\n        isTruncated,\n        isCollapsible,\n        onToggleExpand,\n        showMoreLabel,\n        showLessLabel\n      )}\n    </div>\n  );\n};\n"],"version":3}

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

@@ -1,13 +0,0 @@
-export function readFromObject(object, key) {
-    const keys = key.split('.');
-    let current = object;
-    for (const k of keys) {
-        if (current && typeof current === 'object' && k in current) {
-            current = current[k];
-        }
-        else {
-            return undefined;
-        }
-    }
-    return typeof current === 'string' ? current : undefined;
-}

package/dist/atomic/p-1d02a670.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getLineClampClass","truncateAfter","lineClampMap","none","renderShowHideButton","isExpanded","isTruncated","isCollapsible","onToggleExpand","showMoreLabel","showLessLabel","buttonClass","label","h","Button","style","class","title","onClick","icon","MinusIcon","PlusIcon","ExpandableText","children","part"],"sources":["src/components/common/expandable-text/stencil-expandable-text.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport MinusIcon from '../../../images/minus.svg';\nimport PlusIcon from '../../../images/plus.svg';\nimport {Button} from '../stencil-button';\n\nexport type TruncateAfter = 'none' | '1' | '2' | '3' | '4';\n\ninterface ExpandableTextProps {\n  isExpanded: boolean;\n  isTruncated: boolean;\n  isCollapsible?: boolean;\n  truncateAfter: TruncateAfter;\n  onToggleExpand: (e: MouseEvent | undefined) => void;\n  showMoreLabel: string;\n  showLessLabel: string;\n}\n\nconst getLineClampClass = (truncateAfter: TruncateAfter) => {\n  const lineClampMap: Record<TruncateAfter, string> = {\n    none: 'line-clamp-none',\n    1: 'line-clamp-1',\n    2: 'line-clamp-2',\n    3: 'line-clamp-3',\n    4: 'line-clamp-4',\n  };\n  return lineClampMap[truncateAfter] || 'line-clamp-2';\n};\n\nconst renderShowHideButton = (\n  isExpanded: boolean,\n  isTruncated: boolean,\n  isCollapsible: boolean,\n  onToggleExpand: (e?: MouseEvent) => void,\n  showMoreLabel: string,\n  showLessLabel: string\n) => {\n  let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';\n  if (!isTruncated && !isExpanded) {\n    buttonClass += ' invisible';\n  } else if (!isCollapsible && !isTruncated && isExpanded) {\n    buttonClass += ' hidden';\n  }\n\n  const label = isExpanded ? showLessLabel : showMoreLabel;\n\n  return (\n    <Button\n      style=\"text-primary\"\n      class={buttonClass}\n      title={label}\n      onClick={onToggleExpand}\n    >\n      <atomic-icon\n        icon={isExpanded ? MinusIcon : PlusIcon}\n        class=\"mx-1 w-2 align-baseline\"\n      ></atomic-icon>\n      {label}\n    </Button>\n  );\n};\n\nexport const ExpandableText: FunctionalComponent<ExpandableTextProps> = (\n  {\n    isExpanded,\n    isTruncated,\n    truncateAfter,\n    onToggleExpand,\n    showMoreLabel,\n    showLessLabel,\n    isCollapsible = false,\n  },\n  children\n) => {\n  return (\n    <div class=\"flex flex-col items-start\">\n      <div\n        part=\"expandable-text\"\n        class={`expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}`}\n      >\n        {children}\n      </div>\n      {renderShowHideButton(\n        isExpanded,\n        isTruncated,\n        isCollapsible,\n        onToggleExpand,\n        showMoreLabel,\n        showLessLabel\n      )}\n    </div>\n  );\n};\n"],"mappings":"mHAiBA,MAAMA,EAAqBC,IACzB,MAAMC,EAA8C,CAClDC,KAAM,kBACN,EAAG,eACH,EAAG,eACH,EAAG,eACH,EAAG,gBAEL,OAAOD,EAAaD,IAAkB,cAAc,EAGtD,MAAMG,EAAuB,CAC3BC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,IAAIC,EAAc,2DAClB,IAAKL,IAAgBD,EAAY,CAC/BM,GAAe,Y,MACV,IAAKJ,IAAkBD,GAAeD,EAAY,CACvDM,GAAe,S,CAGjB,MAAMC,EAAQP,EAAaK,EAAgBD,EAE3C,OACEI,EAACC,EAAM,CACLC,MAAM,eACNC,MAAOL,EACPM,MAAOL,EACPM,QAASV,GAETK,EAAA,eACEM,KAAMd,EAAae,EAAYC,EAC/BL,MAAM,4BAEPJ,EACM,E,MAIAU,EAA2D,EAEpEjB,aACAC,cACAL,gBACAO,iBACAC,gBACAC,gBACAH,gBAAgB,OAElBgB,IAGEV,EAAA,OAAKG,MAAM,6BACTH,EAAA,OACEW,KAAK,kBACLR,MAAO,oBAAoBX,EAAaL,EAAkBC,GAAiB,gBAAgBA,KAE1FsB,GAEFnB,EACCC,EACAC,EACAC,EACAC,EACAC,EACAC,W","ignoreList":[]}

package/dist/atomic/p-4497df4a.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as e,H as i,g as t}from"./p-dc3df5ce.js";import{b as a}from"./p-37b7705c.js";import{r}from"./p-7e34e6f5.js";import"./p-f284897c.js";import"./p-0462f723.js";const o=class{constructor(e){s(this,e);this.regions={};this.messagesQueue=a({delay:500});this.regions={}}onFindAriaLive({detail:s}){if(!s.element||!this.isInSearchInterface){s.element=this.host}}get isInSearchInterface(){let s=this.host;while(s){if(s.tagName==="ATOMIC-SEARCH-INTERFACE"){return true}s=s.parentElement}return false}connectedCallback(){this.id=r("atomic-aria-live-")}async updateMessage(s,e,i){const t=()=>this.regions={...this.regions,[s]:{assertive:i,message:e}};if(e){this.messagesQueue.enqueue(t,s)}else{this.messagesQueue.cancelActionIfQueued(s);t()}}async registerRegion(s,e){if(s in this.regions){return}this.regions={...this.regions,[s]:{assertive:e,message:""}}}disconnectedCallback(){this.messagesQueue.clear()}render(){return e(i,{key:"7cd9f06d7ac2d69cadb84bfea884fa3ad3f3e234",style:{position:"absolute",display:"block",height:"0",overflow:"hidden",margin:"0"}},Object.entries(this.regions).map((([s,{assertive:i,message:t}])=>e("div",{key:s,id:`${this.id}-${s}`,"aria-live":i?"assertive":"polite",role:"status"},t))))}get host(){return t(this)}};export{o as atomic_aria_live};
-//# sourceMappingURL=p-4497df4a.entry.js.map

package/dist/atomic/p-4de0c016.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-dc3df5ce.js";import{I as c}from"./p-d6e6dbc3.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";var r=undefined&&undefined.__decorate||function(e,t,c,r){var d=arguments.length,f=d<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,c):r,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")f=Reflect.decorate(e,t,c,r);else for(var i=e.length-1;i>=0;i--)if(o=e[i])f=(d<3?o(f):d>3?o(t,c,f):o(t,c))||f;return d>3&&f&&Object.defineProperty(t,c,f),f};const d=class{constructor(t){e(this,t);this.error=undefined}render(){return t("atomic-tab-bar",{key:"dd65c579ba47b48757adea4f2dfaf3e9dda418ee"},t("slot",{key:"671e88647cf8c4c2476e2c2249caea272d5c1dcf"}))}};r([c()],d.prototype,"bindings",void 0);export{d as atomic_ipx_tabs};
-//# sourceMappingURL=p-4de0c016.entry.js.map

package/dist/atomic/p-93091fb7.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as c}from"./p-dc3df5ce.js";import{I as t}from"./p-d6e6dbc3.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";var r=undefined&&undefined.__decorate||function(e,c,t,r){var i=arguments.length,o=i<3?c:r===null?r=Object.getOwnPropertyDescriptor(c,t):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,c,t,r);else for(var d=e.length-1;d>=0;d--)if(s=e[d])o=(i<3?s(o):i>3?s(c,t,o):s(c,t))||o;return i>3&&o&&Object.defineProperty(c,t,o),o};const i=class{constructor(c){e(this,c);this.error=undefined}render(){return c("atomic-tab-bar",{key:"dda5b7cb0a287071b26ba28c4917825017c68d3c"},c("slot",{key:"21be50cd023bacc8b1f3b5b7c90408e7c69cd355"}))}};r([t()],i.prototype,"bindings",void 0);export{i as atomic_insight_tabs};
-//# sourceMappingURL=p-93091fb7.entry.js.map

package/dist/atomic/p-a1c4ac09.js

@@ -1,2 +0,0 @@
-import{r as e}from"./p-c32fca86.js";import{ProductTemplatesHelpers as n}from"@coveo/headless/commerce";import{F as o}from"./p-b1b751a5.js";function t(e,t){const r=n.getProductProperty(e,t);if(r===null){return null}const i=parseFloat(`${r}`);if(Number.isNaN(i)){throw new o(t,r)}return i}function r(n,o,t){return n.replace(/\${(.*?)}/g,(n=>{const r=n.substring(2,n.length-1);let i=e(o,r);if(!i&&typeof window!=="undefined"){i=e(window,r)}if(!i){t.engine.logger.warn(`${r} used in the href template is undefined for this product: ${o.permanentid} and could not be found in the window object.`);return""}return i}))}export{r as b,t as p};
-//# sourceMappingURL=p-a1c4ac09.js.map

package/dist/atomic/p-a1c4ac09.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["parseValue","product","field","value","ProductTemplatesHelpers","getProductProperty","valueAsNumber","parseFloat","Number","isNaN","FieldValueIsNaNError","buildStringTemplateFromProduct","template","bindings","replace","key","substring","length","newValue","readFromObject","window","engine","logger","warn","permanentid"],"sources":["src/components/commerce/product-template-component-utils/product-utils.ts"],"sourcesContent":["import {readFromObject} from '@/src/utils/object-utils';\nimport {Product, ProductTemplatesHelpers} from '@coveo/headless/commerce';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {FieldValueIsNaNError} from './error';\n\nexport function parseValue(product: Product, field: string) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n  if (value === null) {\n    return null;\n  }\n  const valueAsNumber = parseFloat(`${value}`);\n  if (Number.isNaN(valueAsNumber)) {\n    throw new FieldValueIsNaNError(field, value);\n  }\n  return valueAsNumber;\n}\n\nexport function getStringValueFromProductOrNull(\n  product: Product,\n  field: string\n) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n\n  if (typeof value !== 'string' || value.trim() === '') {\n    return null;\n  }\n\n  return value;\n}\n\nexport function buildStringTemplateFromProduct(\n  template: string,\n  product: Product,\n  bindings: CommerceBindings\n) {\n  return template.replace(/\\${(.*?)}/g, (value: string) => {\n    const key = value.substring(2, value.length - 1);\n    let newValue = readFromObject(product, key);\n    if (!newValue && typeof window !== 'undefined') {\n      newValue = readFromObject(window, key);\n    }\n\n    if (!newValue) {\n      bindings.engine.logger.warn(\n        `${key} used in the href template is undefined for this product: ${product.permanentid} and could not be found in the window object.`\n      );\n      return '';\n    }\n\n    return newValue;\n  });\n}\n"],"mappings":"oJAKgBA,EAAWC,EAAkBC,GAC3C,MAAMC,EAAQC,EAAwBC,mBAAmBJ,EAASC,GAClE,GAAIC,IAAU,KAAM,CAClB,OAAO,I,CAET,MAAMG,EAAgBC,WAAW,GAAGJ,KACpC,GAAIK,OAAOC,MAAMH,GAAgB,CAC/B,MAAM,IAAII,EAAqBR,EAAOC,E,CAExC,OAAOG,CACT,C,SAegBK,EACdC,EACAX,EACAY,GAEA,OAAOD,EAASE,QAAQ,cAAeX,IACrC,MAAMY,EAAMZ,EAAMa,UAAU,EAAGb,EAAMc,OAAS,GAC9C,IAAIC,EAAWC,EAAelB,EAASc,GACvC,IAAKG,UAAmBE,SAAW,YAAa,CAC9CF,EAAWC,EAAeC,OAAQL,E,CAGpC,IAAKG,EAAU,CACbL,EAASQ,OAAOC,OAAOC,KACrB,GAAGR,8DAAgEd,EAAQuB,4DAE7E,MAAO,E,CAGT,OAAON,CAAQ,GAEnB,Q","ignoreList":[]}

package/dist/atomic/p-ba6a30a7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductExcerptCss","AtomicProductExcerptStyle0","AtomicProductExcerpt","constructor","hostRef","this","isExpanded","isTruncated","truncateAfter","isCollapsible","resizeObserver","ResizeObserver","excerptText","scrollHeight","offsetHeight","validateProps","Schema","StringValue","constrainTo","validate","componentDidLoad","hostElement","querySelector","observe","onToggleExpand","e","stopPropagation","disconnectedCallback","disconnect","render","productExcerpt","product","h","Hidden","ExpandableText","showMoreLabel","bindings","i18n","t","showLessLabel","field","__decorate","InitializeBindings","ProductContext"],"sources":["src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.pcss?tag=atomic-product-excerpt","src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.tsx"],"sourcesContent":["@import '../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../common/expandable-text/stencil-expandable-text';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.\n */\n@Component({\n  tag: 'atomic-product-excerpt',\n  styleUrl: 'atomic-product-excerpt.pcss',\n  shadow: false,\n})\nexport class AtomicProductExcerpt\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private excerptText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product excerpt should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * Whether the excerpt should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = false;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.excerptText &&\n        this.excerptText.scrollHeight > this.excerptText.offsetHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n    });\n  }\n\n  componentDidLoad() {\n    this.excerptText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.excerptText) {\n      this.resizeObserver.observe(this.excerptText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productExcerpt = this.product['excerpt'] ?? null;\n\n    if (!productExcerpt) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field=\"excerpt\"></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"mappings":"obAAA,MAAMA,EAA0B,yUAChC,MAAAC,EAAeD,E,iXCuBFE,EAAoB,MA0B/B,WAAAC,CAAAC,G,UAhBiBC,KAAAC,WAAa,MACbD,KAAAE,YAAc,MAQhBF,KAAAG,cAA+B,IAK/BH,KAAAI,cAAgB,M,gBAdD,M,iBACC,M,mBAQe,I,mBAKf,MAG7BJ,KAAKK,eAAiB,IAAIC,gBAAe,KACvC,GACEN,KAAKO,aACLP,KAAKO,YAAYC,aAAeR,KAAKO,YAAYE,aACjD,CACAT,KAAKE,YAAc,I,KACd,CACLF,KAAKE,YAAc,K,KAGvBF,KAAKU,e,CAGC,aAAAA,GACN,IAAIC,EAAO,CACTR,cAAe,IAAIS,EAAY,CAC7BC,YAAa,CAAC,OAAQ,IAAK,IAAK,IAAK,SAEtCC,SAAS,CACVX,cAAeH,KAAKG,e,CAIxB,gBAAAY,GACEf,KAAKO,YAAcP,KAAKgB,YAAYC,cAClC,oBAEF,GAAIjB,KAAKO,YAAa,CACpBP,KAAKK,eAAea,QAAQlB,KAAKO,Y,EAI7B,cAAAY,CAAeC,GACrB,GAAIA,EAAG,CACLA,EAAEC,iB,CAGJrB,KAAKC,YAAcD,KAAKC,U,CAG1B,oBAAAqB,GACEtB,KAAKK,eAAekB,Y,CAGf,MAAAC,GACL,MAAMC,EAAiBzB,KAAK0B,QAAQ,YAAc,KAElD,IAAKD,EAAgB,CACnB,OAAOE,EAACC,EAAM,K,CAGhB,OACED,EAACE,EAAc,CACb5B,WAAYD,KAAKC,WACjBC,YAAaF,KAAKE,YAClBC,cAAeH,KAAKG,cACpBgB,eAAiBC,GAAMpB,KAAKmB,eAAeC,GAC3CU,cAAe9B,KAAK+B,SAASC,KAAKC,EAAE,aACpCC,cAAelC,KAAK+B,SAASC,KAAKC,EAAE,aACpC7B,cAAeJ,KAAKI,eAEpBuB,EAAA,uBAAqBQ,MAAM,Y,oCArFJC,EAAA,CAA5BC,K,+BACyBD,EAAA,CAAzBE,K","ignoreList":[]}

package/dist/atomic/p-bd32ca3c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductDescriptionCss","AtomicProductDescriptionStyle0","AtomicProductDescription","constructor","hostRef","this","isExpanded","isTruncated","truncateAfter","field","isCollapsible","resizeObserver","ResizeObserver","descriptionText","scrollHeight","clientHeight","validateProps","Schema","StringValue","constrainTo","validate","componentDidLoad","hostElement","querySelector","observe","onToggleExpand","e","stopPropagation","disconnectedCallback","disconnect","render","productDescription","product","h","Hidden","ExpandableText","showMoreLabel","bindings","i18n","t","showLessLabel","__decorate","InitializeBindings","ProductContext"],"sources":["src/components/commerce/atomic-product-description/atomic-product-description.pcss?tag=atomic-product-description","src/components/commerce/atomic-product-description/atomic-product-description.tsx"],"sourcesContent":["@import '../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../common/expandable-text/stencil-expandable-text';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-description` component renders the description of a product.\n */\n@Component({\n  tag: 'atomic-product-description',\n  styleUrl: 'atomic-product-description.pcss',\n  shadow: false,\n})\nexport class AtomicProductDescription\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private descriptionText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * The name of the description field to use.\n   */\n  @Prop() public field: 'ec_description' | 'ec_shortdesc' = 'ec_shortdesc';\n\n  /**\n   * Whether the description should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = true;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.descriptionText &&\n        this.descriptionText.scrollHeight > this.descriptionText.clientHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n      field: new StringValue({\n        constrainTo: ['ec_shortdesc', 'ec_description'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n      field: this.field,\n    });\n  }\n\n  componentDidLoad() {\n    this.descriptionText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.descriptionText) {\n      this.resizeObserver.observe(this.descriptionText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productDescription = this.product[this.field] ?? null;\n\n    if (!productDescription) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field={this.field}></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"mappings":"obAAA,MAAMA,EAA8B,yUACpC,MAAAC,EAAeD,E,iXCuBFE,EAAwB,MA+BnC,WAAAC,CAAAC,G,UArBiBC,KAAAC,WAAa,MACbD,KAAAE,YAAc,MAQhBF,KAAAG,cAA+B,IAK/BH,KAAAI,MAA2C,eAK3CJ,KAAAK,cAAgB,K,gBAnBD,M,iBACC,M,mBAQe,I,WAKY,e,mBAK3B,KAG7BL,KAAKM,eAAiB,IAAIC,gBAAe,KACvC,GACEP,KAAKQ,iBACLR,KAAKQ,gBAAgBC,aAAeT,KAAKQ,gBAAgBE,aACzD,CACAV,KAAKE,YAAc,I,KACd,CACLF,KAAKE,YAAc,K,KAGvBF,KAAKW,e,CAGC,aAAAA,GACN,IAAIC,EAAO,CACTT,cAAe,IAAIU,EAAY,CAC7BC,YAAa,CAAC,OAAQ,IAAK,IAAK,IAAK,OAEvCV,MAAO,IAAIS,EAAY,CACrBC,YAAa,CAAC,eAAgB,sBAE/BC,SAAS,CACVZ,cAAeH,KAAKG,cACpBC,MAAOJ,KAAKI,O,CAIhB,gBAAAY,GACEhB,KAAKQ,gBAAkBR,KAAKiB,YAAYC,cACtC,oBAEF,GAAIlB,KAAKQ,gBAAiB,CACxBR,KAAKM,eAAea,QAAQnB,KAAKQ,gB,EAI7B,cAAAY,CAAeC,GACrB,GAAIA,EAAG,CACLA,EAAEC,iB,CAGJtB,KAAKC,YAAcD,KAAKC,U,CAG1B,oBAAAsB,GACEvB,KAAKM,eAAekB,Y,CAGf,MAAAC,GACL,MAAMC,EAAqB1B,KAAK2B,QAAQ3B,KAAKI,QAAU,KAEvD,IAAKsB,EAAoB,CACvB,OAAOE,EAACC,EAAM,K,CAGhB,OACED,EAACE,EAAc,CACb7B,WAAYD,KAAKC,WACjBC,YAAaF,KAAKE,YAClBC,cAAeH,KAAKG,cACpBiB,eAAiBC,GAAMrB,KAAKoB,eAAeC,GAC3CU,cAAe/B,KAAKgC,SAASC,KAAKC,EAAE,aACpCC,cAAenC,KAAKgC,SAASC,KAAKC,EAAE,aACpC7B,cAAeL,KAAKK,eAEpBuB,EAAA,uBAAqBxB,MAAOJ,KAAKI,Q,oCA9FVgC,EAAA,CAA5BC,K,+BACyBD,EAAA,CAAzBE,K","ignoreList":[]}

package/dist/atomic/p-cceca6bd.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,g as s}from"./p-dc3df5ce.js";import{d as e,a as i}from"./p-25a96534.js";import"./p-1580513b.js";const o=class{constructor(r){t(this,r);this.error=undefined;this.currency=undefined}componentWillLoad(){this.format=e(this.currency);try{i(((t,r)=>this.format(t,r)),this.host)}catch(t){this.error=t}}render(){if(this.error){return r("atomic-component-error",{key:"77d3ed015952d7f84a91f794c5956e131c3d14f6",element:this.host,error:this.error})}}get host(){return s(this)}};export{o as atomic_format_currency};
-//# sourceMappingURL=p-cceca6bd.entry.js.map

package/dist/atomic/p-d76c5232.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as i}from"./p-dc3df5ce.js";import{I as s}from"./p-d6e6dbc3.js";import{b as e}from"./p-25a96534.js";import{p as r}from"./p-a1c4ac09.js";import{P as o}from"./p-c58eda89.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"./p-c32fca86.js";import"@coveo/headless/commerce";import"./p-b1b751a5.js";import"./p-3dc06261.js";var c=undefined&&undefined.__decorate||function(t,i,s,e){var r=arguments.length,o=r<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,s):e,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,i,s,e);else for(var p=t.length-1;p>=0;p--)if(c=t[p])o=(r<3?c(o):r>3?c(i,s,o):c(i,s))||o;return r>3&&o&&Object.defineProperty(i,s,o),o};const p=class{constructor(i){t(this,i);this.formatter=e;this.valueToDisplay=null;this.error=undefined;this.field=undefined;this.formatter=e;this.valueToDisplay=null}setFormat(t){t.preventDefault();t.stopPropagation();this.formatter=t.detail}formatValue(t){try{return this.formatter(t,this.bindings.i18n.languages)}catch(i){this.error=i;return t.toString()}}updateValueToDisplay(){const t=r(this.product,this.field);if(t!==null){this.valueToDisplay=this.formatValue(t)}}componentWillRender(){this.updateValueToDisplay()}render(){if(this.valueToDisplay===null){this.host.remove();return}return this.valueToDisplay}get host(){return i(this)}};c([s()],p.prototype,"bindings",void 0);c([o()],p.prototype,"product",void 0);export{p as atomic_product_numeric_field_value};
-//# sourceMappingURL=p-d76c5232.entry.js.map

package/dist/atomic/p-ed63c738.js

@@ -1,2 +0,0 @@
-import{g as n}from"./p-8dad20e1.js";function o(n,o,t){if(t.analytics?.analyticsClientMiddleware){return t.analytics.analyticsClientMiddleware(n,o)}return o}function t(o){if(o.customData){o.customData.coveoAtomicVersion=n().version}return o}function e(){return{documentLocation:document.location.href,...document.referrer&&{originLevel3:document.referrer}}}const c=/^(\d+\.\d+\.\d+)/;function u(){return{source:{"@coveo/atomic":c.exec(n().version)?.[0]||"0.0.0"}}}function r(n,o){const t={enabled:o,documentLocation:document.location.href,...document.referrer&&{originLevel3:document.referrer}};const e=n.analytics??{};Object.assign(e,u());Object.assign(t,e);return t}export{o as a,t as b,e as c,u as d,r as g};
-//# sourceMappingURL=p-ed63c738.js.map

package/dist/atomic/p-f1bbe060.entry.js

@@ -1,2 +0,0 @@
-import{h as t,F as e,H as i,r as s,g as n}from"./p-dc3df5ce.js";import{ResultTemplatesHelpers as r,HighlightUtils as o}from"@coveo/headless";import{g as c}from"./p-55d2bcf3.js";import{I as h}from"./p-d6e6dbc3.js";import{g as l}from"./p-f3dd836a.js";import{isArray as f,isUndefined as u}from"@coveo/bueno";import{R as d}from"./p-18684d4c.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"./p-c32fca86.js";import"./p-3dc06261.js";function a(t,e,i,s){if(f(e)){s.error(`${i.nodeName.toLowerCase()} cannot be used with multi value field "${t}" with values "${e}".`,i)}}const p=({field:i,host:s,logger:n,defaultValue:r,item:o,getProperty:c},h)=>{const l=c(o,i);a(i,l,s,n);if(u(r)){s.remove();return null}else{return t(e,null,h)}};function g(t,e,i){const s="_openingDelimiter_";const n="_closingDelimiter_";const r=i({content:t,openingDelimiter:s,closingDelimiter:n,highlights:e});return r.replace(new RegExp(s,"g"),"<b>").replace(new RegExp(n,"g"),"</b>")}const m=({highlightKeywords:e,highlightString:s,onError:n,textValue:r})=>{try{const n=g(r,e,s);return t(i,{innerHTML:n})}catch(t){n(t)}};var b=undefined&&undefined.__decorate||function(t,e,i,s){var n=arguments.length,r=n<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)if(o=t[c])r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r};const j=class{constructor(t){s(this,t);this.shouldHighlight=true;this.error=undefined;this.field=undefined;this.shouldHighlight=true;this.default=undefined}render(){const e=l(this.result,this.field);if(e===null){return t(p,{field:this.field,host:this.host,logger:this.bindings.engine.logger,defaultValue:this.default,item:this.result,getProperty:r.getResultProperty},t("atomic-text",{value:c(this.field,this.default,this.bindings.i18n)}))}const i=`${e}`;const s=r.getResultProperty(this.result,`${this.field}Highlights`);return this.shouldHighlight&&s?t(m,{textValue:i,highlightKeywords:s,highlightString:o.highlightString,onError:t=>this.error=t}):c(this.field,i,this.bindings.i18n)}get host(){return n(this)}};b([h()],j.prototype,"bindings",void 0);b([d()],j.prototype,"result",void 0);var v=undefined&&undefined.__decorate||function(t,e,i,s){var n=arguments.length,r=n<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)if(o=t[c])r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r};const y=class{constructor(t){s(this,t);this.strings={value:()=>this.bindings.i18n.t(this.value,{count:this.count})};this.error=undefined;this.value=undefined;this.count=undefined}connectedCallback(){if(!this.value){this.error=new Error('The "value" attribute must be defined.')}}render(){return this.strings.value()}};v([h()],y.prototype,"bindings",void 0);export{j as atomic_result_text,y as atomic_text};
-//# sourceMappingURL=p-f1bbe060.entry.js.map

package/dist/atomic/p-f1bbe060.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["possiblyWarnOnBadFieldType","field","itemValueRaw","host","logger","isArray","error","nodeName","toLowerCase","ItemTextFallback","defaultValue","item","getProperty","children","raw","isUndefined","remove","h","Fragment","renderWithHighlights","value","highlights","highlightString","openingDelimiter","closingDelimiter","highlightedValue","content","replace","RegExp","ItemTextHighlighted","highlightKeywords","onError","textValue","Host","innerHTML","AtomicResultText","this","shouldHighlight","render","resultValueAsString","getStringValueFromResultOrNull","result","bindings","engine","default","ResultTemplatesHelpers","getResultProperty","getFieldValueCaption","i18n","HighlightUtils","__decorate","InitializeBindings","ResultContext","AtomicText","strings","t","count","connectedCallback","Error"],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"mappings":"8eAEgBA,EACdC,EACAC,EACAC,EACAC,GAEA,GAAIC,EAAQH,GAAe,CACzBE,EAAOE,MACL,GAAGH,EAAKI,SAASC,wDAAwDP,mBAAuBC,MAChGC,E,CAGN,CCDO,MAAMM,EAAmB,EAC7BR,QAAOE,OAAMC,SAAQM,eAAcC,OAAMC,eAC1CC,KAEA,MAAMC,EAAMF,EAAYD,EAAMV,GAC9BD,EAA2BC,EAAOa,EAAKX,EAAMC,GAE7C,GAAIW,EAAYL,GAAe,CAC7BP,EAAKa,SACL,OAAO,I,KACF,CACL,OAAOC,EAACC,EAAQ,KAAEL,E,YCZNM,EACdC,EACAC,EACAC,GAEA,MAAMC,EAAmB,qBACzB,MAAMC,EAAmB,qBACzB,MAAMC,EAAmBH,EAAgB,CACvCI,QAASN,EACTG,mBACAC,mBACAH,eAEF,OAAOI,EACJE,QAAQ,IAAIC,OAAOL,EAAkB,KAAM,OAC3CI,QAAQ,IAAIC,OAAOJ,EAAkB,KAAM,OAChD,CCdO,MAAMK,EAET,EAAEC,oBAAmBR,kBAAiBS,UAASC,gBACjD,IACE,MAAMP,EAAmBN,EACvBa,EACAF,EACAR,GAIF,OAAOL,EAACgB,EAAI,CAACC,UAAWT,G,CACxB,MAAOnB,GACPyB,EAAQzB,E,oXCPC6B,EAAgB,M,yBAiBGC,KAAAC,gBAAkB,K,+DAAA,K,uBAOzC,MAAAC,GACL,MAAMC,EAAsBC,EAC1BJ,KAAKK,OACLL,KAAKnC,OAGP,GAAIsC,IAAwB,KAAM,CAChC,OACEtB,EAACR,EAAgB,CACfR,MAAOmC,KAAKnC,MACZE,KAAMiC,KAAKjC,KACXC,OAAQgC,KAAKM,SAASC,OAAOvC,OAC7BM,aAAc0B,KAAKQ,QACnBjC,KAAMyB,KAAKK,OACX7B,YAAaiC,EAAuBC,mBAEpC7B,EAAA,eACEG,MAAO2B,EACLX,KAAKnC,MACLmC,KAAKQ,QACLR,KAAKM,SAASM,Q,CAOxB,MAAMhB,EAAY,GAAGO,IACrB,MAAMT,EAAoBe,EAAuBC,kBAC/CV,KAAKK,OACL,GAAGL,KAAKnC,mBAGV,OAAOmC,KAAKC,iBAAmBP,EAC7Bb,EAACY,EAAmB,CAClBG,UAAWA,EACXF,kBAAmBA,EACnBR,gBAAiB2B,EAAe3B,gBAChCS,QAAUzB,GAAW8B,KAAK9B,MAAQA,IAGpCyC,EAAqBX,KAAKnC,MAAO+B,EAAWI,KAAKM,SAASM,K,6BAhEjCE,GAA5BC,K,+BACwBD,GAAxBE,K,8YCRUC,EAAU,M,yBAGbjB,KAAAkB,QAAU,CAChBlC,MAAO,IACLgB,KAAKM,SAASM,KAAKO,EAAEnB,KAAKhB,MAAO,CAC/BoC,MAAOpB,KAAKoB,S,+DAcX,iBAAAC,GACL,IAAKrB,KAAKhB,MAAO,CACfgB,KAAK9B,MAAQ,IAAIoD,MAAM,yC,EAIpB,MAAApB,GACL,OAAOF,KAAKkB,QAAQlC,O,GA1BO8B,EAAA,CAA5BC,K","ignoreList":[]}