@foxy.io/elements 1.29.0-beta.2 → 1.29.0-beta.4

package/dist/cdn/shared-e96c5384.js

@@ -0,0 +1 @@
+import"./shared-797ba64a.js";import{I as e}from"./shared-7b8ad9c1.js";import"./shared-f1d2b5bb.js";import{_ as t}from"./shared-0f6e4584.js";import{i as s}from"./shared-9803aa7c.js";import{h as i,s as a}from"./shared-dc73b9a5.js";import{c as l}from"./shared-4e709717.js";let r,o,d,h,n=e=>e;customElements.define("foxy-internal-select-control",class extends e{constructor(){super(...arguments),this.options=[],this.layout=null,this.theme=null,this.__isErrorVisible=!1}static get properties(){return t(t({},super.properties),{},{options:{type:Array},layout:{},theme:{type:String},__isErrorVisible:{attribute:!1}})}renderControl(){var e;return"summary-item"===this.layout?this.__renderSummaryItemLayout():i(r||(r=n` <vaadin-combo-box item-value-path="value" item-label-path="label" error-message="${0}" item-id-path="value" helper-text="${0}" placeholder="${0}" label="${0}" class="w-full" theme="${0}" ?disabled="${0}" ?readonly="${0}" clear-button-visible .checkValidity="${0}" .items="${0}" .value="${0}" @change="${0}"> </vaadin-combo-box> `),s(this._errorMessage),this.helperText,this.placeholder,this.label,s(null!==(e=this.theme)&&void 0!==e?e:void 0),this.disabled,this.readonly,this._checkValidity,this.options.map((e=>({label:"label"in e?this.t(e.label):e.rawLabel,value:e.value}))),this._value,(e=>{e.stopPropagation();const t=e.currentTarget;this._value=t.value,t.validate()}))}reportValidity(){this.__isErrorVisible=!0,super.reportValidity()}updated(e){super.updated(e);const t=this.renderRoot.querySelector("vaadin-combo-box");t&&t.value!==this._value&&(t.value=this._value)}__renderSummaryItemLayout(){const e=this.options.find((e=>e.value===this._value));return i(o||(o=n` <div class="flex items-start leading-xs"> <div class="flex-1"> <label class="text-m text-body" for="select">${0}</label> <p class="text-xs text-secondary">${0}</p> <p class="text-xs text-error" ?hidden="${0}"> ${0} </p> </div> <div class="${0}"> <div class="flex items-center gap-xs"> <div> ${0} </div> ${0} </div> <select class="${0}" id="select" ?disabled="${0}" ?hidden="${0}" @blur="${0}" @change="${0}"> <option value="" ?selected="${0}" disabled="disabled" hidden>${0}</option> ${0} </select> </div> </div> `),this.label,this.helperText,!this.__isErrorVisible||this.disabled||this.readonly,this._errorMessage,l({"relative rounded-s transition-colors transition-opacity":!0,"focus-within-ring-2 focus-within-ring-primary-50":!this.disabled&&!this.readonly,"text-body hover-opacity-80 cursor-pointer":!this.disabled&&!this.readonly,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),e?"label"in e?this.t(e.label):e.rawLabel:this.placeholder,this.readonly?"":a(d||(d=n`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25)"><path fill-rule="evenodd" d="M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z" clip-rule="evenodd" /></svg>`)),l({"absolute inset-0 opacity-0":!0,"cursor-pointer":!this.disabled&&!this.readonly}),this.disabled,this.readonly,(()=>this.__isErrorVisible=!0),(e=>{e.stopPropagation(),this._value=e.target.value}),!e,this.placeholder,this.options.map((t=>i(h||(h=n` <option value="${0}" ?selected="${0}"> ${0} </option> `),t.value,e&&t.value===this._value,"label"in t?this.t(t.label):t.rawLabel))))}});

package/dist/cdn/shared-f07d15d6.js

@@ -0,0 +1 @@
+import"./shared-df00a537.js";import"./shared-3e03c988.js";import{I as t}from"./shared-7b8ad9c1.js";import{_ as e}from"./shared-0f6e4584.js";import{c as i,h as s,s as r}from"./shared-dc73b9a5.js";import{i as a}from"./shared-9803aa7c.js";import{c as l}from"./shared-4e709717.js";let n,o,d,u,h,p,m=t=>t;customElements.define("foxy-internal-number-control",class extends t{constructor(){super(...arguments),this.layout=null,this.prefix=null,this.suffix=null,this.step=null,this.min=null,this.max=null,this.__isErrorVisible=!1}static get properties(){return e(e({},super.properties),{},{layout:{},prefix:{},suffix:{},step:{type:Number},min:{type:Number},max:{type:Number},__isErrorVisible:{attribute:!1}})}static get styles(){return[...super.styles,i(n||(n=m`input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{-moz-appearance:textfield}`))]}reportValidity(){this.__isErrorVisible=!0,super.reportValidity()}renderControl(){var t,e,i;return"summary-item"===this.layout?this.__renderSummaryItemLayout():s(o||(o=m` <vaadin-number-field error-message="${0}" placeholder="${0}" helper-text="${0}" label="${0}" class="w-full" step="${0}" min="${0}" max="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" clear-button-visible @keydown="${0}" @change="${0}"> ${0} ${0} </vaadin-number-field> `),a(this._errorMessage),this.placeholder,this.helperText,this.label,a(null!==(t=this.step)&&void 0!==t?t:void 0),a(null!==(e=this.min)&&void 0!==e?e:void 0),a(null!==(i=this.max)&&void 0!==i?i:void 0),this.disabled,this.readonly,this._checkValidity,this._value,(t=>{var e;return"Enter"===t.key&&(null===(e=this.nucleon)||void 0===e?void 0:e.submit())}),(t=>{const e=t.currentTarget;this._value=parseFloat(e.value)}),this.prefix?s(d||(d=m`<div slot="prefix">${0}</div>`),this.prefix):"",this.suffix?s(u||(u=m`<div class="pr-s font-medium" slot="suffix">${0}</div>`),this.suffix):"")}__renderSummaryItemLayout(){var t,i,n;const o={"text-disabled":this.disabled,"text-tertiary":!this.readonly&&!this.disabled,"font-medium":!this.readonly};return s(h||(h=m` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-xs text-secondary">${0}</p> <p class="text-xs text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <span class="${0}"> ${0} </span> <input placeholder="${0}" style="min-width:10ch" class="${0}" type="number" step="${0}" min="${0}" max="${0}" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @blur="${0}" @input="${0}"> <span class="${0}"> ${0} </span> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> </div> `),this.label,this.helperText,!this.__isErrorVisible||this.disabled||this.readonly,this._errorMessage,l(e({"text-secondary":this.readonly},o)),this.prefix,this.placeholder,l({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),a(null!==(t=this.step)&&void 0!==t?t:void 0),a(null!==(i=this.min)&&void 0!==i?i:void 0),a(null!==(n=this.max)&&void 0!==n?n:void 0),0===this._value?"":this._value,this.disabled,this.readonly,(t=>{var e;return"Enter"===t.key&&(null===(e=this.nucleon)||void 0===e?void 0:e.submit())}),(()=>this.__isErrorVisible=!0),(t=>{t.stopPropagation();const e=parseFloat(t.target.value);this._value=isNaN(e)?0:e}),l(e({"text-secondary":this.readonly},o)),this.suffix,this.t("clear"),l({"flex-shrink-0 rounded-full transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer text-tertiary hover-text-body":!this.disabled,"cursor-default text-disabled":this.disabled}),this.disabled,this.readonly||!this._value,(()=>{this._value=0,this.dispatchEvent(new CustomEvent("clear"))}),r(p||(p=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`)))}});

package/dist/cdn/{shared-70a5fad6.js → shared-f8723f3f.js}

@@ -1 +1 @@
-import"./shared-df00a537.js";import"./shared-3e03c988.js";import"./shared-339bbd50.js";import"./shared-e2a61f69.js";import"./shared-797ba64a.js";import{I as e}from"./shared-7b8ad9c1.js";import{_ as t}from"./shared-0f6e4584.js";import{c as i,h as a,s}from"./shared-dc73b9a5.js";import{i as l}from"./shared-9803aa7c.js";import{c as o}from"./shared-4e709717.js";let n,r,d,h,u,c,p=e=>e;customElements.define("foxy-internal-frequency-control",class extends e{constructor(){super(...arguments),this.allowTwiceAMonth=!1,this.options=[{value:"d",label:"day"},{value:"w",label:"week"},{value:"m",label:"month"},{value:"y",label:"year"}],this.layout=null,this.max=999,this.__i18n={formatValue:e=>e.join(""),parseValue:e=>{var t;const i=e.startsWith(".")?`0${e}`:e,a=parseFloat(e.substring(0,Math.max(i.length-1,0))),s=null!==(t=i[i.length-1])&&void 0!==t?t:"";return isNaN(a)?["0",""]:[a.toString(),s]}}}static get properties(){return t(t({},super.properties),{},{allowTwiceAMonth:{type:Boolean,attribute:"allow-twice-a-month"},options:{attribute:!1},layout:{},max:{type:Number}})}static get styles(){return[super.styles,i(n||(n=p`:host{display:block}vaadin-custom-field{width:100%;font-size:0;line-height:0;padding-top:0!important}vaadin-custom-field::part(label){padding-bottom:var(--lumo-space-s)}vaadin-custom-field::part(error-message)[aria-hidden=false]{padding-top:var(--lumo-space-xs)}vaadin-combo-box,vaadin-integer-field{width:calc(50% - (var(--lumo-space-s)/ 2))}vaadin-integer-field{margin-right:var(--lumo-space-s);padding:0}vaadin-combo-box::part(text-field){padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{-moz-appearance:textfield}`))]}renderControl(){var e,t;if("summary-item"===this.layout)return this.__renderSummaryItemLayout();const i=null!==(e=this._value)&&void 0!==e?e:"",s=parseFloat(this.__i18n.parseValue(i)[0]),o=this.options.map((({value:e,label:t})=>({label:this.t(t,{count:s}),value:e})));return a(r||(r=p` <vaadin-custom-field ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .errorMessage="${0}" .helperText="${0}" .label="${0}" .value="${0}" .i18n="${0}" @change="${0}"> <vaadin-integer-field max="${0}" min="1" prevent-invalid-input has-controls ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" @keydown="${0}"> </vaadin-integer-field> <vaadin-combo-box item-value-path="value" item-label-path="label" ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" .items="${0}" @keydown="${0}"> </vaadin-combo-box> </vaadin-custom-field> `),this.disabled,this.readonly,this._checkValidity,null!==(t=this._errorMessage)&&void 0!==t?t:"",this.helperText,this.label,i,this.__i18n,(e=>{const t=e.currentTarget;this._value=t.value}),l(this.max||void 0),this.disabled,this.readonly,!this._checkValidity(),(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),this.disabled,this.readonly,!this._checkValidity(),o,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}))}updated(e){var t;super.updated(e);const i=this.renderRoot.querySelector("vaadin-custom-field");i&&i.value!==this._value&&(i.value=null!==(t=this._value)&&void 0!==t?t:"")}__renderSummaryItemLayout(){var e,t;const i=null!==(e=this._value)&&void 0!==e?e:"",[n,r]=this.__i18n.parseValue(i),m=parseFloat(n),v=".5m"!==this._value||this.allowTwiceAMonth?this.options.find((e=>e.value===r)):void 0;return a(d||(d=p` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-s text-secondary">${0}</p> <p class="text-s text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <input placeholder="${0}" inputmode="numeric" style="min-width:10ch" class="${0}" type="number" step="1" min="1" max="${0}" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @input="${0}"> <div class="${0}"> <div class="flex items-center gap-xs"> <div class="whitespace-nowrap"> ${0} </div> ${0} </div> <select class="${0}" id="select" ?disabled="${0}" ?hidden="${0}" @change="${0}"> <option value="" ?selected="${0}" disabled="disabled" hidden>${0}</option> ${0} ${0} </select> </div> </div> </div> `),this.label,this.helperText,this.disabled||this.readonly,this._errorMessage,this.placeholder,o({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),l(null!==(t=this.max)&&void 0!==t?t:void 0),".5m"===i?this.allowTwiceAMonth?2:"":m,this.disabled,this.readonly,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{e.stopPropagation();const t=e.currentTarget;this._value=this.__i18n.formatValue([t.value,r])}),o({"relative rounded-s transition-colors transition-opacity":!0,"focus-within-ring-2 focus-within-ring-primary-50":!this.disabled&&!this.readonly,"text-body hover-opacity-80 cursor-pointer":!this.disabled&&!this.readonly,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),".5m"===i?this.t("times_a_month"):v?this.t(v.label,{count:m}):this.t("select"),this.readonly?"":s(h||(h=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25)"><path fill-rule="evenodd" d="M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z" clip-rule="evenodd" /></svg>`)),o({"absolute inset-0 opacity-0":!0,"cursor-pointer":!this.disabled&&!this.readonly}),this.disabled,this.readonly,(e=>{e.stopPropagation();const t=e.currentTarget.value;this._value="times_a_month"===t?".5m":this.__i18n.formatValue([m,t])}),!v,this.t("select"),!this.allowTwiceAMonth||2!==m&&".5m"!==i?"":a(u||(u=p` <option value="times_a_month" ?selected="${0}"> ${0} </option> `),".5m"===i,this.t("times_a_month")),this.options.map((e=>a(c||(c=p` <option value="${0}" ?selected="${0}"> ${0} </option> `),e.value,".5m"!==i&&e.value===(null==v?void 0:v.value),this.t(e.label,{count:m})))))}});
+import"./shared-df00a537.js";import"./shared-3e03c988.js";import"./shared-339bbd50.js";import"./shared-e2a61f69.js";import"./shared-797ba64a.js";import{I as e}from"./shared-7b8ad9c1.js";import{_ as t}from"./shared-0f6e4584.js";import{c as i,h as a,s}from"./shared-dc73b9a5.js";import{i as l}from"./shared-9803aa7c.js";import{c as o}from"./shared-4e709717.js";let n,r,d,h,u,c,p=e=>e;customElements.define("foxy-internal-frequency-control",class extends e{constructor(){super(...arguments),this.allowTwiceAMonth=!1,this.options=[{value:"d",label:"day"},{value:"w",label:"week"},{value:"m",label:"month"},{value:"y",label:"year"}],this.layout=null,this.max=999,this.__i18n={formatValue:e=>e.join(""),parseValue:e=>{var t;const i=e.startsWith(".")?`0${e}`:e,a=parseFloat(e.substring(0,Math.max(i.length-1,0))),s=null!==(t=i[i.length-1])&&void 0!==t?t:"";return isNaN(a)?["0",""]:[a.toString(),s]}}}static get properties(){return t(t({},super.properties),{},{allowTwiceAMonth:{type:Boolean,attribute:"allow-twice-a-month"},options:{attribute:!1},layout:{},max:{type:Number}})}static get styles(){return[super.styles,i(n||(n=p`:host{display:block}vaadin-custom-field{width:100%;font-size:0;line-height:0;padding-top:0!important}vaadin-custom-field::part(label){padding-bottom:var(--lumo-space-s)}vaadin-custom-field::part(error-message)[aria-hidden=false]{padding-top:var(--lumo-space-xs)}vaadin-combo-box,vaadin-integer-field{width:calc(50% - (var(--lumo-space-s)/ 2))}vaadin-integer-field{margin-right:var(--lumo-space-s);padding:0}vaadin-combo-box::part(text-field){padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{-moz-appearance:textfield}`))]}renderControl(){var e,t;if("summary-item"===this.layout)return this.__renderSummaryItemLayout();const i=null!==(e=this._value)&&void 0!==e?e:"",s=parseFloat(this.__i18n.parseValue(i)[0]),o=this.options.map((({value:e,label:t})=>({label:this.t(t,{count:s}),value:e})));return a(r||(r=p` <vaadin-custom-field ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .errorMessage="${0}" .helperText="${0}" .label="${0}" .value="${0}" .i18n="${0}" @change="${0}"> <vaadin-integer-field max="${0}" min="1" prevent-invalid-input has-controls ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" @keydown="${0}"> </vaadin-integer-field> <vaadin-combo-box item-value-path="value" item-label-path="label" ?disabled="${0}" ?readonly="${0}" ?invalid="${0}" .items="${0}" @keydown="${0}"> </vaadin-combo-box> </vaadin-custom-field> `),this.disabled,this.readonly,this._checkValidity,null!==(t=this._errorMessage)&&void 0!==t?t:"",this.helperText,this.label,i,this.__i18n,(e=>{const t=e.currentTarget;this._value=t.value}),l(this.max||void 0),this.disabled,this.readonly,!this._checkValidity(),(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),this.disabled,this.readonly,!this._checkValidity(),o,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}))}updated(e){var t;super.updated(e);const i=this.renderRoot.querySelector("vaadin-custom-field");i&&i.value!==this._value&&(i.value=null!==(t=this._value)&&void 0!==t?t:"")}__renderSummaryItemLayout(){var e,t;const i=null!==(e=this._value)&&void 0!==e?e:"",[n,r]=this.__i18n.parseValue(i),m=parseFloat(n),v=".5m"!==this._value||this.allowTwiceAMonth?this.options.find((e=>e.value===r)):void 0;return a(d||(d=p` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-xs text-secondary">${0}</p> <p class="text-xs text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <input placeholder="${0}" inputmode="numeric" style="min-width:10ch" class="${0}" type="number" step="1" min="1" max="${0}" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @input="${0}"> <div class="${0}"> <div class="flex items-center gap-xs"> <div class="whitespace-nowrap"> ${0} </div> ${0} </div> <select class="${0}" id="select" ?disabled="${0}" ?hidden="${0}" @change="${0}"> <option value="" ?selected="${0}" disabled="disabled" hidden>${0}</option> ${0} ${0} </select> </div> </div> </div> `),this.label,this.helperText,this.disabled||this.readonly,this._errorMessage,this.placeholder,o({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),l(null!==(t=this.max)&&void 0!==t?t:void 0),".5m"===i?this.allowTwiceAMonth?2:"":m,this.disabled,this.readonly,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{e.stopPropagation();const t=e.currentTarget;this._value=this.__i18n.formatValue([t.value,r])}),o({"relative rounded-s transition-colors transition-opacity":!0,"focus-within-ring-2 focus-within-ring-primary-50":!this.disabled&&!this.readonly,"text-body hover-opacity-80 cursor-pointer":!this.disabled&&!this.readonly,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),".5m"===i?this.t("times_a_month"):v?this.t(v.label,{count:m}):this.t("select"),this.readonly?"":s(h||(h=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25)"><path fill-rule="evenodd" d="M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z" clip-rule="evenodd" /></svg>`)),o({"absolute inset-0 opacity-0":!0,"cursor-pointer":!this.disabled&&!this.readonly}),this.disabled,this.readonly,(e=>{e.stopPropagation();const t=e.currentTarget.value;this._value="times_a_month"===t?".5m":this.__i18n.formatValue([m,t])}),!v,this.t("select"),!this.allowTwiceAMonth||2!==m&&".5m"!==i?"":a(u||(u=p` <option value="times_a_month" ?selected="${0}"> ${0} </option> `),".5m"===i,this.t("times_a_month")),this.options.map((e=>a(c||(c=p` <option value="${0}" ?selected="${0}"> ${0} </option> `),e.value,".5m"!==i&&e.value===(null==v?void 0:v.value),this.t(e.label,{count:m})))))}});

package/dist/cdn/translations/item-category-form/en.json

@@ -16,19 +16,23 @@
       "done": "Copied to clipboard"
     }
   },
-  "name": {
-    "label": "Name",
-    "placeholder": "Books",
-    "helper_text": "Category description for admins.",
-    "v8n_required": "Item category name is required",
-    "v8n_too_long": "Item category name can't exceed 50 characters"
-  },
-  "code": {
-    "label": "Code",
-    "placeholder": "MY_BOOKS_CATEGORY",
-    "helper_text": "Unique identifier for the cart.",
-    "v8n_required": "Item category code is required",
-    "v8n_too_long": "Item categoty code can't exceed 50 characters"
+  "general": {
+    "label": "",
+    "helper_text": "",
+    "name": {
+      "label": "Name",
+      "placeholder": "Books",
+      "helper_text": "",
+      "v8n_required": "Item category name is required",
+      "v8n_too_long": "Item category name can't exceed 50 characters"
+    },
+    "code": {
+      "label": "Code",
+      "placeholder": "MY_BOOKS_CATEGORY",
+      "helper_text": "",
+      "v8n_required": "Item category code is required",
+      "v8n_too_long": "Item categoty code can't exceed 50 characters"
+    }
   },
   "taxes": {
     "label": "Taxes",
@@ -54,146 +58,175 @@
     },
     "helper_text": "Select taxes that will apply to the products in this category. Changes here are saved immediately."
   },
-  "item-delivery-type": {
-    "label": "Delivery",
-    "option_shipped": "Shipped using live rates",
-    "option_flat_rate": "Shipped using a flat rate",
-    "option_downloaded": "Downloaded by the customer",
-    "option_pickup": "Picked up by the customer",
-    "option_notshipped": "Not shipped",
-    "placeholder": "Select...",
-    "helper_text": "",
-    "v8n_required": "Please select a delivery type"
-  },
-  "default-weight": {
-    "label": "Default weight",
-    "placeholder": "1",
-    "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "default-weight-unit": {
-    "label": "Default weight unit",
-    "placeholder": "Select...",
-    "option_kgs": "KG",
-    "option_lbs": "LG",
-    "helper_text": "",
-    "v8n_required": "Please select a unit"
-  },
-  "default-length-unit": {
-    "label": "Default length unit",
-    "placeholder": "Select...",
-    "option_cm": "CM",
-    "option_in": "IN",
-    "helper_text": "",
-    "v8n_required": "Please select a unit"
-  },
-  "max-downloads-per-customer": {
-    "label": "Max downloads",
-    "placeholder": "3",
-    "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "max-downloads-time-period": {
-    "label": "Access duration (hrs)",
-    "placeholder": "24",
-    "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "shipping-flat-rate": {
-    "label": "Rate",
-    "placeholder": "0",
-    "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "shipping-flat-rate-type": {
-    "label": "Applies",
-    "placeholder": "Select...",
-    "option_per_order": "Per order",
-    "option_per_shipment": "Per shipment",
-    "helper_text": "",
-    "v8n_required": "Please select a value"
-  },
-  "customs-value": {
-    "label": "Customs value",
-    "placeholder": "0",
-    "helper_text": "Enter a dollar amount here for the declared customs value for international shipments. If you leave this blank, the sale price of the item will be used.",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "handling-fee-type": {
-    "label": "Handling fee",
-    "option_none": "No handling fee",
-    "option_flat_per_order": "Flat fee per shipment",
-    "option_flat_per_item": "Flat fee per product",
-    "option_flat_percent": "Flat fee per shipment + % of price",
-    "option_flat_percent_with_minimum": "Flat fee per shipment or % of price, whichever is greater",
-    "placeholder": "Select...",
-    "helper_text": "",
-    "v8n_required": "Please select a value"
-  },
-  "handling-fee": {
-    "label": "Amount",
-    "placeholder": "0",
-    "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "handling-fee-minimum": {
-    "label": "Minimum fee",
-    "placeholder": "0",
+  "delivery": {
+    "label": "Delivery Options",
     "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
+    "item-delivery-type": {
+      "label": "Delivery type",
+      "option_shipped": "Shipped using live rates",
+      "option_flat_rate": "Shipped using a flat rate",
+      "option_downloaded": "Downloaded by the customer",
+      "option_pickup": "Picked up by the customer",
+      "option_notshipped": "Not shipped",
+      "placeholder": "Select...",
+      "helper_text": "",
+      "v8n_required": "Please select a delivery type"
+    },
+    "max-downloads-per-customer": {
+      "label": "Max downloads",
+      "placeholder": "3",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "max-downloads-time-period": {
+      "label": "Access duration (hrs)",
+      "placeholder": "24",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "shipping-flat-rate": {
+      "label": "Shipping rate",
+      "placeholder": "0",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "shipping-flat-rate-type": {
+      "label": "Flat rate applies",
+      "placeholder": "Select...",
+      "option_per_order": "Per order",
+      "option_per_shipment": "Per shipment",
+      "helper_text": "",
+      "v8n_required": "Please select a value"
+    },
+    "customs-value": {
+      "label": "Customs value",
+      "placeholder": "0",
+      "helper_text": "Enter a dollar amount here for the declared customs value for international shipments. If you leave this blank, the sale price of the item will be used.",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "default-weight": {
+      "label": "Default weight",
+      "placeholder": "1",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "default-weight-unit": {
+      "label": "Default weight unit",
+      "placeholder": "Select...",
+      "option_kgs": "KG",
+      "option_lbs": "LG",
+      "helper_text": "",
+      "v8n_required": "Please select a unit"
+    },
+    "default-length-unit": {
+      "label": "Default length unit",
+      "placeholder": "Select...",
+      "option_cm": "CM",
+      "option_in": "IN",
+      "helper_text": "",
+      "v8n_required": "Please select a unit"
+    }
   },
-  "handling-fee-percentage": {
-    "label": "Percentage of price",
-    "placeholder": "0",
+  "handling-and-discount": {
+    "label": "Handling Fees and Discounts",
     "helper_text": "",
-    "v8n_required": "This field is required",
-    "v8n_negative": "Please enter a positive number"
-  },
-  "discount-name": {
-    "label": "Discount",
-    "placeholder": "Name your discount to open the builder",
-    "helper_text": ""
-  },
-  "discount-builder": {
-    "tier": "Tier",
-    "tier_by": "by",
-    "tier_if": "if",
-    "tier_allunits": "price of each item",
-    "tier_incremental": "price of additional items",
-    "tier_repeat": "price of next item",
-    "tier_single": "order total",
-    "tier_then": "then",
-    "quantity": "quantity",
-    "total": "total",
-    "reduce": "reduce",
-    "increase": "increase"
-  },
-  "admin-email-template-uri": {
-    "label": "Message to admin",
-    "placeholder": "None (don't send)",
-    "helper_text": ""
+    "handling-fee-type": {
+      "label": "Handling fee type",
+      "option_none": "No handling fee",
+      "option_flat_per_order": "Flat fee per shipment",
+      "option_flat_per_item": "Flat fee per product",
+      "option_flat_percent": "Flat fee per shipment + % of price",
+      "option_flat_percent_with_minimum": "Flat fee per shipment or % of price, whichever is greater",
+      "placeholder": "Select...",
+      "helper_text": "",
+      "v8n_required": "Please select a value"
+    },
+    "handling-fee": {
+      "label": "Handling fee amount",
+      "placeholder": "0",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "handling-fee-minimum": {
+      "label": "Minimum fee",
+      "placeholder": "0",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "handling-fee-percentage": {
+      "label": "Percentage of price",
+      "placeholder": "0",
+      "helper_text": "",
+      "v8n_required": "This field is required",
+      "v8n_negative": "Please enter a positive number"
+    },
+    "discount-name": {
+      "label": "Discount",
+      "placeholder": "None",
+      "helper_text": "Enter a name for the discount to open the discount builder."
+    },
+    "discount-builder": {
+      "tier": "Tier",
+      "tier_by": "by",
+      "tier_if": "if",
+      "tier_allunits": "price of each item",
+      "tier_incremental": "price of additional items",
+      "tier_repeat": "price of next item",
+      "tier_single": "order total",
+      "tier_then": "then",
+      "quantity": "quantity",
+      "total": "total",
+      "reduce": "reduce",
+      "increase": "increase"
+    }
   },
-  "admin-email": {
-    "label": "Send to",
-    "placeholder": "admin@example.com",
+  "emails": {
+    "label": "Emails",
     "helper_text": "",
-    "v8n_required": "Please enter an email"
-  },
-  "customer-email-template-uri": {
-    "label": "Message to customer",
-    "placeholder": "None (don't send)",
-    "helper_text": ""
-  },
-  "gift-recipient-email-template-uri": {
-    "label": "Message to gift recipient",
-    "placeholder": "None (don't send)",
-    "helper_text": ""
+    "wip_message": "We are making changes to our API to support setting email messages for admin and customers from the category. For now, please use the legacy Foxy administration to make changes to category-specific emails for admins and customers.",
+    "gift-recipient-email-template-uri": {
+      "label": "Message to gift recipient",
+      "helper_text": "",
+      "value": "{{ resource.description }}",
+      "value_busy": "Loading...",
+      "value_fail": "Failed to load",
+      "placeholder": "None",
+      "dialog": {
+        "cancel": "Cancel",
+        "close": "Close",
+        "header": "Select an email template",
+        "selection": {
+          "label": "Email templates",
+          "helper_text": "",
+          "pagination": {
+            "search_button_text": "Search",
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
+            "card": {
+              "type_custom_url": "Custom (URL)",
+              "type_custom_text": "Custom (Text)",
+              "type_custom_html": "Custom (HTML)",
+              "type_mixed": "Mixed",
+              "type_default": "Default",
+              "spinner": {
+                "loading_busy": "Loading",
+                "loading_empty": "No email templates found",
+                "loading_error": "Unknown error"
+              }
+            }
+          }
+        }
+      }
+    }
   },
   "timestamps": {
     "date_created": "Created on",

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

@@ -14,73 +14,97 @@
   "day_plural": "{{ count }} days",
   "day_suffix": "day",
   "day_suffix_plural": "days",
-  "modification-url": {
-    "label": "Modification URL",
-    "placeholder": "https://example.com/edit-subscription",
-    "helper_text": "Enter a full URL or a path to the page under your Store URL where customers can modify their subscription. If present, subscriptions in the Customer Portal will show an Edit link that will send subscribers to this page."
-  },
-  "past-due-amount-handling": {
-    "label": "Past due amount value",
-    "option_increment": "Contains the sum of all missed payments",
-    "option_replace": "Contains the last missed payment amount",
-    "option_ignore": "Doesn't change",
-    "helper_text": "This setting determines how you'd like to handle past due amounts when we try to process a subscription and that subscritpion fails."
-  },
-  "automatically-charge-past-due-amount": {
-    "label": "",
-    "option_checked": "Charge past due amount with subscription payment",
-    "helper_text": ""
-  },
-  "clear-past-due-amounts-on-success": {
-    "label": "",
-    "option_checked": "Clear past due amount on successful payment",
-    "helper_text": ""
-  },
-  "reset-nextdate-on-makeup-payment": {
-    "label": "",
-    "option_checked": "Reset next transaction date on make-up payment",
-    "helper_text": ""
-  },
-  "reattempt-schedule": {
-    "label": "Reattempt schedule",
-    "placeholder": "Period in days, e.g. 14",
+  "past-due-amount-group": {
+    "label": "Past due amount",
     "helper_text": "",
-    "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
-  },
-  "reminder-email-schedule": {
-    "label": "Failed subscription payment email schedule",
-    "placeholder": "Period in days, e.g. 14",
-    "helper_text": "Number of days after the initial failure that an email notification to the customer should be sent. This only happens for active subscriptions which still have a past due amount. If a reattempt is successful, no additional reminder email will be sent.",
-    "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
+    "past-due-amount-handling": {
+      "label": "Past due amount handling",
+      "placeholder": "Select",
+      "option_increment": "Increment on each failure",
+      "option_replace": "Replace on each failure",
+      "helper_text": ""
+    },
+    "automatically-charge-past-due-amount": {
+      "label": "Charge with subscription payment",
+      "helper_text": "If enabled, the past due amount will be included in automatic subscription processing, and will be included in the cart if a customer attempts to update their subscription. If unchecked, any successful subscription payment (automatic or customer-initiated) will clear out the past due amount.",
+      "checked": "Yes",
+      "unchecked": "No"
+    },
+    "reset-nextdate-on-makeup-payment": {
+      "label": "Reset next transaction date on make-up payment",
+      "helper_text": "If enabled, and a past due amount is successfully paid, the next transaction date for the subscription will be reset to be one frequency ahead of the day that the transaction is processed.",
+      "checked": "Yes",
+      "unchecked": "No"
+    },
+    "prevent-customer-cancel-with-past-due": {
+      "label": "Prevent modification or cancellation if past due is present",
+      "helper_text": "If enabled, if the customer has a past due amount and wishes to cancel their subscription using a sub_token through the cart interface, they will be prevented from doing so until they first pay their past due amount.",
+      "checked": "Yes",
+      "unchecked": "No"
+    }
   },
-  "expiring-soon-payment-reminder-schedule": {
-    "label": "Payment method expiration email schedule",
-    "placeholder": "Period in days, e.g. 14",
-    "helper_text": "Number of days until the payment card expires that an email notification should be sent to the customer. This only happens for customers with active subscriptions.",
-    "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
+  "reattempts-group": {
+    "label": "Reattempts",
+    "helper_text": "",
+    "reattempt-bypass-logic": {
+      "label": "Reattempt behavior",
+      "helper_text": "",
+      "placeholder": "Select",
+      "option_reattempt_if_exists": "Reattempt on certain errors",
+      "option_skip_if_exists": "Skip on certain errors",
+      "option_always_reattempt": "Always reattempt"
+    },
+    "reattempt-bypass-strings": {
+      "label": "Reattempt bypass strings",
+      "placeholder": "Add errors...",
+      "helper_text": "Text strings that should prevent or allow (based on the above setting) a rebilling attempt. For example, setting the logic to \"Skip on certain errors\" with a value for the strings field of \"Code: 8\" and \"Code: 37\" would instruct Foxy to not initiate the rebilling process if the last error contained either Code: 8 or Code: 37, but to attempt the rebilling in all other cases.",
+      "v8n_too_long": "This list is too large. Please reduce the number of entries."
+    },
+    "reattempt-schedule": {
+      "label": "Reattempt schedule",
+      "placeholder": "Add period in days, e.g. 14",
+      "helper_text": "List of numbers. Each number represents the number of days after the initial failure that a reattempt should be made. For example, a setting of 1, 3, 5, 15, 30 would direct Foxy to attempt to collect the past-due amount on the 1st, 3rd, 5th, and 15th days after the initial transaction.",
+      "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
+    }
   },
-  "cancellation-schedule": {
-    "label": "Cancel failed subscriptions after",
-    "placeholder": "Don't cancel",
-    "helper_text": "A single number representing the number of days after the initial failure that a subscription should be set to cancel (assuming a successful payment hasn't been made in the meantime)."
+  "emails-group": {
+    "label": "Emails",
+    "helper_text": "",
+    "send-email-receipts-for-automated-billing": {
+      "label": "Send email receipts for automated billing",
+      "helper_text": "When subscriptions run automatically to bill your customers, turning this setting off will prevent the normal receipt emails from being sent for their automated payment.",
+      "checked": "Yes",
+      "unchecked": "No"
+    },
+    "reminder-email-schedule": {
+      "label": "Failed subscription payment email schedule",
+      "placeholder": "Add period in days, e.g. 14",
+      "helper_text": "Number of days after the initial failure that an email notification to the customer should be sent. This only happens for active subscriptions which still have a past due amount. If a reattempt is successful, no additional reminder email will be sent.",
+      "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
+    },
+    "expiring-soon-payment-reminder-schedule": {
+      "label": "Payment method expiration email schedule",
+      "placeholder": "Add period in days, e.g. 14",
+      "helper_text": "Number of days until the payment card expires that an email notification should be sent to the customer. This only happens for customers with active subscriptions.",
+      "v8n_too_long": "This schedule is too large. Please reduce the number of entries."
+    }
   },
-  "send-email-receipts-for-automated-billing": {
-    "label": "",
-    "option_checked": "Send email receipts for automated billing",
-    "helper_text": ""
+  "cancellation-group": {
+    "label": "Cancellation",
+    "helper_text": "A single number representing the number of days after the initial failure that a subscription should be set to cancel (assuming a successful payment hasn't been made in the meantime).",
+    "cancellation-schedule": {
+      "label": "Cancel failed subscriptions after",
+      "helper_text": "",
+      "placeholder": "Don't cancel"
+    }
   },
-  "reattempt-bypass": {
-    "label": "Reattempt behavior",
-    "helper_text": "Determines whether Foxy should reattempt the subscription charge if the transaction's previous error string does or doesn't contain specific text.",
-    "option_reattempt_if_exists": "Reattempt on certain errors",
-    "option_skip_if_exists": "Skip on certain errors",
-    "option_always_reattempt": "Always reattempt",
-    "option_never_reattempt": "Never reattempt",
-    "reattempt-bypass-strings": {
-      "label": "",
-      "placeholder": "Add errors...",
+  "modification-group": {
+    "label": "Modification",
+    "helper_text": "Enter a full URL or a path to the page under your Store URL where customers can modify their subscription. If present, subscriptions in the Customer Portal will show an Edit link that will send subscribers to this page.",
+    "modification-url": {
+      "label": "Modification URL",
       "helper_text": "",
-      "v8n_too_long": "This list is too large. Please reduce the number of entries."
+      "placeholder": "https://example.com/edit-subscription"
     }
   },
   "timestamps": {

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

@@ -6,6 +6,7 @@ export declare class InternalEditableListControl extends InternalEditableControl
     static get styles(): CSSResultArray;
     inputParams: Record<string, unknown>;
     options: Option[];
+    layout: 'standalone' | 'summary-item' | null;
     units: Unit[];
     range: null | 'optional';
     private __isErrorVisible;