@foxy.io/elements 1.14.0-beta.6 → 1.14.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 (105) hide show
  1. package/dist/cdn/foxy-access-recovery-form.js +1 -1
  2. package/dist/cdn/foxy-address-card.js +1 -1
  3. package/dist/cdn/foxy-address-form.js +1 -1
  4. package/dist/cdn/foxy-applied-tax-card.js +1 -1
  5. package/dist/cdn/foxy-attribute-card.js +1 -1
  6. package/dist/cdn/foxy-attribute-form.js +1 -1
  7. package/dist/cdn/foxy-cancellation-form.js +1 -1
  8. package/dist/cdn/foxy-collection-page.js +1 -1
  9. package/dist/cdn/foxy-collection-pages.js +1 -1
  10. package/dist/cdn/foxy-custom-field-card.js +1 -1
  11. package/dist/cdn/foxy-custom-field-form.js +1 -1
  12. package/dist/cdn/foxy-customer-card.js +1 -1
  13. package/dist/cdn/foxy-customer-form.js +1 -1
  14. package/dist/cdn/foxy-customer-portal-settings.js +17 -17
  15. package/dist/cdn/foxy-customer-portal.js +18 -15
  16. package/dist/cdn/foxy-customer.js +4 -4
  17. package/dist/cdn/foxy-customers-table.js +1 -1
  18. package/dist/cdn/foxy-discount-card.js +1 -1
  19. package/dist/cdn/foxy-donation.js +1 -1
  20. package/dist/cdn/foxy-email-template-form.js +1 -1
  21. package/dist/cdn/foxy-error-entry-card.js +1 -1
  22. package/dist/cdn/foxy-form-dialog.js +1 -1
  23. package/dist/cdn/foxy-i18n.js +1 -1
  24. package/dist/cdn/foxy-items-form.js +1 -1
  25. package/dist/cdn/foxy-payment-card.js +1 -1
  26. package/dist/cdn/foxy-payment-method-card.js +1 -1
  27. package/dist/cdn/foxy-query-builder.js +2 -2
  28. package/dist/cdn/foxy-sign-in-form.js +1 -1
  29. package/dist/cdn/foxy-spinner.js +1 -1
  30. package/dist/cdn/foxy-subscription-card.js +1 -1
  31. package/dist/cdn/foxy-subscription-form.js +3 -3
  32. package/dist/cdn/foxy-subscriptions-table.js +1 -1
  33. package/dist/cdn/foxy-table.js +1 -1
  34. package/dist/cdn/foxy-tax-card.js +1 -1
  35. package/dist/cdn/foxy-tax-form.js +1 -1
  36. package/dist/cdn/foxy-template-config-form.js +1 -14
  37. package/dist/cdn/foxy-template-form.js +1 -1
  38. package/dist/cdn/foxy-transaction-card.js +1 -1
  39. package/dist/cdn/foxy-transactions-table.js +1 -1
  40. package/dist/cdn/foxy-user-form.js +1 -1
  41. package/dist/cdn/foxy-users-table.js +1 -1
  42. package/dist/cdn/shared-07134f93.js +14 -0
  43. package/dist/cdn/{shared-691da586.js → shared-07abcd7b.js} +1 -1
  44. package/dist/cdn/{shared-6f7f752e.js → shared-322e60b1.js} +1 -1
  45. package/dist/cdn/shared-35dbd2c5.js +1 -0
  46. package/dist/cdn/{shared-1bafffd0.js → shared-5c8b531d.js} +1 -1
  47. package/dist/cdn/{shared-6ecbc785.js → shared-5f54e916.js} +1 -1
  48. package/dist/cdn/{shared-50c7a176.js → shared-7a42073a.js} +1 -1
  49. package/dist/cdn/{shared-c66e9946.js → shared-8a7bee0d.js} +1 -1
  50. package/dist/cdn/{shared-4d3c7828.js → shared-91e768be.js} +1 -1
  51. package/dist/cdn/shared-9a40309d.js +1 -0
  52. package/dist/cdn/{shared-7629a1a5.js → shared-b5147166.js} +1 -1
  53. package/dist/cdn/{shared-16e28f3b.js → shared-bc2bfe52.js} +1 -1
  54. package/dist/cdn/{shared-0ba88744.js → shared-ce1da35d.js} +1 -1
  55. package/dist/cdn/{shared-09feabf8.js → shared-d01d809a.js} +1 -1
  56. package/dist/cdn/{shared-8edee4e1.js → shared-d8ffb279.js} +7 -7
  57. package/dist/cdn/{shared-a6c047b1.js → shared-e5cbf291.js} +1 -1
  58. package/dist/cdn/shared-f1dc1c6c.js +1 -0
  59. package/dist/cdn/translations/shared/de.json +94 -0
  60. package/dist/cdn/translations/shared/en.json +83 -83
  61. package/dist/cdn/translations/shared/es.json +93 -0
  62. package/dist/elements/private/Checkbox/Checkbox.d.ts +3 -1
  63. package/dist/elements/private/Checkbox/Checkbox.js +43 -14
  64. package/dist/elements/private/Checkbox/Checkbox.js.map +1 -1
  65. package/dist/elements/private/Choice/Choice.js +7 -5
  66. package/dist/elements/private/Choice/Choice.js.map +1 -1
  67. package/dist/elements/public/CustomerPortal/InternalCustomerPortalLink.d.ts +1 -0
  68. package/dist/elements/public/CustomerPortal/InternalCustomerPortalLink.js +17 -8
  69. package/dist/elements/public/CustomerPortal/InternalCustomerPortalLink.js.map +1 -1
  70. package/dist/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.js +11 -3
  71. package/dist/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.js.map +1 -1
  72. package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.d.ts +24 -2
  73. package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.js +89 -50
  74. package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.js.map +1 -1
  75. package/dist/elements/public/EmailTemplateForm/types.d.ts +14 -0
  76. package/dist/elements/public/EmailTemplateForm/types.js.map +1 -1
  77. package/dist/elements/public/ItemsForm/private/Picture.d.ts +1 -0
  78. package/dist/elements/public/ItemsForm/private/Picture.js +2 -0
  79. package/dist/elements/public/ItemsForm/private/Picture.js.map +1 -1
  80. package/dist/elements/public/SubscriptionForm/SubscriptionForm.js +12 -4
  81. package/dist/elements/public/SubscriptionForm/SubscriptionForm.js.map +1 -1
  82. package/dist/elements/public/TemplateConfigForm/CountriesList.d.ts +2 -4
  83. package/dist/elements/public/TemplateConfigForm/CountriesList.js +29 -21
  84. package/dist/elements/public/TemplateConfigForm/CountriesList.js.map +1 -1
  85. package/dist/elements/public/TemplateConfigForm/CountryCard.d.ts +1 -1
  86. package/dist/elements/public/TemplateConfigForm/CountryCard.js +53 -18
  87. package/dist/elements/public/TemplateConfigForm/CountryCard.js.map +1 -1
  88. package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.d.ts +55 -1
  89. package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.js +401 -185
  90. package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.js.map +1 -1
  91. package/dist/elements/public/TemplateConfigForm/types.d.ts +34 -0
  92. package/dist/elements/public/TemplateConfigForm/types.js.map +1 -1
  93. package/dist/elements/public/TemplateForm/TemplateForm.d.ts +23 -1
  94. package/dist/elements/public/TemplateForm/TemplateForm.js +92 -52
  95. package/dist/elements/public/TemplateForm/TemplateForm.js.map +1 -1
  96. package/dist/elements/public/TemplateForm/types.d.ts +14 -0
  97. package/dist/elements/public/TemplateForm/types.js.map +1 -1
  98. package/dist/mixins/themeable.js +30 -14
  99. package/dist/mixins/themeable.js.map +1 -1
  100. package/dist/mixins/translatable.js +1 -1
  101. package/dist/mixins/translatable.js.map +1 -1
  102. package/package.json +1 -1
  103. package/dist/cdn/shared-3f35fa81.js +0 -1
  104. package/dist/cdn/shared-ace85f1b.js +0 -1
  105. package/dist/cdn/shared-d8852c42.js +0 -1
@@ -0,0 +1 @@
1
+ import{L as t,_ as e,j as i,h as s}from"./shared-63eaded9.js";import"./shared-0ced76a0.js";import{p as r}from"./shared-87ca7818.js";import"./shared-46ee137f.js";import"./shared-df573cea.js";import"./shared-f0a83bd6.js";import{b as a,S as n,c as o}from"./shared-9a40309d.js";import"./shared-d8ffb279.js";import"./shared-07abcd7b.js";import{I as l,D as c}from"./shared-b5147166.js";import{E as h}from"./shared-5c8b531d.js";import"./shared-ec861f31.js";import"./shared-bb824ab4.js";import"./foxy-i18n.js";import"./shared-60126eee.js";import{s as d}from"./shared-b0f0e8b5.js";class u extends CustomEvent{constructor(t){super("change",{detail:t})}}class m extends CustomEvent{constructor(t){super("submit",{detail:t,cancelable:!0})}}let _,p,g=t=>t;var y;!function(t){t[t.Excluded=0]="Excluded",t[t.BeforeEnter=1]="BeforeEnter",t[t.Default=2]="Default",t[t.Previous=3]="Previous",t[t.BeforeExit=4]="BeforeExit"}(y||(y={}));class f extends t{constructor(){super(...arguments),this.quantity=0,this.image=""}static get properties(){return e(e({},super.properties),{},{quantity:{attribute:!1},image:{attribute:!1}})}static get styles(){return[a.styles,i(_||(_=g`.ease-out-back{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.blur-1{filter:blur(1px)}.blur-2{filter:blur(2px)}.grayscale{filter:grayscale()}.rotate-12{--tw-rotate:12deg}.-rotate-12{--tw-rotate:-12deg}.-rotate-24{--tw-rotate:-24deg}.translate-y-half{--tw-translate-y:50%}`))]}set empty(t){this.updateComplete.then((()=>{if(t){const[,...t]=this.__stack;t.forEach((t=>t.remove()))}else this.quantity>1&&this.__stack.length<2&&this.__insertImage(y.Previous,this.__stack[0])}))}set data({quantity:t,image:e}){this.quantity=t,this.image=e}render(){return s(p||(p=g`<div id="image" class="w-full h-full relative"></div>`))}firstUpdated(){const t=this.__insertImage(y.Default);this.quantity>1&&this.__insertImage(y.Previous,t)}updated(t){if(t.has("quantity")){const e=t.get("quantity");void 0!==e&&(this.quantity>e?this.__add():this.__remove())}t.has("image")&&this.__stack.forEach((t=>t.src=this.image))}get __container(){return this.shadowRoot.getElementById("image")}get __stack(){var t,e;return[...null!==(e=null===(t=this.__container)||void 0===t?void 0:t.querySelectorAll(":not(.opacity-0)"))&&void 0!==e?e:[]].reverse()}__add(){const[t,e]=this.__stack;this.quantity>1?(t&&this.__setImageState(t,y.Previous),e&&(this.__setImageState(e,y.BeforeExit),e.ontransitionend=()=>e.remove()),this.__setImageState(this.__insertImage(y.BeforeEnter),y.Default)):t&&this.__setImageState(t,y.Default)}__remove(){const[t,e]=this.__stack;let i;if(this.quantity>0?(e&&this.__setImageState(e,y.Default),i=t):(t&&this.__setImageState(t,y.Excluded),i=e),i&&(this.__setImageState(i,y.BeforeEnter),i.ontransitionend=()=>i.remove()),this.quantity>1){const t=this.__insertImage(y.BeforeExit,this.__container.firstElementChild);this.__setImageState(t,y.Previous)}}__insertImage(t,e=null){const i=new Image;return i.src=this.image,i.setAttribute("part","picture"),i.addEventListener("error",(()=>i.src=f.placeholder)),this.__setImageState(i,t),this.__container.insertBefore(i,e),i}__setImageState(t,e){t.offsetHeight,t.className=["absolute inset-0 w-full h-full object-cover rounded transform transition duration-700 ease-out-back",["grayscale","shadow-m translate-y-half scale-110 rotate-12 opacity-0","shadow-m","blur-1 -rotate-12 opacity-25","blur-2 -rotate-24 opacity-0"][e]].join(" ")}}f.placeholder='data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="40" height="40" fill="%23E8E8E8"/%3E%3Cpath d="M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z" fill="white"/%3E%3Cpath d="M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z" fill="white"/%3E%3Cpath d="M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z" fill="white"/%3E%3Cpath d="M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z" fill="white"/%3E%3Cpath d="M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z" fill="white"/%3E%3Cpath d="M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z" fill="white"/%3E%3Cpath d="M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z" fill="white"/%3E%3Cpath d="M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z" fill="white"/%3E%3Cpath d="M40 40H34.8333L40 34.8333V40Z" fill="white"/%3E%3Cpath d="M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z" fill="white"/%3E%3Cpath d="M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z" fill="white"/%3E%3Cpath d="M0 0H6.37152L0 6.37151V0Z" fill="white"/%3E%3Cpath d="M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z" fill="white"/%3E%3Cpath d="M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z" fill="white"/%3E%3C/svg%3E';let v,b,w,x,q,I,E,$,C=t=>t;class S extends(n(t)){constructor(){super(...arguments),this.empty=!1,this.data=[]}static get properties(){return e(e({},super.properties),{},{empty:{attribute:!1},data:{attribute:!1}})}static get styles(){return[a.styles,i(v||(v=C`.w-preview{width:5.5rem}.h-preview{height:5.5rem}.ease-out-back{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.grayscale{filter:grayscale()}.grid-2>:nth-child(1),.grid-3>:nth-child(1),.grid-4-plus>:nth-child(1),.grid-4>:nth-child(1){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-1>:nth-child(2){opacity:0;--tw-translate-x:100%;--tw-translate-y:var(--tw-translate-x)}.grid-2>:nth-child(2),.grid-3>:nth-child(2),.grid-4-plus>:nth-child(2),.grid-4>:nth-child(2){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-3>:nth-child(2),.grid-4-plus>:nth-child(2),.grid-4>:nth-child(2){transform-origin:top right}.grid-1>:nth-child(3),.grid-2>:nth-child(3),.grid-3>:nth-child(3),.grid-4-plus>:nth-child(3),.grid-4>:nth-child(3){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-1>:nth-child(3),.grid-2>:nth-child(3){opacity:0;--tw-translate-y:100%}.grid-3>:nth-child(3){transform-origin:bottom right}.grid-4-plus>:nth-child(3),.grid-4>:nth-child(3){transform-origin:bottom left}.grid-1>:nth-child(4),.grid-2>:nth-child(4),.grid-3>:nth-child(4),.grid-4-plus>:nth-child(4),.grid-4>:nth-child(4){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-1>:nth-child(4),.grid-2>:nth-child(4),.grid-3>:nth-child(4){opacity:0;transform-origin:bottom left;--tw-translate-x:100%}.grid-1>:nth-child(4)>:first-child,.grid-2>:nth-child(4)>:first-child,.grid-3>:nth-child(4)>:first-child,.grid-4>:nth-child(4)>:first-child{transform:perspective(250px) rotateX(-90deg)}.grid-4-plus>:nth-child(4)>:first-child,.grid-4>:nth-child(4)>:last-child{transition-delay:.15s;transition-timing-function:ease-out}.grid-4-plus>:nth-child(4)>:last-child,.grid-4>:nth-child(4)>:first-child{transition-timing-function:ease-in}.grid-4-plus>:nth-child(4)>:last-child{transform:perspective(250px) rotateX(90deg)}.grid-1>:nth-child(5),.grid-3>:nth-child(5),.grid-4-plus>:nth-child(5),.grid-4>:nth-child(5){opacity:0}.grid-1>:nth-child(5){--tw-translate-x:100%}.grid-2>:nth-child(5),.grid-3>:nth-child(5),.grid-4-plus>:nth-child(5),.grid-4>:nth-child(5){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-3>:nth-child(5),.grid-4-plus>:nth-child(5),.grid-4>:nth-child(5){--tw-translate-y:-100%}.grid-1>:nth-child(6),.grid-4-plus>:nth-child(6),.grid-4>:nth-child(6){opacity:0}.grid-1>:nth-child(6){--tw-translate-y:100%}.grid-2>:nth-child(6),.grid-3>:nth-child(6),.grid-4-plus>:nth-child(6),.grid-4>:nth-child(6){--tw-scale-x:calc(2.5 / 5.5);--tw-scale-y:var(--tw-scale-x)}.grid-4-plus>:nth-child(6),.grid-4>:nth-child(6){--tw-translate-x:-100%}`))]}render(){const t=this.data.length,e="rounded bg-contrast-10",i="transition-all duration-700 ease-out-back transform absolute inset-0",r=this.empty?"grayscale":"",a=t>4?"grid-4-plus":`grid-${Math.max(1,t)}`,n=d({exportparts:"picture",class:"w-full h-full",".empty":this.empty}),[o,l,c,h]=this.data;return s(b||(b=C` <div class="${0} w-preview h-preview relative font-lumo"> <div class="${0} ${0} origin-top-left"> ${0} </div> <div class="${0} ${0} origin-bottom-right"> ${0} </div> <div class="${0} ${0} origin-top-right"> ${0} </div> <div class="${0} ${0} origin-bottom-right"> <div class="${0} flex text-body transition duration-150 absolute inset-0"> ${0} </div> <div class="transition duration-150 absolute inset-0"> ${0} </div> </div> <div class="${0} ${0} origin-top-right"></div> <div class="${0} ${0} origin-bottom-left"></div> </div> `),a,i,r,o?s(w||(w=C`<x-pic ...="${0}" .data="${0}"></x-pic>`),n,o):"",i,r,l?s(x||(x=C`<x-pic ...="${0}" .data="${0}"></x-pic>`),n,l):"",i,r,c?s(q||(q=C`<x-pic ...="${0}" .data="${0}"></x-pic>`),n,c):"",i,r,e,t>102?s(I||(I=C`<iron-icon icon="icons:more-horiz" class="m-auto w-xl h-xl"></iron-icon>`)):s(E||(E=C`<div class="m-auto text-xxxl">+${0}</div>`),t-3),h?s($||($=C`<x-pic ...="${0}" .data="${0}"></x-pic>`),n,h):"",i,e,i,e)}}let D,k,L=t=>t;class A extends S{static get scopedElements(){return{"x-pic":f}}}class N extends S{static get scopedElements(){return{"x-pic":A}}}class P extends(n(t)){constructor(){super(...arguments),this.quantity=0,this.items=[]}static get scopedElements(){return{"x-picture":f,"x-bundle-grid":N}}static get properties(){return{quantity:{attribute:!1},image:{attribute:!1},items:{attribute:!1}}}static get styles(){return a.styles}render(){const{quantity:t,image:e=""}=this,i=0===t,r=d({class:"w-full h-full",exportparts:"picture"});if(0===this.items.length)return s(D||(D=L`<x-picture ...="${0}" .data="${0}"></x-picture>`),r,{quantity:t,image:e});{const e=new Array(Math.max(1,t)).fill(this.items);return s(k||(k=L`<x-bundle-grid ...="${0}" .empty="${0}" .data="${0}"></x-bundle-grid>`),r,i,e)}}}class j extends o{static get properties(){return e(e({},super.properties),{},{open:{type:Object},signatures:{type:Object,converter:t=>{const e=JSON.parse(t);for(const t of Object.keys(e))64!=e[t].length&&console.error("There is something wrong with the signature. It should have 64 characters.");return e}}})}signedName(t){return this.signatures&&this.signatures[t]?`${t}||${this.signatures[t]}${this.isOpen(t)?"||open":""}`:t}isOpen(t){return!(!this.open||!this.open[t])}}let F,T,O,V,M,H,B,Z=t=>t;class R extends j{constructor(){super("items-form"),this.rel="product_item",this.readonly=!1,this.quantity=0,this.total=this.__computeTotalPrice(),this.currency="",this.isItem=!0,this.isChildItem=!1,this.pid=R.__newId(),this.__modified=!1,this.__childPrices=[],this.__images=[],this.__childrenCount=0,this.__itemDescription="",this.__handleQuantity={handleEvent:t=>{const e=Number(t.target.value);this.quantity=e,this.__modified=!0,this.__images=[this.getImageDescription()].concat(this.__images.slice(1,this.__images.length))}},this.__childItemsObserver=new MutationObserver(this.__observeItems.bind(this)),this.__childItemsObserver.observe(this,{childList:!0,attributes:!1,subtree:!0}),this.updateComplete.then((()=>{this.__setCode(),this.__acknowledgeChildItems(),this.__changedChildItem(),this.__isValid()||console.error("Invalid item",this.value)}))}static get styles(){return[super.styles,i(F||(F=Z`:host{--quantity-width:6.5rem;--preview-size:5.5rem;--threshold:20rem}.min-w-description::before{content:'';width:var(--threshold);display:block;overflow:hidden}.ml-description{--min-width:calc(var(--threshold) + var(--preview-size) + var(--lumo-space-l));--free-space:calc(100% - var(--min-width));--max-margin-left:calc(var(--preview-size) + var(--lumo-space-l));--final-margin-left:clamp(0rem, var(--free-space) * 999999999, var(--max-margin-left));margin-left:var(--final-margin-left)}.mr-quantity{--min-width:var(--threshold);--free-space:calc(100% - var(--min-width));--max-margin-right:calc(var(--quantity-width) + var(--lumo-space-l));--final-margin-right:clamp(0rem, var(--free-space) * 999999999, var(--max-margin-right));margin-right:var(--final-margin-right)}:host([data-bundled]:not(:last-of-type)) .separator::after{content:' ';display:block;position:absolute;width:100vw;border-bottom:solid thin var(--lumo-shade-10pct);left:0;bottom:0}.w-quantity{width:var(--quantity-width)}.w-preview{width:var(--preview-size)}.h-preview{height:var(--preview-size)}`))]}static get scopedElements(){return{"vaadin-integer-field":customElements.get("vaadin-integer-field"),"x-error-screen":h,"x-preview":P,"x-i18n":l}}static get properties(){return e(e({},super.properties),{},{__modified:{},readonly:{type:Boolean,reflect:!0},currency:{type:String},category:{type:String},code:{type:String,reflect:!0},expires:{type:String},height:{type:Number},image:{type:String},length:{type:Number},name:{type:String},parent_code:{type:String},price:{type:Number},quantity:{type:Number,reflect:!0},quantity_max:{type:Number},quantity_min:{type:String},shipto:{type:String},total:{type:Number,reflect:!0,attribute:"total"},url:{type:String},value:{type:Object},weight:{type:Number},width:{type:Number},__childPrices:{},__childrenCount:{},__images:{},alt:{type:String},isChildItem:{type:Boolean,reflect:!0,attribute:"data-bundled"},isItem:{type:Boolean,reflect:!0,attribute:"data-item"},open:{type:Object},pid:{type:Number,reflect:!0},items:{type:Array}})}get items(){const t=[];return this.__onEachChildItem([e=>t.push(e.value)]),t}set items(t){this.__createItems(t)}get value(){const t={};for(let e=0;e<this.attributes.length;e++)t[this.attributes[e].name]=this.attributes[e].value;return t.items=this.items,t}set value(t){this.__itemDescription="";for(const e in t){let i="";if("description"!=e){if("object"==typeof t[e])i=JSON.stringify(t[e]);else{const s=e;(t[s]&&"undefined"!==t[s]||0===t[s])&&(i=t[e].toString())}this.setAttribute(e,t[e]?i:"")}else this.__itemDescription=t[e]}}updated(t){t.forEach(((t,e)=>{"__itemDescription"!=e&&"isChildItem"!=e||this.__updateDescriptionEl()})),this.__setTotalPrice(),this.dispatchEvent(new Event("change"))}render(){var t;if(!this.__isValid())return s(T||(T=Z`<x-error-screen type="setup_needed" class="relative"></x-error-screen>`));const e=`font-lumo text-body text-s leading-m transition duration-100 ${this.quantity?"":"removed opacity-50"}`;if(this.isChildItem)return s(O||(O=Z` <article part="item" class="py-s w-full relative separator item-summary flex justify-between ${0}"> <div class="description flex-1"> <h1 class="text-header font-medium">${0}</h1> <section class="description text-secondary"> <slot></slot> </section> </div> ${0} </article> `),e,this.name,this.quantity<2?"":s(V||(V=Z` <section class="quantity font-medium text-tertiary whitespace-nowrap"> ${0} </section> `),this._t("item.items",{quantity:this.quantity})));{const i=(null!==(t=this.price)&&void 0!==t?t:0)+this.__childPrices.reduce(((t,e)=>t+e),0),r=this.__translateAmount(i*this.quantity),a=this.__translateAmount(i);return s(M||(M=Z` <article part="item" class="p-l relative item ${0} ${0}"> <x-preview class="preview float-left w-preview h-preview mr-l mb-l" exportparts="picture" .image="${0}" .quantity="${0}" .items="${0}"> </x-preview> <section class="description min-w-description ml-description"> <h1 class="text-header font-medium text-l leading-none mr-quantity mb-s"> ${0} </h1> <div class="item-description text-secondary mr-quantity mb-s"> <slot></slot> </div> <div class="child-items mb-s"> <slot name="items"></slot> </div> ${0} </section> <section class="quantity w-quantity absolute top-0 right-0 m-l"> <vaadin-integer-field class="w-full p-0" name="quantity" @change="${0}" value="${0}" min="0" has-controls ?readonly="${0}"> </vaadin-integer-field> ${0} </section> </article> `),e,this.__modified?"modified":"",this.image,this.quantity,[...this.querySelectorAll("[data-bundled]")].map((t=>{var e;return{quantity:t.quantity,image:null!==(e=t.image)&&void 0!==e?e:""}})),this.name,a?s(H||(H=Z`<div class="font-medium price text-l">${0}</div>`),a):"",this.__handleQuantity,this.quantity,this.readonly,this.quantity>1?s(B||(B=Z` <x-i18n .ns="${0}" .lang="${0}" .opts="${0}" class="price-total text-secondary text-xs text-center block mt-xs" key="price.total"> </x-i18n> `),this.ns,this.lang,{amount:r}):"")}}getImageDescription(){return{src:this.image,alt:this.alt,quantity:this.quantity}}signedName(t){const e=super.signedName(t);return`${this.pid.toString()}:${e}`}static __newId(){const t=R.__existingIds.reduce(((t,e)=>e>t?e:t),0)+1;return R.__existingIds.push(t),t}__updateDescriptionEl(){if(this.__itemDescription){let t=this.shadowRoot.querySelector("data-item-description");t||(t=document.createElement("p"),t.dataset.itemDescription="true",this.__addSlottedEl(t)),t.innerText=this.__itemDescription}else{const t=this.shadowRoot.querySelector("data-item-description");t&&t.remove()}}__addSlottedEl(t){const e=this.shadowRoot.querySelector("article");e&&e.appendChild(t)}__setCode(){this.code||(this.code=`RAND${Math.random()}`)}__createItems(t){t.forEach((t=>{const e=document.createElement(this.tagName);e.value=t,e.currency=this.currency,e.__computeTotalPrice(),this.__acknowledgeItem(e),this.appendChild(e)}))}__setTotalPrice(){this.total=this.__computeTotalPrice()}__computeTotalPrice(){if(!this.__childPrices)return this.price?this.price*this.quantity:0;let t=0;return this.__childPrices.forEach((e=>{t+=e})),t+=this.price,t*=this.quantity,t}__isValid(){const t=[];return this.name&&this.name.length||t.push("The name attribute of an item is required."),this.price||0===this.price||t.push("The price attribute of an item is required."),this.price&&this.price<0&&t.push("Item added with negative price."),this.quantity_min&&this.quantity&&this.quantity<this.quantity_min&&t.push("Quantity amount is less than minimum quantity."),this.quantity_max&&this.quantity&&this.quantity>this.quantity_max&&t.push("Quantity amount is more than maximum quantity."),console.error(...t),!t.length}__translateAmount(t){return this.currency?t.toLocaleString(this.lang,{minimumFractionDigits:2,currency:this.currency,style:"currency"}):""}__observeItems(t){t.forEach((t=>{"childList"==t.type&&t.addedNodes.forEach((t=>{t.nodeType===Node.DOCUMENT_NODE&&this.__acknowledgeItem(t)}))})),this.__setTotalPrice()}__acknowledgeChildItems(){var t;null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("[data-item]").forEach((t=>this.__acknowledgeItem(t))),this.querySelectorAll("[data-item]").forEach((t=>this.__acknowledgeItem(t)))}__acknowledgeItem(t){t.addEventListener("change",this.__changedChildItem.bind(this)),t.currency=this.currency,t.isItem=!1,t.isChildItem=!0,this.code&&(t.parent_code=this.code)}__changedChildItem(){const t=[],e=[];let i=0;this.__onEachChildItem([e=>{void 0!==e.total&&t.push(e.total)},t=>{e.push(t.getImageDescription())},()=>i+=1]),this.image&&0===e.length&&e.push(this.getImageDescription()),this.__childPrices=t,this.__images=e,this.__childrenCount=i,this.__setTotalPrice()}__onEachChildItem(t){const e=this.querySelectorAll("[data-bundled]");for(const i of e)for(const e of t)e(i)}}R.__existingIds=[];let z,Q,W,J,U,X,G=t=>t;class K extends j{constructor(){super("items-form"),this.readonly=!1,this.target="_top",this.cart="checkout",this.sub_modify="replace",this.sub_restart="auto",this.frequencies=[],this.handleSubmit={handleEvent:()=>{null!==this.__data&&this.dispatchEvent(new m(this.__data))&&this.shadowRoot.querySelector("form").submit()}},this.__hasValidItems=!1,this.__total=0,this.__handleFrequency={handleEvent:t=>{const e=t.detail.replace(/([wydm])\w*/,"$1").replace(/ /g,"").replace(/^0/,"");K.__validFrequency(e)?this.sub_frequency=e:this.sub_frequency="",this.__updateData()}},this.__data=new FormData,this.__childItemsObserver=new MutationObserver(this.__observeChildren.bind(this)),this.__childItemsObserver.observe(this,{childList:!0,attributes:!1,subtree:!0}),this.updateComplete.then((()=>{this.__acknowledgeItemElements(),this.__computeTotalPrice(),this.__updateData()}))}static get scopedElements(){return{"x-error-screen":h,"vaadin-button":customElements.get("vaadin-button"),"x-dropdown":c,"x-item":R}}static get properties(){return e(e({},super.properties),{},{currency:{type:String},readonly:{type:Boolean},cart:{type:String,converter:t=>t&&!["checkout","add"].includes(t)?null:t},target:{type:String},store:{type:String,attribute:"store"},sub_frequency:{type:String},sub_startdate:{type:String,converter:t=>K.__validDate(t)?t:(console.error("Invalid start date",t),"")},sub_enddate:{type:String,converter:t=>K.__validDateFuture(t)?t:(console.error("Invalid end date",t),"")},sub_token:{type:String},sub_modify:{type:String,converter:t=>""===t||"append"===t?"":"replace"},sub_restart:{type:String,converter:t=>"true"===t?t:"auto"},frequencies:{converter:t=>{if(!t)return[];const e=JSON.parse(t);if(!Array.isArray(e))return console.error("Invalid frequency","Frequency options must be an array."),[];for(const t of e)if(!K.__validFrequency(t))return console.error("Invalid frequency","Invalid frequency option.\n Please, check https://wiki.foxycart.com/v/2.0/products#subscription_product_options for possible values.\n Each frequency must be a in the format:\n - 1d (a number followed by d, for day)\n - 1w (a number followed by w, for week)\n - 1m (a number followed by m, for month)\n - 1y (a number followed by y, for year)\n or .5m (no other decimals are allowed, and this is only for months)\n ",t),[];return e.filter(K.__validFrequency)}},items:{type:Array},__hasValidItems:{attribute:!1},__total:{attribute:!1},__data:{attribute:!1}})}get items(){const t=[];return this.__itemElements.forEach((e=>{const i=new Proxy(e,{set:function(t,e,i){const s=Object.keys(t.value);return!("string"!=typeof e||!s.includes(e))&&(t[e]=i,!0)},get:function(t,e){return t.value[e]}});t.push(i)})),t}set items(t){this.__removeItems(),this.__createItemsFromItemArray(t)}get total(){return this.__total}render(){var t;return this.store&&this.currency?s(Q||(Q=G` <div> <form class="overflow-hidden" method="POST" target="${0}" action="https://${0}/cart" data-testid="form" class="hidden" hidden> ${0} </form> <section class="items"> <slot></slot> </section> ${0} </div> `),this.target,this.store,this.__data?s(W||(W=G` ${0}`),[...this.__data.entries()].map((([t,e])=>s(J||(J=G`<input type="hidden" name="${0}" value="${0}">`),t,e)))):"",this.readonly?"":s(U||(U=G` <section class="actions flex flex-wrap justify-end m-m"> ${0} <vaadin-button class="m-s w-full sm-w-auto" theme="primary" data-testid="submit" ?disabled="${0}" @click="${0}"> <span class="total"> ${0} </span> </vaadin-button> </section> `),this.frequencies&&this.frequencies.length?s(X||(X=G` <x-dropdown type="text" name="frequency" class="subscription m-s w-full sm-w-auto" lang="${0}" .value="${0}" .items="${0}" .getText="${0}" @change="${0}"> </x-dropdown> `),this.lang,null!==(t=this.sub_frequency)&&void 0!==t?t:"0",this.frequencies.concat(["0"]),this.__translateFrequency.bind(this),this.__handleFrequency):"",!this.__hasValidItems,this.handleSubmit,this.__submitBtnText(this.__translateAmount(this.total)))):s(z||(z=G`<x-error-screen type="setup_needed" class="relative"></x-error-screen>`))}addItems(t){for(const e of t){const t=this.createItem(e);this.appendChild(t),this.__acknowledgeItemElement(t)}}removeItems(t){this.__removeItems((e=>t.includes(e.pid)))}updated(){this.dispatchEvent(new u(this.__data))}createItem(t){const e=this.constructor.getScopedTagName("x-item"),i=document.createElement(e);return i.value=t,i.currency=this.currency,i.readonly=this.readonly,i}__submitBtnText(t){if(this.sub_frequency&&"0"!=this.sub_frequency){const e=r(this.sub_frequency);return 1===e.count?this._t("checkout.subscribe_single_unit",{value:t,period:this._t(e.units).toLowerCase()}):this._t("checkout.subscribe_muiltiple_units",{value:t,period:this.__translateFrequency(this.sub_frequency).toLowerCase()})}return this._t("checkout.buy",{value:t})}get __itemElements(){return this.querySelectorAll("[data-item]")}__createItemsFromItemArray(t){this.addItems(t)}__removeItems(t=(()=>!0)){this.__itemElements.forEach((e=>{t(e)&&e.remove()}))}__addSignature(t,e,i){return`${t}||${e}${i?"||open":""}`}__formDataFill(t){let e=0;return this.__itemElements.forEach((i=>{e+=this.__formDataAddItem(t,i)})),this.__formDataAddCartWideSubscriptionFields(t),e}__formDataCustomInputs(t){this.querySelectorAll("[name]").forEach((e=>{const i=e;"INPUT"==i.tagName&&["checkbox","radio"].includes(i.type)&&!i.checked||"OPTION"!=i.tagName&&i.value&&["number","string"].includes(typeof i.value)&&t.set(i.name,i.value)}))}__isAttributeReserved(t){return["alt","currency","description","isChildren","isItem","items","open","pid","signatures","slot","total"].includes(t)}__formDataAddItem(t,e,i=null){let s=0;if(this.__validItem(e)){if(!e.value.pid)throw new Error("Attempt to convert a item without a propper ID");i&&i.getAttribute("code")&&e.setAttribute("parent_code",i.getAttribute("code"));for(let s=0;s<e.attributes.length;s++){const r=e.attributes[s];if(!this.__isAttributeReserved(r.name)&&!r.name.startsWith("data-")){let s=e[r.name];e.code&&["string","number"].includes(typeof s)&&(i&&"quantity"==r.name&&(s=Number(r.value)*i.quantity),t.set(e.signedName(r.name),s.toString()))}}s+=1,this.__formDataAddSubscriptionFields(t,e)}const r=e.querySelectorAll("[data-bundled]");if(r&&e.quantity>0)for(const i of r)s+=this.__formDataAddItem(t,i,e);return s}__formDataAddSubscriptionFields(t,e){if(this.sub_frequency)for(const i of["sub_frequency","sub_startdate","sub_enddate"])this[i]&&t.set(e.signedName(i),this[i])}__formDataAddCartWideSubscriptionFields(t){this.sub_frequency&&(this.sub_token&&t.set(this.signedName("sub_token"),this.sub_token),t.set(this.signedName("sub_modify"),this.sub_modify),t.set(this.signedName("sub_restart"),this.sub_restart))}__formDataAddCartFields(t){this.cart?t.set("cart",this.cart):t.delete("cart")}static __validDate(t){return null!=t&&(t.match(/^(\d{1,2}|\d{8})$/)?!(t.match(/^\d{2}$/)&&Number(t)>31):!(t.match(/^\.5m/)||!K.__validFrequency(t)))}static __validDateFuture(t){let e=!1;if(K.__validDate(t))if(t.match(/^\d{8}/)){e=(new Date).toISOString().replace(/(-|T.*)/g,"")<=t}else e=!0;return e}static __validFrequency(t){return!!t&&!!t.match(/^(\.5m|\d+[dwmy])$/)}__observeChildren(t){t.forEach((t=>{"childList"==t.type&&t.addedNodes.forEach((t=>{t.addEventListener("change",this.__itemChange.bind(this))}))})),this.__acknowledgeItemElements(),this.__computeTotalPrice(),this.__updateData()}__itemChange(){this.__computeTotalPrice(),this.__updateData()}__computeTotalPrice(){let t=0;this.__itemElements.forEach((e=>{const i=e;i.total&&(t+=Number(i.total))})),this.__total=Number(t.toFixed(2))}__acknowledgeItemElements(){this.__itemElements.forEach((t=>{const e=t;this.__acknowledgeItemElement(e)}))}__acknowledgeItemElement(t){t.addEventListener("change",this.__itemChange.bind(this)),t.currency=this.currency}__validItem(t){const e=t.getAttribute("pid"),i=Number(t.getAttribute("quantity")),s=Number(t.getAttribute("price"));return!!(e&&i>0&&s>=0)}__translateFrequency(t){if(t.startsWith("0"))return this._t("frequency_once");if(".5m"===t)return this._t("frequency_0_5m");const{count:e,units:i}=r(t);return this._t("frequency",{units:this._t(i,{count:e}),count:e})}__translateAmount(t){return t.toLocaleString(this.lang,{minimumFractionDigits:2,currency:this.currency,style:"currency"})}__updateData(){this.__data=null;if(!this.shadowRoot.querySelector("form"))return;const t=new FormData,e=this.__formDataFill(t);this.__hasValidItems=!!e,this.__formDataAddCartFields(t),this.__formDataCustomInputs(t),this.__data=t}}customElements.define("foxy-items-form",K),customElements.define("foxy-item",R);export{K as I,P,R as a};
@@ -1 +1 @@
1
- import{j as e,_ as t,h as r}from"./shared-63eaded9.js";import{B as s}from"./shared-0ced76a0.js";import{c as n}from"./shared-3f35fa81.js";import{I as o}from"./shared-7629a1a5.js";let i,a,l,c=e=>e;class d{constructor(e="unknown"){this.type=e}}class h extends CustomEvent{constructor(){super("reload")}}class p extends n{constructor(){super(...arguments),this.type="unknown",this.reload=!1}static get scopedElements(){return{"vaadin-button":s,"iron-icon":customElements.get("iron-icon"),"x-i18n":o}}static get styles(){return[super.styles,e(i||(i=c`:host{position:absolute;top:0;right:0;bottom:0;left:0}.container-narrow{max-width:400px}`))]}static get properties(){return t(t({},super.properties),{},{reload:{type:Boolean,reflect:!0},type:{type:String}})}render(){return r(a||(a=c` <article class="bg-base font-lumo text-center leading-m p-m h-full flex flex-col items-center justify-center"> <iron-icon icon="lumo:error" class="text-error w-l h-l mb-m"></iron-icon> <header class="text-xl text-header container-narrow font-medium"> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.title"></x-i18n> </header> <p class="text-m text-secondary container-narrow mb-l"> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.message"></x-i18n> </p> <div class="flex space-x-s"> <a rel="nofollow noreferrer noopener" href="${0}" target="_blank" class="px-m py-xs text-primary font-medium tracking-wide border border-contrast-10 rounded transition-colors duration-200 hover-bg-primary-10 hover-border-primary-10 focus-outline-none focus-shadow-outline" router-ignore> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.action"></x-i18n> </a> ${0} </div> </article> `),this.ns,this.lang,this.type,this.ns,this.lang,this.type,this._i18n.t(`errors.${this.type}.href`).toString(),this.ns,this.lang,this.type,this.reload?r(l||(l=c` <vaadin-button data-testid="reload" theme="primary" @click="${0}"> <x-i18n ns="${0}" lang="${0}" key="reload"></x-i18n> <iron-icon icon="icons:refresh" slot="suffix"></iron-icon> </vaadin-button> `),(()=>this.dispatchEvent(new h)),this.ns,this.lang):"")}}export{p as E,d as F};
1
+ import{j as e,_ as t,h as r}from"./shared-63eaded9.js";import{B as s}from"./shared-0ced76a0.js";import{c as n}from"./shared-9a40309d.js";import{I as o}from"./shared-b5147166.js";let i,a,l,c=e=>e;class d{constructor(e="unknown"){this.type=e}}class h extends CustomEvent{constructor(){super("reload")}}class p extends n{constructor(){super(...arguments),this.type="unknown",this.reload=!1}static get scopedElements(){return{"vaadin-button":s,"iron-icon":customElements.get("iron-icon"),"x-i18n":o}}static get styles(){return[super.styles,e(i||(i=c`:host{position:absolute;top:0;right:0;bottom:0;left:0}.container-narrow{max-width:400px}`))]}static get properties(){return t(t({},super.properties),{},{reload:{type:Boolean,reflect:!0},type:{type:String}})}render(){return r(a||(a=c` <article class="bg-base font-lumo text-center leading-m p-m h-full flex flex-col items-center justify-center"> <iron-icon icon="lumo:error" class="text-error w-l h-l mb-m"></iron-icon> <header class="text-xl text-header container-narrow font-medium"> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.title"></x-i18n> </header> <p class="text-m text-secondary container-narrow mb-l"> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.message"></x-i18n> </p> <div class="flex space-x-s"> <a rel="nofollow noreferrer noopener" href="${0}" target="_blank" class="px-m py-xs text-primary font-medium tracking-wide border border-contrast-10 rounded transition-colors duration-200 hover-bg-primary-10 hover-border-primary-10 focus-outline-none focus-shadow-outline" router-ignore> <x-i18n ns="${0}" lang="${0}" key="errors.${0}.action"></x-i18n> </a> ${0} </div> </article> `),this.ns,this.lang,this.type,this.ns,this.lang,this.type,this._i18n.t(`errors.${this.type}.href`).toString(),this.ns,this.lang,this.type,this.reload?r(l||(l=c` <vaadin-button data-testid="reload" theme="primary" @click="${0}"> <x-i18n ns="${0}" lang="${0}" key="reload"></x-i18n> <iron-icon icon="icons:refresh" slot="suffix"></iron-icon> </vaadin-button> `),(()=>this.dispatchEvent(new h)),this.ns,this.lang):"")}}export{p as E,d as F};
@@ -1,4 +1,4 @@
1
- import{T as t}from"./shared-0ba88744.js";import{a as s}from"./shared-3f35fa81.js";let e,n,a,o,l,i,r=t=>t;class c extends(s(t,"transactions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.idColumn,c.dateColumn,c.receiptColumn]}}c.priceColumn={cell:t=>t.html(e||(e=r`
1
+ import{T as t}from"./shared-ce1da35d.js";import{a as s}from"./shared-9a40309d.js";let e,n,a,o,l,i,r=t=>t;class c extends(s(t,"transactions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.idColumn,c.dateColumn,c.receiptColumn]}}c.priceColumn={cell:t=>t.html(e||(e=r`
2
2
  <foxy-i18n
3
3
  data-testclass="i18n totals"
4
4
  class="text-m font-semibold font-tnum"
@@ -1,4 +1,4 @@
1
- import{_ as t}from"./shared-63eaded9.js";import{T as e}from"./shared-0ba88744.js";import{a as s}from"./shared-3f35fa81.js";import{p as a}from"./shared-6b7602c7.js";let n,o,r,i,l=t=>t;class c extends(s(e,"subscriptions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.subTokenURLColumn]}}c.priceColumn={cell:e=>{const s=e.data._embedded["fx:last_transaction"],o=`${s.total_order} ${s.currency_code}`;return e.html(n||(n=l`
1
+ import{_ as t}from"./shared-63eaded9.js";import{T as e}from"./shared-ce1da35d.js";import{a as s}from"./shared-9a40309d.js";import{p as a}from"./shared-6b7602c7.js";let n,o,r,i,l=t=>t;class c extends(s(e,"subscriptions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.subTokenURLColumn]}}c.priceColumn={cell:e=>{const s=e.data._embedded["fx:last_transaction"],o=`${s.total_order} ${s.currency_code}`;return e.html(n||(n=l`
2
2
  <foxy-i18n
3
3
  data-testclass="i18n frequencies"
4
4
  class="font-semibold text-m font-tnum"
@@ -1 +1 @@
1
- import{L as t,j as e,h as s}from"./shared-63eaded9.js";import{b as a}from"./shared-3f35fa81.js";let d,i,r,l=t=>t;class o extends t{constructor(){super(...arguments),this.items=[],this.disabled=!1}static get properties(){return{disabled:{type:Boolean,reflect:!0},items:{attribute:!1}}}static get styles(){return[a.styles,e(d||(d=l`.max-w-0{max-width:0}`))]}render(){const t=this.disabled?"text-disabled":"text-body",e=this.disabled?"text-disabled":"text-secondary",a="max-w-0 truncate py-s";return s(i||(i=l` <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> `),this.items.map((({name:d,value:i})=>s(r||(r=l` <tr> <td class="${0} ${0} w-1-3 pr-m" title="${0}">${0}</td> <td class="${0} ${0} w-2-3" title="${0}">${0}</td> </tr> `),a,e,d,d,a,t,i,i))))}}export{o as P};
1
+ import{L as t,j as e,h as s}from"./shared-63eaded9.js";import{b as a}from"./shared-9a40309d.js";let d,i,r,l=t=>t;class o extends t{constructor(){super(...arguments),this.items=[],this.disabled=!1}static get properties(){return{disabled:{type:Boolean,reflect:!0},items:{attribute:!1}}}static get styles(){return[a.styles,e(d||(d=l`.max-w-0{max-width:0}`))]}render(){const t=this.disabled?"text-disabled":"text-body",e=this.disabled?"text-disabled":"text-secondary",a="max-w-0 truncate py-s";return s(i||(i=l` <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> `),this.items.map((({name:d,value:i})=>s(r||(r=l` <tr> <td class="${0} ${0} w-1-3 pr-m" title="${0}">${0}</td> <td class="${0} ${0} w-2-3" title="${0}">${0}</td> </tr> `),a,e,d,d,a,t,i,i))))}}export{o as P};
@@ -1 +1 @@
1
- import{L as e,_ as s,h as t}from"./shared-63eaded9.js";import{b as r}from"./shared-3f35fa81.js";let a,o=e=>e;class d extends e{constructor(){super(...arguments),this.frame=!1}static get properties(){return s(s({},super.properties),{},{frame:{type:Boolean}})}static get styles(){return r.styles}render(){return t(a||(a=o` <section class="space-y-s font-lumo antialiased"> <h3 class="${0}"> <slot name="header"></slot> </h3> <div class="rounded-t-l rounded-b-l ${0}"> <slot></slot> </div> </section> `),"text-s font-medium text-secondary leading-none "+(this.frame?"":"pl-m"),this.frame?"border border-contrast-10 overflow-hidden":"")}}export{d as G};
1
+ import{L as e,_ as s,h as t}from"./shared-63eaded9.js";import{b as r}from"./shared-9a40309d.js";let a,o=e=>e;class d extends e{constructor(){super(...arguments),this.frame=!1}static get properties(){return s(s({},super.properties),{},{frame:{type:Boolean}})}static get styles(){return r.styles}render(){return t(a||(a=o` <section class="space-y-s font-lumo antialiased"> <h3 class="${0}"> <slot name="header"></slot> </h3> <div class="rounded-t-l rounded-b-l ${0}"> <slot></slot> </div> </section> `),"text-s font-medium text-secondary leading-none "+(this.frame?"":"pl-m"),this.frame?"border border-contrast-10 overflow-hidden":"")}}export{d as G};
@@ -0,0 +1 @@
1
+ import{c as t,g as e,a as r,b as o,d as n,r as a,i,e as s,t as l,m as c,T as u,f as p,j as d,L as f,_ as g}from"./shared-63eaded9.js";function h(t,e){return e.forEach((function(e){e&&"string"!=typeof e&&!Array.isArray(e)&&Object.keys(e).forEach((function(r){if("default"!==r&&!(r in t)){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}))})),Object.freeze(t)}function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function v(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?Object(arguments[e]):{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&o.push.apply(o,Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach((function(e){v(t,e,r[e])}))}return t}function y(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function x(t,e,r){return e&&w(t.prototype,e),r&&w(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var k=t((function(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports})),S=e(k);function O(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function L(t,e){if(e&&("object"===S(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return O(t)}function j(t){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},j(t)}function R(t,e){return R=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},R(t,e)}function E(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(t,"prototype",{value:Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),writable:!1}),e&&R(t,e)}var C={type:"logger",log:function(t){this.output("log",t)},warn:function(t){this.output("warn",t)},error:function(t){this.output("error",t)},output:function(t,e){console&&console[t]&&console[t].apply(console,e)}},_=new(function(){function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};y(this,t),this.init(e,r)}return x(t,[{key:"init",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.prefix=e.prefix||"i18next:",this.logger=t||C,this.options=e,this.debug=e.debug}},{key:"setDebug",value:function(t){this.debug=t}},{key:"log",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return this.forward(e,"log","",!0)}},{key:"warn",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return this.forward(e,"warn","",!0)}},{key:"error",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return this.forward(e,"error","")}},{key:"deprecate",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return this.forward(e,"warn","WARNING DEPRECATED: ",!0)}},{key:"forward",value:function(t,e,r,o){return o&&!this.debug?null:("string"==typeof t[0]&&(t[0]="".concat(r).concat(this.prefix," ").concat(t[0])),this.logger[e](t))}},{key:"create",value:function(e){return new t(this.logger,b({},{prefix:"".concat(this.prefix,":").concat(e,":")},this.options))}}]),t}()),N=function(){function t(){y(this,t),this.observers={}}return x(t,[{key:"on",value:function(t,e){var r=this;return t.split(" ").forEach((function(t){r.observers[t]=r.observers[t]||[],r.observers[t].push(e)})),this}},{key:"off",value:function(t,e){this.observers[t]&&(e?this.observers[t]=this.observers[t].filter((function(t){return t!==e})):delete this.observers[t])}},{key:"emit",value:function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];if(this.observers[t]){var n=[].concat(this.observers[t]);n.forEach((function(t){t.apply(void 0,r)}))}if(this.observers["*"]){var a=[].concat(this.observers["*"]);a.forEach((function(e){e.apply(e,[t].concat(r))}))}}}]),t}();function P(){var t,e,r=new Promise((function(r,o){t=r,e=o}));return r.resolve=t,r.reject=e,r}function z(t){return null==t?"":""+t}function T(t,e,r){t.forEach((function(t){e[t]&&(r[t]=e[t])}))}function M(t,e,r){function o(t){return t&&t.indexOf("###")>-1?t.replace(/###/g,"."):t}function n(){return!t||"string"==typeof t}for(var a="string"!=typeof e?[].concat(e):e.split(".");a.length>1;){if(n())return{};var i=o(a.shift());!t[i]&&r&&(t[i]=new r),t=Object.prototype.hasOwnProperty.call(t,i)?t[i]:{}}return n()?{}:{obj:t,k:o(a.shift())}}function A(t,e,r){var o=M(t,e,Object);o.obj[o.k]=r}function F(t,e){var r=M(t,e),o=r.obj,n=r.k;if(o)return o[n]}function I(t,e,r){var o=F(t,r);return void 0!==o?o:F(e,r)}function U(t,e,r){for(var o in e)"__proto__"!==o&&"constructor"!==o&&(o in t?"string"==typeof t[o]||t[o]instanceof String||"string"==typeof e[o]||e[o]instanceof String?r&&(t[o]=e[o]):U(t[o],e[o],r):t[o]=e[o]);return t}function H(t){return t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}var q={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};function V(t){return"string"==typeof t?t.replace(/[&<>"'\/]/g,(function(t){return q[t]})):t}var D="undefined"!=typeof window&&window.navigator&&window.navigator.userAgent&&window.navigator.userAgent.indexOf("MSIE")>-1,$=function(t){function e(t){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{ns:["translation"],defaultNS:"translation"};return y(this,e),r=L(this,j(e).call(this)),D&&N.call(O(r)),r.data=t||{},r.options=o,void 0===r.options.keySeparator&&(r.options.keySeparator="."),r}return E(e,N),x(e,[{key:"addNamespaces",value:function(t){this.options.ns.indexOf(t)<0&&this.options.ns.push(t)}},{key:"removeNamespaces",value:function(t){var e=this.options.ns.indexOf(t);e>-1&&this.options.ns.splice(e,1)}},{key:"getResource",value:function(t,e,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=void 0!==o.keySeparator?o.keySeparator:this.options.keySeparator,a=[t,e];return r&&"string"!=typeof r&&(a=a.concat(r)),r&&"string"==typeof r&&(a=a.concat(n?r.split(n):r)),t.indexOf(".")>-1&&(a=t.split(".")),F(this.data,a)}},{key:"addResource",value:function(t,e,r,o){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{silent:!1},a=this.options.keySeparator;void 0===a&&(a=".");var i=[t,e];r&&(i=i.concat(a?r.split(a):r)),t.indexOf(".")>-1&&(o=e,e=(i=t.split("."))[1]),this.addNamespaces(e),A(this.data,i,o),n.silent||this.emit("added",t,e,r,o)}},{key:"addResources",value:function(t,e,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{silent:!1};for(var n in r)"string"!=typeof r[n]&&"[object Array]"!==Object.prototype.toString.apply(r[n])||this.addResource(t,e,n,r[n],{silent:!0});o.silent||this.emit("added",t,e,r)}},{key:"addResourceBundle",value:function(t,e,r,o,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{silent:!1},i=[t,e];t.indexOf(".")>-1&&(o=r,r=e,e=(i=t.split("."))[1]),this.addNamespaces(e);var s=F(this.data,i)||{};o?U(s,r,n):s=b({},s,r),A(this.data,i,s),a.silent||this.emit("added",t,e,r)}},{key:"removeResourceBundle",value:function(t,e){this.hasResourceBundle(t,e)&&delete this.data[t][e],this.removeNamespaces(e),this.emit("removed",t,e)}},{key:"hasResourceBundle",value:function(t,e){return void 0!==this.getResource(t,e)}},{key:"getResourceBundle",value:function(t,e){return e||(e=this.options.defaultNS),"v1"===this.options.compatibilityAPI?b({},{},this.getResource(t,e)):this.getResource(t,e)}},{key:"getDataByLanguage",value:function(t){return this.data[t]}},{key:"toJSON",value:function(){return this.data}}]),e}(),B={processors:{},addPostProcessor:function(t){this.processors[t.name]=t},handle:function(t,e,r,o,n){var a=this;return t.forEach((function(t){a.processors[t]&&(e=a.processors[t].process(e,r,o,n))})),e}},K={},W=function(t){function e(t){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return y(this,e),r=L(this,j(e).call(this)),D&&N.call(O(r)),T(["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"],t,O(r)),r.options=o,void 0===r.options.keySeparator&&(r.options.keySeparator="."),r.logger=_.create("translator"),r}return E(e,N),x(e,[{key:"changeLanguage",value:function(t){t&&(this.language=t)}},{key:"exists",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{interpolation:{}},r=this.resolve(t,e);return r&&void 0!==r.res}},{key:"extractFromKey",value:function(t,e){var r=void 0!==e.nsSeparator?e.nsSeparator:this.options.nsSeparator;void 0===r&&(r=":");var o=void 0!==e.keySeparator?e.keySeparator:this.options.keySeparator,n=e.ns||this.options.defaultNS;if(r&&t.indexOf(r)>-1){var a=t.match(this.interpolator.nestingRegexp);if(a&&a.length>0)return{key:t,namespaces:n};var i=t.split(r);(r!==o||r===o&&this.options.ns.indexOf(i[0])>-1)&&(n=i.shift()),t=i.join(o)}return"string"==typeof n&&(n=[n]),{key:t,namespaces:n}}},{key:"translate",value:function(t,r,o){var n=this;if("object"!==m(r)&&this.options.overloadTranslationOptionHandler&&(r=this.options.overloadTranslationOptionHandler(arguments)),r||(r={}),null==t)return"";Array.isArray(t)||(t=[String(t)]);var a=void 0!==r.keySeparator?r.keySeparator:this.options.keySeparator,i=this.extractFromKey(t[t.length-1],r),s=i.key,l=i.namespaces,c=l[l.length-1],u=r.lng||this.language,p=r.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if(u&&"cimode"===u.toLowerCase()){if(p){var d=r.nsSeparator||this.options.nsSeparator;return c+d+s}return s}var f=this.resolve(t,r),g=f&&f.res,h=f&&f.usedKey||s,v=f&&f.exactUsedKey||s,y=Object.prototype.toString.apply(g),w=["[object Number]","[object Function]","[object RegExp]"],x=void 0!==r.joinArrays?r.joinArrays:this.options.joinArrays,k=!this.i18nFormat||this.i18nFormat.handleAsObject,S="string"!=typeof g&&"boolean"!=typeof g&&"number"!=typeof g;if(k&&g&&S&&w.indexOf(y)<0&&("string"!=typeof x||"[object Array]"!==y)){if(!r.returnObjects&&!this.options.returnObjects)return this.logger.warn("accessing an object - but returnObjects options is not enabled!"),this.options.returnedObjectHandler?this.options.returnedObjectHandler(h,g,r):"key '".concat(s," (").concat(this.language,")' returned an object instead of string.");if(a){var O="[object Array]"===y,L=O?[]:{},j=O?v:h;for(var R in g)if(Object.prototype.hasOwnProperty.call(g,R)){var E="".concat(j).concat(a).concat(R);L[R]=this.translate(E,b({},r,{joinArrays:!1,ns:l})),L[R]===E&&(L[R]=g[R])}g=L}}else if(k&&"string"==typeof x&&"[object Array]"===y)(g=g.join(x))&&(g=this.extendTranslation(g,t,r,o));else{var C=!1,_=!1,N=void 0!==r.count&&"string"!=typeof r.count,P=e.hasDefaultValue(r),z=N?this.pluralResolver.getSuffix(u,r.count):"",T=r["defaultValue".concat(z)]||r.defaultValue;!this.isValidLookup(g)&&P&&(C=!0,g=T),this.isValidLookup(g)||(_=!0,g=s);var M=P&&T!==g&&this.options.updateMissing;if(_||C||M){if(this.logger.log(M?"updateKey":"missingKey",u,c,s,M?T:g),a){var A=this.resolve(s,b({},r,{keySeparator:!1}));A&&A.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}var F=[],I=this.languageUtils.getFallbackCodes(this.options.fallbackLng,r.lng||this.language);if("fallback"===this.options.saveMissingTo&&I&&I[0])for(var U=0;U<I.length;U++)F.push(I[U]);else"all"===this.options.saveMissingTo?F=this.languageUtils.toResolveHierarchy(r.lng||this.language):F.push(r.lng||this.language);var H=function(t,e,o){n.options.missingKeyHandler?n.options.missingKeyHandler(t,c,e,M?o:g,M,r):n.backendConnector&&n.backendConnector.saveMissing&&n.backendConnector.saveMissing(t,c,e,M?o:g,M,r),n.emit("missingKey",t,c,e,g)};this.options.saveMissing&&(this.options.saveMissingPlurals&&N?F.forEach((function(t){n.pluralResolver.getSuffixes(t).forEach((function(e){H([t],s+e,r["defaultValue".concat(e)]||T)}))})):H(F,s,T))}g=this.extendTranslation(g,t,r,f,o),_&&g===s&&this.options.appendNamespaceToMissingKey&&(g="".concat(c,":").concat(s)),_&&this.options.parseMissingKeyHandler&&(g=this.options.parseMissingKeyHandler(g))}return g}},{key:"extendTranslation",value:function(t,e,r,o,n){var a=this;if(this.i18nFormat&&this.i18nFormat.parse)t=this.i18nFormat.parse(t,r,o.usedLng,o.usedNS,o.usedKey,{resolved:o});else if(!r.skipInterpolation){r.interpolation&&this.interpolator.init(b({},r,{interpolation:b({},this.options.interpolation,r.interpolation)}));var i,s=r.interpolation&&r.interpolation.skipOnVariables||this.options.interpolation.skipOnVariables;if(s){var l=t.match(this.interpolator.nestingRegexp);i=l&&l.length}var c=r.replace&&"string"!=typeof r.replace?r.replace:r;if(this.options.interpolation.defaultVariables&&(c=b({},this.options.interpolation.defaultVariables,c)),t=this.interpolator.interpolate(t,c,r.lng||this.language,r),s){var u=t.match(this.interpolator.nestingRegexp);i<(u&&u.length)&&(r.nest=!1)}!1!==r.nest&&(t=this.interpolator.nest(t,(function(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];return n&&n[0]===o[0]&&!r.context?(a.logger.warn("It seems you are nesting recursively key: ".concat(o[0]," in key: ").concat(e[0])),null):a.translate.apply(a,o.concat([e]))}),r)),r.interpolation&&this.interpolator.reset()}var p=r.postProcess||this.options.postProcess,d="string"==typeof p?[p]:p;return null!=t&&d&&d.length&&!1!==r.applyPostProcessor&&(t=B.handle(d,t,e,this.options&&this.options.postProcessPassResolved?b({i18nResolved:o},r):r,this)),t}},{key:"resolve",value:function(t){var e,r,o,n,a,i=this,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof t&&(t=[t]),t.forEach((function(t){if(!i.isValidLookup(e)){var l=i.extractFromKey(t,s),c=l.key;r=c;var u=l.namespaces;i.options.fallbackNS&&(u=u.concat(i.options.fallbackNS));var p=void 0!==s.count&&"string"!=typeof s.count,d=void 0!==s.context&&"string"==typeof s.context&&""!==s.context,f=s.lngs?s.lngs:i.languageUtils.toResolveHierarchy(s.lng||i.language,s.fallbackLng);u.forEach((function(t){i.isValidLookup(e)||(a=t,!K["".concat(f[0],"-").concat(t)]&&i.utils&&i.utils.hasLoadedNamespace&&!i.utils.hasLoadedNamespace(a)&&(K["".concat(f[0],"-").concat(t)]=!0,i.logger.warn('key "'.concat(r,'" for languages "').concat(f.join(", "),'" won\'t get resolved as namespace "').concat(a,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),f.forEach((function(r){if(!i.isValidLookup(e)){n=r;var a,l,u=c,f=[u];if(i.i18nFormat&&i.i18nFormat.addLookupKeys)i.i18nFormat.addLookupKeys(f,c,r,t,s);else p&&(a=i.pluralResolver.getSuffix(r,s.count)),p&&d&&f.push(u+a),d&&f.push(u+="".concat(i.options.contextSeparator).concat(s.context)),p&&f.push(u+=a);for(;l=f.pop();)i.isValidLookup(e)||(o=l,e=i.getResource(r,t,l,s))}})))}))}})),{res:e,usedKey:r,exactUsedKey:o,usedLng:n,usedNS:a}}},{key:"isValidLookup",value:function(t){return!(void 0===t||!this.options.returnNull&&null===t||!this.options.returnEmptyString&&""===t)}},{key:"getResource",value:function(t,e,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.i18nFormat&&this.i18nFormat.getResource?this.i18nFormat.getResource(t,e,r,o):this.resourceStore.getResource(t,e,r,o)}}],[{key:"hasDefaultValue",value:function(t){var e="defaultValue";for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)&&e===r.substring(0,e.length)&&void 0!==t[r])return!0;return!1}}]),e}();function X(t){return t.charAt(0).toUpperCase()+t.slice(1)}var J=function(){function t(e){y(this,t),this.options=e,this.whitelist=this.options.supportedLngs||!1,this.supportedLngs=this.options.supportedLngs||!1,this.logger=_.create("languageUtils")}return x(t,[{key:"getScriptPartFromCode",value:function(t){if(!t||t.indexOf("-")<0)return null;var e=t.split("-");return 2===e.length?null:(e.pop(),"x"===e[e.length-1].toLowerCase()?null:this.formatLanguageCode(e.join("-")))}},{key:"getLanguagePartFromCode",value:function(t){if(!t||t.indexOf("-")<0)return t;var e=t.split("-");return this.formatLanguageCode(e[0])}},{key:"formatLanguageCode",value:function(t){if("string"==typeof t&&t.indexOf("-")>-1){var e=["hans","hant","latn","cyrl","cans","mong","arab"],r=t.split("-");return this.options.lowerCaseLng?r=r.map((function(t){return t.toLowerCase()})):2===r.length?(r[0]=r[0].toLowerCase(),r[1]=r[1].toUpperCase(),e.indexOf(r[1].toLowerCase())>-1&&(r[1]=X(r[1].toLowerCase()))):3===r.length&&(r[0]=r[0].toLowerCase(),2===r[1].length&&(r[1]=r[1].toUpperCase()),"sgn"!==r[0]&&2===r[2].length&&(r[2]=r[2].toUpperCase()),e.indexOf(r[1].toLowerCase())>-1&&(r[1]=X(r[1].toLowerCase())),e.indexOf(r[2].toLowerCase())>-1&&(r[2]=X(r[2].toLowerCase()))),r.join("-")}return this.options.cleanCode||this.options.lowerCaseLng?t.toLowerCase():t}},{key:"isWhitelisted",value:function(t){return this.logger.deprecate("languageUtils.isWhitelisted",'function "isWhitelisted" will be renamed to "isSupportedCode" in the next major - please make sure to rename it\'s usage asap.'),this.isSupportedCode(t)}},{key:"isSupportedCode",value:function(t){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(t)>-1}},{key:"getBestMatchFromCodes",value:function(t){var e,r=this;return t?(t.forEach((function(t){if(!e){var o=r.formatLanguageCode(t);r.options.supportedLngs&&!r.isSupportedCode(o)||(e=o)}})),!e&&this.options.supportedLngs&&t.forEach((function(t){if(!e){var o=r.getLanguagePartFromCode(t);if(r.isSupportedCode(o))return e=o;e=r.options.supportedLngs.find((function(t){if(0===t.indexOf(o))return t}))}})),e||(e=this.getFallbackCodes(this.options.fallbackLng)[0]),e):null}},{key:"getFallbackCodes",value:function(t,e){if(!t)return[];if("function"==typeof t&&(t=t(e)),"string"==typeof t&&(t=[t]),"[object Array]"===Object.prototype.toString.apply(t))return t;if(!e)return t.default||[];var r=t[e];return r||(r=t[this.getScriptPartFromCode(e)]),r||(r=t[this.formatLanguageCode(e)]),r||(r=t[this.getLanguagePartFromCode(e)]),r||(r=t.default),r||[]}},{key:"toResolveHierarchy",value:function(t,e){var r=this,o=this.getFallbackCodes(e||this.options.fallbackLng||[],t),n=[],a=function(t){t&&(r.isSupportedCode(t)?n.push(t):r.logger.warn("rejecting language code not found in supportedLngs: ".concat(t)))};return"string"==typeof t&&t.indexOf("-")>-1?("languageOnly"!==this.options.load&&a(this.formatLanguageCode(t)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&a(this.getScriptPartFromCode(t)),"currentOnly"!==this.options.load&&a(this.getLanguagePartFromCode(t))):"string"==typeof t&&a(this.formatLanguageCode(t)),o.forEach((function(t){n.indexOf(t)<0&&a(r.formatLanguageCode(t))})),n}}]),t}(),Y=[{lngs:["ach","ak","am","arn","br","fil","gun","ln","mfe","mg","mi","oc","pt","pt-BR","tg","tl","ti","tr","uz","wa"],nr:[1,2],fc:1},{lngs:["af","an","ast","az","bg","bn","ca","da","de","dev","el","en","eo","es","et","eu","fi","fo","fur","fy","gl","gu","ha","hi","hu","hy","ia","it","kn","ku","lb","mai","ml","mn","mr","nah","nap","nb","ne","nl","nn","no","nso","pa","pap","pms","ps","pt-PT","rm","sco","se","si","so","son","sq","sv","sw","ta","te","tk","ur","yo"],nr:[1,2],fc:2},{lngs:["ay","bo","cgg","fa","ht","id","ja","jbo","ka","kk","km","ko","ky","lo","ms","sah","su","th","tt","ug","vi","wo","zh"],nr:[1],fc:3},{lngs:["be","bs","cnr","dz","hr","ru","sr","uk"],nr:[1,2,5],fc:4},{lngs:["ar"],nr:[0,1,2,3,11,100],fc:5},{lngs:["cs","sk"],nr:[1,2,5],fc:6},{lngs:["csb","pl"],nr:[1,2,5],fc:7},{lngs:["cy"],nr:[1,2,3,8],fc:8},{lngs:["fr"],nr:[1,2],fc:9},{lngs:["ga"],nr:[1,2,3,7,11],fc:10},{lngs:["gd"],nr:[1,2,3,20],fc:11},{lngs:["is"],nr:[1,2],fc:12},{lngs:["jv"],nr:[0,1],fc:13},{lngs:["kw"],nr:[1,2,3,4],fc:14},{lngs:["lt"],nr:[1,2,10],fc:15},{lngs:["lv"],nr:[1,2,0],fc:16},{lngs:["mk"],nr:[1,2],fc:17},{lngs:["mnk"],nr:[0,1,2],fc:18},{lngs:["mt"],nr:[1,2,11,20],fc:19},{lngs:["or"],nr:[2,1],fc:2},{lngs:["ro"],nr:[1,2,20],fc:20},{lngs:["sl"],nr:[5,1,2,3],fc:21},{lngs:["he","iw"],nr:[1,2,20,21],fc:22}],G={1:function(t){return Number(t>1)},2:function(t){return Number(1!=t)},3:function(t){return 0},4:function(t){return Number(t%10==1&&t%100!=11?0:t%10>=2&&t%10<=4&&(t%100<10||t%100>=20)?1:2)},5:function(t){return Number(0==t?0:1==t?1:2==t?2:t%100>=3&&t%100<=10?3:t%100>=11?4:5)},6:function(t){return Number(1==t?0:t>=2&&t<=4?1:2)},7:function(t){return Number(1==t?0:t%10>=2&&t%10<=4&&(t%100<10||t%100>=20)?1:2)},8:function(t){return Number(1==t?0:2==t?1:8!=t&&11!=t?2:3)},9:function(t){return Number(t>=2)},10:function(t){return Number(1==t?0:2==t?1:t<7?2:t<11?3:4)},11:function(t){return Number(1==t||11==t?0:2==t||12==t?1:t>2&&t<20?2:3)},12:function(t){return Number(t%10!=1||t%100==11)},13:function(t){return Number(0!==t)},14:function(t){return Number(1==t?0:2==t?1:3==t?2:3)},15:function(t){return Number(t%10==1&&t%100!=11?0:t%10>=2&&(t%100<10||t%100>=20)?1:2)},16:function(t){return Number(t%10==1&&t%100!=11?0:0!==t?1:2)},17:function(t){return Number(1==t||t%10==1&&t%100!=11?0:1)},18:function(t){return Number(0==t?0:1==t?1:2)},19:function(t){return Number(1==t?0:0==t||t%100>1&&t%100<11?1:t%100>10&&t%100<20?2:3)},20:function(t){return Number(1==t?0:0==t||t%100>0&&t%100<20?1:2)},21:function(t){return Number(t%100==1?1:t%100==2?2:t%100==3||t%100==4?3:0)},22:function(t){return Number(1==t?0:2==t?1:(t<0||t>10)&&t%10==0?2:3)}};function Q(){var t={};return Y.forEach((function(e){e.lngs.forEach((function(r){t[r]={numbers:e.nr,plurals:G[e.fc]}}))})),t}var Z=function(){function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};y(this,t),this.languageUtils=e,this.options=r,this.logger=_.create("pluralResolver"),this.rules=Q()}return x(t,[{key:"addRule",value:function(t,e){this.rules[t]=e}},{key:"getRule",value:function(t){return this.rules[t]||this.rules[this.languageUtils.getLanguagePartFromCode(t)]}},{key:"needsPlural",value:function(t){var e=this.getRule(t);return e&&e.numbers.length>1}},{key:"getPluralFormsOfKey",value:function(t,e){return this.getSuffixes(t).map((function(t){return e+t}))}},{key:"getSuffixes",value:function(t){var e=this,r=this.getRule(t);return r?r.numbers.map((function(r){return e.getSuffix(t,r)})):[]}},{key:"getSuffix",value:function(t,e){var r=this,o=this.getRule(t);if(o){var n=o.noAbs?o.plurals(e):o.plurals(Math.abs(e)),a=o.numbers[n];this.options.simplifyPluralSuffix&&2===o.numbers.length&&1===o.numbers[0]&&(2===a?a="plural":1===a&&(a=""));var i=function(){return r.options.prepend&&a.toString()?r.options.prepend+a.toString():a.toString()};return"v1"===this.options.compatibilityJSON?1===a?"":"number"==typeof a?"_plural_".concat(a.toString()):i():"v2"===this.options.compatibilityJSON||this.options.simplifyPluralSuffix&&2===o.numbers.length&&1===o.numbers[0]?i():this.options.prepend&&n.toString()?this.options.prepend+n.toString():n.toString()}return this.logger.warn("no plural rule found for: ".concat(t)),""}}]),t}(),tt=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};y(this,t),this.logger=_.create("interpolator"),this.options=e,this.format=e.interpolation&&e.interpolation.format||function(t){return t},this.init(e)}return x(t,[{key:"init",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.interpolation||(t.interpolation={escapeValue:!0});var e=t.interpolation;this.escape=void 0!==e.escape?e.escape:V,this.escapeValue=void 0===e.escapeValue||e.escapeValue,this.useRawValueToEscape=void 0!==e.useRawValueToEscape&&e.useRawValueToEscape,this.prefix=e.prefix?H(e.prefix):e.prefixEscaped||"{{",this.suffix=e.suffix?H(e.suffix):e.suffixEscaped||"}}",this.formatSeparator=e.formatSeparator?e.formatSeparator:e.formatSeparator||",",this.unescapePrefix=e.unescapeSuffix?"":e.unescapePrefix||"-",this.unescapeSuffix=this.unescapePrefix?"":e.unescapeSuffix||"",this.nestingPrefix=e.nestingPrefix?H(e.nestingPrefix):e.nestingPrefixEscaped||H("$t("),this.nestingSuffix=e.nestingSuffix?H(e.nestingSuffix):e.nestingSuffixEscaped||H(")"),this.nestingOptionsSeparator=e.nestingOptionsSeparator?e.nestingOptionsSeparator:e.nestingOptionsSeparator||",",this.maxReplaces=e.maxReplaces?e.maxReplaces:1e3,this.alwaysFormat=void 0!==e.alwaysFormat&&e.alwaysFormat,this.resetRegExp()}},{key:"reset",value:function(){this.options&&this.init(this.options)}},{key:"resetRegExp",value:function(){var t="".concat(this.prefix,"(.+?)").concat(this.suffix);this.regexp=new RegExp(t,"g");var e="".concat(this.prefix).concat(this.unescapePrefix,"(.+?)").concat(this.unescapeSuffix).concat(this.suffix);this.regexpUnescape=new RegExp(e,"g");var r="".concat(this.nestingPrefix,"(.+?)").concat(this.nestingSuffix);this.nestingRegexp=new RegExp(r,"g")}},{key:"interpolate",value:function(t,e,r,o){var n,a,i,s=this,l=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{};function c(t){return t.replace(/\$/g,"$$$$")}var u=function(t){if(t.indexOf(s.formatSeparator)<0){var n=I(e,l,t);return s.alwaysFormat?s.format(n,void 0,r):n}var a=t.split(s.formatSeparator),i=a.shift().trim(),c=a.join(s.formatSeparator).trim();return s.format(I(e,l,i),c,r,o)};this.resetRegExp();var p=o&&o.missingInterpolationHandler||this.options.missingInterpolationHandler,d=o&&o.interpolation&&o.interpolation.skipOnVariables||this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:function(t){return c(t)}},{regex:this.regexp,safeValue:function(t){return s.escapeValue?c(s.escape(t)):c(t)}}].forEach((function(e){for(i=0;n=e.regex.exec(t);){if(void 0===(a=u(n[1].trim())))if("function"==typeof p){var r=p(t,n,o);a="string"==typeof r?r:""}else{if(d){a=n[0];continue}s.logger.warn("missed to pass in variable ".concat(n[1]," for interpolating ").concat(t)),a=""}else"string"==typeof a||s.useRawValueToEscape||(a=z(a));if(t=t.replace(n[0],e.safeValue(a)),e.regex.lastIndex=0,++i>=s.maxReplaces)break}})),t}},{key:"nest",value:function(t,e){var r,o,n=this,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=b({},a);function s(t,e){var r=this.nestingOptionsSeparator;if(t.indexOf(r)<0)return t;var o=t.split(new RegExp("".concat(r,"[ ]*{"))),n="{".concat(o[1]);t=o[0],n=(n=this.interpolate(n,i)).replace(/'/g,'"');try{i=JSON.parse(n),e&&(i=b({},e,i))}catch(e){return this.logger.warn("failed parsing options string in nesting for key ".concat(t),e),"".concat(t).concat(r).concat(n)}return delete i.defaultValue,t}for(i.applyPostProcessor=!1,delete i.defaultValue;r=this.nestingRegexp.exec(t);){var l=[],c=!1;if(r[0].includes(this.formatSeparator)&&!/{.*}/.test(r[1])){var u=r[1].split(this.formatSeparator).map((function(t){return t.trim()}));r[1]=u.shift(),l=u,c=!0}if((o=e(s.call(this,r[1].trim(),i),i))&&r[0]===t&&"string"!=typeof o)return o;"string"!=typeof o&&(o=z(o)),o||(this.logger.warn("missed to resolve ".concat(r[1]," for nesting ").concat(t)),o=""),c&&(o=l.reduce((function(t,e){return n.format(t,e,a.lng,a)}),o.trim())),t=t.replace(r[0],o),this.regexp.lastIndex=0}return t}}]),t}();var et=function(t){function e(t,r,o){var n,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return y(this,e),n=L(this,j(e).call(this)),D&&N.call(O(n)),n.backend=t,n.store=r,n.services=o,n.languageUtils=o.languageUtils,n.options=a,n.logger=_.create("backendConnector"),n.state={},n.queue=[],n.backend&&n.backend.init&&n.backend.init(o,a.backend,a),n}return E(e,N),x(e,[{key:"queueLoad",value:function(t,e,r,o){var n=this,a=[],i=[],s=[],l=[];return t.forEach((function(t){var o=!0;e.forEach((function(e){var s="".concat(t,"|").concat(e);!r.reload&&n.store.hasResourceBundle(t,e)?n.state[s]=2:n.state[s]<0||(1===n.state[s]?i.indexOf(s)<0&&i.push(s):(n.state[s]=1,o=!1,i.indexOf(s)<0&&i.push(s),a.indexOf(s)<0&&a.push(s),l.indexOf(e)<0&&l.push(e)))})),o||s.push(t)})),(a.length||i.length)&&this.queue.push({pending:i,loaded:{},errors:[],callback:o}),{toLoad:a,pending:i,toLoadLanguages:s,toLoadNamespaces:l}}},{key:"loaded",value:function(t,e,r){var o=t.split("|"),n=o[0],a=o[1];e&&this.emit("failedLoading",n,a,e),r&&this.store.addResourceBundle(n,a,r),this.state[t]=e?-1:2;var i={};this.queue.forEach((function(r){var o,s,l,c,u,p;o=r.loaded,s=a,c=M(o,[n],Object),u=c.obj,p=c.k,u[p]=u[p]||[],l&&(u[p]=u[p].concat(s)),l||u[p].push(s),function(t,e){for(var r=t.indexOf(e);-1!==r;)t.splice(r,1),r=t.indexOf(e)}(r.pending,t),e&&r.errors.push(e),0!==r.pending.length||r.done||(Object.keys(r.loaded).forEach((function(t){i[t]||(i[t]=[]),r.loaded[t].length&&r.loaded[t].forEach((function(e){i[t].indexOf(e)<0&&i[t].push(e)}))})),r.done=!0,r.errors.length?r.callback(r.errors):r.callback())})),this.emit("loaded",i),this.queue=this.queue.filter((function(t){return!t.done}))}},{key:"read",value:function(t,e,r){var o=this,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:350,i=arguments.length>5?arguments[5]:void 0;return t.length?this.backend[r](t,e,(function(s,l){s&&l&&n<5?setTimeout((function(){o.read.call(o,t,e,r,n+1,2*a,i)}),a):i(s,l)})):i(null,{})}},{key:"prepareLoading",value:function(t,e){var r=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3?arguments[3]:void 0;if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),n&&n();"string"==typeof t&&(t=this.languageUtils.toResolveHierarchy(t)),"string"==typeof e&&(e=[e]);var a=this.queueLoad(t,e,o,n);if(!a.toLoad.length)return a.pending.length||n(),null;a.toLoad.forEach((function(t){r.loadOne(t)}))}},{key:"load",value:function(t,e,r){this.prepareLoading(t,e,{},r)}},{key:"reload",value:function(t,e,r){this.prepareLoading(t,e,{reload:!0},r)}},{key:"loadOne",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",o=t.split("|"),n=o[0],a=o[1];this.read(n,a,"read",void 0,void 0,(function(o,i){o&&e.logger.warn("".concat(r,"loading namespace ").concat(a," for language ").concat(n," failed"),o),!o&&i&&e.logger.log("".concat(r,"loaded namespace ").concat(a," for language ").concat(n),i),e.loaded(t,o,i)}))}},{key:"saveMissing",value:function(t,e,r,o,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{};this.services.utils&&this.services.utils.hasLoadedNamespace&&!this.services.utils.hasLoadedNamespace(e)?this.logger.warn('did not save key "'.concat(r,'" as the namespace "').concat(e,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!"):null!=r&&""!==r&&(this.backend&&this.backend.create&&this.backend.create(t,e,r,o,null,b({},a,{isUpdate:n})),t&&t[0]&&this.store.addResource(t[0],e,r,o))}}]),e}();function rt(){return{debug:!1,initImmediate:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,whitelist:!1,nonExplicitWhitelist:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!0,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:function(t){var e={};if("object"===m(t[1])&&(e=t[1]),"string"==typeof t[1]&&(e.defaultValue=t[1]),"string"==typeof t[2]&&(e.tDescription=t[2]),"object"===m(t[2])||"object"===m(t[3])){var r=t[3]||t[2];Object.keys(r).forEach((function(t){e[t]=r[t]}))}return e},interpolation:{escapeValue:!0,format:function(t,e,r,o){return t},prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!1}}}function ot(t){return"string"==typeof t.ns&&(t.ns=[t.ns]),"string"==typeof t.fallbackLng&&(t.fallbackLng=[t.fallbackLng]),"string"==typeof t.fallbackNS&&(t.fallbackNS=[t.fallbackNS]),t.whitelist&&(t.whitelist&&t.whitelist.indexOf("cimode")<0&&(t.whitelist=t.whitelist.concat(["cimode"])),t.supportedLngs=t.whitelist),t.nonExplicitWhitelist&&(t.nonExplicitSupportedLngs=t.nonExplicitWhitelist),t.supportedLngs&&t.supportedLngs.indexOf("cimode")<0&&(t.supportedLngs=t.supportedLngs.concat(["cimode"])),t}function nt(){}var at=new(function(t){function e(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=arguments.length>1?arguments[1]:void 0;if(y(this,e),t=L(this,j(e).call(this)),D&&N.call(O(t)),t.options=ot(r),t.services={},t.logger=_,t.modules={external:[]},o&&!t.isInitialized&&!r.isClone){if(!t.options.initImmediate)return t.init(r,o),L(t,O(t));setTimeout((function(){t.init(r,o)}),0)}return t}return E(e,N),x(e,[{key:"init",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;function o(t){return t?"function"==typeof t?new t:t:null}if("function"==typeof e&&(r=e,e={}),e.whitelist&&!e.supportedLngs&&this.logger.deprecate("whitelist",'option "whitelist" will be renamed to "supportedLngs" in the next major - please make sure to rename this option asap.'),e.nonExplicitWhitelist&&!e.nonExplicitSupportedLngs&&this.logger.deprecate("whitelist",'options "nonExplicitWhitelist" will be renamed to "nonExplicitSupportedLngs" in the next major - please make sure to rename this option asap.'),this.options=b({},rt(),this.options,ot(e)),this.format=this.options.interpolation.format,r||(r=nt),!this.options.isClone){this.modules.logger?_.init(o(this.modules.logger),this.options):_.init(null,this.options);var n=new J(this.options);this.store=new $(this.options.resources,this.options);var a=this.services;a.logger=_,a.resourceStore=this.store,a.languageUtils=n,a.pluralResolver=new Z(n,{prepend:this.options.pluralSeparator,compatibilityJSON:this.options.compatibilityJSON,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),a.interpolator=new tt(this.options),a.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},a.backendConnector=new et(o(this.modules.backend),a.resourceStore,a,this.options),a.backendConnector.on("*",(function(e){for(var r=arguments.length,o=new Array(r>1?r-1:0),n=1;n<r;n++)o[n-1]=arguments[n];t.emit.apply(t,[e].concat(o))})),this.modules.languageDetector&&(a.languageDetector=o(this.modules.languageDetector),a.languageDetector.init(a,this.options.detection,this.options)),this.modules.i18nFormat&&(a.i18nFormat=o(this.modules.i18nFormat),a.i18nFormat.init&&a.i18nFormat.init(this)),this.translator=new W(this.services,this.options),this.translator.on("*",(function(e){for(var r=arguments.length,o=new Array(r>1?r-1:0),n=1;n<r;n++)o[n-1]=arguments[n];t.emit.apply(t,[e].concat(o))})),this.modules.external.forEach((function(e){e.init&&e.init(t)}))}if(this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){var i=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);i.length>0&&"dev"!==i[0]&&(this.options.lng=i[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined");var s=["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"];s.forEach((function(e){t[e]=function(){var r;return(r=t.store)[e].apply(r,arguments)}}));var l=["addResource","addResources","addResourceBundle","removeResourceBundle"];l.forEach((function(e){t[e]=function(){var r;return(r=t.store)[e].apply(r,arguments),t}}));var c=P(),u=function(){var e=function(e,o){t.isInitialized&&t.logger.warn("init: i18next is already initialized. You should call init just once!"),t.isInitialized=!0,t.options.isClone||t.logger.log("initialized",t.options),t.emit("initialized",t.options),c.resolve(o),r(e,o)};if(t.languages&&"v1"!==t.options.compatibilityAPI&&!t.isInitialized)return e(null,t.t.bind(t));t.changeLanguage(t.options.lng,e)};return this.options.resources||!this.options.initImmediate?u():setTimeout(u,0),c}},{key:"loadResources",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:nt,o=r,n="string"==typeof t?t:this.language;if("function"==typeof t&&(o=t),!this.options.resources||this.options.partialBundledLanguages){if(n&&"cimode"===n.toLowerCase())return o();var a=[],i=function(t){t&&e.services.languageUtils.toResolveHierarchy(t).forEach((function(t){a.indexOf(t)<0&&a.push(t)}))};if(n)i(n);else{var s=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);s.forEach((function(t){return i(t)}))}this.options.preload&&this.options.preload.forEach((function(t){return i(t)})),this.services.backendConnector.load(a,this.options.ns,o)}else o(null)}},{key:"reloadResources",value:function(t,e,r){var o=P();return t||(t=this.languages),e||(e=this.options.ns),r||(r=nt),this.services.backendConnector.reload(t,e,(function(t){o.resolve(),r(t)})),o}},{key:"use",value:function(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===t.type&&(this.modules.backend=t),("logger"===t.type||t.log&&t.warn&&t.error)&&(this.modules.logger=t),"languageDetector"===t.type&&(this.modules.languageDetector=t),"i18nFormat"===t.type&&(this.modules.i18nFormat=t),"postProcessor"===t.type&&B.addPostProcessor(t),"3rdParty"===t.type&&this.modules.external.push(t),this}},{key:"changeLanguage",value:function(t,e){var r=this;this.isLanguageChangingTo=t;var o=P();this.emit("languageChanging",t);var n=function(t){var n="string"==typeof t?t:r.services.languageUtils.getBestMatchFromCodes(t);n&&(r.language||(r.language=n,r.languages=r.services.languageUtils.toResolveHierarchy(n)),r.translator.language||r.translator.changeLanguage(n),r.services.languageDetector&&r.services.languageDetector.cacheUserLanguage(n)),r.loadResources(n,(function(t){!function(t,n){n?(r.language=n,r.languages=r.services.languageUtils.toResolveHierarchy(n),r.translator.changeLanguage(n),r.isLanguageChangingTo=void 0,r.emit("languageChanged",n),r.logger.log("languageChanged",n)):r.isLanguageChangingTo=void 0,o.resolve((function(){return r.t.apply(r,arguments)})),e&&e(t,(function(){return r.t.apply(r,arguments)}))}(t,n)}))};return t||!this.services.languageDetector||this.services.languageDetector.async?!t&&this.services.languageDetector&&this.services.languageDetector.async?this.services.languageDetector.detect(n):n(t):n(this.services.languageDetector.detect()),o}},{key:"getFixedT",value:function(t,e){var r=this,o=function t(e,o){var n;if("object"!==m(o)){for(var a=arguments.length,i=new Array(a>2?a-2:0),s=2;s<a;s++)i[s-2]=arguments[s];n=r.options.overloadTranslationOptionHandler([e,o].concat(i))}else n=b({},o);return n.lng=n.lng||t.lng,n.lngs=n.lngs||t.lngs,n.ns=n.ns||t.ns,r.t(e,n)};return"string"==typeof t?o.lng=t:o.lngs=t,o.ns=e,o}},{key:"t",value:function(){var t;return this.translator&&(t=this.translator).translate.apply(t,arguments)}},{key:"exists",value:function(){var t;return this.translator&&(t=this.translator).exists.apply(t,arguments)}},{key:"setDefaultNamespace",value:function(t){this.options.defaultNS=t}},{key:"hasLoadedNamespace",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;var o=this.languages[0],n=!!this.options&&this.options.fallbackLng,a=this.languages[this.languages.length-1];if("cimode"===o.toLowerCase())return!0;var i=function(t,r){var o=e.services.backendConnector.state["".concat(t,"|").concat(r)];return-1===o||2===o};if(r.precheck){var s=r.precheck(this,i);if(void 0!==s)return s}return!!this.hasResourceBundle(o,t)||(!this.services.backendConnector.backend||!(!i(o,t)||n&&!i(a,t)))}},{key:"loadNamespaces",value:function(t,e){var r=this,o=P();return this.options.ns?("string"==typeof t&&(t=[t]),t.forEach((function(t){r.options.ns.indexOf(t)<0&&r.options.ns.push(t)})),this.loadResources((function(t){o.resolve(),e&&e(t)})),o):(e&&e(),Promise.resolve())}},{key:"loadLanguages",value:function(t,e){var r=P();"string"==typeof t&&(t=[t]);var o=this.options.preload||[],n=t.filter((function(t){return o.indexOf(t)<0}));return n.length?(this.options.preload=o.concat(n),this.loadResources((function(t){r.resolve(),e&&e(t)})),r):(e&&e(),Promise.resolve())}},{key:"dir",value:function(t){if(t||(t=this.languages&&this.languages.length>0?this.languages[0]:this.language),!t)return"rtl";return["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam"].indexOf(this.services.languageUtils.getLanguagePartFromCode(t))>=0?"rtl":"ltr"}},{key:"createInstance",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;return new e(t,r)}},{key:"cloneInstance",value:function(){var t=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:nt,n=b({},this.options,r,{isClone:!0}),a=new e(n),i=["store","services","language"];return i.forEach((function(e){a[e]=t[e]})),a.services=b({},this.services),a.services.utils={hasLoadedNamespace:a.hasLoadedNamespace.bind(a)},a.translator=new W(a.services,a.options),a.translator.on("*",(function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];a.emit.apply(a,[t].concat(r))})),a.init(n,o),a.translator.options=a.options,a.translator.backendConnector.services.utils={hasLoadedNamespace:a.hasLoadedNamespace.bind(a)},a}}]),e}());function it(t){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},it(t)}var st=[],lt=st.forEach,ct=st.slice;function ut(t){return lt.call(ct.call(arguments,1),(function(e){if(e)for(var r in e)void 0===t[r]&&(t[r]=e[r])})),t}function pt(){return"function"==typeof XMLHttpRequest||"object"===("undefined"==typeof XMLHttpRequest?"undefined":it(XMLHttpRequest))}var dt,ft,gt,ht=t((function(t,e){var a;if("function"==typeof fetch&&(void 0!==r&&r.fetch?a=r.fetch:"undefined"!=typeof window&&window.fetch&&(a=window.fetch)),void 0!==o&&("undefined"==typeof window||void 0===window.document)){var i=a||n;i.default&&(i=i.default),e.default=i,t.exports=e.default}})),mt=Object.freeze(h({__proto__:null,default:ht},[ht]));function vt(t){return vt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},vt(t)}"function"==typeof fetch&&("undefined"!=typeof global&&global.fetch?dt=global.fetch:"undefined"!=typeof window&&window.fetch&&(dt=window.fetch)),pt&&("undefined"!=typeof global&&global.XMLHttpRequest?ft=global.XMLHttpRequest:"undefined"!=typeof window&&window.XMLHttpRequest&&(ft=window.XMLHttpRequest)),"function"==typeof ActiveXObject&&("undefined"!=typeof global&&global.ActiveXObject?gt=global.ActiveXObject:"undefined"!=typeof window&&window.ActiveXObject&&(gt=window.ActiveXObject)),dt||!mt||ft||gt||(dt=ht||mt),"function"!=typeof dt&&(dt=void 0);var bt=function(t,e){if(e&&"object"===vt(e)){var r="";for(var o in e)r+="&"+encodeURIComponent(o)+"="+encodeURIComponent(e[o]);if(!r)return t;t=t+(-1!==t.indexOf("?")?"&":"?")+r.slice(1)}return t},yt=function(t,e,r,o){return"function"==typeof r&&(o=r,r=void 0),o=o||function(){},dt?function(t,e,r,o){t.queryStringParams&&(e=bt(e,t.queryStringParams));var n=ut({},"function"==typeof t.customHeaders?t.customHeaders():t.customHeaders);r&&(n["Content-Type"]="application/json"),dt(e,ut({method:r?"POST":"GET",body:r?t.stringify(r):void 0,headers:n},"function"==typeof t.requestOptions?t.requestOptions(r):t.requestOptions)).then((function(t){if(!t.ok)return o(t.statusText||"Error",{status:t.status});t.text().then((function(e){o(null,{status:t.status,data:e})})).catch(o)})).catch(o)}(t,e,r,o):pt||"function"==typeof ActiveXObject?function(t,e,r,o){r&&"object"===vt(r)&&(r=bt("",r).slice(1)),t.queryStringParams&&(e=bt(e,t.queryStringParams));try{var n;(n=ft?new ft:new gt("MSXML2.XMLHTTP.3.0")).open(r?"POST":"GET",e,1),t.crossDomain||n.setRequestHeader("X-Requested-With","XMLHttpRequest"),n.withCredentials=!!t.withCredentials,r&&n.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),n.overrideMimeType&&n.overrideMimeType("application/json");var a=t.customHeaders;if(a="function"==typeof a?a():a)for(var i in a)n.setRequestHeader(i,a[i]);n.onreadystatechange=function(){n.readyState>3&&o(n.status>=400?n.statusText:null,{status:n.status,data:n.responseText})},n.send(r)}catch(t){console&&console.log(t)}}(t,e,r,o):void 0};function wt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xt(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var kt=function(){return{loadPath:"/locales/{{lng}}/{{ns}}.json",addPath:"/locales/add/{{lng}}/{{ns}}",allowMultiLoading:!1,parse:function(t){return JSON.parse(t)},stringify:JSON.stringify,parsePayload:function(t,e,r){return function(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}({},e,r||"")},request:yt,reloadInterval:"undefined"==typeof window&&36e5,customHeaders:{},queryStringParams:{},crossDomain:!1,withCredentials:!1,overrideMimeType:!1,requestOptions:{mode:"cors",credentials:"same-origin",cache:"default"}}},St=function(){function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};wt(this,t),this.services=e,this.options=r,this.allOptions=o,this.type="backend",this.init(e,r,o)}var e,r,o;return e=t,r=[{key:"init",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.services=t,this.options=ut(r,this.options||{},kt()),this.allOptions=o,this.services&&this.options.reloadInterval&&setInterval((function(){return e.reload()}),this.options.reloadInterval)}},{key:"readMulti",value:function(t,e,r){this._readAny(t,t,e,e,r)}},{key:"read",value:function(t,e,r){this._readAny([t],t,[e],e,r)}},{key:"_readAny",value:function(t,e,r,o,n){var a,i=this,s=this.options.loadPath;"function"==typeof this.options.loadPath&&(s=this.options.loadPath(t,r)),(s=function(t){return!!t&&"function"==typeof t.then}(a=s)?a:Promise.resolve(a)).then((function(a){var s=i.services.interpolator.interpolate(a,{lng:t.join("+"),ns:r.join("+")});i.loadUrl(s,n,e,o)}))}},{key:"loadUrl",value:function(t,e,r,o){var n=this;this.options.request(this.options,t,void 0,(function(a,i){if(i&&(i.status>=500&&i.status<600||!i.status))return e("failed loading "+t+"; status code: "+i.status,!0);if(i&&i.status>=400&&i.status<500)return e("failed loading "+t+"; status code: "+i.status,!1);if(!i&&a&&a.message&&a.message.indexOf("Failed to fetch")>-1)return e("failed loading "+t+": "+a.message,!0);if(a)return e(a,!1);var s,l;try{s="string"==typeof i.data?n.options.parse(i.data,r,o):i.data}catch(e){l="failed parsing "+t+" to json"}if(l)return e(l,!1);e(null,s)}))}},{key:"create",value:function(t,e,r,o,n){var a=this;if(this.options.addPath){"string"==typeof t&&(t=[t]);var i=this.options.parsePayload(e,r,o),s=0,l=[],c=[];t.forEach((function(r){var o=a.options.addPath;"function"==typeof a.options.addPath&&(o=a.options.addPath(r,e));var u=a.services.interpolator.interpolate(o,{lng:r,ns:e});a.options.request(a.options,u,i,(function(e,r){s+=1,l.push(e),c.push(r),s===t.length&&n&&n(l,c)}))}))}}},{key:"reload",value:function(){var t=this,e=this.services,r=e.backendConnector,o=e.languageUtils,n=e.logger,a=r.language;if(!a||"cimode"!==a.toLowerCase()){var i=[],s=function(t){o.toResolveHierarchy(t).forEach((function(t){i.indexOf(t)<0&&i.push(t)}))};s(a),this.allOptions.preload&&this.allOptions.preload.forEach((function(t){return s(t)})),i.forEach((function(e){t.allOptions.ns.forEach((function(t){r.read(e,t,"read",null,null,(function(o,a){o&&n.warn("loading namespace ".concat(t," for language ").concat(e," failed"),o),!o&&a&&n.log("loaded namespace ".concat(t," for language ").concat(e),a),r.loaded("".concat(e,"|").concat(t),o,a)}))}))}))}}}],r&&xt(e.prototype,r),o&&xt(e,o),t}();St.type="backend";var Ot=function(){return a.Date.now()},Lt=/\s/;var jt=/^\s+/;function Rt(t){return t?t.slice(0,function(t){for(var e=t.length;e--&&Lt.test(t.charAt(e)););return e}(t)+1).replace(jt,""):t}var Et=/^[-+]0x[0-9a-f]+$/i,Ct=/^0b[01]+$/i,_t=/^0o[0-7]+$/i,Nt=parseInt;function Pt(t){if("number"==typeof t)return t;if(i(t))return NaN;if(s(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=s(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=Rt(t);var r=Ct.test(t);return r||_t.test(t)?Nt(t.slice(2),r?2:8):Et.test(t)?NaN:+t}var zt=Math.max,Tt=Math.min;function Mt(t,e,r){var o,n,a,i,l,c,u=0,p=!1,d=!1,f=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function g(e){var r=o,a=n;return o=n=void 0,u=e,i=t.apply(a,r)}function h(t){return u=t,l=setTimeout(v,e),p?g(t):i}function m(t){var r=t-c;return void 0===c||r>=e||r<0||d&&t-u>=a}function v(){var t=Ot();if(m(t))return b(t);l=setTimeout(v,function(t){var r=e-(t-c);return d?Tt(r,a-(t-u)):r}(t))}function b(t){return l=void 0,f&&o?g(t):(o=n=void 0,i)}function y(){var t=Ot(),r=m(t);if(o=arguments,n=this,c=t,r){if(void 0===l)return h(c);if(d)return clearTimeout(l),l=setTimeout(v,e),g(c)}return void 0===l&&(l=setTimeout(v,e)),i}return e=Pt(e)||0,s(r)&&(p=!!r.leading,a=(d="maxWait"in r)?zt(Pt(r.maxWait)||0,e):a,f="trailing"in r?!!r.trailing:f),y.cancel=function(){void 0!==l&&clearTimeout(l),u=0,o=c=n=l=void 0},y.flush=function(){return void 0===l?i:b(Ot())},y}const At=Object.entries({sm:640,md:768,lg:1024,xl:1280}),Ft=t=>class extends t{constructor(){super(...arguments),this.__handleResize=Mt((t=>{t.forEach((({contentRect:t,target:e})=>{At.forEach((([r,o])=>{t.width>=o?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r)}))}))}),16)}connectedCallback(){super.connectedCallback();const t=new ResizeObserver(this.__handleResize);t.observe(this),this.__removeBreakpoints=()=>t.disconnect()}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this.__removeBreakpoints)||void 0===t||t.call(this),this.__handleResize.cancel()}},It=new WeakMap;let Ut=Math.round(1e5*Math.random());const Ht=new RegExp("[a-z](-|\\.|[0-9]|[a-z])*-(-|\\.|[0-9]|[a-z])*"),qt=(t,e)=>{const r=`${t}-${Ut+=1}`;return((t,e)=>!!e.get(t))(r,e)?qt(t,e):r};function Vt(t,e=customElements){if(r=t,null===Ht.exec(r))throw new Error("tagName is invalid");var r;return qt(t,e)}const Dt=new Map,$t=(t,e)=>Dt.set(e,t),Bt=(t,e,r=customElements)=>{$t(t,e),r.define(t,class extends e{})},Kt=(t,e,r)=>{const o=customElements;if(!(t=>Object.prototype.isPrototypeOf.call(HTMLElement,t))(e))return((t,e,r)=>{const o=Vt(t,e);if(!r)throw new Error("Lazy scoped elements requires the use of tags cache");return r.set(t,o),o})(t,o,r);if(e===customElements.get(t))return $t(t,e),t;const n=Vt(t,o);return Bt(n,e,o),n};function Wt(t,e,r){return(t=>Dt.get(t))(e)||r&&r.get(t)||Kt(t,e,r)}const Xt="-|\\.|[0-9]|[a-z]",Jt=new RegExp(`<\\/?([a-z](${Xt})*-(${Xt})*)`,"g"),Yt=new Map,Gt=(t,e,r,o)=>{const n=t.map((t=>{let r=t;const n=(t=>{const e=[];let r;for(;null!==(r=Jt.exec(t));)e.push(r);return e})(t);for(let t=n.length-1;t>=0;t-=1){const a=n[t],[i,s]=a,l=Wt(s,e[s],o),c=a.index+i.length-s.length,u=c+s.length,p=0===i.indexOf("</");r=r.slice(0,c)+(p?l:`${l} data-tag-name="${s}"`)+r.slice(u)}return r}));return r.set(t,n),n};let Qt=!0;const{ShadyCSS:Zt}=window;(void 0===Zt||void 0===Zt.prepareTemplateDom)&&(Qt=!1);const te=new WeakMap,ee=new WeakMap,re=t=>(ee.has(t)||ee.set(t,new Map),ee.get(t)),oe=(t,e,r,o)=>t.map((t=>t instanceof p?ne(t,e,r,o):Array.isArray(t)?oe(t,e,r,o):t)),ne=(t,e,r,o)=>new p(function(t,e,r=Yt,o){return r.get(t)||Gt(t,e,r,o)}(t.strings,e,r,o),oe(t.values,e,r,o),t.type,t.processor),ae=(t,e,r,o)=>n=>{const a=ne(n,e,r,o);return(t=>e=>{const r=((t,e)=>`${t}--${e}`)(e.type,t);let o=l.get(r);void 0===o&&(o={stringsArray:new WeakMap,keyString:new Map},l.set(r,o));let n=o.stringsArray.get(e.strings);if(void 0!==n)return n;const a=e.strings.join(c);if(n=o.keyString.get(a),void 0===n){const r=e.getTemplateElement();Qt&&Zt.prepareTemplateDom(r,t),n=new u(e,r),o.keyString.set(a,n)}return o.stringsArray.set(e.strings,n),n})(t)(a)},ie=(se=t=>class extends t{static get scopedElements(){return{}}static render(t,e,r){if(!r||"object"!=typeof r||!r.scopeName)throw new Error("The `scopeName` option is required.");const{scopeName:o}=r,n=(a=this,te.has(a)||te.set(a,new Map),te.get(a));var a;const i=re(this),{scopedElements:s}=this;return super.render(t,e,{...r,templateFactory:ae(o,s,n,i)})}defineScopedElement(t,e){return function(t,e,r){const o=r.get(t);o?void 0===customElements.get(o)&&Bt(o,e,customElements):r.set(t,Wt(t,e,r))}(t,e,re(this.constructor))}static getScopedTagName(t){const e=this.scopedElements[t];return e?Wt(t,e,re(this)):re(this).get(t)}},t=>{if(function(t,e){let r=e;for(;r;){if(It.get(r)===t)return!0;r=Object.getPrototypeOf(r)}return!1}(se,t))return t;const e=se(t);return It.set(e,se),e});var se;let le,ce=t=>t;const ue=t=>class extends t{static get styles(){const t=super.styles;return[...t?Array.isArray(t)?t:[t]:[],d(le||(le=ce`/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::after,::before{border-color:currentColor}*{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:block}details>summary::-webkit-details-marker{display:none}details>summary{list-style:none}vaadin-select{margin-top:-4px;margin-bottom:-4px}vaadin-combo-box::part(text-field),vaadin-custom-field,vaadin-date-picker,vaadin-email-field,vaadin-integer-field,vaadin-number-field,vaadin-password-field,vaadin-text-area,vaadin-text-field{padding-top:0;padding-bottom:0}vaadin-date-picker::part(text-field){padding-top:0;padding-bottom:0}vaadin-button{margin:0}vaadin-checkbox::part(checkbox){margin:0}vaadin-checkbox::part(label){margin:.1875em var(--lumo-space-m)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-none::-webkit-calendar-picker-indicator,.appearance-none::-webkit-inner-spin-button,.appearance-none::-webkit-list-button,.appearance-none::-webkit-outer-spin-button{opacity:0!important;width:0!important;margin:0!important;padding:0!important}input::-webkit-date-and-time-value{text-align:inherit!important}.container{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top{top:var(--lumo-space-m,1rem)}.right-0{right:0}.right{right:var(--lumo-space-m,1rem)}.bottom{bottom:var(--lumo-space-m,1rem)}.left{left:var(--lumo-space-m,1rem)}.isolate{isolation:isolate}.z-50{z-index:50}.order-1{order:1}:host([sm]) .sm-order-1{order:1}.col-span-2{grid-column:span 2/span 2}.float-left{float:left}.m-auto{margin:auto}.m-xs{margin:var(--lumo-space-xs,.25rem)}.m-s{margin:var(--lumo-space-s,.5rem)}.m-m{margin:var(--lumo-space-m,1rem)}.m-l{margin:var(--lumo-space-l,1.5rem)}.m{margin:var(--lumo-space-m,1rem)}.-m-s{margin:calc(var(--lumo-space-s,.5rem) * -1)}:host([sm]) .sm-m-xl{margin:var(--lumo-space-xl,2.5rem)}.mx-auto{margin-left:auto;margin-right:auto}.mx-xs{margin-left:var(--lumo-space-xs,.25rem);margin-right:var(--lumo-space-xs,.25rem)}.mx-s{margin-left:var(--lumo-space-s,.5rem);margin-right:var(--lumo-space-s,.5rem)}.mx-m{margin-left:var(--lumo-space-m,1rem);margin-right:var(--lumo-space-m,1rem)}.-mx-xs{margin-left:calc(var(--lumo-space-xs,.25rem) * -1);margin-right:calc(var(--lumo-space-xs,.25rem) * -1)}.-mx-s{margin-left:calc(var(--lumo-space-s,.5rem) * -1);margin-right:calc(var(--lumo-space-s,.5rem) * -1)}.my-auto{margin-top:auto;margin-bottom:auto}.my-xs{margin-top:var(--lumo-space-xs,.25rem);margin-bottom:var(--lumo-space-xs,.25rem)}.my-s{margin-top:var(--lumo-space-s,.5rem);margin-bottom:var(--lumo-space-s,.5rem)}.my-m{margin-top:var(--lumo-space-m,1rem);margin-bottom:var(--lumo-space-m,1rem)}.my{margin-top:var(--lumo-space-m,1rem);margin-bottom:var(--lumo-space-m,1rem)}.-my-xs{margin-top:calc(var(--lumo-space-xs,.25rem) * -1);margin-bottom:calc(var(--lumo-space-xs,.25rem) * -1)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--lumo-space-xs,.25rem)}.mt-s{margin-top:var(--lumo-space-s,.5rem)}.mt-m{margin-top:var(--lumo-space-m,1rem)}.mt-xl{margin-top:var(--lumo-space-xl,2.5rem)}.-mt-xs{margin-top:calc(var(--lumo-space-xs,.25rem) * -1)}.-mt-m{margin-top:calc(var(--lumo-space-m,1rem) * -1)}.mr-auto{margin-right:auto}.mr-xs{margin-right:var(--lumo-space-xs,.25rem)}.mr-s{margin-right:var(--lumo-space-s,.5rem)}.mr-m{margin-right:var(--lumo-space-m,1rem)}.mr-l{margin-right:var(--lumo-space-l,1.5rem)}.mr-xl{margin-right:var(--lumo-space-xl,2.5rem)}.-mr-s{margin-right:calc(var(--lumo-space-s,.5rem) * -1)}.mb-xs{margin-bottom:var(--lumo-space-xs,.25rem)}.mb-s{margin-bottom:var(--lumo-space-s,.5rem)}.mb-m{margin-bottom:var(--lumo-space-m,1rem)}.mb-l{margin-bottom:var(--lumo-space-l,1.5rem)}.-mb-xs{margin-bottom:calc(var(--lumo-space-xs,.25rem) * -1)}.-mb-s{margin-bottom:calc(var(--lumo-space-s,.5rem) * -1)}.ml-auto{margin-left:auto}.ml-s{margin-left:var(--lumo-space-s,.5rem)}.ml-m{margin-left:var(--lumo-space-m,1rem)}:host([sm]) .sm-mt-0{margin-top:0}:host([sm]) .sm-mr-s{margin-right:var(--lumo-space-s,.5rem)}:host([sm]) .sm-mb-0{margin-bottom:0}:host([sm]) .sm-ml-s{margin-left:var(--lumo-space-s,.5rem)}:host([sm]) .sm-ml-m{margin-left:var(--lumo-space-m,1rem)}:host([md]) .md-mr-s{margin-right:var(--lumo-space-s,.5rem)}:host([md]) .md-mb-0{margin-bottom:0}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}:host([sm]) .sm-block{display:block}:host([sm]) .sm-flex{display:flex}:host([sm]) .sm-table-cell{display:table-cell}:host([md]) .md-block{display:block}:host([md]) .md-flex{display:flex}:host([md]) .md-table-cell{display:table-cell}:host([lg]) .lg-table-cell{display:table-cell}:host([xl]) .xl-table-cell{display:table-cell}.h-auto{height:auto}.h-xxs{height:var(--lumo-size-xxs,1.5rem)}.h-xs{height:var(--lumo-size-xs,1.625rem)}.h-s{height:var(--lumo-size-s,1.875rem)}.h-m{height:var(--lumo-size-m,2.25rem)}.h-l{height:var(--lumo-size-l,2.75rem)}.h-xl{height:var(--lumo-size-xl,3.5rem)}.h-full{height:100%}:host([sm]) .sm-h-m{height:var(--lumo-size-m,2.25rem)}.min-h-0{min-height:0}.w-auto{width:auto}.w-xxs{width:var(--lumo-size-xxs,1.5rem)}.w-xs{width:var(--lumo-size-xs,1.625rem)}.w-s{width:var(--lumo-size-s,1.875rem)}.w-m{width:var(--lumo-size-m,2.25rem)}.w-l{width:var(--lumo-size-l,2.75rem)}.w-xl{width:var(--lumo-size-xl,3.5rem)}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-full{width:100%}:host([sm]) .sm-w-auto{width:auto}:host([sm]) .sm-w-l{width:var(--lumo-size-l,2.75rem)}:host([md]) .md-w-auto{width:auto}:host([md]) .md-w-1-2{width:50%}.min-w-0{min-width:0}.max-w-0{max-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.origin-top-right{transform-origin:top right}.origin-bottom-right{transform-origin:bottom right}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-top-left{transform-origin:top left}:host([sm]) .sm-origin-center{transform-origin:center}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0}.translate-x-l{--tw-translate-x:var(--lumo-space-l, 1.5rem)}.translate-y-0{--tw-translate-y:0}.-translate-y-s{--tw-translate-y:calc(var(--lumo-space-s, 0.5rem) * -1)}.-translate-y-m{--tw-translate-y:calc(var(--lumo-space-m, 1rem) * -1)}.-translate-y-l{--tw-translate-y:calc(var(--lumo-space-l, 1.5rem) * -1)}.translate-y-full{--tw-translate-y:100%}:host([sm]) .sm-translate-x-full{--tw-translate-x:100%}:host([sm]) .sm-translate-y-0{--tw-translate-y:0}.rotate-12{--tw-rotate:12deg}.-rotate-12{--tw-rotate:-12deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}:host([sm]) .sm-scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}@media (hover:hover){.group:hover .group-hover-scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}@media (hover:hover){.hover-cursor-pointer:hover{cursor:pointer}}.disabled-cursor-default:disabled{cursor:default}.select-none{user-select:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:host([sm]) .sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:host([md]) .md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}:host([sm]) .sm-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}:host([sm]) .sm-flex-row{flex-direction:row}:host([md]) .md-flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}:host([sm]) .sm-items-start{align-items:flex-start}:host([sm]) .sm-items-end{align-items:flex-end}:host([sm]) .sm-items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-s{gap:var(--lumo-space-s,.5rem)}.gap-m{gap:var(--lumo-space-m,1rem)}.gap-l{gap:var(--lumo-space-l,1.5rem)}.gap{gap:var(--lumo-space-m,1rem)}.space-x-xs>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--lumo-space-xs,.25rem) * var(--tw-space-x-reverse));margin-left:calc(var(--lumo-space-xs,.25rem) * calc(1 - var(--tw-space-x-reverse)))}.space-x-s>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--lumo-space-s,.5rem) * var(--tw-space-x-reverse));margin-left:calc(var(--lumo-space-s,.5rem) * calc(1 - var(--tw-space-x-reverse)))}.space-x-m>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--lumo-space-m,1rem) * var(--tw-space-x-reverse));margin-left:calc(var(--lumo-space-m,1rem) * calc(1 - var(--tw-space-x-reverse)))}.space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--lumo-space-xs,.25rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--lumo-space-xs,.25rem) * var(--tw-space-y-reverse))}.space-y-s>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--lumo-space-s,.5rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--lumo-space-s,.5rem) * var(--tw-space-y-reverse))}.space-y-m>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--lumo-space-m,1rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--lumo-space-m,1rem) * var(--tw-space-y-reverse))}.space-y-l>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--lumo-space-l,1.5rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--lumo-space-l,1.5rem) * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-transparent>:not([hidden])~:not([hidden]){border-color:transparent}.divide-contrast-10>:not([hidden])~:not([hidden]){border-color:var(--lumo-contrast-10pct,hsla(214,57%,24%,.1))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-s{border-radius:var(--lumo-border-radius-s,.25em)}.rounded-full{border-radius:100%}.rounded{border-radius:var(--lumo-border-radius-m,.5em)}.rounded-t-l{border-top-left-radius:var(--lumo-border-radius-l,.75em);border-top-right-radius:var(--lumo-border-radius-l,.75em)}.rounded-b-l{border-bottom-right-radius:var(--lumo-border-radius-l,.75em);border-bottom-left-radius:var(--lumo-border-radius-l,.75em)}:host([sm]) .sm-rounded-b-l{border-bottom-right-radius:var(--lumo-border-radius-l,.75em);border-bottom-left-radius:var(--lumo-border-radius-l,.75em)}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}:host([md]) .md-border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.border-contrast-10{border-color:var(--lumo-contrast-10pct,hsla(214,57%,24%,.1))}.border-contrast-20{border-color:var(--lumo-contrast-20pct,hsla(214,53%,23%,.16))}.border-contrast-30{border-color:var(--lumo-contrast-30pct,hsla(214,50%,22%,.26))}.border-contrast-50{border-color:var(--lumo-contrast-50pct,hsla(214,45%,20%,.5))}.border-contrast{border-color:var(--lumo-contrast,#182433)}.border-primary{border-color:var(--lumo-primary-color,#1675f2)}.border-error{border-color:var(--lumo-error-color,#fe4238)}:host([md]) .md-border-contrast-10{border-color:var(--lumo-contrast-10pct,hsla(214,57%,24%,.1))}.focus-within-border-primary-50:focus-within{border-color:var(--lumo-primary-color-50pct,hsla(214,90%,52%,.5))}@media (hover:hover){.hover-border-contrast-30:hover{border-color:var(--lumo-contrast-30pct,hsla(214,50%,22%,.26))}.hover-border-contrast-40:hover{border-color:var(--lumo-contrast-40pct,hsla(214,47%,21%,.38))}.hover-border-primary-10:hover{border-color:var(--lumo-primary-color-10pct,hsla(214,90%,52%,.1))}.hover-border-primary:hover{border-color:var(--lumo-primary-color,#1675f2)}}.focus-border-primary:focus{border-color:var(--lumo-primary-color,#1675f2)}.bg-transparent{background-color:transparent}.bg-base{background-color:var(--lumo-base-color,#fff)}.bg-tint{background-color:var(--lumo-tint,#fff)}.bg-shade-50{background-color:var(--lumo-shade-50pct,hsla(214,45%,20%,.5))}.bg-contrast-5{background-color:var(--lumo-contrast-5pct,hsla(214,61%,25%,.05))}.bg-contrast-10{background-color:var(--lumo-contrast-10pct,hsla(214,57%,24%,.1))}.bg-contrast-20{background-color:var(--lumo-contrast-20pct,hsla(214,53%,23%,.16))}.bg-contrast-70{background-color:var(--lumo-contrast-70pct,hsla(214,42%,18%,.72))}.bg-contrast{background-color:var(--lumo-contrast,#182433)}.bg-primary-10{background-color:var(--lumo-primary-color-10pct,hsla(214,90%,52%,.1))}.bg-primary-50{background-color:var(--lumo-primary-color-50pct,hsla(214,90%,52%,.5))}.bg-primary{background-color:var(--lumo-primary-color,#1675f2)}.bg-error-10{background-color:var(--lumo-error-color-10pct,hsla(3,100%,60%,.1))}.bg-error{background-color:var(--lumo-error-color,#fe4238)}.bg-success-10{background-color:var(--lumo-success-color-10pct,hsla(145,76%,44%,.12))}.bg-success{background-color:var(--lumo-success-color,#15c05c)}@media (hover:hover){.group:hover .group-hover-bg-contrast-5{background-color:var(--lumo-contrast-5pct,hsla(214,61%,25%,.05))}.group:hover .group-hover-bg-contrast-30{background-color:var(--lumo-contrast-30pct,hsla(214,50%,22%,.26))}}@media (hover:hover){.hover-bg-contrast-5:hover{background-color:var(--lumo-contrast-5pct,hsla(214,61%,25%,.05))}.hover-bg-contrast-10:hover{background-color:var(--lumo-contrast-10pct,hsla(214,57%,24%,.1))}.hover-bg-primary-10:hover{background-color:var(--lumo-primary-color-10pct,hsla(214,90%,52%,.1))}.hover-bg-error-10:hover{background-color:var(--lumo-error-color-10pct,hsla(3,100%,60%,.1))}.hover-bg-success:hover{background-color:var(--lumo-success-color,#15c05c)}}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.object-cover{object-fit:cover}.p-0{padding:0}.p-xs{padding:var(--lumo-space-xs,.25rem)}.p-s{padding:var(--lumo-space-s,.5rem)}.p-m{padding:var(--lumo-space-m,1rem)}.p-l{padding:var(--lumo-space-l,1.5rem)}.p{padding:var(--lumo-space-m,1rem)}:host([sm]) .sm-p-0{padding:0}.px-xs{padding-left:var(--lumo-space-xs,.25rem);padding-right:var(--lumo-space-xs,.25rem)}.px-s{padding-left:var(--lumo-space-s,.5rem);padding-right:var(--lumo-space-s,.5rem)}.px-m{padding-left:var(--lumo-space-m,1rem);padding-right:var(--lumo-space-m,1rem)}.py-xs{padding-top:var(--lumo-space-xs,.25rem);padding-bottom:var(--lumo-space-xs,.25rem)}.py-s{padding-top:var(--lumo-space-s,.5rem);padding-bottom:var(--lumo-space-s,.5rem)}.pt-s{padding-top:var(--lumo-space-s,.5rem)}.pt-m{padding-top:var(--lumo-space-m,1rem)}.pr-xs{padding-right:var(--lumo-space-xs,.25rem)}.pr-m{padding-right:var(--lumo-space-m,1rem)}.pb-s{padding-bottom:var(--lumo-space-s,.5rem)}.pb-m{padding-bottom:var(--lumo-space-m,1rem)}.pl-xs{padding-left:var(--lumo-space-xs,.25rem)}.pl-s{padding-left:var(--lumo-space-s,.5rem)}.pl-m{padding-left:var(--lumo-space-m,1rem)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}:host([sm]) .sm-text-left{text-align:left}:host([sm]) .sm-text-right{text-align:right}:host([md]) .md-text-left{text-align:left}.font-lumo{font-family:var(--lumo-font-family, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}.text-xxs{font-size:var(--lumo-font-size-xxs,.75rem)}.text-xs{font-size:var(--lumo-font-size-xs,.8125rem)}.text-s{font-size:var(--lumo-font-size-s,.875rem)}.text-m{font-size:var(--lumo-font-size-m,1rem)}.text-l{font-size:var(--lumo-font-size-l,1.125rem)}.text-xl{font-size:var(--lumo-font-size-xl,1.375rem)}.text-xxl{font-size:var(--lumo-font-size-xxl,1.75rem)}.text-xxxl{font-size:var(--lumo-font-size-xxxl,2.5rem)}:host([sm]) .sm-text-l{font-size:var(--lumo-font-size-l,1.125rem)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}:host([sm]) .sm-normal-case{text-transform:none}.leading-none{line-height:1}.leading-xs{line-height:var(--lumo-line-height-xs,1.25)}.leading-s{line-height:var(--lumo-line-height-s,1.375)}.leading-m{line-height:var(--lumo-line-height-m,1.625)}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}:host([sm]) .sm-tracking-normal{letter-spacing:0}.text-transparent{color:transparent}.text-base{color:var(--lumo-base-color,#fff)}.text-tint{color:var(--lumo-tint,#fff)}.text-contrast-30{color:var(--lumo-contrast-30pct,hsla(214,50%,22%,.26))}.text-contrast-70{color:var(--lumo-contrast-70pct,hsla(214,42%,18%,.72))}.text-contrast{color:var(--lumo-contrast,#182433)}.text-primary{color:var(--lumo-primary-text-color,#1675f2)}.text-primary-contrast{color:var(--lumo-primary-contrast-color,#fff)}.text-error{color:var(--lumo-error-text-color,#f52318)}.text-success{color:var(--lumo-success-text-color,#00a344)}.text-header{color:var(--lumo-header-text-color,#182433)}.text-body{color:var(--lumo-body-text-color,hsla(214,40%,16%,.94))}.text-disabled{color:var(--lumo-disabled-text-color,hsla(214,50%,22%,.26))}.text-secondary{color:var(--lumo-secondary-text-color,hsla(214,42%,18%,.72))}.text-tertiary{color:var(--lumo-tertiary-text-color,hsla(214,45%,20%,.5))}:host([sm]) .sm-text-body{color:var(--lumo-body-text-color,hsla(214,40%,16%,.94))}@media (hover:hover){.hover-text-primary:hover{color:var(--lumo-primary-text-color,#1675f2)}.hover-text-error:hover{color:var(--lumo-error-text-color,#f52318)}.hover-text-success-contrast:hover{color:var(--lumo-success-contrast-color,#fff)}.hover-text-body:hover{color:var(--lumo-body-text-color,hsla(214,40%,16%,.94))}.hover-text-secondary:hover{color:var(--lumo-secondary-text-color,hsla(214,42%,18%,.72))}}.focus-text-body:focus{color:var(--lumo-body-text-color,hsla(214,40%,16%,.94))}.disabled-text-tertiary:disabled{color:var(--lumo-tertiary-text-color,hsla(214,45%,20%,.5))}@media (hover:hover){.hover-underline:hover{text-decoration:underline}}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}:host([sm]) .sm-opacity-0{opacity:0}.focus-opacity-100:focus{opacity:1}.disabled-opacity-50:disabled{opacity:.5}*,::after,::before{--tw-shadow:0 0 #0000}.shadow-xs{--tw-shadow:var(--lumo-box-shadow-xs, 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-m{--tw-shadow:var(--lumo-box-shadow-m, 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xxl{--tw-shadow:var(--lumo-box-shadow-xxl, 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (hover:hover){.group:hover .group-hover-shadow-s{--tw-shadow:var(--lumo-box-shadow-s, 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.focus-within-shadow-outline:focus-within{--tw-shadow:0 0 0 2px var(--lumo-primary-color-50pct, hsla(214, 90%, 52%, 0.5));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-within-shadow-outline-success:focus-within{--tw-shadow:0 0 0 2px var(--lumo-success-color-50pct, hsla(145, 76%, 44%, 0.55));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-within-shadow-outline-error:focus-within{--tw-shadow:0 0 0 2px var(--lumo-error-color-50pct, hsla(3, 100%, 60%, 0.1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-shadow-outline:focus{--tw-shadow:0 0 0 2px var(--lumo-primary-color-50pct, hsla(214, 90%, 52%, 0.5));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,::after,::before{--tw-ring-inset:var(--tw-empty, );/*!*//*!*/--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.focus-within-ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within-ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.focus-ring-inset:focus{--tw-ring-inset:inset}.ring-primary-50{--tw-ring-color:var(--lumo-primary-color-50pct, hsla(214, 90%, 52%, 0.5))}.ring-error-50{--tw-ring-color:var(--lumo-error-color-50pct, hsla(3, 100%, 60%, 0.5))}.ring-success-50{--tw-ring-color:var(--lumo-success-color-50pct, hsla(145, 76%, 44%, 0.55))}.focus-within-ring-primary-50:focus-within{--tw-ring-color:var(--lumo-primary-color-50pct, hsla(214, 90%, 52%, 0.5))}.focus-ring-primary-50:focus{--tw-ring-color:var(--lumo-primary-color-50pct, hsla(214, 90%, 52%, 0.5))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-4{--tw-ring-offset-width:4px}.ring-offset-base{--tw-ring-offset-color:var(--lumo-base-color, #fff)}.filter{--tw-blur:var(--tw-empty, );/*!*//*!*/--tw-brightness:var(--tw-empty, );/*!*//*!*/--tw-contrast:var(--tw-empty, );/*!*//*!*/--tw-grayscale:var(--tw-empty, );/*!*//*!*/--tw-hue-rotate:var(--tw-empty, );/*!*//*!*/--tw-invert:var(--tw-empty, );/*!*//*!*/--tw-saturate:var(--tw-empty, );/*!*//*!*/--tw-sepia:var(--tw-empty, );/*!*//*!*/--tw-drop-shadow:var(--tw-empty, );/*!*//*!*/filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur:blur(8px)}.grayscale{--tw-grayscale:grayscale(100%)}.backdrop-filter{--tw-backdrop-blur:var(--tw-empty, );/*!*//*!*/--tw-backdrop-brightness:var(--tw-empty, );/*!*//*!*/--tw-backdrop-contrast:var(--tw-empty, );/*!*//*!*/--tw-backdrop-grayscale:var(--tw-empty, );/*!*//*!*/--tw-backdrop-hue-rotate:var(--tw-empty, );/*!*//*!*/--tw-backdrop-invert:var(--tw-empty, );/*!*//*!*/--tw-backdrop-opacity:var(--tw-empty, );/*!*//*!*/--tw-backdrop-saturate:var(--tw-empty, );/*!*//*!*/--tw-backdrop-sepia:var(--tw-empty, );/*!*//*!*/backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:150ms}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-radius-overflow-fix{-webkit-mask-image:-webkit-radial-gradient(white,#000)}.grid-rows-auto{grid-auto-rows:1fr}.icon-inline{--iron-icon-height:1em;--iron-icon-width:1em}.bg-blurred{backdrop-filter:blur(25px);background:var(--lumo-tint-80pct)}.max-w-modal{max-width:28rem}.w-narrow-modal{width:18rem}.snap-x-mandatory{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}:host([sm]) .sm-max-w-modal{max-width:28rem}:host([sm]) .sm-w-narrow-modal{width:18rem}`))]}};class pe extends(ie(Ft(ue(f)))){}let de="";try{de="https://static.www.foxycart.com/beta/foxy-elements/0.3.0"}catch(t){}class fe extends pe{constructor(t="global"){super(),this.__lang=this._i18n.options.fallbackLng[0],this.__ns=this._i18n.options.fallbackNS[0],this.ns=t,this._whenI18nReady.then((()=>this.requestUpdate()))}static get properties(){return g(g({},super.properties),{},{lang:{type:String,noAccessor:!0},ns:{type:String,noAccessor:!0}})}get lang(){return this.__lang}set lang(t){t&&"undefined"!==t&&(this.__lang=t,this._i18n.loadLanguages(t).then((()=>{this.__lang===t&&this.requestUpdate()})))}get ns(){return this.__ns}set ns(t){this.__ns=t,this._i18n.loadNamespaces(t).then((()=>{this.__ns===t&&this.requestUpdate()}))}static __initI18N(){return this.__i18n=at.createInstance(),this.__i18n.use(St),this.__whenI18NReady=this.__i18n.init({ns:["global"],supportedLngs:["nl","en","es","sv","fi","fr","de","zh","no","it"],interpolation:{format:fe.__f},fallbackLng:"en",fallbackNS:"global",defaultNS:"global",detection:{order:["querystring","navigator","htmlTag","path","subdomain"],caches:[]},backend:{loadPath:`${de}/translations/{{ns}}/{{lng}}.json`}}),this.__whenI18NReady.then((()=>this.__isI18NReady=!0)),this.__i18n}get _i18n(){var t;return null!==(t=fe.__i18n)&&void 0!==t?t:fe.__initI18N()}get _whenI18nReady(){return fe.__whenI18NReady}get _isI18nReady(){return fe.__isI18NReady}get _t(){const t=[this.__ns,this._i18n.options.fallbackNS];return this._i18n.getFixedT(this.__lang,t)}}fe.__fLowercase=t=>t.toLowerCase(),fe.__fList=t=>t.map(((t,e,r)=>{if(0===e)return t;return`${e===r.length-1?" $t(and) ":","} ${t}`})).join(""),fe.__f=(...t)=>{var e,r;const o=t[0];return(null!==(r=null===(e=t[1])||void 0===e?void 0:e.split(" "))&&void 0!==r?r:[]).reduce(((t,e)=>{switch(e){case"lowercase":return fe.__fLowercase(t);case"list":return fe.__fList(t);default:return t}}),o)},fe.__isI18NReady=!1;const ge=(t,e="")=>class extends t{constructor(){super(...arguments),this.lang="",this.ns=e,this.t=(t,r)=>{const o=customElements.get("foxy-i18n");if(!o)return t;const n=[...[e,...this.ns.split(" ").reverse()].map((t=>t.trim())).filter(((t,e,r)=>r.indexOf(t)===e&&t.length>0)).reverse().map(((e,r,o)=>`${e}:${[...o.slice(r+1),t].join(".")}`)),`shared:${t}`];return o.i18next.t(n,g({lng:this.lang},r)).toString()}}static get properties(){return g(g({},super.properties),{},{lang:{type:String},ns:{type:String}})}static get defaultNS(){return e}connectedCallback(){super.connectedCallback();const t=customElements.get("foxy-i18n");this.__untrackTranslations=null==t?void 0:t.onTranslationChange((()=>this.requestUpdate()))}updated(t){super.updated(t);const e=customElements.get("foxy-i18n");e&&(t.has("lang")&&e.i18next.loadLanguages(this.lang),t.has("ns")&&e.i18next.loadNamespaces(this.ns.split(" ")))}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this.__untrackTranslations)||void 0===t||t.call(this)}};export{Ft as R,ie as S,ue as T,ge as a,pe as b,fe as c,Mt as d,at as i,Pt as t};
@@ -1,4 +1,4 @@
1
- import{C as e,j as t,L as s,_ as i,h as n}from"./shared-63eaded9.js";import{a as r,E as o,T as l,C as a}from"./shared-df573cea.js";import{T as d}from"./shared-bb824ab4.js";import{O as A,I as h}from"./shared-ec861f31.js";import{h as c,a as m,t as u,P as p}from"./shared-ff79f3f9.js";import{F as g,P as v,a as y}from"./shared-46ee137f.js";import{D as _}from"./shared-8edee4e1.js";import{b as f,c as b}from"./shared-3f35fa81.js";class w extends CustomEvent{constructor(e){super("change",{detail:e})}}class x extends w{}const E=c`<dom-module id="lumo-list-box" theme-for="vaadin-list-box">
1
+ import{C as e,j as t,L as s,_ as i,h as n}from"./shared-63eaded9.js";import{a as r,E as o,T as l,C as a}from"./shared-df573cea.js";import{T as d}from"./shared-bb824ab4.js";import{O as A,I as h}from"./shared-ec861f31.js";import{h as c,a as m,t as u,P as p}from"./shared-ff79f3f9.js";import{F as g,P as v,a as y}from"./shared-46ee137f.js";import{D as _}from"./shared-d8ffb279.js";import{b as f,c as b}from"./shared-9a40309d.js";class w extends CustomEvent{constructor(e){super("change",{detail:e})}}class x extends w{}const E=c`<dom-module id="lumo-list-box" theme-for="vaadin-list-box">
2
2
  <template>
3
3
  <style>
4
4
  :host {
@@ -1 +1 @@
1
- import{h as t,_ as e}from"./shared-63eaded9.js";import{C as i}from"./shared-593f7e2c.js";import{N as s}from"./shared-44cfc617.js";import{T as r}from"./shared-3f35fa81.js";import{c as a}from"./shared-4e709717.js";let l,d,n,o=t=>t;const h=i(r(s));class p extends h{constructor(){super(...arguments),this.templates={},this.lang="",this.ns="",this.__renderTitle=e=>t(l||(l=o` <div data-testid="title"> ${0} <div class="text-secondary truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=e=>t(d||(d=o` <div data-testid="subtitle"> ${0} <div class="font-semibold truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}static get properties(){return e(e({},super.properties),{},{lang:{type:String},ns:{type:String}})}render(e){var i,s;const r=this.hiddenSelector;return t(n||(n=o` <div aria-live="polite" aria-busy="${0}" class="relative text-body text-m font-lumo leading-m"> ${0} ${0} <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),r.matches("title",!0)?"":this.__renderTitle(null==e?void 0:e.title),r.matches("subtitle",!0)?"":this.__renderSubtitle(null==e?void 0:e.subtitle),a({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(i=customElements.get("foxy-spinner"))||void 0===i?void 0:i.defaultNS)&&void 0!==s?s:"")}}export{p as T};
1
+ import{h as t,_ as e}from"./shared-63eaded9.js";import{C as i}from"./shared-593f7e2c.js";import{N as s}from"./shared-44cfc617.js";import{T as r}from"./shared-9a40309d.js";import{c as a}from"./shared-4e709717.js";let d,l,n,o=t=>t;const h=i(r(s));class p extends h{constructor(){super(...arguments),this.templates={},this.lang="",this.ns="",this.__renderTitle=e=>t(d||(d=o` <div data-testid="title"> ${0} <div class="text-secondary truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=e=>t(l||(l=o` <div data-testid="subtitle"> ${0} <div class="font-semibold truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==e?void 0:e(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}static get properties(){return e(e({},super.properties),{},{lang:{type:String},ns:{type:String}})}render(e){var i,s;const r=this.hiddenSelector;return t(n||(n=o` <div aria-live="polite" aria-busy="${0}" class="relative text-body text-m font-lumo leading-m"> ${0} ${0} <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),r.matches("title",!0)?"":this.__renderTitle(null==e?void 0:e.title),r.matches("subtitle",!0)?"":this.__renderSubtitle(null==e?void 0:e.subtitle),a({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(i=customElements.get("foxy-spinner"))||void 0===i?void 0:i.defaultNS)&&void 0!==s?s:"")}}export{p as T};
@@ -1 +1 @@
1
- import{_ as t,h as e}from"./shared-63eaded9.js";import{C as s}from"./shared-593f7e2c.js";import"./foxy-nucleon-element.js";import{R as l,T as a,a as i}from"./shared-3f35fa81.js";import{c as r}from"./shared-4e709717.js";import{N as n}from"./shared-44cfc617.js";let d,o,h,u,c,m=t=>t;const p=s(l(a(i(n))));class v extends p{constructor(){super(...arguments),this.templates={},this.columns=[]}static get properties(){return t(t({},super.properties),{},{columns:{attribute:!1}})}render(){var t,s;return e(d||(d=m` <div data-testid="wrapper" class="relative" aria-busy="${0}" aria-live="polite"> <table class="table-fixed w-full" data-testid="table"> <thead class="sr-only"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),this.columns.map((t=>{var s;return e(o||(o=m` <th> ${0} </th> `),null===(s=t.header)||void 0===s?void 0:s.call(t,{html:e,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((t=>{var s;return e(h||(h=m` <tr class="h-l"> ${0} </tr> `),null===(s=this.columns)||void 0===s?void 0:s.map(((s,l)=>{var a;return e(u||(u=m` <td class="${0}"> ${0} </td> `),r({"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===s.hideBelow,"hidden md-table-cell":"md"===s.hideBelow,"hidden lg-table-cell":"lg"===s.hideBelow,"hidden xl-table-cell":"xl"===s.hideBelow,"truncate h-l font-lumo text-body text-m":!0}),t?null===(a=s.cell)||void 0===a?void 0:a.call(s,{html:e,lang:this.lang,data:t,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":e(c||(c=m` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(s=null===(t=customElements.get("foxy-spinner"))||void 0===t?void 0:t.defaultNS)&&void 0!==s?s:""),this.renderTemplateOrSlot())}get __rows(){var t,e,s;const l=Object.values(null!==(e=null===(t=this.data)||void 0===t?void 0:t._embedded)&&void 0!==e?e:{}).reduce(((t,e)=>[...t,...e]),[]);let a;if(0===l.length)try{const t=new URL(null!==(s=this.href)&&void 0!==s?s:"").searchParams.get("limit"),e=parseInt(null!=t?t:"");a=isNaN(e)?20:e}catch(t){a=20}else a=l.length;return new Array(a).fill(null).map(((t,e)=>{var s;return null!==(s=l[e])&&void 0!==s?s:t}))}}export{v as T};
1
+ import{_ as t,h as e}from"./shared-63eaded9.js";import{C as s}from"./shared-593f7e2c.js";import"./foxy-nucleon-element.js";import{R as l,T as a,a as i}from"./shared-9a40309d.js";import{c as r}from"./shared-4e709717.js";import{N as d}from"./shared-44cfc617.js";let n,o,h,u,c,m=t=>t;const p=s(l(a(i(d))));class v extends p{constructor(){super(...arguments),this.templates={},this.columns=[]}static get properties(){return t(t({},super.properties),{},{columns:{attribute:!1}})}render(){var t,s;return e(n||(n=m` <div data-testid="wrapper" class="relative" aria-busy="${0}" aria-live="polite"> <table class="table-fixed w-full" data-testid="table"> <thead class="sr-only"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),this.columns.map((t=>{var s;return e(o||(o=m` <th> ${0} </th> `),null===(s=t.header)||void 0===s?void 0:s.call(t,{html:e,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((t=>{var s;return e(h||(h=m` <tr class="h-l"> ${0} </tr> `),null===(s=this.columns)||void 0===s?void 0:s.map(((s,l)=>{var a;return e(u||(u=m` <td class="${0}"> ${0} </td> `),r({"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===s.hideBelow,"hidden md-table-cell":"md"===s.hideBelow,"hidden lg-table-cell":"lg"===s.hideBelow,"hidden xl-table-cell":"xl"===s.hideBelow,"truncate h-l font-lumo text-body text-m":!0}),t?null===(a=s.cell)||void 0===a?void 0:a.call(s,{html:e,lang:this.lang,data:t,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":e(c||(c=m` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(s=null===(t=customElements.get("foxy-spinner"))||void 0===t?void 0:t.defaultNS)&&void 0!==s?s:""),this.renderTemplateOrSlot())}get __rows(){var t,e,s;const l=Object.values(null!==(e=null===(t=this.data)||void 0===t?void 0:t._embedded)&&void 0!==e?e:{}).reduce(((t,e)=>[...t,...e]),[]);let a;if(0===l.length)try{const t=new URL(null!==(s=this.href)&&void 0!==s?s:"").searchParams.get("limit"),e=parseInt(null!=t?t:"");a=isNaN(e)?20:e}catch(t){a=20}else a=l.length;return new Array(a).fill(null).map(((t,e)=>{var s;return null!==(s=l[e])&&void 0!==s?s:t}))}}export{v as T};
@@ -1 +1 @@
1
- import"./shared-bb824ab4.js";import"./shared-0ced76a0.js";import"./shared-a6c047b1.js";import"./foxy-spinner.js";import"./foxy-i18n.js";import{C as e}from"./shared-d8852c42.js";import"./shared-8edee4e1.js";import"./shared-691da586.js";import"./shared-7629a1a5.js";import{s,h as t}from"./shared-63eaded9.js";import{S as i,T as r,a}from"./shared-3f35fa81.js";import"./shared-ec861f31.js";import{m as n}from"./shared-1761daef.js";import{G as l}from"./shared-4d3c7828.js";import"./shared-df573cea.js";import"./shared-46ee137f.js";import"./shared-f0a83bd6.js";import{c as o}from"./shared-4e709717.js";import{C as d}from"./shared-593f7e2c.js";import{N as h}from"./shared-44cfc617.js";import{i as m}from"./shared-6d45a07b.js";import{v as c}from"./shared-b738ee96.js";let C,f,p,g,u=e=>e;const y=[{property:"is_merchant",icon:s(C||(C=u`<svg class="fill-current h-full w-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8961 8.89L21.7932 4.52C21.5622 3.62 20.7429 3 19.7871 3H5.1979C4.25259 3 3.42283 3.63 3.20225 4.52L2.0994 8.89C1.84732 9.91 2.07839 10.95 2.75061 11.77C2.83464 11.88 2.95017 11.96 3.0447 12.06V19C3.0447 20.1 3.99001 21 5.14538 21H19.8501C21.0055 21 21.9508 20.1 21.9508 19V12.06C22.0453 11.97 22.1609 11.88 22.2449 11.78C22.9171 10.96 23.1587 9.91 22.8961 8.89ZM19.7556 4.99L20.8584 9.36C20.9635 9.78 20.8689 10.2 20.5958 10.53C20.4488 10.71 20.1337 11 19.6085 11C18.9678 11 18.4111 10.51 18.3376 9.86L17.7284 5L19.7556 4.99ZM13.5481 5H15.6067L16.1739 9.52C16.2264 9.91 16.1004 10.3 15.8273 10.59C15.5962 10.85 15.2601 11 14.8295 11C14.1258 11 13.5481 10.41 13.5481 9.69V5ZM8.81106 9.52L9.38874 5H11.4474V9.69C11.4474 10.41 10.8697 11 10.0925 11C9.73536 11 9.40975 10.85 9.15767 10.59C8.89509 10.3 8.76905 9.91 8.81106 9.52ZM4.13705 9.36L5.1979 5H7.26706L6.65787 9.86C6.57384 10.51 6.02766 11 5.38696 11C4.87229 11 4.54669 10.71 4.41014 10.53C4.12655 10.21 4.03202 9.78 4.13705 9.36ZM5.14538 19V12.97C5.22941 12.98 5.30293 13 5.38696 13C6.30075 13 7.13052 12.64 7.73971 12.05C8.36992 12.65 9.21019 13 10.166 13C11.0798 13 11.8991 12.64 12.5082 12.07C13.1279 12.64 13.9682 13 14.9135 13C15.7958 13 16.6361 12.65 17.2663 12.05C17.8755 12.64 18.7052 13 19.619 13C19.7031 13 19.7766 12.98 19.8606 12.97V19H5.14538Z" /></svg>`)),key:"merchant"},{property:"is_programmer",icon:s(f||(f=u`<svg class="fill-current h-full w-full" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3C0 1.34315 1.34315 0 3 0H17C18.6569 0 20 1.34315 20 3V15C20 16.6569 18.6569 18 17 18H3C1.34315 18 0 16.6569 0 15V3ZM3 2C2.44772 2 2 2.44772 2 3V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V3C18 2.44772 17.5523 2 17 2H3ZM4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C9.89464 8.48043 10 8.73478 10 9C10 9.26522 9.89464 9.51957 9.70711 9.70711L5.70711 13.7071C5.31658 14.0976 4.68342 14.0976 4.29289 13.7071C3.90237 13.3166 3.90237 12.6834 4.29289 12.2929L7.58579 9L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289ZM9 13C9 12.4477 9.44771 12 10 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H10C9.44771 14 9 13.5523 9 13Z"/></svg>`)),key:"backend_developer"},{property:"is_front_end_developer",icon:s(p||(p=u`<svg class="fill-current h-full w-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2747 4.03847C14.8058 4.1902 15.1132 4.74368 14.9615 5.27472L10.9615 19.2747C10.8098 19.8058 10.2563 20.1132 9.72528 19.9615C9.19424 19.8098 8.88675 19.2563 9.03848 18.7253L13.0385 4.72528C13.1902 4.19424 13.7437 3.88675 14.2747 4.03847ZM6.70711 7.29289C7.09763 7.68342 7.09763 8.31658 6.70711 8.7071L3.41421 12L6.70711 15.2929C7.09763 15.6834 7.09763 16.3166 6.70711 16.7071C6.31658 17.0976 5.68342 17.0976 5.29289 16.7071L1.29289 12.7071C0.902369 12.3166 0.902369 11.6834 1.29289 11.2929L5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289ZM17.2929 7.29289C17.6834 6.90237 18.3166 6.90237 18.7071 7.29289L22.7071 11.2929C22.8946 11.4804 23 11.7348 23 12C23 12.2652 22.8946 12.5196 22.7071 12.7071L18.7071 16.7071C18.3166 17.0976 17.6834 17.0976 17.2929 16.7071C16.9024 16.3166 16.9024 15.6834 17.2929 15.2929L20.5858 12L17.2929 8.70711C16.9024 8.31658 16.9024 7.68342 17.2929 7.29289Z" /></svg>`)),key:"frontend_developer"},{property:"is_designer",icon:s(g||(g=u`<svg class="fill-current h-full w-full" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C4.49 20 0 15.51 0 10C0 4.49 4.49 0 10 0C15.51 0 20 4.04 20 9C20 12.31 17.31 15 14 15H12.23C11.95 15 11.73 15.22 11.73 15.5C11.73 15.62 11.78 15.73 11.86 15.83C12.27 16.3 12.5 16.89 12.5 17.5C12.5 18.88 11.38 20 10 20ZM10 2C5.59 2 2 5.59 2 10C2 14.41 5.59 18 10 18C10.28 18 10.5 17.78 10.5 17.5C10.5 17.34 10.42 17.22 10.36 17.15C9.95 16.69 9.73 16.1 9.73 15.5C9.73 14.12 10.85 13 12.23 13H14C16.21 13 18 11.21 18 9C18 5.14 14.41 2 10 2Z" /><path d="M4.5 11C5.32843 11 6 10.3284 6 9.5C6 8.67157 5.32843 8 4.5 8C3.67157 8 3 8.67157 3 9.5C3 10.3284 3.67157 11 4.5 11Z" /><path d="M7.5 7C8.32843 7 9 6.32843 9 5.5C9 4.67157 8.32843 4 7.5 4C6.67157 4 6 4.67157 6 5.5C6 6.32843 6.67157 7 7.5 7Z" /><path d="M12.5 7C13.3284 7 14 6.32843 14 5.5C14 4.67157 13.3284 4 12.5 4C11.6716 4 11 4.67157 11 5.5C11 6.32843 11.6716 7 12.5 7Z" /><path d="M15.5 11C16.3284 11 17 10.3284 17 9.5C17 8.67157 16.3284 8 15.5 8C14.6716 8 14 8.67157 14 9.5C14 10.3284 14.6716 11 15.5 11Z" /></svg>`)),key:"designer"}];let v,x,_,$=e=>e;const w=i(r(d(a(h,"user-form"))));class b extends w{constructor(){super(...arguments),this.__getValidator=n((e=>()=>!this.errors.some((s=>s.startsWith(e))))),this.__bindField=n((e=>s=>{const t=s.target;this.edit({[e]:t.value})}))}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"x-checkbox":e,"foxy-i18n":customElements.get("foxy-i18n"),"x-group":l}}static get v8n(){return[({first_name:e})=>!e||e.length<=50||"first_name_too_long",({last_name:e})=>!e||e.length<=50||"last_name_too_long",({email:e})=>e&&e.length>0||"email_required",({email:e})=>e&&e.length<=100||"email_too_long",({email:e})=>e&&c(e)||"email_invalid_email",({phone:e})=>!e||e.length<=50||"phone_too_long"]}render(){const e=this.in({idle:{template:{dirty:"valid"}}}),s=this.in({idle:{snapshot:{dirty:"valid"}}}),i=e||s,r=this.in("busy"),a=this.in("fail"),n=r||a||this.disabled;return t(v||(v=$` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div data-testid="wrapper" aria-busy="${0}" aria-live="polite" class="space-y-l relative"> <div class="grid grid-cols-1 sm-grid-cols-2 gap-m"> ${0} </div> <x-group frame> ${0} </x-group> <vaadin-button data-testid="action" theme="${0}" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </vaadin-button> <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}"> </foxy-spinner> </div> </div> `),this.lang,this.ns,this.__handleConfirmHide,this.in("busy"),["first_name","last_name","email","phone"].map((e=>t(x||(x=$` <vaadin-text-field error-message="${0}" data-testid="${0}" ?disabled="${0}" ?readonly="${0}" class="w-full" label="${0}" value="${0}" .checkValidity="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> `),this.__getErrorMessage(e),e,n,this.readonly,this.t(e),m(this.form[e]),this.__getValidator(e),this.__bindField(e),this.__handleKeyDown))),y.map(((e,s)=>t(_||(_=$` <hr class="${0}" style="margin-left:calc((var(--lumo-space-m) * 2) + 1.125rem)"> <x-checkbox class="w-full p-m" ?readonly="${0}" ?disabled="${0}" ?checked="${0}" @change="${0}"> <div class="flex items-start leading-s"> <div class="flex-1 flex flex-col"> <foxy-i18n key="${0}" lang="${0}" ns="${0}"></foxy-i18n> <foxy-i18n class="text-s text-secondary" lang="${0}" key="${0}_explainer" ns="${0}"> </foxy-i18n> </div> <div class="mt-xs" style="width:1.125rem;height:1.125rem">${0}</div> </div> </x-checkbox> `),s>0?"border-contrast-10":"hidden",this.readonly,n,this.form[e.property],(s=>{const t=s.target;this.edit({[e.property]:t.checked})}),e.key,this.lang,this.ns,this.lang,e.key,this.ns,e.icon))),this.in("idle")?"primary "+(this.href?"error":"success"):"",this.in({idle:"template"})&&!i||n,this.__handleActionClick,this.lang,this.href?"delete":"create",this.ns,o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!r&&!a}),a?"error":r?"busy":"empty",this.lang,this.ns)}__getErrorMessage(e){const s=this.errors.find((s=>s.startsWith(e)));return s?this.t(s.replace(e,"v8n")):""}__handleActionClick(e){if(this.in({idle:"snapshot"})){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}else this.submit()}__handleConfirmHide(e){e.detail.cancelled||this.delete()}__handleKeyDown(e){"Enter"===e.key&&this.submit()}}customElements.define("foxy-user-form",b);export{b as U,y as r};
1
+ import"./shared-bb824ab4.js";import"./shared-0ced76a0.js";import"./shared-e5cbf291.js";import"./foxy-spinner.js";import"./foxy-i18n.js";import{C as e}from"./shared-f1dc1c6c.js";import"./shared-d8ffb279.js";import"./shared-07abcd7b.js";import"./shared-b5147166.js";import{s,h as t}from"./shared-63eaded9.js";import{S as i,T as r,a}from"./shared-9a40309d.js";import"./shared-ec861f31.js";import{m as n}from"./shared-1761daef.js";import{G as l}from"./shared-91e768be.js";import"./shared-df573cea.js";import"./shared-46ee137f.js";import"./shared-f0a83bd6.js";import{c as o}from"./shared-4e709717.js";import{C as d}from"./shared-593f7e2c.js";import{N as h}from"./shared-44cfc617.js";import{i as c}from"./shared-6d45a07b.js";import{v as m}from"./shared-b738ee96.js";let C,f,p,g,u=e=>e;const y=[{property:"is_merchant",icon:s(C||(C=u`<svg class="fill-current h-full w-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8961 8.89L21.7932 4.52C21.5622 3.62 20.7429 3 19.7871 3H5.1979C4.25259 3 3.42283 3.63 3.20225 4.52L2.0994 8.89C1.84732 9.91 2.07839 10.95 2.75061 11.77C2.83464 11.88 2.95017 11.96 3.0447 12.06V19C3.0447 20.1 3.99001 21 5.14538 21H19.8501C21.0055 21 21.9508 20.1 21.9508 19V12.06C22.0453 11.97 22.1609 11.88 22.2449 11.78C22.9171 10.96 23.1587 9.91 22.8961 8.89ZM19.7556 4.99L20.8584 9.36C20.9635 9.78 20.8689 10.2 20.5958 10.53C20.4488 10.71 20.1337 11 19.6085 11C18.9678 11 18.4111 10.51 18.3376 9.86L17.7284 5L19.7556 4.99ZM13.5481 5H15.6067L16.1739 9.52C16.2264 9.91 16.1004 10.3 15.8273 10.59C15.5962 10.85 15.2601 11 14.8295 11C14.1258 11 13.5481 10.41 13.5481 9.69V5ZM8.81106 9.52L9.38874 5H11.4474V9.69C11.4474 10.41 10.8697 11 10.0925 11C9.73536 11 9.40975 10.85 9.15767 10.59C8.89509 10.3 8.76905 9.91 8.81106 9.52ZM4.13705 9.36L5.1979 5H7.26706L6.65787 9.86C6.57384 10.51 6.02766 11 5.38696 11C4.87229 11 4.54669 10.71 4.41014 10.53C4.12655 10.21 4.03202 9.78 4.13705 9.36ZM5.14538 19V12.97C5.22941 12.98 5.30293 13 5.38696 13C6.30075 13 7.13052 12.64 7.73971 12.05C8.36992 12.65 9.21019 13 10.166 13C11.0798 13 11.8991 12.64 12.5082 12.07C13.1279 12.64 13.9682 13 14.9135 13C15.7958 13 16.6361 12.65 17.2663 12.05C17.8755 12.64 18.7052 13 19.619 13C19.7031 13 19.7766 12.98 19.8606 12.97V19H5.14538Z" /></svg>`)),key:"merchant"},{property:"is_programmer",icon:s(f||(f=u`<svg class="fill-current h-full w-full" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3C0 1.34315 1.34315 0 3 0H17C18.6569 0 20 1.34315 20 3V15C20 16.6569 18.6569 18 17 18H3C1.34315 18 0 16.6569 0 15V3ZM3 2C2.44772 2 2 2.44772 2 3V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V3C18 2.44772 17.5523 2 17 2H3ZM4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C9.89464 8.48043 10 8.73478 10 9C10 9.26522 9.89464 9.51957 9.70711 9.70711L5.70711 13.7071C5.31658 14.0976 4.68342 14.0976 4.29289 13.7071C3.90237 13.3166 3.90237 12.6834 4.29289 12.2929L7.58579 9L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289ZM9 13C9 12.4477 9.44771 12 10 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H10C9.44771 14 9 13.5523 9 13Z"/></svg>`)),key:"backend_developer"},{property:"is_front_end_developer",icon:s(p||(p=u`<svg class="fill-current h-full w-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2747 4.03847C14.8058 4.1902 15.1132 4.74368 14.9615 5.27472L10.9615 19.2747C10.8098 19.8058 10.2563 20.1132 9.72528 19.9615C9.19424 19.8098 8.88675 19.2563 9.03848 18.7253L13.0385 4.72528C13.1902 4.19424 13.7437 3.88675 14.2747 4.03847ZM6.70711 7.29289C7.09763 7.68342 7.09763 8.31658 6.70711 8.7071L3.41421 12L6.70711 15.2929C7.09763 15.6834 7.09763 16.3166 6.70711 16.7071C6.31658 17.0976 5.68342 17.0976 5.29289 16.7071L1.29289 12.7071C0.902369 12.3166 0.902369 11.6834 1.29289 11.2929L5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289ZM17.2929 7.29289C17.6834 6.90237 18.3166 6.90237 18.7071 7.29289L22.7071 11.2929C22.8946 11.4804 23 11.7348 23 12C23 12.2652 22.8946 12.5196 22.7071 12.7071L18.7071 16.7071C18.3166 17.0976 17.6834 17.0976 17.2929 16.7071C16.9024 16.3166 16.9024 15.6834 17.2929 15.2929L20.5858 12L17.2929 8.70711C16.9024 8.31658 16.9024 7.68342 17.2929 7.29289Z" /></svg>`)),key:"frontend_developer"},{property:"is_designer",icon:s(g||(g=u`<svg class="fill-current h-full w-full" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C4.49 20 0 15.51 0 10C0 4.49 4.49 0 10 0C15.51 0 20 4.04 20 9C20 12.31 17.31 15 14 15H12.23C11.95 15 11.73 15.22 11.73 15.5C11.73 15.62 11.78 15.73 11.86 15.83C12.27 16.3 12.5 16.89 12.5 17.5C12.5 18.88 11.38 20 10 20ZM10 2C5.59 2 2 5.59 2 10C2 14.41 5.59 18 10 18C10.28 18 10.5 17.78 10.5 17.5C10.5 17.34 10.42 17.22 10.36 17.15C9.95 16.69 9.73 16.1 9.73 15.5C9.73 14.12 10.85 13 12.23 13H14C16.21 13 18 11.21 18 9C18 5.14 14.41 2 10 2Z" /><path d="M4.5 11C5.32843 11 6 10.3284 6 9.5C6 8.67157 5.32843 8 4.5 8C3.67157 8 3 8.67157 3 9.5C3 10.3284 3.67157 11 4.5 11Z" /><path d="M7.5 7C8.32843 7 9 6.32843 9 5.5C9 4.67157 8.32843 4 7.5 4C6.67157 4 6 4.67157 6 5.5C6 6.32843 6.67157 7 7.5 7Z" /><path d="M12.5 7C13.3284 7 14 6.32843 14 5.5C14 4.67157 13.3284 4 12.5 4C11.6716 4 11 4.67157 11 5.5C11 6.32843 11.6716 7 12.5 7Z" /><path d="M15.5 11C16.3284 11 17 10.3284 17 9.5C17 8.67157 16.3284 8 15.5 8C14.6716 8 14 8.67157 14 9.5C14 10.3284 14.6716 11 15.5 11Z" /></svg>`)),key:"designer"}];let v,x,_,b=e=>e;const $=i(r(d(a(h,"user-form"))));class w extends ${constructor(){super(...arguments),this.__getValidator=n((e=>()=>!this.errors.some((s=>s.startsWith(e))))),this.__bindField=n((e=>s=>{const t=s.target;this.edit({[e]:t.value})}))}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-button":customElements.get("vaadin-button"),"foxy-spinner":customElements.get("foxy-spinner"),"x-checkbox":e,"foxy-i18n":customElements.get("foxy-i18n"),"x-group":l}}static get v8n(){return[({first_name:e})=>!e||e.length<=50||"first_name_too_long",({last_name:e})=>!e||e.length<=50||"last_name_too_long",({email:e})=>e&&e.length>0||"email_required",({email:e})=>e&&e.length<=100||"email_too_long",({email:e})=>e&&m(e)||"email_invalid_email",({phone:e})=>!e||e.length<=50||"phone_too_long"]}render(){const e=this.in({idle:{template:{dirty:"valid"}}}),s=this.in({idle:{snapshot:{dirty:"valid"}}}),i=e||s,r=this.in("busy"),a=this.in("fail"),n=r||a||this.disabled;return t(v||(v=b` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div data-testid="wrapper" aria-busy="${0}" aria-live="polite" class="space-y-l relative"> <div class="grid grid-cols-1 sm-grid-cols-2 gap-m"> ${0} </div> <x-group frame> ${0} </x-group> <vaadin-button data-testid="action" theme="${0}" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n lang="${0}" key="${0}" ns="${0}"> </foxy-i18n> </vaadin-button> <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}"> </foxy-spinner> </div> </div> `),this.lang,this.ns,this.__handleConfirmHide,this.in("busy"),["first_name","last_name","email","phone"].map((e=>t(x||(x=b` <vaadin-text-field error-message="${0}" data-testid="${0}" ?disabled="${0}" ?readonly="${0}" class="w-full" label="${0}" value="${0}" .checkValidity="${0}" @input="${0}" @keydown="${0}"> </vaadin-text-field> `),this.__getErrorMessage(e),e,n,this.readonly,this.t(e),c(this.form[e]),this.__getValidator(e),this.__bindField(e),this.__handleKeyDown))),y.map(((e,s)=>t(_||(_=b` <hr class="${0}" style="margin-left:calc((var(--lumo-space-m) * 2) + 1.125rem)"> <x-checkbox class="w-full p-m" ?readonly="${0}" ?disabled="${0}" ?checked="${0}" @change="${0}"> <div class="flex items-start leading-s"> <div class="flex-1 flex flex-col"> <foxy-i18n key="${0}" lang="${0}" ns="${0}"></foxy-i18n> <foxy-i18n class="text-s text-secondary" lang="${0}" key="${0}_explainer" ns="${0}"> </foxy-i18n> </div> <div class="mt-xs" style="width:1.125rem;height:1.125rem">${0}</div> </div> </x-checkbox> `),s>0?"border-contrast-10":"hidden",this.readonly,n,this.form[e.property],(s=>{const t=s.target;this.edit({[e.property]:t.checked})}),e.key,this.lang,this.ns,this.lang,e.key,this.ns,e.icon))),this.in("idle")?"primary "+(this.href?"error":"success"):"",this.in({idle:"template"})&&!i||n,this.__handleActionClick,this.lang,this.href?"delete":"create",this.ns,o({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!r&&!a}),a?"error":r?"busy":"empty",this.lang,this.ns)}__getErrorMessage(e){const s=this.errors.find((s=>s.startsWith(e)));return s?this.t(s.replace(e,"v8n")):""}__handleActionClick(e){if(this.in({idle:"snapshot"})){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}else this.submit()}__handleConfirmHide(e){e.detail.cancelled||this.delete()}__handleKeyDown(e){"Enter"===e.key&&this.submit()}}customElements.define("foxy-user-form",w);export{w as U,y as r};