@foxy.io/elements 1.20.2 → 1.21.0-beta.2

package/dist/elements/public/CartCard/CartCard.js

@@ -0,0 +1,271 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+const NS = 'cart-card';
+const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+/**
+ * Card element representing cart resource (`fx:cart`).
+ *
+ * @element foxy-cart-card
+ * @since 1.21.0
+ */
+export class CartCard extends Base {
+    constructor() {
+        super(...arguments);
+        /**
+         * URL of the `fx:locale_codes` property helper.
+         * This will be used to determine the currency code for carts created with hAPI
+         * since it isn't included in them.
+         */
+        this.localeCodes = null;
+        this.__defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';
+        this.__localeCodesHelperLoaderId = 'localeCodesLoader';
+        this.__templateSetLoaderId = 'templateSetLoader';
+        this.__itemsLoaderId = 'itemsLoader';
+        this.__storeLoaderId = 'storeLoader';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            localeCodes: { type: String, attribute: 'locale-codes' },
+        };
+    }
+    renderBody() {
+        const statusOptions = this.__statusOptions;
+        const line1Options = this.__line1Options;
+        const line1Key = this.__line1Key;
+        const line2Options = this.__line2Options;
+        const line2Key = this.__line2Key;
+        const data = this.data;
+        return html `
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__itemsHref)}
+        id=${this.__itemsLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__defaultTemplateSetHref)}
+        id=${this.__defaultTemplateSetLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__localeCodesHelperHref)}
+        id=${this.__localeCodesHelperLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__templateSetHref)}
+        id=${this.__templateSetLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__storeHref)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <div class="text-left leading-s">
+        <div class="flex items-center space-x-s">
+          <span class="flex-1 font-semibold text-body truncate">
+            ${line1Options && line1Key
+            ? html `<foxy-i18n infer="" key=${line1Key} .options=${line1Options}></foxy-i18n>`
+            : html `&ZeroWidthSpace;`}
+          </span>
+          <span class="text-s text-tertiary">
+            ${data
+            ? html `<foxy-i18n infer="" key="status" .options=${statusOptions}></foxy-i18n>`
+            : html `&ZeroWidthSpace;`}
+          </span>
+        </div>
+
+        <div class="truncate text-s text-secondary">
+          ${line2Key
+            ? html `<foxy-i18n infer="" key=${line2Key} .options=${line2Options}></foxy-i18n>`
+            : html `&ZeroWidthSpace;`}
+        </div>
+
+        <div class="text-tertiary truncate text-s">
+          ${data
+            ? data.customer_email
+                ? html `${data.customer_email}`
+                : html `<foxy-i18n infer="" key="no_customer"></foxy-i18n>`
+            : html `&ZeroWidthSpace;`}
+        </div>
+      </div>
+    `;
+    }
+    get isBodyReady() {
+        const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;
+        return super.isBodyReady && isLoaded;
+    }
+    get __defaultTemplateSetHref() {
+        var _a, _b, _c;
+        const templateSetUri = (_a = this.data) === null || _a === void 0 ? void 0 : _a.template_set_uri;
+        if (templateSetUri === '') {
+            try {
+                const url = new URL((_c = (_b = this.__store) === null || _b === void 0 ? void 0 : _b._links['fx:template_sets'].href) !== null && _c !== void 0 ? _c : '');
+                url.searchParams.set('code', 'DEFAULT');
+                return url.toString();
+            }
+            catch (_d) {
+                //
+            }
+        }
+    }
+    get __localeCodesHelperHref() {
+        var _a;
+        if (this.__defaultTemplateSetHref || this.__templateSetHref) {
+            return (_a = this.localeCodes) !== null && _a !== void 0 ? _a : void 0;
+        }
+    }
+    get __templateSetHref() {
+        var _a, _b;
+        // TODO: remove the directive below once SDK is updated
+        // @ts-expect-error SDK types are incomplete
+        const currencyCode = (_a = this.data) === null || _a === void 0 ? void 0 : _a.currency_code;
+        if (!currencyCode)
+            return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.template_set_uri) || void 0;
+    }
+    get __itemsHref() {
+        const data = this.data;
+        if (!data)
+            return;
+        if ('_embedded' in data && 'fx:items' in data._embedded)
+            return;
+        const url = new URL(data._links['fx:items'].href);
+        url.searchParams.set('order', 'price desc');
+        url.searchParams.set('limit', '1');
+        return url.toString();
+    }
+    get __storeHref() {
+        var _a, _b;
+        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:store']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __defaultTemplateSet() {
+        var _a, _b;
+        const selector = `#${this.__defaultTemplateSetLoaderId}`;
+        const loader = this.renderRoot.querySelector(selector);
+        return (_b = (_a = loader === null || loader === void 0 ? void 0 : loader.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:template_sets'][0]) !== null && _b !== void 0 ? _b : null;
+    }
+    get __localeCodesHelper() {
+        var _a, _b;
+        const selector = `#${this.__localeCodesHelperLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    get __templateSet() {
+        var _a, _b;
+        const selector = `#${this.__templateSetLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    get __items() {
+        const data = this.data;
+        if (data && '_embedded' in data && 'fx:items' in data._embedded) {
+            const items = data._embedded['fx:items'];
+            return {
+                array: items,
+                count: items.length,
+                isApproximateCount: items.length === 20,
+            };
+        }
+        const loader = this.renderRoot.querySelector(`#${this.__itemsLoaderId}`);
+        if (!(loader === null || loader === void 0 ? void 0 : loader.data))
+            return;
+        return {
+            array: loader.data._embedded['fx:items'],
+            count: loader.data.total_items,
+            isApproximateCount: false,
+        };
+    }
+    get __store() {
+        var _a, _b;
+        const selector = `#${this.__storeLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    get __currencyDisplay() {
+        var _a;
+        const useCode = (_a = this.__store) === null || _a === void 0 ? void 0 : _a.use_international_currency_symbol;
+        if (useCode === true)
+            return 'code';
+        if (useCode === false)
+            return 'symbol';
+    }
+    get __currencyCode() {
+        var _a, _b, _c;
+        const data = this.data;
+        if (data && 'currency_code' in data) {
+            // TODO: remove the directive below once the SDK is updated
+            // @ts-expect-error SDK types are incomplete
+            return data.currency_code;
+        }
+        else {
+            const allLocaleCodes = this.__localeCodesHelper;
+            const localeCode = (_b = ((_a = this.__templateSet) !== null && _a !== void 0 ? _a : this.__defaultTemplateSet)) === null || _b === void 0 ? void 0 : _b.locale_code;
+            const localeInfo = localeCode ? allLocaleCodes === null || allLocaleCodes === void 0 ? void 0 : allLocaleCodes.values[localeCode] : void 0;
+            if (localeInfo)
+                return (_c = /Currency: ([A-Z]{3})/g.exec(localeInfo)) === null || _c === void 0 ? void 0 : _c[1];
+        }
+    }
+    get __line1Options() {
+        var _a, _b;
+        const totalOrder = (_a = this.data) === null || _a === void 0 ? void 0 : _a.total_order;
+        if (totalOrder === undefined)
+            return;
+        const currencyDisplay = this.__currencyDisplay;
+        if (currencyDisplay === undefined)
+            return;
+        const currencyCode = this.__currencyCode;
+        if (currencyCode === undefined)
+            return;
+        const count = (_b = this.__items) === null || _b === void 0 ? void 0 : _b.count;
+        if (count === undefined)
+            return;
+        return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };
+    }
+    get __line1Key() {
+        const items = this.__items;
+        if (items)
+            return items.isApproximateCount ? 'line_1_approximate' : 'line_1';
+    }
+    get __line2Options() {
+        var _a;
+        return (_a = this.__items) === null || _a === void 0 ? void 0 : _a.array[0];
+    }
+    get __line2Key() {
+        const items = this.__items;
+        if (items === undefined)
+            return;
+        if (items.count === 0)
+            return 'line_2_empty';
+        if (items.count === 1)
+            return 'line_2_one';
+        if (items.count > 1)
+            return 'line_2_many';
+    }
+    get __statusOptions() {
+        const data = this.data;
+        if (data)
+            return { dateCreated: data.date_created };
+    }
+}
+//# sourceMappingURL=CartCard.js.map

package/dist/elements/public/CartCard/CartCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/CartCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'cart-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing cart resource (`fx:cart`).\n *\n * @element foxy-cart-card\n * @since 1.21.0\n */\nexport class CartCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for carts created with hAPI\n   * since it isn't included in them.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const statusOptions = this.__statusOptions;\n    const line1Options = this.__line1Options;\n    const line1Key = this.__line1Key;\n    const line2Options = this.__line2Options;\n    const line2Key = this.__line2Key;\n    const data = this.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"flex-1 font-semibold text-body truncate\">\n            ${line1Options && line1Key\n              ? html`<foxy-i18n infer=\"\" key=${line1Key} .options=${line1Options}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s text-tertiary\">\n            ${data\n              ? html`<foxy-i18n infer=\"\" key=\"status\" .options=${statusOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s text-secondary\">\n          ${line2Key\n            ? html`<foxy-i18n infer=\"\" key=${line2Key} .options=${line2Options}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${data\n            ? data.customer_email\n              ? html`${data.customer_email}`\n              : html`<foxy-i18n infer=\"\" key=\"no_customer\"></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.data?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    // TODO: remove the directive below once SDK is updated\n    // @ts-expect-error SDK types are incomplete\n    const currencyCode = this.data?.currency_code as string | undefined;\n\n    if (!currencyCode) return this.data?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:items' in data._embedded) return;\n\n    const url = new URL(data._links['fx:items'].href);\n\n    url.searchParams.set('order', 'price desc');\n    url.searchParams.set('limit', '1');\n\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:items' in data._embedded) {\n      const items = data._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n\n    if (!loader?.data) return;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __currencyCode() {\n    const data = this.data;\n\n    if (data && 'currency_code' in data) {\n      // TODO: remove the directive below once the SDK is updated\n      // @ts-expect-error SDK types are incomplete\n      return data.currency_code as string;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __line1Options() {\n    const totalOrder = this.data?.total_order;\n    if (totalOrder === undefined) return;\n\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const count = this.__items?.count;\n    if (count === undefined) return;\n\n    return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };\n  }\n\n  private get __line1Key() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'line_1_approximate' : 'line_1';\n  }\n\n  private get __line2Options() {\n    return this.__items?.array[0];\n  }\n\n  private get __line2Key() {\n    const items = this.__items;\n    if (items === undefined) return;\n\n    if (items.count === 0) return 'line_2_empty';\n    if (items.count === 1) return 'line_2_one';\n    if (items.count > 1) return 'line_2_many';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n    if (data) return { dateCreated: data.date_created };\n  }\n}\n"]}

package/dist/elements/public/CartCard/index.d.ts

@@ -0,0 +1,5 @@
+import '../../internal/InternalCard/index';
+import '../NucleonElement/index';
+import '../I18n/index';
+import { CartCard } from './CartCard';
+export { CartCard };

package/dist/elements/public/CartCard/index.js

@@ -0,0 +1,7 @@
+import "../../internal/InternalCard/index.js";
+import "../NucleonElement/index.js";
+import "../I18n/index.js";
+import { CartCard } from "./CartCard.js";
+customElements.define('foxy-cart-card', CartCard);
+export { CartCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CartCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,oCAAiC;AACjC,0BAAuB;AAEvB,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AAEtC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport '../NucleonElement/index';\nimport '../I18n/index';\n\nimport { CartCard } from './CartCard';\n\ncustomElements.define('foxy-cart-card', CartCard);\n\nexport { CartCard };\n"]}

package/dist/elements/public/CartCard/types.d.ts

@@ -0,0 +1,5 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.Cart> | Resource<Rels.Cart, {
+    zoom: 'items';
+}>;

package/dist/elements/public/CartCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/CartCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Cart> | Resource<Rels.Cart, { zoom: 'items' }>;\n"]}

package/dist/elements/public/CartForm/CartForm.d.ts

@@ -0,0 +1,164 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { Templates, Data } from './types';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for creating or editing carts (`fx:cart`).
+ *
+ * @slot customer-type:before
+ * @slot customer-type:after
+ *
+ * @slot customer:before
+ * @slot customer:after
+ *
+ * @slot template-set-uri:before
+ * @slot template-set-uri:after
+ *
+ * @slot items:before
+ * @slot items:after
+ *
+ * @slot applied-coupon-codes:before
+ * @slot applied-coupon-codes:after
+ *
+ * @slot custom-fields:before
+ * @slot custom-fields:after
+ *
+ * @slot attributes:before
+ * @slot attributes:after
+ *
+ * @slot billing-first-name:before
+ * @slot billing-first-name:after
+ *
+ * @slot billing-last-name:before
+ * @slot billing-last-name:after
+ *
+ * @slot billing-company:before
+ * @slot billing-company:after
+ *
+ * @slot billing-phone:before
+ * @slot billing-phone:after
+ *
+ * @slot billing-address-one:before
+ * @slot billing-address-one:after
+ *
+ * @slot billing-address-two:before
+ * @slot billing-address-two:after
+ *
+ * @slot billing-country:before
+ * @slot billing-country:after
+ *
+ * @slot billing-region:before
+ * @slot billing-region:after
+ *
+ * @slot billing-city:before
+ * @slot billing-city:after
+ *
+ * @slot billing-postal-code:before
+ * @slot billing-postal-code:after
+ *
+ * @slot shipping-first-name:before
+ * @slot shipping-first-name:after
+ *
+ * @slot shipping-last-name:before
+ * @slot shipping-last-name:after
+ *
+ * @slot shipping-company:before
+ * @slot shipping-company:after
+ *
+ * @slot shipping-phone:before
+ * @slot shipping-phone:after
+ *
+ * @slot shipping-address-one:before
+ * @slot shipping-address-one:after
+ *
+ * @slot shipping-address-two:before
+ * @slot shipping-address-two:after
+ *
+ * @slot shipping-country:before
+ * @slot shipping-country:after
+ *
+ * @slot shipping-region:before
+ * @slot shipping-region:after
+ *
+ * @slot shipping-city:before
+ * @slot shipping-city:after
+ *
+ * @slot shipping-postal-code:before
+ * @slot shipping-postal-code:after
+ *
+ * @slot view-as-customer:before
+ * @slot view-as-customer:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-cart-form
+ * @since 1.21.0
+ */
+export declare class CartForm extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    /** URL of the `fx:item_categories` collection for the store. */
+    itemCategories: string | null;
+    /** URL of the `fx:template_sets` collection for the store. */
+    templateSets: string | null;
+    /** URL of the `fx:locale_codes` property helper. */
+    localeCodes: string | null;
+    /** URL of the `fx:customers` collection for the store. */
+    customers: string | null;
+    /** URL of the `fx:countries` property helper. */
+    countries: string | null;
+    /** Template render functions mapped to their name. */
+    templates: Templates;
+    /** URL of the `fx:regions` property helper. */
+    regions: string | null;
+    /** URL of the `fx:coupons` collection for the store. */
+    coupons: string | null;
+    private readonly __defaultTemplateSetLoaderId;
+    private readonly __localeCodesHelperLoaderId;
+    private readonly __shippingRegionsLoaderId;
+    private readonly __billingRegionsLoaderId;
+    private readonly __templateSetLoaderId;
+    private readonly __countriesHelperLoaderId;
+    private readonly __discountsLoaderId;
+    private readonly __customerLoaderId;
+    private readonly __storeLoaderId;
+    private readonly __customerTypeGetValue;
+    private readonly __customerTypeSetValue;
+    private readonly __customerTypeOptions;
+    private readonly __customerGetValue;
+    private readonly __customerSetValue;
+    private __isGuestMode;
+    renderBody(): TemplateResult;
+    private get __defaultTemplateSetHref();
+    private get __localeCodesHelperHref();
+    private get __shippingRegionsHref();
+    private get __billingRegionsHref();
+    private get __templateSetHref();
+    private get __customersHref();
+    private get __countriesHref();
+    private get __discountsHref();
+    private get __customerHref();
+    private get __itemsHref();
+    private get __storeHref();
+    private get __defaultTemplateSet();
+    private get __localeCodesHelper();
+    private get __shippingRegions();
+    private get __billingRegions();
+    private get __templateSet();
+    private get __discounts();
+    private get __countriesHelper();
+    private get __customer();
+    private get __store();
+    private __renderTotalOrder;
+    private __renderTotals;
+    private __renderDiscounts;
+}
+export {};