@foxy.io/elements 1.43.0-beta.3 → 1.43.0-beta.5

package/dist/cdn/{shared-1c252319.js → shared-f2be9863.js}

@@ -1,4 +1,4 @@
-import"./shared-12bab9de.js";import{h as e,G as t,P as o}from"./shared-3e3c5095.js";import{E as i,T as r}from"./shared-03b67a3d.js";import{C as a}from"./shared-2db6b377.js";const s=e`<dom-module id="lumo-checkbox" theme-for="vaadin-checkbox">
+import"./shared-3f4549ba.js";import{h as e,G as t,P as o}from"./shared-5af5ab06.js";import{E as i,T as r}from"./shared-6313b188.js";import{C as a}from"./shared-b15efc37.js";const s=e`<dom-module id="lumo-checkbox" theme-for="vaadin-checkbox">
   <template>
     <style include="lumo-checkbox-style lumo-checkbox-effects">
       /* IE11 only */

package/dist/cdn/{shared-109cfbba.js → shared-f2e8070b.js}

@@ -1 +1 @@
-import"./shared-2db6b377.js";import"./shared-3ffa26c1.js";import{I as e}from"./shared-049295b7.js";import{I as t}from"./shared-3558bfae.js";import"./foxy-copy-to-clipboard.js";import"./foxy-nucleon-element.js";import"./foxy-form-dialog.js";import"./shared-7b5bdf0e.js";import{_ as s,m as i,F as r}from"./shared-7fec42f2.js";import{h as o,s as l}from"./shared-ba5c42c7.js";import{s as a}from"./shared-53e476fd.js";import{g as n}from"./shared-bab2ea2c.js";import{i as d}from"./shared-53e42a77.js";import{c as h}from"./shared-4e709717.js";import{u}from"./shared-da95bb48.js";let c,f=e=>e;let p,y,m,v,x,b,g,$,_=e=>e;customElements.define("foxy-internal-resource-picker-control-form",class extends t{constructor(){super(...arguments),this.selectionProps={}}static get properties(){return s(s({},super.properties),{},{selectionProps:{attribute:!1}})}renderBody(){return o(c||(c=f` <foxy-internal-async-list-control infer="selection" form="foxy-null" hide-delete-button hide-create-button @itemclick="${0}" ...="${0}"> </foxy-internal-async-list-control> `),(e=>{e.preventDefault(),this.edit({selection:e.detail}),this.submit()}),a(this.selectionProps))}}),customElements.define("foxy-internal-resource-picker-control",class extends e{constructor(){super(...arguments),this.getDisplayValueOptions=e=>({resource:e}),this.showCopyIdButton=!1,this.virtualHost=u("internal-resource-picker-control-"),this.getItemUrl=null,this.formProps={},this.filters=[],this.layout=null,this.first=null,this.item=null,this.form=null,this.__getItemRenderer=i((e=>new Function("ctx",`return ctx.html\`\n        <${null!=e?e:"foxy-null"}\n          related=\${JSON.stringify(ctx.related)}\n          parent=\${ctx.parent}\n          infer="card"\n          href=\${ctx.href}\n          ...=\${ctx.spread(ctx.props)}\n        >\n        </${null!=e?e:"foxy-null"}>\``)))}static get properties(){return s(s({},super.properties),{},{getDisplayValueOptions:{attribute:!1},showCopyIdButton:{type:Boolean,attribute:"show-copy-id-button"},virtualHost:{},getItemUrl:{attribute:!1},formProps:{type:Object},filters:{type:Array},layout:{},first:{},item:{},form:{}})}renderControl(){var e;const t=s(s({},this.formProps),{},{".selectionProps":{".filters":this.filters,".first":this.first,".item":this.item}});return o(p||(p=_` <foxy-form-dialog parent="foxy://${0}/select" header="header" infer="dialog" alert .props="${0}" .form="${0}" @fetch="${0}"> </foxy-form-dialog> ${0} `),this.virtualHost,t,null!==(e=this.form)&&void 0!==e?e:"foxy-internal-resource-picker-control-form",this.__handleFetchEvent,"summary-item"===this.layout?this.__renderSummaryItemLayout():this.__renderStandaloneLayout())}updated(e){var t,s;super.updated(e),e.has("item")&&(null===(s=(t=this.__getItemRenderer.cache).clear)||void 0===s||s.call(t))}__clear(){this._value="",this.dispatchEvent(new CustomEvent("clear"))}__renderSummaryItemLayout(){const e=this.renderRoot.querySelector("#value");return o(y||(y=_` <div class="leading-xs"> <div class="flex items-center gap-xs"> <div class="text-m text-body whitespace-nowrap flex-1">${0}</div> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <div class="truncate min-w-0"> ${0} </div> </button> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> <div style="max-width:32rem"> <div class="text-xs text-secondary">${0}</div> <div class="text-xs text-error" ?hidden="${0}"> ${0} </div> </div> </div> <foxy-nucleon infer="" href="${0}" id="value" @update="${0}"> </foxy-nucleon> `),this.label,this.t("select"),h({"text-right min-w-0 transition-colors transition-opacity":!0,"rounded-s focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"cursor-pointer text-body hover-opacity-80":!this.disabled&&!this.readonly,"font-medium":!this.readonly}),this.disabled||this.readonly,(e=>{if(this.disabled||this.readonly)return;const t=e.currentTarget,s=this.renderRoot.querySelector("foxy-form-dialog");s.href="",s.show(t)}),this._value?o(m||(m=_` <foxy-i18n infer="" key="value" .options="${0}"> </foxy-i18n> `),(null==e?void 0:e.data)?this.getDisplayValueOptions(e.data):{context:(null==e?void 0:e.in("fail"))?"fail":"busy"}):this.placeholder,this.t("clear"),h({"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.__clear,l(v||(v=_`<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>`)),this.helperText,this.disabled||this.readonly,this._errorMessage,d(this._value||void 0),(()=>this.requestUpdate()))}__renderStandaloneLayout(){var e,t,s,i,r;const l=this.__valueLoader,u="string"==typeof this._value?n(this._value):void 0,c="string"==typeof this._value?null===(e=this.getItemUrl)||void 0===e?void 0:e.call(this,this._value,null!==(t=null==l?void 0:l.data)&&void 0!==t?t:null):void 0;return o(x||(x=_` <div class="block group"> <div class="${0}"> <span class="mr-auto text-l">${0}</span> ${0} ${0} ${0} </div> <div class="text-secondary text-s" ?hidden="${0}">${0}</div> <button class="${0}" style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" ?disabled="${0}" @click="${0}"> <div class="${0}"> <foxy-nucleon class="block" infer="" href="${0}" id="valueLoader" @update="${0}"> ${0} </foxy-nucleon> </div> </button> <div class="mt-xs text-xs leading-xs text-error" ?hidden="${0}"> ${0} </div> </div> `),h({"flex items-center gap-s transition-colors font-medium":!0,"text-disabled":this.disabled}),this.label,c?o(b||(b=_` <a class="text-body rounded transition-opacity hover-opacity-90 focus-outline-none focus-ring-2 focus-ring-primary-50" href="${0}"> <foxy-i18n infer="" key="view"></foxy-i18n> </a> `),c):"",this.showCopyIdButton&&null!==u?o(g||(g=_` <foxy-copy-to-clipboard layout="text" theme="contrast tertiary-inline" infer="copy-id" text="${0}"> </foxy-copy-to-clipboard> `),u):"",this.readonly||!this._value?"":o($||($=_` <vaadin-button theme="error tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="clear"></foxy-i18n> </vaadin-button> `),this.disabled,this.__clear),!this.helperText,this.helperText,h({"block w-full bg-contrast-5 rounded text-left transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer hover-bg-contrast-10":!this.disabled&&!this.readonly,"cursor-default":this.disabled||this.readonly,"mt-s":!!this.label||!!this.helperText}),this.disabled||this.readonly,(e=>{const t=e.currentTarget,s=this.renderRoot.querySelector("foxy-form-dialog");s.href="",s.show(t)}),h({"transition-opacity":!0,"opacity-50":this.disabled}),d(this._value||void 0),(()=>this.requestUpdate()),this.__getItemRenderer(this.item)({html:o,data:null!==(s=null==l?void 0:l.data)&&void 0!==s?s:null,href:this._value||"",related:[],parent:"",props:{},spread:a,simplifyNsLoading:this.simplifyNsLoading,disabled:this.disabled,disabledControls:this.disabledControls,readonly:this.readonly,readonlyControls:this.readonlyControls,hidden:this.hidden,hiddenControls:this.hiddenControls,templates:this.templates,previous:null,next:null,group:null!==(r=null===(i=this.nucleon)||void 0===i?void 0:i.group)&&void 0!==r?r:"",lang:this.lang,ns:this.ns}),!this._errorMessage||this.disabled||this.readonly,this._errorMessage)}__handleFetchEvent(e){if(!(e instanceof r))return;if(e.defaultPrevented)return;const{url:t,method:s}=e.request;return t===`foxy://${this.virtualHost}/select`&&"POST"===s?e.respondWith(this.__handleSelect(e.request)):t===`foxy://${this.virtualHost}/empty`&&"GET"===s?e.respondWith(this.__handleEmpty()):void 0}async __handleSelect(e){const t=await e.clone().json();return this._value=t.selection,new Response(JSON.stringify({_links:{self:{href:`foxy://${this.virtualHost}/empty`}},message:"Resource selected."}))}async __handleEmpty(){return new Response(JSON.stringify({_links:{self:{href:`foxy://${this.virtualHost}/empty`}},message:"Resource selected."}))}get __valueLoader(){return this.renderRoot.querySelector("#valueLoader")}});
+import"./shared-b15efc37.js";import"./shared-8530fbae.js";import{I as e}from"./shared-f7b4a4f6.js";import{I as t}from"./shared-070211c0.js";import"./foxy-copy-to-clipboard.js";import"./foxy-nucleon-element.js";import"./foxy-form-dialog.js";import"./shared-1b4a3e56.js";import{_ as s,m as i,F as r}from"./shared-7fec42f2.js";import{h as o,s as l}from"./shared-ba5c42c7.js";import{s as a}from"./shared-53e476fd.js";import{g as n}from"./shared-bab2ea2c.js";import{i as d}from"./shared-53e42a77.js";import{c as h}from"./shared-4e709717.js";import{u}from"./shared-da95bb48.js";let c,f=e=>e;let p,y,m,v,x,b,g,$,_=e=>e;customElements.define("foxy-internal-resource-picker-control-form",class extends t{constructor(){super(...arguments),this.selectionProps={}}static get properties(){return s(s({},super.properties),{},{selectionProps:{attribute:!1}})}renderBody(){return o(c||(c=f` <foxy-internal-async-list-control infer="selection" form="foxy-null" hide-delete-button hide-create-button @itemclick="${0}" ...="${0}"> </foxy-internal-async-list-control> `),(e=>{e.preventDefault(),this.edit({selection:e.detail}),this.submit()}),a(this.selectionProps))}}),customElements.define("foxy-internal-resource-picker-control",class extends e{constructor(){super(...arguments),this.getDisplayValueOptions=e=>({resource:e}),this.showCopyIdButton=!1,this.virtualHost=u("internal-resource-picker-control-"),this.getItemUrl=null,this.formProps={},this.filters=[],this.layout=null,this.first=null,this.item=null,this.form=null,this.__getItemRenderer=i((e=>new Function("ctx",`return ctx.html\`\n        <${null!=e?e:"foxy-null"}\n          related=\${JSON.stringify(ctx.related)}\n          parent=\${ctx.parent}\n          infer="card"\n          href=\${ctx.href}\n          ...=\${ctx.spread(ctx.props)}\n        >\n        </${null!=e?e:"foxy-null"}>\``)))}static get properties(){return s(s({},super.properties),{},{getDisplayValueOptions:{attribute:!1},showCopyIdButton:{type:Boolean,attribute:"show-copy-id-button"},virtualHost:{},getItemUrl:{attribute:!1},formProps:{type:Object},filters:{type:Array},layout:{},first:{},item:{},form:{}})}renderControl(){var e;const t=s(s({},this.formProps),{},{".selectionProps":{".filters":this.filters,".first":this.first,".item":this.item}});return o(p||(p=_` <foxy-form-dialog parent="foxy://${0}/select" header="header" infer="dialog" alert .props="${0}" .form="${0}" @fetch="${0}"> </foxy-form-dialog> ${0} `),this.virtualHost,t,null!==(e=this.form)&&void 0!==e?e:"foxy-internal-resource-picker-control-form",this.__handleFetchEvent,"summary-item"===this.layout?this.__renderSummaryItemLayout():this.__renderStandaloneLayout())}updated(e){var t,s;super.updated(e),e.has("item")&&(null===(s=(t=this.__getItemRenderer.cache).clear)||void 0===s||s.call(t))}__clear(){this._value="",this.dispatchEvent(new CustomEvent("clear"))}__renderSummaryItemLayout(){const e=this.renderRoot.querySelector("#value");return o(y||(y=_` <div class="leading-xs"> <div class="flex items-center gap-xs"> <div class="text-m text-body whitespace-nowrap flex-1">${0}</div> <button aria-label="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <div class="truncate min-w-0"> ${0} </div> </button> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> <div style="max-width:32rem"> <div class="text-xs text-secondary">${0}</div> <div class="text-xs text-error" ?hidden="${0}"> ${0} </div> </div> </div> <foxy-nucleon infer="" href="${0}" id="value" @update="${0}"> </foxy-nucleon> `),this.label,this.t("select"),h({"text-right min-w-0 transition-colors transition-opacity":!0,"rounded-s focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"cursor-pointer text-body hover-opacity-80":!this.disabled&&!this.readonly,"font-medium":!this.readonly}),this.disabled||this.readonly,(e=>{if(this.disabled||this.readonly)return;const t=e.currentTarget,s=this.renderRoot.querySelector("foxy-form-dialog");s.href="",s.show(t)}),this._value?o(m||(m=_` <foxy-i18n infer="" key="value" .options="${0}"> </foxy-i18n> `),(null==e?void 0:e.data)?this.getDisplayValueOptions(e.data):{context:(null==e?void 0:e.in("fail"))?"fail":"busy"}):this.placeholder,this.t("clear"),h({"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.__clear,l(v||(v=_`<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>`)),this.helperText,this.disabled||this.readonly,this._errorMessage,d(this._value||void 0),(()=>this.requestUpdate()))}__renderStandaloneLayout(){var e,t,s,i,r;const l=this.__valueLoader,u="string"==typeof this._value?n(this._value):void 0,c="string"==typeof this._value?null===(e=this.getItemUrl)||void 0===e?void 0:e.call(this,this._value,null!==(t=null==l?void 0:l.data)&&void 0!==t?t:null):void 0;return o(x||(x=_` <div class="block group"> <div class="${0}"> <span class="mr-auto text-l">${0}</span> ${0} ${0} ${0} </div> <div class="text-secondary text-s" ?hidden="${0}">${0}</div> <button class="${0}" style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" ?disabled="${0}" @click="${0}"> <div class="${0}"> <foxy-nucleon class="block" infer="" href="${0}" id="valueLoader" @update="${0}"> ${0} </foxy-nucleon> </div> </button> <div class="mt-xs text-xs leading-xs text-error" ?hidden="${0}"> ${0} </div> </div> `),h({"flex items-center gap-s transition-colors font-medium":!0,"text-disabled":this.disabled}),this.label,c?o(b||(b=_` <a class="text-body rounded transition-opacity hover-opacity-90 focus-outline-none focus-ring-2 focus-ring-primary-50" href="${0}"> <foxy-i18n infer="" key="view"></foxy-i18n> </a> `),c):"",this.showCopyIdButton&&null!==u?o(g||(g=_` <foxy-copy-to-clipboard layout="text" theme="contrast tertiary-inline" infer="copy-id" text="${0}"> </foxy-copy-to-clipboard> `),u):"",this.readonly||!this._value?"":o($||($=_` <vaadin-button theme="error tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="clear"></foxy-i18n> </vaadin-button> `),this.disabled,this.__clear),!this.helperText,this.helperText,h({"block w-full bg-contrast-5 rounded text-left transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer hover-bg-contrast-10":!this.disabled&&!this.readonly,"cursor-default":this.disabled||this.readonly,"mt-s":!!this.label||!!this.helperText}),this.disabled||this.readonly,(e=>{const t=e.currentTarget,s=this.renderRoot.querySelector("foxy-form-dialog");s.href="",s.show(t)}),h({"transition-opacity":!0,"opacity-50":this.disabled}),d(this._value||void 0),(()=>this.requestUpdate()),this.__getItemRenderer(this.item)({html:o,data:null!==(s=null==l?void 0:l.data)&&void 0!==s?s:null,href:this._value||"",related:[],parent:"",props:{},spread:a,simplifyNsLoading:this.simplifyNsLoading,disabled:this.disabled,disabledControls:this.disabledControls,readonly:this.readonly,readonlyControls:this.readonlyControls,hidden:this.hidden,hiddenControls:this.hiddenControls,templates:this.templates,previous:null,next:null,group:null!==(r=null===(i=this.nucleon)||void 0===i?void 0:i.group)&&void 0!==r?r:"",lang:this.lang,ns:this.ns}),!this._errorMessage||this.disabled||this.readonly,this._errorMessage)}__handleFetchEvent(e){if(!(e instanceof r))return;if(e.defaultPrevented)return;const{url:t,method:s}=e.request;return t===`foxy://${this.virtualHost}/select`&&"POST"===s?e.respondWith(this.__handleSelect(e.request)):t===`foxy://${this.virtualHost}/empty`&&"GET"===s?e.respondWith(this.__handleEmpty()):void 0}async __handleSelect(e){const t=await e.clone().json();return this._value=t.selection,new Response(JSON.stringify({_links:{self:{href:`foxy://${this.virtualHost}/empty`}},message:"Resource selected."}))}async __handleEmpty(){return new Response(JSON.stringify({_links:{self:{href:`foxy://${this.virtualHost}/empty`}},message:"Resource selected."}))}get __valueLoader(){return this.renderRoot.querySelector("#valueLoader")}});

package/dist/cdn/{shared-13ba9f3a.js → shared-f3590d20.js}

@@ -1,4 +1,4 @@
-import{I as e}from"./shared-049295b7.js";import"./shared-7b5bdf0e.js";import{_ as t}from"./shared-7fec42f2.js";import{d as s,N as r,i as o,c as a,h as i,s as n}from"./shared-ba5c42c7.js";
+import{I as e}from"./shared-f7b4a4f6.js";import"./shared-1b4a3e56.js";import{_ as t}from"./shared-7fec42f2.js";import{d as s,N as r,i as o,c as a,h as i,s as n}from"./shared-ba5c42c7.js";
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -12,4 +12,4 @@ import{I as e}from"./shared-049295b7.js";import"./shared-7b5bdf0e.js";import{_ a
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const l=new WeakMap,d=s((e=>t=>{if(!(t instanceof r))throw new Error("unsafeHTML can only be used in text bindings");const s=l.get(t);if(void 0!==s&&o(e)&&e===s.value&&t.value===s.fragment)return;const a=document.createElement("template");a.innerHTML=e;const i=document.importNode(a.content,!0);t.setValue(i),l.set(t,{value:e,fragment:i})}));let u,p,c,h,m=e=>e;customElements.define("foxy-internal-summary-control",class extends e{constructor(){super(...arguments),this.unsafeHelperText=!1,this.layout=null,this.count=null,this.open=!1}static get properties(){return t(t({},super.properties),{},{unsafeHelperText:{type:Boolean,attribute:"unsafe-helper-text"},layout:{},count:{type:Number},open:{type:Boolean,reflect:!0}})}static get styles(){return[...super.styles,a(u||(u=m`::slotted(*){min-width:100%}:host(:not([layout=section])) slot::slotted(*){background-color:var(--lumo-contrast-5pct);padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)}details summary>div{border-radius:var(--lumo-border-radius)}details[open] summary>div{border-radius:var(--lumo-border-radius) var(--lumo-border-radius) 0 0}.with-unsafe a{text-decoration:underline;transition:color .1s ease-in-out}.with-unsafe a:hover{color:var(--lumo-primary-text-color)}.with-unsafe a:focus{outline:0;box-shadow:0 0 0 2px var(--lumo-primary-color-50pct);border-radius:var(--lumo-border-radius-s)}`))]}renderLightDom(){}renderControl(){return"details"===this.layout?i(p||(p=m` <details class="rounded overflow-hidden" ?open="${0}" @toggle="${0}"> <summary class="select-none cursor-pointer focus-outline-none group"> <div class="leading-xs bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50" style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" ?hidden="${0}"> <p class="flex items-center justify-between gap-s" ?hidden="${0}"> <span> ${0}${0} </span> <span class="flex items-center justify-center transition-colors text-tertiary group-hover-text-body" style="transform:scale(1.35)"> ${0} </span> </p> <p class="text-xs text-secondary with-unsafe" ?hidden="${0}"> ${0} </p> </div> </summary> <div class="overflow-hidden grid" style="gap:1px"> <slot></slot> </div> </details> `),this.open,(e=>{const t=e.currentTarget;this.open=t.open,e.composed||e.bubbles||this.dispatchEvent(new CustomEvent("toggle"))}),!this.label&&!this.helperText,!this.label,this.label,"number"==typeof this.count?` (${this.count})`:"",n(c||(c=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1.2em; height: 1.2em"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>`)),!this.helperText,this.unsafeHelperText?d(this.helperText):this.helperText):i(h||(h=m` <div class="leading-s mb-s" ?hidden="${0}"> <p class="font-medium text-body text-l" ?hidden="${0}">${0}</p> <p class="text-s text-secondary with-unsafe" ?hidden="${0}"> ${0} </p> </div> <div class="rounded overflow-hidden grid" style="gap:1px"> <slot></slot> </div> `),!this.label&&!this.helperText,!this.label,this.label,!this.helperText,this.unsafeHelperText?d(this.helperText):this.helperText)}});export{d as u};
+const l=new WeakMap,d=s((e=>t=>{if(!(t instanceof r))throw new Error("unsafeHTML can only be used in text bindings");const s=l.get(t);if(void 0!==s&&o(e)&&e===s.value&&t.value===s.fragment)return;const a=document.createElement("template");a.innerHTML=e;const i=document.importNode(a.content,!0);t.setValue(i),l.set(t,{value:e,fragment:i})}));let u,p,c,h,m=e=>e;customElements.define("foxy-internal-summary-control",class extends e{constructor(){super(...arguments),this.unsafeHelperText=!1,this.layout=null,this.count=null,this.open=!1}static get properties(){return t(t({},super.properties),{},{unsafeHelperText:{type:Boolean,attribute:"unsafe-helper-text"},layout:{},count:{type:Number},open:{type:Boolean,reflect:!0}})}static get styles(){return[...super.styles,a(u||(u=m`::slotted(*){min-width:100%}:host(:not([layout=section])) slot::slotted(*){background-color:var(--lumo-contrast-5pct);padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)}details summary>div{border-radius:var(--lumo-border-radius)}details[open] summary>div{border-radius:var(--lumo-border-radius) var(--lumo-border-radius) 0 0}.with-unsafe a{text-decoration:underline;transition:color .1s ease-in-out}.with-unsafe a:hover{color:var(--lumo-primary-text-color)}.with-unsafe a:focus{outline:0;box-shadow:0 0 0 2px var(--lumo-primary-color-50pct);border-radius:var(--lumo-border-radius-s)}`))]}renderLightDom(){}renderControl(){return"details"===this.layout?i(p||(p=m` <details class="rounded overflow-hidden" ?open="${0}" @toggle="${0}"> <summary class="select-none cursor-pointer focus-outline-none group"> <div class="leading-xs bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50" style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" ?hidden="${0}"> <p class="flex items-center justify-between gap-s transition-opacity group-hover-opacity-80" ?hidden="${0}"> <span class="font-medium"> ${0}${0} </span> <span class="flex items-center justify-center" style="transform:scale(1.35)"> ${0} </span> </p> <p class="text-xs text-secondary with-unsafe" ?hidden="${0}"> ${0} </p> </div> </summary> <div class="overflow-hidden grid" style="gap:1px"> <slot></slot> </div> </details> `),this.open,(e=>{const t=e.currentTarget;this.open=t.open,e.composed||e.bubbles||this.dispatchEvent(new CustomEvent("toggle"))}),!this.label&&!this.helperText,!this.label,this.label,"number"==typeof this.count?` (${this.count})`:"",n(c||(c=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1.2em; height: 1.2em"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>`)),!this.helperText,this.unsafeHelperText?d(this.helperText):this.helperText):i(h||(h=m` <div class="leading-s mb-s" ?hidden="${0}"> <p class="font-medium text-body text-l" ?hidden="${0}">${0}</p> <p class="text-s text-secondary with-unsafe" ?hidden="${0}"> ${0} </p> </div> <div class="rounded overflow-hidden grid" style="gap:1px"> <slot></slot> </div> `),!this.label&&!this.helperText,!this.label,this.label,!this.helperText,this.unsafeHelperText?d(this.helperText):this.helperText)}});export{d as u};

package/dist/cdn/{shared-049295b7.js → shared-f7b4a4f6.js}

@@ -1 +1 @@
-import"./shared-5212ef4f.js";import"./shared-7b5bdf0e.js";import{_ as e,l as t}from"./shared-7fec42f2.js";import{C as r}from"./shared-c782b9fa.js";import{a as s,T as i,w as n}from"./shared-ddda911c.js";import{h as l,r as o,L as h}from"./shared-ba5c42c7.js";import{I as a}from"./shared-0ea750af.js";import{N as p}from"./shared-da95bb48.js";import{s as u}from"./shared-1da47f50.js";let c,d,_,f,v=e=>e;class y extends(r(s(i(a(h))))){constructor(){super(...arguments),this.nucleon=null}static get inferredProperties(){return[...super.inferredProperties,"nucleon"]}static get properties(){return e(e({},super.properties),{},{nucleon:{attribute:!1}})}inferFromElement(e,t){return"nucleon"===e&&t instanceof p?t:super.inferFromElement(e,t)}applyInferredProperties(e){var t,r;super.applyInferredProperties(e),this.nucleon=null!==(t=e.get("nucleon"))&&void 0!==t?t:null,!1===(null===(r=this.nucleon)||void 0===r?void 0:r.in("idle"))&&(this.disabled=!0)}renderLightDom(){if("string"!=typeof this.infer)return;const e=l(c||(c=v` <slot name="${0}:before" slot="before"></slot> <slot name="${0}:after" slot="after"></slot> `),this.infer,this.infer);o(e,this)}updated(e){super.updated(e),this.renderLightDom()}renderControl(){return l(d||(d=v``))}render(){return this.hidden?l(_||(_=v``)):l(f||(f=v` ${0} ${0} ${0} `),this.renderTemplateOrSlot("before",this.nucleon),this.renderControl(),this.renderTemplateOrSlot("after",this.nucleon))}}function m(e){try{return JSON.parse(e)}catch(e){return null}}customElements.define("foxy-internal-control",y);class b extends y{constructor(){var e;super(...arguments),e=this,this.checkValidityAsync=null,this.jsonTemplate=null,this.jsonPath=null,this.getValue=()=>{var e;const r=t(null===(e=this.nucleon)||void 0===e?void 0:e.form,this.property);if(this.jsonPath){const e=m(r),s=m(this.jsonTemplate);return t(e,this.jsonPath,t(s,this.jsonPath))}return r},this.setValue=e=>{var t,r,s,i,n,l,o,h,a;const[p,...c]=this.property.split(".");if(c.length){const l=null!==(r=null===(t=this.nucleon)||void 0===t?void 0:t.form[p])&&void 0!==r?r:{};if(this.jsonPath){const t=null!==(i=m(null===(s=this.nucleon)||void 0===s?void 0:s.form[p]))&&void 0!==i?i:m(this.jsonTemplate);u(t,this.jsonPath,e),u(l,c,JSON.stringify(t))}else u(l,c,e);null===(n=this.nucleon)||void 0===n||n.edit({[p]:l})}else if(this.jsonPath){const t=null!==(o=m(null===(l=this.nucleon)||void 0===l?void 0:l.form[p]))&&void 0!==o?o:m(this.jsonTemplate);u(t,this.jsonPath,e),null===(h=this.nucleon)||void 0===h||h.edit({[p]:JSON.stringify(t)})}else null===(a=this.nucleon)||void 0===a||a.edit({[p]:e})},this.__debouncedCheckValidityAsync=n((async function(t){var r;const s=await(null===(r=e.checkValidityAsync)||void 0===r?void 0:r.call(e,t));e._value===t&&(e.__asyncError=!0===s?null:null!=s?s:null)}),300),this.__previousValue=null,this.__placeholder=null,this.__helperText=null,this.__asyncError=null,this.__v8nPrefix=null,this.__property=null,this.__label=null}static get properties(){return e(e({},super.properties),{},{checkValidityAsync:{attribute:!1},jsonTemplate:{attribute:"json-template"},placeholder:{type:String,noAccessor:!0},helperText:{type:String,attribute:"helper-text",noAccessor:!0},v8nPrefix:{type:String,attribute:"v8n-prefix",noAccessor:!0},jsonPath:{attribute:"json-path"},getValue:{attribute:!1},setValue:{attribute:!1},property:{type:String,noAccessor:!0},label:{type:String,noAccessor:!0},__asyncError:{attribute:!1}})}get placeholder(){return"string"==typeof this.__placeholder?this.__placeholder:this.t("placeholder")}set placeholder(e){const t=this.__placeholder;this.__placeholder=e,this.requestUpdate("placeholder",t)}get helperText(){return"string"==typeof this.__helperText?this.__helperText:this.t("helper_text")}set helperText(e){const t=this.__helperText;this.__helperText=e,this.requestUpdate("helperText",t)}get v8nPrefix(){return"string"==typeof this.__v8nPrefix?this.__v8nPrefix:"string"==typeof this.infer?`${this.infer}:`:""}set v8nPrefix(e){const t=this.__v8nPrefix;this.__v8nPrefix=e,this.requestUpdate("v8nPrefix",t)}get property(){return"string"==typeof this.__property?this.__property:"string"==typeof this.infer?this.infer.replace(/-/g,"_"):""}set property(e){const t=this.__property;this.__property=e,this.requestUpdate("property",t)}get label(){return"string"==typeof this.__label?this.__label:this.t("label")}set label(e){const t=this.__label;this.__label=e,this.requestUpdate("label",t)}resetPlaceholder(){const e=this.__placeholder;this.__placeholder=null,this.requestUpdate("placeholder",e)}resetHelperText(){const e=this.__helperText;this.__helperText=null,this.requestUpdate("helperText",e)}resetV8nPrefix(){const e=this.__v8nPrefix;this.__v8nPrefix=null,this.requestUpdate("v8nPrefix",e)}resetProperty(){const e=this.__property;this.__property=null,this.requestUpdate("property",e)}resetLabel(){const e=this.__label;this.__label=null,this.requestUpdate("label",e)}reportValidity(){const e=this.ownerDocument.createTreeWalker(this.renderRoot,NodeFilter.SHOW_ELEMENT);do{const t=e.currentNode,r=["reportValidity","validate"];for(const e of r)if(e in t)try{t[e]();break}catch(e){continue}}while(e.nextNode())}get _value(){return this.getValue()}set _value(e){this.__previousValue=this._value,this.__asyncError=null,this._error||this.__previousValue===e||this.__debouncedCheckValidityAsync(e);const t=new CustomEvent("change",{cancelable:!0,detail:e});this.dispatchEvent(t)&&this.setValue(e)}get _error(){var e,t;const r=null===(e=this.nucleon)||void 0===e?void 0:e.errors.find((e=>e.startsWith(this.v8nPrefix)));return null!==(t=null!=r?r:this.__asyncError)&&void 0!==t?t:void 0}get _errorMessage(){return this._error?this.t(this._error.substring(this.v8nPrefix.length)):void 0}get _checkValidity(){return()=>!this._error}}customElements.define("foxy-internal-editable-control",b);export{b as I,y as a};
+import"./shared-5212ef4f.js";import"./shared-1b4a3e56.js";import{_ as e,l as t}from"./shared-7fec42f2.js";import{C as r}from"./shared-c782b9fa.js";import{a as s,T as i,w as n}from"./shared-a89e8a07.js";import{h as l,r as o,L as h}from"./shared-ba5c42c7.js";import{I as a}from"./shared-0ea750af.js";import{N as p}from"./shared-da95bb48.js";import{s as u}from"./shared-1da47f50.js";let c,d,_,f,v=e=>e;class y extends(r(s(i(a(h))))){constructor(){super(...arguments),this.nucleon=null}static get inferredProperties(){return[...super.inferredProperties,"nucleon"]}static get properties(){return e(e({},super.properties),{},{nucleon:{attribute:!1}})}inferFromElement(e,t){return"nucleon"===e&&t instanceof p?t:super.inferFromElement(e,t)}applyInferredProperties(e){var t,r;super.applyInferredProperties(e),this.nucleon=null!==(t=e.get("nucleon"))&&void 0!==t?t:null,!1===(null===(r=this.nucleon)||void 0===r?void 0:r.in("idle"))&&(this.disabled=!0)}renderLightDom(){if("string"!=typeof this.infer)return;const e=l(c||(c=v` <slot name="${0}:before" slot="before"></slot> <slot name="${0}:after" slot="after"></slot> `),this.infer,this.infer);o(e,this)}updated(e){super.updated(e),this.renderLightDom()}renderControl(){return l(d||(d=v``))}render(){return this.hidden?l(_||(_=v``)):l(f||(f=v` ${0} ${0} ${0} `),this.renderTemplateOrSlot("before",this.nucleon),this.renderControl(),this.renderTemplateOrSlot("after",this.nucleon))}}function m(e){try{return JSON.parse(e)}catch(e){return null}}customElements.define("foxy-internal-control",y);class g extends y{constructor(){var e;super(...arguments),e=this,this.checkValidityAsync=null,this.jsonTemplate=null,this.jsonPath=null,this.getValue=()=>{var e;const r=t(null===(e=this.nucleon)||void 0===e?void 0:e.form,this.property);if(this.jsonPath){const e=m(r),s=m(this.jsonTemplate);return t(e,this.jsonPath,t(s,this.jsonPath))}return r},this.setValue=e=>{var t,r,s,i,n,l,o,h,a;const[p,...c]=this.property.split(".");if(c.length){const l=null!==(r=null===(t=this.nucleon)||void 0===t?void 0:t.form[p])&&void 0!==r?r:{};if(this.jsonPath){const t=null!==(i=m(null===(s=this.nucleon)||void 0===s?void 0:s.form[p]))&&void 0!==i?i:m(this.jsonTemplate);u(t,this.jsonPath,e),u(l,c,JSON.stringify(t))}else u(l,c,e);null===(n=this.nucleon)||void 0===n||n.edit({[p]:l})}else if(this.jsonPath){const t=null!==(o=m(null===(l=this.nucleon)||void 0===l?void 0:l.form[p]))&&void 0!==o?o:m(this.jsonTemplate);u(t,this.jsonPath,e),null===(h=this.nucleon)||void 0===h||h.edit({[p]:JSON.stringify(t)})}else null===(a=this.nucleon)||void 0===a||a.edit({[p]:e})},this.__debouncedCheckValidityAsync=n((async function(t){var r;const s=await(null===(r=e.checkValidityAsync)||void 0===r?void 0:r.call(e,t));e._value===t&&(e.__asyncError=!0===s?null:null!=s?s:null)}),300),this.__previousValue=null,this.__placeholder=null,this.__helperText=null,this.__asyncError=null,this.__v8nPrefix=null,this.__property=null,this.__label=null}static get properties(){return e(e({},super.properties),{},{checkValidityAsync:{attribute:!1},jsonTemplate:{attribute:"json-template"},placeholder:{type:String,noAccessor:!0},helperText:{type:String,attribute:"helper-text",noAccessor:!0},v8nPrefix:{type:String,attribute:"v8n-prefix",noAccessor:!0},jsonPath:{attribute:"json-path"},getValue:{attribute:!1},setValue:{attribute:!1},property:{type:String,noAccessor:!0},label:{type:String,noAccessor:!0},__asyncError:{attribute:!1}})}get placeholder(){return"string"==typeof this.__placeholder?this.__placeholder:this.t("placeholder")}set placeholder(e){const t=this.__placeholder;this.__placeholder=e,this.requestUpdate("placeholder",t)}get helperText(){return"string"==typeof this.__helperText?this.__helperText:this.t("helper_text")}set helperText(e){const t=this.__helperText;this.__helperText=e,this.requestUpdate("helperText",t)}get v8nPrefix(){return"string"==typeof this.__v8nPrefix?this.__v8nPrefix:"string"==typeof this.infer?`${this.infer}:`:""}set v8nPrefix(e){const t=this.__v8nPrefix;this.__v8nPrefix=e,this.requestUpdate("v8nPrefix",t)}get property(){return"string"==typeof this.__property?this.__property:"string"==typeof this.infer?this.infer.replace(/-/g,"_"):""}set property(e){const t=this.__property;this.__property=e,this.requestUpdate("property",t)}get label(){return"string"==typeof this.__label?this.__label:this.t("label")}set label(e){const t=this.__label;this.__label=e,this.requestUpdate("label",t)}resetPlaceholder(){const e=this.__placeholder;this.__placeholder=null,this.requestUpdate("placeholder",e)}resetHelperText(){const e=this.__helperText;this.__helperText=null,this.requestUpdate("helperText",e)}resetV8nPrefix(){const e=this.__v8nPrefix;this.__v8nPrefix=null,this.requestUpdate("v8nPrefix",e)}resetProperty(){const e=this.__property;this.__property=null,this.requestUpdate("property",e)}resetLabel(){const e=this.__label;this.__label=null,this.requestUpdate("label",e)}reportValidity(){const e=this.ownerDocument.createTreeWalker(this.renderRoot,NodeFilter.SHOW_ELEMENT);do{const t=e.currentNode,r=["reportValidity","validate"];for(const e of r)if(e in t)try{t[e]();break}catch(e){continue}}while(e.nextNode())}get _value(){return this.getValue()}set _value(e){this.__previousValue=this._value,this.__asyncError=null,this._error||this.__previousValue===e||this.__debouncedCheckValidityAsync(e);const t=new CustomEvent("change",{cancelable:!0,detail:e});this.dispatchEvent(t)&&this.setValue(e)}get _error(){var e,t;const r=null===(e=this.nucleon)||void 0===e?void 0:e.errors.find((e=>e.startsWith(this.v8nPrefix)));return null!==(t=null!=r?r:this.__asyncError)&&void 0!==t?t:void 0}get _errorMessage(){return this._error?this.t(this._error.substring(this.v8nPrefix.length)):void 0}get _checkValidity(){return()=>!this._error}}customElements.define("foxy-internal-editable-control",g);export{g as I,y as a};

package/dist/cdn/{shared-3e0b2588.js → shared-fa482a7d.js}

@@ -1,4 +1,4 @@
-import{h as e}from"./shared-3e3c5095.js";import{N as t}from"./shared-f497cd69.js";
+import{h as e}from"./shared-5af5ab06.js";import{N as t}from"./shared-acee789f.js";
 /**
 @license
 Copyright (c) 2019 Vaadin Ltd.

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

@@ -291,8 +291,8 @@
         "status_refunded": "Refunded",
         "status_voided": "Voided",
         "status_verified": "Verified",
-        "summary": "{{most_expensive_item.name}}",
-        "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+        "summary": "{{first_item.name}}",
+        "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
         "summary_payment_method_change": "Payment method change",
         "summary_subscription_modification": "Subscription modification",
         "summary_subscription_cancellation": "Subscription cancellation",

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

@@ -61,8 +61,8 @@
         "status_refunded": "Refunded",
         "status_voided": "Voided",
         "status_verified": "Verified",
-        "summary": "{{most_expensive_item.name}}",
-        "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+        "summary": "{{first_item.name}}",
+        "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
         "summary_payment_method_change": "Payment method change",
         "summary_subscription_modification": "Subscription modification",
         "summary_subscription_cancellation": "Subscription cancellation",

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

@@ -257,8 +257,8 @@
               "status_refunded": "Refunded",
               "status_voided": "Voided",
               "status_verified": "Verified",
-              "summary": "{{most_expensive_item.name}}",
-              "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+              "summary": "{{first_item.name}}",
+              "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
               "summary_payment_method_change": "Payment method change",
               "summary_subscription_modification": "Subscription modification",
               "summary_subscription_cancellation": "Subscription cancellation",

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

@@ -1278,8 +1278,8 @@
           "status_refunded": "Refunded",
           "status_voided": "Voided",
           "status_verified": "Verified",
-          "summary": "{{most_expensive_item.name}}",
-          "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+          "summary": "{{first_item.name}}",
+          "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
           "summary_payment_method_change": "Payment method change",
           "summary_subscription_modification": "Subscription modification",
           "summary_subscription_cancellation": "Subscription cancellation",
@@ -1320,7 +1320,7 @@
     "status_ended": "Ended on {{ end_date, date }}",
     "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
     "status_inactive": "Inactive",
-    "transaction_summary": "{{most_expensive_item.name}}",
+    "transaction_summary": "{{first_item.name}}",
     "twice_a_month": "Twice a month",
     "update": "Update",
     "weekly": "Weekly",
@@ -1346,8 +1346,8 @@
     "transaction_pending": "Pending",
     "transaction_refunded": "Refunded",
     "transaction_rejected": "Rejected",
-    "transaction_summary": "{{most_expensive_item.name}}",
-    "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+    "transaction_summary": "{{first_item.name}}",
+    "transaction_summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
     "transaction_verified": "Verified",
     "transaction_voided": "Voided",
     "spinner": {

package/dist/cdn/translations/customer-portal/de.json

@@ -58,8 +58,8 @@
       "transaction_pending": "Ausstehend",
       "transaction_refunded": "Erstattet",
       "transaction_rejected": "Abgelehnt",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} Und {{count_minus_one}} mehr",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} Und {{count_minus_one}} mehr",
       "transaction_verified": "Verifiziert",
       "transaction_voided": "Entwertet",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Nächste Zahlung am {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Aktiv",
       "status_inactive": "Inaktiv",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} Und {{count_minus_one}} mehr",
       "fees_hint": "inc. ",
       "fees_explainer": "Steuern, Versand und Rabatte können den berechneten Betrag ändern.",
       "twice_a_month": "zweimal im Monat",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Erstattet",
             "status_voided": "Entwertet",
             "status_verified": "Verifiziert",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} Und {{count_minus_one}} mehr",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} Und {{count_minus_one}} mehr",
             "summary_payment_method_change": "Änderung der Zahlungsmethode",
             "summary_subscription_modification": "Abonnementänderung",
             "summary_subscription_cancellation": "Kündigung des Abonnements",

package/dist/cdn/translations/customer-portal/en.json

@@ -58,8 +58,8 @@
       "transaction_pending": "Pending",
       "transaction_refunded": "Refunded",
       "transaction_rejected": "Rejected",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
       "transaction_verified": "Verified",
       "transaction_voided": "Voided",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Active",
       "status_inactive": "Inactive",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
       "fees_hint": "inc. shipping, taxes, etc.",
       "fees_explainer": "Taxes, shipping, and discounts may change the amount charged.",
       "twice_a_month": "twice a month",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Refunded",
             "status_voided": "Voided",
             "status_verified": "Verified",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
             "summary_payment_method_change": "Payment method change",
             "summary_subscription_modification": "Subscription modification",
             "summary_subscription_cancellation": "Subscription cancellation",

package/dist/cdn/translations/customer-portal/es.json

@@ -58,8 +58,8 @@
       "transaction_pending": "Pendiente",
       "transaction_refunded": "Reintegrado",
       "transaction_rejected": "Rechazado",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} y {{count_minus_one}} más",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} y {{count_minus_one}} más",
       "transaction_verified": "Verificado",
       "transaction_voided": "Anulado",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Próximo pago el {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Activo",
       "status_inactive": "Inactivo",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} y {{count_minus_one}} más",
       "fees_hint": "incluye envío, impuestos, etc.",
       "fees_explainer": "Los impuestos, el envío y los descuentos pueden cambiar el monto cobrado.",
       "twice_a_month": "dos veces al mes",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Reintegrado",
             "status_voided": "anulado",
             "status_verified": "Verificado",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} y {{count_minus_one}} más",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} y {{count_minus_one}} más",
             "summary_payment_method_change": "cambio de método de pago",
             "summary_subscription_modification": "Modificación de suscripción",
             "summary_subscription_cancellation": "Cancelación de suscripción",

package/dist/cdn/translations/customer-portal/fr.json

@@ -58,8 +58,8 @@
       "transaction_pending": "En attente",
       "transaction_refunded": "Remboursé",
       "transaction_rejected": "Rejeté",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} et {{count_minus_one}} plus",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} et {{count_minus_one}} plus",
       "transaction_verified": "Vérifié",
       "transaction_voided": "Annulé",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Prochain paiement le {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Actif",
       "status_inactive": "Inactif",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} et {{count_minus_one}} plus",
       "fees_hint": "inc. ",
       "fees_explainer": "Les taxes, les frais d'expédition et les réductions peuvent modifier le montant facturé.",
       "twice_a_month": "deux fois par mois",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Remboursé",
             "status_voided": "Annulé",
             "status_verified": "Vérifié",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} et {{count_minus_one}} plus",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} et {{count_minus_one}} plus",
             "summary_payment_method_change": "Changement de mode de paiement",
             "summary_subscription_modification": "Modification d'abonnement",
             "summary_subscription_cancellation": "Annulation de l'abonnement",

package/dist/cdn/translations/customer-portal/nl.json

@@ -58,8 +58,8 @@
       "transaction_pending": "In behandeling",
       "transaction_refunded": "Terugbetaald",
       "transaction_rejected": "Afgewezen",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} En {{count_minus_one}} meer",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} En {{count_minus_one}} meer",
       "transaction_verified": "Geverifieerd",
       "transaction_voided": "Ongeldig gemaakt",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Volgende betaling op {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Actief",
       "status_inactive": "Inactief",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} En {{count_minus_one}} meer",
       "fees_hint": "incl. ",
       "fees_explainer": "Belastingen, verzendkosten en kortingen kunnen het in rekening gebrachte bedrag wijzigen.",
       "twice_a_month": "twee keer per maand",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Terugbetaald",
             "status_voided": "Ongeldig gemaakt",
             "status_verified": "Geverifieerd",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} En {{count_minus_one}} meer",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} En {{count_minus_one}} meer",
             "summary_payment_method_change": "Wijziging betaalwijze",
             "summary_subscription_modification": "Wijziging abonnement",
             "summary_subscription_cancellation": "Abonnement opzeggen",

package/dist/cdn/translations/customer-portal/pl.json

@@ -58,8 +58,8 @@
       "transaction_pending": "Aż do",
       "transaction_refunded": "Zwrócono pieniądze",
       "transaction_rejected": "Odrzucony",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} I {{count_minus_one}} więcej",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
       "transaction_verified": "Zweryfikowano",
       "transaction_voided": "Unieważnione",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Następna płatność dnia {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Aktywne",
       "status_inactive": "Nieaktywny",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
       "fees_hint": "Inc. ",
       "fees_explainer": "Podatki, koszty wysyłki i rabaty mogą zmienić pobraną kwotę.",
       "twice_a_month": "dwa razy w miesiącu",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Zwrócono pieniądze",
             "status_voided": "Unieważnione",
             "status_verified": "Zweryfikowano",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} I {{count_minus_one}} więcej",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
             "summary_payment_method_change": "Zmiana sposobu płatności",
             "summary_subscription_modification": "Modyfikacja subskrypcji",
             "summary_subscription_cancellation": "Anulowanie subskrypcji",

package/dist/cdn/translations/customer-portal/sv.json

@@ -58,8 +58,8 @@
       "transaction_pending": "I väntan på",
       "transaction_refunded": "Återbetalas",
       "transaction_rejected": "avvisade",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} och {{count_minus_one}} Mer",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
       "transaction_verified": "Verifierad",
       "transaction_voided": "Ogiltigförklarad",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Nästa betalning den {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Aktiv",
       "status_inactive": "Inaktiv",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
       "fees_hint": "inkl. ",
       "fees_explainer": "Skatter, frakt och rabatter kan ändra beloppet som debiteras.",
       "twice_a_month": "två gånger i månaden",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Återbetalas",
             "status_voided": "Ogiltigförklarad",
             "status_verified": "Verifierad",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} och {{count_minus_one}} Mer",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
             "summary_payment_method_change": "Ändring av betalningsmetod",
             "summary_subscription_modification": "Ändring av abonnemang",
             "summary_subscription_cancellation": "Uppsägning av prenumeration",

package/dist/cdn/translations/customer-portal/zh-HK.json

@@ -58,8 +58,8 @@
       "transaction_pending": "待办的",
       "transaction_refunded": "已退款",
       "transaction_rejected": "拒绝",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} 和 {{count_minus_one}} 更多的",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
       "transaction_verified": "已验证",
       "transaction_voided": "作废",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "下次付款日期为 {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "活跃",
       "status_inactive": "不活跃",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
       "fees_hint": "公司",
       "fees_explainer": "税费、运费和折扣可能会改变收费金额。",
       "twice_a_month": "每月两次",
@@ -1090,8 +1091,8 @@
             "status_refunded": "已退款",
             "status_voided": "作废",
             "status_verified": "已验证",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} 和 {{count_minus_one}} 更多的",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
             "summary_payment_method_change": "付款方式变更",
             "summary_subscription_modification": "订阅修改",
             "summary_subscription_cancellation": "取消订阅",

package/dist/cdn/translations/subscription-card/en.json

@@ -22,7 +22,8 @@
   "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
   "status_next_payment_no_nextdate": "Active",
   "status_inactive": "Inactive",
-  "transaction_summary": "{{most_expensive_item.name}}",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{ count_minus_one }} more",
   "fees_hint": "inc. shipping, taxes, etc.",
   "fees_explainer": "Taxes, shipping, and discounts may change the amount charged.",
   "twice_a_month": "Twice a month",

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

@@ -202,8 +202,8 @@
         "status_refunded": "Refunded",
         "status_voided": "Voided",
         "status_verified": "Verified",
-        "summary": "{{most_expensive_item.name}}",
-        "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+        "summary": "{{first_item.name}}",
+        "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
         "summary_payment_method_change": "Payment method change",
         "summary_subscription_modification": "Subscription modification",
         "summary_subscription_cancellation": "Subscription cancellation",

package/dist/cdn/translations/subscriptions-table/en.json

@@ -14,7 +14,8 @@
   "status_ended": "Ended on {{ end_date, date }}",
   "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
   "status_inactive": "Inactive",
-  "transaction_summary": "{{most_expensive_item.name}}",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{ count_minus_one }} more",
   "twice_a_month": "Twice a month",
   "update": "Update",
   "weekly": "Weekly",

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

@@ -20,8 +20,8 @@
   "status_refunded": "Refunded",
   "status_voided": "Voided",
   "status_verified": "Verified",
-  "summary": "{{most_expensive_item.name}}",
-  "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+  "summary": "{{first_item.name}}",
+  "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
   "summary_payment_method_change": "Payment method change",
   "summary_subscription_modification": "Subscription modification",
   "summary_subscription_cancellation": "Subscription cancellation",

package/dist/cdn/translations/transactions-table/en.json

@@ -10,8 +10,8 @@
   "transaction_pending": "Pending",
   "transaction_refunded": "Refunded",
   "transaction_rejected": "Rejected",
-  "transaction_summary": "{{most_expensive_item.name}}",
-  "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
   "transaction_verified": "Verified",
   "transaction_voided": "Voided",
   "spinner": {
@@ -20,4 +20,4 @@
     "loading_empty": "No data",
     "loading_error": "Unknown error"
   }
-}
+}

package/dist/elements/internal/InternalEditableListControl/InternalEditableListControl.js

@@ -72,12 +72,13 @@ div:has(> select)::after{
             'h-m': !isSummaryItem,
         });
         const isAddButtonDisabled = this.disabled || !this.__newItem;
-        const addItem = () => {
+        const addItem = (split = false) => {
             var _a;
             const newValue = [...this._value];
+            const splitBy = split && this.__newItem.includes(',') ? ',' : '\n';
             const unit = (_a = this.renderRoot.querySelector('select')) === null || _a === void 0 ? void 0 : _a.value;
             this.__newItem
-                .split('\n')
+                .split(splitBy)
                 .map(code => code.trim())
                 .filter(code => code.length > 0)
                 .forEach(value => {
@@ -246,8 +247,8 @@ div:has(> select)::after{
                 var _a, _b;
                 evt.preventDefault();
                 this.__newItem = (_b = (_a = evt.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
-                if (this.__newItem.includes('\n'))
-                    addItem();
+                if (this.__newItem.includes('\n') || this.__newItem.includes(','))
+                    addItem(true);
             }}
                   @blur=${() => {
                 this.__isErrorVisible = true;