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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,oCAAiC;AACjC,0BAAuB;AAEvB,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport '../NucleonElement/index';\nimport '../I18n/index';\n\nimport { AdminSubscriptionCard } from './AdminSubscriptionCard';\n\ncustomElements.define('foxy-admin-subscription-card', AdminSubscriptionCard);\n\nexport { AdminSubscriptionCard };\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/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 =\n  | Resource<Rels.Subscription>\n  | Resource<Rels.Subscription, { zoom: 'transaction_template' }>\n  | Resource<Rels.Subscription, { zoom: { transaction_template: 'items' } }>;\n"]}

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

@@ -16,8 +16,8 @@ export declare class ApiBrowser extends Base<Data> {
     static get properties(): PropertyDeclarations;
     /** Bookmark URL of your API. */
     home: string | null;
+    private __newCurrentUrl;
     private __history;
-    private __debounce;
     private __renderItem;
     private __handleExistingResourceFetch;
     render(): TemplateResult;
@@ -27,5 +27,6 @@ export declare class ApiBrowser extends Base<Data> {
     private set __mode(value);
     private __goBack;
     private __goHome;
+    private __go;
 }
 export {};

package/dist/elements/public/ApiBrowser/ApiBrowser.js

@@ -3,7 +3,6 @@ import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { NucleonElement } from "../NucleonElement/NucleonElement.js";
 import { html } from 'lit-element';
-import debounce from 'lodash-es/debounce';
 const NS = 'api-browser';
 const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));
 /**
@@ -17,8 +16,8 @@ export class ApiBrowser extends Base {
         super(...arguments);
         /** Bookmark URL of your API. */
         this.home = null;
+        this.__newCurrentUrl = null;
         this.__history = [];
-        this.__debounce = debounce((callback) => callback(), 250);
         this.__renderItem = ({ href, html }) => {
             if (!href)
                 return html ``;
@@ -51,6 +50,7 @@ export class ApiBrowser extends Base {
     static get properties() {
         return {
             ...super.properties,
+            __newCurrentUrl: { attribute: false },
             __history: { attribute: false },
             home: { type: String },
         };
@@ -86,25 +86,38 @@ export class ApiBrowser extends Base {
             class="flex-1"
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
-            .value=${this.href || this.parent}
+            .value=${this.__newCurrentUrl || this.href || this.parent}
+            @keydown=${(evt) => evt.key === 'Enter' && this.__go()}
             @input=${(evt) => {
             const field = evt.currentTarget;
-            const value = field.value;
-            const property = this.href ? 'href' : 'parent';
-            this.__debounce(() => (this[property] = value));
+            this.__newCurrentUrl = field.value;
         }}
           >
           </vaadin-text-field>
 
-          <vaadin-button
-            title=${this.t('refresh')}
-            theme="icon contrast"
-            class="p-0"
-            ?disabled=${this.disabled || this.in('busy')}
-            @click=${() => this.refresh()}
-          >
-            <iron-icon class="icon-inline text-m" icon="icons:refresh"></iron-icon>
-          </vaadin-button>
+          ${this.__newCurrentUrl
+            ? html `
+                <vaadin-button
+                  title=${this.t('navigate')}
+                  theme="icon primary"
+                  class="p-0"
+                  ?disabled=${this.disabled || this.in('busy')}
+                  @click=${this.__go}
+                >
+                  <iron-icon class="icon-inline text-m" icon="icons:arrow-forward"></iron-icon>
+                </vaadin-button>
+              `
+            : html `
+                <vaadin-button
+                  title=${this.t('refresh')}
+                  theme="icon contrast"
+                  class="p-0"
+                  ?disabled=${this.disabled || this.in('busy')}
+                  @click=${() => this.refresh()}
+                >
+                  <iron-icon class="icon-inline text-m" icon="icons:refresh"></iron-icon>
+                </vaadin-button>
+              `}
 
           <div class="grid grid-cols-2">
             <vaadin-button
@@ -133,12 +146,14 @@ export class ApiBrowser extends Base {
           @navigate:get=${(evt) => {
             evt.stopPropagation();
             this.__history.push({ href: this.href, parent: this.parent });
+            this.__newCurrentUrl = null;
             this.parent = '';
             this.href = evt.detail;
         }}
           @navigate:post=${(evt) => {
             evt.stopPropagation();
             this.__history.push({ href: this.href, parent: this.parent });
+            this.__newCurrentUrl = null;
             this.parent = evt.detail;
             this.href = '';
         }}
@@ -217,5 +232,13 @@ export class ApiBrowser extends Base {
         this.parent = '';
         this.href = (_a = this.home) !== null && _a !== void 0 ? _a : '';
     }
+    __go() {
+        if (typeof this.__newCurrentUrl === 'string') {
+            this.__history.push({ href: this.href, parent: this.parent });
+            const property = this.href ? 'href' : 'parent';
+            this[property] = this.__newCurrentUrl;
+            this.__newCurrentUrl = null;
+        }
+    }
 }
 //# sourceMappingURL=ApiBrowser.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApiBrowser.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/ApiBrowser.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalApiBrowserResourceForm } from './internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { FetchEvent } from '../NucleonElement/FetchEvent';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { html } from 'lit-element';\n\nimport debounce from 'lodash-es/debounce';\n\nconst NS = 'api-browser';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Interactive hAPI explorer.\n *\n * @element foxy-api-explorer\n * @since 1.17.0\n */\nexport class ApiBrowser extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __history: { attribute: false },\n      home: { type: String },\n    };\n  }\n\n  /** Bookmark URL of your API. */\n  home: string | null = null;\n\n  private __history: { href: string; parent: string }[] = [];\n\n  private __debounce = debounce((callback: () => void) => callback(), 250);\n\n  private __renderItem = ({ href, html }: ItemRendererContext<Data>) => {\n    if (!href) return html``;\n    return html`\n      <foxy-internal-api-browser-resource-form infer=\"\" href=${href}>\n      </foxy-internal-api-browser-resource-form>\n    `;\n  };\n\n  private __handleExistingResourceFetch = (evt: FetchEvent) => {\n    if (evt.request.method === 'DELETE') {\n      evt.preventDefault();\n      evt.respondWith(\n        new ApiBrowser.API(this).fetch(evt.request).then(response => {\n          if (response.ok) {\n            if (this.__canGoBack) {\n              this.__goBack();\n            } else if (this.__canGoHome) {\n              this.__goHome();\n            } else {\n              this.parent = '';\n              this.href = '';\n            }\n          }\n\n          return response;\n        })\n      );\n    }\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-m\">\n        <div class=\"flex items-center gap-s flex-wrap-reverse\">\n          <vaadin-button\n            title=${this.t('go_back')}\n            theme=\"icon contrast\"\n            class=\"p-0\"\n            ?disabled=${this.disabled || !this.__canGoBack}\n            @click=${() => this.__goBack()}\n          >\n            <iron-icon class=\"icon-inline text-m\" icon=\"icons:arrow-back\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            title=${this.t('go_home')}\n            theme=\"icon contrast\"\n            class=\"p-0\"\n            ?disabled=${this.disabled || !this.__canGoHome}\n            @click=${() => this.__goHome()}\n          >\n            <iron-icon class=\"icon-inline text-m\" icon=\"icons:home\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-text-field\n            placeholder=\"https://api.foxy.io/stores/0\"\n            aria-label=${this.t('current_url')}\n            class=\"flex-1\"\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            .value=${this.href || this.parent}\n            @input=${(evt: CustomEvent) => {\n              const field = evt.currentTarget as TextFieldElement;\n              const value = field.value;\n              const property = this.href ? 'href' : 'parent';\n\n              this.__debounce(() => (this[property] = value));\n            }}\n          >\n          </vaadin-text-field>\n\n          <vaadin-button\n            title=${this.t('refresh')}\n            theme=\"icon contrast\"\n            class=\"p-0\"\n            ?disabled=${this.disabled || this.in('busy')}\n            @click=${() => this.refresh()}\n          >\n            <iron-icon class=\"icon-inline text-m\" icon=\"icons:refresh\"></iron-icon>\n          </vaadin-button>\n\n          <div class=\"grid grid-cols-2\">\n            <vaadin-button\n              title=${this.t('get_mode')}\n              theme=${this.href ? 'contrast primary' : 'contrast'}\n              class=\"rounded-r-none p-0\"\n              ?disabled=${this.disabled || this.__mode === 'get'}\n              @click=${() => (this.__mode = 'get')}\n            >\n              GET\n            </vaadin-button>\n\n            <vaadin-button\n              title=${this.t('post_mode')}\n              theme=${this.href ? 'contrast' : 'contrast primary'}\n              class=\"rounded-l-none p-0\"\n              ?disabled=${this.disabled || this.__mode === 'post'}\n              @click=${() => (this.__mode = 'post')}\n            >\n              POST\n            </vaadin-button>\n          </div>\n        </div>\n\n        <div\n          @navigate:get=${(evt: CustomEvent<string>) => {\n            evt.stopPropagation();\n            this.__history.push({ href: this.href, parent: this.parent });\n            this.parent = '';\n            this.href = evt.detail;\n          }}\n          @navigate:post=${(evt: CustomEvent<string>) => {\n            evt.stopPropagation();\n            this.__history.push({ href: this.href, parent: this.parent });\n            this.parent = evt.detail;\n            this.href = '';\n          }}\n        >\n          ${this.href\n            ? html`\n                ${this.data?._links.first\n                  ? html`\n                      <foxy-pagination first=${this.href} infer=\"\">\n                        <foxy-collection-page\n                          class=\"block space-y-m mb-m\"\n                          infer=\"\"\n                          .item=${this.__renderItem as any}\n                        >\n                        </foxy-collection-page>\n                      </foxy-pagination>\n                    `\n                  : html`\n                      <foxy-internal-api-browser-resource-form\n                        infer=\"\"\n                        href=${this.href}\n                        open\n                        @fetch=${this.__handleExistingResourceFetch}\n                      >\n                      </foxy-internal-api-browser-resource-form>\n                    `}\n              `\n            : html`\n                <foxy-internal-api-browser-resource-form\n                  infer=\"\"\n                  parent=${this.parent}\n                  open\n                  @update=${(evt: CustomEvent) => {\n                    const form = evt.currentTarget as InternalApiBrowserResourceForm;\n                    if (form.in({ idle: 'snapshot' })) {\n                      this.href = form.data._links.self.href;\n                      this.parent = '';\n                    }\n                  }}\n                >\n                </foxy-internal-api-browser-resource-form>\n              `}\n        </div>\n      </div>\n    `;\n  }\n\n  private get __canGoBack() {\n    return this.__history.length > 0;\n  }\n\n  private get __canGoHome() {\n    return this.href !== this.home;\n  }\n\n  private get __mode() {\n    return this.href ? 'get' : 'post';\n  }\n\n  private set __mode(newValue: 'get' | 'post') {\n    if (newValue === 'get') {\n      this.href = this.parent;\n      this.parent = '';\n    } else {\n      this.parent = this.href;\n      this.href = '';\n    }\n  }\n\n  private __goBack() {\n    const index = this.__history.length - 1;\n    const entry = this.__history[index];\n\n    this.parent = entry?.parent ?? '';\n    this.href = entry?.href ?? '';\n    this.__history = this.__history.slice(0, index);\n  }\n\n  private __goHome() {\n    this.__history = [];\n    this.parent = '';\n    this.href = this.home ?? '';\n  }\n}\n"]}
+{"version":3,"file":"ApiBrowser.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/ApiBrowser.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalApiBrowserResourceForm } from './internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { FetchEvent } from '../NucleonElement/FetchEvent';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { html } from 'lit-element';\n\nconst NS = 'api-browser';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Interactive hAPI explorer.\n *\n * @element foxy-api-explorer\n * @since 1.17.0\n */\nexport class ApiBrowser extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __newCurrentUrl: { attribute: false },\n      __history: { attribute: false },\n      home: { type: String },\n    };\n  }\n\n  /** Bookmark URL of your API. */\n  home: string | null = null;\n\n  private __newCurrentUrl: string | null = null;\n\n  private __history: { href: string; parent: string }[] = [];\n\n  private __renderItem = ({ href, html }: ItemRendererContext<Data>) => {\n    if (!href) return html``;\n    return html`\n      <foxy-internal-api-browser-resource-form infer=\"\" href=${href}>\n      </foxy-internal-api-browser-resource-form>\n    `;\n  };\n\n  private __handleExistingResourceFetch = (evt: FetchEvent) => {\n    if (evt.request.method === 'DELETE') {\n      evt.preventDefault();\n      evt.respondWith(\n        new ApiBrowser.API(this).fetch(evt.request).then(response => {\n          if (response.ok) {\n            if (this.__canGoBack) {\n              this.__goBack();\n            } else if (this.__canGoHome) {\n              this.__goHome();\n            } else {\n              this.parent = '';\n              this.href = '';\n            }\n          }\n\n          return response;\n        })\n      );\n    }\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-m\">\n        <div class=\"flex items-center gap-s flex-wrap-reverse\">\n          <vaadin-button\n            title=${this.t('go_back')}\n            theme=\"icon contrast\"\n            class=\"p-0\"\n            ?disabled=${this.disabled || !this.__canGoBack}\n            @click=${() => this.__goBack()}\n          >\n            <iron-icon class=\"icon-inline text-m\" icon=\"icons:arrow-back\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            title=${this.t('go_home')}\n            theme=\"icon contrast\"\n            class=\"p-0\"\n            ?disabled=${this.disabled || !this.__canGoHome}\n            @click=${() => this.__goHome()}\n          >\n            <iron-icon class=\"icon-inline text-m\" icon=\"icons:home\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-text-field\n            placeholder=\"https://api.foxy.io/stores/0\"\n            aria-label=${this.t('current_url')}\n            class=\"flex-1\"\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            .value=${this.__newCurrentUrl || this.href || this.parent}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.__go()}\n            @input=${(evt: CustomEvent) => {\n              const field = evt.currentTarget as TextFieldElement;\n              this.__newCurrentUrl = field.value;\n            }}\n          >\n          </vaadin-text-field>\n\n          ${this.__newCurrentUrl\n            ? html`\n                <vaadin-button\n                  title=${this.t('navigate')}\n                  theme=\"icon primary\"\n                  class=\"p-0\"\n                  ?disabled=${this.disabled || this.in('busy')}\n                  @click=${this.__go}\n                >\n                  <iron-icon class=\"icon-inline text-m\" icon=\"icons:arrow-forward\"></iron-icon>\n                </vaadin-button>\n              `\n            : html`\n                <vaadin-button\n                  title=${this.t('refresh')}\n                  theme=\"icon contrast\"\n                  class=\"p-0\"\n                  ?disabled=${this.disabled || this.in('busy')}\n                  @click=${() => this.refresh()}\n                >\n                  <iron-icon class=\"icon-inline text-m\" icon=\"icons:refresh\"></iron-icon>\n                </vaadin-button>\n              `}\n\n          <div class=\"grid grid-cols-2\">\n            <vaadin-button\n              title=${this.t('get_mode')}\n              theme=${this.href ? 'contrast primary' : 'contrast'}\n              class=\"rounded-r-none p-0\"\n              ?disabled=${this.disabled || this.__mode === 'get'}\n              @click=${() => (this.__mode = 'get')}\n            >\n              GET\n            </vaadin-button>\n\n            <vaadin-button\n              title=${this.t('post_mode')}\n              theme=${this.href ? 'contrast' : 'contrast primary'}\n              class=\"rounded-l-none p-0\"\n              ?disabled=${this.disabled || this.__mode === 'post'}\n              @click=${() => (this.__mode = 'post')}\n            >\n              POST\n            </vaadin-button>\n          </div>\n        </div>\n\n        <div\n          @navigate:get=${(evt: CustomEvent<string>) => {\n            evt.stopPropagation();\n            this.__history.push({ href: this.href, parent: this.parent });\n            this.__newCurrentUrl = null;\n            this.parent = '';\n            this.href = evt.detail;\n          }}\n          @navigate:post=${(evt: CustomEvent<string>) => {\n            evt.stopPropagation();\n            this.__history.push({ href: this.href, parent: this.parent });\n            this.__newCurrentUrl = null;\n            this.parent = evt.detail;\n            this.href = '';\n          }}\n        >\n          ${this.href\n            ? html`\n                ${this.data?._links.first\n                  ? html`\n                      <foxy-pagination first=${this.href} infer=\"\">\n                        <foxy-collection-page\n                          class=\"block space-y-m mb-m\"\n                          infer=\"\"\n                          .item=${this.__renderItem as any}\n                        >\n                        </foxy-collection-page>\n                      </foxy-pagination>\n                    `\n                  : html`\n                      <foxy-internal-api-browser-resource-form\n                        infer=\"\"\n                        href=${this.href}\n                        open\n                        @fetch=${this.__handleExistingResourceFetch}\n                      >\n                      </foxy-internal-api-browser-resource-form>\n                    `}\n              `\n            : html`\n                <foxy-internal-api-browser-resource-form\n                  infer=\"\"\n                  parent=${this.parent}\n                  open\n                  @update=${(evt: CustomEvent) => {\n                    const form = evt.currentTarget as InternalApiBrowserResourceForm;\n                    if (form.in({ idle: 'snapshot' })) {\n                      this.href = form.data._links.self.href;\n                      this.parent = '';\n                    }\n                  }}\n                >\n                </foxy-internal-api-browser-resource-form>\n              `}\n        </div>\n      </div>\n    `;\n  }\n\n  private get __canGoBack() {\n    return this.__history.length > 0;\n  }\n\n  private get __canGoHome() {\n    return this.href !== this.home;\n  }\n\n  private get __mode() {\n    return this.href ? 'get' : 'post';\n  }\n\n  private set __mode(newValue: 'get' | 'post') {\n    if (newValue === 'get') {\n      this.href = this.parent;\n      this.parent = '';\n    } else {\n      this.parent = this.href;\n      this.href = '';\n    }\n  }\n\n  private __goBack() {\n    const index = this.__history.length - 1;\n    const entry = this.__history[index];\n\n    this.parent = entry?.parent ?? '';\n    this.href = entry?.href ?? '';\n    this.__history = this.__history.slice(0, index);\n  }\n\n  private __goHome() {\n    this.__history = [];\n    this.parent = '';\n    this.href = this.home ?? '';\n  }\n\n  private __go() {\n    if (typeof this.__newCurrentUrl === 'string') {\n      this.__history.push({ href: this.href, parent: this.parent });\n      const property = this.href ? 'href' : 'parent';\n      this[property] = this.__newCurrentUrl;\n      this.__newCurrentUrl = null;\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
+declare const Base: typeof TwoLineCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Card element displaying an applied coupon code.
+ *
+ * @element foxy-applied-coupon-code-card
+ * @since 1.21.0
+ */
+export declare class AppliedCouponCodeCard extends Base<Data> {
+    private __couponLoaderId;
+    renderBody(): TemplateResult;
+    get isBodyReady(): boolean;
+    private get __couponLoader();
+    private get __coupon();
+}
+export {};

package/dist/elements/public/AppliedCouponCodeCard/AppliedCouponCodeCard.js

@@ -0,0 +1,47 @@
+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 = 'applied-coupon-code-card';
+const Base = TranslatableMixin(TwoLineCard, NS);
+/**
+ * Card element displaying an applied coupon code.
+ *
+ * @element foxy-applied-coupon-code-card
+ * @since 1.21.0
+ */
+export class AppliedCouponCodeCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.__couponLoaderId = 'couponLoader';
+    }
+    renderBody() {
+        var _a;
+        return html `
+      <foxy-nucleon
+        infer=""
+        class="hidden"
+        href=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:coupon'].href)}
+        id=${this.__couponLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      ${super.renderBody({
+            title: data => html `${data.code}`,
+            subtitle: () => { var _a; return html `${(_a = this.__coupon) === null || _a === void 0 ? void 0 : _a.name}`; },
+        })}
+    `;
+    }
+    get isBodyReady() {
+        return super.isBodyReady && !!this.__coupon;
+    }
+    get __couponLoader() {
+        return this.renderRoot.querySelector(`#${this.__couponLoaderId}`);
+    }
+    get __coupon() {
+        var _a;
+        return (_a = this.__couponLoader) === null || _a === void 0 ? void 0 : _a.data;
+    }
+}
+//# sourceMappingURL=AppliedCouponCodeCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppliedCouponCodeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeCard/AppliedCouponCodeCard.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,0BAA0B,CAAC;AACtC,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QACU,qBAAgB,GAAG,cAAc,CAAC;IAgC5C,CAAC;IA9BC,UAAU;;QACR,OAAO,IAAI,CAAA;;;;eAIA,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC;aAChD,IAAI,CAAC,gBAAgB;kBAChB,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;QAIpC,KAAK,CAAC,UAAU,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG,EAAE,WAAC,OAAA,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,EAAE,CAAA,EAAA;SAC7C,CAAC;KACH,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAED,IAAY,cAAc;QAExB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,IAAY,QAAQ;;QAClB,aAAO,IAAI,CAAC,cAAc,0CAAE,IAAI,CAAC;IACnC,CAAC;CACF","sourcesContent":["import 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 { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'applied-coupon-code-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Card element displaying an applied coupon code.\n *\n * @element foxy-applied-coupon-code-card\n * @since 1.21.0\n */\nexport class AppliedCouponCodeCard extends Base<Data> {\n  private __couponLoaderId = 'couponLoader';\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:coupon'].href)}\n        id=${this.__couponLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      ${super.renderBody({\n        title: data => html`${data.code}`,\n        subtitle: () => html`${this.__coupon?.name}`,\n      })}\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    return super.isBodyReady && !!this.__coupon;\n  }\n\n  private get __couponLoader() {\n    type Loader = NucleonElement<Resource<Rels.Coupon>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__couponLoaderId}`);\n  }\n\n  private get __coupon() {\n    return this.__couponLoader?.data;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '../../internal/InternalCard/index';
+import '../NucleonElement/index';
+import { AppliedCouponCodeCard } from './AppliedCouponCodeCard';
+export { AppliedCouponCodeCard };

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

@@ -0,0 +1,6 @@
+import "../../internal/InternalCard/index.js";
+import "../NucleonElement/index.js";
+import { AppliedCouponCodeCard } from "./AppliedCouponCodeCard.js";
+customElements.define('foxy-applied-coupon-code-card', AppliedCouponCodeCard);
+export { AppliedCouponCodeCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,oCAAiC;AAEjC,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC;AAE9E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport '../NucleonElement/index';\n\nimport { AppliedCouponCodeCard } from './AppliedCouponCodeCard';\n\ncustomElements.define('foxy-applied-coupon-code-card', AppliedCouponCodeCard);\n\nexport { AppliedCouponCodeCard };\n"]}

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

@@ -0,0 +1,3 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.AppliedCouponCode>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeCard/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.AppliedCouponCode>;\n"]}

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

@@ -0,0 +1,37 @@
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for managing applied coupon codes (`fx:applied_coupon_code`).
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot ignore-usage-limits:before
+ * @slot ignore-usage-limits:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-applied-coupon-code-form
+ * @since 1.21.0
+ */
+export declare class AppliedCouponCodeForm extends Base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    private readonly __ignoreUsageLimitsOptions;
+    private readonly __getIgnoreUsageLimitsValue;
+    private readonly __setIgnoreUsageLimitsValue;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/AppliedCouponCodeForm/AppliedCouponCodeForm.js

@@ -0,0 +1,73 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+const NS = 'applied-coupon-code-form';
+const Base = TranslatableMixin(InternalForm, NS);
+/**
+ * Form element for managing applied coupon codes (`fx:applied_coupon_code`).
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot ignore-usage-limits:before
+ * @slot ignore-usage-limits:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-applied-coupon-code-form
+ * @since 1.21.0
+ */
+export class AppliedCouponCodeForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+        this.__ignoreUsageLimitsOptions = [{ value: 'checked', label: 'option_checked' }];
+        this.__getIgnoreUsageLimitsValue = () => {
+            return this.form.ignore_usage_limits ? ['checked'] : [];
+        };
+        this.__setIgnoreUsageLimitsValue = (newValue) => {
+            this.edit({ ignore_usage_limits: newValue.includes('checked') });
+        };
+    }
+    static get v8n() {
+        return [({ code: v }) => !!v || 'code:v8n_required'];
+    }
+    get readonlySelector() {
+        return this.data ? new BooleanSelector('not=delete') : super.readonlySelector;
+    }
+    get hiddenSelector() {
+        return new BooleanSelector(`timestamps ${super.hiddenSelector}`);
+    }
+    renderBody() {
+        return html `
+      <foxy-internal-text-control
+        helper-text=${this.t(this.data ? 'code.helper_text_existing' : 'code.helper_text_new')}
+        infer="code"
+      >
+      </foxy-internal-text-control>
+
+      ${this.data
+            ? ''
+            : html `
+            <foxy-internal-checkbox-group-control
+              infer="ignore-usage-limits"
+              class="-my-xs"
+              .getValue=${this.__getIgnoreUsageLimitsValue}
+              .setValue=${this.__setIgnoreUsageLimitsValue}
+              .options=${this.__ignoreUsageLimitsOptions}
+            >
+            </foxy-internal-checkbox-group-control>
+          `}
+
+      <!-- -->
+
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=AppliedCouponCodeForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppliedCouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/AppliedCouponCodeForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,0BAA0B,CAAC;AACtC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QAKE,cAAS,GAAc,EAAE,CAAC;QAET,+BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAE7E,gCAA2B,GAAG,GAAG,EAAE;YAClD,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,CAAC,CAAC;QAEe,gCAA2B,GAAG,CAAC,QAAkB,EAAE,EAAE;YACpE,IAAI,CAAC,IAAI,CAAC,EAAE,mBAAmB,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACnE,CAAC,CAAC;IAoCJ,CAAC;IAlDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC;IACvD,CAAC;IAcD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAChF,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,eAAe,CAAC,cAAc,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,sBAAsB,CAAC;;;;;QAKtF,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;;;;0BAIY,IAAI,CAAC,2BAA2B;0BAChC,IAAI,CAAC,2BAA2B;yBACjC,IAAI,CAAC,0BAA0B;;;WAG7C;;;;QAIH,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'applied-coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing applied coupon codes (`fx:applied_coupon_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot ignore-usage-limits:before\n * @slot ignore-usage-limits:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-applied-coupon-code-form\n * @since 1.21.0\n */\nexport class AppliedCouponCodeForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ code: v }) => !!v || 'code:v8n_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __ignoreUsageLimitsOptions = [{ value: 'checked', label: 'option_checked' }];\n\n  private readonly __getIgnoreUsageLimitsValue = () => {\n    return this.form.ignore_usage_limits ? ['checked'] : [];\n  };\n\n  private readonly __setIgnoreUsageLimitsValue = (newValue: string[]) => {\n    this.edit({ ignore_usage_limits: newValue.includes('checked') });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    return this.data ? new BooleanSelector('not=delete') : super.readonlySelector;\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`timestamps ${super.hiddenSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control\n        helper-text=${this.t(this.data ? 'code.helper_text_existing' : 'code.helper_text_new')}\n        infer=\"code\"\n      >\n      </foxy-internal-text-control>\n\n      ${this.data\n        ? ''\n        : html`\n            <foxy-internal-checkbox-group-control\n              infer=\"ignore-usage-limits\"\n              class=\"-my-xs\"\n              .getValue=${this.__getIgnoreUsageLimitsValue}\n              .setValue=${this.__setIgnoreUsageLimitsValue}\n              .options=${this.__ignoreUsageLimitsOptions}\n            >\n            </foxy-internal-checkbox-group-control>\n          `}\n\n      <!-- -->\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import { AppliedCouponCodeForm } from './AppliedCouponCodeForm';
+export { AppliedCouponCodeForm };

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

@@ -0,0 +1,7 @@
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import { AppliedCouponCodeForm } from "./AppliedCouponCodeForm.js";
+customElements.define('foxy-applied-coupon-code-form', AppliedCouponCodeForm);
+export { AppliedCouponCodeForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC;AAE9E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { AppliedCouponCodeForm } from './AppliedCouponCodeForm';\n\ncustomElements.define('foxy-applied-coupon-code-form', AppliedCouponCodeForm);\n\nexport { AppliedCouponCodeForm };\n"]}

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

@@ -0,0 +1,17 @@
+import type { AppliedCouponCodeForm } from './AppliedCouponCodeForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.AppliedCouponCode> & {
+    ignore_usage_limits?: boolean;
+};
+export declare type Templates = {
+    'code:before'?: Renderer<AppliedCouponCodeForm>;
+    'code:after'?: Renderer<AppliedCouponCodeForm>;
+    'ignore-usage-limits:before'?: Renderer<AppliedCouponCodeForm>;
+    'ignore-usage-limits:after'?: Renderer<AppliedCouponCodeForm>;
+    'create:before'?: Renderer<AppliedCouponCodeForm>;
+    'create:after'?: Renderer<AppliedCouponCodeForm>;
+    'delete:before'?: Renderer<AppliedCouponCodeForm>;
+    'delete:after'?: Renderer<AppliedCouponCodeForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AppliedCouponCodeForm } from './AppliedCouponCodeForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\n// TODO simplify this type once SDK is updated\nexport type Data = Resource<Rels.AppliedCouponCode> & { ignore_usage_limits?: boolean };\n\nexport type Templates = {\n  'code:before'?: Renderer<AppliedCouponCodeForm>;\n  'code:after'?: Renderer<AppliedCouponCodeForm>;\n  'ignore-usage-limits:before'?: Renderer<AppliedCouponCodeForm>;\n  'ignore-usage-limits:after'?: Renderer<AppliedCouponCodeForm>;\n  'create:before'?: Renderer<AppliedCouponCodeForm>;\n  'create:after'?: Renderer<AppliedCouponCodeForm>;\n  'delete:before'?: Renderer<AppliedCouponCodeForm>;\n  'delete:after'?: Renderer<AppliedCouponCodeForm>;\n};\n"]}

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

@@ -19,7 +19,7 @@ declare const AppliedTaxCard_base: typeof TwoLineCard & import("lit-element").Co
 export declare class AppliedTaxCard extends AppliedTaxCard_base<Data> {
     private __currencyDisplay;
     private __currency;
-    render(): TemplateResult;
+    renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;
 }
 export {};

package/dist/elements/public/AppliedTaxCard/AppliedTaxCard.js

@@ -19,8 +19,8 @@ export class AppliedTaxCard extends TranslatableMixin(TwoLineCard, 'applied-tax-
         this.__currencyDisplay = '';
         this.__currency = '';
     }
-    render() {
-        return super.render({
+    renderBody() {
+        return super.renderBody({
             title: data => html `${data.name}`,
             subtitle: data => {
                 return html `

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

@@ -1 +1 @@
-{"version":3,"file":"AppliedTaxCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/AppliedTaxCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,WAAW,EAAE,kBAAkB,CAAO;IAA5F;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA+C1B,CAAC;IA7CC,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,IAAI,CAAA;;sBAEG,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC3C,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;mBACK,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;;;sBAOF,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;mBAChD,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;SAGf,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACnE,KAAK,CAAC,MAAM,CAAQ,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACxD,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,UAAU,CAAC;IACpB,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\n/**\n * Basic card displaying an applied tax.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-applied-tax-card\n * @since 1.11.0\n */\nexport class AppliedTaxCard extends TranslatableMixin(TwoLineCard, 'applied-tax-card')<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  render(): TemplateResult {\n    return super.render({\n      title: data => html`${data.name}`,\n      subtitle: data => {\n        return html`\n          <foxy-i18n\n            options=${JSON.stringify({\n              amount: `${data.amount} ${this.__currency}`,\n              currencyDisplay: this.__currencyDisplay,\n            })}\n            lang=${this.lang}\n            key=\"price\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <span>&bull;</span>\n\n          <foxy-i18n\n            options=${JSON.stringify({ fraction: data.rate / 100 })}\n            lang=${this.lang}\n            key=\"percent\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const appliedTax = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(appliedTax._links['fx:transaction'].href),\n      super._fetch<Store>(appliedTax._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 appliedTax;\n  }\n}\n"]}
+{"version":3,"file":"AppliedTaxCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/AppliedTaxCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,WAAW,EAAE,kBAAkB,CAAO;IAA5F;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA+C1B,CAAC;IA7CC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,IAAI,CAAA;;sBAEG,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC3C,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;mBACK,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;;;sBAOF,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;mBAChD,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;SAGf,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACnE,KAAK,CAAC,MAAM,CAAQ,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACxD,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,UAAU,CAAC;IACpB,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\n/**\n * Basic card displaying an applied tax.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-applied-tax-card\n * @since 1.11.0\n */\nexport class AppliedTaxCard extends TranslatableMixin(TwoLineCard, 'applied-tax-card')<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.name}`,\n      subtitle: data => {\n        return html`\n          <foxy-i18n\n            options=${JSON.stringify({\n              amount: `${data.amount} ${this.__currency}`,\n              currencyDisplay: this.__currencyDisplay,\n            })}\n            lang=${this.lang}\n            key=\"price\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <span>&bull;</span>\n\n          <foxy-i18n\n            options=${JSON.stringify({ fraction: data.rate / 100 })}\n            lang=${this.lang}\n            key=\"percent\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const appliedTax = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(appliedTax._links['fx:transaction'].href),\n      super._fetch<Store>(appliedTax._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 appliedTax;\n  }\n}\n"]}