@foxy.io/elements 1.24.0-beta.5 → 1.24.0

package/dist/elements/internal/InternalForm/InternalForm.d.ts

@@ -1,5 +1,7 @@
+import type { PropertyDeclarations } from 'lit-element';
 import type { HALJSONResource } from '../../public/NucleonElement/types';
 import type { TemplateResult } from 'lit-html';
+import type { Status } from './types';
 import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & {
     styles: import("lit-element").CSSResultArray;
@@ -12,6 +14,11 @@ declare const Base: typeof NucleonElement & {
  * @since 1.17.0
  */
 export declare class InternalForm<TData extends HALJSONResource> extends Base<TData> {
+    /** Validation errors with this prefix will show up at the top of the form. */
+    static generalErrorPrefix: string;
+    static get properties(): PropertyDeclarations;
+    /** Status message to render at the top of the form. If `null`, the message is hidden. */
+    status: null | Status;
     /**
      * Renders form body. This is the method you should implement in your forms
      * instead of `.render()`. If you'd like to keep the submit button and the timestamps,
@@ -23,5 +30,8 @@ export declare class InternalForm<TData extends HALJSONResource> extends Base<TD
      * instead of this method in your form to keep the spinner and the common layout features.
      */
     render(): TemplateResult;
+    private get __generalErrors();
+    private __renderGeneralError;
+    private __renderStatus;
 }
 export {};

package/dist/elements/internal/InternalForm/InternalForm.js

@@ -12,6 +12,17 @@ const Base = ConfigurableMixin(ThemeableMixin(NucleonElement));
  * @since 1.17.0
  */
 export class InternalForm extends Base {
+    constructor() {
+        super(...arguments);
+        /** Status message to render at the top of the form. If `null`, the message is hidden. */
+        this.status = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            status: { type: Object },
+        };
+    }
     /**
      * Renders form body. This is the method you should implement in your forms
      * instead of `.render()`. If you'd like to keep the submit button and the timestamps,
@@ -40,7 +51,8 @@ export class InternalForm extends Base {
             'opacity-0 pointer-events-none': isSpinnerVisible,
         })}
         >
-          ${this.renderBody()}
+          ${this.__generalErrors.map(err => this.__renderGeneralError(err))}
+          ${this.status ? this.__renderStatus(this.status) : ''} ${this.renderBody()}
         </div>
 
         <div
@@ -61,5 +73,40 @@ export class InternalForm extends Base {
       </div>
     `;
     }
+    get __generalErrors() {
+        const prefix = this.constructor.generalErrorPrefix;
+        return this.errors.filter(v => v.startsWith(prefix));
+    }
+    __renderGeneralError(err) {
+        return html `
+      <foxy-i18n
+        class="leading-xs text-body rounded bg-error-10 block"
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+        infer="error"
+        key=${err.replace('error:', '')}
+      >
+      </foxy-i18n>
+    `;
+    }
+    __renderStatus({ key, options }) {
+        return html `
+      <p
+        data-testid="status"
+        class="leading-xs text-body rounded bg-success-10 flex items-start gap-m"
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+      >
+        <foxy-i18n class="flex-1" infer="status" key=${key} .options=${options}></foxy-i18n>
+        <vaadin-button
+          class="flex-shrink-0"
+          theme="success tertiary-inline"
+          @click=${() => (this.status = null)}
+        >
+          <foxy-i18n class="flex-1" infer="status" key="close"></foxy-i18n>
+        </vaadin-button>
+      </p>
+    `;
+    }
 }
+/** Validation errors with this prefix will show up at the top of the form. */
+InternalForm.generalErrorPrefix = 'error:';
 //# sourceMappingURL=InternalForm.js.map

package/dist/elements/internal/InternalForm/InternalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalForm.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/InternalForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAC1E;;;;OAIG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;;SAGH;YACH,CAAC,CAAC,IAAI,CAAA,8EAA8E,CAAC;IACzF,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5F,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,oBAAoB,EAAE,IAAI;YAC1B,+BAA+B,EAAE,gBAAgB;SAClD,CAAC;;YAEA,IAAI,CAAC,UAAU,EAAE;;;;;kBAKX,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,+BAA+B,EAAE,CAAC,gBAAgB;SACnD,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;oBAE1C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;KAMjD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\n/**\n * An internal base class for any nucleon-powered form. Renders create/delete\n * buttons and timestamps by default, displays a spinner in non-idle states.\n *\n * @element foxy-internal-form\n * @since 1.17.0\n */\nexport class InternalForm<TData extends HALJSONResource> extends Base<TData> {\n  /**\n   * Renders form body. This is the method you should implement in your forms\n   * instead of `.render()`. If you'd like to keep the submit button and the timestamps,\n   * don't forget to add `super.renderBody()` to your template.\n   */\n  renderBody(): TemplateResult {\n    return this.data\n      ? html`\n          <foxy-internal-timestamps-control infer=\"timestamps\"></foxy-internal-timestamps-control>\n          <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n        `\n      : html`<foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>`;\n  }\n\n  /**\n   * Renders the entire form. You should probably implement `.renderBody()`\n   * instead of this method in your form to keep the spinner and the common layout features.\n   */\n  render(): TemplateResult {\n    const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) || !this.data);\n\n    return html`\n      <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-1 gap-m': true,\n            'transition-opacity': true,\n            'opacity-0 pointer-events-none': isSpinnerVisible,\n          })}\n        >\n          ${this.renderBody()}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition-opacity absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isSpinnerVisible,\n          })}\n        >\n          <foxy-spinner\n            layout=${this.in('fail') ? 'vertical' : 'no-label'}\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : 'busy'}\n            infer=\"spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalForm.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/InternalForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAA5E;;QAWE,yFAAyF;QACzF,WAAM,GAAkB,IAAI,CAAC;IA0F/B,CAAC;IAlGC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAKD;;;;OAIG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;;SAGH;YACH,CAAC,CAAC,IAAI,CAAA,8EAA8E,CAAC;IACzF,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5F,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,oBAAoB,EAAE,IAAI;YAC1B,+BAA+B,EAAE,gBAAgB;SAClD,CAAC;;YAEA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;YAC/D,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE;;;;;kBAKlE,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,+BAA+B,EAAE,CAAC,gBAAgB;SACnD,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;oBAE1C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;KAMjD,CAAC;IACJ,CAAC;IAED,IAAY,eAAe;QACzB,MAAM,MAAM,GAAI,IAAI,CAAC,WAAmC,CAAC,kBAAkB,CAAC;QAC5E,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,CAAC;IAEO,oBAAoB,CAAC,GAAW;QACtC,OAAO,IAAI,CAAA;;;;;cAKD,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;;;KAGlC,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,EAAE,GAAG,EAAE,OAAO,EAAU;QAC7C,OAAO,IAAI,CAAA;;;;;;uDAMwC,GAAG,aAAa,OAAO;;;;mBAI3D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;KAKxC,CAAC;IACJ,CAAC;;AApGD,8EAA8E;AACvE,+BAAkB,GAAG,QAAQ,CAAC","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\nimport type { Status } from './types';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\n/**\n * An internal base class for any nucleon-powered form. Renders create/delete\n * buttons and timestamps by default, displays a spinner in non-idle states.\n *\n * @element foxy-internal-form\n * @since 1.17.0\n */\nexport class InternalForm<TData extends HALJSONResource> extends Base<TData> {\n  /** Validation errors with this prefix will show up at the top of the form. */\n  static generalErrorPrefix = 'error:';\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      status: { type: Object },\n    };\n  }\n\n  /** Status message to render at the top of the form. If `null`, the message is hidden. */\n  status: null | Status = null;\n\n  /**\n   * Renders form body. This is the method you should implement in your forms\n   * instead of `.render()`. If you'd like to keep the submit button and the timestamps,\n   * don't forget to add `super.renderBody()` to your template.\n   */\n  renderBody(): TemplateResult {\n    return this.data\n      ? html`\n          <foxy-internal-timestamps-control infer=\"timestamps\"></foxy-internal-timestamps-control>\n          <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n        `\n      : html`<foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>`;\n  }\n\n  /**\n   * Renders the entire form. You should probably implement `.renderBody()`\n   * instead of this method in your form to keep the spinner and the common layout features.\n   */\n  render(): TemplateResult {\n    const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) || !this.data);\n\n    return html`\n      <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-1 gap-m': true,\n            'transition-opacity': true,\n            'opacity-0 pointer-events-none': isSpinnerVisible,\n          })}\n        >\n          ${this.__generalErrors.map(err => this.__renderGeneralError(err))}\n          ${this.status ? this.__renderStatus(this.status) : ''} ${this.renderBody()}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition-opacity absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isSpinnerVisible,\n          })}\n        >\n          <foxy-spinner\n            layout=${this.in('fail') ? 'vertical' : 'no-label'}\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : 'busy'}\n            infer=\"spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __generalErrors() {\n    const prefix = (this.constructor as typeof InternalForm).generalErrorPrefix;\n    return this.errors.filter(v => v.startsWith(prefix));\n  }\n\n  private __renderGeneralError(err: string) {\n    return html`\n      <foxy-i18n\n        class=\"leading-xs text-body rounded bg-error-10 block\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        infer=\"error\"\n        key=${err.replace('error:', '')}\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderStatus({ key, options }: Status) {\n    return html`\n      <p\n        data-testid=\"status\"\n        class=\"leading-xs text-body rounded bg-success-10 flex items-start gap-m\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n      >\n        <foxy-i18n class=\"flex-1\" infer=\"status\" key=${key} .options=${options}></foxy-i18n>\n        <vaadin-button\n          class=\"flex-shrink-0\"\n          theme=\"success tertiary-inline\"\n          @click=${() => (this.status = null)}\n        >\n          <foxy-i18n class=\"flex-1\" infer=\"status\" key=\"close\"></foxy-i18n>\n        </vaadin-button>\n      </p>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalForm/index.d.ts

@@ -1,3 +1,4 @@
+import '@vaadin/vaadin-button';
 import '../InternalTimestampsControl/index';
 import '../InternalCreateControl/index';
 import '../InternalDeleteControl/index';

package/dist/elements/internal/InternalForm/index.js

@@ -1,3 +1,4 @@
+import '@vaadin/vaadin-button';
 import "../InternalTimestampsControl/index.js";
 import "../InternalCreateControl/index.js";
 import "../InternalDeleteControl/index.js";

package/dist/elements/internal/InternalForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/index.ts"],"names":[],"mappings":"AAAA,+CAA4C;AAC5C,2CAAwC;AACxC,2CAAwC;AAExC,uCAAoC;AAEpC,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../InternalTimestampsControl/index';\nimport '../InternalCreateControl/index';\nimport '../InternalDeleteControl/index';\n\nimport '../../public/Spinner/index';\n\nimport { InternalForm } from './InternalForm';\n\ncustomElements.define('foxy-internal-form', InternalForm);\n\nexport { InternalForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,+CAA4C;AAC5C,2CAAwC;AACxC,2CAAwC;AAExC,uCAAoC;AAEpC,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../InternalTimestampsControl/index';\nimport '../InternalCreateControl/index';\nimport '../InternalDeleteControl/index';\n\nimport '../../public/Spinner/index';\n\nimport { InternalForm } from './InternalForm';\n\ncustomElements.define('foxy-internal-form', InternalForm);\n\nexport { InternalForm };\n"]}

package/dist/elements/internal/InternalForm/types.d.ts

@@ -0,0 +1,4 @@
+export declare type Status = {
+    key: string;
+    options?: unknown;
+};

package/dist/elements/internal/InternalForm/types.js

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

package/dist/elements/internal/InternalForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Status = { key: string; options?: unknown };\n"]}

package/dist/elements/internal/InternalPasswordControl/InternalPasswordControl.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateResult } from 'lit-element';
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
 /**
  * Internal control displaying a basic password box.
@@ -7,7 +7,11 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * @element foxy-internal-password-field-control
  */
 export declare class InternalPasswordControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    /** If true, renders the password generator button. */
+    showGenerator: boolean;
     renderControl(): TemplateResult;
     protected get _value(): string;
     protected set _value(newValue: string);
+    private __renderGenerator;
 }

package/dist/elements/internal/InternalPasswordControl/InternalPasswordControl.js

@@ -1,6 +1,8 @@
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { generateRandomPassword } from "./generateRandomPassword.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { html } from 'lit-element';
+import { html, svg } from 'lit-element';
+import { classMap } from "../../../utils/class-map.js";
 /**
  * Internal control displaying a basic password box.
  *
@@ -8,6 +10,17 @@ import { html } from 'lit-element';
  * @element foxy-internal-password-field-control
  */
 export class InternalPasswordControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        /** If true, renders the password generator button. */
+        this.showGenerator = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            showGenerator: { type: Boolean, attribute: 'show-generator' },
+        };
+    }
     renderControl() {
         return html `
       <vaadin-password-field
@@ -26,6 +39,7 @@ export class InternalPasswordControl extends InternalEditableControl {
             this._value = area.value;
         }}
       >
+        ${this.showGenerator ? this.__renderGenerator() : ''}
       </vaadin-password-field>
     `;
     }
@@ -36,5 +50,26 @@ export class InternalPasswordControl extends InternalEditableControl {
     set _value(newValue) {
         super._value = newValue;
     }
+    __renderGenerator() {
+        return html `
+      <div
+        data-testid="generator"
+        class=${classMap({
+            'w-s h-s flex items-center justify-center cursor-default transition-colors': true,
+            'text-contrast-60 hover-text-contrast-80': !this.disabled && !this.readonly,
+            'text-contrast-20': this.disabled || this.readonly,
+        })}
+        slot="suffix"
+        @click=${() => {
+            this._value = generateRandomPassword();
+            const field = this.renderRoot.querySelector('vaadin-password-field');
+            // @ts-expect-error: this is a private method but it's ok since the version is fixed
+            field === null || field === void 0 ? void 0 : field._setPasswordVisible(true);
+        }}
+      >
+        ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1.15em; height: 1.15em"><path d="M15.98 1.804a1 1 0 00-1.96 0l-.24 1.192a1 1 0 01-.784.785l-1.192.238a1 1 0 000 1.962l1.192.238a1 1 0 01.785.785l.238 1.192a1 1 0 001.962 0l.238-1.192a1 1 0 01.785-.785l1.192-.238a1 1 0 000-1.962l-1.192-.238a1 1 0 01-.785-.785l-.238-1.192zM6.949 5.684a1 1 0 00-1.898 0l-.683 2.051a1 1 0 01-.633.633l-2.051.683a1 1 0 000 1.898l2.051.684a1 1 0 01.633.632l.683 2.051a1 1 0 001.898 0l.683-2.051a1 1 0 01.633-.633l2.051-.683a1 1 0 000-1.898l-2.051-.683a1 1 0 01-.633-.633L6.95 5.684zM13.949 13.684a1 1 0 00-1.898 0l-.184.551a1 1 0 01-.632.633l-.551.183a1 1 0 000 1.898l.551.183a1 1 0 01.633.633l.183.551a1 1 0 001.898 0l.184-.551a1 1 0 01.632-.633l.551-.183a1 1 0 000-1.898l-.551-.184a1 1 0 01-.633-.632l-.183-.551z" /></svg>`}
+      </div>
+    `;
+    }
 }
 //# sourceMappingURL=InternalPasswordControl.js.map

package/dist/elements/internal/InternalPasswordControl/InternalPasswordControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalPasswordControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPasswordControl/InternalPasswordControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,uBAAwB,SAAQ,uBAAuB;IAClE,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,GAAG,CAAC,aAAqC,CAAC;YACvD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { PasswordFieldElement } from '@vaadin/vaadin-text-field/vaadin-password-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic password box.\n *\n * @since 1.17.0\n * @element foxy-internal-password-field-control\n */\nexport class InternalPasswordControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-password-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const area = evt.currentTarget as PasswordFieldElement;\n          this._value = area.value;\n        }}\n      >\n      </vaadin-password-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}
+{"version":3,"file":"InternalPasswordControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPasswordControl/InternalPasswordControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,sBAAsB,EAAE,oCAAiC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,uBAAwB,SAAQ,uBAAuB;IAApE;;QAQE,sDAAsD;QACtD,kBAAa,GAAG,KAAK,CAAC;IAsDxB,CAAC;IA9DC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE;SAC9D,CAAC;IACJ,CAAC;IAKD,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,GAAG,CAAC,aAAqC,CAAC;YACvD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,CAAC;;UAEC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE;;KAEvD,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,2EAA2E,EAAE,IAAI;YACjF,yCAAyC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC3E,kBAAkB,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;SACnD,CAAC;;iBAEO,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,GAAG,sBAAsB,EAAE,CAAC;YACvC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACrE,oFAAoF;YACpF,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAC,IAAI,EAAE;QACnC,CAAC;;UAEC,GAAG,CAAA,g1BAAg1B;;KAEx1B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { PasswordFieldElement } from '@vaadin/vaadin-text-field/vaadin-password-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { generateRandomPassword } from './generateRandomPassword';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, svg } from 'lit-element';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic password box.\n *\n * @since 1.17.0\n * @element foxy-internal-password-field-control\n */\nexport class InternalPasswordControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      showGenerator: { type: Boolean, attribute: 'show-generator' },\n    };\n  }\n\n  /** If true, renders the password generator button. */\n  showGenerator = false;\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-password-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const area = evt.currentTarget as PasswordFieldElement;\n          this._value = area.value;\n        }}\n      >\n        ${this.showGenerator ? this.__renderGenerator() : ''}\n      </vaadin-password-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n\n  private __renderGenerator(): TemplateResult {\n    return html`\n      <div\n        data-testid=\"generator\"\n        class=${classMap({\n          'w-s h-s flex items-center justify-center cursor-default transition-colors': true,\n          'text-contrast-60 hover-text-contrast-80': !this.disabled && !this.readonly,\n          'text-contrast-20': this.disabled || this.readonly,\n        })}\n        slot=\"suffix\"\n        @click=${() => {\n          this._value = generateRandomPassword();\n          const field = this.renderRoot.querySelector('vaadin-password-field');\n          // @ts-expect-error: this is a private method but it's ok since the version is fixed\n          field?._setPasswordVisible(true);\n        }}\n      >\n        ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1.15em; height: 1.15em\"><path d=\"M15.98 1.804a1 1 0 00-1.96 0l-.24 1.192a1 1 0 01-.784.785l-1.192.238a1 1 0 000 1.962l1.192.238a1 1 0 01.785.785l.238 1.192a1 1 0 001.962 0l.238-1.192a1 1 0 01.785-.785l1.192-.238a1 1 0 000-1.962l-1.192-.238a1 1 0 01-.785-.785l-.238-1.192zM6.949 5.684a1 1 0 00-1.898 0l-.683 2.051a1 1 0 01-.633.633l-2.051.683a1 1 0 000 1.898l2.051.684a1 1 0 01.633.632l.683 2.051a1 1 0 001.898 0l.683-2.051a1 1 0 01.633-.633l2.051-.683a1 1 0 000-1.898l-2.051-.683a1 1 0 01-.633-.633L6.95 5.684zM13.949 13.684a1 1 0 00-1.898 0l-.184.551a1 1 0 01-.632.633l-.551.183a1 1 0 000 1.898l.551.183a1 1 0 01.633.633l.183.551a1 1 0 001.898 0l.184-.551a1 1 0 01.632-.633l.551-.183a1 1 0 000-1.898l-.551-.184a1 1 0 01-.633-.632l-.183-.551z\" /></svg>`}\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalPasswordControl/generateRandomPassword.d.ts

@@ -0,0 +1 @@
+export declare function generateRandomPassword(): string;

package/dist/elements/internal/InternalPasswordControl/generateRandomPassword.js

@@ -0,0 +1,11 @@
+export function generateRandomPassword() {
+    const charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let result = '';
+    for (let i = 0; i < 18; i++) {
+        if (i > 0 && i % 6 === 0)
+            result += '-';
+        result += charset[Math.floor(Math.random() * charset.length)];
+    }
+    return result;
+}
+//# sourceMappingURL=generateRandomPassword.js.map

package/dist/elements/internal/InternalPasswordControl/generateRandomPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateRandomPassword.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPasswordControl/generateRandomPassword.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gEAAgE,CAAC;IACjF,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;QAC3B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,MAAM,IAAI,GAAG,CAAC;QACxC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;KAC/D;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["export function generateRandomPassword(): string {\n  const charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n  let result = '';\n\n  for (let i = 0; i < 18; i++) {\n    if (i > 0 && i % 6 === 0) result += '-';\n    result += charset[Math.floor(Math.random() * charset.length)];\n  }\n\n  return result;\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { Data, Templates } from './types';
-import { CSSResultArray, TemplateResult } from 'lit-element';
+import { Data, Settings, Templates } from './types';
+import { CSSResultArray, TemplateResult, PropertyDeclarations } from 'lit-element';
 import { ScopedElementsMap } from '@open-wc/scoped-elements';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -51,8 +51,11 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  */
 export declare class Customer extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
+    static get properties(): PropertyDeclarations;
     static get styles(): CSSResultArray;
     templates: Templates;
+    /** Customer Portal settings for use in Customer mode. */
+    settings: Settings | null;
     private readonly __renderHeaderActionsEdit;
     private readonly __renderHeaderActions;
     private readonly __renderHeader;

package/dist/elements/public/Customer/Customer.js

@@ -59,6 +59,8 @@ export class Customer extends Base {
     constructor() {
         super(...arguments);
         this.templates = {};
+        /** Customer Portal settings for use in Customer mode. */
+        this.settings = null;
         // #region header
         this.__renderHeaderActionsEdit = () => {
             const { readonlySelector, disabledSelector, hiddenSelector } = this;
@@ -84,6 +86,7 @@ export class Customer extends Base {
         disabledcontrols=${disabledSelector.zoom(formId).toString()}
         hiddencontrols=${hiddenSelector.zoom(formId).toString()}
         .templates=${this.getNestedTemplates('header:actions:edit:form')}
+        .props=${{ '.settings': this.settings }}
       >
       </foxy-form-dialog>
 
@@ -620,6 +623,7 @@ export class Customer extends Base {
           ns=${this.ns}
           id="subscriptions-form"
           .templates=${this.getNestedTemplates(formId)}
+          .props=${{ '.settings': this.settings }}
         >
         </foxy-form-dialog>
 
@@ -684,6 +688,12 @@ export class Customer extends Base {
             'x-tabs': Tabs,
         };
     }
+    static get properties() {
+        return {
+            ...super.properties,
+            settings: { type: Object },
+        };
+    }
     static get styles() {
         return [super.styles, styles];
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Customer.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/Customer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Attributes, CustomerAddresses, Data, Tab, Templates } from './types';\nimport { CSSResultArray, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data as Attribute } from '../AttributeCard/types';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { Column } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data as CustomerAddress } from '../AddressCard/types';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { Group } from '../../private/index';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Skeleton } from '../../private/Skeleton/Skeleton';\nimport { Data as Subscriptions } from '../SubscriptionsTable/types';\nimport { SubscriptionsTable } from '../SubscriptionsTable/SubscriptionsTable';\nimport { Tabs } from '../../private/Tabs/Tabs';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { styles } from './styles';\n\nconst NS = 'customer';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * All-in-one element for customer management.\n *\n * @slot header:before - **new in v1.4.0**\n * @slot header:after - **new in v1.4.0**\n * @slot header:actions:before - **new in v1.4.0**\n * @slot header:actions:after - **new in v1.4.0**\n * @slot header:actions:edit:before - **new in v1.4.0**\n * @slot header:actions:edit:after - **new in v1.4.0**\n *\n * @slot addresses:before - **new in v1.4.0**\n * @slot addresses:after - **new in v1.4.0**\n * @slot addresses:actions:before - **new in v1.4.0**\n * @slot addresses:actions:after - **new in v1.4.0**\n * @slot addresses:actions:create:before - **new in v1.4.0**\n * @slot addresses:actions:create:after - **new in v1.4.0**\n * @slot addresses:list:before - **new in v1.4.0**\n * @slot addresses:list:after - **new in v1.4.0**\n *\n * @slot payment-methods:before - **new in v1.4.0**\n * @slot payment-methods:after - **new in v1.4.0**\n * @slot payment-methods:list:before - **new in v1.4.0**\n * @slot payment-methods:list:after - **new in v1.4.0**\n *\n * @slot attributes:before - **new in v1.4.0**\n * @slot attributes:after - **new in v1.4.0**\n * @slot attributes:actions:before - **new in v1.4.0**\n * @slot attributes:actions:after - **new in v1.4.0**\n * @slot attributes:actions:create:before - **new in v1.4.0**\n * @slot attributes:actions:create:after - **new in v1.4.0**\n * @slot attributes:list:before - **new in v1.4.0**\n * @slot attributes:list:after - **new in v1.4.0**\n *\n * @slot transactions:before - **new in v1.4.0**\n * @slot transactions:after - **new in v1.4.0**\n *\n * @slot subscriptions:before - **new in v1.4.0**\n * @slot subscriptions:after - **new in v1.4.0**\n *\n * @element foxy-customer\n * @since 1.2.0\n */\nexport class Customer extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-payment-method-card': customElements.get('foxy-payment-method-card'),\n      'foxy-transactions-table': customElements.get('foxy-transactions-table'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-attribute-card': customElements.get('foxy-attribute-card'),\n      'foxy-address-card': customElements.get('foxy-address-card'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'x-skeleton': Skeleton,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n      'x-tabs': Tabs,\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  templates: Templates = {};\n\n  // #region header\n\n  private readonly __renderHeaderActionsEdit = () => {\n    const { readonlySelector, disabledSelector, hiddenSelector } = this;\n\n    const actionId = 'header:actions:edit';\n    const formId = 'header:actions:edit:form';\n    const dialogId = 'customer-dialog';\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEditActionDisabled = !isLoaded || disabledSelector.matches(actionId, true);\n\n    return html`\n      ${this.renderTemplateOrSlot('header:actions:edit:before')}\n\n      <foxy-form-dialog\n        data-testid=\"header:actions:edit:form\"\n        header=\"update\"\n        parent=${this.parent}\n        group=${this.group}\n        href=${this.href}\n        form=\"foxy-customer-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=${dialogId}\n        readonlycontrols=${readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${hiddenSelector.zoom(formId).toString()}\n        .templates=${this.getNestedTemplates('header:actions:edit:form')}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button\n        data-testid=\"header:actions:edit\"\n        aria-label=${this.t('update').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"icon\"\n        ?disabled=${isEditActionDisabled}\n        @click=${(evt: Event) => {\n          const dialog = this.renderRoot.querySelector(`#${dialogId}`) as FormDialog;\n          dialog.show(evt.currentTarget as HTMLElement);\n        }}\n      >\n        <iron-icon icon=\"editor:mode-edit\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('header:actions:edit:after')}\n    `;\n  };\n\n  private readonly __renderHeaderActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('header:actions');\n\n    return html`\n      <div class=\"flex\" data-testid=\"header:actions\">\n        ${this.renderTemplateOrSlot('header:actions:before')}\n        ${hiddenSelector.matches('edit', true) ? '' : this.__renderHeaderActionsEdit()}\n        ${this.renderTemplateOrSlot('header:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    const variant = ifDefined(this.in('busy') ? undefined : 'static');\n\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <header\n        class=\"flex items-center justify-between space-x-m pb-s border-b border-contrast-10\"\n        data-testid=\"header\"\n      >\n        <h1 class=\"text-xxl font-medium truncate min-w-0 flex-1\">\n          ${this.in({ idle: 'snapshot' })\n            ? html`${this.data.first_name} ${this.data.last_name}`\n            : html`<x-skeleton class=\"w-full\" variant=${variant}>&nbsp;</x-skeleton>`}\n        </h1>\n\n        ${this.hiddenSelector.matches('header:actions', true) ? '' : this.__renderHeaderActions()}\n      </header>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region addresses\n\n  private readonly __renderAddressesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('addresses:actions');\n    const readonlySelector = this.readonlySelector.zoom('addresses:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"addresses:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"addresses:actions:create:form\"\n          parent=${data?._links['fx:customer_addresses'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-address-form\"\n          lang=${lang}\n          ns=${ns}\n          id=\"address-dialog\"\n          .templates=${this.getNestedTemplates('addresses:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('addresses:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAddressesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    return html`\n      <div data-testid=\"addresses:actions\">\n        ${this.renderTemplateOrSlot('addresses:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAddressesActionsCreate()}\n        ${this.renderTemplateOrSlot('addresses:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAddressesListCard: ItemRenderer<CustomerAddress> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#addresses-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0': true,\n      'border border-contrast-10': true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    const isReadonly = this.readonlySelector.matches('addresses:list:card', true);\n    const isDisabled = this.disabledSelector.matches('addresses:list:card', true);\n\n    return html`\n      <button\n        data-testclass=\"addresses:list:card\"\n        class=${computedClass}\n        ?disabled=${!ctx.data || isReadonly || isDisabled}\n        @click=${handleClick}\n      >\n        <foxy-address-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          class=\"w-tile\"\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-address-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-address-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAddressesListPage: PageRenderer<CustomerAddresses> = ctx => {\n    return ctx.html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAddressesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAddressesList = () => {\n    const formId = 'addresses:list:form';\n    const cardId = 'addresses:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testid=\"addresses:list:form\"\n        parent=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-address-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"addresses-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n        data-testid=\"addresses:list\"\n        first=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAddressesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('addresses:list:after')}\n    `;\n  };\n\n  private readonly __renderAddresses = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('addresses');\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:before')}\n\n      <section class=\"pt-m\" data-testid=\"addresses\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"address_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAddressesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAddressesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('addresses:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region payment-methods\n\n  private readonly __renderPaymentMethodsList = () => {\n    const cardId = 'payment-methods:list:card';\n\n    return html`\n      <div data-testid=\"payment-methods:list\">\n        ${this.renderTemplateOrSlot('payment-methods:list:before')}\n\n        <foxy-payment-method-card\n          readonlycontrols=${this.readonlySelector.zoom(cardId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(cardId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n          data-testid=${cardId}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${this.data?._links['fx:default_payment_method'].href ?? ''}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-payment-method-card')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates(cardId)}\n        >\n        </foxy-payment-method-card>\n\n        ${this.renderTemplateOrSlot('payment-methods:list:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderPaymentMethods = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('payment-methods');\n\n    return html`\n      ${this.renderTemplateOrSlot('payment-methods:before')}\n\n      <div class=\"pt-m\" data-testid=\"payment-methods\">\n        <h2 class=\"text-l font-medium mb-s\">\n          <foxy-i18n\n            data-testclass=\"i18n\"\n            lang=${this.lang}\n            key=\"payment_method_plural\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </h2>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderPaymentMethodsList()}\n      </div>\n\n      ${this.renderTemplateOrSlot('payment-methods:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region attributes\n\n  private readonly __renderAttributesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('attributes:actions');\n    const readonlySelector = this.readonlySelector.zoom('attributes:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"attributes:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"attributes:actions:create:form\"\n          parent=${data?._links['fx:attributes'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-attribute-form\"\n          lang=${lang}\n          ns=${ns}\n          .templates=${this.getNestedTemplates('attributes:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('attributes:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAttributesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    return html`\n      <div data-testid=\"attributes:actions\">\n        ${this.renderTemplateOrSlot('attributes:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAttributesActionsCreate()}\n        ${this.renderTemplateOrSlot('attributes:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAttributesListCard: ItemRenderer<Attribute> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#attributes-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0 border border-contrast-10':\n        true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    return ctx.html`\n      <button \n        data-testclass=\"attributes:list:card\"\n        class=${computedClass}\n        ?disabled=${ctx.data === null}\n        @click=${handleClick}\n      >\n        <foxy-attribute-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          group=${ctx.group}\n          class=\"w-tile\"\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-attribute-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-attribute-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAttributesListPage: PageRenderer<Attributes> = ctx => {\n    return html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAttributesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAttributesList = () => {\n    const formId = 'attributes:list:form';\n    const cardId = 'attributes:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testclass=\"i18n\"\n        data-testid=\"attributes:list:form\"\n        parent=${this.data?._links['fx:attributes'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-attribute-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"attributes-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenControls.zoom(cardId).toString()}\n        data-testid=\"attributes:list\"\n        first=${this.data?._links['fx:attributes'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAttributesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('attributes:list:after')}\n    `;\n  };\n\n  private readonly __renderAttributes = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('attributes');\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:before')}\n\n      <section class=\"pt-m\" data-testid=\"attributes\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"attribute_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAttributesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAttributesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('attributes:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region transactions\n\n  private readonly __renderTransactions = () => {\n    let transactionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const transactionsURL = new URL(this.data._links['fx:transactions'].href);\n      transactionsURL.searchParams.set('zoom', 'items');\n      transactionsLink = transactionsURL.toString();\n    }\n\n    return html`\n      ${this.renderTemplateOrSlot('transactions:before')}\n\n      <x-group frame>\n        <foxy-collection-pages\n          data-testid=\"transactions\"\n          spinner=\"foxy-spinner\"\n          first=${transactionsLink}\n          class=\"divide-y divide-contrast-10 block mx-m\"\n          group=${this.group}\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          .templates=${this.getNestedTemplates('transactions:table')}\n        >\n        </foxy-collection-pages>\n      </x-group>\n\n      ${this.renderTemplateOrSlot('transactions:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region subscriptions\n\n  private readonly __subscriptionsTableColumns: Column<Subscriptions>[] = [\n    SubscriptionsTable.priceColumn,\n    SubscriptionsTable.summaryColumn,\n    SubscriptionsTable.statusColumn,\n    {\n      cell: ({ html, lang, data }) => html`\n        <vaadin-button\n          data-testclass=\"edit\"\n          theme=\"small tertiary-inline\"\n          @click=${(evt: Event) => {\n            const link = new URL(data._links.self.href);\n            const form = this.renderRoot.querySelector('#subscriptions-form') as FormDialog;\n            const button = evt.target as ButtonElement;\n\n            link.searchParams.set('zoom', 'transaction_template:items');\n            form.href = link.toString();\n            form.show(button);\n          }}\n        >\n          <foxy-i18n class=\"text-m\" lang=${lang} key=\"update\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n      `,\n    },\n  ];\n\n  private readonly __renderSubscriptionsPage: PageRenderer<Subscriptions> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-table\n        data-testclass=\"subscriptions:pages:table\"\n        group=${ctx.group}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        ns=\"${ctx.ns} subscriptions-table\"\n        .columns=${this.__subscriptionsTableColumns}\n        .templates=${ctx.templates}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderSubscriptions = () => {\n    const formId = 'subscriptions:form';\n    let subscriptionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const subscriptionsURL = new URL(this.data._links['fx:subscriptions'].href);\n      subscriptionsURL.searchParams.set('zoom', 'transaction_template:items');\n      subscriptionsLink = subscriptionsURL.toString();\n    }\n\n    return html`\n      <div data-testid=\"subscriptions\">\n        ${this.renderTemplateOrSlot('subscriptions:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n          data-testid=${formId}\n          header=\"update\"\n          group=${this.group}\n          form=\"foxy-subscription-form\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"subscriptions-form\"\n          .templates=${this.getNestedTemplates(formId)}\n        >\n        </foxy-form-dialog>\n\n        <x-group frame>\n          <foxy-collection-pages\n            data-testid=\"subscriptions:pages\"\n            spinner=\"foxy-spinner\"\n            first=${subscriptionsLink}\n            class=\"divide-y divide-contrast-10 block mx-m\"\n            group=${this.group}\n            lang=${this.lang}\n            ns=${this.ns}\n            .page=${this.__renderSubscriptionsPage}\n            .templates=${this.getNestedTemplates('subscriptions:table')}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('subscriptions:after')}\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  // #region tabs\n\n  private readonly __renderTabs = (tabs: Tab[]) => {\n    return html`\n      <div class=\"pt-m\">\n        <x-tabs size=${tabs.length} ?disabled=${!this.in({ idle: 'snapshot' })}>\n          ${tabs.map(\n            (tab, index) => html`\n              <foxy-i18n\n                data-testclass=\"i18n\"\n                slot=\"tab-${index}\"\n                lang=${this.lang}\n                key=${tab.title}\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n\n              <div slot=\"panel-${index}\">${tab.content}</div>\n            `\n          )}\n        </x-tabs>\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isBusy = this.in('busy');\n    const tabs: Tab[] = [];\n\n    if (!hiddenSelector.matches('transactions', true)) {\n      tabs.push({ title: 'transaction_plural', content: this.__renderTransactions() });\n    }\n\n    if (!hiddenSelector.matches('subscriptions', true)) {\n      tabs.push({ title: 'subscription_plural', content: this.__renderSubscriptions() });\n    }\n\n    return html`\n      <div class=\"relative\" data-testid=\"wrapper\" aria-busy=${isBusy} aria-live=\"polite\">\n        <div\n          class=${classMap({\n            'font-lumo text-body text-m leading-m space-y-s': true,\n            'opacity-50': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n          ${hiddenSelector.matches('default', true) ? '' : this.renderTemplateOrSlot()}\n          ${hiddenSelector.matches('addresses', true) ? '' : this.__renderAddresses()}\n          ${hiddenSelector.matches('payment-methods', true) ? '' : this.__renderPaymentMethods()}\n          ${hiddenSelector.matches('attributes', true) ? '' : this.__renderAttributes()}\n          ${tabs.length === 0 ? '' : this.__renderTabs(tabs)}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Customer.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/Customer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Attributes, CustomerAddresses, Data, Settings, Tab, Templates } from './types';\nimport { CSSResultArray, TemplateResult, html, PropertyDeclarations } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data as Attribute } from '../AttributeCard/types';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { Column } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data as CustomerAddress } from '../AddressCard/types';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { Group } from '../../private/index';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Skeleton } from '../../private/Skeleton/Skeleton';\nimport { Data as Subscriptions } from '../SubscriptionsTable/types';\nimport { SubscriptionsTable } from '../SubscriptionsTable/SubscriptionsTable';\nimport { Tabs } from '../../private/Tabs/Tabs';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { styles } from './styles';\n\nconst NS = 'customer';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * All-in-one element for customer management.\n *\n * @slot header:before - **new in v1.4.0**\n * @slot header:after - **new in v1.4.0**\n * @slot header:actions:before - **new in v1.4.0**\n * @slot header:actions:after - **new in v1.4.0**\n * @slot header:actions:edit:before - **new in v1.4.0**\n * @slot header:actions:edit:after - **new in v1.4.0**\n *\n * @slot addresses:before - **new in v1.4.0**\n * @slot addresses:after - **new in v1.4.0**\n * @slot addresses:actions:before - **new in v1.4.0**\n * @slot addresses:actions:after - **new in v1.4.0**\n * @slot addresses:actions:create:before - **new in v1.4.0**\n * @slot addresses:actions:create:after - **new in v1.4.0**\n * @slot addresses:list:before - **new in v1.4.0**\n * @slot addresses:list:after - **new in v1.4.0**\n *\n * @slot payment-methods:before - **new in v1.4.0**\n * @slot payment-methods:after - **new in v1.4.0**\n * @slot payment-methods:list:before - **new in v1.4.0**\n * @slot payment-methods:list:after - **new in v1.4.0**\n *\n * @slot attributes:before - **new in v1.4.0**\n * @slot attributes:after - **new in v1.4.0**\n * @slot attributes:actions:before - **new in v1.4.0**\n * @slot attributes:actions:after - **new in v1.4.0**\n * @slot attributes:actions:create:before - **new in v1.4.0**\n * @slot attributes:actions:create:after - **new in v1.4.0**\n * @slot attributes:list:before - **new in v1.4.0**\n * @slot attributes:list:after - **new in v1.4.0**\n *\n * @slot transactions:before - **new in v1.4.0**\n * @slot transactions:after - **new in v1.4.0**\n *\n * @slot subscriptions:before - **new in v1.4.0**\n * @slot subscriptions:after - **new in v1.4.0**\n *\n * @element foxy-customer\n * @since 1.2.0\n */\nexport class Customer extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-payment-method-card': customElements.get('foxy-payment-method-card'),\n      'foxy-transactions-table': customElements.get('foxy-transactions-table'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-attribute-card': customElements.get('foxy-attribute-card'),\n      'foxy-address-card': customElements.get('foxy-address-card'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'x-skeleton': Skeleton,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n      'x-tabs': Tabs,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { type: Object },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  templates: Templates = {};\n\n  /** Customer Portal settings for use in Customer mode. */\n  settings: Settings | null = null;\n\n  // #region header\n\n  private readonly __renderHeaderActionsEdit = () => {\n    const { readonlySelector, disabledSelector, hiddenSelector } = this;\n\n    const actionId = 'header:actions:edit';\n    const formId = 'header:actions:edit:form';\n    const dialogId = 'customer-dialog';\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEditActionDisabled = !isLoaded || disabledSelector.matches(actionId, true);\n\n    return html`\n      ${this.renderTemplateOrSlot('header:actions:edit:before')}\n\n      <foxy-form-dialog\n        data-testid=\"header:actions:edit:form\"\n        header=\"update\"\n        parent=${this.parent}\n        group=${this.group}\n        href=${this.href}\n        form=\"foxy-customer-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=${dialogId}\n        readonlycontrols=${readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${hiddenSelector.zoom(formId).toString()}\n        .templates=${this.getNestedTemplates('header:actions:edit:form')}\n        .props=${{ '.settings': this.settings }}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button\n        data-testid=\"header:actions:edit\"\n        aria-label=${this.t('update').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"icon\"\n        ?disabled=${isEditActionDisabled}\n        @click=${(evt: Event) => {\n          const dialog = this.renderRoot.querySelector(`#${dialogId}`) as FormDialog;\n          dialog.show(evt.currentTarget as HTMLElement);\n        }}\n      >\n        <iron-icon icon=\"editor:mode-edit\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('header:actions:edit:after')}\n    `;\n  };\n\n  private readonly __renderHeaderActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('header:actions');\n\n    return html`\n      <div class=\"flex\" data-testid=\"header:actions\">\n        ${this.renderTemplateOrSlot('header:actions:before')}\n        ${hiddenSelector.matches('edit', true) ? '' : this.__renderHeaderActionsEdit()}\n        ${this.renderTemplateOrSlot('header:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    const variant = ifDefined(this.in('busy') ? undefined : 'static');\n\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <header\n        class=\"flex items-center justify-between space-x-m pb-s border-b border-contrast-10\"\n        data-testid=\"header\"\n      >\n        <h1 class=\"text-xxl font-medium truncate min-w-0 flex-1\">\n          ${this.in({ idle: 'snapshot' })\n            ? html`${this.data.first_name} ${this.data.last_name}`\n            : html`<x-skeleton class=\"w-full\" variant=${variant}>&nbsp;</x-skeleton>`}\n        </h1>\n\n        ${this.hiddenSelector.matches('header:actions', true) ? '' : this.__renderHeaderActions()}\n      </header>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region addresses\n\n  private readonly __renderAddressesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('addresses:actions');\n    const readonlySelector = this.readonlySelector.zoom('addresses:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"addresses:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"addresses:actions:create:form\"\n          parent=${data?._links['fx:customer_addresses'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-address-form\"\n          lang=${lang}\n          ns=${ns}\n          id=\"address-dialog\"\n          .templates=${this.getNestedTemplates('addresses:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('addresses:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAddressesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    return html`\n      <div data-testid=\"addresses:actions\">\n        ${this.renderTemplateOrSlot('addresses:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAddressesActionsCreate()}\n        ${this.renderTemplateOrSlot('addresses:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAddressesListCard: ItemRenderer<CustomerAddress> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#addresses-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0': true,\n      'border border-contrast-10': true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    const isReadonly = this.readonlySelector.matches('addresses:list:card', true);\n    const isDisabled = this.disabledSelector.matches('addresses:list:card', true);\n\n    return html`\n      <button\n        data-testclass=\"addresses:list:card\"\n        class=${computedClass}\n        ?disabled=${!ctx.data || isReadonly || isDisabled}\n        @click=${handleClick}\n      >\n        <foxy-address-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          class=\"w-tile\"\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-address-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-address-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAddressesListPage: PageRenderer<CustomerAddresses> = ctx => {\n    return ctx.html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAddressesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAddressesList = () => {\n    const formId = 'addresses:list:form';\n    const cardId = 'addresses:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testid=\"addresses:list:form\"\n        parent=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-address-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"addresses-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n        data-testid=\"addresses:list\"\n        first=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAddressesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('addresses:list:after')}\n    `;\n  };\n\n  private readonly __renderAddresses = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('addresses');\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:before')}\n\n      <section class=\"pt-m\" data-testid=\"addresses\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"address_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAddressesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAddressesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('addresses:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region payment-methods\n\n  private readonly __renderPaymentMethodsList = () => {\n    const cardId = 'payment-methods:list:card';\n\n    return html`\n      <div data-testid=\"payment-methods:list\">\n        ${this.renderTemplateOrSlot('payment-methods:list:before')}\n\n        <foxy-payment-method-card\n          readonlycontrols=${this.readonlySelector.zoom(cardId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(cardId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n          data-testid=${cardId}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${this.data?._links['fx:default_payment_method'].href ?? ''}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-payment-method-card')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates(cardId)}\n        >\n        </foxy-payment-method-card>\n\n        ${this.renderTemplateOrSlot('payment-methods:list:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderPaymentMethods = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('payment-methods');\n\n    return html`\n      ${this.renderTemplateOrSlot('payment-methods:before')}\n\n      <div class=\"pt-m\" data-testid=\"payment-methods\">\n        <h2 class=\"text-l font-medium mb-s\">\n          <foxy-i18n\n            data-testclass=\"i18n\"\n            lang=${this.lang}\n            key=\"payment_method_plural\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </h2>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderPaymentMethodsList()}\n      </div>\n\n      ${this.renderTemplateOrSlot('payment-methods:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region attributes\n\n  private readonly __renderAttributesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('attributes:actions');\n    const readonlySelector = this.readonlySelector.zoom('attributes:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"attributes:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"attributes:actions:create:form\"\n          parent=${data?._links['fx:attributes'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-attribute-form\"\n          lang=${lang}\n          ns=${ns}\n          .templates=${this.getNestedTemplates('attributes:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('attributes:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAttributesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    return html`\n      <div data-testid=\"attributes:actions\">\n        ${this.renderTemplateOrSlot('attributes:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAttributesActionsCreate()}\n        ${this.renderTemplateOrSlot('attributes:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAttributesListCard: ItemRenderer<Attribute> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#attributes-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0 border border-contrast-10':\n        true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    return ctx.html`\n      <button \n        data-testclass=\"attributes:list:card\"\n        class=${computedClass}\n        ?disabled=${ctx.data === null}\n        @click=${handleClick}\n      >\n        <foxy-attribute-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          group=${ctx.group}\n          class=\"w-tile\"\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-attribute-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-attribute-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAttributesListPage: PageRenderer<Attributes> = ctx => {\n    return html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAttributesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAttributesList = () => {\n    const formId = 'attributes:list:form';\n    const cardId = 'attributes:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testclass=\"i18n\"\n        data-testid=\"attributes:list:form\"\n        parent=${this.data?._links['fx:attributes'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-attribute-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"attributes-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenControls.zoom(cardId).toString()}\n        data-testid=\"attributes:list\"\n        first=${this.data?._links['fx:attributes'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAttributesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('attributes:list:after')}\n    `;\n  };\n\n  private readonly __renderAttributes = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('attributes');\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:before')}\n\n      <section class=\"pt-m\" data-testid=\"attributes\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"attribute_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAttributesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAttributesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('attributes:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region transactions\n\n  private readonly __renderTransactions = () => {\n    let transactionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const transactionsURL = new URL(this.data._links['fx:transactions'].href);\n      transactionsURL.searchParams.set('zoom', 'items');\n      transactionsLink = transactionsURL.toString();\n    }\n\n    return html`\n      ${this.renderTemplateOrSlot('transactions:before')}\n\n      <x-group frame>\n        <foxy-collection-pages\n          data-testid=\"transactions\"\n          spinner=\"foxy-spinner\"\n          first=${transactionsLink}\n          class=\"divide-y divide-contrast-10 block mx-m\"\n          group=${this.group}\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          .templates=${this.getNestedTemplates('transactions:table')}\n        >\n        </foxy-collection-pages>\n      </x-group>\n\n      ${this.renderTemplateOrSlot('transactions:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region subscriptions\n\n  private readonly __subscriptionsTableColumns: Column<Subscriptions>[] = [\n    SubscriptionsTable.priceColumn,\n    SubscriptionsTable.summaryColumn,\n    SubscriptionsTable.statusColumn,\n    {\n      cell: ({ html, lang, data }) => html`\n        <vaadin-button\n          data-testclass=\"edit\"\n          theme=\"small tertiary-inline\"\n          @click=${(evt: Event) => {\n            const link = new URL(data._links.self.href);\n            const form = this.renderRoot.querySelector('#subscriptions-form') as FormDialog;\n            const button = evt.target as ButtonElement;\n\n            link.searchParams.set('zoom', 'transaction_template:items');\n            form.href = link.toString();\n            form.show(button);\n          }}\n        >\n          <foxy-i18n class=\"text-m\" lang=${lang} key=\"update\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n      `,\n    },\n  ];\n\n  private readonly __renderSubscriptionsPage: PageRenderer<Subscriptions> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-table\n        data-testclass=\"subscriptions:pages:table\"\n        group=${ctx.group}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        ns=\"${ctx.ns} subscriptions-table\"\n        .columns=${this.__subscriptionsTableColumns}\n        .templates=${ctx.templates}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderSubscriptions = () => {\n    const formId = 'subscriptions:form';\n    let subscriptionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const subscriptionsURL = new URL(this.data._links['fx:subscriptions'].href);\n      subscriptionsURL.searchParams.set('zoom', 'transaction_template:items');\n      subscriptionsLink = subscriptionsURL.toString();\n    }\n\n    return html`\n      <div data-testid=\"subscriptions\">\n        ${this.renderTemplateOrSlot('subscriptions:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n          data-testid=${formId}\n          header=\"update\"\n          group=${this.group}\n          form=\"foxy-subscription-form\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"subscriptions-form\"\n          .templates=${this.getNestedTemplates(formId)}\n          .props=${{ '.settings': this.settings }}\n        >\n        </foxy-form-dialog>\n\n        <x-group frame>\n          <foxy-collection-pages\n            data-testid=\"subscriptions:pages\"\n            spinner=\"foxy-spinner\"\n            first=${subscriptionsLink}\n            class=\"divide-y divide-contrast-10 block mx-m\"\n            group=${this.group}\n            lang=${this.lang}\n            ns=${this.ns}\n            .page=${this.__renderSubscriptionsPage}\n            .templates=${this.getNestedTemplates('subscriptions:table')}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('subscriptions:after')}\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  // #region tabs\n\n  private readonly __renderTabs = (tabs: Tab[]) => {\n    return html`\n      <div class=\"pt-m\">\n        <x-tabs size=${tabs.length} ?disabled=${!this.in({ idle: 'snapshot' })}>\n          ${tabs.map(\n            (tab, index) => html`\n              <foxy-i18n\n                data-testclass=\"i18n\"\n                slot=\"tab-${index}\"\n                lang=${this.lang}\n                key=${tab.title}\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n\n              <div slot=\"panel-${index}\">${tab.content}</div>\n            `\n          )}\n        </x-tabs>\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isBusy = this.in('busy');\n    const tabs: Tab[] = [];\n\n    if (!hiddenSelector.matches('transactions', true)) {\n      tabs.push({ title: 'transaction_plural', content: this.__renderTransactions() });\n    }\n\n    if (!hiddenSelector.matches('subscriptions', true)) {\n      tabs.push({ title: 'subscription_plural', content: this.__renderSubscriptions() });\n    }\n\n    return html`\n      <div class=\"relative\" data-testid=\"wrapper\" aria-busy=${isBusy} aria-live=\"polite\">\n        <div\n          class=${classMap({\n            'font-lumo text-body text-m leading-m space-y-s': true,\n            'opacity-50': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n          ${hiddenSelector.matches('default', true) ? '' : this.renderTemplateOrSlot()}\n          ${hiddenSelector.matches('addresses', true) ? '' : this.__renderAddresses()}\n          ${hiddenSelector.matches('payment-methods', true) ? '' : this.__renderPaymentMethods()}\n          ${hiddenSelector.matches('attributes', true) ? '' : this.__renderAttributes()}\n          ${tabs.length === 0 ? '' : this.__renderTabs(tabs)}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -14,6 +14,7 @@ import { TemplateResult } from 'lit-html';
 import { Templates as TransactionsTableTemplates } from '../TransactionsTable/types';
 export declare type CustomerAddresses = Resource<Rels.CustomerAddresses>;
 export declare type Attributes = Resource<Rels.Attributes>;
+export declare type Settings = Resource<Rels.CustomerPortalSettings>;
 export declare type Data = Resource<Graph>;
 export declare type Tab = {
     title: string;