@foxy.io/elements 1.18.0-beta.17 → 1.18.0-beta.19

package/dist/elements/public/ItemOptionCard/ItemOptionCard.js

@@ -1,6 +1,7 @@
-import { html } from 'lit-html';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
 const NS = 'item-option-card';
 const Base = TranslatableMixin(TwoLineCard, NS);
 /**
@@ -18,19 +19,119 @@ const Base = TranslatableMixin(TwoLineCard, NS);
 export class ItemOptionCard extends Base {
     constructor() {
         super(...arguments);
-        this.__currencyDisplay = '';
-        this.__currency = '';
+        this.localeCodes = null;
+        this.__transactionTemplateLoaderId = 'transactionTemplateLoader';
+        this.__defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';
+        this.__localeCodesHelperLoaderId = 'localeCodesLoader';
+        this.__transactionLoaderId = 'transactionLoader';
+        this.__templateSetLoaderId = 'templateSetLoader';
+        this.__storeLoaderId = 'storeLoader';
+        this.__cartLoaderId = 'cartLoader';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            localeCodes: { type: String, attribute: 'locale-codes' },
+        };
     }
     render() {
-        return super.render({
+        var _a, _b, _c, _d, _e, _f;
+        const currencyDisplay = ((_a = this.__store) === null || _a === void 0 ? void 0 : _a.use_international_currency_symbol) ? 'code' : 'symbol';
+        const transaction = this.__transaction;
+        let currencyCode = null;
+        if (transaction) {
+            currencyCode = transaction.currency_code;
+        }
+        else {
+            const cart = (_b = this.__cart) !== null && _b !== void 0 ? _b : this.__transactionTemplate;
+            if (cart && 'currency_code' in cart) {
+                // TODO: remove the directive below once the SDK is updated
+                // @ts-expect-error SDK types are incomplete
+                currencyCode = cart.currency_code;
+            }
+            else {
+                const allLocaleCodes = this.__localeCodesHelper;
+                const localeCode = (_d = ((_c = this.__templateSet) !== null && _c !== void 0 ? _c : this.__defaultTemplateSet)) === null || _d === void 0 ? void 0 : _d.locale_code;
+                const localeInfo = localeCode ? allLocaleCodes === null || allLocaleCodes === void 0 ? void 0 : allLocaleCodes.values[localeCode] : void 0;
+                if (localeInfo)
+                    currencyCode = (_f = (_e = /Currency: ([A-Z]{3})/g.exec(localeInfo)) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : null;
+            }
+        }
+        return html `
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__transactionTemplateHref)}
+        id=${this.__transactionTemplateLoaderId}
+        @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.__transactionHref)}
+        id=${this.__transactionLoaderId}
+        @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>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__cartHref)}
+        id=${this.__cartLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      ${super.render({
             title: data => {
+                if (!currencyCode || !currencyDisplay)
+                    return html `&ZeroWidthSpace;`;
                 let priceMod;
                 try {
                     priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {
                         maximumFractionDigits: 2,
                         minimumFractionDigits: 2,
-                        currencyDisplay: this.__currencyDisplay,
-                        currency: this.__currency,
+                        currencyDisplay: currencyDisplay,
+                        currency: currencyCode,
                         style: 'currency',
                     });
                 }
@@ -40,17 +141,99 @@ export class ItemOptionCard extends Base {
                 return html `${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;
             },
             subtitle: data => html `${data.value}`,
-        });
-    }
-    async _sendGet() {
-        const discount = await super._sendGet();
-        const [transaction, store] = await Promise.all([
-            super._fetch(discount._links['fx:transaction'].href),
-            super._fetch(discount._links['fx:store'].href),
-        ]);
-        this.__currency = transaction.currency_code;
-        this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';
-        return discount;
+        })}
+    `;
+    }
+    get __transactionTemplateHref() {
+        var _a, _b, _c;
+        try {
+            const links = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links;
+            const url = new URL((_c = (_b = links === null || links === void 0 ? void 0 : links['fx:subscription']) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '');
+            url.searchParams.set('zoom', 'transaction_template');
+            return url.toString();
+        }
+        catch (_d) {
+            //
+        }
+    }
+    get __defaultTemplateSetHref() {
+        var _a, _b, _c, _d;
+        const templateSetUri = (_b = ((_a = this.__cart) !== null && _a !== void 0 ? _a : this.__transactionTemplate)) === null || _b === void 0 ? void 0 : _b.template_set_uri;
+        if (templateSetUri === '') {
+            try {
+                const url = new URL((_d = (_c = this.__store) === null || _c === void 0 ? void 0 : _c._links['fx:template_sets'].href) !== null && _d !== void 0 ? _d : '');
+                url.searchParams.set('code', 'DEFAULT');
+                return url.toString();
+            }
+            catch (_e) {
+                //
+            }
+        }
+    }
+    get __localeCodesHelperHref() {
+        var _a;
+        if (this.__defaultTemplateSetHref || this.__templateSetHref) {
+            return (_a = this.localeCodes) !== null && _a !== void 0 ? _a : void 0;
+        }
+    }
+    get __transactionHref() {
+        var _a, _b;
+        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:transaction']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __templateSetHref() {
+        var _a;
+        const cart = (_a = this.__cart) !== null && _a !== void 0 ? _a : this.__transactionTemplate;
+        // TODO: remove the directive below once SDK is updated
+        // @ts-expect-error SDK types are incomplete
+        const currencyCode = cart === null || cart === void 0 ? void 0 : cart.currency_code;
+        if (!currencyCode)
+            return (cart === null || cart === void 0 ? void 0 : cart.template_set_uri) || void 0;
+    }
+    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 __cartHref() {
+        var _a, _b;
+        const links = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links;
+        return (_b = links === null || links === void 0 ? void 0 : links['fx:cart']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __transactionTemplate() {
+        var _a, _b;
+        const selector = `#${this.__transactionTemplateLoaderId}`;
+        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:transaction_template']) !== null && _b !== void 0 ? _b : null;
+    }
+    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 __transaction() {
+        var _a, _b;
+        const selector = `#${this.__transactionLoaderId}`;
+        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 __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 __cart() {
+        var _a, _b;
+        const selector = `#${this.__cartLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
     }
 }
 //# sourceMappingURL=ItemOptionCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemOptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/ItemOptionCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IAwC1B,CAAC;IAtCC,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,IAAI,CAAC,EAAE;gBACZ,IAAI,QAAgB,CAAC;gBAErB,IAAI;oBACF,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;wBACpE,qBAAqB,EAAE,CAAC;wBACxB,qBAAqB,EAAE,CAAC;wBACxB,eAAe,EAAE,IAAI,CAAC,iBAAiB;wBACvC,QAAQ,EAAE,IAAI,CAAC,UAAU;wBACzB,KAAK,EAAE,UAAU;qBAClB,CAAC,CAAC;iBACJ;gBAAC,WAAM;oBACN,QAAQ,GAAG,IAAI,CAAC;iBACjB;gBAED,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,WAAW,QAAQ,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;YACzE,CAAC;YACD,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\nconst NS = 'item-option-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying an item option.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-item-option-card\n * @since 1.17.0\n */\nexport class ItemOptionCard extends Base<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  render(): TemplateResult {\n    return super.render({\n      title: data => {\n        let priceMod: string;\n\n        try {\n          priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n            currencyDisplay: this.__currencyDisplay,\n            currency: this.__currency,\n            style: 'currency',\n          });\n        } catch {\n          priceMod = '--';\n        }\n\n        return html`${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;\n      },\n      subtitle: data => html`${data.value}`,\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const discount = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(discount._links['fx:transaction'].href),\n      super._fetch<Store>(discount._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return discount;\n  }\n}\n"]}
+{"version":3,"file":"ItemOptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/ItemOptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\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 { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'item-option-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying an item option.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-item-option-card\n * @since 1.17.0\n */\nexport class ItemOptionCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  localeCodes: string | null = null;\n\n  private readonly __transactionTemplateLoaderId = 'transactionTemplateLoader';\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __transactionLoaderId = 'transactionLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __cartLoaderId = 'cartLoader';\n\n  render(): TemplateResult {\n    const currencyDisplay = this.__store?.use_international_currency_symbol ? 'code' : 'symbol';\n    const transaction = this.__transaction;\n\n    let currencyCode: string | null = null;\n\n    if (transaction) {\n      currencyCode = transaction.currency_code;\n    } else {\n      const cart = this.__cart ?? this.__transactionTemplate;\n\n      if (cart && 'currency_code' in cart) {\n        // TODO: remove the directive below once the SDK is updated\n        // @ts-expect-error SDK types are incomplete\n        currencyCode = cart.currency_code;\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) currencyCode = /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1] ?? null;\n      }\n    }\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__transactionTemplateHref)}\n        id=${this.__transactionTemplateLoaderId}\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.__transactionHref)}\n        id=${this.__transactionLoaderId}\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      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__cartHref)}\n        id=${this.__cartLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      ${super.render({\n        title: data => {\n          if (!currencyCode || !currencyDisplay) return html`&ZeroWidthSpace;`;\n\n          let priceMod: string;\n\n          try {\n            priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {\n              maximumFractionDigits: 2,\n              minimumFractionDigits: 2,\n              currencyDisplay: currencyDisplay,\n              currency: currencyCode,\n              style: 'currency',\n            });\n          } catch {\n            priceMod = '--';\n          }\n\n          return html`${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;\n        },\n        subtitle: data => html`${data.value}`,\n      })}\n    `;\n  }\n\n  private get __transactionTemplateHref() {\n    try {\n      const links = this.data?._links as Partial<Record<string, { href: string }>> | undefined;\n      const url = new URL(links?.['fx:subscription']?.href ?? '');\n      url.searchParams.set('zoom', 'transaction_template');\n      return url.toString();\n    } catch {\n      //\n    }\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = (this.__cart ?? this.__transactionTemplate)?.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 __transactionHref() {\n    return this.data?._links['fx:transaction']?.href;\n  }\n\n  private get __templateSetHref() {\n    const cart = this.__cart ?? this.__transactionTemplate;\n    // TODO: remove the directive below once SDK is updated\n    // @ts-expect-error SDK types are incomplete\n    const currencyCode = cart?.currency_code as string | undefined;\n\n    if (!currencyCode) return cart?.template_set_uri || void 0;\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __cartHref() {\n    const links = this.data?._links as Partial<Record<string, { href: string }>> | undefined;\n    return links?.['fx:cart']?.href;\n  }\n\n  private get __transactionTemplate() {\n    type Loader = NucleonElement<Resource<Rels.Subscription, { zoom: 'transaction_template' }>>;\n    const selector = `#${this.__transactionTemplateLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:transaction_template'] ?? null;\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 __transaction() {\n    type Loader = NucleonElement<Resource<Rels.Transaction>>;\n    const selector = `#${this.__transactionLoaderId}`;\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 __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 __cart() {\n    type Loader = NucleonElement<Resource<Rels.Cart>>;\n    const selector = `#${this.__cartLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../../internal/InternalSandbox/index';
+import '../NucleonElement/index';
 import '../Spinner/index';
 import { ItemOptionCard } from './ItemOptionCard';
 export { ItemOptionCard };

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

@@ -1,6 +1,7 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../../internal/InternalSandbox/index.js";
+import "../NucleonElement/index.js";
 import "../Spinner/index.js";
 import { ItemOptionCard } from "./ItemOptionCard.js";
 customElements.define('foxy-item-option-card', ItemOptionCard);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,iDAA8C;AAC9C,6BAA0B;AAE1B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\n\nimport { ItemOptionCard } from './ItemOptionCard';\n\ncustomElements.define('foxy-item-option-card', ItemOptionCard);\n\nexport { ItemOptionCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,iDAA8C;AAE9C,oCAAiC;AACjC,6BAA0B;AAE1B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalSandbox/index';\n\nimport '../NucleonElement/index';\nimport '../Spinner/index';\n\nimport { ItemOptionCard } from './ItemOptionCard';\n\ncustomElements.define('foxy-item-option-card', ItemOptionCard);\n\nexport { ItemOptionCard };\n"]}

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

@@ -135,6 +135,8 @@ export declare class NucleonElement<TData extends HALJSONResource> extends Nucle
      * @example element.submit()
      */
     submit(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
     /**
      * Sends a DELETE request to `element.href` and clears local data on success.
      * Emits multiple update events as element state changes.

package/dist/elements/public/NucleonElement/NucleonElement.js

@@ -36,6 +36,7 @@ export class NucleonElement extends InferrableMixin(LitElement) {
         this.related = [];
         this.__hrefToLoad = null;
         this.__group = '';
+        this.__unsubscribeFromRumour = null;
         this.__fetchEventQueue = [];
         this.__service = interpret(Nucleon.machine.withConfig({
             services: {
@@ -124,8 +125,11 @@ export class NucleonElement extends InferrableMixin(LitElement) {
         return this.__service.state.context.data;
     }
     set data(data) {
+        this.__destroyRumour();
         this.__service.send({ type: 'SET_DATA', data });
         this.__hrefToLoad = null;
+        if (data)
+            this.__createRumour();
     }
     /**
      * Rumour group. Elements in different groups will not share updates. Empty by default.
@@ -153,8 +157,7 @@ export class NucleonElement extends InferrableMixin(LitElement) {
             this.__service.send({ type: 'FETCH' });
         }
         else {
-            this.__hrefToLoad = null;
-            this.__service.send({ type: 'SET_DATA', data: null });
+            this.data = null;
         }
     }
     /**
@@ -187,8 +190,38 @@ export class NucleonElement extends InferrableMixin(LitElement) {
      * @example element.submit()
      */
     submit() {
+        this.reportValidity();
         this.__service.send({ type: 'SUBMIT' });
     }
+    checkValidity() {
+        const isTemplateDirtyValid = this.in({ idle: { template: { dirty: 'valid' } } });
+        const isSnapshotDirtyValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });
+        const isTemplateCleanValid = this.in({ idle: { template: { clean: 'valid' } } });
+        const isSnapshotCleanValid = this.in({ idle: { snapshot: { clean: 'valid' } } });
+        const isTemplateValid = isTemplateCleanValid || isTemplateDirtyValid;
+        const isSnapshotValid = isSnapshotCleanValid || isSnapshotDirtyValid;
+        const isValid = isTemplateValid || isSnapshotValid;
+        return isValid;
+    }
+    reportValidity() {
+        const walker = this.ownerDocument.createTreeWalker(this.renderRoot, NodeFilter.SHOW_ELEMENT);
+        do {
+            const node = walker.currentNode;
+            const methods = ['reportValidity', 'validate'];
+            for (const method of methods) {
+                if (method in node) {
+                    try {
+                        node[method]();
+                        break;
+                    }
+                    catch (_a) {
+                        continue;
+                    }
+                }
+            }
+        } while (walker.nextNode());
+        return this.checkValidity();
+    }
     /**
      * Sends a DELETE request to `element.href` and clears local data on success.
      * Emits multiple update events as element state changes.
@@ -243,44 +276,47 @@ export class NucleonElement extends InferrableMixin(LitElement) {
     /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */
     async _sendPost(edits) {
         this.__destroyRumour();
+        let data;
         try {
             const body = JSON.stringify(edits);
             const postData = await this._fetch(this.parent, { body, method: 'POST' });
-            const data = await this._fetch(postData._links.self.href);
+            data = await this._fetch(postData._links.self.href);
             const rumour = NucleonElement.Rumour(this.group);
             const related = [...this.related, this.parent];
             rumour.share({ data, related, source: data._links.self.href });
-            return data;
         }
         finally {
             this.__createRumour();
         }
+        return data;
     }
     /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendGet() {
         this.__destroyRumour();
+        let data;
         try {
-            const data = await this._fetch(this.href);
+            data = await this._fetch(this.href);
             NucleonElement.Rumour(this.group).share({ data, source: this.href });
-            return data;
         }
         finally {
             this.__createRumour();
         }
+        return data;
     }
     /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendPatch(edits) {
         this.__destroyRumour();
+        let data;
         try {
             const body = JSON.stringify(edits);
-            const data = await this._fetch(this.href, { body, method: 'PATCH' });
+            data = await this._fetch(this.href, { body, method: 'PATCH' });
             const rumour = NucleonElement.Rumour(this.group);
             rumour.share({ data, source: this.href, related: this.related });
-            return data;
         }
         finally {
             this.__createRumour();
         }
+        return data;
     }
     /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendDelete() {
@@ -290,11 +326,11 @@ export class NucleonElement extends InferrableMixin(LitElement) {
             const rumour = NucleonElement.Rumour(this.group);
             const related = [...this.related, this.parent];
             rumour.share({ data: null, source: this.href, related });
-            return null;
         }
         finally {
             this.__createRumour();
         }
+        return null;
     }
     // this getter is used by LitElement to set the "state" attribute
     get __state() {
@@ -334,6 +370,7 @@ export class NucleonElement extends InferrableMixin(LitElement) {
     __destroyRumour() {
         var _a;
         (_a = this.__unsubscribeFromRumour) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.__unsubscribeFromRumour = null;
     }
     __createServer() {
         this.__fetchEventHandler = this.__handleFetchEvent.bind(this);
@@ -346,11 +383,15 @@ export class NucleonElement extends InferrableMixin(LitElement) {
         var _a;
         try {
             const oldData = (_a = this.__service.state) === null || _a === void 0 ? void 0 : _a.context.data;
-            if (!oldData)
-                return;
-            const newData = update(oldData);
-            if (newData !== oldData)
-                this.__service.send({ data: newData, type: 'SET_DATA' });
+            const newData = oldData ? update(oldData) : oldData;
+            if (newData !== oldData) {
+                this.data = newData;
+                if (!newData) {
+                    const result = UpdateResult.ResourceDeleted;
+                    const event = new UpdateEvent('update', { detail: { result } });
+                    this.dispatchEvent(event);
+                }
+            }
         }
         catch (err) {
             if (err instanceof Rumour.UpdateError) {

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

@@ -1 +1 @@
-{"version":3,"file":"NucleonElement.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/NucleonElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComputedElementProperties, HALJSONResource, NucleonMachine, NucleonV8N } from './types';\nimport { html, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Nucleon, Rumour } from '@foxy.io/sdk/core';\nimport { assign, interpret } from 'xstate';\n\nimport { API } from './API';\nimport { FetchEvent } from './FetchEvent';\nimport { UpdateEvent, UpdateResult } from './UpdateEvent';\nimport memoize from 'lodash-es/memoize';\nimport { serveFromCache } from './serveFromCache';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\n/**\n * Base class for custom elements working with remote HAL+JSON resources.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-nucleon\n * @since 1.1.0\n */\nexport class NucleonElement<TData extends HALJSONResource> extends InferrableMixin(LitElement) {\n  /**\n   * Instances of this event are dispatched on an element whenever it changes its\n   * state (e.g. when going from `busy` to `idle` or on `form` data change).\n   * This event isn't cancelable, and it does not bubble.\n   * @readonly\n   */\n  static readonly UpdateEvent = UpdateEvent;\n\n  /**\n   * Creates a tagged [Rumour](https://sdk.foxy.dev/classes/_core_index_.rumour.html)\n   * instance if it doesn't exist or returns cached one otherwise. NucleonElements\n   * use empty Rumour group by default.\n   * @readonly\n   */\n  static readonly Rumour = memoize<(group: string) => Rumour>(() => new Rumour());\n\n  /**\n   * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n   * that dispatches cancellable `FetchEvent` on an element before each request.\n   * @readonly\n   */\n  static readonly API = API;\n\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'group', 'lang'];\n  }\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { type: String, reflect: true, attribute: 'state' },\n      related: { type: Array },\n      parent: { type: String },\n      group: { type: String, noAccessor: true },\n      href: { type: String, noAccessor: true },\n      lang: { type: String },\n    };\n  }\n\n  /**\n   * Array of validation functions. Each function accepts `element.form` and must return\n   * either an error code string if form data fails the check or `true` otherwise.\n   * Error codes are collected in `element.errors`. Empty by default.\n   */\n  static get v8n(): NucleonV8N<any> {\n    return [];\n  }\n\n  /**\n   * Optional ISO 639-1 code describing the language element content is written in.\n   * Changing the `lang` attribute will update the value of this property.\n   */\n  lang = '';\n\n  /**\n   * Optional URL of the collection this element's resource belongs to.\n   * Changing the `parent` attribute will update the value of this property.\n   */\n  parent = '';\n\n  /**\n   * Optional URI list of the related resources. If Rumour encounters a related\n   * resource on creation or deletion, it will be reloaded from source.\n   */\n  related: string[] = [];\n\n  private __hrefToLoad: string | null = null;\n\n  private __group = '';\n\n  private __unsubscribeFromRumour!: () => void;\n\n  private __fetchEventHandler!: (evt: Event) => void;\n\n  private __fetchEventQueue: FetchEvent[] = [];\n\n  private readonly __service = interpret(\n    (Nucleon.machine as NucleonMachine<TData>).withConfig({\n      services: {\n        sendDelete: () => this._sendDelete(),\n        sendPatch: ({ edits }) => this._sendPatch(edits!),\n        sendPost: ({ edits }) => this._sendPost(edits!),\n        sendGet: () => this._sendGet(),\n      },\n\n      actions: {\n        validate: assign<Nucleon.Context<TData, string>, Nucleon.Event<TData>>({\n          errors: context => {\n            const rules = (this.constructor as typeof NucleonElement).v8n;\n            const form = { ...context.data, ...context.edits };\n\n            return rules\n              .map(validate => validate(form))\n              .filter(v8nResult => typeof v8nResult === 'string')\n              .filter((err, errIndex, errs) => errs.indexOf(err) === errIndex) as string[];\n          },\n        }),\n      },\n    })\n  );\n\n  constructor() {\n    super();\n    this.__createService();\n  }\n\n  /**\n   * If network request returns non-2XX code, the entire error response\n   * will be available via this getter.\n   *\n   * This property is readonly. Changing failure records via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override error status.\n   *\n   * @since 1.4.0\n   */\n  get failure(): Response | null {\n    return this.__service.state.context.failure;\n  }\n\n  /**\n   * Array of validation errors returned from `NucleonElement.v8n` checks.\n   *\n   * This property is readonly. Adding or removing error codes via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override validity status.\n   */\n  get errors(): string[] {\n    return this.__service.state.context.errors;\n  }\n\n  /**\n   * Resource snapshot with edits applied. Empty object if unavailable.\n   *\n   * This property and its value are readonly. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please use `element.edit({ foo: 'bar' })` instead.\n   * If you need to replace the entire data object, consider using `element.data`.\n   */\n  get form(): Partial<TData> {\n    const { data, edits } = this.__service.state.context;\n    return { ...data, ...edits } as Partial<TData>;\n  }\n\n  /**\n   * Resource snapshot as-is, no edits applied. Null if unavailable.\n   *\n   * Returned value is not reactive. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please set the property instead: `element.data = { ...element.data, foo: 'bar' }`.\n   * If you're processing user input, consider using `element.form` and `element.edit()` instead.\n   */\n  get data(): TData | null {\n    return this.__service.state.context.data;\n  }\n\n  set data(data: TData | null) {\n    this.__service.send({ type: 'SET_DATA', data });\n    this.__hrefToLoad = null;\n  }\n\n  /**\n   * Rumour group. Elements in different groups will not share updates. Empty by default.\n   * @example element.group = 'my-group'\n   */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__destroyRumour();\n    this.__createRumour();\n  }\n\n  /**\n   * Optional URL of the resource to load. Switches element to `idle.template` state if empty (default).\n   * @example element.href = 'https://demo.foxycart.com/s/customer/attributes/0'\n   */\n  get href(): string {\n    return this.form._links?.self.href ?? this.__hrefToLoad ?? '';\n  }\n\n  set href(value: string) {\n    if (value) {\n      this.__hrefToLoad = value;\n      this.__service.send({ type: 'FETCH' });\n    } else {\n      this.__hrefToLoad = null;\n      this.__service.send({ type: 'SET_DATA', data: null });\n    }\n  }\n\n  /**\n   * Checks if this element is in the given state.\n   * @example element.in({ idle: 'snapshot' })\n   */\n  in<TStateValue extends Nucleon.State<TData, string>['value']>(\n    stateValue: TStateValue\n  ): this is this & ComputedElementProperties<TData, TStateValue> {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /**\n   * Clears all edits and emits the `update` event.\n   * @example element.undo()\n   */\n  undo(): void {\n    this.__service.send({ type: 'UNDO' });\n  }\n\n  /**\n   * Applies an edit to the local resource snapshot or its template and emits the `update` event.\n   * @example element.edit({ first_name: 'Alex' })\n   */\n  edit(data: Partial<TData>): void {\n    if (typeof data._links?.self.href === 'string') this.__hrefToLoad = null;\n    this.__service.send({ type: 'EDIT', data });\n  }\n\n  /**\n   * Submits the form, updating the resource if href isn't empty or creating it otherwise.\n   * Emits multiple `update` events as element state changes. Has no effect on invalid forms.\n   * @example element.submit()\n   */\n  submit(): void {\n    this.__service.send({ type: 'SUBMIT' });\n  }\n\n  /**\n   * Sends a DELETE request to `element.href` and clears local data on success.\n   * Emits multiple update events as element state changes.\n   * @example element.delete()\n   */\n  delete(): void {\n    this.__service.send({ type: 'DELETE' });\n  }\n\n  /**\n   * Fetches data from `element.href` in background, keeping the edits and v8n errors.\n   * @example element.refresh()\n   */\n  refresh(): void {\n    this.__service.send({ type: 'REFRESH' });\n  }\n\n  render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.href) this.refresh();\n\n    this.__createRumour();\n    this.__createServer();\n    this.__processFetchEventQueue();\n\n    this.dispatchEvent(new UpdateEvent());\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this.__destroyRumour();\n    this.__destroyServer();\n    this.__flushFetchEventQueue('parent element was disconnected');\n\n    this.dispatchEvent(new UpdateEvent());\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n\n    if (this.infer === null) return;\n\n    this.group = (context.get('group') as string | undefined) ?? '';\n    this.lang = (context.get('lang') as string | undefined) ?? '';\n  }\n\n  /** Sends API request. Throws an error on non-2XX response. */\n  protected async _fetch<TResult = TData>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const response = await new API(this).fetch(...args);\n    if (!response.ok) throw response;\n    return response.json();\n  }\n\n  /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPost(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n\n    try {\n      const body = JSON.stringify(edits);\n      const postData = await this._fetch(this.parent, { body, method: 'POST' });\n      const data = await this._fetch(postData._links.self.href);\n\n      const rumour = NucleonElement.Rumour(this.group);\n      const related = [...this.related, this.parent];\n      rumour.share({ data, related, source: data._links.self.href });\n\n      return data;\n    } finally {\n      this.__createRumour();\n    }\n  }\n\n  /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendGet(): Promise<TData> {\n    this.__destroyRumour();\n\n    try {\n      const data = await this._fetch(this.href);\n      NucleonElement.Rumour(this.group).share({ data, source: this.href });\n      return data;\n    } finally {\n      this.__createRumour();\n    }\n  }\n\n  /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPatch(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n\n    try {\n      const body = JSON.stringify(edits);\n      const data = await this._fetch(this.href, { body, method: 'PATCH' });\n\n      const rumour = NucleonElement.Rumour(this.group);\n      rumour.share({ data, source: this.href, related: this.related });\n\n      return data;\n    } finally {\n      this.__createRumour();\n    }\n  }\n\n  /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendDelete(): Promise<null> {\n    this.__destroyRumour();\n\n    try {\n      await this._fetch(this.href, { method: 'DELETE' });\n\n      const rumour = NucleonElement.Rumour(this.group);\n      const related = [...this.related, this.parent];\n      rumour.share({ data: null, source: this.href, related });\n\n      return null;\n    } finally {\n      this.__createRumour();\n    }\n  }\n\n  // this getter is used by LitElement to set the \"state\" attribute\n  private get __state(): string {\n    const state = this.__service.state;\n    const flags = state.toStrings().reduce((p, c) => [...p, ...c.split('.')], [] as string[]);\n    return [...new Set(flags)].join(' ');\n  }\n\n  private __createService() {\n    this.__service.onTransition(state => {\n      if (!state.changed) return;\n\n      let result: UpdateResult | undefined = undefined;\n\n      if (state.matches('idle')) {\n        if (state.history?.matches({ busy: 'deleting' })) {\n          result = UpdateResult.ResourceDeleted;\n        } else if (state.history?.matches({ busy: 'creating' })) {\n          result = UpdateResult.ResourceCreated;\n        }\n      }\n\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent('update', { detail: { result } }));\n\n      if (!state.matches('busy')) this.__processFetchEventQueue();\n    });\n\n    this.__service.onChange(() => {\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n    });\n\n    this.__service.start();\n  }\n\n  private __createRumour() {\n    const rumour = NucleonElement.Rumour(this.group);\n    this.__unsubscribeFromRumour = rumour.track(update => this.__handleRumourUpdate(update));\n  }\n\n  private __destroyRumour() {\n    this.__unsubscribeFromRumour?.();\n  }\n\n  private __createServer() {\n    this.__fetchEventHandler = this.__handleFetchEvent.bind(this);\n    this.addEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __destroyServer() {\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __handleRumourUpdate(update: (oldData: TData) => TData | null) {\n    try {\n      const oldData = this.__service.state?.context.data;\n      if (!oldData) return;\n\n      const newData = update(oldData);\n      if (newData !== oldData) this.__service.send({ data: newData, type: 'SET_DATA' });\n    } catch (err) {\n      if (err instanceof Rumour.UpdateError) {\n        this.__service.send({ type: 'REFRESH' });\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private __processFetchEventQueue() {\n    const api = new NucleonElement.API(this);\n\n    this.__fetchEventQueue.forEach(event => {\n      const request = event.request;\n      const cacheResponse = serveFromCache(request.url, this.data);\n      const whenResponseReady = cacheResponse.ok ? cacheResponse : api.fetch(request);\n\n      event.respondWith(Promise.resolve(whenResponseReady));\n\n      if (cacheResponse.ok) {\n        console.debug(\n          `%c@foxy.io/elements::${this.localName}\\n%c200%c GET ${request.url}`,\n          'color: gray',\n          `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n          ''\n        );\n      }\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __flushFetchEventQueue(errorMessage: string) {\n    this.__fetchEventQueue.forEach(event => {\n      event.respondWith(Promise.reject(new Error(errorMessage)));\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n    if (event.request.method !== 'GET') return;\n    if (event.request.url.startsWith('foxy://')) return;\n    if (event.composedPath()[0] === this) return;\n\n    event.preventDefault();\n    this.__fetchEventQueue.push(event);\n\n    if (!this.__service.state.matches('busy')) this.__processFetchEventQueue();\n  }\n}\n"]}
+{"version":3,"file":"NucleonElement.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/NucleonElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComputedElementProperties, HALJSONResource, NucleonMachine, NucleonV8N } from './types';\nimport { html, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Nucleon, Rumour } from '@foxy.io/sdk/core';\nimport { assign, interpret } from 'xstate';\n\nimport { API } from './API';\nimport { FetchEvent } from './FetchEvent';\nimport { UpdateEvent, UpdateResult } from './UpdateEvent';\nimport memoize from 'lodash-es/memoize';\nimport { serveFromCache } from './serveFromCache';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\n/**\n * Base class for custom elements working with remote HAL+JSON resources.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-nucleon\n * @since 1.1.0\n */\nexport class NucleonElement<TData extends HALJSONResource> extends InferrableMixin(LitElement) {\n  /**\n   * Instances of this event are dispatched on an element whenever it changes its\n   * state (e.g. when going from `busy` to `idle` or on `form` data change).\n   * This event isn't cancelable, and it does not bubble.\n   * @readonly\n   */\n  static readonly UpdateEvent = UpdateEvent;\n\n  /**\n   * Creates a tagged [Rumour](https://sdk.foxy.dev/classes/_core_index_.rumour.html)\n   * instance if it doesn't exist or returns cached one otherwise. NucleonElements\n   * use empty Rumour group by default.\n   * @readonly\n   */\n  static readonly Rumour = memoize<(group: string) => Rumour>(() => new Rumour());\n\n  /**\n   * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n   * that dispatches cancellable `FetchEvent` on an element before each request.\n   * @readonly\n   */\n  static readonly API = API;\n\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'group', 'lang'];\n  }\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { type: String, reflect: true, attribute: 'state' },\n      related: { type: Array },\n      parent: { type: String },\n      group: { type: String, noAccessor: true },\n      href: { type: String, noAccessor: true },\n      lang: { type: String },\n    };\n  }\n\n  /**\n   * Array of validation functions. Each function accepts `element.form` and must return\n   * either an error code string if form data fails the check or `true` otherwise.\n   * Error codes are collected in `element.errors`. Empty by default.\n   */\n  static get v8n(): NucleonV8N<any> {\n    return [];\n  }\n\n  /**\n   * Optional ISO 639-1 code describing the language element content is written in.\n   * Changing the `lang` attribute will update the value of this property.\n   */\n  lang = '';\n\n  /**\n   * Optional URL of the collection this element's resource belongs to.\n   * Changing the `parent` attribute will update the value of this property.\n   */\n  parent = '';\n\n  /**\n   * Optional URI list of the related resources. If Rumour encounters a related\n   * resource on creation or deletion, it will be reloaded from source.\n   */\n  related: string[] = [];\n\n  private __hrefToLoad: string | null = null;\n\n  private __group = '';\n\n  private __unsubscribeFromRumour: (() => void) | null = null;\n\n  private __fetchEventHandler!: (evt: Event) => void;\n\n  private __fetchEventQueue: FetchEvent[] = [];\n\n  private readonly __service = interpret(\n    (Nucleon.machine as NucleonMachine<TData>).withConfig({\n      services: {\n        sendDelete: () => this._sendDelete(),\n        sendPatch: ({ edits }) => this._sendPatch(edits!),\n        sendPost: ({ edits }) => this._sendPost(edits!),\n        sendGet: () => this._sendGet(),\n      },\n\n      actions: {\n        validate: assign<Nucleon.Context<TData, string>, Nucleon.Event<TData>>({\n          errors: context => {\n            const rules = (this.constructor as typeof NucleonElement).v8n;\n            const form = { ...context.data, ...context.edits };\n\n            return rules\n              .map(validate => validate(form))\n              .filter(v8nResult => typeof v8nResult === 'string')\n              .filter((err, errIndex, errs) => errs.indexOf(err) === errIndex) as string[];\n          },\n        }),\n      },\n    })\n  );\n\n  constructor() {\n    super();\n    this.__createService();\n  }\n\n  /**\n   * If network request returns non-2XX code, the entire error response\n   * will be available via this getter.\n   *\n   * This property is readonly. Changing failure records via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override error status.\n   *\n   * @since 1.4.0\n   */\n  get failure(): Response | null {\n    return this.__service.state.context.failure;\n  }\n\n  /**\n   * Array of validation errors returned from `NucleonElement.v8n` checks.\n   *\n   * This property is readonly. Adding or removing error codes via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override validity status.\n   */\n  get errors(): string[] {\n    return this.__service.state.context.errors;\n  }\n\n  /**\n   * Resource snapshot with edits applied. Empty object if unavailable.\n   *\n   * This property and its value are readonly. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please use `element.edit({ foo: 'bar' })` instead.\n   * If you need to replace the entire data object, consider using `element.data`.\n   */\n  get form(): Partial<TData> {\n    const { data, edits } = this.__service.state.context;\n    return { ...data, ...edits } as Partial<TData>;\n  }\n\n  /**\n   * Resource snapshot as-is, no edits applied. Null if unavailable.\n   *\n   * Returned value is not reactive. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please set the property instead: `element.data = { ...element.data, foo: 'bar' }`.\n   * If you're processing user input, consider using `element.form` and `element.edit()` instead.\n   */\n  get data(): TData | null {\n    return this.__service.state.context.data;\n  }\n\n  set data(data: TData | null) {\n    this.__destroyRumour();\n    this.__service.send({ type: 'SET_DATA', data });\n    this.__hrefToLoad = null;\n    if (data) this.__createRumour();\n  }\n\n  /**\n   * Rumour group. Elements in different groups will not share updates. Empty by default.\n   * @example element.group = 'my-group'\n   */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__destroyRumour();\n    this.__createRumour();\n  }\n\n  /**\n   * Optional URL of the resource to load. Switches element to `idle.template` state if empty (default).\n   * @example element.href = 'https://demo.foxycart.com/s/customer/attributes/0'\n   */\n  get href(): string {\n    return this.form._links?.self.href ?? this.__hrefToLoad ?? '';\n  }\n\n  set href(value: string) {\n    if (value) {\n      this.__hrefToLoad = value;\n      this.__service.send({ type: 'FETCH' });\n    } else {\n      this.data = null;\n    }\n  }\n\n  /**\n   * Checks if this element is in the given state.\n   * @example element.in({ idle: 'snapshot' })\n   */\n  in<TStateValue extends Nucleon.State<TData, string>['value']>(\n    stateValue: TStateValue\n  ): this is this & ComputedElementProperties<TData, TStateValue> {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /**\n   * Clears all edits and emits the `update` event.\n   * @example element.undo()\n   */\n  undo(): void {\n    this.__service.send({ type: 'UNDO' });\n  }\n\n  /**\n   * Applies an edit to the local resource snapshot or its template and emits the `update` event.\n   * @example element.edit({ first_name: 'Alex' })\n   */\n  edit(data: Partial<TData>): void {\n    if (typeof data._links?.self.href === 'string') this.__hrefToLoad = null;\n    this.__service.send({ type: 'EDIT', data });\n  }\n\n  /**\n   * Submits the form, updating the resource if href isn't empty or creating it otherwise.\n   * Emits multiple `update` events as element state changes. Has no effect on invalid forms.\n   * @example element.submit()\n   */\n  submit(): void {\n    this.reportValidity();\n    this.__service.send({ type: 'SUBMIT' });\n  }\n\n  checkValidity(): boolean {\n    const isTemplateDirtyValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotDirtyValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isTemplateCleanValid = this.in({ idle: { template: { clean: 'valid' } } });\n    const isSnapshotCleanValid = this.in({ idle: { snapshot: { clean: 'valid' } } });\n    const isTemplateValid = isTemplateCleanValid || isTemplateDirtyValid;\n    const isSnapshotValid = isSnapshotCleanValid || isSnapshotDirtyValid;\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    return isValid;\n  }\n\n  reportValidity(): boolean {\n    const walker = this.ownerDocument.createTreeWalker(this.renderRoot, NodeFilter.SHOW_ELEMENT);\n\n    do {\n      type Input = Node & Record<string, () => unknown>;\n\n      const node = walker.currentNode as Input;\n      const methods = ['reportValidity', 'validate'];\n\n      for (const method of methods) {\n        if (method in node) {\n          try {\n            node[method]();\n            break;\n          } catch {\n            continue;\n          }\n        }\n      }\n    } while (walker.nextNode());\n\n    return this.checkValidity();\n  }\n\n  /**\n   * Sends a DELETE request to `element.href` and clears local data on success.\n   * Emits multiple update events as element state changes.\n   * @example element.delete()\n   */\n  delete(): void {\n    this.__service.send({ type: 'DELETE' });\n  }\n\n  /**\n   * Fetches data from `element.href` in background, keeping the edits and v8n errors.\n   * @example element.refresh()\n   */\n  refresh(): void {\n    this.__service.send({ type: 'REFRESH' });\n  }\n\n  render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.href) this.refresh();\n\n    this.__createRumour();\n    this.__createServer();\n    this.__processFetchEventQueue();\n\n    this.dispatchEvent(new UpdateEvent());\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this.__destroyRumour();\n    this.__destroyServer();\n    this.__flushFetchEventQueue('parent element was disconnected');\n\n    this.dispatchEvent(new UpdateEvent());\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n\n    if (this.infer === null) return;\n\n    this.group = (context.get('group') as string | undefined) ?? '';\n    this.lang = (context.get('lang') as string | undefined) ?? '';\n  }\n\n  /** Sends API request. Throws an error on non-2XX response. */\n  protected async _fetch<TResult = TData>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const response = await new API(this).fetch(...args);\n    if (!response.ok) throw response;\n    return response.json();\n  }\n\n  /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPost(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n    let data: TData;\n\n    try {\n      const body = JSON.stringify(edits);\n      const postData = await this._fetch(this.parent, { body, method: 'POST' });\n      data = await this._fetch(postData._links.self.href);\n\n      const rumour = NucleonElement.Rumour(this.group);\n      const related = [...this.related, this.parent];\n      rumour.share({ data, related, source: data._links.self.href });\n    } finally {\n      this.__createRumour();\n    }\n\n    return data;\n  }\n\n  /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendGet(): Promise<TData> {\n    this.__destroyRumour();\n    let data: TData;\n\n    try {\n      data = await this._fetch(this.href);\n      NucleonElement.Rumour(this.group).share({ data, source: this.href });\n    } finally {\n      this.__createRumour();\n    }\n\n    return data;\n  }\n\n  /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPatch(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n    let data: TData;\n\n    try {\n      const body = JSON.stringify(edits);\n      data = await this._fetch(this.href, { body, method: 'PATCH' });\n\n      const rumour = NucleonElement.Rumour(this.group);\n      rumour.share({ data, source: this.href, related: this.related });\n    } finally {\n      this.__createRumour();\n    }\n\n    return data;\n  }\n\n  /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendDelete(): Promise<null> {\n    this.__destroyRumour();\n\n    try {\n      await this._fetch(this.href, { method: 'DELETE' });\n\n      const rumour = NucleonElement.Rumour(this.group);\n      const related = [...this.related, this.parent];\n      rumour.share({ data: null, source: this.href, related });\n    } finally {\n      this.__createRumour();\n    }\n\n    return null;\n  }\n\n  // this getter is used by LitElement to set the \"state\" attribute\n  private get __state(): string {\n    const state = this.__service.state;\n    const flags = state.toStrings().reduce((p, c) => [...p, ...c.split('.')], [] as string[]);\n    return [...new Set(flags)].join(' ');\n  }\n\n  private __createService() {\n    this.__service.onTransition(state => {\n      if (!state.changed) return;\n\n      let result: UpdateResult | undefined = undefined;\n\n      if (state.matches('idle')) {\n        if (state.history?.matches({ busy: 'deleting' })) {\n          result = UpdateResult.ResourceDeleted;\n        } else if (state.history?.matches({ busy: 'creating' })) {\n          result = UpdateResult.ResourceCreated;\n        }\n      }\n\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent('update', { detail: { result } }));\n\n      if (!state.matches('busy')) this.__processFetchEventQueue();\n    });\n\n    this.__service.onChange(() => {\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n    });\n\n    this.__service.start();\n  }\n\n  private __createRumour() {\n    const rumour = NucleonElement.Rumour(this.group);\n    this.__unsubscribeFromRumour = rumour.track(update => this.__handleRumourUpdate(update));\n  }\n\n  private __destroyRumour() {\n    this.__unsubscribeFromRumour?.();\n    this.__unsubscribeFromRumour = null;\n  }\n\n  private __createServer() {\n    this.__fetchEventHandler = this.__handleFetchEvent.bind(this);\n    this.addEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __destroyServer() {\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __handleRumourUpdate(update: (oldData: TData) => TData | null) {\n    try {\n      const oldData = this.__service.state?.context.data;\n      const newData = oldData ? update(oldData) : oldData;\n\n      if (newData !== oldData) {\n        this.data = newData;\n\n        if (!newData) {\n          const result = UpdateResult.ResourceDeleted;\n          const event = new UpdateEvent('update', { detail: { result } });\n          this.dispatchEvent(event);\n        }\n      }\n    } catch (err) {\n      if (err instanceof Rumour.UpdateError) {\n        this.__service.send({ type: 'REFRESH' });\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private __processFetchEventQueue() {\n    const api = new NucleonElement.API(this);\n\n    this.__fetchEventQueue.forEach(event => {\n      const request = event.request;\n      const cacheResponse = serveFromCache(request.url, this.data);\n      const whenResponseReady = cacheResponse.ok ? cacheResponse : api.fetch(request);\n\n      event.respondWith(Promise.resolve(whenResponseReady));\n\n      if (cacheResponse.ok) {\n        console.debug(\n          `%c@foxy.io/elements::${this.localName}\\n%c200%c GET ${request.url}`,\n          'color: gray',\n          `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n          ''\n        );\n      }\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __flushFetchEventQueue(errorMessage: string) {\n    this.__fetchEventQueue.forEach(event => {\n      event.respondWith(Promise.reject(new Error(errorMessage)));\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n    if (event.request.method !== 'GET') return;\n    if (event.request.url.startsWith('foxy://')) return;\n    if (event.composedPath()[0] === this) return;\n\n    event.preventDefault();\n    this.__fetchEventQueue.push(event);\n\n    if (!this.__service.state.matches('busy')) this.__processFetchEventQueue();\n  }\n}\n"]}

package/dist/elements/public/Pagination/Pagination.js

@@ -67,7 +67,7 @@ export class Pagination extends Base {
         return html `
       <slot @slotchange=${this.__connectPageElement}></slot>
 
-      <div class="grid grid-cols-3 gap-s items-center -mx-xs">
+      <div class="grid gap-s items-center -mx-xs" style="grid-template-columns: 1fr auto 1fr">
         <div class="flex items-center space-x-s">
           <vaadin-button
             data-testid="first"
@@ -97,7 +97,7 @@ export class Pagination extends Base {
             to: offset + returnedItems,
         })}
           class=${classMap({
-            'flex-1 text-xs text-tertiary text-center leading-xs': true,
+            'flex-1 text-xs text-tertiary text-center leading-xs truncate': true,
             'opacity-0': !data,
         })}
           lang=${lang}