@coveo/atomic 3.30.0 → 3.30.1-pre.227ba19df3

package/dist/esm/atomic-product-numeric-field-value.entry.js

@@ -1,76 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { I as InitializeBindings } from './initialization-utils-ff3edf9a.js';
-import { b as defaultNumberFormatter } from './format-common-274e0f7c.js';
-import { p as parseValue } from './product-utils-9dcbe57e.js';
-import { P as ProductContext } from './stencil-product-template-decorators-0321cc1d.js';
-import './dom-utils-f6086cd3.js';
-import './event-utils-8de63ec3.js';
-import './init-queue-fbe942c3.js';
-import './initialization-lit-stencil-common-utils-9e0c895f.js';
-import '@coveo/headless/commerce';
-import './object-utils-503750a4.js';
-import './error-9520e6d0.js';
-import './stencil-item-decorators-6c453c11.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicProductNumericFieldValue = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formatter = defaultNumberFormatter;
-        this.valueToDisplay = null;
-        this.error = undefined;
-        this.field = undefined;
-        this.formatter = defaultNumberFormatter;
-        this.valueToDisplay = null;
-    }
-    setFormat(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.formatter = event.detail;
-    }
-    formatValue(value) {
-        try {
-            return this.formatter(value, this.bindings.i18n.languages);
-        }
-        catch (error) {
-            this.error = error;
-            return value.toString();
-        }
-    }
-    updateValueToDisplay() {
-        const value = parseValue(this.product, this.field);
-        if (value !== null) {
-            this.valueToDisplay = this.formatValue(value);
-        }
-    }
-    componentWillRender() {
-        this.updateValueToDisplay();
-    }
-    render() {
-        if (this.valueToDisplay === null) {
-            this.host.remove();
-            return;
-        }
-        return this.valueToDisplay;
-    }
-    get host() { return getElement(this); }
-};
-__decorate([
-    InitializeBindings()
-], AtomicProductNumericFieldValue.prototype, "bindings", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductNumericFieldValue.prototype, "product", void 0);
-
-export { AtomicProductNumericFieldValue as atomic_product_numeric_field_value };
-
-//# sourceMappingURL=atomic-product-numeric-field-value.entry.js.map

package/dist/esm/atomic-product-numeric-field-value.entry.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-numeric-field-value.entry.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAqBa,8BAA8B;;;QAchC,cAAS,GAAoB,sBAAsB,CAAC;QAEpD,mBAAc,GAAkB,IAAI,CAAC;;;yBAFR,sBAAsB;8BAEnB,IAAI;;IAGtC,SAAS,CAAC,KAAmC;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAC/B;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAqB,CAAC,CAAC;SACxE;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;YAC5B,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;SACzB;KACF;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC/C;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;;;AAlD4B;IAA5B,kBAAkB,EAAE;gEAAoC;AAC/B;IAAzB,cAAc,EAAE;+DAA2B;;;;","names":[],"sources":["src/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx"],"sourcesContent":["import {Product} from '@coveo/headless/commerce';\nimport {Component, Prop, Element, State, Listen} from '@stencil/core';\nimport {InitializeBindings} from '../../../utils/initialization-utils';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../common/formats/format-common';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {parseValue} from '../product-template-component-utils/product-utils';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-numeric-field-value` component renders the value of a number product field.\n *\n * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.\n */\n@Component({\n  tag: 'atomic-product-numeric-field-value',\n  shadow: false,\n})\nexport class AtomicProductNumericFieldValue {\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first.\n   */\n  @Prop({reflect: true}) field!: string;\n\n  @State() formatter: NumberFormatter = defaultNumberFormatter;\n\n  @State() valueToDisplay: string | null = null;\n\n  @Listen('atomic/numberFormat')\n  public setFormat(event: CustomEvent<NumberFormatter>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.formatter = event.detail;\n  }\n\n  private formatValue(value: number) {\n    try {\n      return this.formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private updateValueToDisplay() {\n    const value = parseValue(this.product, this.field);\n    if (value !== null) {\n      this.valueToDisplay = this.formatValue(value);\n    }\n  }\n\n  componentWillRender() {\n    this.updateValueToDisplay();\n  }\n\n  public render() {\n    if (this.valueToDisplay === null) {\n      this.host.remove();\n      return;\n    }\n    return this.valueToDisplay;\n  }\n}\n"],"version":3}