@foxy.io/elements 1.11.0-beta.5 → 1.11.0-beta.6

package/dist/cdn/foxy-applied-tax-card.js

@@ -1 +1 @@
-import"./foxy-spinner.js";import"./foxy-i18n.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-0ec6f750.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let t,i,n=r=>r;class a extends(s(e,"applied-tax-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t||(t=n`${0}`),s.name),subtitle:s=>r(i||(i=n` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> <span>&bull;</span> <foxy-i18n options="${0}" lang="${0}" key="percent" ns="${0}"> </foxy-i18n> `),JSON.stringify({amount:`${s.amount} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),this.lang,this.ns,JSON.stringify({fraction:s.rate/100}),this.lang,this.ns)})}async _sendGet(){const r=await super._sendGet(),[s,e]=await Promise.all([super._fetch(r._links["fx:transaction"].href),super._fetch(r._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",r}}customElements.define("foxy-applied-tax-card",a);export{a as AppliedTaxCard};
+import"./shared-7f726bf5.js";import"./foxy-spinner.js";import"./foxy-i18n.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-7dda002f.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let t,i,n=r=>r;class a extends(s(e,"applied-tax-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t||(t=n`${0}`),s.name),subtitle:s=>r(i||(i=n` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> <span>&bull;</span> <foxy-i18n options="${0}" lang="${0}" key="percent" ns="${0}"> </foxy-i18n> `),JSON.stringify({amount:`${s.amount} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),this.lang,this.ns,JSON.stringify({fraction:s.rate/100}),this.lang,this.ns)})}async _sendGet(){const r=await super._sendGet(),[s,e]=await Promise.all([super._fetch(r._links["fx:transaction"].href),super._fetch(r._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",r}}customElements.define("foxy-applied-tax-card",a);export{a as AppliedTaxCard};

package/dist/cdn/foxy-custom-field-card.js

@@ -1 +1 @@
-import"./foxy-spinner.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-0ec6f750.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./foxy-i18n.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let t,d,o=r=>r;class a extends(s(e,"custom-field-card")){render(){return super.render({title:s=>r(t||(t=o`${0}`),s.name),subtitle:s=>r(d||(d=o`${0}`),s.value)})}}customElements.define("foxy-custom-field-card",a);export{a as CustomFieldCard};
+import"./shared-7f726bf5.js";import"./foxy-spinner.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-7dda002f.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./foxy-i18n.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let d,t,a=r=>r;class o extends(s(e,"custom-field-card")){render(){return super.render({title:s=>r(d||(d=a`${0}`),s.name),subtitle:s=>r(t||(t=a`${0}`),s.value)})}}customElements.define("foxy-custom-field-card",o);export{o as CustomFieldCard};

package/dist/cdn/foxy-discount-card.js

@@ -1 +1 @@
-import"./foxy-spinner.js";import"./foxy-i18n.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-0ec6f750.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let t,i,n=r=>r;class a extends(s(e,"discount-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t||(t=n`${0} &bull; ${0}`),s.name,s.code),subtitle:s=>r(i||(i=n` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> `),JSON.stringify({currencyDisplay:this.__currencyDisplay,amount:`${Math.abs(s.amount)} ${this.__currency}`}),this.lang,this.ns)})}async _sendGet(){const r=await super._sendGet(),[s,e]=await Promise.all([super._fetch(r._links["fx:transaction"].href),super._fetch(r._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",r}}customElements.define("foxy-discount-card",a);export{a as DiscountCard};
+import"./shared-7f726bf5.js";import"./foxy-spinner.js";import"./foxy-i18n.js";import{h as r}from"./shared-73401142.js";import{a as s}from"./shared-00355097.js";import{T as e}from"./shared-7dda002f.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-8d210ad5.js";import"./shared-75c86771.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";import"./shared-4e709717.js";let t,i,a=r=>r;class n extends(s(e,"discount-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t||(t=a`${0} &bull; ${0}`),s.name,s.code),subtitle:s=>r(i||(i=a` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> `),JSON.stringify({currencyDisplay:this.__currencyDisplay,amount:`${Math.abs(s.amount)} ${this.__currency}`}),this.lang,this.ns)})}async _sendGet(){const r=await super._sendGet(),[s,e]=await Promise.all([super._fetch(r._links["fx:transaction"].href),super._fetch(r._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",r}}customElements.define("foxy-discount-card",n);export{n as DiscountCard};

package/dist/cdn/foxy-payment-card.js

@@ -1 +1 @@
-import"./foxy-i18n.js";import"./foxy-spinner.js";import{l as e,u as s}from"./shared-e762082b.js";import{h as t}from"./shared-73401142.js";import{C as r}from"./shared-8d210ad5.js";import{N as i}from"./shared-75c86771.js";import{T as n,a}from"./shared-00355097.js";import{c as o}from"./shared-4e709717.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";let d,l,c,u,p,h,f,m=e=>e;const v=n(r(a(i,"payment-card")));class y extends v{constructor(){super(...arguments),this.templates={},this.__currencyDisplay="",this.__currency=""}render(){var e,s;const r=this.hiddenSelector,i=r.matches("card-info",!0),n=r.matches("fraud-risk",!0);return t(d||(d=m` <div aria-busy="${0}" aria-live="polite" class="relative text-body text-s font-lumo leading-m focus-outline-none"> <div class="${0}"> ${0} ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),o({"relative transition duration-250 ease-in-out":!0,"opacity-0 pointer-events-none":!this.data}),r.matches("title",!0)?"":this.__renderTitle(),r.matches("subtitle",!0)?"":this.__renderSubtitle(),i&&n?"":t(l||(l=m` <div class="my-s flex space-x-s"> ${0} ${0} </div> `),i?"":this.__renderCardInfo(),n?"":this.__renderFraudRisk()),r.matches("processor-response",!0)?"":this.__renderProcessorResponse(),o({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}async _sendGet(){const e=await super._sendGet(),[s,t]=await Promise.all([super._fetch(e._links["fx:transaction"].href),super._fetch(e._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=t.use_international_currency_symbol?"code":"symbol",e}__renderTitle(){const e=this.data?`gateways.${this.data.gateway_type}`:"",s=`${this.ns} gateways`;return t(c||(c=m` <div class="text-s flex text-secondary"> ${0} <foxy-i18n lang="${0}" key="${0}" ns="${0}"></foxy-i18n>&ZeroWidthSpace; ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.lang,e,s,this.renderTemplateOrSlot("title:after"))}__renderSubtitle(){var e,s,r,i;const n=`${null!==(s=null===(e=this.data)||void 0===e?void 0:e.amount)&&void 0!==s?s:""} ${this.__currency}`,a=JSON.stringify({amount:n,currencyDisplay:this.__currencyDisplay}),o=null!==(i=null===(r=this.data)||void 0===r?void 0:r.date_created)&&void 0!==i?i:"",d=JSON.stringify({value:o}),l=this.lang,c=this.ns;return t(u||(u=m` <div class="flex font-semibold text-s"> ${0} <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"></foxy-i18n> <span>&nbsp;&bull;&nbsp;</span> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"></foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),a,l,c,d,l,c,this.renderTemplateOrSlot("subtitle:after"))}__renderCardInfo(){var r,i,n,a;const o=this.data,d=(null!==(r=null==o?void 0:o.cc_type)&&void 0!==r?r:"unknown").toLowerCase(),l=null===(i=null==o?void 0:o.cc_exp_year)||void 0===i?void 0:i.substring(2),c=null==o?void 0:o.cc_exp_month,u=null===(n=null==o?void 0:o.cc_number_masked)||void 0===n?void 0:n.replace(/x/gi,"");if(c&&l&&u)return t(p||(p=m` <div class="flex"> ${0} <div class="truncate flex items-center h-s rounded overflow-hidden bg-contrast-5"> <div class="h-s">${0}</div> <div class="text-s font-semibold px-s">•••• ${0} ${0}/${0}</div> </div> ${0} </div> `),this.renderTemplateOrSlot("card-info:before"),null!==(a=e[d])&&void 0!==a?a:s,u,c,l,this.renderTemplateOrSlot("card-info:after"))}__renderFraudRisk(){var e,s;const r=null!==(s=null===(e=this.data)||void 0===e?void 0:e.fraud_protection_score)&&void 0!==s?s:0,i=r>0?"text-error":"text-success",n=r>0?"bg-error-10":"bg-success-10";return t(h||(h=m` <div class="flex"> ${0} <foxy-i18n options="${0}" class="truncate flex font-semibold h-s items-center px-s rounded text-s ${0} ${0}" lang="${0}" key="fraud_risk" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("fraud-risk:before"),JSON.stringify({score:r}),i,n,this.lang,this.ns,this.renderTemplateOrSlot("fraud-risk:after"))}__renderProcessorResponse(){var e;return t(f||(f=m` <div class="text-s text-tertiary"> ${0} ${0}&ZeroWidthSpace; ${0} </div> `),this.renderTemplateOrSlot("processor-response:before"),null===(e=this.data)||void 0===e?void 0:e.processor_response,this.renderTemplateOrSlot("processor-response:after"))}}customElements.define("foxy-payment-card",y);export{y as PaymentCard};
+import"./shared-7f726bf5.js";import"./foxy-i18n.js";import"./foxy-spinner.js";import{l as e,u as s}from"./shared-e762082b.js";import{h as t}from"./shared-73401142.js";import{C as r}from"./shared-8d210ad5.js";import{N as i}from"./shared-75c86771.js";import{T as n,a}from"./shared-00355097.js";import{c as o}from"./shared-4e709717.js";import"./shared-45d647e4.js";import"./shared-747b0842.js";import"./shared-cd700eac.js";import"./shared-30016bf0.js";import"./shared-7684cb05.js";import"./shared-c5659975.js";let d,l,c,u,p,h,f,m=e=>e;const v=n(r(a(i,"payment-card")));class y extends v{constructor(){super(...arguments),this.templates={},this.__currencyDisplay="",this.__currency=""}render(){var e,s;const r=this.hiddenSelector,i=r.matches("card-info",!0),n=r.matches("fraud-risk",!0);return t(d||(d=m` <div aria-busy="${0}" aria-live="polite" class="relative text-body text-s font-lumo leading-m focus-outline-none"> <div class="${0}"> ${0} ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),o({"relative transition duration-250 ease-in-out":!0,"opacity-0 pointer-events-none":!this.data}),r.matches("title",!0)?"":this.__renderTitle(),r.matches("subtitle",!0)?"":this.__renderSubtitle(),i&&n?"":t(l||(l=m` <div class="my-s flex space-x-s"> ${0} ${0} </div> `),i?"":this.__renderCardInfo(),n?"":this.__renderFraudRisk()),r.matches("processor-response",!0)?"":this.__renderProcessorResponse(),o({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}async _sendGet(){const e=await super._sendGet(),[s,t]=await Promise.all([super._fetch(e._links["fx:transaction"].href),super._fetch(e._links["fx:store"].href)]);return this.__currency=s.currency_code,this.__currencyDisplay=t.use_international_currency_symbol?"code":"symbol",e}__renderTitle(){const e=this.data?`gateways.${this.data.gateway_type}`:"",s=`${this.ns} gateways`;return t(c||(c=m` <div class="text-s flex text-secondary"> ${0} <foxy-i18n lang="${0}" key="${0}" ns="${0}"></foxy-i18n>&ZeroWidthSpace; ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.lang,e,s,this.renderTemplateOrSlot("title:after"))}__renderSubtitle(){var e,s,r,i;const n=`${null!==(s=null===(e=this.data)||void 0===e?void 0:e.amount)&&void 0!==s?s:""} ${this.__currency}`,a=JSON.stringify({amount:n,currencyDisplay:this.__currencyDisplay}),o=null!==(i=null===(r=this.data)||void 0===r?void 0:r.date_created)&&void 0!==i?i:"",d=JSON.stringify({value:o}),l=this.lang,c=this.ns;return t(u||(u=m` <div class="flex font-semibold text-s"> ${0} <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"></foxy-i18n> <span>&nbsp;&bull;&nbsp;</span> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"></foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),a,l,c,d,l,c,this.renderTemplateOrSlot("subtitle:after"))}__renderCardInfo(){var r,i,n,a;const o=this.data,d=(null!==(r=null==o?void 0:o.cc_type)&&void 0!==r?r:"unknown").toLowerCase(),l=null===(i=null==o?void 0:o.cc_exp_year)||void 0===i?void 0:i.substring(2),c=null==o?void 0:o.cc_exp_month,u=null===(n=null==o?void 0:o.cc_number_masked)||void 0===n?void 0:n.replace(/x/gi,"");if(c&&l&&u)return t(p||(p=m` <div class="flex"> ${0} <div class="truncate flex items-center h-s rounded overflow-hidden bg-contrast-5"> <div class="h-s">${0}</div> <div class="text-s font-semibold px-s">•••• ${0} ${0}/${0}</div> </div> ${0} </div> `),this.renderTemplateOrSlot("card-info:before"),null!==(a=e[d])&&void 0!==a?a:s,u,c,l,this.renderTemplateOrSlot("card-info:after"))}__renderFraudRisk(){var e,s;const r=null!==(s=null===(e=this.data)||void 0===e?void 0:e.fraud_protection_score)&&void 0!==s?s:0,i=r>0?"text-error":"text-success",n=r>0?"bg-error-10":"bg-success-10";return t(h||(h=m` <div class="flex"> ${0} <foxy-i18n options="${0}" class="truncate flex font-semibold h-s items-center px-s rounded text-s ${0} ${0}" lang="${0}" key="fraud_risk" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("fraud-risk:before"),JSON.stringify({score:r}),i,n,this.lang,this.ns,this.renderTemplateOrSlot("fraud-risk:after"))}__renderProcessorResponse(){var e;return t(f||(f=m` <div class="text-s text-tertiary"> ${0} ${0}&ZeroWidthSpace; ${0} </div> `),this.renderTemplateOrSlot("processor-response:before"),null===(e=this.data)||void 0===e?void 0:e.processor_response,this.renderTemplateOrSlot("processor-response:after"))}}customElements.define("foxy-payment-card",y);export{y as PaymentCard};

package/dist/cdn/shared-7dda002f.js

@@ -0,0 +1 @@
+import{h as t,_ as e}from"./shared-73401142.js";import{C as i}from"./shared-8d210ad5.js";import{N as s}from"./shared-75c86771.js";import{T as r}from"./shared-00355097.js";import{c as a}from"./shared-4e709717.js";let l,d,n,o=t=>t;const h=i(r(s));class p extends h{constructor(){super(...arguments),this.templates={},this.lang="",this.ns="",this.__renderTitle=e=>t(l||(l=o` <div data-testid="title"> ${0} <div class="text-secondary">${0}&ZeroWidthSpace;</div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=e=>t(d||(d=o` <div data-testid="subtitle"> ${0} <div class="font-semibold">${0}&ZeroWidthSpace;</div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}static get properties(){return e(e({},super.properties),{},{lang:{type:String},ns:{type:String}})}render(e){var i,s;const r=this.hiddenSelector;return t(n||(n=o` <div aria-live="polite" aria-busy="${0}" class="relative text-body text-s font-lumo leading-m"> ${0} ${0} <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),r.matches("title",!0)?"":this.__renderTitle(null==e?void 0:e.title),r.matches("subtitle",!0)?"":this.__renderSubtitle(null==e?void 0:e.subtitle),a({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(i=customElements.get("foxy-spinner"))||void 0===i?void 0:i.defaultNS)&&void 0!==s?s:"")}}export{p as T};

package/dist/elements/public/AppliedTaxCard/index.d.ts

@@ -1,3 +1,4 @@
+import '../../internal/InternalSandbox/index';
 import '../Spinner/index';
 import '../I18n/index';
 import { AppliedTaxCard } from './AppliedTaxCard';

package/dist/elements/public/AppliedTaxCard/index.js

@@ -1,3 +1,4 @@
+import "../../internal/InternalSandbox/index.js";
 import "../Spinner/index.js";
 import "../I18n/index.js";
 import { AppliedTaxCard } from "./AppliedTaxCard.js";

package/dist/elements/public/AppliedTaxCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../Spinner/index';\nimport '../I18n/index';\n\nimport { AppliedTaxCard } from './AppliedTaxCard';\n\ncustomElements.define('foxy-applied-tax-card', AppliedTaxCard);\n\nexport { AppliedTaxCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { AppliedTaxCard } from './AppliedTaxCard';\n\ncustomElements.define('foxy-applied-tax-card', AppliedTaxCard);\n\nexport { AppliedTaxCard };\n"]}

package/dist/elements/public/CustomFieldCard/TwoLineCard.js

@@ -12,7 +12,7 @@ export class TwoLineCard extends Base {
         this.ns = '';
         this.__renderTitle = (content) => {
             return html `
-      <div>
+      <div data-testid="title">
         ${this.renderTemplateOrSlot('title:before')}
         <div class="text-secondary">${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;</div>
         ${this.renderTemplateOrSlot('title:after')}
@@ -21,7 +21,7 @@ export class TwoLineCard extends Base {
         };
         this.__renderSubtitle = (content) => {
             return html `
-      <div>
+      <div data-testid="subtitle">
         ${this.renderTemplateOrSlot('subtitle:before')}
         <div class="font-semibold">${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;</div>
         ${this.renderTemplateOrSlot('subtitle:after')}

package/dist/elements/public/CustomFieldCard/TwoLineCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAC3E,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAgBpD,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QASE,cAAS,GAAqB,EAAE,CAAC;QAEjC,SAAI,GAAG,EAAE,CAAC;QAEV,OAAE,GAAG,EAAE,CAAC;QAES,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;sCACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UACjE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;qCACjB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAgCJ,CAAC;IAhEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACrB,CAAC;IACJ,CAAC;IA4BD,MAAM,CAAC,OAA8B;;QACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGvC,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;;kBAGhF,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAC7C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBAC7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type Templates<TData extends HALJSONResource> = {\n  'title:before'?: Renderer<TData>;\n  'title:after'?: Renderer<TData>;\n  'subtitle:before'?: Renderer<TData>;\n  'subtitle:after'?: Renderer<TData>;\n};\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      lang: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  templates: Templates<TData> = {};\n\n  lang = '';\n\n  ns = '';\n\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('title:before')}\n        <div class=\"text-secondary\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('subtitle:before')}\n        <div class=\"font-semibold\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  render(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${!this.data && this.in('busy')}\n        class=\"relative text-body text-s font-lumo leading-m\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAC3E,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAgBpD,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QASE,cAAS,GAAqB,EAAE,CAAC;QAEjC,SAAI,GAAG,EAAE,CAAC;QAEV,OAAE,GAAG,EAAE,CAAC;QAES,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;sCACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UACjE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;qCACjB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAgCJ,CAAC;IAhEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACrB,CAAC;IACJ,CAAC;IA4BD,MAAM,CAAC,OAA8B;;QACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGvC,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;;kBAGhF,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAC7C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBAC7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type Templates<TData extends HALJSONResource> = {\n  'title:before'?: Renderer<TData>;\n  'title:after'?: Renderer<TData>;\n  'subtitle:before'?: Renderer<TData>;\n  'subtitle:after'?: Renderer<TData>;\n};\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      lang: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  templates: Templates<TData> = {};\n\n  lang = '';\n\n  ns = '';\n\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n        <div class=\"text-secondary\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"subtitle\">\n        ${this.renderTemplateOrSlot('subtitle:before')}\n        <div class=\"font-semibold\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  render(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${!this.data && this.in('busy')}\n        class=\"relative text-body text-s font-lumo leading-m\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CustomFieldCard/index.d.ts

@@ -1,3 +1,4 @@
+import '../../internal/InternalSandbox/index';
 import '../Spinner/index';
 import { CustomFieldCard } from './CustomFieldCard';
 export { CustomFieldCard };

package/dist/elements/public/CustomFieldCard/index.js

@@ -1,3 +1,4 @@
+import "../../internal/InternalSandbox/index.js";
 import "../Spinner/index.js";
 import { CustomFieldCard } from "./CustomFieldCard.js";
 customElements.define('foxy-custom-field-card', CustomFieldCard);

package/dist/elements/public/CustomFieldCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAE1B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../Spinner/index';\n\nimport { CustomFieldCard } from './CustomFieldCard';\n\ncustomElements.define('foxy-custom-field-card', CustomFieldCard);\n\nexport { CustomFieldCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAE1B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\n\nimport { CustomFieldCard } from './CustomFieldCard';\n\ncustomElements.define('foxy-custom-field-card', CustomFieldCard);\n\nexport { CustomFieldCard };\n"]}

package/dist/elements/public/DiscountCard/index.d.ts

@@ -1,3 +1,4 @@
+import '../../internal/InternalSandbox/index';
 import '../Spinner/index';
 import '../I18n/index';
 import { DiscountCard } from './DiscountCard';

package/dist/elements/public/DiscountCard/index.js

@@ -1,3 +1,4 @@
+import "../../internal/InternalSandbox/index.js";
 import "../Spinner/index.js";
 import "../I18n/index.js";
 import { DiscountCard } from "./DiscountCard.js";

package/dist/elements/public/DiscountCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/DiscountCard/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../Spinner/index';\nimport '../I18n/index';\n\nimport { DiscountCard } from './DiscountCard';\n\ncustomElements.define('foxy-discount-card', DiscountCard);\n\nexport { DiscountCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/DiscountCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { DiscountCard } from './DiscountCard';\n\ncustomElements.define('foxy-discount-card', DiscountCard);\n\nexport { DiscountCard };\n"]}

package/dist/elements/public/PaymentCard/index.d.ts

@@ -1,3 +1,4 @@
+import '../../internal/InternalSandbox/index';
 import '../I18n/index';
 import '../Spinner/index';
 import { PaymentCard } from './PaymentCard';

package/dist/elements/public/PaymentCard/index.js

@@ -1,3 +1,4 @@
+import "../../internal/InternalSandbox/index.js";
 import "../I18n/index.js";
 import "../Spinner/index.js";
 import { PaymentCard } from "./PaymentCard.js";

package/dist/elements/public/PaymentCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentCard/index.ts"],"names":[],"mappings":"AAAA,0BAAuB;AACvB,6BAA0B;AAE1B,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../I18n/index';\nimport '../Spinner/index';\n\nimport { PaymentCard } from './PaymentCard';\n\ncustomElements.define('foxy-payment-card', PaymentCard);\n\nexport { PaymentCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,0BAAuB;AACvB,6BAA0B;AAE1B,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../I18n/index';\nimport '../Spinner/index';\n\nimport { PaymentCard } from './PaymentCard';\n\ncustomElements.define('foxy-payment-card', PaymentCard);\n\nexport { PaymentCard };\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.11.0-beta.5",
+  "version": "1.11.0-beta.6",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-0ec6f750.js

@@ -1 +0,0 @@
-import{h as t,_ as e}from"./shared-73401142.js";import{C as i}from"./shared-8d210ad5.js";import{N as s}from"./shared-75c86771.js";import{T as r}from"./shared-00355097.js";import{c as a}from"./shared-4e709717.js";let l,n,d,o=t=>t;const h=i(r(s));class p extends h{constructor(){super(...arguments),this.templates={},this.lang="",this.ns="",this.__renderTitle=e=>t(l||(l=o` <div> ${0} <div class="text-secondary">${0}&ZeroWidthSpace;</div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=e=>t(n||(n=o` <div> ${0} <div class="font-semibold">${0}&ZeroWidthSpace;</div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}static get properties(){return e(e({},super.properties),{},{lang:{type:String},ns:{type:String}})}render(e){var i,s;const r=this.hiddenSelector;return t(d||(d=o` <div aria-live="polite" aria-busy="${0}" class="relative text-body text-s font-lumo leading-m"> ${0} ${0} <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),r.matches("title",!0)?"":this.__renderTitle(null==e?void 0:e.title),r.matches("subtitle",!0)?"":this.__renderSubtitle(null==e?void 0:e.subtitle),a({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(i=customElements.get("foxy-spinner"))||void 0===i?void 0:i.defaultNS)&&void 0!==s?s:"")}}export{p as T};