@foxy.io/elements 1.32.0-beta.7 → 1.33.0-beta.1

package/dist/cdn/{shared-334c421b.js → shared-e39760d5.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-d1195c27.js";import{y as s}from"./shared-d65e8cc0.js";import{h as t}from"./shared-dc73b9a5.js";let r,a,i,o=e=>e;class d extends s{constructor(){super(...arguments),this.disabled=!1,this.items=[]}static get properties(){return e(e({},super.properties),{},{disabled:{type:Boolean,reflect:!0},items:{attribute:!1}})}render(){return t(r||(r=o` <p class="font-lumo text-xs leading-s text-secondary"> ${0} </p> `),this.items.map((({name:e,value:s},r)=>t(a||(a=o`${0}${0} ${0}`),0===r?"":t(i||(i=o`&bull;`)),e,s))))}}export{d as M};
+import{_ as e}from"./shared-d1195c27.js";import{y as s}from"./shared-6d7c1a2f.js";import{h as t}from"./shared-dc73b9a5.js";let r,a,i,o=e=>e;class d extends s{constructor(){super(...arguments),this.disabled=!1,this.items=[]}static get properties(){return e(e({},super.properties),{},{disabled:{type:Boolean,reflect:!0},items:{attribute:!1}})}render(){return t(r||(r=o` <p class="font-lumo text-xs leading-s text-secondary"> ${0} </p> `),this.items.map((({name:e,value:s},r)=>t(a||(a=o`${0}${0} ${0}`),0===r?"":t(i||(i=o`&bull;`)),e,s))))}}export{d as M};

package/dist/cdn/{shared-efaf6205.js → shared-eecba1f5.js}

@@ -1 +1 @@
-import"./shared-d99621f5.js";const n=document.createElement("template");n.innerHTML='<dom-module id="lumo-badge">\n  <template>\n    <style>\n      [theme~="badge"] {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);\n        color: var(--lumo-primary-text-color);\n        background-color: var(--lumo-primary-color-10pct);\n        border-radius: var(--lumo-border-radius-s);\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-s);\n        line-height: 1;\n        font-weight: 500;\n        text-transform: initial;\n        letter-spacing: initial;\n        min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);\n      }\n\n      /* Ensure proper vertical alignment */\n      [theme~="badge"]::before {\n        display: inline-block;\n        content: "\\2003";\n        width: 0;\n      }\n\n      [theme~="badge"][theme~="small"] {\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n      }\n\n      /* Colors */\n\n      [theme~="badge"][theme~="success"] {\n        color: var(--lumo-success-text-color);\n        background-color: var(--lumo-success-color-10pct);\n      }\n\n      [theme~="badge"][theme~="error"] {\n        color: var(--lumo-error-text-color);\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      [theme~="badge"][theme~="contrast"] {\n        color: var(--lumo-contrast-80pct);\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      /* Primary */\n\n      [theme~="badge"][theme~="primary"] {\n        color: var(--lumo-primary-contrast-color);\n        background-color: var(--lumo-primary-color);\n      }\n\n      [theme~="badge"][theme~="success"][theme~="primary"] {\n        color: var(--lumo-success-contrast-color);\n        background-color: var(--lumo-success-color);\n      }\n\n      [theme~="badge"][theme~="error"][theme~="primary"] {\n        color: var(--lumo-error-contrast-color);\n        background-color: var(--lumo-error-color);\n      }\n\n      [theme~="badge"][theme~="contrast"][theme~="primary"] {\n        color: var(--lumo-base-color);\n        background-color: var(--lumo-contrast);\n      }\n\n      /* Links */\n\n      [theme~="badge"][href]:hover {\n        text-decoration: none;\n      }\n\n      /* Icon */\n\n      [theme~="badge"] iron-icon {\n        margin: -0.25em 0;\n        --iron-icon-width: 1.5em;\n        --iron-icon-height: 1.5em;\n      }\n\n      [theme~="badge"] iron-icon:first-child {\n        margin-left: -0.375em;\n      }\n\n      [theme~="badge"] iron-icon:last-child {\n        margin-right: -0.375em;\n      }\n\n      [theme~="badge"][icon] {\n        min-width: 0;\n        padding: 0;\n        font-size: 1rem;\n        --iron-icon-width: var(--lumo-icon-size-m);\n        --iron-icon-height: var(--lumo-icon-size-m);\n      }\n\n      [theme~="badge"][icon][theme~="small"] {\n        --iron-icon-width: var(--lumo-icon-size-s);\n        --iron-icon-height: var(--lumo-icon-size-s);\n      }\n\n      /* Empty */\n\n      [theme~="badge"]:not([icon]):empty {\n        min-width: 0;\n        width: 1em;\n        height: 1em;\n        padding: 0;\n        border-radius: 50%;\n        background-color: var(--lumo-primary-color);\n      }\n\n      [theme~="badge"][theme~="small"]:not([icon]):empty {\n        width: 0.75em;\n        height: 0.75em;\n      }\n\n      [theme~="badge"][theme~="contrast"]:not([icon]):empty {\n        background-color: var(--lumo-contrast);\n      }\n\n      [theme~="badge"][theme~="success"]:not([icon]):empty {\n        background-color: var(--lumo-success-color);\n      }\n\n      [theme~="badge"][theme~="error"]:not([icon]):empty {\n        background-color: var(--lumo-error-color);\n      }\n\n      /* Pill */\n\n      [theme~="badge"][theme~="pill"] {\n        --lumo-border-radius-s: 1em;\n      }\n\n      /* RTL specific styles */\n\n      [dir="rtl"][theme~="badge"] iron-icon:first-child {\n        margin-right: -0.375em;\n        margin-left: 0;\n      }\n\n      [dir="rtl"][theme~="badge"] iron-icon:last-child {\n        margin-left: -0.375em;\n        margin-right: 0;\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(n.content);
+import"./shared-08be5c32.js";const n=document.createElement("template");n.innerHTML='<dom-module id="lumo-badge">\n  <template>\n    <style>\n      [theme~="badge"] {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);\n        color: var(--lumo-primary-text-color);\n        background-color: var(--lumo-primary-color-10pct);\n        border-radius: var(--lumo-border-radius-s);\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-s);\n        line-height: 1;\n        font-weight: 500;\n        text-transform: initial;\n        letter-spacing: initial;\n        min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);\n      }\n\n      /* Ensure proper vertical alignment */\n      [theme~="badge"]::before {\n        display: inline-block;\n        content: "\\2003";\n        width: 0;\n      }\n\n      [theme~="badge"][theme~="small"] {\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n      }\n\n      /* Colors */\n\n      [theme~="badge"][theme~="success"] {\n        color: var(--lumo-success-text-color);\n        background-color: var(--lumo-success-color-10pct);\n      }\n\n      [theme~="badge"][theme~="error"] {\n        color: var(--lumo-error-text-color);\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      [theme~="badge"][theme~="contrast"] {\n        color: var(--lumo-contrast-80pct);\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      /* Primary */\n\n      [theme~="badge"][theme~="primary"] {\n        color: var(--lumo-primary-contrast-color);\n        background-color: var(--lumo-primary-color);\n      }\n\n      [theme~="badge"][theme~="success"][theme~="primary"] {\n        color: var(--lumo-success-contrast-color);\n        background-color: var(--lumo-success-color);\n      }\n\n      [theme~="badge"][theme~="error"][theme~="primary"] {\n        color: var(--lumo-error-contrast-color);\n        background-color: var(--lumo-error-color);\n      }\n\n      [theme~="badge"][theme~="contrast"][theme~="primary"] {\n        color: var(--lumo-base-color);\n        background-color: var(--lumo-contrast);\n      }\n\n      /* Links */\n\n      [theme~="badge"][href]:hover {\n        text-decoration: none;\n      }\n\n      /* Icon */\n\n      [theme~="badge"] iron-icon {\n        margin: -0.25em 0;\n        --iron-icon-width: 1.5em;\n        --iron-icon-height: 1.5em;\n      }\n\n      [theme~="badge"] iron-icon:first-child {\n        margin-left: -0.375em;\n      }\n\n      [theme~="badge"] iron-icon:last-child {\n        margin-right: -0.375em;\n      }\n\n      [theme~="badge"][icon] {\n        min-width: 0;\n        padding: 0;\n        font-size: 1rem;\n        --iron-icon-width: var(--lumo-icon-size-m);\n        --iron-icon-height: var(--lumo-icon-size-m);\n      }\n\n      [theme~="badge"][icon][theme~="small"] {\n        --iron-icon-width: var(--lumo-icon-size-s);\n        --iron-icon-height: var(--lumo-icon-size-s);\n      }\n\n      /* Empty */\n\n      [theme~="badge"]:not([icon]):empty {\n        min-width: 0;\n        width: 1em;\n        height: 1em;\n        padding: 0;\n        border-radius: 50%;\n        background-color: var(--lumo-primary-color);\n      }\n\n      [theme~="badge"][theme~="small"]:not([icon]):empty {\n        width: 0.75em;\n        height: 0.75em;\n      }\n\n      [theme~="badge"][theme~="contrast"]:not([icon]):empty {\n        background-color: var(--lumo-contrast);\n      }\n\n      [theme~="badge"][theme~="success"]:not([icon]):empty {\n        background-color: var(--lumo-success-color);\n      }\n\n      [theme~="badge"][theme~="error"]:not([icon]):empty {\n        background-color: var(--lumo-error-color);\n      }\n\n      /* Pill */\n\n      [theme~="badge"][theme~="pill"] {\n        --lumo-border-radius-s: 1em;\n      }\n\n      /* RTL specific styles */\n\n      [dir="rtl"][theme~="badge"] iron-icon:first-child {\n        margin-right: -0.375em;\n        margin-left: 0;\n      }\n\n      [dir="rtl"][theme~="badge"] iron-icon:last-child {\n        margin-left: -0.375em;\n        margin-right: 0;\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(n.content);

package/dist/cdn/{shared-1faa9f13.js → shared-f09454f9.js}

@@ -1 +1 @@
-import"./shared-d99621f5.js";const n=document.createElement("template");n.innerHTML='<dom-module id="lumo-required-field">\n  <template>\n    <style>\n      [part="label"] {\n        align-self: flex-start;\n        color: var(--lumo-secondary-text-color);\n        font-weight: 500;\n        font-size: var(--lumo-font-size-s);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n        line-height: 1;\n        padding-bottom: 0.5em;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        position: relative;\n        max-width: 100%;\n        box-sizing: border-box;\n      }\n\n      :host([has-label])::before {\n        margin-top: calc(var(--lumo-font-size-s) * 1.5);\n      }\n\n      :host([has-label]) {\n        padding-top: var(--lumo-space-m);\n      }\n\n      :host([required]) [part="label"] {\n        padding-right: 1em;\n      }\n\n      [part="label"]::after {\n        content: var(--lumo-required-field-indicator, "•");\n        transition: opacity 0.2s;\n        opacity: 0;\n        color: var(--lumo-primary-text-color);\n        position: absolute;\n        right: 0;\n        width: 1em;\n        text-align: center;\n      }\n\n      :host([required]:not([has-value])) [part="label"]::after {\n        opacity: 1;\n      }\n\n      :host([invalid]) [part="label"]::after {\n        color: var(--lumo-error-text-color);\n      }\n\n      [part="error-message"] {\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        color: var(--lumo-error-text-color);\n        will-change: max-height;\n        transition: 0.4s max-height;\n        max-height: 5em;\n      }\n\n      /* Margin that doesn’t reserve space when there’s no error message */\n      [part="error-message"]:not(:empty)::before,\n      [part="error-message"]:not(:empty)::after {\n        content: "";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host(:not([invalid])) [part="error-message"] {\n        max-height: 0;\n        overflow: hidden;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir="rtl"]) [part="label"] {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-border-radius-m) / 4);\n      }\n\n      :host([required][dir="rtl"]) [part="label"] {\n        padding-left: 1em;\n        padding-right: 0;\n      }\n\n      :host([dir="rtl"]) [part="label"]::after {\n        right: auto;\n        left: 0;\n      }\n\n      :host([dir="rtl"]) [part="error-message"] {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-border-radius-m) / 4);\n      }\n\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(n.content);
+import"./shared-08be5c32.js";const n=document.createElement("template");n.innerHTML='<dom-module id="lumo-required-field">\n  <template>\n    <style>\n      [part="label"] {\n        align-self: flex-start;\n        color: var(--lumo-secondary-text-color);\n        font-weight: 500;\n        font-size: var(--lumo-font-size-s);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n        line-height: 1;\n        padding-bottom: 0.5em;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        position: relative;\n        max-width: 100%;\n        box-sizing: border-box;\n      }\n\n      :host([has-label])::before {\n        margin-top: calc(var(--lumo-font-size-s) * 1.5);\n      }\n\n      :host([has-label]) {\n        padding-top: var(--lumo-space-m);\n      }\n\n      :host([required]) [part="label"] {\n        padding-right: 1em;\n      }\n\n      [part="label"]::after {\n        content: var(--lumo-required-field-indicator, "•");\n        transition: opacity 0.2s;\n        opacity: 0;\n        color: var(--lumo-primary-text-color);\n        position: absolute;\n        right: 0;\n        width: 1em;\n        text-align: center;\n      }\n\n      :host([required]:not([has-value])) [part="label"]::after {\n        opacity: 1;\n      }\n\n      :host([invalid]) [part="label"]::after {\n        color: var(--lumo-error-text-color);\n      }\n\n      [part="error-message"] {\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        color: var(--lumo-error-text-color);\n        will-change: max-height;\n        transition: 0.4s max-height;\n        max-height: 5em;\n      }\n\n      /* Margin that doesn’t reserve space when there’s no error message */\n      [part="error-message"]:not(:empty)::before,\n      [part="error-message"]:not(:empty)::after {\n        content: "";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host(:not([invalid])) [part="error-message"] {\n        max-height: 0;\n        overflow: hidden;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir="rtl"]) [part="label"] {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-border-radius-m) / 4);\n      }\n\n      :host([required][dir="rtl"]) [part="label"] {\n        padding-left: 1em;\n        padding-right: 0;\n      }\n\n      :host([dir="rtl"]) [part="label"]::after {\n        right: auto;\n        left: 0;\n      }\n\n      :host([dir="rtl"]) [part="error-message"] {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-border-radius-m) / 4);\n      }\n\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(n.content);

package/dist/cdn/{shared-2a819863.js → shared-fd1adc35.js}

@@ -1 +1 @@
-import{T as e}from"./shared-d65e8cc0.js";import{N as t}from"./shared-e8b8c8d0.js";import{c as i}from"./shared-4e709717.js";import{h as s}from"./shared-dc73b9a5.js";let r,n,a=e=>e;class o extends(e(t)){renderBody(){return s(r||(r=a``))}render(){const e=this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy";return s(n||(n=a` <div aria-busy="${0}" aria-live="polite" class="relative leading-m text-body text-m font-lumo"> <div class="${0}"> ${0} </div> <div class="${0}"> <foxy-spinner layout="${0}" state="${0}" infer="spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),i({"transition duration-500 ease-in-out":!0,"opacity-0 pointer-events-none":!this.isBodyReady}),this.renderBody(),i({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"items-center justify-center":!0,"opacity-0 pointer-events-none":this.isBodyReady}),"busy"===e?"no-label":"horizontal",e)}get isBodyReady(){return!!this.data}}export{o as I};
+import{T as e}from"./shared-6d7c1a2f.js";import{N as t}from"./shared-e8b8c8d0.js";import{c as i}from"./shared-4e709717.js";import{h as s}from"./shared-dc73b9a5.js";let r,a,n=e=>e;class o extends(e(t)){renderBody(){return s(r||(r=n``))}render(){const e=this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy";return s(a||(a=n` <div aria-busy="${0}" aria-live="polite" class="relative leading-m text-body text-m font-lumo"> <div class="${0}"> ${0} </div> <div class="${0}"> <foxy-spinner layout="${0}" state="${0}" infer="spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),i({"transition duration-500 ease-in-out":!0,"opacity-0 pointer-events-none":!this.isBodyReady}),this.renderBody(),i({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"items-center justify-center":!0,"opacity-0 pointer-events-none":this.isBodyReady}),"busy"===e?"no-label":"horizontal",e)}get isBodyReady(){return!!this.data}}export{o as I};

package/dist/cdn/translations/admin-subscription-form/en.json

@@ -704,29 +704,37 @@
                         "done": "Copied to clipboard"
                       }
                     },
-                    "name": {
-                      "label": "Name",
+                    "general": {
+                      "label": "",
                       "helper_text": "",
-                      "placeholder": "Color",
-                      "v8n_required": "Name is required",
-                      "v8n_too_long": "Name mustn't exceed 100 characters"
+                      "name": {
+                        "label": "Name",
+                        "helper_text": "",
+                        "placeholder": "Required",
+                        "v8n_required": "Name is required",
+                        "v8n_too_long": "Name mustn't exceed 100 characters"
+                      },
+                      "value": {
+                        "label": "Value",
+                        "helper_text": "",
+                        "placeholder": "Required",
+                        "v8n_required": "Value is required",
+                        "v8n_too_long": "Value mustn't exceed 1024 characters"
+                      }
                     },
-                    "value": {
-                      "label": "Value",
+                    "mods": {
+                      "label": "",
                       "helper_text": "",
-                      "placeholder": "Red",
-                      "v8n_required": "Value is required",
-                      "v8n_too_long": "Value mustn't exceed 1024 characters"
-                    },
-                    "price-mod": {
-                      "label": "Price",
-                      "helper_text": "Same currency as item",
-                      "placeholder": "10"
-                    },
-                    "weight-mod": {
-                      "label": "Weight",
-                      "helper_text": "Arbitrary units",
-                      "placeholder": "5"
+                      "price-mod": {
+                        "label": "Price (item currency)",
+                        "helper_text": "",
+                        "placeholder": "0"
+                      },
+                      "weight-mod": {
+                        "label": "Weight (arbitrary units)",
+                        "helper_text": "",
+                        "placeholder": "0"
+                      }
                     },
                     "timestamps": {
                       "date_created": "Created on",

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

@@ -970,29 +970,37 @@
                   "done": "Copied to clipboard"
                 }
               },
-              "name": {
-                "label": "Name",
+              "general": {
+                "label": "",
                 "helper_text": "",
-                "placeholder": "Color",
-                "v8n_required": "Name is required",
-                "v8n_too_long": "Name mustn't exceed 100 characters"
+                "name": {
+                  "label": "Name",
+                  "helper_text": "",
+                  "placeholder": "Required",
+                  "v8n_required": "Name is required",
+                  "v8n_too_long": "Name mustn't exceed 100 characters"
+                },
+                "value": {
+                  "label": "Value",
+                  "helper_text": "",
+                  "placeholder": "Required",
+                  "v8n_required": "Value is required",
+                  "v8n_too_long": "Value mustn't exceed 1024 characters"
+                }
               },
-              "value": {
-                "label": "Value",
+              "mods": {
+                "label": "",
                 "helper_text": "",
-                "placeholder": "Red",
-                "v8n_required": "Value is required",
-                "v8n_too_long": "Value mustn't exceed 1024 characters"
-              },
-              "price-mod": {
-                "label": "Price",
-                "helper_text": "Same currency as item",
-                "placeholder": "10"
-              },
-              "weight-mod": {
-                "label": "Weight",
-                "helper_text": "Arbitrary units",
-                "placeholder": "5"
+                "price-mod": {
+                  "label": "Price (item currency)",
+                  "helper_text": "",
+                  "placeholder": "0"
+                },
+                "weight-mod": {
+                  "label": "Weight (arbitrary units)",
+                  "helper_text": "",
+                  "placeholder": "0"
+                }
               },
               "timestamps": {
                 "date_created": "Created on",

package/dist/cdn/translations/coupon-code-form/en.json

@@ -16,13 +16,17 @@
       "done": "Copied to clipboard"
     }
   },
-  "code": {
-    "label": "Code",
-    "placeholder": "Required",
-    "helper_text": "The string value of this coupon code which your customer will add to their cart to use this coupon.",
-    "v8n_required": "Please enter a coupon code",
-    "v8n_too_long": "Coupon code must be 50 characters or less",
-    "v8n_has_spaces": "Please remove spaces from the coupon code"
+  "general": {
+    "label": "",
+    "helper_text": "",
+    "code": {
+      "label": "Code",
+      "placeholder": "Required",
+      "helper_text": "",
+      "v8n_required": "Please enter a coupon code",
+      "v8n_too_long": "Coupon code must be 50 characters or less",
+      "v8n_has_spaces": "Please remove spaces from the coupon code"
+    }
   },
   "transactions": {
     "label": "Transactions",

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

@@ -207,13 +207,17 @@
             "done": "Copied to clipboard"
           }
         },
-        "code": {
-          "label": "Code",
-          "placeholder": "Required",
-          "helper_text": "The string value of this coupon code which your customer will add to their cart to use this coupon.",
-          "v8n_required": "Please enter a coupon code",
-          "v8n_too_long": "Coupon code must be 50 characters or less",
-          "v8n_has_spaces": "Please remove spaces from the coupon code"
+        "general": {
+          "label": "",
+          "helper_text": "",
+          "code": {
+            "label": "Code",
+            "placeholder": "Required",
+            "helper_text": "",
+            "v8n_required": "Please enter a coupon code",
+            "v8n_too_long": "Coupon code must be 50 characters or less",
+            "v8n_has_spaces": "Please remove spaces from the coupon code"
+          }
         },
         "transactions": {
           "label": "Transactions",

package/dist/cdn/translations/email-template-form/en.json

@@ -1,35 +1,107 @@
 {
-  "cache": "Sync",
-  "cancel": "Cancel",
-  "confirm": "Confirm",
-  "caption": "Create",
-  "date": "{{value, date}}",
-  "date_created": "Created on",
-  "date_modified": "Last updated on",
-  "default": "Default",
-  "delete": "Delete",
-  "delete_prompt": "This resource will be permanently removed. Are you sure?",
-  "description": "Description",
-  "html_template": "HTML template",
-  "template_clipboard": "Upload source code",
-  "template_default": "Use default template",
-  "template_url": "Pull from public URL",
-  "text_template": "Text template",
-  "url": "URL",
-  "url_source_label": "Cached source",
-  "url_source_placeholder": "Template markup will appear here once cached",
-  "clipboard_source_label": "Source",
-  "clipboard_source_placeholder": "Enter your template markup here",
-  "subject": {
-    "label": "Subject",
-    "placeholder": "",
+  "header": {
+    "title": "{{ description }}",
+    "title_new": "New email template",
+    "subtitle": "",
+    "copy-id": {
+      "failed_to_copy": "Failed to copy",
+      "click_to_copy": "Copy ID",
+      "copying": "Copying...",
+      "done": "Copied to clipboard"
+    },
+    "copy-json": {
+      "failed_to_copy": "Failed to copy",
+      "click_to_copy": "Copy source as JSON",
+      "copying": "Copying...",
+      "done": "Copied to clipboard"
+    }
+  },
+  "error": {
+    "failed_to_cache": "Failed to download the custom templates from the remote sources. Please check the URLs and try again."
+  },
+  "general": {
+    "label": "",
+    "helper_text": "",
+    "description": {
+      "label": "Description",
+      "placeholder": "Required",
+      "helper_text": ""
+    },
+    "toggle": {
+      "label": "Send this email",
+      "helper_text": "",
+      "checked": "Yes",
+      "unchecked": "No"
+    },
+    "subject": {
+      "label": "Subject",
+      "placeholder": "None – don't send",
+      "default_value": "New Message",
+      "helper_text": ""
+    },
+    "template-language": {
+      "label": "Template language",
+      "placeholder": "Default (Nunjucks)",
+      "helper_text": ""
+    }
+  },
+  "html-source": {
+    "label": "",
+    "helper_text": "",
+    "content-html-url": {
+      "label": "HTML template URL",
+      "placeholder": "None (use inline above)",
+      "helper_text": "Enter a URL to load a custom HTML template from a remote source."
+    },
+    "cache": {
+      "idle": "Sync now",
+      "busy": "Caching...",
+      "fail": "Failed to cache"
+    }
+  },
+  "text-source": {
+    "label": "",
+    "helper_text": "",
+    "content-text-url": {
+      "label": "Text template URL",
+      "placeholder": "None (use inline above)",
+      "helper_text": "Enter a URL to load a custom text template from a remote source."
+    },
+    "cache": {
+      "idle": "Sync now",
+      "busy": "Caching...",
+      "fail": "Failed to cache"
+    }
+  },
+  "content-html": {
+    "label": "Custom HTML template",
+    "placeholder": "None (use default)",
     "helper_text": ""
   },
-  "template-language": {
-    "label": "Language",
-    "placeholder": "Default (Nunjucks)",
+  "content-text": {
+    "label": "Custom text template",
+    "placeholder": "None (use default)",
     "helper_text": ""
   },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated on",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "This action is irreversible. Are you sure you want to delete this email template?"
+  },
+  "undo": {
+    "caption": "Undo"
+  },
+  "submit": {
+    "caption": "Save changes"
+  },
+  "create": {
+    "caption": "Create"
+  },
   "spinner": {
     "refresh": "Refresh",
     "loading_busy": "Loading",