@foxy.io/elements 1.24.0 → 1.24.1-beta.2

package/dist/cdn/translations/transaction/en.json

@@ -43,7 +43,7 @@
           "create": "Create",
           "date": "{{value, date}}",
           "date_created": "Created on",
-          "date_modified": "Last updated",
+          "date_modified": "Last updated on",
           "delete": "Delete",
           "delete_prompt": "This resource will be permanently removed. Are you sure?",
           "first_name": "First name",
@@ -71,7 +71,7 @@
           "create": "Create",
           "date": "{{value, date}}",
           "date_created": "Created on",
-          "date_modified": "Last updated",
+          "date_modified": "Last updated on",
           "delete": "Delete",
           "delete_prompt": "This resource will be permanently removed. Are you sure?",
           "name": "Name",
@@ -156,7 +156,7 @@
           },
           "timestamps": {
             "date_created": "Created on",
-            "date_modified": "Last updated",
+            "date_modified": "Last updated on",
             "date": "{{value, date}}"
           },
           "delete": {
@@ -214,6 +214,7 @@
           "subscription_failed": "Payment failed on {{date, date}}",
           "subscription_inactive": "Inactive",
           "subscription_will_be_cancelled": "Ends on {{date, date}}",
+          "subscription_will_be_active": "Starts on {{date, date}}",
           "transaction_plural": "Transactions",
           "twice_a_month": "Twice a month",
           "undo_cancel": "Review",
@@ -278,6 +279,7 @@
           "subscription_failed": "Payment failed on {{date, date}}",
           "subscription_inactive": "Inactive",
           "subscription_will_be_cancelled": "Ends on {{date, date}}",
+          "subscription_will_be_active": "Starts on {{date, date}}",
           "transaction_summary": "{{most_expensive_item.name}}",
           "twice_a_month": "Twice a month",
           "update": "Update",
@@ -452,7 +454,8 @@
             "subscription": {
               "title": "Subscription",
               "frequency": {
-                "label": "Frequency",
+                "label": "Subscription frequency",
+                "helper_text": "",
                 "day": "Day",
                 "day_plural": "Days",
                 "week": "Week",
@@ -463,21 +466,21 @@
                 "year_plural": "Years"
               },
               "start": {
-                "label": "Start date",
+                "label": "Subscription start",
                 "helper_text": "",
                 "placeholder": "01/01/2022"
               },
               "end": {
-                "label": "End date",
+                "label": "Subscription end",
                 "helper_text": "",
                 "placeholder": "01/01/2022"
               },
               "next": {
-                "label": "Next transaction date",
+                "label": "Next payment (subscriptions only)",
                 "helper_text": "",
                 "placeholder": "01/01/2022"
               },
-              "dialog": {
+              "form": {
                 "save": "Save",
                 "update": "Update",
                 "day": "Day",
@@ -508,6 +511,7 @@
                 "subscription_failed": "Payment failed on {{date, date}}",
                 "subscription_inactive": "Inactive",
                 "subscription_will_be_cancelled": "Ends on {{date, date}}",
+                "subscription_will_be_active": "Starts on {{date, date}}",
                 "transaction_plural": "Transactions",
                 "twice_a_month": "Twice a month",
                 "undo_cancel": "Review",
@@ -569,6 +573,7 @@
                 "subscription_inactive": "Inactive",
                 "subscription_plural": "Subscriptions",
                 "subscription_will_be_cancelled": "Ends on {{date, date}}",
+                "subscription_will_be_active": "Starts on {{date, date}}",
                 "transaction_summary": "{{most_expensive_item.name}}",
                 "twice_a_month": "Twice a month",
                 "weekly": "Weekly",
@@ -583,7 +588,6 @@
               }
             },
             "line-item-discount": {
-              "title": "Line item discount",
               "coupon": {
                 "label": "Coupon",
                 "helper_text": "",
@@ -610,7 +614,6 @@
               }
             },
             "cart": {
-              "title": "Cart",
               "expires": {
                 "label": "Expires",
                 "helper_text": "",
@@ -638,7 +641,6 @@
               }
             },
             "shipping": {
-              "title": "Shipping",
               "shipto": {
                 "label": "Shipping address",
                 "helper_text": "",
@@ -666,7 +668,6 @@
               }
             },
             "inventory": {
-              "title": "Inventory",
               "category": {
                 "label": "Item category",
                 "helper_text": "",
@@ -719,73 +720,37 @@
             },
             "attributes": {
               "title": "Attributes",
-              "card": {
-                "spinner": {
-                  "loading_busy": "Loading",
-                  "loading_empty": "No data",
-                  "loading_error": "Failed to load"
-                }
-              },
-              "pagination": {
-                "first": "First",
-                "last": "Last",
-                "next": "Next",
-                "pagination": "{{from}}-{{to}} out of {{total}}",
-                "previous": "Previous"
-              },
               "dialog": {
+                "header_create": "Create attribute",
+                "header_update": "Update attribute",
                 "close": "Close",
-                "cancel": "Cancel",
-                "header_update": "Attribute",
-                "header_create": "New attribute",
                 "save": "Save",
+                "cancel": "Cancel",
                 "undo_header": "Unsaved changes",
                 "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
                 "undo_cancel": "Review",
-                "undo_confirm": "Discard",
-                "confirm": "Confirm",
-                "attribute-form": {
-                  "create": "Create",
-                  "date": "{{value, date}}",
-                  "date_created": "Created on",
-                  "date_modified": "Last updated",
-                  "delete": "Delete",
-                  "delete_prompt": "This resource will be permanently removed. Are you sure?",
-                  "name": "Name",
-                  "v8n_required": "Required",
-                  "v8n_too_long": "Too long",
-                  "value": "Value",
-                  "visibility": "Visibility",
-                  "visibility_private": "Only me",
-                  "visibility_public": "Everyone",
-                  "visibility_restricted": "Store admins",
+                "undo_confirm": "Discard"
+              },
+              "pagination": {
+                "create_button_text": "Add attribute",
+                "card": {
+                  "delete_button_text": "Delete",
                   "spinner": {
                     "loading_busy": "Loading",
+                    "loading_empty": "No data",
                     "loading_error": "Failed to load"
                   }
-                }
+                },
+                "first": "First",
+                "last": "Last",
+                "next": "Next",
+                "pagination": "{{from}}-{{to}} out of {{total}}",
+                "previous": "Previous"
               }
             },
             "item-options": {
               "title": "Item options",
-              "card": {
-                "spinner": {
-                  "loading_busy": "Loading",
-                  "loading_empty": "No data",
-                  "loading_error": "Failed to load"
-                }
-              },
-              "dialog": {
-                "close": "Close",
-                "cancel": "Cancel",
-                "header_update": "Item option",
-                "header_create": "New item option",
-                "save": "Save",
-                "undo_header": "Unsaved changes",
-                "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
-                "undo_cancel": "Review",
-                "undo_confirm": "Discard",
-                "confirm": "Confirm",
+              "form": {
                 "name": {
                   "label": "Name",
                   "helper_text": "",
@@ -812,7 +777,7 @@
                 },
                 "timestamps": {
                   "date_created": "Created on",
-                  "date_modified": "Last updated",
+                  "date_modified": "Last updated on",
                   "date": "{{value, date}}"
                 },
                 "spinner": {
@@ -828,7 +793,27 @@
                   "create": "Create"
                 }
               },
+              "dialog": {
+                "header_create": "Create option",
+                "header_update": "Update option",
+                "close": "Close",
+                "save": "Save",
+                "cancel": "Cancel",
+                "undo_header": "Unsaved changes",
+                "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+                "undo_cancel": "Review",
+                "undo_confirm": "Discard"
+              },
               "pagination": {
+                "card": {
+                  "delete_button_text": "Delete",
+                  "spinner": {
+                    "loading_busy": "Loading",
+                    "loading_empty": "No data",
+                    "loading_error": "Failed to load"
+                  }
+                },
+                "create_button_text": "Add option",
                 "first": "First",
                 "last": "Last",
                 "next": "Next",
@@ -838,7 +823,7 @@
             },
             "timestamps": {
               "date_created": "Created on",
-              "date_modified": "Last updated",
+              "date_modified": "Last updated on",
               "date": "{{value, date}}"
             },
             "delete": {
@@ -948,7 +933,7 @@
         "create": "Create",
         "date": "{{value, date}}",
         "date_created": "Created on",
-        "date_modified": "Last updated",
+        "date_modified": "Last updated on",
         "delete": "Delete",
         "delete_prompt": "This resource will be permanently removed. Are you sure?",
         "name": "Name",
@@ -996,7 +981,7 @@
         "create": "Create",
         "date": "{{value, date}}",
         "date_created": "Created on",
-        "date_modified": "Last updated",
+        "date_modified": "Last updated on",
         "delete": "Delete",
         "delete_prompt": "This resource will be permanently removed. Are you sure?",
         "name": "Name",

package/dist/cdn/translations/webhook-form/en.json

@@ -83,7 +83,7 @@
   },
   "timestamps": {
     "date_created": "Created on",
-    "date_modified": "Last updated",
+    "date_modified": "Last updated on",
     "date": "{{value, date}}"
   },
   "delete": {

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

@@ -1,5 +1,4 @@
-import { CSSResultArray } from 'lit-element';
-import { TemplateResult } from 'lit-html';
+import type { TemplateResult } from 'lit-html';
 import { InternalControl } from '../InternalControl/InternalControl';
 /**
  * Internal control displaying creation and last modification date
@@ -9,6 +8,5 @@ import { InternalControl } from '../InternalControl/InternalControl';
  * @since 1.17.0
  */
 export declare class InternalTimestampsControl extends InternalControl {
-    static get styles(): CSSResultArray;
     renderControl(): TemplateResult;
 }

package/dist/elements/internal/InternalTimestampsControl/InternalTimestampsControl.js

@@ -1,7 +1,6 @@
-import { css } from 'lit-element';
+import { InternalControl } from "../InternalControl/InternalControl.js";
 import { html } from 'lit-html';
 import { get } from 'lodash-es';
-import { InternalControl } from "../InternalControl/InternalControl.js";
 /**
  * Internal control displaying creation and last modification date
  * for a hAPI resource in a table.
@@ -10,47 +9,25 @@ import { InternalControl } from "../InternalControl/InternalControl.js";
  * @since 1.17.0
  */
 export class InternalTimestampsControl extends InternalControl {
-    static get styles() {
-        return [
-            super.styles,
-            css `.max-w-0{
-  max-width:0;
-}
-      `,
-        ];
-    }
     renderControl() {
         return html `
-      <table class="font-lumo text-m leading-m w-full">
-        <tbody class="divide-y divide-contrast-10">
-          <tr>
-            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">
-              <foxy-i18n infer="" key="date_created"></foxy-i18n>
-            </td>
-            <td class="max-w-0 truncate py-s text-body w-2-3">
-              <foxy-i18n
-                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}
-                infer=""
-                key="date"
-              >
-              </foxy-i18n>
-            </td>
-          </tr>
-          <tr>
-            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">
-              <foxy-i18n infer="" key="date_modified"></foxy-i18n>
-            </td>
-            <td class="max-w-0 truncate py-s text-body w-2-3">
-              <foxy-i18n
-                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}
-                infer=""
-                key="date"
-              >
-              </foxy-i18n>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <p class="font-lumo text-xs leading-s text-secondary">
+        <foxy-i18n infer="" key="date_created"></foxy-i18n>
+        <foxy-i18n
+          .options=${{ value: get(this, 'nucleon.data.date_created') }}
+          infer=""
+          key="date"
+        >
+        </foxy-i18n>
+        <span>&bull;<span>
+        <foxy-i18n infer="" key="date_modified"></foxy-i18n>
+        <foxy-i18n
+          .options=${{ value: get(this, 'nucleon.data.date_modified') }}
+          infer=""
+          key="date"
+        >
+        </foxy-i18n>
+      </p>
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,8CAA2C;AAErE;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;;0BASW,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;;;;;;;;;;;;;0BAajE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;;;;;;;;;KASvF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { css, CSSResultArray } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { get } from 'lodash-es';\nimport { InternalControl } from '../InternalControl/InternalControl';\n\n/**\n * Internal control displaying creation and last modification date\n * for a hAPI resource in a table.\n *\n * @element foxy-internal-timestamps-control\n * @since 1.17.0\n */\nexport class InternalTimestampsControl extends InternalControl {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-0 {\n          max-width: 0;\n        }\n      `,\n    ];\n  }\n\n  renderControl(): TemplateResult {\n    return html`\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n infer=\"\" key=\"date_created\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}\n                infer=\"\"\n                key=\"date\"\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n infer=\"\" key=\"date_modified\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}\n                infer=\"\"\n                key=\"date\"\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,aAAa;QACX,OAAO,IAAI,CAAA;;;;qBAIM,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE;;;;;;;;qBAQjD,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE;;;;;;KAMlE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-html';\nimport { get } from 'lodash-es';\n\n/**\n * Internal control displaying creation and last modification date\n * for a hAPI resource in a table.\n *\n * @element foxy-internal-timestamps-control\n * @since 1.17.0\n */\nexport class InternalTimestampsControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <p class=\"font-lumo text-xs leading-s text-secondary\">\n        <foxy-i18n infer=\"\" key=\"date_created\"></foxy-i18n>\n        <foxy-i18n\n          .options=${{ value: get(this, 'nucleon.data.date_created') }}\n          infer=\"\"\n          key=\"date\"\n        >\n        </foxy-i18n>\n        <span>&bull;<span>\n        <foxy-i18n infer=\"\" key=\"date_modified\"></foxy-i18n>\n        <foxy-i18n\n          .options=${{ value: get(this, 'nucleon.data.date_modified') }}\n          infer=\"\"\n          key=\"date\"\n        >\n        </foxy-i18n>\n      </p>\n    `;\n  }\n}\n"]}

package/dist/elements/private/Metadata/Metadata.d.ts

@@ -0,0 +1,13 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { Themeable } from '../../../mixins/themeable';
+export declare class Metadata extends Themeable {
+    static get properties(): PropertyDeclarations;
+    /** @deprecated */
+    disabled: boolean;
+    items: {
+        name: string;
+        value: string;
+    }[];
+    render(): TemplateResult;
+}

package/dist/elements/private/Metadata/Metadata.js

@@ -0,0 +1,27 @@
+import { Themeable } from "../../../mixins/themeable.js";
+import { html } from 'lit-html';
+export class Metadata extends Themeable {
+    constructor() {
+        super(...arguments);
+        /** @deprecated */
+        this.disabled = false;
+        this.items = [];
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            disabled: { type: Boolean, reflect: true },
+            items: { attribute: false },
+        };
+    }
+    render() {
+        return html `
+      <p class="font-lumo text-xs leading-s text-secondary">
+        ${this.items.map(({ name, value }, i) => {
+            return html `${i === 0 ? '' : html `&bull;`}${name} ${value}`;
+        })}
+      </p>
+    `;
+    }
+}
+//# sourceMappingURL=Metadata.js.map

package/dist/elements/private/Metadata/Metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metadata.js","sourceRoot":"","sources":["../../../../src/elements/private/Metadata/Metadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,QAAS,SAAQ,SAAS;IAAvC;;QASE,kBAAkB;QAClB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAsC,EAAE,CAAC;IAWhD,CAAC;IAtBC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1C,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC5B,CAAC;IACJ,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;YACtC,OAAO,IAAI,CAAA,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;QAC9D,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { html } from 'lit-html';\n\nexport class Metadata extends Themeable {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      disabled: { type: Boolean, reflect: true },\n      items: { attribute: false },\n    };\n  }\n\n  /** @deprecated */\n  disabled = false;\n\n  items: { name: string; value: string }[] = [];\n\n  render(): TemplateResult {\n    return html`\n      <p class=\"font-lumo text-xs leading-s text-secondary\">\n        ${this.items.map(({ name, value }, i) => {\n          return html`${i === 0 ? '' : html`&bull;`}${name} ${value}`;\n        })}\n      </p>\n    `;\n  }\n}\n"]}

package/dist/elements/private/index.d.ts

@@ -10,7 +10,7 @@ export * from './List/List';
 export * from './LoadingScreen/LoadingScreen';
 export * from './MonthdayPicker/MonthdayPicker';
 export * from './Page/Page';
-export * from './PropertyTable/PropertyTable';
+export * from './Metadata/Metadata';
 export * from './Section/Section';
 export * from './Skeleton/Skeleton';
 export * from './Switch/Switch';

package/dist/elements/private/index.js

@@ -10,7 +10,7 @@ export * from "./List/List.js";
 export * from "./LoadingScreen/LoadingScreen.js";
 export * from "./MonthdayPicker/MonthdayPicker.js";
 export * from "./Page/Page.js";
-export * from "./PropertyTable/PropertyTable.js";
+export * from "./Metadata/Metadata.js";
 export * from "./Section/Section.js";
 export * from "./Skeleton/Skeleton.js";
 export * from "./Switch/Switch.js";

package/dist/elements/private/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/private/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,mCAAgC;AAChC,mCAAgC;AAChC,uCAAoC;AACpC,6CAA0C;AAC1C,mDAAgD;AAChD,iCAA8B;AAC9B,+BAA4B;AAC5B,+BAA4B;AAC5B,iDAA8C;AAC9C,mDAAgD;AAChD,+BAA4B;AAC5B,iDAA8C;AAC9C,qCAAkC;AAClC,uCAAoC;AACpC,mCAAgC;AAChC,+BAA4B;AAC5B,qCAAkC;AAClC,iDAA8C","sourcesContent":["export * from './Checkbox/Checkbox';\nexport * from './Choice/Choice';\nexport * from './Dialog/Dialog';\nexport * from './Dropdown/Dropdown';\nexport * from './ErrorScreen/ErrorScreen';\nexport * from './FrequencyInput/FrequencyInput';\nexport * from './Group/Group';\nexport * from './I18N/I18N';\nexport * from './List/List';\nexport * from './LoadingScreen/LoadingScreen';\nexport * from './MonthdayPicker/MonthdayPicker';\nexport * from './Page/Page';\nexport * from './PropertyTable/PropertyTable';\nexport * from './Section/Section';\nexport * from './Skeleton/Skeleton';\nexport * from './Switch/Switch';\nexport * from './Tabs/Tabs';\nexport * from './Warning/Warning';\nexport * from './WeekdayPicker/WeekdayPicker';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/private/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,mCAAgC;AAChC,mCAAgC;AAChC,uCAAoC;AACpC,6CAA0C;AAC1C,mDAAgD;AAChD,iCAA8B;AAC9B,+BAA4B;AAC5B,+BAA4B;AAC5B,iDAA8C;AAC9C,mDAAgD;AAChD,+BAA4B;AAC5B,uCAAoC;AACpC,qCAAkC;AAClC,uCAAoC;AACpC,mCAAgC;AAChC,+BAA4B;AAC5B,qCAAkC;AAClC,iDAA8C","sourcesContent":["export * from './Checkbox/Checkbox';\nexport * from './Choice/Choice';\nexport * from './Dialog/Dialog';\nexport * from './Dropdown/Dropdown';\nexport * from './ErrorScreen/ErrorScreen';\nexport * from './FrequencyInput/FrequencyInput';\nexport * from './Group/Group';\nexport * from './I18N/I18N';\nexport * from './List/List';\nexport * from './LoadingScreen/LoadingScreen';\nexport * from './MonthdayPicker/MonthdayPicker';\nexport * from './Page/Page';\nexport * from './Metadata/Metadata';\nexport * from './Section/Section';\nexport * from './Skeleton/Skeleton';\nexport * from './Switch/Switch';\nexport * from './Tabs/Tabs';\nexport * from './Warning/Warning';\nexport * from './WeekdayPicker/WeekdayPicker';\n"]}

package/dist/elements/public/AddressForm/AddressForm.js

@@ -2,7 +2,7 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { html } from 'lit-html';
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { NucleonElement } from "../NucleonElement/NucleonElement.js";
-import { PropertyTable } from "../../private/PropertyTable/PropertyTable.js";
+import { Metadata } from "../../private/Metadata/Metadata.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { classMap } from "../../../utils/class-map.js";
@@ -184,7 +184,7 @@ export class AddressForm extends Base {
             return html `
       <div>
         ${this.renderTemplateOrSlot('timestamps:before')}
-        <x-property-table .items=${items} data-testid="timestamps"></x-property-table>
+        <x-metadata .items=${items} data-testid="timestamps"></x-metadata>
         ${this.renderTemplateOrSlot('timestamps:after')}
       </div>
     `;
@@ -223,7 +223,7 @@ export class AddressForm extends Base {
             'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
             'vaadin-text-field': customElements.get('vaadin-text-field'),
             'vaadin-combo-box': customElements.get('vaadin-combo-box'),
-            'x-property-table': PropertyTable,
+            'x-metadata': Metadata,
             'vaadin-button': customElements.get('vaadin-button'),
             'foxy-spinner': customElements.get('foxy-spinner'),
             'foxy-i18n': customElements.get('foxy-i18n'),

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

@@ -1 +1 @@
-{"version":3,"file":"AddressForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/AddressForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates, TextFieldParams } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/PropertyTable/PropertyTable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { countries } from './countries';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport memoize from 'lodash-es/memoize';\n\nconst NS = 'address-form';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Basic form displaying customer address.\n *\n * @slot address-name:before - **new in v1.4.0**\n * @slot address-name:after - **new in v1.4.0**\n *\n * @slot first-name:before - **new in v1.4.0**\n * @slot first-name:after - **new in v1.4.0**\n *\n * @slot last-name:before - **new in v1.4.0**\n * @slot last-name:after - **new in v1.4.0**\n *\n * @slot region:before - **new in v1.4.0**\n * @slot region:after - **new in v1.4.0**\n *\n * @slot city:before - **new in v1.4.0**\n * @slot city:after - **new in v1.4.0**\n *\n * @slot phone:before - **new in v1.4.0**\n * @slot phone:after - **new in v1.4.0**\n *\n * @slot company:before - **new in v1.4.0**\n * @slot company:after - **new in v1.4.0**\n *\n * @slot address-one:before - **new in v1.4.0**\n * @slot address-one:after - **new in v1.4.0**\n *\n * @slot address-two:before - **new in v1.4.0**\n * @slot address-two:after - **new in v1.4.0**\n *\n * @slot country:before - **new in v1.4.0**\n * @slot country:after - **new in v1.4.0**\n *\n * @slot postal-code:before - **new in v1.4.0**\n * @slot postal-code:after - **new in v1.4.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-address-form\n * @since 1.2.0\n */\nexport class AddressForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'x-property-table': PropertyTable,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ address_name: v }) => (v && v.length > 0) || 'address_name_required',\n      ({ address_name: v }) => !v || v.length <= 100 || 'address_name_too_long',\n      ({ first_name: v }) => !v || v.length <= 50 || 'first_name_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last_name_too_long',\n      ({ region: v }) => !v || v.length <= 50 || 'region_too_long',\n      ({ city: v }) => !v || v.length <= 50 || 'city_too_long',\n      ({ phone: v }) => !v || v.length <= 50 || 'phone_too_long',\n      ({ company: v }) => !v || v.length <= 50 || 'company_too_long',\n      ({ address2: v }) => !v || v.length <= 100 || 'address2_too_long',\n      ({ address1: v }) => (v && v.length > 0) || 'address1_required',\n      ({ address1: v }) => (v && v.length <= 100) || 'address1_too_long',\n      ({ postal_code: v }) => !v || v.length <= 50 || 'postal_code_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __getValidator = memoize((prefix: string) => () => {\n    return !this.errors.some(err => err.startsWith(prefix));\n  });\n\n  private readonly __bindField = memoize((key: keyof Data) => {\n    return (evt: CustomEvent) => {\n      const target = evt.currentTarget as HTMLInputElement;\n      this.edit({ [key]: target.value });\n    };\n  });\n\n  private readonly __maybeRenderCountry = () => {\n    const field = 'country';\n    if (this.hiddenSelector.matches(field)) return '';\n    const source = Object.keys(countries);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${field}:before`)}\n\n        <vaadin-combo-box\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          item-value-path=\"code\"\n          item-label-path=\"text\"\n          .checkValidity=${this.__getValidator(field)}\n          .items=${source.map(code => ({\n            text: this.t(`country_${code.toLowerCase()}`),\n            code,\n          }))}\n          ?readonly=${this.readonlySelector.matches(field, true)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(field, true)}\n          @change=${(evt: CustomEvent) => {\n            const target = evt.currentTarget as HTMLInputElement;\n            this.edit({ country: target.value, region: '' });\n          }}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot(`${field}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __maybeRenderRegion = () => {\n    const field = 'region';\n    if (this.hiddenSelector.matches(field)) return '';\n    const source = countries[this.form.country ?? ''] ?? [];\n    const country = this.form.country ?? '';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${field}:before`)}\n\n        <vaadin-combo-box\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          item-value-path=\"code\"\n          item-label-path=\"text\"\n          .checkValidity=${this.__getValidator(field)}\n          .items=${source.map(code => ({\n            text: this.t(`country_${country.toLowerCase()}_region_${code.toLowerCase()}`),\n            code,\n          }))}\n          ?allow-custom-value=${source.length === 0}\n          ?readonly=${this.readonlySelector.matches(field, true)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(field, true)}\n          @change=${this.__bindField(field)}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot(`${field}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __maybeRenderTextField = (params: TextFieldParams) => {\n    const { field, wide = false, readonly = false, required = false } = params;\n    const bsid = field.replace(/_/, '-').replace('1', '-one').replace('2', '-two');\n    if (this.hiddenSelector.matches(bsid)) return '';\n\n    return html`\n      <div class=${classMap({ 'col-span-2': wide })}>\n        ${this.renderTemplateOrSlot(`${bsid}:before`)}\n\n        <vaadin-text-field\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${bsid}\n          .checkValidity=${this.__getValidator(field)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid)}\n          ?required=${required}\n          ?readonly=${readonly || this.readonlySelector.matches(bsid)}\n          @input=${this.__bindField(field)}\n          @keydown=${this.__handleKeyDown}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot(`${bsid}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderTimestamps = () => {\n    const items = (['date_modified', 'date_created'] as const).map(field => ({\n      name: this.t(field),\n      value: this.data?.[field]\n        ? this.t('date', { value: new Date(this.data[field] as string) })\n        : '',\n    }));\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n        <x-property-table .items=${items} data-testid=\"timestamps\"></x-property-table>\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAction = (action: string) => {\n    const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(action, true);\n    const isDefaultShipping = !!this.form?.is_default_shipping;\n    const isDefaultBilling = !!this.form?.is_default_billing;\n    const isDefault = isDefaultShipping || isDefaultBilling;\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${action}:before`)}\n\n        <vaadin-button\n          class=\"w-full\"\n          theme=${this.in('idle') ? `${this.href ? 'error' : 'primary success'}` : ''}\n          data-testid=${action}\n          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled || isDefault}\n          @click=${this.__handleActionClick}\n        >\n          <foxy-i18n ns=${this.ns} key=${action} lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${action}:after`)}\n      </div>\n    `;\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    customElements.get('foxy-i18n').i18next.loadNamespaces(['country', 'region']);\n  }\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const action = this.href ? 'delete' : 'create';\n\n    const isDefaultShipping = !!this.form?.is_default_shipping;\n    const isDefaultBilling = !!this.form?.is_default_billing;\n    const isDefault = isDefaultShipping || isDefaultBilling;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        data-testid=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div\n        class=\"space-y-l font-lumo text-m leading-m text-body relative\"\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        data-testid=\"wrapper\"\n      >\n        <div class=\"grid grid-cols-2 gap-m\">\n          ${this.__maybeRenderTextField({\n            field: 'address_name',\n            wide: true,\n            readonly: isDefault,\n            required: true,\n          })}\n          ${this.__maybeRenderTextField({ field: 'first_name' })}\n          ${this.__maybeRenderTextField({ field: 'last_name' })}\n          ${this.__maybeRenderTextField({ field: 'company' })}\n          ${this.__maybeRenderTextField({ field: 'phone' })}\n          ${this.__maybeRenderTextField({ field: 'address1', wide: true, required: true })}\n          ${this.__maybeRenderTextField({ field: 'address2', wide: true })}\n          ${this.__maybeRenderCountry()} ${this.__maybeRenderRegion()}\n          ${this.__maybeRenderTextField({ field: 'city' })}\n          ${this.__maybeRenderTextField({ field: 'postal_code' })}\n        </div>\n\n        ${!this.data || hiddenSelector.matches('timestamps', true) ? '' : this.__renderTimestamps()}\n        ${hiddenSelector.matches(action, true) ? '' : this.__renderAction(action)}\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': !isBusy && !isFail,\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=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__getValidator.cache.clear?.();\n  }\n\n  private __handleKeyDown(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') this.submit();\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __handleActionClick(evt: Event) {\n    if (this.in({ idle: 'snapshot' })) {\n      const confirm = this.renderRoot.querySelector('#confirm');\n      (confirm as InternalConfirmDialog).show(evt.currentTarget as HTMLElement);\n    } else {\n      this.submit();\n    }\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}
+{"version":3,"file":"AddressForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/AddressForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates, TextFieldParams } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { Metadata } from '../../private/Metadata/Metadata';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { countries } from './countries';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport memoize from 'lodash-es/memoize';\n\nconst NS = 'address-form';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Basic form displaying customer address.\n *\n * @slot address-name:before - **new in v1.4.0**\n * @slot address-name:after - **new in v1.4.0**\n *\n * @slot first-name:before - **new in v1.4.0**\n * @slot first-name:after - **new in v1.4.0**\n *\n * @slot last-name:before - **new in v1.4.0**\n * @slot last-name:after - **new in v1.4.0**\n *\n * @slot region:before - **new in v1.4.0**\n * @slot region:after - **new in v1.4.0**\n *\n * @slot city:before - **new in v1.4.0**\n * @slot city:after - **new in v1.4.0**\n *\n * @slot phone:before - **new in v1.4.0**\n * @slot phone:after - **new in v1.4.0**\n *\n * @slot company:before - **new in v1.4.0**\n * @slot company:after - **new in v1.4.0**\n *\n * @slot address-one:before - **new in v1.4.0**\n * @slot address-one:after - **new in v1.4.0**\n *\n * @slot address-two:before - **new in v1.4.0**\n * @slot address-two:after - **new in v1.4.0**\n *\n * @slot country:before - **new in v1.4.0**\n * @slot country:after - **new in v1.4.0**\n *\n * @slot postal-code:before - **new in v1.4.0**\n * @slot postal-code:after - **new in v1.4.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-address-form\n * @since 1.2.0\n */\nexport class AddressForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'x-metadata': Metadata,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ address_name: v }) => (v && v.length > 0) || 'address_name_required',\n      ({ address_name: v }) => !v || v.length <= 100 || 'address_name_too_long',\n      ({ first_name: v }) => !v || v.length <= 50 || 'first_name_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last_name_too_long',\n      ({ region: v }) => !v || v.length <= 50 || 'region_too_long',\n      ({ city: v }) => !v || v.length <= 50 || 'city_too_long',\n      ({ phone: v }) => !v || v.length <= 50 || 'phone_too_long',\n      ({ company: v }) => !v || v.length <= 50 || 'company_too_long',\n      ({ address2: v }) => !v || v.length <= 100 || 'address2_too_long',\n      ({ address1: v }) => (v && v.length > 0) || 'address1_required',\n      ({ address1: v }) => (v && v.length <= 100) || 'address1_too_long',\n      ({ postal_code: v }) => !v || v.length <= 50 || 'postal_code_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __getValidator = memoize((prefix: string) => () => {\n    return !this.errors.some(err => err.startsWith(prefix));\n  });\n\n  private readonly __bindField = memoize((key: keyof Data) => {\n    return (evt: CustomEvent) => {\n      const target = evt.currentTarget as HTMLInputElement;\n      this.edit({ [key]: target.value });\n    };\n  });\n\n  private readonly __maybeRenderCountry = () => {\n    const field = 'country';\n    if (this.hiddenSelector.matches(field)) return '';\n    const source = Object.keys(countries);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${field}:before`)}\n\n        <vaadin-combo-box\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          item-value-path=\"code\"\n          item-label-path=\"text\"\n          .checkValidity=${this.__getValidator(field)}\n          .items=${source.map(code => ({\n            text: this.t(`country_${code.toLowerCase()}`),\n            code,\n          }))}\n          ?readonly=${this.readonlySelector.matches(field, true)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(field, true)}\n          @change=${(evt: CustomEvent) => {\n            const target = evt.currentTarget as HTMLInputElement;\n            this.edit({ country: target.value, region: '' });\n          }}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot(`${field}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __maybeRenderRegion = () => {\n    const field = 'region';\n    if (this.hiddenSelector.matches(field)) return '';\n    const source = countries[this.form.country ?? ''] ?? [];\n    const country = this.form.country ?? '';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${field}:before`)}\n\n        <vaadin-combo-box\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          item-value-path=\"code\"\n          item-label-path=\"text\"\n          .checkValidity=${this.__getValidator(field)}\n          .items=${source.map(code => ({\n            text: this.t(`country_${country.toLowerCase()}_region_${code.toLowerCase()}`),\n            code,\n          }))}\n          ?allow-custom-value=${source.length === 0}\n          ?readonly=${this.readonlySelector.matches(field, true)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(field, true)}\n          @change=${this.__bindField(field)}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot(`${field}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __maybeRenderTextField = (params: TextFieldParams) => {\n    const { field, wide = false, readonly = false, required = false } = params;\n    const bsid = field.replace(/_/, '-').replace('1', '-one').replace('2', '-two');\n    if (this.hiddenSelector.matches(bsid)) return '';\n\n    return html`\n      <div class=${classMap({ 'col-span-2': wide })}>\n        ${this.renderTemplateOrSlot(`${bsid}:before`)}\n\n        <vaadin-text-field\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${bsid}\n          .checkValidity=${this.__getValidator(field)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid)}\n          ?required=${required}\n          ?readonly=${readonly || this.readonlySelector.matches(bsid)}\n          @input=${this.__bindField(field)}\n          @keydown=${this.__handleKeyDown}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot(`${bsid}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderTimestamps = () => {\n    const items = (['date_modified', 'date_created'] as const).map(field => ({\n      name: this.t(field),\n      value: this.data?.[field]\n        ? this.t('date', { value: new Date(this.data[field] as string) })\n        : '',\n    }));\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n        <x-metadata .items=${items} data-testid=\"timestamps\"></x-metadata>\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAction = (action: string) => {\n    const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(action, true);\n    const isDefaultShipping = !!this.form?.is_default_shipping;\n    const isDefaultBilling = !!this.form?.is_default_billing;\n    const isDefault = isDefaultShipping || isDefaultBilling;\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${action}:before`)}\n\n        <vaadin-button\n          class=\"w-full\"\n          theme=${this.in('idle') ? `${this.href ? 'error' : 'primary success'}` : ''}\n          data-testid=${action}\n          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled || isDefault}\n          @click=${this.__handleActionClick}\n        >\n          <foxy-i18n ns=${this.ns} key=${action} lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${action}:after`)}\n      </div>\n    `;\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    customElements.get('foxy-i18n').i18next.loadNamespaces(['country', 'region']);\n  }\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const action = this.href ? 'delete' : 'create';\n\n    const isDefaultShipping = !!this.form?.is_default_shipping;\n    const isDefaultBilling = !!this.form?.is_default_billing;\n    const isDefault = isDefaultShipping || isDefaultBilling;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        data-testid=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div\n        class=\"space-y-l font-lumo text-m leading-m text-body relative\"\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        data-testid=\"wrapper\"\n      >\n        <div class=\"grid grid-cols-2 gap-m\">\n          ${this.__maybeRenderTextField({\n            field: 'address_name',\n            wide: true,\n            readonly: isDefault,\n            required: true,\n          })}\n          ${this.__maybeRenderTextField({ field: 'first_name' })}\n          ${this.__maybeRenderTextField({ field: 'last_name' })}\n          ${this.__maybeRenderTextField({ field: 'company' })}\n          ${this.__maybeRenderTextField({ field: 'phone' })}\n          ${this.__maybeRenderTextField({ field: 'address1', wide: true, required: true })}\n          ${this.__maybeRenderTextField({ field: 'address2', wide: true })}\n          ${this.__maybeRenderCountry()} ${this.__maybeRenderRegion()}\n          ${this.__maybeRenderTextField({ field: 'city' })}\n          ${this.__maybeRenderTextField({ field: 'postal_code' })}\n        </div>\n\n        ${!this.data || hiddenSelector.matches('timestamps', true) ? '' : this.__renderTimestamps()}\n        ${hiddenSelector.matches(action, true) ? '' : this.__renderAction(action)}\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': !isBusy && !isFail,\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=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__getValidator.cache.clear?.();\n  }\n\n  private __handleKeyDown(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') this.submit();\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __handleActionClick(evt: Event) {\n    if (this.in({ idle: 'snapshot' })) {\n      const confirm = this.renderRoot.querySelector('#confirm');\n      (confirm as InternalConfirmDialog).show(evt.currentTarget as HTMLElement);\n    } else {\n      this.submit();\n    }\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}