npm - @foxy.io/elements - Versions diffs - 1.24.0-beta.5 → 1.24.0 - Mend

@foxy.io/elements 1.24.0-beta.5 → 1.24.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 (275) hide show

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

	@@ -1 +1 @@
1	- import"./shared-f9180815.js";import"./shared-~~79d01877~~.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{a as e}from"./shared-~~a88c5cf1~~.js";import{T as t}from"./shared-~~15fe0f50~~.js";import{h as s,s as r}from"./shared-7f33a83a.js";import"./shared-~~421e46e9~~.js";import"./shared-~~a6517170~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-~~763a6797~~.js";import"./shared-~~8528906b~~.js";import"./shared-4e709717.js";import"./shared-~~c97f7178~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~1fd59009~~.js";import"./shared-d3bf9ac0.js";let a,i,o,n,d,l,c=e=>e;const m=e(t,"downloadable-card");class h extends m{renderBody(){const e=this.__extension;return s(a\|\|(a=c` <div class="flex gap-s"> <div class="w-s h-s flex-shrink-0 rounded-s bg-contrast-5 flex" aria-hidden="true"> ${0} </div> <div class="flex-1 min-w-0"> ${0} </div> </div> `),e.length<5?this.__renderExtension(e):r(i\|\|(i=c`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="m-auto" style="width: 64%; height: 64%"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>`)),super.renderBody({title:e=>s(o\|\|(o=c` <span class="inline-flex w-full items-center"> <span class="mr-auto truncate min-w-0">${0} • ${0}</span> <span class="text-s text-tertiary font-normal flex-shrink-0"> ${0} ${0} </span> </span> `),e.name,e.code,r(n\|\|(n=c`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline" style="width: 1.15em; height: 1.15em"><path d="M10.75 10.818v2.614A3.13 3.13 0 0011.888 13c.482-.315.612-.648.612-.875 0-.227-.13-.56-.612-.875a3.13 3.13 0 00-1.138-.432zM8.33 8.62c.053.055.115.11.184.164.208.16.46.284.736.363V6.603a2.45 2.45 0 00-.35.13c-.14.065-.27.143-.386.233-.377.292-.514.627-.514.909 0 .184.058.39.202.592.037.051.08.102.128.152z" /><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-6a.75.75 0 01.75.75v.316a3.78 3.78 0 011.653.713c.426.33.744.74.925 1.2a.75.75 0 01-1.395.55 1.35 1.35 0 00-.447-.563 2.187 2.187 0 00-.736-.363V9.3c.698.093 1.383.32 1.959.696.787.514 1.29 1.27 1.29 2.13 0 .86-.504 1.616-1.29 2.13-.576.377-1.261.603-1.96.696v.299a.75.75 0 11-1.5 0v-.3c-.697-.092-1.382-.318-1.958-.695-.482-.315-.857-.717-1.078-1.188a.75.75 0 111.359-.636c.08.173.245.376.54.569.313.205.706.353 1.138.432v-2.748a3.782 3.782 0 01-1.653-.713C6.9 9.433 6.5 8.681 6.5 7.875c0-.805.4-1.558 1.097-2.096a3.78 3.78 0 011.653-.713V4.75A.75.75 0 0110 4z" clip-rule="evenodd" /></svg>`)),this.__formattedPrice),subtitle:e=>s(d\|\|(d=c`${0} (${0})`),e.file_name,this.__formattedFileSize)}))}get __formattedFileSize(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.file_size)&&void 0!==t?t:0,r=1024,a=1048576,i=1024*a,o={maximumFractionDigits:2},n=this.lang\|\|"en";try{return s/i>1?`${(s/i).toLocaleString(n,o)} GB`:s/a>1?`${(s/a).toLocaleString(n,o)} MB`:s/r>1?`${(s/r).toLocaleString(n,o)} KB`:`${s.toLocaleString(n,o)} B`}catch(e){return`${s} B`}}get __formattedPrice(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.price)&&void 0!==t?t:0;try{return s.toLocaleString(this.lang\|\|"en",{maximumFractionDigits:2,minimumFractionDigits:2})}catch(e){return String(s)}}get __extension(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.file_name.split(".").filter((e=>!!e)))&&void 0!==t?t:[];return s.length<2?"?????":s.pop()}__renderExtension(e){const t=`font: 700 calc(var(--lumo-size-s) / ${Math.max(2,e.length)}) sans-serif`;return s(l\|\|(l=c`<span style="${0}" class="m-auto font-medium uppercase">${0}</span>`),t,e)}}customElements.define("foxy-downloadable-card",h);export{h as DownloadableCard};
1	+ import"./shared-f9180815.js";import"./shared-584174ff.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{a as e}from"./shared-3b709ddc.js";import{T as t}from"./shared-f0a9f3c2.js";import{h as s,s as r}from"./shared-7f33a83a.js";import"./shared-31d8e3b8.js";import"./shared-9b12aeac.js";import"./shared-4c2e9064.js";import"./shared-35728235.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-fd96bcd1.js";import"./shared-e8a51c60.js";import"./shared-4e709717.js";import"./shared-5784c088.js";import"./shared-e5239bec.js";import"./shared-b446c140.js";import"./shared-5cf7b194.js";import"./shared-d3bf9ac0.js";let a,i,o,n,d,l,c=e=>e;const m=e(t,"downloadable-card");class h extends m{renderBody(){const e=this.__extension;return s(a\|\|(a=c` <div class="flex gap-s"> <div class="w-s h-s flex-shrink-0 rounded-s bg-contrast-5 flex" aria-hidden="true"> ${0} </div> <div class="flex-1 min-w-0"> ${0} </div> </div> `),e.length<5?this.__renderExtension(e):r(i\|\|(i=c`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="m-auto" style="width: 64%; height: 64%"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>`)),super.renderBody({title:e=>s(o\|\|(o=c` <span class="inline-flex w-full items-center"> <span class="mr-auto truncate min-w-0">${0} • ${0}</span> <span class="text-s text-tertiary font-normal flex-shrink-0"> ${0} ${0} </span> </span> `),e.name,e.code,r(n\|\|(n=c`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline" style="width: 1.15em; height: 1.15em"><path d="M10.75 10.818v2.614A3.13 3.13 0 0011.888 13c.482-.315.612-.648.612-.875 0-.227-.13-.56-.612-.875a3.13 3.13 0 00-1.138-.432zM8.33 8.62c.053.055.115.11.184.164.208.16.46.284.736.363V6.603a2.45 2.45 0 00-.35.13c-.14.065-.27.143-.386.233-.377.292-.514.627-.514.909 0 .184.058.39.202.592.037.051.08.102.128.152z" /><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-6a.75.75 0 01.75.75v.316a3.78 3.78 0 011.653.713c.426.33.744.74.925 1.2a.75.75 0 01-1.395.55 1.35 1.35 0 00-.447-.563 2.187 2.187 0 00-.736-.363V9.3c.698.093 1.383.32 1.959.696.787.514 1.29 1.27 1.29 2.13 0 .86-.504 1.616-1.29 2.13-.576.377-1.261.603-1.96.696v.299a.75.75 0 11-1.5 0v-.3c-.697-.092-1.382-.318-1.958-.695-.482-.315-.857-.717-1.078-1.188a.75.75 0 111.359-.636c.08.173.245.376.54.569.313.205.706.353 1.138.432v-2.748a3.782 3.782 0 01-1.653-.713C6.9 9.433 6.5 8.681 6.5 7.875c0-.805.4-1.558 1.097-2.096a3.78 3.78 0 011.653-.713V4.75A.75.75 0 0110 4z" clip-rule="evenodd" /></svg>`)),this.__formattedPrice),subtitle:e=>s(d\|\|(d=c`${0} (${0})`),e.file_name,this.__formattedFileSize)}))}get __formattedFileSize(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.file_size)&&void 0!==t?t:0,r=1024,a=1048576,i=1024*a,o={maximumFractionDigits:2},n=this.lang\|\|"en";try{return s/i>1?`${(s/i).toLocaleString(n,o)} GB`:s/a>1?`${(s/a).toLocaleString(n,o)} MB`:s/r>1?`${(s/r).toLocaleString(n,o)} KB`:`${s.toLocaleString(n,o)} B`}catch(e){return`${s} B`}}get __formattedPrice(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.price)&&void 0!==t?t:0;try{return s.toLocaleString(this.lang\|\|"en",{maximumFractionDigits:2,minimumFractionDigits:2})}catch(e){return String(s)}}get __extension(){var e,t;const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e.file_name.split(".").filter((e=>!!e)))&&void 0!==t?t:[];return s.length<2?"?????":s.pop()}__renderExtension(e){const t=`font: 700 calc(var(--lumo-size-s) / ${Math.max(2,e.length)}) sans-serif`;return s(l\|\|(l=c`<span style="${0}" class="m-auto font-medium uppercase">${0}</span>`),t,e)}}customElements.define("foxy-downloadable-card",h);export{h as DownloadableCard};

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

@@ -1,4 +1,4 @@
-import{I as e}from"./shared-91eb066c.js";import"./shared-2fa6a5a0.js";import{E as r,T as t}from"./shared-4bd1efd7.js";import"./shared-0689b25a.js";import"./shared-9bdd5400.js";import{h as o,P as a,B as i}from"./shared-a7475f62.js";import"./shared-c97f7178.js";import"./shared-46f3f71c.js";import{y as s,a as n}from"./shared-a88c5cf1.js";import{c as l,h as A}from"./shared-7f33a83a.js";import{i as d}from"./shared-d3bf9ac0.js";import{c as p}from"./shared-4e709717.js";import"./shared-3164d0c3.js";import"./shared-7ead930c.js";import"./shared-897ab5e6.js";import{I as u}from"./shared-b334c8b6.js";import"./foxy-nucleon-element.js";import{_ as c,B as m}from"./shared-0dabe195.js";import"./shared-f9180815.js";import"./shared-1fd59009.js";import"./shared-763a6797.js";import"./shared-a6517170.js";import"./shared-bbbb8894.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-8528906b.js";import"./shared-c541c9e9.js";import"./shared-6b0498b2.js";import"./shared-a134d313.js";import"./shared-7680d300.js";import"./shared-8128b5e3.js";import"./shared-c758220c.js";import"./foxy-spinner.js";import"./shared-6dffe67d.js";const h=o`<dom-module id="lumo-progress-bar" theme-for="vaadin-progress-bar">
+import{I as e}from"./shared-ba93be6b.js";import"./shared-3f04e4cc.js";import{E as r,T as t}from"./shared-eb8a0fdf.js";import"./shared-7abbc95c.js";import"./shared-9048eeb2.js";import{h as o,P as a,B as i}from"./shared-e5239bec.js";import"./shared-5784c088.js";import"./shared-2edcd981.js";import{y as s,a as n}from"./shared-3b709ddc.js";import{c as l,h as A}from"./shared-7f33a83a.js";import{i as d}from"./shared-d3bf9ac0.js";import{c as p}from"./shared-4e709717.js";import"./shared-c839e147.js";import"./shared-27d21f4a.js";import"./shared-d90dbae7.js";import{I as u}from"./shared-e2e2ca6a.js";import"./foxy-nucleon-element.js";import{_ as c,B as m}from"./shared-4c2e9064.js";import"./shared-f9180815.js";import"./shared-5cf7b194.js";import"./shared-fd96bcd1.js";import"./shared-9b12aeac.js";import"./shared-35728235.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";import"./shared-ef7f2d07.js";import"./shared-fff03a45.js";import"./shared-ff7fd5fa.js";import"./shared-13fbea95.js";import"./shared-799dc083.js";import"./shared-621b3283.js";import"./foxy-spinner.js";import"./shared-b446c140.js";const h=o`<dom-module id="lumo-progress-bar" theme-for="vaadin-progress-bar">
   <template>
     <style>
       :host {

package/dist/cdn/foxy-email-template-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{a as e}from"./shared-~~a88c5cf1~~.js";import{T as t}from"./shared-~~15fe0f50~~.js";import{h as r}from"./shared-7f33a83a.js";import"./shared-~~c97f7178~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~763a6797~~.js";import"./shared-343d1fd7.js";import"./shared-~~1fd59009~~.js";import"./shared-d3bf9ac0.js";import"./shared-~~421e46e9~~.js";import"./shared-~~a6517170~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";import"./shared-4e709717.js";let s,o,a=e=>e;const m=e(t,"email-template-card");class d extends m{renderBody(){return super.renderBody({title:e=>r(s\|\|(s=a`${0}`),e.description),subtitle:e=>r(o\|\|(o=a`<foxy-i18n infer="" key="${0}"></foxy-i18n>`),this.__getType(e))})}__getType(e){const{content_html_url:t,content_text_url:r}=e,{content_html:s,content_text:o}=e;return!o\|\|r\|\|s\|\|t?!s\|\|t\|\|o\|\|r?!t\|\|r\|\|s\|\|o?!r\|\|t\|\|o\|\|s?s\|\|t\|\|o\|\|r?"type_mixed":"type_default":"type_custom_text_url":"type_custom_html_url":"type_custom_html":"type_custom_text"}}customElements.define("foxy-email-template-card",d);export{d as EmailTemplateCard};
1	+ import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{a as e}from"./shared-3b709ddc.js";import{T as t}from"./shared-f0a9f3c2.js";import{h as r}from"./shared-7f33a83a.js";import"./shared-5784c088.js";import"./shared-e5239bec.js";import"./shared-b446c140.js";import"./shared-4c2e9064.js";import"./shared-fd96bcd1.js";import"./shared-343d1fd7.js";import"./shared-5cf7b194.js";import"./shared-d3bf9ac0.js";import"./shared-31d8e3b8.js";import"./shared-9b12aeac.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";import"./shared-4e709717.js";let s,o,d=e=>e;const a=e(t,"email-template-card");class m extends a{renderBody(){return super.renderBody({title:e=>r(s\|\|(s=d`${0}`),e.description),subtitle:e=>r(o\|\|(o=d`<foxy-i18n infer="" key="${0}"></foxy-i18n>`),this.__getType(e))})}__getType(e){const{content_html_url:t,content_text_url:r}=e,{content_html:s,content_text:o}=e;return!o\|\|r\|\|s\|\|t?!s\|\|t\|\|o\|\|r?!t\|\|r\|\|s\|\|o?!r\|\|t\|\|o\|\|s?s\|\|t\|\|o\|\|r?"type_mixed":"type_default":"type_custom_text_url":"type_custom_html_url":"type_custom_html":"type_custom_text"}}customElements.define("foxy-email-template-card",m);export{m as EmailTemplateCard};

package/dist/cdn/foxy-email-template-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~0689b25a~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-~~8465a37a~~.js";import"./shared-~~8128b5e3~~.js";import"./shared-~~4a0298cb~~.js";import"./shared-~~897ab5e6~~.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{_ as e}from"./shared-~~0dabe195~~.js";import"./shared-~~c97f7178~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~a96a2154~~.js";import{h as t}from"./shared-7f33a83a.js";import{S as a,T as s,a as i}from"./shared-~~a88c5cf1~~.js";import{c as r}from"./shared-4e709717.js";import{C as n,a as o}from"./shared-~~619bcf83~~.js";import"./shared-~~c758220c~~.js";import"./shared-~~19c9fe00~~.js";import"./shared-~~7680d300~~.js";import"./shared-~~13cc4ed4~~.js";import"./shared-~~db06114b~~.js";import"./shared-~~c541c9e9~~.js";import{G as l}from"./shared-~~639dda4b~~.js";import"./shared-~~2fa6a5a0~~.js";import{P as d}from"./shared-~~7d4e0011~~.js";import{C as c}from"./shared-~~1fd59009~~.js";import{N as h}from"./shared-~~a6517170~~.js";import{i as m}from"./shared-d3bf9ac0.js";import"./shared-~~a7475f62~~.js";import"./shared-~~a134d313~~.js";import"./shared-~~91eb066c~~.js";import"./shared-~~763a6797~~.js";import"./shared-d519a301.js";import"./shared-~~6dffe67d~~.js";import"./shared-343d1fd7.js";import"./shared-~~8134d8a7~~.js";import"./shared-11c2efc8.js";import"./shared-~~8528906b~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-~~f4822b9e~~.js";import"./shared-~~6b0498b2~~.js";import"./shared-3ab0306f.js";let p,u,f,_,b,y,x,$,v=e=>e;const g=a(s(c(i(h,"email-template-form"))));class j extends g{constructor(){super(...arguments),this.templates={},this.__templateLanguageOptions=[{label:"Nunjucks",value:"nunjucks"},{label:"Handlebars",value:"handlebars"},{label:"Pug",value:"pug"},{label:"Twig",value:"twig"},{label:"EJS",value:"ejs"}],this.__textContentChoice="default",this.__htmlContentChoice="default",this.__cacheState="idle"}static get properties(){return e(e({},super.properties),{},{__cacheState:{attribute:!1},__contentChoice:{attribute:!1}})}static get scopedElements(){return{"foxy-internal-select-control":customElements.get("foxy-internal-select-control"),"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-source-control":customElements.get("foxy-internal-source-control"),"foxy-internal-text-control":customElements.get("foxy-internal-text-control"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"x-property-table":d,"x-choice":n,"x-group":l}}render(){var e,a,s;const{hiddenSelector:i,href:n,lang:o,ns:l}=this,d=n?"delete":"create",c=this.in("busy"),h=this.in("fail");return t(p\|\|(p=v` <div class="space-y-m"> ${0} <foxy-internal-text-control infer="subject"></foxy-internal-text-control> ${0} ${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> `),i.matches("description",!0)?"":this.__renderDescription(),"Email Receipt Template"===(null===(e=this.data)\|\|void 0===e?void 0:e.description)?"":t(u\|\|(u=v` <foxy-internal-select-control infer="template-language" .options="${0}"> </foxy-internal-select-control> `),this.__templateLanguageOptions),i.matches("content",!0)?"":this.__renderContent(),i.matches("timestamps",!0)\|\|!n?"":this.__renderTimestamps(),i.matches(d)?"":this.__renderAction(d),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!c&&!h}),h?"error":c?"busy":"empty",o,l,null!==(s=null===(a=customElements.get("foxy-spinner"))\|\|void 0===a?void 0:a.defaultNS)&&void 0!==s?s:"")}async _sendPost(e){const t=await super._sendPost(e);if(!t.content_html_url&&!t.content_text_url)return t;this.__cacheState="busy";const a=t._links["fx:cache"].href,s=await new j.API(this).fetch(a,{method:"POST"});return this.__cacheState=s.ok?"idle":"fail",await this._fetch(t._links.self.href)}async _sendPatch(e){const t=await super._sendPatch(e);if(!t.content_html_url&&!t.content_text_url)return t;this.__cacheState="busy";const a=t._links["fx:cache"].href,s=await new j.API(this).fetch(a,{method:"POST"});return this.__cacheState=s.ok?"idle":"fail",await this._fetch(t._links.self.href)}__renderDescription(){var e,a;const s="description";return t(f\|\|(f=v` <div> ${0} <vaadin-text-field data-testid="${0}" class="w-full mb-s" label="${0}" ?disabled="${0}" ?readonly="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${s}:before`),s,this.t(s),!this.in("idle")\|\|this.disabledSelector.matches(s),this.readonlySelector.matches(s),null!==(a=null===(e=this.form)\|\|void 0===e?void 0:e.description)&&void 0!==a?a:"",(e=>"Enter"===e.key&&this.submit()),(e=>{this.edit({description:e.currentTarget.value})}),this.renderTemplateOrSlot(`${s}:after`))}__renderContent(){return t(_\|\|(_=v` <div data-testid="content"> <div class="space-y-l">${0}</div> </div> `),["text","html"].map((e=>this.__renderContentVariant(e))))}__renderContentVariant(e){var a,s;const i="text"===e?"content_text_url":"content_html_url",n="text"===e?"content_text":"content_html",l="text"===e?"text_template":"html_template",d=this.form[i],c=this.form[n],h="text"===e?"__textContentChoice":"__htmlContentChoice",p=d?"url":c?"clipboard":this[h],u=!this.in("idle")\|\|this.disabledSelector.matches("content",!0),f=this.readonlySelector.matches("content",!0),_=f\|\|!(null===(a=this.data)\|\|void 0===a?void 0:a[i])\|\|d!==this.data[i];return t(b\|\|(b=v` <x-group frame> <foxy-i18n class="${0}" lang="${0}" slot="header" key="${0}" ns="${0}"> </foxy-i18n> <x-choice data-testid="${0}-type" .value="${0}" .items="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> ${0} <div style="--lumo-border-radius:var(--lumo-border-radius-s)" class="mb-m" slot="url" ?hidden="${0}"> <div class="flex items-end mt-0"> <vaadin-text-field data-testid="${0}-url" placeholder="https://example.com/my-template" label="${0}" class="flex-1 min-w-0" value="${0}" ?readonly="${0}" ?disabled="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button data-testid="${0}-cache" class="relative flex-shrink-0 ml-s" ?disabled="${0}" ?hidden="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="cache" ns="${0}"> </foxy-i18n> <div class="${0}"> <foxy-spinner layout="no-label" class="m-auto" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> </vaadin-button> </div> <foxy-internal-source-control placeholder="${0}" helper-text="" property="${0}" label="${0}" infer="content" class="mt-m${0}" style="--lumo-border-radius:var(--lumo-border-radius-s)"> </foxy-internal-source-control> </div> <foxy-internal-source-control placeholder="${0}" helper-text="" property="${0}" label="${0}" infer="content" class="mb-m${0}" style="--lumo-border-radius:var(--lumo-border-radius-s)" slot="clipboard"> </foxy-internal-source-control> </x-choice> </x-group> `),r({"transition-colors":!0,"text-disabled":u}),this.lang,l,this.ns,n.replace("_","-"),p,["default","url","clipboard"],f,u,(e=>{e instanceof o&&(this.edit({[n]:"",[i]:""}),this[h]=e.detail)}),["default","url","clipboard"].map((e=>t(y\|\|(y=v` <div slot="${0}-label" class="py-s leading-s"> <foxy-i18n class="block" lang="${0}" key="template_${0}" ns="${0}"> </foxy-i18n> </div> `),e,this.lang,e,this.ns))),"url"!==p,n.replace("_","-"),this.t("url"),m(this.form[i]),f,u,(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({[n]:"",[i]:t})}),n.replace("_","-"),u\|\|"busy"===this.__cacheState,_,this.__cache,r({"relative transition-opacity":!0,"opacity-0":"idle"!==this.__cacheState}),this.lang,this.ns,r({"absolute inset-0 flex transition-opacity":!0,"opacity-0":"idle"===this.__cacheState}),"fail"===this.__cacheState?"error":"busy",this.lang,this.ns,this.t("url_source_placeholder"),n,this.t("url_source_label"),(null===(s=this.data)\|\|void 0===s?void 0:s[n])?"":" hidden",this.t("clipboard_source_placeholder"),n,this.t("clipboard_source_label"),"clipboard"===p?"":" hidden")}__renderTimestamps(){const e="timestamps";return t(x\|\|(x=v` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),["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])}):""}})),this.renderTemplateOrSlot(`${e}:after`))}__renderAction(e){const{disabledSelector:a,href:s,lang:i,ns:r}=this,n=this.in({idle:{template:{dirty:"valid"}}}),o=this.in({idle:{snapshot:{dirty:"valid"}}}),l=!this.in("idle")\|\|a.matches(e,!0),d=n\|\|o;return t($\|\|($=v` <div> ${0} <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> <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(`${e}:before`),i,r,(e=>{e.detail.cancelled\|\|this.delete()}),this.in("idle")?s?"error":"primary success":"",e,this.in({idle:"template"})&&!d\|\|l,(t=>{if("delete"===e){this.renderRoot.querySelector("#confirm").show(t.currentTarget)}else this.submit()}),r,e,i,this.renderTemplateOrSlot(`${e}:after`))}async __cache(){var e,t;this.__cacheState="busy";try{const a=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e._links["fx:cache"].href)&&void 0!==t?t:"",s=await new j.API(this).fetch(a,{method:"POST"});this.__cacheState=s.ok?"idle":"fail",this.refresh()}catch(e){this.__cacheState="fail"}}}customElements.define("foxy-email-template-form",j);export{j as EmailTemplateForm};
1	+ import"./shared-7abbc95c.js";import"./shared-9048eeb2.js";import"./shared-0c0ee663.js";import"./shared-799dc083.js";import"./shared-f29acc38.js";import"./shared-d90dbae7.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{_ as e}from"./shared-4c2e9064.js";import"./shared-5784c088.js";import"./shared-eb8a0fdf.js";import"./shared-099c1f57.js";import{h as t}from"./shared-7f33a83a.js";import{S as s,T as a,a as i}from"./shared-3b709ddc.js";import{c as r}from"./shared-4e709717.js";import{C as n,a as o}from"./shared-601f27b1.js";import"./shared-621b3283.js";import"./shared-f21e5761.js";import"./shared-13fbea95.js";import"./shared-3c2414d4.js";import"./shared-bee111d6.js";import"./shared-ef7f2d07.js";import{G as l}from"./shared-d1f5de89.js";import"./shared-3f04e4cc.js";import{P as d}from"./shared-7fab31ac.js";import{C as c}from"./shared-5cf7b194.js";import{N as h}from"./shared-9b12aeac.js";import{i as m}from"./shared-d3bf9ac0.js";import"./shared-e5239bec.js";import"./shared-ff7fd5fa.js";import"./shared-ba93be6b.js";import"./shared-fd96bcd1.js";import"./shared-d519a301.js";import"./shared-b446c140.js";import"./shared-343d1fd7.js";import"./shared-6daeb197.js";import"./shared-11c2efc8.js";import"./shared-e8a51c60.js";import"./shared-35728235.js";import"./shared-f5bbb1e0.js";import"./shared-fff03a45.js";import"./shared-3ab0306f.js";let p,f,u,_,b,y,x,$,v=e=>e;const g=s(a(c(i(h,"email-template-form"))));class j extends g{constructor(){super(...arguments),this.templates={},this.__templateLanguageOptions=[{label:"Nunjucks",value:"nunjucks"},{label:"Handlebars",value:"handlebars"},{label:"Pug",value:"pug"},{label:"Twig",value:"twig"},{label:"EJS",value:"ejs"}],this.__textContentChoice="default",this.__htmlContentChoice="default",this.__cacheState="idle"}static get properties(){return e(e({},super.properties),{},{__cacheState:{attribute:!1},__contentChoice:{attribute:!1}})}static get scopedElements(){return{"foxy-internal-select-control":customElements.get("foxy-internal-select-control"),"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-source-control":customElements.get("foxy-internal-source-control"),"foxy-internal-text-control":customElements.get("foxy-internal-text-control"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"x-property-table":d,"x-choice":n,"x-group":l}}render(){var e,s,a;const{hiddenSelector:i,href:n,lang:o,ns:l}=this,d=n?"delete":"create",c=this.in("busy"),h=this.in("fail");return t(p\|\|(p=v` <div class="space-y-m"> ${0} <foxy-internal-text-control infer="subject"></foxy-internal-text-control> ${0} ${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> `),i.matches("description",!0)?"":this.__renderDescription(),"Email Receipt Template"===(null===(e=this.data)\|\|void 0===e?void 0:e.description)?"":t(f\|\|(f=v` <foxy-internal-select-control infer="template-language" .options="${0}"> </foxy-internal-select-control> `),this.__templateLanguageOptions),i.matches("content",!0)?"":this.__renderContent(),i.matches("timestamps",!0)\|\|!n?"":this.__renderTimestamps(),i.matches(d)?"":this.__renderAction(d),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!c&&!h}),h?"error":c?"busy":"empty",o,l,null!==(a=null===(s=customElements.get("foxy-spinner"))\|\|void 0===s?void 0:s.defaultNS)&&void 0!==a?a:"")}async _sendPost(e){const t=await super._sendPost(e);if(!t.content_html_url&&!t.content_text_url)return t;this.__cacheState="busy";const s=t._links["fx:cache"].href,a=await new j.API(this).fetch(s,{method:"POST"});return this.__cacheState=a.ok?"idle":"fail",await this._fetch(t._links.self.href)}async _sendPatch(e){const t=await super._sendPatch(e);if(!t.content_html_url&&!t.content_text_url)return t;this.__cacheState="busy";const s=t._links["fx:cache"].href,a=await new j.API(this).fetch(s,{method:"POST"});return this.__cacheState=a.ok?"idle":"fail",await this._fetch(t._links.self.href)}__renderDescription(){var e,s;const a="description";return t(u\|\|(u=v` <div> ${0} <vaadin-text-field data-testid="${0}" class="w-full mb-s" label="${0}" ?disabled="${0}" ?readonly="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${a}:before`),a,this.t(a),!this.in("idle")\|\|this.disabledSelector.matches(a),this.readonlySelector.matches(a),null!==(s=null===(e=this.form)\|\|void 0===e?void 0:e.description)&&void 0!==s?s:"",(e=>"Enter"===e.key&&this.submit()),(e=>{this.edit({description:e.currentTarget.value})}),this.renderTemplateOrSlot(`${a}:after`))}__renderContent(){return t(_\|\|(_=v` <div data-testid="content"> <div class="space-y-l">${0}</div> </div> `),["text","html"].map((e=>this.__renderContentVariant(e))))}__renderContentVariant(e){var s,a;const i="text"===e?"content_text_url":"content_html_url",n="text"===e?"content_text":"content_html",l="text"===e?"text_template":"html_template",d=this.form[i],c=this.form[n],h="text"===e?"__textContentChoice":"__htmlContentChoice",p=d?"url":c?"clipboard":this[h],f=!this.in("idle")\|\|this.disabledSelector.matches("content",!0),u=this.readonlySelector.matches("content",!0),_=u\|\|!(null===(s=this.data)\|\|void 0===s?void 0:s[i])\|\|d!==this.data[i];return t(b\|\|(b=v` <x-group frame> <foxy-i18n class="${0}" lang="${0}" slot="header" key="${0}" ns="${0}"> </foxy-i18n> <x-choice data-testid="${0}-type" .value="${0}" .items="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> ${0} <div style="--lumo-border-radius:var(--lumo-border-radius-s)" class="mb-m" slot="url" ?hidden="${0}"> <div class="flex items-end mt-0"> <vaadin-text-field data-testid="${0}-url" placeholder="https://example.com/my-template" label="${0}" class="flex-1 min-w-0" value="${0}" ?readonly="${0}" ?disabled="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button data-testid="${0}-cache" class="relative flex-shrink-0 ml-s" ?disabled="${0}" ?hidden="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="cache" ns="${0}"> </foxy-i18n> <div class="${0}"> <foxy-spinner layout="no-label" class="m-auto" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> </vaadin-button> </div> <foxy-internal-source-control placeholder="${0}" helper-text="" property="${0}" label="${0}" infer="content" class="mt-m${0}" style="--lumo-border-radius:var(--lumo-border-radius-s)"> </foxy-internal-source-control> </div> <foxy-internal-source-control placeholder="${0}" helper-text="" property="${0}" label="${0}" infer="content" class="mb-m${0}" style="--lumo-border-radius:var(--lumo-border-radius-s)" slot="clipboard"> </foxy-internal-source-control> </x-choice> </x-group> `),r({"transition-colors":!0,"text-disabled":f}),this.lang,l,this.ns,n.replace("_","-"),p,["default","url","clipboard"],u,f,(e=>{e instanceof o&&(this.edit({[n]:"",[i]:""}),this[h]=e.detail)}),["default","url","clipboard"].map((e=>t(y\|\|(y=v` <div slot="${0}-label" class="py-s leading-s"> <foxy-i18n class="block" lang="${0}" key="template_${0}" ns="${0}"> </foxy-i18n> </div> `),e,this.lang,e,this.ns))),"url"!==p,n.replace("_","-"),this.t("url"),m(this.form[i]),u,f,(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({[n]:"",[i]:t})}),n.replace("_","-"),f\|\|"busy"===this.__cacheState,_,this.__cache,r({"relative transition-opacity":!0,"opacity-0":"idle"!==this.__cacheState}),this.lang,this.ns,r({"absolute inset-0 flex transition-opacity":!0,"opacity-0":"idle"===this.__cacheState}),"fail"===this.__cacheState?"error":"busy",this.lang,this.ns,this.t("url_source_placeholder"),n,this.t("url_source_label"),(null===(a=this.data)\|\|void 0===a?void 0:a[n])?"":" hidden",this.t("clipboard_source_placeholder"),n,this.t("clipboard_source_label"),"clipboard"===p?"":" hidden")}__renderTimestamps(){const e="timestamps";return t(x\|\|(x=v` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),["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])}):""}})),this.renderTemplateOrSlot(`${e}:after`))}__renderAction(e){const{disabledSelector:s,href:a,lang:i,ns:r}=this,n=this.in({idle:{template:{dirty:"valid"}}}),o=this.in({idle:{snapshot:{dirty:"valid"}}}),l=!this.in("idle")\|\|s.matches(e,!0),d=n\|\|o;return t($\|\|($=v` <div> ${0} <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> <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(`${e}:before`),i,r,(e=>{e.detail.cancelled\|\|this.delete()}),this.in("idle")?a?"error":"primary success":"",e,this.in({idle:"template"})&&!d\|\|l,(t=>{if("delete"===e){this.renderRoot.querySelector("#confirm").show(t.currentTarget)}else this.submit()}),r,e,i,this.renderTemplateOrSlot(`${e}:after`))}async __cache(){var e,t;this.__cacheState="busy";try{const s=null!==(t=null===(e=this.data)\|\|void 0===e?void 0:e._links["fx:cache"].href)&&void 0!==t?t:"",a=await new j.API(this).fetch(s,{method:"POST"});this.__cacheState=a.ok?"idle":"fail",this.refresh()}catch(e){this.__cacheState="fail"}}}customElements.define("foxy-email-template-form",j);export{j as EmailTemplateForm};

package/dist/cdn/foxy-error-entry-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{al as e,_ as s}from"./shared-~~0dabe195~~.js";import{L as r,c as t,h as a}from"./shared-7f33a83a.js";import{T as i,a as n,S as o}from"./shared-~~a88c5cf1~~.js";import{c as l}from"./shared-4e709717.js";import{G as d}from"./shared-~~639dda4b~~.js";import"./foxy-nucleon-element.js";import{N as c}from"./shared-~~a6517170~~.js";import{d as p}from"./shared-~~6b3be508~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-~~763a6797~~.js";import"./shared-~~8528906b~~.js";let u,m,f,y=e=>e;class h extends(i(r)){constructor(){super(...arguments),this.data=[]}static get properties(){return{data:{type:Array}}}static get styles(){return[super.styles,t(u\|\|(u=y`dd,dt{display:inline-block;overflow:hidden;vertical-align:top;overflow-wrap:anywhere}dt{min-width:calc(5 * var(--lumo-size-l));padding-right:.5em}dd{max-width:calc(15 * var(--lumo-size-l));min-width:calc(10 * var(--lumo-size-l))}`))]}render(){return a(m\|\|(m=y` <dl class="space-y-s"> ${0} </dl> `),this.data.map((e=>{const s=String(e[1]).trim();return a(f\|\|(f=y` <div> <dt class="text-secondary truncate">${0}</dt> <dd class="${0}">${0}</dd> </div> `),e[0],l({"text-tertiary":!s}),s\|\|"–")})))}}let x,g,v=e=>e;const $=["_links","_embedded"],_=n(i(o(c)));class b extends _{static get scopedElements(){return{"foxy-spinner":customElements.get("foxy-spinner"),"x-data-list":h}}render(){if(this.in({idle:"snapshot"})){const s=this.data,{_links:r,_embedded:t}=s,i=e(s,$);try{const e=function(e){try{const s=new URL(e).pathname.split("/").pop()\|\|void 0;if(void 0===s)return null;const r=parseInt(s);return isNaN(r)?s:r}catch(e){return null}}(r.self.href);null!==e&&(i.id=e)}catch(e){}return a(x\|\|(x=v` <x-data-list aria-live="polite" aria-busy="false" class="leading-s text-s" data="${0}"> </x-data-list> `),JSON.stringify(Array.from(Object.entries(i))))}const s=this.in("busy");return a(g\|\|(g=v` <div aria-live="polite" aria-busy="${0}" data-testid="wrapper" class="flex justify-center"> <foxy-spinner data-testid="spinner" layout="horizontal" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> `),s,this.in("fail")?"error":s?"busy":"empty",this.lang,this.ns)}}let j,w,k,S,E,N,O,z,T,G,J,P=e=>e;const R=n(i(o(c)),"error-entry-card");class A extends R{constructor(){super(...arguments),this.open=!1}static get scopedElements(){return{"x-resource-viewer":b,"foxy-spinner":customElements.get("foxy-spinner"),"x-data-list":h,"iron-icon":customElements.get("iron-icon"),"foxy-i18n":customElements.get("foxy-i18n"),"x-group":d}}static get properties(){return s(s({},super.properties),{},{open:{type:Boolean,reflect:!0}})}render(){var e,s;const r=this.data,t=this.in("busy");if(r){const{hide_error:e}=r,{open:s}=this;return a(j\|\|(j=P` <details aria-busy="${0}" aria-live="polite" class="text-body w-full" ?open="${0}" @toggle="${0}"> <summary class="rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2"> <div style="padding-left:calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)" class="${0}"> ${0} </div> </summary> ${0} </details> `),t,s,this.__handleToggle,l({"border-l-2 leading-s relative cursor-pointer":!0,"border-contrast":e&&!s,"border-primary":!e,"border-error":e&&s,"h-l":!s}),this.__renderSummary(r),s?this.__renderDetails(r):"")}return a(w\|\|(w=P` <div aria-busy="${0}" aria-live="polite" style="padding-left:calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)" class="flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l"> <foxy-spinner data-testid="spinner" layout="horizontal" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),t,t?"busy":this.in("fail")?"error":"empty",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))\|\|void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}__renderGetOrPostValues(e,s){const r=new URLSearchParams(p(e\|\|s));return a(k\|\|(k=P` <div class="relative leading-xs pt-s"> <div class="absolute font-medium right-0 text-tertiary text-xs top-0 mt-s">${0}</div> <x-data-list data="${0}"></x-data-list> </div> `),e?"GET":"POST",JSON.stringify(Array.from(r.entries())))}__renderReferrer(e){return a(S\|\|(S=P` <span class="text-secondary">Navigated from</span> <a target="_blank" class="font-medium text-primary hover-underline" href="${0}" rel="nofollow noopener noreferrer"> ${0} </a> `),e,e)}__renderSummary(e){return a(E\|\|(E=P` <div class="text-s absolute right-0 top-0 text-tertiary"> <iron-icon icon="icons:expand-${0}"></iron-icon> </div> <div class="text-s mb-xs ${0}"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> </div> <p class="${0} overflow-hidden font-medium"> ${0} </p> `),this.open?"less":"more",e.hide_error?"text-error":"text-primary",JSON.stringify({value:e.date_created}),this.lang,this.ns,JSON.stringify({value:e.date_created}),this.lang,this.ns,this.open?"":"truncate",e.error_message)}__renderDetails(e){return a(N\|\|(N=P` <div class="space-y-m pt-m"> ${0} ${0} ${0} </div> `),e.referrer\|\|e.get_values\|\|e.post_values?a(O\|\|(O=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="request" ns="${0}"></foxy-i18n> <div class="mx-xs p-s text-s divide-y divide-contrast-10 space-y-s"> <p> <span class="block font-medium">${0}</span> ${0} </p> ${0} </div> </x-group> `),this.lang,this.ns,e.url,e.referrer?this.__renderReferrer(e.referrer):"",e.get_values\|\|e.post_values?this.__renderGetOrPostValues(e.get_values,e.post_values):""):"",e.ip_address\|\|e.ip_country\|\|e.user_agent?a(z\|\|(z=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="client" ns="${0}"></foxy-i18n> <div class="text-s flex flex-col mx-xs p-s"> <span class="font-medium"> ${0} ${0} </span> ${0} </div> </x-group> `),this.lang,this.ns,e.ip_address,e.ip_country?a(T\|\|(T=P`<span class="text-tertiary"> • </span>${0}`),e.ip_country):"",e.user_agent?a(G\|\|(G=P`<span class="text-secondary">${0}</span>`),e.user_agent):""):"",Object.entries(e._links).map((([e,s])=>["self","fx:store","curies"].includes(e)?"":a(J\|\|(J=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> <x-resource-viewer class="p-s mx-xs" href="${0}" lang="${0}" ns="${0}"> </x-resource-viewer> </x-group> `),this.lang,e.substr(3),this.ns,s.href,this.lang,this.ns))))}__handleToggle(e){var s;const r=e.target;r.open&&!1===(null===(s=this.data)\|\|void 0===s?void 0:s.hide_error)&&(this.edit({hide_error:!0}),this.submit()),this.open=r.open}}customElements.define("foxy-error-entry-card",A);export{A as ErrorEntryCard};
1	+ import{al as e,_ as s}from"./shared-4c2e9064.js";import{L as r,c as t,h as a}from"./shared-7f33a83a.js";import{T as i,a as n,S as o}from"./shared-3b709ddc.js";import{c as l}from"./shared-4e709717.js";import{G as d}from"./shared-d1f5de89.js";import"./foxy-nucleon-element.js";import{N as c}from"./shared-9b12aeac.js";import{d as p}from"./shared-4b20fc75.js";import"./shared-35728235.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-fd96bcd1.js";import"./shared-e8a51c60.js";let u,m,f,y=e=>e;class h extends(i(r)){constructor(){super(...arguments),this.data=[]}static get properties(){return{data:{type:Array}}}static get styles(){return[super.styles,t(u\|\|(u=y`dd,dt{display:inline-block;overflow:hidden;vertical-align:top;overflow-wrap:anywhere}dt{min-width:calc(5 * var(--lumo-size-l));padding-right:.5em}dd{max-width:calc(15 * var(--lumo-size-l));min-width:calc(10 * var(--lumo-size-l))}`))]}render(){return a(m\|\|(m=y` <dl class="space-y-s"> ${0} </dl> `),this.data.map((e=>{const s=String(e[1]).trim();return a(f\|\|(f=y` <div> <dt class="text-secondary truncate">${0}</dt> <dd class="${0}">${0}</dd> </div> `),e[0],l({"text-tertiary":!s}),s\|\|"–")})))}}let x,g,v=e=>e;const $=["_links","_embedded"],_=n(i(o(c)));class b extends _{static get scopedElements(){return{"foxy-spinner":customElements.get("foxy-spinner"),"x-data-list":h}}render(){if(this.in({idle:"snapshot"})){const s=this.data,{_links:r,_embedded:t}=s,i=e(s,$);try{const e=function(e){try{const s=new URL(e).pathname.split("/").pop()\|\|void 0;if(void 0===s)return null;const r=parseInt(s);return isNaN(r)?s:r}catch(e){return null}}(r.self.href);null!==e&&(i.id=e)}catch(e){}return a(x\|\|(x=v` <x-data-list aria-live="polite" aria-busy="false" class="leading-s text-s" data="${0}"> </x-data-list> `),JSON.stringify(Array.from(Object.entries(i))))}const s=this.in("busy");return a(g\|\|(g=v` <div aria-live="polite" aria-busy="${0}" data-testid="wrapper" class="flex justify-center"> <foxy-spinner data-testid="spinner" layout="horizontal" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> `),s,this.in("fail")?"error":s?"busy":"empty",this.lang,this.ns)}}let j,w,k,S,E,N,O,z,T,G,J,P=e=>e;const R=n(i(o(c)),"error-entry-card");class A extends R{constructor(){super(...arguments),this.open=!1}static get scopedElements(){return{"x-resource-viewer":b,"foxy-spinner":customElements.get("foxy-spinner"),"x-data-list":h,"iron-icon":customElements.get("iron-icon"),"foxy-i18n":customElements.get("foxy-i18n"),"x-group":d}}static get properties(){return s(s({},super.properties),{},{open:{type:Boolean,reflect:!0}})}render(){var e,s;const r=this.data,t=this.in("busy");if(r){const{hide_error:e}=r,{open:s}=this;return a(j\|\|(j=P` <details aria-busy="${0}" aria-live="polite" class="text-body w-full" ?open="${0}" @toggle="${0}"> <summary class="rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2"> <div style="padding-left:calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)" class="${0}"> ${0} </div> </summary> ${0} </details> `),t,s,this.__handleToggle,l({"border-l-2 leading-s relative cursor-pointer":!0,"border-contrast":e&&!s,"border-primary":!e,"border-error":e&&s,"h-l":!s}),this.__renderSummary(r),s?this.__renderDetails(r):"")}return a(w\|\|(w=P` <div aria-busy="${0}" aria-live="polite" style="padding-left:calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)" class="flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l"> <foxy-spinner data-testid="spinner" layout="horizontal" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),t,t?"busy":this.in("fail")?"error":"empty",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))\|\|void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}__renderGetOrPostValues(e,s){const r=new URLSearchParams(p(e\|\|s));return a(k\|\|(k=P` <div class="relative leading-xs pt-s"> <div class="absolute font-medium right-0 text-tertiary text-xs top-0 mt-s">${0}</div> <x-data-list data="${0}"></x-data-list> </div> `),e?"GET":"POST",JSON.stringify(Array.from(r.entries())))}__renderReferrer(e){return a(S\|\|(S=P` <span class="text-secondary">Navigated from</span> <a target="_blank" class="font-medium text-primary hover-underline" href="${0}" rel="nofollow noopener noreferrer"> ${0} </a> `),e,e)}__renderSummary(e){return a(E\|\|(E=P` <div class="text-s absolute right-0 top-0 text-tertiary"> <iron-icon icon="icons:expand-${0}"></iron-icon> </div> <div class="text-s mb-xs ${0}"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> </div> <p class="${0} overflow-hidden font-medium"> ${0} </p> `),this.open?"less":"more",e.hide_error?"text-error":"text-primary",JSON.stringify({value:e.date_created}),this.lang,this.ns,JSON.stringify({value:e.date_created}),this.lang,this.ns,this.open?"":"truncate",e.error_message)}__renderDetails(e){return a(N\|\|(N=P` <div class="space-y-m pt-m"> ${0} ${0} ${0} </div> `),e.referrer\|\|e.get_values\|\|e.post_values?a(O\|\|(O=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="request" ns="${0}"></foxy-i18n> <div class="mx-xs p-s text-s divide-y divide-contrast-10 space-y-s"> <p> <span class="block font-medium">${0}</span> ${0} </p> ${0} </div> </x-group> `),this.lang,this.ns,e.url,e.referrer?this.__renderReferrer(e.referrer):"",e.get_values\|\|e.post_values?this.__renderGetOrPostValues(e.get_values,e.post_values):""):"",e.ip_address\|\|e.ip_country\|\|e.user_agent?a(z\|\|(z=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="client" ns="${0}"></foxy-i18n> <div class="text-s flex flex-col mx-xs p-s"> <span class="font-medium"> ${0} ${0} </span> ${0} </div> </x-group> `),this.lang,this.ns,e.ip_address,e.ip_country?a(T\|\|(T=P`<span class="text-tertiary"> • </span>${0}`),e.ip_country):"",e.user_agent?a(G\|\|(G=P`<span class="text-secondary">${0}</span>`),e.user_agent):""):"",Object.entries(e._links).map((([e,s])=>["self","fx:store","curies"].includes(e)?"":a(J\|\|(J=P` <x-group frame> <foxy-i18n slot="header" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> <x-resource-viewer class="p-s mx-xs" href="${0}" lang="${0}" ns="${0}"> </x-resource-viewer> </x-group> `),this.lang,e.substr(3),this.ns,s.href,this.lang,this.ns))))}__handleToggle(e){var s;const r=e.target;r.open&&!1===(null===(s=this.data)\|\|void 0===s?void 0:s.hide_error)&&(this.edit({hide_error:!0}),this.submit()),this.open=r.open}}customElements.define("foxy-error-entry-card",A);export{A as ErrorEntryCard};

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

	@@ -1 +1 @@
1	- import"./shared-~~79d01877~~.js";import"./foxy-nucleon-element.js";import{_ as e}from"./shared-~~0dabe195~~.js";import{a as t}from"./shared-~~a88c5cf1~~.js";import{I as r}from"./shared-~~421e46e9~~.js";import{i as s}from"./shared-d3bf9ac0.js";import{c as a}from"./shared-4e709717.js";import{d as o}from"./shared-~~6b3be508~~.js";import{h as i}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-~~c97f7178~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~46f3f71c~~.js";import"./shared-343d1fd7.js";import"./shared-~~763a6797~~.js";import"./shared-~~a6517170~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";let n,d,u=e=>e;const h=t(r,"filter-attribute-card");class l extends h{constructor(){super(...arguments),this.getCountLoaderHref=null,this.__countLoaderId="countLoader",this.__refreshTimeout=null}static get properties(){return e(e({},super.properties),{},{countRefreshInterval:{attribute:"count-refresh-interval",type:Number},getCountLoaderHref:{attribute:!1}})}disconnectedCallback(){super.disconnectedCallback(),"number"==typeof this.__refreshTimeout&&clearTimeout(this.__refreshTimeout)}updated(e){if(super.updated(e),"number"!=typeof this.__refreshTimeout){const e=this.constructor.countRefreshInterval;this.__refreshTimeout=setTimeout((()=>{var e;return null===(e=this.__getCountLoader())\|\|void 0===e?void 0:e.refresh()}),e)}}render(){var e,t;const r=this.constructor,h=null===(t=null===(e=this.__getCountLoader())\|\|void 0===e?void 0:e.data)\|\|void 0===t?void 0:t.total_items;let l;try{this.data&&this.getCountLoaderHref&&(l=new URL(this.getCountLoaderHref(o(this.data.value))),l.searchParams.set("limit","1"))}catch(e){l=void 0}return i(n\|\|(n=u` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <div class="${0}"> <span class="${0}"> ${0} </span> <span class="${0}"> ${0} </span> </div> `),s(null==l?void 0:l.toString()),this.__countLoaderId,(()=>this.requestUpdate()),a({"transition-colors flex gap-s font-medium text-m leading-xs rounded-s":!0,"bg-contrast-5":!this.in("fail")&&!this.data,"bg-error-10":this.in("fail")}),a({"transition-opacity truncate min-w-0":!0,"opacity-0":!this.data}),this.__getValueParam(r.filterNameKey)\|\|i(d\|\|(d=u`<foxy-i18n infer="" key="no_name"></foxy-i18n>`)),a({"transition-opacity bg-contrast-5 px-xs rounded-s":!0,"opacity-0":!this.data\|\|"number"!=typeof h}),null!=h?h:0)}__getCountLoader(){return this.renderRoot.querySelector(`#${this.__countLoaderId}`)}__getValueParam(e){var t,r,s;try{return null!==(s=new URL(o(null!==(r=null===(t=this.data)\|\|void 0===t?void 0:t.value)&&void 0!==r?r:""),"https://example.com").searchParams.get(e))&&void 0!==s?s:""}catch(e){return""}}}l.countRefreshInterval=~~6e4~~,l.filterQueryKey="filter_query",l.filterNameKey="filter_name",customElements.define("foxy-filter-attribute-card",l);export{l as FilterAttributeCard};
1	+ import"./shared-584174ff.js";import"./foxy-nucleon-element.js";import{_ as e}from"./shared-4c2e9064.js";import{a as t}from"./shared-3b709ddc.js";import{I as r}from"./shared-31d8e3b8.js";import{i as s}from"./shared-d3bf9ac0.js";import{c as a}from"./shared-4e709717.js";import{d as o}from"./shared-4b20fc75.js";import{h as i}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-5784c088.js";import"./shared-e5239bec.js";import"./shared-b446c140.js";import"./shared-2edcd981.js";import"./shared-343d1fd7.js";import"./shared-fd96bcd1.js";import"./shared-9b12aeac.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";let n,d,u=e=>e;const c=t(r,"filter-attribute-card");class h extends c{constructor(){super(...arguments),this.getCountLoaderHref=null,this.__countLoaderId="countLoader",this.__refreshTimeout=null}static get properties(){return e(e({},super.properties),{},{countRefreshInterval:{attribute:"count-refresh-interval",type:Number},getCountLoaderHref:{attribute:!1}})}disconnectedCallback(){super.disconnectedCallback(),"number"==typeof this.__refreshTimeout&&clearTimeout(this.__refreshTimeout)}updated(e){if(super.updated(e),"number"!=typeof this.__refreshTimeout){const e=this.constructor.countRefreshInterval;this.__refreshTimeout=setTimeout((()=>{var e;return null===(e=this.__getCountLoader())\|\|void 0===e?void 0:e.refresh()}),e)}}render(){var e,t;const r=this.constructor,c=null===(t=null===(e=this.__getCountLoader())\|\|void 0===e?void 0:e.data)\|\|void 0===t?void 0:t.total_items;let h;try{this.data&&this.getCountLoaderHref&&(h=new URL(this.getCountLoaderHref(o(this.data.value))),h.searchParams.set("limit","1"))}catch(e){h=void 0}return i(n\|\|(n=u` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <div class="${0}"> <span class="${0}"> ${0} </span> <span class="${0}"> ${0} </span> </div> `),s(null==h?void 0:h.toString()),this.__countLoaderId,(()=>this.requestUpdate()),a({"transition-colors flex gap-s font-medium text-m leading-xs rounded-s":!0,"bg-contrast-5":!this.in("fail")&&!this.data,"bg-error-10":this.in("fail")}),a({"transition-opacity truncate min-w-0":!0,"opacity-0":!this.data}),this.__getValueParam(r.filterNameKey)\|\|i(d\|\|(d=u`<foxy-i18n infer="" key="no_name"></foxy-i18n>`)),a({"transition-opacity bg-contrast-5 px-xs rounded-s":!0,"opacity-0":!this.data\|\|"number"!=typeof c}),null!=c?c:0)}__getCountLoader(){return this.renderRoot.querySelector(`#${this.__countLoaderId}`)}__getValueParam(e){var t,r,s;try{return null!==(s=new URL(o(null!==(r=null===(t=this.data)\|\|void 0===t?void 0:t.value)&&void 0!==r?r:""),"https://example.com").searchParams.get(e))&&void 0!==s?s:""}catch(e){return""}}}h.countRefreshInterval=6e5,h.filterQueryKey="filter_query",h.filterNameKey="filter_name",customElements.define("foxy-filter-attribute-card",h);export{h as FilterAttributeCard};

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

	@@ -1 +1 @@
1	- import{I as t}from"./shared-~~91eb066c~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-~~46f3f71c~~.js";import{h as e}from"./shared-7f33a83a.js";import"./shared-~~897ab5e6~~.js";import{I as r}from"./shared-~~b334c8b6~~.js";import"./shared-~~42adf053~~.js";import{_ as s,B as i}from"./shared-~~0dabe195~~.js";import{a}from"./shared-~~a88c5cf1~~.js";import{d as o,e as n}from"./shared-~~6b3be508~~.js";import"./shared-f9180815.js";import"./shared-~~1fd59009~~.js";import"./shared-d3bf9ac0.js";import"./shared-~~763a6797~~.js";import"./shared-~~a6517170~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~0689b25a~~.js";import"./shared-~~2fa6a5a0~~.js";import"./shared-~~a134d313~~.js";import"./shared-~~8128b5e3~~.js";import"./shared-~~c758220c~~.js";import"./shared-4e709717.js";import"./foxy-spinner.js";import"./shared-~~c97f7178~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-bb05cfed.js";import"./shared-79d0699c.js";import"./shared-d519a301.js";let l,d,m=t=>t;customElements.define("foxy-internal-filter-attribute-form-action-control",class extends t{renderControl(){const t=this.nucleon,r=null==t?void 0:t.in({idle:{snapshot:"dirty"}}),s=!!(null==t?void 0:t.data);return e(l\|\|(l=m` <div class="grid grid-cols-2 gap-m"> ${0} <vaadin-button theme="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="${0}"> </foxy-i18n> </vaadin-button> </div> `),s&&r?e(d\|\|(d=m` <vaadin-button theme="contrast" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="reset"></foxy-i18n> </vaadin-button> `),this.disabled,(()=>null==t?void 0:t.undo())):"",s?r?"secondary":"error":"success",s&&r?"":"col-span-2",this.disabled,(()=>!s\|\|r?null==t?void 0:t.submit():null==t?void 0:t.delete()),s?r?"update":"delete":"create")}});let u,h=t=>t;const c=a(r,"filter-attribute-form");class f extends c{constructor(){super(...arguments),this.pathname=null,this.options=[],this.__filterNameGetValue=()=>{const t=this.constructor;return this.__getValueParam(t.filterNameKey)},this.__filterNameSetValue=t=>{const e=this.constructor;this.__setValueParam(e.filterNameKey,t)}}static get properties(){return s(s({},super.properties),{},{pathname:{},options:{type:Array}})}get hiddenSelector(){const t=[],e=this.constructor,r=this.__getValueParam(e.filterQueryKey),s=!!this.data;return s\|\|t.push("filter-name"),r\|\|s\|\|t.push("action"),new i(`${t.join(" ")} ${super.hiddenSelector}`.trim())}renderBody(){const t=this.constructor;return e(u\|\|(u=h` <foxy-query-builder infer="filter-query" .options="${0}" .value="${0}" @change="${0}"> </foxy-query-builder> <foxy-internal-text-control infer="filter-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-filter-attribute-form-action-control infer="action"> </foxy-internal-filter-attribute-form-action-control> `),this.options,this.__getValueParam(t.filterQueryKey),this.__handleFilterQueryChange,this.__filterNameGetValue,this.__filterNameSetValue)}updated(t){var e;if(super.updated(t),"string"==typeof this.form.value){const t=new URL(o(this.form.value),"https://example.com");t.pathname=null!==(e=this.pathname)&&void 0!==e?e:"";const r=n(t.toString().substring(t.origin.length));r!==this.form.value&&this.edit({value:r})}}submit(){const t=this.constructor;this.edit({visibility:t.attributeVisibility,name:t.attributeName}),super.submit()}__getValueParam(t){var e,r;try{return null!==(r=new URL(o(null!==(e=this.form.value)&&void 0!==e?e:""),"https://example.com").searchParams.get(t))&&void 0!==r?r:""}catch(t){return""}}__setValueParam(t,e){var r;try{const s=new URL(o(null!==(r=this.form.value)&&void 0!==r?r:""),"https://example.com");s.searchParams.set(t,e),this.edit({value:n(s.toString().substring(s.origin.length))})}catch(t){}}__handleFilterQueryChange(t){var e;const r=this.constructor,s=t.currentTarget;this.__setValueParam(r.filterQueryKey,null!==(e=s.value)&&void 0!==e?e:"")}}f.attributeVisibility="restricted",f.filterQueryKey="filter_query",f.attributeName="foxy-admin-bookmark",f.filterNameKey="filter_name",customElements.define("foxy-filter-attribute-form",f);export{f as FilterAttributeForm};
1	+ import{I as e}from"./shared-ba93be6b.js";import"./shared-9048eeb2.js";import"./shared-2edcd981.js";import{h as t}from"./shared-7f33a83a.js";import"./shared-d90dbae7.js";import{I as r}from"./shared-e2e2ca6a.js";import"./shared-ddac7722.js";import{_ as s,B as i}from"./shared-4c2e9064.js";import{a}from"./shared-3b709ddc.js";import{d as o,e as n}from"./shared-4b20fc75.js";import"./shared-f9180815.js";import"./shared-5cf7b194.js";import"./shared-d3bf9ac0.js";import"./shared-fd96bcd1.js";import"./shared-9b12aeac.js";import"./shared-35728235.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";import"./shared-eb8a0fdf.js";import"./shared-e5239bec.js";import"./shared-7abbc95c.js";import"./shared-3f04e4cc.js";import"./shared-ff7fd5fa.js";import"./shared-799dc083.js";import"./shared-621b3283.js";import"./shared-4e709717.js";import"./foxy-spinner.js";import"./shared-5784c088.js";import"./shared-b446c140.js";import"./shared-bb05cfed.js";import"./shared-79d0699c.js";import"./shared-d519a301.js";let l,d,m=e=>e;customElements.define("foxy-internal-filter-attribute-form-action-control",class extends e{renderControl(){const e=this.nucleon,r=null==e?void 0:e.in({idle:{snapshot:"dirty"}}),s=!!(null==e?void 0:e.data);return t(l\|\|(l=m` <div class="grid grid-cols-2 gap-m"> ${0} <vaadin-button theme="${0}" class="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="${0}"> </foxy-i18n> </vaadin-button> </div> `),s&&r?t(d\|\|(d=m` <vaadin-button theme="contrast" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="reset"></foxy-i18n> </vaadin-button> `),this.disabled,(()=>null==e?void 0:e.undo())):"",s?r?"secondary":"error":"success",s&&r?"":"col-span-2",this.disabled,(()=>!s\|\|r?null==e?void 0:e.submit():null==e?void 0:e.delete()),s?r?"update":"delete":"create")}});let u,h=e=>e;const c=a(r,"filter-attribute-form");class f extends c{constructor(){super(...arguments),this.pathname=null,this.options=[],this.__filterNameGetValue=()=>{const e=this.constructor;return this.__getValueParam(e.filterNameKey)},this.__filterNameSetValue=e=>{const t=this.constructor;this.__setValueParam(t.filterNameKey,e)}}static get properties(){return s(s({},super.properties),{},{pathname:{},options:{type:Array}})}get hiddenSelector(){const e=[],t=this.constructor,r=this.__getValueParam(t.filterQueryKey),s=!!this.data;return s\|\|e.push("filter-name"),r\|\|s\|\|e.push("action"),new i(`${e.join(" ")} ${super.hiddenSelector}`.trim())}renderBody(){const e=this.constructor;return t(u\|\|(u=h` <foxy-query-builder infer="filter-query" .options="${0}" .value="${0}" @change="${0}"> </foxy-query-builder> <foxy-internal-text-control infer="filter-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-filter-attribute-form-action-control infer="action"> </foxy-internal-filter-attribute-form-action-control> `),this.options,this.__getValueParam(e.filterQueryKey),this.__handleFilterQueryChange,this.__filterNameGetValue,this.__filterNameSetValue)}updated(e){var t;if(super.updated(e),"string"==typeof this.form.value){const e=new URL(o(this.form.value),"https://example.com");e.pathname=null!==(t=this.pathname)&&void 0!==t?t:"";const r=n(e.toString().substring(e.origin.length));r!==this.form.value&&this.edit({value:r})}}submit(){const e=this.constructor;this.edit({visibility:e.attributeVisibility,name:e.attributeName}),super.submit()}__getValueParam(e){var t,r;try{return null!==(r=new URL(o(null!==(t=this.form.value)&&void 0!==t?t:""),"https://example.com").searchParams.get(e))&&void 0!==r?r:""}catch(e){return""}}__setValueParam(e,t){var r;try{const s=new URL(o(null!==(r=this.form.value)&&void 0!==r?r:""),"https://example.com");s.searchParams.set(e,t),this.edit({value:n(s.toString().substring(s.origin.length))})}catch(e){}}__handleFilterQueryChange(e){var t;const r=this.constructor,s=e.currentTarget;this.__setValueParam(r.filterQueryKey,null!==(t=s.value)&&void 0!==t?t:"")}}f.attributeVisibility="restricted",f.filterQueryKey="filter_query",f.attributeName="foxy-admin-bookmark",f.filterNameKey="filter_name",customElements.define("foxy-filter-attribute-form",f);export{f as FilterAttributeForm};

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

	@@ -1 +1 @@
1	- import"./shared-~~46f3f71c~~.js";import"./shared-~~8128b5e3~~.js";import{_ as e}from"./shared-~~0dabe195~~.js";import{h as t}from"./shared-7f33a83a.js";import{A as o}from"./shared-~~bbbb8894~~.js";import{D as r}from"./shared-~~c758220c~~.js";import{F as n}from"./shared-343d1fd7.js";import{U as s}from"./shared-3ab0306f.js";import"./shared-~~a88c5cf1~~.js";import"./shared-~~763a6797~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~1fd59009~~.js";import"./shared-d3bf9ac0.js";import"./shared-4e709717.js";let i,a,d=e=>e;class l extends r{constructor(){super(...arguments),this.keepOpenOnDelete=!1,this.keepOpenOnPost=!1,this.related=[],this.parent="",this.group="",this.href="",this.__form=null,this.__renderForm=null,this.__handleFetch=e=>{e instanceof n&&(e.stopImmediatePropagation(),e.preventDefault(),e.respondWith(new o(this).fetch(e.request)))},this.__handleUpdate=e=>{var t;if(!(e instanceof s))return;const o=null===(t=e.detail)\|\|void 0===t?void 0:t.result,r=s.UpdateResult;this.keepOpenOnPost\|\|o!==r.ResourceCreated\|\|(this.open=!1),this.keepOpenOnDelete\|\|o!==r.ResourceDeleted\|\|(this.open=!1);const n=e.currentTarget;this.parent!==n.parent&&(this.parent=n.parent),this.href!==n.href&&(this.href=n.href),this.closable=!n.in("busy"),this.editable=n.in({idle:{template:{clean:"valid"}}})\|\|n.in({idle:{template:{dirty:"valid"}}})\|\|n.in({idle:{snapshot:{dirty:"valid"}}})}}static get properties(){return e(e({},super.properties),{},{href:{type:String},form:{type:String,noAccessor:!0},group:{type:String},parent:{type:String},related:{type:Array},keepOpenOnPost:{type:Boolean,attribute:"keep-open-on-post"},keepOpenOnDelete:{type:Boolean,attribute:"keep-open-on-delete"}})}get form(){return this.__form}set form(e){this.__form=e,this.__renderForm="string"==typeof e?new Function("options",`return options.html\`\n <${e}\n id="form"\n ns="\${options.dialog.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n href=\${options.dialog.href}\n lang=\${options.dialog.lang}\n group=\${options.dialog.group}\n parent=\${options.dialog.parent}\n disabledcontrols=\${options.dialog.disabledControls.toString()}\n readonlycontrols=\${options.dialog.readonlyControls.toString()}\n hiddencontrols=\${options.dialog.hiddenControls.toString()}\n ?disabled=\${options.dialog.disabled}\n ?readonly=\${options.dialog.readonly}\n ?hidden=\${options.dialog.hidden}\n .templates=\${options.dialog.templates}\n .related=\${options.dialog.related}\n @fetch=\${options.handleFetch}\n @update=\${options.handleUpdate}\n >\n </${e}>\``):e,this.requestUpdate()}render(){return t(i\|\|(i=d` <foxy-internal-confirm-dialog message="undo_message" confirm="undo_confirm" cancel="undo_cancel" header="undo_header" theme="error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> ${0} `),this.lang,this.ns,(e=>!e.detail.cancelled&&super.hide(!0)),super.render((()=>{var e;return t(a\|\|(a=d`${0}`),null===(e=this.__renderForm)\|\|void 0===e?void 0:e.call(this,{handleUpdate:this.__handleUpdate,handleFetch:this.__handleFetch,dialog:this,html:t}))})))}async hide(e=!1){if(!e)return super.hide(e);this.renderRoot.querySelector("#confirm").show()}async save(){this.renderRoot.querySelector("#form").submit()}}customElements.define("foxy-form-dialog",l);export{l as FormDialog};
1	+ import"./shared-2edcd981.js";import"./shared-799dc083.js";import{_ as e}from"./shared-4c2e9064.js";import{h as t}from"./shared-7f33a83a.js";import{A as o}from"./shared-35728235.js";import{D as r}from"./shared-621b3283.js";import{F as n}from"./shared-343d1fd7.js";import{U as s}from"./shared-3ab0306f.js";import{s as i}from"./shared-11c2efc8.js";import"./shared-3b709ddc.js";import"./shared-fd96bcd1.js";import"./shared-9048eeb2.js";import"./shared-eb8a0fdf.js";import"./shared-e5239bec.js";import"./shared-5cf7b194.js";import"./shared-d3bf9ac0.js";import"./shared-4e709717.js";let a,d,p=e=>e;class l extends r{constructor(){super(...arguments),this.keepOpenOnDelete=!1,this.keepOpenOnPost=!1,this.related=[],this.parent="",this.props={},this.group="",this.href="",this.__form=null,this.__renderForm=null,this.__handleFetch=e=>{e instanceof n&&(e.stopImmediatePropagation(),e.preventDefault(),e.respondWith(new o(this).fetch(e.request)))},this.__handleUpdate=e=>{var t;if(!(e instanceof s))return;const o=null===(t=e.detail)\|\|void 0===t?void 0:t.result,r=s.UpdateResult;this.keepOpenOnPost\|\|o!==r.ResourceCreated\|\|(this.open=!1),this.keepOpenOnDelete\|\|o!==r.ResourceDeleted\|\|(this.open=!1);const n=e.currentTarget;this.parent!==n.parent&&(this.parent=n.parent),this.href!==n.href&&(this.href=n.href),this.closable=!n.in("busy"),this.editable=n.in({idle:{template:{clean:"valid"}}})\|\|n.in({idle:{template:{dirty:"valid"}}})\|\|n.in({idle:{snapshot:{dirty:"valid"}}})}}static get properties(){return e(e({},super.properties),{},{href:{type:String},form:{type:String,noAccessor:!0},group:{type:String},props:{type:Object},parent:{type:String},related:{type:Array},keepOpenOnPost:{type:Boolean,attribute:"keep-open-on-post"},keepOpenOnDelete:{type:Boolean,attribute:"keep-open-on-delete"}})}get form(){return this.__form}set form(e){this.__form=e,this.__renderForm="string"==typeof e?new Function("options",`return options.html\`\n <${e}\n id="form"\n ns="\${options.dialog.ns} \${customElements.get('${e}')?.defaultNS ?? ''}"\n href=\${options.dialog.href}\n lang=\${options.dialog.lang}\n group=\${options.dialog.group}\n parent=\${options.dialog.parent}\n disabledcontrols=\${options.dialog.disabledControls.toString()}\n readonlycontrols=\${options.dialog.readonlyControls.toString()}\n hiddencontrols=\${options.dialog.hiddenControls.toString()}\n ?disabled=\${options.dialog.disabled}\n ?readonly=\${options.dialog.readonly}\n ?hidden=\${options.dialog.hidden}\n .templates=\${options.dialog.templates}\n .related=\${options.dialog.related}\n ...=\${options.spread(options.dialog.props)}\n @fetch=\${options.handleFetch}\n @update=\${options.handleUpdate}\n >\n </${e}>\``):e,this.requestUpdate()}render(){return t(a\|\|(a=p` <foxy-internal-confirm-dialog message="undo_message" confirm="undo_confirm" cancel="undo_cancel" header="undo_header" theme="error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> ${0} `),this.lang,this.ns,(e=>!e.detail.cancelled&&super.hide(!0)),super.render((()=>{var e;return t(d\|\|(d=p`${0}`),null===(e=this.__renderForm)\|\|void 0===e?void 0:e.call(this,{handleUpdate:this.__handleUpdate,handleFetch:this.__handleFetch,spread:i,dialog:this,html:t}))})))}async hide(e=!1){if(!e)return super.hide(e);this.renderRoot.querySelector("#confirm").show()}async save(){this.renderRoot.querySelector("#form").submit()}}customElements.define("foxy-form-dialog",l);export{l as FormDialog};

package/dist/cdn/foxy-generate-codes-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~7680d300~~.js";import"./shared-~~0689b25a~~.js";import"./shared-~~13cc4ed4~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{h as e}from"./shared-7f33a83a.js";import{C as t}from"./shared-~~1fd59009~~.js";import{N as r}from"./shared-~~a6517170~~.js";import{T as s,a}from"./shared-~~a88c5cf1~~.js";import{c as i}from"./shared-4e709717.js";import"./shared-~~2fa6a5a0~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~c97f7178~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~763a6797~~.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";let n,d,l,o,c,h,m=e=>e;const f=t(s(a(r,"generate-codes-form")));class u extends f{constructor(){super(...arguments),this.templates={}}static get v8n(){return[({number_of_codes:e})=>e&&e>0\|\|"number_of_codes_required",({current_balance:e})=>!e\|\|e>=0\|\|"current_balance_negative",({length:e})=>e&&e>0\|\|"length_required",({prefix:e})=>!(null==e?void 0:e.includes(" "))\|\|"prefix_has_spaces"]}render(){var t,r;const{hiddenSelector:s,lang:a,ns:d}=this,l=this.in("busy"),o=this.in("fail"),c=this.in({idle:"snapshot"}),h=this.in({idle:"template"}),f="transition-opacity duration-500",u="opacity-0 pointer-events-none";return e(n\|\|(n=m` <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> ${0} ${0} ${0} ${0} ${0} </div> <div class="${0}"> <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success"> <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon> </div> <foxy-i18n class="block" lang="${0}" key="generate_codes_done" ns="${0}"></foxy-i18n> </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,i({"grid grid-cols-2 gap-m":!0,[f]:!0,[u]:c}),s.matches("length",!0)?"":this.__renderLength(),s.matches("number-of-codes",!0)?"":this.__renderNumberOfCodes(),s.matches("current-balance",!0)?"":this.__renderCurrentBalance(),s.matches("prefix",!0)?"":this.__renderPrefix(),s.matches("generate",!0)?"":this.__renderGenerate(),i({"absolute inset-0 flex flex-col items-center justify-center":!0,"text-center text-m text-secondary leading-m":!0,[f]:!0,[u]:!c}),a,d,i({"absolute inset-0 flex":!0,[f]:!0,[u]:!l&&!o}),o?"error":h?"empty":"busy",a,d,null!==(r=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==r?r:"")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")):""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderLength(){const t=this.in({idle:"template"});return e(d\|\|(d=m` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="length" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("length:before"),this.__getErrorMessage("length"),this.t("length"),!t\|\|this.disabledSelector.matches("length",!0),this.readonlySelector.matches("length",!0),this.__getValidator("length"),t?this.form.length:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({length:parseInt(t.value)})}),this.renderTemplateOrSlot("length:after"))}__renderNumberOfCodes(){const t=this.in({idle:"template"});return e(l\|\|(l=m` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="number-of-codes" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("number-of-codes:before"),this.__getErrorMessage("number_of_codes"),this.t("number_of_codes"),!t\|\|this.disabledSelector.matches("number-of-codes",!0),this.readonlySelector.matches("number-of-codes",!0),this.__getValidator("number_of_codes"),t?this.form.number_of_codes:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({number_of_codes:parseInt(t.value)})}),this.renderTemplateOrSlot("number-of-codes:after"))}__renderCurrentBalance(){var t;const r=this.in({idle:"template"});return e(o\|\|(o=m` <div class="col-span-2"> ${0} <vaadin-integer-field error-message="${0}" data-testid="current-balance" label="${0}" class="w-full" min="0" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.__getErrorMessage("current_balance"),this.t("balance"),!r\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),this.__getValidator("current_balance"),r?null!==(t=this.form.current_balance)&&void 0!==t?t:0:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({current_balance:parseInt(t.value)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderPrefix(){const t=this.in({idle:"template"});return e(c\|\|(c=m` <div class="col-span-2"> ${0} <vaadin-text-field helper-text="${0}" data-testid="prefix" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" clear-button-visible .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot("prefix:before"),this.t("leave_empty_for_random_codes"),this.t("prefix"),!t\|\|this.disabledSelector.matches("prefix",!0),this.readonlySelector.matches("prefix",!0),t?this.form.prefix:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({prefix:t.value})}),this.renderTemplateOrSlot("prefix:after"))}__renderGenerate(){const t=this.in({idle:{template:{dirty:"valid"}}});return e(h\|\|(h=m` <div class="col-span-2 mt-m"> ${0} <vaadin-button data-testid="generate" class="w-full" theme="success primary" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="generate" ns="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("generate:before"),!t\|\|this.disabledSelector.matches("generate",!0),(()=>this.submit()),this.lang,this.ns,this.renderTemplateOrSlot("generate:after"))}}customElements.define("foxy-generate-codes-form",u);export{u as GenerateCodesForm};
1	+ import"./shared-13fbea95.js";import"./shared-7abbc95c.js";import"./shared-3c2414d4.js";import"./shared-9048eeb2.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{h as e}from"./shared-7f33a83a.js";import{C as t}from"./shared-5cf7b194.js";import{N as r}from"./shared-9b12aeac.js";import{T as s,a}from"./shared-3b709ddc.js";import{c as i}from"./shared-4e709717.js";import"./shared-3f04e4cc.js";import"./shared-e5239bec.js";import"./shared-eb8a0fdf.js";import"./shared-5784c088.js";import"./shared-b446c140.js";import"./shared-4c2e9064.js";import"./shared-fd96bcd1.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";let n,d,l,o,c,h,m=e=>e;const u=t(s(a(r,"generate-codes-form")));class f extends u{constructor(){super(...arguments),this.templates={}}static get v8n(){return[({number_of_codes:e})=>e&&e>0\|\|"number_of_codes_required",({current_balance:e})=>!e\|\|e>=0\|\|"current_balance_negative",({length:e})=>e&&e>0\|\|"length_required",({prefix:e})=>!(null==e?void 0:e.includes(" "))\|\|"prefix_has_spaces"]}render(){var t,r;const{hiddenSelector:s,lang:a,ns:d}=this,l=this.in("busy"),o=this.in("fail"),c=this.in({idle:"snapshot"}),h=this.in({idle:"template"}),u="transition-opacity duration-500",f="opacity-0 pointer-events-none";return e(n\|\|(n=m` <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> ${0} ${0} ${0} ${0} ${0} </div> <div class="${0}"> <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success"> <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon> </div> <foxy-i18n class="block" lang="${0}" key="generate_codes_done" ns="${0}"></foxy-i18n> </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,i({"grid grid-cols-2 gap-m":!0,[u]:!0,[f]:c}),s.matches("length",!0)?"":this.__renderLength(),s.matches("number-of-codes",!0)?"":this.__renderNumberOfCodes(),s.matches("current-balance",!0)?"":this.__renderCurrentBalance(),s.matches("prefix",!0)?"":this.__renderPrefix(),s.matches("generate",!0)?"":this.__renderGenerate(),i({"absolute inset-0 flex flex-col items-center justify-center":!0,"text-center text-m text-secondary leading-m":!0,[u]:!0,[f]:!c}),a,d,i({"absolute inset-0 flex":!0,[u]:!0,[f]:!l&&!o}),o?"error":h?"empty":"busy",a,d,null!==(r=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==r?r:"")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")):""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderLength(){const t=this.in({idle:"template"});return e(d\|\|(d=m` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="length" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("length:before"),this.__getErrorMessage("length"),this.t("length"),!t\|\|this.disabledSelector.matches("length",!0),this.readonlySelector.matches("length",!0),this.__getValidator("length"),t?this.form.length:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({length:parseInt(t.value)})}),this.renderTemplateOrSlot("length:after"))}__renderNumberOfCodes(){const t=this.in({idle:"template"});return e(l\|\|(l=m` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="number-of-codes" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("number-of-codes:before"),this.__getErrorMessage("number_of_codes"),this.t("number_of_codes"),!t\|\|this.disabledSelector.matches("number-of-codes",!0),this.readonlySelector.matches("number-of-codes",!0),this.__getValidator("number_of_codes"),t?this.form.number_of_codes:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({number_of_codes:parseInt(t.value)})}),this.renderTemplateOrSlot("number-of-codes:after"))}__renderCurrentBalance(){var t;const r=this.in({idle:"template"});return e(o\|\|(o=m` <div class="col-span-2"> ${0} <vaadin-integer-field error-message="${0}" data-testid="current-balance" label="${0}" class="w-full" min="0" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.__getErrorMessage("current_balance"),this.t("balance"),!r\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),this.__getValidator("current_balance"),r?null!==(t=this.form.current_balance)&&void 0!==t?t:0:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({current_balance:parseInt(t.value)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderPrefix(){const t=this.in({idle:"template"});return e(c\|\|(c=m` <div class="col-span-2"> ${0} <vaadin-text-field helper-text="${0}" data-testid="prefix" label="${0}" class="w-full" min="1" ?disabled="${0}" ?readonly="${0}" clear-button-visible .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot("prefix:before"),this.t("leave_empty_for_random_codes"),this.t("prefix"),!t\|\|this.disabledSelector.matches("prefix",!0),this.readonlySelector.matches("prefix",!0),t?this.form.prefix:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({prefix:t.value})}),this.renderTemplateOrSlot("prefix:after"))}__renderGenerate(){const t=this.in({idle:{template:{dirty:"valid"}}});return e(h\|\|(h=m` <div class="col-span-2 mt-m"> ${0} <vaadin-button data-testid="generate" class="w-full" theme="success primary" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="generate" ns="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("generate:before"),!t\|\|this.disabledSelector.matches("generate",!0),(()=>this.submit()),this.lang,this.ns,this.renderTemplateOrSlot("generate:after"))}}customElements.define("foxy-generate-codes-form",f);export{f as GenerateCodesForm};

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

	@@ -1 +1 @@
1	- import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{h as t}from"./shared-7f33a83a.js";import{C as e}from"./shared-~~1fd59009~~.js";import{N as s}from"./shared-~~a6517170~~.js";import{T as i,a as r}from"./shared-~~a88c5cf1~~.js";import{c as a}from"./shared-4e709717.js";import"./shared-~~c97f7178~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~763a6797~~.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";let d,o,n,l,p,c=t=>t;const h=i(e(r(s,"gift-card-card")));class f extends h{constructor(){super(...arguments),this.templates={}}render(){var e,s;const i=this.hiddenSelector;return t(d\|\|(d=c` <div aria-busy="${0}" aria-live="polite" class="relative leading-s font-lumo text-m"> <div class="${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"),a({"transition-opacity":!0,"opacity-0":!this.data}),i.matches("title",!0)?"":this.__renderTitle(),i.matches("status",!0)?"":this.__renderStatus(),a({"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,r;const a=null!==(s=null===(e=this.data)\|\|void 0===e?void 0:e.name)&&void 0!==s?s:t(o\|\|(o=c`&ZeroWidthSpace;`)),d=null!==(r=null===(i=this.data)\|\|void 0===i?void 0:i.currency_code)&&void 0!==r?r:t(n\|\|(n=c`&ZeroWidthSpace;`));return t(l\|\|(l=c` <div data-testid="title"> ${0} <div class="flex items-center justify-between"> <div class="font-medium truncate">${0}</div> <div class="text-tertiary uppercase text-s flex-shrink-0">${0}</div> </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),a,d,this.renderTemplateOrSlot("title:after"))}__renderStatus(){var e;const s=null===(e=this.data)\|\|void 0===e?void 0:e.expires_after;return t(p\|\|(p=c` <div data-testid="status"> ${0} <foxy-i18n options="${0}" class="block truncate text-s text-secondary" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({value:s}),this.lang,s?"expires_after_value":"never_expires",this.ns,this.renderTemplateOrSlot("status:after"))}}customElements.define("foxy-gift-card-card",f);export{f as GiftCardCard};
1	+ import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{h as t}from"./shared-7f33a83a.js";import{C as e}from"./shared-5cf7b194.js";import{N as s}from"./shared-9b12aeac.js";import{T as i,a as r}from"./shared-3b709ddc.js";import{c as a}from"./shared-4e709717.js";import"./shared-5784c088.js";import"./shared-e5239bec.js";import"./shared-b446c140.js";import"./shared-4c2e9064.js";import"./shared-fd96bcd1.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";let d,o,n,l,c,p=t=>t;const h=i(e(r(s,"gift-card-card")));class m extends h{constructor(){super(...arguments),this.templates={}}render(){var e,s;const i=this.hiddenSelector;return t(d\|\|(d=p` <div aria-busy="${0}" aria-live="polite" class="relative leading-s font-lumo text-m"> <div class="${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"),a({"transition-opacity":!0,"opacity-0":!this.data}),i.matches("title",!0)?"":this.__renderTitle(),i.matches("status",!0)?"":this.__renderStatus(),a({"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,r;const a=null!==(s=null===(e=this.data)\|\|void 0===e?void 0:e.name)&&void 0!==s?s:t(o\|\|(o=p`&ZeroWidthSpace;`)),d=null!==(r=null===(i=this.data)\|\|void 0===i?void 0:i.currency_code)&&void 0!==r?r:t(n\|\|(n=p`&ZeroWidthSpace;`));return t(l\|\|(l=p` <div data-testid="title"> ${0} <div class="flex items-center justify-between"> <div class="font-medium truncate">${0}</div> <div class="text-tertiary uppercase text-s flex-shrink-0">${0}</div> </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),a,d,this.renderTemplateOrSlot("title:after"))}__renderStatus(){var e;const s=null===(e=this.data)\|\|void 0===e?void 0:e.expires_after;return t(c\|\|(c=p` <div data-testid="status"> ${0} <foxy-i18n options="${0}" class="block truncate text-s text-secondary" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({value:s}),this.lang,s?"expires_after_value":"never_expires",this.ns,this.renderTemplateOrSlot("status:after"))}}customElements.define("foxy-gift-card-card",m);export{m as GiftCardCard};

package/dist/cdn/foxy-gift-card-code-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~7680d300~~.js";import"./shared-~~0689b25a~~.js";import"./shared-~~aa569a99~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-~~6273b7e1~~.js";import"./shared-~~8128b5e3~~.js";import"./shared-f9180815.js";import"./foxy-gift-card-code-log-card.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{I as e}from"./shared-~~91eb066c~~.js";import"./foxy-item-card.js";import{i as t}from"./shared-d3bf9ac0.js";import{h as r}from"./shared-7f33a83a.js";import{C as i}from"./shared-~~1fd59009~~.js";import{N as a}from"./shared-~~a6517170~~.js";import"./shared-~~c97f7178~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~a96a2154~~.js";import{T as s,S as d,a as n}from"./shared-~~a88c5cf1~~.js";import{c as o}from"./shared-4e709717.js";import"./shared-~~619bcf83~~.js";import"./shared-~~c758220c~~.js";import"./shared-~~19c9fe00~~.js";import"./shared-~~13cc4ed4~~.js";import"./shared-~~db06114b~~.js";import"./shared-~~c541c9e9~~.js";import"./shared-~~2fa6a5a0~~.js";import{P as l}from"./shared-~~7d4e0011~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6b0498b2~~.js";import"./foxy-collection-page.js";import"./shared-~~0dabe195~~.js";import"./shared-343d1fd7.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~763a6797~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-~~79d01877~~.js";import"./shared-~~421e46e9~~.js";import"./foxy-nucleon-element.js";import"./shared-~~8134d8a7~~.js";import"./shared-~~f4822b9e~~.js";let c,m=e=>e;customElements.define("foxy-internal-gift-card-code-form-item-control",class extends e{renderControl(){var e,i,a;let s;try{const t=new URL(null!==(a=null===(i=null===(e=this.nucleon)\|\|void 0===e?void 0:e.form._links)\|\|void 0===i?void 0:i["fx:provisioned_by_transaction_detail_id"].href)&&void 0!==a?a:"");t.searchParams.set("zoom","item_options"),s=t.toString()}catch(e){s=void 0}return r(c\|\|(c=m` <foxy-internal-details summary="title" infer="" open> <foxy-item-card infer="item-card" class="p-m" href="${0}"></foxy-item-card> </foxy-internal-details> `),t(s))}});let h,f,u,_,p,g,b,v,y,$=e=>e;const x=i(s(d(n(a,"gift-card-code-form"))));class j extends x{constructor(){super(...arguments),this.templates={}}static get scopedElements(){return{"vaadin-number-field":customElements.get("vaadin-number-field"),"vaadin-date-picker":customElements.get("vaadin-date-picker"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"foxy-internal-gift-card-code-form-item-control":customElements.get("foxy-internal-gift-card-code-form-item-control"),"foxy-internal-async-details-control":customElements.get("foxy-internal-async-details-control"),"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-property-table":l}}static get v8n(){return[({code:e})=>!!e\|\|"code_required",({code:e})=>!e\|\|e.length<=50\|\|"code_too_long",({code:e})=>!(null==e?void 0:e.includes(" "))\|\|"code_has_spaces",({current_balance:e})=>!!e\|\|"current_balance_required",({current_balance:e})=>!e\|\|!isNaN(e)\|\|"current_balance_required"]}render(){var e,t;return r(h\|\|(h=$` <div class="relative space-y-m"> ${0} ${0} ${0} ${0} ${0} ${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> `),this.__isCodeHidden?null:this.__renderCode(),this.__isCurrentBalanceHidden?null:this.__renderCurrentBalance(),this.__isEndDateHidden?null:this.__renderEndDate(),this.__isLogsControlHidden?null:this.__renderLogsControl(),this.__isCartItemHidden?null:this.__renderCartItem(),this.__isTimestampsHidden?null:this.__renderTimestamps(),this.__isCreateHidden?null:this.__renderCreate(),this.__isDeleteHidden?null:this.__renderDelete(),o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":this.in("idle")}),this.in("fail")?"error":this.in("busy")?"busy":"empty",this.lang,this.ns,null!==(t=null===(e=customElements.get("foxy-spinner"))\|\|void 0===e?void 0:e.defaultNS)&&void 0!==t?t:"")}get __isCodeHidden(){return this.hiddenSelector.matches("code",!0)}get __isCurrentBalanceHidden(){return this.hiddenSelector.matches("current-balance",!0)}get __isEndDateHidden(){return this.hiddenSelector.matches("end-date",!0)}get __isLogsControlHidden(){var e;return!(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:gift_card_code_logs"].href)}get __isCartItemHidden(){var e;return!(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:provisioned_by_transaction_detail_id"])}get __isTimestampsHidden(){return!!this.hiddenSelector.matches("timestamps",!0)\|\|!this.data}get __isCreateHidden(){return!!this.hiddenSelector.matches("create",!0)\|\|!!this.data}get __isDeleteHidden(){return!!this.hiddenSelector.matches("delete",!0)\|\|!this.data}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderCode(){return r(f\|\|(f=$` <div> ${0} <vaadin-text-field data-testid="code" class="w-full" label="${0}" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" required @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot("code:before"),this.t("code"),this.__getValidator("code"),this.__getErrorMessage("code"),this.form.code,!this.in("idle")\|\|this.disabledSelector.matches("code",!0),this.readonlySelector.matches("code",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({code:t})}),this.renderTemplateOrSlot("code:after"))}__renderCurrentBalance(){return r(u\|\|(u=$` <div> ${0} <vaadin-number-field data-testid="current-balance" class="w-full" label="${0}" min="0" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls required @keydown="${0}" @change="${0}"> </vaadin-number-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.t("current_balance"),this.__getValidator("current_balance"),this.__getErrorMessage("current_balance"),this.form.current_balance,!this.in("idle")\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({current_balance:parseFloat(t)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderEndDate(){return r(_\|\|(_=$` <div> ${0} <vaadin-date-picker data-testid="end-date" class="w-full" label="${0}" min="0" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @change="${0}"> </vaadin-date-picker> ${0} </div> `),this.renderTemplateOrSlot("end-date:before"),this.t("end_date"),this.__getValidator("end_date"),this.__getErrorMessage("end_date"),this.form.end_date,!this.in("idle")\|\|this.disabledSelector.matches("end-date",!0),this.readonlySelector.matches("end-date",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({end_date:t})}),this.renderTemplateOrSlot("end-date:after"))}__renderLogsControl(){var e;return r(p\|\|(p=$` <foxy-internal-async-details-control infer="logs" first="${0}" limit="5" item="foxy-gift-card-code-log-card" open> </foxy-internal-async-details-control> `),t(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:gift_card_code_logs"].href))}__renderCartItem(){return r(g\|\|(g=$` <foxy-internal-gift-card-code-form-item-control infer="cart-item"> </foxy-internal-gift-card-code-form-item-control> `))}__renderTimestamps(){return r(b\|\|(b=$` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),["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])}):""}})),this.renderTemplateOrSlot("timestamps:after"))}__renderCreate(){const e=this.in({idle:{template:{clean:"invalid"}}}),t=this.in({idle:{template:{dirty:"invalid"}}}),i=this.in({idle:{snapshot:{clean:"invalid"}}}),a=this.in({idle:{snapshot:{dirty:"invalid"}}}),s=e\|\|t\|\|(i\|\|a),d=this.in("idle");return r(v\|\|(v=$` <div> ${0} <vaadin-button data-testid="create" class="w-full" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="create" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("create:before"),!d\|\|s\|\|this.disabledSelector.matches("create",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("create:after"))}__renderDelete(){return r(y\|\|(y=$` <div> <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> ${0} <vaadin-button data-testid="delete" theme="error" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="delete" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.lang,this.ns,(e=>!e.detail.cancelled&&this.delete()),this.renderTemplateOrSlot("delete:before"),this.in("busy")\|\|this.disabledSelector.matches("delete",!0),(e=>{this.renderRoot.querySelector("#confirm").show(e.currentTarget)}),this.ns,this.lang,this.renderTemplateOrSlot("delete:after"))}}customElements.define("foxy-gift-card-code-form",j);export{j as GiftCardCodeForm};
1	+ import"./shared-13fbea95.js";import"./shared-7abbc95c.js";import"./shared-c76ef8d8.js";import"./shared-9048eeb2.js";import"./shared-406ce9ad.js";import"./shared-799dc083.js";import"./shared-f9180815.js";import"./foxy-gift-card-code-log-card.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{I as e}from"./shared-ba93be6b.js";import"./foxy-item-card.js";import{i as t}from"./shared-d3bf9ac0.js";import{h as r}from"./shared-7f33a83a.js";import{C as i}from"./shared-5cf7b194.js";import{N as a}from"./shared-9b12aeac.js";import"./shared-5784c088.js";import"./shared-eb8a0fdf.js";import"./shared-099c1f57.js";import{T as s,S as d,a as n}from"./shared-3b709ddc.js";import{c as o}from"./shared-4e709717.js";import"./shared-601f27b1.js";import"./shared-621b3283.js";import"./shared-f21e5761.js";import"./shared-3c2414d4.js";import"./shared-bee111d6.js";import"./shared-ef7f2d07.js";import"./shared-3f04e4cc.js";import{P as l}from"./shared-7fab31ac.js";import"./shared-e5239bec.js";import"./shared-fff03a45.js";import"./foxy-collection-page.js";import"./shared-4c2e9064.js";import"./shared-343d1fd7.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./shared-b446c140.js";import"./shared-fd96bcd1.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-584174ff.js";import"./shared-31d8e3b8.js";import"./foxy-nucleon-element.js";import"./shared-6daeb197.js";import"./shared-f5bbb1e0.js";let c,m=e=>e;customElements.define("foxy-internal-gift-card-code-form-item-control",class extends e{renderControl(){var e,i,a;let s;try{const t=new URL(null!==(a=null===(i=null===(e=this.nucleon)\|\|void 0===e?void 0:e.form._links)\|\|void 0===i?void 0:i["fx:provisioned_by_transaction_detail_id"].href)&&void 0!==a?a:"");t.searchParams.set("zoom","item_options"),s=t.toString()}catch(e){s=void 0}return r(c\|\|(c=m` <foxy-internal-details summary="title" infer="" open> <foxy-item-card infer="item-card" class="p-m" href="${0}"></foxy-item-card> </foxy-internal-details> `),t(s))}});let h,f,u,_,p,b,g,v,y,$=e=>e;const x=i(s(d(n(a,"gift-card-code-form"))));class j extends x{constructor(){super(...arguments),this.templates={}}static get scopedElements(){return{"vaadin-number-field":customElements.get("vaadin-number-field"),"vaadin-date-picker":customElements.get("vaadin-date-picker"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"foxy-internal-gift-card-code-form-item-control":customElements.get("foxy-internal-gift-card-code-form-item-control"),"foxy-internal-async-details-control":customElements.get("foxy-internal-async-details-control"),"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-property-table":l}}static get v8n(){return[({code:e})=>!!e\|\|"code_required",({code:e})=>!e\|\|e.length<=50\|\|"code_too_long",({code:e})=>!(null==e?void 0:e.includes(" "))\|\|"code_has_spaces",({current_balance:e})=>!!e\|\|"current_balance_required",({current_balance:e})=>!e\|\|!isNaN(e)\|\|"current_balance_required"]}render(){var e,t;return r(h\|\|(h=$` <div class="relative space-y-m"> ${0} ${0} ${0} ${0} ${0} ${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> `),this.__isCodeHidden?null:this.__renderCode(),this.__isCurrentBalanceHidden?null:this.__renderCurrentBalance(),this.__isEndDateHidden?null:this.__renderEndDate(),this.__isLogsControlHidden?null:this.__renderLogsControl(),this.__isCartItemHidden?null:this.__renderCartItem(),this.__isTimestampsHidden?null:this.__renderTimestamps(),this.__isCreateHidden?null:this.__renderCreate(),this.__isDeleteHidden?null:this.__renderDelete(),o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":this.in("idle")}),this.in("fail")?"error":this.in("busy")?"busy":"empty",this.lang,this.ns,null!==(t=null===(e=customElements.get("foxy-spinner"))\|\|void 0===e?void 0:e.defaultNS)&&void 0!==t?t:"")}get __isCodeHidden(){return this.hiddenSelector.matches("code",!0)}get __isCurrentBalanceHidden(){return this.hiddenSelector.matches("current-balance",!0)}get __isEndDateHidden(){return this.hiddenSelector.matches("end-date",!0)}get __isLogsControlHidden(){var e;return!(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:gift_card_code_logs"].href)}get __isCartItemHidden(){var e;return!(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:provisioned_by_transaction_detail_id"])}get __isTimestampsHidden(){return!!this.hiddenSelector.matches("timestamps",!0)\|\|!this.data}get __isCreateHidden(){return!!this.hiddenSelector.matches("create",!0)\|\|!!this.data}get __isDeleteHidden(){return!!this.hiddenSelector.matches("delete",!0)\|\|!this.data}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")).toString():""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderCode(){return r(f\|\|(f=$` <div> ${0} <vaadin-text-field data-testid="code" class="w-full" label="${0}" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" required @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot("code:before"),this.t("code"),this.__getValidator("code"),this.__getErrorMessage("code"),this.form.code,!this.in("idle")\|\|this.disabledSelector.matches("code",!0),this.readonlySelector.matches("code",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({code:t})}),this.renderTemplateOrSlot("code:after"))}__renderCurrentBalance(){return r(u\|\|(u=$` <div> ${0} <vaadin-number-field data-testid="current-balance" class="w-full" label="${0}" min="0" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls required @keydown="${0}" @change="${0}"> </vaadin-number-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.t("current_balance"),this.__getValidator("current_balance"),this.__getErrorMessage("current_balance"),this.form.current_balance,!this.in("idle")\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({current_balance:parseFloat(t)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderEndDate(){return r(_\|\|(_=$` <div> ${0} <vaadin-date-picker data-testid="end-date" class="w-full" label="${0}" min="0" .checkValidity="${0}" .errorMessage="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @change="${0}"> </vaadin-date-picker> ${0} </div> `),this.renderTemplateOrSlot("end-date:before"),this.t("end_date"),this.__getValidator("end_date"),this.__getErrorMessage("end_date"),this.form.end_date,!this.in("idle")\|\|this.disabledSelector.matches("end-date",!0),this.readonlySelector.matches("end-date",!0),(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({end_date:t})}),this.renderTemplateOrSlot("end-date:after"))}__renderLogsControl(){var e;return r(p\|\|(p=$` <foxy-internal-async-details-control infer="logs" first="${0}" limit="5" item="foxy-gift-card-code-log-card" open> </foxy-internal-async-details-control> `),t(null===(e=this.form._links)\|\|void 0===e?void 0:e["fx:gift_card_code_logs"].href))}__renderCartItem(){return r(b\|\|(b=$` <foxy-internal-gift-card-code-form-item-control infer="cart-item"> </foxy-internal-gift-card-code-form-item-control> `))}__renderTimestamps(){return r(g\|\|(g=$` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot("timestamps:before"),["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])}):""}})),this.renderTemplateOrSlot("timestamps:after"))}__renderCreate(){const e=this.in({idle:{template:{clean:"invalid"}}}),t=this.in({idle:{template:{dirty:"invalid"}}}),i=this.in({idle:{snapshot:{clean:"invalid"}}}),a=this.in({idle:{snapshot:{dirty:"invalid"}}}),s=e\|\|t\|\|(i\|\|a),d=this.in("idle");return r(v\|\|(v=$` <div> ${0} <vaadin-button data-testid="create" class="w-full" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="create" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("create:before"),!d\|\|s\|\|this.disabledSelector.matches("create",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("create:after"))}__renderDelete(){return r(y\|\|(y=$` <div> <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> ${0} <vaadin-button data-testid="delete" theme="error" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="delete" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.lang,this.ns,(e=>!e.detail.cancelled&&this.delete()),this.renderTemplateOrSlot("delete:before"),this.in("busy")\|\|this.disabledSelector.matches("delete",!0),(e=>{this.renderRoot.querySelector("#confirm").show(e.currentTarget)}),this.ns,this.lang,this.renderTemplateOrSlot("delete:after"))}}customElements.define("foxy-gift-card-code-form",j);export{j as GiftCardCodeForm};

package/dist/cdn/foxy-gift-card-code-log-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~79d01877~~.js";import"./foxy-nucleon-element.js";import"./shared-~~46f3f71c~~.js";import{a as e}from"./shared-~~a88c5cf1~~.js";import{I as t}from"./shared-~~421e46e9~~.js";import{i as r}from"./shared-d3bf9ac0.js";import{c as s}from"./shared-4e709717.js";import{h as o}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-~~c97f7178~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~763a6797~~.js";import"./shared-343d1fd7.js";import"./shared-~~a6517170~~.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";let i,a=e=>e;const d=e(t,"gift-card-code-log-card");class n extends d{constructor(){super(...arguments),this.__giftCardLoaderId="giftCardLoader",this.__storeLoaderId="storeLoader"}renderBody(){var e,t,d,n;const f=this.data,l=null!==(e=null==f?void 0:f.balance_adjustment)&&void 0!==e?e:0,c="number"==typeof(null==f?void 0:f.transaction_id),_=c?"title_used":"title_updated_via_api",u=c?"subtitle_transaction":"subtitle_no_transaction",p={transaction_id:null==f?void 0:f.transaction_id},h={date_created:null==f?void 0:f.date_created,month:"short"},y={currencyDisplay:(null===(t=this.__store)\|\|void 0===t?void 0:t.use_international_currency_symbol)?"code":"symbol",signDisplay:"exceptZero",amount:`${l} ${null===(d=this.__giftCard)\|\|void 0===d?void 0:d.currency_code}`};return o(i\|\|(i=a` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <div class="leading-s"> <div class="flex justify-between items-center"> <span class="text-body font-medium truncate"> <foxy-i18n infer="" key="${0}"></foxy-i18n> </span> <span class="text-s text-tertiary flex-shrink-0"> <foxy-i18n infer="" key="date" .options="${0}"></foxy-i18n> </span> </div> <div class="text-s text-secondary truncate"> <foxy-i18n infer="" key="${0}" .options="${0}"></foxy-i18n> <span class="text-tertiary">•</span> <span class="${0}"> <foxy-i18n infer="" key="adjustment" .options="${0}"></foxy-i18n> </span> </div> </div> `),r(null===(n=null==f?void 0:f._links)\|\|void 0===n?void 0:n["fx:gift_card"].href),this.__giftCardLoaderId,(()=>this.requestUpdate()),r(null==f?void 0:f._links["fx:store"].href),this.__storeLoaderId,(()=>this.requestUpdate()),_,h,u,p,s({"text-tertiary":0===l,"text-success":l>0,"text-error":l<0}),y)}get isBodyReady(){return super.isBodyReady&&!!this.__giftCard&&!!this.__store}get __giftCardLoader(){return this.renderRoot.querySelector(`#${this.__giftCardLoaderId}`)}get __storeLoader(){return this.renderRoot.querySelector(`#${this.__storeLoaderId}`)}get __giftCard(){var e;return null===(e=this.__giftCardLoader)\|\|void 0===e?void 0:e.data}get __store(){var e;return null===(e=this.__storeLoader)\|\|void 0===e?void 0:e.data}}customElements.define("foxy-gift-card-code-log-card",n);export{n as GiftCardCodeLogCard};
1	+ import"./shared-584174ff.js";import"./foxy-nucleon-element.js";import"./shared-2edcd981.js";import{a as e}from"./shared-3b709ddc.js";import{I as t}from"./shared-31d8e3b8.js";import{i as r}from"./shared-d3bf9ac0.js";import{c as s}from"./shared-4e709717.js";import{h as o}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-5784c088.js";import"./shared-e5239bec.js";import"./shared-b446c140.js";import"./shared-4c2e9064.js";import"./shared-fd96bcd1.js";import"./shared-343d1fd7.js";import"./shared-9b12aeac.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";let i,d=e=>e;const a=e(t,"gift-card-code-log-card");class n extends a{constructor(){super(...arguments),this.__giftCardLoaderId="giftCardLoader",this.__storeLoaderId="storeLoader"}renderBody(){var e,t,a,n;const c=this.data,l=null!==(e=null==c?void 0:c.balance_adjustment)&&void 0!==e?e:0,f="number"==typeof(null==c?void 0:c.transaction_id),_=f?"title_used":"title_updated_via_api",u=f?"subtitle_transaction":"subtitle_no_transaction",p={transaction_id:null==c?void 0:c.transaction_id},h={date_created:null==c?void 0:c.date_created,month:"short"},y={currencyDisplay:(null===(t=this.__store)\|\|void 0===t?void 0:t.use_international_currency_symbol)?"code":"symbol",signDisplay:"exceptZero",amount:`${l} ${null===(a=this.__giftCard)\|\|void 0===a?void 0:a.currency_code}`};return o(i\|\|(i=d` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <div class="leading-s"> <div class="flex justify-between items-center"> <span class="text-body font-medium truncate"> <foxy-i18n infer="" key="${0}"></foxy-i18n> </span> <span class="text-s text-tertiary flex-shrink-0"> <foxy-i18n infer="" key="date" .options="${0}"></foxy-i18n> </span> </div> <div class="text-s text-secondary truncate"> <foxy-i18n infer="" key="${0}" .options="${0}"></foxy-i18n> <span class="text-tertiary">•</span> <span class="${0}"> <foxy-i18n infer="" key="adjustment" .options="${0}"></foxy-i18n> </span> </div> </div> `),r(null===(n=null==c?void 0:c._links)\|\|void 0===n?void 0:n["fx:gift_card"].href),this.__giftCardLoaderId,(()=>this.requestUpdate()),r(null==c?void 0:c._links["fx:store"].href),this.__storeLoaderId,(()=>this.requestUpdate()),_,h,u,p,s({"text-tertiary":0===l,"text-success":l>0,"text-error":l<0}),y)}get isBodyReady(){return super.isBodyReady&&!!this.__giftCard&&!!this.__store}get __giftCardLoader(){return this.renderRoot.querySelector(`#${this.__giftCardLoaderId}`)}get __storeLoader(){return this.renderRoot.querySelector(`#${this.__storeLoaderId}`)}get __giftCard(){var e;return null===(e=this.__giftCardLoader)\|\|void 0===e?void 0:e.data}get __store(){var e;return null===(e=this.__storeLoader)\|\|void 0===e?void 0:e.data}}customElements.define("foxy-gift-card-code-log-card",n);export{n as GiftCardCodeLogCard};

package/dist/cdn/foxy-gift-card-codes-form.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./shared-~~7680d300~~.js";import"./shared-~~0689b25a~~.js";import"./shared-~~13cc4ed4~~.js";import"./shared-~~9bdd5400~~.js";import"./shared-~~6dffe67d~~.js";import"./shared-~~c97f7178~~.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-~~46f3f71c~~.js";import{h as e}from"./shared-7f33a83a.js";import{C as t}from"./shared-~~1fd59009~~.js";import{E as s}from"./shared-~~125d1a00~~.js";import{G as r}from"./shared-~~639dda4b~~.js";import{N as i}from"./shared-~~a6517170~~.js";import{T as a,S as n,a as o}from"./shared-~~a88c5cf1~~.js";import{c as d}from"./shared-4e709717.js";import"./shared-~~2fa6a5a0~~.js";import"./shared-~~a7475f62~~.js";import"./shared-~~4bd1efd7~~.js";import"./shared-~~0dabe195~~.js";import"./shared-~~763a6797~~.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-f3b35364.js";import"./shared-d519a301.js";import"./shared-~~bbbb8894~~.js";import"./shared-3ab0306f.js";import"./shared-~~8528906b~~.js";let l,c,m,h,f,u=e=>e;const p=t(a(n(o(i,"gift-card-codes-form"))));class g extends p{constructor(){super(...arguments),this.templates={}}static get scopedElements(){return{"vaadin-integer-field":customElements.get("vaadin-integer-field"),"vaadin-button":customElements.get("vaadin-button"),"iron-icon":customElements.get("iron-icon"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-editable-list":s,"x-group":r}}static get v8n(){return[({gift_card_codes:e})=>e&&e.length>0\|\|"gift_card_codes_required",({current_balance:e})=>!e\|\|e>=0\|\|"current_balance_negative"]}render(){var t,s;const{hiddenSelector:r,lang:i,ns:a}=this,n=this.in("busy"),o=this.in("fail"),c=this.in({idle:"snapshot"}),m=this.in({idle:"template"}),h="transition-opacity duration-500",f="opacity-0 pointer-events-none";return e(l\|\|(l=u` <div class="relative"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success"> <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon> </div> <foxy-i18n class="block" lang="${0}" key="import_codes_done" ns="${0}"></foxy-i18n> </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({"relative space-y-m":!0,[h]:!0,[f]:c}),r.matches("codes",!0)?"":this.__renderCodes(),r.matches("current-balance",!0)?"":this.__renderCurrentBalance(),r.matches("import",!0)?"":this.__renderImport(),d({"absolute inset-0 flex flex-col items-center justify-center":!0,"text-center text-m text-secondary leading-m":!0,[h]:!0,[f]:!c}),i,a,d({"absolute inset-0 flex":!0,[h]:!0,[f]:!n&&!o}),o?"error":m?"empty":"busy",i,a,null!==(s=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==s?s:"")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")):""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderCodes(){var t;const s=null!==(t=this.form.gift_card_codes)&&void 0!==t?t:[],r=s.length>16?s.slice(-16):s,i=s.length>16?s.slice(0,-16):[],a=e=>e.split(/\s/).map((e=>e.trim())).filter((e=>e.length>0)),n=r.map((t=>{let s;try{const e=new URL(this.parent);e.searchParams.set("code",t),s=e.toString()}catch(e){s=this.parent}return{value:t,label:e(c\|\|(c=u` <foxy-internal-gift-card-codes-form-list-item group="${0}" href="${0}" lang="${0}" ns="${0}"> </foxy-internal-gift-card-codes-form-list-item> `),this.group,s,this.lang,this.ns)}}));return e(m\|\|(m=u` <div data-testid="codes"> ${0} <x-group class="mb-xs" frame> <foxy-i18n slot="header" lang="${0}" key="code_plural" ns="${0}"></foxy-i18n> <x-editable-list data-testid="codes:list" lang="${0}" ns="${0}" ?disabled="${0}" ?readonly="${0}" .items="${0}" @change="${0}" @paste="${0}"> <div class="ml-m py-s border-b border-contrast-10 font-lumo" ?hidden="${0}"> <foxy-i18n options="${0}" class="block text-body text-m mb-xs" lang="${0}" key="hidden_codes_header" ns="${0}"> </foxy-i18n> <foxy-i18n class="block text-xs text-tertiary" lang="${0}" key="hidden_codes_explainer" ns="${0}"> </foxy-i18n> </div> </x-editable-list> </x-group> <foxy-i18n class="block text-xs text-tertiary leading-s" lang="${0}" key="code_import_hint" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("codes:before"),this.lang,this.ns,this.lang,this.ns,!this.in("idle")\|\|this.disabledSelector.matches("codes",!0),this.readonlySelector.matches("codes",!0),n,(e=>{const t=e.currentTarget.items.reduce(((e,t)=>[...e,...a(t.value)]),[]),s=new Set([...i,...t]);this.edit({gift_card_codes:[...s]})}),(e=>{var t,r;e.preventDefault();const i=null!==(r=null===(t=e.clipboardData)\|\|void 0===t?void 0:t.getData("text"))&&void 0!==r?r:"",n=a(i);this.edit({gift_card_codes:Array.from(new Set([...s,...n]))})}),0===i.length,JSON.stringify({count:i.length}),this.lang,this.ns,this.lang,this.ns,this.lang,this.ns,this.renderTemplateOrSlot("codes:after"))}__renderCurrentBalance(){var t;const s=this.in({idle:"template"});return e(h\|\|(h=u` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="current-balance" label="${0}" class="w-full" min="0" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.__getErrorMessage("current_balance"),this.t("balance"),!s\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),this.__getValidator("current_balance"),s?null!==(t=this.form.current_balance)&&void 0!==t?t:0:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({current_balance:parseInt(t.value)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderImport(){const t=this.in({idle:{template:{dirty:"valid"}}}),s=this.in({idle:{snapshot:{dirty:"valid"}}}),r=t\|\|s;return e(f\|\|(f=u` <div> ${0} <vaadin-button data-testid="import" class="w-full mb-xs" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="import" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("import:before"),!r\|\|!this.in("idle")\|\|this.disabledSelector.matches("import",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("import:after"))}}let b,x,y=e=>e;const v=o(a(i));customElements.define("foxy-gift-card-codes-form",g),customElements.define("foxy-internal-gift-card-codes-form-list-item",class extends v{render(){var t,s;let r;try{r=null!==(t=new URL(this.href).searchParams.get("code"))&&void 0!==t?t:""}catch(t){return e(b\|\|(b=y``))}let i,a="text-tertiary bg-contrast-5",n="text-body";return this.in("fail")?i="loading_error":this.in("busy")?i="loading_busy":0===(null===(s=this.data)\|\|void 0===s?void 0:s.returned_items)?(a="text-success bg-success-10",i="unique"):(a="text-error bg-error-10",i="duplicate",n="text-error"),e(x\|\|(x=y` <div class="flex justify-between items-center font-lumo leading-m"> <div class="text-m ${0}">${0}</div> <foxy-i18n class="text-xs font-medium px-xs rounded ${0}" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </div> `),n,r,a,this.lang,i,this.ns)}});export{g as GiftCardCodesForm};
1	+ import"./shared-13fbea95.js";import"./shared-7abbc95c.js";import"./shared-3c2414d4.js";import"./shared-9048eeb2.js";import"./shared-b446c140.js";import"./shared-5784c088.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-2edcd981.js";import{h as e}from"./shared-7f33a83a.js";import{C as t}from"./shared-5cf7b194.js";import{E as s}from"./shared-59fc6288.js";import{G as r}from"./shared-d1f5de89.js";import{N as i}from"./shared-9b12aeac.js";import{T as a,S as n,a as o}from"./shared-3b709ddc.js";import{c as d}from"./shared-4e709717.js";import"./shared-3f04e4cc.js";import"./shared-e5239bec.js";import"./shared-eb8a0fdf.js";import"./shared-4c2e9064.js";import"./shared-fd96bcd1.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-f3b35364.js";import"./shared-d519a301.js";import"./shared-35728235.js";import"./shared-3ab0306f.js";import"./shared-e8a51c60.js";let l,c,m,h,f,u=e=>e;const p=t(a(n(o(i,"gift-card-codes-form"))));class g extends p{constructor(){super(...arguments),this.templates={}}static get scopedElements(){return{"vaadin-integer-field":customElements.get("vaadin-integer-field"),"vaadin-button":customElements.get("vaadin-button"),"iron-icon":customElements.get("iron-icon"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"x-editable-list":s,"x-group":r}}static get v8n(){return[({gift_card_codes:e})=>e&&e.length>0\|\|"gift_card_codes_required",({current_balance:e})=>!e\|\|e>=0\|\|"current_balance_negative"]}render(){var t,s;const{hiddenSelector:r,lang:i,ns:a}=this,n=this.in("busy"),o=this.in("fail"),c=this.in({idle:"snapshot"}),m=this.in({idle:"template"}),h="transition-opacity duration-500",f="opacity-0 pointer-events-none";return e(l\|\|(l=u` <div class="relative"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success"> <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon> </div> <foxy-i18n class="block" lang="${0}" key="import_codes_done" ns="${0}"></foxy-i18n> </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({"relative space-y-m":!0,[h]:!0,[f]:c}),r.matches("codes",!0)?"":this.__renderCodes(),r.matches("current-balance",!0)?"":this.__renderCurrentBalance(),r.matches("import",!0)?"":this.__renderImport(),d({"absolute inset-0 flex flex-col items-center justify-center":!0,"text-center text-m text-secondary leading-m":!0,[h]:!0,[f]:!c}),i,a,d({"absolute inset-0 flex":!0,[h]:!0,[f]:!n&&!o}),o?"error":m?"empty":"busy",i,a,null!==(s=null===(t=customElements.get("foxy-spinner"))\|\|void 0===t?void 0:t.defaultNS)&&void 0!==s?s:"")}__getErrorMessage(e){const t=this.errors.find((t=>t.startsWith(e)));return t?this.t(t.replace(e,"v8n")):""}__getValidator(e){return()=>!this.errors.some((t=>t.startsWith(e)))}__renderCodes(){var t;const s=null!==(t=this.form.gift_card_codes)&&void 0!==t?t:[],r=s.length>16?s.slice(-16):s,i=s.length>16?s.slice(0,-16):[],a=e=>e.split(/\s/).map((e=>e.trim())).filter((e=>e.length>0)),n=r.map((t=>{let s;try{const e=new URL(this.parent);e.searchParams.set("code",t),s=e.toString()}catch(e){s=this.parent}return{value:t,label:e(c\|\|(c=u` <foxy-internal-gift-card-codes-form-list-item group="${0}" href="${0}" lang="${0}" ns="${0}"> </foxy-internal-gift-card-codes-form-list-item> `),this.group,s,this.lang,this.ns)}}));return e(m\|\|(m=u` <div data-testid="codes"> ${0} <x-group class="mb-xs" frame> <foxy-i18n slot="header" lang="${0}" key="code_plural" ns="${0}"></foxy-i18n> <x-editable-list data-testid="codes:list" lang="${0}" ns="${0}" ?disabled="${0}" ?readonly="${0}" .items="${0}" @change="${0}" @paste="${0}"> <div class="ml-m py-s border-b border-contrast-10 font-lumo" ?hidden="${0}"> <foxy-i18n options="${0}" class="block text-body text-m mb-xs" lang="${0}" key="hidden_codes_header" ns="${0}"> </foxy-i18n> <foxy-i18n class="block text-xs text-tertiary" lang="${0}" key="hidden_codes_explainer" ns="${0}"> </foxy-i18n> </div> </x-editable-list> </x-group> <foxy-i18n class="block text-xs text-tertiary leading-s" lang="${0}" key="code_import_hint" ns="${0}"> </foxy-i18n> ${0} </div> `),this.renderTemplateOrSlot("codes:before"),this.lang,this.ns,this.lang,this.ns,!this.in("idle")\|\|this.disabledSelector.matches("codes",!0),this.readonlySelector.matches("codes",!0),n,(e=>{const t=e.currentTarget.items.reduce(((e,t)=>[...e,...a(t.value)]),[]),s=new Set([...i,...t]);this.edit({gift_card_codes:[...s]})}),(e=>{var t,r;e.preventDefault();const i=null!==(r=null===(t=e.clipboardData)\|\|void 0===t?void 0:t.getData("text"))&&void 0!==r?r:"",n=a(i);this.edit({gift_card_codes:Array.from(new Set([...s,...n]))})}),0===i.length,JSON.stringify({count:i.length}),this.lang,this.ns,this.lang,this.ns,this.lang,this.ns,this.renderTemplateOrSlot("codes:after"))}__renderCurrentBalance(){var t;const s=this.in({idle:"template"});return e(h\|\|(h=u` <div> ${0} <vaadin-integer-field error-message="${0}" data-testid="current-balance" label="${0}" class="w-full" min="0" ?disabled="${0}" ?readonly="${0}" prevent-invalid-input has-controls .checkValidity="${0}" .value="${0}" @keydown="${0}" @change="${0}"> </vaadin-integer-field> ${0} </div> `),this.renderTemplateOrSlot("current-balance:before"),this.__getErrorMessage("current_balance"),this.t("balance"),!s\|\|this.disabledSelector.matches("current-balance",!0),this.readonlySelector.matches("current-balance",!0),this.__getValidator("current_balance"),s?null!==(t=this.form.current_balance)&&void 0!==t?t:0:"",(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget;this.edit({current_balance:parseInt(t.value)})}),this.renderTemplateOrSlot("current-balance:after"))}__renderImport(){const t=this.in({idle:{template:{dirty:"valid"}}}),s=this.in({idle:{snapshot:{dirty:"valid"}}}),r=t\|\|s;return e(f\|\|(f=u` <div> ${0} <vaadin-button data-testid="import" class="w-full mb-xs" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="import" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("import:before"),!r\|\|!this.in("idle")\|\|this.disabledSelector.matches("import",!0),(()=>this.submit()),this.ns,this.lang,this.renderTemplateOrSlot("import:after"))}}let b,x,y=e=>e;const v=o(a(i));customElements.define("foxy-gift-card-codes-form",g),customElements.define("foxy-internal-gift-card-codes-form-list-item",class extends v{render(){var t,s;let r;try{r=null!==(t=new URL(this.href).searchParams.get("code"))&&void 0!==t?t:""}catch(t){return e(b\|\|(b=y``))}let i,a="text-tertiary bg-contrast-5",n="text-body";return this.in("fail")?i="loading_error":this.in("busy")?i="loading_busy":0===(null===(s=this.data)\|\|void 0===s?void 0:s.returned_items)?(a="text-success bg-success-10",i="unique"):(a="text-error bg-error-10",i="duplicate",n="text-error"),e(x\|\|(x=y` <div class="flex justify-between items-center font-lumo leading-m"> <div class="text-m ${0}">${0}</div> <foxy-i18n class="text-xs font-medium px-xs rounded ${0}" lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </div> `),n,r,a,this.lang,i,this.ns)}});export{g as GiftCardCodesForm};