@everymatrix/lottery-game-page 0.1.26 → 1.13.4

package/dist/lottery-game-page/p-d9e7b5da.entry.js

@@ -0,0 +1,2899 @@
+import{r as t,c as e,h as i}from"./p-e765c7d9.js";const s="en";const r=["ro","en"];const o={en:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterDateRangePlaceholder:"Date Range",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"},ro:{filterOpen:"Filtrare",filterClear:"Stergere",filterModalTicketTitle:"Rezultatele biletelor",filterModalDrawTitle:"Rezultatele draw-urilor",filterTicketPlaceholder:"Cauta ID bilet",filterDrawPlaceholder:"Cauta ID draw",filterDateRangePlaceholder:"Perioada",filterModalButton:"Cauta",filterOrDate:"sau cauta dupa data"},fr:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterDateRangePlaceholder:"Date Range",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"},ar:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterDateRangePlaceholder:"Date Range",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"}};const n=(t,e)=>{const i=e;return o[i!==undefined&&r.includes(i)?i:s][t]};
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class a extends HTMLElement{static get version(){return"23.3.14"}}customElements.define("vaadin-lumo-styles",a);
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=window,h=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),u=new WeakMap;class d{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(h&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=u.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&u.set(e,t))}return t}toString(){return this.cssText}}const f=t=>new d("string"==typeof t?t:t+"",void 0,c),p=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1]),t[0]);return new d(i,t,c)},m=(t,e)=>{h?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),s=l.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))},b=h?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return f(e)})(t):t
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;var g;const v=window,y=v.trustedTypes,w=y?y.emptyScript:"",x=v.reactiveElementPolyfillSupport,_={toAttribute(t,e){switch(e){case Boolean:t=t?w:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},k=(t,e)=>e!==t&&(e==e||t==t),A={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:k};class D extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Ep(i,e);void 0!==s&&(this._$Ev.set(s,i),t.push(s))})),t}static createProperty(t,e=A){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const r=this[t];this[e]=s,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||A}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(b(t))}else void 0!==t&&e.push(b(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return m(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=A){var s;const r=this.constructor._$Ep(t,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==(null===(s=i.converter)||void 0===s?void 0:s.toAttribute)?i.converter:_).toAttribute(e,i.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,r=s._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=s.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:_;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||k)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}D.finalized=!0,D.elementProperties=new Map,D.elementStyles=[],D.shadowRootOptions={mode:"open"},null==x||x({ReactiveElement:D}),(null!==(g=v.reactiveElementVersions)&&void 0!==g?g:v.reactiveElementVersions=[]).push("1.6.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var C;const T=window,S=T.trustedTypes,M=S?S.createPolicy("lit-html",{createHTML:t=>t}):void 0,z="$lit$",P=`lit$${(Math.random()+"").slice(9)}$`,E="?"+P,F=`<${E}>`,O=document,B=()=>O.createComment(""),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,N=Array.isArray,R=t=>N(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),j="[ \t\n\f\r]",L=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,W=/>/g,U=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),$=/'/g,G=/"/g,Y=/^(?:script|style|textarea|title)$/i,q=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),J=new WeakMap,K=O.createTreeWalker(O,129,null,!1),Z=(t,e)=>{const i=t.length-1,s=[];let r,o=2===e?"<svg>":"",n=L;for(let e=0;e<i;e++){const i=t[e];let a,l,h=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===L?"!--"===l[1]?n=H:void 0!==l[1]?n=W:void 0!==l[2]?(Y.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=U):void 0!==l[3]&&(n=U):n===U?">"===l[0]?(n=null!=r?r:L,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?U:'"'===l[3]?G:$):n===G||n===$?n=U:n===H||n===W?n=L:(n=U,r=void 0);const u=n===U&&t[e+1].startsWith("/>")?" ":"";o+=n===L?i+F:h>=0?(s.push(a),i.slice(0,h)+z+i.slice(h)+P+u):i+P+(-2===h?(s.push(void 0),e):u)}const a=o+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==M?M.createHTML(a):a,s]};class X{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,o=0;const n=t.length-1,a=this.parts,[l,h]=Z(t,e);if(this.el=X.createElement(l,i),K.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=K.nextNode())&&a.length<n;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith(z)||e.startsWith(P)){const i=h[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+z).split(P),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?st:"?"===e[1]?ot:"@"===e[1]?nt:it})}else a.push({type:6,index:r})}for(const e of t)s.removeAttribute(e)}if(Y.test(s.tagName)){const t=s.textContent.split(P),e=t.length-1;if(e>0){s.textContent=S?S.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],B()),K.nextNode(),a.push({type:2,index:++r});s.append(t[e],B())}}}else if(8===s.nodeType)if(s.data===E)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=s.data.indexOf(P,t+1));)a.push({type:7,index:r}),t+=P.length-1}r++}}static createElement(t,e){const i=O.createElement("template");return i.innerHTML=t,i}}function Q(t,e,i=t,s){var r,o,n,a;if(e===q)return e;let l=void 0!==s?null===(r=i._$Co)||void 0===r?void 0:r[s]:i._$Cl;const h=I(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(o=null==l?void 0:l._$AO)||void 0===o||o.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,i,s)),void 0!==s?(null!==(n=(a=i)._$Co)&&void 0!==n?n:a._$Co=[])[s]=l:i._$Cl=l),void 0!==l&&(e=Q(t,l._$AS(t,e.values),l,s)),e}class tt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:O).importNode(i,!0);K.currentNode=r;let o=K.nextNode(),n=0,a=0,l=s[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new et(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new at(o,this,t)),this._$AV.push(e),l=s[++a]}n!==(null==l?void 0:l.index)&&(o=K.nextNode(),n++)}return K.currentNode=O,r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class et{constructor(t,e,i,s){var r;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=null===(r=null==s?void 0:s.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),I(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==q&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):R(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==V&&I(this._$AH)?this._$AA.nextSibling.data=t:this.$(O.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,r="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=X.createElement(s.h,this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new tt(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=J.get(t.strings);return void 0===e&&J.set(t.strings,e=new X(t)),e}T(t){N(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new et(this.k(B()),this.k(B()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class it{constructor(t,e,i,s,r){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const r=this.strings;let o=!1;if(void 0===r)t=Q(this,t,e,0),o=!I(t)||t!==this._$AH&&t!==q,o&&(this._$AH=t);else{const s=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=Q(this,s[i+n],e,n),a===q&&(a=this._$AH[n]),o||(o=!I(a)||a!==this._$AH[n]),a===V?t=V:t!==V&&(t+=(null!=a?a:"")+r[n+1]),this._$AH[n]=a}o&&!s&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class st extends it{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}const rt=S?S.emptyScript:"";class ot extends it{constructor(){super(...arguments),this.type=4}j(t){t&&t!==V?this.element.setAttribute(this.name,rt):this.element.removeAttribute(this.name)}}class nt extends it{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=Q(this,t,e,0))&&void 0!==i?i:V)===q)return;const s=this._$AH,r=t===V&&s!==V||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==V&&(s===V||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class at{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const lt=T.litHtmlPolyfillSupport;null==lt||lt(X,et),(null!==(C=T.litHtmlVersions)&&void 0!==C?C:T.litHtmlVersions=[]).push("2.7.4");const ht=(t,e,i)=>{var s,r;const o=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new et(e.insertBefore(B(),t),t,void 0,null!=i?i:{})}return n._$AI(t),n
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */};var ct,ut;class dt extends D{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ht(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return q}}dt.finalized=!0,dt._$litElement$=!0,null===(ct=globalThis.litElementHydrateSupport)||void 0===ct||ct.call(globalThis,{LitElement:dt});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:dt});(null!==(ut=globalThis.litElementVersions)&&void 0!==ut?ut:globalThis.litElementVersions=[]).push("3.3.2");
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const pt=t=>class e extends t{static get properties(){return{theme:{type:String,reflectToAttribute:true,observer:"__deprecatedThemePropertyChanged"},_theme:{type:String,readOnly:true}}}__deprecatedThemePropertyChanged(t){this._set_theme(t)}}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const mt=[];function bt(t,e,i={}){if(t){if(At(t)){console.warn(`The custom element definition for "${t}"\n      was finalized before a style module was registered.\n      Make sure to add component specific style modules before\n      importing the corresponding custom element.`)}}e=wt(e);if(window.Vaadin&&window.Vaadin.styleModules){window.Vaadin.styleModules.registerStyles(t,e,i)}else{mt.push({themeFor:t,styles:e,include:i.include,moduleId:i.moduleId})}}function gt(){if(window.Vaadin&&window.Vaadin.styleModules){return window.Vaadin.styleModules.getAllThemes()}return mt}function vt(t,e){return(t||"").split(" ").some((t=>new RegExp(`^${t.split("*").join(".*")}$`).test(e)))}function yt(t=""){let e=0;if(t.startsWith("lumo-")||t.startsWith("material-")){e=1}else if(t.startsWith("vaadin-")){e=2}return e}function wt(t=[]){return[t].flat(Infinity).filter((t=>{if(t instanceof d){return true}console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`.");return false}))}function xt(t){const e=[];if(t.include){[].concat(t.include).forEach((t=>{const i=gt().find((e=>e.moduleId===t));if(i){e.push(...xt(i),...i.styles)}else{console.warn(`Included moduleId ${t} not found in style registry`)}}),t.styles)}return e}function _t(t,e){const i=document.createElement("style");i.innerHTML=t.map((t=>t.cssText)).join("\n");e.content.appendChild(i)}function kt(t){const e=`${t}-default-theme`;const i=gt().filter((i=>i.moduleId!==e&&vt(i.themeFor,t))).map((t=>({...t,styles:[...xt(t),...t.styles],includePriority:yt(t.moduleId)}))).sort(((t,e)=>e.includePriority-t.includePriority));if(i.length>0){return i}return gt().filter((t=>t.moduleId===e))}function At(t){return Dt(customElements.get(t))}function Dt(t){return t&&Object.prototype.hasOwnProperty.call(t,"__themes")}const Ct=t=>class e extends(pt(t)){static finalize(){super.finalize();if(this.elementStyles){return}const t=this.prototype._template;if(!t||Dt(this)){return}_t(this.getStylesForThis(),t)}static finalizeStyles(t){const e=this.getStylesForThis();return t?[...super.finalizeStyles(t),...e]:e}static getStylesForThis(){const t=Object.getPrototypeOf(this.prototype);const e=(t?t.constructor.__themes:[])||[];this.__themes=[...e,...kt(this.is)];const i=this.__themes.flatMap((t=>t.styles));return i.filter(((t,e)=>e===i.lastIndexOf(t)))}}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const Tt=p`
+  :host {
+    /* Base (background) */
+    --lumo-base-color: #fff;
+
+    /* Tint */
+    --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
+    --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
+    --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
+    --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
+    --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
+    --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
+    --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
+    --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
+    --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
+    --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
+    --lumo-tint: #fff;
+
+    /* Shade */
+    --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
+    --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
+    --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
+    --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
+    --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
+    --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
+    --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
+    --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
+    --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
+    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
+    --lumo-shade: hsl(214, 35%, 15%);
+
+    /* Contrast */
+    --lumo-contrast-5pct: var(--lumo-shade-5pct);
+    --lumo-contrast-10pct: var(--lumo-shade-10pct);
+    --lumo-contrast-20pct: var(--lumo-shade-20pct);
+    --lumo-contrast-30pct: var(--lumo-shade-30pct);
+    --lumo-contrast-40pct: var(--lumo-shade-40pct);
+    --lumo-contrast-50pct: var(--lumo-shade-50pct);
+    --lumo-contrast-60pct: var(--lumo-shade-60pct);
+    --lumo-contrast-70pct: var(--lumo-shade-70pct);
+    --lumo-contrast-80pct: var(--lumo-shade-80pct);
+    --lumo-contrast-90pct: var(--lumo-shade-90pct);
+    --lumo-contrast: var(--lumo-shade);
+
+    /* Text */
+    --lumo-header-text-color: var(--lumo-contrast);
+    --lumo-body-text-color: var(--lumo-contrast-90pct);
+    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
+    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
+    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
+
+    /* Primary */
+    --lumo-primary-color: hsl(214, 100%, 48%);
+    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
+    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
+    --lumo-primary-text-color: hsl(214, 100%, 43%);
+    --lumo-primary-contrast-color: #fff;
+
+    /* Error */
+    --lumo-error-color: hsl(3, 85%, 48%);
+    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
+    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
+    --lumo-error-text-color: hsl(3, 89%, 42%);
+    --lumo-error-contrast-color: #fff;
+
+    /* Success */
+    --lumo-success-color: hsl(145, 72%, 30%);
+    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
+    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
+    --lumo-success-text-color: hsl(145, 85%, 25%);
+    --lumo-success-contrast-color: #fff;
+  }
+`;const St=document.createElement("template");St.innerHTML=`<style>${Tt.toString().replace(":host","html")}</style>`;document.head.appendChild(St.content);const Mt=p`
+  [theme~='dark'] {
+    /* Base (background) */
+    --lumo-base-color: hsl(214, 35%, 21%);
+
+    /* Tint */
+    --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
+    --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
+    --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
+    --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
+    --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
+    --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
+    --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
+    --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
+    --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
+    --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
+    --lumo-tint: hsl(214, 100%, 98%);
+
+    /* Shade */
+    --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
+    --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
+    --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
+    --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
+    --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
+    --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
+    --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
+    --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
+    --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
+    --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
+    --lumo-shade: hsl(214, 33%, 13%);
+
+    /* Contrast */
+    --lumo-contrast-5pct: var(--lumo-tint-5pct);
+    --lumo-contrast-10pct: var(--lumo-tint-10pct);
+    --lumo-contrast-20pct: var(--lumo-tint-20pct);
+    --lumo-contrast-30pct: var(--lumo-tint-30pct);
+    --lumo-contrast-40pct: var(--lumo-tint-40pct);
+    --lumo-contrast-50pct: var(--lumo-tint-50pct);
+    --lumo-contrast-60pct: var(--lumo-tint-60pct);
+    --lumo-contrast-70pct: var(--lumo-tint-70pct);
+    --lumo-contrast-80pct: var(--lumo-tint-80pct);
+    --lumo-contrast-90pct: var(--lumo-tint-90pct);
+    --lumo-contrast: var(--lumo-tint);
+
+    /* Text */
+    --lumo-header-text-color: var(--lumo-contrast);
+    --lumo-body-text-color: var(--lumo-contrast-90pct);
+    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
+    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
+    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
+
+    /* Primary */
+    --lumo-primary-color: hsl(214, 90%, 48%);
+    --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
+    --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
+    --lumo-primary-text-color: hsl(214, 90%, 77%);
+    --lumo-primary-contrast-color: #fff;
+
+    /* Error */
+    --lumo-error-color: hsl(3, 79%, 49%);
+    --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
+    --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
+    --lumo-error-text-color: hsl(3, 100%, 80%);
+
+    /* Success */
+    --lumo-success-color: hsl(145, 72%, 30%);
+    --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
+    --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
+    --lumo-success-text-color: hsl(145, 85%, 46%);
+  }
+
+  html {
+    color: var(--lumo-body-text-color);
+    background-color: var(--lumo-base-color);
+    color-scheme: light;
+  }
+
+  [theme~='dark'] {
+    color: var(--lumo-body-text-color);
+    background-color: var(--lumo-base-color);
+    color-scheme: dark;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--lumo-header-text-color);
+  }
+
+  a:where(:any-link) {
+    color: var(--lumo-primary-text-color);
+  }
+
+  a:not(:any-link) {
+    color: var(--lumo-disabled-text-color);
+  }
+
+  blockquote {
+    color: var(--lumo-secondary-text-color);
+  }
+
+  code,
+  pre {
+    background-color: var(--lumo-contrast-10pct);
+    border-radius: var(--lumo-border-radius-m);
+  }
+`;bt("",Mt,{moduleId:"lumo-color"});const zt=p`
+  :host {
+    color: var(--lumo-body-text-color) !important;
+    background-color: var(--lumo-base-color) !important;
+  }
+`;bt("",[Mt,zt],{moduleId:"lumo-color-legacy"});
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Pt=p`
+  :host {
+    --lumo-size-xs: 1.625rem;
+    --lumo-size-s: 1.875rem;
+    --lumo-size-m: 2.25rem;
+    --lumo-size-l: 2.75rem;
+    --lumo-size-xl: 3.5rem;
+
+    /* Icons */
+    --lumo-icon-size-s: 1.25em;
+    --lumo-icon-size-m: 1.5em;
+    --lumo-icon-size-l: 2.25em;
+    /* For backwards compatibility */
+    --lumo-icon-size: var(--lumo-icon-size-m);
+  }
+`;const Et=document.createElement("template");Et.innerHTML=`<style>${Pt.toString().replace(":host","html")}</style>`;document.head.appendChild(Et.content);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Ft=p`
+  :host {
+    /* Border radius */
+    --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
+    --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
+    --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
+    --lumo-border-radius: 0.25em; /* Deprecated */
+
+    /* Shadow */
+    --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
+    --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
+    --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
+    --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
+    --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
+
+    /* Clickable element cursor */
+    --lumo-clickable-cursor: default;
+  }
+`;p`
+  html {
+    --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
+    --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
+  }
+`;const Ot=document.createElement("template");Ot.innerHTML=`<style>${Ft.toString().replace(":host","html")}$</style>`;document.head.appendChild(Ot.content);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Bt=p`
+  :host {
+    /* prettier-ignore */
+    --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+
+    /* Font sizes */
+    --lumo-font-size-xxs: 0.75rem;
+    --lumo-font-size-xs: 0.8125rem;
+    --lumo-font-size-s: 0.875rem;
+    --lumo-font-size-m: 1rem;
+    --lumo-font-size-l: 1.125rem;
+    --lumo-font-size-xl: 1.375rem;
+    --lumo-font-size-xxl: 1.75rem;
+    --lumo-font-size-xxxl: 2.5rem;
+
+    /* Line heights */
+    --lumo-line-height-xs: 1.25;
+    --lumo-line-height-s: 1.375;
+    --lumo-line-height-m: 1.625;
+  }
+`;const It=p`
+  html,
+  :host {
+    font-family: var(--lumo-font-family);
+    font-size: var(--lumo-font-size, var(--lumo-font-size-m));
+    line-height: var(--lumo-line-height-m);
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  small,
+  [theme~='font-size-s'] {
+    font-size: var(--lumo-font-size-s);
+    line-height: var(--lumo-line-height-s);
+  }
+
+  [theme~='font-size-xs'] {
+    font-size: var(--lumo-font-size-xs);
+    line-height: var(--lumo-line-height-xs);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-weight: 600;
+    line-height: var(--lumo-line-height-xs);
+    margin-top: 1.25em;
+  }
+
+  h1 {
+    font-size: var(--lumo-font-size-xxxl);
+    margin-bottom: 0.75em;
+  }
+
+  h2 {
+    font-size: var(--lumo-font-size-xxl);
+    margin-bottom: 0.5em;
+  }
+
+  h3 {
+    font-size: var(--lumo-font-size-xl);
+    margin-bottom: 0.5em;
+  }
+
+  h4 {
+    font-size: var(--lumo-font-size-l);
+    margin-bottom: 0.5em;
+  }
+
+  h5 {
+    font-size: var(--lumo-font-size-m);
+    margin-bottom: 0.25em;
+  }
+
+  h6 {
+    font-size: var(--lumo-font-size-xs);
+    margin-bottom: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.03em;
+  }
+
+  p,
+  blockquote {
+    margin-top: 0.5em;
+    margin-bottom: 0.75em;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  a:where(:any-link):hover {
+    text-decoration: underline;
+  }
+
+  hr {
+    display: block;
+    align-self: stretch;
+    height: 1px;
+    border: 0;
+    padding: 0;
+    margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
+    background-color: var(--lumo-contrast-10pct);
+  }
+
+  blockquote {
+    border-left: 2px solid var(--lumo-contrast-30pct);
+  }
+
+  b,
+  strong {
+    font-weight: 600;
+  }
+
+  /* RTL specific styles */
+  blockquote[dir='rtl'] {
+    border-left: none;
+    border-right: 2px solid var(--lumo-contrast-30pct);
+  }
+`;bt("",It,{moduleId:"lumo-typography"});const Nt=document.createElement("template");Nt.innerHTML=`<style>${Bt.toString().replace(":host","html")}</style>`;document.head.appendChild(Nt.content);bt("vaadin-input-container",p`
+    :host {
+      border-radius: var(--lumo-border-radius-m);
+      background-color: var(--lumo-contrast-10pct);
+      padding: 0 calc(0.375em + var(--lumo-border-radius-m) / 4 - 1px);
+      font-weight: 500;
+      line-height: 1;
+      position: relative;
+      cursor: text;
+      box-sizing: border-box;
+    }
+
+    /* Used for hover and activation effects */
+    :host::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border-radius: inherit;
+      pointer-events: none;
+      background-color: var(--lumo-contrast-50pct);
+      opacity: 0;
+      transition: transform 0.15s, opacity 0.2s;
+      transform-origin: 100% 0;
+    }
+
+    ::slotted(:not([slot$='fix'])) {
+      cursor: inherit;
+      min-height: var(--lumo-text-field-size, var(--lumo-size-m));
+      padding: 0 0.25em;
+      --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
+      -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
+      mask-image: var(--_lumo-text-field-overflow-mask-image);
+    }
+
+    /* Read-only */
+    :host([readonly]) {
+      color: var(--lumo-secondary-text-color);
+      background-color: transparent;
+      cursor: default;
+    }
+
+    :host([readonly])::after {
+      background-color: transparent;
+      opacity: 1;
+      border: 1px dashed var(--lumo-contrast-30pct);
+    }
+
+    /* Disabled */
+    :host([disabled]) {
+      background-color: var(--lumo-contrast-5pct);
+    }
+
+    :host([disabled]) ::slotted(*) {
+      color: var(--lumo-disabled-text-color);
+      -webkit-text-fill-color: var(--lumo-disabled-text-color);
+    }
+
+    /* Invalid */
+    :host([invalid]) {
+      background-color: var(--lumo-error-color-10pct);
+    }
+
+    :host([invalid])::after {
+      background-color: var(--lumo-error-color-50pct);
+    }
+
+    /* Slotted icons */
+    ::slotted(iron-icon),
+    ::slotted(vaadin-icon) {
+      color: var(--lumo-contrast-60pct);
+      width: var(--lumo-icon-size-m);
+      height: var(--lumo-icon-size-m);
+    }
+
+    /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+    ::slotted(iron-icon[icon^='vaadin:']),
+    ::slotted(vaadin-icon[icon^='vaadin:']) {
+      padding: 0.25em;
+      box-sizing: border-box !important;
+    }
+
+    /* Text align */
+    :host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
+      --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
+    }
+
+    @-moz-document url-prefix() {
+      :host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
+        mask-image: var(--_lumo-text-field-overflow-mask-image);
+      }
+    }
+
+    :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
+      text-align: start;
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    :host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
+      text-align: center;
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
+      text-align: end;
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    @-moz-document url-prefix() {
+      /* Firefox is smart enough to align overflowing text to right */
+      :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
+      }
+    }
+
+    @-moz-document url-prefix() {
+      /* Firefox is smart enough to align overflowing text to right */
+      :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
+      }
+    }
+
+    /* RTL specific styles */
+    :host([dir='rtl'])::after {
+      transform-origin: 0% 0;
+    }
+
+    :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    :host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
+      --_lumo-text-field-overflow-mask-image: none;
+    }
+
+    @-moz-document url-prefix() {
+      /* Firefox is smart enough to align overflowing text to right */
+      :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
+      }
+    }
+
+    @-moz-document url-prefix() {
+      /* Firefox is smart enough to align overflowing text to right */
+      :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
+      }
+    }
+  `,{moduleId:"lumo-input-container"});
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/window.JSCompiler_renameProperty=function(t,e){return t};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let Rt=/(url\()([^)]*)(\))/g;let jt=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/;let Lt;let Ht;function Wt(t,e){if(t&&jt.test(t)){return t}if(t==="//"){return t}if(Lt===undefined){Lt=false;try{const t=new URL("b","http://a");t.pathname="c%20d";Lt=t.href==="http://a/c%20d"}catch(t){}}if(!e){e=document.baseURI||window.location.href}if(Lt){try{return new URL(t,e).href}catch(e){return t}}if(!Ht){Ht=document.implementation.createHTMLDocument("temp");Ht.base=Ht.createElement("base");Ht.head.appendChild(Ht.base);Ht.anchor=Ht.createElement("a");Ht.body.appendChild(Ht.anchor)}Ht.base.href=e;Ht.anchor.href=t;return Ht.anchor.href||t}function Ut(t,e){return t.replace(Rt,(function(t,i,s,r){return i+"'"+Wt(s.replace(/["']/g,""),e)+"'"+r}))}function $t(t){return t.substring(0,t.lastIndexOf("/")+1)}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Gt=!window.ShadyDOM||!window.ShadyDOM.inUse;const Yt=Gt&&"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype&&(()=>{try{const t=new CSSStyleSheet;t.replaceSync("");const e=document.createElement("div");e.attachShadow({mode:"open"});e.shadowRoot.adoptedStyleSheets=[t];return e.shadowRoot.adoptedStyleSheets[0]===t}catch(t){return false}})();let qt=window.Polymer&&window.Polymer.rootPath||$t(document.baseURI||window.location.href);let Vt=window.Polymer&&window.Polymer.sanitizeDOMValue||undefined;let Jt=window.Polymer&&window.Polymer.strictTemplatePolicy||false;let Kt=window.Polymer&&window.Polymer.allowTemplateFromDomModule||false;let Zt=window.Polymer&&window.Polymer.legacyOptimizations||false;let Xt=window.Polymer&&window.Polymer.legacyWarnings||false;let Qt=window.Polymer&&window.Polymer.syncInitialRender||false;let te=window.Polymer&&window.Polymer.legacyUndefined||false;let ee=window.Polymer&&window.Polymer.orderedComputed||false;let ie=window.Polymer&&window.Polymer.removeNestedTemplates||false;let se=window.Polymer&&window.Polymer.fastDomIf||false;let re=window.Polymer&&window.Polymer.suppressTemplateNotifications||false;let oe=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||false;
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let ne=0;const ae=function(t){let e=t.__mixinApplications;if(!e){e=new WeakMap;t.__mixinApplications=e}let i=ne++;function s(s){let r=s.__mixinSet;if(r&&r[i]){return s}let o=e;let n=o.get(s);if(!n){n=t(s);o.set(s,n);let e=Object.create(n.__mixinSet||r||null);e[i]=true;n.__mixinSet=e}return n}return s};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let le={};let he={};function ce(t,e){le[t]=he[t.toLowerCase()]=e}function ue(t){return le[t]||he[t.toLowerCase()]}function de(t){if(t.querySelector("style")){console.warn("dom-module %s has style outside template",t.id)}}class fe extends HTMLElement{static get observedAttributes(){return["id"]}static import(t,e){if(t){let i=ue(t);if(i&&e){return i.querySelector(e)}return i}return null}attributeChangedCallback(t,e,i,s){if(e!==i){this.register()}}get assetpath(){if(!this.__assetpath){const t=window.HTMLImports&&HTMLImports.importForElement?HTMLImports.importForElement(this)||document:this.ownerDocument;const e=Wt(this.getAttribute("assetpath")||"",t.baseURI);this.__assetpath=$t(e)}return this.__assetpath}register(t){t=t||this.id;if(t){if(Jt&&ue(t)!==undefined){ce(t,null);throw new Error(`strictTemplatePolicy: dom-module ${t} re-registered`)}this.id=t;ce(t,this);de(this)}}}fe.prototype["modules"]=le;customElements.define("dom-module",fe);
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const pe="link[rel=import][type~=css]";const me="include";const be="shady-unscoped";function ge(t){return fe.import(t)}function ve(t){let e=t.body?t.body:t;const i=Ut(e.textContent,t.baseURI);const s=document.createElement("style");s.textContent=i;return s}function ye(t){const e=t.trim().split(/\s+/);const i=[];for(let t=0;t<e.length;t++){i.push(...we(e[t]))}return i}function we(t){const e=ge(t);if(!e){console.warn("Could not find style data in module named",t);return[]}if(e._styles===undefined){const t=[];t.push(...ke(e));const i=e.querySelector("template");if(i){t.push(...xe(i,e.assetpath))}e._styles=t}return e._styles}function xe(t,e){if(!t._styles){const i=[];const s=t.content.querySelectorAll("style");for(let t=0;t<s.length;t++){let r=s[t];let o=r.getAttribute(me);if(o){i.push(...ye(o).filter((function(t,e,i){return i.indexOf(t)===e})))}if(e){r.textContent=Ut(r.textContent,e)}i.push(r)}t._styles=i}return t._styles}function _e(t){let e=ge(t);return e?ke(e):[]}function ke(t){const e=[];const i=t.querySelectorAll(pe);for(let t=0;t<i.length;t++){let s=i[t];if(s.import){const t=s.import;const i=s.hasAttribute(be);if(i&&!t._unscopedStyle){const e=ve(t);e.setAttribute(be,"");t._unscopedStyle=e}else if(!t._style){t._style=ve(t)}e.push(i?t._unscopedStyle:t._style)}}return e}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Ae=window["ShadyDOM"]&&window["ShadyDOM"]["noPatch"]&&window["ShadyDOM"]["wrap"]?window["ShadyDOM"]["wrap"]:window["ShadyDOM"]?t=>ShadyDOM["patch"](t):t=>t;
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/function De(t){return t.indexOf(".")>=0}function Ce(t){let e=t.indexOf(".");if(e===-1){return t}return t.slice(0,e)}function Te(t,e){return t.indexOf(e+".")===0}function Se(t,e){return e.indexOf(t+".")===0}function Me(t,e,i){return e+i.slice(t.length)}function ze(t,e){return t===e||Te(t,e)||Se(t,e)}function Pe(t){if(Array.isArray(t)){let e=[];for(let i=0;i<t.length;i++){let s=t[i].toString().split(".");for(let t=0;t<s.length;t++){e.push(s[t])}}return e.join(".")}else{return t}}function Ee(t){if(Array.isArray(t)){return Pe(t).split(".")}return t.toString().split(".")}function Fe(t,e,i){let s=t;let r=Ee(e);for(let t=0;t<r.length;t++){if(!s){return}let e=r[t];s=s[e]}if(i){i.path=r.join(".")}return s}function Oe(t,e,i){let s=t;let r=Ee(e);let o=r[r.length-1];if(r.length>1){for(let t=0;t<r.length-1;t++){let e=r[t];s=s[e];if(!s){return}}s[o]=i}else{s[e]=i}return r.join(".")}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Be={};const Ie=/-[a-z]/g;const Ne=/([A-Z])/g;function Re(t){return Be[t]||(Be[t]=t.indexOf("-")<0?t:t.replace(Ie,(t=>t[1].toUpperCase())))}function je(t){return Be[t]||(Be[t]=t.replace(Ne,"-$1").toLowerCase())}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let Le=0;let He=0;let We=[];let Ue=0;let $e=false;let Ge=document.createTextNode("");new window.MutationObserver(Ye).observe(Ge,{characterData:true});function Ye(){$e=false;const t=We.length;for(let e=0;e<t;e++){let t=We[e];if(t){try{t()}catch(t){setTimeout((()=>{throw t}))}}}We.splice(0,t);He+=t}const qe={after(t){return{run(e){return window.setTimeout(e,t)},cancel(t){window.clearTimeout(t)}}},run(t,e){return window.setTimeout(t,e)},cancel(t){window.clearTimeout(t)}};const Ve={run(t){if(!$e){$e=true;Ge.textContent=Ue++}We.push(t);return Le++},cancel(t){const e=t-He;if(e>=0){if(!We[e]){throw new Error("invalid async handle: "+t)}We[e]=null}}};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Je=Ve;const Ke=ae((t=>{class e extends t{static createProperties(t){const e=this.prototype;for(let i in t){if(!(i in e)){e._createPropertyAccessor(i)}}}static attributeNameForProperty(t){return t.toLowerCase()}static typeForProperty(t){}_createPropertyAccessor(t,e){this._addPropertyToAttributeMap(t);if(!this.hasOwnProperty(JSCompiler_renameProperty("__dataHasAccessor",this))){this.__dataHasAccessor=Object.assign({},this.__dataHasAccessor)}if(!this.__dataHasAccessor[t]){this.__dataHasAccessor[t]=true;this._definePropertyAccessor(t,e)}}_addPropertyToAttributeMap(t){if(!this.hasOwnProperty(JSCompiler_renameProperty("__dataAttributes",this))){this.__dataAttributes=Object.assign({},this.__dataAttributes)}let e=this.__dataAttributes[t];if(!e){e=this.constructor.attributeNameForProperty(t);this.__dataAttributes[e]=t}return e}_definePropertyAccessor(t,e){Object.defineProperty(this,t,{get(){return this.__data[t]},set:e?function(){}:function(e){if(this._setPendingProperty(t,e,true)){this._invalidateProperties()}}})}constructor(){super();this.__dataEnabled=false;this.__dataReady=false;this.__dataInvalid=false;this.__data={};this.__dataPending=null;this.__dataOld=null;this.__dataInstanceProps=null;this.__dataCounter=0;this.__serializing=false;this._initializeProperties()}ready(){this.__dataReady=true;this._flushProperties()}_initializeProperties(){for(let t in this.__dataHasAccessor){if(this.hasOwnProperty(t)){this.__dataInstanceProps=this.__dataInstanceProps||{};this.__dataInstanceProps[t]=this[t];delete this[t]}}}_initializeInstanceProperties(t){Object.assign(this,t)}_setProperty(t,e){if(this._setPendingProperty(t,e)){this._invalidateProperties()}}_getProperty(t){return this.__data[t]}_setPendingProperty(t,e,i){let s=this.__data[t];let r=this._shouldPropertyChange(t,e,s);if(r){if(!this.__dataPending){this.__dataPending={};this.__dataOld={}}if(this.__dataOld&&!(t in this.__dataOld)){this.__dataOld[t]=s}this.__data[t]=e;this.__dataPending[t]=e}return r}_isPropertyPending(t){return!!(this.__dataPending&&this.__dataPending.hasOwnProperty(t))}_invalidateProperties(){if(!this.__dataInvalid&&this.__dataReady){this.__dataInvalid=true;Je.run((()=>{if(this.__dataInvalid){this.__dataInvalid=false;this._flushProperties()}}))}}_enableProperties(){if(!this.__dataEnabled){this.__dataEnabled=true;if(this.__dataInstanceProps){this._initializeInstanceProperties(this.__dataInstanceProps);this.__dataInstanceProps=null}this.ready()}}_flushProperties(){this.__dataCounter++;const t=this.__data;const e=this.__dataPending;const i=this.__dataOld;if(this._shouldPropertiesChange(t,e,i)){this.__dataPending=null;this.__dataOld=null;this._propertiesChanged(t,e,i)}this.__dataCounter--}_shouldPropertiesChange(t,e,i){return Boolean(e)}_propertiesChanged(t,e,i){}_shouldPropertyChange(t,e,i){return i!==e&&(i===i||e===e)}attributeChangedCallback(t,e,i,s){if(e!==i){this._attributeToProperty(t,i)}if(super.attributeChangedCallback){super.attributeChangedCallback(t,e,i,s)}}_attributeToProperty(t,e,i){if(!this.__serializing){const s=this.__dataAttributes;const r=s&&s[t]||t;this[r]=this._deserializeValue(e,i||this.constructor.typeForProperty(r))}}_propertyToAttribute(t,e,i){this.__serializing=true;i=arguments.length<3?this[t]:i;this._valueToNodeAttribute(this,i,e||this.constructor.attributeNameForProperty(t));this.__serializing=false}_valueToNodeAttribute(t,e,i){const s=this._serializeValue(e);if(i==="class"||i==="name"||i==="slot"){t=Ae(t)}if(s===undefined){t.removeAttribute(i)}else{t.setAttribute(i,s===""&&window.trustedTypes?window.trustedTypes.emptyScript:s)}}_serializeValue(t){switch(typeof t){case"boolean":return t?"":undefined;default:return t!=null?t.toString():undefined}}_deserializeValue(t,e){switch(e){case Boolean:return t!==null;case Number:return Number(t);default:return t}}}return e}));
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Ze={};let Xe=HTMLElement.prototype;while(Xe){let t=Object.getOwnPropertyNames(Xe);for(let e=0;e<t.length;e++){Ze[t[e]]=true}Xe=Object.getPrototypeOf(Xe)}const Qe=(()=>{if(!window.trustedTypes){return()=>false}return t=>trustedTypes.isHTML(t)||trustedTypes.isScript(t)||trustedTypes.isScriptURL(t)})();function ti(t,e){if(!Ze[e]){let i=t[e];if(i!==undefined){if(t.__data){t._setPendingProperty(e,i)}else{if(!t.__dataProto){t.__dataProto={}}else if(!t.hasOwnProperty(JSCompiler_renameProperty("__dataProto",t))){t.__dataProto=Object.create(t.__dataProto)}t.__dataProto[e]=i}}}}const ei=ae((t=>{const e=Ke(t);class i extends e{static createPropertiesForAttributes(){let t=this.observedAttributes;for(let e=0;e<t.length;e++){this.prototype._createPropertyAccessor(Re(t[e]))}}static attributeNameForProperty(t){return je(t)}_initializeProperties(){if(this.__dataProto){this._initializeProtoProperties(this.__dataProto);this.__dataProto=null}super._initializeProperties()}_initializeProtoProperties(t){for(let e in t){this._setProperty(e,t[e])}}_ensureAttribute(t,e){const i=this;if(!i.hasAttribute(t)){this._valueToNodeAttribute(i,e,t)}}_serializeValue(t){switch(typeof t){case"object":if(t instanceof Date){return t.toString()}else if(t){if(Qe(t)){return t}try{return JSON.stringify(t)}catch(t){return""}}default:return super._serializeValue(t)}}_deserializeValue(t,e){let i;switch(e){case Object:try{i=JSON.parse(t)}catch(e){i=t}break;case Array:try{i=JSON.parse(t)}catch(e){i=null;console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${t}`)}break;case Date:i=isNaN(t)?String(t):Number(t);i=new Date(i);break;default:i=super._deserializeValue(t,e);break}return i}_definePropertyAccessor(t,e){ti(this,t);super._definePropertyAccessor(t,e)}_hasAccessor(t){return this.__dataHasAccessor&&this.__dataHasAccessor[t]}_isPropertyPending(t){return Boolean(this.__dataPending&&t in this.__dataPending)}}return i}));
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const ii={"dom-if":true,"dom-repeat":true};let si=false;let ri=false;function oi(){if(!si){si=true;const t=document.createElement("textarea");t.placeholder="a";ri=t.placeholder===t.textContent}return ri}function ni(t){if(oi()&&t.localName==="textarea"&&t.placeholder&&t.placeholder===t.textContent){t.textContent=null}}const ai=(()=>{const t=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:t=>t});return(e,i,s)=>{const r=i.getAttribute(s);if(t&&s.startsWith("on-")){e.setAttribute(s,t.createScript(r,s));return}e.setAttribute(s,r)}})();function li(t){let e=t.getAttribute("is");if(e&&ii[e]){let i=t;i.removeAttribute("is");t=i.ownerDocument.createElement(e);i.parentNode.replaceChild(t,i);t.appendChild(i);while(i.attributes.length){const{name:e}=i.attributes[0];ai(t,i,e);i.removeAttribute(e)}}return t}function hi(t,e){let i=e.parentInfo&&hi(t,e.parentInfo);if(i){for(let t=i.firstChild,s=0;t;t=t.nextSibling){if(e.parentIndex===s++){return t}}}else{return t}}function ci(t,e,i,s){if(s.id){e[s.id]=i}}function ui(t,e,i){if(i.events&&i.events.length){for(let s=0,r=i.events,o;s<r.length&&(o=r[s]);s++){t._addMethodEventListenerToNode(e,o.name,o.value,t)}}}function di(t,e,i,s){if(i.templateInfo){e._templateInfo=i.templateInfo;e._parentTemplateInfo=s}}function fi(t,e,i){t=t._methodHost||t;let s=function(e){if(t[i]){t[i](e,e.detail)}else{console.warn("listener method `"+i+"` not defined")}};return s}const pi=ae((t=>{class e extends t{static _parseTemplate(t,e){if(!t._templateInfo){let i=t._templateInfo={};i.nodeInfoList=[];i.nestedTemplate=Boolean(e);i.stripWhiteSpace=e&&e.stripWhiteSpace||t.hasAttribute&&t.hasAttribute("strip-whitespace");this._parseTemplateContent(t,i,{parent:null})}return t._templateInfo}static _parseTemplateContent(t,e,i){return this._parseTemplateNode(t.content,e,i)}static _parseTemplateNode(t,e,i){let s=false;let r=t;if(r.localName=="template"&&!r.hasAttribute("preserve-content")){s=this._parseTemplateNestedTemplate(r,e,i)||s}else if(r.localName==="slot"){e.hasInsertionPoint=true}ni(r);if(r.firstChild){this._parseTemplateChildNodes(r,e,i)}if(r.hasAttributes&&r.hasAttributes()){s=this._parseTemplateNodeAttributes(r,e,i)||s}return s||i.noted}static _parseTemplateChildNodes(t,e,i){if(t.localName==="script"||t.localName==="style"){return}for(let s=t.firstChild,r=0,o;s;s=o){if(s.localName=="template"){s=li(s)}o=s.nextSibling;if(s.nodeType===Node.TEXT_NODE){let i=o;while(i&&i.nodeType===Node.TEXT_NODE){s.textContent+=i.textContent;o=i.nextSibling;t.removeChild(i);i=o}if(e.stripWhiteSpace&&!s.textContent.trim()){t.removeChild(s);continue}}let n={parentIndex:r,parentInfo:i};if(this._parseTemplateNode(s,e,n)){n.infoIndex=e.nodeInfoList.push(n)-1}if(s.parentNode){r++}}}static _parseTemplateNestedTemplate(t,e,i){let s=t;let r=this._parseTemplate(s,e);let o=r.content=s.content.ownerDocument.createDocumentFragment();o.appendChild(s.content);i.templateInfo=r;return true}static _parseTemplateNodeAttributes(t,e,i){let s=false;let r=Array.from(t.attributes);for(let o=r.length-1,n;n=r[o];o--){s=this._parseTemplateNodeAttribute(t,e,i,n.name,n.value)||s}return s}static _parseTemplateNodeAttribute(t,e,i,s,r){if(s.slice(0,3)==="on-"){t.removeAttribute(s);i.events=i.events||[];i.events.push({name:s.slice(3),value:r});return true}else if(s==="id"){i.id=r;return true}return false}static _contentForTemplate(t){let e=t._templateInfo;return e&&e.content||t.content}_stampTemplate(t,e){if(t&&!t.content&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate){HTMLTemplateElement.decorate(t)}e=e||this.constructor._parseTemplate(t);let i=e.nodeInfoList;let s=e.content||t.content;let r=document.importNode(s,true);r.__noInsertionPoint=!e.hasInsertionPoint;let o=r.nodeList=new Array(i.length);r.$={};for(let t=0,s=i.length,n;t<s&&(n=i[t]);t++){let i=o[t]=hi(r,n);ci(this,r.$,i,n);di(this,i,n,e);ui(this,i,n)}r=r;return r}_addMethodEventListenerToNode(t,e,i,s){s=s||t;let r=fi(s,e,i);this._addEventListenerToNode(t,e,r);return r}_addEventListenerToNode(t,e,i){t.addEventListener(e,i)}_removeEventListenerFromNode(t,e,i){t.removeEventListener(e,i)}}return e}));
+/**
+ * @fileoverview
+ * @suppress {checkPrototypalTypes}
+ * @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
+ * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
+ * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
+ * Google as part of the polymer project is also subject to an additional IP
+ * rights grant found at http://polymer.github.io/PATENTS.txt
+ */let mi=0;const bi=[];const gi={COMPUTE:"__computeEffects",REFLECT:"__reflectEffects",NOTIFY:"__notifyEffects",PROPAGATE:"__propagateEffects",OBSERVE:"__observeEffects",READ_ONLY:"__readOnly"};const vi="__computeInfo";const yi=/[A-Z]/;function wi(t,e,i){let s=t[e];if(!s){s=t[e]={}}else if(!t.hasOwnProperty(e)){s=t[e]=Object.create(t[e]);if(i){for(let t in s){let e=s[t];let i=s[t]=Array(e.length);for(let t=0;t<e.length;t++){i[t]=e[t]}}}}return s}function xi(t,e,i,s,r,o){if(e){let n=false;const a=mi++;for(let l in i){let h=r?Ce(l):l;let c=e[h];if(c){for(let e=0,h=c.length,u;e<h&&(u=c[e]);e++){if((!u.info||u.info.lastRun!==a)&&(!r||ki(l,u.trigger))){if(u.info){u.info.lastRun=a}u.fn(t,l,i,s,u.info,r,o);n=true}}}}return n}return false}function _i(t,e,i,s,r,o,n,a){let l=false;let h=n?Ce(s):s;let c=e[h];if(c){for(let e=0,h=c.length,u;e<h&&(u=c[e]);e++){if((!u.info||u.info.lastRun!==i)&&(!n||ki(s,u.trigger))){if(u.info){u.info.lastRun=i}u.fn(t,s,r,o,u.info,n,a);l=true}}}return l}function ki(t,e){if(e){let i=e.name;return i==t||!!(e.structured&&Te(i,t))||!!(e.wildcard&&Se(i,t))}else{return true}}function Ai(t,e,i,s,r){let o=typeof r.method==="string"?t[r.method]:r.method;let n=r.property;if(o){o.call(t,t.__data[n],s[n])}else if(!r.dynamicFn){console.warn("observer method `"+r.method+"` not defined")}}function Di(t,e,i,s,r){let o=t[gi.NOTIFY];let n;let a=mi++;for(let l in e){if(e[l]){if(o&&_i(t,o,a,l,i,s,r)){n=true}else if(r&&Ci(t,l,i)){n=true}}}let l;if(n&&(l=t.__dataHost)&&l._invalidateProperties){l._invalidateProperties()}}function Ci(t,e,i){let s=Ce(e);if(s!==e){let r=je(s)+"-changed";Ti(t,r,i[e],e);return true}return false}function Ti(t,e,i,s){let r={value:i,queueProperty:true};if(s){r.path=s}Ae(t).dispatchEvent(new CustomEvent(e,{detail:r}))}function Si(t,e,i,s,r,o){let n=o?Ce(e):e;let a=n!=e?e:null;let l=a?Fe(t,a):t.__data[e];if(a&&l===undefined){l=i[e]}Ti(t,r.eventName,l,a)}function Mi(t,e,i,s,r){let o;let n=t.detail;let a=n&&n.path;if(a){s=Me(i,s,a);o=n&&n.value}else{o=t.currentTarget[i]}o=r?!o:o;if(!e[gi.READ_ONLY]||!e[gi.READ_ONLY][s]){if(e._setPendingPropertyOrPath(s,o,true,Boolean(a))&&(!n||!n.queueProperty)){e._invalidateProperties()}}}function zi(t,e,i,s,r){let o=t.__data[e];if(Vt){o=Vt(o,r.attrName,"attribute",t)}t._propertyToAttribute(e,r.attrName,o)}function Pi(t,e,i,s){let r=t[gi.COMPUTE];if(r){if(ee){mi++;const o=Oi(t);const n=[];for(let t in e){Fi(t,r,n,o,s)}let a;while(a=n.shift()){if(Ii(t,"",e,i,a)){Fi(a.methodInfo,r,n,o,s)}}Object.assign(i,t.__dataOld);Object.assign(e,t.__dataPending);t.__dataPending=null}else{let o=e;while(xi(t,r,o,i,s)){Object.assign(i,t.__dataOld);Object.assign(e,t.__dataPending);o=t.__dataPending;t.__dataPending=null}}}}const Ei=(t,e,i)=>{let s=0;let r=e.length-1;let o=-1;while(s<=r){const n=s+r>>1;const a=i.get(e[n].methodInfo)-i.get(t.methodInfo);if(a<0){s=n+1}else if(a>0){r=n-1}else{o=n;break}}if(o<0){o=r+1}e.splice(o,0,t)};const Fi=(t,e,i,s,r)=>{const o=r?Ce(t):t;const n=e[o];if(n){for(let e=0;e<n.length;e++){const o=n[e];if(o.info.lastRun!==mi&&(!r||ki(t,o.trigger))){o.info.lastRun=mi;Ei(o.info,i,s)}}}};function Oi(t){let e=t.constructor.__orderedComputedDeps;if(!e){e=new Map;const i=t[gi.COMPUTE];let{counts:s,ready:r,total:o}=Bi(t);let n;while(n=r.shift()){e.set(n,e.size);const t=i[n];if(t){t.forEach((t=>{const e=t.info.methodInfo;--o;if(--s[e]===0){r.push(e)}}))}}if(o!==0){const e=t;console.warn(`Computed graph for ${e.localName} incomplete; circular?`)}t.constructor.__orderedComputedDeps=e}return e}function Bi(t){const e=t[vi];const i={};const s=t[gi.COMPUTE];const r=[];let o=0;for(let t in e){const s=e[t];o+=i[t]=s.args.filter((t=>!t.literal)).length+(s.dynamicFn?1:0)}for(let t in s){if(!e[t]){r.push(t)}}return{counts:i,ready:r,total:o}}function Ii(t,e,i,s,r){let o=Vi(t,e,i,s,r);if(o===bi){return false}let n=r.methodInfo;if(t.__dataHasAccessor&&t.__dataHasAccessor[n]){return t._setPendingProperty(n,o,true)}else{t[n]=o;return false}}function Ni(t,e,i){let s=t.__dataLinkedPaths;if(s){let r;for(let o in s){let n=s[o];if(Se(o,e)){r=Me(o,n,e);t._setPendingPropertyOrPath(r,i,true,true)}else if(Se(n,e)){r=Me(n,o,e);t._setPendingPropertyOrPath(r,i,true,true)}}}}function Ri(t,e,i,s,r,o,n){i.bindings=i.bindings||[];let a={kind:s,target:r,parts:o,literal:n,isCompound:o.length!==1};i.bindings.push(a);if(Ui(a)){let{event:t,negate:e}=a.parts[0];a.listenerEvent=t||je(r)+"-changed";a.listenerNegate=e}let l=e.nodeInfoList.length;for(let i=0;i<a.parts.length;i++){let s=a.parts[i];s.compoundIndex=i;ji(t,e,a,s,l)}}function ji(t,e,i,s,r){if(!s.literal){if(i.kind==="attribute"&&i.target[0]==="-"){console.warn("Cannot set attribute "+i.target+' because "-" is not a valid attribute starting character')}else{let o=s.dependencies;let n={index:r,binding:i,part:s,evaluator:t};for(let i=0;i<o.length;i++){let s=o[i];if(typeof s=="string"){s=fs(s);s.wildcard=true}t._addTemplatePropertyEffect(e,s.rootProperty,{fn:Li,info:n,trigger:s})}}}}function Li(t,e,i,s,r,o,n){let a=n[r.index];let l=r.binding;let h=r.part;if(o&&h.source&&e.length>h.source.length&&l.kind=="property"&&!l.isCompound&&a.__isPropertyEffectsClient&&a.__dataHasAccessor&&a.__dataHasAccessor[l.target]){let s=i[e];e=Me(h.source,l.target,e);if(a._setPendingPropertyOrPath(e,s,false,true)){t._enqueueClient(a)}}else{let n=r.evaluator._evaluateBinding(t,h,e,i,s,o);if(n!==bi){Hi(t,a,l,h,n)}}}function Hi(t,e,i,s,r){r=Wi(e,r,i,s);if(Vt){r=Vt(r,i.target,i.kind,e)}if(i.kind=="attribute"){t._valueToNodeAttribute(e,r,i.target)}else{let s=i.target;if(e.__isPropertyEffectsClient&&e.__dataHasAccessor&&e.__dataHasAccessor[s]){if(!e[gi.READ_ONLY]||!e[gi.READ_ONLY][s]){if(e._setPendingProperty(s,r)){t._enqueueClient(e)}}}else{t._setUnmanagedPropertyToNode(e,s,r)}}}function Wi(t,e,i,s){if(i.isCompound){let r=t.__dataCompoundStorage[i.target];r[s.compoundIndex]=e;e=r.join("")}if(i.kind!=="attribute"){if(i.target==="textContent"||i.target==="value"&&(t.localName==="input"||t.localName==="textarea")){e=e==undefined?"":e}}return e}function Ui(t){return Boolean(t.target)&&t.kind!="attribute"&&t.kind!="text"&&!t.isCompound&&t.parts[0].mode==="{"}function $i(t,e){let{nodeList:i,nodeInfoList:s}=e;if(s.length){for(let e=0;e<s.length;e++){let r=s[e];let o=i[e];let n=r.bindings;if(n){for(let e=0;e<n.length;e++){let i=n[e];Gi(o,i);Yi(o,t,i)}}o.__dataHost=t}}}function Gi(t,e){if(e.isCompound){let i=t.__dataCompoundStorage||(t.__dataCompoundStorage={});let s=e.parts;let r=new Array(s.length);for(let t=0;t<s.length;t++){r[t]=s[t].literal}let o=e.target;i[o]=r;if(e.literal&&e.kind=="property"){if(o==="className"){t=Ae(t)}t[o]=e.literal}}}function Yi(t,e,i){if(i.listenerEvent){let s=i.parts[0];t.addEventListener(i.listenerEvent,(function(t){Mi(t,e,i.target,s.source,s.negate)}))}}function qi(t,e,i,s,r,o){o=e.static||o&&(typeof o!=="object"||o[e.methodName]);let n={methodName:e.methodName,args:e.args,methodInfo:r,dynamicFn:o};for(let r=0,o;r<e.args.length&&(o=e.args[r]);r++){if(!o.literal){t._addPropertyEffect(o.rootProperty,i,{fn:s,info:n,trigger:o})}}if(o){t._addPropertyEffect(e.methodName,i,{fn:s,info:n})}return n}function Vi(t,e,i,s,r){let o=t._methodHost||t;let n=o[r.methodName];if(n){let s=t._marshalArgs(r.args,e,i);return s===bi?bi:n.apply(o,s)}else if(!r.dynamicFn){console.warn("method `"+r.methodName+"` not defined")}}const Ji=[];const Ki="(?:"+"[a-zA-Z_$][\\w.:$\\-*]*"+")";const Zi="(?:"+"[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?"+")";const Xi="(?:"+"'(?:[^'\\\\]|\\\\.)*'"+")";const Qi="(?:"+'"(?:[^"\\\\]|\\\\.)*"'+")";const ts="(?:"+Xi+"|"+Qi+")";const es="(?:("+Ki+"|"+Zi+"|"+ts+")\\s*"+")";const is="(?:"+es+"(?:,\\s*"+es+")*"+")";const ss="(?:"+"\\(\\s*"+"(?:"+is+"?"+")"+"\\)\\s*"+")";const rs="("+Ki+"\\s*"+ss+"?"+")";const os="(\\[\\[|{{)"+"\\s*";const ns="(?:]]|}})";const as="(?:(!)\\s*)?";const ls=os+as+rs+ns;const hs=new RegExp(ls,"g");function cs(t){let e="";for(let i=0;i<t.length;i++){let s=t[i].literal;e+=s||""}return e}function us(t){let e=t.match(/([^\s]+?)\(([\s\S]*)\)/);if(e){let t=e[1];let i={methodName:t,static:true,args:Ji};if(e[2].trim()){let t=e[2].replace(/\\,/g,"&comma;").split(",");return ds(t,i)}else{return i}}return null}function ds(t,e){e.args=t.map((function(t){let i=fs(t);if(!i.literal){e.static=false}return i}),this);return e}function fs(t){let e=t.trim().replace(/&comma;/g,",").replace(/\\(.)/g,"$1");let i={name:e,value:"",literal:false};let s=e[0];if(s==="-"){s=e[1]}if(s>="0"&&s<="9"){s="#"}switch(s){case"'":case'"':i.value=e.slice(1,-1);i.literal=true;break;case"#":i.value=Number(e);i.literal=true;break}if(!i.literal){i.rootProperty=Ce(e);i.structured=De(e);if(i.structured){i.wildcard=e.slice(-2)==".*";if(i.wildcard){i.name=e.slice(0,-2)}}}return i}function ps(t,e,i){let s=Fe(t,i);if(s===undefined){s=e[i]}return s}function ms(t,e,i,s){const r={indexSplices:s};if(te&&!t._overrideLegacyUndefined){e.splices=r}t.notifyPath(i+".splices",r);t.notifyPath(i+".length",e.length);if(te&&!t._overrideLegacyUndefined){r.indexSplices=[]}}function bs(t,e,i,s,r,o){ms(t,e,i,[{index:s,addedCount:r,removed:o,object:e,type:"splice"}])}function gs(t){return t[0].toUpperCase()+t.substring(1)}const vs=ae((t=>{const e=pi(ei(t));class i extends e{constructor(){super();this.__isPropertyEffectsClient=true}get PROPERTY_EFFECT_TYPES(){return gi}_initializeProperties(){super._initializeProperties();this._registerHost();this.__dataClientsReady=false;this.__dataPendingClients=null;this.__dataToNotify=null;this.__dataLinkedPaths=null;this.__dataHasPaths=false;this.__dataCompoundStorage=this.__dataCompoundStorage||null;this.__dataHost=this.__dataHost||null;this.__dataTemp={};this.__dataClientsInitialized=false}_registerHost(){if(ys.length){let t=ys[ys.length-1];t._enqueueClient(this);this.__dataHost=t}}_initializeProtoProperties(t){this.__data=Object.create(t);this.__dataPending=Object.create(t);this.__dataOld={}}_initializeInstanceProperties(t){let e=this[gi.READ_ONLY];for(let i in t){if(!e||!e[i]){this.__dataPending=this.__dataPending||{};this.__dataOld=this.__dataOld||{};this.__data[i]=this.__dataPending[i]=t[i]}}}_addPropertyEffect(t,e,i){this._createPropertyAccessor(t,e==gi.READ_ONLY);let s=wi(this,e,true)[t];if(!s){s=this[e][t]=[]}s.push(i)}_removePropertyEffect(t,e,i){let s=wi(this,e,true)[t];let r=s.indexOf(i);if(r>=0){s.splice(r,1)}}_hasPropertyEffect(t,e){let i=this[e];return Boolean(i&&i[t])}_hasReadOnlyEffect(t){return this._hasPropertyEffect(t,gi.READ_ONLY)}_hasNotifyEffect(t){return this._hasPropertyEffect(t,gi.NOTIFY)}_hasReflectEffect(t){return this._hasPropertyEffect(t,gi.REFLECT)}_hasComputedEffect(t){return this._hasPropertyEffect(t,gi.COMPUTE)}_setPendingPropertyOrPath(t,e,i,s){if(s||Ce(Array.isArray(t)?t[0]:t)!==t){if(!s){let i=Fe(this,t);t=Oe(this,t,e);if(!t||!super._shouldPropertyChange(t,e,i)){return false}}this.__dataHasPaths=true;if(this._setPendingProperty(t,e,i)){Ni(this,t,e);return true}}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[t]){return this._setPendingProperty(t,e,i)}else{this[t]=e}}return false}_setUnmanagedPropertyToNode(t,e,i){if(i!==t[e]||typeof i=="object"){if(e==="className"){t=Ae(t)}t[e]=i}}_setPendingProperty(t,e,i){let s=this.__dataHasPaths&&De(t);let r=s?this.__dataTemp:this.__data;if(this._shouldPropertyChange(t,e,r[t])){if(!this.__dataPending){this.__dataPending={};this.__dataOld={}}if(!(t in this.__dataOld)){this.__dataOld[t]=this.__data[t]}if(s){this.__dataTemp[t]=e}else{this.__data[t]=e}this.__dataPending[t]=e;if(s||this[gi.NOTIFY]&&this[gi.NOTIFY][t]){this.__dataToNotify=this.__dataToNotify||{};this.__dataToNotify[t]=i}return true}return false}_setProperty(t,e){if(this._setPendingProperty(t,e,true)){this._invalidateProperties()}}_invalidateProperties(){if(this.__dataReady){this._flushProperties()}}_enqueueClient(t){this.__dataPendingClients=this.__dataPendingClients||[];if(t!==this){this.__dataPendingClients.push(t)}}_flushClients(){if(!this.__dataClientsReady){this.__dataClientsReady=true;this._readyClients();this.__dataReady=true}else{this.__enableOrFlushClients()}}__enableOrFlushClients(){let t=this.__dataPendingClients;if(t){this.__dataPendingClients=null;for(let e=0;e<t.length;e++){let i=t[e];if(!i.__dataEnabled){i._enableProperties()}else if(i.__dataPending){i._flushProperties()}}}}_readyClients(){this.__enableOrFlushClients()}setProperties(t,e){for(let i in t){if(e||!this[gi.READ_ONLY]||!this[gi.READ_ONLY][i]){this._setPendingPropertyOrPath(i,t[i],true)}}this._invalidateProperties()}ready(){this._flushProperties();if(!this.__dataClientsReady){this._flushClients()}if(this.__dataPending){this._flushProperties()}}_propertiesChanged(t,e,i){let s=this.__dataHasPaths;this.__dataHasPaths=false;let r;Pi(this,e,i,s);r=this.__dataToNotify;this.__dataToNotify=null;this._propagatePropertyChanges(e,i,s);this._flushClients();xi(this,this[gi.REFLECT],e,i,s);xi(this,this[gi.OBSERVE],e,i,s);if(r){Di(this,r,e,i,s)}if(this.__dataCounter==1){this.__dataTemp={}}}_propagatePropertyChanges(t,e,i){if(this[gi.PROPAGATE]){xi(this,this[gi.PROPAGATE],t,e,i)}if(this.__templateInfo){this._runEffectsForTemplate(this.__templateInfo,t,e,i)}}_runEffectsForTemplate(t,e,i,s){const r=(e,s)=>{xi(this,t.propertyEffects,e,i,s,t.nodeList);for(let r=t.firstChild;r;r=r.nextSibling){this._runEffectsForTemplate(r,e,i,s)}};if(t.runEffects){t.runEffects(r,e,s)}else{r(e,s)}}linkPaths(t,e){t=Pe(t);e=Pe(e);this.__dataLinkedPaths=this.__dataLinkedPaths||{};this.__dataLinkedPaths[t]=e}unlinkPaths(t){t=Pe(t);if(this.__dataLinkedPaths){delete this.__dataLinkedPaths[t]}}notifySplices(t,e){let i={path:""};let s=Fe(this,t,i);ms(this,s,i.path,e)}get(t,e){return Fe(e||this,t)}set(t,e,i){if(i){Oe(i,t,e)}else{if(!this[gi.READ_ONLY]||!this[gi.READ_ONLY][t]){if(this._setPendingPropertyOrPath(t,e,true)){this._invalidateProperties()}}}}push(t,...e){let i={path:""};let s=Fe(this,t,i);let r=s.length;let o=s.push(...e);if(e.length){bs(this,s,i.path,r,e.length,[])}return o}pop(t){let e={path:""};let i=Fe(this,t,e);let s=Boolean(i.length);let r=i.pop();if(s){bs(this,i,e.path,i.length,0,[r])}return r}splice(t,e,i,...s){let r={path:""};let o=Fe(this,t,r);if(e<0){e=o.length-Math.floor(-e)}else if(e){e=Math.floor(e)}let n;if(arguments.length===2){n=o.splice(e)}else{n=o.splice(e,i,...s)}if(s.length||n.length){bs(this,o,r.path,e,s.length,n)}return n}shift(t){let e={path:""};let i=Fe(this,t,e);let s=Boolean(i.length);let r=i.shift();if(s){bs(this,i,e.path,0,0,[r])}return r}unshift(t,...e){let i={path:""};let s=Fe(this,t,i);let r=s.unshift(...e);if(e.length){bs(this,s,i.path,0,e.length,[])}return r}notifyPath(t,e){let i;if(arguments.length==1){let s={path:""};e=Fe(this,t,s);i=s.path}else if(Array.isArray(t)){i=Pe(t)}else{i=t}if(this._setPendingPropertyOrPath(i,e,true,true)){this._invalidateProperties()}}_createReadOnlyProperty(t,e){this._addPropertyEffect(t,gi.READ_ONLY);if(e){this["_set"+gs(t)]=function(e){this._setProperty(t,e)}}}_createPropertyObserver(t,e,i){let s={property:t,method:e,dynamicFn:Boolean(i)};this._addPropertyEffect(t,gi.OBSERVE,{fn:Ai,info:s,trigger:{name:t}});if(i){this._addPropertyEffect(e,gi.OBSERVE,{fn:Ai,info:s,trigger:{name:e}})}}_createMethodObserver(t,e){let i=us(t);if(!i){throw new Error("Malformed observer expression '"+t+"'")}qi(this,i,gi.OBSERVE,Vi,null,e)}_createNotifyingProperty(t){this._addPropertyEffect(t,gi.NOTIFY,{fn:Si,info:{eventName:je(t)+"-changed",property:t}})}_createReflectedProperty(t){let e=this.constructor.attributeNameForProperty(t);if(e[0]==="-"){console.warn("Property "+t+" cannot be reflected to attribute "+e+' because "-" is not a valid starting attribute name. Use a lowercase first letter for the property instead.')}else{this._addPropertyEffect(t,gi.REFLECT,{fn:zi,info:{attrName:e}})}}_createComputedProperty(t,e,i){let s=us(e);if(!s){throw new Error("Malformed computed expression '"+e+"'")}const r=qi(this,s,gi.COMPUTE,Ii,t,i);wi(this,vi)[t]=r}_marshalArgs(t,e,i){const s=this.__data;const r=[];for(let o=0,n=t.length;o<n;o++){let{name:n,structured:a,wildcard:l,value:h,literal:c}=t[o];if(!c){if(l){const t=Se(n,e);const r=ps(s,i,t?e:n);h={path:t?e:n,value:r,base:t?Fe(s,n):r}}else{h=a?ps(s,i,n):s[n]}}if(te&&!this._overrideLegacyUndefined&&h===undefined&&t.length>1){return bi}r[o]=h}return r}static addPropertyEffect(t,e,i){this.prototype._addPropertyEffect(t,e,i)}static createPropertyObserver(t,e,i){this.prototype._createPropertyObserver(t,e,i)}static createMethodObserver(t,e){this.prototype._createMethodObserver(t,e)}static createNotifyingProperty(t){this.prototype._createNotifyingProperty(t)}static createReadOnlyProperty(t,e){this.prototype._createReadOnlyProperty(t,e)}static createReflectedProperty(t){this.prototype._createReflectedProperty(t)}static createComputedProperty(t,e,i){this.prototype._createComputedProperty(t,e,i)}static bindTemplate(t){return this.prototype._bindTemplate(t)}_bindTemplate(t,e){let i=this.constructor._parseTemplate(t);let s=this.__preBoundTemplateInfo==i;if(!s){for(let t in i.propertyEffects){this._createPropertyAccessor(t)}}if(e){i=Object.create(i);i.wasPreBound=s;if(!this.__templateInfo){this.__templateInfo=i}else{const e=t._parentTemplateInfo||this.__templateInfo;const s=e.lastChild;i.parent=e;e.lastChild=i;i.previousSibling=s;if(s){s.nextSibling=i}else{e.firstChild=i}}}else{this.__preBoundTemplateInfo=i}return i}static _addTemplatePropertyEffect(t,e,i){let s=t.hostProps=t.hostProps||{};s[e]=true;let r=t.propertyEffects=t.propertyEffects||{};let o=r[e]=r[e]||[];o.push(i)}_stampTemplate(t,e){e=e||this._bindTemplate(t,true);ys.push(this);let i=super._stampTemplate(t,e);ys.pop();e.nodeList=i.nodeList;if(!e.wasPreBound){let t=e.childNodes=[];for(let e=i.firstChild;e;e=e.nextSibling){t.push(e)}}i.templateInfo=e;$i(this,e);if(this.__dataClientsReady){this._runEffectsForTemplate(e,this.__data,null,false);this._flushClients()}return i}_removeBoundDom(t){const e=t.templateInfo;const{previousSibling:i,nextSibling:s,parent:r}=e;if(i){i.nextSibling=s}else if(r){r.firstChild=s}if(s){s.previousSibling=i}else if(r){r.lastChild=i}e.nextSibling=e.previousSibling=null;let o=e.childNodes;for(let t=0;t<o.length;t++){let e=o[t];Ae(Ae(e).parentNode).removeChild(e)}}static _parseTemplateNode(t,i,s){let r=e._parseTemplateNode.call(this,t,i,s);if(t.nodeType===Node.TEXT_NODE){let e=this._parseBindings(t.textContent,i);if(e){t.textContent=cs(e)||" ";Ri(this,i,s,"text","textContent",e);r=true}}return r}static _parseTemplateNodeAttribute(t,i,s,r,o){let n=this._parseBindings(o,i);if(n){let e=r;let o="property";if(yi.test(r)){o="attribute"}else if(r[r.length-1]=="$"){r=r.slice(0,-1);o="attribute"}let a=cs(n);if(a&&o=="attribute"){if(r=="class"&&t.hasAttribute("class")){a+=" "+t.getAttribute(r)}t.setAttribute(r,a)}if(o=="attribute"&&e=="disable-upgrade$"){t.setAttribute(r,"")}if(t.localName==="input"&&e==="value"){t.setAttribute(e,"")}t.removeAttribute(e);if(o==="property"){r=Re(r)}Ri(this,i,s,o,r,n,a);return true}else{return e._parseTemplateNodeAttribute.call(this,t,i,s,r,o)}}static _parseTemplateNestedTemplate(t,i,s){let r=e._parseTemplateNestedTemplate.call(this,t,i,s);const o=t.parentNode;const n=s.templateInfo;const a=o.localName==="dom-if";const l=o.localName==="dom-repeat";if(ie&&(a||l)){o.removeChild(t);s=s.parentInfo;s.templateInfo=n;s.noted=true;r=false}let h=n.hostProps;if(se&&a){if(h){i.hostProps=Object.assign(i.hostProps||{},h);if(!ie){s.parentInfo.noted=true}}}else{let t="{";for(let e in h){let r=[{mode:t,source:e,dependencies:[e],hostProp:true}];Ri(this,i,s,"property","_host_"+e,r)}}return r}static _parseBindings(t,e){let i=[];let s=0;let r;while((r=hs.exec(t))!==null){if(r.index>s){i.push({literal:t.slice(s,r.index)})}let o=r[1][0];let n=Boolean(r[2]);let a=r[3].trim();let l=false,h="",c=-1;if(o=="{"&&(c=a.indexOf("::"))>0){h=a.substring(c+2);a=a.substring(0,c);l=true}let u=us(a);let d=[];if(u){let{args:t,methodName:i}=u;for(let e=0;e<t.length;e++){let i=t[e];if(!i.literal){d.push(i)}}let s=e.dynamicFns;if(s&&s[i]||u.static){d.push(i);u.dynamicFn=true}}else{d.push(a)}i.push({source:a,mode:o,negate:n,customEvent:l,signature:u,dependencies:d,event:h});s=hs.lastIndex}if(s&&s<t.length){let e=t.substring(s);if(e){i.push({literal:e})}}if(i.length){return i}else{return null}}static _evaluateBinding(t,e,i,s,r,o){let n;if(e.signature){n=Vi(t,i,s,r,e.signature)}else if(i!=e.source){n=Fe(t,e.source)}else{if(o&&De(i)){n=Fe(t,i)}else{n=t.__data[i]}}if(e.negate){n=!n}return n}}return i}));const ys=[];
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/function ws(t){const e={};for(let i in t){const s=t[i];e[i]=typeof s==="function"?{type:s}:s}return e}const xs=ae((t=>{const e=Ke(t);function i(t){const e=Object.getPrototypeOf(t);return e.prototype instanceof r?e:null}function s(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",t))){let e=null;if(t.hasOwnProperty(JSCompiler_renameProperty("properties",t))){const i=t.properties;if(i){e=ws(i)}}t.__ownProperties=e}return t.__ownProperties}class r extends e{static get observedAttributes(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))){const t=this._properties;this.__observedAttributes=t?Object.keys(t).map((t=>this.prototype._addPropertyToAttributeMap(t))):[]}return this.__observedAttributes}static finalize(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__finalized",this))){const t=i(this);if(t){t.finalize()}this.__finalized=true;this._finalizeClass()}}static _finalizeClass(){const t=s(this);if(t){this.createProperties(t)}}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){const t=i(this);this.__properties=Object.assign({},t&&t._properties,s(this))}return this.__properties}static typeForProperty(t){const e=this._properties[t];return e&&e.type}_initializeProperties(){this.constructor.finalize();super._initializeProperties()}connectedCallback(){if(super.connectedCallback){super.connectedCallback()}this._enableProperties()}disconnectedCallback(){if(super.disconnectedCallback){super.disconnectedCallback()}}}return r}));
+/**
+ * @fileoverview
+ * @suppress {checkPrototypalTypes}
+ * @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
+ * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
+ * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
+ * Google as part of the polymer project is also subject to an additional IP
+ * rights grant found at http://polymer.github.io/PATENTS.txt
+ */const _s="3.5.1";const ks=window.ShadyCSS&&window.ShadyCSS["cssBuild"];const As=ae((t=>{const e=xs(vs(t));function i(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__propertyDefaults",t))){t.__propertyDefaults=null;let e=t._properties;for(let i in e){let s=e[i];if("value"in s){t.__propertyDefaults=t.__propertyDefaults||{};t.__propertyDefaults[i]=s}}}return t.__propertyDefaults}function s(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__ownObservers",t))){t.__ownObservers=t.hasOwnProperty(JSCompiler_renameProperty("observers",t))?t.observers:null}return t.__ownObservers}function r(t,e,i,s){if(i.computed){i.readOnly=true}if(i.computed){if(t._hasReadOnlyEffect(e)){console.warn(`Cannot redefine computed property '${e}'.`)}else{t._createComputedProperty(e,i.computed,s)}}if(i.readOnly&&!t._hasReadOnlyEffect(e)){t._createReadOnlyProperty(e,!i.computed)}else if(i.readOnly===false&&t._hasReadOnlyEffect(e)){console.warn(`Cannot make readOnly property '${e}' non-readOnly.`)}if(i.reflectToAttribute&&!t._hasReflectEffect(e)){t._createReflectedProperty(e)}else if(i.reflectToAttribute===false&&t._hasReflectEffect(e)){console.warn(`Cannot make reflected property '${e}' non-reflected.`)}if(i.notify&&!t._hasNotifyEffect(e)){t._createNotifyingProperty(e)}else if(i.notify===false&&t._hasNotifyEffect(e)){console.warn(`Cannot make notify property '${e}' non-notify.`)}if(i.observer){t._createPropertyObserver(e,i.observer,s[i.observer])}t._addPropertyToAttributeMap(e)}function o(t,e,i,s){if(!ks){const r=e.content.querySelectorAll("style");const o=xe(e);const n=_e(i);const a=e.content.firstElementChild;for(let i=0;i<n.length;i++){let r=n[i];r.textContent=t._processStyleText(r.textContent,s);e.content.insertBefore(r,a)}let l=0;for(let e=0;e<o.length;e++){let i=o[e];let n=r[l];if(n!==i){i=i.cloneNode(true);n.parentNode.insertBefore(i,n)}else{l++}i.textContent=t._processStyleText(i.textContent,s)}}if(window.ShadyCSS){window.ShadyCSS.prepareTemplate(e,i)}if(oe&&ks&&Yt){const i=e.content.querySelectorAll("style");if(i){let e="";Array.from(i).forEach((t=>{e+=t.textContent;t.parentNode.removeChild(t)}));t._styleSheet=new CSSStyleSheet;t._styleSheet.replaceSync(e)}}}function n(t){let e=null;if(t&&(!Jt||Kt)){e=fe.import(t,"template");if(Jt&&!e){throw new Error(`strictTemplatePolicy: expecting dom-module or null template for ${t}`)}}return e}class a extends e{static get polymerElementVersion(){return _s}static _finalizeClass(){e._finalizeClass.call(this);const t=s(this);if(t){this.createObservers(t,this._properties)}this._prepareTemplate()}static _prepareTemplate(){let t=this.template;if(t){if(typeof t==="string"){console.error("template getter must return HTMLTemplateElement");t=null}else if(!Zt){t=t.cloneNode(true)}}this.prototype._template=t}static createProperties(t){for(let e in t){r(this.prototype,e,t[e],t)}}static createObservers(t,e){const i=this.prototype;for(let s=0;s<t.length;s++){i._createMethodObserver(t[s],e)}}static get template(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_template",this))){let t=this.prototype.hasOwnProperty(JSCompiler_renameProperty("_template",this.prototype))?this.prototype._template:undefined;if(typeof t==="function"){t=t()}this._template=t!==undefined?t:this.hasOwnProperty(JSCompiler_renameProperty("is",this))&&n(this.is)||Object.getPrototypeOf(this.prototype).constructor.template}return this._template}static set template(t){this._template=t}static get importPath(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_importPath",this))){const t=this.importMeta;if(t){this._importPath=$t(t.url)}else{const t=fe.import(this.is);this._importPath=t&&t.assetpath||Object.getPrototypeOf(this.prototype).constructor.importPath}}return this._importPath}constructor(){super()}_initializeProperties(){this.constructor.finalize();this.constructor._finalizeTemplate(this.localName);super._initializeProperties();this.rootPath=qt;this.importPath=this.constructor.importPath;let t=i(this.constructor);if(!t){return}for(let e in t){let i=t[e];if(this._canApplyPropertyDefault(e)){let t=typeof i.value=="function"?i.value.call(this):i.value;if(this._hasAccessor(e)){this._setPendingProperty(e,t,true)}else{this[e]=t}}}}_canApplyPropertyDefault(t){return!this.hasOwnProperty(t)}static _processStyleText(t,e){return Ut(t,e)}static _finalizeTemplate(t){const e=this.prototype._template;if(e&&!e.__polymerFinalized){e.__polymerFinalized=true;const i=this.importPath;const s=i?Wt(i):"";o(this,e,t,s);this.prototype._bindTemplate(e)}}connectedCallback(){if(window.ShadyCSS&&this._template){window.ShadyCSS.styleElement(this)}super.connectedCallback()}ready(){if(this._template){this.root=this._stampTemplate(this._template);this.$=this.root.$}super.ready()}_readyClients(){if(this._template){this.root=this._attachDom(this.root)}super._readyClients()}_attachDom(t){const e=Ae(this);if(e.attachShadow){if(t){if(!e.shadowRoot){e.attachShadow({mode:"open",shadyUpgradeFragment:t});e.shadowRoot.appendChild(t);if(this.constructor._styleSheet){e.shadowRoot.adoptedStyleSheets=[this.constructor._styleSheet]}}if(Qt&&window.ShadyDOM){window.ShadyDOM.flushInitial(e.shadowRoot)}return e.shadowRoot}return null}else{throw new Error("ShadowDOM not available. "+"PolymerElement can create dom as children instead of in "+"ShadowDOM by setting `this.root = this;` before `ready`.")}}updateStyles(t){if(window.ShadyCSS){window.ShadyCSS.styleSubtree(this,t)}}resolveUrl(t,e){if(!e&&this.importPath){e=Wt(this.importPath)}return Wt(t,e)}static _parseTemplateContent(t,i,s){i.dynamicFns=i.dynamicFns||this._properties;return e._parseTemplateContent.call(this,t,i,s)}static _addTemplatePropertyEffect(t,i,s){if(Xt&&!(i in this._properties)&&!(s.info.part.signature&&s.info.part.signature.static)&&!s.info.part.hostProp&&!t.nestedTemplate){console.warn(`Property '${i}' used in template but not declared in 'properties'; `+`attribute will not be observed.`)}return e._addTemplatePropertyEffect.call(this,t,i,s)}}return a}));
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Ds=window.trustedTypes&&trustedTypes.createPolicy("polymer-html-literal",{createHTML:t=>t});class Cs{constructor(t,e){zs(t,e);const i=e.reduce(((e,i,s)=>e+Ts(i)+t[s+1]),t[0]);this.value=i.toString()}toString(){return this.value}}function Ts(t){if(t instanceof Cs){return t.value}else{throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${t}`)}}function Ss(t){if(t instanceof HTMLTemplateElement){return t.innerHTML}else if(t instanceof Cs){return Ts(t)}else{throw new Error(`non-template value passed to Polymer's html function: ${t}`)}}const Ms=function t(e,...i){zs(e,i);const s=document.createElement("template");let r=i.reduce(((t,i,s)=>t+Ss(i)+e[s+1]),e[0]);if(Ds){r=Ds.createHTML(r)}s.innerHTML=r;return s};const zs=(t,e)=>{if(!Array.isArray(t)||!Array.isArray(t.raw)||e.length!==t.length-1){throw new TypeError("Invalid call to the html template tag")}};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Ps=As(HTMLElement);
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Es{static detectScrollType(){const t=document.createElement("div");t.textContent="ABCD";t.dir="rtl";t.style.fontSize="14px";t.style.width="4px";t.style.height="1px";t.style.position="absolute";t.style.top="-1000px";t.style.overflow="scroll";document.body.appendChild(t);let e="reverse";if(t.scrollLeft>0){e="default"}else{t.scrollLeft=2;if(t.scrollLeft<2){e="negative"}}document.body.removeChild(t);return e}static getNormalizedScrollLeft(t,e,i){const{scrollLeft:s}=i;if(e!=="rtl"||!t){return s}switch(t){case"negative":return i.scrollWidth-i.clientWidth+s;case"reverse":return i.scrollWidth-i.clientWidth-s;default:return s}}static setNormalizedScrollLeft(t,e,i,s){if(e!=="rtl"||!t){i.scrollLeft=s;return}switch(t){case"negative":i.scrollLeft=i.clientWidth-i.scrollWidth+s;break;case"reverse":i.scrollLeft=i.scrollWidth-i.clientWidth-s;break;default:i.scrollLeft=s;break}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Fs=[];function Os(){const t=Rs();Fs.forEach((e=>{Ns(e,t)}))}let Bs;const Is=new MutationObserver(Os);Is.observe(document.documentElement,{attributes:true,attributeFilter:["dir"]});function Ns(t,e,i=t.getAttribute("dir")){if(e){t.setAttribute("dir",e)}else if(i!=null){t.removeAttribute("dir")}}function Rs(){return document.documentElement.getAttribute("dir")}const js=t=>class e extends t{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:true,converter:{fromAttribute:t=>!t?"":t,toAttribute:t=>t===""?null:t}}}}static finalize(){super.finalize();if(!Bs){Bs=Es.detectScrollType()}}connectedCallback(){super.connectedCallback();if(!this.hasAttribute("dir")||this.__restoreSubscription){this.__subscribe();Ns(this,Rs(),null)}}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i);if(t!=="dir"){return}const s=Rs();const r=i===s&&Fs.indexOf(this)===-1;const o=!i&&e&&Fs.indexOf(this)===-1;const n=i!==s&&e===s;if(r||o){this.__subscribe();Ns(this,s,i)}else if(n){this.__unsubscribe()}}disconnectedCallback(){super.disconnectedCallback();this.__restoreSubscription=Fs.includes(this);this.__unsubscribe()}_valueToNodeAttribute(t,e,i){if(i==="dir"&&e===""&&!t.hasAttribute("dir")){return}super._valueToNodeAttribute(t,e,i)}_attributeToProperty(t,e,i){if(t==="dir"&&!e){this.dir=""}else{super._attributeToProperty(t,e,i)}}__subscribe(){if(!Fs.includes(this)){Fs.push(this)}}__unsubscribe(){if(Fs.includes(this)){Fs.splice(Fs.indexOf(this),1)}}__getNormalizedScrollLeft(t){return Es.getNormalizedScrollLeft(Bs,this.getAttribute("dir")||"ltr",t)}__setNormalizedScrollLeft(t,e){return Es.setNormalizedScrollLeft(Bs,this.getAttribute("dir")||"ltr",t,e)}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;class Ls extends(Ct(js(Ps))){static get is(){return"vaadin-input-container"}static get template(){return Ms`
+      <style>
+        :host {
+          display: flex;
+          align-items: center;
+          flex: 0 1 auto;
+        }
+
+        :host([hidden]) {
+          display: none !important;
+        }
+
+        /* Reset the native input styles */
+        ::slotted(input) {
+          -webkit-appearance: none;
+          -moz-appearance: none;
+          flex: auto;
+          white-space: nowrap;
+          overflow: hidden;
+          width: 100%;
+          height: 100%;
+          outline: none;
+          margin: 0;
+          padding: 0;
+          border: 0;
+          border-radius: 0;
+          min-width: 0;
+          font: inherit;
+          line-height: normal;
+          color: inherit;
+          background-color: transparent;
+          /* Disable default invalid style in Firefox */
+          box-shadow: none;
+        }
+
+        ::slotted(*) {
+          flex: none;
+        }
+
+        ::slotted(:is(input, textarea))::placeholder {
+          /* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
+          /* because ::slotted(...)::placeholder does not work in Safari. */
+          font: inherit;
+          color: inherit;
+          /* Override default opacity in Firefox */
+          opacity: 1;
+        }
+      </style>
+      <slot name="prefix"></slot>
+      <slot></slot>
+      <slot name="suffix"></slot>
+    `}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:true},readonly:{type:Boolean,reflectToAttribute:true},invalid:{type:Boolean,reflectToAttribute:true}}}ready(){super.ready();this.addEventListener("pointerdown",(t=>{if(t.target===this){t.preventDefault()}}));this.addEventListener("click",(t=>{if(t.target===this){this.shadowRoot.querySelector("slot:not([name])").assignedNodes({flatten:true}).forEach((t=>t.focus&&t.focus()))}}))}}customElements.define(Ls.is,Ls);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Hs=p`
+  :host {
+    /* Square */
+    --lumo-space-xs: 0.25rem;
+    --lumo-space-s: 0.5rem;
+    --lumo-space-m: 1rem;
+    --lumo-space-l: 1.5rem;
+    --lumo-space-xl: 2.5rem;
+
+    /* Wide */
+    --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
+    --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
+    --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
+    --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
+    --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
+
+    /* Tall */
+    --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
+    --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
+    --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
+    --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
+    --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
+  }
+`;const Ws=document.createElement("template");Ws.innerHTML=`<style>${Hs.toString().replace(":host","html")}</style>`;document.head.appendChild(Ws.content);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Us=p`
+  :host {
+    top: var(--lumo-space-m);
+    right: var(--lumo-space-m);
+    bottom: var(--lumo-space-m);
+    left: var(--lumo-space-m);
+    /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
+    /* stylelint-disable-next-line */
+    outline: 0px solid transparent;
+  }
+
+  [part='overlay'] {
+    background-color: var(--lumo-base-color);
+    background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
+    border-radius: var(--lumo-border-radius-m);
+    box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);
+    color: var(--lumo-body-text-color);
+    font-family: var(--lumo-font-family);
+    font-size: var(--lumo-font-size-m);
+    font-weight: 400;
+    line-height: var(--lumo-line-height-m);
+    letter-spacing: 0;
+    text-transform: none;
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  [part='content'] {
+    padding: var(--lumo-space-xs);
+  }
+
+  [part='backdrop'] {
+    background-color: var(--lumo-shade-20pct);
+    animation: 0.2s lumo-overlay-backdrop-enter both;
+    will-change: opacity;
+  }
+
+  @keyframes lumo-overlay-backdrop-enter {
+    0% {
+      opacity: 0;
+    }
+  }
+
+  :host([closing]) [part='backdrop'] {
+    animation: 0.2s lumo-overlay-backdrop-exit both;
+  }
+
+  @keyframes lumo-overlay-backdrop-exit {
+    100% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes lumo-overlay-dummy-animation {
+    0% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+`;bt("",Us,{moduleId:"lumo-overlay"});bt("vaadin-overlay",Us,{moduleId:"lumo-vaadin-overlay"});
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/function $s(t,e,i){return{index:t,removed:e,addedCount:i}}const Gs=0;const Ys=1;const qs=2;const Vs=3;function Js(t,e,i,s,r,o){let n=o-r+1;let a=i-e+1;let l=new Array(n);for(let t=0;t<n;t++){l[t]=new Array(a);l[t][0]=t}for(let t=0;t<a;t++)l[0][t]=t;for(let i=1;i<n;i++){for(let o=1;o<a;o++){if(er(t[e+o-1],s[r+i-1]))l[i][o]=l[i-1][o-1];else{let t=l[i-1][o]+1;let e=l[i][o-1]+1;l[i][o]=t<e?t:e}}}return l}function Ks(t){let e=t.length-1;let i=t[0].length-1;let s=t[e][i];let r=[];while(e>0||i>0){if(e==0){r.push(qs);i--;continue}if(i==0){r.push(Vs);e--;continue}let o=t[e-1][i-1];let n=t[e-1][i];let a=t[e][i-1];let l;if(n<a)l=n<o?n:o;else l=a<o?a:o;if(l==o){if(o==s){r.push(Gs)}else{r.push(Ys);s=o}e--;i--}else if(l==n){r.push(Vs);e--;s=n}else{r.push(qs);i--;s=a}}r.reverse();return r}function Zs(t,e,i,s,r,o){let n=0;let a=0;let l;let h=Math.min(i-e,o-r);if(e==0&&r==0)n=Xs(t,s,h);if(i==t.length&&o==s.length)a=Qs(t,s,h-n);e+=n;r+=n;i-=a;o-=a;if(i-e==0&&o-r==0)return[];if(e==i){l=$s(e,[],0);while(r<o)l.removed.push(s[r++]);return[l]}else if(r==o)return[$s(e,[],i-e)];let c=Ks(Js(t,e,i,s,r,o));l=undefined;let u=[];let d=e;let f=r;for(let t=0;t<c.length;t++){switch(c[t]){case Gs:if(l){u.push(l);l=undefined}d++;f++;break;case Ys:if(!l)l=$s(d,[],0);l.addedCount++;d++;l.removed.push(s[f]);f++;break;case qs:if(!l)l=$s(d,[],0);l.addedCount++;d++;break;case Vs:if(!l)l=$s(d,[],0);l.removed.push(s[f]);f++;break}}if(l){u.push(l)}return u}function Xs(t,e,i){for(let s=0;s<i;s++)if(!er(t[s],e[s]))return s;return i}function Qs(t,e,i){let s=t.length;let r=e.length;let o=0;while(o<i&&er(t[--s],e[--r]))o++;return o}function tr(t,e){return Zs(t,0,t.length,e,0,e.length)}function er(t,e){return t===e}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/function ir(t){return t.localName==="slot"}let sr=class{static getFlattenedNodes(t){const e=Ae(t);if(ir(t)){t=t;return e.assignedNodes({flatten:true})}else{return Array.from(e.childNodes).map((t=>{if(ir(t)){t=t;return Ae(t).assignedNodes({flatten:true})}else{return[t]}})).reduce(((t,e)=>t.concat(e)),[])}}constructor(t,e){this._shadyChildrenObserver=null;this._nativeChildrenObserver=null;this._connected=false;this._target=t;this.callback=e;this._effectiveNodes=[];this._observer=null;this._scheduled=false;this._boundSchedule=()=>{this._schedule()};this.connect();this._schedule()}connect(){if(ir(this._target)){this._listenSlots([this._target])}else if(Ae(this._target).children){this._listenSlots(Ae(this._target).children);if(window.ShadyDOM){this._shadyChildrenObserver=window.ShadyDOM.observeChildren(this._target,(t=>{this._processMutations(t)}))}else{this._nativeChildrenObserver=new MutationObserver((t=>{this._processMutations(t)}));this._nativeChildrenObserver.observe(this._target,{childList:true})}}this._connected=true}disconnect(){if(ir(this._target)){this._unlistenSlots([this._target])}else if(Ae(this._target).children){this._unlistenSlots(Ae(this._target).children);if(window.ShadyDOM&&this._shadyChildrenObserver){window.ShadyDOM.unobserveChildren(this._shadyChildrenObserver);this._shadyChildrenObserver=null}else if(this._nativeChildrenObserver){this._nativeChildrenObserver.disconnect();this._nativeChildrenObserver=null}}this._connected=false}_schedule(){if(!this._scheduled){this._scheduled=true;Ve.run((()=>this.flush()))}}_processMutations(t){this._processSlotMutations(t);this.flush()}_processSlotMutations(t){if(t){for(let e=0;e<t.length;e++){let i=t[e];if(i.addedNodes){this._listenSlots(i.addedNodes)}if(i.removedNodes){this._unlistenSlots(i.removedNodes)}}}}flush(){if(!this._connected){return false}if(window.ShadyDOM){ShadyDOM.flush()}if(this._nativeChildrenObserver){this._processSlotMutations(this._nativeChildrenObserver.takeRecords())}else if(this._shadyChildrenObserver){this._processSlotMutations(this._shadyChildrenObserver.takeRecords())}this._scheduled=false;let t={target:this._target,addedNodes:[],removedNodes:[]};let e=this.constructor.getFlattenedNodes(this._target);let i=tr(e,this._effectiveNodes);for(let e=0,s;e<i.length&&(s=i[e]);e++){for(let e=0,i;e<s.removed.length&&(i=s.removed[e]);e++){t.removedNodes.push(i)}}for(let s=0,r;s<i.length&&(r=i[s]);s++){for(let i=r.index;i<r.index+r.addedCount;i++){t.addedNodes.push(e[i])}}this._effectiveNodes=e;let s=false;if(t.addedNodes.length||t.removedNodes.length){s=true;this.callback.call(this._target,t)}return s}_listenSlots(t){for(let e=0;e<t.length;e++){let i=t[e];if(ir(i)){i.addEventListener("slotchange",this._boundSchedule)}}}_unlistenSlots(t){for(let e=0;e<t.length;e++){let i=t[e];if(ir(i)){i.removeEventListener("slotchange",this._boundSchedule)}}}};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let rr=false;let or=[];let nr=[];function ar(){rr=true;requestAnimationFrame((function(){rr=false;lr(or);setTimeout((function(){hr(nr)}))}))}function lr(t){while(t.length){cr(t.shift())}}function hr(t){for(let e=0,i=t.length;e<i;e++){cr(t.shift())}}function cr(t){const e=t[0];const i=t[1];const s=t[2];try{i.apply(e,s)}catch(t){setTimeout((()=>{throw t}))}}function ur(t,e,i){if(!rr){ar()}nr.push([t,e,i])}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/function dr(t,e,i,s,r){let o;if(r){o=typeof i==="object"&&i!==null;if(o){s=t.__dataTemp[e]}}let n=s!==i&&(s===s||i===i);if(o&&n){t.__dataTemp[e]=i}return n}const fr=ae((t=>{class e extends t{_shouldPropertyChange(t,e,i){return dr(this,t,e,i,true)}}return e}));const pr=ae((t=>{class e extends t{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(t,e,i){return dr(this,t,e,i,this.mutableData)}}return e}));fr._mutablePropertyChange=dr;
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let mr=null;function br(){return mr}br.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:br,writable:true}});const gr=vs(br);const vr=fr(gr);function yr(t,e){mr=t;Object.setPrototypeOf(t,e.prototype);new e;mr=null}const wr=vs(class{});function xr(t,e){for(let i=0;i<e.length;i++){let s=e[i];if(Boolean(t)!=Boolean(s.__hideTemplateChildren__)){if(s.nodeType===Node.TEXT_NODE){if(t){s.__polymerTextContent__=s.textContent;s.textContent=""}else{s.textContent=s.__polymerTextContent__}}else if(s.localName==="slot"){if(t){s.__polymerReplaced__=document.createComment("hidden-slot");Ae(Ae(s).parentNode).replaceChild(s.__polymerReplaced__,s)}else{const t=s.__polymerReplaced__;if(t){Ae(Ae(t).parentNode).replaceChild(s,t)}}}else if(s.style){if(t){s.__polymerDisplay__=s.style.display;s.style.display="none"}else{s.style.display=s.__polymerDisplay__}}}s.__hideTemplateChildren__=t;if(s._showHideChildren){s._showHideChildren(t)}}}class _r extends wr{constructor(t){super();this._configureProperties(t);this.root=this._stampTemplate(this.__dataHost);let e=[];this.children=e;for(let t=this.root.firstChild;t;t=t.nextSibling){e.push(t);t.__templatizeInstance=this}if(this.__templatizeOwner&&this.__templatizeOwner.__hideTemplateChildren__){this._showHideChildren(true)}let i=this.__templatizeOptions;if(t&&i.instanceProps||!i.instanceProps){this._enableProperties()}}_configureProperties(t){let e=this.__templatizeOptions;if(e.forwardHostProp){for(let t in this.__hostProps){this._setPendingProperty(t,this.__dataHost["_host_"+t])}}for(let e in t){this._setPendingProperty(e,t[e])}}forwardHostProp(t,e){if(this._setPendingPropertyOrPath(t,e,false,true)){this.__dataHost._enqueueClient(this)}}_addEventListenerToNode(t,e,i){if(this._methodHost&&this.__templatizeOptions.parentModel){this._methodHost._addEventListenerToNode(t,e,(t=>{t.model=this;i(t)}))}else{let s=this.__dataHost.__dataHost;if(s){s._addEventListenerToNode(t,e,i)}}}_showHideChildren(t){xr(t,this.children)}_setUnmanagedPropertyToNode(t,e,i){if(t.__hideTemplateChildren__&&t.nodeType==Node.TEXT_NODE&&e=="textContent"){t.__polymerTextContent__=i}else{super._setUnmanagedPropertyToNode(t,e,i)}}get parentModel(){let t=this.__parentModel;if(!t){let e;t=this;do{t=t.__dataHost.__dataHost}while((e=t.__templatizeOptions)&&!e.parentModel);this.__parentModel=t}return t}dispatchEvent(t){return true}}const kr=fr(_r);function Ar(t){let e=t.__dataHost;return e&&e._methodHost||e}function Dr(t,e,i){let s=i.mutableData?kr:_r;if(Pr.mixin){s=Pr.mixin(s)}let r=class extends s{};r.prototype.__templatizeOptions=i;r.prototype._bindTemplate(t);Sr(r,t,e,i);return r}function Cr(t,e,i,s){let r=i.forwardHostProp;if(r&&e.hasHostProps){const o=t.localName=="template";let n=e.templatizeTemplateClass;if(!n){if(o){let t=i.mutableData?vr:gr;class s extends t{}n=e.templatizeTemplateClass=s}else{const i=t.constructor;class s extends i{}n=e.templatizeTemplateClass=s}let a=e.hostProps;for(let t in a){n.prototype._addPropertyEffect("_host_"+t,n.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:Tr(t,r)});n.prototype._createNotifyingProperty("_host_"+t)}if(Xt&&s){Er(e,i,s)}}if(t.__dataProto){Object.assign(t.__data,t.__dataProto)}if(o){yr(t,n);t.__dataTemp={};t.__dataPending=null;t.__dataOld=null;t._enableProperties()}else{Object.setPrototypeOf(t,n.prototype);const i=e.hostProps;for(let e in i){e="_host_"+e;if(e in t){const i=t[e];delete t[e];t.__data[e]=i}}}}}function Tr(t,e){return function t(i,s,r){e.call(i.__templatizeOwner,s.substring("_host_".length),r[s])}}function Sr(t,e,i,s){let r=i.hostProps||{};for(let e in s.instanceProps){delete r[e];let i=s.notifyInstanceProp;if(i){t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:Mr(e,i)})}}if(s.forwardHostProp&&e.__dataHost){for(let e in r){if(!i.hasHostProps){i.hasHostProps=true}t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:zr()})}}}function Mr(t,e){return function t(i,s,r){e.call(i.__templatizeOwner,i,s,r[s])}}function zr(){return function t(e,i,s){e.__dataHost._setPendingPropertyOrPath("_host_"+i,s[i],true,true)}}function Pr(t,e,i){if(Jt&&!Ar(t)){throw new Error("strictTemplatePolicy: template owner not trusted")}i=i||{};if(t.__templatizeOwner){throw new Error("A <template> can only be templatized once")}t.__templatizeOwner=e;const s=e?e.constructor:_r;let r=s._parseTemplate(t);let o=r.templatizeInstanceClass;if(!o){o=Dr(t,r,i);r.templatizeInstanceClass=o}const n=Ar(t);Cr(t,r,i,n);let a=class t extends o{};a.prototype._methodHost=n;a.prototype.__dataHost=t;a.prototype.__templatizeOwner=e;a.prototype.__hostProps=r.hostProps;a=a;return a}function Er(t,e,i){const s=i.constructor._properties;const{propertyEffects:r}=t;const{instanceProps:o}=e;for(let t in r){if(!s[t]&&!(o&&o[t])){const e=r[t];for(let i=0;i<e.length;i++){const{part:s}=e[i].info;if(!(s.signature&&s.signature.static)){console.warn(`Property '${t}' used in template but not `+`declared in 'properties'; attribute will not be observed.`);break}}}}}function Fr(t,e){let i;while(e){if(i=e.__dataHost?e:e.__templatizeInstance){if(i.__dataHost!=t){e=i.__dataHost}else{return i}}else{e=Ae(e).parentNode}}return null}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Or=t=>t.test(navigator.userAgent);const Br=t=>t.test(navigator.platform);const Ir=t=>t.test(navigator.vendor);Or(/Android/);Or(/Chrome/)&&Ir(/Google Inc/);const Nr=Or(/Firefox/);const Rr=Br(/^iPad/)||Br(/^Mac/)&&navigator.maxTouchPoints>1;const jr=Br(/^iPhone/);const Lr=jr||Rr;Or(/^((?!chrome|android).)*safari/i);(()=>{try{document.createEvent("TouchEvent");return true}catch(t){return false}})();
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Hr=ae((t=>class e extends t{constructor(){super();this.__controllers=new Set}connectedCallback(){super.connectedCallback();this.__controllers.forEach((t=>{if(t.hostConnected){t.hostConnected()}}))}disconnectedCallback(){super.disconnectedCallback();this.__controllers.forEach((t=>{if(t.hostDisconnected){t.hostDisconnected()}}))}addController(t){this.__controllers.add(t);if(this.$!==undefined&&this.isConnected&&t.hostConnected){t.hostConnected()}}removeController(t){this.__controllers.delete(t)}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */let Wr=false;window.addEventListener("keydown",(()=>{Wr=true}),{capture:true});window.addEventListener("mousedown",(()=>{Wr=false}),{capture:true});function Ur(){return Wr}function $r(t){const e=t.style;if(e.visibility==="hidden"||e.display==="none"){return true}const i=window.getComputedStyle(t);if(i.visibility==="hidden"||i.display==="none"){return true}return false}function Gr(t){if(!Kr(t)){return-1}const e=t.getAttribute("tabindex")||0;return Number(e)}function Yr(t,e){const i=Math.max(t.tabIndex,0);const s=Math.max(e.tabIndex,0);return i===0||s===0?s>i:i>s}function qr(t,e){const i=[];while(t.length>0&&e.length>0){if(Yr(t[0],e[0])){i.push(e.shift())}else{i.push(t.shift())}}return i.concat(t,e)}function Vr(t){const e=t.length;if(e<2){return t}const i=Math.ceil(e/2);const s=Vr(t.slice(0,i));const r=Vr(t.slice(i));return qr(s,r)}function Jr(t,e){if(t.nodeType!==Node.ELEMENT_NODE||$r(t)){return false}const i=t;const s=Gr(i);let r=s>0;if(s>=0){e.push(i)}let o=[];if(i.localName==="slot"){o=i.assignedNodes({flatten:true})}else{o=(i.shadowRoot||i).children}[...o].forEach((t=>{r=Jr(t,e)||r}));return r}function Kr(t){if(t.matches('[tabindex="-1"]')){return false}if(t.matches("input, select, textarea, button, object")){return t.matches(":not([disabled])")}return t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]")}function Zr(t){return t.getRootNode().activeElement===t}function Xr(t){const e=[];const i=Jr(t,e);if(i){return Vr(e)}return e}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Qr=[];class to{constructor(t){this.host=t;this.__trapNode=null;this.__onKeyDown=this.__onKeyDown.bind(this)}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(t){this.__trapNode=t;if(this.__focusableElements.length===0){this.__trapNode=null;throw new Error("The trap node should have at least one focusable descendant or be focusable itself.")}Qr.push(this);if(this.__focusedElementIndex===-1){this.__focusableElements[0].focus()}}releaseFocus(){this.__trapNode=null;Qr.pop()}__onKeyDown(t){if(!this.__trapNode){return}if(this!==Array.from(Qr).pop()){return}if(t.key==="Tab"){t.preventDefault();const e=t.shiftKey;this.__focusNextElement(e)}}__focusNextElement(t=false){const e=this.__focusableElements;const i=t?-1:1;const s=this.__focusedElementIndex;const r=(e.length+s+i)%e.length;const o=e[r];o.focus();if(o.localName==="input"){o.select()}}get __focusableElements(){return Xr(this.__trapNode)}get __focusedElementIndex(){const t=this.__focusableElements;return t.indexOf(t.filter(Zr).pop())}}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class eo extends(Ct(js(Hr(Ps)))){static get template(){return Ms`
+      <style>
+        :host {
+          z-index: 200;
+          position: fixed;
+
+          /* Despite of what the names say, <vaadin-overlay> is just a container
+          for position/sizing/alignment. The actual overlay is the overlay part. */
+
+          /* Default position constraints: the entire viewport. Note: themes can
+          override this to introduce gaps between the overlay and the viewport. */
+          top: 0;
+          right: 0;
+          bottom: var(--vaadin-overlay-viewport-bottom);
+          left: 0;
+
+          /* Use flexbox alignment for the overlay part. */
+          display: flex;
+          flex-direction: column; /* makes dropdowns sizing easier */
+          /* Align to center by default. */
+          align-items: center;
+          justify-content: center;
+
+          /* Allow centering when max-width/max-height applies. */
+          margin: auto;
+
+          /* The host is not clickable, only the overlay part is. */
+          pointer-events: none;
+
+          /* Remove tap highlight on touch devices. */
+          -webkit-tap-highlight-color: transparent;
+
+          /* CSS API for host */
+          --vaadin-overlay-viewport-bottom: 0;
+        }
+
+        :host([hidden]),
+        :host(:not([opened]):not([closing])) {
+          display: none !important;
+        }
+
+        [part='overlay'] {
+          -webkit-overflow-scrolling: touch;
+          overflow: auto;
+          pointer-events: auto;
+
+          /* Prevent overflowing the host in MSIE 11 */
+          max-width: 100%;
+          box-sizing: border-box;
+
+          -webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
+        }
+
+        [part='backdrop'] {
+          z-index: -1;
+          content: '';
+          background: rgba(0, 0, 0, 0.5);
+          position: fixed;
+          top: 0;
+          left: 0;
+          bottom: 0;
+          right: 0;
+          pointer-events: auto;
+        }
+      </style>
+
+      <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
+      <div part="overlay" id="overlay" tabindex="0">
+        <div part="content" id="content">
+          <slot></slot>
+        </div>
+      </div>
+    `}static get is(){return"vaadin-overlay"}static get properties(){return{opened:{type:Boolean,notify:true,observer:"_openedChanged",reflectToAttribute:true},owner:Element,renderer:Function,template:{type:Object,notify:true},content:{type:Object,notify:true},withBackdrop:{type:Boolean,value:false,reflectToAttribute:true},model:Object,modeless:{type:Boolean,value:false,reflectToAttribute:true,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:true,observer:"_hiddenChanged"},focusTrap:{type:Boolean,value:false},restoreFocusOnClose:{type:Boolean,value:false},restoreFocusNode:{type:HTMLElement},_mouseDownInside:{type:Boolean},_mouseUpInside:{type:Boolean},_instance:{type:Object},_originalContentPart:Object,_contentNodes:Array,_oldOwner:Element,_oldModel:Object,_oldTemplate:Object,_oldRenderer:Object,_oldOpened:Boolean}}static get observers(){return["_templateOrRendererChanged(template, renderer, owner, model, opened)"]}constructor(){super();this._boundMouseDownListener=this._mouseDownListener.bind(this);this._boundMouseUpListener=this._mouseUpListener.bind(this);this._boundOutsideClickListener=this._outsideClickListener.bind(this);this._boundKeydownListener=this._keydownListener.bind(this);this._observer=new sr(this,(t=>{this._setTemplateFromNodes(t.addedNodes)}));this._boundIronOverlayCanceledListener=this._ironOverlayCanceled.bind(this);if(Lr){this._boundIosResizeListener=()=>this._detectIosNavbar()}this.__focusTrapController=new to(this)}ready(){super.ready();this._observer.flush();this.addEventListener("click",(()=>{}));this.$.backdrop.addEventListener("click",(()=>{}));this.addController(this.__focusTrapController)}_detectIosNavbar(){if(!this.opened){return}const t=window.innerHeight;const e=window.innerWidth;const i=e>t;const s=document.documentElement.clientHeight;if(i&&s>t){this.style.setProperty("--vaadin-overlay-viewport-bottom",`${s-t}px`)}else{this.style.setProperty("--vaadin-overlay-viewport-bottom","0")}}_setTemplateFromNodes(t){this.template=t.find((t=>t.localName&&t.localName==="template"))||this.template}close(t){const e=new CustomEvent("vaadin-overlay-close",{bubbles:true,cancelable:true,detail:{sourceEvent:t}});this.dispatchEvent(e);if(!e.defaultPrevented){this.opened=false}}connectedCallback(){super.connectedCallback();if(this._boundIosResizeListener){this._detectIosNavbar();window.addEventListener("resize",this._boundIosResizeListener)}}disconnectedCallback(){super.disconnectedCallback();if(this._boundIosResizeListener){window.removeEventListener("resize",this._boundIosResizeListener)}}requestContentUpdate(){if(this.renderer){this.renderer.call(this.owner,this.content,this.owner,this.model)}}_ironOverlayCanceled(t){t.preventDefault()}_mouseDownListener(t){this._mouseDownInside=t.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(t){this._mouseUpInside=t.composedPath().indexOf(this.$.overlay)>=0}_outsideClickListener(t){if(t.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside){this._mouseDownInside=false;this._mouseUpInside=false;return}if(!this._last){return}const e=new CustomEvent("vaadin-overlay-outside-click",{bubbles:true,cancelable:true,detail:{sourceEvent:t}});this.dispatchEvent(e);if(this.opened&&!e.defaultPrevented){this.close(t)}}_keydownListener(t){if(!this._last){return}if(this.modeless&&!t.composedPath().includes(this.$.overlay)){return}if(t.key==="Escape"){const e=new CustomEvent("vaadin-overlay-escape-press",{bubbles:true,cancelable:true,detail:{sourceEvent:t}});this.dispatchEvent(e);if(this.opened&&!e.defaultPrevented){this.close(t)}}}_ensureTemplatized(){this._setTemplateFromNodes(Array.from(this.children))}_openedChanged(t,e){if(!this._instance){this._ensureTemplatized()}if(t){this.__restoreFocusNode=this._getActiveElement();this._animatedOpening();ur(this,(()=>{if(this.focusTrap){this.__focusTrapController.trapFocus(this.$.overlay)}const t=new CustomEvent("vaadin-overlay-open",{bubbles:true});this.dispatchEvent(t)}));document.addEventListener("keydown",this._boundKeydownListener);if(!this.modeless){this._addGlobalListeners()}}else if(e){if(this.focusTrap){this.__focusTrapController.releaseFocus()}this._animatedClosing();document.removeEventListener("keydown",this._boundKeydownListener);if(!this.modeless){this._removeGlobalListeners()}}}_hiddenChanged(t){if(t&&this.hasAttribute("closing")){this._flushAnimation("closing")}}_shouldAnimate(){const t=getComputedStyle(this).getPropertyValue("animation-name");const e=getComputedStyle(this).getPropertyValue("display")==="none";return!e&&t&&t!=="none"}_enqueueAnimation(t,e){const i=`__${t}Handler`;const s=t=>{if(t&&t.target!==this){return}e();this.removeEventListener("animationend",s);delete this[i]};this[i]=s;this.addEventListener("animationend",s)}_flushAnimation(t){const e=`__${t}Handler`;if(typeof this[e]==="function"){this[e]()}}_animatedOpening(){if(this.parentNode===document.body&&this.hasAttribute("closing")){this._flushAnimation("closing")}this._attachOverlay();if(!this.modeless){this._enterModalState()}this.setAttribute("opening","");if(this._shouldAnimate()){this._enqueueAnimation("opening",(()=>{this._finishOpening()}))}else{this._finishOpening()}}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder");this.parentNode.insertBefore(this._placeholder,this);document.body.appendChild(this);this.bringToFront()}_finishOpening(){document.addEventListener("iron-overlay-canceled",this._boundIronOverlayCanceledListener);this.removeAttribute("opening")}_finishClosing(){document.removeEventListener("iron-overlay-canceled",this._boundIronOverlayCanceledListener);this._detachOverlay();this.$.overlay.style.removeProperty("pointer-events");this.removeAttribute("closing")}_animatedClosing(){if(this.hasAttribute("opening")){this._flushAnimation("opening")}if(this._placeholder){this._exitModalState();const t=this.restoreFocusNode||this.__restoreFocusNode;if(this.restoreFocusOnClose&&t){const e=this._getActiveElement();if(e===document.body||this._deepContains(e)){setTimeout((()=>t.focus()))}this.__restoreFocusNode=null}this.setAttribute("closing","");this.dispatchEvent(new CustomEvent("vaadin-overlay-closing"));if(this._shouldAnimate()){this._enqueueAnimation("closing",(()=>{this._finishClosing()}))}else{this._finishClosing()}}}_detachOverlay(){this._placeholder.parentNode.insertBefore(this,this._placeholder);this._placeholder.parentNode.removeChild(this._placeholder)}static get __attachedInstances(){return Array.from(document.body.children).filter((t=>t instanceof eo&&!t.hasAttribute("closing"))).sort(((t,e)=>t.__zIndex-e.__zIndex||0))}get _last(){return this===eo.__attachedInstances.pop()}_modelessChanged(t){if(!t){if(this.opened){this._addGlobalListeners();this._enterModalState()}}else{this._removeGlobalListeners();this._exitModalState()}}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener);document.addEventListener("mouseup",this._boundMouseUpListener);document.documentElement.addEventListener("click",this._boundOutsideClickListener,true)}_enterModalState(){if(document.body.style.pointerEvents!=="none"){this._previousDocumentPointerEvents=document.body.style.pointerEvents;document.body.style.pointerEvents="none"}eo.__attachedInstances.forEach((t=>{if(t!==this){t.shadowRoot.querySelector('[part="overlay"]').style.pointerEvents="none"}}))}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener);document.removeEventListener("mouseup",this._boundMouseUpListener);document.documentElement.removeEventListener("click",this._boundOutsideClickListener,true)}_exitModalState(){if(this._previousDocumentPointerEvents!==undefined){document.body.style.pointerEvents=this._previousDocumentPointerEvents;delete this._previousDocumentPointerEvents}const t=eo.__attachedInstances;let e;while(e=t.pop()){if(e===this){continue}e.shadowRoot.querySelector('[part="overlay"]').style.removeProperty("pointer-events");if(!e.modeless){break}}}_removeOldContent(){if(!this.content||!this._contentNodes){return}this._observer.disconnect();this._contentNodes.forEach((t=>{if(t.parentNode===this.content){this.content.removeChild(t)}}));if(this._originalContentPart){this.$.content.parentNode.replaceChild(this._originalContentPart,this.$.content);this.$.content=this._originalContentPart;this._originalContentPart=undefined}this._observer.connect();this._contentNodes=undefined;this.content=undefined}_stampOverlayTemplate(t){this._removeOldContent();if(!t._Templatizer){t._Templatizer=Pr(t,this,{forwardHostProp(t,e){if(this._instance){this._instance.forwardHostProp(t,e)}}})}this._instance=new t._Templatizer({});this._contentNodes=Array.from(this._instance.root.childNodes);const e=t._templateRoot||(t._templateRoot=t.getRootNode());if(e!==document){if(!this.$.content.shadowRoot){this.$.content.attachShadow({mode:"open"})}let t=Array.from(e.querySelectorAll("style")).reduce(((t,e)=>t+e.textContent),"");t=t.replace(/:host/g,":host-nomatch");if(t){const e=document.createElement("style");e.textContent=t;this.$.content.shadowRoot.appendChild(e);this._contentNodes.unshift(e)}this.$.content.shadowRoot.appendChild(this._instance.root);this.content=this.$.content.shadowRoot}else{this.appendChild(this._instance.root);this.content=this}}_removeNewRendererOrTemplate(t,e,i,s){if(t!==e){this.template=undefined}else if(i!==s){this.renderer=undefined}}_templateOrRendererChanged(t,e,i,s,r){if(t&&e){this._removeNewRendererOrTemplate(t,this._oldTemplate,e,this._oldRenderer);throw new Error("You should only use either a renderer or a template for overlay content")}const o=this._oldOwner!==i||this._oldModel!==s;this._oldModel=s;this._oldOwner=i;const n=this._oldTemplate!==t;this._oldTemplate=t;const a=this._oldRenderer!==e;this._oldRenderer=e;const l=this._oldOpened!==r;this._oldOpened=r;if(a){this.content=this;this.content.innerHTML="";delete this.content._$litPart$}if(t&&n){this._stampOverlayTemplate(t)}else if(e&&(a||l||o)){if(r){this.requestContentUpdate()}}}_getActiveElement(){let t=document.activeElement||document.body;while(t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}return t}_deepContains(t){if(this.contains(t)){return true}let e=t;const i=t.ownerDocument;while(e&&e!==i&&e!==this){e=e.parentNode||e.host}return e===this}bringToFront(){let t="";const e=eo.__attachedInstances.filter((t=>t!==this)).pop();if(e){const i=e.__zIndex;t=i+1}this.style.zIndex=t;this.__zIndex=t||parseFloat(getComputedStyle(this).zIndex)}}customElements.define(eo.is,eo);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const io=p`
+  :host([opening]),
+  :host([closing]) {
+    animation: 0.14s lumo-overlay-dummy-animation;
+  }
+
+  [part='overlay'] {
+    will-change: opacity, transform;
+  }
+
+  :host([opening]) [part='overlay'] {
+    animation: 0.1s lumo-menu-overlay-enter ease-out both;
+  }
+
+  @keyframes lumo-menu-overlay-enter {
+    0% {
+      opacity: 0;
+      transform: translateY(-4px);
+    }
+  }
+
+  :host([closing]) [part='overlay'] {
+    animation: 0.1s lumo-menu-overlay-exit both;
+  }
+
+  @keyframes lumo-menu-overlay-exit {
+    100% {
+      opacity: 0;
+    }
+  }
+`;bt("",io,{moduleId:"lumo-menu-overlay-core"});const so=p`
+  /* Small viewport (bottom sheet) styles */
+  /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
+  @media (max-width: 420px), (max-height: 420px) {
+    :host {
+      top: 0 !important;
+      right: 0 !important;
+      bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
+      left: 0 !important;
+      align-items: stretch !important;
+      justify-content: flex-end !important;
+    }
+
+    [part='overlay'] {
+      max-height: 50vh;
+      width: 100vw;
+      border-radius: 0;
+      box-shadow: var(--lumo-box-shadow-xl);
+    }
+
+    /* The content part scrolls instead of the overlay part, because of the gradient fade-out */
+    [part='content'] {
+      padding: 30px var(--lumo-space-m);
+      max-height: inherit;
+      box-sizing: border-box;
+      -webkit-overflow-scrolling: touch;
+      overflow: auto;
+      -webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
+      mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
+    }
+
+    [part='backdrop'] {
+      display: block;
+    }
+
+    /* Animations */
+
+    :host([opening]) [part='overlay'] {
+      animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
+    }
+
+    :host([closing]),
+    :host([closing]) [part='backdrop'] {
+      animation-delay: 0.14s;
+    }
+
+    :host([closing]) [part='overlay'] {
+      animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
+    }
+  }
+
+  @keyframes lumo-mobile-menu-overlay-enter {
+    0% {
+      transform: translateY(150%);
+    }
+  }
+
+  @keyframes lumo-mobile-menu-overlay-exit {
+    100% {
+      transform: translateY(150%);
+    }
+  }
+`;const ro=[Us,io,so];bt("",ro,{moduleId:"lumo-menu-overlay"});const oo=p`
+  [part='overlay'] {
+    /*
+  Width:
+      date cell widths
+    + month calendar side padding
+    + year scroller width
+  */
+    /* prettier-ignore */
+    width:
+    calc(
+        var(--lumo-size-m) * 7
+      + var(--lumo-space-xs) * 2
+      + 57px
+    );
+    height: 100%;
+    max-height: calc(var(--lumo-size-m) * 14);
+    overflow: hidden;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  [part='overlay'] {
+    flex-direction: column;
+  }
+
+  [part='content'] {
+    padding: 0;
+    height: 100%;
+    overflow: hidden;
+    -webkit-mask-image: none;
+    mask-image: none;
+  }
+
+  :host([top-aligned]) [part~='overlay'] {
+    margin-top: var(--lumo-space-xs);
+  }
+
+  :host([bottom-aligned]) [part~='overlay'] {
+    margin-bottom: var(--lumo-space-xs);
+  }
+
+  @media (max-width: 420px), (max-height: 420px) {
+    [part='overlay'] {
+      width: 100vw;
+      height: 70vh;
+      max-height: 70vh;
+    }
+  }
+`;bt("vaadin-date-picker-overlay",[ro,oo],{moduleId:"lumo-date-picker-overlay"});const no=p`
+  :host {
+    /* Sizing */
+    --lumo-button-size: var(--lumo-size-m);
+    min-width: calc(var(--lumo-button-size) * 2);
+    height: var(--lumo-button-size);
+    padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
+    margin: var(--lumo-space-xs) 0;
+    box-sizing: border-box;
+    /* Style */
+    font-family: var(--lumo-font-family);
+    font-size: var(--lumo-font-size-m);
+    font-weight: 500;
+    color: var(--_lumo-button-color, var(--lumo-primary-text-color));
+    background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
+    border-radius: var(--lumo-border-radius-m);
+    cursor: var(--lumo-clickable-cursor);
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Set only for the internal parts so we don't affect the host vertical alignment */
+  [part='label'],
+  [part='prefix'],
+  [part='suffix'] {
+    line-height: var(--lumo-line-height-xs);
+  }
+
+  [part='label'] {
+    padding: calc(var(--lumo-button-size) / 6) 0;
+  }
+
+  :host([theme~='small']) {
+    font-size: var(--lumo-font-size-s);
+    --lumo-button-size: var(--lumo-size-s);
+  }
+
+  :host([theme~='large']) {
+    font-size: var(--lumo-font-size-l);
+    --lumo-button-size: var(--lumo-size-l);
+  }
+
+  /* For interaction states */
+  :host::before,
+  :host::after {
+    content: '';
+    /* We rely on the host always being relative */
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: currentColor;
+    border-radius: inherit;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  /* Hover */
+
+  @media (any-hover: hover) {
+    :host(:hover)::before {
+      opacity: 0.02;
+    }
+  }
+
+  /* Active */
+
+  :host::after {
+    transition: opacity 1.4s, transform 0.1s;
+    filter: blur(8px);
+  }
+
+  :host([active])::before {
+    opacity: 0.05;
+    transition-duration: 0s;
+  }
+
+  :host([active])::after {
+    opacity: 0.1;
+    transition-duration: 0s, 0s;
+    transform: scale(0);
+  }
+
+  /* Keyboard focus */
+
+  :host([focus-ring]) {
+    box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
+  }
+
+  :host([theme~='primary'][focus-ring]) {
+    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
+  }
+
+  /* Types (primary, tertiary, tertiary-inline */
+
+  :host([theme~='tertiary']),
+  :host([theme~='tertiary-inline']) {
+    background-color: transparent !important;
+    min-width: 0;
+  }
+
+  :host([theme~='tertiary']) {
+    padding: 0 calc(var(--lumo-button-size) / 6);
+  }
+
+  :host([theme~='tertiary-inline'])::before {
+    display: none;
+  }
+
+  :host([theme~='tertiary-inline']) {
+    margin: 0;
+    height: auto;
+    padding: 0;
+    line-height: inherit;
+    font-size: inherit;
+  }
+
+  :host([theme~='tertiary-inline']) [part='label'] {
+    padding: 0;
+    overflow: visible;
+    line-height: inherit;
+  }
+
+  :host([theme~='primary']) {
+    background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
+    color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
+    font-weight: 600;
+    min-width: calc(var(--lumo-button-size) * 2.5);
+  }
+
+  :host([theme~='primary'])::before {
+    background-color: black;
+  }
+
+  @media (any-hover: hover) {
+    :host([theme~='primary']:hover)::before {
+      opacity: 0.05;
+    }
+  }
+
+  :host([theme~='primary'][active])::before {
+    opacity: 0.1;
+  }
+
+  :host([theme~='primary'][active])::after {
+    opacity: 0.2;
+  }
+
+  /* Colors (success, error, contrast) */
+
+  :host([theme~='success']) {
+    color: var(--lumo-success-text-color);
+  }
+
+  :host([theme~='success'][theme~='primary']) {
+    background-color: var(--lumo-success-color);
+    color: var(--lumo-success-contrast-color);
+  }
+
+  :host([theme~='error']) {
+    color: var(--lumo-error-text-color);
+  }
+
+  :host([theme~='error'][theme~='primary']) {
+    background-color: var(--lumo-error-color);
+    color: var(--lumo-error-contrast-color);
+  }
+
+  :host([theme~='contrast']) {
+    color: var(--lumo-contrast);
+  }
+
+  :host([theme~='contrast'][theme~='primary']) {
+    background-color: var(--lumo-contrast);
+    color: var(--lumo-base-color);
+  }
+
+  /* Disabled state. Keep selectors after other color variants. */
+
+  :host([disabled]) {
+    pointer-events: none;
+    color: var(--lumo-disabled-text-color);
+  }
+
+  :host([theme~='primary'][disabled]) {
+    background-color: var(--lumo-contrast-30pct);
+    color: var(--lumo-base-color);
+  }
+
+  :host([theme~='primary'][disabled]) [part] {
+    opacity: 0.7;
+  }
+
+  /* Icons */
+
+  [part] ::slotted(vaadin-icon),
+  [part] ::slotted(iron-icon) {
+    display: inline-block;
+    width: var(--lumo-icon-size-m);
+    height: var(--lumo-icon-size-m);
+  }
+
+  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+  [part] ::slotted(vaadin-icon[icon^='vaadin:']),
+  [part] ::slotted(iron-icon[icon^='vaadin:']) {
+    padding: 0.25em;
+    box-sizing: border-box !important;
+  }
+
+  [part='prefix'] {
+    margin-left: -0.25em;
+    margin-right: 0.25em;
+  }
+
+  [part='suffix'] {
+    margin-left: 0.25em;
+    margin-right: -0.25em;
+  }
+
+  /* Icon-only */
+
+  :host([theme~='icon']:not([theme~='tertiary-inline'])) {
+    min-width: var(--lumo-button-size);
+    padding-left: calc(var(--lumo-button-size) / 4);
+    padding-right: calc(var(--lumo-button-size) / 4);
+  }
+
+  :host([theme~='icon']) [part='prefix'],
+  :host([theme~='icon']) [part='suffix'] {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  /* RTL specific styles */
+
+  :host([dir='rtl']) [part='prefix'] {
+    margin-left: 0.25em;
+    margin-right: -0.25em;
+  }
+
+  :host([dir='rtl']) [part='suffix'] {
+    margin-left: -0.25em;
+    margin-right: 0.25em;
+  }
+
+  :host([dir='rtl'][theme~='icon']) [part='prefix'],
+  :host([dir='rtl'][theme~='icon']) [part='suffix'] {
+    margin-left: 0;
+    margin-right: 0;
+  }
+`;bt("vaadin-button",no,{moduleId:"lumo-button"});const ao=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i;const lo=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function ho(){function t(){return true}return mo(t)}function co(){try{if(uo()){return true}if(!fo()){return false}if(lo){return!po()}return!ho()}catch(t){return false}}function uo(){return localStorage.getItem("vaadin.developmentmode.force")}function fo(){return["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0}function po(){if(lo){const t=Object.keys(lo).map((t=>lo[t])).filter((t=>t.productionMode));if(t.length>0){return true}}return false}function mo(t,e){if(typeof t!=="function"){return}const i=ao.exec(t.toString());if(i){try{t=new Function(i[1])}catch(t){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",t)}}return t(e)}window["Vaadin"]=window["Vaadin"]||{};const bo=function(t,e){if(window.Vaadin.developmentMode){return mo(t,e)}};if(window.Vaadin.developmentMode===undefined){window.Vaadin.developmentMode=co()}function go(){}const vo=function(){if(typeof bo==="function"){return bo(go)}};
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */let yo=0;let wo=0;const xo=[];let _o=0;let ko=false;const Ao=document.createTextNode("");new window.MutationObserver(Do).observe(Ao,{characterData:true});function Do(){ko=false;const t=xo.length;for(let e=0;e<t;e++){const t=xo[e];if(t){try{t()}catch(t){setTimeout((()=>{throw t}))}}}xo.splice(0,t);wo+=t}const Co={after(t){return{run(e){return window.setTimeout(e,t)},cancel(t){window.clearTimeout(t)}}},run(t,e){return window.setTimeout(t,e)},cancel(t){window.clearTimeout(t)}};const To={run(t){return window.requestIdleCallback?window.requestIdleCallback(t):window.setTimeout(t,16)},cancel(t){if(window.cancelIdleCallback){window.cancelIdleCallback(t)}else{window.clearTimeout(t)}}};const So={run(t){if(!ko){ko=true;Ao.textContent=_o;_o+=1}xo.push(t);const e=yo;yo+=1;return e},cancel(t){const e=t-wo;if(e>=0){if(!xo[e]){throw new Error(`invalid async handle: ${t}`)}xo[e]=null}}};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/class Mo{static debounce(t,e,i){if(t instanceof Mo){t._cancelAsync()}else{t=new Mo}t.setConfig(e,i);return t}constructor(){this._asyncModule=null;this._callback=null;this._timer=null}setConfig(t,e){this._asyncModule=t;this._callback=e;this._timer=this._asyncModule.run((()=>{this._timer=null;zo.delete(this);this._callback()}))}cancel(){if(this.isActive()){this._cancelAsync();zo.delete(this)}}_cancelAsync(){if(this.isActive()){this._asyncModule.cancel(this._timer);this._timer=null}}flush(){if(this.isActive()){this.cancel();this._callback()}}isActive(){return this._timer!=null}}let zo=new Set;function Po(t){zo.add(t)}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */window.Vaadin=window.Vaadin||{};window.Vaadin.registrations=window.Vaadin.registrations||[];window.Vaadin.developmentModeCallback=window.Vaadin.developmentModeCallback||{};window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){vo()};let Eo;const Fo=new Set;const Oo=t=>class e extends(js(t)){static get version(){return"23.3.14"}static finalize(){super.finalize();const{is:t}=this;if(t&&!Fo.has(t)){window.Vaadin.registrations.push(this);Fo.add(t);if(window.Vaadin.developmentModeCallback){Eo=Mo.debounce(Eo,To,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()}));Po(Eo)}}}constructor(){super();if(document.doctype===null){console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;let Bo=0;function Io(){return Bo++}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class No extends EventTarget{static generateId(t,e){const i=t||"default";return`${i}-${e.localName}-${Io()}`}constructor(t,e,i,s,r){super();this.host=t;this.slotName=e;this.slotFactory=i;this.slotInitializer=s;if(r){this.defaultId=No.generateId(e,t)}}hostConnected(){if(!this.initialized){let t=this.getSlotChild();if(!t){t=this.attachDefaultNode()}else{this.node=t;this.initCustomNode(t)}this.initNode(t);this.observe();this.initialized=true}}attachDefaultNode(){const{host:t,slotName:e,slotFactory:i}=this;let s=this.defaultNode;if(!s&&i){s=i(t);if(s instanceof Element){if(e!==""){s.setAttribute("slot",e)}this.node=s;this.defaultNode=s}}if(s){t.appendChild(s)}return s}getSlotChild(){const{slotName:t}=this;return Array.from(this.host.childNodes).find((e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&t===""))}initNode(t){const{slotInitializer:e}=this;if(e){e(this.host,t)}}initCustomNode(t){}teardownNode(t){}observe(){const{slotName:t}=this;const e=t===""?"slot:not([name])":`slot[name=${t}]`;const i=this.host.shadowRoot.querySelector(e);this.__slotObserver=new sr(i,(t=>{const e=this.node;const i=t.addedNodes.find((t=>t!==e));if(t.removedNodes.length){t.removedNodes.forEach((t=>{this.teardownNode(t)}))}if(i){if(e&&e.isConnected){this.host.removeChild(e)}this.node=i;if(i!==this.defaultNode){this.initCustomNode(i);this.initNode(i)}}}))}}
+/**
+ * @license
+ * Copyright (c) 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Ro extends No{constructor(t){super(t,"tooltip");this.setTarget(t)}initCustomNode(t){t.target=this.target;if(this.context!==undefined){t.context=this.context}if(this.manual!==undefined){t.manual=this.manual}if(this.opened!==undefined){t.opened=this.opened}if(this.position!==undefined){t._position=this.position}if(this.shouldShow!==undefined){t.shouldShow=this.shouldShow}}setContext(t){this.context=t;const e=this.node;if(e){e.context=t}}setManual(t){this.manual=t;const e=this.node;if(e){e.manual=t}}setOpened(t){this.opened=t;const e=this.node;if(e){e.opened=t}}setPosition(t){this.position=t;const e=this.node;if(e){e._position=t}}setShouldShow(t){this.shouldShow=t;const e=this.node;if(e){e.shouldShow=t}}setTarget(t){this.target=t;const e=this.node;if(e){e.target=t}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const jo=ae((t=>class e extends t{static get properties(){return{disabled:{type:Boolean,value:false,observer:"_disabledChanged",reflectToAttribute:true}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){if(t){this.setAttribute("aria-disabled","true")}else{this.removeAttribute("aria-disabled")}}click(){if(!this.disabled){super.click()}}}));
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const Lo=false;const Ho=t=>t;const Wo=typeof document.head.style.touchAction==="string";const Uo="__polymerGestures";const $o="__polymerGesturesHandled";const Go="__polymerGesturesTouchAction";const Yo=25;const qo=5;const Vo=2;const Jo=["mousedown","mousemove","mouseup","click"];const Ko=[0,1,4,2];const Zo=function(){try{return new MouseEvent("test",{buttons:1}).buttons===1}catch(t){return false}}();function Xo(t){return Jo.indexOf(t)>-1}let Qo=false;(function(){try{const t=Object.defineProperty({},"passive",{get(){Qo=true}});window.addEventListener("test",null,t);window.removeEventListener("test",null,t)}catch(t){}})();function tn(t){if(Xo(t)||t==="touchend"){return}if(Wo&&Qo&&Lo){return{passive:true}}}const en=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/);const sn={button:true,command:true,fieldset:true,input:true,keygen:true,optgroup:true,option:true,select:true,textarea:true};function rn(t){const e=t.type;if(!Xo(e)){return false}if(e==="mousemove"){let e=t.buttons===undefined?1:t.buttons;if(t instanceof window.MouseEvent&&!Zo){e=Ko[t.which]||0}return Boolean(e&1)}const i=t.button===undefined?0:t.button;return i===0}function on(t){if(t.type==="click"){if(t.detail===0){return true}const e=pn(t);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE){return true}const i=e.getBoundingClientRect();const s=t.pageX,r=t.pageY;return!(s>=i.left&&s<=i.right&&r>=i.top&&r<=i.bottom)}return false}const nn={mouse:{target:null,mouseIgnoreJob:null},touch:{x:0,y:0,id:-1,scrollDecided:false}};function an(t){let e="auto";const i=cn(t);for(let t=0,s;t<i.length;t++){s=i[t];if(s[Go]){e=s[Go];break}}return e}function ln(t,e,i){t.movefn=e;t.upfn=i;document.addEventListener("mousemove",e);document.addEventListener("mouseup",i)}function hn(t){document.removeEventListener("mousemove",t.movefn);document.removeEventListener("mouseup",t.upfn);t.movefn=null;t.upfn=null}const cn=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:t=>t.composedPath&&t.composedPath()||[];const un={};const dn=[];function fn(t,e){let i=document.elementFromPoint(t,e);let s=i;while(s&&s.shadowRoot&&!window.ShadyDOM){const r=s;s=s.shadowRoot.elementFromPoint(t,e);if(r===s){break}if(s){i=s}}return i}function pn(t){const e=cn(t);return e.length>0?e[0]:t.target}function mn(t){const e=t.type;const i=t.currentTarget;const s=i[Uo];if(!s){return}const r=s[e];if(!r){return}if(!t[$o]){t[$o]={};if(e.startsWith("touch")){const i=t.changedTouches[0];if(e==="touchstart"){if(t.touches.length===1){nn.touch.id=i.identifier}}if(nn.touch.id!==i.identifier){return}if(!Wo){if(e==="touchstart"||e==="touchmove"){bn(t)}}}}const o=t[$o];if(o.skip){return}for(let e=0,i;e<dn.length;e++){i=dn[e];if(r[i.name]&&!o[i.name]){if(i.flow&&i.flow.start.indexOf(t.type)>-1&&i.reset){i.reset()}}}for(let i=0,s;i<dn.length;i++){s=dn[i];if(r[s.name]&&!o[s.name]){o[s.name]=true;s[e](t)}}}function bn(t){const e=t.changedTouches[0];const i=t.type;if(i==="touchstart"){nn.touch.x=e.clientX;nn.touch.y=e.clientY;nn.touch.scrollDecided=false}else if(i==="touchmove"){if(nn.touch.scrollDecided){return}nn.touch.scrollDecided=true;const i=an(t);let s=false;const r=Math.abs(nn.touch.x-e.clientX);const o=Math.abs(nn.touch.y-e.clientY);if(!t.cancelable);else if(i==="none"){s=true}else if(i==="pan-x"){s=o>r}else if(i==="pan-y"){s=r>o}if(s){t.preventDefault()}else{kn("track")}}}function gn(t,e,i){if(un[e]){vn(t,e,i);return true}return false}function vn(t,e,i){const s=un[e];const r=s.deps;const o=s.name;let n=t[Uo];if(!n){t[Uo]=n={}}for(let e=0,i,s;e<r.length;e++){i=r[e];if(en&&Xo(i)&&i!=="click"){continue}s=n[i];if(!s){n[i]=s={_count:0}}if(s._count===0){t.addEventListener(i,mn,tn(i))}s[o]=(s[o]||0)+1;s._count=(s._count||0)+1}t.addEventListener(e,i);if(s.touchAction){xn(t,s.touchAction)}}function yn(t){dn.push(t);for(let e=0;e<t.emits.length;e++){un[t.emits[e]]=t}}function wn(t){for(let e=0,i;e<dn.length;e++){i=dn[e];for(let e=0,s;e<i.emits.length;e++){s=i.emits[e];if(s===t){return i}}}return null}function xn(t,e){if(Wo&&t instanceof HTMLElement){So.run((()=>{t.style.touchAction=e}))}t[Go]=e}function _n(t,e,i){const s=new Event(e,{bubbles:true,cancelable:true,composed:true});s.detail=i;Ho(t).dispatchEvent(s);if(s.defaultPrevented){const t=i.preventer||i.sourceEvent;if(t&&t.preventDefault){t.preventDefault()}}}function kn(t){const e=wn(t);if(e.info){e.info.prevent=true}}yn({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){hn(this.info)},mousedown(t){if(!rn(t)){return}const e=pn(t);const i=this;const s=t=>{if(!rn(t)){An("up",e,t);hn(i.info)}};const r=t=>{if(rn(t)){An("up",e,t)}hn(i.info)};ln(this.info,s,r);An("down",e,t)},touchstart(t){An("down",pn(t),t.changedTouches[0],t)},touchend(t){An("up",pn(t),t.changedTouches[0],t)}});function An(t,e,i,s){if(!e){return}_n(e,t,{x:i.clientX,y:i.clientY,sourceEvent:i,preventer:s,prevent(t){return kn(t)}})}yn({name:"track",touchAction:"none",deps:["mousedown","touchstart","touchmove","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["track"],info:{x:0,y:0,state:"start",started:false,moves:[],addMove(t){if(this.moves.length>Vo){this.moves.shift()}this.moves.push(t)},movefn:null,upfn:null,prevent:false},reset(){this.info.state="start";this.info.started=false;this.info.moves=[];this.info.x=0;this.info.y=0;this.info.prevent=false;hn(this.info)},mousedown(t){if(!rn(t)){return}const e=pn(t);const i=this;const s=t=>{const s=t.clientX,r=t.clientY;if(Dn(i.info,s,r)){i.info.state=i.info.started?t.type==="mouseup"?"end":"track":"start";if(i.info.state==="start"){kn("tap")}i.info.addMove({x:s,y:r});if(!rn(t)){i.info.state="end";hn(i.info)}if(e){Cn(i.info,e,t)}i.info.started=true}};const r=t=>{if(i.info.started){s(t)}hn(i.info)};ln(this.info,s,r);this.info.x=t.clientX;this.info.y=t.clientY},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX;this.info.y=e.clientY},touchmove(t){const e=pn(t);const i=t.changedTouches[0];const s=i.clientX,r=i.clientY;if(Dn(this.info,s,r)){if(this.info.state==="start"){kn("tap")}this.info.addMove({x:s,y:r});Cn(this.info,e,i);this.info.state="track";this.info.started=true}},touchend(t){const e=pn(t);const i=t.changedTouches[0];if(this.info.started){this.info.state="end";this.info.addMove({x:i.clientX,y:i.clientY});Cn(this.info,e,i)}}});function Dn(t,e,i){if(t.prevent){return false}if(t.started){return true}const s=Math.abs(t.x-e);const r=Math.abs(t.y-i);return s>=qo||r>=qo}function Cn(t,e,i){if(!e){return}const s=t.moves[t.moves.length-2];const r=t.moves[t.moves.length-1];const o=r.x-t.x;const n=r.y-t.y;let a,l=0;if(s){a=r.x-s.x;l=r.y-s.y}_n(e,"track",{state:t.state,x:i.clientX,y:i.clientY,dx:o,dy:n,ddx:a,ddy:l,sourceEvent:i,hover(){return fn(i.clientX,i.clientY)}})}yn({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:NaN,y:NaN,prevent:false},reset(){this.info.x=NaN;this.info.y=NaN;this.info.prevent=false},mousedown(t){if(rn(t)){this.info.x=t.clientX;this.info.y=t.clientY}},click(t){if(rn(t)){Tn(this.info,t)}},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX;this.info.y=e.clientY},touchend(t){Tn(this.info,t.changedTouches[0],t)}});function Tn(t,e,i){const s=Math.abs(e.clientX-t.x);const r=Math.abs(e.clientY-t.y);const o=pn(i||e);if(!o||sn[o.localName]&&o.hasAttribute("disabled")){return}if(isNaN(s)||isNaN(r)||s<=Yo&&r<=Yo||on(e)){if(!t.prevent){_n(o,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:i})}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Sn=ae((t=>class e extends t{ready(){super.ready();this.addEventListener("keydown",(t=>{this._onKeyDown(t)}));this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t);break}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Mn=t=>class e extends(jo(Sn(t))){get _activeKeys(){return[" "]}ready(){super.ready();gn(this,"down",(t=>{if(this._shouldSetActive(t)){this._setActive(true)}}));gn(this,"up",(()=>{this._setActive(false)}))}disconnectedCallback(){super.disconnectedCallback();this._setActive(false)}_shouldSetActive(t){return!this.disabled}_onKeyDown(t){super._onKeyDown(t);if(this._shouldSetActive(t)&&this._activeKeys.includes(t.key)){this._setActive(true);document.addEventListener("keyup",(t=>{if(this._activeKeys.includes(t.key)){this._setActive(false)}}),{once:true})}}_setActive(t){this.toggleAttribute("active",t)}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const zn=ae((t=>class e extends t{get _keyboardActive(){return Ur()}ready(){this.addEventListener("focusin",(t=>{if(this._shouldSetFocus(t)){this._setFocused(true)}}));this.addEventListener("focusout",(t=>{if(this._shouldRemoveFocus(t)){this._setFocused(false)}}));super.ready()}disconnectedCallback(){super.disconnectedCallback();if(this.hasAttribute("focused")){this._setFocused(false)}}_setFocused(t){this.toggleAttribute("focused",t);this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return true}_shouldRemoveFocus(t){return true}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Pn=t=>class e extends(jo(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:true,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e);if(t){if(this.tabindex!==undefined){this._lastTabIndex=this.tabindex}this.tabindex=-1}else if(e){this.tabindex=this._lastTabIndex}}_tabindexChanged(t){if(this.disabled&&t!==-1){this._lastTabIndex=t;this.tabindex=-1}}}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const En=t=>class e extends(Mn(Pn(zn(t)))){static get properties(){return{tabindex:{value:0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready();if(!this.hasAttribute("role")){this.setAttribute("role","button")}}_onKeyDown(t){super._onKeyDown(t);if(this._activeKeys.includes(t.key)){t.preventDefault();this.click()}}}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;class Fn extends(En(Oo(Ct(Hr(Ps))))){static get is(){return"vaadin-button"}static get template(){return Ms`
+      <style>
+        :host {
+          display: inline-block;
+          position: relative;
+          outline: none;
+          white-space: nowrap;
+          -webkit-user-select: none;
+          -moz-user-select: none;
+          user-select: none;
+        }
+
+        :host([hidden]) {
+          display: none !important;
+        }
+
+        /* Aligns the button with form fields when placed on the same line.
+          Note, to make it work, the form fields should have the same "::before" pseudo-element. */
+        .vaadin-button-container::before {
+          content: '\\2003';
+          display: inline-block;
+          width: 0;
+          max-height: 100%;
+        }
+
+        .vaadin-button-container {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          text-align: center;
+          width: 100%;
+          height: 100%;
+          min-height: inherit;
+          text-shadow: inherit;
+        }
+
+        [part='prefix'],
+        [part='suffix'] {
+          flex: none;
+        }
+
+        [part='label'] {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      </style>
+      <div class="vaadin-button-container">
+        <span part="prefix" aria-hidden="true">
+          <slot name="prefix"></slot>
+        </span>
+        <span part="label">
+          <slot></slot>
+        </span>
+        <span part="suffix" aria-hidden="true">
+          <slot name="suffix"></slot>
+        </span>
+      </div>
+      <slot name="tooltip"></slot>
+    `}ready(){super.ready();this._tooltipController=new Ro(this);this.addController(this._tooltipController)}}customElements.define(Fn.is,Fn);bt("vaadin-date-picker-overlay-content",p`
+    :host {
+      position: relative;
+      /* Background for the year scroller, placed here as we are using a mask image on the actual years part */
+      background-image: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct));
+      background-size: 57px 100%;
+      background-position: top right;
+      background-repeat: no-repeat;
+      cursor: default;
+    }
+
+    /* Month scroller */
+
+    [part='months'] {
+      /* Month calendar height:
+              header height + margin-bottom
+            + weekdays height + margin-bottom
+            + date cell heights
+            + small margin between month calendars
+        */
+      /* prettier-ignore */
+      --vaadin-infinite-scroller-item-height:
+          calc(
+              var(--lumo-font-size-l) + var(--lumo-space-m)
+            + var(--lumo-font-size-xs) + var(--lumo-space-s)
+            + var(--lumo-size-m) * 6
+            + var(--lumo-space-s)
+          );
+      --vaadin-infinite-scroller-buffer-offset: 10%;
+      -webkit-mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
+      mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
+      position: relative;
+      margin-right: 57px;
+    }
+
+    /* Year scroller */
+    [part='years'] {
+      /* TODO get rid of fixed magic number */
+      --vaadin-infinite-scroller-buffer-width: 97px;
+      width: 57px;
+      height: auto;
+      top: 0;
+      bottom: 0;
+      font-size: var(--lumo-font-size-s);
+      box-shadow: inset 2px 0 4px 0 var(--lumo-shade-5pct);
+      -webkit-mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
+      mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
+      cursor: var(--lumo-clickable-cursor);
+    }
+
+    [part='year-number']:not([current]),
+    [part='year-separator'] {
+      opacity: 0.7;
+      transition: 0.2s opacity;
+    }
+
+    [part='years']:hover [part='year-number'],
+    [part='years']:hover [part='year-separator'] {
+      opacity: 1;
+    }
+
+    /* TODO unsupported selector */
+    #scrollers {
+      position: static;
+      display: block;
+    }
+
+    /* TODO unsupported selector, should fix this in vaadin-date-picker that it adapts to the
+       * width of the year scroller */
+    #scrollers[desktop] [part='months'] {
+      right: auto;
+    }
+
+    /* Year scroller position indicator */
+    [part='years']::before {
+      border: none;
+      width: 1em;
+      height: 1em;
+      background-color: var(--lumo-base-color);
+      background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
+      transform: translate(-75%, -50%) rotate(45deg);
+      border-top-right-radius: var(--lumo-border-radius-s);
+      box-shadow: 2px -2px 6px 0 var(--lumo-shade-5pct);
+      z-index: 1;
+    }
+
+    [part='year-number'],
+    [part='year-separator'] {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 50%;
+      transform: translateY(-50%);
+    }
+
+    [part='years'] [part='year-separator']::after {
+      color: var(--lumo-disabled-text-color);
+      content: '•';
+    }
+
+    /* Current year */
+
+    [part='years'] [part='year-number'][current] {
+      color: var(--lumo-primary-text-color);
+    }
+
+    /* Toolbar (footer) */
+
+    [part='toolbar'] {
+      padding: var(--lumo-space-s);
+      border-bottom-left-radius: var(--lumo-border-radius-l);
+      margin-right: 57px;
+    }
+
+    /* Today and Cancel buttons */
+
+    [part='toolbar'] [part\$='button'] {
+      margin: 0;
+    }
+
+    /* Narrow viewport mode (fullscreen) */
+
+    :host([fullscreen]) [part='toolbar'] {
+      order: -1;
+      background-color: var(--lumo-base-color);
+    }
+
+    :host([fullscreen]) [part='overlay-header'] {
+      order: -2;
+      height: var(--lumo-size-m);
+      padding: var(--lumo-space-s);
+      position: absolute;
+      left: 0;
+      right: 0;
+      justify-content: center;
+    }
+
+    :host([fullscreen]) [part='toggle-button'],
+    :host([fullscreen]) [part='clear-button'],
+    [part='overlay-header'] [part='label'] {
+      display: none;
+    }
+
+    /* Very narrow screen (year scroller initially hidden) */
+
+    [part='years-toggle-button'] {
+      display: flex;
+      align-items: center;
+      height: var(--lumo-size-s);
+      padding: 0 0.5em;
+      border-radius: var(--lumo-border-radius-m);
+      z-index: 3;
+      color: var(--lumo-primary-text-color);
+      font-weight: 500;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    :host([years-visible]) [part='years-toggle-button'] {
+      background-color: var(--lumo-primary-color);
+      color: var(--lumo-primary-contrast-color);
+    }
+
+    /* TODO magic number (same as used for media-query in vaadin-date-picker-overlay-content) */
+    @media screen and (max-width: 374px) {
+      :host {
+        background-image: none;
+      }
+
+      [part='years'] {
+        background-color: var(--lumo-shade-5pct);
+      }
+
+      [part='toolbar'],
+      [part='months'] {
+        margin-right: 0;
+      }
+
+      /* TODO make date-picker adapt to the width of the years part */
+      [part='years'] {
+        --vaadin-infinite-scroller-buffer-width: 90px;
+        width: 50px;
+      }
+
+      :host([years-visible]) [part='months'] {
+        padding-left: 50px;
+      }
+    }
+  `,{moduleId:"lumo-date-picker-overlay-content"});bt("vaadin-month-calendar",p`
+    :host {
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -webkit-tap-highlight-color: transparent;
+      user-select: none;
+      font-size: var(--lumo-font-size-m);
+      color: var(--lumo-body-text-color);
+      text-align: center;
+      padding: 0 var(--lumo-space-xs);
+    }
+
+    /* Month header */
+
+    [part='month-header'] {
+      color: var(--lumo-header-text-color);
+      font-size: var(--lumo-font-size-l);
+      line-height: 1;
+      font-weight: 500;
+      margin-bottom: var(--lumo-space-m);
+    }
+
+    /* Week days and numbers */
+
+    [part='weekdays'],
+    [part='weekday'],
+    [part='week-number'] {
+      font-size: var(--lumo-font-size-xxs);
+      line-height: 1;
+      color: var(--lumo-secondary-text-color);
+    }
+
+    [part='weekdays'] {
+      margin-bottom: var(--lumo-space-s);
+    }
+
+    [part='weekday']:empty,
+    [part='week-number'] {
+      width: var(--lumo-size-xs);
+    }
+
+    /* Date and week number cells */
+
+    [part='date'],
+    [part='week-number'] {
+      box-sizing: border-box;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      height: var(--lumo-size-m);
+      position: relative;
+    }
+
+    [part='date'] {
+      transition: color 0.1s;
+    }
+
+    [part='date']:not(:empty) {
+      cursor: var(--lumo-clickable-cursor);
+    }
+
+    :host([week-numbers]) [part='weekday']:not(:empty),
+    :host([week-numbers]) [part='date'] {
+      width: calc((100% - var(--lumo-size-xs)) / 7);
+    }
+
+    /* Today date */
+
+    [part='date'][today] {
+      color: var(--lumo-primary-text-color);
+    }
+
+    /* Focused date */
+
+    [part='date']::before {
+      content: '';
+      position: absolute;
+      z-index: -1;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      min-width: 2em;
+      min-height: 2em;
+      width: 80%;
+      height: 80%;
+      max-height: 100%;
+      max-width: 100%;
+      border-radius: var(--lumo-border-radius-m);
+    }
+
+    [part='date'][focused]::before {
+      box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
+    }
+
+    :host(:not([focused])) [part='date'][focused]::before {
+      animation: vaadin-date-picker-month-calendar-focus-date 1.4s infinite;
+    }
+
+    @keyframes vaadin-date-picker-month-calendar-focus-date {
+      50% {
+        box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px transparent;
+      }
+    }
+
+    [part='date']:not(:empty):not([disabled]):not([selected]):hover::before {
+      background-color: var(--lumo-primary-color-10pct);
+    }
+
+    [part='date'][selected] {
+      color: var(--lumo-primary-contrast-color);
+    }
+
+    [part='date'][selected]::before {
+      background-color: var(--lumo-primary-color);
+    }
+
+    [part='date'][disabled] {
+      color: var(--lumo-disabled-text-color);
+    }
+
+    @media (pointer: coarse) {
+      [part='date']:hover:not([selected])::before,
+      [part='date'][focused]:not([selected])::before {
+        display: none;
+      }
+
+      [part='date']:not(:empty):not([disabled]):active::before {
+        display: block;
+      }
+
+      [part='date'][selected]::before {
+        box-shadow: none;
+      }
+    }
+
+    /* Disabled */
+
+    :host([disabled]) * {
+      color: var(--lumo-disabled-text-color) !important;
+    }
+  `,{moduleId:"lumo-month-calendar"});const On=document.createElement("template");On.innerHTML=`\n  <style>\n    @keyframes vaadin-date-picker-month-calendar-focus-date {\n      50% {\n        box-shadow: 0 0 0 2px transparent;\n      }\n    }\n  </style>\n`;document.head.appendChild(On.content);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Bn=document.createElement("template");Bn.innerHTML=`\n  <style>\n    @font-face {\n      font-family: 'lumo-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABEgAAsAAAAAIjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUuKY21hcAAAAYgAAAD4AAADrsCU8d5nbHlmAAACgAAAC2cAABeAWri7U2hlYWQAAA3oAAAAMAAAADZa/6SsaGhlYQAADhgAAAAdAAAAJAbpA35obXR4AAAOOAAAABAAAACspBAAAGxvY2EAAA5IAAAAWAAAAFh57oA4bWF4cAAADqAAAAAfAAAAIAFKAXBuYW1lAAAOwAAAATEAAAIuUUJZCHBvc3QAAA/0AAABKwAAAelm8SzVeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS+yDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mIO+p/FEMUcxDANKMwIkgMABn8MLQB4nO3SWW6DMABF0UtwCEnIPM/zhLK8LqhfXRybSP14XUYtHV9hGYQwQBNIo3cUIPkhQeM7rib1ekqnXg981XuC1qvy84lzojleh3puxL0hPjGjRU473teloEefAUNGjJkwZcacBUtWrNmwZceeA0dOnLlw5cadB09elPGhGf+j0NTI/65KfXerT6JhqKnpRKtgOpuqaTrtKjPUlqHmhto21I7pL6i6hlqY3q7qGWrfUAeGOjTUkaGODXViqFNDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUB+G+jTUl6GWRvkL24BkEXictVh9bFvVFb/nxvbz+7Rf/N6zHcd2bCfP+Wic1Z9N0jpNHCD9SNqqoVBgbQoMjY+pjA4hNnWa2pV1rHSIif0DGkyT2k10Kmu1Cag6huj4ZpqYBHSqJsTEJgZCG3TaVBFv595nO3ZIv4RIrPPuvefe884599zzO/cRF8G/tgn6CFFImNgkR0ggX8wlspbhSSWSdrC5ozd30s2dw5afzvgtyz9/zG9t1hV4RtF1pXolowvtzc2z6L2aYUQM45jKH9WDTvd1LRDoDASYWhfTzTyvboXz6uZX4ARX5wrF39y+HM2+CJ8d0pkyqBIqoze3D12ez4DrFoYzxI8dWwMrDlZ2DMqQAR9AROsJU+2smlTPaTTco52BVxXa2a2+I8vvqd2dVHm1LoPeTn/AZPRYGthDYOeZjBjKoFsVGulR3lGU95SeCK44oHU7MhWUGUKZDT3oSUcG2GWuh+EDDfUYA/jhIhl0TOsJNYSEu7mQmi3UzfXwZKA4BsVsHLXQYGgJW95qEtpJ1VcW9HiTriZBlFEqxsDjA09yCNUoQxxwd7KWSTt2y3GTKifkqHRCoWZc3m11Wa/dKdFgXD4kSYfkeJBKd8KMz7J8dZn/cGRCcLGDnA2Ge3bKzcvlnTDNthFWLH7Xt80ua5FMjA4WKelWv5Xo16vHuYzpRbJhhdVlftuRK0VlR27D9lu5TF0DPBi60OrHNO0AfP/uRWvhn/U3LXICE+nh+3IHPUJ8JE6GyBjZQLbjGchlrSgYngF8zyrIF4NJD3atUcgWsWunGN/UHX5B5/yg7uF87Nqp4Gf52F3gH73DjEZNRoqCKAr9giQJp5rGJABpiVE2htNhW9R8nw0jqYjCYcY4LIjwYNScf4WN06IZnZCEqsI4cFaQbo4Z1TsZBx40YhXkHOecaYE5oY37IIQ+iJJ+UsDYSun5MuRSBRZRUUhlY2DqOGajOR6zrSU/5My6l2DnusH1GQgnw5BZP7iuYM/ahcfQ7Z8y51ddfutvuwNqWQ0cBYr8fj0U0vsHpwerVaB2sWhXT2NExi2r1KUE2tUuVMnkepVQrxTmpQrZTG4iu8he8iPyM3KcPE/+RP5KPoE2CEAKclCBzXATxkYOtUY/o961PWRqsj0chRrHFBbtrjP9/P0ven5pcbRdpL94vfsy33e5+izuwz3nFLFPVNayPZx/jdG1fOChflFRvYzsW6L18efgLrSWIgvcqnGJYi4skO4xREURjbDuxKke5v0T3Mrzkt2fi31uyZlLLrqIpEuXXsMlgw442Jb0GAxjS1DM20kBoCzHLXm/jEm0IltdcvU0fEW24jgiwwRjVd9u4NJHcIyoHJcwvyVqgqj5hqBJ1ZWSJryh9p56UWhX1XbhRbW2ZopuZWsQd5y8mEQ8M+C6xjRYxZbDKWf5AgY+Qq/l6wSPk16zDFjowYuu+wjx13mfkxbyDDxadYT/LijZyI0THB+6yfLaWsRcO82zo9mWTNtpO18qlorZoIVMwSN40tky5DOQ1MCIAe24mvlsuwIIxPb10+uXDQ4uWz/9m3rj+ql7p6bufZARuPVq5tXtsn6KwfP8Jy0TeWOyNhUJN6mhX5rkUTtUppQWEMNTqEdaCGKFYKJaQrCE4JtDLYOlNEKmO5kBTPGY2A0N2sY3+dVlo1N9ycBsIGtOjQ2p/tlZvzo0ur4v6cOh8NTospB7U/X40KahoU3bGIH97dnwmtHlYffVG3R1YOwKM2vNhrPhCT5zk64sG53oS4b31aYjqe/B7+kQiXBN+b6h21hNUPMq29B8CU4elINdygMPKF1B+WBTG7Z9ZshpN/xwEuuDQZR+nuoo4CDaAiiwXmLpmukMQyPf/JMclqgL1ixZQ/nnP2VbdUODFGt2fgBvL123rlLYu/6A9ckb7F3K0/CyBMEu6aQoPscroCcacVehvyQyCZAsizsWWBkoLC+WAiWnOksLKaeuQDzGuqSk42aiYTiJ4zf9afl17SrqaTO1f+XlZAfIuYcq7/IqYMaMrksOJ6vHkOCPDq943xcCnHqVD9pHFRpMqSPXrIua1WNs+tOz1U+ciTCDpPk+c4QYJIHnYhxP/kVPAq+ahFpVhPcHp8qyarhiF+HsBU9Hrl+UZa876fbKipL0KqB6OdUveErgtOI97fZ63ae9SvWU6k2w1JfwqnUbHsYcFCJFrC/W12zIMMirWYEHxMPs6LGYSdkSZ5TsNP9PCpwnWC3HKZ1lydNjWHC2Mn3l6vL0dHn1ldP3LTSrX+vKrBqv7KmMr8p0SR6P1NqF63or6XRlIyO90f7+kf7+myOhvt4tq7f09oUiTc2/dycGgqFQcCDRLYmi1NL7fk0CknVMxEg/cdfs/TnpJMNkgqwj17B8beVazSrVbU4lG67IZYOCnWrYy3yBR9cyWcChywos3LJBEdhhFoAdYjiw0rLGm0xU5OzoGm5/ZfmHjVZpNNg6SznzGKDdwv2cCtVn6Eaxo12cfxLprpVtTcZ6hVx6dow7Yq7e8LXO8PY9Jgjoze9yCtU5FNbegcKkQMdCbt9au/te4Ebe0jkc0ukUL32eYnTpNs20h0KpUOhZPYwVcfhZnfdqeCvDfXiuCbAoYWcXERPc/mDQD3/hdF+wK4i/xv3kYfprIpAuMkk2kW3kdtS0kBIKpZwp8KxmsCyfM1MFzAss9LBkDxRyThiaqTLwKYKJVTwmWTudMyz+yks09346MDh4m72yOxCKrt1XMlQ1qPVlTEVVQ1ofdK/sCWjtZu9qGwZ8YZ9PPWlo1IV3eW3+U0aXblP39zrt+JPf6UhEQ1rUjNBULN+utyuaDNW34kpAVuSOeMTyWbSNWnooFu+QFNWQ4d/Ox4IPWx41fP/fB/Rjeoz08ezPA9TysMtmnOXfGN7Ui3xIYLDALrlDLOP09qtJuY2OeL0+QZXdRnR1nxRVBF/SOyKKPpcrn9mWzH4rH9IidE+PTNU2182+hOgSItrE1slByS24vaLvJpxOqe4Pduf3HJkZ+jLqUz9rRzB7p8gKcgWZwV1L8JtUS5Z2JxZSOCuBoMTQihMzLbCPA0KqGMAljRQjONklW/wjnXKy8vxT/Elvm3/KiMUMOoV0/vnDYlhec0SMKtt3/kKMyOt33tj2bqxQLsTjSGLl+EAsNhCnTyRGktW55EgCn/A4PlnWn+Mg8bgZrWqHxTbPwMuyy1u5YeZF2SUM7JRhddwRgiRuxpmgJmxn9ZW7XpcF3ViX/ar6ptRpGJ0S9Adg4qhb9sI3vbL7qNJV/y4i07t5TZBiho1imFoMz3gED+CtjYUxvP4SOxov4bFoNPg5aR1e+G4UgDPoedJTpogyCJ7oYvRqoVS0MQAy+CoNEdTDUjok5ZHZL/WtjV7rFj3PKQE3iKp7ou+rIxN3b9LB1dGjeT4cvKo3FrnWpYpuaFd/h3dtV8UeKN1Y9hpR3dt4p0H/zKuPQq0kZQUIIpuDfoiETsnIk+gCWMJZUXHtE8V9LkUc2TE8vOMbO4ax/MACabzyaGXc7u3FBr11ThBdB8SIeMAlCntG2KThHSPsaj2Dc9KNyY2a0KZ7ODaTHoRiFkeYz+shZBpCS4X6471KKKnuHd84edfk5F37d1XO5bbkcltu2ZLNbvnPXiUVAnVvprJrP+NObryjxrllS65md6Tm6wzFHRR4dY3QUUjb7MgxaIixU8hspi98fl/Xc+IB4iU66eCVL9YfAfahiSUt4TONS8x0D8W7u8vd3fGWx6OXlM/U1IoU/s61PGhpyXRFa3eReq2qG56lvmYtXavCC1iN7lbiBpWxXHU+cSlztVLVz0tVN600fVsLxaVDknhYioeoXP3t4lqV1r79MAw0GCI1FTL1YIGzPL1MMlJ9ZsN9P7lvA2yr9ZFUzwzPrVgxN/x/SS+chwB4nGNgZGBgAOLPrYdY4vltvjJwM78AijDUqG5oRND/XzNPZboF5HIwMIFEAU/lC+J4nGNgZGBgDvqfBSRfMAAB81QGRgZUoA0AVvYDbwAAAHicY2BgYGB+MTQwAM8EJo8AAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFegXQBf4GRAZmBrYHGAeQCBgIUghqCP4JRgm+CdoKBAo+CoQKugr0C1QLmgvAeJxjYGRgYNBmTGEQZQABJiDmAkIGhv9gPgMAGJQBvAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d09RpUzlx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcnf48fvFysJgGt8IcJxROiG9TgauODuj5ukG+EW+UG4jR4ehTv0Q+EunjER7uEWmk+IWpc0d3gVbuAKb8JN+nfhFvlDuI17fAp36L+Fu1jgR7iHp+jF7Arbz1Nb1nO93pnEncSJFtrVuS3VKB6e5EyX2iVer9TyoOr9eux9pjJnCzW1pdfGWFU5u9WpjzfeV5PBIBMfp7aAwQ4FLPrIkbKWqDHn+67pDRK4s4lzbsEux5qHvcIIMb/nueSMyTKkE3jWFdNLHLjW2PPmMa1Hxn3GjGW/wjT0HtOG09JU4WxLk9LH2ISuiv9twJn9y8fh9uIXI+BknAAAAHicbY7ZboMwEEW5CVBCSLrv+76kfJRjTwHFsdGAG+Xvy5JUfehIHp0rnxmNN/D6ir3/a4YBhvARIMQOIowQY4wEE0yxiz3s4wCHOMIxTnCKM5zjApe4wjVucIs73OMBj3jCM17wije84wMzfHqJ0EVmUkmmJo77oOmrHvfIRZbXsTCZplTZldlgb3TYGVHProwFs11t1A57tcON2rErR3PBqcwF1/6ctI6k0GSU4JHMSS6WghdJQ99sTbfuN7QLJ9vQ37dNrgyktnIxlDYLJNuqitpRbYWKFNuyDT6pog6oOYKHtKakeakqKjHXpPwlGRcsC+OqxLIiJpXqoqqDMreG2l5bv9Ri3TRX+c23DZna9WFFgmXuO6Ps1Jm/w6ErW8N3FbHn/QC444j0AA==) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n\n    html {\n      --lumo-icons-align-center: "\\ea01";\n      --lumo-icons-align-left: "\\ea02";\n      --lumo-icons-align-right: "\\ea03";\n      --lumo-icons-angle-down: "\\ea04";\n      --lumo-icons-angle-left: "\\ea05";\n      --lumo-icons-angle-right: "\\ea06";\n      --lumo-icons-angle-up: "\\ea07";\n      --lumo-icons-arrow-down: "\\ea08";\n      --lumo-icons-arrow-left: "\\ea09";\n      --lumo-icons-arrow-right: "\\ea0a";\n      --lumo-icons-arrow-up: "\\ea0b";\n      --lumo-icons-bar-chart: "\\ea0c";\n      --lumo-icons-bell: "\\ea0d";\n      --lumo-icons-calendar: "\\ea0e";\n      --lumo-icons-checkmark: "\\ea0f";\n      --lumo-icons-chevron-down: "\\ea10";\n      --lumo-icons-chevron-left: "\\ea11";\n      --lumo-icons-chevron-right: "\\ea12";\n      --lumo-icons-chevron-up: "\\ea13";\n      --lumo-icons-clock: "\\ea14";\n      --lumo-icons-cog: "\\ea15";\n      --lumo-icons-cross: "\\ea16";\n      --lumo-icons-download: "\\ea17";\n      --lumo-icons-dropdown: "\\ea18";\n      --lumo-icons-edit: "\\ea19";\n      --lumo-icons-error: "\\ea1a";\n      --lumo-icons-eye: "\\ea1b";\n      --lumo-icons-eye-disabled: "\\ea1c";\n      --lumo-icons-menu: "\\ea1d";\n      --lumo-icons-minus: "\\ea1e";\n      --lumo-icons-ordered-list: "\\ea1f";\n      --lumo-icons-phone: "\\ea20";\n      --lumo-icons-photo: "\\ea21";\n      --lumo-icons-play: "\\ea22";\n      --lumo-icons-plus: "\\ea23";\n      --lumo-icons-redo: "\\ea24";\n      --lumo-icons-reload: "\\ea25";\n      --lumo-icons-search: "\\ea26";\n      --lumo-icons-undo: "\\ea27";\n      --lumo-icons-unordered-list: "\\ea28";\n      --lumo-icons-upload: "\\ea29";\n      --lumo-icons-user: "\\ea2a";\n    }\n  </style>\n`;document.head.appendChild(Bn.content);
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const In=p`
+  [part$='button'] {
+    flex: none;
+    width: 1em;
+    height: 1em;
+    line-height: 1;
+    font-size: var(--lumo-icon-size-m);
+    text-align: center;
+    color: var(--lumo-contrast-60pct);
+    transition: 0.2s color;
+    cursor: var(--lumo-clickable-cursor);
+  }
+
+  [part$='button']:hover {
+    color: var(--lumo-contrast-90pct);
+  }
+
+  :host([disabled]) [part$='button'],
+  :host([readonly]) [part$='button'] {
+    color: var(--lumo-contrast-20pct);
+    cursor: default;
+  }
+
+  [part$='button']::before {
+    font-family: 'lumo-icons';
+    display: block;
+  }
+`;bt("",In,{moduleId:"lumo-field-button"});
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Nn=p`
+  :host([has-helper]) [part='helper-text']::before {
+    content: '';
+    display: block;
+    height: 0.4em;
+  }
+
+  [part='helper-text'] {
+    display: block;
+    color: var(--lumo-secondary-text-color);
+    font-size: var(--lumo-font-size-xs);
+    line-height: var(--lumo-line-height-xs);
+    margin-left: calc(var(--lumo-border-radius-m) / 4);
+    transition: color 0.2s;
+  }
+
+  :host(:hover:not([readonly])) [part='helper-text'] {
+    color: var(--lumo-body-text-color);
+  }
+
+  :host([disabled]) [part='helper-text'] {
+    color: var(--lumo-disabled-text-color);
+    -webkit-text-fill-color: var(--lumo-disabled-text-color);
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
+    display: none;
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
+    content: '';
+    display: block;
+    height: 0.4em;
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='label'] {
+    order: 0;
+    padding-bottom: 0.4em;
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
+    order: 1;
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='label'] + * {
+    order: 2;
+  }
+
+  :host([has-helper][theme~='helper-above-field']) [part='error-message'] {
+    order: 3;
+  }
+`
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const Rn=p`
+  [part='label'] {
+    align-self: flex-start;
+    color: var(--lumo-secondary-text-color);
+    font-weight: 500;
+    font-size: var(--lumo-font-size-s);
+    margin-left: calc(var(--lumo-border-radius-m) / 4);
+    transition: color 0.2s;
+    line-height: 1;
+    padding-right: 1em;
+    padding-bottom: 0.5em;
+    /* As a workaround for diacritics being cut off, add a top padding and a 
+    negative margin to compensate */
+    padding-top: 0.25em;
+    margin-top: -0.25em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    position: relative;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  :host([has-label])::before {
+    margin-top: calc(var(--lumo-font-size-s) * 1.5);
+  }
+
+  :host([has-label][theme~='small'])::before {
+    margin-top: calc(var(--lumo-font-size-xs) * 1.5);
+  }
+
+  :host([has-label]) {
+    padding-top: var(--lumo-space-m);
+  }
+
+  :host([has-label]) ::slotted([slot='tooltip']) {
+    --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
+  }
+
+  :host([required]) [part='required-indicator']::after {
+    content: var(--lumo-required-field-indicator, '•');
+    transition: opacity 0.2s;
+    color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
+    position: absolute;
+    right: 0;
+    width: 1em;
+    text-align: center;
+  }
+
+  :host([invalid]) [part='required-indicator']::after {
+    color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
+  }
+
+  [part='error-message'] {
+    margin-left: calc(var(--lumo-border-radius-m) / 4);
+    font-size: var(--lumo-font-size-xs);
+    line-height: var(--lumo-line-height-xs);
+    color: var(--lumo-error-text-color);
+    will-change: max-height;
+    transition: 0.4s max-height;
+    max-height: 5em;
+  }
+
+  :host([has-error-message]) [part='error-message']::before,
+  :host([has-error-message]) [part='error-message']::after {
+    content: '';
+    display: block;
+    height: 0.4em;
+  }
+
+  :host(:not([invalid])) [part='error-message'] {
+    max-height: 0;
+    overflow: hidden;
+  }
+
+  /* RTL specific styles */
+
+  :host([dir='rtl']) [part='label'] {
+    margin-left: 0;
+    margin-right: calc(var(--lumo-border-radius-m) / 4);
+  }
+
+  :host([dir='rtl']) [part='label'] {
+    padding-left: 1em;
+    padding-right: 0;
+  }
+
+  :host([dir='rtl']) [part='required-indicator']::after {
+    right: auto;
+    left: 0;
+  }
+
+  :host([dir='rtl']) [part='error-message'] {
+    margin-left: 0;
+    margin-right: calc(var(--lumo-border-radius-m) / 4);
+  }
+`;bt("",Rn,{moduleId:"lumo-required-field"});
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const jn=p`
+  :host {
+    --lumo-text-field-size: var(--lumo-size-m);
+    color: var(--lumo-body-text-color);
+    font-size: var(--lumo-font-size-m);
+    font-family: var(--lumo-font-family);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: transparent;
+    padding: var(--lumo-space-xs) 0;
+  }
+
+  :host::before {
+    height: var(--lumo-text-field-size);
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  :host([focused]:not([readonly])) [part='label'] {
+    color: var(--lumo-primary-text-color);
+  }
+
+  :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
+    -webkit-mask-image: none;
+    mask-image: none;
+  }
+
+  ::slotted(:is(input, textarea):placeholder-shown) {
+    color: var(--lumo-secondary-text-color);
+  }
+
+  /* Hover */
+  :host(:hover:not([readonly]):not([focused])) [part='label'] {
+    color: var(--lumo-body-text-color);
+  }
+
+  :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
+    opacity: 0.1;
+  }
+
+  /* Touch device adjustment */
+  @media (pointer: coarse) {
+    :host(:hover:not([readonly]):not([focused])) [part='label'] {
+      color: var(--lumo-secondary-text-color);
+    }
+
+    :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
+      opacity: 0;
+    }
+
+    :host(:active:not([readonly]):not([focused])) [part='input-field']::after {
+      opacity: 0.2;
+    }
+  }
+
+  /* Trigger when not focusing using the keyboard */
+  :host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
+    transform: scaleX(0);
+    transition-duration: 0.15s, 1s;
+  }
+
+  /* Focus-ring */
+  :host([focus-ring]) [part='input-field'] {
+    box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
+  }
+
+  /* Read-only and disabled */
+  :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
+    opacity: 0;
+  }
+
+  /* Disabled style */
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  :host([disabled]) [part='label'],
+  :host([disabled]) [part='input-field'] ::slotted(*) {
+    color: var(--lumo-disabled-text-color);
+    -webkit-text-fill-color: var(--lumo-disabled-text-color);
+  }
+
+  /* Invalid style */
+  :host([invalid][focus-ring]) [part='input-field'] {
+    box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
+  }
+
+  :host([input-prevented]) [part='input-field'] {
+    animation: shake 0.15s infinite;
+  }
+
+  @keyframes shake {
+    25% {
+      transform: translateX(4px);
+    }
+    75% {
+      transform: translateX(-4px);
+    }
+  }
+
+  /* Small theme */
+  :host([theme~='small']) {
+    font-size: var(--lumo-font-size-s);
+    --lumo-text-field-size: var(--lumo-size-s);
+  }
+
+  :host([theme~='small']) [part='label'] {
+    font-size: var(--lumo-font-size-xs);
+  }
+
+  :host([theme~='small']) [part='error-message'] {
+    font-size: var(--lumo-font-size-xxs);
+  }
+
+  /* Slotted content */
+  [part='input-field'] ::slotted(:not(iron-icon):not(vaadin-icon):not(input):not(textarea)) {
+    color: var(--lumo-secondary-text-color);
+    font-weight: 400;
+  }
+
+  [part='clear-button']::before {
+    content: var(--lumo-icons-cross);
+  }
+`;const Ln=[Rn,In,Nn,jn];bt("",Ln,{moduleId:"lumo-input-field-shared-styles"});const Hn=p`
+  :host {
+    outline: none;
+  }
+
+  [part='toggle-button']::before {
+    content: var(--lumo-icons-calendar);
+  }
+
+  [part='clear-button']::before {
+    content: var(--lumo-icons-cross);
+  }
+
+  @media (max-width: 420px), (max-height: 420px) {
+    [part='overlay-content'] {
+      height: 70vh;
+    }
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input) {
+    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
+    --_lumo-text-field-overflow-mask-image: none;
+  }
+`;bt("vaadin-date-picker",[Ln,Hn],{moduleId:"lumo-date-picker"});
+/**
+ * @fileoverview
+ * @suppress {checkPrototypalTypes}
+ * @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
+ * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
+ * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
+ * Google as part of the polymer project is also subject to an additional IP
+ * rights grant found at http://polymer.github.io/PATENTS.txt
+ */const Wn="disable-upgrade";const Un=t=>{while(t){const e=Object.getOwnPropertyDescriptor(t,"observedAttributes");if(e){return e.get}t=Object.getPrototypeOf(t.prototype).constructor}return()=>[]};const $n=ae((t=>{const e=As(t);let i=Un(e);class s extends e{constructor(){super()}static get observedAttributes(){return i.call(this).concat(Wn)}_initializeProperties(){if(this.hasAttribute(Wn)){this.__isUpgradeDisabled=true}else{super._initializeProperties()}}_enableProperties(){if(!this.__isUpgradeDisabled){super._enableProperties()}}_canApplyPropertyDefault(t){return super._canApplyPropertyDefault(t)&&!(this.__isUpgradeDisabled&&this._isPropertyPending(t))}attributeChangedCallback(t,e,i,s){if(t==Wn){if(this.__isUpgradeDisabled&&i==null){super._initializeProperties();this.__isUpgradeDisabled=false;if(Ae(this).isConnected){super.connectedCallback()}}}else{super.attributeChangedCallback(t,e,i,s)}}connectedCallback(){if(!this.__isUpgradeDisabled){super.connectedCallback()}}disconnectedCallback(){if(!this.__isUpgradeDisabled){super.disconnectedCallback()}}}return s}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */function Gn(t){const e=[];while(t){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}if(t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){e.push(t);t=t.host;continue}if(t.assignedSlot){t=t.assignedSlot;continue}t=t.parentNode}return e}function Yn(t){if(!t){return new Set}return new Set(t.split(" "))}function qn(t){return[...t].join(" ")}function Vn(t,e,i){const s=Yn(t.getAttribute(e));s.add(i);t.setAttribute(e,qn(s))}function Jn(t,e,i){const s=Yn(t.getAttribute(e));s.delete(i);if(s.size===0){t.removeAttribute(e);return}t.setAttribute(e,qn(s))}
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Kn={start:"top",end:"bottom"};const Zn={start:"left",end:"right"};const Xn=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{if(t.target.__overlay){t.target.__overlay._updatePosition()}}))}))}));const Qn=t=>class e extends t{static get properties(){return{positionTarget:{type:Object,value:null},horizontalAlign:{type:String,value:"start"},verticalAlign:{type:String,value:"top"},noHorizontalOverlap:{type:Boolean,value:false},noVerticalOverlap:{type:Boolean,value:false},requiredVerticalSpace:{type:Number,value:0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super();this.__onScroll=this.__onScroll.bind(this);this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback();if(this.opened){this.__addUpdatePositionEventListeners()}}disconnectedCallback(){super.disconnectedCallback();this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition);this.__positionTargetAncestorRootNodes=Gn(this.positionTarget);this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,true)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition);if(this.__positionTargetAncestorRootNodes){this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,true)}));this.__positionTargetAncestorRootNodes=null}}__overlayOpenedChanged(t,e){this.__removeUpdatePositionEventListeners();if(e){e.__overlay=null;Xn.unobserve(e);if(t){this.__addUpdatePositionEventListeners();e.__overlay=this;Xn.observe(e)}}if(t){const t=getComputedStyle(this);if(!this.__margins){this.__margins={};["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))}this.setAttribute("dir",t.direction);this._updatePosition();requestAnimationFrame((()=>this._updatePosition()))}}get __isRTL(){return this.getAttribute("dir")==="rtl"}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){if(!this.contains(t.target)){this._updatePosition()}}_updatePosition(){if(!this.positionTarget||!this.opened){return}const t=this.positionTarget.getBoundingClientRect();const e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const i=this.__shouldAlignStartHorizontally(t,this.__isRTL);const s=!this.__isRTL&&i||this.__isRTL&&!i;this.style.alignItems=s?"flex-start":"flex-end";const r=this.getBoundingClientRect();const o=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,Kn,this,e);const n=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,Zn,this,i);Object.assign(this.style,o,n);this.toggleAttribute("bottom-aligned",!e);this.toggleAttribute("top-aligned",e);this.toggleAttribute("end-aligned",!s);this.toggleAttribute("start-aligned",s)}__shouldAlignStartHorizontally(t,e){const i=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const s=Math.min(window.innerWidth,document.documentElement.clientWidth);const r=!e&&this.horizontalAlign==="start"||e&&this.horizontalAlign==="end";return this.__shouldAlignStart(t,i,s,this.__margins,r,this.noHorizontalOverlap,Zn)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const i=Math.min(window.innerHeight,document.documentElement.clientHeight);const s=this.verticalAlign==="top";return this.__shouldAlignStart(t,e,i,this.__margins,s,this.noVerticalOverlap,Kn)}__shouldAlignStart(t,e,i,s,r,o,n){const a=i-t[o?n.end:n.start]-s[n.end];const l=t[o?n.start:n.end]-s[n.start];const h=r?a:l;const c=r?l:a;const u=h>c||h>e;return r===u}__adjustBottomProperty(t,e,i){let s;if(t===e.end){if(e.end===Kn.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);if(i>t&&this.__oldViewportHeight){const e=this.__oldViewportHeight-t;s=i-e}this.__oldViewportHeight=t}if(e.end===Zn.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);if(i>t&&this.__oldViewportWidth){const e=this.__oldViewportWidth-t;s=i-e}this.__oldViewportWidth=t}}return s}__calculatePositionInOneDimension(t,e,i,s,r,o){const n=o?s.start:s.end;const a=o?s.end:s.start;const l=parseFloat(r.style[n]||getComputedStyle(r)[n]);const h=this.__adjustBottomProperty(n,s,l);const c=e[o?s.start:s.end]-t[i===o?s.end:s.start];const u=h?`${h}px`:`${l+c*(o?-1:1)}px`;return{[n]:u,[a]:""}}}
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const ta=p`
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
+    direction: rtl;
+    text-align: left;
+  }
+`;const ea=p`
+  [part='overlay'] {
+    display: flex;
+    flex: auto;
+  }
+
+  [part~='content'] {
+    flex: auto;
+  }
+`
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;bt("vaadin-date-picker-overlay",ea,{moduleId:"vaadin-date-picker-overlay-styles"});let ia;class sa extends($n(Qn(eo))){static get is(){return"vaadin-date-picker-overlay"}static get template(){if(!ia){ia=super.template.cloneNode(true);ia.content.querySelector('[part~="overlay"]').removeAttribute("tabindex")}return ia}}customElements.define(sa.is,sa);
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/class ra{constructor(){this._asyncModule=null;this._callback=null;this._timer=null}setConfig(t,e){this._asyncModule=t;this._callback=e;this._timer=this._asyncModule.run((()=>{this._timer=null;oa.delete(this);this._callback()}))}cancel(){if(this.isActive()){this._cancelAsync();oa.delete(this)}}_cancelAsync(){if(this.isActive()){this._asyncModule.cancel(this._timer);this._timer=null}}flush(){if(this.isActive()){this.cancel();this._callback()}}isActive(){return this._timer!=null}static debounce(t,e,i){if(t instanceof ra){t._cancelAsync()}else{t=new ra}t.setConfig(e,i);return t}}let oa=new Set;const na=function(t){oa.add(t)};const aa=function(){const t=Boolean(oa.size);oa.forEach((t=>{try{t.flush()}catch(t){setTimeout((()=>{throw t}))}}));return t};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const la=function(){let t,e;do{t=window.ShadyDOM&&ShadyDOM.flush();if(window.ShadyCSS&&window.ShadyCSS.ScopingShim){window.ShadyCSS.ScopingShim.flush()}e=aa()}while(t||e)};
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/let ha=false;function ca(){if(Zt&&!Gt){if(!ha){ha=true;const t=document.createElement("style");t.textContent="dom-bind,dom-if,dom-repeat{display:none;}";document.head.appendChild(t)}return true}return false}
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/const ua=pr(Ps);class da extends ua{static get is(){return"dom-repeat"}static get template(){return null}static get properties(){return{items:{type:Array},as:{type:String,value:"item"},indexAs:{type:String,value:"index"},itemsIndexAs:{type:String,value:"itemsIndex"},sort:{type:Function,observer:"__sortChanged"},filter:{type:Function,observer:"__filterChanged"},observe:{type:String,observer:"__observeChanged"},delay:Number,renderedItemCount:{type:Number,notify:!re,readOnly:true},initialCount:{type:Number},targetFramerate:{type:Number,value:20},_targetFrameTime:{type:Number,computed:"__computeFrameTime(targetFramerate)"},notifyDomChange:{type:Boolean},reuseChunkedInstances:{type:Boolean}}}static get observers(){return["__itemsChanged(items.*)"]}constructor(){super();this.__instances=[];this.__renderDebouncer=null;this.__itemsIdxToInstIdx={};this.__chunkCount=null;this.__renderStartTime=null;this.__itemsArrayChanged=false;this.__shouldMeasureChunk=false;this.__shouldContinueChunking=false;this.__chunkingId=0;this.__sortFn=null;this.__filterFn=null;this.__observePaths=null;this.__ctor=null;this.__isDetached=true;this.template=null}disconnectedCallback(){super.disconnectedCallback();this.__isDetached=true;for(let t=0;t<this.__instances.length;t++){this.__detachInstance(t)}if(this.__chunkingId){cancelAnimationFrame(this.__chunkingId)}}connectedCallback(){super.connectedCallback();if(!ca()){this.style.display="none"}if(this.__isDetached){this.__isDetached=false;let t=Ae(Ae(this).parentNode);for(let e=0;e<this.__instances.length;e++){this.__attachInstance(e,t)}if(this.__chunkingId){this.__render()}}}__ensureTemplatized(){if(!this.__ctor){const t=this;let e=this.template=t._templateInfo?t:this.querySelector("template");if(!e){let t=new MutationObserver((()=>{if(this.querySelector("template")){t.disconnect();this.__render()}else{throw new Error("dom-repeat requires a <template> child")}}));t.observe(this,{childList:true});return false}let i={};i[this.as]=true;i[this.indexAs]=true;i[this.itemsIndexAs]=true;this.__ctor=Pr(e,this,{mutableData:this.mutableData,parentModel:true,instanceProps:i,forwardHostProp:function(t,e){let i=this.__instances;for(let s=0,r;s<i.length&&(r=i[s]);s++){r.forwardHostProp(t,e)}},notifyInstanceProp:function(t,e,i){if(ze(this.as,e)){let s=t[this.itemsIndexAs];if(e==this.as){this.items[s]=i}let r=Me(this.as,`${JSCompiler_renameProperty("items",this)}.${s}`,e);this.notifyPath(r,i)}}})}return true}__getMethodHost(){return this.__dataHost._methodHost||this.__dataHost}__functionFromPropertyValue(t){if(typeof t==="string"){let e=t;let i=this.__getMethodHost();return function(){return i[e].apply(i,arguments)}}return t}__sortChanged(t){this.__sortFn=this.__functionFromPropertyValue(t);if(this.items){this.__debounceRender(this.__render)}}__filterChanged(t){this.__filterFn=this.__functionFromPropertyValue(t);if(this.items){this.__debounceRender(this.__render)}}__computeFrameTime(t){return Math.ceil(1e3/t)}__observeChanged(){this.__observePaths=this.observe&&this.observe.replace(".*",".").split(" ")}__handleObservedPaths(t){if(this.__sortFn||this.__filterFn){if(!t){this.__debounceRender(this.__render,this.delay)}else if(this.__observePaths){let e=this.__observePaths;for(let i=0;i<e.length;i++){if(t.indexOf(e[i])===0){this.__debounceRender(this.__render,this.delay)}}}}}__itemsChanged(t){if(this.items&&!Array.isArray(this.items)){console.warn("dom-repeat expected array for `items`, found",this.items)}if(!this.__handleItemPath(t.path,t.value)){if(t.path==="items"){this.__itemsArrayChanged=true}this.__debounceRender(this.__render)}}__debounceRender(t,e=0){this.__renderDebouncer=ra.debounce(this.__renderDebouncer,e>0?qe.after(e):Ve,t.bind(this));na(this.__renderDebouncer)}render(){this.__debounceRender(this.__render);la()}__render(){if(!this.__ensureTemplatized()){return}let t=this.items||[];const e=this.__sortAndFilterItems(t);const i=this.__calculateLimit(e.length);this.__updateInstances(t,i,e);if(this.initialCount&&(this.__shouldMeasureChunk||this.__shouldContinueChunking)){cancelAnimationFrame(this.__chunkingId);this.__chunkingId=requestAnimationFrame((()=>{this.__chunkingId=null;this.__continueChunking()}))}this._setRenderedItemCount(this.__instances.length);if(!re||this.notifyDomChange){this.dispatchEvent(new CustomEvent("dom-change",{bubbles:true,composed:true}))}}__sortAndFilterItems(t){let e=new Array(t.length);for(let i=0;i<t.length;i++){e[i]=i}if(this.__filterFn){e=e.filter(((e,i,s)=>this.__filterFn(t[e],i,s)))}if(this.__sortFn){e.sort(((e,i)=>this.__sortFn(t[e],t[i])))}return e}__calculateLimit(t){let e=t;const i=this.__instances.length;if(this.initialCount){let s;if(!this.__chunkCount||this.__itemsArrayChanged&&!this.reuseChunkedInstances){e=Math.min(t,this.initialCount);s=Math.max(e-i,0);this.__chunkCount=s||1}else{s=Math.min(Math.max(t-i,0),this.__chunkCount);e=Math.min(i+s,t)}this.__shouldMeasureChunk=s===this.__chunkCount;this.__shouldContinueChunking=e<t;this.__renderStartTime=performance.now()}this.__itemsArrayChanged=false;return e}__continueChunking(){if(this.__shouldMeasureChunk){const t=performance.now()-this.__renderStartTime;const e=this._targetFrameTime/t;this.__chunkCount=Math.round(this.__chunkCount*e)||1}if(this.__shouldContinueChunking){this.__debounceRender(this.__render)}}__updateInstances(t,e,i){const s=this.__itemsIdxToInstIdx={};let r;for(r=0;r<e;r++){let e=this.__instances[r];let o=i[r];let n=t[o];s[o]=r;if(e){e._setPendingProperty(this.as,n);e._setPendingProperty(this.indexAs,r);e._setPendingProperty(this.itemsIndexAs,o);e._flushProperties()}else{this.__insertInstance(n,r,o)}}for(let t=this.__instances.length-1;t>=r;t--){this.__detachAndRemoveInstance(t)}}__detachInstance(t){let e=this.__instances[t];const i=Ae(e.root);for(let t=0;t<e.children.length;t++){let s=e.children[t];i.appendChild(s)}return e}__attachInstance(t,e){let i=this.__instances[t];e.insertBefore(i.root,this)}__detachAndRemoveInstance(t){this.__detachInstance(t);this.__instances.splice(t,1)}__stampInstance(t,e,i){let s={};s[this.as]=t;s[this.indexAs]=e;s[this.itemsIndexAs]=i;return new this.__ctor(s)}__insertInstance(t,e,i){const s=this.__stampInstance(t,e,i);let r=this.__instances[e+1];let o=r?r.children[0]:this;Ae(Ae(this).parentNode).insertBefore(s.root,o);this.__instances[e]=s;return s}_showHideChildren(t){for(let e=0;e<this.__instances.length;e++){this.__instances[e]._showHideChildren(t)}}__handleItemPath(t,e){let i=t.slice(6);let s=i.indexOf(".");let r=s<0?i:i.substring(0,s);if(r==parseInt(r,10)){let t=s<0?"":i.substring(s+1);this.__handleObservedPaths(t);let o=this.__itemsIdxToInstIdx[r];let n=this.__instances[o];if(n){let i=this.as+(t?"."+t:"");n._setPendingPropertyOrPath(i,e,false,true);n._flushProperties()}return true}}itemForElement(t){let e=this.modelForElement(t);return e&&e[this.as]}indexForElement(t){let e=this.modelForElement(t);return e&&e[this.indexAs]}modelForElement(t){return Fr(this.template,t)}}customElements.define(da.is,da);
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */function fa(t){let e=t.getDay();if(e===0){e=7}const i=4-e;const s=new Date(t.getTime()+i*24*3600*1e3);const r=new Date(0,0);r.setFullYear(s.getFullYear());const o=s.getTime()-r.getTime();const n=Math.round(o/(24*3600*1e3));return Math.floor(n/7+1)}function pa(t,e){return t instanceof Date&&e instanceof Date&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function ma(t,e,i){return(!e||t>=e)&&(!i||t<=i)}function ba(t,e){return e.filter((t=>t!==undefined)).reduce(((e,i)=>{if(!i){return e}if(!e){return i}const s=Math.abs(t.getTime()-i.getTime());const r=Math.abs(e.getTime()-t.getTime());return s<r?i:e}))}function ga(t){return{day:t.getDate(),month:t.getMonth(),year:t.getFullYear()}}function va(t,e,i=0,s=1){if(e>99){throw new Error("The provided year cannot have more than 2 digits.")}if(e<0){throw new Error("The provided year cannot be negative.")}let r=e+Math.floor(t.getFullYear()/100)*100;if(t<new Date(r-50,i,s)){r-=100}else if(t>new Date(r+50,i,s)){r+=100}return r}function ya(t){const e=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/.exec(t);if(!e){return undefined}const i=new Date(0,0);i.setFullYear(parseInt(e[1],10));i.setMonth(parseInt(e[2],10)-1);i.setDate(parseInt(e[3],10));return i}
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class wa extends(zn(Ct(Ps))){static get template(){return Ms`
+      <style>
+        :host {
+          display: block;
+        }
+
+        #monthGrid {
+          width: 100%;
+          border-collapse: collapse;
+        }
+
+        #days-container tr,
+        #weekdays-container tr {
+          display: flex;
+        }
+
+        [part='date'] {
+          outline: none;
+        }
+
+        [part='week-number'][hidden],
+        [part='weekday'][hidden] {
+          display: none;
+        }
+
+        [part='weekday'],
+        [part='date'] {
+          width: calc(100% / 7);
+          padding: 0;
+          font-weight: normal;
+        }
+
+        [part='weekday']:empty,
+        [part='week-number'] {
+          width: 12.5%;
+          flex-shrink: 0;
+          padding: 0;
+        }
+
+        :host([week-numbers]) [part='weekday']:not(:empty),
+        :host([week-numbers]) [part='date'] {
+          width: 12.5%;
+        }
+      </style>
+
+      <div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n.monthNames)]]</div>
+      <table
+        id="monthGrid"
+        role="grid"
+        aria-labelledby="month-header"
+        on-touchend="_preventDefault"
+        on-touchstart="_onMonthGridTouchStart"
+      >
+        <thead id="weekdays-container">
+          <tr role="row" part="weekdays">
+            <th
+              part="weekday"
+              aria-hidden="true"
+              hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n.firstDayOfWeek)]]"
+            ></th>
+            <template
+              is="dom-repeat"
+              items="[[_getWeekDayNames(i18n.weekdays, i18n.weekdaysShort, showWeekNumbers, i18n.firstDayOfWeek)]]"
+            >
+              <th role="columnheader" part="weekday" scope="col" abbr$="[[item.weekDay]]" aria-hidden="true">
+                [[item.weekDayShort]]
+              </th>
+            </template>
+          </tr>
+        </thead>
+        <tbody id="days-container">
+          <template is="dom-repeat" items="[[_weeks]]" as="week">
+            <tr role="row">
+              <td
+                part="week-number"
+                aria-hidden="true"
+                hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n.firstDayOfWeek)]]"
+              >
+                [[__getWeekNumber(week)]]
+              </td>
+              <template is="dom-repeat" items="[[week]]">
+                <td
+                  role="gridcell"
+                  part="date"
+                  date="[[item]]"
+                  today$="[[_isToday(item)]]"
+                  focused$="[[__isDayFocused(item, focusedDate)]]"
+                  tabindex$="[[__getDayTabindex(item, focusedDate)]]"
+                  selected$="[[__isDaySelected(item, selectedDate)]]"
+                  disabled$="[[__isDayDisabled(item, minDate, maxDate)]]"
+                  aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]"
+                  aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate)]]"
+                  aria-label$="[[__getDayAriaLabel(item)]]"
+                  >[[_getDate(item)]]</td
+                >
+              </template>
+            </tr>
+          </template>
+        </tbody>
+      </table>
+    `}static get is(){return"vaadin-month-calendar"}static get properties(){return{month:{type:Date,value:new Date},selectedDate:{type:Date,notify:true},focusedDate:Date,showWeekNumbers:{type:Boolean,value:false},i18n:{type:Object},ignoreTaps:Boolean,_notTapping:Boolean,minDate:{type:Date,value:null},maxDate:{type:Date,value:null},_days:{type:Array,computed:"_getDays(month, i18n.firstDayOfWeek, minDate, maxDate)"},_weeks:{type:Array,computed:"_getWeeks(_days)"},disabled:{type:Boolean,reflectToAttribute:true,computed:"_isDisabled(month, minDate, maxDate)"}}}static get observers(){return["_showWeekNumbersChanged(showWeekNumbers, i18n.firstDayOfWeek)","__focusedDateChanged(focusedDate, _days)"]}ready(){super.ready();gn(this.$.monthGrid,"tap",this._handleTap.bind(this))}get focusableDateElement(){return[...this.shadowRoot.querySelectorAll("[part=date]")].find((t=>pa(t.date,this.focusedDate)))}_isDisabled(t,e,i){const s=new Date(0,0);s.setFullYear(t.getFullYear());s.setMonth(t.getMonth());s.setDate(1);const r=new Date(0,0);r.setFullYear(t.getFullYear());r.setMonth(t.getMonth()+1);r.setDate(0);if(e&&i&&e.getMonth()===i.getMonth()&&e.getMonth()===t.getMonth()&&i.getDate()-e.getDate()>=0){return false}return!ma(s,e,i)&&!ma(r,e,i)}_getTitle(t,e){if(t===undefined||e===undefined){return}return this.i18n.formatTitle(e[t.getMonth()],t.getFullYear())}_onMonthGridTouchStart(){this._notTapping=false;setTimeout((()=>{this._notTapping=true}),300)}_dateAdd(t,e){t.setDate(t.getDate()+e)}_applyFirstDayOfWeek(t,e){if(t===undefined||e===undefined){return}return t.slice(e).concat(t.slice(0,e))}_getWeekDayNames(t,e,i,s){if(t===undefined||e===undefined||i===undefined||s===undefined){return}t=this._applyFirstDayOfWeek(t,s);e=this._applyFirstDayOfWeek(e,s);t=t.map(((t,i)=>({weekDay:t,weekDayShort:e[i]})));return t}__focusedDateChanged(t,e){if(e.some((e=>pa(e,t)))){this.removeAttribute("aria-hidden")}else{this.setAttribute("aria-hidden","true")}}_getDate(t){return t?t.getDate():""}_showWeekNumbersChanged(t,e){if(t&&e===1){this.setAttribute("week-numbers","")}else{this.removeAttribute("week-numbers")}}_showWeekSeparator(t,e){return t&&e===1}_isToday(t){return pa(new Date,t)}_getDays(t,e){if(t===undefined||e===undefined){return}const i=new Date(0,0);i.setFullYear(t.getFullYear());i.setMonth(t.getMonth());i.setDate(1);while(i.getDay()!==e){this._dateAdd(i,-1)}const s=[];const r=i.getMonth();const o=t.getMonth();while(i.getMonth()===o||i.getMonth()===r){s.push(i.getMonth()===o?new Date(i.getTime()):null);this._dateAdd(i,1)}return s}_getWeeks(t){return t.reduce(((t,e,i)=>{if(i%7===0){t.push([])}t[t.length-1].push(e);return t}),[])}_handleTap(t){if(!this.ignoreTaps&&!this._notTapping&&t.target.date&&!t.target.hasAttribute("disabled")){this.selectedDate=t.target.date;this.dispatchEvent(new CustomEvent("date-tap",{detail:{date:t.target.date},bubbles:true,composed:true}))}}_preventDefault(t){t.preventDefault()}__getWeekNumber(t){const e=t.reduce(((t,e)=>!t&&e?e:t));return fa(e)}__isDayFocused(t,e){return pa(t,e)}__isDaySelected(t,e){return pa(t,e)}__getDayAriaSelected(t,e){if(this.__isDaySelected(t,e)){return"true"}}__isDayDisabled(t,e,i){return!ma(t,e,i)}__getDayAriaDisabled(t,e,i){if(t===undefined||e===undefined||i===undefined){return}if(this.__isDayDisabled(t,e,i)){return"true"}}__getDayAriaLabel(t){if(!t){return""}let e=`${this._getDate(t)} ${this.i18n.monthNames[t.getMonth()]} ${t.getFullYear()}, ${this.i18n.weekdays[t.getDay()]}`;if(this._isToday(t)){e+=`, ${this.i18n.today}`}return e}__getDayTabindex(t,e){if(this.__isDayFocused(t,e)){return"0"}return"-1"}}customElements.define(wa.is,wa);
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class xa extends Ps{static get template(){return Ms`
+      <style>
+        :host {
+          display: block;
+          overflow: hidden;
+          height: 500px;
+        }
+
+        #scroller {
+          position: relative;
+          height: 100%;
+          overflow: auto;
+          outline: none;
+          margin-right: -40px;
+          -webkit-overflow-scrolling: touch;
+          overflow-x: hidden;
+        }
+
+        #scroller.notouchscroll {
+          -webkit-overflow-scrolling: auto;
+        }
+
+        #scroller::-webkit-scrollbar {
+          display: none;
+        }
+
+        .buffer {
+          position: absolute;
+          width: var(--vaadin-infinite-scroller-buffer-width, 100%);
+          box-sizing: border-box;
+          padding-right: 40px;
+          top: var(--vaadin-infinite-scroller-buffer-offset, 0);
+          animation: fadein 0.2s;
+        }
+
+        @keyframes fadein {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+      </style>
+
+      <div id="scroller" on-scroll="_scroll">
+        <div class="buffer"></div>
+        <div class="buffer"></div>
+        <div id="fullHeight"></div>
+      </div>
+    `}static get is(){return"vaadin-infinite-scroller"}static get properties(){return{bufferSize:{type:Number,value:20},_initialScroll:{value:5e5},_initialIndex:{value:0},_buffers:Array,_preventScrollEvent:Boolean,_mayHaveMomentum:Boolean,_initialized:Boolean,active:{type:Boolean,observer:"_activated"}}}ready(){super.ready();this._buffers=[...this.shadowRoot.querySelectorAll(".buffer")];this.$.fullHeight.style.height=`${this._initialScroll*2}px`;const t=this.querySelector("template");this._TemplateClass=Pr(t,this,{forwardHostProp(t,e){if(t!=="index"){this._buffers.forEach((i=>{[...i.children].forEach((i=>{i._itemWrapper.instance[t]=e}))}))}}});if(Nr){this.$.scroller.tabIndex=-1}}forceUpdate(){if(this._debouncerUpdateClones){this._buffers[0].updated=this._buffers[1].updated=false;this._updateClones();this._debouncerUpdateClones.cancel()}}_activated(t){if(t&&!this._initialized){this._createPool();this._initialized=true}}_finishInit(){if(!this._initDone){this._buffers.forEach((t=>{[...t.children].forEach((t=>{this._ensureStampedInstance(t._itemWrapper)}))}));if(!this._buffers[0].translateY){this._reset()}this._initDone=true}}_translateBuffer(t){const e=t?1:0;this._buffers[e].translateY=this._buffers[e?0:1].translateY+this._bufferHeight*(e?-1:1);this._buffers[e].style.transform=`translate3d(0, ${this._buffers[e].translateY}px, 0)`;this._buffers[e].updated=false;this._buffers.reverse()}_scroll(){if(this._scrollDisabled){return}const t=this.$.scroller.scrollTop;if(t<this._bufferHeight||t>this._initialScroll*2-this._bufferHeight){this._initialIndex=~~this.position;this._reset()}const e=this.itemHeight+this.bufferOffset;const i=t>this._buffers[1].translateY+e;const s=t<this._buffers[0].translateY+e;if(i||s){this._translateBuffer(s);this._updateClones()}if(!this._preventScrollEvent){this.dispatchEvent(new CustomEvent("custom-scroll",{bubbles:false,composed:true}));this._mayHaveMomentum=true}this._preventScrollEvent=false;this._debouncerScrollFinish=Mo.debounce(this._debouncerScrollFinish,Co.after(200),(()=>{const t=this.$.scroller.getBoundingClientRect();if(!this._isVisible(this._buffers[0],t)&&!this._isVisible(this._buffers[1],t)){this.position=this.position}}))}get bufferOffset(){return this._buffers[0].offsetTop}get position(){return(this.$.scroller.scrollTop-this._buffers[0].translateY)/this.itemHeight+this._firstIndex}set position(t){this._preventScrollEvent=true;if(t>this._firstIndex&&t<this._firstIndex+this.bufferSize*2){this.$.scroller.scrollTop=this.itemHeight*(t-this._firstIndex)+this._buffers[0].translateY}else{this._initialIndex=~~t;this._reset();this._scrollDisabled=true;this.$.scroller.scrollTop+=t%1*this.itemHeight;this._scrollDisabled=false}if(this._mayHaveMomentum){this.$.scroller.classList.add("notouchscroll");this._mayHaveMomentum=false;setTimeout((()=>{this.$.scroller.classList.remove("notouchscroll")}),10)}}get itemHeight(){if(!this._itemHeightVal){const t=getComputedStyle(this).getPropertyValue("--vaadin-infinite-scroller-item-height");const e="background-position";this.$.fullHeight.style.setProperty(e,t);const i=getComputedStyle(this.$.fullHeight).getPropertyValue(e);this.$.fullHeight.style.removeProperty(e);this._itemHeightVal=parseFloat(i)}return this._itemHeightVal}get _bufferHeight(){return this.itemHeight*this.bufferSize}_reset(){this._scrollDisabled=true;this.$.scroller.scrollTop=this._initialScroll;this._buffers[0].translateY=this._initialScroll-this._bufferHeight;this._buffers[1].translateY=this._initialScroll;this._buffers.forEach((t=>{t.style.transform=`translate3d(0, ${t.translateY}px, 0)`}));this._buffers[0].updated=this._buffers[1].updated=false;this._updateClones(true);this._debouncerUpdateClones=Mo.debounce(this._debouncerUpdateClones,Co.after(200),(()=>{this._buffers[0].updated=this._buffers[1].updated=false;this._updateClones()}));this._scrollDisabled=false}_createPool(){const t=this.getBoundingClientRect();this._buffers.forEach((e=>{for(let i=0;i<this.bufferSize;i++){const i=document.createElement("div");i.style.height=`${this.itemHeight}px`;i.instance={};const s=xa._contentIndex=xa._contentIndex+1||0;const r=`vaadin-infinite-scroller-item-content-${s}`;const o=document.createElement("slot");o.setAttribute("name",r);o._itemWrapper=i;e.appendChild(o);i.setAttribute("slot",r);this.appendChild(i);setTimeout((()=>{if(this._isVisible(i,t)){this._ensureStampedInstance(i)}}),1)}}));setTimeout((()=>{ur(this,this._finishInit.bind(this))}),1)}_ensureStampedInstance(t){if(t.firstElementChild){return}const e=t.instance;t.instance=new this._TemplateClass({});t.appendChild(t.instance.root);Object.keys(e).forEach((i=>{t.instance.set(i,e[i])}))}_updateClones(t){this._firstIndex=~~((this._buffers[0].translateY-this._initialScroll)/this.itemHeight)+this._initialIndex;const e=t?this.$.scroller.getBoundingClientRect():undefined;this._buffers.forEach(((i,s)=>{if(!i.updated){const r=this._firstIndex+this.bufferSize*s;[...i.children].forEach(((i,s)=>{const o=i._itemWrapper;if(!t||this._isVisible(o,e)){o.instance.index=r+s}}));i.updated=true}}))}_isVisible(t,e){const i=t.getBoundingClientRect();return i.bottom>e.top&&i.top<e.bottom}}customElements.define(xa.is,xa);
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class _a{constructor(t,e){this.query=t;this.callback=e;this._boundQueryHandler=this._queryHandler.bind(this)}hostConnected(){this._removeListener();this._mediaQuery=window.matchMedia(this.query);this._addListener();this._queryHandler(this._mediaQuery)}hostDisconnected(){this._removeListener()}_addListener(){if(this._mediaQuery){this._mediaQuery.addListener(this._boundQueryHandler)}}_removeListener(){if(this._mediaQuery){this._mediaQuery.removeListener(this._boundQueryHandler)}this._mediaQuery=null}_queryHandler(t){if(typeof this.callback==="function"){this.callback(t.matches)}}}
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class ka extends(Hr(Ct(js(Ps)))){static get template(){return Ms`
+      <style>
+        :host {
+          display: flex;
+          flex-direction: column;
+          height: 100%;
+          width: 100%;
+          outline: none;
+        }
+
+        [part='overlay-header'] {
+          display: flex;
+          flex-shrink: 0;
+          flex-wrap: nowrap;
+          align-items: center;
+        }
+
+        :host(:not([fullscreen])) [part='overlay-header'] {
+          display: none;
+        }
+
+        [part='label'] {
+          flex-grow: 1;
+        }
+
+        [hidden] {
+          display: none !important;
+        }
+
+        [part='years-toggle-button'] {
+          display: flex;
+        }
+
+        #scrollers {
+          display: flex;
+          height: 100%;
+          width: 100%;
+          position: relative;
+          overflow: hidden;
+        }
+
+        [part='months'],
+        [part='years'] {
+          height: 100%;
+        }
+
+        [part='months'] {
+          --vaadin-infinite-scroller-item-height: 270px;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+        }
+
+        #scrollers[desktop] [part='months'] {
+          right: 50px;
+          transform: none !important;
+        }
+
+        [part='years'] {
+          --vaadin-infinite-scroller-item-height: 80px;
+          width: 50px;
+          position: absolute;
+          right: 0;
+          transform: translateX(100%);
+          -webkit-tap-highlight-color: transparent;
+          -webkit-user-select: none;
+          -moz-user-select: none;
+          user-select: none;
+          /* Center the year scroller position. */
+          --vaadin-infinite-scroller-buffer-offset: 50%;
+        }
+
+        #scrollers[desktop] [part='years'] {
+          position: absolute;
+          transform: none !important;
+        }
+
+        [part='years']::before {
+          content: '';
+          display: block;
+          background: transparent;
+          width: 0;
+          height: 0;
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translateY(-50%);
+          border-width: 6px;
+          border-style: solid;
+          border-color: transparent;
+          border-left-color: #000;
+        }
+
+        :host(.animate) [part='months'],
+        :host(.animate) [part='years'] {
+          transition: all 200ms;
+        }
+
+        [part='toolbar'] {
+          display: flex;
+          justify-content: space-between;
+          z-index: 2;
+          flex-shrink: 0;
+        }
+      </style>
+
+      <div part="overlay-header" on-touchend="_preventDefault" desktop$="[[_desktopMode]]" aria-hidden="true">
+        <div part="label">[[_formatDisplayed(selectedDate, i18n.formatDate, label)]]</div>
+        <div part="clear-button" hidden$="[[!selectedDate]]"></div>
+        <div part="toggle-button"></div>
+
+        <div part="years-toggle-button" hidden$="[[_desktopMode]]" aria-hidden="true">
+          [[_yearAfterXMonths(_visibleMonthIndex)]]
+        </div>
+      </div>
+
+      <div id="scrollers" desktop$="[[_desktopMode]]">
+        <vaadin-infinite-scroller
+          id="monthScroller"
+          on-custom-scroll="_onMonthScroll"
+          on-touchstart="_onMonthScrollTouchStart"
+          buffer-size="3"
+          active="[[initialPosition]]"
+          part="months"
+        >
+          <template>
+            <vaadin-month-calendar
+              i18n="[[i18n]]"
+              month="[[_dateAfterXMonths(index)]]"
+              selected-date="{{selectedDate}}"
+              focused-date="[[focusedDate]]"
+              ignore-taps="[[_ignoreTaps]]"
+              show-week-numbers="[[showWeekNumbers]]"
+              min-date="[[minDate]]"
+              max-date="[[maxDate]]"
+              part="month"
+              theme$="[[_theme]]"
+              on-keydown="__onMonthCalendarKeyDown"
+            >
+            </vaadin-month-calendar>
+          </template>
+        </vaadin-infinite-scroller>
+        <vaadin-infinite-scroller
+          id="yearScroller"
+          on-custom-scroll="_onYearScroll"
+          on-touchstart="_onYearScrollTouchStart"
+          buffer-size="12"
+          active="[[initialPosition]]"
+          part="years"
+          aria-hidden="true"
+        >
+          <template>
+            <div
+              part="year-number"
+              current$="[[_isCurrentYear(index)]]"
+              selected$="[[_isSelectedYear(index, selectedDate)]]"
+            >
+              [[_yearAfterXYears(index)]]
+            </div>
+            <div part="year-separator" aria-hidden="true"></div>
+          </template>
+        </vaadin-infinite-scroller>
+      </div>
+
+      <div on-touchend="_preventDefault" role="toolbar" part="toolbar">
+        <vaadin-button
+          id="todayButton"
+          part="today-button"
+          theme="tertiary"
+          disabled="[[!_isTodayAllowed(minDate, maxDate)]]"
+          on-keydown="__onTodayButtonKeyDown"
+        >
+          [[i18n.today]]
+        </vaadin-button>
+        <vaadin-button id="cancelButton" part="cancel-button" theme="tertiary" on-keydown="__onCancelButtonKeyDown">
+          [[i18n.cancel]]
+        </vaadin-button>
+      </div>
+    `}static get is(){return"vaadin-date-picker-overlay-content"}static get properties(){return{scrollDuration:{type:Number,value:300},selectedDate:{type:Date,value:null},focusedDate:{type:Date,notify:true,observer:"_focusedDateChanged"},_focusedMonthDate:Number,initialPosition:{type:Date,observer:"_initialPositionChanged"},_originDate:{value:new Date},_visibleMonthIndex:Number,_desktopMode:Boolean,_desktopMediaQuery:{type:String,value:"(min-width: 375px)"},_translateX:{observer:"_translateXChanged"},_yearScrollerWidth:{value:50},i18n:{type:Object},showWeekNumbers:{type:Boolean},_ignoreTaps:Boolean,_notTapping:Boolean,minDate:Date,maxDate:Date,label:String}}get __isRTL(){return this.getAttribute("dir")==="rtl"}get __useSubMonthScrolling(){return this.$.monthScroller.clientHeight<this.$.monthScroller.itemHeight+this.$.monthScroller.bufferOffset}get calendars(){return[...this.shadowRoot.querySelectorAll("vaadin-month-calendar")]}get focusableDateElement(){return this.calendars.map((t=>t.focusableDateElement)).find(Boolean)}ready(){super.ready();this.setAttribute("role","dialog");gn(this.$.scrollers,"track",this._track.bind(this));gn(this.shadowRoot.querySelector('[part="clear-button"]'),"tap",this._clear.bind(this));gn(this.shadowRoot.querySelector('[part="today-button"]'),"tap",this._onTodayTap.bind(this));gn(this.shadowRoot.querySelector('[part="cancel-button"]'),"tap",this._cancel.bind(this));gn(this.shadowRoot.querySelector('[part="toggle-button"]'),"tap",this._cancel.bind(this));gn(this.shadowRoot.querySelector('[part="years"]'),"tap",this._onYearTap.bind(this));gn(this.shadowRoot.querySelector('[part="years-toggle-button"]'),"tap",this._toggleYearScroller.bind(this));this.addController(new _a(this._desktopMediaQuery,(t=>{this._desktopMode=t})))}connectedCallback(){super.connectedCallback();this._closeYearScroller();this._toggleAnimateClass(true);xn(this.$.scrollers,"pan-y")}focusCancel(){this.$.cancelButton.focus()}scrollToDate(t,e){const i=this.__useSubMonthScrolling?this._calculateWeekScrollOffset(t):0;this._scrollToPosition(this._differenceInMonths(t,this._originDate)+i,e);this.$.monthScroller.forceUpdate()}_selectDate(t){this.selectedDate=t;this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:t},bubbles:true,composed:true}))}_focusedDateChanged(t){this.revealDate(t)}_isCurrentYear(t){return t===0}_isSelectedYear(t,e){if(e){return e.getFullYear()===this._originDate.getFullYear()+t}}revealDate(t,e=true){if(!t){return}const i=this._differenceInMonths(t,this._originDate);if(this.__useSubMonthScrolling){const s=this._calculateWeekScrollOffset(t);this._scrollToPosition(i+s,e);return}const s=this.$.monthScroller.position>i;const r=Math.max(this.$.monthScroller.itemHeight,this.$.monthScroller.clientHeight-this.$.monthScroller.bufferOffset*2);const o=r/this.$.monthScroller.itemHeight;const n=this.$.monthScroller.position+o-1<i;if(s){this._scrollToPosition(i,e)}else if(n){this._scrollToPosition(i-o+1,e)}}_calculateWeekScrollOffset(t){const e=new Date(0,0);e.setFullYear(t.getFullYear());e.setMonth(t.getMonth());e.setDate(1);let i=0;while(e.getDate()<t.getDate()){e.setDate(e.getDate()+1);if(e.getDay()===this.i18n.firstDayOfWeek){i+=1}}return i/6}_initialPositionChanged(t){this.scrollToDate(t)}_repositionYearScroller(){this._visibleMonthIndex=Math.floor(this.$.monthScroller.position);this.$.yearScroller.position=(this.$.monthScroller.position+this._originDate.getMonth())/12}_repositionMonthScroller(){this.$.monthScroller.position=this.$.yearScroller.position*12-this._originDate.getMonth();this._visibleMonthIndex=Math.floor(this.$.monthScroller.position)}_onMonthScroll(){this._repositionYearScroller();this._doIgnoreTaps()}_onYearScroll(){this._repositionMonthScroller();this._doIgnoreTaps()}_onYearScrollTouchStart(){this._notTapping=false;setTimeout((()=>{this._notTapping=true}),300);this._repositionMonthScroller()}_onMonthScrollTouchStart(){this._repositionYearScroller()}_doIgnoreTaps(){this._ignoreTaps=true;this._debouncer=Mo.debounce(this._debouncer,Co.after(300),(()=>{this._ignoreTaps=false}))}_formatDisplayed(t,e,i){if(t){return e(ga(t))}return i}_onTodayTap(){const t=new Date;if(Math.abs(this.$.monthScroller.position-this._differenceInMonths(t,this._originDate))<.001){this._selectDate(t);this._close()}else{this._scrollToCurrentMonth()}}_scrollToCurrentMonth(){if(this.focusedDate){this.focusedDate=new Date}this.scrollToDate(new Date,true)}_onYearTap(t){if(!this._ignoreTaps&&!this._notTapping){const e=t.detail.y-(this.$.yearScroller.getBoundingClientRect().top+this.$.yearScroller.clientHeight/2);const i=e/this.$.yearScroller.itemHeight;this._scrollToPosition(this.$.monthScroller.position+i*12,true)}}_scrollToPosition(t,e){if(this._targetPosition!==undefined){this._targetPosition=t;return}if(!e){this.$.monthScroller.position=t;this._targetPosition=undefined;this._repositionYearScroller();this.__tryFocusDate();return}this._targetPosition=t;let i;this._revealPromise=new Promise((t=>{i=t}));const s=(t,e,i,s)=>{t/=s/2;if(t<1){return i/2*t*t+e}t-=1;return-i/2*(t*(t-2)-1)+e};let r=0;const o=this.$.monthScroller.position;const n=t=>{r=r||t;const e=t-r;if(e<this.scrollDuration){const t=s(e,o,this._targetPosition-o,this.scrollDuration);this.$.monthScroller.position=t;window.requestAnimationFrame(n)}else{this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:true,composed:true,detail:{position:this._targetPosition,oldPosition:o}}));this.$.monthScroller.position=this._targetPosition;this._targetPosition=undefined;i();this._revealPromise=undefined}setTimeout(this._repositionYearScroller.bind(this),1)};window.requestAnimationFrame(n)}_limit(t,e){return Math.min(e.max,Math.max(e.min,t))}_handleTrack(t){if(Math.abs(t.detail.dx)<10||Math.abs(t.detail.ddy)>10){return}if(Math.abs(t.detail.ddx)>this._yearScrollerWidth/3){this._toggleAnimateClass(true)}const e=this._translateX+t.detail.ddx;this._translateX=this._limit(e,{min:0,max:this._yearScrollerWidth})}_track(t){if(this._desktopMode){return}switch(t.detail.state){case"start":this._toggleAnimateClass(false);break;case"track":this._handleTrack(t);break;case"end":this._toggleAnimateClass(true);if(this._translateX>=this._yearScrollerWidth/2){this._closeYearScroller()}else{this._openYearScroller()}break}}_toggleAnimateClass(t){if(t){this.classList.add("animate")}else{this.classList.remove("animate")}}_toggleYearScroller(){if(this._isYearScrollerVisible()){this._closeYearScroller()}else{this._openYearScroller()}}_openYearScroller(){this._translateX=0;this.setAttribute("years-visible","")}_closeYearScroller(){this.removeAttribute("years-visible");this._translateX=this._yearScrollerWidth}_isYearScrollerVisible(){return this._translateX<this._yearScrollerWidth/2}_translateXChanged(t){if(!this._desktopMode){this.$.monthScroller.style.transform=`translateX(${t-this._yearScrollerWidth}px)`;this.$.yearScroller.style.transform=`translateX(${t}px)`}}_yearAfterXYears(t){const e=new Date(this._originDate);e.setFullYear(parseInt(t)+this._originDate.getFullYear());return e.getFullYear()}_yearAfterXMonths(t){return this._dateAfterXMonths(t).getFullYear()}_dateAfterXMonths(t){const e=new Date(this._originDate);e.setDate(1);e.setMonth(parseInt(t)+this._originDate.getMonth());return e}_differenceInMonths(t,e){const i=(t.getFullYear()-e.getFullYear())*12;return i-e.getMonth()+t.getMonth()}_clear(){this._selectDate("")}_close(){this.dispatchEvent(new CustomEvent("close",{bubbles:true,composed:true}))}_cancel(){this.focusedDate=this.selectedDate;this._close()}_preventDefault(t){t.preventDefault()}__toggleDate(t){if(pa(t,this.selectedDate)){this._clear();this.focusedDate=t}else{this._selectDate(t)}}__onMonthCalendarKeyDown(t){let e=false;switch(t.key){case"ArrowDown":this._moveFocusByDays(7);e=true;break;case"ArrowUp":this._moveFocusByDays(-7);e=true;break;case"ArrowRight":this._moveFocusByDays(this.__isRTL?-1:1);e=true;break;case"ArrowLeft":this._moveFocusByDays(this.__isRTL?1:-1);e=true;break;case"Enter":this._selectDate(this.focusedDate);this._close();e=true;break;case" ":this.__toggleDate(this.focusedDate);e=true;break;case"Home":this._moveFocusInsideMonth(this.focusedDate,"minDate");e=true;break;case"End":this._moveFocusInsideMonth(this.focusedDate,"maxDate");e=true;break;case"PageDown":this._moveFocusByMonths(t.shiftKey?12:1);e=true;break;case"PageUp":this._moveFocusByMonths(t.shiftKey?-12:-1);e=true;break;case"Tab":this._onTabKeyDown(t,"calendar");break}if(e){t.preventDefault();t.stopPropagation()}}_onTabKeyDown(t,e){t.stopPropagation();switch(e){case"calendar":if(t.shiftKey){t.preventDefault();if(this.hasAttribute("fullscreen")){this.$.cancelButton.focus()}else{this.__focusInput()}}break;case"today":if(t.shiftKey){t.preventDefault();this.focusDateElement()}break;case"cancel":if(!t.shiftKey){t.preventDefault();if(this.hasAttribute("fullscreen")){this.focusDateElement()}else{this.__focusInput()}}break}}__onTodayButtonKeyDown(t){if(t.key==="Tab"){this._onTabKeyDown(t,"today")}}__onCancelButtonKeyDown(t){if(t.key==="Tab"){this._onTabKeyDown(t,"cancel")}}__focusInput(){this.dispatchEvent(new CustomEvent("focus-input",{bubbles:true,composed:true}))}__tryFocusDate(){const t=this.__pendingDateFocus;if(t){const t=this.focusableDateElement;if(t&&pa(t.date,this.__pendingDateFocus)){delete this.__pendingDateFocus;t.focus()}}}async focusDate(t,e){const i=t||this.selectedDate||this.initialPosition||new Date;this.focusedDate=i;if(!e){this._focusedMonthDate=i.getDate()}await this.focusDateElement(false)}async focusDateElement(t=true){this.__pendingDateFocus=this.focusedDate;if(!this.calendars.length){await new Promise((t=>{setTimeout(t)}))}if(t){this.revealDate(this.focusedDate)}if(this._revealPromise){await this._revealPromise}this.__tryFocusDate()}_focusClosestDate(t){this.focusDate(ba(t,[this.minDate,this.maxDate]))}_moveFocusByDays(t){const e=this.focusedDate;const i=new Date(0,0);i.setFullYear(e.getFullYear());i.setMonth(e.getMonth());i.setDate(e.getDate()+t);if(this._dateAllowed(i,this.minDate,this.maxDate)){this.focusDate(i)}else if(this._dateAllowed(e,this.minDate,this.maxDate)){if(t>0){this.focusDate(this.maxDate)}else{this.focusDate(this.minDate)}}else{this._focusClosestDate(e)}}_moveFocusByMonths(t){const e=this.focusedDate;const i=new Date(0,0);i.setFullYear(e.getFullYear());i.setMonth(e.getMonth()+t);const s=i.getMonth();i.setDate(this._focusedMonthDate||(this._focusedMonthDate=e.getDate()));if(i.getMonth()!==s){i.setDate(0)}if(this._dateAllowed(i,this.minDate,this.maxDate)){this.focusDate(i,true)}else if(this._dateAllowed(e,this.minDate,this.maxDate)){if(t>0){this.focusDate(this.maxDate)}else{this.focusDate(this.minDate)}}else{this._focusClosestDate(e)}}_moveFocusInsideMonth(t,e){const i=new Date(0,0);i.setFullYear(t.getFullYear());if(e==="minDate"){i.setMonth(t.getMonth());i.setDate(1)}else{i.setMonth(t.getMonth()+1);i.setDate(0)}if(this._dateAllowed(i,this.minDate,this.maxDate)){this.focusDate(i)}else if(this._dateAllowed(t,this.minDate,this.maxDate)){this.focusDate(this[e])}else{this._focusClosestDate(t)}}_dateAllowed(t,e,i){return(!e||t>=e)&&(!i||t<=i)}_isTodayAllowed(t,e){const i=new Date;const s=new Date(0,0);s.setFullYear(i.getFullYear());s.setMonth(i.getMonth());s.setDate(i.getDate());return this._dateAllowed(s,t,e)}}customElements.define(ka.is,ka);
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Aa=ae((t=>class e extends(zn(Pn(t))){static get properties(){return{autofocus:{type:Boolean},focusElement:{type:Object,readOnly:true,observer:"_focusElementChanged"},_lastTabIndex:{value:0}}}constructor(){super();this._boundOnBlur=this._onBlur.bind(this);this._boundOnFocus=this._onFocus.bind(this)}ready(){super.ready();if(this.autofocus&&!this.disabled){requestAnimationFrame((()=>{this.focus();this.setAttribute("focus-ring","")}))}}focus(){if(!this.focusElement||this.disabled){return}this.focusElement.focus();this._setFocused(true)}blur(){if(!this.focusElement){return}this.focusElement.blur();this._setFocused(false)}click(){if(this.focusElement&&!this.disabled){this.focusElement.click()}}_focusElementChanged(t,e){if(t){t.disabled=this.disabled;this._addFocusListeners(t);this.__forwardTabIndex(this.tabindex)}else if(e){this._removeFocusListeners(e)}}_addFocusListeners(t){t.addEventListener("blur",this._boundOnBlur);t.addEventListener("focus",this._boundOnFocus)}_removeFocusListeners(t){t.removeEventListener("blur",this._boundOnBlur);t.removeEventListener("focus",this._boundOnFocus)}_onFocus(t){t.stopPropagation();this.dispatchEvent(new Event("focus"))}_onBlur(t){t.stopPropagation();this.dispatchEvent(new Event("blur"))}_shouldSetFocus(t){return t.target===this.focusElement}_disabledChanged(t,e){super._disabledChanged(t,e);if(this.focusElement){this.focusElement.disabled=t}if(t){this.blur()}}_tabindexChanged(t){this.__forwardTabIndex(t)}__forwardTabIndex(t){if(t!==undefined&&this.focusElement){this.focusElement.tabIndex=t;if(t!==-1){this.tabindex=undefined}}if(this.disabled&&t){if(t!==-1){this._lastTabIndex=t}this.tabindex=undefined}}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Da extends No{constructor(t){super(t,"error-message",(()=>document.createElement("div")),((t,e)=>{this.__updateErrorId(e);this.__updateHasError()}),true)}get errorId(){return this.node&&this.node.id}setErrorMessage(t){this.errorMessage=t;this.__updateHasError()}setInvalid(t){this.invalid=t;this.__updateHasError()}initCustomNode(t){this.__updateErrorId(t);if(t.textContent&&!this.errorMessage){this.errorMessage=t.textContent.trim()}this.__updateHasError()}teardownNode(t){let e=this.getSlotChild();if(!e&&t!==this.defaultNode){e=this.attachDefaultNode();this.initNode(e)}this.__updateHasError()}__isNotEmpty(t){return Boolean(t&&t.trim()!=="")}__updateHasError(){const t=this.node;const e=Boolean(this.invalid&&this.__isNotEmpty(this.errorMessage));if(t){t.textContent=e?this.errorMessage:"";t.hidden=!e;if(e){t.setAttribute("role","alert")}else{t.removeAttribute("role")}}this.host.toggleAttribute("has-error-message",e)}__updateErrorId(t){if(!t.id){t.id=this.defaultId}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Ca{constructor(t){this.host=t;this.__required=false}setTarget(t){this.__target=t;this.__setAriaRequiredAttribute(this.__required);this.__setLabelIdToAriaAttribute(this.__labelId);this.__setErrorIdToAriaAttribute(this.__errorId);this.__setHelperIdToAriaAttribute(this.__helperId)}setRequired(t){this.__setAriaRequiredAttribute(t);this.__required=t}setLabelId(t){this.__setLabelIdToAriaAttribute(t,this.__labelId);this.__labelId=t}setErrorId(t){this.__setErrorIdToAriaAttribute(t,this.__errorId);this.__errorId=t}setHelperId(t){this.__setHelperIdToAriaAttribute(t,this.__helperId);this.__helperId=t}get __isGroupField(){return this.__target===this.host}__setLabelIdToAriaAttribute(t,e){this.__setAriaAttributeId("aria-labelledby",t,e)}__setErrorIdToAriaAttribute(t,e){if(this.__isGroupField){this.__setAriaAttributeId("aria-labelledby",t,e)}else{this.__setAriaAttributeId("aria-describedby",t,e)}}__setHelperIdToAriaAttribute(t,e){if(this.__isGroupField){this.__setAriaAttributeId("aria-labelledby",t,e)}else{this.__setAriaAttributeId("aria-describedby",t,e)}}__setAriaRequiredAttribute(t){if(!this.__target){return}if(["input","textarea"].includes(this.__target.localName)){return}if(t){this.__target.setAttribute("aria-required","true")}else{this.__target.removeAttribute("aria-required")}}__setAriaAttributeId(t,e,i){if(!this.__target){return}if(i){Jn(this.__target,t,i)}if(e){Vn(this.__target,t,e)}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Ta extends No{constructor(t){super(t,"helper",null,null,true)}get helperId(){return this.node&&this.node.id}initCustomNode(t){this.__updateHelperId(t);this.__observeHelper(t);const e=this.__hasHelper(t);this.__toggleHasHelper(e)}teardownNode(t){if(this.__helperIdObserver){this.__helperIdObserver.disconnect()}const e=this.getSlotChild();if(e&&e!==this.defaultNode){const t=this.__hasHelper(e);this.__toggleHasHelper(t)}else{this.__applyDefaultHelper(this.helperText,e)}}setHelperText(t){this.helperText=t;const e=this.getSlotChild();if(!e||e===this.defaultNode){this.__applyDefaultHelper(t,e)}}__hasHelper(t){if(!t){return false}return t.children.length>0||t.nodeType===Node.ELEMENT_NODE&&customElements.get(t.localName)||this.__isNotEmpty(t.textContent)}__isNotEmpty(t){return t&&t.trim()!==""}__applyDefaultHelper(t,e){const i=this.__isNotEmpty(t);if(i&&!e){this.slotFactory=()=>document.createElement("div");e=this.attachDefaultNode();this.__updateHelperId(e);this.__observeHelper(e)}if(e){e.textContent=t}this.__toggleHasHelper(i)}__observeHelper(t){this.__helperObserver=new MutationObserver((t=>{t.forEach((t=>{const e=t.target;const i=e===this.node;if(t.type==="attributes"){if(i&&e.id!==this.defaultId){this.__updateHelperId(e)}}else if(i||e.parentElement===this.node){const t=this.__hasHelper(this.node);this.__toggleHasHelper(t)}}))}));this.__helperObserver.observe(t,{attributes:true,attributeFilter:["id"],childList:true,subtree:true,characterData:true})}__toggleHasHelper(t){this.host.toggleAttribute("has-helper",t);this.dispatchEvent(new CustomEvent("helper-changed",{detail:{hasHelper:t,node:this.node}}))}__updateHelperId(t){if(!t.id){t.id=this.defaultId}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Sa extends No{constructor(t){super(t,"label",(()=>document.createElement("label")),((t,e)=>{this.__updateLabelId(e);this.__updateDefaultLabel(this.label);this.__observeLabel(e)}),true)}get labelId(){return this.node.id}initCustomNode(t){this.__updateLabelId(t);const e=this.__hasLabel(t);this.__toggleHasLabel(e)}teardownNode(t){if(this.__labelObserver){this.__labelObserver.disconnect()}let e=this.getSlotChild();if(!e&&t!==this.defaultNode){e=this.attachDefaultNode();this.initNode(e)}const i=this.__hasLabel(e);this.__toggleHasLabel(i)}setLabel(t){this.label=t;this.__updateDefaultLabel(t)}__hasLabel(t){if(!t){return false}return t.children.length>0||this.__isNotEmpty(t.textContent)}__isNotEmpty(t){return Boolean(t&&t.trim()!=="")}__observeLabel(t){this.__labelObserver=new MutationObserver((t=>{t.forEach((t=>{const e=t.target;const i=e===this.node;if(t.type==="attributes"){if(i&&e.id!==this.defaultId){this.__updateLabelId(e)}}else if(i||e.parentElement===this.node){const t=this.__hasLabel(this.node);this.__toggleHasLabel(t)}}))}));this.__labelObserver.observe(t,{attributes:true,attributeFilter:["id"],childList:true,subtree:true,characterData:true})}__toggleHasLabel(t){this.host.toggleAttribute("has-label",t);this.dispatchEvent(new CustomEvent("label-changed",{detail:{hasLabel:t,node:this.node}}))}__updateDefaultLabel(t){if(this.defaultNode){this.defaultNode.textContent=t;if(this.defaultNode===this.node){const e=this.__isNotEmpty(t);this.__toggleHasLabel(e)}}}__updateLabelId(t){if(!t.id){t.id=this.defaultId}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Ma=ae((t=>class e extends(Hr(t)){static get properties(){return{label:{type:String,observer:"_labelChanged"}}}get _labelId(){return this._labelController.labelId}get _labelNode(){return this._labelController.node}constructor(){super();this._labelController=new Sa(this)}ready(){super.ready();this.addController(this._labelController)}_labelChanged(t){this._labelController.setLabel(t)}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const za=ae((t=>class e extends t{static get properties(){return{invalid:{type:Boolean,reflectToAttribute:true,notify:true,value:false},required:{type:Boolean,reflectToAttribute:true}}}validate(){const t=this.checkValidity();this._setInvalid(!t);this.dispatchEvent(new CustomEvent("validated",{detail:{valid:t}}));return t}checkValidity(){return!this.required||!!this.value}_setInvalid(t){if(this._shouldSetInvalid(t)){this.invalid=t}}_shouldSetInvalid(t){return true}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Pa=t=>class e extends(za(Ma(Hr(t)))){static get properties(){return{ariaTarget:{type:Object,observer:"_ariaTargetChanged"},errorMessage:{type:String,observer:"_errorMessageChanged"},helperText:{type:String,observer:"_helperTextChanged"}}}static get observers(){return["_invalidChanged(invalid)","_requiredChanged(required)"]}get _errorId(){return this._errorController.errorId}get _errorNode(){return this._errorController.node}get _helperId(){return this._helperController.helperId}get _helperNode(){return this._helperController.node}constructor(){super();this._fieldAriaController=new Ca(this);this._helperController=new Ta(this);this._errorController=new Da(this);this._labelController.addEventListener("label-changed",(t=>{const{hasLabel:e,node:i}=t.detail;this.__labelChanged(e,i)}));this._helperController.addEventListener("helper-changed",(t=>{const{hasHelper:e,node:i}=t.detail;this.__helperChanged(e,i)}))}ready(){super.ready();this.addController(this._fieldAriaController);this.addController(this._helperController);this.addController(this._errorController)}__helperChanged(t,e){if(t){this._fieldAriaController.setHelperId(e.id)}else{this._fieldAriaController.setHelperId(null)}}__labelChanged(t,e){if(t){this._fieldAriaController.setLabelId(e.id)}else{this._fieldAriaController.setLabelId(null)}}_errorMessageChanged(t){this._errorController.setErrorMessage(t)}_helperTextChanged(t){this._helperController.setHelperText(t)}_ariaTargetChanged(t){if(t){this._fieldAriaController.setTarget(t)}}_requiredChanged(t){this._fieldAriaController.setRequired(t)}_invalidChanged(t){this._errorController.setInvalid(t);setTimeout((()=>{if(t){this._fieldAriaController.setErrorId(this._errorController.errorId)}else{this._fieldAriaController.setErrorId(null)}}))}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const Ea=ae((t=>class e extends t{static get properties(){return{stateTarget:{type:Object,observer:"_stateTargetChanged"}}}static get delegateAttrs(){return[]}static get delegateProps(){return[]}ready(){super.ready();this._createDelegateAttrsObserver();this._createDelegatePropsObserver()}_stateTargetChanged(t){if(t){this._ensureAttrsDelegated();this._ensurePropsDelegated()}}_createDelegateAttrsObserver(){this._createMethodObserver(`_delegateAttrsChanged(${this.constructor.delegateAttrs.join(", ")})`)}_createDelegatePropsObserver(){this._createMethodObserver(`_delegatePropsChanged(${this.constructor.delegateProps.join(", ")})`)}_ensureAttrsDelegated(){this.constructor.delegateAttrs.forEach((t=>{this._delegateAttribute(t,this[t])}))}_ensurePropsDelegated(){this.constructor.delegateProps.forEach((t=>{this._delegateProperty(t,this[t])}))}_delegateAttrsChanged(...t){this.constructor.delegateAttrs.forEach(((e,i)=>{this._delegateAttribute(e,t[i])}))}_delegatePropsChanged(...t){this.constructor.delegateProps.forEach(((e,i)=>{this._delegateProperty(e,t[i])}))}_delegateAttribute(t,e){if(!this.stateTarget){return}if(t==="invalid"){this._delegateAttribute("aria-invalid",e?"true":false)}if(typeof e==="boolean"){this.stateTarget.toggleAttribute(t,e)}else if(e){this.stateTarget.setAttribute(t,e)}else{this.stateTarget.removeAttribute(t)}}_delegateProperty(t,e){if(!this.stateTarget){return}this.stateTarget[t]=e}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Fa=ae((t=>class e extends t{static get properties(){return{inputElement:{type:Object,readOnly:true,observer:"_inputElementChanged"},type:{type:String,readOnly:true},value:{type:String,value:"",observer:"_valueChanged",notify:true},_hasInputValue:{type:Boolean,value:false,observer:"_hasInputValueChanged"}}}constructor(){super();this._boundOnInput=this.__onInput.bind(this);this._boundOnChange=this._onChange.bind(this)}clear(){this.value=""}_addInputListeners(t){t.addEventListener("input",this._boundOnInput);t.addEventListener("change",this._boundOnChange)}_removeInputListeners(t){t.removeEventListener("input",this._boundOnInput);t.removeEventListener("change",this._boundOnChange)}_forwardInputValue(t){if(!this.inputElement){return}if(t!=null){this.inputElement.value=t}else{this.inputElement.value=""}}_inputElementChanged(t,e){if(t){this._addInputListeners(t)}else if(e){this._removeInputListeners(e)}}_hasInputValueChanged(t,e){if(t||e){this.dispatchEvent(new CustomEvent("has-input-value-changed"))}}__onInput(t){this._setHasInputValue(t);this._onInput(t)}_onInput(t){const e=t.composedPath()[0];this.__userInput=t.isTrusted;this.value=e.value;this.__userInput=false}_onChange(t){}_toggleHasValue(t){this.toggleAttribute("has-value",t)}_valueChanged(t,e){this._toggleHasValue(this._hasValue);if(t===""&&e===undefined){return}if(this.__userInput){return}this._forwardInputValue(t)}get _hasValue(){return this.value!=null&&this.value!==""}_setHasInputValue(t){const e=t.composedPath()[0];this._hasInputValue=e.value.length>0}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Oa=ae((t=>class e extends(Ea(za(Fa(t)))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready();this._createConstraintsObserver()}checkValidity(){if(this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map((t=>this[t])))){return this.inputElement.checkValidity()}return!this.invalid}_hasValidConstraints(t){return t.some((t=>this.__isValidConstraint(t)))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(t,...e){if(!t){return}const i=this._hasValidConstraints(e);const s=this.__previousHasConstraints&&!i;if((this._hasValue||this.invalid)&&i){this.validate()}else if(s){this._setInvalid(false)}this.__previousHasConstraints=i}_onChange(t){t.stopPropagation();this.validate();this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__isValidConstraint(t){return Boolean(t)||t===0}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Ba=new WeakMap;function Ia(t){if(!Ba.has(t)){Ba.set(t,new Set)}return Ba.get(t)}function Na(t,e){const i=document.createElement("style");i.textContent=t;if(e===document){document.head.appendChild(i)}else{e.insertBefore(i,e.firstChild)}}const Ra=ae((t=>class e extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback();this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode();const e=Ia(t);this.slotStyles.forEach((i=>{if(!e.has(i)){Na(i,t);e.add(i)}}))}}));
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const ja=t=>class e extends(Ra(Aa(Oa(Pa(Sn(t)))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:false},clearButtonVisible:{type:Boolean,reflectToAttribute:true,value:false},name:{type:String,reflectToAttribute:true},placeholder:{type:String,reflectToAttribute:true},readonly:{type:Boolean,value:false,reflectToAttribute:true},title:{type:String,reflectToAttribute:true}}}static get delegateAttrs(){return[...super.delegateAttrs,"name","type","placeholder","readonly","invalid","title"]}constructor(){super();this._boundOnPaste=this._onPaste.bind(this);this._boundOnDrop=this._onDrop.bind(this);this._boundOnBeforeInput=this._onBeforeInput.bind(this)}get clearElement(){console.warn(`Please implement the 'clearElement' property in <${this.localName}>`);return null}get slotStyles(){return[`\n          :is(input[slot='input'], textarea[slot='textarea'])::placeholder {\n            font: inherit;\n            color: inherit;\n          }\n        `]}ready(){super.ready();if(this.clearElement){this.clearElement.addEventListener("click",(t=>this._onClearButtonClick(t)))}}_onClearButtonClick(t){t.preventDefault();this.inputElement.focus();this.__clear()}_onFocus(t){super._onFocus(t);if(this.autoselect&&this.inputElement){this.inputElement.select()}}_onEscape(t){super._onEscape(t);if(this.clearButtonVisible&&!!this.value){t.stopPropagation();this.__clear()}}_onChange(t){t.stopPropagation();this.validate();this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__clear(){this.clear();this.inputElement.dispatchEvent(new Event("input",{bubbles:true,composed:true}));this.inputElement.dispatchEvent(new Event("change",{bubbles:true}))}_addInputListeners(t){super._addInputListeners(t);t.addEventListener("paste",this._boundOnPaste);t.addEventListener("drop",this._boundOnDrop);t.addEventListener("beforeinput",this._boundOnBeforeInput)}_removeInputListeners(t){super._removeInputListeners(t);t.removeEventListener("paste",this._boundOnPaste);t.removeEventListener("drop",this._boundOnDrop);t.removeEventListener("beforeinput",this._boundOnBeforeInput)}_onKeyDown(t){super._onKeyDown(t);if(this.allowedCharPattern&&!this.__shouldAcceptKey(t)){t.preventDefault();this._markInputPrevented()}}_markInputPrevented(){this.setAttribute("input-prevented","");this._preventInputDebouncer=Mo.debounce(this._preventInputDebouncer,Co.after(200),(()=>{this.removeAttribute("input-prevented")}))}__shouldAcceptKey(t){return t.metaKey||t.ctrlKey||!t.key||t.key.length!==1||this.__allowedCharRegExp.test(t.key)}_onPaste(t){if(this.allowedCharPattern){const e=t.clipboardData.getData("text");if(!this.__allowedTextRegExp.test(e)){t.preventDefault();this._markInputPrevented()}}}_onDrop(t){if(this.allowedCharPattern){const e=t.dataTransfer.getData("text");if(!this.__allowedTextRegExp.test(e)){t.preventDefault();this._markInputPrevented()}}}_onBeforeInput(t){if(this.allowedCharPattern&&t.data&&!this.__allowedTextRegExp.test(t.data)){t.preventDefault();this._markInputPrevented()}}_allowedCharPatternChanged(t){if(t){try{this.__allowedCharRegExp=new RegExp(`^${t}$`);this.__allowedTextRegExp=new RegExp(`^${t}*$`)}catch(t){console.error(t)}}}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;class La extends No{constructor(t,e){super(t,"input",(()=>document.createElement("input")),((t,i)=>{if(t.value){i.setAttribute("value",t.value)}if(t.type){i.setAttribute("type",t.type)}i.id=this.defaultId;if(typeof e==="function"){e(i)}}),true)}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Ha{constructor(t,e){this.input=t;this.__preventDuplicateLabelClick=this.__preventDuplicateLabelClick.bind(this);e.addEventListener("label-changed",(t=>{this.__initLabel(t.detail.node)}));this.__initLabel(e.node)}__initLabel(t){if(t){t.addEventListener("click",this.__preventDuplicateLabelClick);if(this.input){t.setAttribute("for",this.input.id)}}}__preventDuplicateLabelClick(){const t=e=>{e.stopImmediatePropagation();this.input.removeEventListener("click",t)};this.input.addEventListener("click",t)}}
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd..
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const Wa=p`
+  [part='clear-button'] {
+    display: none;
+    cursor: default;
+  }
+
+  [part='clear-button']::before {
+    content: '✕';
+  }
+
+  :host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
+    display: block;
+  }
+`
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd..
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const Ua=p`
+  :host {
+    display: inline-flex;
+    outline: none;
+  }
+
+  :host::before {
+    content: '\\2003';
+    width: 0;
+    display: inline-block;
+    /* Size and position this element on the same vertical position as the input-field element
+          to make vertical align for the host element work as expected */
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  :host(:not([has-label])) [part='label'] {
+    display: none;
+  }
+`
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd..
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const $a=p`
+  [class$='container'] {
+    display: flex;
+    flex-direction: column;
+    min-width: 100%;
+    max-width: 100%;
+    width: var(--vaadin-field-default-width, 12em);
+  }
+`
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd..
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;const Ga=[Ua,$a,Wa];
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */class Ya{constructor(t){this.host=t;t.addEventListener("opened-changed",(()=>{if(!t.opened){this.__setVirtualKeyboardEnabled(false)}}));t.addEventListener("blur",(()=>this.__setVirtualKeyboardEnabled(true)));t.addEventListener("touchstart",(()=>this.__setVirtualKeyboardEnabled(true)))}__setVirtualKeyboardEnabled(t){if(this.host.inputElement){this.host.inputElement.inputMode=t?"":"none"}}}
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const qa=t=>class e extends(Hr(Aa(Oa(Sn(t))))){static get properties(){return{_selectedDate:{type:Date},_focusedDate:Date,value:{type:String,notify:true,value:""},initialPosition:String,opened:{type:Boolean,reflectToAttribute:true,notify:true,observer:"_openedChanged"},autoOpenDisabled:Boolean,showWeekNumbers:{type:Boolean},_fullscreen:{type:Boolean,value:false},_fullscreenMediaQuery:{value:"(max-width: 420px), (max-height: 420px)"},i18n:{type:Object,value:()=>({monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],firstDayOfWeek:0,week:"Week",calendar:"Calendar",today:"Today",cancel:"Cancel",referenceDate:"",formatDate(t){const e=String(t.year).replace(/\d+/,(t=>"0000".substr(t.length)+t));return[t.month+1,t.day,e].join("/")},parseDate(t){const e=t.split("/");const i=new Date;let s,r=i.getMonth(),o=i.getFullYear();if(e.length===3){r=parseInt(e[0])-1;s=parseInt(e[1]);o=parseInt(e[2]);if(e[2].length<3&&o>=0){const t=this.referenceDate?ya(this.referenceDate):new Date;o=va(t,o,r,s)}}else if(e.length===2){r=parseInt(e[0])-1;s=parseInt(e[1])}else if(e.length===1){s=parseInt(e[0])}if(s!==undefined){return{day:s,month:r,year:o}}},formatTitle:(t,e)=>`${t} ${e}`})},min:{type:String},max:{type:String},_minDate:{type:Date,computed:"__computeMinOrMaxDate(min)"},_maxDate:{type:Date,computed:"__computeMinOrMaxDate(max)"},_noInput:{type:Boolean,computed:"_isNoInput(inputElement, _fullscreen, _ios, i18n, opened, autoOpenDisabled)"},_ios:{type:Boolean,value:Lr},_focusOverlayOnOpen:Boolean,_overlayInitialized:Boolean}}static get observers(){return["_selectedDateChanged(_selectedDate, i18n.formatDate)","_focusedDateChanged(_focusedDate, i18n.formatDate)"]}static get constraints(){return[...super.constraints,"min","max"]}get clearElement(){return null}get _inputValue(){return this.inputElement?this.inputElement.value:undefined}set _inputValue(t){if(this.inputElement){this.inputElement.value=t}}get _nativeInput(){if(this.inputElement){return this.inputElement.focusElement||this.inputElement}return null}constructor(){super();this._boundOnClick=this._onClick.bind(this);this._boundOnScroll=this._onScroll.bind(this)}_onFocus(t){super._onFocus(t);if(this._noInput){t.target.blur()}}_onBlur(t){super._onBlur(t);if(!this.opened){if(this.autoOpenDisabled){this._selectParsedOrFocusedDate()}this.validate();if(this._inputValue===""&&this.value!==""){this.value=""}}}ready(){super.ready();this.addEventListener("click",this._boundOnClick);this.addController(new _a(this._fullscreenMediaQuery,(t=>{this._fullscreen=t})));this.addController(new Ya(this))}disconnectedCallback(){super.disconnectedCallback();this.opened=false}_propertiesChanged(t,e,i){super._propertiesChanged(t,e,i);if("value"in e&&this.__dispatchChange){this.dispatchEvent(new CustomEvent("change",{bubbles:true}));this.__dispatchChange=false}}open(){if(!this.disabled&&!this.readonly){this.opened=true}}close(){if(this._overlayInitialized||this.autoOpenDisabled){this.$.overlay.close()}}_initOverlay(){this.$.overlay.removeAttribute("disable-upgrade");this._overlayInitialized=true;this.$.overlay.addEventListener("opened-changed",(t=>{this.opened=t.detail.value}));this.$.overlay.addEventListener("vaadin-overlay-escape-press",(()=>{this._focusedDate=this._selectedDate;this._close()}));this._overlayContent.addEventListener("close",(()=>{this._close()}));this._overlayContent.addEventListener("focus-input",this._focusAndSelect.bind(this));this._overlayContent.addEventListener("date-tap",(t=>{this.__userConfirmedDate=true;this._selectDate(t.detail.date);this._close()}));this._overlayContent.addEventListener("date-selected",(t=>{this.__userConfirmedDate=!!t.detail.date;this._selectDate(t.detail.date)}));this._overlayContent.addEventListener("focusin",(()=>{if(this._keyboardActive){this._setFocused(true)}}));this.addEventListener("mousedown",(()=>this.__bringToFront()));this.addEventListener("touchstart",(()=>this.__bringToFront()))}checkValidity(){const t=!this._inputValue||!!this._selectedDate&&this._inputValue===this._getFormattedDate(this.i18n.formatDate,this._selectedDate);const e=!this._selectedDate||ma(this._selectedDate,this._minDate,this._maxDate);let i=true;if(this.inputElement){if(this.inputElement.checkValidity){i=this.inputElement.checkValidity()}else if(this.inputElement.validate){i=this.inputElement.validate()}}return t&&e&&i}_shouldSetFocus(t){return!this._shouldKeepFocusRing}_shouldRemoveFocus(t){return!this.opened}_setFocused(t){super._setFocused(t);this._shouldKeepFocusRing=t&&this._keyboardActive}_selectDate(t){const e=this._formatISO(t);if(this.value!==e){this.__dispatchChange=true}this._selectedDate=t}_close(){this._focus();this.close()}__bringToFront(){requestAnimationFrame((()=>{this.$.overlay.bringToFront()}))}_isNoInput(t,e,i,s,r,o){const n=e&&(!o||r);const a=i&&r;return!t||n||a||!s.parseDate}_formatISO(t){if(!(t instanceof Date)){return""}const e=(t,e="00")=>(e+t).substr((e+t).length-e.length);let i="";let s="0000";let r=t.getFullYear();if(r<0){r=-r;i="-";s="000000"}else if(t.getFullYear()>=1e4){i="+";s="000000"}const o=i+e(r,s);const n=e(t.getMonth()+1);const a=e(t.getDate());return[o,n,a].join("-")}_inputElementChanged(t){super._inputElementChanged(t);if(t){t.autocomplete="off";t.setAttribute("role","combobox");t.setAttribute("aria-haspopup","dialog");t.setAttribute("aria-expanded",!!this.opened);this._applyInputValue(this._selectedDate)}}_openedChanged(t){if(t&&!this._overlayInitialized){this._initOverlay()}if(this._overlayInitialized){this.$.overlay.opened=t}if(this.inputElement){this.inputElement.setAttribute("aria-expanded",t)}}_selectedDateChanged(t,e){if(t===undefined||e===undefined){return}const i=this._formatISO(t);if(!this.__keepInputValue){this._applyInputValue(t)}if(i!==this.value){this.validate();this.value=i}this._ignoreFocusedDateChange=true;this._focusedDate=t;this._ignoreFocusedDateChange=false}_focusedDateChanged(t,e){if(t===undefined||e===undefined){return}if(!this._ignoreFocusedDateChange&&!this._noInput){this._applyInputValue(t)}}__getOverlayTheme(t,e){if(e){return t}}_valueChanged(t,e){const i=ya(t);if(t&&!i){this.value=e;return}if(t){if(!pa(this._selectedDate,i)){this._selectedDate=i;if(e!==undefined){this.validate()}}}else{this._selectedDate=null}this._toggleHasValue(this._hasValue)}_onOverlayOpened(){const t=ya(this.initialPosition);const e=this._selectedDate||this._overlayContent.initialPosition||t||new Date;if(t||ma(e,this._minDate,this._maxDate)){this._overlayContent.initialPosition=e}else{this._overlayContent.initialPosition=ba(e,[this._minDate,this._maxDate])}this._overlayContent.scrollToDate(this._overlayContent.focusedDate||this._overlayContent.initialPosition);this._ignoreFocusedDateChange=true;this._overlayContent.focusedDate=this._overlayContent.focusedDate||this._overlayContent.initialPosition;this._ignoreFocusedDateChange=false;window.addEventListener("scroll",this._boundOnScroll,true);if(this._focusOverlayOnOpen){this._overlayContent.focusDateElement();this._focusOverlayOnOpen=false}else{this._focus()}if(this._noInput&&this.focusElement){this.focusElement.blur();this._overlayContent.focusDateElement()}}_selectParsedOrFocusedDate(){this._ignoreFocusedDateChange=true;if(this.i18n.parseDate){const t=this._inputValue||"";const e=this._getParsedDate(t);if(this._isValidDate(e)){this._selectDate(e)}else{this.__keepInputValue=true;this._selectDate(null);this._selectedDate=null;this.__keepInputValue=false}}else if(this._focusedDate){this._selectDate(this._focusedDate)}this._ignoreFocusedDateChange=false}_onOverlayClosed(){window.removeEventListener("scroll",this._boundOnScroll,true);if(this.__userConfirmedDate){this.__userConfirmedDate=false}else{this._selectParsedOrFocusedDate()}if(this._nativeInput&&this._nativeInput.selectionStart){this._nativeInput.selectionStart=this._nativeInput.selectionEnd}if(!this.value){this.validate()}}_onScroll(t){if(t.target===window||!this._overlayContent.contains(t.target)){this._overlayContent._repositionYearScroller()}}_focus(){if(!this._noInput){this.inputElement.focus()}}_focusAndSelect(){this._focus();this._setSelectionRange(0,this._inputValue.length)}_applyInputValue(t){this._inputValue=t?this._getFormattedDate(this.i18n.formatDate,t):""}_getFormattedDate(t,e){return t(ga(e))}_setSelectionRange(t,e){if(this._nativeInput&&this._nativeInput.setSelectionRange){this._nativeInput.setSelectionRange(t,e)}}_isValidDate(t){return t&&!isNaN(t.getTime())}_onChange(t){if(this._inputValue===""){this.__dispatchChange=true}t.stopPropagation()}_onClick(t){if(!this._isClearButton(t)){this._onHostClick(t)}}_onHostClick(t){if(!this.autoOpenDisabled||this._noInput){t.preventDefault();this.open()}}_onClearButtonClick(t){t.preventDefault();this.value="";this._inputValue="";this.validate();this.dispatchEvent(new CustomEvent("change",{bubbles:true}))}_onKeyDown(t){super._onKeyDown(t);if(this._noInput){const e=[9];if(e.indexOf(t.keyCode)===-1){t.preventDefault()}}switch(t.key){case"ArrowDown":case"ArrowUp":t.preventDefault();if(this.opened){this._overlayContent.focusDateElement()}else{this._focusOverlayOnOpen=true;this.open()}break;case"Tab":if(this.opened){t.preventDefault();t.stopPropagation();this._setSelectionRange(0,0);if(t.shiftKey){this._overlayContent.focusCancel()}else{this._overlayContent.focusDateElement()}}break}}_onEnter(t){const e=this.value;if(this.opened){this.close()}else{this._selectParsedOrFocusedDate()}if(e===this.value){this.validate()}}_onEscape(t){if(this.opened){return}if(this.clearButtonVisible&&!!this.value){t.stopPropagation();this._onClearButtonClick(t);return}if(this.autoOpenDisabled){if(this.inputElement.value===""){this._selectDate(null)}this._applyInputValue(this._selectedDate)}else{this._focusedDate=this._selectedDate;this._selectParsedOrFocusedDate()}}_getParsedDate(t=this._inputValue){const e=this.i18n.parseDate&&this.i18n.parseDate(t);const i=e&&ya(`${e.year}-${e.month+1}-${e.day}`);return i}_isClearButton(t){return t.composedPath()[0]===this.clearElement}_onInput(){if(!this.opened&&this.inputElement.value&&!this.autoOpenDisabled){this.open()}this._userInputValueChanged()}_userInputValueChanged(){if(this._inputValue){const t=this._getParsedDate();if(this._isValidDate(t)){this._ignoreFocusedDateChange=true;if(!pa(t,this._focusedDate)){this._focusedDate=t}this._ignoreFocusedDateChange=false}}}get _overlayContent(){return this.$.overlay.content.querySelector("#overlay-content")}__computeMinOrMaxDate(t){return ya(t)}}
+/**
+ * @license
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */;bt("vaadin-date-picker",[Ga,ta],{moduleId:"vaadin-date-picker-styles"});class Va extends(qa(ja(Ct(Oo(Ps))))){static get is(){return"vaadin-date-picker"}static get template(){return Ms`
+      <style>
+        :host([opened]) {
+          pointer-events: auto;
+        }
+      </style>
+
+      <div class="vaadin-date-picker-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          readonly="[[readonly]]"
+          disabled="[[disabled]]"
+          invalid="[[invalid]]"
+          theme$="[[_theme]]"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
+          <div part="toggle-button" slot="suffix" aria-hidden="true" on-click="_toggle"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <vaadin-date-picker-overlay
+        id="overlay"
+        fullscreen$="[[_fullscreen]]"
+        theme$="[[__getOverlayTheme(_theme, _overlayInitialized)]]"
+        on-vaadin-overlay-open="_onOverlayOpened"
+        on-vaadin-overlay-closing="_onOverlayClosed"
+        restore-focus-on-close
+        restore-focus-node="[[inputElement]]"
+        disable-upgrade
+      >
+        <template>
+          <vaadin-date-picker-overlay-content
+            id="overlay-content"
+            i18n="[[i18n]]"
+            fullscreen$="[[_fullscreen]]"
+            label="[[label]]"
+            selected-date="[[_selectedDate]]"
+            focused-date="{{_focusedDate}}"
+            show-week-numbers="[[showWeekNumbers]]"
+            min-date="[[_minDate]]"
+            max-date="[[_maxDate]]"
+            part="overlay-content"
+            theme$="[[__getOverlayTheme(_theme, _overlayInitialized)]]"
+          ></vaadin-date-picker-overlay-content>
+        </template>
+      </vaadin-date-picker-overlay>
+
+      <slot name="tooltip"></slot>
+    `}get clearElement(){return this.$.clearButton}ready(){super.ready();this.addController(new La(this,(t=>{this._setInputElement(t);this._setFocusElement(t);this.stateTarget=t;this.ariaTarget=t})));this.addController(new Ha(this.inputElement,this._labelController));this._tooltipController=new Ro(this);this.addController(this._tooltipController);this._tooltipController.setPosition("top");this._tooltipController.setShouldShow((t=>!t.opened));const t=this.shadowRoot.querySelector('[part="toggle-button"]');t.addEventListener("mousedown",(t=>t.preventDefault()))}_initOverlay(){super._initOverlay();this.$.overlay.addEventListener("vaadin-overlay-close",this._onVaadinOverlayClose.bind(this))}_onVaadinOverlayClose(t){if(t.detail.sourceEvent&&t.detail.sourceEvent.composedPath().includes(this)){t.preventDefault()}}_toggle(t){t.stopPropagation();this[this._overlayInitialized&&this.$.overlay.opened?"close":"open"]()}_openedChanged(t){super._openedChanged(t);this.$.overlay.positionTarget=this.shadowRoot.querySelector('[part="input-field"]');this.$.overlay.noVerticalOverlap=true}}customElements.define(Va.is,Va);const Ja='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#00958f;color:#FFF;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:#00958f;color:#FFF}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:#00958f;color:#FFF}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:#009993;text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:4px;background:#e8ebef;color:#263445;width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:#009993}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:4px;padding:8px 60px;width:max-content;margin:5px;border:1px solid #00958f;background:#00958f;color:#FFF;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:#00958f;color:#FFF}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}';const Ka=class{constructor(i){t(this,i);this.filterDraw=e(this,"filterDraw",7);this.filterSelection=e(this,"filterSelection",7);this.filterSelectionReset=e(this,"filterSelectionReset",7);this.showFilterId=true;this.activateTicketSearch=false;this.gameId="";this.playerId="";this.session="";this.postMessage=false;this.language="en";this.quickFiltersActive=false;this.clientStyling="";this.clientStylingUrlContent="";this.showFilterModal=false;this.showClearButton=false;this.filterData={};this.filterDataReset={ticketDrawId:"",filterFromCalendar:"",filterToCalendar:""};this.limitStylingAppends=false;this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling;this.stylingContainer.prepend(t)};this.setClientStylingURL=()=>{let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrlContent;this.stylingContainer.prepend(t)}),1)}}componentDidRender(){if(document.getElementById("#FilterById"))document.getElementById("#FilterById").value="";if(!this.limitStylingAppends&&this.stylingContainer){if(this.clientStyling)this.setClientStyling();if(this.clientStylingUrlContent)this.setClientStylingURL();this.limitStylingAppends=true}}filterSelectionHandler(t){if(this.postMessage)window.postMessage({type:"filterSelection",event:t},window.location.href);if(this.filterData.ticketDrawId||this.filterData.filterFromCalendar||this.filterData.filterToCalendar)this.filterSelection.emit(t)}filterSelectionResetHandler(t){if(this.postMessage)window.postMessage({type:"filterSelectionReset",event:t},window.location.href);this.filterSelectionReset.emit(t)}modalCloseEvent(){this.showFilterModal=false}toggleFilterModal(){this.showFilterModal=true}filterSearch(){this.modalCloseEvent();this.showClearButton=true;this.filterSelectionHandler(this.filterData);console.log(this.showClearButton)}resetSearch(){this.showClearButton=false;this.filterSelectionResetHandler(this.filterDataReset);this.filterData={}}handleTicketDrawId(t){this.filterData.ticketDrawId=t.target.value}handleFilterFrom(t){this.filterData.filterFromCalendar=new Date(t.target.value).toISOString()}handleFilterTo(t){this.filterData.filterToCalendar=new Date(t.target.value).toISOString()}render(){return i("div",{class:"HelperFilters",ref:t=>this.stylingContainer=t},i("div",{class:"FilterButtonsWrapper"},i("button",{class:"FilterOpen",onClick:()=>this.toggleFilterModal()},n("filterOpen",this.language)),console.log("in filter Open",this.showClearButton,this.quickFiltersActive),this.showClearButton||this.quickFiltersActive?i("button",{class:"FilterClear",onClick:()=>this.resetSearch()},n("filterClear",this.language)):null),i("helper-modal",{"title-modal":"Filter Modal",visible:this.showFilterModal,"client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent},i("div",{class:"FilterModalHeader"},i("h3",{class:"FilterModalTitle"},this.activateTicketSearch?n("filterModalTicketTitle",this.language):n("filterModalDrawTitle",this.language))),i("div",{class:"FilterModalBody"},i("input",{id:"FilterById",type:"text",value:this.filterData.ticketDrawId,onInput:t=>this.handleTicketDrawId(t),class:"FilterModalSearch",placeholder:this.activateTicketSearch?n("filterTicketPlaceholder",this.language):n("filterDrawPlaceholder",this.language)}),i("p",null,n("filterOrDate",this.language)),i("div",{class:"FilterCalendarWrapper"},i("vaadin-date-picker",{value:this.filterData.filterFromCalendar,onChange:t=>this.handleFilterFrom(t),placeholder:n("filterFromCalendar",this.language),class:"VaadinDatePicker"}),i("vaadin-date-picker",{value:this.filterData.filterToCalendar,onChange:t=>this.handleFilterTo(t),placeholder:n("filterToCalendar",this.language),class:"VaadinDatePicker"}))),i("div",{class:"FilterModalFooter"},i("button",{class:"FilterModalButton",onClick:()=>this.filterSearch()},n("filterModalButton",this.language)))))}};Ka.style=Ja;const Za="en";const Xa=["ro","en"];const Qa={en:{drawResultsHeader:"Last draw results",drawId:"Draw ID",drawName:"Game name",drawDate:"Draw Date",drawNumbersGridDraw:"Draw numbers Grid ",drawNumbersGridTicket:"Draw numbers Grid ",ticketResult:"Ticket result",amountWon:"Amount won",numberOfDraws:"Number of draws",multiplier:"Multiplier:",ticketPurchaseDate:"Ticket Purchase Date",ticketStatus:"Ticket Status",ticketId:"Ticket ID",ticketAmount:"Ticket Amount",winUpTo:"Win up to"},ro:{drawResultsHeader:"Ultimele rezultate extragere",drawId:"Id extragere",drawName:"Numele jocului",drawDate:"Data extragerii",drawNumbersGridDraw:"Numerele extrase Grid",drawNumbersGridTicket:"Numerele extrase Grid",ticketResult:"Rezultatul biletului",amountWon:"Suma castigata",numberOfDraws:"Numarul de extrageri",multiplier:"Multiplicator:",ticketPurchaseDate:"Data achizitionarii biletului",ticketStatus:"Statusul biletului",ticketId:"Id biletul",ticketAmount:"Valoarea biletului",winUpTo:"Poti castiga"},fr:{drawResultsHeader:"Résultats du dernier tirage",drawId:"ID de tirage",drawName:"Nom du jeu",drawDate:"Date du tirage",drawNumbersGridDraw:"Tirage des numéros Grille",drawNumbersGridTicket:"Tirage des numéros Grille",ticketResult:"Résultat du ticket",amountWon:"Montant gagné",numberOfDraws:"Nombre de tirages",multiplier:"Multiplicateur",ticketPurchaseDate:"Date d'achat du billet",ticketStatus:"Statut du ticket",ticketId:"ID de billets",ticketAmount:"Montant du billet",winUpTo:"Gagnez jusqu'à"},ar:{drawResultsHeader:"نتائج آخر سحب",drawId:"معرّف السحب",drawName:"اسم اللعبة",drawDate:"تاريخ السحب",drawNumbersGridDraw:"شبكة أرقام السحب",drawNumbersGridTicket:"شبكة أرقام السحب",ticketResult:"نتيجة التذكرة",amountWon:"المبلغ الذي تم ربحه",numberOfDraws:"عدد السحوبات",multiplier:"مضاعف",ticketPurchaseDate:"تاريخ شراء التذكرة",ticketStatus:"حالة التذكرة",ticketId:"معرّف التذكرة",ticketAmount:"مبلغ التذكرة",winUpTo:"ربح يصل إلى"}};const tl=(t,e)=>{const i=e;return Qa[i!==undefined&&Xa.includes(i)?i:Za][t]};const el='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px}.DrawNumbersGrid label{display:block;margin-bottom:7px}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:""}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;background-color:white}.ExpandableBox{border-bottom:1px solid #ccc;transition:height 300ms ease-in-out;overflow:hidden;height:80px}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;text-transform:uppercase;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:#009993}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:"";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:#009993}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:#009993;transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:300px}';const il=class{constructor(e){t(this,e);this.language="en";this.drawMode=false;this.drawId="";this.gameName="";this.ticketDate="";this.ticketStatus="";this.ticketId="";this.ticketAmount="";this.ticketMultiplier=false;this.ticketDrawCount=0;this.ticketNumbers="";this.sessionId="";this.clientStyling="";this.clientStylingUrlContent="";this.ticketDrawData="";this.multiplier=3;this.isLoading=true;this.hasErrors=false;this.errorText="";this.ticketData=[];this.ticketDataLoaded=false;this.ticketDraws=[];this.toggleDrawer=[false];this.limitStylingAppends=false;this.ticketDrawDetails=[];this.ticketDrawDetailsFlag=true;this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling;this.stylingContainer.prepend(t)};this.setClientStylingURL=()=>{let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrlContent;this.stylingContainer.prepend(t)}),1)}}connectedCallback(){let t=[];if(this.ticketNumbers){this.gridNumbers=JSON.parse(this.ticketNumbers)}if(this.drawId){t.push(this.getDrawData())}Promise.all(t).then((()=>{this.isLoading=false})).catch((t=>{console.log("error ",t);this.isLoading=false}))}componentWillRender(){if(this.ticketDrawData&&this.ticketDrawDetailsFlag){this.ticketDrawDetails=JSON.parse(this.ticketDrawData);this.ticketDrawDetails.forEach((t=>{this.getDrawData(t.drawId).then((e=>t.drawData=e))}));this.ticketDrawDetailsFlag=false}}componentDidRender(){if(!this.limitStylingAppends&&this.stylingContainer){if(this.clientStyling)this.setClientStyling();if(this.clientStylingUrlContent)this.setClientStylingURL();this.limitStylingAppends=true}}getDrawData(t){this.isLoading=true;return new Promise(((e,i)=>{let s=new URL(`${this.endpoint}/games/${this.gameId}/draws/${t?t:this.drawId}`);fetch(s.href).then((t=>t.json())).then((i=>{if(t){e(i)}else{this.drawData=i;e(true)}this.isLoading=false})).catch((t=>{i(t);this.isLoading=false}))}))}drawerToggle(t){this.toggleDrawer=this.toggleDrawer.map(((e,i)=>{if(i==t){return!e}return e}));if(t>=this.toggleDrawer.length){this.toggleDrawer.push(true)}}render(){if(this.isLoading){return i("p",null,"Loading, please wait ...")}else if(this.hasErrors){i("p",null,this.errorText)}else{return i("section",{class:"DrawResultsSection",ref:t=>this.stylingContainer=t},this.drawMode?i("div",{class:"DrawResultsArea"},this.drawData&&i("div",null,i("div",{class:"DrawResultsHeader"},i("span",null,tl("drawId",this.language),":  ",this.drawData.id),i("span",null,tl("drawDate",this.language),": ",this.drawData.date.slice(0,10))),i("div",{class:"DrawResultsBody"},i("div",{class:"DrawNumbersGrid"},i("p",null,tl("drawNumbersGridDraw",this.language),"0:"),i("div",{class:"BulletContainer"},i("lottery-grid",{"selected-numbers":this.drawData.winningNumbers.join(","),"display-selected":true,selectable:false,language:this.language,"grid-type":"ticket","client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent})),i("div",{class:"DrawMultipler"},i("label",{class:"Label"},tl("multiplier",this.language)," ",this.multiplier)))))):i("div",{class:"DrawResultsArea TicketDraws"},i("div",{class:"DrawResultsBody"},i("div",{class:"TicketIdContainer"},i("label",{class:"Label"},tl("ticketId",this.language),": ",i("span",null,this.ticketId))),i("div",{class:"TicketAmountContainer"},i("label",{class:"Label"},tl("ticketAmount",this.language)," ",i("span",null,this.ticketAmount))),i("div",{class:"DrawNumbersGrid"},this.gridNumbers.map(((t,e)=>i("div",null,i("label",{class:"Label"},tl("drawNumbersGridTicket",this.language)," ",String.fromCharCode(e+65),":"),i("div",{class:"BulletContainer"},i("lottery-grid",{"selected-numbers":t.join(","),selectable:false,"display-selected":true,language:this.language,"grid-type":"ticket","client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent})))))),i("div",{class:"DrawMultipler"},i("label",{class:"Label"},tl("multiplier",this.language)," ",JSON.stringify(this.ticketMultiplier))),i("div",{class:"NumberOfDrawsContainer"},i("label",{class:"Label"},tl("numberOfDraws",this.language),": ",this.ticketDrawCount),i("div",{class:"DrawTicketsContainer"},this.ticketDrawDetails&&this.ticketDrawDetails.length>0&&i("div",{class:"ExpandableBoxes"},this.ticketDrawDetails.map(((t,e)=>{var s,r,o,n,a;return i("div",{class:{ExpandableBox:true,ShowBox:this.toggleDrawer[e]},onClick:()=>this.drawerToggle(e)},i("div",{class:"ExpandableBoxHeader"},i("div",{class:"TicketResultContainer"},i("p",null,tl("ticketResult",this.language),": ",t.state)),t.state=="won"&&i("div",{class:"AmountWonContainer"},i("p",null,tl("amountWon",this.language),": ",Number(t.amount).toLocaleString("en")," ",t.currency)),t.state=="lost"&&i("div",{class:"DrawIdContainer"},i("p",null,tl("drawId",this.language),": ",t.drawId))),i("div",{class:"ExpandableBoxBody"},i("div",{class:"DrawIdContainer"},i("p",null,tl("drawId",this.language),": ",t.drawId)),i("div",{class:"DrawDateContainer"},i("p",null,tl("drawDate",this.language),": ",(s=t.drawData)===null||s===void 0?void 0:s.date.slice(0,10)," | ",(r=t.drawData)===null||r===void 0?void 0:r.date.slice(11,19))),i("div",{class:"DrawNumbersGrid"},t.drawData&&i("div",{class:"BulletContainer"},i("label",{class:"Label"},tl("drawNumbersGridDraw",this.language)," ",String.fromCharCode(e+10),":"),i("lottery-grid",{"selected-numbers":(n=(o=t.drawData)===null||o===void 0?void 0:o.winningNumbers)===null||n===void 0?void 0:n.join(","),selectable:false,"display-selected":true,language:this.language,"grid-type":"ticket","client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent}))),i("div",{class:"DrawMultipler"},i("label",{class:"Label"},tl("multiplier",this.language)," ",(a=t.drawData)===null||a===void 0?void 0:a.multiplier))))}))))))))}}};il.style=el;export{Ka as helper_filters,il as lottery_draw_results};
+//# sourceMappingURL=p-d9e7b5da.entry.js.map