npm - @foxy.io/elements - Versions diffs - 1.18.0-beta.8 → 1.19.0 - Mend

@foxy.io/elements 1.18.0-beta.8 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (357) hide show

package/dist/cdn/foxy-access-recovery-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~ad040ad4~~.js";import"./shared-~~76daf1fb~~.js";import"./shared-~~90119584~~.js";import"./shared-~~75ec4e1a~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~71762c29~~.js";import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import{h as e}from"./shared-~~7f33a83a~~.js";import{C as s}from"./shared-~~84b5d8f0~~.js";import{N as t}from"./shared-~~85cd6cfb~~.js";import{T as i~~}from"./shared-1b38c44f.js";import{T~~ as r}from"./shared-~~5155696f~~.js";import{c as a}from"./shared-4e709717.js";import{i as l}from"./shared-~~d3bf9ac0~~.js";import{v as o}from"./shared-b738ee96.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~86d0d927~~.js";import"./shared-~~565feb2f~~.js";import"./shared-7684cb05.js";import"./shared-~~bfca826a~~.js";let n,d,m,h,c=e=>e;const f=i(s(r(t,"access-recovery-form")));class p extends f{constructor(){super(...arguments),this.templates={},this.__checkEmailValidity=()=>!this.errors.some((e=>e.startsWith("email"))),this.__renderEmail=()=>{var s;const t=this.in("fail"),i=this.in("busy"),r=this.errors.filter((e=>e.startsWith("email"))).map((e=>e.replace("email","v8n"))),a=r[0]?this.t(r[0]).toString():"";return e(n\|\|(n=c` <div> ${0} <vaadin-email-field error-message="${0}" data-testid="email" class="w-full" label="${0}" value="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" @input="${0}" @keydown="${0}"> </vaadin-email-field> ${0} </div> `),this.renderTemplateOrSlot("email:before"),a,this.t("email").toString(),l(null===(s=this.form.detail)\|\|void 0===s?void 0:s.email),i\|\|t\|\|this.disabledSelector.matches("email",!0),this.readonlySelector.matches("email",!0),this.__checkEmailValidity,(e=>{this.edit({detail:{email:e.target.value},type:"email"})}),(e=>{"Enter"===e.key&&this.submit()}),this.renderTemplateOrSlot("email:after"))},this.__renderMessage=()=>{const s=this.in("fail"),t=s?"bg-error-10 text-error":"bg-success-10 text-success",i=s?"lumo:error":"lumo:cog",r=s?"unknown_error":"recover_access_success";return e(d\|\|(d=c` <div> ${0} <p class="leading-s flex items-start text-s rounded p-s ${0}"> <iron-icon class="flex-shrink-0 icon-inline text-l mr-s" icon="${0}"></iron-icon> <foxy-i18n lang="${0}" key="${0}" ns="${0}" data-testid="message"></foxy-i18n> </p> ${0} </div> `),this.renderTemplateOrSlot("message:before"),t,i,this.lang,r,this.ns,this.renderTemplateOrSlot("message:after"))},this.__renderSubmit=()=>{const s=this.in("fail"),t=0===this.errors.length,i=this.in("busy");return e(m\|\|(m=c` <div> ${0} <vaadin-button data-testid="submit" class="w-full" theme="primary" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="recover_access" ns="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("submit:before"),i\|\|!t\|\|s\|\|this.disabledSelector.matches("submit",!0),(()=>this.submit()),this.lang,this.ns,this.renderTemplateOrSlot("submit:after"))}}static get v8n(){return[({detail:e})=>(null==e?void 0:e.email)&&e.email.length>0\|\|"email_required",({detail:e})=>{var s;return o(null!==(s=null==e?void 0:e.email)&&void 0!==s?s:"")\|\|"email_invalid_email"}]}render(){var s,t;const i=this.hiddenSelector,r=this.in({idle:"snapshot"})\|\|this.in("fail"),l=this.in("busy");return e(h\|\|(h=c` <main data-testid="wrapper" aria-live="polite" aria-busy="${0}" class="relative font-lumo text-m leading-m space-y-m"> ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="busy" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </main> `),l,i.matches("email",!0)?"":this.__renderEmail(),i.matches("message",!0)\|\|!r?"":this.__renderMessage(),i.matches("submit",!0)?"":this.__renderSubmit(),a({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!l}),this.lang,this.ns,null!==(t=null===(s=customElements.get("foxy-spinner"))\|\|void 0===s?void 0:s.defaultNS)&&void 0!==t?t:"")}}customElements.define("foxy-access-recovery-form",p);export{p as AccessRecoveryForm};
1	+ import"./shared-8d937ae4.js";import"./shared-d28ac9dc.js";import"./shared-c5c60417.js";import"./shared-195fd5af.js";import"./shared-2188d5f7.js";import"./shared-31c43743.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import{h as e}from"./shared-dc73b9a5.js";import{C as s}from"./shared-98497473.js";import{N as t}from"./shared-ac44429d.js";import{T as i,a as r}from"./shared-62169210.js";import{c as a}from"./shared-4e709717.js";import{i as l}from"./shared-9803aa7c.js";import{v as o}from"./shared-b738ee96.js";import"./shared-ae415a98.js";import"./shared-8e9a3bbb.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";let n,d,m,h,c=e=>e;const u=i(s(r(t,"access-recovery-form")));class p extends u{constructor(){super(...arguments),this.templates={},this.__checkEmailValidity=()=>!this.errors.some((e=>e.startsWith("email"))),this.__renderEmail=()=>{var s;const t=this.in("fail"),i=this.in("busy"),r=this.errors.filter((e=>e.startsWith("email"))).map((e=>e.replace("email","v8n"))),a=r[0]?this.t(r[0]).toString():"";return e(n\|\|(n=c` <div> ${0} <vaadin-email-field error-message="${0}" data-testid="email" class="w-full" label="${0}" value="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" @input="${0}" @keydown="${0}"> </vaadin-email-field> ${0} </div> `),this.renderTemplateOrSlot("email:before"),a,this.t("email").toString(),l(null===(s=this.form.detail)\|\|void 0===s?void 0:s.email),i\|\|t\|\|this.disabledSelector.matches("email",!0),this.readonlySelector.matches("email",!0),this.__checkEmailValidity,(e=>{this.edit({detail:{email:e.target.value},type:"email"})}),(e=>{"Enter"===e.key&&this.submit()}),this.renderTemplateOrSlot("email:after"))},this.__renderMessage=()=>{const s=this.in("fail"),t=s?"bg-error-10 text-error":"bg-success-10 text-success",i=s?"lumo:error":"lumo:cog",r=s?"unknown_error":"recover_access_success";return e(d\|\|(d=c` <div> ${0} <p class="leading-s flex items-start text-s rounded p-s ${0}"> <iron-icon class="flex-shrink-0 icon-inline text-l mr-s" icon="${0}"></iron-icon> <foxy-i18n lang="${0}" key="${0}" ns="${0}" data-testid="message"></foxy-i18n> </p> ${0} </div> `),this.renderTemplateOrSlot("message:before"),t,i,this.lang,r,this.ns,this.renderTemplateOrSlot("message:after"))},this.__renderSubmit=()=>{const s=this.in("fail"),t=0===this.errors.length,i=this.in("busy");return e(m\|\|(m=c` <div> ${0} <vaadin-button data-testid="submit" class="w-full" theme="primary" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="recover_access" ns="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("submit:before"),i\|\|!t\|\|s\|\|this.disabledSelector.matches("submit",!0),(()=>this.submit()),this.lang,this.ns,this.renderTemplateOrSlot("submit:after"))}}static get v8n(){return[({detail:e})=>(null==e?void 0:e.email)&&e.email.length>0\|\|"email_required",({detail:e})=>{var s;return o(null!==(s=null==e?void 0:e.email)&&void 0!==s?s:"")\|\|"email_invalid_email"}]}render(){var s,t;const i=this.hiddenSelector,r=this.in({idle:"snapshot"})\|\|this.in("fail"),l=this.in("busy");return e(h\|\|(h=c` <main data-testid="wrapper" aria-live="polite" aria-busy="${0}" class="relative font-lumo text-m leading-m space-y-m"> ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="busy" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </main> `),l,i.matches("email",!0)?"":this.__renderEmail(),i.matches("message",!0)\|\|!r?"":this.__renderMessage(),i.matches("submit",!0)?"":this.__renderSubmit(),a({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!l}),this.lang,this.ns,null!==(t=null===(s=customElements.get("foxy-spinner"))\|\|void 0===s?void 0:s.defaultNS)&&void 0!==t?t:"")}}customElements.define("foxy-access-recovery-form",p);export{p as AccessRecoveryForm};

package/dist/cdn/foxy-address-card.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import"./shared-26502fca.js";import"./shared-eb344bd5.js";import{h as s}from"./shared-cf2b9cc3.js";import"./shared-94a4ab55.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-c9d1a2cd.js";import{h as t}from"./shared-7f33a83a.js";import{C as e}from"./shared-84b5d8f0.js";import{N as a}from"./shared-85cd6cfb.js";import{T as c}from"./shared-1b38c44f.js";import{T as h}from"./shared-5155696f.js";import{c as i}from"./shared-4e709717.js";import"./shared-e34d2ef1.js";import"./shared-86d0d927.js";import"./shared-d3bf9ac0.js";import"./shared-565feb2f.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";
+import"./shared-2188d5f7.js";import"./shared-8e9a3bbb.js";import{h as c}from"./shared-ae415a98.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import{h}from"./shared-dc73b9a5.js";import{C as a}from"./shared-98497473.js";import{N as t}from"./shared-ac44429d.js";import{T as s,a as l}from"./shared-62169210.js";import{c as i}from"./shared-4e709717.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-9803aa7c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";
 /**
 @license
 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
@@ -8,7 +8,7 @@ http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
 found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
 part of the polymer project is also subject to an additional IP rights grant
 found at http://polymer.github.io/PATENTS.txt
-*/const d=s`<iron-iconset-svg name="social" size="24">
+*/const v=c`<iron-iconset-svg name="social" size="24">
 <svg><defs>
 <g id="cake"><path d="M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm4.6 9.99l-1.07-1.07-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07C6.75 16.64 5.88 17 4.96 17c-.73 0-1.4-.23-1.96-.61V21c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-4.61c-.56.38-1.23.61-1.96.61-.92 0-1.79-.36-2.44-1.01zM18 9h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v1.54c0 1.08.88 1.96 1.96 1.96.52 0 1.02-.2 1.38-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.37.37.86.57 1.38.57 1.08 0 1.96-.88 1.96-1.96V12C21 10.34 19.66 9 18 9z"></path></g>
 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></g>
@@ -41,4 +41,86 @@ found at http://polymer.github.io/PATENTS.txt
 <g id="share"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></g>
 <g id="whatshot"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"></path></g>
 </defs></svg>
-</iron-iconset-svg>`;document.head.appendChild(d.content);let n,r,l,o,v,p,m,z,g,f,u,M=s=>s;const V=e(c(h(a,"address-card")));class H extends V{constructor(){super(...arguments),this.templates={},this.__renderAddressName=()=>{var s,e,a;const c=!!(null===(s=this.data)||void 0===s?void 0:s.is_default_billing),h=!!(null===(e=this.data)||void 0===e?void 0:e.is_default_shipping);return t(n||(n=M` <div class="mb-s leading-none"> ${0} <span class="font-semibold"> ${0} &ZeroWidthSpace; </span> ${0} </div> `),this.renderTemplateOrSlot("address-name:before"),c||h?t(r||(r=M` <foxy-i18n data-testid="address-name" lang="${0}" key="default_${0}_address" ns="${0}"> </foxy-i18n> `),this.lang,c?"billing":"shipping",this.ns):t(l||(l=M`<span data-testid="address-name">${0}</span>`),null===(a=this.data)||void 0===a?void 0:a.address_name),this.renderTemplateOrSlot("address-name:after"))},this.__renderLine=(s,e,a)=>t(o||(o=M` <p> ${0} <span class="flex items-center text-m space-x-s text-secondary"> <iron-icon icon="${0}" class="icon-inline flex-shrink-0"></iron-icon> <span class="truncate" data-testid="${0}">${0}</span> &ZeroWidthSpace; </span> ${0} </p> `),this.renderTemplateOrSlot(`${s}:before`),e,s,a,this.renderTemplateOrSlot(`${s}:after`)),this.__renderFullName=()=>{const s=this.data?t(v||(v=M` <foxy-i18n options="${0}" lang="${0}" key="full_name" ns="${0}"> </foxy-i18n> `),JSON.stringify(this.data),this.lang,this.ns):t(p||(p=M`–`));return this.__renderLine("full-name","social:person",s)},this.__renderFullAddress=()=>{const s=this.data?t(m||(m=M` <foxy-i18n data-testid="full-address" options="${0}" lang="${0}" key="full_address" ns="${0}"> </foxy-i18n> `),JSON.stringify(this.data),this.lang,this.ns):t(z||(z=M`–`));return this.__renderLine("full-address","maps:place",s)},this.__renderCompany=()=>{var s;const e=t(g||(g=M`${0}`),(null===(s=this.data)||void 0===s?void 0:s.company)||"–");return this.__renderLine("company","icons:work",e)},this.__renderPhone=()=>{var s;const e=t(f||(f=M`${0}`),(null===(s=this.data)||void 0===s?void 0:s.phone)||"–");return this.__renderLine("phone","maps:local-phone",e)}}render(){var s,e;const a=this.hiddenSelector,c=this.in({idle:"snapshot"}),h=this.in({idle:"template"}),d=this.in("busy");return t(u||(u=M` <div class="relative h-full text-left text-m leading-m font-lumo text-body" aria-live="polite" aria-busy="${0}" data-testid="wrapper"> <div class="${0}"> ${0} ${0} ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),d,i({"transition duration-250 ease-in-out":!0,"opacity-0 pointer-events-none":!c}),a.matches("address-name",!0)?"":this.__renderAddressName(),a.matches("full-name",!0)?"":this.__renderFullName(),a.matches("full-address",!0)?"":this.__renderFullAddress(),a.matches("company",!0)?"":this.__renderCompany(),a.matches("phone",!0)?"":this.__renderPhone(),i({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":c}),this.in("fail")?"error":h?"empty":"busy",this.lang,this.ns,null!==(e=null===(s=customElements.get("foxy-spinner"))||void 0===s?void 0:s.defaultNS)&&void 0!==e?e:"")}}customElements.define("foxy-address-card",H);export{H as AddressCard};
+</iron-iconset-svg>`;document.head.appendChild(v.content);
+/**
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
+const d=c`<iron-iconset-svg name="maps" size="24">
+<svg><defs>
+<g id="add-location"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm4 8h-3v3h-2v-3H8V8h3V5h2v3h3v2z"></path></g>
+<g id="beenhere"><path d="M19 1H5c-1.1 0-1.99.9-1.99 2L3 15.93c0 .69.35 1.3.88 1.66L12 23l8.11-5.41c.53-.36.88-.97.88-1.66L21 3c0-1.1-.9-2-2-2zm-9 15l-5-5 1.41-1.41L10 13.17l7.59-7.59L19 7l-9 9z"></path></g>
+<g id="directions"><path d="M21.71 11.29l-9-9c-.39-.39-1.02-.39-1.41 0l-9 9c-.39.39-.39 1.02 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9c.39-.38.39-1.01 0-1.41zM14 14.5V12h-4v3H8v-4c0-.55.45-1 1-1h5V7.5l3.5 3.5-3.5 3.5z"></path></g>
+<g id="directions-bike"><path d="M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"></path></g>
+<g id="directions-boat"><path d="M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"></path></g>
+<g id="directions-bus"><path d="M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z"></path></g>
+<g id="directions-car"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"></path></g>
+<g id="directions-railway"><path d="M4 15.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V5c0-3.5-3.58-4-8-4s-8 .5-8 4v10.5zm8 1.5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-7H6V5h12v5z"></path></g>
+<g id="directions-run"><path d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"></path></g>
+<g id="directions-subway"><path d="M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z"></path></g>
+<g id="directions-transit"><path d="M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z"></path></g>
+<g id="directions-walk"><path d="M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"></path></g>
+<g id="edit-location"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm-1.56 10H9v-1.44l3.35-3.34 1.43 1.43L10.44 12zm4.45-4.45l-.7.7-1.44-1.44.7-.7c.15-.15.39-.15.54 0l.9.9c.15.15.15.39 0 .54z"></path></g>
+<g id="ev-station"><path d="M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM18 10c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM8 18v-4.5H6L10 6v5h2l-4 7z"></path></g>
+<g id="flight"><path d="M10.18 9"></path><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"></path></g>
+<g id="hotel"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"></path></g>
+<g id="layers"><path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"></path></g>
+<g id="layers-clear"><path d="M19.81 14.99l1.19-.92-1.43-1.43-1.19.92 1.43 1.43zm-.45-4.72L21 9l-9-7-2.91 2.27 7.87 7.88 2.4-1.88zM3.27 1L2 2.27l4.22 4.22L3 9l1.63 1.27L12 16l2.1-1.63 1.43 1.43L12 18.54l-7.37-5.73L3 14.07l9 7 4.95-3.85L20.73 21 22 19.73 3.27 1z"></path></g>
+<g id="local-activity"><path d="M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z"></path></g>
+<g id="local-airport"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"></path></g>
+<g id="local-atm"><path d="M11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1zm9-13H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12z"></path></g>
+<g id="local-bar"><path d="M21 5V3H3v2l8 9v5H6v2h12v-2h-5v-5l8-9zM7.43 7L5.66 5h12.69l-1.78 2H7.43z"></path></g>
+<g id="local-cafe"><path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM2 21h18v-2H2v2z"></path></g>
+<g id="local-car-wash"><path d="M17 5c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zm-5 0c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zM7 5c.83 0 1.5-.67 1.5-1.5C8.5 2.5 7 .8 7 .8S5.5 2.5 5.5 3.5C5.5 4.33 6.17 5 7 5zm11.92 3.01C18.72 7.42 18.16 7 17.5 7h-11c-.66 0-1.21.42-1.42 1.01L3 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 18c-.83 0-1.5-.67-1.5-1.5S5.67 15 6.5 15s1.5.67 1.5 1.5S7.33 18 6.5 18zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 13l1.5-4.5h11L19 13H5z"></path></g>
+<g id="local-convenience-store"><path d="M19 7V4H5v3H2v13h8v-4h4v4h8V7h-3zm-8 3H9v1h2v1H8V9h2V8H8V7h3v3zm5 2h-1v-2h-2V7h1v2h1V7h1v5z"></path></g>
+<g id="local-dining"><path d="M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z"></path></g>
+<g id="local-drink"><path d="M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3 0-2 3-5.4 3-5.4s3 3.4 3 5.4c0 1.66-1.34 3-3 3zm6.33-11H5.67l-.44-4h13.53l-.43 4z"></path></g>
+<g id="local-florist"><path d="M12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zM5.6 10.25c0 1.38 1.12 2.5 2.5 2.5.53 0 1.01-.16 1.42-.44l-.02.19c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5l-.02-.19c.4.28.89.44 1.42.44 1.38 0 2.5-1.12 2.5-2.5 0-1-.59-1.85-1.43-2.25.84-.4 1.43-1.25 1.43-2.25 0-1.38-1.12-2.5-2.5-2.5-.53 0-1.01.16-1.42.44l.02-.19C14.5 2.12 13.38 1 12 1S9.5 2.12 9.5 3.5l.02.19c-.4-.28-.89-.44-1.42-.44-1.38 0-2.5 1.12-2.5 2.5 0 1 .59 1.85 1.43 2.25-.84.4-1.43 1.25-1.43 2.25zM12 5.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8s1.12-2.5 2.5-2.5zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9z"></path></g>
+<g id="local-gas-station"><path d="M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM12 10H6V5h6v5zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></g>
+<g id="local-grocery-store"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"></path></g>
+<g id="local-hospital"><path d="M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z"></path></g>
+<g id="local-hotel"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"></path></g>
+<g id="local-laundry-service"><path d="M9.17 16.83c1.56 1.56 4.1 1.56 5.66 0 1.56-1.56 1.56-4.1 0-5.66l-5.66 5.66zM18 2.01L6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V4c0-1.11-.89-1.99-2-1.99zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM7 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"></path></g>
+<g id="local-library"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"></path></g>
+<g id="local-mall"><path d="M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z"></path></g>
+<g id="local-movies"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"></path></g>
+<g id="local-offer"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"></path></g>
+<g id="local-parking"><path d="M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6zm.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2z"></path></g>
+<g id="local-pharmacy"><path d="M21 5h-2.64l1.14-3.14L17.15 1l-1.46 4H3v2l2 6-2 6v2h18v-2l-2-6 2-6V5zm-5 9h-3v3h-2v-3H8v-2h3V9h2v3h3v2z"></path></g>
+<g id="local-phone"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></g>
+<g id="local-pizza"><path d="M12 2C8.43 2 5.23 3.54 3.01 6L12 22l8.99-16C18.78 3.55 15.57 2 12 2zM7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></g>
+<g id="local-play"><path d="M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z"></path></g>
+<g id="local-post-office"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path></g>
+<g id="local-printshop"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"></path></g>
+<g id="local-see"><circle cx="12" cy="12" r="3.2"></circle><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"></path></g>
+<g id="local-shipping"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></g>
+<g id="local-taxi"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5H15V3H9v2H6.5c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"></path></g>
+<g id="map"><path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"></path></g>
+<g id="my-location"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"></path></g>
+<g id="navigation"><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"></path></g>
+<g id="near-me"><path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"></path></g>
+<g id="person-pin"><path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z"></path></g>
+<g id="person-pin-circle"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm0 2c1.1 0 2 .9 2 2 0 1.11-.9 2-2 2s-2-.89-2-2c0-1.1.9-2 2-2zm0 10c-1.67 0-3.14-.85-4-2.15.02-1.32 2.67-2.05 4-2.05s3.98.73 4 2.05c-.86 1.3-2.33 2.15-4 2.15z"></path></g>
+<g id="pin-drop"><path d="M18 8c0-3.31-2.69-6-6-6S6 4.69 6 8c0 4.5 6 11 6 11s6-6.5 6-11zm-8 0c0-1.1.9-2 2-2s2 .9 2 2-.89 2-2 2c-1.1 0-2-.9-2-2zM5 20v2h14v-2H5z"></path></g>
+<g id="place"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></g>
+<g id="rate-review"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 14v-2.47l6.88-6.88c.2-.2.51-.2.71 0l1.77 1.77c.2.2.2.51 0 .71L8.47 14H6zm12 0h-7.5l2-2H18v2z"></path></g>
+<g id="restaurant"><path d="M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z"></path></g>
+<g id="restaurant-menu"><path d="M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z"></path></g>
+<g id="satellite"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.99h3C8 6.65 6.66 8 5 8V4.99zM5 12v-2c2.76 0 5-2.25 5-5.01h2C12 8.86 8.87 12 5 12zm0 6l3.5-4.5 2.5 3.01L14.5 12l4.5 6H5z"></path></g>
+<g id="store-mall-directory"><path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z"></path></g>
+<g id="streetview"><path d="M12.56 14.33c-.34.27-.56.7-.56 1.17V21h7c1.1 0 2-.9 2-2v-5.98c-.94-.33-1.95-.52-3-.52-2.03 0-3.93.7-5.44 1.83z"></path><circle cx="18" cy="6" r="5"></circle><path d="M11.5 6c0-1.08.27-2.1.74-3H5c-1.1 0-2 .9-2 2v14c0 .55.23 1.05.59 1.41l9.82-9.82C12.23 9.42 11.5 7.8 11.5 6z"></path></g>
+<g id="subway"><circle cx="15.5" cy="16" r="1"></circle><circle cx="8.5" cy="16" r="1"></circle><path d="M7.01 9h10v5h-10zM17.8 2.8C16 2.09 13.86 2 12 2c-1.86 0-4 .09-5.8.8C3.53 3.84 2 6.05 2 8.86V22h20V8.86c0-2.81-1.53-5.02-4.2-6.06zm.2 13.08c0 1.45-1.18 2.62-2.63 2.62l1.13 1.12V20H15l-1.5-1.5h-2.83L9.17 20H7.5v-.38l1.12-1.12C7.18 18.5 6 17.32 6 15.88V9c0-2.63 3-3 6-3 3.32 0 6 .38 6 3v6.88z"></path></g>
+<g id="terrain"><path d="M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z"></path></g>
+<g id="traffic"><path d="M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z"></path></g>
+<g id="train"><path d="M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-7H6V6h5v4zm2 0V6h5v4h-5zm3.5 7c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></g>
+<g id="tram"><path d="M19 16.94V8.5c0-2.79-2.61-3.4-6.01-3.49l.76-1.51H17V2H7v1.5h4.75l-.76 1.52C7.86 5.11 5 5.73 5 8.5v8.44c0 1.45 1.19 2.66 2.59 2.97L6 21.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 20h-.08c1.69 0 2.58-1.37 2.58-3.06zm-7 1.56c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5-4.5H7V9h10v5z"></path></g>
+<g id="transfer-within-a-station"><path d="M16.49 15.5v-1.75L14 16.25l2.49 2.5V17H22v-1.5zm3.02 4.25H14v1.5h5.51V23L22 20.5 19.51 18zM9.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5.75 8.9L3 23h2.1l1.75-8L9 17v6h2v-7.55L8.95 13.4l.6-3C10.85 12 12.8 13 15 13v-2c-1.85 0-3.45-1-4.35-2.45l-.95-1.6C9.35 6.35 8.7 6 8 6c-.25 0-.5.05-.75.15L2 8.3V13h2V9.65l1.75-.75"></path></g>
+<g id="zoom-out-map"><path d="M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z"></path></g>
+</defs></svg>
+</iron-iconset-svg>`;document.head.appendChild(d.content);let e,z,p,r,n,m,o,g,M,V,H,L=c=>c;const f=a(s(l(t,"address-card")));class C extends f{constructor(){super(...arguments),this.templates={},this.__renderAddressName=()=>{var c,a,t;const s=!!(null===(c=this.data)||void 0===c?void 0:c.is_default_billing),l=!!(null===(a=this.data)||void 0===a?void 0:a.is_default_shipping);return h(e||(e=L` <div class="mb-s leading-none"> ${0} <span class="font-semibold"> ${0} &ZeroWidthSpace; </span> ${0} </div> `),this.renderTemplateOrSlot("address-name:before"),s||l?h(z||(z=L` <foxy-i18n data-testid="address-name" lang="${0}" key="default_${0}_address" ns="${0}"> </foxy-i18n> `),this.lang,s?"billing":"shipping",this.ns):h(p||(p=L`<span data-testid="address-name">${0}</span>`),null===(t=this.data)||void 0===t?void 0:t.address_name),this.renderTemplateOrSlot("address-name:after"))},this.__renderLine=(c,a,t)=>h(r||(r=L` <p> ${0} <span class="flex items-center text-m space-x-s text-secondary"> <iron-icon icon="${0}" class="icon-inline flex-shrink-0"></iron-icon> <span class="truncate" data-testid="${0}">${0}</span> &ZeroWidthSpace; </span> ${0} </p> `),this.renderTemplateOrSlot(`${c}:before`),a,c,t,this.renderTemplateOrSlot(`${c}:after`)),this.__renderFullName=()=>{const c=this.data?h(n||(n=L` <foxy-i18n options="${0}" lang="${0}" key="full_name" ns="${0}"> </foxy-i18n> `),JSON.stringify(this.data),this.lang,this.ns):h(m||(m=L`–`));return this.__renderLine("full-name","social:person",c)},this.__renderFullAddress=()=>{const c=this.data?h(o||(o=L` <foxy-i18n data-testid="full-address" options="${0}" lang="${0}" key="full_address" ns="${0}"> </foxy-i18n> `),JSON.stringify(this.data),this.lang,this.ns):h(g||(g=L`–`));return this.__renderLine("full-address","maps:place",c)},this.__renderCompany=()=>{var c;const a=h(M||(M=L`${0}`),(null===(c=this.data)||void 0===c?void 0:c.company)||"–");return this.__renderLine("company","icons:work",a)},this.__renderPhone=()=>{var c;const a=h(V||(V=L`${0}`),(null===(c=this.data)||void 0===c?void 0:c.phone)||"–");return this.__renderLine("phone","maps:local-phone",a)}}render(){var c,a;const t=this.hiddenSelector,s=this.in({idle:"snapshot"}),l=this.in({idle:"template"}),v=this.in("busy");return h(H||(H=L` <div class="relative h-full text-left text-m leading-m font-lumo text-body" aria-live="polite" aria-busy="${0}" data-testid="wrapper"> <div class="${0}"> ${0} ${0} ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),v,i({"transition duration-250 ease-in-out":!0,"opacity-0 pointer-events-none":!s}),t.matches("address-name",!0)?"":this.__renderAddressName(),t.matches("full-name",!0)?"":this.__renderFullName(),t.matches("full-address",!0)?"":this.__renderFullAddress(),t.matches("company",!0)?"":this.__renderCompany(),t.matches("phone",!0)?"":this.__renderPhone(),i({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":s}),this.in("fail")?"error":l?"empty":"busy",this.lang,this.ns,null!==(a=null===(c=customElements.get("foxy-spinner"))||void 0===c?void 0:c.defaultNS)&&void 0!==a?a:"")}}customElements.define("foxy-address-card",C);export{C as AddressCard};

package/dist/cdn/foxy-address-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~90119584~~.js";import"./shared-~~5fd9d45d~~.js";import"./shared-~~7976580a~~.js";import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import{h as e}from"./shared-~~7f33a83a~~.js";import{C as t}from"./shared-~~84b5d8f0~~.js";import{N as i}from"./shared-~~85cd6cfb~~.js";import{P as s}from"./shared-~~24fdefca~~.js";import{S as a,T as r~~}from"./shared-1b38c44f.js";import{T~~ as d}from"./shared-~~5155696f~~.js";import{c as o}from"./shared-4e709717.js";import{i as n}from"./shared-~~d3bf9ac0~~.js";import{m as l}from"./shared-~~86d0d927~~.js";import"./shared-~~75ec4e1a~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~76daf1fb~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~61199be1~~.js";import"./shared-~~565feb2f~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-7684cb05.js";import"./shared-~~bfca826a~~.js";const m=["AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","CW","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","SX","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","JM","JP","JE","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","SS","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW"],h=["AL","AK","AS","AZ","AR","AF","AA","AC","AE","AM","AP","CA","CO","CT","DE","DC","FM","FL","GA","GU","HI","ID","IL","IN","IA","KS","KY","LA","ME","MH","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ","NM","NY","NC","ND","MP","OH","OK","OR","PA","PR","RI","SC","SD","TN","TX","UT","VT","VI","VA","WA","WV","WI","WY"];let c,_,f,p,u,g=e=>e;const b=a(t(r(d(i,"address-form"))));class y extends b{constructor(){super(...arguments),this.templates={},this.__getValidator=l((e=>()=>!this.errors.some((t=>t.startsWith(e))))),this.__bindField=l((e=>t=>{const i=t.target;this.edit({[e]:i.value})})),this.__maybeRenderComboBox=t=>{var i,s;const{source:a,field:r,custom:d=!1}=t,o=r.replace(/_/,"-");if(this.hiddenSelector.matches(o))return"";const l=customElements.get("foxy-i18n").i18next.getFixedT(this.lang,r);return e(c\|\|(c=g` <div> ${0} <vaadin-combo-box class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" item-value-path="code" item-label-path="text" .checkValidity="${0}" .items="${0}" ?allow-custom-value="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> </vaadin-combo-box> ${0} </div> `),this.renderTemplateOrSlot(`${o}:before`),this.t(r).toString(),n(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[r])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(r),o,this.__getValidator(r),a.map((e=>({text:l(e).toString(),code:e}))),d,this.readonlySelector.matches(o,!0),!this.in("idle")\|\|this.disabledSelector.matches(o,!0),this.__bindField(r),this.renderTemplateOrSlot(`${o}:after`))},this.__maybeRenderTextField=t=>{var i,s;const{field:a,wide:r=!1,readonly:d=!1,required:l=!1}=t,m=a.replace(/_/,"-").replace("1","-one").replace("2","-two");return this.hiddenSelector.matches(m)?"":e(_\|\|(_=g` <div class="${0}"> ${0} <vaadin-text-field class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" .checkValidity="${0}" ?disabled="${0}" ?required="${0}" ?readonly="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> ${0} </div> `),o({"col-span-2":r}),this.renderTemplateOrSlot(`${m}:before`),this.t(a).toString(),n(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[a])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(a),m,this.__getValidator(a),!this.in("idle")\|\|this.disabledSelector.matches(m),l,d\|\|this.readonlySelector.matches(m),this.__bindField(a),this.__handleKeyDown,this.renderTemplateOrSlot(`${m}:after`))},this.__renderTimestamps=()=>{const t=["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)\|\|void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}}));return e(f\|\|(f=g` <div> ${0} <x-property-table .items="${0}" data-testid="timestamps"></x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),t,this.renderTemplateOrSlot("timestamps:after"))},this.__renderAction=t=>{var i,s;const a=this.in({idle:{template:{dirty:"valid"}}}),r=this.in({idle:{snapshot:{dirty:"valid"}}}),d=!this.in("idle")\|\|this.disabledSelector.matches(t,!0),o=!!(null===(i=this.form)\|\|void 0===i?void 0:i.is_default_shipping),n=!!(null===(s=this.form)\|\|void 0===s?void 0:s.is_default_billing),l=o\|\|n,m=a\|\|r;return e(p\|\|(p=g` <div> ${0} <vaadin-button class="w-full" theme="${0}" data-testid="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="${0}" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot(`${t}:before`),this.in("idle")?"primary "+(this.href?"error":"success"):"",t,this.in({idle:"template"})&&!m\|\|d\|\|l,this.__handleActionClick,this.ns,t,this.lang,this.renderTemplateOrSlot(`${t}:after`))}}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-combo-box":customElements.get("vaadin-combo-box"),"x-property-table":s,"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n")}}static get v8n(){return[({address_name:e})=>e&&e.length>0\|\|"address_name_required",({address_name:e})=>!e\|\|e.length<=100\|\|"address_name_too_long",({first_name:e})=>!e\|\|e.length<=50\|\|"first_name_too_long",({last_name:e})=>!e\|\|e.length<=50\|\|"last_name_too_long",({region:e})=>!e\|\|e.length<=50\|\|"region_too_long",({city:e})=>!e\|\|e.length<=50\|\|"city_too_long",({phone:e})=>!e\|\|e.length<=50\|\|"phone_too_long",({company:e})=>!e\|\|e.length<=50\|\|"company_too_long",({address2:e})=>!e\|\|e.length<=100\|\|"address2_too_long",({address1:e})=>e&&e.length>0\|\|"address1_required",({address1:e})=>e&&e.length<=100\|\|"address1_too_long",({postal_code:e})=>!e\|\|e.length<=50\|\|"postal_code_too_long"]}connectedCallback(){super.connectedCallback(),customElements.get("foxy-i18n").i18next.loadNamespaces(["country","region"])}render(){var t,i,s,a;const{hiddenSelector:r,lang:d,ns:n}=this,l=this.href?"delete":"create",c=!!(null===(t=this.form)\|\|void 0===t?void 0:t.is_default_shipping),_=!!(null===(i=this.form)\|\|void 0===i?void 0:i.is_default_billing),f=c\|\|_,p=this.in("busy"),b=this.in("fail");return e(u\|\|(u=g` <foxy-internal-confirm-dialog message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" data-testid="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="space-y-l font-lumo text-m leading-m text-body relative" aria-busy="${0}" aria-live="polite" data-testid="wrapper"> <div class="grid grid-cols-2 gap-m"> ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} </div> ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),d,n,this.__handleConfirmHide,this.in("busy"),this.__maybeRenderTextField({field:"address_name",wide:!0,readonly:f,required:!0}),this.__maybeRenderTextField({field:"first_name"}),this.__maybeRenderTextField({field:"last_name"}),this.__maybeRenderTextField({field:"company"}),this.__maybeRenderTextField({field:"phone"}),this.__maybeRenderTextField({field:"address1",wide:!0,required:!0}),this.__maybeRenderTextField({field:"address2",wide:!0}),this.__maybeRenderComboBox({field:"country",source:m}),this.__maybeRenderComboBox({field:"region",source:h,custom:!0}),this.__maybeRenderTextField({field:"city"}),this.__maybeRenderTextField({field:"postal_code"}),!this.data\|\|r.matches("timestamps",!0)?"":this.__renderTimestamps(),r.matches(l,!0)?"":this.__renderAction(l),o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!p&&!b}),b?"error":p?"busy":"empty",d,this.ns,null!==(a=null===(s=customElements.get("foxy-spinner"))\|\|void 0===s?void 0:s.defaultNS)&&void 0!==a?a:"")}disconnectedCallback(){var e,t;super.disconnectedCallback(),null===(t=(e=this.__getValidator.cache).clear)\|\|void 0===t\|\|t.call(e)}__handleKeyDown(e){"Enter"===e.key&&this.submit()}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__handleActionClick(e){if(this.in({idle:"snapshot"})){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}else this.submit()}__handleConfirmHide(e){e.detail.cancelled\|\|this.delete()}}customElements.define("foxy-address-form",y);export{y as AddressForm};
1	+ import"./shared-c5c60417.js";import"./shared-a052131e.js";import"./shared-bb686fc6.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import{h as e}from"./shared-dc73b9a5.js";import{C as t}from"./shared-98497473.js";import{N as i}from"./shared-ac44429d.js";import{P as s}from"./shared-dd6d3c18.js";import{S as a,T as r,a as d}from"./shared-62169210.js";import{c as o}from"./shared-4e709717.js";import{i as n}from"./shared-9803aa7c.js";import{m as l}from"./shared-92327224.js";import"./shared-195fd5af.js";import"./shared-ae415a98.js";import"./shared-d28ac9dc.js";import"./shared-2188d5f7.js";import"./shared-fadcb2e1.js";import"./shared-c8677ba3.js";import"./shared-45feee83.js";import"./shared-8e9a3bbb.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";const m=["AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","CW","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","SX","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","JM","JP","JE","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","SS","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW"],h=["AL","AK","AS","AZ","AR","AF","AA","AC","AE","AM","AP","CA","CO","CT","DE","DC","FM","FL","GA","GU","HI","ID","IL","IN","IA","KS","KY","LA","ME","MH","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ","NM","NY","NC","ND","MP","OH","OK","OR","PA","PR","RI","SC","SD","TN","TX","UT","VT","VI","VA","WA","WV","WI","WY"];let c,_,p,f,u,g=e=>e;const b=a(t(r(d(i,"address-form"))));class y extends b{constructor(){super(...arguments),this.templates={},this.__getValidator=l((e=>()=>!this.errors.some((t=>t.startsWith(e))))),this.__bindField=l((e=>t=>{const i=t.target;this.edit({[e]:i.value})})),this.__maybeRenderComboBox=t=>{var i,s;const{source:a,field:r,custom:d=!1}=t,o=r.replace(/_/,"-");if(this.hiddenSelector.matches(o))return"";const l=customElements.get("foxy-i18n").i18next.getFixedT(this.lang,r);return e(c\|\|(c=g` <div> ${0} <vaadin-combo-box class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" item-value-path="code" item-label-path="text" .checkValidity="${0}" .items="${0}" ?allow-custom-value="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> </vaadin-combo-box> ${0} </div> `),this.renderTemplateOrSlot(`${o}:before`),this.t(r).toString(),n(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[r])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(r),o,this.__getValidator(r),a.map((e=>({text:l(e).toString(),code:e}))),d,this.readonlySelector.matches(o,!0),!this.in("idle")\|\|this.disabledSelector.matches(o,!0),this.__bindField(r),this.renderTemplateOrSlot(`${o}:after`))},this.__maybeRenderTextField=t=>{var i,s;const{field:a,wide:r=!1,readonly:d=!1,required:l=!1}=t,m=a.replace(/_/,"-").replace("1","-one").replace("2","-two");return this.hiddenSelector.matches(m)?"":e(_\|\|(_=g` <div class="${0}"> ${0} <vaadin-text-field class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" .checkValidity="${0}" ?disabled="${0}" ?required="${0}" ?readonly="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> ${0} </div> `),o({"col-span-2":r}),this.renderTemplateOrSlot(`${m}:before`),this.t(a).toString(),n(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[a])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(a),m,this.__getValidator(a),!this.in("idle")\|\|this.disabledSelector.matches(m),l,d\|\|this.readonlySelector.matches(m),this.__bindField(a),this.__handleKeyDown,this.renderTemplateOrSlot(`${m}:after`))},this.__renderTimestamps=()=>{const t=["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)\|\|void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}}));return e(p\|\|(p=g` <div> ${0} <x-property-table .items="${0}" data-testid="timestamps"></x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),t,this.renderTemplateOrSlot("timestamps:after"))},this.__renderAction=t=>{var i,s;const a=this.in({idle:{template:{dirty:"valid"}}}),r=this.in({idle:{snapshot:{dirty:"valid"}}}),d=!this.in("idle")\|\|this.disabledSelector.matches(t,!0),o=!!(null===(i=this.form)\|\|void 0===i?void 0:i.is_default_shipping),n=!!(null===(s=this.form)\|\|void 0===s?void 0:s.is_default_billing),l=o\|\|n,m=a\|\|r;return e(f\|\|(f=g` <div> ${0} <vaadin-button class="w-full" theme="${0}" data-testid="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="${0}" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot(`${t}:before`),this.in("idle")?"primary "+(this.href?"error":"success"):"",t,this.in({idle:"template"})&&!m\|\|d\|\|l,this.__handleActionClick,this.ns,t,this.lang,this.renderTemplateOrSlot(`${t}:after`))}}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-combo-box":customElements.get("vaadin-combo-box"),"x-property-table":s,"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n")}}static get v8n(){return[({address_name:e})=>e&&e.length>0\|\|"address_name_required",({address_name:e})=>!e\|\|e.length<=100\|\|"address_name_too_long",({first_name:e})=>!e\|\|e.length<=50\|\|"first_name_too_long",({last_name:e})=>!e\|\|e.length<=50\|\|"last_name_too_long",({region:e})=>!e\|\|e.length<=50\|\|"region_too_long",({city:e})=>!e\|\|e.length<=50\|\|"city_too_long",({phone:e})=>!e\|\|e.length<=50\|\|"phone_too_long",({company:e})=>!e\|\|e.length<=50\|\|"company_too_long",({address2:e})=>!e\|\|e.length<=100\|\|"address2_too_long",({address1:e})=>e&&e.length>0\|\|"address1_required",({address1:e})=>e&&e.length<=100\|\|"address1_too_long",({postal_code:e})=>!e\|\|e.length<=50\|\|"postal_code_too_long"]}connectedCallback(){super.connectedCallback(),customElements.get("foxy-i18n").i18next.loadNamespaces(["country","region"])}render(){var t,i,s,a;const{hiddenSelector:r,lang:d,ns:n}=this,l=this.href?"delete":"create",c=!!(null===(t=this.form)\|\|void 0===t?void 0:t.is_default_shipping),_=!!(null===(i=this.form)\|\|void 0===i?void 0:i.is_default_billing),p=c\|\|_,f=this.in("busy"),b=this.in("fail");return e(u\|\|(u=g` <foxy-internal-confirm-dialog message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" data-testid="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="space-y-l font-lumo text-m leading-m text-body relative" aria-busy="${0}" aria-live="polite" data-testid="wrapper"> <div class="grid grid-cols-2 gap-m"> ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} ${0} </div> ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),d,n,this.__handleConfirmHide,this.in("busy"),this.__maybeRenderTextField({field:"address_name",wide:!0,readonly:p,required:!0}),this.__maybeRenderTextField({field:"first_name"}),this.__maybeRenderTextField({field:"last_name"}),this.__maybeRenderTextField({field:"company"}),this.__maybeRenderTextField({field:"phone"}),this.__maybeRenderTextField({field:"address1",wide:!0,required:!0}),this.__maybeRenderTextField({field:"address2",wide:!0}),this.__maybeRenderComboBox({field:"country",source:m}),this.__maybeRenderComboBox({field:"region",source:h,custom:!0}),this.__maybeRenderTextField({field:"city"}),this.__maybeRenderTextField({field:"postal_code"}),!this.data\|\|r.matches("timestamps",!0)?"":this.__renderTimestamps(),r.matches(l,!0)?"":this.__renderAction(l),o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!f&&!b}),b?"error":f?"busy":"empty",d,this.ns,null!==(a=null===(s=customElements.get("foxy-spinner"))\|\|void 0===s?void 0:s.defaultNS)&&void 0!==a?a:"")}disconnectedCallback(){var e,t;super.disconnectedCallback(),null===(t=(e=this.__getValidator.cache).clear)\|\|void 0===t\|\|t.call(e)}__handleKeyDown(e){"Enter"===e.key&&this.submit()}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__handleActionClick(e){if(this.in({idle:"snapshot"})){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}else this.submit()}__handleConfirmHide(e){e.detail.cancelled\|\|this.delete()}}customElements.define("foxy-address-form",y);export{y as AddressForm};

package/dist/cdn/foxy-api-browser.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import"./shared-76daf1fb.js";import"./shared-90119584.js";import"./shared-eb344bd5.js";import"./shared-26502fca.js";import"./foxy-collection-page.js";import"./foxy-pagination.js";import"./shared-c9d1a2cd.js";import{I as t}from"./shared-8d7ef22f.js";import"./foxy-copy-to-clipboard.js";import"./foxy-swipe-actions.js";import{_ as e}from"./shared-e34d2ef1.js";import{T as s}from"./shared-5155696f.js";import{c as i}from"./shared-4e709717.js";import{c as r,h as o}from"./shared-7f33a83a.js";import{C as n}from"./shared-84b5d8f0.js";import{v as a,T as c}from"./shared-1b38c44f.js";import{N as h}from"./shared-85cd6cfb.js";import"./shared-75ec4e1a.js";import"./shared-cf2b9cc3.js";import"./foxy-spinner.js";import"./shared-86d0d927.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./shared-ff7a10de.js";import"./shared-0479553e.js";import"./shared-7976580a.js";import"./shared-61199be1.js";import"./shared-565feb2f.js";import"./shared-d3bf9ac0.js";import"./shared-7684cb05.js";import"./shared-bfca826a.js";let l,d,p,f,m,u,_,g,b,y,v,x,$,j,k=t=>t;const w=Symbol(),S=Symbol();class T extends(s(t)){constructor(){super(...arguments),this.open=!1}static get properties(){return e(e({},super.properties),{},{open:{type:Boolean,reflect:!0}})}static get styles(){return[...super.styles,r(l||(l=k`.monospace{font-family:monospace}.resize-none{resize:none}.resource{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr));grid-gap:1px}.resource>:first-child{grid-column-start:1;grid-column-end:-2}textarea::selection{background:var(--lumo-contrast-10pct)}`))]}static get v8n(){return[...super.v8n,t=>"string"!=typeof t[w]||"invalid_json"]}renderBody(){return o(d||(d=k` <details class="select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10" ?open="${0}" @toggle="${0}"> <summary class="${0}"> <div class="flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10"> <foxy-copy-to-clipboard infer="copy-to-clipboard" text="${0}"> </foxy-copy-to-clipboard> <span class="font-semibold truncate">${0}</span> <span class="flex-1"></span> ${0} ${0} ${0} </div> </summary> ${0} </details> `),this.open,(t=>{const e=t.currentTarget;this.open=e.open}),i({"ring-inset ring-primary-50 rounded-t-l":!0,"focus-outline-none focus-ring-2":!0,"rounded-b-l":!this.open}),this.href||this.parent,this.__renderTitle(),this.in({idle:{snapshot:"dirty"}})||this.in({idle:"template"})?o(p||(p=k` <foxy-internal-create-control infer="create" theme="tertiary-inline success"> </foxy-internal-create-control> `)):"",this.in({idle:{snapshot:"dirty"}})||this.in({idle:{template:"dirty"}})?o(f||(f=k` <vaadin-button data-testid="undo" theme="tertiary-inline contrast" class="px-xs" @click="${0}"> <foxy-i18n infer="" key="undo"></foxy-i18n> </vaadin-button> `),(()=>this.undo())):"",this.in({idle:"snapshot"})?o(m||(m=k` <foxy-internal-delete-control infer="delete" theme="tertiary-inline error"> </foxy-internal-delete-control> `)):"",this.open?this.__renderForm():"")}updated(t){super.updated(t),this.__setTextAreaHeight()}async _fetch(...t){var e;try{const s=t[0]instanceof Request?t[0]:new Request(...t);if("POST"!==s.method)return await super._fetch(...t);const i=null!==(e=this.form[S])&&void 0!==e?e:JSON.stringify(this.form);return await super._fetch(s.url,{method:"POST",body:i})}catch(t){throw["invalid_json"]}}__setTextAreaHeight(){const t=this.renderRoot.querySelector("textarea");t&&(t.style.height="auto",t.style.height=`${t.scrollHeight}px`,t.style.overflowY="hidden")}__renderTitle(){if(!this.href)return o(u||(u=k` <span class="text-tertiary">POST</span> <span>${0}</span> `),this.parent);let t="",e="",s="";try{const i=new URL(this.href);t=i.pathname,t.startsWith("/")&&(t=t.substring(1));const r=t.split("/");t=r.slice(0,r.length-1).join("/"),r.length>1&&(t=`${t}/`,e=r[r.length-1]),s=i.search}catch(e){t=this.href}return o(_||(_=k` ${0} `),[o(g||(g=k`<span>${0}</span>`),t),o(b||(b=k`<span class="text-primary">${0}</span>`),e),o(y||(y=k`<span class="text-tertiary">${0}</span>`),s)])}__renderForm(){return o(v||(v=k` <div class="bg-base"> <div class="${0} border-t border-contrast-5 bg-contrast-10"> <div class="flex-1 flex bg-base"> <div class="monospace bg-contrast-5 leading-s text-s p-m text-tertiary text-right"> ${0} </div> <textarea class="${0}" .value="${0}" @input="${0}">
-            </textarea> </div> ${0} </div> </div> `),this.data?"resource":"",this.__formAsString.split("\n").map(((t,e)=>o(x||(x=k`<div>${0}</div>`),e+1))),i({"whitespace-pre leading-s text-s focus-outline-none":!0,"monospace resize-none p-m block w-full select-text":!0,"bg-error-10":this.errors.length>0,"bg-base":0===this.errors.length}),this.__formAsString,(t=>{const e=t.currentTarget;this.__formAsString=e.value}),this.data?o($||($=k` <div class="bg-base"> <ul class="bg-contrast-5 p-xs h-full"> ${0} </ul> </div> `),this.__links.map((([t,e])=>this.__renderLink(t,e.href,e.title)))):"")}get __links(){var t,e;const s=Object.entries(null!==(e=null===(t=this.data)||void 0===t?void 0:t._links)&&void 0!==e?e:{}).filter((([t,e])=>"self"!==t&&!Array.isArray(e)&&!e.templated));try{s.sort((([t],[e])=>t.localeCompare(e,this.lang)))}catch(t){s.sort((([t],[e])=>t.localeCompare(e)))}return s}get __formAsString(){const t=this.form,e=t[S],s=t[w];return"string"==typeof s?s:"string"==typeof e?e:JSON.stringify(t,((t,e)=>t.startsWith("_")?void 0:e),2)}set __formAsString(t){this.undo();try{const e=JSON.parse(t);"object"==typeof e&&this.edit(e),this.edit({[S]:t})}catch(e){this.edit({[w]:t})}}__renderLink(t,e,s){return o(j||(j=k` <li data-testclass="link" class="m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5"> <foxy-swipe-actions> <button class="${0}" @click="${0}"> <div class="flex items-center"> <div class="flex-1 space-y-xs px-s min-w-0 text-s"> <div class="truncate font-semibold">${0}</div> <div class="opacity-75 truncate">${0}</div> </div> <iron-icon class="icon-inline text-xl text-tertiary mr-s flex-shrink-0" icon="icons:chevron-right"> </iron-icon> </div> </button> <div slot="action" class="h-full flex"> <vaadin-button theme="secondary success" class="h-full rounded-none" @click="${0}"> POST </vaadin-button> </div> </foxy-swipe-actions> </li> `),i({"rounded leading-none space-y-xs block text-left w-full py-s":!0,"ring-inset ring-primary-50":!0,"focus-outline-none focus-ring-2 ":!0}),(()=>{const t=new CustomEvent("navigate:get",{bubbles:!0,detail:e});this.dispatchEvent(t)}),s||e,t,(()=>{const t=new CustomEvent("navigate:post",{bubbles:!0,detail:e});this.dispatchEvent(t)}))}}customElements.define("foxy-internal-api-browser-resource-form",T);let E,A,H,O,B,P,G,R=t=>t;const q=n(c(s(h,"api-browser")));class C extends q{constructor(){super(...arguments),this.home=null,this.__history=[],this.__debounce=a((t=>t()),250),this.__renderItem=({href:t,html:e})=>t?e(A||(A=R`
+import"./shared-d28ac9dc.js";import"./shared-c5c60417.js";import"./shared-8e9a3bbb.js";import"./shared-2188d5f7.js";import"./foxy-collection-page.js";import"./foxy-pagination.js";import"./shared-c309e0ef.js";import{I as t}from"./shared-8d4fef94.js";import"./foxy-copy-to-clipboard.js";import"./foxy-swipe-actions.js";import{_ as e}from"./shared-fadcb2e1.js";import{a as s,x as i,T as r}from"./shared-62169210.js";import{c as o}from"./shared-4e709717.js";import{c as n,h as a}from"./shared-dc73b9a5.js";import{C as c}from"./shared-98497473.js";import{N as h}from"./shared-ac44429d.js";import"./shared-195fd5af.js";import"./shared-ae415a98.js";import"./foxy-spinner.js";import"./shared-92327224.js";import"./shared-a0c6a159.js";import"./shared-99940888.js";import"./shared-e1c1e8e2.js";import"./shared-bb686fc6.js";import"./shared-c8677ba3.js";import"./shared-45feee83.js";import"./shared-9803aa7c.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";let l,d,p,f,m,u,_,g,b,y,v,x,$,j,k=t=>t;const w=Symbol(),S=Symbol();class T extends(s(t)){constructor(){super(...arguments),this.open=!1}static get properties(){return e(e({},super.properties),{},{open:{type:Boolean,reflect:!0}})}static get styles(){return[...super.styles,n(l||(l=k`.monospace{font-family:monospace}.resize-none{resize:none}.resource{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr));grid-gap:1px}.resource>:first-child{grid-column-start:1;grid-column-end:-2}textarea::selection{background:var(--lumo-contrast-10pct)}`))]}static get v8n(){return[...super.v8n,t=>"string"!=typeof t[w]||"invalid_json"]}renderBody(){return a(d||(d=k` <details class="select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10" ?open="${0}" @toggle="${0}"> <summary class="${0}"> <div class="flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10"> <foxy-copy-to-clipboard infer="copy-to-clipboard" text="${0}"> </foxy-copy-to-clipboard> <span class="font-semibold truncate">${0}</span> <span class="flex-1"></span> ${0} ${0} ${0} </div> </summary> ${0} </details> `),this.open,(t=>{const e=t.currentTarget;this.open=e.open}),o({"ring-inset ring-primary-50 rounded-t-l":!0,"focus-outline-none focus-ring-2":!0,"rounded-b-l":!this.open}),this.href||this.parent,this.__renderTitle(),this.in({idle:{snapshot:"dirty"}})||this.in({idle:"template"})?a(p||(p=k` <foxy-internal-create-control infer="create" theme="tertiary-inline success"> </foxy-internal-create-control> `)):"",this.in({idle:{snapshot:"dirty"}})||this.in({idle:{template:"dirty"}})?a(f||(f=k` <vaadin-button data-testid="undo" theme="tertiary-inline contrast" class="px-xs" @click="${0}"> <foxy-i18n infer="" key="undo"></foxy-i18n> </vaadin-button> `),(()=>this.undo())):"",this.in({idle:"snapshot"})?a(m||(m=k` <foxy-internal-delete-control infer="delete" theme="tertiary-inline error"> </foxy-internal-delete-control> `)):"",this.open?this.__renderForm():"")}updated(t){super.updated(t),this.__setTextAreaHeight()}async _fetch(...t){var e;try{const s=t[0]instanceof Request?t[0]:new Request(...t);if("POST"!==s.method)return await super._fetch(...t);const i=null!==(e=this.form[S])&&void 0!==e?e:JSON.stringify(this.form);return await super._fetch(s.url,{method:"POST",body:i})}catch(t){throw["invalid_json"]}}__setTextAreaHeight(){const t=this.renderRoot.querySelector("textarea");t&&(t.style.height="auto",t.style.height=`${t.scrollHeight}px`,t.style.overflowY="hidden")}__renderTitle(){if(!this.href)return a(u||(u=k` <span class="text-tertiary">POST</span> <span>${0}</span> `),this.parent);let t="",e="",s="";try{const i=new URL(this.href);t=i.pathname,t.startsWith("/")&&(t=t.substring(1));const r=t.split("/");t=r.slice(0,r.length-1).join("/"),r.length>1&&(t=`${t}/`,e=r[r.length-1]),s=i.search}catch(e){t=this.href}return a(_||(_=k` ${0} `),[a(g||(g=k`<span>${0}</span>`),t),a(b||(b=k`<span class="text-primary">${0}</span>`),e),a(y||(y=k`<span class="text-tertiary">${0}</span>`),s)])}__renderForm(){return a(v||(v=k` <div class="bg-base"> <div class="${0} border-t border-contrast-5 bg-contrast-10"> <div class="flex-1 flex bg-base"> <div class="monospace bg-contrast-5 leading-s text-s p-m text-tertiary text-right"> ${0} </div> <textarea class="${0}" .value="${0}" @input="${0}">
+            </textarea> </div> ${0} </div> </div> `),this.data?"resource":"",this.__formAsString.split("\n").map(((t,e)=>a(x||(x=k`<div>${0}</div>`),e+1))),o({"whitespace-pre leading-s text-s focus-outline-none":!0,"monospace resize-none p-m block w-full select-text":!0,"bg-error-10":this.errors.length>0,"bg-base":0===this.errors.length}),this.__formAsString,(t=>{const e=t.currentTarget;this.__formAsString=e.value}),this.data?a($||($=k` <div class="bg-base"> <ul class="bg-contrast-5 p-xs h-full"> ${0} </ul> </div> `),this.__links.map((([t,e])=>this.__renderLink(t,e.href,e.title)))):"")}get __links(){var t,e;const s=Object.entries(null!==(e=null===(t=this.data)||void 0===t?void 0:t._links)&&void 0!==e?e:{}).filter((([t,e])=>"self"!==t&&!Array.isArray(e)&&!e.templated));try{s.sort((([t],[e])=>t.localeCompare(e,this.lang)))}catch(t){s.sort((([t],[e])=>t.localeCompare(e)))}return s}get __formAsString(){const t=this.form,e=t[S],s=t[w];return"string"==typeof s?s:"string"==typeof e?e:JSON.stringify(t,((t,e)=>t.startsWith("_")?void 0:e),2)}set __formAsString(t){this.undo();try{const e=JSON.parse(t);"object"==typeof e&&this.edit(e),this.edit({[S]:t})}catch(e){this.edit({[w]:t})}}__renderLink(t,e,s){return a(j||(j=k` <li data-testclass="link" class="m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5"> <foxy-swipe-actions> <button class="${0}" @click="${0}"> <div class="flex items-center"> <div class="flex-1 space-y-xs px-s min-w-0 text-s"> <div class="truncate font-semibold">${0}</div> <div class="opacity-75 truncate">${0}</div> </div> <iron-icon class="icon-inline text-xl text-tertiary mr-s flex-shrink-0" icon="icons:chevron-right"> </iron-icon> </div> </button> <div slot="action" class="h-full flex"> <vaadin-button theme="secondary success" class="h-full rounded-none" @click="${0}"> POST </vaadin-button> </div> </foxy-swipe-actions> </li> `),o({"rounded leading-none space-y-xs block text-left w-full py-s":!0,"ring-inset ring-primary-50":!0,"focus-outline-none focus-ring-2 ":!0}),(()=>{const t=new CustomEvent("navigate:get",{bubbles:!0,detail:e});this.dispatchEvent(t)}),s||e,t,(()=>{const t=new CustomEvent("navigate:post",{bubbles:!0,detail:e});this.dispatchEvent(t)}))}}customElements.define("foxy-internal-api-browser-resource-form",T);let E,A,H,O,B,P,G,R=t=>t;const q=c(r(s(h,"api-browser")));class C extends q{constructor(){super(...arguments),this.home=null,this.__history=[],this.__debounce=i((t=>t()),250),this.__renderItem=({href:t,html:e})=>t?e(A||(A=R`
       <foxy-internal-api-browser-resource-form infer="" href=${0}>
       </foxy-internal-api-browser-resource-form>
-    `),t):e(E||(E=R``)),this.__handleExistingResourceFetch=t=>{"DELETE"===t.request.method&&(t.preventDefault(),t.respondWith(new C.API(this).fetch(t.request).then((t=>(t.ok&&(this.__canGoBack?this.__goBack():this.__canGoHome?this.__goHome():(this.parent="",this.href="")),t)))))}}static get properties(){return e(e({},super.properties),{},{__history:{attribute:!1},home:{type:String}})}render(){var t;return o(H||(H=R` <div class="space-y-m"> <div class="flex items-center gap-s flex-wrap-reverse"> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:arrow-back"></iron-icon> </vaadin-button> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:home"></iron-icon> </vaadin-button> <vaadin-text-field placeholder="https://api.foxy.io/stores/0" aria-label="${0}" class="flex-1" ?disabled="${0}" ?readonly="${0}" .value="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:refresh"></iron-icon> </vaadin-button> <div class="grid grid-cols-2"> <vaadin-button title="${0}" theme="${0}" class="rounded-r-none p-0" ?disabled="${0}" @click="${0}"> GET </vaadin-button> <vaadin-button title="${0}" theme="${0}" class="rounded-l-none p-0" ?disabled="${0}" @click="${0}"> POST </vaadin-button> </div> </div> <div @navigate:get="${0}" @navigate:post="${0}"> ${0} </div> </div> `),this.t("go_back"),this.disabled||!this.__canGoBack,(()=>this.__goBack()),this.t("go_home"),this.disabled||!this.__canGoHome,(()=>this.__goHome()),this.t("current_url"),this.disabled,this.readonly,this.href||this.parent,(t=>{const e=t.currentTarget.value,s=this.href?"href":"parent";this.__debounce((()=>this[s]=e))}),this.t("refresh"),this.disabled||this.in("busy"),(()=>this.refresh()),this.t("get_mode"),this.href?"contrast primary":"contrast",this.disabled||"get"===this.__mode,(()=>this.__mode="get"),this.t("post_mode"),this.href?"contrast":"contrast primary",this.disabled||"post"===this.__mode,(()=>this.__mode="post"),(t=>{t.stopPropagation(),this.__history.push({href:this.href,parent:this.parent}),this.parent="",this.href=t.detail}),(t=>{t.stopPropagation(),this.__history.push({href:this.href,parent:this.parent}),this.parent=t.detail,this.href=""}),this.href?o(O||(O=R` ${0} `),(null===(t=this.data)||void 0===t?void 0:t._links.first)?o(B||(B=R` <foxy-pagination first="${0}" infer=""> <foxy-collection-page class="block space-y-m mb-m" infer="" .item="${0}"> </foxy-collection-page> </foxy-pagination> `),this.href,this.__renderItem):o(P||(P=R` <foxy-internal-api-browser-resource-form infer="" href="${0}" open @fetch="${0}"> </foxy-internal-api-browser-resource-form> `),this.href,this.__handleExistingResourceFetch)):o(G||(G=R` <foxy-internal-api-browser-resource-form infer="" parent="${0}" open @update="${0}"> </foxy-internal-api-browser-resource-form> `),this.parent,(t=>{const e=t.currentTarget;e.in({idle:"snapshot"})&&(this.href=e.data._links.self.href,this.parent="")})))}get __canGoBack(){return this.__history.length>0}get __canGoHome(){return this.href!==this.home}get __mode(){return this.href?"get":"post"}set __mode(t){"get"===t?(this.href=this.parent,this.parent=""):(this.parent=this.href,this.href="")}__goBack(){var t,e;const s=this.__history.length-1,i=this.__history[s];this.parent=null!==(t=null==i?void 0:i.parent)&&void 0!==t?t:"",this.href=null!==(e=null==i?void 0:i.href)&&void 0!==e?e:"",this.__history=this.__history.slice(0,s)}__goHome(){var t;this.__history=[],this.parent="",this.href=null!==(t=this.home)&&void 0!==t?t:""}}customElements.define("foxy-api-browser",C);export{C as ApiBrowser};
+    `),t):e(E||(E=R``)),this.__handleExistingResourceFetch=t=>{"DELETE"===t.request.method&&(t.preventDefault(),t.respondWith(new C.API(this).fetch(t.request).then((t=>(t.ok&&(this.__canGoBack?this.__goBack():this.__canGoHome?this.__goHome():(this.parent="",this.href="")),t)))))}}static get properties(){return e(e({},super.properties),{},{__history:{attribute:!1},home:{type:String}})}render(){var t;return a(H||(H=R` <div class="space-y-m"> <div class="flex items-center gap-s flex-wrap-reverse"> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:arrow-back"></iron-icon> </vaadin-button> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:home"></iron-icon> </vaadin-button> <vaadin-text-field placeholder="https://api.foxy.io/stores/0" aria-label="${0}" class="flex-1" ?disabled="${0}" ?readonly="${0}" .value="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button title="${0}" theme="icon contrast" class="p-0" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-m" icon="icons:refresh"></iron-icon> </vaadin-button> <div class="grid grid-cols-2"> <vaadin-button title="${0}" theme="${0}" class="rounded-r-none p-0" ?disabled="${0}" @click="${0}"> GET </vaadin-button> <vaadin-button title="${0}" theme="${0}" class="rounded-l-none p-0" ?disabled="${0}" @click="${0}"> POST </vaadin-button> </div> </div> <div @navigate:get="${0}" @navigate:post="${0}"> ${0} </div> </div> `),this.t("go_back"),this.disabled||!this.__canGoBack,(()=>this.__goBack()),this.t("go_home"),this.disabled||!this.__canGoHome,(()=>this.__goHome()),this.t("current_url"),this.disabled,this.readonly,this.href||this.parent,(t=>{const e=t.currentTarget.value,s=this.href?"href":"parent";this.__debounce((()=>this[s]=e))}),this.t("refresh"),this.disabled||this.in("busy"),(()=>this.refresh()),this.t("get_mode"),this.href?"contrast primary":"contrast",this.disabled||"get"===this.__mode,(()=>this.__mode="get"),this.t("post_mode"),this.href?"contrast":"contrast primary",this.disabled||"post"===this.__mode,(()=>this.__mode="post"),(t=>{t.stopPropagation(),this.__history.push({href:this.href,parent:this.parent}),this.parent="",this.href=t.detail}),(t=>{t.stopPropagation(),this.__history.push({href:this.href,parent:this.parent}),this.parent=t.detail,this.href=""}),this.href?a(O||(O=R` ${0} `),(null===(t=this.data)||void 0===t?void 0:t._links.first)?a(B||(B=R` <foxy-pagination first="${0}" infer=""> <foxy-collection-page class="block space-y-m mb-m" infer="" .item="${0}"> </foxy-collection-page> </foxy-pagination> `),this.href,this.__renderItem):a(P||(P=R` <foxy-internal-api-browser-resource-form infer="" href="${0}" open @fetch="${0}"> </foxy-internal-api-browser-resource-form> `),this.href,this.__handleExistingResourceFetch)):a(G||(G=R` <foxy-internal-api-browser-resource-form infer="" parent="${0}" open @update="${0}"> </foxy-internal-api-browser-resource-form> `),this.parent,(t=>{const e=t.currentTarget;e.in({idle:"snapshot"})&&(this.href=e.data._links.self.href,this.parent="")})))}get __canGoBack(){return this.__history.length>0}get __canGoHome(){return this.href!==this.home}get __mode(){return this.href?"get":"post"}set __mode(t){"get"===t?(this.href=this.parent,this.parent=""):(this.parent=this.href,this.href="")}__goBack(){var t,e;const s=this.__history.length-1,i=this.__history[s];this.parent=null!==(t=null==i?void 0:i.parent)&&void 0!==t?t:"",this.href=null!==(e=null==i?void 0:i.href)&&void 0!==e?e:"",this.__history=this.__history.slice(0,s)}__goHome(){var t;this.__history=[],this.parent="",this.href=null!==(t=this.home)&&void 0!==t?t:""}}customElements.define("foxy-api-browser",C);export{C as ApiBrowser};

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

	@@ -1 +1 @@
1	- import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import{h as r}from"./shared-~~7f33a83a~~.js";import{T as s}from"./shared-~~5155696f~~.js";import{T as e}from"./shared-~~16aade17~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~1b38c44f~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~86d0d927~~.js";import"./shared-~~84b5d8f0~~.js";import"./shared-~~d3bf9ac0~~.js";import"./shared-~~85cd6cfb~~.js";import"./shared-~~565feb2f.js";import"./shared-~~7684cb05.js";import"./shared-~~bfca826a~~.js";import"./shared-4e709717.js";let t,a,i=r=>r;class n extends(s(e,"applied-tax-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t\|\|(t=i`${0}`),s.name),subtitle:s=>r(a\|\|(a=i` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> <span>•</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",n);export{n as AppliedTaxCard};
1	+ import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import{h as r}from"./shared-dc73b9a5.js";import{a as s}from"./shared-62169210.js";import{T as e}from"./shared-baf79b0b.js";import"./shared-2188d5f7.js";import"./shared-ae415a98.js";import"./shared-8e9a3bbb.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-98497473.js";import"./shared-9803aa7c.js";import"./shared-ac44429d.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";import"./shared-4e709717.js";let t,a,i=r=>r;class n extends(s(e,"applied-tax-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}render(){return super.render({title:s=>r(t\|\|(t=i`${0}`),s.name),subtitle:s=>r(a\|\|(a=i` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> <span>•</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",n);export{n as AppliedTaxCard};

package/dist/cdn/foxy-attribute-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~eb344bd5~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import{h as e}from"./shared-~~7f33a83a~~.js";import{C as t}from"./shared-~~84b5d8f0~~.js";import{N as s}from"./shared-~~85cd6cfb~~.js";import{T as i~~}from"./shared-1b38c44f.js";import{~~T as r}from"./shared-~~5155696f~~.js";import{c as a}from"./shared-4e709717.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~c9d1a2cd~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~86d0d927~~.js";import"./shared-~~d3bf9ac0~~.js";import"./shared-~~565feb2f~~.js";import"./shared-7684cb05.js";import"./shared-~~bfca826a~~.js";let n,o,d,l,m,c,h=e=>e;const p=r(t(i(s)),"attribute-card");class u extends p{constructor(){super(...arguments),this.templates={},this.__renderName=()=>{var t,s;const{data:i}=this;return e(n\|\|(n=h` ${0} <div class="flex items-center space-x-xs text-secondary"> <div class="truncate" title="${0}" data-testid="name"> ${0} </div> ${0} </div> ${0} `),this.renderTemplateOrSlot("name:before"),null!==(t=null==i?void 0:i.name)&&void 0!==t?t:"",null!==(s=null==i?void 0:i.name)&&void 0!==s?s:e(o\|\|(o=h` `)),i&&"public"!==i.visibility?e(d\|\|(d=h`<iron-icon icon="icons:lock" class="icon-inline"></iron-icon>`)):"",this.renderTemplateOrSlot("name:after"))},this.__renderValue=()=>{var t,s;const{data:i}=this;return e(l\|\|(l=h` ${0} <div class="truncate font-semibold" title="${0}" data-testid="value"> ${0} </div> ${0} `),this.renderTemplateOrSlot("value:before"),null!==(t=null==i?void 0:i.value)&&void 0!==t?t:"",null!==(s=null==i?void 0:i.value)&&void 0!==s?s:e(m\|\|(m=h` `)),this.renderTemplateOrSlot("value:after"))}}render(){var t,s;const i=this.hiddenSelector,r=this.in({idle:"snapshot"}),n=this.in({idle:"template"});return e(c\|\|(c=h` <div class="relative text-body text-m font-lumo leading-m" aria-live="polite" aria-busy="${0}"> ${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.in("busy"),i.matches("name",!0)?"":this.__renderName(),i.matches("value",!0)?"":this.__renderValue(),a({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":r}),this.in("fail")?"error":n?"empty":"busy",this.lang,this.ns,null!==(s=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==s?s:"")}}customElements.define("foxy-attribute-card",u);export{u as AttributeCard};
1	+ import"./shared-8e9a3bbb.js";import"./shared-2188d5f7.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import{h as e}from"./shared-dc73b9a5.js";import{C as t}from"./shared-98497473.js";import{N as s}from"./shared-ac44429d.js";import{a as i,T as a}from"./shared-62169210.js";import{c as r}from"./shared-4e709717.js";import"./shared-ae415a98.js";import"./shared-c309e0ef.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-9803aa7c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";let n,o,d,l,m,c,h=e=>e;const p=i(t(a(s)),"attribute-card");class u extends p{constructor(){super(...arguments),this.templates={},this.__renderName=()=>{var t,s;const{data:i}=this;return e(n\|\|(n=h` ${0} <div class="flex items-center space-x-xs text-secondary"> <div class="truncate" title="${0}" data-testid="name"> ${0} </div> ${0} </div> ${0} `),this.renderTemplateOrSlot("name:before"),null!==(t=null==i?void 0:i.name)&&void 0!==t?t:"",null!==(s=null==i?void 0:i.name)&&void 0!==s?s:e(o\|\|(o=h` `)),i&&"public"!==i.visibility?e(d\|\|(d=h`<iron-icon icon="icons:lock" class="icon-inline"></iron-icon>`)):"",this.renderTemplateOrSlot("name:after"))},this.__renderValue=()=>{var t,s;const{data:i}=this;return e(l\|\|(l=h` ${0} <div class="truncate font-semibold" title="${0}" data-testid="value"> ${0} </div> ${0} `),this.renderTemplateOrSlot("value:before"),null!==(t=null==i?void 0:i.value)&&void 0!==t?t:"",null!==(s=null==i?void 0:i.value)&&void 0!==s?s:e(m\|\|(m=h` `)),this.renderTemplateOrSlot("value:after"))}}render(){var t,s;const i=this.hiddenSelector,a=this.in({idle:"snapshot"}),n=this.in({idle:"template"});return e(c\|\|(c=h` <div class="relative text-body text-m font-lumo leading-m" aria-live="polite" aria-busy="${0}"> ${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.in("busy"),i.matches("name",!0)?"":this.__renderName(),i.matches("value",!0)?"":this.__renderValue(),r({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":a}),this.in("fail")?"error":n?"empty":"busy",this.lang,this.ns,null!==(s=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==s?s:"")}}customElements.define("foxy-attribute-card",u);export{u as AttributeCard};

package/dist/cdn/foxy-attribute-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~b95332ec~~.js";import"./shared-~~76daf1fb~~.js";import"./shared-~~90119584~~.js";import"./shared-~~7976580a~~.js";import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~75ec4e1a~~.js";import"./shared-~~71762c29~~.js";import{h as e}from"./shared-~~7f33a83a~~.js";import{T as t,S as i}from"./shared-~~1b38c44f~~.js";import{c as s}from"./shared-4e709717.js";import~~{C as a}from~~"./shared-~~a7429258~~.js";import"./shared-~~61199be1~~.js";import"./shared-~~39265f55~~.js";import~~{T as r}from~~"./shared-~~5155696f~~.js";import"./shared-~~02f2d418~~.js";import~~"./shared-403db7b9.js";import"./shared-5fd9d45d.js";import~~{m as d}from"./shared-~~86d0d927~~.js";import{G as l}from"./shared-~~ecdf2d11~~.js";import{P as n}from"./shared-~~24fdefca~~.js";import{C as o}from"./shared-~~84b5d8f0~~.js";import{N as h}from"./shared-~~85cd6cfb~~.js";import{i as m}from"./shared-~~d3bf9ac0~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~11c2efc8~~.js";import"./shared-~~bfca826a~~.js";import"./shared-~~565feb2f~~.js";import"./shared-~~7c5cfe1e.js";import"./shared-~~7684cb05.js";let c,f,p,b,v,u,y=e=>e;const _=r(o(t(i(h))),"attribute-form");class $ extends _{constructor(){super(...arguments),this.templates={},this.__getValidator=d((e=>()=>!this.errors.some((t=>t.startsWith(e))))),this.__bindField=d((e=>t=>{const i=t.target;this.edit({[e]:i.value})})),this.__maybeRenderTextField=({field:t})=>{var i,s;const a=t.replace(/_/,"-");return this.hiddenSelector.matches(a)?"":e(c\|\|(c=y` <div> ${0} <vaadin-text-field class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" .checkValidity="${0}" ?disabled="${0}" ?readonly="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${a}:before`),this.t(t).toString(),m(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[t])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(t),t,this.__getValidator(t),!this.in("idle")\|\|this.disabledSelector.matches(a),this.readonlySelector.matches(a),this.__bindField(t),this.__handleKeyDown,this.renderTemplateOrSlot(`${a}:after`))},this.__renderVisibility=()=>{var t;const{disabledSelector:i,readonlySelector:a,form:r,lang:d,ns:l}=this,n=!this.in("idle"),o=n\|\|i.matches("visibility",!0);return e(f\|\|(f=y` <div> ${0} <x-group frame> <foxy-i18n data-testid="visibility-label" class="${0}" lang="${0}" slot="header" key="visibility" ns="${0}"> </foxy-i18n> <x-choice data-testid="visibility" lang="${0}" ns="${0}" .items="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @change="${0}"> <foxy-i18n slot="private-label" lang="${0}" key="visibility_private" ns="${0}"> </foxy-i18n> <foxy-i18n slot="restricted-label" lang="${0}" key="visibility_restricted" ns="${0}"> </foxy-i18n> <foxy-i18n ns="${0}" lang="${0}" slot="public-label" key="visibility_public"> </foxy-i18n> </x-choice> </x-group> ${0} </div> `),this.renderTemplateOrSlot("visibility:before"),s({"text-disabled":o}),d,l,d,$.defaultNS,$.__visibilityOptions,null!==(t=null==r?void 0:r.visibility)&&void 0!==t?t:"private",n\|\|i.matches("visibility",!0),a.matches("visibility",!0),this.__handleChoiceChange,d,l,d,l,l,d,this.renderTemplateOrSlot("visibility:after"))},this.__renderTimestamps=()=>{const t=["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)\|\|void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}}));return e(p\|\|(p=y` <div> ${0} <x-property-table .items="${0}" data-testid="timestamps"></x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),t,this.renderTemplateOrSlot("timestamps:after"))},this.__renderDelete=()=>e(b\|\|(b=y` <div> ${0} <vaadin-button class="w-full" data-testid="delete" theme="error primary" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="delete"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("delete:before"),!this.in("idle")\|\|this.disabledSelector.matches("delete",!0),this.__handleDeleteClick,this.ns,this.lang,this.renderTemplateOrSlot("delete:after")),this.__renderCreate=()=>{const t=this.in({idle:{template:{dirty:"valid"}}}),i=this.in({idle:{snapshot:{dirty:"valid"}}}),s=t\|\|i;return e(v\|\|(v=y` <div> ${0} <vaadin-button data-testid="create" class="w-full" theme="success primary" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="create"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("create:before"),!this.in("idle")\|\|!s\|\|this.disabledSelector.matches("create",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("create:after"))}}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-text-area":customElements.get("vaadin-text-area"),"x-property-table":n,"vaadin-button":customElements.get("vaadin-button"),"x-choice":a,"x-group":l,"foxy-i18n":customElements.get("foxy-i18n"),"foxy-spinner":customElements.get("foxy-spinner")}}static get v8n(){return[({value:e})=>e&&e.length>0\|\|"value_required",({value:e})=>e&&e.length<=1e3\|\|"value_too_long",({name:e})=>e&&e.length>0\|\|"name_required",({name:e})=>e&&e.length<=500\|\|"name_too_long"]}render(){var t,i;const{hiddenSelector:a,data:r,lang:d,ns:l}=this,n=this.in("busy"),o=this.in("fail");return e(u\|\|(u=y` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="relative" aria-busy="${0}" aria-live="polite"> <div class="grid grid-cols-1 gap-l"> ${0} ${0} ${0} ${0} ${0} ${0} </div> <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),d,l,this.__handleConfirmHide,this.in("busy"),this.__maybeRenderTextField({field:"name"}),this.__maybeRenderTextField({field:"value"}),a.matches("visibility",!0)?"":this.__renderVisibility(),a.matches("timestamps",!0)\|\|!r?"":this.__renderTimestamps(),a.matches("delete",!0)\|\|!r?"":this.__renderDelete(),a.matches("create",!0)\|\|r?"":this.__renderCreate(),s({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!n&&!o}),o?"error":n?"busy":"empty",d,l,null!==(i=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==i?i:"")}disconnectedCallback(){var e,t,i,s;super.disconnectedCallback(),null===(t=(e=this.__bindField.cache).clear)\|\|void 0===t\|\|t.call(e),null===(s=(i=this.__getValidator.cache).clear)\|\|void 0===s\|\|s.call(i)}get __confirmDialog(){return this.renderRoot.querySelector("#confirm")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__handleKeyDown(e){"Enter"===e.key&&this.submit()}__handleChoiceChange(e){this.edit({visibility:e.detail})}__handleDeleteClick(e){this.__confirmDialog.show(e.currentTarget)}__handleConfirmHide(e){e.detail.cancelled\|\|this.delete()}}$.__visibilityOptions=["private","restricted","public"],customElements.define("foxy-attribute-form",$);export{$ as AttributeForm};
1	+ import{C as e}from"./shared-63685d2e.js";import"./shared-d28ac9dc.js";import"./shared-c5c60417.js";import"./shared-bb686fc6.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import"./shared-2188d5f7.js";import"./shared-195fd5af.js";import"./shared-31c43743.js";import{h as t}from"./shared-dc73b9a5.js";import{a as i,T as s,S as a}from"./shared-62169210.js";import{c as r}from"./shared-4e709717.js";import"./shared-c8677ba3.js";import"./shared-2bdd4f74.js";import"./shared-4e201e09.js";import"./shared-dc23b751.js";import"./shared-a052131e.js";import{m as l}from"./shared-92327224.js";import{G as d}from"./shared-6d104622.js";import{P as n}from"./shared-dd6d3c18.js";import{C as o}from"./shared-98497473.js";import{N as h}from"./shared-ac44429d.js";import{i as m}from"./shared-9803aa7c.js";import"./shared-fadcb2e1.js";import"./shared-ae415a98.js";import"./shared-99940888.js";import"./shared-7c8bb60c.js";import"./shared-8e9a3bbb.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";let c,p,f,b,v,u,y=e=>e;const _=i(o(s(a(h))),"attribute-form");class $ extends _{constructor(){super(...arguments),this.templates={},this.__getValidator=l((e=>()=>!this.errors.some((t=>t.startsWith(e))))),this.__bindField=l((e=>t=>{const i=t.target;this.edit({[e]:i.value})})),this.__maybeRenderTextField=({field:e})=>{var i,s;const a=e.replace(/_/,"-");return this.hiddenSelector.matches(a)?"":t(c\|\|(c=y` <div> ${0} <vaadin-text-field class="w-full" label="${0}" value="${0}" error-message="${0}" data-testid="${0}" .checkValidity="${0}" ?disabled="${0}" ?readonly="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${a}:before`),this.t(e).toString(),m(null===(s=null===(i=this.form)\|\|void 0===i?void 0:i[e])\|\|void 0===s?void 0:s.toString()),this.__getErrorMessage(e),e,this.__getValidator(e),!this.in("idle")\|\|this.disabledSelector.matches(a),this.readonlySelector.matches(a),this.__bindField(e),this.__handleKeyDown,this.renderTemplateOrSlot(`${a}:after`))},this.__renderVisibility=()=>{var e;const{disabledSelector:i,readonlySelector:s,form:a,lang:l,ns:d}=this,n=!this.in("idle"),o=n\|\|i.matches("visibility",!0);return t(p\|\|(p=y` <div> ${0} <x-group frame> <foxy-i18n data-testid="visibility-label" class="${0}" lang="${0}" slot="header" key="visibility" ns="${0}"> </foxy-i18n> <x-choice data-testid="visibility" lang="${0}" ns="${0}" .items="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @change="${0}"> <foxy-i18n slot="private-label" lang="${0}" key="visibility_private" ns="${0}"> </foxy-i18n> <foxy-i18n slot="restricted-label" lang="${0}" key="visibility_restricted" ns="${0}"> </foxy-i18n> <foxy-i18n ns="${0}" lang="${0}" slot="public-label" key="visibility_public"> </foxy-i18n> </x-choice> </x-group> ${0} </div> `),this.renderTemplateOrSlot("visibility:before"),r({"text-disabled":o}),l,d,l,$.defaultNS,$.__visibilityOptions,null!==(e=null==a?void 0:a.visibility)&&void 0!==e?e:"private",n\|\|i.matches("visibility",!0),s.matches("visibility",!0),this.__handleChoiceChange,l,d,l,d,d,l,this.renderTemplateOrSlot("visibility:after"))},this.__renderTimestamps=()=>{const e=["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)\|\|void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}}));return t(f\|\|(f=y` <div> ${0} <x-property-table .items="${0}" data-testid="timestamps"></x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),e,this.renderTemplateOrSlot("timestamps:after"))},this.__renderDelete=()=>t(b\|\|(b=y` <div> ${0} <vaadin-button class="w-full" data-testid="delete" theme="error primary" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="delete"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("delete:before"),!this.in("idle")\|\|this.disabledSelector.matches("delete",!0),this.__handleDeleteClick,this.ns,this.lang,this.renderTemplateOrSlot("delete:after")),this.__renderCreate=()=>{const e=this.in({idle:{template:{dirty:"valid"}}}),i=this.in({idle:{snapshot:{dirty:"valid"}}}),s=e\|\|i;return t(v\|\|(v=y` <div> ${0} <vaadin-button data-testid="create" class="w-full" theme="success primary" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="create"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("create:before"),!this.in("idle")\|\|!s\|\|this.disabledSelector.matches("create",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("create:after"))}}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-text-area":customElements.get("vaadin-text-area"),"x-property-table":n,"vaadin-button":customElements.get("vaadin-button"),"x-choice":e,"x-group":d,"foxy-i18n":customElements.get("foxy-i18n"),"foxy-spinner":customElements.get("foxy-spinner")}}static get v8n(){return[({value:e})=>e&&e.length>0\|\|"value_required",({value:e})=>e&&e.length<=1e3\|\|"value_too_long",({name:e})=>e&&e.length>0\|\|"name_required",({name:e})=>e&&e.length<=500\|\|"name_too_long"]}render(){var e,i;const{hiddenSelector:s,data:a,lang:l,ns:d}=this,n=this.in("busy"),o=this.in("fail");return t(u\|\|(u=y` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="relative" aria-busy="${0}" aria-live="polite"> <div class="grid grid-cols-1 gap-l"> ${0} ${0} ${0} ${0} ${0} ${0} </div> <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),l,d,this.__handleConfirmHide,this.in("busy"),this.__maybeRenderTextField({field:"name"}),this.__maybeRenderTextField({field:"value"}),s.matches("visibility",!0)?"":this.__renderVisibility(),s.matches("timestamps",!0)\|\|!a?"":this.__renderTimestamps(),s.matches("delete",!0)\|\|!a?"":this.__renderDelete(),s.matches("create",!0)\|\|a?"":this.__renderCreate(),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!n&&!o}),o?"error":n?"busy":"empty",l,d,null!==(i=null===(e=customElements.get("foxy-spinner"))\|\|void 0===e?void 0:e.defaultNS)&&void 0!==i?i:"")}disconnectedCallback(){var e,t,i,s;super.disconnectedCallback(),null===(t=(e=this.__bindField.cache).clear)\|\|void 0===t\|\|t.call(e),null===(s=(i=this.__getValidator.cache).clear)\|\|void 0===s\|\|s.call(i)}get __confirmDialog(){return this.renderRoot.querySelector("#confirm")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__handleKeyDown(e){"Enter"===e.key&&this.submit()}__handleChoiceChange(e){this.edit({visibility:e.detail})}__handleDeleteClick(e){this.__confirmDialog.show(e.currentTarget)}__handleConfirmHide(e){e.detail.cancelled\|\|this.delete()}}$.__visibilityOptions=["private","restricted","public"],customElements.define("foxy-attribute-form",$);export{$ as AttributeForm};

package/dist/cdn/foxy-cancellation-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~90119584~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~26502fca~~.js";import{L as t,h as e}from"./shared-~~7f33a83a~~.js";import{T as a,S as s}from"./shared-~~1b38c44f~~.js";import{c as r}from"./shared-4e709717.js";import{p as n,W as i}from"./shared-~~94f3042a~~.js";import{s as o}from"./shared-~~bc7f58ef~~.js";import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import"./shared-~~75ec4e1a~~.js";import"./shared-~~71762c29~~.js";import"./shared-~~a7429258~~.js";import"./shared-~~61199be1~~.js";import"./shared-~~39265f55~~.js";import~~{T as d}from~~"./shared-~~5155696f~~.js";import"./shared-~~02f2d418~~.js";import"./shared-~~76daf1fb~~.js";import"./shared-~~403db7b9~~.js";import~~"./shared-5fd9d45d.js";import~~{G as l}from"./shared-~~ecdf2d11~~.js";import{C as h}from"./shared-~~84b5d8f0~~.js";import{N as c}from"./shared-~~85cd6cfb~~.js";import{i as m}from"./shared-~~d3bf9ac0~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~86d0d927~~.js";import"./shared-~~b95332ec~~.js";import"./shared-~~11c2efc8~~.js";import"./shared-~~bfca826a~~.js";import"./shared-~~565feb2f.js";import"./shared-7c5cfe1e.js";import"./shared-~~7684cb05.js";let u,p,g,f,b,v=t=>t;class y extends(a(t)){constructor(){super(...arguments),this.checkAvailability=()=>!0,this.readonly=!1,this.disabled=!1,this.value="",this.start="",this.lang=""}static get properties(){return{checkAvailability:{attribute:!1},readonly:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},value:{type:String},start:{type:String},lang:{type:String}}}render(){var t,a;const s=new Date(null!==(a=null!==(t=this.__startAsDate)&&void 0!==t?t:this.__valueAsDate)&&void 0!==a?a:Date.now()),n=new Date(s),i=new Date(s),o=this.lang\|\|navigator.language;return n.setMonth(n.getMonth()-1),i.setMonth(i.getMonth()+1),e(u\|\|(u=v` <div class="text-m text-body font-lumo leading-m"> <div class="grid p-xs" style="grid-template:auto/max-content auto max-content"> <vaadin-button data-testid="prev" aria-label="${0}" theme="icon tertiary" class="px-xs" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:chevron-left"></iron-icon> </vaadin-button> <span data-testid="month" class="${0}"> ${0} </span> <vaadin-button data-testid="next" aria-label="${0}" theme="icon tertiary" class="px-xs" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:chevron-right"></iron-icon> </vaadin-button> </div> ${0} </div> `),n.toLocaleString(o,{year:"numeric",month:"long"}),this.disabled,this.__handlePrevButtonClick,r({"text-center self-center font-medium":!0,"text-disabled":this.disabled}),s.toLocaleDateString(o,{month:"long",year:"numeric"}),i.toLocaleString(o,{year:"numeric",month:"long"}),this.disabled,this.__handleNextButtonClick,this.__renderMonth(s.getMonth(),s.getFullYear()))}get __valueAsDate(){return n(this.value)}set __valueAsDate(t){this.value=t?o(t):""}get __startAsDate(){return n(this.start)}set __startAsDate(t){this.start=t?o(t):""}__renderMonth(t,a){var s,n,i;const o=this.lang\|\|navigator.language,d=new Date(a,t,1,0,0,0,0),l=[];for(let t=0;t<7;++t){const a=new Date;for(;a.getDay()!==t;)a.setDate(a.getDate()+1);l.push(e(p\|\|(p=v` <span class="${0}"> ${0} </span> `),r({"self-center text-xxs uppercase font-medium tracking-wider":!0,"text-secondary":!this.disabled,"text-disabled":this.disabled}),a.toLocaleString(o,{weekday:"short"})))}for(;d.getMonth()===t;){const r=d.getFullYear()===(null===(s=this.__valueAsDate)\|\|void 0===s?void 0:s.getFullYear())&&d.getMonth()===(null===(n=this.__valueAsDate)\|\|void 0===n?void 0:n.getMonth())&&d.getDate()===(null===(i=this.__valueAsDate)\|\|void 0===i?void 0:i.getDate());l.push(e(g\|\|(g=v` <div style="grid-column:${0}" data-testclass="day-of-month"> ${0} </div> `),d.getDay()+1,this.__renderDate(d.getDate(),t,a,r))),d.setDate(d.getDate()+1)}return e(f\|\|(f=v` <form data-testid="grid" class="grid gap-s p-s text-center" style="grid-template:auto/repeat(7,1fr)"> ${0} </form> `),l)}__renderDate(t,a,s,n=!1){const i=this.disabled\|\|this.readonly\|\|!this.checkAvailability(new Date(s,a,t));return e(b\|\|(b=v` <label class="${0}"> <input name="date" type="radio" value="${0}" class="sr-only" ?disabled="${0}" @change="${0}"> ${0} </label> `),r({"font-tnum select-none relative flex h-m items-center justify-center rounded":!0,"cursor-pointer focus-within-ring-2 focus-within-ring-primary-50":!i,"bg-contrast-5 hover-bg-contrast-10":!n&&!i,"bg-primary text-primary-contrast":n&&!i,"border border-dashed border-contrast-20 text-disabled":!n&&i,"border border-dashed border-primary text-primary":n&&i}),t,this.readonly\|\|this.disabled\|\|i,(()=>{this.__valueAsDate=new Date(s,a,t),this.dispatchEvent(new CustomEvent("change"))}),t)}__handlePrevButtonClick(){var t;const e=new Date(null!==(t=this.start)&&void 0!==t?t:Date.now());this.__startAsDate=new Date(e.setMonth(e.getMonth()-1))}__handleNextButtonClick(){var t;const e=new Date(null!==(t=this.start)&&void 0!==t?t:Date.now());this.__startAsDate=new Date(e.setMonth(e.getMonth()+1))}}customElements.define("foxy-internal-calendar",y);let _,x,$,D,j=t=>t;const w=s(a(h(d(c,"cancellation-form"))));class S extends w{constructor(){super(...arguments),this.templates={},this.__renderWarning=()=>{const{lang:t,ns:a}=this;return e(_\|\|(_=j` <div> ${0} <x-warning> <foxy-i18n data-testid="warning" class="${0}" lang="${0}" key="end_subscription_explainer" ns="${0}"> </foxy-i18n> </x-warning> ${0} </div> `),this.renderTemplateOrSlot("warning:before"),r({"text-disabled":!this.in({idle:"snapshot"})}),t,a,this.renderTemplateOrSlot("warning:after"))},this.__renderEndDate=()=>{var t,a;const{constructor:s,lang:n,ns:i}=this,o=s.__tomorrow.getTime(),d=this.in({idle:"snapshot"});return e(x\|\|(x=j` <div> ${0} <x-group frame> <foxy-i18n data-testid="end-date-label" class="${0}" slot="header" lang="${0}" key="end_date" ns="${0}"> </foxy-i18n> <foxy-internal-calendar data-testid="end-date" .checkAvailability="${0}" ?disabled="${0}" ?readonly="${0}" value="${0}" lang="${0}" @change="${0}"> </foxy-internal-calendar> </x-group> ${0} </div> `),this.renderTemplateOrSlot("end-date:before"),r({"text-disabled":!d}),n,i,(t=>t.getTime()>=o),!d\|\|this.disabledSelector.matches("end-date",!0),!!(null===(t=this.data)\|\|void 0===t?void 0:t.end_date)\|\|this.readonlySelector.matches("end-date",!0),m(null!==(a=this.form.end_date)&&void 0!==a?a:void 0),n,(t=>{this.edit({end_date:t.target.value})}),this.renderTemplateOrSlot("end-date:after"))},this.__renderSubmit=()=>{const t=this.in({idle:{snapshot:{clean:"valid"}}})\|\|this.in({idle:{snapshot:{dirty:"valid"}}});return e($\|\|($=j` <div> ${0} <vaadin-button data-testid="submit" ?disabled="${0}" theme="primary error" class="w-full" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="end_subscription"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("submit:before"),!t\|\|this.disabledSelector.matches("submit",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("submit:after"))}}static get scopedElements(){return{"foxy-internal-calendar":customElements.get("foxy-internal-calendar"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-warning":i,"x-group":l}}static get v8n(){return[({end_date:t})=>!!t\|\|"end_date_required"]}render(){var t,a;const s=this.hiddenSelector,n=this.in("busy"),i=this.in("fail");return e(D\|\|(D=j` <div class="space-y-l font-lumo text-m text-body leading-m relative"> ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),s.matches("warning",!0)?"":this.__renderWarning(),s.matches("end-date",!0)?"":this.__renderEndDate(),s.matches("submit",!0)?"":this.__renderSubmit(),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!n&&!i}),i?"error":n?"busy":"empty",this.lang,this.ns,null!==(a=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==a?a:"")}submit(){if(!this.form.end_date){const t=this.constructor;this.edit({end_date:o(t.__tomorrow)})}super.submit()}static get __tomorrow(){const t=new Date;return t.setDate(t.getDate()+1),t.setHours(0,0,0,0),t}}customElements.define("foxy-cancellation-form",S);export{S as CancellationForm};
1	+ import"./shared-c5c60417.js";import"./shared-8e9a3bbb.js";import"./shared-2188d5f7.js";import{L as t,h as e}from"./shared-dc73b9a5.js";import{T as a,S as s,a as n}from"./shared-62169210.js";import{c as r}from"./shared-4e709717.js";import{p as i,W as o}from"./shared-c89ba319.js";import{s as d}from"./shared-2061be9a.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import"./shared-195fd5af.js";import"./shared-31c43743.js";import"./shared-63685d2e.js";import"./shared-c8677ba3.js";import"./shared-2bdd4f74.js";import"./shared-4e201e09.js";import"./shared-d28ac9dc.js";import"./shared-dc23b751.js";import"./shared-a052131e.js";import{G as l}from"./shared-6d104622.js";import{C as h}from"./shared-98497473.js";import{N as c}from"./shared-ac44429d.js";import{i as m}from"./shared-9803aa7c.js";import"./shared-ae415a98.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-99940888.js";import"./shared-7c8bb60c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";let u,p,g,b,v,f=t=>t;class y extends(a(t)){constructor(){super(...arguments),this.checkAvailability=()=>!0,this.readonly=!1,this.disabled=!1,this.value="",this.start="",this.lang=""}static get properties(){return{checkAvailability:{attribute:!1},readonly:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},value:{type:String},start:{type:String},lang:{type:String}}}render(){var t,a;const s=new Date(null!==(a=null!==(t=this.__startAsDate)&&void 0!==t?t:this.__valueAsDate)&&void 0!==a?a:Date.now()),n=new Date(s),i=new Date(s),o=this.lang\|\|navigator.language;return n.setMonth(n.getMonth()-1),i.setMonth(i.getMonth()+1),e(u\|\|(u=f` <div class="text-m text-body font-lumo leading-m"> <div class="grid p-xs" style="grid-template:auto/max-content auto max-content"> <vaadin-button data-testid="prev" aria-label="${0}" theme="icon tertiary" class="px-xs" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:chevron-left"></iron-icon> </vaadin-button> <span data-testid="month" class="${0}"> ${0} </span> <vaadin-button data-testid="next" aria-label="${0}" theme="icon tertiary" class="px-xs" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:chevron-right"></iron-icon> </vaadin-button> </div> ${0} </div> `),n.toLocaleString(o,{year:"numeric",month:"long"}),this.disabled,this.__handlePrevButtonClick,r({"text-center self-center font-medium":!0,"text-disabled":this.disabled}),s.toLocaleDateString(o,{month:"long",year:"numeric"}),i.toLocaleString(o,{year:"numeric",month:"long"}),this.disabled,this.__handleNextButtonClick,this.__renderMonth(s.getMonth(),s.getFullYear()))}get __valueAsDate(){return i(this.value)}set __valueAsDate(t){this.value=t?d(t):""}get __startAsDate(){return i(this.start)}set __startAsDate(t){this.start=t?d(t):""}__renderMonth(t,a){var s,n,i;const o=this.lang\|\|navigator.language,d=new Date(a,t,1,0,0,0,0),l=[];for(let t=0;t<7;++t){const a=new Date;for(;a.getDay()!==t;)a.setDate(a.getDate()+1);l.push(e(p\|\|(p=f` <span class="${0}"> ${0} </span> `),r({"self-center text-xxs uppercase font-medium tracking-wider":!0,"text-secondary":!this.disabled,"text-disabled":this.disabled}),a.toLocaleString(o,{weekday:"short"})))}for(;d.getMonth()===t;){const r=d.getFullYear()===(null===(s=this.__valueAsDate)\|\|void 0===s?void 0:s.getFullYear())&&d.getMonth()===(null===(n=this.__valueAsDate)\|\|void 0===n?void 0:n.getMonth())&&d.getDate()===(null===(i=this.__valueAsDate)\|\|void 0===i?void 0:i.getDate());l.push(e(g\|\|(g=f` <div style="grid-column:${0}" data-testclass="day-of-month"> ${0} </div> `),d.getDay()+1,this.__renderDate(d.getDate(),t,a,r))),d.setDate(d.getDate()+1)}return e(b\|\|(b=f` <form data-testid="grid" class="grid gap-s p-s text-center" style="grid-template:auto/repeat(7,1fr)"> ${0} </form> `),l)}__renderDate(t,a,s,n=!1){const i=this.disabled\|\|this.readonly\|\|!this.checkAvailability(new Date(s,a,t));return e(v\|\|(v=f` <label class="${0}"> <input name="date" type="radio" value="${0}" class="sr-only" ?disabled="${0}" @change="${0}"> ${0} </label> `),r({"font-tnum select-none relative flex h-m items-center justify-center rounded":!0,"cursor-pointer focus-within-ring-2 focus-within-ring-primary-50":!i,"bg-contrast-5 hover-bg-contrast-10":!n&&!i,"bg-primary text-primary-contrast":n&&!i,"border border-dashed border-contrast-20 text-disabled":!n&&i,"border border-dashed border-primary text-primary":n&&i}),t,this.readonly\|\|this.disabled\|\|i,(()=>{this.__valueAsDate=new Date(s,a,t),this.dispatchEvent(new CustomEvent("change"))}),t)}__handlePrevButtonClick(){var t;const e=new Date(null!==(t=this.start)&&void 0!==t?t:Date.now());this.__startAsDate=new Date(e.setMonth(e.getMonth()-1))}__handleNextButtonClick(){var t;const e=new Date(null!==(t=this.start)&&void 0!==t?t:Date.now());this.__startAsDate=new Date(e.setMonth(e.getMonth()+1))}}customElements.define("foxy-internal-calendar",y);let _,x,$,D,j=t=>t;const w=s(a(h(n(c,"cancellation-form"))));class S extends w{constructor(){super(...arguments),this.templates={},this.__renderWarning=()=>{const{lang:t,ns:a}=this;return e(_\|\|(_=j` <div> ${0} <x-warning> <foxy-i18n data-testid="warning" class="${0}" lang="${0}" key="end_subscription_explainer" ns="${0}"> </foxy-i18n> </x-warning> ${0} </div> `),this.renderTemplateOrSlot("warning:before"),r({"text-disabled":!this.in({idle:"snapshot"})}),t,a,this.renderTemplateOrSlot("warning:after"))},this.__renderEndDate=()=>{var t,a;const{constructor:s,lang:n,ns:i}=this,o=s.__tomorrow.getTime(),d=this.in({idle:"snapshot"});return e(x\|\|(x=j` <div> ${0} <x-group frame> <foxy-i18n data-testid="end-date-label" class="${0}" slot="header" lang="${0}" key="end_date" ns="${0}"> </foxy-i18n> <foxy-internal-calendar data-testid="end-date" .checkAvailability="${0}" ?disabled="${0}" ?readonly="${0}" value="${0}" lang="${0}" @change="${0}"> </foxy-internal-calendar> </x-group> ${0} </div> `),this.renderTemplateOrSlot("end-date:before"),r({"text-disabled":!d}),n,i,(t=>t.getTime()>=o),!d\|\|this.disabledSelector.matches("end-date",!0),!!(null===(t=this.data)\|\|void 0===t?void 0:t.end_date)\|\|this.readonlySelector.matches("end-date",!0),m(null!==(a=this.form.end_date)&&void 0!==a?a:void 0),n,(t=>{this.edit({end_date:t.target.value})}),this.renderTemplateOrSlot("end-date:after"))},this.__renderSubmit=()=>{const t=this.in({idle:{snapshot:{clean:"valid"}}})\|\|this.in({idle:{snapshot:{dirty:"valid"}}});return e($\|\|($=j` <div> ${0} <vaadin-button data-testid="submit" ?disabled="${0}" theme="primary error" class="w-full" @click="${0}"> <foxy-i18n ns="${0}" lang="${0}" key="end_subscription"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("submit:before"),!t\|\|this.disabledSelector.matches("submit",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("submit:after"))}}static get scopedElements(){return{"foxy-internal-calendar":customElements.get("foxy-internal-calendar"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-warning":o,"x-group":l}}static get v8n(){return[({end_date:t})=>!!t\|\|"end_date_required"]}render(){var t,a;const s=this.hiddenSelector,n=this.in("busy"),i=this.in("fail");return e(D\|\|(D=j` <div class="space-y-l font-lumo text-m text-body leading-m relative"> ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),s.matches("warning",!0)?"":this.__renderWarning(),s.matches("end-date",!0)?"":this.__renderEndDate(),s.matches("submit",!0)?"":this.__renderSubmit(),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!n&&!i}),i?"error":n?"busy":"empty",this.lang,this.ns,null!==(a=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==a?a:"")}submit(){if(!this.form.end_date){const t=this.constructor;this.edit({end_date:d(t.__tomorrow)})}super.submit()}static get __tomorrow(){const t=new Date;return t.setDate(t.getDate()+1),t.setHours(0,0,0,0),t}}customElements.define("foxy-cancellation-form",S);export{S as CancellationForm};

package/dist/cdn/foxy-collection-page.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./foxy-spinner.js";import{_ as e}from"./shared-~~e34d2ef1~~.js";import{h as t}from"./shared-~~7f33a83a~~.js";import{T as s}from"./shared-~~5155696f~~.js";import{C as r}from"./shared-~~84b5d8f0~~.js";import{F as n}from"./shared-~~86d0d927~~.js";import{N as a}from"./shared-~~85cd6cfb~~.js";import{r as i}from"./shared-~~d519a301~~.js";import{s as o}from"./shared-~~11c2efc8~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~1b38c44f~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~c9d1a2cd~~.js";import"./shared-~~d3bf9ac0~~.js";import"./shared-~~565feb2f.js";import"./shared-~~7684cb05.js";import"./shared-~~bfca826a~~.js";let d,l=e=>e;const h=r(s(a));class c extends h{constructor(){super(),this.props={},this.__pageFetchEventHandler=e=>this.__handlePageFetchEvent(e),this.item="foxy-null"}static get properties(){return e(e({},super.properties),{},{props:{type:Object},item:{type:String}})}get item(){return this.__item}set item(e){this.__renderItem="string"==typeof e?new Function("ctx",`return ctx.html\`\n <${e}\n disabledcontrols=\${ctx.disabledControls.toString()}\n readonlycontrols=\${ctx.readonlyControls.toString()}\n hiddencontrols=\${ctx.hiddenControls.toString()}\n data-testclass="items"\n related=\${JSON.stringify(ctx.related)}\n parent=\${ctx.parent}\n group=\${ctx.group}\n href=\${ctx.href}\n lang=\${ctx.lang}\n ns="\${ctx.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n ?disabled=\${ctx.disabled}\n ?readonly=\${ctx.readonly}\n ?hidden=\${ctx.hidden}\n .templates=\${ctx.templates}\n ...=\${ctx.spread(ctx.props)}\n >\n </${e}>\``):e,this.__item=e,this.requestUpdate()}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__pageFetchEventHandler)}render(){const e=this.__items.map((e=>({key:e._links.self.href,href:e._links.self.href,data:e})));return this.in("busy")?e.push({key:"stalled",href:"foxy://collection-page/stall",data:null}):this.in("fail")?e.push({key:"failed",href:"foxy://collection-page/fail",data:null}):(this.in({idle:"template"})\|\|0===this.__items.length)&&e.push({key:"empty",href:"",data:null}),t(d\|\|(d=l`${0}`),i(e,(e=>e.key),((s,r)=>{var n,a,i,d,l;return null===(n=this.__renderItem)\|\|void 0===n?void 0:n.call(this,{disabledControls:this.disabledControls,readonlyControls:this.readonlyControls,hiddenControls:this.hiddenControls,templates:this.templates,disabled:this.disabled,readonly:this.readonly,previous:null!==(i=null===(a=e[r-1])\|\|void 0===a?void 0:a.data)&&void 0!==i?i:null,related:this.related,hidden:this.hidden,parent:this.href,spread:o,props:this.props,group:this.group,lang:this.lang,data:s.data,href:s.href,next:null!==(l=null===(d=e[r+1])\|\|void 0===d?void 0:d.data)&&void 0!==l?l:null,ns:this.ns,html:t})})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("fetch",this.__pageFetchEventHandler)}get __items(){var e,t;return Array.from(Object.values(null!==(t=null===(e=this.form)\|\|void 0===e?void 0:e._embedded)&&void 0!==t?t:{})).reduce(((e,t)=>[...e,...t]),[])}__handlePageFetchEvent(e){if(!(e instanceof n)\|\|e.target===this)return;const{method:t,url:s}=e.request;return"GET"===t?"foxy://collection-page/stall"===s?this.__stallRequest(e):"foxy://collection-page/fail"===s?this.__failRequest(e):void 0:void 0}__stallRequest(e){e.stopImmediatePropagation(),e.respondWith(new Promise((()=>{})))}__failRequest(e){e.stopImmediatePropagation(),e.respondWith(Promise.resolve(new Response(null,{status:500})))}}customElements.define("foxy-collection-page",c);export{c as CollectionPage};
1	+ import"./foxy-spinner.js";import{_ as e}from"./shared-fadcb2e1.js";import{h as t}from"./shared-dc73b9a5.js";import{a as s}from"./shared-62169210.js";import{C as r}from"./shared-98497473.js";import{F as n}from"./shared-92327224.js";import{N as a}from"./shared-ac44429d.js";import{r as i}from"./shared-a0c6a159.js";import{s as o}from"./shared-99940888.js";import"./shared-2188d5f7.js";import"./shared-ae415a98.js";import"./shared-8e9a3bbb.js";import"./shared-c309e0ef.js";import"./shared-9803aa7c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";let l,d=e=>e;const h=r(s(a));class p extends h{constructor(){super(),this.props={},this.__pageFetchEventHandler=e=>this.__handlePageFetchEvent(e),this.item="foxy-null"}static get properties(){return e(e({},super.properties),{},{props:{type:Object},item:{type:String}})}get item(){return this.__item}set item(e){this.__renderItem="string"==typeof e?new Function("ctx",`return ctx.html\`\n <${e}\n disabledcontrols=\${ctx.disabledControls.toString()}\n readonlycontrols=\${ctx.readonlyControls.toString()}\n hiddencontrols=\${ctx.hiddenControls.toString()}\n data-testclass="items"\n related=\${JSON.stringify(ctx.related)}\n parent=\${ctx.parent}\n group=\${ctx.group}\n href=\${ctx.href}\n lang=\${ctx.lang}\n ns="\${ctx.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n ?disabled=\${ctx.disabled}\n ?readonly=\${ctx.readonly}\n ?hidden=\${ctx.hidden}\n .templates=\${ctx.templates}\n ...=\${ctx.spread(ctx.props)}\n >\n </${e}>\``):e,this.__item=e,this.requestUpdate()}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__pageFetchEventHandler)}render(){const e=this.__items.map((e=>({key:e._links.self.href,href:e._links.self.href,data:e})));return this.in("busy")?e.push({key:"stalled",href:"foxy://collection-page/stall",data:null}):this.in("fail")?e.push({key:"failed",href:"foxy://collection-page/fail",data:null}):(this.in({idle:"template"})\|\|0===this.__items.length)&&e.push({key:"empty",href:"",data:null}),t(l\|\|(l=d`${0}`),i(e,(e=>e.key),((s,r)=>{var n,a,i,l,d;return null===(n=this.__renderItem)\|\|void 0===n?void 0:n.call(this,{disabledControls:this.disabledControls,readonlyControls:this.readonlyControls,hiddenControls:this.hiddenControls,templates:this.templates,disabled:this.disabled,readonly:this.readonly,previous:null!==(i=null===(a=e[r-1])\|\|void 0===a?void 0:a.data)&&void 0!==i?i:null,related:this.related,hidden:this.hidden,parent:this.href,spread:o,props:this.props,group:this.group,lang:this.lang,data:s.data,href:s.href,next:null!==(d=null===(l=e[r+1])\|\|void 0===l?void 0:l.data)&&void 0!==d?d:null,ns:this.ns,html:t})})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("fetch",this.__pageFetchEventHandler)}get __items(){var e,t;return Array.from(Object.values(null!==(t=null===(e=this.form)\|\|void 0===e?void 0:e._embedded)&&void 0!==t?t:{})).reduce(((e,t)=>[...e,...t]),[])}__handlePageFetchEvent(e){if(!(e instanceof n)\|\|e.target===this)return;const{method:t,url:s}=e.request;return"GET"===t?"foxy://collection-page/stall"===s?this.__stallRequest(e):"foxy://collection-page/fail"===s?this.__failRequest(e):void 0:void 0}__stallRequest(e){e.stopImmediatePropagation(),e.respondWith(new Promise((()=>{})))}__failRequest(e){e.stopImmediatePropagation(),e.respondWith(Promise.resolve(new Response(null,{status:500})))}}customElements.define("foxy-collection-page",p);export{p as CollectionPage};

package/dist/cdn/foxy-collection-pages.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~90119584~~.js";import"./foxy-collection-page.js";import"./shared-~~c9d1a2cd~~.js";import{_ as e,I as t}from"./shared-~~e34d2ef1~~.js";import{h as s,L as r}from"./shared-~~7f33a83a~~.js";import{C as a}from"./shared-~~84b5d8f0~~.js";import{b as i,a7 as n,R as o,F as d}from"./shared-~~86d0d927~~.js";import{N as l,s as c}from"./shared-~~85cd6cfb~~.js";import{r as h}from"./shared-~~d519a301~~.js";import{i as p}from"./shared-~~bfca826a~~.js";import{s as u}from"./shared-~~11c2efc8~~.js";import"./shared-~~75ec4e1a~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~1b38c44f~~.js";import"./foxy-spinner.js";import"./shared-~~26502fca~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~5155696f~~.js";import"./shared-~~d3bf9ac0~~.js";import"./shared-~~565feb2f.js";import"./shared-~~7684cb05.js";const _=i({manual:(e,t)=>t.data}),g=i({error:(e,t)=>t.data}),m=i({first:(e,t)=>t.data,pages:[],error:null}),f=i({first:(e,t)=>{var s,r;return null!==(r=null===(s=t.data[0])\|\|void 0===s?void 0:s._links.self.href)&&void 0!==r?r:""},pages:(e,t)=>t.data,error:null}),v=i({pages:(e,t)=>0===t.data.returned_items?e.pages:[...e.pages,t.data]}),y=e=>e.manual,b=n({id:"pages",initial:"idle",context:{first:"",pages:[],error:null,manual:!1},states:{busy:{invoke:{src:"sendGet",onError:{target:"fail",actions:g},onDone:[{target:"idle.empty",cond:(e,t)=>0==t.data.total_items},{target:"idle.end",cond:(e,t)=>t.data.returned_items<t.data.limit,actions:v},{target:"idle.paused.manual",cond:y,actions:v},{target:"idle.paused.auto",actions:v}]},on:{SET_MANUAL:{actions:_}}},fail:{on:{SET_MANUAL:{actions:_}}},idle:{initial:"empty",states:{paused:{states:{auto:{invoke:{src:"observeChildren"}},manual:{}},on:{RESUME:"#pages.busy",SET_MANUAL:[{cond:y,actions:_,target:".manual"},{actions:_,target:".auto"}]}},empty:{on:{SET_MANUAL:{actions:_}}},end:{on:{SET_MANUAL:{actions:_}}}}}},on:{SET_FIRST:[{cond:(e,t)=>0===t.data.trim().length,target:"idle.empty",actions:m},{target:"busy",actions:m}],SET_PAGES:[{cond:(e,t)=>0===t.data.length,target:"idle.empty",actions:f},{target:"idle.paused",actions:f}]}});let x,E,k,S=e=>e;const R=a(t(r));class $ extends R{constructor(){var e;super(),e=this,this.props={},this.lang="",this.ns="",this.__group="",this.__fetchEventHandler=e=>this.__handleFetchEvent(e),this.__service=p(b.withConfig({services:{observeChildren:()=>e=>{const t=new IntersectionObserver((t=>{t.some((e=>e.isIntersecting))&&e("RESUME")}));return t.observe(this.renderRoot.children[this.renderRoot.children.length-1]),()=>t.disconnect()},sendGet:async function(t){var s;const r=t.pages[t.pages.length-1],a=null!==(s=null==r?void 0:r._links.next.href)&&void 0!==s?s:t.first,i=await new l.API(e).fetch(a);if(!i.ok)throw i;const n=await i.json();return e.__stopTrackingRumour(),l.Rumour(e.group).share({source:n._links.self.href,data:n}),e.__trackRumour(),n}}})),this.page="foxy-collection-page foxy-null"}static get properties(){return e(e({},super.properties),{},{manual:{type:Boolean,reflect:!0},first:{type:String,noAccessor:!0},pages:{type:Array,noAccessor:!0},group:{type:String},props:{type:Object},lang:{type:String},page:{type:String},ns:{type:String}})}get page(){return this.__page}set page(e){if("string"==typeof e){const t=e.split(" ").pop(),s=t?`item="${t}"`:"";this.__renderPage=new Function("ctx",`return ctx.html\`\n <${e}\n disabledcontrols=\${ctx.disabledControls.toString()}\n readonlycontrols=\${ctx.readonlyControls.toString()}\n hiddencontrols=\${ctx.hiddenControls.toString()}\n group=\${ctx.group}\n href=\${ctx.href}\n lang=\${ctx.lang}\n ns="\${ctx.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n ${s}\n ?disabled=\${ctx.disabled}\n ?readonly=\${ctx.readonly}\n ?hidden=\${ctx.hidden}\n .templates=\${ctx.templates}\n ...=\${ctx.spread(ctx.props)}\n >\n </${e}>\``)}else this.__renderPage=e;this.__page=e,this.requestUpdate()}get first(){return this.__service.state.context.first}set first(e){this.__service.send({type:"SET_FIRST",data:e})}get pages(){return this.__service.state.context.pages}set pages(e){this.__service.send({type:"SET_PAGES",data:e})}get group(){return this.__group}set group(e){var t;this.__group=e,null===(t=this.__stopTrackingRumour)\|\|void 0===t\|\|t.call(this),this.__trackRumour()}get manual(){return this.__service.state.context.manual}set manual(e){this.__service.send({type:"SET_MANUAL",data:e})}in(e){return this.__service.state.matches(e)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__fetchEventHandler),this.__createService(),this.__trackRumour()}render(){const e=this.pages.map((e=>({key:e._links.self.href,href:e._links.self.href})));return this.__service.state.matches("busy")?e.push({key:"stalled",href:"foxy://collection-pages/stall"}):this.__service.state.matches("fail")?e.push({key:"failed",href:"foxy://collection-pages/fail"}):this.__service.state.matches({idle:"empty"})&&e.push({key:"empty",href:""}),s(x\|\|(x=S` ${0} ${0} `),h(e,(e=>e.key),((e,t)=>{var r;return this.__renderPage({disabledControls:this.disabledControls,readonlyControls:this.readonlyControls,hiddenControls:this.hiddenControls,templates:this.templates,disabled:this.disabled,readonly:this.readonly,hidden:this.hidden,spread:u,props:this.props,group:this.group,data:null!==(r=this.pages[t])&&void 0!==r?r:null,href:e.href,lang:this.lang,ns:this.ns,html:s})})),this.manual?this.in({idle:"paused"})?s(E\|\|(E=S` <vaadin-button theme="small contrast" @click="${0}"> <foxy-i18n lang="${0}" key="load_more" ns="${0}"></foxy-i18n> </vaadin-button> `),(()=>this.__service.send("RESUME")),this.lang,this.ns):"":s(k\|\|(k=S` <span></span> `)))}updated(e){super.updated(e),this.dispatchEvent(new l.UpdateEvent)}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("fetch",this.__fetchEventHandler),this.__service.stop(),null===(e=this.__stopTrackingRumour)\|\|void 0===e\|\|e.call(this)}__trackRumour(){this.__stopTrackingRumour=l.Rumour(this.group).track((e=>{try{0===this.pages.length?e({_links:{self:{href:this.first}}}):this.pages.map((t=>e(t)))}catch(e){if(!(e instanceof o.UpdateError))throw e;this.__service.send({type:"SET_FIRST",data:this.first})}}))}__createService(){this.__service.onTransition((({changed:e})=>e&&this.requestUpdate())).onChange((()=>this.requestUpdate())).start()}__handleFetchEvent(e){if(!(e instanceof d)\|\|e.target===this)return;const{method:t,url:s}=e.request;return"GET"===t?"foxy://collection-pages/stall"===s?this.__stallRequest(e):"foxy://collection-pages/fail"===s?this.__failRequest(e):void this.__respondIfPossible(e):void 0}__respondIfPossible(e){const t=c(e.request.url,this.pages);t.ok&&(e.respondWith(Promise.resolve(t)),console.debug(`%c@foxy.io/elements::${this.localName}\n%c200%c GET ${e.request.url}`,"color: gray","background: gray; padding: 0 .2em; border-radius: .2em; color: white;",""))}__stallRequest(e){e.stopImmediatePropagation(),e.respondWith(new Promise((()=>{})))}__failRequest(e){e.stopImmediatePropagation(),e.respondWith(Promise.resolve(this.__service.state.context.error))}}customElements.define("foxy-collection-pages",$);export{$ as CollectionPages};
1	+ import"./shared-c5c60417.js";import"./foxy-collection-page.js";import"./shared-c309e0ef.js";import{_ as e,I as t}from"./shared-fadcb2e1.js";import{h as s,L as r}from"./shared-dc73b9a5.js";import{C as a}from"./shared-98497473.js";import{b as i,a7 as n,R as o,F as l}from"./shared-92327224.js";import{N as d,s as c}from"./shared-ac44429d.js";import{r as h}from"./shared-a0c6a159.js";import{i as p}from"./shared-7c8bb60c.js";import{s as u}from"./shared-99940888.js";import"./shared-195fd5af.js";import"./shared-ae415a98.js";import"./shared-62169210.js";import"./foxy-spinner.js";import"./shared-2188d5f7.js";import"./shared-8e9a3bbb.js";import"./shared-9803aa7c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";const _=i({manual:(e,t)=>t.data}),g=i({error:(e,t)=>t.data}),m=i({first:(e,t)=>t.data,pages:[],error:null}),f=i({first:(e,t)=>{var s,r;return null!==(r=null===(s=t.data[0])\|\|void 0===s?void 0:s._links.self.href)&&void 0!==r?r:""},pages:(e,t)=>t.data,error:null}),v=i({pages:(e,t)=>0===t.data.returned_items?e.pages:[...e.pages,t.data]}),y=e=>e.manual,b=n({id:"pages",initial:"idle",context:{first:"",pages:[],error:null,manual:!1},states:{busy:{invoke:{src:"sendGet",onError:{target:"fail",actions:g},onDone:[{target:"idle.empty",cond:(e,t)=>0==t.data.total_items},{target:"idle.end",cond:(e,t)=>t.data.returned_items<t.data.limit,actions:v},{target:"idle.paused.manual",cond:y,actions:v},{target:"idle.paused.auto",actions:v}]},on:{SET_MANUAL:{actions:_}}},fail:{on:{SET_MANUAL:{actions:_}}},idle:{initial:"empty",states:{paused:{states:{auto:{invoke:{src:"observeChildren"}},manual:{}},on:{RESUME:"#pages.busy",SET_MANUAL:[{cond:y,actions:_,target:".manual"},{actions:_,target:".auto"}]}},empty:{on:{SET_MANUAL:{actions:_}}},end:{on:{SET_MANUAL:{actions:_}}}}}},on:{SET_FIRST:[{cond:(e,t)=>0===t.data.trim().length,target:"idle.empty",actions:m},{target:"busy",actions:m}],SET_PAGES:[{cond:(e,t)=>0===t.data.length,target:"idle.empty",actions:f},{target:"idle.paused",actions:f}]}});let x,E,k,S=e=>e;const R=a(t(r));class $ extends R{constructor(){var e;super(),e=this,this.props={},this.lang="",this.ns="",this.__group="",this.__fetchEventHandler=e=>this.__handleFetchEvent(e),this.__service=p(b.withConfig({services:{observeChildren:()=>e=>{const t=new IntersectionObserver((t=>{t.some((e=>e.isIntersecting))&&e("RESUME")}));return t.observe(this.renderRoot.children[this.renderRoot.children.length-1]),()=>t.disconnect()},sendGet:async function(t){var s;const r=t.pages[t.pages.length-1],a=null!==(s=null==r?void 0:r._links.next.href)&&void 0!==s?s:t.first,i=await new d.API(e).fetch(a);if(!i.ok)throw i;const n=await i.json();return e.__stopTrackingRumour(),d.Rumour(e.group).share({source:n._links.self.href,data:n}),e.__trackRumour(),n}}})),this.page="foxy-collection-page foxy-null"}static get properties(){return e(e({},super.properties),{},{manual:{type:Boolean,reflect:!0},first:{type:String,noAccessor:!0},pages:{type:Array,noAccessor:!0},group:{type:String},props:{type:Object},lang:{type:String},page:{type:String},ns:{type:String}})}get page(){return this.__page}set page(e){if("string"==typeof e){const t=e.split(" ").pop(),s=t?`item="${t}"`:"";this.__renderPage=new Function("ctx",`return ctx.html\`\n <${e}\n disabledcontrols=\${ctx.disabledControls.toString()}\n readonlycontrols=\${ctx.readonlyControls.toString()}\n hiddencontrols=\${ctx.hiddenControls.toString()}\n group=\${ctx.group}\n href=\${ctx.href}\n lang=\${ctx.lang}\n ns="\${ctx.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n ${s}\n ?disabled=\${ctx.disabled}\n ?readonly=\${ctx.readonly}\n ?hidden=\${ctx.hidden}\n .templates=\${ctx.templates}\n ...=\${ctx.spread(ctx.props)}\n >\n </${e}>\``)}else this.__renderPage=e;this.__page=e,this.requestUpdate()}get first(){return this.__service.state.context.first}set first(e){this.__service.send({type:"SET_FIRST",data:e})}get pages(){return this.__service.state.context.pages}set pages(e){this.__service.send({type:"SET_PAGES",data:e})}get group(){return this.__group}set group(e){var t;this.__group=e,null===(t=this.__stopTrackingRumour)\|\|void 0===t\|\|t.call(this),this.__trackRumour()}get manual(){return this.__service.state.context.manual}set manual(e){this.__service.send({type:"SET_MANUAL",data:e})}in(e){return this.__service.state.matches(e)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__fetchEventHandler),this.__createService(),this.__trackRumour()}render(){const e=this.pages.map((e=>({key:e._links.self.href,href:e._links.self.href})));return this.__service.state.matches("busy")?e.push({key:"stalled",href:"foxy://collection-pages/stall"}):this.__service.state.matches("fail")?e.push({key:"failed",href:"foxy://collection-pages/fail"}):this.__service.state.matches({idle:"empty"})&&e.push({key:"empty",href:""}),s(x\|\|(x=S` ${0} ${0} `),h(e,(e=>e.key),((e,t)=>{var r;return this.__renderPage({disabledControls:this.disabledControls,readonlyControls:this.readonlyControls,hiddenControls:this.hiddenControls,templates:this.templates,disabled:this.disabled,readonly:this.readonly,hidden:this.hidden,spread:u,props:this.props,group:this.group,data:null!==(r=this.pages[t])&&void 0!==r?r:null,href:e.href,lang:this.lang,ns:this.ns,html:s})})),this.manual?this.in({idle:"paused"})?s(E\|\|(E=S` <vaadin-button theme="small contrast" @click="${0}"> <foxy-i18n lang="${0}" key="load_more" ns="${0}"></foxy-i18n> </vaadin-button> `),(()=>this.__service.send("RESUME")),this.lang,this.ns):"":s(k\|\|(k=S` <span></span> `)))}updated(e){super.updated(e),this.dispatchEvent(new d.UpdateEvent)}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("fetch",this.__fetchEventHandler),this.__service.stop(),null===(e=this.__stopTrackingRumour)\|\|void 0===e\|\|e.call(this)}__trackRumour(){this.__stopTrackingRumour=d.Rumour(this.group).track((e=>{try{0===this.pages.length?e({_links:{self:{href:this.first}}}):this.pages.map((t=>e(t)))}catch(e){if(!(e instanceof o.UpdateError))throw e;this.__service.send({type:"SET_FIRST",data:this.first})}}))}__createService(){this.__service.onTransition((({changed:e})=>e&&this.requestUpdate())).onChange((()=>this.requestUpdate())).start()}__handleFetchEvent(e){if(!(e instanceof l)\|\|e.target===this)return;const{method:t,url:s}=e.request;return"GET"===t?"foxy://collection-pages/stall"===s?this.__stallRequest(e):"foxy://collection-pages/fail"===s?this.__failRequest(e):void this.__respondIfPossible(e):void 0}__respondIfPossible(e){const t=c(e.request.url,this.pages);t.ok&&(e.respondWith(Promise.resolve(t)),console.debug(`%c@foxy.io/elements::${this.localName}\n%c200%c GET ${e.request.url}`,"color: gray","background: gray; padding: 0 .2em; border-radius: .2em; color: white;",""))}__stallRequest(e){e.stopImmediatePropagation(),e.respondWith(new Promise((()=>{})))}__failRequest(e){e.stopImmediatePropagation(),e.respondWith(Promise.resolve(this.__service.state.context.error))}}customElements.define("foxy-collection-pages",$);export{$ as CollectionPages};

package/dist/cdn/foxy-copy-to-clipboard.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~eb344bd5~~.js";import"./shared-~~26502fca~~.js";import"./shared-~~c9d1a2cd~~.js";import{_ as t,I as e}from"./shared-~~e34d2ef1~~.js";import{c as o,h as i,L as r}from"./shared-~~7f33a83a~~.js";import{C as s}from"./shared-~~84b5d8f0~~.js";import{~~T as~~ a}from"./shared-~~5155696f~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~1b38c44f~~.js";import"./shared-~~86d0d927~~.js";~~import"./shared-d3bf9ac0.js";~~let n,d,c=t=>t;const h=s(a(e(r),"copy-to-clipboard"));class l extends h{constructor(){super(...arguments),this.text=null,this.__state="idle"}static get properties(){return t(t({},super.properties),{},{text:{type:String},__state:{attribute:!1}})}static get styles(){return o(n\|\|(n=c`button{position:relative;appearance:none;background:0 0;border:none;border-radius:var(--lumo-border-radius-s);color:inherit;font-size:inherit;padding:0;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center}button::before{position:absolute;inset:0;content:' ';display:block;background:currentColor;opacity:.08;transition:opacity .15s ease;border-radius:var(--lumo-border-radius-s)}button:focus{outline:0;box-shadow:0 0 0 2px currentColor}button:disabled{opacity:.5;cursor:default}@media (hover:hover){button:not(:disabled):hover{cursor:pointer}button:not(:disabled):hover::before{opacity:.16}}iron-icon{--iron-icon-height:1em;--iron-icon-width:1em}`))}render(){let t="",e="";return"busy"===this.__state?(t="copying",e="icons:hourglass-empty"):"fail"===this.__state?(t="failed_to_copy",e="icons:error-outline"):"done"===this.__state?(t="done",e="icons:done"):(t="click_to_copy",e="icons:content-copy"),i(d\|\|(d=c` <button title="${0}" ?disabled="${0}" @click="${0}"> <iron-icon icon="${0}"></iron-icon> </button> `),this.t(t),this.disabled,(()=>{var t;"idle"===this.__state&&(this.__state="busy",navigator.clipboard.writeText(null!==(t=this.text)&&void 0!==t?t:"").then((()=>this.__state="done")).catch((()=>this.__state="fail")).then((()=>setTimeout((()=>this.__state="idle"),2e3))))}),e)}}customElements.define("foxy-copy-to-clipboard",l);export{l as CopyToClipboard};
1	+ import"./shared-8e9a3bbb.js";import"./shared-2188d5f7.js";import"./shared-c309e0ef.js";import{_ as t,I as e}from"./shared-fadcb2e1.js";import{c as o,h as i,L as r}from"./shared-dc73b9a5.js";import{C as s}from"./shared-98497473.js";import{a}from"./shared-62169210.js";import"./shared-ae415a98.js";import"./shared-92327224.js";import"./shared-9803aa7c.js";let n,d,c=t=>t;const l=s(a(e(r),"copy-to-clipboard"));class h extends l{constructor(){super(...arguments),this.text=null,this.__state="idle"}static get properties(){return t(t({},super.properties),{},{text:{type:String},__state:{attribute:!1}})}static get styles(){return o(n\|\|(n=c`button{position:relative;appearance:none;background:0 0;border:none;border-radius:var(--lumo-border-radius-s);color:inherit;font-size:inherit;padding:0;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center}button::before{position:absolute;inset:0;content:' ';display:block;background:currentColor;opacity:.08;transition:opacity .15s ease;border-radius:var(--lumo-border-radius-s)}button:focus{outline:0;box-shadow:0 0 0 2px currentColor}button:disabled{opacity:.5;cursor:default}@media (hover:hover){button:not(:disabled):hover{cursor:pointer}button:not(:disabled):hover::before{opacity:.16}}iron-icon{--iron-icon-height:1em;--iron-icon-width:1em}`))}render(){let t="",e="";return"busy"===this.__state?(t="copying",e="icons:hourglass-empty"):"fail"===this.__state?(t="failed_to_copy",e="icons:error-outline"):"done"===this.__state?(t="done",e="icons:done"):(t="click_to_copy",e="icons:content-copy"),i(d\|\|(d=c` <button title="${0}" ?disabled="${0}" @click="${0}"> <iron-icon icon="${0}"></iron-icon> </button> `),this.t(t),this.disabled,(()=>{var t;"idle"===this.__state&&(this.__state="busy",navigator.clipboard.writeText(null!==(t=this.text)&&void 0!==t?t:"").then((()=>this.__state="done")).catch((()=>this.__state="fail")).then((()=>setTimeout((()=>this.__state="idle"),2e3))))}),e)}}customElements.define("foxy-copy-to-clipboard",h);export{h as CopyToClipboard};

package/dist/cdn/foxy-coupon-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~0479553e~~.js";import"./foxy-spinner.js";import"./shared-~~c9d1a2cd~~.js";import{h as t}from"./shared-~~7f33a83a~~.js";import{C as e}from"./shared-~~84b5d8f0~~.js";import{N as s}from"./shared-~~85cd6cfb~~.js";import{T as i~~}from"./shared-1b38c44f.js";import{T as~~ a}from"./shared-~~5155696f~~.js";import{c as r}from"./shared-4e709717.js";import"./shared-~~26502fca~~.js";import"./shared-~~cf2b9cc3~~.js";import"./shared-~~eb344bd5~~.js";import"./shared-~~e34d2ef1~~.js";import"./shared-~~86d0d927~~.js";import"./shared-~~d3bf9ac0~~.js";import"./shared-~~565feb2f~~.js";import"./shared-7684cb05.js";import"./shared-~~bfca826a~~.js";let n,o,d,l,c,p,h,m=t=>t;const u=i(e(a(s,"coupon-card")));class f extends u{constructor(){super(...arguments),this.templates={}}render(){var e,s;const i=this.hiddenSelector;return t(n\|\|(n=m` <div aria-busy="${0}" aria-live="polite" class="relative leading-m font-lumo text-m"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),r({"transition-opacity":!0,"opacity-0":!this.data}),i.matches("title",!0)?"":this.__renderTitle(),i.matches("description",!0)?"":this.__renderDescription(),i.matches("status",!0)?"":this.__renderStatus(),r({"pointer-events-none absolute inset-0 flex transition-opacity":!0,"opacity-0":!!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:"")}__renderTitle(){var e,s,i,a,r,n;const l=null!==(s=null===(e=this.data)\|\|void 0===e?void 0:e.number_of_uses_to_date)&&void 0!==s?s:0,c=null!==(a=null===(i=this.data)\|\|void 0===i?void 0:i.number_of_uses_allowed)&&void 0!==a?a:0;return t(o\|\|(o=m` <div data-testid="title"> ${0} <div class="flex items-center justify-between"> <div class="font-semibold truncate">${0}</div> <foxy-i18n options="${0}" class="text-tertiary text-s flex-shrink-0" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),null!==(n=null===(r=this.data)\|\|void 0===r?void 0:r.name)&&void 0!==n?n:t(d\|\|(d=m`&ZeroWidthSpace;`)),JSON.stringify({count:l,total:c}),this.lang,0===c?"uses_count":"uses_to_total_count",this.ns,this.renderTemplateOrSlot("title:after"))}__renderDescription(){let e=null;if(this.data){const s=this.data.coupon_discount_details,i=this.data.coupon_discount_type,a=this.ns;e=t(l\|\|(l=m` <foxy-i18n options="${0}" lang="${0}" key="discount_summary" ns="${0}"> </foxy-i18n> `),JSON.stringify({params:{details:s,type:i,ns:a}}),this.lang,this.ns)}return t(c\|\|(c=m` <div data-testid="description"> ${0} <div class="truncate text-s text-secondary">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("description:before"),null!=e?e:t(p\|\|(p=m`&ZeroWidthSpace;`)),this.renderTemplateOrSlot("description:after"))}__renderStatus(){var e;const{start_date:s,end_date:i}=null!==(e=this.data)&&void 0!==e?e:{},a=s&&i?"complete":s?"from":i?"until":"any";return t(h\|\|(h=m` <div data-testid="status"> ${0} <foxy-i18n options="${0}" class="block truncate text-s text-tertiary" lang="${0}" key="date_range_${0}" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({start:s,end:i}),this.lang,a,this.ns,this.renderTemplateOrSlot("status:after"))}}customElements.define("foxy-coupon-card",f);export{f as CouponCard};
1	+ import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-c309e0ef.js";import{h as t}from"./shared-dc73b9a5.js";import{C as e}from"./shared-98497473.js";import{N as s}from"./shared-ac44429d.js";import{T as i,a}from"./shared-62169210.js";import{c as r}from"./shared-4e709717.js";import"./shared-2188d5f7.js";import"./shared-ae415a98.js";import"./shared-8e9a3bbb.js";import"./shared-fadcb2e1.js";import"./shared-92327224.js";import"./shared-9803aa7c.js";import"./shared-45feee83.js";import"./shared-7684cb05.js";import"./shared-7c8bb60c.js";let n,o,d,l,c,p,h,u=t=>t;const m=i(e(a(s,"coupon-card")));class f extends m{constructor(){super(...arguments),this.templates={}}render(){var e,s;const i=this.hiddenSelector;return t(n\|\|(n=u` <div aria-busy="${0}" aria-live="polite" class="relative leading-m font-lumo text-m"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),r({"transition-opacity":!0,"opacity-0":!this.data}),i.matches("title",!0)?"":this.__renderTitle(),i.matches("description",!0)?"":this.__renderDescription(),i.matches("status",!0)?"":this.__renderStatus(),r({"pointer-events-none absolute inset-0 flex transition-opacity":!0,"opacity-0":!!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:"")}__renderTitle(){var e,s,i,a,r,n;const l=null!==(s=null===(e=this.data)\|\|void 0===e?void 0:e.number_of_uses_to_date)&&void 0!==s?s:0,c=null!==(a=null===(i=this.data)\|\|void 0===i?void 0:i.number_of_uses_allowed)&&void 0!==a?a:0;return t(o\|\|(o=u` <div data-testid="title"> ${0} <div class="flex items-center justify-between"> <div class="font-semibold truncate">${0}</div> <foxy-i18n options="${0}" class="text-tertiary text-s flex-shrink-0" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),null!==(n=null===(r=this.data)\|\|void 0===r?void 0:r.name)&&void 0!==n?n:t(d\|\|(d=u`&ZeroWidthSpace;`)),JSON.stringify({count:l,total:c}),this.lang,0===c?"uses_count":"uses_to_total_count",this.ns,this.renderTemplateOrSlot("title:after"))}__renderDescription(){let e=null;if(this.data){const s=this.data.coupon_discount_details,i=this.data.coupon_discount_type,a=this.ns;e=t(l\|\|(l=u` <foxy-i18n options="${0}" lang="${0}" key="discount_summary" ns="${0}"> </foxy-i18n> `),JSON.stringify({params:{details:s,type:i,ns:a}}),this.lang,this.ns)}return t(c\|\|(c=u` <div data-testid="description"> ${0} <div class="truncate text-s text-secondary">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("description:before"),null!=e?e:t(p\|\|(p=u`&ZeroWidthSpace;`)),this.renderTemplateOrSlot("description:after"))}__renderStatus(){var e;const{start_date:s,end_date:i}=null!==(e=this.data)&&void 0!==e?e:{},a=s&&i?"complete":s?"from":i?"until":"any";return t(h\|\|(h=u` <div data-testid="status"> ${0} <foxy-i18n options="${0}" class="block truncate text-s text-tertiary" lang="${0}" key="date_range_${0}" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({start:s,end:i}),this.lang,a,this.ns,this.renderTemplateOrSlot("status:after"))}}customElements.define("foxy-coupon-card",f);export{f as CouponCard};