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

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.js

@@ -0,0 +1,45 @@
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+const Base = ConfigurableMixin(ThemeableMixin(NucleonElement));
+export class InternalStoreShippingMethodFormServicesPageItem extends Base {
+    constructor() {
+        super(...arguments);
+        this.internationalAllowed = false;
+        this.shippingServiceUri = null;
+        this.shippingMethodUri = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            internationalAllowed: { type: Boolean, attribute: 'international-allowed' },
+            shippingServiceUri: { attribute: 'shipping-service-uri' },
+            shippingMethodUri: { attribute: 'shipping-method-uri' },
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        const service = (_a = this.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:store_shipping_services'][0];
+        const parent = service ? undefined : this.href;
+        const href = service ? service._links.self.href : undefined;
+        return html `
+      <foxy-internal-store-shipping-method-form-services-page-item-content
+        shipping-service-uri=${ifDefined((_b = this.shippingServiceUri) !== null && _b !== void 0 ? _b : void 0)}
+        shipping-method-uri=${ifDefined((_c = this.shippingMethodUri) !== null && _c !== void 0 ? _c : void 0)}
+        data-testid="content"
+        parent=${ifDefined(parent)}
+        class="h-full"
+        infer=""
+        href=${ifDefined(href)}
+      >
+        <slot></slot>
+        <span class=${this.internationalAllowed || !href ? 'text-tertiary' : 'text-error'}>
+          <slot name="suffix"></slot>
+        </span>
+      </foxy-internal-store-shipping-method-form-services-page-item-content>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesPageItem.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesPageItem.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,cAAc,EAAE,kDAA+C;AACxE,OAAO,EAAE,cAAc,EAAE,2CAAwC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,+CAAgD,SAAQ,IAAU;IAA/E;;QAUE,yBAAoB,GAAG,KAAK,CAAC;QAE7B,uBAAkB,GAAkB,IAAI,CAAC;QAEzC,sBAAiB,GAAkB,IAAI,CAAC;IAwB1C,CAAC;IArCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,oBAAoB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE;YAC3E,kBAAkB,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE;YACzD,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE;SACxD,CAAC;IACJ,CAAC;IAQD,MAAM;;QACJ,MAAM,OAAO,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5D,OAAO,IAAI,CAAA;;+BAEgB,SAAS,OAAC,IAAI,CAAC,kBAAkB,mCAAI,KAAK,CAAC,CAAC;8BAC7C,SAAS,OAAC,IAAI,CAAC,iBAAiB,mCAAI,KAAK,CAAC,CAAC;;iBAExD,SAAS,CAAC,MAAM,CAAC;;;eAGnB,SAAS,CAAC,IAAI,CAAC;;;sBAGR,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;;;;KAIpF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\ntype Data = Resource<Rels.StoreShippingServices>;\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class InternalStoreShippingMethodFormServicesPageItem extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      internationalAllowed: { type: Boolean, attribute: 'international-allowed' },\n      shippingServiceUri: { attribute: 'shipping-service-uri' },\n      shippingMethodUri: { attribute: 'shipping-method-uri' },\n    };\n  }\n\n  internationalAllowed = false;\n\n  shippingServiceUri: string | null = null;\n\n  shippingMethodUri: string | null = null;\n\n  render(): TemplateResult {\n    const service = this.data?._embedded['fx:store_shipping_services'][0];\n    const parent = service ? undefined : this.href;\n    const href = service ? service._links.self.href : undefined;\n\n    return html`\n      <foxy-internal-store-shipping-method-form-services-page-item-content\n        shipping-service-uri=${ifDefined(this.shippingServiceUri ?? void 0)}\n        shipping-method-uri=${ifDefined(this.shippingMethodUri ?? void 0)}\n        data-testid=\"content\"\n        parent=${ifDefined(parent)}\n        class=\"h-full\"\n        infer=\"\"\n        href=${ifDefined(href)}\n      >\n        <slot></slot>\n        <span class=${this.internationalAllowed || !href ? 'text-tertiary' : 'text-error'}>\n          <slot name=\"suffix\"></slot>\n        </span>\n      </foxy-internal-store-shipping-method-form-services-page-item-content>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.d.ts

@@ -0,0 +1,3 @@
+import '../InternalStoreShippingMethodFormServicesPageItemContent/index';
+import { InternalStoreShippingMethodFormServicesPageItem } from './InternalStoreShippingMethodFormServicesPageItem';
+export { InternalStoreShippingMethodFormServicesPageItem };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.js

@@ -0,0 +1,5 @@
+import "../InternalStoreShippingMethodFormServicesPageItemContent/index.js";
+import { InternalStoreShippingMethodFormServicesPageItem } from "./InternalStoreShippingMethodFormServicesPageItem.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-page-item', InternalStoreShippingMethodFormServicesPageItem);
+export { InternalStoreShippingMethodFormServicesPageItem };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.ts"],"names":[],"mappings":"AAAA,4EAAyE;AAEzE,OAAO,EAAE,+CAA+C,EAAE,6DAA0D;AAEpH,cAAc,CAAC,MAAM,CACnB,6DAA6D,EAC7D,+CAA+C,CAChD,CAAC;AAEF,OAAO,EAAE,+CAA+C,EAAE,CAAC","sourcesContent":["import '../InternalStoreShippingMethodFormServicesPageItemContent/index';\n\nimport { InternalStoreShippingMethodFormServicesPageItem } from './InternalStoreShippingMethodFormServicesPageItem';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page-item',\n  InternalStoreShippingMethodFormServicesPageItem\n);\n\nexport { InternalStoreShippingMethodFormServicesPageItem };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/InternalStoreShippingMethodFormServicesPageItemContent.d.ts

@@ -0,0 +1,16 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+declare type Data = Resource<Rels.StoreShippingService>;
+declare const Base: typeof NucleonElement & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPageItemContent extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    shippingServiceUri: string | null;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/InternalStoreShippingMethodFormServicesPageItemContent.js

@@ -0,0 +1,49 @@
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { html } from 'lit-html';
+const Base = ConfigurableMixin(ThemeableMixin(NucleonElement));
+export class InternalStoreShippingMethodFormServicesPageItemContent extends Base {
+    constructor() {
+        super(...arguments);
+        this.shippingServiceUri = null;
+        this.shippingMethodUri = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            shippingServiceUri: { attribute: 'shipping-service-uri' },
+            shippingMethodUri: { attribute: 'shipping-method-uri' },
+        };
+    }
+    render() {
+        return html `
+      <div class="h-full flex items-center">
+        <vaadin-checkbox
+          data-testid="checkbox"
+          class="w-full"
+          ?disabled=${!this.in('idle') || this.disabled}
+          ?readonly=${this.readonly}
+          ?checked=${!!this.data}
+          @change=${(evt) => {
+            var _a, _b;
+            const checkbox = evt.currentTarget;
+            if (checkbox.checked) {
+                this.edit({
+                    shipping_service_uri: (_a = this.shippingServiceUri) !== null && _a !== void 0 ? _a : '',
+                    shipping_method_uri: (_b = this.shippingMethodUri) !== null && _b !== void 0 ? _b : '',
+                });
+                this.submit();
+            }
+            else {
+                this.delete();
+            }
+        }}
+        >
+          <slot></slot>
+        </vaadin-checkbox>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesPageItemContent.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/InternalStoreShippingMethodFormServicesPageItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesPageItemContent.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/InternalStoreShippingMethodFormServicesPageItemContent.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,cAAc,EAAE,kDAA+C;AACxE,OAAO,EAAE,cAAc,EAAE,2CAAwC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,sDAAuD,SAAQ,IAAU;IAAtF;;QASE,uBAAkB,GAAkB,IAAI,CAAC;QAEzC,sBAAiB,GAAkB,IAAI,CAAC;IA+B1C,CAAC;IAzCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,kBAAkB,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE;YACzD,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE;SACxD,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;sBAKO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;sBACjC,IAAI,CAAC,QAAQ;qBACd,CAAC,CAAC,IAAI,CAAC,IAAI;oBACZ,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YAEtD,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,IAAI,CAAC,IAAI,CAAC;oBACR,oBAAoB,QAAE,IAAI,CAAC,kBAAkB,mCAAI,EAAE;oBACnD,mBAAmB,QAAE,IAAI,CAAC,iBAAiB,mCAAI,EAAE;iBAClD,CAAC,CAAC;gBAEH,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;iBAAM;gBACL,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC;;;;;KAKN,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { html } from 'lit-html';\n\ntype Data = Resource<Rels.StoreShippingService>;\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class InternalStoreShippingMethodFormServicesPageItemContent extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      shippingServiceUri: { attribute: 'shipping-service-uri' },\n      shippingMethodUri: { attribute: 'shipping-method-uri' },\n    };\n  }\n\n  shippingServiceUri: string | null = null;\n\n  shippingMethodUri: string | null = null;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"h-full flex items-center\">\n        <vaadin-checkbox\n          data-testid=\"checkbox\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabled}\n          ?readonly=${this.readonly}\n          ?checked=${!!this.data}\n          @change=${(evt: CustomEvent) => {\n            const checkbox = evt.currentTarget as CheckboxElement;\n\n            if (checkbox.checked) {\n              this.edit({\n                shipping_service_uri: this.shippingServiceUri ?? '',\n                shipping_method_uri: this.shippingMethodUri ?? '',\n              });\n\n              this.submit();\n            } else {\n              this.delete();\n            }\n          }}\n        >\n          <slot></slot>\n        </vaadin-checkbox>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.d.ts

@@ -0,0 +1,3 @@
+import '@vaadin/vaadin-checkbox';
+import { InternalStoreShippingMethodFormServicesPageItemContent } from './InternalStoreShippingMethodFormServicesPageItemContent';
+export { InternalStoreShippingMethodFormServicesPageItemContent };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.js

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-checkbox';
+import { InternalStoreShippingMethodFormServicesPageItemContent } from "./InternalStoreShippingMethodFormServicesPageItemContent.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-page-item-content', InternalStoreShippingMethodFormServicesPageItemContent);
+export { InternalStoreShippingMethodFormServicesPageItemContent };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,sDAAsD,EAAE,oEAAiE;AAElI,cAAc,CAAC,MAAM,CACnB,qEAAqE,EACrE,sDAAsD,CACvD,CAAC;AAEF,OAAO,EAAE,sDAAsD,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox';\n\nimport { InternalStoreShippingMethodFormServicesPageItemContent } from './InternalStoreShippingMethodFormServicesPageItemContent';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page-item-content',\n  InternalStoreShippingMethodFormServicesPageItemContent\n);\n\nexport { InternalStoreShippingMethodFormServicesPageItemContent };\n"]}

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

@@ -0,0 +1,37 @@
+import type { StoreShippingMethodForm } from './StoreShippingMethodForm';
+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.StoreShippingMethod, {
+    zoom: ['shipping_method', 'shipping_container', 'shipping_drop_type'];
+}>;
+export declare type Templates = {
+    'shipping-method-uri:before'?: Renderer<StoreShippingMethodForm>;
+    'shipping-method-uri:after'?: Renderer<StoreShippingMethodForm>;
+    'shipping-container-uri:before'?: Renderer<StoreShippingMethodForm>;
+    'shipping-container-uri:after'?: Renderer<StoreShippingMethodForm>;
+    'shipping-drop-type-uri:before'?: Renderer<StoreShippingMethodForm>;
+    'shipping-drop-type-uri:after'?: Renderer<StoreShippingMethodForm>;
+    'destinations:before'?: Renderer<StoreShippingMethodForm>;
+    'destinations:after'?: Renderer<StoreShippingMethodForm>;
+    'authentication-key:before'?: Renderer<StoreShippingMethodForm>;
+    'authentication-key:after'?: Renderer<StoreShippingMethodForm>;
+    'meter-number:before'?: Renderer<StoreShippingMethodForm>;
+    'meter-number:after'?: Renderer<StoreShippingMethodForm>;
+    'endpoint:before'?: Renderer<StoreShippingMethodForm>;
+    'endpoint:after'?: Renderer<StoreShippingMethodForm>;
+    'accountid:before'?: Renderer<StoreShippingMethodForm>;
+    'accountid:after'?: Renderer<StoreShippingMethodForm>;
+    'password:before'?: Renderer<StoreShippingMethodForm>;
+    'password:after'?: Renderer<StoreShippingMethodForm>;
+    'custom-code:before'?: Renderer<StoreShippingMethodForm>;
+    'custom-code:after'?: Renderer<StoreShippingMethodForm>;
+    'services:before'?: Renderer<StoreShippingMethodForm>;
+    'services:after'?: Renderer<StoreShippingMethodForm>;
+    'timestamps:before'?: Renderer<StoreShippingMethodForm>;
+    'timestamps:after'?: Renderer<StoreShippingMethodForm>;
+    'create:before'?: Renderer<StoreShippingMethodForm>;
+    'create:after'?: Renderer<StoreShippingMethodForm>;
+    'delete:before'?: Renderer<StoreShippingMethodForm>;
+    'delete:after'?: Renderer<StoreShippingMethodForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StoreShippingMethodForm } from './StoreShippingMethodForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<\n  Rels.StoreShippingMethod,\n  {\n    zoom: ['shipping_method', 'shipping_container', 'shipping_drop_type'];\n  }\n>;\n\nexport type Templates = {\n  'shipping-method-uri:before'?: Renderer<StoreShippingMethodForm>;\n  'shipping-method-uri:after'?: Renderer<StoreShippingMethodForm>;\n  'shipping-container-uri:before'?: Renderer<StoreShippingMethodForm>;\n  'shipping-container-uri:after'?: Renderer<StoreShippingMethodForm>;\n  'shipping-drop-type-uri:before'?: Renderer<StoreShippingMethodForm>;\n  'shipping-drop-type-uri:after'?: Renderer<StoreShippingMethodForm>;\n  'destinations:before'?: Renderer<StoreShippingMethodForm>;\n  'destinations:after'?: Renderer<StoreShippingMethodForm>;\n  'authentication-key:before'?: Renderer<StoreShippingMethodForm>;\n  'authentication-key:after'?: Renderer<StoreShippingMethodForm>;\n  'meter-number:before'?: Renderer<StoreShippingMethodForm>;\n  'meter-number:after'?: Renderer<StoreShippingMethodForm>;\n  'endpoint:before'?: Renderer<StoreShippingMethodForm>;\n  'endpoint:after'?: Renderer<StoreShippingMethodForm>;\n  'accountid:before'?: Renderer<StoreShippingMethodForm>;\n  'accountid:after'?: Renderer<StoreShippingMethodForm>;\n  'password:before'?: Renderer<StoreShippingMethodForm>;\n  'password:after'?: Renderer<StoreShippingMethodForm>;\n  'custom-code:before'?: Renderer<StoreShippingMethodForm>;\n  'custom-code:after'?: Renderer<StoreShippingMethodForm>;\n  'services:before'?: Renderer<StoreShippingMethodForm>;\n  'services:after'?: Renderer<StoreShippingMethodForm>;\n  'timestamps:before'?: Renderer<StoreShippingMethodForm>;\n  'timestamps:after'?: Renderer<StoreShippingMethodForm>;\n  'create:before'?: Renderer<StoreShippingMethodForm>;\n  'create:after'?: Renderer<StoreShippingMethodForm>;\n  'delete:before'?: Renderer<StoreShippingMethodForm>;\n  'delete:after'?: Renderer<StoreShippingMethodForm>;\n};\n"]}

package/dist/elements/public/SubscriptionCard/SubscriptionCard.js

@@ -118,6 +118,7 @@ export class SubscriptionCard extends Base {
         const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];
         return {
             most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],
+            count_minus_one: items.length - 1,
             count: items.length,
         };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-semibold origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 font-semibold leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-spinner\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n\n      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\n      most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n      count: items.length,\n    };\n  }\n\n  private __getStatusOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n    return {\n      date:\n        this.data.first_failed_transaction_date ??\n        this.data.end_date ??\n        this.data.next_transaction_date,\n    };\n  }\n\n  private __getPriceOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n\n    const transaction = this.data._embedded['fx:last_transaction'];\n    const amount = `${transaction.total_order} ${transaction.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    if (this.data?.first_failed_transaction_date) return 'subscription_failed';\n\n    if (this.data?.end_date) {\n      const hasEnded = new Date(this.data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    return `subscription_${this.data?.is_active ? 'active' : 'inactive'}`;\n  }\n}\n"]}
+{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-semibold origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 font-semibold leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-spinner\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n\n      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\n      most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n      count_minus_one: items.length - 1,\n      count: items.length,\n    };\n  }\n\n  private __getStatusOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n    return {\n      date:\n        this.data.first_failed_transaction_date ??\n        this.data.end_date ??\n        this.data.next_transaction_date,\n    };\n  }\n\n  private __getPriceOptions() {\n    if (!this.in({ idle: 'snapshot' })) return {};\n\n    const transaction = this.data._embedded['fx:last_transaction'];\n    const amount = `${transaction.total_order} ${transaction.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    if (this.data?.first_failed_transaction_date) return 'subscription_failed';\n\n    if (this.data?.end_date) {\n      const hasEnded = new Date(this.data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    return `subscription_${this.data?.is_active ? 'active' : 'inactive'}`;\n  }\n}\n"]}

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

@@ -1,12 +1,11 @@
-import { Data, Settings, Templates } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-import { TemplateResult } from 'lit-html';
-import { NucleonElement } from '../NucleonElement/index';
-import { PropertyDeclarations } from 'lit-element';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { Data, Settings, Templates, TransactionPageGetter } from './types';
+import type { PropertyDeclarations } from 'lit-element';
+import type { ScopedElementsMap } from '@open-wc/scoped-elements';
+import type { TemplateResult } from 'lit-html';
+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;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: import("lit-element").CSSResultArray;
 } & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
 /**
  * Form element for creating or editing subscriptions.
@@ -31,31 +30,64 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  * @slot transactions:before - **new in v1.4.0**
  * @slot transactions:after - **new in v1.4.0**
  *
+ * @slot attributes:before - **new in v1.20.0**
+ * @slot attributes:after - **new in v1.20.0**
+ *
+ * @slot timestamps:before - **new in v1.20.0**
+ * @slot timestamps:after - **new in v1.20.0**
+ *
+ * @slot past-due-amount:before - **new in v1.20.0**
+ * @slot past-due-amount:after - **new in v1.20.0**
+ *
+ * @slot start-date:before - **new in v1.20.0**
+ * @slot start-date:after - **new in v1.20.0**
+ *
  * @element foxy-subscription-form
  * @since 1.2.0
  */
 export declare class SubscriptionForm extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;
-    settings: Settings | null;
+    getTransactionPageHref: TransactionPageGetter;
+    customerAddresses: string | null;
+    itemCategories: string | null;
+    localeCodes: string | null;
     templates: Templates;
+    settings: Settings | null;
+    coupons: string | null;
+    private readonly __transactionTemplateLoaderId;
+    private readonly __defaultTemplateSetLoaderId;
+    private readonly __localeCodesHelperLoaderId;
+    private readonly __templateSetLoaderId;
+    private readonly __storeLoaderId;
     private readonly __renderHeaderSubtitle;
     private readonly __renderHeaderTitle;
     private readonly __renderHeader;
     private readonly __renderItemsActions;
-    private readonly __renderItemsItem;
     private readonly __renderItems;
     private readonly __renderEndDate;
     private readonly __checkNextTransactionDateAvailability;
+    private readonly __checkStartDateAvailability;
+    private readonly __renderStartDate;
     private readonly __renderNextTransactionDate;
     private readonly __renderFrequencyAsDropdown;
     private readonly __renderFrequencyAsRadioList;
     private readonly __renderFrequency;
-    private readonly __transactionsTableColumns;
-    private readonly __renderTransactionsPage;
-    private readonly __renderTransactions;
-    render(): TemplateResult;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    private get __transactionTemplateHref();
+    private get __defaultTemplateSetHref();
+    private get __localeCodesHelperHref();
+    private get __templateSetHref();
+    private get __storeHref();
+    private get __transactionTemplate();
+    private get __defaultTemplateSet();
+    private get __localeCodesHelper();
+    private get __templateSet();
+    private get __store();
     private get __isNextTransactionDateVisible();
+    private get __isStartDateVisible();
+    private get __isStartDateEditable();
     private get __isFrequencyVisible();
     private get __frequencies();
 }