1import{a as ms,c as f,e as _s}from"./chunk-XEEPWN2Y-0d718619fd.js";import"./chunk-HU6DUUP4-0d718619fd.js";var Ja="en",ze={en:{selectLimitTypePlaceholder:"Select your limit type",selectLimitTypeLabel:"Limit type",selectLimitPeriodLabel:"Period",limitNotificationAmountLabel:"Amount",limitNotificationTitle:"Set Limit",limitNotificationSubTitle:"Now is the perfect moment to set your limits",daily:"daily",weekly:"weekly",monthly:"monthly",invalidInputMessageLimitMin:"The value entered must be higher than {minValue} {currency}.",invalidInputMessageLimitMax:"The value entered must be less than {maxValue} {currency}.",emptyPeriodWarning:"Period is required",emptyLimitTypeWarning:"Limit Type is required",invalidAmount:"invalid limit amount",savePlayerLimit:"Save",addLimitType:"Add another limit",skipLimitLimitDescription:"I do not wish to set a limit at this time.",setLimitSuccessful:"Your account limit has been successfully set.",partialFailedUpdateLimit:"Some of your limits were successfully saved, but a few couldn\u2019t be updated. Please review your current limits <a href='{accountLimitPath}'>here</a> and try again.",limitNotificationFail:"Something went wrong while setting your account limits. Try again later.",confirmLimitNotification:"Are you sure you want to delete the limits you\u2019ve already set?",confirmLimitClose:"No, keep limits",confirmLimitSave:"Yes, delete limits",complianceText:"Financial limits take effect immediately once set up for the first time."},fr:{selectLimitTypePlaceholder:"S\xE9lectionnez votre type de limite",selectLimitTypeLabel:"Type de limite",selectLimitPeriodLabel:"P\xE9riode",limitNotificationAmountLabel:"Montant",limitNotificationTitle:"D\xE9finir une limite",limitNotificationSubTitle:"C'est le moment id\xE9al pour d\xE9finir vos limites",daily:"quotidienne",weekly:"hebdomadaire",monthly:"mensuelle",invalidInputMessageLimitMin:"La valeur saisie doit \xEAtre sup\xE9rieure \xE0 {minValue} {currency}.",invalidInputMessageLimitMax:"La valeur saisie doit \xEAtre inf\xE9rieure \xE0 {maxValue} {currency}.",emptyPeriodWarning:"La p\xE9riode est obligatoire",emptyLimitTypeWarning:"Le type de limite est obligatoire",invalidAmount:"montant de limite invalide",savePlayerLimit:"Enregistrer",addLimitType:"Ajouter une autre limite",skipLimitLimitDescription:"Je ne souhaite pas d\xE9finir de limite pour le moment.",setLimitSuccessful:"La limite de votre compte a \xE9t\xE9 d\xE9finie avec succ\xE8s.",partialFailedUpdateLimit:"Certaines de vos limites ont \xE9t\xE9 enregistr\xE9es avec succ\xE8s, mais quelques-unes n'ont pas pu \xEAtre mises \xE0 jour. Veuillez v\xE9rifier vos limites actuelles <a href='{accountLimitPath}'>ici</a> et r\xE9essayer.",limitNotificationFail:"Quelque chose s'est mal pass\xE9 lors de la d\xE9finition des limites de votre compte. Veuillez r\xE9essayer plus tard.",confirmLimitNotification:"\xCAtes-vous s\xFBr de vouloir supprimer les limites que vous avez d\xE9j\xE0 d\xE9finies ?",confirmLimitClose:"Non, garder les limites",confirmLimitSave:"Oui, supprimer les limites",complianceText:"Les plafonds financiers prennent effet imm\xE9diatement d\xE8s leur premi\xE8re configuration."},ro:{selectLimitTypePlaceholder:"Selecta\u021Bi tipul de limit\u0103",selectLimitTypeLabel:"Tip limit\u0103",selectLimitPeriodLabel:"Perioad\u0103",limitNotificationAmountLabel:"Sum\u0103",limitNotificationTitle:"Seta\u021Bi Limita",limitNotificationSubTitle:"Acum este momentul perfect pentru a v\u0103 seta limitele",daily:"zilnic",weekly:"s\u0103pt\u0103m\xE2nal",monthly:"lunar",invalidInputMessageLimitMin:"Valoarea introdus\u0103 trebuie s\u0103 fie mai mare de {minValue} {currency}.",invalidInputMessageLimitMax:"Valoarea introdus\u0103 trebuie s\u0103 fie mai mic\u0103 de {maxValue} {currency}.",emptyPeriodWarning:"Perioada este obligatorie",emptyLimitTypeWarning:"Tipul de limit\u0103 este obligatoriu",invalidAmount:"sum\u0103 limit\u0103 invalid\u0103",savePlayerLimit:"Salva\u021Bi",addLimitType:"Ad\u0103uga\u021Bi alt\u0103 limit\u0103",skipLimitLimitDescription:"Nu doresc s\u0103 setez o limit\u0103 \xEEn acest moment.",setLimitSuccessful:"Limita contului dvs. a fost setat\u0103 cu succes.",partialFailedU
1pdateLimit:"Unele dintre limitele dvs. au fost salvate cu succes, dar c\xE2teva nu au putut fi actualizate. V\u0103 rug\u0103m s\u0103 v\u0103 verifica\u021Bi limitele actuale <a href='{accountLimitPath}'>aici</a> \u0219i s\u0103 \xEEncerca\u021Bi din nou.",limitNotificationFail:"Ceva nu a func\u021Bionat corect la setarea limitelor contului dvs. \xCEncerca\u021Bi din nou mai t\xE2rziu.",confirmLimitNotification:"Sigur dori\u021Bi s\u0103 \u0219terge\u021Bi limitele pe care le-a\u021Bi setat deja?",confirmLimitClose:"Nu, p\u0103stra\u021Bi limitele",confirmLimitSave:"Da, \u0219terge\u021Bi limitele",complianceText:"Limitele financiare intr\u0103 \xEEn vigoare imediat dup\u0103 ce sunt configurate pentru prima dat\u0103."},hu:{selectLimitTypePlaceholder:"V\xE1lassza ki a limit t\xEDpus\xE1t",selectLimitTypeLabel:"Limit t\xEDpusa",selectLimitPeriodLabel:"Id\u0151szak",limitNotificationAmountLabel:"\xD6sszeg",limitNotificationTitle:"Limit be\xE1ll\xEDt\xE1sa",limitNotificationSubTitle:"Most van a legjobb alkalom a limitjeinek be\xE1ll\xEDt\xE1s\xE1hoz",daily:"napi",weekly:"heti",monthly:"havi",invalidInputMessageLimitMin:"A megadott \xE9rt\xE9knek nagyobbnak kell lennie, mint {minValue} {currency}.",invalidInputMessageLimitMax:"A megadott \xE9rt\xE9knek kisebbnek kell lennie, mint {maxValue} {currency}.",emptyPeriodWarning:"Az id\u0151szak megad\xE1sa k\xF6telez\u0151",emptyLimitTypeWarning:"A limit t\xEDpus\xE1nak megad\xE1sa k\xF6telez\u0151",invalidAmount:"\xE9rv\xE9nytelen limit \xF6sszeg",savePlayerLimit:"Ment\xE9s",addLimitType:"M\xE1sik limit hozz\xE1ad\xE1sa",skipLimitLimitDescription:"Jelenleg nem k\xEDv\xE1nok limitet be\xE1ll\xEDtani.",setLimitSuccessful:"A fi\xF3k limitje sikeresen be\xE1ll\xEDtva.",partialFailedUpdateLimit:"N\xE9h\xE1ny limitje sikeresen elmentve, de n\xE9h\xE1nyat nem siker\xFClt friss\xEDteni. K\xE9rj\xFCk, ellen\u0151rizze jelenlegi limitjeit <a href='{accountLimitPath}'>itt</a>, \xE9s pr\xF3b\xE1lja \xFAjra.",limitNotificationFail:"Hiba t\xF6rt\xE9nt a fi\xF3k limitjeinek be\xE1ll\xEDt\xE1sa k\xF6zben. Pr\xF3b\xE1lja \xFAjra k\xE9s\u0151bb.",confirmLimitNotification:"Biztosan t\xF6r\xF6lni szeretn\xE9 a m\xE1r be\xE1ll\xEDtott limitjeit?",confirmLimitClose:"Nem, megtartom a limiteket",confirmLimitSave:"Igen, t\xF6rl\xF6m a limiteket",complianceText:"A p\xE9nz\xFCgyi limitek az els\u0151 be\xE1ll\xEDt\xE1st k\xF6vet\u0151en azonnal \xE9rv\xE9nybe l\xE9pnek."}},Qa=o=>new Promise(e=>{fetch(o).then(t=>t.json()).then(t=>{Object.keys(t).forEach(i=>{ze[i]||(ze[i]={});for(let s in t[i])ze[i][s]=t[i][s]}),e(!0)})}),w=(o,e,t)=>{let i=e,s=ze[i!==void 0&&i in ze?i:Ja][o];if(t!==void 0)for(let[r,a]of Object.entries(t.values)){let n=new RegExp(`{${r}}`,"g");s=s.replace(n,a)}return s};function fs(o,e){if(o){let t=document.createElement("style");t.innerHTML=e,o.appendChild(t)}}function vs(o,e){if(!o||!e)return;let t=new URL(e);fetch(t.href).then(i=>i.text()).then(i=>{let s=document.createElement("style");s.innerHTML=i,o&&o.appendChild(s)}).catch(i=>{console.error("There was an error while trying to load client styling from URL",i)})}function gs(o,e,t){if(window.emMessageBus){let i=document.createElement("style");window.emMessageBus.subscribe(e,s=>{i.innerHTML=s,o&&o.appendChild(i)})}}var Te=(function(o){return o.WAGER="wager",o.DEPOSIT="deposit",o.LOSS="loss",o.NET="net",o.LUGAS="lugas",o.STAKE="stake",o.SESSION_LIMIT="sessionLimit",o.CUMULATIVE_SESSION="cumulativeSession",o.NET_DEPOSIT="netdeposit",o})(Te||{}),he=(function(o){return o.DAILY="daily",o.WEEKLY="weekly",o.MONTHLY="monthly",o.NONE="none",o})(he||{}),Yt={lugas:{title:"Deposit Limit",value:"lugas",callValue:"lugasLimit",callValue16:"Lugas"},deposit:{title:"Deposit Limit",value:"deposit",callValue:"depositLimits",callValue16:"Deposit"},loss:{title:"Loss Limit",value:"loss",callValue:"lossLimits",callValue16:"Loss"},wager:{title:"Wager Limit",value:"wager",callValue:"wageringLimits",callValue16:"Wagering"},stake:{title:"Stake Limit",value:"stake",callValue:"maxStake",callValue16:"MaxStake"},sessionLimit:{title:"Single Session Time Limit",value:"sessionLimit",callValue:"sessionLimits",callValue16:"sessionLimit"},cumulativeSession:{title:"Cumulative Session Time Limit",value:"cumulativeSession",callValue:"cumulativeSessionLimits",callValue16:"cumulativeSession"},netdeposit:{title:"Net Deposit Limit",value:"netdeposit",callValue:"netDepositLimits",callValue16:"NetDeposit"}},Za=Object.defineProperty,en=Object.defineProperties,tn=Object.getOwnPropertyDescriptors,bs=Object.getOwnPropertySymbols,on=Object.prototype.hasOwnProperty,sn=Object.prototype.propertyIsEnumerable,di=(o,e,t)=>e in o?Za(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,_t=(o,e)=>{for(var t in e||(e={}))on.call(e,t)&&di(o,t,e[t]);if(bs)for(var t of bs(e))sn.call(e,t)&&di(o,t,e[t]);return o},vr=(o,e)=>en(o,tn(e)),D=(o,e,t)=>(di(o,typeof e!="symbol"?e+"":e,t),t),ft=(o,e,t)=>new Promise((i,s)=>{var r=l=>{try{n(t.next(l))}catch(d){s(d)}},a=l=>{try{n(t.throw(l))}catch(d){s(d)}},n=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,a);n((t=t.apply(o,e)).next())});function v(o,e="24.5.10"){Object.defineProperty(o,"version",{get(){return e}});let t=customElements.get(o.is);if(!t)customElements.define(o.is,o);
1else{let i=t.version;i&&o.version&&i===o.version?console.warn(`The component ${o.is} has been loaded twice`):console.error(`Tried to define ${o.is} version ${o.version} when version ${t.version} is already in use. Something will probably break.`)}}var ci=class extends HTMLElement{static get is(){return"vaadin-lumo-styles"}};v(ci);var ut=globalThis,zo=ut.ShadowRoot&&(ut.ShadyCSS===void 0||ut.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,No=Symbol(),ys=new WeakMap,Mo=class{constructor(o,e,t){if(this._$cssResult$=!0,t!==No)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=o,this.t=e}get styleSheet(){let o=this.o,e=this.t;if(zo&&o===void 0){let t=e!==void 0&&e.length===1;t&&(o=ys.get(e)),o===void 0&&((this.o=o=new CSSStyleSheet).replaceSync(this.cssText),t&&ys.set(e,o))}return o}toString(){return this.cssText}},rn=o=>new Mo(typeof o=="string"?o:o+"",void 0,No),u=(o,...e)=>{let t=o.length===1?o[0]:e.reduce((i,s,r)=>i+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+o[r+1],o[0]);return new Mo(t,o,No)},gr=(o,e)=>{if(zo)o.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let i=document.createElement("style"),s=ut.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=t.cssText,o.appendChild(i)}},xs=zo?o=>o:o=>o instanceof CSSStyleSheet?(e=>{let t="";for(let i of e.cssRules)t+=i.cssText;return rn(t)})(o):o;var{is:an,defineProperty:nn,getOwnPropertyDescriptor:ln,getOwnPropertyNames:dn,getOwnPropertySymbols:cn,getPrototypeOf:hn}=Object,ve=globalThis,ws=ve.trustedTypes,un=ws?ws.emptyScript:"",Cs=ve.reactiveElementPolyfillSupport,Ne=(o,e)=>o,hi={toAttribute(o,e){switch(e){case Boolean:o=o?un:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,e){let t=o;switch(e){case Boolean:t=o!==null;break;case Number:t=o===null?null:Number(o);break;case Object:case Array:try{t=JSON.parse(o)}catch{t=null}}return t}},br=(o,e)=>!an(o,e),ks={attribute:!0,type:String,converter:hi,reflect:!1,useDefault:!1,hasChanged:br};Symbol.metadata!=null||(Symbol.metadata=Symbol("metadata")),ve.litPropertyMetadata!=null||(ve.litPropertyMetadata=new WeakMap);var ue=class extends HTMLElement{static addInitializer(o){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(o)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(o,e=ks){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(o)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(o,e),!e.noAccessor){let t=Symbol(),i=this.getPropertyDescriptor(o,t,e);i!==void 0&&nn(this.prototype,o,i)}}static getPropertyDescriptor(o,e,t){var i;let{get:s,set:r}=(i=ln(this.prototype,o))!=null?i:{get(){return this[e]},set(a){this[e]=a}};return{get:s,set(a){let n=s?.call(this);r?.call(this,a),this.requestUpdate(o,n,t)},configurable:!0,enumerable:!0}}static getPropertyOptions(o){var e;return(e=this.elementProperties.get(o))!=null?e:ks}static _$Ei(){if(this.hasOwnProperty(Ne("elementProperties")))return;let o=hn(this);o.finalize(),o.l!==void 0&&(this.l=[...o.l]),this.elementProperties=new Map(o.elementProperties)}static finalize(){if(this.hasOwnProperty(Ne("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Ne("properties"))){let e=this.properties,t=[...dn(e),...cn(e)];for(let i of t)this.createProperty(i,e[i])}let o=this[Symbol.metadata];if(o!==null){let e=litPropertyMetadata.get(o);if(e!==void 0)for(let[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let i=this._$Eu(e,t);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(o){let e=[];
1if(Array.isArray(o)){let t=new Set(o.flat(1/0).reverse());for(let i of t)e.unshift(xs(i))}else o!==void 0&&e.push(xs(o));return e}static _$Eu(o,e){let t=e.attribute;return t===!1?void 0:typeof t=="string"?t:typeof o=="string"?o.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var o;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(o=this.constructor.l)==null||o.forEach(e=>e(this))}addController(o){var e,t;((e=this._$EO)!=null?e:this._$EO=new Set).add(o),this.renderRoot!==void 0&&this.isConnected&&((t=o.hostConnected)==null||t.call(o))}removeController(o){var e;(e=this._$EO)==null||e.delete(o)}_$E_(){let o=new Map,e=this.constructor.elementProperties;for(let t of e.keys())this.hasOwnProperty(t)&&(o.set(t,this[t]),delete this[t]);o.size>0&&(this._$Ep=o)}createRenderRoot(){var o;let e=(o=this.shadowRoot)!=null?o:this.attachShadow(this.constructor.shadowRootOptions);return gr(e,this.constructor.elementStyles),e}connectedCallback(){var o;this.renderRoot!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(o=this._$EO)==null||o.forEach(e=>{var t;return(t=e.hostConnected)==null?void 0:t.call(e)})}enableUpdating(o){}disconnectedCallback(){var o;(o=this._$EO)==null||o.forEach(e=>{var t;return(t=e.hostDisconnected)==null?void 0:t.call(e)})}attributeChangedCallback(o,e,t){this._$AK(o,t)}_$ET(o,e){var t;let i=this.constructor.elementProperties.get(o),s=this.constructor._$Eu(o,i);if(s!==void 0&&i.reflect===!0){let r=(((t=i.converter)==null?void 0:t.toAttribute)!==void 0?i.converter:hi).toAttribute(e,i.type);this._$Em=o,r==null?this.removeAttribute(s):this.setAttribute(s,r),this._$Em=null}}_$AK(o,e){var t,i,s;let r=this.constructor,a=r._$Eh.get(o);if(a!==void 0&&this._$Em!==a){let n=r.getPropertyOptions(a),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((t=n.converter)==null?void 0:t.fromAttribute)!==void 0?n.converter:hi;this._$Em=a;let d=l.fromAttribute(e,n.type);this[a]=(s=d??((i=this._$Ej)==null?void 0:i.get(a)))!=null?s:d,this._$Em=null}}requestUpdate(o,e,t,i=!1,s){var r,a;if(o!==void 0){let n=this.constructor;if(i===!1&&(s=this[o]),t!=null||(t=n.getPropertyOptions(o)),!(((r=t.hasChanged)!=null?r:br)(s,e)||t.useDefault&&t.reflect&&s===((a=this._$Ej)==null?void 0:a.get(o))&&!this.hasAttribute(n._$Eu(o,t))))return;this.C(o,e,t)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(o,e,{useDefault:t,reflect:i,wrapped:s},r){var a,n,l;t&&!((a=this._$Ej)!=null?a:this._$Ej=new Map).has(o)&&(this._$Ej.set(o,(n=r??e)!=null?n:this[o]),s!==!0||r!==void 0)||(this._$AL.has(o)||(this.hasUpdated||t||(e=void 0),this._$AL.set(o,e)),i===!0&&this._$Em!==o&&((l=this._$Eq)!=null?l:this._$Eq=new Set).add(o))}_$EP(){return ft(this,null,function*(){this.isUpdatePending=!0;try{yield this._$ES}catch(e){Promise.reject(e)}let o=this.scheduleUpdate();return o!=null&&(yield o),!this.isUpdatePending})}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}let i=this.constructor.elementProperties;if(i.size>0)for(let[s,r]of i){let{wrapped:a}=r,n=this[s];a!==!0||this._$AL.has(s)||n===void 0||this.C(s,void 0,r,n)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(o=this._$EO)==null||o.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(t)):this._$EM()}catch(i){throw e=!1,this._$EM(),i}e&&this._$AE(t)}willUpdate(o){}_$AE(o){var e;(e=this._$EO)==null||e.forEach(t=>{var i;return(i=t.hostUpdated)==null?void 0:i.call(t)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(o)),this.updated(o)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(o){return!0}update(o){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(o){}firstUpdated(o){}},Es;ue.elementStyles=[],ue.shadowRootOptions={mode:"open"},ue[Ne("elementProperties")]=new Map,ue[Ne("finalized")]=new Map,Cs?.({ReactiveElement:ue}),((Es=ve.reactiveElementVersions)!=null?Es:ve.reactiveElementVersions=[]).push("2.1.2");var vt=globalThis,As=o=>o,gt=vt.trustedTypes,Is=gt?gt.createPolicy("lit-html",{createHTML:o=>o}):void 0,yr="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,xr="?"+Y,pn=`<${xr}>`,ie=document,Ve=()=>
vendor: 4,756 bytes, lines 1-3
1ie.createComment(""),Fe=o=>o===null||typeof o!="object"&&typeof o!="function",Vo=Array.isArray,mn=o=>Vo(o)||typeof o?.[Symbol.iterator]=="function",Kt=`[ 2\f\r]`,Ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ss=/-->/g,Ps=/>/g,Q=RegExp(`>|${Kt}(?:([^\\s"'>=/]+)(${Kt}*=${Kt}*(?:[^ 3\f\r"'\`<>=]|("|')|))|$)`,"g"),Ts=/'/g,Ds=/"/g,wr=/^(?:script|style|textarea|title)$/i,ge=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),Os=new WeakMap,Z=ie.createTreeWalker(ie,129);function Cr(o,e){if(!Vo(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Is!==void 0?Is.createHTML(e):e}var _n=(o,e)=>{let t=o.length-1,i=[],s,r=e===2?"<svg>":e===3?"<math>":"",a=Ee;for(let n=0;n<t;n++){let l=o[n],d,c,h=-1,p=0;for(;p<l.length&&(a.lastIndex=p,c=a.exec(l),c!==null);)p=a.lastIndex,a===Ee?c[1]==="!--"?a=Ss:c[1]!==void 0?a=Ps:c[2]!==void 0?(wr.test(c[2])&&(s=RegExp("</"+c[2],"g")),a=Q):c[3]!==void 0&&(a=Q):a===Q?c[0]===">"?(a=s??Ee,h=-1):c[1]===void 0?h=-2:(h=a.lastIndex-c[2].length,d=c[1],a=c[3]===void 0?Q:c[3]==='"'?Ds:Ts):a===Ds||a===Ts?a=Q:a===Ss||a===Ps?a=Ee:(a=Q,s=void 0);let m=a===Q&&o[n+1].startsWith("/>")?" ":"";r+=a===Ee?l+pn:h>=0?(i.push(d),l.slice(0,h)+yr+l.slice(h)+Y+m):l+Y+(h===-2?n:m)}return[Cr(o,r+(o[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]},Be=class o{constructor({strings:e,_$litType$:t},i){let s;this.parts=[];let r=0,a=0,n=e.length-1,l=this.parts,[d,c]=_n(e,t);if(this.el=o.createElement(d,i),Z.currentNode=this.el.content,t===2||t===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=Z.nextNode())!==null&&l.length<n;){if(s.nodeType===1){if(s.hasAttributes())for(let h of s.getAttributeNames())if(h.endsWith(yr)){let p=c[a++],m=s.getAttribute(h).split(Y),x=/([.?@])?(.*)/.exec(p);l.push({type:1,index:r,name:x[2],strings:m,ctor:x[1]==="."?pi:x[1]==="?"?mi:x[1]==="@"?_i:ye}),s.removeAttribute(h)}else h.startsWith(Y)&&(l.push({type:6,index:r}),s.removeAttribute(h));if(wr.test(s.tagName)){let h=s.textContent.split(Y),p=h.length-1;if(p>0){s.textContent=gt?gt.emptyScript:"";for(let m=0;m<p;m++)s.append(h[m],Ve()),Z.nextNode(),l.push({type:2,index:++r});s.append(h[p],Ve())}}}else if(s.nodeType===8)if(s.data===xr)l.push({type:2,index:r});else{let h=-1;for(;(h=s.data.indexOf(Y,h+1))!==-1;)l.push({type:7,index:r}),h+=Y.length-1}r++}}static createElement(e,t){let i=ie.createElement("template");return i.innerHTML=e,i}};function be(o,e,t=o,i){var s,r,a;if(e===ge)return e;let n=i!==void 0?(s=t._$Co)==null?void 0:s[i]:t._$Cl,l=Fe(e)?void 0:e._$litDirective$;return n?.constructor!==l&&((r=n?._$AO)==null||r.call(n,!1),l===void 0?n=void 0:(n=new l(o),n._$AT(o,t,i)),i!==void 0?((a=t._$Co)!=null?a:t._$Co=[])[i]=n:t._$Cl=n),n!==void 0&&(e=be(o,n._$AS(o,e.values),n,i)),e}var ui=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;let{el:{content:i},parts:s}=this._$AD,r=((t=e?.creationScope)!=null?t:ie).importNode(i,!0);Z.currentNode=r;let a=Z.nextNode(),n=0,l=0,d=s[0];for(;d!==void 0;){if(n===d.index){let c;d.type===2?c=new Re(a,a.nextSibling,this,e):d.type===1?c=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(c=new fi(a,this,e)),this._$AV.push(c),d=s[++l]}n!==d?.index&&(a=Z.nextNode(),n++)}return Z.currentNode=ie,r}p(e){let t=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}},Re=class o{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,i,s){var r;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=s,this._$Cv=(r=s?.isConnected)!=null?r:!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=be(this,e,t),Fe(e)?e===S||e==null||e===""?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==ge&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):mn(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==S&&Fe(this._$AH)?this._$AA.nextSibling.data=e:this.T(ie.createTextNode(e)),this._$AH=e}$(e){var t;let{values:i,_$litType$:s}=e,r=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=Be.createElement(Cr(s.h,s.h[0]),this.options)),s);if(((t=this._$AH)==null?void 0:t._$AD)===r)this._$AH.p(i);else{let a=new ui(r,this),n=a.u(this.options);a.p(i),this.T(n),this._$AH=a}}_$AC(e){let t=Os.get(e.strings);return t===void 0&&Os.set(e.strings,t=new Be(e)),t}k(e){Vo(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,i,s=0;
3for(let r of e)s===t.length?t.push(i=new o(this.O(Ve()),this.O(Ve()),this,this.options)):i=t[s],i._$AI(r),s++;s<t.length&&(this._$AR(i&&i._$AB.nextSibling,s),t.length=s)}_$AR(e=this._$AA.nextSibling,t){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,t);e!==this._$AB;){let s=As(e).nextSibling;As(e).remove(),e=s}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},ye=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,s,r){this.type=1,this._$AH=S,this._$AN=void 0,this.element=e,this.name=t,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=S}_$AI(e,t=this,i,s){let r=this.strings,a=!1;if(r===void 0)e=be(this,e,t,0),a=!Fe(e)||e!==this._$AH&&e!==ge,a&&(this._$AH=e);else{let n=e,l,d;for(e=r[0],l=0;l<r.length-1;l++)d=be(this,n[i+l],t,l),d===ge&&(d=this._$AH[l]),a||(a=!Fe(d)||d!==this._$AH[l]),d===S?e=S:e!==S&&(e+=(d??"")+r[l+1]),this._$AH[l]=d}a&&!s&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},pi=class extends ye{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}},mi=class extends ye{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}},_i=class extends ye{constructor(e,t,i,s,r){super(e,t,i,s,r),this.type=5}_$AI(e,t=this){var i;if((e=(i=be(this,e,t,0))!=null?i:S)===ge)return;let s=this._$AH,r=e===S&&s!==S||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,a=e!==S&&(s===S||r);r&&this.element.removeEventListener(this.name,this,s),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;typeof this._$AH=="function"?this._$AH.call((i=(t=this.options)==null?void 0:t.host)!=null?i:this.element,e):this._$AH.handleEvent(e)}},fi=class{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){be(this,e)}},Ls=vt.litHtmlPolyfillSupport,zs;Ls?.(Be,Re),((zs=vt.litHtmlVersions)!=null?zs:vt.litHtmlVersions=[]).push("3.3.2");var kr=(o,e,t)=>{var i,s;let r=(i=t?.renderBefore)!=null?i:e,a=r._$litPart$;if(a===void 0){let n=(s=t?.renderBefore)!=null?s:null;r._$litPart$=a=new Re(e.insertBefore(Ve(),n),n,void 0,t??{})}return a._$AI(o),a};var $e=globalThis,K=class extends ue{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;let t=super.createRenderRoot();return(e=this.renderOptions).renderBefore!=null||(e.renderBefore=t.firstChild),t}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=kr(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return ge}},Ns;K._$litElement$=!0,K.finalized=!0,(Ns=$e.litElementHydrateSupport)==null||Ns.call($e,{LitElement:K});var Ms=$e.litElementPolyfillSupport;Ms?.({LitElement:K});var Vs;((Vs=$e.litElementVersions)!=null?Vs:$e.litElementVersions=[]).push("4.2.2");var Nt=o=>class extends o{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e==="theme"&&this._set_theme(i)}};var Er=[],vi=new Set,Fo=new Set;function Ar(o){return o&&Object.prototype.hasOwnProperty.call(o,"__themes")}function fn(o){return Ar(customElements.get(o))}function vn(o=[]){return[o].flat(1/0).filter(e=>e instanceof Mo?!0:(console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`."),!1))}function Ir(o,e){return(o||"").split(" ").some(t=>new RegExp(`^${t.split("*").join(".*")}$`,"u").test(e))}function Sr(o){return o.map(e=>e.cssText).join(` 4`)}var bt="vaadin-themable-mixin-style";function gn(o,e){let t=document.createElement("style");t.id=bt,t.textContent=Sr(o),e.content.appendChild(t)}function bn(o){if(!o.shadowRoot)return;let e=o.constructor;if(o instanceof K)[...o.shadowRoot.querySelectorAll("style")].forEac
4h(t=>t.remove()),gr(o.shadowRoot,e.elementStyles);else{let t=o.shadowRoot.getElementById(bt),i=e.prototype._template;t.textContent=i.content.getElementById(bt).textContent}}function yn(o){vi.forEach(e=>{let t=e.deref();t instanceof o?bn(t):t||vi.delete(e)})}function Pr(o){if(o.prototype instanceof K)o.elementStyles=o.finalizeStyles(o.styles);else{let e=o.prototype._template;e.content.getElementById(bt).textContent=Sr(o.getStylesForThis())}Fo.forEach(e=>{let t=customElements.get(e);t!==o&&t.prototype instanceof o&&Pr(t)})}function xn(o,e){let t=o.__themes;return!t||!e?!1:t.some(i=>i.styles.some(s=>e.some(r=>r.cssText===s.cssText)))}function _(o,e,t={}){e=vn(e),window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.registerStyles(o,e,t):Er.push({themeFor:o,styles:e,include:t.include,moduleId:t.moduleId}),o&&Fo.forEach(i=>{if(Ir(o,i)&&fn(i)){let s=customElements.get(i);xn(s,e)?console.warn(`Registering styles that already exist for ${i}`):(!window.Vaadin||!window.Vaadin.suppressPostFinalizeStylesWarning)&&console.warn(`The custom element definition for "${i}" was finalized before a style module was registered. Ideally, import component specific style modules before importing the corresponding custom element. This warning can be suppressed by setting "window.Vaadin.suppressPostFinalizeStylesWarning = true".`),Pr(s),yn(s)}})}function gi(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():Er}function wn(o=""){let e=0;return o.startsWith("lumo-")||o.startsWith("material-")?e=1:o.startsWith("vaadin-")&&(e=2),e}function Tr(o){let e=[];return o.include&&[].concat(o.include).forEach(t=>{let i=gi().find(s=>s.moduleId===t);i?e.push(...Tr(i),...i.styles):console.warn(`Included moduleId ${t} not found in style registry`)},o.styles),e}function Cn(o){let e=`${o}-default-theme`,t=gi().filter(i=>i.moduleId!==e&&Ir(i.themeFor,o)).map(i=>vr(_t({},i),{styles:[...Tr(i),...i.styles],includePriority:wn(i.moduleId)})).sort((i,s)=>s.includePriority-i.includePriority);return t.length>0?t:gi().filter(i=>i.moduleId===e)}var C=o=>class extends Nt(o){constructor(){super(),vi.add(new WeakRef(this))}static finalize(){if(super.finalize(),this.is&&Fo.add(this.is),this.elementStyles)return;let e=this.prototype._template;!e||Ar(this)||gn(this.getStylesForThis(),e)}static finalizeStyles(e){let t=this.getStylesForThis();return e?[...[e].flat(1/0),...t]:t}static getStylesForThis(){let e=o.__themes||[],t=Object.getPrototypeOf(this.prototype),i=(t?t.constructor.__themes:[])||[];this.__themes=[...e,...i,...Cn(this.is)];let s=this.__themes.flatMap(r=>r.styles);return s.filter((r,a)=>a===s.lastIndexOf(r))}};var kn=(o,...e)=>{let t=document.createElement("style");t.id=o,t.textContent=e.map(i=>i.toString()).join(` 5`).replace(":host","html"),document.head.insertAdjacentElement("afterbegin",t)},we=(o,...e)=>{kn(`lumo-${o}`,e)};var En=u` 6 :host { 7 /* Base (background) */ 8 --lumo-base-color: #fff; 9 10 /* Tint */ 11 --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3); 12 --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37); 13 --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44); 14 --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5); 15 --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57); 16 --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64); 17 --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7); 18 --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77); 19 --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84); 20 --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9); 21 --lumo-tint: #fff; 22 23 /* Shade */ 24 --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05); 25 --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1); 26 --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16); 27 --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26); 28 --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38); 29 --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52); 30 --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6); 31 --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69); 32 --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83); 33 --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94); 34 --lumo-shade: hsl(214, 35%, 15%); 35 36 /* Contrast */ 37 --lumo-contrast-5pct: var(--lumo-shade-5pct); 38 --lumo-contrast-10pct: var(--lumo-shade-10pct); 39 --lumo-contrast-20pct: var(--lumo-shade-20pct); 40 --lumo-contrast-30pct: var(--lumo-shade-30pct); 41 --lumo-contrast-40pct: var(--lumo-shade-40pct); 42 --lumo-contrast-50pct: var(--lumo-shade-50pct); 43 --lumo-contrast-60pct: var(--lumo-shade-60pct); 44 --lumo-contrast-70pct: var(--lumo-shade-70pct); 45 --lumo-contrast-80pct: var(--lumo-shade-80pct); 46 --lumo-contrast-90pct: var(--lumo-shade-90pct); 47 --lumo-contrast: var(--lumo-shade); 48 49 /* Text */ 50 --lumo-header-text-color: var(--lumo-contrast); 51 --lumo-body-text-color: var(--lumo-contrast-90pct); 52 --lumo-secondary-text-color: var(--lumo-contrast-70pct); 53 --lumo-tertiary-text-color: var(--lumo-contrast-50pct); 54 --lumo-disabled-text-color: var(--lumo-contrast-30pct); 55 56 /* Primary */ 57 --lumo-primary-color: hsl(214, 100%, 48%); 58 --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76); 59 --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
60 --lumo-primary-text-color: hsl(214, 100%, 43%); 61 --lumo-primary-contrast-color: #fff; 62 63 /* Error */ 64 --lumo-error-color: hsl(3, 85%, 48%); 65 --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5); 66 --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1); 67 --lumo-error-text-color: hsl(3, 89%, 42%); 68 --lumo-error-contrast-color: #fff; 69 70 /* Success */ 71 --lumo-success-color: hsl(145, 72%, 30%); 72 --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5); 73 --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1); 74 --lumo-success-text-color: hsl(145, 85%, 25%); 75 --lumo-success-contrast-color: #fff; 76 77 /* Warning */ 78 --lumo-warning-color: hsl(48, 100%, 50%); 79 --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25); 80 --lumo-warning-text-color: hsl(32, 100%, 30%); 81 --lumo-warning-contrast-color: var(--lumo-shade-90pct); 82 } 83 84 /* forced-colors mode adjustments */ 85 @media (forced-colors: active) { 86 html { 87 --lumo-disabled-text-color: GrayText; 88 } 89 } 90`;we("color-props",En);var An=u` 91 [theme~='dark'] { 92 /* Base (background) */ 93 --lumo-base-color: hsl(214, 35%, 21%); 94 95 /* Tint */ 96 --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06); 97 --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14); 98 --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23); 99 --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32); 100 --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41); 101 --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5); 102 --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58); 103 --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69); 104 --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8); 105 --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9); 106 --lumo-tint: hsl(214, 100%, 98%); 107 108 /* Shade */ 109 --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07); 110 --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15); 111 --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23); 112 --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32); 113 --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41); 114 --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5); 115 --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6); 116 --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7); 117 --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8); 118 --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9); 119 --lumo-shade: hsl(214, 33%, 13%); 120 121 /* Contrast */ 122 --lumo-contrast-5pct: var(--lumo-tint-5pct); 123 --lumo-contrast-10pct: var(--lumo-tint-10pct); 124 --lumo-contrast-20pct: var(--lumo-tint-20pct); 125 --lumo-contrast-30pct: var(--lumo-tint-30pct); 126 --lumo-contrast-40pct: var(--lumo-tint-40pct); 127 --lumo-contrast-50pct: var(--lumo-tint-50pct); 128 --lumo-contrast-60pct: var(--lumo-tint-60pct); 129 --lumo-contrast-70pct: var(--lumo-tint-70pct); 130 --lumo-contrast-80pct: var(--lumo-tint-80pct); 131 --lumo-contrast-90pct: var(--lumo-tint-90pct); 132 --lumo-contrast: var(--lumo-tint); 133 134 /* Text */ 135 --lumo-header-text-color: var(--lumo-contrast); 136 --lumo-body-text-color: var(--lumo-contrast-90pct); 137 --lumo-secondary-text-color: var(--lumo-contrast-70pct); 138 --lumo-tertiary-text-color: var(--lumo-contrast-50pct); 139 --lumo-disabled-text-color: var(--lumo-contrast-30pct); 140 141 /* Primary */ 142 --lumo-primary-color: hsl(214, 90%, 48%); 143 --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69); 144 --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13); 145 --lumo-primary-text-color: hsl(214, 90%, 77%); 146 --lumo-primary-contrast-color: #fff; 147 148 /* Error */ 149 --lumo-error-color: hsl(3, 79%, 49%); 150 --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5); 151 --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14); 152 --lumo-error-text-color: hsl(3, 100%, 80%); 153 154 /* Success */ 155 --lumo-success-color: hsl(145, 72%, 30%); 156 --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5); 157 --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1); 158 --lumo-success-text-color: hsl(145, 85%, 46%); 159 160 /* Warning */ 161 --lumo-warning-color: hsl(43, 100%, 48%); 162 --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2); 163 --lumo-warning-text-color: hsl(45, 100%, 60%); 164 --lumo-warning-contrast-color: var(--lumo-shade-90pct); 165 } 166 167 html { 168 color: var(--lumo-body-text-color); 169 background-color: var(--lumo-base-color); 170 color-scheme: light; 171 } 172 173 [theme~='dark'] { 174 color: var(--lumo-body-text-color); 175 background-color: var(--lumo-base-color); 176 color-scheme: dark; 177 } 178 179 h1, 180 h2, 181 h3, 182 h4, 183 h5, 184 h6 { 185 color: var(--lumo-header-text-color); 186 } 187 188 a:where(:any-link) { 189 color: var(--lumo-primary-text-color); 190 } 191 192 a:not(:any-link) { 193 color: var(--lumo-disabled-text-color); 194 } 195 196 blockquote { 197 color: var(--lumo-secondary-text-color); 198 } 199 200 code, 201 pre { 202 background-color: var(--lumo-contrast-10pct); 203 border-radius: var(--lumo-border-radius-m); 204 } 205 pre code { 206 background: transparent; 207 } 208`;_("",An,{moduleId:"lumo-color"});var In=u
vendor: 7,592 bytes, lines 208-261
208` 209 @font-face { 210 font-family: 'lumo-icons'; 211 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==) 212 format('woff'); 213 font-weight: normal; 214 font-style: normal; 215 } 216 217 html { 218 --lumo-icons-align-center: '\\ea01'; 219 --lumo-icons-align-left: '\\ea02'; 220 --lumo-icons-align-right: '\\ea03'; 221 --lumo-icons-angle-down: '\\ea04'; 222 --lumo-icons-angle-left: '\\ea05'; 223 --lumo-icons-angle-right: '\\ea06'; 224 --lumo-icons-angle-up: '\\ea07'; 225 --lumo-icons-arrow-down: '\\ea08'; 226 --lumo-icons-arrow-left: '\\ea09'; 227 --lumo-icons-arrow-right: '\\ea0a'; 228 --lumo-icons-arrow-up: '\\ea0b'; 229 --lumo-icons-bar-chart: '\\ea0c'; 230 --lumo-icons-bell: '\\ea0d'; 231 --lumo-icons-calendar: '\\ea0e'; 232 --lumo-icons-checkmark: '\\ea0f'; 233 --lumo-icons-chevron-down: '\\ea10'; 234 --lumo-icons-chevron-left: '\\ea11'; 235 --lumo-icons-chevron-right: '\\ea12'; 236 --lumo-icons-chevron-up: '\\ea13'; 237 --lumo-icons-clock: '\\ea14'; 238 --lumo-icons-cog: '\\ea15'; 239 --lumo-icons-cross: '\\ea16'; 240 --lumo-icons-download: '\\ea17'; 241 --lumo-icons-dropdown: '\\ea18'; 242 --lumo-icons-edit: '\\ea19'; 243 --lumo-icons-error: '\\ea1a'; 244 --lumo-icons-eye: '\\ea1b'; 245 --lumo-icons-eye-disabled: '\\ea1c'; 246 --lumo-icons-menu: '\\ea1d'; 247 --lumo-icons-minus: '\\ea1e'; 248 --lumo-icons-ordered-list: '\\ea1f'; 249 --lumo-icons-phone: '\\ea20'; 250 --lumo-icons-photo: '\\ea21'; 251 --lumo-icons-play: '\\ea22'; 252 --lumo-icons-plus: '\\ea23'; 253 --lumo-icons-redo: '\\ea24'; 254 --lumo-icons-reload: '\\ea25'; 255 --lumo-icons-search: '\\ea26'; 256 --lumo-icons-undo: '\\ea27'; 257 --lumo-icons-unordered-list: '\\ea28'; 258 --lumo-icons-upload: '\\ea29'; 259 --lumo-icons-user: '\\ea2a'; 260 } 261`;
261we("font-icons",In);var Sn=u` 262 :host { 263 --lumo-size-xs: 1.625rem; 264 --lumo-size-s: 1.875rem; 265 --lumo-size-m: 2.25rem; 266 --lumo-size-l: 2.75rem; 267 --lumo-size-xl: 3.5rem; 268 269 /* Icons */ 270 --lumo-icon-size-s: 1.25em; 271 --lumo-icon-size-m: 1.5em; 272 --lumo-icon-size-l: 2.25em; 273 /* For backwards compatibility */ 274 --lumo-icon-size: var(--lumo-icon-size-m); 275 } 276`;we("sizing-props",Sn);var Pn=u` 277 :host { 278 /* Square */ 279 --lumo-space-xs: 0.25rem; 280 --lumo-space-s: 0.5rem; 281 --lumo-space-m: 1rem; 282 --lumo-space-l: 1.5rem; 283 --lumo-space-xl: 2.5rem; 284 285 /* Wide */ 286 --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs); 287 --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s); 288 --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m); 289 --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l); 290 --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl); 291 292 /* Tall */ 293 --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2); 294 --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2); 295 --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2); 296 --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2); 297 --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2); 298 } 299`;we("spacing-props",Pn);var Tn=u` 300 :host { 301 /* Border radius */ 302 --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */ 303 --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */ 304 --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */ 305 306 /* Shadow */ 307 --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct); 308 --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct); 309 --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct); 310 --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct); 311 --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct); 312 313 /* Clickable element cursor */ 314 --lumo-clickable-cursor: default; 315 } 316`;u` 317 html { 318 /* Button */ 319 --vaadin-button-background: var(--lumo-contrast-5pct); 320 --vaadin-button-border: none; 321 --vaadin-button-border-radius: var(--lumo-border-radius-m); 322 --vaadin-button-font-size: var(--lumo-font-size-m); 323 --vaadin-button-font-weight: 500; 324 --vaadin-button-height: var(--lumo-size-m); 325 --vaadin-button-margin: var(--lumo-space-xs) 0; 326 --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2); 327 --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2); 328 --vaadin-button-text-color: var(--lumo-primary-text-color); 329 --vaadin-button-primary-background: var(--lumo-primary-color); 330 --vaadin-button-primary-border: none; 331 --vaadin-button-primary-font-weight: 600; 332 --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color); 333 --vaadin-button-tertiary-background: transparent !important; 334 --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color); 335 --vaadin-button-tertiary-font-weight: 500; 336 --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6); 337 /* Checkbox */ 338 --vaadin-checkbox-background: var(--lumo-contrast-20pct); 339 --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct); 340 --vaadin-checkbox-border-radius: var(--lumo-border-radius-s); 341 --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark); 342 --vaadin-checkbox-checkmark-char-indeterminate: ''; 343 --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color); 344 --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px); 345 --vaadin-checkbox-label-color: var(--lumo-body-text-color); 346 --vaadin-checkbox-label-font-size: var(--lumo-font-size-m); 347 --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs); 348 --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2); 349 --vaadin-checkbox-disabled-checkmark-color: var(--lumo-contrast-30pct); 350 --vaadin-checkbox-disabled-background: var(--lumo-contrast-10pct); 351 /* Radio button */ 352 --vaadin-radio-button-background: var(--lumo-contrast-20pct); 353 --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct); 354 --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color); 355 --vaadin-radio-button-dot-size: 3px; 356 --vaadin-radio-button-label-color: var(--lumo-body-text-color); 357 --vaadin-radio-button-label-font-size: var(--lumo-font-size-m); 358 --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) 359 var(--lumo-space-xs); 360 --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2); 361 --vaadin-radio-button-disabled-background: var(--lumo-contrast-10pct); 362 --vaadin-radio-button-disabled-dot-color: var(--lumo-contrast-30pct); 363 --vaadin-selection-color: var(--lumo-primary-color); 364 --vaadin-selection-color-text: var(--lumo-primary-text-color); 365 --vaadin-input-field-border-radius: var(--lumo-border-radius-m); 366 --vaadin-focus-ring-color: var(--lumo-primary-color-50pct); 367 --vaadin-focus-ring-width: 2px; 368 /* Label */ 369 --vaadin-input-field-label-color: var(--lumo-secondary-text-color); 370 --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color); 371 --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color); 372 --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
373 --vaadin-input-field-label-font-weight: 500; 374 /* Helper */ 375 --vaadin-input-field-helper-color: var(--lumo-secondary-text-color); 376 --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs); 377 --vaadin-input-field-helper-font-weight: 400; 378 --vaadin-input-field-helper-spacing: 0.4em; 379 /* Error message */ 380 --vaadin-input-field-error-color: var(--lumo-error-text-color); 381 --vaadin-input-field-error-font-size: var(--lumo-font-size-xs); 382 --vaadin-input-field-error-font-weight: 400; 383 /* Input field */ 384 --vaadin-input-field-background: var(--lumo-contrast-10pct); 385 --vaadin-input-field-icon-color: var(--lumo-contrast-60pct); 386 --vaadin-input-field-icon-size: var(--lumo-icon-size-m); 387 --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct); 388 --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct); 389 --vaadin-input-field-disabled-background: var(--lumo-contrast-5pct); 390 --vaadin-input-field-disabled-value-color: var(--lumo-disabled-text-color); 391 --vaadin-input-field-height: var(--lumo-size-m); 392 --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct); 393 --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color); 394 --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct); 395 --vaadin-input-field-value-color: var(--lumo-body-text-color); 396 --vaadin-input-field-value-font-size: var(--lumo-font-size-m); 397 --vaadin-input-field-value-font-weight: 500; 398 } 399`;we("style-props",Tn);var Dn=u` 400 :host { 401 /* prettier-ignore */ 402 --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 403 404 /* Font sizes */ 405 --lumo-font-size-xxs: 0.75rem; 406 --lumo-font-size-xs: 0.8125rem; 407 --lumo-font-size-s: 0.875rem; 408 --lumo-font-size-m: 1rem; 409 --lumo-font-size-l: 1.125rem; 410 --lumo-font-size-xl: 1.375rem; 411 --lumo-font-size-xxl: 1.75rem; 412 --lumo-font-size-xxxl: 2.5rem; 413 414 /* Line heights */ 415 --lumo-line-height-xs: 1.25; 416 --lumo-line-height-s: 1.375; 417 --lumo-line-height-m: 1.625; 418 } 419`,On=u` 420 body, 421 :host { 422 font-family: var(--lumo-font-family); 423 font-size: var(--lumo-font-size-m); 424 line-height: var(--lumo-line-height-m); 425 -webkit-text-size-adjust: 100%; 426 -webkit-font-smoothing: antialiased; 427 -moz-osx-font-smoothing: grayscale; 428 } 429 430 small, 431 [theme~='font-size-s'] { 432 font-size: var(--lumo-font-size-s); 433 line-height: var(--lumo-line-height-s); 434 } 435 436 [theme~='font-size-xs'] { 437 font-size: var(--lumo-font-size-xs); 438 line-height: var(--lumo-line-height-xs); 439 } 440 441 :where(h1, h2, h3, h4, h5, h6) { 442 font-weight: 600; 443 line-height: var(--lumo-line-height-xs); 444 margin-block: 0; 445 } 446 447 :where(h1) { 448 font-size: var(--lumo-font-size-xxxl); 449 } 450 451 :where(h2) { 452 font-size: var(--lumo-font-size-xxl); 453 } 454 455 :where(h3) { 456 font-size: var(--lumo-font-size-xl); 457 } 458 459 :where(h4) { 460 font-size: var(--lumo-font-size-l); 461 } 462 463 :where(h5) { 464 font-size: var(--lumo-font-size-m); 465 } 466 467 :where(h6) { 468 font-size: var(--lumo-font-size-xs); 469 text-transform: uppercase; 470 letter-spacing: 0.03em; 471 } 472 473 p, 474 blockquote { 475 margin-top: 0.5em; 476 margin-bottom: 0.75em; 477 } 478 479 a { 480 text-decoration: none; 481 } 482 483 a:where(:any-link):hover { 484 text-decoration: underline; 485 } 486 487 hr { 488 display: block; 489 align-self: stretch; 490 height: 1px; 491 border: 0; 492 padding: 0; 493 margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2); 494 background-color: var(--lumo-contrast-10pct); 495 } 496 497 blockquote { 498 border-left: 2px solid var(--lumo-contrast-30pct); 499 } 500 501 b, 502 strong { 503 font-weight: 600; 504 } 505 506 /* RTL specific styles */ 507 blockquote[dir='rtl'] { 508 border-left: none; 509 border-right: 2px solid var(--lumo-contrast-30pct); 510 } 511`;_("",On,{moduleId:"lumo-typography"});we("typography-props",Dn);_("vaadin-checkbox",u` 512 :host { 513 color: var(--vaadin-checkbox-label-color, var(--lumo-body-text-color)); 514 font-size: var(--vaadin-checkbox-label-font-size, var(--lumo-font-size-m)); 515 font-family: var(--lumo-font-family); 516 line-height: var(--lumo-line-height-s); 517 -webkit-font-smoothing: antialiased; 518 -moz-osx-font-smoothing: grayscale; 519 -webkit-tap-highlight-color: transparent; 520 -webkit-user-select: none; 521 -moz-user-select: none; 522 user-select: none; 523 cursor: default; 524 outline: none; 525 --_checkbox-size: var(--vaadin-checkbox-size, calc(var(--lumo-size-m) / 2)); 526 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 527 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 528 --_selection-color: var(--vaadin-selection-color, var(--lumo-primary-color));
529 --_invalid-background: var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct)); 530 --_disabled-checkmark-color: var(--vaadin-checkbox-disabled-checkmark-color, var(--lumo-contrast-30pct)); 531 } 532 533 [part='label'] { 534 display: flex; 535 position: relative; 536 max-width: max-content; 537 } 538 539 :host([has-label]) ::slotted(label) { 540 padding: var( 541 --vaadin-checkbox-label-padding, 542 var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs) 543 ); 544 } 545 546 :host([dir='rtl'][has-label]) ::slotted(label) { 547 padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s); 548 } 549 550 :host([has-label][required]) ::slotted(label) { 551 padding-inline-end: var(--lumo-space-m); 552 } 553 554 [part='checkbox'] { 555 width: var(--_checkbox-size); 556 height: var(--_checkbox-size); 557 margin: var(--lumo-space-xs); 558 position: relative; 559 border-radius: var(--vaadin-checkbox-border-radius, var(--lumo-border-radius-s)); 560 background: var(--vaadin-checkbox-background, var(--lumo-contrast-20pct)); 561 transition: 562 transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), 563 background-color 0.15s; 564 cursor: var(--lumo-clickable-cursor); 565 /* Default field border color */ 566 --_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct)); 567 } 568 569 :host([indeterminate]), 570 :host([checked]) { 571 --vaadin-input-field-border-color: transparent; 572 } 573 574 :host([indeterminate]) [part='checkbox'], 575 :host([checked]) [part='checkbox'] { 576 background-color: var(--_selection-color); 577 } 578 579 /* Checkmark */ 580 [part='checkbox']::after { 581 pointer-events: none; 582 font-family: 'lumo-icons'; 583 content: var(--vaadin-checkbox-checkmark-char, var(--lumo-icons-checkmark)); 584 color: var(--vaadin-checkbox-checkmark-color, var(--lumo-primary-contrast-color)); 585 font-size: var(--vaadin-checkbox-checkmark-size, calc(var(--_checkbox-size) + 2px)); 586 line-height: 1; 587 position: absolute; 588 top: -1px; 589 left: -1px; 590 contain: content; 591 opacity: 0; 592 } 593 594 :host([checked]) [part='checkbox']::after { 595 opacity: 1; 596 } 597
598 :host([readonly]:not([checked]):not([indeterminate])) { 599 color: var(--lumo-secondary-text-color); 600 } 601 602 :host([readonly]:not([checked]):not([indeterminate])) [part='checkbox'] { 603 background: transparent; 604 box-shadow: none; 605 } 606 607 :host([readonly]:not([checked]):not([indeterminate])) [part='checkbox']::after { 608 content: ''; 609 box-sizing: border-box; 610 width: 100%; 611 height: 100%; 612 border-radius: inherit; 613 top: 0; 614 left: 0; 615 opacity: 1; 616 border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-50pct)); 617 } 618 619 /* Indeterminate checkmark */ 620 :host([indeterminate]) [part='checkbox']::after { 621 content: var(--vaadin-checkbox-checkmark-char-indeterminate, ''); 622 opacity: 1; 623 top: 45%; 624 height: 10%; 625 left: 22%; 626 right: 22%; 627 width: auto; 628 border: 0; 629 background-color: var(--lumo-primary-contrast-color); 630 } 631 632 /* Focus ring */ 633 :host([focus-ring]) [part='checkbox'] { 634 box-shadow: 635 0 0 0 1px var(--lumo-base-color), 636 0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color), 637 inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color); 638 } 639
640 :host([focus-ring][readonly]:not([checked]):not([indeterminate])) [part='checkbox'] { 641 box-shadow: 642 0 0 0 1px var(--lumo-base-color), 643 0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color); 644 } 645 646 /* Disabled */ 647 :host([disabled]) { 648 pointer-events: none; 649 --vaadin-input-field-border-color: var(--lumo-contrast-20pct); 650 } 651 652 :host([disabled]) ::slotted(label) { 653 color: inherit; 654 } 655 656 :host([disabled]) [part='checkbox'] { 657 background-color: var(--vaadin-checkbox-disabled-background, var(--lumo-contrast-10pct)); 658 } 659 660 :host([disabled]) [part='checkbox']::after { 661 color: var(--_disabled-checkmark-color); 662 } 663 664 :host([disabled]) [part='label'], 665 :host([disabled]) [part='helper-text'] { 666 color: var(--lumo-disabled-text-color); 667 -webkit-text-fill-color: var(--lumo-disabled-text-color); 668 } 669 670 :host([indeterminate][disabled]) [part='checkbox']::after { 671 background-color: var(--_disabled-checkmark-color); 672 } 673 674 :host([readonly][checked]:not([disabled])) [part='checkbox'], 675 :host([readonly][indeterminate]:not([disabled])) [part='checkbox'] { 676 background-color: var(--vaadin-checkbox-readonly-checked-background, var(--lumo-contrast-70pct)); 677 } 678 679 /* Used for activation "halo" */ 680 [part='checkbox']::before { 681 pointer-events: none; 682 color: transparent; 683 width: 100%; 684 height: 100%; 685 line-height: var(--_checkbox-size); 686 border-radius: inherit; 687 background-color: inherit; 688 transform: scale(1.4); 689 opacity: 0; 690 transition: 691 transform 0.1s, 692 opacity 0.8s; 693 } 694 695 /* Hover */
696 :host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part='checkbox'] { 697 background: var(--vaadin-checkbox-background-hover, var(--lumo-contrast-30pct)); 698 } 699 700 /* Disable hover for touch devices */ 701 @media (pointer: coarse) { 702 /* prettier-ignore */ 703 :host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part='checkbox'] { 704 background: var(--vaadin-checkbox-background, var(--lumo-contrast-20pct)); 705 } 706 } 707 708 /* Active */ 709 :host([active]) [part='checkbox'] { 710 transform: scale(0.9); 711 transition-duration: 0.05s; 712 } 713 714 :host([active][checked]) [part='checkbox'] { 715 transform: scale(1.1); 716 } 717 718 :host([active]:not([checked])) [part='checkbox']::before { 719 transition-duration: 0.01s, 0.01s; 720 transform: scale(0); 721 opacity: 0.4; 722 } 723 724 /* Required */ 725 :host([required]) [part='required-indicator'] { 726 position: absolute; 727 top: var(--lumo-space-xs); 728 right: var(--lumo-space-xs); 729 } 730 731 :host([required][dir='rtl']) [part='required-indicator'] { 732 right: auto; 733 left: var(--lumo-space-xs); 734 } 735 736 :host([required]) [part='required-indicator']::after { 737 content: var(--lumo-required-field-indicator, '\\2022'); 738 transition: opacity 0.2s; 739 color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color)); 740 width: 1em; 741 text-align: center; 742 } 743 744 :host(:not([has-label])) [part='required-indicator'] { 745 display: none; 746 } 747 748 /* Invalid */ 749 :host([invalid]) { 750 --vaadin-input-field-border-color: var(--lumo-error-color); 751 } 752 753 :host([invalid]) [part='checkbox'] { 754 background: var(--_invalid-background); 755 background-image: linear-gradient(var(--_invalid-background) 0%, var(--_invalid-background) 100%); 756 } 757 758 :host([invalid]:hover) [part='checkbox'] { 759 background-image: linear-gradient(var(--_invalid-background) 0%, var(--_invalid-background) 100%), 760 linear-gradient(var(--_invalid-background) 0%, var(--_invalid-background) 100%); 761 } 762 763 :host([invalid][focus-ring]) { 764 --_focus-ring-color: var(--lumo-error-color-50pct); 765 } 766 767 :host([invalid]) [part='required-indicator']::after { 768 color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color)); 769 } 770 771 /* Error message */ 772 [part='error-message'] { 773 font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs)); 774 line-height: var(--lumo-line-height-xs); 775 font-weight: var(--vaadin-input-field-error-font-weight, 400); 776 color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color)); 777 will-change: max-height; 778 transition: 0.4s max-height; 779 max-height: 5em; 780 padding-inline-start: var(--lumo-space-xs); 781 } 782 783 :host([has-error-message]) [part='error-message']::after, 784 :host([has-helper]) [part='helper-text']::after { 785 content: ''; 786 display: block; 787 height: 0.4em; 788 } 789 790 :host(:not([invalid])) [part='error-message'] { 791 max-height: 0; 792 overflow: hidden; 793 } 794 795 /* Helper */ 796 [part='helper-text'] { 797 display: block; 798 color: var(--vaadin-input-field-helper-color, var(--lumo-secondary-text-color)); 799 font-size: var(--vaadin-input-field-helper-font-size, var(--lumo-font-size-xs)); 800 line-height: var(--lumo-line-height-xs); 801 font-weight: var(--vaadin-input-field-helper-font-weight, 400); 802 margin-left: calc(var(--lumo-border-radius-m) / 4); 803 transition: color 0.2s; 804 padding-inline-start: var(--lumo-space-xs); 805 } 806 807 :host(:hover:not([readonly])) [part='helper-text'] { 808 color: var(--lumo-body-text-color); 809 } 810 811 :host([has-error-message]) ::slotted(label), 812 :host([has-helper]) ::slotted(label) { 813 padding-bottom: 0; 814 } 815 `,{moduleId:"lumo-checkbox"});window.JSCompiler_renameProperty=function(o,e){return o};var Ln=/(url\()([^)]*)(\))/g,zn=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/,st,z;function Me(o,e){if(o&&zn.test(o)||o==="//")return o;if(st===void 0){st=!1;try{let t=new URL("b","http://a");t.pathname="c%20d",st=t.href==="http://a/c%20d"}catch{}}if(e||(e=document.baseURI||window.location.href),st)try{return new URL(o,e).href}catch{return o}return z||(z=document.implementation.createHTMLDocument("temp"),z.base=z.createElement("base"),z.head.appendChild(z.base),z.anchor=z.createElement("a"),z.body.appendChild(z.anchor)),z.base.href=e,z.anchor.href=o,z.anchor.href||o}function Bo(o,e){return o.replace(Ln,function(t,i,s,r){return i+"'"+Me(s.replace(/["']/g,""),e)+"'"+r})}function Ro(o){return o.substring(0,o.lastIndexOf("/")+1)}var Dr=!window.ShadyDOM||!window.ShadyDOM.inUse,Nn=Dr&&"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype&&(()=>{try{let o=new CSSStyleSheet;o.replaceSync("");let e=document.createElement("div");return e.attachShadow({mode:"open"}),e.shadowRoot.adoptedStyleSheets=[o],e.shadowRoot.adoptedStyleSheets[0]===o}catch{return!1}})(),Mn=window.Polymer&&window.Polymer.rootPath||Ro(document.baseURI||window.location.href),yt=window.Polymer&&window.Polymer.sanitizeDOMValue||void 0,xt=window.Polymer&&window.Polymer.strictTemplatePolicy||!1,Vn=window.Polymer&&window.Polymer.allowTemplateFromDomModule||!1,Or=window.Polymer&&window.Polymer.legacyOptimizations||!1,Lr=window.Polymer&&window.Polymer.legacyWarnings||
815!1,Fn=window.Polymer&&window.Polymer.syncInitialRender||!1,bi=window.Polymer&&window.Polymer.legacyUndefined||!1,Bn=window.Polymer&&window.Polymer.orderedComputed||!1,Fs=window.Polymer&&window.Polymer.removeNestedTemplates||!1,Rn=window.Polymer&&window.Polymer.fastDomIf||!1,Bs=window.Polymer&&window.Polymer.suppressTemplateNotifications||!1,$n=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||!1;var Hn=0,k=function(o){let e=o.__mixinApplications;e||(e=new WeakMap,o.__mixinApplications=e);let t=Hn++;function i(s){let r=s.__mixinSet;if(r&&r[t])return s;let a=e,n=a.get(s);if(!n){n=o(s),a.set(s,n);let l=Object.create(n.__mixinSet||r||null);l[t]=!0,n.__mixinSet=l}return n}return i};var $o={},zr={};function Rs(o,e){$o[o]=zr[o.toLowerCase()]=e}function $s(o){return $o[o]||zr[o.toLowerCase()]}function jn(o){o.querySelector("style")&&console.warn("dom-module %s has style outside template",o.id)}var oe=class extends HTMLElement{static get observedAttributes(){return["id"]}static import(e,t){if(e){let i=$s(e);return i&&t?i.querySelector(t):i}return null}attributeChangedCallback(e,t,i,s){t!==i&&this.register()}get assetpath(){if(!this.__assetpath){let e=window.HTMLImports&&HTMLImports.importForElement?HTMLImports.importForElement(this)||document:this.ownerDocument,t=Me(this.getAttribute("assetpath")||"",e.baseURI);this.__assetpath=Ro(t)}return this.__assetpath}register(e){if(e=e||this.id,e){if(xt&&$s(e)!==void 0)throw Rs(e,null),new Error(`strictTemplatePolicy: dom-module ${e} re-registered`);this.id=e,Rs(e,this),jn(this)}}};oe.prototype.modules=$o;customElements.define("dom-module",oe);var Un="link[rel=import][type~=css]",qn="include",Hs="shady-unscoped";function Nr(o){return oe.import(o)}function js(o){let e=o.body?o.body:o,t=Bo(e.textContent,o.baseURI),i=document.createElement("style");return i.textContent=t,i}function Wn(o){let e=o.trim().split(/\s+/),t=[];for(let i=0;i<e.length;i++)t.push(...Yn(e[i]));return t}function Yn(o){let e=Nr(o);if(!e)return console.warn("Could not find style data in module named",o),[];if(e._styles===void 0){let t=[];t.push(...Vr(e));let i=e.querySelector("template");
815i&&t.push(...Mr(i,e.assetpath)),e._styles=t}return e._styles}function Mr(o,e){if(!o._styles){let t=[],i=o.content.querySelectorAll("style");for(let s=0;s<i.length;s++){let r=i[s],a=r.getAttribute(qn);a&&t.push(...Wn(a).filter(function(n,l,d){return d.indexOf(n)===l})),e&&(r.textContent=Bo(r.textContent,e)),t.push(r)}o._styles=t}return o._styles}function Kn(o){let e=Nr(o);return e?Vr(e):[]}function Vr(o){let e=[],t=o.querySelectorAll(Un);for(let i=0;i<t.length;i++){let s=t[i];if(s.import){let r=s.import,a=s.hasAttribute(Hs);if(a&&!r._unscopedStyle){let n=js(r);n.setAttribute(Hs,""),r._unscopedStyle=n}else r._style||(r._style=js(r));e.push(a?r._unscopedStyle:r._style)}}return e}var P=window.ShadyDOM&&window.ShadyDOM.noPatch&&window.ShadyDOM.wrap?window.ShadyDOM.wrap:window.ShadyDOM?o=>ShadyDOM.patch(o):o=>o;function yi(o){return o.indexOf(".")>=0}function ae(o){let e=o.indexOf(".");return e===-1?o:o.slice(0,e)}function Fr(o,e){return o.indexOf(e+".")===0}function He(o,e){return e.indexOf(o+".")===0}function je(o,e,t){return e+t.slice(o.length)}function Gn(o,e){return o===e||Fr(o,e)||He(o,e)}function De(o){if(Array.isArray(o)){let e=[];for(let t=0;t<o.length;t++){let i=o[t].toString().split(".");for(let s=0;s<i.length;s++)e.push(i[s])}return e.join(".")}else return o}function Br(o){return Array.isArray(o)?De(o).split("."):o.toString().split(".")}function L(o,e,t){let i=o,s=Br(e);for(let r=0;r<s.length;r++){if(!i)return;let a=s[r];i=i[a]}return t&&(t.path=s.join(".")),i}function Us(o,e,t){let i=o,s=Br(e),r=s[s.length-1];if(s.length>1){for(let a=0;a<s.length-1;a++){let n=s[a];if(i=i[n],!i)return}i[r]=t}else i[e]=t;return s.join(".")}var wt={},Xn=/-[a-z]/g,Jn=/([A-Z])/g;function Rr(o){return wt[o]||(wt[o]=o.indexOf("-")<0?o:o.replace(Xn,e=>e[1].toUpperCase()))}function Mt(o){return wt[o]||(wt[o]=o.replace(Jn,"-$1").toLowerCase())}var Qn=0,$r=0,pe=[],Zn=0,xi=!1,Hr=document.createTextNode("");new window.MutationObserver(el).observe(Hr,{characterData:!0});function el(){xi=!1;let o=pe.length;for(let e=0;e<o;e++){let t=pe[e];if(t)try{t()}catch(i){setTimeout(()=>{throw i})}}pe.splice(0,o),$r+=o}var tl={after(o){return{run(e){return window.setTimeout(e,o)},cancel(e){window.clearTimeout(e)}}},run(o,e){return window.setTimeout(o,e)},cancel(o){window.clearTimeout(o)}},jr={run(o){return xi||(xi=!0,Hr.textContent=Zn++),pe.push(o),Qn++},cancel(o){let e=o-$r;if(e>=0){if(!pe[e])throw new Error("invalid async handle: "+o);pe[e]=null}}};var il=jr,Ur=k(o=>{class e extends o{static createProperties(i){let s=this.prototype;for(let r in i)r in s||s._createPropertyAccessor(r)}static attributeNameForProperty(i){return i.toLowerCase()}static typeForProperty(i){}_createPropertyAccessor(i,s){this._addPropertyToAttributeMap(i),this.hasOwnProperty(JSCompiler_renameProperty("__dataHasAccessor",this))||(this.__dataHasAccessor=Object.assign({},this.__dataHasAccessor)),this.__dataHasAccessor[i]||(this.__dataHasAccessor[i]=!0,this._definePropertyAccessor(i,s))}_addPropertyToAttributeMap(i){this.hasOwnProperty(JSCompiler_renameProperty("__dataAttributes",this))||(this.__dataAttributes=Object.assign({},this.__dataAttributes));let s=this.__dataAttributes[i];return s||(s=this.constructor.attributeNameForProperty(i),this.__dataAttributes[s]=i),s}_definePropertyAccessor(i,s){Object.defineProperty(this,i,{get(){return this.__data[i]},set:s?function(){}:function(r){this._setPendingProperty(i,r,!0)&&this._invalidateProperties()}})}constructor(){super(),this.__dataEnabled=!1,this.__dataReady=!1,this.__dataInvalid=!1,this.__data={},this.__dataPending=null,this.__dataOld=null,this.__dataInstanceProps=null,this.__dataCounter=0,this.__serializing=!1,this._initializeProperties()}ready(){this.__dataReady=!0,this._flushProperties()}_initializeProperties(){for(let i in this.__dataHasAccessor)this.hasOwnProperty(i)&&(this.__dataInstanceProps=this.__dataInstanceProps||{},this.__dataInstanceProps[i]=this[i],delete this[i])}_initializeInstanceProperties(i){Object.assign(this,i)}_setProperty(i,s){this._setPendingProperty(i,s)&&this._invalidateProperties()}_getProperty(i){return this.__data[i]}_setPendingProperty(i,s,r){let a=this.__data[i],n=this._shouldPropertyChange(i,s,a);return n&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),this.__dataOld&&!(i in this.__dataOld)&&(this.__dataOld[i]=a),this.__data[i]=s,this.__dataPending[i]=s),n}_isPropertyPending(i){return!!(this.__dataPending&&this.__dataPending.hasOwnProperty(i))}_invalidateProperties(){!this.__dataInvalid&&this.__dataReady&&(this.__dataInvalid=!0,il.run(()=>{this.__dataInvalid&&(this.__dataInvalid=!1,this._flushProperties())}))}_enableProperties(){this.__dataEnabled||(this.__dataEnabled=!0,this.__dataInstanceProps&&(this._initializeInstanceProperties(this.__dataInstanceProps),this.__dataInstanceProps=null),this.ready())}_flushProperties(){this.__dataCounter++;let i=this.__data,s=this.__dataPending,r=this.__dataOld;this._shouldPropertiesChange(i,s,r)&&(this.__dataPending=null,this.__dataOld=null,this._propertiesChanged(i,s,r)),this.__dataCounter--}_shouldPropertiesChange(i,s,r){return!!s}_propertiesChanged(i,s,r){}_shouldPropertyChange(i,s,r){return r!==s&&(r===r||s===s)}attributeChangedCallback(i,s,r,a){s!==r&&this._attributeToProperty(i,r),super.attributeChangedCallback&&super.attributeChangedCallback(i,s,r,a)}_attributeToProperty(i,s,r){if(!this.__serializing){let a=this.__dataAttributes,n=a&&a[i]||i;this[n]=this._deserializeValue(s,r||this.constructor.typeForProperty(n))}}_propertyToAttribute(i,s,r){this.__serializing=!0,r=arguments.length<3?this[i]:r,this._valueToNodeAttribute(this,r,s||this.constructor.attributeNameForProperty(i)),this.__serializing=!1}_valueToNodeAttribute(i,s,r){let a=this._serializeValue(s);(r==="class"||r==="name"||r==="slot")&&(i=P(i)),a===void 0?i.removeAttribute(r):i.setAttribute(r,a===""&&window.trustedTypes?window.trustedTypes.emptyScript:a)}_serializeValue(i){return typeof i==="boolean"?i?"":void 0:i?.toString()}_deserializeValue(i,s){switch(s){case Boolean:return i!==null;case Number:return Number(i);default:return i}}}return e});var qr={},rt=HTMLElement.prototype;for(;rt;){let o=Object.getOwnPropertyNames(rt);for(let e=0;e<o.length;e++)qr[o[e]]=!0;rt=Object.getPrototypeOf(rt)}var ol=window.trustedTypes?o=>trustedTypes.isHTML(o)||trustedTypes.isScript(o)||trustedTypes.isScriptURL(o):()=>!1;
vendor: 19,987 bytes, line 815
815function sl(o,e){if(!qr[e]){let t=o[e];t!==void 0&&(o.__data?o._setPendingProperty(e,t):(o.__dataProto?o.hasOwnProperty(JSCompiler_renameProperty("__dataProto",o))||(o.__dataProto=Object.create(o.__dataProto)):o.__dataProto={},o.__dataProto[e]=t))}}var rl=k(o=>{let e=Ur(o);class t extends e{static createPropertiesForAttributes(){let s=this.observedAttributes;for(let r=0;r<s.length;r++)this.prototype._createPropertyAccessor(Rr(s[r]))}static attributeNameForProperty(s){return Mt(s)}_initializeProperties(){this.__dataProto&&(this._initializeProtoProperties(this.__dataProto),this.__dataProto=null),super._initializeProperties()}_initializeProtoProperties(s){for(let r in s)this._setProperty(r,s[r])}_ensureAttribute(s,r){let a=this;a.hasAttribute(s)||this._valueToNodeAttribute(a,r,s)}_serializeValue(s){switch(typeof s){case"object":if(s instanceof Date)return s.toString();if(s){if(ol(s))return s;try{return JSON.stringify(s)}catch{return""}}default:return super._serializeValue(s)}}_deserializeValue(s,r){let a;switch(r){case Object:try{a=JSON.parse(s)}catch{a=s}break;case Array:try{a=JSON.parse(s)}catch{a=null,console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${s}`)}break;case Date:a=isNaN(s)?String(s):Number(s),a=new Date(a);break;default:a=super._deserializeValue(s,r);break}return a}_definePropertyAccessor(s,r){sl(this,s),super._definePropertyAccessor(s,r)}_hasAccessor(s){return this.__dataHasAccessor&&this.__dataHasAccessor[s]}_isPropertyPending(s){return!!(this.__dataPending&&s in this.__dataPending)}}return t});var al={"dom-if":!0,"dom-repeat":!0},qs=!1,Ws=!1;function nl(){if(!qs){qs=!0;let o=document.createElement("textarea");o.placeholder="a",Ws=o.placeholder===o.textContent}return Ws}function ll(o){nl()&&o.localName==="textarea"&&o.placeholder&&o.placeholder===o.textContent&&(o.textContent=null)}var dl=(()=>{let o=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:e=>e});return(e,t,i)=>{let s=t.getAttribute(i);if(o&&i.startsWith("on-")){e.setAttribute(i,o.createScript(s,i));return}e.setAttribute(i,s)}})();function cl(o){let e=o.getAttribute("is");if(e&&al[e]){let t=o;for(t.removeAttribute("is"),o=t.ownerDocument.createElement(e),t.parentNode.replaceChild(o,t),o.appendChild(t);t.attributes.length;){let{name:i}=t.attributes[0];dl(o,t,i),t.removeAttribute(i)}}return o}function Wr(o,e){let t=e.parentInfo&&Wr(o,e.parentInfo);if(t){for(let i=t.firstChild,s=0;i;i=i.nextSibling)if(e.parentIndex===s++)return i}else return o}function hl(o,e,t,i){i.id&&(e[i.id]=t)}function ul(o,e,t){if(t.events&&t.events.length)for(let i=0,s=t.events,r;i<s.length&&(r=s[i]);i++)o._addMethodEventListenerToNode(e,r.name,r.value,o)}function pl(o,e,t,i){t.templateInfo&&(e._templateInfo=t.templateInfo,e._parentTemplateInfo=i)}function ml(o,e,t){return o=o._methodHost||o,function(i){o[t]?o[t](i,i.detail):console.warn("listener method `"+t+"` not defined")}}var _l=k(o=>{class e extends o{static _parseTemplate(i,s){if(!i._templateInfo){let r=i._templateInfo={};r.nodeInfoList=[],r.nestedTemplate=!!s,r.stripWhiteSpace=s&&s.stripWhiteSpace||i.hasAttribute&&i.hasAttribute("strip-whitespace"),this._parseTemplateContent(i,r,{parent:null})}return i._templateInfo}static _parseTemplateContent(i,s,r){return this._parseTemplateNode(i.content,s,r)}static _parseTemplateNode(i,s,r){let a=!1,n=i;return n.localName=="template"&&!n.hasAttribute("preserve-content")?a=this._parseTemplateNestedTemplate(n,s,r)||a:n.localName==="slot"&&(s.hasInsertionPoint=!0),ll(n),n.firstChild&&this._parseTemplateChildNodes(n,s,r),n.hasAttributes&&n.hasAttributes()&&(a=this._parseTemplateNodeAttributes(n,s,r)||a),a||r.noted}static _parseTemplateChildNodes(i,s,r){if(!(i.localName==="script"||i.localName==="style"))for(let a=i.firstChild,n=0,l;a;a=l){if(a.localName=="template"&&(a=cl(a)),l=a.nextSibling,a.nodeType===Node.TEXT_NODE){let c=l;for(;c&&c.nodeType===Node.TEXT_NODE;)a.textContent+=c.textContent,l=c.nextSibling,i.removeChild(c),c=l;if(s.stripWhiteSpace&&!a.textContent.trim()){i.removeChild(a);continue}}let d={parentIndex:n,parentInfo:r};this._parseTemplateNode(a,s,d)&&(d.infoIndex=s.nodeInfoList.push(d)-1),a.parentNode&&n++}}static _parseTemplateNestedTemplate(i,s,r){let a=i,n=this._parseTemplate(a,s);return(n.content=a.content.ownerDocument.createDocumentFragment()).appendChild(a.content),r.templateInfo=n,!0}static _parseTemplateNodeAttributes(i,s,r){let a=!1,n=Array.from(i.attributes);for(let l=n.length-1,d;d=n[l];l--)a=this._parseTemplateNodeAttribute(i,s,r,d.name,d.value)||a;return a}static _parseTemplateNodeAttribute(i,s,r,a,n){return a.slice(0,3)==="on-"?(i.removeAttribute(a),r.events=r.events||[],r.events.push({name:a.slice(3),value:n}),!0):a==="id"?(r.id=n,!0):!1}static _contentForTemplate(i){let s=i._templateInfo;return s&&s.content||i.content}_stampTemplate(i,s){i&&!i.content&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate&&HTMLTemplateElement.decorate(i),s=s||this.constructor._parseTemplate(i);let r=s.nodeInfoList,a=s.content||i.content,n=document.importNode(a,!0);n.__noInsertionPoint=!s.hasInsertionPoint;let l=n.nodeList=new Array(r.length);n.$={};for(let d=0,c=r.length,h;d<c&&(h=r[d]);d++){let p=l[d]=Wr(n,h);hl(this,n.$,p,h),pl(this,p,h,s),ul(this,p,h)}return n=n,n}_addMethodEventListenerToNode(i,s,r,a){a=a||i;let n=ml(a,s,r);return this._addEventListenerToNode(i,s,n),n}_addEventListenerToNode(i,s,r){i.addEventListener(s,r)}_removeEventListenerFromNode(i,s,r){i.removeEventListener(s,r)}}return e});var Ue=0,qe=[],y={COMPUTE:"__computeEffects",REFLECT:"__reflectEffects",NOTIFY:"__notifyEffects",PROPAGATE:"__propagateEffects",OBSERVE:"__observeEffects",READ_ONLY:"__readOnly"},Yr="__computeInfo",fl=/[A-Z]/;function Gt(o,e,t){let i=o[e];if(!i)i=o[e]={};else if(!o.hasOwnProperty(e)&&(i=o[e]=Object.create(o[e]),t))for(let s in i){let r=i[s],a=i[s]=Array(r.length);for(let n=0;n<r.length;n++)a[n]=r[n]}return i}function Oe(o,e,t,i,s,r){if(e){let a=!1,n=Ue++;for(let l in t){let d=s?ae(l):l,c=e[d];if(c)for(let h=0,p=c.length,m;h<p&&(m=c[h]);h++)(!m.info||m.info.lastRun!==n)&&(!s||Ho(l,m.trigger))&&(m.info&&(m.info.lastRun=n),m.fn(o,l,t,i,m.info,s,r),a=!0)}return a}return!1}function vl(o,e,t,i,s,r,a,n){let l=!1,d=a?ae(i):i,c=e[d];if(c)for(let h=0,p=c.length,m;h<p&&(m=c[h]);h++)(!m.info||m.info.lastRun!==t)&&(!a||Ho(i,m.trigger))&&(m.info&&(m.info.lastRun=t),m.fn(o,i,s,r,m.info,a,n),l=!0);return l}function Ho(o,e){if(e){let t=e.name;return t==o||!!(e.structured&&Fr(t,o))||!!(e.wildcard&&He(t,o))}else return!0}function Ys(o,e,t,i,s){let r=typeof s.method=="string"?o[s.method]:s.method,a=s.property;r?r.call(o,o.__data[a],i[a]):s.dynamicFn||console.warn("observer method `"+s.method+"` not defined")}function gl(o,e,t,i,s){let r=o[y.NOTIFY],a,n=Ue++;for(let d in e)e[d]&&(r&&vl(o,r,n,d,t,i,s)||s&&bl(o,d,t))&&(a=!0);let l;a&&(l=o.__dataHost)&&l._invalidateProperties&&l._invalidateProperties()}function bl(o,e,t){let i=ae(e);if(i!==e){let s=Mt(i)+"-changed";return Kr(o,s,t[e],e),!0}return!1}function Kr(o,e,t,i){let s={value:t,queueProperty:!0};i&&(s.path=i),P(o).dispatchEvent(new CustomEvent(e,{detail:s}))}function yl(o,e,t,i,s,r){let a=(r?ae(e):e)!=e?e:null,n=a?L(o,a):o.__data[e];a&&n===void 0&&(n=t[e]),Kr(o,s.eventName,n,a)}function xl(o,e,t,i,s){let r,a=o.detail,n=a&&a.path;n?(i=je(t,i,n),r=a&&a.value):r=o.currentTarget[t],r=s?!r:r,(!e[y.READ_ONLY]||!e[y.READ_ONLY][i])&&e._setPendingPropertyOrPath(i,r,!0,!!n)&&(!a||!a.queueProperty)&&e._invalidateProperties()}function wl(o,e,t,i,s){let r=o.__data[e];yt&&(r=yt(r,s.attrName,"attribute",o)),o._propertyToAttribute(e,s.attrName,r)}function Cl(o,e,t,i){let s=o[y.COMPUTE];if(s)if(Bn){Ue++;let r=El(o),a=[];for(let l in e)Ks(l,s,a,r,i);let n;for(;n=a.shift();)Gr(o,"",e,t,n)&&Ks(n.methodInfo,s,a,r,i);Object.assign(t,o.__dataOld),Object.assign(e,o.__dataPending),o.__dataPending=null}else{let r=e;for(;Oe(o,s,r,t,i);)Object.assign(t,o.__dataOld),Object.assign(e,o.__dataPending),r=o.__dataPending,o.__dataPending=null}}var kl=(o,e,t)=>{let i=0,s=e.length-1,r=-1;for(;i<=s;){let a=i+s>>1,n=t.get(e[a].methodInfo)-t.get(o.methodInfo);if(n<0)i=a+1;else if(n>0)s=a-1;else{r=a;break}}r<0&&(r=s+1),e.splice(r,0,o)},Ks=(o,e,t,i,s)=>{let r=s?ae(o):o,a=e[r];if(a)for(let n=0;n<a.length;n++){let l=a[n];l.info.lastRun!==Ue&&(!s||Ho(o,l.trigger))&&(l.info.lastRun=Ue,kl(l.info,t,i))}};function El(o){let e=o.constructor.__orderedComputedDeps;if(!e){e=new Map;let t=o[y.COMPUTE],{counts:i,ready:s,total:r}=Al(o),a;for(;a=s.shift();){e.set(a,e.size);let n=t[a];n&&n.forEach(l=>{let d=l.info.methodInfo;--r,--i[d]===0&&s.push(d)})}r!==0&&console.warn(`Computed graph for ${o.localName} incomplete; circular?`),o.constructor.__orderedComputedDeps=e}return e}function Al(o){let e=o[Yr],t={},i=o[y.COMPUTE],s=[],r=0;for(let a in e){let n=e[a];r+=t[a]=n.args.filter(l=>!l.literal).length+(n.dynamicFn?1:0)}for(let a in i)e[a]||s.push(a);return{counts:t,ready:s,total:r}}function Gr(o,e,t,i,s){let r=wi(o,e,t,i,s);if(r===qe)return!1;let a=s.methodInfo;return o.__dataHasAccessor&&o.__dataHasAccessor[a]?o._setPendingProperty(a,r,!0):(o[a]=r,!1)}function Il(o,e,t){let i=o.__dataLinkedPaths;if(i){let s;for(let r in i){let a=i[r];He(r,e)?(s=je(r,a,e),o._setPendingPropertyOrPath(s,t,!0,!0)):He(a,e)&&(s=je(a,r,e),o._setPendingPropertyOrPath(s,t,!0,!0))}}}function Xt(o,e,t,i,s,r,a){t.bindings=t.bindings||[];let n={kind:i,target:s,parts:r,literal:a,isCompound:r.length!==1};if(t.bindings.push(n),Ol(n)){let{event:d,negate:c}=n.parts[0];n.listenerEvent=d||Mt(s)+"-changed",n.listenerNegate=c}let l=e.nodeInfoList.length;for(let d=0;d<n.parts.length;d++){let c=n.parts[d];c.compoundIndex=d,Sl(o,e,n,c,l)}}function Sl(o,e,t,i,s){if(!i.literal)if(t.kind==="attribute"&&t.target[0]==="-")console.warn("Cannot set attribute "+t.target+' because "-" is not a valid attribute starting character');else{let r=i.dependencies,a={index:s,binding:t,part:i,evaluator:o};for(let n=0;n<r.length;n++){let l=r[n];typeof l=="string"&&(l=Jr(l),l.wildcard=!0),o._addTemplatePropertyEffect(e,l.rootProperty,{fn:Pl,info:a,trigger:l})}}}function Pl(o,e,t,i,s,r,a){let n=a[s.index],l=s.binding,d=s.part;if(r&&d.source&&e.length>d.source.length&&l.kind=="property"&&!l.isCompound&&n.__isPropertyEffectsClient&&n.__dataHasAccessor&&n.__dataHasAccessor[l.target]){let c=t[e];e=je(d.source,l.target,e),n._setPendingPropertyOrPath(e,c,!1,!0)&&o._enqueueClient(n)}else{let c=s.evaluator._evaluateBinding(o,d,e,t,i,r);c!==qe&&Tl(o,n,l,d,c)}}function Tl(o,e,t,i,s){if(s=Dl(e,s,t,i),yt&&(s=yt(s,t.target,t.kind,e)),t.kind=="attribute")o._valueToNodeAttribute(e,s,t.target);else{let r=t.target;e.__isPropertyEffectsClient&&e.__dataHasAccessor&&e.__dataHasAccessor[r]?(!e[y.READ_ONLY]||!e[y.READ_ONLY][r])&&e._setPendingProperty(r,s)&&o._enqueueClient(e):o._setUnmanagedPropertyToNode(e,r,s)}}function Dl(o,e,t,i){if(t.isCompound){let s=o.__dataCompoundStorage[t.target];s[i.compoundIndex]=e,e=s.join("")}return t.kind!=="attribute"&&(t.target==="textContent"||t.target==="value"&&(o.localName==="input"||o.localName==="textarea"))&&(e=e??""),e}function Ol(o){return!!o.target&&o.kind!="attribute"&&o.kind!="text"&&!o.isCompound&&o.parts[0].mode==="{"}function Ll(o,e){let{nodeList:t,nodeInfoList:i}=e;if(i.length)for(let s=0;s<i.length;s++){let r=i[s],a=t[s],n=r.bindings;if(n)for(let l=0;l<n.length;l++){let d=n[l];zl(a,d),Nl(a,o,d)}a.__dataHost=o}}function zl(o,e){if(e.isCompound){let t=o.__dataCompoundStorage||(o.__dataCompoundStorage={}),i=e.parts,s=new Array(i.length);for(let a=0;a<i.length;a++)s[a]=i[a].literal;let r=e.target;t[r]=s,e.literal&&e.kind=="property"&&(r==="className"&&(o=P(o)),o[r]=e.literal)}}function Nl(o,e,t){if(t.listenerEvent){let i=t.parts[0];o.addEventListener(t.listenerEvent,function(s){xl(s,e,t.target,i.source,i.negate)})}}function Gs(o,e,t,i,s,r){r=e.static||r&&(typeof r!="object"||r[e.methodName]);let a={methodName:e.methodName,args:e.args,methodInfo:s,dynamicFn:r};for(let n=0,l;n<e.args.length&&(l=e.args[n]);n++)l.literal||o._addPropertyEffect(l.rootProperty,t,{fn:i,info:a,trigger:l});return r&&o._addPropertyEffect(e.methodName,t,{fn:i,info:a}),a}function wi(o,e,t,i,s){let r=o._methodHost||o,a=r[s.methodName];if(a){let n=o._marshalArgs(s.args,e,t);return n===qe?qe:a.apply(r,n)}else s.dynamicFn||console.warn("method `"+s.methodName+"` not defined")}var Ml=[],Xr="(?:[a-zA-Z_$][\\w.:$\\-*]*)",Vl="(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)",Fl="(?:'(?:[^'\\\\]|\\\\.)*')",Bl='(?:"(?:[^"\\\\]|\\\\.)*")',Rl="(?:"+Fl+"|"+Bl+")",Xs="(?:("+Xr+"|"+Vl+"|"+Rl+")\\s*)",$l="(?:"+Xs+"(?:,\\s*"+Xs+")*)",Hl="(?:\\(\\s*(?:"+$l+"?)\\)\\s*)",jl="("+Xr+"\\s*"+Hl+"?)",Ul="(\\[\\[|{{)\\s*",ql="(?:]]|}})",Wl="(?:(!)\\s*)?",Yl=Ul+Wl+jl+ql,Js=new RegExp(Yl,"g");function Qs(o){let e="";for(let t=0;t<o.length;t++){let i=o[t].literal;e+=i||""}return e}function Jt(o){let e=o.match(/([^\s]+?)\(([\s\S]*)\)/);if(e){let t={methodName:e[1],static:!0,args:Ml};if(e[2].trim()){let i=e[2].replace(/\\,/g,",").split(",");return Kl(i,t)}else return t}return null}function Kl(o,e){return e.args=o.map(function(t){let i=Jr(t);return i.literal||(e.static=!1),i},this),e}function Jr(o){let e=o.trim().replace(/,/g,",").replace(/\\(.)/g,"$1"),t={name:e,value:"",literal:!1},i=e[0];switch(i==="-"&&(i=e[1]),i>="0"&&i<="9"&&(i="#"),i){case"'":case'"':t.value=e.slice(1,-1),t.literal=!0;break;case"#":t.value=Number(e),t.literal=!0;break}return t.literal||(t.rootProperty=ae(e),t.structured=yi(e),t.structured&&(t.wildcard=e.slice(-2)==".*",t.wildcard&&(t.name=e.slice(0,-2)))),t}function Zs(o,e,t){let i=L(o,t);return i===void 0&&(i=e[t]),i}function Qr(o,e,t,i){let s={indexSplices:i};bi&&!o._overrideLegacyUndefined&&(e.splices=s),o.notifyPath(t+".splices",s),o.notifyPath(t+".length",e.length),bi&&!o._overrideLegacyUndefined&&(s.indexSplices=[])}function Ae(o,e,t,i,s,r){Qr(o,e,t,[{index:i,addedCount:s,removed:r,object:e,type:"splice"}])}function Gl(o){return o[0].toUpperCase()+o.substring(1)}var jo=k(o=>{let e=_l(rl(o));class t extends e{constructor(){super(),this.__isPropertyEffectsClient=!0}get PROPERTY_EFFECT_TYPES(){return y}_initializeProperties(){super._initializeProperties(),this._registerHost(),this.__dataClientsReady=!1,this.__dataPendingClients=null,this.__dataToNotify=null,this.__dataLinkedPaths=null,this.__dataHasPaths=!1,this.__dataCompoundStorage=this.__dataCompoundStorage||null,this.__dataHost=this.__dataHost||null,this.__dataTemp={},this.__dataClientsInitialized=!1}_registerHost(){if(Ie.length){let s=Ie[Ie.length-1];s._enqueueClient(this),this.__dataHost=s}}_initializeProtoProperties(s){this.__data=Object.create(s),this.__dataPending=Object.create(s),this.__dataOld={}}_initializeInstanceProperties(s){let r=this[y.READ_ONLY];for(let a in s)(!r||!r[a])&&(this.__dataPending=this.__dataPending||{},this.__dataOld=this.__dataOld||{},this.__data[a]=this.__dataPending[a]=s[a])}_addPropertyEffect(s,r,a){this._createPropertyAccessor(s,r==y.READ_ONLY);let n=Gt(this,r,!0)[s];n||(n=this[r][s]=[]),n.push(a)}_removePropertyEffect(s,r,a){let n=Gt(this,r,!0)[s],l=n.indexOf(a);l>=0&&n.splice(l,1)}_hasPropertyEffect(s,r){let a=this[r];return!!(a&&a[s])}_hasReadOnlyEffect(s){return this._hasPropertyEffect(s,y.READ_ONLY)}_hasNotifyEffect(s){return this._hasPropertyEffect(s,y.NOTIFY)}_hasReflectEffect(s){return this._hasPropertyEffect(s,y.REFLECT)}_hasComputedEffect(s){return this._hasPropertyEffect(s,y.COMPUTE)}_setPendingPropertyOrPath(s,r,a,n){if(n||ae(Array.isArray(s)?s[0]:s)!==s){if(!n){let l=L(this,s);if(s=Us(this,s,r),!s||!super._shouldPropertyChange(s,r,l))return!1}if(this.__dataHasPaths=!0,this._setPendingProperty(s,r,a))return Il(this,s,r),!0}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[s])return this._setPendingProperty(s,r,a);this[s]=r}return!1}_setUnmanagedPropertyToNode(s,r,a){(a!==s[r]||typeof a=="object")&&(r==="className"&&(s=P(s)),s[r]=a)}_setPendingProperty(s,r,a){let n=this.__dataHasPaths&&yi(s),l=n?this.__dataTemp:this.__data;return this._shouldPropertyChange(s,r,l[s])?(this.__dataPending||(this.__dataPending={},this.__dataOld={}),s in this.__dataOld||(this.__dataOld[s]=this.__data[s]),n?this.__dataTemp[s]=r:this.__data[s]=r,this.__dataPending[s]=r,(n||this[y.NOTIFY]&&this[y.NOTIFY][s])&&(this.__dataToNotify=this.__dataToNotify||{},this.__dataToNotify[s]=a),!0):!1}_setProperty(s,r){this._setPendingProperty(s,r,!0)&&this._invalidateProperties()}_invalidateProperties(){this.__dataReady&&this._flushProperties()}_enqueueClient(s){this.__dataPendingClients=this.__dataPendingClients||[],s!==this&&this.__dataPendingClients.push(s)}_flushClients(){this.__dataClientsReady?this.__enableOrFlushClients():(this.__dataClientsReady=!0,this._readyClients(),this.__dataReady=!0)}__enableOrFlushClients(){let s=this.__dataPendingClients;if(s){this.__dataPendingClients=null;for(let r=0;r<s.length;r++){let a=s[r];a.__dataEnabled?a.__dataPending&&a._flushProperties():a._enableProperties()}}}_readyClients(){this.__enableOrFlushClients()}setProperties(s,r){for(let a in s)(r||!this[y.READ_ONLY]||!this[y.READ_ONLY][a])&&this._setPendingPropertyOrPath(a,s[a],!0);this._invalidateProperties()}ready(){this._flushProperties(),this.__dataClientsReady||this._flushClients(),this.__dataPending&&this._flushProperties()}_propertiesChanged(s,r,a){let n=this.__dataHasPaths;this.__dataHasPaths=!1;let l;Cl(this,r,a,n),l=this.__dataToNotify,this.__dataToNotify=null,this._propagatePropertyChanges(r,a,n),this._flushClients(),Oe(this,this[y.REFLECT],r,a,n),Oe(this,this[y.OBSERVE],r,a,n),l&&gl(this,l,r,a,n),this.__dataCounter==1&&(this.__dataTemp={})}_propagatePropertyChanges(s,r,a){this[y.PROPAGATE]&&Oe(this,this[y.PROPAGATE],s,r,a),this.__templateInfo&&this._runEffectsForTemplate(this.__templateInfo,s,r,a)}_runEffectsForTemplate(s,r,a,n){let l=(d,c)=>{Oe(this,s.propertyEffects,d,a,c,s.nodeList);for(let h=s.firstChild;h;h=h.nextSibling)this._runEffectsForTemplate(h,d,a,c)};s.runEffects?s.runEffects(l,r,n):l(r,n)}linkPaths(s,r){s=De(s),r=De(r),this.__dataLinkedPaths=this.__dataLinkedPaths||{},this.__dataLinkedPaths[s]=r}unlinkPaths(s){s=De(s),this.__dataLinkedPaths&&delete this.__dataLinkedPaths[s]}notifySplices(s,r){let a={path:""},n=L(this,s,a);Qr(this,n,a.path,r)}get(s,r){return L(r||this,s)}set(s,r,a){a?Us(a,s,r):(!this[y.READ_ONLY]||!this[y.READ_ONLY][s])&&this._setPendingPropertyOrPath(s,r,!0)&&this._invalidateProperties()}push(s,...r){let a={path:""},n=L(this,s,a),l=n.length,d=n.push(...r);return r.length&&Ae(this,n,a.path,l,r.length,[]),d}pop(s){let r={path:""},a=L(this,s,r),n=!!a.length,l=a.pop();return n&&Ae(this,a,r.path,a.length,0,[l]),l}splice(s,r,a,...n){let l={path:""},d=L(this,s,l);r<0?r=d.length-Math.floor(-r):r&&(r=Math.floor(r));let c;return arguments.length===2?c=d.splice(r):c=d.splice(r,a,...n),(n.length||c.length)&&Ae(this,d,l.path,r,n.length,c),c}shift(s){let r={path:""},a=L(this,s,r),n=!!a.length,l=a.shift();return n&&Ae(this,a,r.path,0,0,[l]),l}unshift(s,...r){let a={path:""},n=L(this,s,a),l=n.unshift(...r);return r.length&&Ae(this,n,a.path,0,r.length,[]),l}notifyPath(s,r){let a;if(arguments.length==1){let n={path:""};r=L(this,s,n),a=n.path}else Array.isArray(s)?a=De(s):a=s;this._setPendingPropertyOrPath(a,r,!0,!0)&&this._invalidateProperties()}_createReadOnlyProperty(s,r){this._addPropertyEffect(s,y.READ_ONLY),r&&(this["_set"+Gl(s)]=function(a){this._setProperty(s,a)})}_createPropertyObserver(s,r,a){let n={property:s,method:r,dynamicFn:!!a};this._addPropertyEffect(s,y.OBSERVE,{fn:Ys,info:n,trigger:{name:s}}),a&&this._addPropertyEffect(r,y.OBSERVE,{fn:Ys,info:n,trigger:{name:r}})}_createMethodObserver(s,r){let a=Jt(s);if(!a)throw new Error("Malformed observer expression '"+s+"'");Gs(this,a,y.OBSERVE,wi,null,r)}_createNotifyingProperty(s){this._addPropertyEffect(s,y.NOTIFY,{fn:yl,info:{eventName:Mt(s)+"-changed",property:s}})}_createReflectedProperty(s){let r=this.constructor.attributeNameForProperty(s);r[0]==="-"?console.warn("Property "+s+" cannot be reflected to attribute "+r+' because "
815-" is not a valid starting attribute name. Use a lowercase first letter for the property instead.'):this._addPropertyEffect(s,y.REFLECT,{fn:wl,info:{attrName:r}})}_createComputedProperty(s,r,a){let n=Jt(r);if(!n)throw new Error("Malformed computed expression '"+r+"'");let l=Gs(this,n,y.COMPUTE,Gr,s,a);Gt(this,Yr)[s]=l}_marshalArgs(s,r,a){let n=this.__data,l=[];for(let d=0,c=s.length;d<c;d++){let{name:h,structured:p,wildcard:m,value:x,literal:A}=s[d];if(!A)if(m){let I=He(h,r),E=Zs(n,a,I?r:h);x={path:I?r:h,value:E,base:I?L(n,h):E}}else x=p?Zs(n,a,h):n[h];if(bi&&!this._overrideLegacyUndefined&&x===void 0&&s.length>1)return qe;l[d]=x}return l}static addPropertyEffect(s,r,a){this.prototype._addPropertyEffect(s,r,a)}static createPropertyObserver(s,r,a){this.prototype._createPropertyObserver(s,r,a)}static createMethodObserver(s,r){this.prototype._createMethodObserver(s,r)}static createNotifyingProperty(s){this.prototype._createNotifyingProperty(s)}static createReadOnlyProperty(s,r){this.prototype._createReadOnlyProperty(s,r)}static createReflectedProperty(s){this.prototype._createReflectedProperty(s)}static createComputedProperty(s,r,a){this.prototype._createComputedProperty(s,r,a)}static bindTemplate(s){return this.prototype._bindTemplate(s)}_bindTemplate(s,r){let a=this.constructor._parseTemplate(s),n=this.__preBoundTemplateInfo==a;if(!n)for(let l in a.propertyEffects)this._createPropertyAccessor(l);if(r)if(a=Object.create(a),a.wasPreBound=n,!this.__templateInfo)this.__templateInfo=a;else{let l=s._parentTemplateInfo||this.__templateInfo,d=l.lastChild;a.parent=l,l.lastChild=a,a.previousSibling=d,d?d.nextSibling=a:l.firstChild=a}else this.__preBoundTemplateInfo=a;return a}static _addTemplatePropertyEffect(s,r,a){let n=s.hostProps=s.hostProps||{};n[r]=!0;let l=s.propertyEffects=s.propertyEffects||{};(l[r]=l[r]||[]).push(a)}_stampTemplate(s,r){r=r||this._bindTemplate(s,!0),Ie.push(this);let a=super._stampTemplate(s,r);if(Ie.pop(),r.nodeList=a.nodeList,!r.wasPreBound){let n=r.childNodes=[];for(let l=a.firstChild;l;l=l.nextSibling)n.push(l)}return a.templateInfo=r,Ll(this,r),this.__dataClientsReady&&(this._runEffectsForTemplate(r,this.__data,null,!1),this._flushClients()),a}_removeBoundDom(s){let r=s.templateInfo,{previousSibling:a,nextSibling:n,parent:l}=r;a?a.nextSibling=n:l&&(l.firstChild=n),n?n.previousSibling=a:l&&(l.lastChild=a),r.nextSibling=r.previousSibling=null;let d=r.childNodes;for(let c=0;c<d.length;c++){let h=d[c];P(P(h).parentNode).removeChild(h)}}static _parseTemplateNode(s,r,a){let n=e._parseTemplateNode.call(this,s,r,a);if(s.nodeType===Node.TEXT_NODE){let l=this._parseBindings(s.textContent,r);l&&(s.textContent=Qs(l)||" ",Xt(this,r,a,"text","textContent",l),n=!0)}return n}static _parseTemplateNodeAttribute(s,r,a,n,l){let d=this._parseBindings(l,r);if(d){let c=n,h="property";fl.test(n)?h="attribute":n[n.length-1]=="$"&&(n=n.slice(0,-1),h="attribute");let p=Qs(d);return p&&h=="attribute"&&(n=="class"&&s.hasAttribute("class")&&(p+=" "+s.getAttribute(n)),s.setAttribute(n,p)),h=="attribute"&&c=="disable-upgrade$"&&s.setAttribute(n,""),s.localName==="input"&&c==="value"&&s.setAttribute(c,""),s.removeAttribute(c),h==="property"&&(n=Rr(n)),Xt(this,r,a,h,n,d,p),!0}else return e._parseTemplateNodeAttribute.call(this,s,r,a,n,l)}static _parseTemplateNestedTemplate(s,r,a){let n=e._parseTemplateNestedTemplate.call(this,s,r,a),l=s.parentNode,d=a.templateInfo,c=l.localName==="dom-if",h=l.localName==="dom-repeat";Fs&&(c||h)&&(l.removeChild(s),a=a.parentInfo,a.templateInfo=d,a.noted=!0,n=!1);let p=d.hostProps;if(Rn&&c)p&&(r.hostProps=Object.assign(r.hostProps||{},p),Fs||(a.parentInfo.noted=!0));else{let m="{";for(let x in p){let A=[{mode:m,source:x,dependencies:[x],hostProp:!0}];Xt(this,r,a,"property","_host_"+x,A)}}return n}static _parseBindings(s,r){let a=[],n=0,l;for(;(l=Js.exec(s))!==null;){l.index>n&&a.push({literal:s.slice(n,l.index)});let d=l[1][0],c=!!l[2],h=l[3].trim(),p=!1,m="",x=-1;d=="{"&&(x=h.indexOf("::"))>0&&(m=h.substring(x+2),h=h.substring(0,x),p=!0);let A=Jt(h),I=[];if(A){let{args:E,methodName:O}=A;for(let W=0;W<E.length;W++){let ps=E[W];ps.literal||I.push(ps)}let q=r.dynamicFns;(q&&q[O]||A.static)&&(I.push(O),A.dynamicFn=!0)}else I.push(h);a.push({source:h,mode:d,negate:c,customEvent:p,signature:A,dependencies:I,event:m}),n=Js.lastIndex}if(n&&n<s.length){let d=s.substring(n);d&&a.push({literal:d})}return a.length?a:null}static _evaluateBinding(s,r,a,n,l,d){let c;return r.signature?c=wi(s,a,n,l,r.signature):a!=r.source?c=L(s,r.source):d&&yi(a)?c=L(s,a):c=s.__data[a],r.negate&&(c=!c),c}}return t}),Ie=[];function Xl(o){let e={};for(let t in o){let i=o[t];e[t]=typeof i=="function"?{type:i}:i}return e}var Jl=k(o=>{let e=Ur(o);function t(r){let a=Object.getPrototypeOf(r);return a.prototype instanceof s?a:null}function i(r){if(!r.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",r))){let a=null;if(r.hasOwnProperty(JSCompiler_renameProperty("properties",r))){let n=r.properties;n&&(a=Xl(n))}r.__ownProperties=a}return r.__ownProperties}class s extends e{static get observedAttributes(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))){let a=this._properties;this.__observedAttributes=a?Object.keys(a).map(n=>this.prototype._addPropertyToAttributeMap(n)):[]}return this.__observedAttributes}static finalize(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__finalized",this))){let a=t(this);a&&a.finalize(),this.__finalized=!0,this._finalizeClass()}}static _finalizeClass(){let a=i(this);a&&this.createProperties(a)}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){let a=t(this);this.__properties=Object.assign({},a&&a._properties,i(this))}return this.__properties}static typeForProperty(a){let n=this._properties[a];return n&&n.type}_initializeProperties(){this.constructor.finalize(),super._initializeProperties()}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this._enableProperties()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback()}}return s});var Ql="3.5.2",er=window.ShadyCSS&&window.ShadyCSS.cssBuild,Zl=k(o=>
vendor: 6,011 bytes, line 815
815{let e=Jl(jo(o));function t(l){if(!l.hasOwnProperty(JSCompiler_renameProperty("__propertyDefaults",l))){l.__propertyDefaults=null;let d=l._properties;for(let c in d){let h=d[c];"value"in h&&(l.__propertyDefaults=l.__propertyDefaults||{},l.__propertyDefaults[c]=h)}}return l.__propertyDefaults}function i(l){return l.hasOwnProperty(JSCompiler_renameProperty("__ownObservers",l))||(l.__ownObservers=l.hasOwnProperty(JSCompiler_renameProperty("observers",l))?l.observers:null),l.__ownObservers}function s(l,d,c,h){c.computed&&(c.readOnly=!0),c.computed&&(l._hasReadOnlyEffect(d)?console.warn(`Cannot redefine computed property '${d}'.`):l._createComputedProperty(d,c.computed,h)),c.readOnly&&!l._hasReadOnlyEffect(d)?l._createReadOnlyProperty(d,!c.computed):c.readOnly===!1&&l._hasReadOnlyEffect(d)&&console.warn(`Cannot make readOnly property '${d}' non-readOnly.`),c.reflectToAttribute&&!l._hasReflectEffect(d)?l._createReflectedProperty(d):c.reflectToAttribute===!1&&l._hasReflectEffect(d)&&console.warn(`Cannot make reflected property '${d}' non-reflected.`),c.notify&&!l._hasNotifyEffect(d)?l._createNotifyingProperty(d):c.notify===!1&&l._hasNotifyEffect(d)&&console.warn(`Cannot make notify property '${d}' non-notify.`),c.observer&&l._createPropertyObserver(d,c.observer,h[c.observer]),l._addPropertyToAttributeMap(d)}function r(l,d,c,h){if(!er){let p=d.content.querySelectorAll("style"),m=Mr(d),x=Kn(c),A=d.content.firstElementChild;for(let E=0;E<x.length;E++){let O=x[E];O.textContent=l._processStyleText(O.textContent,h),d.content.insertBefore(O,A)}let I=0;for(let E=0;E<m.length;E++){let O=m[E],q=p[I];q!==O?(O=O.cloneNode(!0),q.parentNode.insertBefore(O,q)):I++,O.textContent=l._processStyleText(O.textContent,h)}}if(window.ShadyCSS&&window.ShadyCSS.prepareTemplate(d,c),$n&&er&&Nn){let p=d.content.querySelectorAll("style");if(p){let m="";Array.from(p).forEach(x=>{m+=x.textContent,x.parentNode.removeChild(x)}),l._styleSheet=new CSSStyleSheet,l._styleSheet.replaceSync(m)}}}function a(l){let d=null;if(l&&(!xt||Vn)&&(d=oe.import(l,"template"),xt&&!d))throw new Error(`strictTemplatePolicy: expecting dom-module or null template for ${l}`);return d}class n extends e{static get polymerElementVersion(){return Ql}static _finalizeClass(){e._finalizeClass.call(this);let d=i(this);d&&this.createObservers(d,this._properties),this._prepareTemplate()}static _prepareTemplate(){let d=this.template;d&&(typeof d=="string"?(console.error("template getter must return HTMLTemplateElement"),d=null):Or||(d=d.cloneNode(!0))),this.prototype._template=d}static createProperties(d){for(let c in d)s(this.prototype,c,d[c],d)}static createObservers(d,c){let h=this.prototype;for(let p=0;p<d.length;p++)h._createMethodObserver(d[p],c)}static get template(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_template",this))){let d=this.prototype.hasOwnProperty(JSCompiler_renameProperty("_template",this.prototype))?this.prototype._template:void 0;typeof d=="function"&&(d=d()),this._template=d!==void 0?d:this.hasOwnProperty(JSCompiler_renameProperty("is",this))&&a(this.is)||Object.getPrototypeOf(this.prototype).constructor.template}return this._template}static set template(d){this._template=d}static get importPath(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_importPath",this))){let d=this.importMeta;if(d)this._importPath=Ro(d.url);else{let c=oe.import(this.is);this._importPath=c&&c.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=Mn,this.importPath=this.constructor.importPath;let d=t(this.constructor);if(d)for(let c in d){let h=d[c];if(this._canApplyPropertyDefault(c)){let p=typeof h.value=="function"?h.value.call(this):h.value;this._hasAccessor(c)?this._setPendingProperty(c,p,!0):this[c]=p}}}_canApplyPropertyDefault(d){return!this.hasOwnProperty(d)}static _processStyleText(d,c){return Bo(d,c)}static _finalizeTemplate(d){let c=this.prototype._template;if(c&&!c.__polymerFinalized){c.__polymerFinalized=!0;let h=this.importPath,p=h?Me(h):"";r(this,c,d,p),this.prototype._bindTemplate(c)}}connectedCallback(){window.ShadyCSS&&this._template&&window.ShadyCSS.styleElement(this),super.connectedCallback()}ready(){this._template&&(this.root=this._stampTemplate(this._template),this.$=this.root.$),super.ready()}_readyClients(){this._template&&(this.root=this._attachDom(this.root)),super._readyClients()}_attachDom(d){let c=P(this);if(c.attachShadow)return d?(c.shadowRoot||(c.attachShadow({mode:"open",shadyUpgradeFragment:d}),c.shadowRoot.appendChild(d),this.constructor._styleSheet&&(c.shadowRoot.adoptedStyleSheets=[this.constructor._styleSheet])),Fn&&window.ShadyDOM&&window.ShadyDOM.flushInitial(c.shadowRoot),c.shadowRoot):null;throw new Error("ShadowDOM not available. PolymerElement can create dom as children instead of in ShadowDOM by setting `this.root = this;` before `ready`.")}updateStyles(d){window.ShadyCSS&&window.ShadyCSS.styleSubtree(this,d)}resolveUrl(d,c){return!c&&this.importPath&&(c=Me(this.importPath)),Me(d,c)}static _parseTemplateContent(d,c,h){return c.dynamicFns=c.dynamicFns||this._properties,e._parseTemplateContent.call(this,d,c,h)}static _addTemplatePropertyEffect(d,c,h){return Lr&&!(c in this._properties)&&!(h.info.part.signature&&h.info.part.signature.static)&&!h.info.part.hostProp&&!d.nestedTemplate&&console.warn(`Property '${c}' used in template but not declared in 'properties'; attribute will not be observed.`),e._addTemplatePropertyEffect.call(this,d,c,h)}}return n});var tr=window.trustedTypes&&trustedTypes.createPolicy("polymer-html-literal",{createHTML:o=>o}),Ct=class{constructor(e,t){ea(e,t);let i=t.reduce((s,r,a)=>s+Zr(r)+e[a+1],e[0]);this.value=i.toString()}toString(){return this.value}};function Zr(o){if(o instanceof Ct)return o.value;throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${o}`)}
815function ed(o){if(o instanceof HTMLTemplateElement)return o.innerHTML;if(o instanceof Ct)return Zr(o);throw new Error(`non-template value passed to Polymer's html function: ${o}`)}var g=function(o,...e){ea(o,e);let t=document.createElement("template"),i=e.reduce((s,r,a)=>s+ed(r)+o[a+1],o[0]);return tr&&(i=tr.createHTML(i)),t.innerHTML=i,t},ea=(o,e)=>{if(!Array.isArray(o)||!Array.isArray(o.raw)||e.length!==o.length-1)throw new TypeError("Invalid call to the html template tag")};var b=Zl(HTMLElement),td=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,pt=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function id(){function o(){return!0}return ta(o)}function od(){try{return sd()?!0:rd()?pt?!ad():!id():!1}catch{return!1}}function sd(){return localStorage.getItem("vaadin.developmentmode.force")}function rd(){return["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0}function ad(){return!!(pt&&Object.keys(pt).map(o=>pt[o]).filter(o=>o.productionMode).length>0)}function ta(o,e){if(typeof o!="function")return;let t=td.exec(o.toString());if(t)try{o=new Function(t[1])}catch(i){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",i)}return o(e)}window.Vaadin=window.Vaadin||{};var ir=function(o,e){if(window.Vaadin.developmentMode)return ta(o,e)};window.Vaadin.developmentMode===void 0&&(window.Vaadin.developmentMode=od());function nd(){}var ld=function(){if(typeof ir=="function")return ir(nd)};var or=0,ia=0,me=[],Ci=!1;function dd(){Ci=!1;let o=me.length;for(let e=0;e<o;e++){let t=me[e];if(t)try{t()}catch(i){setTimeout(()=>{throw i})}}me.splice(0,o),ia+=o}var G={after(o){return{run(e){return window.setTimeout(e,o)},cancel(e){window.clearTimeout(e)}}},run(o,e){return window.setTimeout(o,e)},cancel(o){window.clearTimeout(o)}},We={run(o){return window.requestAnimationFrame(o)},cancel(o){window.cancelAnimationFrame(o)}},oa={run(o){return window.requestIdleCallback?window.requestIdleCallback(o):window.setTimeout(o,16)},cancel(o){window.cancelIdleCallback?window.cancelIdleCallback(o):window.clearTimeout(o)}},kt={run(o){Ci||(Ci=!0,queueMicrotask(()=>dd())),me.push(o);let e=or;return or+=1,e},cancel(o){let e=o-ia;if(e>=0){if(!me[e])throw new Error(`invalid async handle: ${o}`);me[e]=null}}};var Ye=new Set,N=class ki{static debounce(e,t,i){return e instanceof ki?e._cancelAsync():e=new ki,e.setConfig(t,i),e}constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(e,t){this._asyncModule=e,this._callback=t,this._timer=this._asyncModule.run(()=>{this._timer=null,Ye.delete(this),this._callback()})}cancel(){this.isActive()&&(this._cancelAsync(),Ye.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return this._timer!=null}};function sa(o){Ye.add(o)}function cd(){let o=!!Ye.size;return Ye.forEach(e=>{try{e.flush()}catch(t){setTimeout(()=>{throw t})}}),o}var Le=()=>{let o;do o=cd();while(o)};var H=[];function Ei(o,e,t=o.getAttribute("dir")){e?o.setAttribute("dir",e):t!=null&&o.removeAttribute("dir")}function Ai(){return document.documentElement.getAttribute("dir")}function hd(){let o=Ai();H.forEach(e=>{Ei(e,o)})}var ud=new MutationObserver(hd);ud.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});var M=o=>class extends o{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:e=>e||"",toAttribute:e=>e===""?null:e}}}}get __isRTL(){return this.getAttribute("dir")==="rtl"}connectedCallback(){super.connectedCallback(),(!this.hasAttribute("dir")||this.__restoreSubscription)&&(this.__subscribe(),Ei(this,Ai(),null))}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e!=="dir")return;let s=Ai(),r=i===s&&H.indexOf(this)===-1,a=!i&&t&&H.indexOf(this)===-1;r||a?(this.__subscribe(),Ei(this,s,i)):i!==s&&t===s&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=H.includes(this),this.__unsubscribe()}_valueToNodeAttribute(e,t,i){i==="dir"&&t===""&&!e.hasAttribute("dir")||super._valueToNodeAttribute(e,t,i)}_attributeToProperty(e,t,i){e==="dir"&&!t?this.dir="":super._attributeToProperty(e,t,i)}__subscribe(){H.includes(this)||H.push(this)}__unsubscribe(){H.includes(this)&&H.splice(H.indexOf(this),1)}};window.Vaadin||(window.Vaadin={});window.Vaadin.registrations||(window.Vaadin.registrations=[]);window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={});window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){ld()};var Qt,sr=new Set,V=o=>class extends M(o){static finalize(){super.finalize();let{is:e}=this;e&&!sr.has(e)&&(window.Vaadin.registrations.push(this),sr.add(e),window.Vaadin.developmentModeCallback&&(Qt=N.debounce(Qt,oa,()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()}),sa(Qt)))}constructor(){super(),document.doctype===null&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}};function pd(o){let e=[];for(;o;){if(o.nodeType===Node.DOCUMENT_NODE){e.push(o);break}if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){e.push(o),o=o.host;continue}if(o.assignedSlot){o=o.assignedSlot;continue}o=o.parentNode}return e}function ra(o){let e=[],t;return o.localName==="slot"?t=o.assignedElements():(e.push(o),t=[...o.children]),t.forEach(i=>
815e.push(...ra(i))),e}function Uo(o){return o?new Set(o.split(" ")):new Set}function Vt(o){return o?[...o].join(" "):""}function aa(o,e,t){let i=Uo(o.getAttribute(e));i.add(t),o.setAttribute(e,Vt(i))}function md(o,e,t){let i=Uo(o.getAttribute(e));if(i.delete(t),i.size===0){o.removeAttribute(e);return}o.setAttribute(e,Vt(i))}function _d(o){return o.nodeType===Node.TEXT_NODE&&o.textContent.trim()===""}var Ke=class{constructor(e,t){this.slot=e,this.callback=t,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){let e=this.slot.assignedNodes({flatten:!0}),t=[],i=[],s=[];e.length&&(t=e.filter(r=>!this._storedNodes.includes(r))),this._storedNodes.length&&this._storedNodes.forEach((r,a)=>{let n=e.indexOf(r);n===-1?i.push(r):n!==a&&s.push(r)}),(t.length||i.length||s.length)&&this.callback({addedNodes:t,currentNodes:e,movedNodes:s,removedNodes:i}),this._storedNodes=e}};var fd=0;function Ze(){return fd++}var T=class extends EventTarget{static generateId(e,t="default"){return`${t}-${e.localName}-${Ze()}`}constructor(e,t,i,s={}){super();let{initializer:r,multiple:a,observe:n,useUniqueId:l,uniqueIdPrefix:d}=s;this.host=e,this.slotName=t,this.tagName=i,this.observe=typeof n=="boolean"?n:!0,this.multiple=typeof a=="boolean"?a:!1,this.slotInitializer=r,a&&(this.nodes=[]),l&&(this.defaultId=this.constructor.generateId(e,d||t))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let e=this.getSlotChild();e?(this.node=e,this.initAddedNode(e)):(e=this.attachDefaultNode(),this.initNode(e))}initMultiple(){let e=this.getSlotChildren();if(e.length===0){let t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=e,e.forEach(t=>{this.initAddedNode(t)})}attachDefaultNode(){let{host:e,slotName:t,tagName:i}=this,s=this.defaultNode;return!s&&i&&(s=document.createElement(i),s instanceof Element&&(t!==""&&s.setAttribute("slot",t),this.defaultNode=s)),s&&(this.node=s,e.appendChild(s)),s}getSlotChildren(){let{slotName:e}=this;return Array.from(this.host.childNodes).filter(t=>t.nodeType===Node.ELEMENT_NODE&&t.slot===e||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()&&e==="")}getSlotChild(){return this.getSlotChildren()[0]}initNode(e){let{slotInitializer:t}=this;t&&t(e,this.host)}initCustomNode(e){}teardownNode(e){}initAddedNode(e){e!==this.defaultNode&&(this.initCustomNode(e),this.initNode(e))}observeSlot(){let{slotName:e}=this,t=e===""?"slot:not([name])":`slot[name=${e}]`,i=this.host.shadowRoot.querySelector(t);this.__slotObserver=new Ke(i,({addedNodes:s,removedNodes:r})=>{let a=this.multiple?this.nodes:[this.node],n=s.filter(l=>!_d(l)&&!a.includes(l));r.length&&(this.nodes=a.filter(l=>!r.includes(l)),r.forEach(l=>{this.teardownNode(l)})),n&&n.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...a,...n].filter(l=>l!==this.defaultNode),n.forEach(l=>{this.initAddedNode(l)})):(this.node&&this.node.remove(),this.node=n[0],this.initAddedNode(this.node)))})}};var B=class extends T{constructor(e){super(e,"tooltip"),this.setTarget(e)}initCustomNode(e){e.target=this.target,this.ariaTarget!==void 0&&(e.ariaTarget=this.ariaTarget),this.context!==void 0&&(e.context=this.context),this.manual!==void 0&&(e.manual=this.manual),this.opened!==void 0&&(e.opened=this.opened),this.position!==void 0&&(e._position=this.position),this.shouldShow!==void 0&&(e.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(e){this.ariaTarget=e;let t=this.node;t&&(t.ariaTarget=e)}setContext(e){this.context=e;let t=this.node;t&&(t.context=e)}setManual(e){this.manual=e;let t=this.node;t&&(t.manual=e)}setOpened(e){this.opened=e;let t=this.node;t&&(t.opened=e)}setPosition(e){this.position=e;let t=this.node;t&&(t._position=e)}setShouldShow(e){this.shouldShow=e;let t=this.node;t&&(t.shouldShow=e)}setTarget(e){this.target=e;let t=this.node;t&&(t.target=e)}
815__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}};var vd=o=>o,na=typeof document.head.style.touchAction=="string",Ii="__polymerGestures",Zt="__polymerGesturesHandled",Si="__polymerGesturesTouchAction",rr=25,ar=5,gd=2,bd=["mousedown","mousemove","mouseup","click"],yd=[0,1,4,2],xd=(function(){try{return new MouseEvent("test",{buttons:1}).buttons===1}catch{return!1}})();function la(o){return bd.indexOf(o)>-1}(function(){try{let o=Object.defineProperty({},"passive",{get(){}});window.addEventListener("test",null,o),window.removeEventListener("test",null,o)}catch{}})();var wd=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u),Cd={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function te(o){let e=o.type;if(!la(e))return!1;if(e==="mousemove"){let t=o.buttons===void 0?1:o.buttons;return o instanceof window.MouseEvent&&!xd&&(t=yd[o.which]||0),!!(t&1)}return(o.button===void 0?0:o.button)===0}function kd(o){if(o.type==="click"){if(o.detail===0)return!0;let e=X(o);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE)return!0;let t=e.getBoundingClientRect(),i=o.pageX,s=o.pageY;return!(i>=t.left&&i<=t.right&&s>=t.top&&s<=t.bottom)}return!1}var j={touch:{x:0,y:0,id:-1,scrollDecided:!1}};function Ed(o){let e="auto",t=ca(o);for(let i=0,s;i<t.length;i++)if(s=t[i],s[Si]){e=s[Si];break}return e}function da(o,e,t){o.movefn=e,o.upfn=t,document.addEventListener("mousemove",e),document.addEventListener("mouseup",t)}function _e(o){document.removeEventListener("mousemove",o.movefn),document.removeEventListener("mouseup",o.upfn),o.movefn=null,o.upfn=null}var ca=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:o=>o.composedPath&&o.composedPath()||[],qo={},ee=[];function Ad(o,e){let t=document.elementFromPoint(o,e),i=t;for(;i&&i.shadowRoot&&!window.ShadyDOM;){let s=i;if(i=i.shadowRoot.elementFromPoint(o,e),s===i)break;i&&(t=i)}return t}function X(o){let e=ca(o);return e.length>0?e[0]:o.target}function Id(o){let e=o.type,t=o.currentTarget[Ii];if(!t)return;let i=t[e];if(!i)return;if(!o[Zt]&&(o[Zt]={},e.startsWith("touch"))){let r=o.changedTouches[0];if(e==="touchstart"&&o.touches.length===1&&(j.touch.id=r.identifier),j.touch.id!==r.identifier)return;na||(e==="touchstart"||e==="touchmove")&&Sd(o)}let s=o[Zt];if(!s.skip){for(let r=0,a;r<ee.length;r++)a=ee[r],i[a.name]&&!s[a.name]&&a.flow&&a.flow.start.indexOf(o.type)>-1&&a.reset&&a.reset();for(let r=0,a;r<ee.length;r++)a=ee[r],i[a.name]&&!s[a.name]&&(s[a.name]=!0,a[e](o))}}function Sd(o){let e=o.changedTouches[0],t=o.type;if(t==="touchstart")j.touch.x=e.clientX,j.touch.y=e.clientY,j.touch.scrollDecided=!1;else if(t==="touchmove"){if(j.touch.scrollDecided)return;j.touch.scrollDecided=!0;let i=Ed(o),s=!1,r=Math.abs(j.touch.x-e.clientX),a=Math.abs(j.touch.y-e.clientY);o.cancelable&&(i==="none"?s=!0:i==="pan-x"?s=a>r:i==="pan-y"&&(s=r>a)),s?o.preventDefault():Et("track")}}function R(o,e,t){return qo[e]?(Pd(o,e,t),!0):!1}function Pd(o,e,t){let i=qo[e],s=i.deps,r=i.name,a=o[Ii];a||(o[Ii]=a={});for(let n=0,l,d;n<s.length;n++)l=s[n],!(wd&&la(l)&&l!=="click")&&(d=a[l],d||(a[l]=d={_count:0}),d._count===0&&o.addEventListener(l,Id,void 0),d[r]=(d[r]||0)+1,d._count=(d._count||0)+1);o.addEventListener(e,t),i.touchAction&&ha(o,i.touchAction)}function Wo(o){ee.push(o),o.emits.forEach(e=>{qo[e]=o})}function Td(o){for(let e=0,t;e<ee.length;e++){t=ee[e];for(let i=0,s;i<t.emits.length;i++)if(s=t.emits[i],s===o)return t}return null}function ha(o,e){na&&o instanceof HTMLElement&&kt.run(()=>{o.style.touchAction=e}),o[Si]=e}function Yo(o,e,t){let i=new Event(e,{bubbles:!0,cancelable:!0,composed:!0});if(i.detail=t,vd(o).dispatchEvent(i),i.defaultPrevented){let s=t.preventer||t.sourceEvent;s&&s.preventDefault&&s.preventDefault()}}function Et(o){let e=Td(o);e.info&&(e.info.prevent=!0)}Wo({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){_e(this.info)},mousedown(o){if(!te(o))return;let e=X(o),t=this,i=r=>{te(r)||(Se("up",e,r),_e(t.info))},s=r=>{te(r)&&Se("up",e,r),_e(t.info)};da(this.info,i,s),Se("down",e,o)},touchstart(o){Se("down",X(o),o.changedTouches[0],o)},touchend(o){Se("up",X(o),o.changedTouches[0],o)}});function Se(o,e,t,i){e&&Yo(e,o,{x:t.clientX,y:t.clientY,sourceEvent:t,preventer:i,prevent(s){return Et(s)}})}Wo({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:!1,moves:[],addMove(o){this.moves.length>gd&&this.moves.shift(),this.moves.push(o)},movefn:null,upfn:null,prevent:!1},reset(){this.info.state="start",this.info.started=!1,this.info.moves=[],this.info.x=0,this.info.y=0,this.info.prevent=!1,_e(this.info)},mousedown(o){if(!te(o))return;let e=X(o),t=this,i=r=>{let a=r.clientX,n=r.clientY;nr(t.info,a,n)&&(t.info.state=t.info.started?r.type==="mouseup"?"end":"track":"start",t.info.state==="start"&&Et("tap"),t.info.addMove({x:a,y:n}),te(r)||(t.info.state="end",_e(t.info)),e&&ei(t.info,e,r),t.info.started=!0)},s=r=>{t.info.started&&i(r),_e(t.info)};da(this.info,i,s),this.info.x=o.clientX,this.info.y=o.clientY},touchstart(o){let e=o.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchmove(o){let e=X(o),t=o.changedTouches[0],i=t.clientX,s=t.clientY;nr(this.info,i,s)&&(this.info.state==="start"&&Et("tap"),this.info.addMove({x:i,y:s}),ei(this.info,e,t),this.info.state="track",this.info.started=!0)},touchend(o){let e=X(o),t=o.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:t.clientX,y:t.clientY}),ei(this.info,e,t))}});function nr(o,e,t){if(o.prevent)return!1;if(o.started)return!0;let i=Math.abs(o.x-e),s=Math.abs(o.y-t);return i>=ar||s>=ar}function ei(o,e,t){if(!e)return;let i=o.moves[o.moves.length-2],s=o.moves[o.moves.length-1],r=s.x-o.x,a=s.y-o.y,n,l=0;i&&(n=s.x-i.x,l=s.y-i.y),Yo(e,"track",{state:o.state,x:t.clientX,y:t.clientY,dx:r,dy:a,ddx:n,ddy:l,sourceEvent:t,hover(){return Ad(t.clientX,t.clientY)}})}Wo({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:NaN,y:NaN,prevent:!1},reset(){this.info.x=NaN,this.info.y=NaN,this.info.prevent=!1},mousedown(o){te(o)&&(this.info.x=o.clientX,this.info.y=o.clientY)},click(o){te(o)&&lr(this.info,o)},touchstart(o){let e=o.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchend(o){lr(this.info,o.changedTouches[0],o)}});function lr(o,e,t){let i=Math.abs(e.clientX-o.x),s=Math.abs(e.clientY-o.y),r=X(t||e);!r||Cd[r.localName]&&r.hasAttribute("disabled")||(isNaN(i)||isNaN(s)||i<=rr&&s<=rr||kd(e))&&(o.prevent||Yo(r,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:t}))}var Ce=k(o=>class extends o{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(e){this._setAriaDisabled(e)}_setAriaDisabled(e){e?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}});var ne=k(o=>class extends o{ready(){super.ready(),this.addEventListener("keydown",e=>{this._onKeyDown(e)}),this.addEventListener("keyup",e=>{this._onKeyUp(e)})}_onKeyDown(e){switch(e.key){case"Enter":this._onEnter(e);break;case"Escape":this._onEscape(e);break}}_onKeyUp(e){}_onEnter(e){}_onEscape(e){}});var Ko=o=>
815class extends Ce(ne(o)){get _activeKeys(){return[" "]}ready(){super.ready(),R(this,"down",e=>{this._shouldSetActive(e)&&this._setActive(!0)}),R(this,"up",()=>{this._setActive(!1)})}disconnectedCallback(){super.disconnectedCallback(),this._setActive(!1)}_shouldSetActive(e){return!this.disabled}_onKeyDown(e){super._onKeyDown(e),this._shouldSetActive(e)&&this._activeKeys.includes(e.key)&&(this._setActive(!0),document.addEventListener("keyup",t=>{this._activeKeys.includes(t.key)&&this._setActive(!1)},{once:!0}))}_setActive(e){this.toggleAttribute("active",e)}};var Go=!1;window.addEventListener("keydown",()=>{Go=!0},{capture:!0});window.addEventListener("mousedown",()=>{Go=!1},{capture:!0});function Pi(){let o=document.activeElement||document.body;for(;o.shadowRoot&&o.shadowRoot.activeElement;)o=o.shadowRoot.activeElement;return o}function Ft(){return Go}function ua(o){let e=o.style;if(e.visibility==="hidden"||e.display==="none")return!0;let t=window.getComputedStyle(o);return t.visibility==="hidden"||t.display==="none"}function Dd(o,e){let t=Math.max(o.tabIndex,0),i=Math.max(e.tabIndex,0);return t===0||i===0?i>t:t>i}function Od(o,e){let t=[];for(;o.length>0&&e.length>0;)Dd(o[0],e[0])?t.push(e.shift()):t.push(o.shift());return t.concat(o,e)}function Ti(o){let e=o.length;if(e<2)return o;let t=Math.ceil(e/2),i=Ti(o.slice(0,t)),s=Ti(o.slice(t));return Od(i,s)}function Di(o){return o.offsetParent===null&&o.clientWidth===0&&o.clientHeight===0?!0:ua(o)}function Xo(o){return o.matches('[tabindex="-1"]')?!1:o.matches("input, select, textarea, button, object")?o.matches(":not([disabled])"):o.matches("a[href], area[href], iframe, [tabindex], [contentEditable]")}function Jo(o){return o.getRootNode().activeElement===o}function Ld(o){if(!Xo(o))return-1;let e=o.getAttribute("tabindex")||0;return Number(e)}function pa(o,e){if(o.nodeType!==Node.ELEMENT_NODE||ua(o))return!1;let t=o,i=Ld(t),s=i>0;i>=0&&e.push(t);let r=[];return t.localName==="slot"?r=t.assignedNodes({flatten:!0}):r=(t.shadowRoot||t).children,[...r].forEach(a=>{s=pa(a,e)||s}),s}function zd(o){let e=[];return pa(o,e)?Ti(e):e}var le=k(o=>class extends o{get _keyboardActive(){return Ft()}ready(){this.addEventListener("focusin",e=>{this._shouldSetFocus(e)&&this._setFocused(!0)}),this.addEventListener("focusout",e=>{this._shouldRemoveFocus(e)&&this._setFocused(!1)}),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(e){this.toggleAttribute("focused",e),this.toggleAttribute("focus-ring",e&&this._keyboardActive)}_shouldSetFocus(e){return!0}_shouldRemoveFocus(e){return!0}});var ma=o=>class extends Ce(o){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(e,t){super._disabledChanged(e,t),e?(this.tabindex!==void 0&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):t&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(e){this.disabled&&e!==-1&&(this._lastTabIndex=e,this.tabindex=-1)}};var Bt=k(o=>class extends le(ma(o)){static get properties(){return{autofocus:{type:Boolean},focusElement:{type:Object,readOnly:!0,observer:"_focusElementChanged"},_lastTabIndex:{value:0}}}constructor(){super(),this._boundOnBlur=this._onBlur.bind(this),this._boundOnFocus=this._onFocus.bind(this)}ready(){super.ready(),this.autofocus&&!this.disabled&&requestAnimationFrame(()=>{this.focus(),this.setAttribute("focus-ring","")})}focus(){this.focusElement&&!this.disabled&&this.focusElement.focus()}blur(){this.focusElement&&this.focusElement.blur()}click(){this.focusElement&&!this.disabled&&this.focusElement.click()}_focusElementChanged(e,t){e?(e.disabled=this.disabled,this._addFocusListeners(e),this.__forwardTabIndex(this.tabindex)):t&&this._removeFocusListeners(t)}_addFocusListeners(e){e.addEventListener("blur",this._boundOnBlur),e.addEventListener("focus",this._boundOnFocus)}_removeFocusListeners(e){e.removeEventListener("blur",this._boundOnBlur),e.removeEventListener("focus",this._boundOnFocus)}_onFocus(e){e.stopPropagation(),this.dispatchEvent(new Event("focus"))}_onBlur(e){e.stopPropagation(),this.dispatchEvent(new Event("blur"))}_shouldSetFocus(e){return e.target===this.focusElement}_shouldRemoveFocus(e){return e.target===this.focusElement}_disabledChanged(e,t){super._disabledChanged(e,t),this.focusElement&&(this.focusElement.disabled=e),e&&this.blur()}_tabindexChanged(e){this.__forwardTabIndex(e)}__forwardTabIndex(e){e!==void 0&&this.focusElement&&(this.focusElement.tabIndex=e,e!==-1&&(this.tabindex=void 0)),this.disabled&&e&&(e!==-1&&(this._lastTabIndex=e),this.tabindex=void 0)}});var Qo=k(o=>class extends o{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(e){e&&(this._ensureAttrsDelegated(),this._ensurePropsDelegated())}_createDelegateAttrsObserver(){this._createMethodObserver(`_delegateAttrsChanged(${this.constructor.delegateAttrs.join(", ")})`)}_createDelegatePropsObserver(){this._createMethodObserver(`_delegatePropsChanged(${this.constructor.delegateProps.join(", ")})`)}
815_ensureAttrsDelegated(){this.constructor.delegateAttrs.forEach(e=>{this._delegateAttribute(e,this[e])})}_ensurePropsDelegated(){this.constructor.delegateProps.forEach(e=>{this._delegateProperty(e,this[e])})}_delegateAttrsChanged(...e){this.constructor.delegateAttrs.forEach((t,i)=>{this._delegateAttribute(t,e[i])})}_delegatePropsChanged(...e){this.constructor.delegateProps.forEach((t,i)=>{this._delegateProperty(t,e[i])})}_delegateAttribute(e,t){this.stateTarget&&(e==="invalid"&&this._delegateAttribute("aria-invalid",t?"true":!1),typeof t=="boolean"?this.stateTarget.toggleAttribute(e,t):t?this.stateTarget.setAttribute(e,t):this.stateTarget.removeAttribute(e))}_delegateProperty(e,t){this.stateTarget&&(this.stateTarget[e]=t)}});var et=k(o=>class extends o{static get properties(){return{inputElement:{type:Object,readOnly:!0,observer:"_inputElementChanged"},type:{type:String,readOnly:!0},value:{type:String,value:"",observer:"_valueChanged",notify:!0,sync:!0},_hasInputValue:{type:Boolean,value:!1,observer:"_hasInputValueChanged"}}}constructor(){super(),this._boundOnInput=this.__onInput.bind(this),this._boundOnChange=this._onChange.bind(this)}get _hasValue(){return this.value!=null&&this.value!==""}get _inputElementValueProperty(){return"value"}get _inputElementValue(){return this.inputElement?this.inputElement[this._inputElementValueProperty]:void 0}set _inputElementValue(e){this.inputElement&&(this.inputElement[this._inputElementValueProperty]=e)}clear(){this._hasInputValue=!1,this.value="",this._inputElementValue=""}_addInputListeners(e){e.addEventListener("input",this._boundOnInput),e.addEventListener("change",this._boundOnChange)}_removeInputListeners(e){e.removeEventListener("input",this._boundOnInput),e.removeEventListener("change",this._boundOnChange)}_forwardInputValue(e){this.inputElement&&(this._inputElementValue=e??"")}_inputElementChanged(e,t){e?this._addInputListeners(e):t&&this._removeInputListeners(t)}_hasInputValueChanged(e,t){(e||t)&&this.dispatchEvent(new CustomEvent("has-input-value-changed"))}__onInput(e){this._setHasInputValue(e),this._onInput(e)}_onInput(e){let t=e.composedPath()[0];this.__userInput=e.isTrusted,this.value=t.value,this.__userInput=!1}_onChange(e){}_toggleHasValue(e){this.toggleAttribute("has-value",e)}_valueChanged(e,t){this._toggleHasValue(this._hasValue),!(e===""&&t===void 0)&&(this.__userInput||this._forwardInputValue(e))}_setHasInputValue(e){let t=e.composedPath()[0];this._hasInputValue=t.value.length>0}});var Nd=k(o=>class extends Qo(Ce(et(o))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){let t=e.target;this._toggleChecked(t.checked)}_toggleChecked(e){this.checked=e}});var ti=new Map;function Zo(o){return ti.has(o)||ti.set(o,new WeakMap),ti.get(o)}function _a(o,e){o&&o.removeAttribute(e)}function fa(o,e){if(!o||!e)return;let t=Zo(e);if(t.has(o))return;let i=Uo(o.getAttribute(e));t.set(o,new Set(i))}function Md(o,e){if(!o||!e)return;let t=Zo(e),i=t.get(o);!i||i.size===0?o.removeAttribute(e):aa(o,e,Vt(i)),t.delete(o)}function fe(o,e,t={newId:null,oldId:null,fromUser:!1}){if(!o||!e)return;let{newId:i,oldId:s,fromUser:r}=t,a=Zo(e),n=a.get(o);if(!r&&n){s&&n.delete(s),i&&n.add(i);return}r&&(n?i||a.delete(o):fa(o,e),_a(o,e)),md(o,e,s);let l=i||Vt(n);l&&aa(o,e,l)}function Vd(o,e){fa(o,e),_a(o,e)}var Oi=class{constructor(e){this.host=e,this.__required=!1}setTarget(e){this.__target=e,this.__setAriaRequiredAttribute(this.__required),this.__setLabelIdToAriaAttribute(this.__labelId,this.__labelId),this.__labelIdFromUser!=null&&this.__setLabelIdToAriaAttribute(this.__labelIdFromUser,this.__labelIdFromUser,!0),this.__setErrorIdToAriaAttribute(this.__errorId),this.__setHelperIdToAriaAttribute(this.__helperId),this.setAriaLabel(this.__label)}setRequired(e){this.__setAriaRequiredAttribute(e),this.__required=e}setAriaLabel(e){this.__setAriaLabelToAttribute(e),this.__label=e}setLabelId(e,t=!1){let i=t?this.__labelIdFromUser:this.__labelId;this.__setLabelIdToAriaAttribute(e,i,t),t?this.__labelIdFromUser=e:this.__labelId=e}setErrorId(e){this.__setErrorIdToAriaAttribute(e,this.__errorId),this.__errorId=e}setHelperId(e){this.__setHelperIdToAriaAttribute(e,this.__helperId),this.__helperId=e}__setAriaLabelToAttribute(e){this.__target&&(e?(Vd(this.__target,"aria-labelledby"),this.__target.setAttribute("aria-label",e)):this.__label&&(Md(this.__target,"aria-labelledby"),this.__target.removeAttribute("aria-label")))}__setLabelIdToAriaAttribute(e,t,i){fe(this.__target,"aria-labelledby",{newId:e,oldId:t,fromUser:i})}__setErrorIdToAriaAttribute(e,t){fe(this.__target,"aria-describedby",{newId:e,oldId:t,fromUser:!1})}__setHelperIdToAriaAttribute(e,t){fe(this.__target,"aria-describedby",{newId:e,oldId:t,fromUser:!1})}__setAriaRequiredAttribute(e){this.__target&&(["input","textarea"].includes(this.__target.localName)||(e?this.__target.setAttribute("aria-required","true"):this.__target.removeAttribute("aria-required")))}};var $=k(o=>typeof o.prototype.addController=="function"?o:class extends o{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEac
815h(e=>{e.hostConnected&&e.hostConnected()})}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach(e=>{e.hostDisconnected&&e.hostDisconnected()})}addController(e){this.__controllers.add(e),this.$!==void 0&&this.isConnected&&e.hostConnected&&e.hostConnected()}removeController(e){this.__controllers.delete(e)}});var F=document.createElement("div");F.style.position="fixed";F.style.clip="rect(0px, 0px, 0px, 0px)";F.setAttribute("aria-live","polite");document.body.appendChild(F);var at;function mt(o,e={}){let t=e.mode||"polite",i=e.timeout===void 0?150:e.timeout;t==="alert"?(F.removeAttribute("aria-live"),F.removeAttribute("role"),at=N.debounce(at,We,()=>{F.setAttribute("role","alert")})):(at&&at.cancel(),F.removeAttribute("role"),F.setAttribute("aria-live",t)),F.textContent="",setTimeout(()=>{F.textContent=o},i)}var Ge=class extends T{constructor(e,t,i,s={}){super(e,t,i,vr(_t({},s),{useUniqueId:!0}))}initCustomNode(e){this.__updateNodeId(e),this.__notifyChange(e)}teardownNode(e){let t=this.getSlotChild();t&&t!==this.defaultNode?this.__notifyChange(t):(this.restoreDefaultNode(),this.updateDefaultNode(this.node))}attachDefaultNode(){let e=super.attachDefaultNode();return e&&this.__updateNodeId(e),e}restoreDefaultNode(){}updateDefaultNode(e){this.__notifyChange(e)}observeNode(e){this.__nodeObserver&&this.__nodeObserver.disconnect(),this.__nodeObserver=new MutationObserver(t=>{t.forEach(i=>{let s=i.target,r=s===this.node;i.type==="attributes"?r&&this.__updateNodeId(s):(r||s.parentElement===this.node)&&this.__notifyChange(this.node)})}),this.__nodeObserver.observe(e,{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0,characterData:!0})}__hasContent(e){return e?e.nodeType===Node.ELEMENT_NODE&&(customElements.get(e.localName)||e.children.length>0)||e.textContent&&e.textContent.trim()!=="":!1}__notifyChange(e){this.dispatchEvent(new CustomEvent("slot-content-changed",{detail:{hasContent:this.__hasContent(e),node:e}}))}__updateNodeId(e){let t=!this.nodes||e===this.nodes[0];e.nodeType===Node.ELEMENT_NODE&&(!this.multiple||t)&&!e.id&&(e.id=this.defaultId)}};var Li=class extends Ge{constructor(e){super(e,"error-message","div")}setErrorMessage(e){this.errorMessage=e,this.updateDefaultNode(this.node)}setInvalid(e){this.invalid=e,this.updateDefaultNode(this.node)}initAddedNode(e){e!==this.defaultNode&&this.initCustomNode(e)}initNode(e){this.updateDefaultNode(e)}initCustomNode(e){e.textContent&&!this.errorMessage&&(this.errorMessage=e.textContent.trim()),super.initCustomNode(e)}restoreDefaultNode(){this.attachDefaultNode()}updateDefaultNode(e){let{errorMessage:t,invalid:i}=this,s=!!(i&&t&&t.trim()!=="");e&&(e.textContent=s?t:"",e.hidden=!s,s&&mt(t,{mode:"assertive"})),super.updateDefaultNode(e)}};var zi=class extends Ge{constructor(e){super(e,"helper",null)}setHelperText(e){this.helperText=e,this.getSlotChild()||this.restoreDefaultNode(),this.node===this.defaultNode&&this.updateDefaultNode(this.node)}restoreDefaultNode(){let{helperText:e}=this;if(e&&e.trim()!==""){this.tagName="div";let t=this.attachDefaultNode();this.observeNode(t)}}updateDefaultNode(e){e&&(e.textContent=this.helperText),super.updateDefaultNode(e)}initCustomNode(e){super.initCustomNode(e),this.observeNode(e)}};var At=class extends Ge{constructor(e){super(e,"label","label")}setLabel(e){this.label=e,this.getSlotChild()||this.restoreDefaultNode(),this.node===this.defaultNode&&this.updateDefaultNode(this.node)}restoreDefaultNode(){let{label:e}=this;if(e&&e.trim()!==""){let t=this.attachDefaultNode();this.observeNode(t)}}updateDefaultNode(e){e&&(e.textContent=this.label),super.updateDefaultNode(e)}initCustomNode(e){super.initCustomNode(e),this.observeNode(e)}};var Fd=k(o=>class extends $(o){static get properties(){return{label:{type:String,observer:"_labelChanged"}}}constructor(){super(),this._labelController=new At(this),this._labelController.addEventListener("slot-content-changed",e=>{this.toggleAttribute("has-label",e.detail.hasContent)})}get _labelId(){let e=this._labelNode;return e&&e.id}get _labelNode(){return this._labelController.node}ready(){super.ready(),this.addController(this._labelController)}_labelChanged(e){this._labelController.setLabel(e)}});var es=k(o=>
815class extends o{static get properties(){return{invalid:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},required:{type:Boolean,reflectToAttribute:!0}}}validate(){let e=this.checkValidity();return this._setInvalid(!e),this.dispatchEvent(new CustomEvent("validated",{detail:{valid:e}})),e}checkValidity(){return!this.required||!!this.value}_setInvalid(e){this._shouldSetInvalid(e)&&(this.invalid=e)}_shouldSetInvalid(e){return!0}});var Rt=o=>class extends es(Fd($(o))){static get properties(){return{ariaTarget:{type:Object,observer:"_ariaTargetChanged"},errorMessage:{type:String,observer:"_errorMessageChanged"},helperText:{type:String,observer:"_helperTextChanged"},accessibleName:{type:String,observer:"_accessibleNameChanged"},accessibleNameRef:{type:String,observer:"_accessibleNameRefChanged"}}}static get observers(){return["_invalidChanged(invalid)","_requiredChanged(required)"]}constructor(){super(),this._fieldAriaController=new Oi(this),this._helperController=new zi(this),this._errorController=new Li(this),this._errorController.addEventListener("slot-content-changed",e=>{this.toggleAttribute("has-error-message",e.detail.hasContent)}),this._labelController.addEventListener("slot-content-changed",e=>{let{hasContent:t,node:i}=e.detail;this.__labelChanged(t,i)}),this._helperController.addEventListener("slot-content-changed",e=>{let{hasContent:t,node:i}=e.detail;this.toggleAttribute("has-helper",t),this.__helperChanged(t,i)})}get _errorNode(){return this._errorController.node}get _helperNode(){return this._helperController.node}ready(){super.ready(),this.addController(this._fieldAriaController),this.addController(this._helperController),this.addController(this._errorController)}__helperChanged(e,t){e?this._fieldAriaController.setHelperId(t.id):this._fieldAriaController.setHelperId(null)}_accessibleNameChanged(e){this._fieldAriaController.setAriaLabel(e)}_accessibleNameRefChanged(e){this._fieldAriaController.setLabelId(e,!0)}__labelChanged(e,t){e?this._fieldAriaController.setLabelId(t.id):this._fieldAriaController.setLabelId(null)}_errorMessageChanged(e){this._errorController.setErrorMessage(e)}_helperTextChanged(e){this._helperController.setHelperText(e)}_ariaTargetChanged(e){e&&this._fieldAriaController.setTarget(e)}_requiredChanged(e){this._fieldAriaController.setRequired(e)}_invalidChanged(e){this._errorController.setInvalid(e),setTimeout(()=>{if(e){let t=this._errorNode;this._fieldAriaController.setErrorId(t&&t.id)}else this._fieldAriaController.setErrorId(null)})}};var se=class extends T{constructor(e,t,i={}){let{uniqueIdPrefix:s}=i;super(e,"input","input",{initializer:(r,a)=>{a.value&&(r.value=a.value),a.type&&r.setAttribute("type",a.type),r.id=this.defaultId,typeof t=="function"&&t(r)},useUniqueId:!0,uniqueIdPrefix:s})}};var re=class{constructor(e,t){this.input=e,this.__preventDuplicateLabelClick=this.__preventDuplicateLabelClick.bind(this),t.addEventListener("slot-content-changed",i=>{this.__initLabel(i.detail.node)}),this.__initLabel(t.node)}__initLabel(e){e&&(e.addEventListener("click",this.__preventDuplicateLabelClick),this.input&&e.setAttribute("for",this.input.id))}__preventDuplicateLabelClick(){let e=t=>{t.stopImmediatePropagation(),this.input.removeEventListener("click",e)};this.input.addEventListener("click",e)}};var Bd=o=>class extends Rt(Nd(Bt(Ko(o)))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get observers(){return["__readonlyChanged(readonly, inputElement)"]}static get delegateProps(){return[...super.delegateProps,"indeterminate"]}static get delegateAttrs(){return[...super.delegateAttrs,"name","invalid","required"]}constructor(){super(),this._setType("checkbox"),this._boundOnInputClick=this._onInputClick.bind(this),this.value="on"}ready(){super.ready(),this.addController(new se(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new re(this.inputElement,this._labelController)),this._createMethodObserver("_checkedChanged(checked)")}_shouldSetActive(e){return this.readonly||e.target.localName==="a"||e.target===this._helperNode||e.target===this._errorNode?!1:super._shouldSetActive(e)}_addInputListeners(e){super._addInputListeners(e),e.addEventListener("click",this._boundOnInputClick)}_removeInputListeners(e){super._removeInputListeners(e),e.removeEventListener("click",this._boundOnInputClick)}_onInputClick(e){this.readonly&&e.preventDefault()}__readonlyChanged(e,t){t&&(e?t.setAttribute("aria-readonly","true"):t.removeAttribute("aria-readonly"))}_toggleChecked(e){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(e)}checkValidity(){return!this.required||!!this.checked}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_checkedChanged(e){(e||this.__oldChecked)&&this.validate(),this.__oldChecked=e}_requiredChanged(e){super._requiredChanged(e),e===!1&&this.validate()}_onRequiredIndicatorClick(){this._labelNode.click()}};var Rd=u` 816 :host { 817 display: inline-block; 818 } 819 820 :host([hidden]) { 821 display: none !important; 822 } 823 824 :host([disabled]) { 825 -webkit-tap-highlight-color: transparent; 826 } 827 828 .vaadin-checkbox-container { 829 display: grid; 830 grid-template-columns: auto 1fr;
831 align-items: baseline; 832 } 833 834 [part='checkbox'], 835 ::slotted(input), 836 [part='label'] { 837 grid-row: 1; 838 } 839 840 [part='checkbox'], 841 ::slotted(input) { 842 grid-column: 1; 843 } 844 845 [part='helper-text'], 846 [part='error-message'] { 847 grid-column: 2; 848 } 849 850 :host(:not([has-helper])) [part='helper-text'], 851 :host(:not([has-error-message])) [part='error-message'] { 852 display: none; 853 } 854 855 [part='checkbox'] { 856 width: var(--vaadin-checkbox-size, 1em); 857 height: var(--vaadin-checkbox-size, 1em); 858 --_input-border-width: var(--vaadin-input-field-border-width, 0); 859 --_input-border-color: var(--vaadin-input-field-border-color, transparent); 860 box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color); 861 } 862 863 [part='checkbox']::before { 864 display: block; 865 content: '\\202F'; 866 line-height: var(--vaadin-checkbox-size, 1em); 867 contain: paint; 868 } 869 870 /* visually hidden */ 871 ::slotted(input) { 872 opacity: 0; 873 cursor: inherit; 874 margin: 0; 875 align-self: stretch; 876 -webkit-appearance: none; 877 width: initial; 878 height: initial; 879 } 880 881 @media (forced-colors: active) { 882 [part='checkbox'] { 883 outline: 1px solid; 884 outline-offset: -1px; 885 } 886 887 :host([disabled]) [part='checkbox'], 888 :host([disabled]) [part='checkbox']::after { 889 outline-color: GrayText; 890 } 891 892 :host(:is([checked], [indeterminate])) [part='checkbox']::after { 893 outline: 1px solid; 894 outline-offset: -1px; 895 border-radius: inherit; 896 } 897 898 :host([focused]) [part='checkbox'], 899 :host([focused]) [part='checkbox']::after { 900 outline-width: 2px; 901 } 902 } 903`;_("vaadin-checkbox",Rd,{moduleId:"vaadin-checkbox-styles"});var Ni=class extends Bd(V(C(b))){static get is(){return"vaadin-checkbox"}static get template(){return g` 904 <div class="vaadin-checkbox-container"> 905 <div part="checkbox" aria-hidden="true"></div> 906 <slot name="input"></slot> 907 <div part="label"> 908 <slot name="label"></slot> 909 <div part="required-indicator" on-click="_onRequiredIndicatorClick"></div> 910 </div> 911 <div part="helper-text"> 912 <slot name="helper"></slot> 913 </div> 914 <div part="error-message"> 915 <slot name="error-message"></slot> 916 </div> 917 </div> 918 <slot name="tooltip"></slot> 919 `}ready(){super.ready(),this._tooltipController=new B(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}};v(Ni);var va=u` 920 :host { 921 --_helper-spacing: var(--vaadin-input-field-helper-spacing, 0.4em); 922 } 923 924 :host([has-helper]) [part='helper-text']::before { 925 content: ''; 926 display: block; 927 height: var(--_helper-spacing); 928 } 929 930 [part='helper-text'] { 931 display: block; 932 color: var(--vaadin-input-field-helper-color, var(--lumo-secondary-text-color)); 933 font-size: var(--vaadin-input-field-helper-font-size, var(--lumo-font-size-xs)); 934 line-height: var(--lumo-line-height-xs); 935 font-weight: var(--vaadin-input-field-helper-font-weight, 400); 936 margin-left: calc(var(--lumo-border-radius-m) / 4); 937 transition: color 0.2s; 938 } 939 940 :host(:hover:not([readonly])) [part='helper-text'] { 941 color: var(--lumo-body-text-color); 942 } 943 944 :host([disabled]) [part='helper-text'] { 945 color: var(--lumo-disabled-text-color); 946 -webkit-text-fill-color: var(--lumo-disabled-text-color); 947 } 948 949 :host([has-helper][theme~='helper-above-field']) [part='helper-text']::before { 950 display: none; 951 } 952 953 :host([has-helper][theme~='helper-above-field']) [part='helper-text']::after { 954 content: ''; 955 display: block; 956 height: var(--_helper-spacing); 957 } 958 959 :host([has-helper][theme~='helper-above-field']) [part='label'] { 960 order: 0; 961 padding-bottom: var(--_helper-spacing); 962 } 963 964 :host([has-helper][theme~='helper-above-field']) [part='helper-text'] { 965 order: 1; 966 } 967 968 :host([has-helper][theme~='helper-above-field']) [part='label'] + * { 969 order: 2; 970 } 971 972 :host([has-helper][theme~='helper-above-field']) [part='error-message'] { 973 order: 3; 974 } 975`;var ts=u` 976 [part='label'] {
977 align-self: flex-start; 978 color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color)); 979 font-weight: var(--vaadin-input-field-label-font-weight, 500); 980 font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s)); 981 margin-left: calc(var(--lumo-border-radius-m) / 4); 982 transition: color 0.2s; 983 line-height: 1; 984 padding-right: 1em; 985 padding-bottom: 0.5em; 986 /* As a workaround for diacritics being cut off, add a top padding and a 987 negative margin to compensate */ 988 padding-top: 0.25em; 989 margin-top: -0.25em; 990 overflow: hidden; 991 white-space: nowrap; 992 text-overflow: ellipsis; 993 position: relative; 994 max-width: 100%; 995 box-sizing: border-box; 996 } 997 998 :host([focused]:not([readonly])) [part='label'] { 999 color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color)); 1000 } 1001 1002 :host(:hover:not([readonly]):not([focused])) [part='label'] { 1003 color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color)); 1004 } 1005 1006 /* Touch device adjustment */ 1007 @media (pointer: coarse) { 1008 :host(:hover:not([readonly]):not([focused])) [part='label'] { 1009 color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color)); 1010 } 1011 } 1012 1013 :host([has-label])::before { 1014 margin-top: calc(var(--lumo-font-size-s) * 1.5); 1015 } 1016 1017 :host([has-label][theme~='small'])::before { 1018 margin-top: calc(var(--lumo-font-size-xs) * 1.5); 1019 } 1020 1021 :host([has-label]) { 1022 padding-top: var(--lumo-space-m); 1023 } 1024 1025 :host([has-label]) ::slotted([slot='tooltip']) { 1026 --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1); 1027 } 1028 1029 :host([required]) [part='required-indicator']::after { 1030 content: var(--lumo-required-field-indicator, '\\2022'); 1031 transition: opacity 0.2s; 1032 color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color)); 1033 position: absolute; 1034 right: 0; 1035 width: 1em; 1036 text-align: center; 1037 } 1038 1039 :host([invalid]) [part='required-indicator']::after { 1040 color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color)); 1041 } 1042 1043 [part='error-message'] { 1044 margin-left: calc(var(--lumo-border-radius-m) / 4); 1045 font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs)); 1046 line-height: var(--lumo-line-height-xs); 1047 font-weight: var(--vaadin-input-field-error-font-weight, 400); 1048 color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color)); 1049 will-change: max-height; 1050 transition: 0.4s max-height; 1051 max-height: 5em; 1052 } 1053 1054 :host([has-error-message]) [part='error-message']::before, 1055 :host([has-error-message]) [part='error-message']::after { 1056 content: ''; 1057 display: block; 1058 height: 0.4em; 1059 } 1060 1061 :host(:not([invalid])) [part='error-message'] { 1062 max-height: 0; 1063 overflow: hidden; 1064 } 1065 1066 /* RTL specific styles */ 1067 1068 :host([dir='rtl']) [part='label'] { 1069 margin-left: 0; 1070 margin-right: calc(var(--lumo-border-radius-m) / 4); 1071 } 1072 1073 :host([dir='rtl']) [part='label'] { 1074 padding-left: 1em; 1075 padding-right: 0; 1076 } 1077 1078 :host([dir='rtl']) [part='required-indicator']::after { 1079 right: auto; 1080 left: 0; 1081 } 1082 1083 :host([dir='rtl']) [part='error-message'] { 1084 margin-left: 0; 1085 margin-right: calc(var(--lumo-border-radius-m) / 4); 1086 } 1087`;_("",ts,{moduleId:"lumo-required-field"});var $d=u` 1088 :host { 1089 color: var(--lumo-body-text-color); 1090 font-size: var(--lumo-font-size-m); 1091 font-family: var(--lumo-font-family); 1092 -webkit-font-smoothing: antialiased; 1093 -moz-osx-font-smoothing: grayscale; 1094 -webkit-tap-highlight-color: transparent; 1095 padding: var(--lumo-space-xs) 0; 1096 } 1097 1098 :host::before { 1099 /* Effective height of vaadin-checkbox */ 1100 height: var(--lumo-size-s); 1101 box-sizing: border-box; 1102 display: inline-flex; 1103 align-items: center; 1104 } 1105 1106 :host([theme~='vertical']) [part='group-field'] { 1107 flex-direction: column; 1108 } 1109 1110 :host([disabled]) [part='label'] { 1111 color: var(--lumo-disabled-text-color); 1112 -webkit-text-fill-color: var(--lumo-disabled-text-color); 1113 } 1114 1115 :host([focused]:not([readonly])) [part='label'] { 1116 color: var(--lumo-primary-text-color); 1117 } 1118 1119 :host(:hover:not([readonly]):not([disabled]):not([focused])) [part='label'], 1120 :host(:hover:not([readonly]):not([disabled]):not([focused])) [part='helper-text'] { 1121 color: var(--lumo-body-text-color); 1122 } 1123 1124 /* Touch device adjustment */ 1125 @media (pointer: coarse) { 1126 :host(:hover:not([readonly]):not([disabled]):not([focused])) [part='label'] { 1127 color: var(--lumo-secondary-text-color); 1128 } 1129 } 1130`;_("vaadin-checkbox-group",[ts,va,$d],{moduleId:"lumo-checkbox-group"});var Hd=o=>class extends Rt(le(Ce(o))){static get properties(){return{value:{type:Array,value:()=>[],notify:!0,sync:!0,observer:"__valueChanged"},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"__readonlyChanged"}}}constructor(){super(),this.__registerCheckbox=this.__registerCheckbox.bind(this),this.__unregisterCheckbox=this.__unregisterCheckbox.bind(this),this.__onCheckboxCheckedChanged=this.__onCheckboxCheckedChanged.bind(this),this._tooltipController=new B(this),this._tooltipController.addEventListener("tooltip-ch
1130anged",e=>{let t=e.detail.node;if(t&&t.isConnected){let i=this.__checkboxes.map(s=>s.inputElement);this._tooltipController.setAriaTarget(i)}else this._tooltipController.setAriaTarget([])})}get __checkboxes(){return this.__filterCheckboxes([...this.children])}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","group");let e=this.shadowRoot.querySelector("slot:not([name])");this._observer=new Ke(e,({addedNodes:t,removedNodes:i})=>{let s=this.__filterCheckboxes(t),r=this.__filterCheckboxes(i);s.forEach(this.__registerCheckbox),r.forEach(this.__unregisterCheckbox);let a=this.__checkboxes.map(n=>n.inputElement);this._tooltipController.setAriaTarget(a),this.__warnOfCheckboxesWithoutValue(s)}),this.addController(this._tooltipController)}checkValidity(){return!this.required||!!(this.value&&this.value.length>0)}__filterCheckboxes(e){return e.filter(t=>t.nodeType===Node.ELEMENT_NODE&&t.localName==="vaadin-checkbox")}__warnOfCheckboxesWithoutValue(e){e.some(t=>{let{value:i}=t;return!t.hasAttribute("value")&&(!i||i==="on")})&&console.warn("Please provide the value attribute to all the checkboxes inside the checkbox group.")}__registerCheckbox(e){e.addEventListener("checked-changed",this.__onCheckboxCheckedChanged),this.disabled&&(e.disabled=!0),this.readonly&&(e.readonly=!0),e.checked?this.__addCheckboxToValue(e.value):this.value&&this.value.includes(e.value)&&(e.checked=!0)}__unregisterCheckbox(e){e.removeEventListener("checked-changed",this.__onCheckboxCheckedChanged),e.checked&&this.__removeCheckboxFromValue(e.value)}_disabledChanged(e,t){super._disabledChanged(e,t),!(!e&&t===void 0)&&t!==e&&this.__checkboxes.forEach(i=>{i.disabled=e})}__addCheckboxToValue(e){this.value?this.value.includes(e)||(this.value=[...this.value,e]):this.value=[e]}__removeCheckboxFromValue(e){this.value&&this.value.includes(e)&&(this.value=this.value.filter(t=>t!==e))}__onCheckboxCheckedChanged(e){let t=e.target;t.checked?this.__addCheckboxToValue(t.value):this.__removeCheckboxFromValue(t.value)}__valueChanged(e,t){e&&e.length===0&&t===void 0||(this.toggleAttribute("has-value",e&&e.length>0),this.__checkboxes.forEach(i=>{i.checked=e&&e.includes(i.value)}),t!==void 0&&this.validate())}__readonlyChanged(e,t){(e||t)&&this.__checkboxes.forEach(i=>{i.readonly=e})}_shouldRemoveFocus(e){return!this.contains(e.relatedTarget)}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}};var jd=u` 1131 :host { 1132 display: inline-flex; 1133 } 1134 1135 :host::before { 1136 content: '\\2003'; 1137 width: 0; 1138 display: inline-block; 1139 } 1140 1141 :host([hidden]) { 1142 display: none !important; 1143 } 1144 1145 .vaadin-group-field-container { 1146 display: flex; 1147 flex-direction: column; 1148 width: 100%; 1149 } 1150 1151 [part='group-field'] { 1152 display: flex; 1153 flex-wrap: wrap; 1154 } 1155 1156 :host(:not([has-label])) [part='label'] { 1157 display: none; 1158 } 1159`;_("vaadin-checkbox-group",jd,{moduleId:"vaadin-checkbox-group-styles"});var Mi=class extends Hd(V(C(b))){static get is(){return"vaadin-checkbox-group"}static get template(){return g` 1160 <div class="vaadin-group-field-container"> 1161 <div part="label"> 1162 <slot name="label"></slot> 1163 <span part="required-indicator" aria-hidden="true"></span> 1164 </div> 1165 1166 <div part="group-field"> 1167 <slot></slot> 1168 </div> 1169 1170 <div part="helper-text"> 1171 <slot name="helper"></slot> 1172 </div> 1173 1174 <div part="error-message"> 1175 <slot name="error-message"></slot> 1176 </div> 1177 </div> 1178 1179 <slot name="tooltip"></slot> 1180 `}};v(Mi);var ke=u` 1181 :host { 1182 top: var(--lumo-space-m); 1183 right: var(--lumo-space-m); 1184 bottom: var(--lumo-space-m); 1185 left: var(--lumo-space-m); 1186 /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */ 1187 /* stylelint-disable-next-line */ 1188 outline: 0px solid transparent; 1189 } 1190 1191 [part='overlay'] { 1192 background-color: var(--lumo-base-color); 1193 background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct)); 1194 border-radius: var(--lumo-border-radius-m); 1195 box-shadow: 1196 0 0 0 1px var(--lumo-shade-5pct),
1197 var(--lumo-box-shadow-m); 1198 color: var(--lumo-body-text-color); 1199 font-family: var(--lumo-font-family); 1200 font-size: var(--lumo-font-size-m); 1201 font-weight: 400; 1202 line-height: var(--lumo-line-height-m); 1203 letter-spacing: 0; 1204 text-transform: none; 1205 -webkit-text-size-adjust: 100%; 1206 -webkit-font-smoothing: antialiased; 1207 -moz-osx-font-smoothing: grayscale; 1208 } 1209 1210 [part='content'] { 1211 padding: var(--lumo-space-xs); 1212 } 1213 1214 [part='backdrop'] { 1215 background-color: var(--lumo-shade-20pct); 1216 animation: 0.2s lumo-overlay-backdrop-enter both; 1217 will-change: opacity; 1218 } 1219 1220 @keyframes lumo-overlay-backdrop-enter { 1221 0% { 1222 opacity: 0; 1223 } 1224 } 1225 1226 :host([closing]) [part='backdrop'] { 1227 animation: 0.2s lumo-overlay-backdrop-exit both; 1228 } 1229 1230 @keyframes lumo-overlay-backdrop-exit { 1231 100% { 1232 opacity: 0; 1233 } 1234 } 1235 1236 @keyframes lumo-overlay-dummy-animation { 1237 0% { 1238 opacity: 1; 1239 } 1240 1241 100% { 1242 opacity: 1; 1243 } 1244 } 1245`;_("",ke,{moduleId:"lumo-overlay"});var $t=u` 1246 :host([opening]), 1247 :host([closing]) { 1248 animation: 0.14s lumo-overlay-dummy-animation; 1249 } 1250 1251 [part='overlay'] { 1252 will-change: opacity, transform; 1253 } 1254 1255 :host([opening]) [part='overlay'] { 1256 animation: 0.1s lumo-menu-overlay-enter ease-out both; 1257 } 1258 1259 @keyframes lumo-menu-overlay-enter { 1260 0% { 1261 opacity: 0; 1262 transform: translateY(-4px); 1263 } 1264 } 1265 1266 :host([closing]) [part='overlay'] { 1267 animation: 0.1s lumo-menu-overlay-exit both; 1268 } 1269 1270 @keyframes lumo-menu-overlay-exit { 1271 100% { 1272 opacity: 0; 1273 } 1274 } 1275`;_("",$t,{moduleId:"lumo-menu-overlay-core"});var Ud=u` 1276 /* Small viewport (bottom sheet) styles */ 1277 /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */ 1278 @media (max-width: 450px), (max-height: 450px) { 1279 :host { 1280 top: 0 !important; 1281 right: 0 !important; 1282 bottom: var(--vaadin-overlay-viewport-bottom, 0) !important; 1283 left: 0 !important; 1284 align-items: stretch !important; 1285 justify-content: flex-end !important; 1286 } 1287 1288 [part='overlay'] { 1289 max-height: 50vh; 1290 width: 100vw; 1291 border-radius: 0; 1292 box-shadow: var(--lumo-box-shadow-xl); 1293 } 1294 1295 /* The content part scrolls instead of the overlay part, because of the gradient fade-out */ 1296 [part='content'] { 1297 padding: 30px var(--lumo-space-m); 1298 max-height: inherit; 1299 box-sizing: border-box; 1300 -webkit-overflow-scrolling: touch; 1301 overflow: auto; 1302 -webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent); 1303 mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent); 1304 } 1305 1306 [part='backdrop'] { 1307 display: block; 1308 } 1309 1310 /* Animations */ 1311 1312 :host([opening]) [part='overlay'] { 1313 animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both; 1314 } 1315 1316 :host([closing]), 1317 :host([closing]) [part='backdrop'] { 1318 animation-delay: 0.14s; 1319 } 1320 1321 :host([closing]) [part='overlay'] { 1322 animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both; 1323 } 1324 } 1325 1326 @keyframes lumo-mobile-menu-overlay-enter { 1327 0% { 1328 transform: translateY(150%); 1329 } 1330 } 1331 1332 @keyframes lumo-mobile-menu-overlay-exit { 1333 100% { 1334 transform: translateY(150%); 1335 } 1336 } 1337`,is=[ke,$t,Ud];_("",is,{moduleId:"lumo-menu-overlay"});var qd=u` 1338 [part='overlay'] { 1339 /* 1340 Width: 1341 date cell widths 1342 + month calendar side padding 1343 + year scroller width 1344 */ 1345 /* prettier-ignore */ 1346 width: 1347 calc( 1348 var(--lumo-size-m) * 7 1349 + var(--lumo-space-xs) * 2 1350 + 57px 1351 ); 1352 height: 100%; 1353 max-height: calc(var(--lumo-size-m) * 14); 1354 overflow: hidden; 1355 -webkit-tap-highlight-color: transparent; 1356 flex-direction: column; 1357 } 1358 1359 [part='content'] { 1360 padding: 0; 1361 height: 100%; 1362 overflow: hidden; 1363 -webkit-mask-image: none; 1364 mask-image: none; 1365 } 1366 1367 :host([top-aligned]) [part~='overlay'] { 1368 margin-top: var(--lumo-space-xs); 1369 } 1370 1371 :host([bottom-aligned]) [part~='overlay'] { 1372 margin-bottom: var(--lumo-space-xs); 1373 } 1374 1375 @media (max-width: 450px), (max-height: 450px) { 1376 [part='overlay'] { 1377 width: 100vw; 1378 height: 70vh; 1379 max-height: 70vh; 1380 } 1381 } 1382`;_("vaadin-date-picker-overlay",[is,qd],{moduleId:"lumo-date-picker-overlay"});var ga=u` 1383 :host { 1384 /* Sizing */ 1385 --lumo-button-size: var(--lumo-size-m); 1386 min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2)); 1387 height: var(--_button-size); 1388 padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2)); 1389 margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0); 1390 box-sizing: border-box; 1391 /* Style */ 1392 font-family: var(--lumo-font-family); 1393 font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m)); 1394 font-weight: var(--vaadin-button-font-weight, 500); 1395 color: var(--_lumo-button-text-color); 1396 background: var(--_lumo-button-background); 1397 border: var(--vaadin-button-border, none); 1398 border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m)); 1399 cursor: var(--lumo-clickable-cursor); 1400 -webkit-tap-highlight-color: transparent; 1401 -webkit-font-smoothing: antialiased; 1402 -moz-osx-font-smoothing: grayscale; 1403 flex-shrink: 0; 1404 --_button-size: var(--vaadin-button-height, var(--lumo-button-size)); 1405 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 1406 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 1407 /* Used by notification */ 1408 --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct)); 1409 --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color)); 1410 --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color)); 1411 --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color)); 1412 } 1413 1414 /* Set only for the internal parts so we don't affect the host vertical alignment */ 1415 [part='label'], 1416 [part='prefix'], 1417 [part='suffix'] { 1418 line-height: var(--lumo-line-height-xs); 1419 } 1420 1421 [part='label'] { 1422 padding: calc(var(--lumo-button-size) / 6) 0; 1423 } 1424 1425 :host([theme~='small']) { 1426 font-size: var(--lumo-font-size-s); 1427 --lumo-button-size: var(--lumo-size-s); 1428 } 1429 1430 :host([theme~='large']) { 1431 font-size: var(--lumo-font-size-l); 1432 --lumo-button-size: var(--lumo-size-l); 1433 } 1434 1435 /* For interaction states */ 1436 :host::before, 1437 :host::after { 1438 content: ''; 1439 /* We rely on the host always being relative */ 1440 position: absolute; 1441 z-index: 1; 1442 inset: 0; 1443 background-color: currentColor; 1444 border-radius: inherit; 1445 opacity: 0; 1446 pointer-events: none; 1447 } 1448 1449 /* Hover */ 1450 1451 @media (any-hover: hover) { 1452 :host(:hover)::before { 1453 opacity: 0.02; 1454 } 1455 } 1456 1457 /* Active */ 1458 1459 :host::after { 1460 transition: 1461 opacity 1.4s, 1462 transform 0.1s; 1463 filter: blur(8px); 1464 } 1465 1466 :host([active])::before { 1467 opacity: 0.05; 1468 transition-duration: 0s; 1469 } 1470 1471 :host([active])::after { 1472 opacity: 0.1; 1473 transition-duration: 0s, 0s; 1474 transform: scale(0); 1475 } 1476 1477 /* Keyboard focus */ 1478 1479 :host([focus-ring]) { 1480 box-shadow: 1481 0 0 0 calc(1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color, var(--lumo-base-color)), 1482 0 0 0 calc(var(--_focus-ring-width) + 1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color); 1483 } 1484 1485 :host([theme~='primary'][focus-ring]) { 1486 --_focus-ring-gap-on: 1; 1487 } 1488 1489 /* Types (primary, tertiary, tertiary-inline */ 1490 1491 :host([theme~='tertiary']), 1492 :host([theme~='tertiary-inline']) { 1493 --_background: transparent !important; 1494 background: var(--vaadin-button-tertiary-background, var(--_background)); 1495 min-width: 0; 1496 } 1497 1498 :host([theme~='tertiary']) { 1499 border: var(--vaadin-button-tertiary-border, none); 1500 color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color)); 1501 font-weight: var(--vaadin-button-tertiary-font-weight, 500); 1502 padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6)); 1503 } 1504 1505 :host([theme~='tertiary-inline'])::before { 1506 display: none; 1507 } 1508 1509 :host([theme~='tertiary-inline']) { 1510 margin: 0; 1511 height: auto; 1512 padding: 0; 1513 line-height: inherit; 1514 font-size: inherit; 1515 } 1516 1517 :host([theme~='tertiary-inline']) [part='label'] { 1518 padding: 0; 1519 overflow: visible; 1520 line-height: inherit; 1521 } 1522 1523 :host([theme~='primary']) { 1524 background: var(--_lumo-button-primary-background); 1525 border: var(--vaadin-button-primary-border, none); 1526 color: var(--_lumo-button-primary-text-color); 1527 font-weight: var(--vaadin-button-primary-font-weight, 600); 1528 min-width: calc(var(--lumo-button-size) * 2.5); 1529 } 1530 1531 :host([theme~='primary'])::before { 1532 background-color: black; 1533 } 1534 1535 @media (any-hover: hover) { 1536 :host([theme~='primary']:hover)::before { 1537 opacity: 0.05; 1538 } 1539 } 1540 1541 :host([theme~='primary'][active])::before { 1542 opacity: 0.1; 1543 } 1544 1545 :host([theme~='primary'][active])::after { 1546 opacity: 0.2; 1547 } 1548 1549 /* Colors (success, warning, error, contrast) */ 1550 1551 :host([theme~='success']) { 1552 color: var(--lumo-success-text-color); 1553 } 1554 1555 :host([theme~='success'][theme~='primary']) { 1556 background-color: var(--lumo-success-color); 1557 color: var(--lumo-success-contrast-color); 1558 } 1559 1560 :host([theme~='warning']) { 1561 color: var(--lumo-warning-text-color); 1562 } 1563 1564 :host([theme~='warning'][theme~='primary']) { 1565 background-color: var(--lumo-warning-color); 1566 color: var(--lumo-warning-contrast-color); 1567 } 1568 1569 :host([theme~='error']) { 1570 color: var(--lumo-error-text-color); 1571 } 1572 1573 :host([theme~='error'][theme~='primary']) { 1574 background-color: var(--lumo-error-color); 1575 color: var(--lumo-error-contrast-color); 1576 } 1577 1578 :host([theme~='contrast']) { 1579 color: var(--lumo-contrast); 1580 } 1581 1582 :host([theme~='contrast'][theme~='primary']) { 1583 background-color: var(--lumo-contrast); 1584 color: var(--lumo-base-color); 1585 } 1586 1587 /* Disabled state. Keep selectors after other color variants. */ 1588 1589 :host([disabled]) { 1590 pointer-events: none; 1591 color: var(--lumo-disabled-text-color); 1592 } 1593 1594 :host([theme~='primary'][disabled]) { 1595 background-color: var(--lumo-contrast-30pct); 1596 color: var(--lumo-base-color); 1597 } 1598 1599 :host([theme~='primary'][disabled]) [part] { 1600 opacity: 0.7; 1601 } 1602 1603 /* Icons */ 1604 1605 [part] ::slotted(vaadin-icon) { 1606 display: inline-block; 1607 width: var(--lumo-icon-size-m); 1608 height: var(--lumo-icon-size-m); 1609 } 1610 1611 /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */ 1612 [part] ::slotted(vaadin-icon[icon^='vaadin:']) { 1613 padding: 0.25em; 1614 box-sizing: border-box !important; 1615 } 1616 1617 [part='prefix'] { 1618 margin-left: -0.25em; 1619 margin-right: 0.25em; 1620 } 1621 1622 [part='suffix'] { 1623 margin-left: 0.25em; 1624 margin-right: -0.25em; 1625 } 1626 1627 /* Icon-only */ 1628 1629 :host([theme~='icon']:not([theme~='tertiary-inline'])) { 1630 min-width: var(--lumo-button-size); 1631 padding-left: calc(var(--lumo-button-size) / 4); 1632 padding-right: calc(var(--lumo-button-size) / 4); 1633 } 1634 1635 :host([theme~='icon']) [part='prefix'], 1636 :host([theme~='icon']) [part='suffix'] { 1637 margin-left: 0; 1638 margin-right: 0; 1639 } 1640 1641 /* RTL specific styles */ 1642 1643 :host([dir='rtl']) [part='prefix'] { 1644 margin-left: 0.25em; 1645 margin-right: -0.25em; 1646 } 1647 1648 :host([dir='rtl']) [part='suffix'] { 1649 margin-left: -0.25em; 1650 margin-right: 0.25em; 1651 } 1652 1653 :host([dir='rtl'][theme~='icon']) [part='prefix'], 1654 :host([dir='rtl'][theme~='icon']) [part='suffix'] { 1655 margin-left: 0; 1656 margin-right: 0; 1657 } 1658`;_("vaadin-button",ga,{moduleId:"lumo-button"});_("vaadin-date-picker-year",u` 1659 :host([current]) [part='year-number'] { 1660 color: var(--lumo-primary-text-color); 1661 } 1662 1663 :host(:not([current])) [part='year-number'], 1664 [part='year-separator'] { 1665 opacity: var(--_lumo-date-picker-year-opacity, 0.7); 1666 transition: 0.2s opacity; 1667 } 1668 1669 [part='year-number'], 1670 [part='year-separator'] { 1671 display: flex; 1672 align-items: center; 1673 justify-content: center; 1674 height: 50%; 1675 transform: translateY(-50%); 1676 } 1677 1678 [part='year-separator']::after { 1679 color: var(--lumo-disabled-text-color); 1680 content: '\\2022'; 1681 } 1682 `,{moduleId:"lumo-date-picker-year"});_("vaadin-date-picker-overlay-content",u` 1683 :host { 1684 position: relative;
1685 /* Background for the year scroller, placed here as we are using a mask image on the actual years part */ 1686 background-image: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct)); 1687 background-size: 57px 100%; 1688 background-position: top right; 1689 background-repeat: no-repeat; 1690 cursor: default; 1691 } 1692 1693 ::slotted([slot='months']) { 1694 /* Month calendar height: 1695 header height + margin-bottom 1696 + weekdays height + margin-bottom 1697 + date cell heights 1698 + small margin between month calendars 1699 */ 1700 /* prettier-ignore */ 1701 --vaadin-infinite-scroller-item-height: 1702 calc( 1703 var(--lumo-font-size-l) + var(--lumo-space-m) 1704 + var(--lumo-font-size-xs) + var(--lumo-space-s) 1705 + var(--lumo-size-m) * 6 1706 + var(--lumo-space-s) 1707 ); 1708 --vaadin-infinite-scroller-buffer-offset: 10%; 1709 -webkit-mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent); 1710 mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent); 1711 position: relative; 1712 margin-right: 57px; 1713 } 1714 1715 ::slotted([slot='years']) { 1716 /* TODO get rid of fixed magic number */ 1717 --vaadin-infinite-scroller-buffer-width: 97px; 1718 width: 57px; 1719 height: auto; 1720 top: 0; 1721 bottom: 0; 1722 font-size: var(--lumo-font-size-s); 1723 box-shadow: inset 2px 0 4px 0 var(--lumo-shade-5pct); 1724 -webkit-mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent); 1725 mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent); 1726 cursor: var(--lumo-clickable-cursor); 1727 } 1728 1729 ::slotted([slot='years']:hover) { 1730 --_lumo-date-picker-year-opacity: 1; 1731 } 1732 1733 /* TODO unsupported selector */ 1734 #scrollers { 1735 position: static; 1736 display: block; 1737 } 1738 1739 /* TODO fix this in vaadin-date-picker that it adapts to the width of the year scroller */ 1740 :host([desktop]) ::slotted([slot='months']) { 1741 right: auto; 1742 } 1743 1744 /* Year scroller position indicator */ 1745 ::slotted([slot='years'])::before { 1746 border: none; 1747 width: 1em; 1748 height: 1em; 1749 background-color: var(--lumo-base-color); 1750 background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct)); 1751 transform: translate(-75%, -50%) rotate(45deg); 1752 border-top-right-radius: var(--lumo-border-radius-s); 1753 box-shadow: 2px -2px 6px 0 var(--lumo-shade-5pct); 1754 z-index: 1; 1755 } 1756 1757 [part='toolbar'] { 1758 padding: var(--lumo-space-s); 1759 border-bottom-left-radius: var(--lumo-border-radius-l); 1760 margin-right: 57px; 1761 } 1762 1763 [part='toolbar'] ::slotted(vaadin-button) { 1764 margin: 0; 1765 } 1766 1767 /* Narrow viewport mode (fullscreen) */ 1768 1769 :host([fullscreen]) [part='toolbar'] { 1770 order: -1; 1771 background-color: var(--lumo-base-color); 1772 } 1773 1774 :host([fullscreen]) [part='overlay-header'] { 1775 order: -2; 1776 height: var(--lumo-size-m); 1777 padding: var(--lumo-space-s); 1778 position: absolute; 1779 left: 0; 1780 right: 0; 1781 justify-content: center; 1782 } 1783 1784 :host([fullscreen]) [part='toggle-button'], 1785 :host([fullscreen]) [part='clear-button'], 1786 [part='overlay-header'] [part='label'] { 1787 display: none; 1788 } 1789 1790 /* Very narrow screen (year scroller initially hidden) */ 1791 1792 [part='years-toggle-button'] { 1793 display: flex; 1794 align-items: center; 1795 height: var(--lumo-size-s); 1796 padding: 0 0.5em; 1797 border-radius: var(--lumo-border-radius-m); 1798 z-index: 3; 1799 color: var(--lumo-primary-text-color); 1800 font-weight: 500; 1801 -webkit-font-smoothing: antialiased; 1802 -moz-osx-font-smoothing: grayscale; 1803 } 1804 1805 :host([years-visible]) [part='years-toggle-button'] { 1806 background-color: var(--lumo-primary-color); 1807 color: var(--lumo-primary-contrast-color); 1808 } 1809 1810 /* TODO magic number (same as used for media-query in vaadin-date-picker-overlay-content) */ 1811 @media screen and (max-width: 374px) { 1812 :host { 1813 background-image: none; 1814 } 1815 1816 [part='toolbar'], 1817 ::slotted([slot='months']) { 1818 margin-right: 0; 1819 } 1820 1821 /* TODO make date-picker adapt to the width of the years part */ 1822 ::slotted([slot='years']) { 1823 --vaadin-infinite-scroller-buffer-width: 90px; 1824 width: 50px; 1825 background-color: var(--lumo-shade-5pct); 1826 } 1827 1828 :host([years-visible]) ::slotted([slot='months']) { 1829 padding-left: 50px; 1830 } 1831 } 1832 `,{moduleId:"lumo-date-picker-overlay-content"});_("vaadin-month-calendar",u` 1833 :host { 1834 -moz-user-select: none; 1835 -webkit-user-select: none; 1836 -webkit-tap-highlight-color: transparent; 1837 user-select: none; 1838 font-size: var(--lumo-font-size-m); 1839 color: var(--lumo-body-text-color); 1840 text-align: center; 1841 padding: 0 var(--lumo-space-xs); 1842 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 1843 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 1844 --_selection-color: var(--vaadin-selection-color, var(--lumo-primary-color)); 1845 --_selection-color-text: var(--vaadin-selection-color-text, var(--lumo-primary-text-color)); 1846 } 1847 1848 /* Month header */ 1849 1850 [part='month-header'] { 1851 color: var(--lumo-header-text-color); 1852 font-size: var(--lumo-font-size-l); 1853 line-height: 1; 1854 font-weight: 500; 1855 margin-bottom: var(--lumo-space-m); 1856 } 1857 1858 /* Week days and numbers */ 1859 1860 [part='weekdays'], 1861 [part='weekday'], 1862 [part='week-number'] { 1863 font-size: var(--lumo-font-size-xxs); 1864 line-height: 1; 1865 color: var(--lumo-secondary-text-color); 1866 } 1867 1868 [part='weekdays'] { 1869 margin-bottom: var(--lumo-space-s); 1870 } 1871 1872 [part='weekday']:empty, 1873 [part='week-number'] { 1874 width: var(--lumo-size-xs); 1875 } 1876 1877 /* Date and week number cells */ 1878 1879 [part~='date'],
1880 [part='week-number'] { 1881 box-sizing: border-box; 1882 display: inline-flex; 1883 align-items: center; 1884 justify-content: center; 1885 height: var(--lumo-size-m); 1886 position: relative; 1887 } 1888 1889 [part~='date'] { 1890 transition: color 0.1s; 1891 } 1892 1893 [part~='date']:not(:empty) { 1894 cursor: var(--lumo-clickable-cursor); 1895 } 1896 1897 :host([week-numbers]) [part='weekday']:not(:empty), 1898 :host([week-numbers]) [part~='date'] { 1899 width: calc((100% - var(--lumo-size-xs)) / 7); 1900 } 1901 1902 /* Today date */ 1903 1904 [part~='date'][part~='today'] { 1905 color: var(--_selection-color-text); 1906 } 1907 1908 /* Focused date */ 1909 1910 [part~='date']::before { 1911 content: ''; 1912 position: absolute; 1913 z-index: -1; 1914 top: 50%; 1915 left: 50%; 1916 transform: translate(-50%, -50%); 1917 min-width: 2em; 1918 min-height: 2em; 1919 width: 80%; 1920 height: 80%; 1921 max-height: 100%; 1922 max-width: 100%; 1923 border-radius: var(--lumo-border-radius-m); 1924 } 1925 1926 [part~='date'][part~='focused']::before { 1927 box-shadow: 1928 0 0 0 1px var(--lumo-base-color), 1929 0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color); 1930 } 1931 1932 :host(:not([focused])) [part~='date'][part~='focused']::before { 1933 animation: vaadin-date-picker-month-calendar-focus-date 1.4s infinite; 1934 } 1935 1936 @keyframes vaadin-date-picker-month-calendar-focus-date { 1937 50% { 1938 box-shadow: 1939 0 0 0 1px var(--lumo-base-color), 1940 0 0 0 calc(var(--_focus-ring-width) + 1px) transparent; 1941 } 1942 } 1943 1944 [part~='date']:not(:empty):not([part~='disabled']):not([part~='selected']):hover::before { 1945 background-color: var(--lumo-primary-color-10pct); 1946 } 1947 1948 [part~='date'][part~='selected'] { 1949 color: var(--lumo-primary-contrast-color); 1950 } 1951 1952 [part~='date'][part~='selected']::before { 1953 background-color: var(--_selection-color); 1954 } 1955 1956 [part~='date'][part~='disabled'] { 1957 color: var(--lumo-disabled-text-color); 1958 } 1959 1960 @media (pointer: coarse) { 1961 [part~='date']:hover:not([part~='selected'])::before, 1962 :host(:not([focus-ring])) [part~='focused']:not([part~='selected'])::before { 1963 display: none; 1964 } 1965 1966 [part~='date']:not(:empty):not([part~='disabled']):active::before { 1967 display: block; 1968 } 1969 1970 :host(:not([focus-ring])) [part~='date'][part~='selected']::before { 1971 box-shadow: none; 1972 } 1973 } 1974 /* Disabled */ 1975 1976 :host([disabled]) * { 1977 color: var(--lumo-disabled-text-color) !important; 1978 } 1979 `,{moduleId:"lumo-month-calendar"});_("vaadin-input-container",u` 1980 :host { 1981 background: var(--_background); 1982 padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px); 1983 font-weight: var(--vaadin-input-field-value-font-weight, 500); 1984 line-height: 1; 1985 position: relative; 1986 cursor: text; 1987 box-sizing: border-box; 1988 border-radius: 1989 /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */ 1990 var(--vaadin-input-field-top-start-radius, var(--_input-container-radius)) 1991 var(--vaadin-input-field-top-end-radius, var(--_input-container-radius)) 1992 var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius)) 1993 var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius)); 1994 /* Fallback */ 1995 --_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m)); 1996 --_input-height: var(--lumo-text-field-size, var(--lumo-size-m)); 1997 /* Default values */ 1998 --_background: var(--vaadin-input-field-background, var(--lumo-contrast-10pct)); 1999 --_hover-highlight: var(--vaadin-input-field-hover-highlight, var(--lumo-contrast-50pct)); 2000 --_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct)); 2001 --_icon-color: var(--vaadin-input-field-icon-color, var(--lumo-contrast-60pct)); 2002 --_icon-size: var(--vaadin-input-field-icon-size, var(--lumo-icon-size-m));
2003 --_invalid-background: var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct)); 2004 --_invalid-hover-highlight: var(--vaadin-input-field-invalid-hover-highlight, var(--lumo-error-color-50pct)); 2005 --_disabled-background: var(--vaadin-input-field-disabled-background, var(--lumo-contrast-5pct)); 2006 --_disabled-value-color: var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color)); 2007 } 2008 2009 :host([dir='rtl']) { 2010 border-radius: 2011 /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */ 2012 var(--vaadin-input-field-top-end-radius, var(--_input-container-radius)) 2013 var(--vaadin-input-field-top-start-radius, var(--_input-container-radius)) 2014 var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius)) 2015 var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius)); 2016 } 2017 2018 /* Used for hover and activation effects */ 2019 :host::after { 2020 content: ''; 2021 position: absolute; 2022 inset: 0; 2023 border-radius: inherit; 2024 pointer-events: none; 2025 background: var(--_hover-highlight); 2026 opacity: 0; 2027 transition: 2028 transform 0.15s, 2029 opacity 0.2s; 2030 transform-origin: 100% 0; 2031 } 2032 2033 ::slotted(:not([slot$='fix'])) { 2034 cursor: inherit; 2035 min-height: var(--vaadin-input-field-height, var(--_input-height)); 2036 padding: 0 0.25em; 2037 --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em); 2038 -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image); 2039 mask-image: var(--_lumo-text-field-overflow-mask-image); 2040 } 2041 2042 /* Read-only */ 2043 :host([readonly]) { 2044 color: var(--lumo-secondary-text-color); 2045 background-color: transparent; 2046 cursor: default; 2047 } 2048 2049 :host([readonly])::after { 2050 background-color: transparent; 2051 opacity: 1; 2052 border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct)); 2053 } 2054 2055 /* Disabled */ 2056 :host([disabled]) { 2057 background: var(--_disabled-background); 2058 } 2059 2060 :host([disabled]) ::slotted(:not([slot$='fix'])) { 2061 -webkit-text-fill-color: var(--_disabled-value-color); 2062 color: var(--_disabled-value-color); 2063 } 2064 2065 /* Invalid */ 2066 :host([invalid]) { 2067 background: var(--_invalid-background); 2068 } 2069 2070 :host([invalid]:not([readonly]))::after { 2071 background: var(--_invalid-hover-highlight); 2072 } 2073 2074 /* Slotted icons */ 2075 ::slotted(vaadin-icon) { 2076 color: var(--_icon-color); 2077 width: var(--_icon-size); 2078 height: var(--_icon-size); 2079 } 2080 2081 /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */ 2082 ::slotted(vaadin-icon[icon^='vaadin:']) { 2083 padding: 0.25em; 2084 box-sizing: border-box !important; 2085 } 2086 2087 /* Text align */ 2088 :host([dir='rtl']) ::slotted(:not([slot$='fix'])) { 2089 --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em); 2090 } 2091 2092 @-moz-document url-prefix() { 2093 :host([dir='rtl']) ::slotted(:not([slot$='fix'])) { 2094 mask-image: var(--_lumo-text-field-overflow-mask-image); 2095 } 2096 } 2097 2098 :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) { 2099 text-align: start; 2100 --_lumo-text-field-overflow-mask-image: none; 2101 } 2102 2103 :host([theme~='align-center']) ::slotted(:not([slot$='fix'])) { 2104 text-align: center; 2105 --_lumo-text-field-overflow-mask-image: none; 2106 } 2107 2108 :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) { 2109 text-align: end; 2110 --_lumo-text-field-overflow-mask-image: none; 2111 } 2112 2113 @-moz-document url-prefix() { 2114 /* Firefox is smart enough to align overflowing text to right */ 2115 :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) { 2116 --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em); 2117 } 2118 } 2119 2120 @-moz-document url-prefix() { 2121 /* Firefox is smart enough to align overflowing text to right */ 2122 :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) { 2123 --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em); 2124 } 2125 } 2126 2127 /* RTL specific styles */ 2128 :host([dir='rtl'])::after { 2129 transform-origin: 0% 0; 2130 } 2131 2132 :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) { 2133 --_lumo-text-field-overflow-mask-image: none; 2134 } 2135 2136 :host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) { 2137 --_lumo-text-field-overflow-mask-image: none; 2138 } 2139 2140 :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) { 2141 --_lumo-text-field-overflow-mask-image: none; 2142 } 2143 2144 @-moz-document url-prefix() { 2145 /* Firefox is smart enough to align overflowing text to right */ 2146 :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) { 2147 --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em); 2148 } 2149 } 2150 2151 @-moz-document url-prefix() { 2152 /* Firefox is smart enough to align overflowing text to right */ 2153 :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) { 2154 --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em); 2155 } 2156 } 2157 `,{moduleId:"lumo-input-container"});var os=u` 2158 [part$='button'] { 2159 flex: none; 2160 width: 1em; 2161 height: 1em; 2162 line-height: 1; 2163 font-size: var(--lumo-icon-size-m); 2164 text-align: center; 2165 color: var(--lumo-contrast-60pct); 2166 transition: 0.2s color; 2167 cursor: var(--lumo-clickable-cursor); 2168 } 2169 2170 [part$='button']:hover { 2171 color: var(--lumo-contrast-90pct); 2172 } 2173 2174 :host([disabled]) [part$='button'], 2175 :host([readonly]) [part$='button'] { 2176 color: var(--lumo-contrast-20pct); 2177 cursor: default; 2178 } 2179 2180 [part$='button']::before { 2181 font-family: 'lumo-icons'; 2182 display: block; 2183 } 2184`;_("",os,{moduleId:"lumo-field-button"});var Wd=u` 2185 :host { 2186 --lumo-text-field-size: var(--lumo-size-m); 2187 color: var(--vaadin-input-field-value-color, var(--lumo-body-text-color)); 2188 font-size: var(--vaadin-input-field-value-font-size, var(--lumo-font-size-m)); 2189 font-family: var(--lumo-font-family); 2190 -webkit-font-smoothing: antialiased; 2191 -moz-osx-font-smoothing: grayscale; 2192 -webkit-tap-highlight-color: transparent; 2193 padding: var(--lumo-space-xs) 0; 2194 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 2195 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 2196 --_input-height: var(--vaadin-input-field-height, var(--lumo-text-field-size)); 2197 --_disabled-value-color: var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color)); 2198 } 2199 2200 :host::before { 2201 height: var(--_input-height); 2202 box-sizing: border-box; 2203 display: inline-flex; 2204 align-items: center; 2205 } 2206 2207 :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) { 2208 -webkit-mask-image: none; 2209 mask-image: none; 2210 } 2211 2212 ::slotted(:is(input, textarea):placeholder-shown) { 2213 color: var(--vaadin-input-field-placeholder-color, var(--lumo-secondary-text-color)); 2214 } 2215 2216 /* Hover */ 2217 :host(:hover:not([readonly]):not([focused])) [part='input-field']::after { 2218 opacity: var(--vaadin-input-field-hover-highlight-opacity, 0.1); 2219 } 2220 2221 /* Touch device adjustment */ 2222 @media (pointer: coarse) { 2223 :host(:hover:not([readonly]):not([focused])) [part='input-field']::after { 2224 opacity: 0; 2225 } 2226 2227 :host(:active:not([readonly]):not([focused])) [part='input-field']::after { 2228 opacity: 0.2; 2229 } 2230 } 2231 2232 /* Trigger when not focusing using the keyboard */ 2233 :host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after { 2234 transform: scaleX(0); 2235 transition-duration: 0.15s, 1s; 2236 } 2237 2238 /* Focus-ring */ 2239 :host([focus-ring]) [part='input-field'] { 2240 box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color); 2241 } 2242 2243 /* Read-only and disabled */ 2244 :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) { 2245 opacity: 0; 2246 } 2247 2248 /* Read-only style */ 2249 :host([readonly]) { 2250 --vaadin-input-field-border-color: transparent; 2251 } 2252 2253 /* Disabled style */ 2254 :host([disabled]) { 2255 pointer-events: none; 2256 --vaadin-input-field-border-color: var(--lumo-contrast-20pct); 2257 } 2258 2259 :host([disabled]) [part='label'], 2260 :host([disabled]) [part='input-field'] ::slotted([slot$='fix']) { 2261 color: var(--lumo-disabled-text-color); 2262 -webkit-text-fill-color: var(--lumo-disabled-text-color); 2263 } 2264 2265 :host([disabled]) [part='input-field'] ::slotted(:not([slot$='fix'])) { 2266 color: var(--_disabled-value-color); 2267 -webkit-text-fill-color: var(--_disabled-value-color); 2268 } 2269 2270 /* Invalid style */ 2271 :host([invalid]) { 2272 --vaadin-input-field-border-color: var(--lumo-error-color); 2273 } 2274 2275 :host([invalid][focus-ring]) [part='input-field'] { 2276 box-shadow: 0 0 0 var(--_focus-ring-width) var(--lumo-error-color-50pct); 2277 } 2278 2279 :host([input-prevented]) [part='input-field'] { 2280 animation: shake 0.15s infinite; 2281 } 2282 2283 @keyframes shake { 2284 25% { 2285 transform: translateX(4px); 2286 } 2287 75% { 2288 transform: translateX(-4px); 2289 } 2290 } 2291 2292 /* Small theme */ 2293 :host([theme~='small']) { 2294 font-size: var(--lumo-font-size-s); 2295 --lumo-text-field-size: var(--lumo-size-s); 2296 } 2297 2298 :host([theme~='small']) [part='label'] { 2299 font-size: var(--lumo-font-size-xs); 2300 } 2301 2302 :host([theme~='small']) [part='error-message'] { 2303 font-size: var(--lumo-font-size-xxs); 2304 } 2305 2306 /* Slotted content */ 2307 [part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) { 2308 color: var(--lumo-secondary-text-color); 2309 font-weight: 400; 2310 } 2311 2312 [part='clear-button']::before { 2313 content: var(--lumo-icons-cross); 2314 } 2315`,de=[ts,os,va,Wd];_("",de,{moduleId:"lumo-input-field-shared-styles"});var Yd=u` 2316 [part='toggle-button']::before { 2317 content: var(--lumo-icons-calendar); 2318 } 2319 2320 [part='clear-button']::before { 2321 content: var(--lumo-icons-cross); 2322 } 2323 2324 @media (max-width: 450px), (max-height: 450px) { 2325 [part='overlay-content'] { 2326 height: 70vh; 2327 } 2328 } 2329 2330 :host([dir='rtl']) [part='input-field'] ::slotted(input) { 2331 --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em); 2332 } 2333 2334 :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) { 2335 --_lumo-text-field-overflow-mask-image: none; 2336 } 2337`;_("vaadin-date-picker",[de,Yd],{moduleId:"lumo-date-picker"});var Kd=o=>class extends o{static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0}}}ready(){super.ready(),this.addEventListener("pointerdown",e=>{e.target===this&&e.preventDefault()}),this.addEventListener("click",e=>{e.target===this&&this.shadowRoot.querySelector("slot:not([name])").assignedNodes({flatten:!0}
2337).forEach(t=>t.focus&&t.focus())})}};var Gd=u` 2338 :host { 2339 display: flex; 2340 align-items: center; 2341 flex: 0 1 auto; 2342 border-radius: 2343 /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */ 2344 var(--vaadin-input-field-top-start-radius, var(--__border-radius)) 2345 var(--vaadin-input-field-top-end-radius, var(--__border-radius)) 2346 var(--vaadin-input-field-bottom-end-radius, var(--__border-radius)) 2347 var(--vaadin-input-field-bottom-start-radius, var(--__border-radius)); 2348 --_border-radius: var(--vaadin-input-field-border-radius, 0); 2349 --_input-border-width: var(--vaadin-input-field-border-width, 0); 2350 --_input-border-color: var(--vaadin-input-field-border-color, transparent); 2351 box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color); 2352 } 2353 2354 :host([dir='rtl']) { 2355 border-radius: 2356 /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */ 2357 var(--vaadin-input-field-top-end-radius, var(--_border-radius)) 2358 var(--vaadin-input-field-top-start-radius, var(--_border-radius)) 2359 var(--vaadin-input-field-bottom-start-radius, var(--_border-radius)) 2360 var(--vaadin-input-field-bottom-end-radius, var(--_border-radius)); 2361 } 2362 2363 :host([hidden]) { 2364 display: none !important; 2365 } 2366 2367 /* Reset the native input styles */ 2368 ::slotted(input) { 2369 -webkit-appearance: none; 2370 -moz-appearance: none; 2371 flex: auto; 2372 white-space: nowrap; 2373 overflow: hidden; 2374 width: 100%; 2375 height: 100%; 2376 outline: none; 2377 margin: 0; 2378 padding: 0; 2379 border: 0; 2380 border-radius: 0; 2381 min-width: 0; 2382 font: inherit; 2383 line-height: normal; 2384 color: inherit; 2385 background-color: transparent; 2386 /* Disable default invalid style in Firefox */ 2387 box-shadow: none; 2388 } 2389 2390 ::slotted(*) { 2391 flex: none; 2392 } 2393 2394 ::slotted(:is(input, textarea))::placeholder { 2395 /* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */ 2396 /* because ::slotted(...)::placeholder does not work in Safari. */ 2397 font: inherit; 2398 color: inherit; 2399 /* Override default opacity in Firefox */ 2400 opacity: 1; 2401 } 2402`;_("vaadin-input-container",Gd,{moduleId:"vaadin-input-container-styles"});var It=class extends Kd(C(M(b))){static get is(){return"vaadin-input-container"}static get template(){return g` 2403 <slot name="prefix"></slot> 2404 <slot></slot> 2405 <slot name="suffix"></slot> 2406 `}};v(It);var tt=u` 2407 :host { 2408 z-index: 200; 2409 position: fixed; 2410 2411 /* Despite of what the names say, <vaadin-overlay> is just a container 2412 for position/sizing/alignment. The actual overlay is the overlay part. */ 2413 2414 /* Default position constraints: the entire viewport. Note: themes can 2415 override this to introduce gaps between the overlay and the viewport. */ 2416 inset: 0; 2417 bottom: var(--vaadin-overlay-viewport-bottom); 2418 2419 /* Use flexbox alignment for the overlay part. */ 2420 display: flex; 2421 flex-direction: column; /* makes dropdowns sizing easier */ 2422 /* Align to center by default. */ 2423 align-items: center; 2424 justify-content: center; 2425 2426 /* Allow centering when max-width/max-height applies. */ 2427 margin: auto; 2428 2429 /* The host is not clickable, only the overlay part is. */ 2430 pointer-events: none; 2431 2432 /* Remove tap highlight on touch devices. */ 2433 -webkit-tap-highlight-color: transparent; 2434 2435 /* CSS API for host */ 2436 --vaadin-overlay-viewport-bottom: 0; 2437 } 2438 2439 :host([hidden]), 2440 :host(:not([opened]):not([closing])), 2441 :host(:not([opened]):not([closing])) [part='overlay'] { 2442 display: none !important; 2443 } 2444 2445 [part='overlay'] { 2446 -webkit-overflow-scrolling: touch; 2447 overflow: auto; 2448 pointer-events: auto; 2449 2450 /* Prevent overflowing the host */ 2451 max-width: 100%; 2452 box-sizing: border-box; 2453 2454 -webkit-tap-highlight-color: initial; /* reenable tap highlight inside */ 2455 } 2456 2457 [part='backdrop'] { 2458 z-index: -1; 2459 content: ''; 2460 background: rgba(0, 0, 0, 0.5); 2461 position: fixed; 2462 inset: 0; 2463 pointer-events: auto; 2464 } 2465`;var Vi=!1,Xd=[],ba=[];function Jd(){Vi=!0,requestAnimationFrame(function(){Vi=!1,Qd(Xd),setTimeout(function(){Zd(ba)})})}function Qd(o){for(;o.length;)ya(o.shift())}function Zd(o){for(let e=0,t=o.length;e<t;e++)ya(o.shift())}function ya(o){let e=o[0],t=o[1],i=o[2];try{t.apply(e,i)}catch(s){setTimeout(()=>{throw s})}}function ss(o,e,t){Vi||Jd(),ba.push([o,e,t])}var Ht=o=>o.test(navigator.userAgent),Fi=o=>o.test(navigator.platform),ec=o=>o.test(navigator.vendor);Ht(/Android/u);Ht(/Chrome/u)&&ec(/Google Inc/u);Ht(/Firefox/u);var tc=Fi(/^iPad/u)||Fi(/^Mac/u)&&navigator.maxTouchPoints>1,ic=Fi(/^iPhone/u),rs=ic||tc,oc=Ht(/^((?!chrome|android).)*safari/iu),Bi=(()=>{try{return document.createEvent("TouchEvent"),!0}catch{return!1}})();var ce=new WeakMap,nt=new WeakMap,lt={},ii=0,dr=o=>o&&o.nodeType===Node.ELEMENT_NODE,oi=(...o)=>{console.error(`Error: ${o.join(" ")}. Skip setting aria-hidden.`)},sc=(o,e)=>dr(o)?e.map(t=>{if(!dr(t))return oi(t,"is not a valid element"),null;let i=t;for(;i&&i!==o;){if(o.contains(i))return t;i=i.getRootNode().host}return oi(t,"is not contained inside",o),null}).filter(t=>!!t):(oi(o,"is not a valid element"),[]),rc=(o,e,t,i)=>{let s=sc(e,Array.isArray(o)?o:[o]);lt[t]||(lt[t]=new WeakMap);let r=lt[t],a=[],n=new Set,l=new Set(s),d=h=>{if(!h||n.has(h))return;n.add(h);let p=h.assignedSlot;p&&d(p),d(h.parentNode||h.host)};
2465s.forEach(d);let c=h=>{if(!h||l.has(h))return;let p=h.shadowRoot;(p?[...h.children,...p.children]:[...h.children]).forEach(m=>{if(!["template","script","style"].includes(m.localName))if(n.has(m))c(m);else{let x=m.getAttribute(i),A=x!==null&&x!=="false",I=(ce.get(m)||0)+1,E=(r.get(m)||0)+1;ce.set(m,I),r.set(m,E),a.push(m),I===1&&A&&nt.set(m,!0),E===1&&m.setAttribute(t,"true"),A||m.setAttribute(i,"true")}})};return c(e),n.clear(),ii+=1,()=>{a.forEach(h=>{let p=ce.get(h)-1,m=r.get(h)-1;ce.set(h,p),r.set(h,m),p||(nt.has(h)?nt.delete(h):h.removeAttribute(i)),m||h.removeAttribute(t)}),ii-=1,ii||(ce=new WeakMap,ce=new WeakMap,nt=new WeakMap,lt={})}},xa=(o,e=document.body,t="data-aria-hidden")=>{let i=Array.from(Array.isArray(o)?o:[o]);return e&&i.push(...Array.from(e.querySelectorAll("[aria-live]"))),rc(i,e,t,"aria-hidden")};var Ri=class{constructor(e,t){this.host=e,this.callback=typeof t=="function"?t:()=>e}showModal(){let e=this.callback();this.__showOthers=xa(e)}close(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null)}};var $i=class{saveFocus(e){this.focusNode=e||Pi()}restoreFocus(e){let t=this.focusNode;if(!t)return;let i=e?e.preventScroll:!1;Pi()===document.body?setTimeout(()=>t.focus({preventScroll:i})):t.focus({preventScroll:i}),this.focusNode=null}};var si=[],Hi=class{constructor(e){this.host=e,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){return zd(this.__trapNode)}get __focusedElementIndex(){let e=this.__focusableElements;return e.indexOf(e.filter(Jo).pop())}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(e){if(this.__trapNode=e,this.__focusableElements.length===0)throw this.__trapNode=null,new Error("The trap node should have at least one focusable descendant or be focusable itself.");si.push(this),this.__focusedElementIndex===-1&&this.__focusableElements[0].focus()}releaseFocus(){this.__trapNode=null,si.pop()}__onKeyDown(e){if(this.__trapNode&&this===Array.from(si).pop()&&e.key==="Tab"){e.preventDefault();let t=e.shiftKey;this.__focusNextElement(t)}}__focusNextElement(e=!1){let t=this.__focusableElements,i=e?-1:1,s=this.__focusedElementIndex,r=(t.length+s+i)%t.length,a=t[r];a.focus(),a.localName==="input"&&a.select()}};var ac=o=>class extends $(o){static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__ariaModalController=new Ri(this),this.__focusTrapController=new Hi(this),this.__focusRestorationController=new $i}ready(){super.ready(),this.addController(this.__ariaModalController),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}_resetFocus(){if(this.focusTrap&&(this.__ariaModalController.close(),this.__focusTrapController.releaseFocus()),this.restoreFocusOnClose&&this._shouldRestoreFocus()){let e=!Ft();this.__focusRestorationController.restoreFocus({preventScroll:e})}}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&(this.__ariaModalController.showModal(),this.__focusTrapController.trapFocus(this.$.overlay))}_shouldRestoreFocus(){let e=Pi();return e===document.body||this._deepContains(e)}_deepContains(e){if(this.contains(e))return!0;let t=e,i=e.ownerDocument;for(;t&&t!==i&&t!==this;)t=t.parentNode||t.host;return t===this}};var wa=()=>Array.from(document.body.children).filter(o=>o instanceof HTMLElement&&o._hasOverlayStackMixin&&!o.hasAttribute("closing")).sort((o,e)=>o.__zIndex-e.__zIndex||0),ji=()=>wa().filter(o=>o.$.overlay),nc=o=>o===ji().pop(),Ca=o=>class extends o{constructor(){super(),this._hasOverlayStackMixin=!0}get _last(){return nc(this)}bringToFront(){let e="",t=wa().filter(i=>i!==this).pop();t&&(e=t.__zIndex+1),this.style.zIndex=e,this.__zIndex=e||parseFloat(getComputedStyle(this).zIndex)}_enterModalState(){document.body.style.pointerEvents!=="none"&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),ji().forEac
2465h(e=>{e!==this&&(e.$.overlay.style.pointerEvents="none")})}_exitModalState(){this._previousDocumentPointerEvents!==void 0&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);let e=ji(),t;for(;(t=e.pop())&&!(t!==this&&(t.$.overlay.style.removeProperty("pointer-events"),!t.modeless)););}};var it=o=>class extends ac(Ca(o)){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0},owner:{type:Object},model:{type:Object},renderer:{type:Object},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged"},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_rendererOrDataChanged(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),rs&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}ready(){super.ready(),this.addEventListener("click",()=>{}),this.$.backdrop.addEventListener("click",()=>{}),this.addEventListener("mouseup",()=>{document.activeElement===document.body&&this.$.overlay.getAttribute("tabindex")==="0"&&this.$.overlay.focus()})}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))}disconnectedCallback(){super.disconnectedCallback(),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this,this.owner,this.model)}close(e){let t=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),t.defaultPrevented||(this.opened=!1)}_detectIosNavbar(){if(!this.opened)return;let e=window.innerHeight,t=window.innerWidth>e,i=document.documentElement.clientHeight;t&&i>e?this.style.setProperty("--vaadin-overlay-viewport-bottom",`${i-e}px`):this.style.setProperty("--vaadin-overlay-viewport-bottom","0")}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0)}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0)}_rendererOrDataChanged(e,t,i,s){let r=this._oldOwner!==t||this._oldModel!==i;this._oldModel=i,this._oldOwner=t;let a=this._oldRenderer!==e,n=this._oldRenderer!==void 0;this._oldRenderer=e;let l=this._oldOpened!==s;this._oldOpened=s,a&&n&&(this.innerHTML="",delete this._$litPart$),s&&e&&(a||l||r)&&this.requestContentUpdate()}_modelessChanged(e){e?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_openedChanged(e,t){e?(this._saveFocus(),this._animatedOpening(),ss(this,()=>{this._trapFocus();let i=new CustomEvent("vaadin-overlay-open",{bubbles:!0});this.dispatchEvent(i)}),document.addEventListener("keydown",this._boundKeydownListener),this.modeless||this._addGlobalListeners()):t&&(this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this.modeless||this._removeGlobalListeners())}_hiddenChanged(e){e&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){let e=getComputedStyle(this),t=e.getPropertyValue("animation-name");return e.getPropertyValue("display")!=="none"&&t&&t!=="none"}_enqueueAnimation(e,t){let i=`__${e}Handler`,s=r=>{r&&r.target!==this||(t(),this.removeEventListener("animationend",s),delete this[i])};this[i]=s,this.addEventListener("animationend",s)}_flushAnimation(e){let t=`__${e}Handler`;typeof this[t]=="function"&&this[t]()}_animatedOpening(){this.parentNode===document.body&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this.modeless||this._enterModalState(),this.setAttribute("opening",""),this._shouldAnimate()?this._enqueueAnimation("opening",()=>{this._finishOpening()}):this._finishOpening()}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder"),this.parentNode.insertBefore(this._placeholder,this),document.body.appendChild(this),this.bringToFront()}_finishOpening(){this.removeAttribute("opening")}_finishClosing(){this._detachOverlay(),this.$.overlay.style.removeProperty("pointer-events"),this.removeAttribute("closing"),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._placeholder&&(this._exitModalState(),this.setAttribute("closing",""),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",()=>{this._finishClosing()}):this._finishClosing())}_detachOverlay(){this._placeholder.parentNode.insertBefore(this,this._placeholder),this._placeholder.parentNode.removeChild(this._placeholder)}_mouseDownListener(e){this._mouseDownInside=e.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(e){this._mouseUpInside=e.composedPath().indexOf(this.$.overlay)>=0}_shouldCloseOnOutsideClick(e){return this._last}_outsideClickListener(e){if(e.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside){this._mouseDownInside=!1,this._mouseUpInside=!1;return}if(!this._shouldCloseOnOutsideClick(e))return;let t=new CustomEvent("vaadin-overlay-outside-click",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}_keydownListener(e){if(this._last&&!(this.modeless&&!e.composedPath().includes(this.$.overlay))&&e.key==="Escape"){let t=new CustomEvent("vaadin-overlay-escape-press",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}}};function lc(o,e){let t=null,i=document.documentElement;function s(){t&&t.disconnect(),t=null}function r(a=!1,n=1){s();let{left:l,top:d,width:c,height:h}=o.getBoundingClientRect();if(a||e(),!c||!h)return;let p=Math.floor(d),m=Math.floor(i.clientWidth-(l+c)),x=Math.floor(i.clientHeight-(d+h)),A=Math.floor(l),I={rootMargin:`${-p}px ${-m}px ${-x}px ${-A}px`,threshold:Math.max(0,Math.min(1,n))||1},E=!0;function O(q){let W=q[0].intersectionRatio;if(W!==n){if(!E)return r();W===0&&(W=1e-7),r(!1,W)}E=!1}t=new IntersectionObserver(O,I),t.observe(o)}return r(!0),s}var ri={start:"top",end:"bottom"},ai={start:"left",end:"right"},cr=new ResizeObserver(o=>{setTimeout(()=>
2465{o.forEach(e=>{e.target.__overlay&&e.target.__overlay._updatePosition()})})}),as=o=>class extends o{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!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(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.visualViewport.addEventListener("resize",this._updatePosition),window.visualViewport.addEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes=pd(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach(e=>{e.addEventListener("scroll",this.__onScroll,!0)}),this.positionTarget&&(this.__observePositionTargetMove=lc(this.positionTarget,()=>{this._updatePosition()}))}__removeUpdatePositionEventListeners(){window.visualViewport.removeEventListener("resize",this._updatePosition),window.visualViewport.removeEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach(e=>{e.removeEventListener("scroll",this.__onScroll,!0)}),this.__positionTargetAncestorRootNodes=null),this.__observePositionTargetMove&&(this.__observePositionTargetMove(),this.__observePositionTargetMove=null)}__overlayOpenedChanged(e,t){if(this.__removeUpdatePositionEventListeners(),t&&(t.__overlay=null,cr.unobserve(t),e&&(this.__addUpdatePositionEventListeners(),t.__overlay=this,cr.observe(t))),e){let i=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach(s=>{this.__margins[s]=parseInt(i[s],10)})),this._updatePosition(),requestAnimationFrame(()=>this._updatePosition())}}__positionSettingsChanged(){this._updatePosition()}__onScroll(e){e.target instanceof Node&&this.contains(e.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened||!this.__margins)return;let e=this.positionTarget.getBoundingClientRect();if(e.width===0&&e.height===0&&this.opened){this.opened=!1;return}let t=this.__shouldAlignStartVertically(e);this.style.justifyContent=t?"flex-start":"flex-end";let i=this.__isRTL,s=this.__shouldAlignStartHorizontally(e,i),r=!i&&s||i&&!s;this.style.alignItems=r?"flex-start":"flex-end";let a=this.getBoundingClientRect(),n=this.__calculatePositionInOneDimension(e,a,this.noVerticalOverlap,ri,this,t),l=this.__calculatePositionInOneDimension(e,a,this.noHorizontalOverlap,ai,this,s);Object.assign(this.style,n,l),this.toggleAttribute("bottom-aligned",!t),this.toggleAttribute("top-aligned",t),this.toggleAttribute("end-aligned",!r),this.toggleAttribute("start-aligned",r)}__shouldAlignStartHorizontally(e,t){let i=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;let s=Math.min(window.innerWidth,document.documentElement.clientWidth),r=!t&&this.horizontalAlign==="start"||t&&this.horizontalAlign==="end";return this.__shouldAlignStart(e,i,s,this.__margins,r,this.noHorizontalOverlap,ai)}__shouldAlignStartVertically(e){let t=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;let i=Math.min(window.innerHeight,document.documentElement.clientHeight),s=this.verticalAlign==="top";return this.__shouldAlignStart(e,t,i,this.__margins,s,this.noVerticalOverlap,ri)}__shouldAlignStart(e,t,i,s,r,a,n){let l=i-e[a?n.end:n.start]-s[n.end],d=e[a?n.start:n.end]-s[n.start],c=r?l:d,h=c>(r?d:l)||c>t;return r===h}__adjustBottomProperty(e,t,i){let s;if(e===t.end){if(t.end===ri.end){let r=Math.min(window.innerHeight,document.documentElement.clientHeight);if(i>
2465r&&this.__oldViewportHeight){let a=this.__oldViewportHeight-r;s=i-a}this.__oldViewportHeight=r}if(t.end===ai.end){let r=Math.min(window.innerWidth,document.documentElement.clientWidth);if(i>r&&this.__oldViewportWidth){let a=this.__oldViewportWidth-r;s=i-a}this.__oldViewportWidth=r}}return s}__calculatePositionInOneDimension(e,t,i,s,r,a){let n=a?s.start:s.end,l=a?s.end:s.start,d=parseFloat(r.style[n]||getComputedStyle(r)[n]),c=this.__adjustBottomProperty(n,s,d),h=t[a?s.start:s.end]-e[i===a?s.end:s.start],p=c?`${c}px`:`${d+h*(a?-1:1)}px`;return{[n]:p,[l]:""}}};var dc=o=>class extends as(it(o)){_shouldCloseOnOutsideClick(e){return!e.composedPath().includes(this.positionTarget)}_mouseDownListener(e){super._mouseDownListener(e),this._shouldCloseOnOutsideClick(e)&&!Xo(e.composedPath()[0])&&e.preventDefault()}};var cc=u` 2466 [part='overlay'] { 2467 display: flex; 2468 flex: auto; 2469 } 2470 2471 [part~='content'] { 2472 flex: auto; 2473 } 2474 2475 @media (forced-colors: active) { 2476 [part='overlay'] { 2477 outline: 3px solid; 2478 } 2479 } 2480`;_("vaadin-date-picker-overlay",[tt,cc],{moduleId:"vaadin-date-picker-overlay-styles"});var Ui=class extends dc(M(C(b))){static get is(){return"vaadin-date-picker-overlay"}static get template(){return g` 2481 <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div> 2482 <div part="overlay" id="overlay"> 2483 <div part="content" id="content"> 2484 <slot></slot> 2485 </div> 2486 </div> 2487 `}};v(Ui);var ka=u` 2488 :host { 2489 display: inline-block; 2490 position: relative; 2491 outline: none; 2492 white-space: nowrap; 2493 -webkit-user-select: none; 2494 -moz-user-select: none; 2495 user-select: none; 2496 } 2497 2498 :host([hidden]) { 2499 display: none !important; 2500 } 2501 2502 /* Aligns the button with form fields when placed on the same line. 2503 Note, to make it work, the form fields should have the same "::before" pseudo-element. */ 2504 .vaadin-button-container::before { 2505 content: '\\2003'; 2506 display: inline-block; 2507 width: 0; 2508 max-height: 100%; 2509 } 2510 2511 .vaadin-button-container { 2512 display: inline-flex; 2513 align-items: center; 2514 justify-content: center; 2515 text-align: center; 2516 width: 100%; 2517 height: 100%; 2518 min-height: inherit; 2519 text-shadow: inherit; 2520 } 2521 2522 [part='prefix'], 2523 [part='suffix'] { 2524 flex: none; 2525 } 2526 2527 [part='label'] { 2528 white-space: nowrap; 2529 overflow: hidden; 2530 text-overflow: ellipsis; 2531 } 2532 2533 @media (forced-colors: active) { 2534 :host { 2535 outline: 1px solid; 2536 outline-offset: -1px; 2537 } 2538 2539 :host([focused]) { 2540 outline-width: 2px; 2541 } 2542 2543 :host([disabled]) { 2544 outline-color: GrayText; 2545 } 2546 } 2547`,hc=o=>o` 2548 <div class="vaadin-button-container"> 2549 <span part="prefix" aria-hidden="true"> 2550 <slot name="prefix"></slot> 2551 </span> 2552 <span part="label"> 2553 <slot></slot> 2554 </span> 2555 <span part="suffix" aria-hidden="true"> 2556 <slot name="suffix"></slot> 2557 </span> 2558 </div> 2559 <slot name="tooltip"></slot> 2560`;var ns=o=>class extends Ko(ma(le(o))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(e){super._onKeyDown(e),!(e.altKey||e.shiftKey||e.ctrlKey||e.metaKey)&&this._activeKeys.includes(e.key)&&(e.preventDefault(),this.click())}};_("vaadin-button",ka,{moduleId:"vaadin-button-styles"});var qi=class extends ns(V(C($(b)))){static get is(){return"vaadin-button"}static get template(){return hc(g)}ready(){super.ready(),this._tooltipController=new B(this),this.addController(this._tooltipController)}};v(qi);function uc(o){let e=o.getDay();e===0&&(e=7);let t=4-e,i=new Date(o.getTime()+t*24*3600*1e3),s=new Date(0,0);s.setFullYear(i.getFullYear());let r=i.getTime()-s.getTime(),a=Math.round(r/(24*3600*1e3));return Math.floor(a/7+1)}function Wi(o){let e=new Date(o);return e.setHours(0,0,0,0),e}function U(o,e,t=Wi){return o instanceof Date&&e instanceof Date&&t(o).getTime()===t(e).getTime()}function ls(o){return{day:o.getDate(),month:o.getMonth(),year:o.getFullYear()}}function xe(o,e,t,i){let s=!1;if(typeof i=="function"&&o){let r=ls(o);s=i(r)}return(!e||o>=e)&&(!t||o<=t)&&!s}function Ea(o,e){return e.filter(t=>t!==void 0).reduce((t,i)=>{if(!i)return t;if(!t)return i;let s=Math.abs(o.getTime()-i.getTime()),r=Math.abs(t.getTime()-o.getTime());return s<r?i:t})}function Aa(o){let e=new Date,t=new Date(e);return t.setDate(1),t.setMonth(parseInt(o)+e.getMonth()),t}function pc(o,e,t=0,i=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 s=e+Math.floor(o.getFullYear()/100)*100;return o<new Date(s-50,t,i)?s-=100:o>new Date(s+50,t,i)&&(s+=100),s}function Pe(o){let e=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(o);if(!e)return;let t=new Date(0,0);return t.setFullYear(parseInt(e[1],10)),t.setMonth(parseInt(e[2],10)-1),t.setDate(parseInt(e[3],10)),t}function mc(o){let e=(l,d="00")=>(d+l).substr((d+l).length-d.length),t="",i="0000",s=o.year;s<0?(s=-s,t="-",i="000000"):o.year>=1e4&&(t="+",i="000000");let r=t+e(s,i),a=e(o.month+1),n=e(o.day);return[r,a,n].join("-")}function _c(o){return o instanceof Date?mc({year:o.getFullYear(),month:o.getMonth(),day:o.getDate()}):""}var Yi=class o{constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(e,t){this._asyncModule=e,this._callback=t,this._timer=this._asyncModule.run(()=>{this._timer=null,Xe.delete(this),this._callback()})}cancel(){this.isActive()&&(this._cancelAsync(),Xe.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return this._timer!=null}static debounce(e,t,i){return e instanceof o?e._cancelAsync():e=new o,e.setConfig(t,i),e}},Xe=new Set,fc=function(o){Xe.add(o)},vc=function(){let o=!!Xe.size;
2560return Xe.forEach(e=>{try{e.flush()}catch(t){setTimeout(()=>{throw t})}}),o};var ds=function(){let o,e;do o=window.ShadyDOM&&ShadyDOM.flush(),window.ShadyCSS&&window.ShadyCSS.ScopingShim&&window.ShadyCSS.ScopingShim.flush(),e=vc();while(o||e)};var Ia=document.createElement("template");Ia.innerHTML=` 2561 <style> 2562 :host { 2563 display: block; 2564 overflow: hidden; 2565 height: 500px; 2566 } 2567 2568 #scroller { 2569 position: relative; 2570 height: 100%; 2571 overflow: auto; 2572 outline: none; 2573 margin-right: -40px; 2574 -webkit-overflow-scrolling: touch; 2575 overflow-x: hidden; 2576 } 2577 2578 #scroller.notouchscroll { 2579 -webkit-overflow-scrolling: auto; 2580 } 2581 2582 #scroller::-webkit-scrollbar { 2583 display: none; 2584 } 2585 2586 .buffer { 2587 position: absolute; 2588 width: var(--vaadin-infinite-scroller-buffer-width, 100%); 2589 box-sizing: border-box; 2590 padding-right: 40px; 2591 top: var(--vaadin-infinite-scroller-buffer-offset, 0); 2592 animation: fadein 0.2s; 2593 } 2594 2595 @keyframes fadein { 2596 from { 2597 opacity: 0; 2598 } 2599 to { 2600 opacity: 1; 2601 } 2602 } 2603 </style> 2604 2605 <div id="scroller" tabindex="-1"> 2606 <div class="buffer"></div> 2607 <div class="buffer"></div> 2608 <div id="fullHeight"></div> 2609 </div> 2610`;var St=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(Ia.content.cloneNode(!0)),this.bufferSize=20,this._initialScroll=5e5,this._initialIndex=0,this._activated=!1}get active(){return this._activated}set active(e){e&&!this._activated&&(this._createPool(),this._activated=!0)}get bufferOffset(){return this._buffers[0].offsetTop}get itemHeight(){if(!this._itemHeightVal){let e=getComputedStyle(this).getPropertyValue("--vaadin-infinite-scroller-item-height"),t="background-position";this.$.fullHeight.style.setProperty(t,e);let i=getComputedStyle(this.$.fullHeight).getPropertyValue(t);this.$.fullHeight.style.removeProperty(t),this._itemHeightVal=parseFloat(i)}return this._itemHeightVal}get _bufferHeight(){return this.itemHeight*this.bufferSize}get position(){return(this.$.scroller.scrollTop-this._buffers[0].translateY)/this.itemHeight+this._firstIndex}set position(e){this._preventScrollEvent=!0,e>this._firstIndex&&e<this._firstIndex+this.bufferSize*2?this.$.scroller.scrollTop=this.itemHeight*(e-this._firstIndex)+this._buffers[0].translateY:(this._initialIndex=~~e,this._reset(),this._scrollDisabled=!0,this.$.scroller.scrollTop+=e%1*this.itemHeight,this._scrollDisabled=!1),this._mayHaveMomentum&&(this.$.scroller.classList.add("notouchscroll"),this._mayHaveMomentum=!1,setTimeout(()=>{this.$.scroller.classList.remove("notouchscroll")},10))}connectedCallback(){this._ready||(this._ready=!0,this.$={},this.shadowRoot.querySelectorAll("[id]").forEach(e=>{this.$[e.id]=e}),this.$.scroller.addEventListener("scroll",()=>this._scroll()),this._buffers=[...this.shadowRoot.querySelectorAll(".buffer")],this.$.fullHeight.style.height=`${this._initialScroll*2}px`)}forceUpdate(){this._debouncerScrollFinish&&this._debouncerScrollFinish.flush(),this._debouncerUpdateClones&&(this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(),this._debouncerUpdateClones.cancel()),ds()}_createElement(){}_updateElement(e,t){}_finishInit(){this._initDone||(this._buffers.forEach(e=>{[...e.children].forEach(t=>{this._ensureStampedInstance(t._itemWrapper)})}),this._buffers[0].translateY||this._reset(),this._initDone=!0,this.dispatchEvent(new CustomEvent("init-done")))}_translateBuffer(e){let t=e?1:0;this._buffers[t].translateY=this._buffers[t?0:1].translateY+this._bufferHeight*(t?-1:1),this._buffers[t].style.transform=`translate3d(0, ${this._buffers[t].translateY}px, 0)`,this._buffers[t].updated=!1,this._buffers.reverse()}_scroll(){if(this._scrollDisabled)return;let e=this.$.scroller.scrollTop;(e<this._bufferHeight||e>this._initialScroll*2-this._bufferHeight)&&(this._initialIndex=~~this.position,this._reset());let t=this.itemHeight+this.bufferOffset,i=e>this._buffers[1].translateY+t,s=e<this._buffers[0].translateY+t;(i||s)&&(this._translateBuffer(s),this._updateClones()),this._preventScrollEvent||(this.dispatchEvent(new CustomEvent("custom-scroll",{bubbles:!1,composed:!0})),this._mayHaveMomentum=!0),this._preventScrollEvent=!1,this._debouncerScrollFinish=N.debounce(this._debouncerScrollFinish,G.after(200),()=>{let r=this.$.scroller.getBoundingClientRect();!this._isVisible(this._buffers[0],r)&&!this._isVisible(this._buffers[1],r)&&(this.position=this.position)})}_reset(){this._scrollDisabled=!0,this.$.scroller.scrollTop=this._initialScroll,this._buffers[0].translateY=this._initialScroll-this._bufferHeight,this._buffers[1].translateY=this._initialScroll,this._buffers.forEac
2610h(e=>{e.style.transform=`translate3d(0, ${e.translateY}px, 0)`}),this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(!0),this._debouncerUpdateClones=N.debounce(this._debouncerUpdateClones,G.after(200),()=>{this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones()}),this._scrollDisabled=!1}_createPool(){let e=this.getBoundingClientRect();this._buffers.forEach(t=>{for(let i=0;i<this.bufferSize;i++){let s=document.createElement("div");s.style.height=`${this.itemHeight}px`,s.instance={};let r=`vaadin-infinite-scroller-item-content-${Ze()}`,a=document.createElement("slot");a.setAttribute("name",r),a._itemWrapper=s,t.appendChild(a),s.setAttribute("slot",r),this.appendChild(s),this._isVisible(s,e)&&this._ensureStampedInstance(s)}}),requestAnimationFrame(()=>{this._finishInit()})}_ensureStampedInstance(e){if(e.firstElementChild)return;let t=e.instance;e.instance=this._createElement(),e.appendChild(e.instance),Object.keys(t).forEach(i=>{e.instance[i]=t[i]})}_updateClones(e){this._firstIndex=Math.round((this._buffers[0].translateY-this._initialScroll)/this.itemHeight)+this._initialIndex;let t=e?this.$.scroller.getBoundingClientRect():void 0;this._buffers.forEach((i,s)=>{if(!i.updated){let r=this._firstIndex+this.bufferSize*s;[...i.children].forEach((a,n)=>{let l=a._itemWrapper;(!e||this._isVisible(l,t))&&this._updateElement(l.instance,r+n)}),i.updated=!0}})}_isVisible(e,t){let i=e.getBoundingClientRect();return i.bottom>t.top&&i.top<t.bottom}};var Sa=document.createElement("template");
2610Sa.innerHTML=` 2611 <style> 2612 :host { 2613 --vaadin-infinite-scroller-item-height: 270px; 2614 position: absolute; 2615 top: 0; 2616 left: 0; 2617 right: 0; 2618 bottom: 0; 2619 height: 100%; 2620 } 2621 </style> 2622`;var Ki=class extends St{static get is(){return"vaadin-date-picker-month-scroller"}constructor(){super(),this.bufferSize=3,this.shadowRoot.appendChild(Sa.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-month-calendar")}_updateElement(e,t){e.month=Aa(t)}};v(Ki);var Pa=document.createElement("template");Pa.innerHTML=` 2623 <style> 2624 :host { 2625 --vaadin-infinite-scroller-item-height: 80px; 2626 width: 50px; 2627 display: block; 2628 height: 100%; 2629 position: absolute; 2630 right: 0; 2631 transform: translateX(100%); 2632 -webkit-tap-highlight-color: transparent; 2633 -webkit-user-select: none; 2634 -moz-user-select: none; 2635 user-select: none; 2636 /* Center the year scroller position. */ 2637 --vaadin-infinite-scroller-buffer-offset: 50%; 2638 } 2639 2640 :host::before { 2641 content: ''; 2642 display: block; 2643 background: transparent; 2644 width: 0; 2645 height: 0; 2646 position: absolute; 2647 left: 0; 2648 top: 50%; 2649 transform: translateY(-50%); 2650 border-width: 6px; 2651 border-style: solid; 2652 border-color: transparent; 2653 border-left-color: #000; 2654 } 2655 </style> 2656`;var Gi=class extends St{static get is(){return"vaadin-date-picker-year-scroller"}constructor(){super(),this.bufferSize=12,this.shadowRoot.appendChild(Pa.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-date-picker-year")}_updateElement(e,t){e.year=this._yearAfterXYears(t)}_yearAfterXYears(e){let t=new Date,i=new Date(t);return i.setFullYear(parseInt(e)+t.getFullYear()),i.getFullYear()}};v(Gi);var gc=o=>class extends o{static get properties(){return{year:{type:String,sync:!0},selectedDate:{type:Object,sync:!0}}}static get observers(){return["__updateSelected(year, selectedDate)"]}__updateSelected(e,t){this.toggleAttribute("selected",t&&t.getFullYear()===e),this.toggleAttribute("current",e===new Date().getFullYear())}};var Xi=class extends C(gc(b)){static get is(){return"vaadin-date-picker-year"}static get template(){return g` 2657 <style> 2658 :host { 2659 display: block; 2660 height: 100%; 2661 } 2662 </style> 2663 <div part="year-number">[[year]]</div> 2664 <div part="year-separator" aria-hidden="true"></div> 2665 `}};v(Xi);function cs(o,e,t,i,s){let r;s&&(r=typeof t=="object"&&t!==null,r&&(i=o.__dataTemp[e]));let a=i!==t&&(i===i||t===t);return r&&a&&(o.__dataTemp[e]=t),a}var hs=k(o=>{class e extends o{_shouldPropertyChange(i,s,r){return cs(this,i,s,r,!0)}}return e}),bc=k(o=>{class e extends o{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(i,s,r){return cs(this,i,s,r,this.mutableData)}}return e});hs._mutablePropertyChange=cs;var Ji=null;function Qi(){return Ji}Qi.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:Qi,writable:!0}});var Ta=jo(Qi),yc=hs(Ta);function xc(o,e){Ji=o,Object.setPrototypeOf(o,e.prototype),new e,Ji=null}var wc=jo(class{});function Cc(o,e){for(let t=0;t<e.length;t++){let i=e[t];if(!!o!=!!i.__hideTemplateChildren__)if(i.nodeType===Node.TEXT_NODE)o?(i.__polymerTextContent__=i.textContent,i.textContent=""):i.textContent=i.__polymerTextContent__;else if(i.localName==="slot")if(o)i.__polymerReplaced__=document.createComment("hidden-slot"),P(P(i).parentNode).replaceChild(i.__polymerReplaced__,i);else{let s=i.__polymerReplaced__;s&&P(P(s).parentNode).replaceChild(i,s)}else i.style&&(o?(i.__polymerDisplay__=i.style.display,i.style.display="none"):i.style.display=i.__polymerDisplay__);i.__hideTemplateChildren__=o,i._showHideChildren&&i._showHideChildren(o)}}var Je=class extends wc{constructor(e){super(),this._configureProperties(e),this.root=this._stampTemplate(this.__dataHost);let t=[];this.children=t;for(let s=this.root.firstChild;s;s=s.nextSibling)t.push(s),s.__templatizeInstance=this;this.__templatizeOwner&&this.__templatizeOwner.__hideTemplateChildren__&&this._showHideChildren(!0);let i=this.__templatizeOptions;(e&&i.instanceProps||!i.instanceProps)&&this._enableProperties()}_configureProperties(e){if(this.__templatizeOptions.forwardHostProp)for(let t in this.__hostProps)this._setPendingProperty(t,this.__dataHost["_host_"+t]);for(let t in e)this._setPendingProperty(t,e[t])}forwardHostProp(e,t){this._setPendingPropertyOrPath(e,t,!1,!0)&&this.__dataHost._enqueueClient(this)}_addEventListenerToNode(e,t,i){if(this._methodHost&&this.__templatizeOptions.parentModel)this._methodHost._addEventListenerToNode(e,t,s=>{s.model=this,i(s)});else{let s=this.__dataHost.__dataHost;s&&s._addEventListenerToNode(e,t,i)}}_showHideChildren(e){Cc(e,this.children)}_setUnmanagedPropertyToNode(e,t,i){e.__hideTemplateChildren__&&e.nodeType==Node.TEXT_NODE&&t=="textContent"?e.__polymerTextContent__=i:super._setUnmanagedPropertyToNode(e,t,i)}get parentModel(){let e=this.__parentModel;if(!e){let t;e=this;do e=e.__dataHost.__dataHost;while((t=e.__templatizeOptions)&&!t.parentModel);this.__parentModel=e}return e}dispatchEvent(e){return!0}},kc=hs(Je);function hr(o){let e=o.__dataHost;return e&&e._methodHost||e}function Ec(o,e,t){let i=t.mutableData?kc:Je;Zi.mixin&&(i=Zi.mixin(i));let s=class extends i{};return s.prototype.__templatizeOptions=t,s.prototype._bindTemplate(o),Sc(s,o,e,t),s}function Ac(o,e,t,i){let s=t.forwardHostProp;if(s&&e.hasHostProps){let r=o.localName=="template",a=e.templatizeTemplateClass;if(!a){if(r){let l=t.mutableData?yc:Ta;class d extends l{}a=e.templatizeTemplateClass=d}else{let l=o.constructor;class d extends l{}a=e.templatizeTemplateClass=d}let n=e.hostProps;for(let l in n)a.prototype._addPropertyEffect("_host_"+l,a.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:Ic(l,s)}),a.prototype._createNotifyingProperty("_host_"+l);Lr&&i&&Dc(e,t,i)}if(o.__dataProto&&Object.assign(o.__data,o.__dataProto),r)xc(o,a),o.__dataTemp={},o.__dataPending=null,o.__dataOld=null,o._enableProperties();else{Object.setPrototypeOf(o,a.prototype);let n=e.hostProps;for(let l in n)if(l="_host_"+l,l in o){let d=o[l];delete o[l],o.__data[l]=d}}}}function Ic(o,e){return function(t,i,s){e.call(t.__templatizeOwner,i.substring(6),s[i])}}function Sc(o,e,t,i){let s=t.hostProps||{};for(let r in i.instanceProps){delete s[r];let a=i.notifyInstanceProp;a&&o.prototype._addPropertyEffect(r,o.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:Pc(r,a)})}if(i.forwardHostProp&&e.__dataHost)for(let r in s)t.hasHostProps||(t.hasHostProps=!0),o.prototype._addPropertyEffect(r,o.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:Tc()})}function Pc(o,e){return function(t,i,s){e.call(t.__templatizeOwner,t,i,s[i])}}function Tc(){return function(o,e,t){o.__dataHost._setPendingPropertyOrPath("_host_"+e,t[e],!0,!0)}}
2665function Zi(o,e,t){if(xt&&!hr(o))throw new Error("strictTemplatePolicy: template owner not trusted");if(t=t||{},o.__templatizeOwner)throw new Error("A <template> can only be templatized once");o.__templatizeOwner=e;let i=(e?e.constructor:Je)._parseTemplate(o),s=i.templatizeInstanceClass;s||(s=Ec(o,i,t),i.templatizeInstanceClass=s);let r=hr(o);Ac(o,i,t,r);let a=class extends s{};return a.prototype._methodHost=r,a.prototype.__dataHost=o,a.prototype.__templatizeOwner=e,a.prototype.__hostProps=i.hostProps,a=a,a}function Dc(o,e,t){let i=t.constructor._properties,{propertyEffects:s}=o,{instanceProps:r}=e;for(let a in s)if(!i[a]&&!(r&&r[a])){let n=s[a];for(let l=0;l<n.length;l++){let{part:d}=n[l].info;if(!(d.signature&&d.signature.static)){console.warn(`Property '${a}' used in template but not declared in 'properties'; attribute will not be observed.`);break}}}}function Oc(o,e){let t;for(;e;)if(t=e.__dataHost?e:e.__templatizeInstance)if(t.__dataHost!=o)e=t.__dataHost;else return t;else e=P(e).parentNode;return null}var ur=!1;function Lc(){if(Or&&!Dr){if(!ur){ur=!0;let o=document.createElement("style");o.textContent="dom-bind,dom-if,dom-repeat{display:none;}",document.head.appendChild(o)}return!0}return!1}var zc=bc(b),Pt=class extends zc{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:!Bs,readOnly:!0},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=!1,this.__shouldMeasureChunk=!1,this.__shouldContinueChunking=!1,this.__chunkingId=0,this.__sortFn=null,this.__filterFn=null,this.__observePaths=null,this.__ctor=null,this.__isDetached=!0,this.template=null}disconnectedCallback(){super.disconnectedCallback(),this.__isDetached=!0;for(let e=0;e<this.__instances.length;e++)this.__detachInstance(e);this.__chunkingId&&cancelAnimationFrame(this.__chunkingId)}connectedCallback(){if(super.connectedCallback(),Lc()||(this.style.display="none"),this.__isDetached){this.__isDetached=!1;let e=P(P(this).parentNode);for(let t=0;t<this.__instances.length;t++)this.__attachInstance(t,e);this.__chunkingId&&this.__render()}}__ensureTemplatized(){if(!this.__ctor){let e=this,t=this.template=e._templateInfo?e:this.querySelector("template");if(!t){let s=new MutationObserver(()=>{if(this.querySelector("template"))s.disconnect(),this.__render();else throw new Error("dom-repeat requires a <template> child")});return s.observe(this,{childList:!0}),!1}let i={};i[this.as]=!0,i[this.indexAs]=!0,i[this.itemsIndexAs]=!0,this.__ctor=Zi(t,this,{mutableData:this.mutableData,parentModel:!0,instanceProps:i,forwardHostProp:function(s,r){let a=this.__instances;for(let n=0,l;n<a.length&&(l=a[n]);n++)l.forwardHostProp(s,r)},notifyInstanceProp:function(s,r,a){if(Gn(this.as,r)){let n=s[this.itemsIndexAs];r==this.as&&(this.items[n]=a);let l=je(this.as,`${JSCompiler_renameProperty("items",this)}.${n}`,r);this.notifyPath(l,a)}}})}return!0}__getMethodHost(){return this.__dataHost._methodHost||this.__dataHost}__functionFromPropertyValue(e){if(typeof e=="string"){let t=e,i=this.__getMethodHost();return function(){return i[t].apply(i,arguments)}}return e}__sortChanged(e){this.__sortFn=this.__functionFromPropertyValue(e),this.items&&this.__debounceRender(this.__render)}__filterChanged(e){this.__filterFn=this.__functionFromPropertyValue(e),this.items&&this.__debounceRender(this.__render)}__computeFrameTime(e){return Math.ceil(1e3/e)}__observeChanged(){this.__observePaths=this.observe&&this.observe.replace(".*",".").split(" ")}__handleObservedPaths(e){if(this.__sortFn||this.__filterFn){if(!e)this.__debounceRender(this.__render,this.delay);else if(this.__observePaths){let t=this.__observePaths;for(let i=0;i<t.length;i++)e.indexOf(t[i])===0&&this.__debounceRender(this.__render,this.delay)}}}__itemsChanged(e){this.items&&!Array.isArray(this.items)&&console.warn("dom-repeat expected array for `items`, found",this.items),this.__handleItemPath(e.path,e.value)||(e.path==="items"&&(this.__itemsArrayChanged=!0),this.__debounceRender(this.__render))}__debounceRender(e,t=0){this.__renderDebouncer=Yi.debounce(this.__renderDebouncer,t>0?tl.after(t):jr,e.bind(this)),fc(this.__renderDebouncer)}render(){this.__debounceRender(this.__render),ds()}
2665__render(){if(!this.__ensureTemplatized())return;let e=this.items||[],t=this.__sortAndFilterItems(e),i=this.__calculateLimit(t.length);this.__updateInstances(e,i,t),this.initialCount&&(this.__shouldMeasureChunk||this.__shouldContinueChunking)&&(cancelAnimationFrame(this.__chunkingId),this.__chunkingId=requestAnimationFrame(()=>{this.__chunkingId=null,this.__continueChunking()})),this._setRenderedItemCount(this.__instances.length),(!Bs||this.notifyDomChange)&&this.dispatchEvent(new CustomEvent("dom-change",{bubbles:!0,composed:!0}))}__sortAndFilterItems(e){let t=new Array(e.length);for(let i=0;i<e.length;i++)t[i]=i;return this.__filterFn&&(t=t.filter((i,s,r)=>this.__filterFn(e[i],s,r))),this.__sortFn&&t.sort((i,s)=>this.__sortFn(e[i],e[s])),t}__calculateLimit(e){let t=e,i=this.__instances.length;if(this.initialCount){let s;!this.__chunkCount||this.__itemsArrayChanged&&!this.reuseChunkedInstances?(t=Math.min(e,this.initialCount),s=Math.max(t-i,0),this.__chunkCount=s||1):(s=Math.min(Math.max(e-i,0),this.__chunkCount),t=Math.min(i+s,e)),this.__shouldMeasureChunk=s===this.__chunkCount,this.__shouldContinueChunking=t<e,this.__renderStartTime=performance.now()}return this.__itemsArrayChanged=!1,t}__continueChunking(){if(this.__shouldMeasureChunk){let e=performance.now()-this.__renderStartTime,t=this._targetFrameTime/e;this.__chunkCount=Math.round(this.__chunkCount*t)||1}this.__shouldContinueChunking&&this.__debounceRender(this.__render)}__updateInstances(e,t,i){let s=this.__itemsIdxToInstIdx={},r;for(r=0;r<t;r++){let a=this.__instances[r],n=i[r],l=e[n];s[n]=r,a?(a._setPendingProperty(this.as,l),a._setPendingProperty(this.indexAs,r),a._setPendingProperty(this.itemsIndexAs,n),a._flushProperties()):this.__insertInstance(l,r,n)}for(let a=this.__instances.length-1;a>=r;a--)this.__detachAndRemoveInstance(a)}__detachInstance(e){let t=this.__instances[e],i=P(t.root);for(let s=0;s<t.children.length;s++){let r=t.children[s];i.appendChild(r)}return t}__attachInstance(e,t){let i=this.__instances[e];t.insertBefore(i.root,this)}__detachAndRemoveInstance(e){this.__detachInstance(e),this.__instances.splice(e,1)}__stampInstance(e,t,i){let s={};return s[this.as]=e,s[this.indexAs]=t,s[this.itemsIndexAs]=i,new this.__ctor(s)}__insertInstance(e,t,i){let s=this.__stampInstance(e,t,i),r=this.__instances[t+1],a=r?r.children[0]:this;return P(P(this).parentNode).insertBefore(s.root,a),this.__instances[t]=s,s}_showHideChildren(e){for(let t=0;t<this.__instances.length;t++)this.__instances[t]._showHideChildren(e)}__handleItemPath(e,t){let i=e.slice(6),s=i.indexOf("."),r=s<0?i:i.substring(0,s);if(r==parseInt(r,10)){let a=s<0?"":i.substring(s+1);this.__handleObservedPaths(a);let n=this.__itemsIdxToInstIdx[r],l=this.__instances[n];if(l){let d=this.as+(a?"."+a:"");l._setPendingPropertyOrPath(d,t,!1,!0),l._flushProperties()}return!0}}itemForElement(e){let t=this.modelForElement(e);return t&&t[this.as]}indexForElement(e){let t=this.modelForElement(e);return t&&t[this.indexAs]}modelForElement(e){return Oc(this.template,e)}};customElements.define(Pt.is,Pt);var Nc=o=>class extends le(o){static get properties(){return{month:{type:Object,value:new Date,sync:!0},selectedDate:{type:Object,notify:!0,sync:!0},focusedDate:{type:Object},showWeekNumbers:{type:Boolean,value:!1},i18n:{type:Object},ignoreTaps:{type:Boolean},minDate:{type:Date,value:null,sync:!0},maxDate:{type:Date,value:null,sync:!0},isDateDisabled:{type:Function,value:()=>!1},disabled:{type:Boolean,reflectToAttribute:!0},_days:{type:Array},_weeks:{type:Array},_notTapping:{type:Boolean}}}static get observers(){return["__focusedDateChanged(focusedDate, _days)"]}get focusableDateElement(){return[...this.shadowRoot.querySelectorAll("[part~=date]")].find(e=>U(e.date,this.focusedDate))}ready(){super.ready(),R(this.$.monthGrid,"tap",this._handleTap.bind(this))}_isDisabled(e,t,i){let s=new Date(0,0);s.setFullYear(e.getFullYear()),s.setMonth(e.getMonth()),s.setDate(1);let r=new Date(0,0);return r.setFullYear(e.getFullYear()),r.setMonth(e.getMonth()+1),r.setDate(0),t&&i&&t.getMonth()===i.getMonth()&&t.getMonth()===e.getMonth()&&i.getDate()-t.getDate()>
2665=0?!1:!xe(s,t,i)&&!xe(r,t,i)}_getTitle(e,t){if(!(e===void 0||t===void 0))return t.formatTitle(t.monthNames[e.getMonth()],e.getFullYear())}_onMonthGridTouchStart(){this._notTapping=!1,setTimeout(()=>{this._notTapping=!0},300)}_dateAdd(e,t){e.setDate(e.getDate()+t)}_applyFirstDayOfWeek(e,t){if(!(e===void 0||t===void 0))return e.slice(t).concat(e.slice(0,t))}_getWeekDayNames(e,t){if(e===void 0||t===void 0)return[];let{weekdays:i,weekdaysShort:s,firstDayOfWeek:r}=e,a=this._applyFirstDayOfWeek(s,r);return this._applyFirstDayOfWeek(i,r).map((n,l)=>({weekDay:n,weekDayShort:a[l]})).slice(0,7)}__focusedDateChanged(e,t){Array.isArray(t)&&t.some(i=>U(i,e))?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")}_getDate(e){return e?e.getDate():""}_showWeekSeparator(e,t){return e&&t&&t.firstDayOfWeek===1}_isToday(e){return U(new Date,e)}_getDays(e,t){if(e===void 0||t===void 0)return[];let i=new Date(0,0);for(i.setFullYear(e.getFullYear()),i.setMonth(e.getMonth()),i.setDate(1);i.getDay()!==t.firstDayOfWeek;)this._dateAdd(i,-1);let s=[],r=i.getMonth(),a=e.getMonth();for(;i.getMonth()===a||i.getMonth()===r;)s.push(i.getMonth()===a?new Date(i.getTime()):null),this._dateAdd(i,1);return s}_getWeeks(e){return e.reduce((t,i,s)=>(s%7===0&&t.push([]),t[t.length-1].push(i),t),[])}_handleTap(e){!this.ignoreTaps&&!this._notTapping&&e.target.date&&!e.target.hasAttribute("disabled")&&(this.selectedDate=e.target.date,this.dispatchEvent(new CustomEvent("date-tap",{detail:{date:e.target.date},bubbles:!0,composed:!0})))}_preventDefault(e){e.preventDefault()}__getWeekNumber(e){let t=e.reduce((i,s)=>!i&&s?s:i);return uc(t)}__getDayAriaLabel(e){if(!e)return"";let t=`${this._getDate(e)} ${this.i18n.monthNames[e.getMonth()]} ${e.getFullYear()}, ${this.i18n.weekdays[e.getDay()]}`;return this._isToday(e)&&(t+=`, ${this.i18n.today}`),t}};var Mc=u` 2666 :host { 2667 display: block; 2668 } 2669 2670 #monthGrid { 2671 width: 100%; 2672 border-collapse: collapse; 2673 } 2674 2675 #days-container tr, 2676 #weekdays-container tr { 2677 display: flex; 2678 } 2679 2680 [part~='date'] { 2681 outline: none; 2682 } 2683 2684 [part~='disabled'] { 2685 pointer-events: none; 2686 } 2687 2688 [part='week-number'][hidden], 2689 [part='weekday'][hidden] { 2690 display: none; 2691 } 2692 2693 [part='weekday'], 2694 [part~='date'] { 2695 width: calc(100% / 7); 2696 padding: 0; 2697 font-weight: normal; 2698 } 2699 2700 [part='weekday']:empty, 2701 [part='week-number'] { 2702 width: 12.5%; 2703 flex-shrink: 0; 2704 padding: 0; 2705 } 2706 2707 :host([week-numbers]) [part='weekday']:not(:empty), 2708 :host([week-numbers]) [part~='date'] { 2709 width: 12.5%; 2710 } 2711 2712 @media (forced-colors: active) { 2713 [part~='date'][part~='focused'] { 2714 outline: 1px solid; 2715 } 2716 2717 [part~='date'][part~='selected'] { 2718 outline: 3px solid; 2719 } 2720 } 2721`;_("vaadin-month-calendar",Mc,{moduleId:"vaadin-month-calendar-styles"});var eo=class extends Nc(C(b)){static get template(){return g` 2722 <div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n)]]</div> 2723 <table 2724 id="monthGrid" 2725 role="grid" 2726 aria-labelledby="month-header" 2727 on-touchend="_preventDefault" 2728 on-touchstart="_onMonthGridTouchStart" 2729 > 2730 <thead id="weekdays-container"> 2731 <tr role="row" part="weekdays"> 2732 <th part="weekday" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]"></th> 2733 <template is="dom-repeat" items="[[_getWeekDayNames(i18n, showWeekNumbers)]]"> 2734 <th role="columnheader" part="weekday" scope="col" abbr$="[[item.weekDay]]" aria-hidden="true"> 2735 [[item.weekDayShort]] 2736 </th> 2737 </template> 2738 </tr> 2739 </thead> 2740 <tbody id="days-container"> 2741 <template is="dom-repeat" items="[[_weeks]]" as="week"> 2742 <tr role="row"> 2743 <td part="week-number" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]"> 2744 [[__getWeekNumber(week)]] 2745 </td> 2746 <template is="dom-repeat" items="[[week]]"> 2747 <td 2748 role="gridcell" 2749 part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled)]]" 2750 date="[[item]]" 2751 tabindex$="[[__getDayTabindex(item, focusedDate)]]" 2752 disabled$="[[__isDayDisabled(item, minDate, maxDate, isDateDisabled)]]" 2753 aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]" 2754 aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate, isDateDisabled)]]" 2755 aria-label$="[[__getDayAriaLabel(item)]]" 2756 >[[_getDate(item)]]</td 2757 > 2758 </template> 2759 </tr> 2760 </template> 2761 </tbody> 2762 </table> 2763 `}static get is(){return"vaadin-month-calendar"}static get properties(){return{_days:{type:Array,computed:"_getDays(month, i18n, minDate, maxDate, isDateDisabled)"},_weeks:{type:Array,computed:"_getWeeks(_days)"},disabled:{type:Boolean,reflectToAttribute:!0,computed:"_isDisabled(month, minDate, maxDate)"}}}static get observers(){return["_showWeekNumbersChanged(showWeekNumbers, i18n)"]}_showWeekNumbersChanged(e,t){e&&t&&t.firstDayOfWeek===1?this.setAttribute("week-numbers",""):this.removeAttribute("week-numbers")}__getDatePart(e,t,i,s,r,a){let n=["date"],l=e>Wi(new Date),d=e<Wi(new Date);return this.__isDayDisabled(e,s,r,a)&&n.push("disabled"),this.__isDayFocused(e,t)&&n.push("focused"),this.__isDaySelected(e,i)&&n.push("selected"),this._isToday(e)&&n.push("today"),d&&n.push("past"),l&&n.push("future"),n.join(" ")}__isDayFocused(e,t){return U(e,t)}__isDaySelected(e,t){return U(e,t)}__getDayAriaSelected(e,t){if(this.__isDaySelected(e,t))return"true"}__isDayDisabled(e,t,i,s){return!xe(e,t,i,s)}__getDayAriaDisabled(e,t,i,s){if(!(e===void 0||t===void 0&&i===void 0&&s===void 0)&&this.__isDayDisabled(e,t,i,s))return"true"}__getDayTabindex(e,t){return this.__isDayFocused(e,t)?"0":"-1"}};v(eo);var Qe=class{constructor(e,t){this.query=e,this.callback=t,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(){this._mediaQuery&&this._mediaQuery.addListener(this._boundQueryHandler)}_removeListener(){this._mediaQuery&&this._mediaQuery.removeListener(this._boundQueryHandler),this._mediaQuery=null}_queryHandler(e){typeof this.callback=="function"&&this.callback(e.matches)}};var Vc=o=>class extends o{static get properties(){return{scrollDuration:{type:Number,value:300},selectedDate:{type:Object,value:null,sync:!0},focusedDate:{type:Object,notify:!0,observer:"_focusedDateChanged",sync:!0},_focusedMonthDate:Number,initialPosition:{type:Object,observer:"_initialPositionChanged"},_originDate:{type:Object,value:new Date},_visibleMonthIndex:Number,_desktopMode:{type:Boolean,observer:"_desktopModeChanged"},_desktopMediaQuery:{type:String,value:"(min-width: 375px)"},_translateX:{observer:"_translateXChanged"},_yearScrollerWidth:{value:50},i18n:{type:Object},showWeekNumbers:{type:Boolean,value:!1},_ignoreTaps:Boolean,_notTapping:Boolean,minDate:{type:Object,sync:!0},maxDate:{type:Object,sync:!0},isDateDisabled:{type:Function},label:String,_cancelButton:{type:Object},_todayButton:{type:Object},calendars:{type:Array,value:()=>[]},years:{type:Array,value:()=>[]}}}static get observers(){return["__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled)","__updateCancelButton(_cancelButton, i18n)","__updateTodayButton(_todayButton, i18n, minDate, maxDate, isDateDisabled)","__updateYears(years, selectedDate, _theme)"]}get __useSubMonthScrolling(){return this._monthScroller.clientHeight<this._monthScroller.itemHeight+this._monthScroller.bufferOffset}get focusableDateElement(){return this.calendars.map(e=>
2763e.focusableDateElement).find(Boolean)}_addListeners(){ha(this.$.scrollers,"pan-y"),R(this.$.scrollers,"track",this._track.bind(this)),R(this.shadowRoot.querySelector('[part="clear-button"]'),"tap",this._clear.bind(this)),R(this.shadowRoot.querySelector('[part="toggle-button"]'),"tap",this._cancel.bind(this)),R(this.shadowRoot.querySelector('[part="years-toggle-button"]'),"tap",this._toggleYearScroller.bind(this))}_initControllers(){this.addController(new Qe(this._desktopMediaQuery,e=>{this._desktopMode=e})),this.addController(new T(this,"today-button","vaadin-button",{observe:!1,initializer:e=>{e.setAttribute("theme","tertiary"),e.addEventListener("keydown",t=>this.__onTodayButtonKeyDown(t)),R(e,"tap",this._onTodayTap.bind(this)),this._todayButton=e}})),this.addController(new T(this,"cancel-button","vaadin-button",{observe:!1,initializer:e=>{e.setAttribute("theme","tertiary"),e.addEventListener("keydown",t=>this.__onCancelButtonKeyDown(t)),R(e,"tap",this._cancel.bind(this)),this._cancelButton=e}})),this.__initMonthScroller(),this.__initYearScroller()}reset(){this._closeYearScroller(),this._toggleAnimateClass(!0)}focusCancel(){this._cancelButton.focus()}scrollToDate(e,t){let i=this.__useSubMonthScrolling?this._calculateWeekScrollOffset(e):0;this._scrollToPosition(this._differenceInMonths(e,this._originDate)+i,t),this._monthScroller.forceUpdate()}__initMonthScroller(){this.addController(new T(this,"months","vaadin-date-picker-month-scroller",{observe:!1,initializer:e=>{e.addEventListener("custom-scroll",()=>{this._onMonthScroll()}),e.addEventListener("touchstart",()=>{this._onMonthScrollTouchStart()}),e.addEventListener("keydown",t=>{this.__onMonthCalendarKeyDown(t)}),e.addEventListener("init-done",()=>{let t=[...this.querySelectorAll("vaadin-month-calendar")];t.forEach(i=>{i.addEventListener("selected-date-changed",s=>{this.selectedDate=s.detail.value})}),this.calendars=t}),this._monthScroller=e}}))}__initYearScroller(){this.addController(new T(this,"years","vaadin-date-picker-year-scroller",{observe:!1,initializer:e=>{e.setAttribute("aria-hidden","true"),R(e,"tap",t=>{this._onYearTap(t)}),e.addEventListener("custom-scroll",()=>{this._onYearScroll()}),e.addEventListener("touchstart",()=>{this._onYearScrollTouchStart()}),e.addEventListener("init-done",()=>{this.years=[...this.querySelectorAll("vaadin-date-picker-year")]}),this._yearScroller=e}}))}__updateCancelButton(e,t){e&&(e.textContent=t&&t.cancel)}__updateTodayButton(e,t,i,s,r){e&&(e.textContent=t&&t.today,e.disabled=!this._isTodayAllowed(i,s,r))}__updateCalendars(e,t,i,s,r,a,n,l,d,c){e&&e.length&&e.forEach(h=>{h.i18n=t,h.minDate=i,h.maxDate=s,h.isDateDisabled=c,h.focusedDate=a,h.selectedDate=r,h.showWeekNumbers=n,h.ignoreTaps=l,d?h.setAttribute("theme",d):h.removeAttribute("theme")})}__updateYears(e,t,i){e&&e.length&&e.forEach(s=>{s.selectedDate=t,i?s.setAttribute("theme",i):s.removeAttribute("theme")})}_selectDate(e){return this._dateAllowed(e)?(this.selectedDate=e,this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:e},bubbles:!0,composed:!0})),!0):!1}_desktopModeChanged(e){this.toggleAttribute("desktop",e)}_focusedDateChanged(e){this.revealDate(e)}revealDate(e,t=!0){if(!e)return;let i=this._differenceInMonths(e,this._originDate);if(this.__useSubMonthScrolling){let n=this._calculateWeekScrollOffset(e);this._scrollToPosition(i+n,t);return}let s=this._monthScroller.position>i,r=Math.max(this._monthScroller.itemHeight,this._monthScroller.clientHeight-this._monthScroller.bufferOffset*2)/this._monthScroller.itemHeight,a=this._monthScroller.position+r-1<i;s?this._scrollToPosition(i,t):a&&this._scrollToPosition(i-r+1,t)}_calculateWeekScrollOffset(e){let t=new Date(0,0);t.setFullYear(e.getFullYear()),t.setMonth(e.getMonth()),t.setDate(1);let i=0;for(;t.getDate()<e.getDate();)t.setDate(t.getDate()+1),t.getDay()===this.i18n.firstDayOfWeek&&(i+=1);return i/6}_initialPositionChanged(e){this._monthScroller&&this._yearScroller&&(this._monthScroller.active=!0,this._yearScroller.active=!0),this.scrollToDate(e)}_repositionYearScroller(){let e=this._monthScroller.position;this._visibleMonthIndex=Math.floor(e),this._yearScroller.position=(e+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=!1,setTimeout(()=>{this._notTapping=!0},300),this._repositionMonthScroller()}_onMonthScrollTouchStart(){this._repositionYearScroller()}_doIgnoreTaps(){this._ignoreTaps=!0,this._debouncer=N.debounce(this._debouncer,G.after(300),()=>{this._ignoreTaps=!1})}_formatDisplayed(e,t,i){return e&&t&&typeof t.formatDate=="function"?t.formatDate(ls(e)):i}_onTodayTap(){let e=this._getTodayMidnight();Math.abs(this._monthScroller.position-this._differenceInMonths(e,this._originDate))<.001?(this._selectDate(e),this._close()):this._scrollToCurrentMonth()}_scrollToCurrentMonth(){this.focusedDate&&(this.focusedDate=new Date),this.scrollToDate(new Date,!0)}_onYearTap(e){if(!this._ignoreTaps&&!this._notTapping){let t=(e.detail.y-(this._yearScroller.getBoundingClientRect().top+this._yearScroller.clientHeight/2))/this._yearScroller.itemHeight;this._scrollToPosition(this._monthScroller.position+t*12,!0)}}_scrollToPosition(e,t){if(this._targetPosition!==void 0){this._targetPosition=e;return}if(!t){this._monthScroller.position=e,this._monthScroller.forceUpdate(),this._targetPosition=void 0,this._repositionYearScroller(),this.__tryFocusDate();return}this._targetPosition=e;let i;this._revealPromise=new Promise(l=>{i=l});let s=(l,d,c,h)=>(l/=h/2,l<1?c/2*l*l+d:(l-=1,-c/2*(l*(l-2)-1)+d)),r=0,a=this._monthScroller.position,n=l=>{r||(r=l);let d=l-r;if(d<this.scrollDuration){let c=s(d,a,this._targetPosition-a,this.scrollDuration);this._monthScroller.position=c,window.requestAnimationFrame(n)}else this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:!0,composed:!0,detail:{position:this._targetPosition,oldPosition:a}})),this._monthScroller.position=this._targetPosition,this._monthScroller.forceUpdate(),this._targetPosition=void 0,i(),this._revealPromise=void 0;setTimeout(this._repositionYearScroller.bind(this),1)};window.requestAnimationFrame(n)}_limit(e,t){return Math.min(t.max,Math.max(t.min,e))}
2763_handleTrack(e){if(Math.abs(e.detail.dx)<10||Math.abs(e.detail.ddy)>10)return;Math.abs(e.detail.ddx)>this._yearScrollerWidth/3&&this._toggleAnimateClass(!0);let t=this._translateX+e.detail.ddx;this._translateX=this._limit(t,{min:0,max:this._yearScrollerWidth})}_track(e){if(!this._desktopMode)switch(e.detail.state){case"start":this._toggleAnimateClass(!1);break;case"track":this._handleTrack(e);break;case"end":this._toggleAnimateClass(!0),this._translateX>=this._yearScrollerWidth/2?this._closeYearScroller():this._openYearScroller();break}}_toggleAnimateClass(e){e?this.classList.add("animate"):this.classList.remove("animate")}_toggleYearScroller(){this._isYearScrollerVisible()?this._closeYearScroller():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(e){this._desktopMode||(this._monthScroller.style.transform=`translateX(${e-this._yearScrollerWidth}px)`,this._yearScroller.style.transform=`translateX(${e}px)`)}_yearAfterXMonths(e){return Aa(e).getFullYear()}_differenceInMonths(e,t){return(e.getFullYear()-t.getFullYear())*12-t.getMonth()+e.getMonth()}_clear(){this._selectDate("")}_close(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_cancel(){this.focusedDate=this.selectedDate,this._close()}_preventDefault(e){e.preventDefault()}__toggleDate(e){U(e,this.selectedDate)?(this._clear(),this.focusedDate=e):this._selectDate(e)}__onMonthCalendarKeyDown(e){let t=!1;switch(e.key){case"ArrowDown":this._moveFocusByDays(7),t=!0;break;case"ArrowUp":this._moveFocusByDays(-7),t=!0;break;case"ArrowRight":this._moveFocusByDays(this.__isRTL?-1:1),t=!0;break;case"ArrowLeft":this._moveFocusByDays(this.__isRTL?1:-1),t=!0;break;case"Enter":this._selectDate(this.focusedDate)&&(this._close(),t=!0);break;case" ":this.__toggleDate(this.focusedDate),t=!0;break;case"Home":this._moveFocusInsideMonth(this.focusedDate,"minDate"),t=!0;break;case"End":this._moveFocusInsideMonth(this.focusedDate,"maxDate"),t=!0;break;case"PageDown":this._moveFocusByMonths(e.shiftKey?12:1),t=!0;break;case"PageUp":this._moveFocusByMonths(e.shiftKey?-12:-1),t=!0;break;case"Tab":this._onTabKeyDown(e,"calendar");break}t&&(e.preventDefault(),e.stopPropagation())}_onTabKeyDown(e,t){switch(e.stopPropagation(),t){case"calendar":e.shiftKey&&(e.preventDefault(),this.hasAttribute("fullscreen")?this.focusCancel():this.__focusInput());break;case"today":e.shiftKey&&(e.preventDefault(),this.focusDateElement());break;case"cancel":e.shiftKey||(e.preventDefault(),this.hasAttribute("fullscreen")?this.focusDateElement():this.__focusInput());break}}__onTodayButtonKeyDown(e){e.key==="Tab"&&this._onTabKeyDown(e,"today")}__onCancelButtonKeyDown(e){e.key==="Tab"&&this._onTabKeyDown(e,"cancel")}__focusInput(){this.dispatchEvent(new CustomEvent("focus-input",{bubbles:!0,composed:!0}))}__tryFocusDate(){if(this.__pendingDateFocus){let e=this.focusableDateElement;e&&U(e.date,this.__pendingDateFocus)&&(delete this.__pendingDateFocus,e.focus())}}focusDate(e,t){return ft(this,null,function*(){let i=e||this.selectedDate||this.initialPosition||new Date;this.focusedDate=i,t||(this._focusedMonthDate=i.getDate()),yield this.focusDateElement(!1)})}focusDateElement(e=!0){return ft(this,null,function*(){this.__pendingDateFocus=this.focusedDate,this.calendars.length||(yield new Promise(t=>{ss(this,()=>{ds(),t()})})),e&&this.revealDate(this.focusedDate),this._revealPromise&&(yield this._revealPromise),this.__tryFocusDate()})}_focusClosestDate(e){this.focusDate(Ea(e,[this.minDate,this.maxDate]))}_focusAllowedDate(e,t,i){this._dateAllowed(e,void 0,void 0,()=>!1)?this.focusDate(e,i):this._dateAllowed(this.focusedDate)?t>0?this.focusDate(this.maxDate):this.focusDate(this.minDate):this._focusClosestDate(this.focusedDate)}_getDateDiff(e,t){let i=new Date(0,0);return i.setFullYear(this.focusedDate.getFullYear()),i.setMonth(this.focusedDate.getMonth()+e),t&&i.setDate(this.focusedDate.getDate()+t),i}_moveFocusByDays(e){let t=this._getDateDiff(0,e);this._focusAllowedDate(t,e,!1)}_moveFocusByMonths(e){let t=this._getDateDiff(e),i=t.getMonth();this._focusedMonthDate||(this._focusedMonthDate=this.focusedDate.getDate()),t.setDate(this._focusedMonthDate),t.getMonth()!==i&&t.setDate(0),this._focusAllowedDate(t,e,!0)}_moveFocusInsideMonth(e,t){let i=new Date(0,0);i.setFullYear(e.getFullYear()),t==="minDate"?(i.setMonth(e.getMonth()),i.setDate(1)):(i.setMonth(e.getMonth()+1),i.setDate(0)),this._dateAllowed(i)?this.focusDate(i):this._dateAllowed(e)?this.focusDate(this[t]):this._focusClosestDate(e)}_dateAllowed(e,t=this.minDate,i=this.maxDate,s=this.isDateDisabled){return xe(e,t,i,s)}_isTodayAllowed(e,t,i){return this._dateAllowed(this._getTodayMidnight(),e,t,i)}_getTodayMidnight(){let e=new Date,t=new Date(0,0);return t.setFullYear(e.getFullYear()),t.setMonth(e.getMonth()),t.setDate(e.getDate()),t}};var Fc=u` 2764 :host { 2765 display: flex; 2766 flex-direction: column; 2767 height: 100%; 2768 width: 100%; 2769 outline: none; 2770 } 2771 2772 [part='overlay-header'] { 2773 display: flex; 2774 flex-shrink: 0; 2775 flex-wrap: nowrap; 2776 align-items: center; 2777 } 2778 2779 :host(:not([fullscreen])) [part='overlay-header'] { 2780 display: none; 2781 } 2782 2783 [part='label'] { 2784 flex-grow: 1; 2785 } 2786 2787 [hidden] { 2788 display: none !important; 2789 } 2790 2791 [part='years-toggle-button'] { 2792 display: flex; 2793 } 2794 2795 #scrollers { 2796 display: flex; 2797 height: 100%; 2798 width: 100%; 2799 position: relative; 2800 overflow: hidden; 2801 } 2802 2803 :host([desktop]) ::slotted([slot='months']) { 2804 right: 50px; 2805 transform: none !important; 2806 } 2807 2808 :host([desktop]) ::slotted([slot='years']) { 2809 transform: none !important; 2810 } 2811 2812 :host(.animate) ::slotted([slot='months']), 2813 :host(.animate) ::slotted([slot='years']) { 2814 transition: all 200ms; 2815 } 2816 2817 [part='toolbar'] { 2818 display: flex; 2819 justify-content: space-between; 2820 z-index: 2; 2821 flex-shrink: 0; 2822 } 2823`;_("vaadin-date-picker-overlay-content",Fc,{moduleId:"vaadin-date-picker-overlay-content-styles"});var to=class extends Vc($(C(M(b)))){static get template(){return g` 2824 <div part="overlay-header" on-touchend="_preventDefault" aria-hidden="true"> 2825 <div part="label">[[_formatDisplayed(selectedDate, i18n, label)]]</div> 2826 <div part="clear-button" hidden$="[[!selectedDate]]"></div> 2827 <div part="toggle-button"></div> 2828 2829 <div part="years-toggle-button" hidden$="[[_desktopMode]]" aria-hidden="true"> 2830 [[_yearAfterXMonths(_visibleMonthIndex)]] 2831 </div> 2832 </div> 2833 2834 <div id="scrollers"> 2835 <slot name="months"></slot> 2836 <slot name="years"></slot> 2837 </div> 2838 2839 <div on-touchend="_preventDefault" role="toolbar" part="toolbar"> 2840 <slot name="today-button"></slot> 2841 <slot name="cancel-button"></slot> 2842 </div> 2843 `}static get is(){return"vaadin-date-picker-overlay-content"}ready(){super.ready(),this.setAttribute("role","dialog"),this._addListeners(),this._initControllers()}};v(to);var ni=new WeakMap;function Bc(o){return ni.has(o)||ni.set(o,new Set),ni.get(o)}function Rc(o,e){let t=document.createElement("style");t.textContent=o,e===document?document.head.appendChild(t):e.insertBefore(t,e.firstChild)}var Da=k(o=>class extends o{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){let e=this.getRootNode(),t=Bc(e);
2843this.slotStyles.forEach(i=>{t.has(i)||(Rc(i,e),t.add(i))})}});var $c=o=>class extends et(ne(o)){static get properties(){return{clearButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1}}}get clearElement(){return console.warn(`Please implement the 'clearElement' property in <${this.localName}>`),null}ready(){super.ready(),this.clearElement&&(this.clearElement.addEventListener("mousedown",e=>this._onClearButtonMouseDown(e)),this.clearElement.addEventListener("click",e=>this._onClearButtonClick(e)))}_onClearButtonClick(e){e.preventDefault(),this._onClearAction()}_onClearButtonMouseDown(e){e.preventDefault(),Bi||this.inputElement.focus()}_onEscape(e){super._onEscape(e),this.clearButtonVisible&&this.value&&!this.readonly&&(e.stopPropagation(),this._onClearAction())}_onClearAction(){this._inputElementValue="",this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.inputElement.dispatchEvent(new Event("change",{bubbles:!0}))}};var us=k(o=>class extends Qo(es(et(o))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready(),this._createConstraintsObserver()}checkValidity(){return this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map(e=>this[e]))?this.inputElement.checkValidity():!this.invalid}_hasValidConstraints(e){return e.some(t=>this.__isValidConstraint(t))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(e,...t){if(!e)return;let i=this._hasValidConstraints(t),s=this.__previousHasConstraints&&!i;(this._hasValue||this.invalid)&&i?this.validate():s&&this._setInvalid(!1),this.__previousHasConstraints=i}_onChange(e){e.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable}))}__isValidConstraint(e){return!!e||e===0}});var jt=o=>class extends Da(Bt(us(Rt($c(ne(o)))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:!1},name:{type:String,reflectToAttribute:!0},placeholder:{type:String,reflectToAttribute:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},title:{type:String,reflectToAttribute:!0}}}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 slotStyles(){return[` 2844 :is(input[slot='input'], textarea[slot='textarea'])::placeholder { 2845 font: inherit; 2846 color: inherit; 2847 } 2848 `]}_onFocus(e){super._onFocus(e),this.autoselect&&this.inputElement&&this.inputElement.select()}_onChange(e){e.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable}))}_addInputListeners(e){super._addInputListeners(e),e.addEventListener("paste",this._boundOnPaste),e.addEventListener("drop",this._boundOnDrop),e.addEventListener("beforeinput",this._boundOnBeforeInput)}_removeInputListeners(e){super._removeInputListeners(e),e.removeEventListener("paste",this._boundOnPaste),e.removeEventListener("drop",this._boundOnDrop),e.removeEventListener("beforeinput",this._boundOnBeforeInput)}_onKeyDown(e){super._onKeyDown(e),this.allowedCharPattern&&!this.__shouldAcceptKey(e)&&e.target===this.inputElement&&(e.preventDefault(),this._markInputPrevented())}_markInputPrevented(){this.setAttribute("input-prevented",""),this._preventInputDebouncer=N.debounce(this._preventInputDebouncer,G.after(200),()=>{this.removeAttribute("input-prevented")})}__shouldAcceptKey(e){return e.metaKey||e.ctrlKey||!e.key||e.key.length!==1||this.__allowedCharRegExp.test(e.key)}_onPaste(e){if(this.allowedCharPattern){let t=e.clipboardData.getData("text");this.__allowedTextRegExp.test(t)||(e.preventDefault(),this._markInputPrevented())}}_onDrop(e){if(this.allowedCharPattern){let t=e.dataTransfer.getData("text");this.__allowedTextRegExp.test(t)||(e.preventDefault(),this._markInputPrevented())}}_onBeforeInput(e){this.allowedCharPattern&&e.data&&!this.__allowedTextRegExp.test(e.data)&&(e.preventDefault(),this._markInputPrevented())}_allowedCharPatternChanged(e){if(e)try{this.__allowedCharRegExp=new RegExp(`^${e}$`,"u"),this.__allowedTextRegExp=new RegExp(`^${e}*$`,"u")}catch(t){console.error(t)}}};var Hc=u` 2849 [part='clear-button'] { 2850 display: none; 2851 cursor: default; 2852 } 2853 2854 [part='clear-button']::before { 2855 content: '\\2715'; 2856 } 2857 2858 :host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] { 2859 display: block; 2860 } 2861`;var Oa=u` 2862 :host { 2863 display: inline-flex; 2864 outline: none; 2865 } 2866 2867 :host::before { 2868 content: '\\2003'; 2869 width: 0; 2870 display: inline-block; 2871 /* Size and position this element on the same vertical position as the input-field element 2872 to make vertical align for the host element work as expected */ 2873 } 2874 2875 :host([hidden]) { 2876 display: none !important; 2877 } 2878 2879 :host(:not([has-label])) [part='label'] { 2880 display: none; 2881 } 2882 2883 @media (forced-colors: active) { 2884 :host(:not([readonly])) [part='input-field'] { 2885 outline: 1px solid; 2886 outline-offset: -1px; 2887 } 2888 :host([focused]) [part='input-field'] { 2889 outline-width: 2px; 2890 } 2891 :host([disabled]) [part='input-field'] { 2892 outline-color: GrayText; 2893 } 2894 } 2895`;var La=u` 2896 [class$='container'] { 2897 display: flex; 2898 flex-direction: column; 2899 min-width: 100%; 2900 max-width: 100%; 2901 width: var(--vaadin-field-default-width, 12em); 2902 } 2903`;var Ut=[Oa,La,Hc];var ot=o=>class extends o{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(e,t){if(!t||e===void 0)return;let{classList:i}=t;if(this.__initialClasses||(this.__initialClasses=new Set(i)),Array.isArray(this.__previousClasses)){let r=this.__previousClasses.filter(a=>!this.__initialClasses.has(a));r.length>0&&i.remove(...r)}
2903let s=typeof e=="string"?e.split(" ").filter(Boolean):[];s.length>0&&i.add(...s),this.__previousClasses=s}};var Tt=class{constructor(e){this.host=e,e.addEventListener("opened-changed",()=>{e.opened||this.__setVirtualKeyboardEnabled(!1)}),e.addEventListener("blur",()=>this.__setVirtualKeyboardEnabled(!0)),e.addEventListener("touchstart",()=>this.__setVirtualKeyboardEnabled(!0))}__setVirtualKeyboardEnabled(e){this.host.inputElement&&(this.host.inputElement.inputMode=e?"":"none")}};var jc=o=>class extends ot($(Bt(us(ne(o))))){static get properties(){return{_selectedDate:{type:Object,sync:!0},_focusedDate:{type:Object,sync:!0},value:{type:String,notify:!0,value:"",sync:!0},initialPosition:String,opened:{type:Boolean,reflectToAttribute:!0,notify:!0,observer:"_openedChanged",sync:!0},autoOpenDisabled:Boolean,showWeekNumbers:{type:Boolean,value:!1,sync:!0},_fullscreen:{type:Boolean,value:!1,sync:!0},_fullscreenMediaQuery:{value:"(max-width: 450px), (max-height: 450px)"},i18n:{type:Object,sync:!0,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,today:"Today",cancel:"Cancel",referenceDate:"",formatDate(e){let t=String(e.year).replace(/\d+/u,i=>"0000".substr(i.length)+i);return[e.month+1,e.day,t].join("/")},parseDate(e){let t=e.split("/"),i=new Date,s,r=i.getMonth(),a=i.getFullYear();if(t.length===3){if(r=parseInt(t[0])-1,s=parseInt(t[1]),a=parseInt(t[2]),t[2].length<3&&a>=0){let n=this.referenceDate?Pe(this.referenceDate):new Date;a=pc(n,a,r,s)}}else t.length===2?(r=parseInt(t[0])-1,s=parseInt(t[1])):t.length===1&&(s=parseInt(t[0]));if(s!==void 0)return{day:s,month:r,year:a}},formatTitle:(e,t)=>
2903`${e} ${t}`})},min:{type:String,sync:!0},max:{type:String,sync:!0},isDateDisabled:{type:Function},_minDate:{type:Date,computed:"__computeMinOrMaxDate(min)",sync:!0},_maxDate:{type:Date,computed:"__computeMinOrMaxDate(max)",sync:!0},_noInput:{type:Boolean,computed:"_isNoInput(inputElement, _fullscreen, _ios, i18n, opened, autoOpenDisabled)"},_ios:{type:Boolean,value:rs},_focusOverlayOnOpen:Boolean,_overlayContent:{type:Object,sync:!0},_hasInputValue:{type:Boolean}}}static get observers(){return["_selectedDateChanged(_selectedDate, i18n)","_focusedDateChanged(_focusedDate, i18n)","__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled)","__updateOverlayContentTheme(_overlayContent, _theme)","__updateOverlayContentFullScreen(_overlayContent, _fullscreen)"]}static get constraints(){return[...super.constraints,"min","max"]}constructor(){super(),this._boundOnClick=this._onClick.bind(this),this._boundOnScroll=this._onScroll.bind(this),this._boundOverlayRenderer=this._overlayRenderer.bind(this)}get _inputElementValue(){return super._inputElementValue}set _inputElementValue(e){super._inputElementValue=e,this._hasInputValue=!1}get clearElement(){return null}get _nativeInput(){return this.inputElement?this.inputElement.focusElement||this.inputElement:null}get __unparsableValue(){return!this._inputElementValue||this.__parseDate(this._inputElementValue)?"":this._inputElementValue}_onFocus(e){super._onFocus(e),this._noInput&&!Ft()&&e.target.blur()}_onBlur(e){super._onBlur(e),this.opened||(this.__commitParsedOrFocusedDate(),document.hasFocus()&&this.validate())}ready(){super.ready(),this.addEventListener("click",this._boundOnClick),this.addController(new Qe(this._fullscreenMediaQuery,t=>{this._fullscreen=t})),this.addController(new Tt(this));let e=this.$.overlay;this._overlayElement=e,e.renderer=this._boundOverlayRenderer,this.addEventListener("mousedown",()=>this.__bringToFront()),this.addEventListener("touchstart",()=>this.__bringToFront())}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}open(){!this.disabled&&!this.readonly&&(this.opened=!0)}close(){this.$.overlay.close()}_overlayRenderer(e){if(e.firstChild)return;let t=document.createElement("vaadin-date-picker-overlay-content");e.appendChild(t),this._overlayContent=t,t.addEventListener("close",()=>{this._close()}),t.addEventListener("focus-input",this._focusAndSelect.bind(this)),t.addEventListener("date-tap",i=>{this.__commitDate(i.detail.date),this._close()}),t.addEventListener("date-selected",i=>{this.__commitDate(i.detail.date)}),t.addEventListener("focusin",()=>{this._keyboardActive&&this._setFocused(!0)}),t.addEventListener("focusout",i=>{this._shouldRemoveFocus(i)&&this._setFocused(!1)}),t.addEventListener("focused-date-changed",i=>{this._focusedDate=i.detail.value}),t.addEventListener("click",i=>i.stopPropagation())}__parseDate(e){if(!this.i18n.parseDate)return;let t=this.i18n.parseDate(e);if(t&&(t=Pe(`${t.year}-${t.month+1}-${t.day}`)),t&&!isNaN(t.getTime()))return t}__formatDate(e){if(this.i18n.formatDate)return this.i18n.formatDate(ls(e))}checkValidity(){let e=this._inputElementValue,t=!e||!!this._selectedDate&&e===this.__formatDate(this._selectedDate),i=!this._selectedDate||xe(this._selectedDate,this._minDate,this._maxDate,this.isDateDisabled),s=!0;return this.inputElement&&(this.inputElement.checkValidity?s=this.inputElement.checkValidity():this.inputElement.validate&&(s=this.inputElement.validate())),t&&i&&s}_shouldSetFocus(e){return!this._shouldKeepFocusRing}_shouldRemoveFocus(e){let{relatedTarget:t}=e;return this.opened&&t!==null&&t!==document.body&&!this.contains(t)&&!this._overlayContent.contains(t)?!0:!this.opened}_setFocused(e){super._setFocused(e),this._shouldKeepFocusRing=e&&this._keyboardActive}__commitValueChange(){let e=this.__unparsableValue;this.__committedValue!==this.value?(this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValue!==e&&(this.validate(),this.dispatchEvent(new CustomEvent("unparsable-change"))),this.__committedValue=this.value,this.__committedUnparsableValue=e}__commitDate(e){this.__keepCommittedValue=!0,this._selectedDate=e,this.__keepCommittedValue=!1,this.__commitValueChange()}_close(){this._focus(),this.close()}__bringToFront(){requestAnimationFrame(()=>{this.$.overlay.bringToFront()})}_isNoInput(e,t,i,s,r,a){return!e||t&&(!a||r)||i&&r||!s.parseDate}_formatISO(e){return _c(e)}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.autocomplete="off",e.setAttribute("role","combobox"),e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-expanded",!!this.opened),this._applyInputValue(this._selectedDate))}_openedChanged(e){this.inputElement&&this.inputElement.setAttribute("aria-expanded",e)}_selectedDateChanged(e,t){e===void 0||t===void 0||(this.__keepInputValue||this._applyInputValue(e),this.value=this._formatISO(e),this._ignoreFocusedDateChange=!0,this._focusedDate=e,this._ignoreFocusedDateChange=!1)}_focusedDateChanged(e,t){e===void 0||t===void 0||!this._ignoreFocusedDateChange&&!this._noInput&&this._applyInputValue(e)}_valueChanged(e,t){let i=Pe(e);if(e&&!i){this.value=t;return}e?U(this._selectedDate,i)||(this._selectedDate=i,t!==void 0&&this.validate()):this._selectedDate=null,this.__keepCommittedValue||(this.__committedValue=this.value,this.__committedUnparsableValue=""),this._toggleHasValue(this._hasValue)}__updateOverlayContent(e,t,i,s,r,a,n,l,d){e&&(e.i18n=t,e.label=i,e.minDate=s,e.maxDate=r,e.focusedDate=a,e.selectedDate=n,e.showWeekNumbers=l,e.isDateDisabled=d)}__updateOverlayContentTheme(e,t){e&&(t?e.setAttribute("theme",t):e.removeAttribute("theme"))}__updateOverlayContentFullScreen(e,t){e&&e.toggleAttribute("fullscreen",t)}_onOverlayEscapePress(){this._focusedDate=this._selectedDate,this._closedByEscape=!0,this._close(),this._closedByEscape=!1}_onOverlayOpened(){let e=this._overlayContent;e.reset();let t=this._getInitialPosition();e.initialPosition=t;let i=e.focusedDate||t;e.scrollToDate(i),this._ignoreFocusedDateChange=!0,e.focusedDate=i,this._ignoreFocusedDateChange=!1,window.addEventListener("scroll",this._boundOnScroll,!0),this._focusOverlayOnOpen?(e.focu
2903sDateElement(),this._focusOverlayOnOpen=!1):this._focus();let s=this._nativeInput;this._noInput&&s&&(s.blur(),this._overlayContent.focusDateElement());let r=this._noInput?e:[s,e];this.__showOthers=xa(r)}_getInitialPosition(){let e=Pe(this.initialPosition),t=this._selectedDate||this._overlayContent.initialPosition||e||new Date;return e||xe(t,this._minDate,this._maxDate,this.isDateDisabled)?t:this._minDate||this._maxDate?Ea(t,[this._minDate,this._maxDate]):new Date}__commitParsedOrFocusedDate(){if(this._ignoreFocusedDateChange=!0,this.i18n.parseDate){let e=this._inputElementValue||"",t=this.__parseDate(e);t?this.__commitDate(t):(this.__keepInputValue=!0,this.__commitDate(null),this.__keepInputValue=!1)}else this._focusedDate&&this.__commitDate(this._focusedDate);this._ignoreFocusedDateChange=!1}_onOverlayClosed(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null),window.removeEventListener("scroll",this._boundOnScroll,!0),this._closedByEscape&&this._applyInputValue(this._selectedDate),this.__commitParsedOrFocusedDate(),this._nativeInput&&this._nativeInput.selectionStart&&(this._nativeInput.selectionStart=this._nativeInput.selectionEnd),!this.value&&!this._keyboardActive&&this.validate()}_onScroll(e){(e.target===window||!this._overlayContent.contains(e.target))&&this._overlayContent._repositionYearScroller()}_focus(){this._noInput||this.inputElement.focus()}_focusAndSelect(){this._focus(),this._setSelectionRange(0,this._inputElementValue.length)}_applyInputValue(e){this._inputElementValue=e?this.__formatDate(e):""}_setSelectionRange(e,t){this._nativeInput&&this._nativeInput.setSelectionRange&&this._nativeInput.setSelectionRange(e,t)}_onChange(e){e.stopPropagation()}_onClick(e){this._isClearButton(e)||this._onHostClick(e)}_onHostClick(e){(!this.autoOpenDisabled||this._noInput)&&(e.preventDefault(),this.open())}_onClearButtonClick(e){e.preventDefault(),this.__commitDate(null)}_onKeyDown(e){switch(super._onKeyDown(e),this._noInput&&[9].indexOf(e.keyCode)===-1&&e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.opened?this._overlayContent.focusDateElement():(this._focusOverlayOnOpen=!0,this.open());break;case"Tab":this.opened&&(e.preventDefault(),e.stopPropagation(),this._setSelectionRange(0,0),e.shiftKey?this._overlayContent.focusCancel():this._overlayContent.focusDateElement());break}}_onEnter(e){this.opened?this.close():this.__commitParsedOrFocusedDate()}_onEscape(e){if(!this.opened){if(this.clearButtonVisible&&this.value&&!this.readonly){e.stopPropagation(),this._onClearButtonClick(e);return}this.inputElement.value===""?this.__commitDate(null):this._applyInputValue(this._selectedDate)}}_isClearButton(e){return e.composedPath()[0]===this.clearElement}_onInput(){if(!this.opened&&this._inputElementValue&&!this.autoOpenDisabled&&this.open(),this._inputElementValue){let e=this.__parseDate(this._inputElementValue);e&&(this._ignoreFocusedDateChange=!0,U(e,this._focusedDate)||(this._focusedDate=e),this._ignoreFocusedDateChange=!1)}}__computeMinOrMaxDate(e){return Pe(e)}};var Uc=u` 2904 :host([opened]) { 2905 pointer-events: auto; 2906 } 2907 2908 :host([dir='rtl']) [part='input-field'] { 2909 direction: ltr; 2910 } 2911 2912 :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder { 2913 direction: rtl; 2914 text-align: left; 2915 } 2916`;_("vaadin-date-picker",[Ut,Uc],{moduleId:"vaadin-date-picker-styles"});var io=class extends jc(jt(C(V(b)))){static get is(){return"vaadin-date-picker"}static get template(){return g` 2917 <div class="vaadin-date-picker-container"> 2918 <div part="label"> 2919 <slot name="label"></slot> 2920 <span part="required-indicator" aria-hidden="true" on-click="focus"></span> 2921 </div> 2922 2923 <vaadin-input-container 2924 part="input-field" 2925 readonly="[[readonly]]" 2926 disabled="[[disabled]]" 2927 invalid="[[invalid]]" 2928 theme$="[[_theme]]" 2929 > 2930 <slot name="prefix" slot="prefix"></slot> 2931 <slot name="input"></slot> 2932 <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div> 2933 <div part="toggle-button" slot="suffix" aria-hidden="true" on-click="_toggle"></div> 2934 </vaadin-input-container> 2935 2936 <div part="helper-text"> 2937 <slot name="helper"></slot> 2938 </div> 2939 2940 <div part="error-message"> 2941 <slot name="error-message"></slot> 2942 </div> 2943 </div> 2944 2945 <vaadin-date-picker-overlay 2946 id="overlay" 2947 fullscreen$="[[_fullscreen]]" 2948 theme$="[[_theme]]" 2949 opened="{{opened}}" 2950 on-vaadin-overlay-escape-press="_onOverlayEscapePress" 2951 on-vaadin-overlay-open="_onOverlayOpened" 2952 on-vaadin-overlay-closing="_onOverlayClosed" 2953 restore-focus-on-close 2954 restore-focus-node="[[inputElement]]" 2955 ></vaadin-date-picker-overlay> 2956 2957 <slot name="tooltip"></slot> 2958 `}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new se(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e},{uniqueIdPrefix:"search-input"})),this.addController(new re(this.inputElement,this._labelController)),this._tooltipController=new B(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this.shadowRoot.querySelector('[part="toggle-button"]').addEventListener("mousedown",e=>e.preventDefault()),this.$.overlay.addEventListener("vaadin-overlay-close",this._onVaadinOverlayClose.bind(this))}_onVaadinOverlayClose(e){e.detail.sourceEvent&&e.detail.sourceEvent.composedPath().includes(this)&&e.preventDefault()}_toggle(e){e.stopPropagation(),this.$.overlay.opened?this.close():this.open()}_openedChanged(e){super._openedChanged(e),this.$.overlay.positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this.$.overlay.noVerticalOverlap=!0}};v(io);_("vaadin-text-field",de,{moduleId:"lumo-text-field-styles"});var qc=o=>class extends jt(o){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),t!==void 0&&this.invalid&&this.validate()}};var Wc=o=>class extends qc(o){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new se(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new re(this.inputElement,this._labelController))}};_("vaadin-text-field",Ut,{moduleId:"vaadin-text-field-styles"});var Dt=class extends Wc(C(V(b))){static get is(){return"vaadin-text-field"}static get template(){return g` 2959 <div class="vaadin-field-container"> 2960 <div part="label"> 2961 <slot name="label"></slot>
2962 <span part="required-indicator" aria-hidden="true" on-click="focus"></span> 2963 </div> 2964 2965 <vaadin-input-container 2966 part="input-field" 2967 readonly="[[readonly]]" 2968 disabled="[[disabled]]" 2969 invalid="[[invalid]]" 2970 theme$="[[_theme]]" 2971 > 2972 <slot name="prefix" slot="prefix"></slot> 2973 <slot name="input"></slot> 2974 <slot name="suffix" slot="suffix"></slot> 2975 <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div> 2976 </vaadin-input-container> 2977 2978 <div part="helper-text"> 2979 <slot name="helper"></slot> 2980 </div> 2981 2982 <div part="error-message"> 2983 <slot name="error-message"></slot> 2984 </div> 2985 </div> 2986 <slot name="tooltip"></slot> 2987 `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new B(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}};v(Dt);var Yc=u` 2988 :host { 2989 position: absolute; 2990 right: 0; 2991 top: 0; 2992 margin: 0; 2993 padding: 0; 2994 width: 100%; 2995 height: 100%; 2996 min-width: auto; 2997 background: transparent; 2998 outline: none; 2999 } 3000`;_("vaadin-password-field-button",[ga,Yc],{moduleId:"lumo-password-field-button"});var Kc=u` 3001 [part='reveal-button']::before { 3002 content: var(--lumo-icons-eye); 3003 } 3004 3005 :host([password-visible]) [part='reveal-button']::before { 3006 content: var(--lumo-icons-eye-disabled); 3007 } 3008 3009 /* Make it easy to hide the button across the whole app */ 3010 [part='reveal-button'] { 3011 position: relative; 3012 display: var(--lumo-password-field-reveal-button-display, block); 3013 } 3014 3015 [part='reveal-button'][hidden] { 3016 display: none !important; 3017 } 3018`;_("vaadin-password-field",[de,Kc],{moduleId:"lumo-password-field"});_("vaadin-password-field-button",ka,{moduleId:"vaadin-password-field-button-styles"});var oo=class extends ns(M(C(b))){static get is(){return"vaadin-password-field-button"}static get template(){return g``}};v(oo);var Gc=o=>class extends Da(Ce(le(et(o)))){static get properties(){return{revealButtonHidden:{type:Boolean,observer:"_revealButtonHiddenChanged",value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_passwordVisibleChanged",readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get observers(){return["__i18nChanged(i18n)"]}constructor(){super(),this._setType("password"),this.__boundRevealButtonClick=this._onRevealButtonClick.bind(this),this.__boundRevealButtonMouseDown=this._onRevealButtonMouseDown.bind(this),this.__lastChange=""}get slotStyles(){let e=this.localName;return[...super.slotStyles,` 3019 ${e} [slot="input"]::-ms-reveal { 3020 display: none; 3021 } 3022 `]}get _revealNode(){return this._revealButtonController&&this._revealButtonController.node}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part="reveal-button"]'),this._revealButtonController=new T(this,"reveal","vaadin-password-field-button",{initializer:e=>{e.disabled=this.disabled,e.addEventListener("click",this.__boundRevealButtonClick),e.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.__updateAriaLabel(this.i18n),this._updateToggleState(!1),this._toggleRevealHidden(this.revealButtonHidden),this.inputElement&&(this.inputElement.autocapitalize="off")}_onChange(e){super._onChange(e),this.__lastChange=this.inputElement.value}_shouldSetFocus(e){return e.target===this.inputElement||e.target===this._revealNode}_shouldRemoveFocus(e){return!(e.relatedTarget===this._revealNode||e.relatedTarget===this.inputElement&&e.target===this._revealNode)}_setFocused(e){if(super._setFocused(e),!e)this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})));else{let t=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!t)}}__updateAriaLabel(e){e&&e.reveal&&this._revealNode&&this._revealNode.setAttribute("aria-label",e.reveal)}__i18nChanged(e){this.__updateAriaLabel(e)}_revealButtonHiddenChanged(e){this._toggleRevealHidden(e)}_togglePasswordVisibility(){this._setPasswordVisible(!this.passwordVisible)}_onRevealButtonClick(){this._togglePasswordVisibility()}_onRevealButtonMouseDown(e){e.preventDefault(),this.inputElement.focus()}_toggleRevealHidden(e){this._revealNode&&(e?(this._revealPart.setAttribute("hidden",""),this._revealNode.setAttribute("tabindex","-1"),this._revealNode.setAttribute("aria-hidden","true")):(this._revealPart.removeAttribute("hidden"),this._revealNode.setAttribute("tabindex","0"),this._revealNode.removeAttribute("aria-hidden")))}_updateToggleState(e){this._revealNode&&this._revealNode.setAttribute("aria-pressed",e?"true":"false")}_passwordVisibleChanged(e){this._setType(e?"text":"password"),this._updateToggleState(e)}_disabledChanged(e,t){super._disabledChanged(e,t),this._revealNode&&(this._revealNode.disabled=e)}};var Xc=g` 3023 <div part="reveal-button" slot="suffix"> 3024 <slot name="reveal"></slot> 3025 </div> 3026`,dt,so=class extends Gc(Dt){static get is(){return"vaadin-password-field"}static get template(){if(!dt){dt=super.template.cloneNode(!0);let e=Xc.content.querySelector('[part="reveal-button"]');dt.content.querySelector('[part="input-field"]').appendChild(e)}return dt}};v(so);var qt=u` 3027 :host { 3028 display: flex; 3029 align-items: center; 3030 box-sizing: border-box; 3031 font-family: var(--lumo-font-family); 3032 font-size: var(--lumo-font-size-m); 3033 line-height: var(--lumo-line-height-xs); 3034 padding: 0.5em calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4) 0.5em 3035 var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4)); 3036 min-height: var(--lumo-size-m); 3037 outline: none; 3038 border-radius: var(--lumo-border-radius-m); 3039 cursor: var(--lumo-clickable-cursor); 3040 -webkit-font-smoothing: antialiased; 3041 -moz-osx-font-smoothing: grayscale; 3042 -webkit-tap-highlight-color: var(--lumo-primary-color-10pct); 3043 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 3044 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 3045 --_selection-color-text: var(--vaadin-selection-color-text, var(--lumo-primary-text-color)); 3046 } 3047 3048 /* Checkmark */ 3049 [part='checkmark']::before { 3050 display: var(--_lumo-item-selected-icon-display, none); 3051 content: var(--lumo-icons-checkmark); 3052 font-family: lumo-icons; 3053 font-size: var(--lumo-icon-size-m); 3054 line-height: 1; 3055 font-weight: normal; 3056 width: 1em; 3057 height: 1em; 3058 margin: calc((1 - var(--lumo-line-height-xs)) * var(--lumo-font-size-m) / 2) 0; 3059 color: var(--_selection-color-text); 3060 flex: none; 3061 opacity: 0; 3062 transition:
3063 transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), 3064 opacity 0.1s; 3065 } 3066 3067 :host([selected]) [part='checkmark']::before { 3068 opacity: 1; 3069 } 3070 3071 :host([active]:not([selected])) [part='checkmark']::before { 3072 transform: scale(0.8); 3073 opacity: 0; 3074 transition-duration: 0s; 3075 } 3076 3077 [part='content'] { 3078 flex: auto; 3079 } 3080 3081 /* Disabled */ 3082 :host([disabled]) { 3083 color: var(--lumo-disabled-text-color); 3084 cursor: default; 3085 pointer-events: none; 3086 } 3087 3088 /* TODO a workaround until we have "focus-follows-mouse". After that, use the hover style for focus-ring as well */ 3089 @media (any-hover: hover) { 3090 :host(:hover:not([disabled])) { 3091 background-color: var(--lumo-primary-color-10pct); 3092 } 3093 } 3094 3095 :host([focus-ring]:not([disabled])) { 3096 box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color); 3097 } 3098 3099 /* RTL specific styles */ 3100 :host([dir='rtl']) { 3101 padding-left: calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4); 3102 padding-right: var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4)); 3103 } 3104 3105 /* Slotted icons */ 3106 :host ::slotted(vaadin-icon) { 3107 width: var(--lumo-icon-size-m); 3108 height: var(--lumo-icon-size-m); 3109 } 3110`;_("vaadin-item",qt,{moduleId:"lumo-item"});var za=u` 3111 :host { 3112 transition: background-color 100ms; 3113 overflow: hidden; 3114 --_lumo-item-selected-icon-display: block; 3115 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 3116 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 3117 } 3118 3119 :host([focused]:not([disabled])) { 3120 box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color); 3121 } 3122`;_("vaadin-combo-box-item",[qt,za],{moduleId:"lumo-combo-box-item"});var Na=u` 3123 [part~='loader'] { 3124 box-sizing: border-box; 3125 width: var(--lumo-icon-size-s); 3126 height: var(--lumo-icon-size-s); 3127 border: 2px solid transparent; 3128 border-color: var(--lumo-primary-color-10pct) var(--lumo-primary-color-10pct) var(--lumo-primary-color) 3129 var(--lumo-primary-color); 3130 border-radius: calc(0.5 * var(--lumo-icon-size-s)); 3131 opacity: 0; 3132 pointer-events: none; 3133 } 3134 3135 :host(:not([loading])) [part~='loader'] { 3136 display: none; 3137 } 3138 3139 :host([loading]) [part~='loader'] { 3140 animation: 3141 1s linear infinite lumo-loader-rotate, 3142 0.3s 0.1s lumo-loader-fade-in both; 3143 } 3144 3145 @keyframes lumo-loader-fade-in { 3146 0% { 3147 opacity: 0; 3148 } 3149 3150 100% { 3151 opacity: 1; 3152 } 3153 } 3154 3155 @keyframes lumo-loader-rotate { 3156 0% { 3157 transform: rotate(0deg); 3158 } 3159 3160 100% { 3161 transform: rotate(360deg); 3162 } 3163 } 3164`,Ma=u` 3165 [part='content'] { 3166 padding: 0; 3167 } 3168 3169 /* When items are empty, the spinner needs some room */ 3170 :host(:not([closing])) [part~='content'] { 3171 min-height: calc(2 * var(--lumo-space-s) + var(--lumo-icon-size-s)); 3172 } 3173 3174 [part~='overlay'] { 3175 position: relative; 3176 } 3177 3178 :host([top-aligned]) [part~='overlay'] { 3179 margin-top: var(--lumo-space-xs); 3180 } 3181 3182 :host([bottom-aligned]) [part~='overlay'] { 3183 margin-bottom: var(--lumo-space-xs); 3184 } 3185`,Va=u` 3186 [part~='loader'] { 3187 position: absolute; 3188 z-index: 1; 3189 inset-inline: var(--lumo-space-s); 3190 top: var(--lumo-space-s); 3191 margin-inline: auto 0; 3192 } 3193`;_("vaadin-combo-box-overlay",[ke,$t,Ma,Na,Va,u` 3194 :host { 3195 --_vaadin-combo-box-items-container-border-width: var(--lumo-space-xs); 3196 --_vaadin-combo-box-items-container-border-style: solid; 3197 } 3198 `],{moduleId:"lumo-combo-box-overlay"});var Jc=u` 3199 [part='toggle-button']::before { 3200 content: var(--lumo-icons-dropdown); 3201 } 3202`;_("vaadin-combo-box",[de,Jc],{moduleId:"lumo-combo-box"});var Fa=o=>class extends o{static get properties(){return{index:{type:Number},item:{type:Object},label:{type:String},selected:{type:Boolean,value:!1,reflectToAttribute:!0},focused:{type:Boolean,value:!1,reflectToAttribute:!0},renderer:{type:Function}}}static get observers(){return["__rendererOrItemChanged(renderer, index, item, selected, focused)","__updateLabel(label, renderer)"]}static get observedAttributes(){return[...super.observedAttributes,"hidden"]}attributeChangedCallback(e,t,i){e==="hidden"&&i!==null?this.index=void 0:super.attributeChangedCallback(e,t,i)}connectedCallback(){super.connectedCallback(),this._owner=this.parentNode.owner;let e=this._owner.getAttribute("dir");e&&this.setAttribute("dir",e)}requestContentUpdate(){if(!this.renderer||this.hidden)return;
3202let e={index:this.index,item:this.item,focused:this.focused,selected:this.selected};this.renderer(this,this._owner,e)}__rendererOrItemChanged(e,t,i){i===void 0||t===void 0||(this._oldRenderer!==e&&(this.innerHTML="",delete this._$litPart$),e&&(this._oldRenderer=e,this.requestContentUpdate()))}__updateLabel(e,t){t||(this.textContent=e)}};var ro=class extends Fa(C(M(b))){static get template(){return g` 3203 <style> 3204 :host { 3205 display: block; 3206 } 3207 3208 :host([hidden]) { 3209 display: none; 3210 } 3211 </style> 3212 <span part="checkmark" aria-hidden="true"></span> 3213 <div part="content"> 3214 <slot></slot> 3215 </div> 3216 `}static get is(){return"vaadin-combo-box-item"}};v(ro);var Ba=o=>class extends as(o){static get observers(){return["_setOverlayWidth(positionTarget, opened)"]}constructor(){super(),this.requiredVerticalSpace=200}connectedCallback(){super.connectedCallback();let e=this._comboBox,t=e&&e.getAttribute("dir");t&&this.setAttribute("dir",t)}_shouldCloseOnOutsideClick(e){let t=e.composedPath();return!t.includes(this.positionTarget)&&!t.includes(this)}_mouseDownListener(e){super._mouseDownListener(e),this._shouldCloseOnOutsideClick(e)&&!Xo(e.composedPath()[0])&&e.preventDefault()}_updateOverlayWidth(){let e=this.localName;this.style.setProperty(`--_${e}-default-width`,`${this.positionTarget.clientWidth}px`);let t=getComputedStyle(this._comboBox).getPropertyValue(`--${e}-width`);t===""?this.style.removeProperty(`--${e}-width`):this.style.setProperty(`--${e}-width`,t)}_setOverlayWidth(e,t){e&&t&&(this._updateOverlayWidth(),this._updatePosition())}};var Qc=u` 3217 #overlay { 3218 width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto)); 3219 } 3220 3221 [part='content'] { 3222 display: flex; 3223 flex-direction: column; 3224 height: 100%; 3225 } 3226`;_("vaadin-combo-box-overlay",[tt,Qc],{moduleId:"vaadin-combo-box-overlay-styles"});var ao=class extends Ba(it(M(C(b)))){static get is(){return"vaadin-combo-box-overlay"}static get template(){return g` 3227 <div id="backdrop" part="backdrop" hidden></div> 3228 <div part="overlay" id="overlay"> 3229 <div part="loader"></div> 3230 <div part="content" id="content"><slot></slot></div> 3231 </div> 3232 `}};v(ao);function Ot(o,e){return o.split(".").reduce((t,i)=>t?t[i]:void 0,e)}var pr=navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u),Zc=pr&&pr[1]>=8,mr=3,eh={_ratio:.5,_scrollerPaddingTop:0,_scrollPosition:0,_physicalSize:0,_physicalAverage:0,_physicalAverageCount:0,_physicalTop:0,_virtualCount:0,_estScrollHeight:0,_scrollHeight:0,_viewportHeight:0,_viewportWidth:0,_physicalItems:null,_physicalSizes:null,_firstVisibleIndexVal:null,_lastVisibleIndexVal:null,_maxPages:2,_templateCost:0,get _physicalBottom(){return this._physicalTop+this._physicalSize},get _scrollBottom(){return this._scrollPosition+this._viewportHeight},get _virtualEnd(){return this._virtualStart+this._physicalCount-1},get _hiddenContentSize(){return this._physicalSize-this._viewportHeight},get _maxScrollTop(){return this._estScrollHeight-this._viewportHeight+this._scrollOffset},get _maxVirtualStart(){let o=this._virtualCount;return Math.max(0,o-this._physicalCount)},get _virtualStart(){return this._virtualStartVal||0},set _virtualStart(o){o=this._clamp(o,0,this._maxVirtualStart),this._virtualStartVal=o},get _physicalStart(){return this._physicalStartVal||0},set _physicalStart(o){o%=this._physicalCount,o<0&&(o=this._physicalCount+o),this._physicalStartVal=o},get _physicalEnd(){return(this._physicalStart+this._physicalCount-1)%this._physicalCount},get _physicalCount(){return this._physicalCountVal||0},set _physicalCount(o){this._physicalCountVal=o},get _optPhysicalSize(){return this._viewportHeight===0?1/0:this._viewportHeight*this._maxPages},get _isVisible(){return!!(this.offsetWidth||this.offsetHeight)},get firstVisibleIndex(){let o=this._firstVisibleIndexVal;if(o==null){let e=this._physicalTop+this._scrollOffset;o=this._iterateItems((t,i)=>{if(e+=this._getPhysicalSizeIncrement(t),e>this._scrollPosition)return i})||0,this._firstVisibleIndexVal=o}return o},get lastVisibleIndex(){let o=this._lastVisibleIndexVal;if(o==null){let e=this._physicalTop+this._scrollOffset;this._iterateItems((t,i)=>{e<this._scrollBottom&&(o=i),e+=this._getPhysicalSizeIncrement(t)}),this._lastVisibleIndexVal=o}return o},get _scrollOffset(){return this._scrollerPaddingTop+this.scrollOffset},_scrollHandler(){let o=Math.max(0,Math.min(this._maxScrollTop,this._scrollTop)),e=o-this._scrollPosition,t=e>=0;if(this._scrollPosition=o,this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,Math.abs(e)>this._physicalSize&&this._physicalSize>0){e-=this._scrollOffset;let i=Math.round(e/this._physicalAverage);this._virtualStart+=i,this._physicalStart+=i,this._physicalTop=Math.min(Math.floor(this._virtualStart)*this._physicalAverage,this._scrollPosition),this._update()}else if(this._physicalCount>0){let i=this._getReusables(t);t?(this._physicalTop=i.physicalTop,this._virtualStart+=i.indexes.length,this._physicalStart+=i.indexes.length):(this._virtualStart-=i.indexes.length,this._physicalStart-=i.indexes.length),this._update(i.indexes,t?null:i.indexes),this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,0),kt)}},_getReusables(o){let e,t,i,s=[],r=this._hiddenContentSize*this._ratio,a=this._virtualStart,n=this._virtualEnd,l=this._physicalCount,d=this._physicalTop+this._scrollOffset,c=this._physicalBottom+this._scrollOffset,h=this._scrollPosition,p=this._scrollBottom;for(o?(e=this._physicalStart,t=h-d):(e=this._physicalEnd,t=c-p);i=this._getPhysicalSizeIncrement(e),t-=i,!(s.length>=l||t<=r);)if(o){if(n+s.length+1>=this._virtualCount||d+i>=h-this._scrollOffset)break;s.push(e),d+=i,e=(e+1)%l}else{if(a-s.length<=0||d+this._physicalSize-i<=p)break;s.push(e),d-=i,e=e===0?l-1:e-1}return{indexes:s,physicalTop:d-this._scrollOffset}},_update(o,e){if(!(o&&o.length===0||this._physicalCount===0)){if(this._assignModels(o),this._updateMetrics(o),e)for(;e.length;){let t=e.pop();this._physicalTop-=this._getPhysicalSizeIncrement(t)}this._positionItems(),this._updateScrollerSize()}},_isClientFull(){return this._scrollBottom!==0&&this._physicalBottom-1>=this._scrollBottom&&this._physicalTop<=this._scrollPosition},_increasePoolIfNeeded(o){let e=this._clamp(this._physicalCount+
vendor: 4,165 bytes, line 3232
3232o,mr,this._virtualCount-this._virtualStart)-this._physicalCount,t=Math.round(this._physicalCount*.5);if(!(e<0)){if(e>0){let i=window.performance.now();[].push.apply(this._physicalItems,this._createPool(e));for(let s=0;s<e;s++)this._physicalSizes.push(0);this._physicalCount+=e,this._physicalStart>this._physicalEnd&&this._isIndexRendered(this._focusedVirtualIndex)&&this._getPhysicalIndex(this._focusedVirtualIndex)<this._physicalEnd&&(this._physicalStart+=e),this._update(),this._templateCost=(window.performance.now()-i)/e,t=Math.round(this._physicalCount*.5)}this._virtualEnd>=this._virtualCount-1||t===0||(this._isClientFull()?this._physicalSize<this._optPhysicalSize&&this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,this._clamp(Math.round(50/this._templateCost),1,t)),oa):this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,t),kt))}},_render(){if(!(!this.isAttached||!this._isVisible))if(this._physicalCount!==0){let o=this._getReusables(!0);this._physicalTop=o.physicalTop,this._virtualStart+=o.indexes.length,this._physicalStart+=o.indexes.length,this._update(o.indexes),this._update(),this._increasePoolIfNeeded(0)}else this._virtualCount>0&&(this.updateViewportBoundaries(),this._increasePoolIfNeeded(mr))},_itemsChanged(o){o.path==="items"&&(this._virtualStart=0,this._physicalTop=0,this._virtualCount=this.items?this.items.length:0,this._physicalIndexForKey={},this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,this._physicalItems||(this._physicalItems=[]),this._physicalSizes||(this._physicalSizes=[]),this._physicalStart=0,this._scrollTop>this._scrollOffset&&this._resetScrollPosition(0),this._debounce("_render",this._render,We))},_iterateItems(o,e){let t,i,s,r;if(arguments.length===2&&e){for(r=0;r<e.length;r++)if(t=e[r],i=this._computeVidx(t),(s=o.call(this,t,i))!=null)return s}else{for(t=this._physicalStart,i=this._virtualStart;t<this._physicalCount;t++,i++)if((s=o.call(this,t,i))!=null)return s;for(t=0;t<this._physicalStart;t++,i++)if((s=o.call(this,t,i))!=null)return s}},_computeVidx(o){return o>=this._physicalStart?this._virtualStart+(o-this._physicalStart):this._virtualStart+(this._physicalCount-this._physicalStart)+o},_positionItems(){this._adjustScrollPosition();let o=this._physicalTop;this._iterateItems(e=>{this.translate3d(0,`${o}px`,0,this._physicalItems[e]),o+=this._physicalSizes[e]})},_getPhysicalSizeIncrement(o){return this._physicalSizes[o]},_adjustScrollPosition(){let o=this._virtualStart===0?this._physicalTop:Math.min(this._scrollPosition+this._physicalTop,0);if(o!==0){this._physicalTop-=o;let e=this._scrollPosition;!Zc&&e>0&&this._resetScrollPosition(e-o)}},_resetScrollPosition(o){this.scrollTarget&&o>=0&&(this._scrollTop=o,this._scrollPosition=this._scrollTop)},_updateScrollerSize(o){let e=this._physicalBottom+Math.max(this._virtualCount-this._physicalCount-this._virtualStart,0)*this._physicalAverage;this._estScrollHeight=e,(o||this._scrollHeight===0||this._scrollPosition>=e-this._physicalSize||Math.abs(e-this._scrollHeight)>=this._viewportHeight)&&(this.$.items.style.height=`${e}px`,this._scrollHeight=e)},scrollToIndex(o){if(typeof o!="number"||o<0||o>this.items.length-1||(Le(),this._physicalCount===0))return;o=this._clamp(o,0,this._virtualCount-1),(!this._isIndexRendered(o)||o>=this._maxVirtualStart)&&(this._virtualStart=o-1),this._assignModels(),this._updateMetrics(),this._physicalTop=this._virtualStart*this._physicalAverage;let e=this._physicalStart,t=this._virtualStart,i=0,s=this._hiddenContentSize;for(;t<o&&i<=s;)i+=this._getPhysicalSizeIncrement(e),e=(e+1)%this._physicalCount,t+=1;this._updateScrollerSize(!0),this._positionItems(),this._resetScrollPosition(this._physicalTop+this._scrollOffset+i),this._increasePoolIfNeeded(0),this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null},_resetAverage(){this._physicalAverage=0,this._physicalAverageCount=0},_resizeHandler(){this._debounce("_render",()=>{this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,this._isVisible?(this.updateViewportBoundaries(),this.toggleScrollListener(!0),this._resetAverage(),this._render()):this.toggleScrollListener(!1)},We)}
3232,_isIndexRendered(o){return o>=this._virtualStart&&o<=this._virtualEnd},_getPhysicalIndex(o){return(this._physicalStart+(o-this._virtualStart))%this._physicalCount},_clamp(o,e,t){return Math.min(t,Math.max(e,o))},_debounce(o,e,t){this._debouncers||(this._debouncers={}),this._debouncers[o]=N.debounce(this._debouncers[o],t,e.bind(this)),sa(this._debouncers[o])}};var th=1e5,li=1e3,Lt=class{constructor({createElements:e,updateElement:t,scrollTarget:i,scrollContainer:s,elementsContainer:r,reorderElements:a}){this.isAttached=!0,this._vidxOffset=0,this.createElements=e,this.updateElement=t,this.scrollTarget=i,this.scrollContainer=s,this.elementsContainer=r||s,this.reorderElements=a,this._maxPages=1.3,this.__placeholderHeight=200,this.__elementHeightQueue=Array(10),this.timeouts={SCROLL_REORDER:500,IGNORE_WHEEL:500,FIX_INVALID_ITEM_POSITIONING:100},this.__resizeObserver=new ResizeObserver(()=>this._resizeHandler()),getComputedStyle(this.scrollTarget).overflow==="visible"&&(this.scrollTarget.style.overflow="auto"),getComputedStyle(this.scrollContainer).position==="static"&&(this.scrollContainer.style.position="relative"),this.__resizeObserver.observe(this.scrollTarget),this.scrollTarget.addEventListener("scroll",()=>this._scrollHandler()),new ResizeObserver(([{contentRect:n}])=>{let l=n.width===0&&n.height===0;!l&&this.__scrollTargetHidden&&this.scrollTarget.scrollTop!==this._scrollPosition&&(this.scrollTarget.scrollTop=this._scrollPosition),this.__scrollTargetHidden=l}).observe(this.scrollTarget),this._scrollLineHeight=this._getScrollLineHeight(),this.scrollTarget.addEventListener("wheel",n=>this.__onWheel(n)),this.scrollTarget.addEventListener("virtualizer-element-focused",n=>this.__onElementFocused(n)),this.elementsContainer.addEventListener("focusin",()=>{this.scrollTarget.dispatchEvent(new CustomEvent("virtualizer-element-focused",{detail:{element:this.__getFocusedElement()}}))}),this.reorderElements&&(this.scrollTarget.addEventListener("mousedown",()=>{this.__mouseDown=!0}),this.scrollTarget.addEventListener("mouseup",()=>{this.__mouseDown=!1,this.__pendingReorder&&this.__reorderElements()}))}get scrollOffset(){return 0}get adjustedFirstVisibleIndex(){return this.firstVisibleIndex+this._vidxOffset}get adjustedLastVisibleIndex(){return this.lastVisibleIndex+this._vidxOffset}get _maxVirtualIndexOffset(){return this.size-this._virtualCount}__hasPlaceholders(){return this.__getVisibleElements().some(e=>e.__virtualizerPlaceholder)}scrollToIndex(e){if(typeof e!="number"||isNaN(e)||this.size===0||!this.scrollTarget.offsetHeight)return;delete this.__pendingScrollToIndex,this._physicalCount<=3&&this.flush(),e=this._clamp(e,0,this.size-1);let t=this.__getVisibleElements().length,i=Math.floor(e/this.size*this._virtualCount);this._virtualCount-i<t?(i=this._virtualCount-(this.size-e),this._vidxOffset=this._maxVirtualIndexOffset):i<t?e<li?(i=e,this._vidxOffset=0):(i=li,this._vidxOffset=e-i):this._vidxOffset=e-i,this.__skipNextVirtualIndexAdjust=!0,super.scrollToIndex(i),this.adjustedFirstVisibleIndex!==e&&this._scrollTop<this._maxScrollTop&&!this.grid&&(this._scrollTop-=this.__getIndexScrollOffset(e)||0),this._scrollHandler(),this.__hasPlaceholders()&&(this.__pendingScrollToIndex=e)}flush(){this.scrollTarget.offsetHeight!==0&&(this._resizeHandler(),Le(),this._scrollHandler(),this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.flush(),this.__scrollReorderDebouncer&&this.__scrollReorderDebouncer.flush(),this.__debouncerWheelAnimationFrame&&this.__debouncerWheelAnimationFrame.flush())}update(e=0,t=this.size-1){let i=[];this.__getVisibleElements().forEach(s=>{s.__virtualIndex>=e&&s.__virtualIndex<=t&&(this.__updateElement(s,s.__virtualIndex,!0),i.push(s))}),this.__afterElementsUpdated(i)}_updateMetrics(e){Le();let t=0,i=0,s=this._physicalAverageCount,r=this._physicalAverage;this._iterateItems((a,n)=>{i+=this._physicalSizes[a],this._physicalSizes[a]=Math.ceil(this.__getBorderBoxHeight(this._physicalItems[a])),t+=this._physicalSizes[a],this._physicalAverageCount+=this._physicalSizes[a]?1:0},e),this._physicalSize=this._physicalSize+t-i,this._physicalAverageCount!==s&&(this._physicalAverage=Math.round((r*s+t)/this._physicalAverageCount))}__getBorderBoxHeight(e){let t=getComputedStyle(e),i=parseFloat(t.height)||0;if(t.boxSizing==="border-box")return i;
3232let s=parseFloat(t.paddingBottom)||0,r=parseFloat(t.paddingTop)||0,a=parseFloat(t.borderBottomWidth)||0,n=parseFloat(t.borderTopWidth)||0;return i+s+r+a+n}__updateElement(e,t,i){e.__virtualizerPlaceholder&&(e.style.paddingTop="",e.style.opacity="",e.__virtualizerPlaceholder=!1),!this.__preventElementUpdates&&(e.__lastUpdatedIndex!==t||i)&&(this.updateElement(e,t),e.__lastUpdatedIndex=t)}__afterElementsUpdated(e){e.forEach(t=>{let i=t.offsetHeight;if(i===0)t.style.paddingTop=`${this.__placeholderHeight}px`,t.style.opacity="0",t.__virtualizerPlaceholder=!0,this.__placeholderClearDebouncer=N.debounce(this.__placeholderClearDebouncer,We,()=>this._resizeHandler());else{this.__elementHeightQueue.push(i),this.__elementHeightQueue.shift();let s=this.__elementHeightQueue.filter(r=>r!==void 0);this.__placeholderHeight=Math.round(s.reduce((r,a)=>r+a,0)/s.length)}}),this.__pendingScrollToIndex!==void 0&&!this.__hasPlaceholders()&&this.scrollToIndex(this.__pendingScrollToIndex)}__getIndexScrollOffset(e){let t=this.__getVisibleElements().find(i=>i.__virtualIndex===e);return t?this.scrollTarget.getBoundingClientRect().top-t.getBoundingClientRect().top:void 0}get size(){return this.__size}set size(e){if(e===this.size)return;this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.cancel(),this._debouncers&&this._debouncers._increasePoolIfNeeded&&this._debouncers._increasePoolIfNeeded.cancel(),this.__preventElementUpdates=!0;let t,i;if(e>0&&(t=this.adjustedFirstVisibleIndex,i=this.__getIndexScrollOffset(t)),this.__size=e,this._itemsChanged({path:"items"}),Le(),e>0){t=Math.min(t,e-1),this.scrollToIndex(t);let s=this.__getIndexScrollOffset(t);i!==void 0&&s!==void 0&&(this._scrollTop+=i-s)}this.__preventElementUpdates=!1,this._isVisible||this._assignModels(),this.elementsContainer.children.length||requestAnimationFrame(()=>this._resizeHandler()),this._resizeHandler(),Le(),this._debounce("_update",this._update,kt)}get _scrollTop(){return this.scrollTarget.scrollTop}set _scrollTop(e){this.scrollTarget.scrollTop=e}get items(){return{length:Math.min(this.size,th)}}get offsetHeight(){return this.scrollTarget.offsetHeight}get $(){return{items:this.scrollContainer}}updateViewportBoundaries(){let e=window.getComputedStyle(this.scrollTarget);this._scrollerPaddingTop=this.scrollTarget===this?0:parseInt(e["padding-top"],10),this._isRTL=e.direction==="rtl",this._viewportWidth=this.elementsContainer.offsetWidth,this._viewportHeight=this.scrollTarget.offsetHeight,this._scrollPageHeight=this._viewportHeight-this._scrollLineHeight,this.grid&&this._updateGridMetrics()}setAttribute(){}_createPool(e){let t=this.createElements(e),i=document.createDocumentFragment();return t.forEach(s=>{s.style.position="absolute",i.appendChild(s),this.__resizeObserver.observe(s)}),this.elementsContainer.appendChild(i),t}_assignModels(e){let t=[];this._iterateItems((i,s)=>{let r=this._physicalItems[i];r.hidden=s>=this.size,r.hidden?delete r.__lastUpdatedIndex:(r.__virtualIndex=s+(this._vidxOffset||0),this.__updateElement(r,r.__virtualIndex),t.push(r))},e),this.__afterElementsUpdated(t)}_isClientFull(){return setTimeout(()=>{this.__clientFull=!0}),this.__clientFull||super._isClientFull()}translate3d(e,t,i,s){s.style.transform=`translateY(${t})`}toggleScrollListener(){}__getFocusedElement(e=this.__getVisibleElements()){return e.find(t=>t.contains(this.elementsContainer.getRootNode().activeElement)||t.contains(this.scrollTarget.getRootNode().activeElement))}__nextFocusableSiblingMissing(e,t){return t.indexOf(e)===t.length-1&&this.size>e.__virtualIndex+1}__previousFocusableSiblingMissing(e,t){return t.indexOf(e)===0&&e.__virtualIndex>0}__onElementFocused(e){if(!this.reorderElements)return;let t=e.detail.element;if(!t)return;let i=this.__getVisibleElements();(this.__previousFocusableSiblingMissing(t,i)||this.__nextFocusableSiblingMissing(t,i))&&this.flush();let s=this.__getVisibleElements();this.__nextFocusableSiblingMissing(t,s)?(this._scrollTop+=Math.ceil(t.getBoundingClientRect().bottom)-Math.floor(this.scrollTarget.getBoundingClientRect().bottom-1),this.flush()):this.__previousFocusableSiblingMissing(t,s)&&(this._scrollTop-=Math.ceil(this.scrollTarget.getBoundingClientRect().top+1)-Math.floor(t.getBoundingClientRect().top),this.flush())}_scrollHandler(){if(this.scrollTarget.offsetHeight===0)return;this._adjustVirtualIndexOffset(this._scrollTop-(this.__previousScrollTop||0));let e=this.scrollTarget.scrollTop-this._scrollPosition;if(super._scrollHandler(),this._physicalCount!==0){let t=e>=0,i=this._getReusables(!t);i.indexes.length&&(this._physicalTop=i.physicalTop,t?(this._virtualStart-=i.indexes.length,this._physicalStart-=i.indexes.length):(this._virtualStart+=i.indexes.length,this._physicalStart+=i.indexes.length),this._resizeHandler())}e&&(this.__fixInvalidItemPositioningDebouncer=N.debounce(this.__fixInvalidItemPositioningDebouncer,G.after(this.timeouts.FIX_INVALID_ITEM_POSITIONING),()=>this.__fixInvalidItemPositioning())),this.reorderElements&&(this.__scrollReorderDebouncer=N.debounce(this.__scrollReorderDebouncer,G.after(this.timeouts.SCROLL_REORDER),()=>this.__reorderElements())),this.__previousScrollTop=this._scrollTop,this._scrollTop===0&&this.first
3232VisibleIndex!==0&&Math.abs(e)>0&&this.scrollToIndex(0)}__fixInvalidItemPositioning(){if(!this.scrollTarget.isConnected)return;let e=this._physicalTop>this._scrollTop,t=this._physicalBottom<this._scrollBottom,i=this.adjustedFirstVisibleIndex===0,s=this.adjustedLastVisibleIndex===this.size-1;if(e&&!i||t&&!s){let r=t,a=this._ratio;this._ratio=0,this._scrollPosition=this._scrollTop+(r?-1:1),this._scrollHandler(),this._ratio=a}}__onWheel(e){if(e.ctrlKey||this._hasScrolledAncestor(e.target,e.deltaX,e.deltaY))return;let t=e.deltaY;if(e.deltaMode===WheelEvent.DOM_DELTA_LINE?t*=this._scrollLineHeight:e.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(t*=this._scrollPageHeight),this._deltaYAcc||(this._deltaYAcc=0),this._wheelAnimationFrame){this._deltaYAcc+=t,e.preventDefault();return}t+=this._deltaYAcc,this._deltaYAcc=0,this._wheelAnimationFrame=!0,this.__debouncerWheelAnimationFrame=N.debounce(this.__debouncerWheelAnimationFrame,We,()=>{this._wheelAnimationFrame=!1});let i=Math.abs(e.deltaX)+Math.abs(t);this._canScroll(this.scrollTarget,e.deltaX,t)?(e.preventDefault(),this.scrollTarget.scrollTop+=t,this.scrollTarget.scrollLeft+=e.deltaX,this._hasResidualMomentum=!0,this._ignoreNewWheel=!0,this._debouncerIgnoreNewWheel=N.debounce(this._debouncerIgnoreNewWheel,G.after(this.timeouts.IGNORE_WHEEL),()=>{this._ignoreNewWheel=!1})):this._hasResidualMomentum&&i<=this._previousMomentum||this._ignoreNewWheel?e.preventDefault():i>this._previousMomentum&&(this._hasResidualMomentum=!1),this._previousMomentum=i}_hasScrolledAncestor(e,t,i){if(e===this.scrollTarget||e===this.scrollTarget.getRootNode().host)return!1;if(this._canScroll(e,t,i)&&["auto","scroll"].indexOf(getComputedStyle(e).overflow)!==-1)return!0;if(e!==this&&e.parentElement)return this._hasScrolledAncestor(e.parentElement,t,i)}_canScroll(e,t,i){return i>0&&e.scrollTop<e.scrollHeight-e.offsetHeight||i<0&&e.scrollTop>0||t>0&&e.scrollLeft<e.scrollWidth-e.offsetWidth||t<0&&e.scrollLeft>0}_increasePoolIfNeeded(e){if(this._physicalCount>2&&e){let t=Math.ceil(this._optPhysicalSize/this._physicalAverage)-this._physicalCount;super._increasePoolIfNeeded(Math.max(e,Math.min(100,t)))}else super._increasePoolIfNeeded(e)}get _optPhysicalSize(){let e=super._optPhysicalSize;return e<=0||this.__hasPlaceholders()?e:e+this.__getItemHeightBuffer()}__getItemHeightBuffer(){if(this._physicalCount===0)return 0;let e=Math.ceil(this._viewportHeight*(this._maxPages-1)/2),t=Math.max(...this._physicalSizes);return t>Math.min(...this._physicalSizes)?Math.max(0,t-e):0}_getScrollLineHeight(){let e=document.createElement("div");e.style.fontSize="initial",e.style.display="none",document.body.appendChild(e);let t=window.getComputedStyle(e).fontSize;return document.body.removeChild(e),t?window.parseInt(t):void 0}__getVisibleElements(){return Array.from(this.elementsContainer.children).filter(e=>!e.hidden)}__reorderElements(){if(this.__mouseDown){this.__pendingReorder=!0;return}this.__pendingReorder=!1;let e=this._virtualStart+(this._vidxOffset||0),t=this.__getVisibleElements(),i=this.__getFocusedElement(t)||t[0];if(!i)return;let s=i.__virtualIndex-e,r=t.indexOf(i)-s;if(r>0)for(let a=0;a<r;a++)this.elementsContainer.appendChild(t[a]);else if(r<0)for(let a=t.length+r;a<t.length;a++)this.elementsContainer.insertBefore(t[a],t[0]);if(oc){let{transform:a}=this.scrollTarget.style;this.scrollTarget.style.transform="translateZ(0)",setTimeout(()=>{this.scrollTarget.style.transform=a})}}_adjustVirtualIndexOffset(e){let t=this._maxVirtualIndexOffset;if(this._virtualCount>=this.size)this._vidxOffset=0;else if(this.__skipNextVirtualIndexAdjust)this.__skipNextVirtualIndexAdjust=!1;else if(Math.abs(e)>1e4){let i=this._scrollTop/(this.scrollTarget.scrollHeight-this.scrollTarget.clientHeight);this._vidxOffset=Math.round(i*t)}else{let i=this._vidxOffset,s=li,r=100;this._scrollTop===0?(this._vidxOffset=0,i!==this._vidxOffset&&super.scrollToIndex(0)):this.firstVisibleIndex<s&&this._vidxOffset>0&&(this._vidxOffset-=Math.min(this._vidxOffset,r),super.scrollToIndex(this.firstVisibleIndex+(i-this._vidxOffset))),this._scrollTop>=this._maxScrollTop&&this._maxScrollTop>0?(this._vidxOffset=t,i!==this._vidxOffset&&super.scrollToIndex(this._virtualCount-1)):this.first
3232VisibleIndex>this._virtualCount-s&&this._vidxOffset<t&&(this._vidxOffset+=Math.min(t-this._vidxOffset,r),super.scrollToIndex(this.firstVisibleIndex-(this._vidxOffset-i)))}}};Object.setPrototypeOf(Lt.prototype,eh);var no=class{constructor(e){this.__adapter=new Lt(e)}get firstVisibleIndex(){return this.__adapter.adjustedFirstVisibleIndex}get lastVisibleIndex(){return this.__adapter.adjustedLastVisibleIndex}get size(){return this.__adapter.size}set size(e){this.__adapter.size=e}scrollToIndex(e){this.__adapter.scrollToIndex(e)}update(e=0,t=this.size-1){this.__adapter.update(e,t)}flush(){this.__adapter.flush()}};var J=class{toString(){return""}};var Ra=o=>class extends o{static get properties(){return{items:{type:Array,sync:!0,observer:"__itemsChanged"},focusedIndex:{type:Number,sync:!0,observer:"__focusedIndexChanged"},loading:{type:Boolean,sync:!0,observer:"__loadingChanged"},opened:{type:Boolean,sync:!0,observer:"__openedChanged"},selectedItem:{type:Object,sync:!0,observer:"__selectedItemChanged"},itemClassNameGenerator:{type:Object,observer:"__itemClassNameGeneratorChanged"},itemIdPath:{type:String},owner:{type:Object},getItemLabel:{type:Object},renderer:{type:Object,sync:!0,observer:"__rendererChanged"},theme:{type:String}}}constructor(){super(),this.__boundOnItemClick=this.__onItemClick.bind(this)}get _viewportTotalPaddingBottom(){if(this._cachedViewportTotalPaddingBottom===void 0){let e=window.getComputedStyle(this.$.selector);this._cachedViewportTotalPaddingBottom=[e.paddingBottom,e.borderBottomWidth].map(t=>parseInt(t,10)).reduce((t,i)=>t+i)}return this._cachedViewportTotalPaddingBottom}ready(){super.ready(),this.setAttribute("role","listbox"),this.id=`${this.localName}-${Ze()}`,this.__hostTagName=this.constructor.is.replace("-scroller",""),this.addEventListener("click",e=>e.stopPropagation()),this.__patchWheelOverScrolling()}requestContentUpdate(){this.__virtualizer&&(this.items&&(this.__virtualizer.size=this.items.length),this.opened&&this.__virtualizer.update())}scrollIntoView(e){if(!this.__virtualizer||!(this.opened&&e>=0))return;let t=this._visibleItemsCount(),i=e;e>this.__virtualizer.lastVisibleIndex-1?(this.__virtualizer.scrollToIndex(e),i=e-t+1):e>this.__virtualizer.firstVisibleIndex&&(i=this.__virtualizer.firstVisibleIndex),this.__virtualizer.scrollToIndex(Math.max(0,i));let s=[...this.children].find(l=>!l.hidden&&l.index===this.__virtualizer.lastVisibleIndex);if(!s||e!==s.index)return;let r=s.getBoundingClientRect(),a=this.getBoundingClientRect(),n=r.bottom-a.bottom+this._viewportTotalPaddingBottom;n>0&&(this.scrollTop+=n)}_isItemSelected(e,t,i){return e instanceof J?!1:i&&e!==void 0&&t!==void 0?Ot(i,e)===Ot(i,t):e===t}__initVirtualizer(){this.__virtualizer=new no({createElements:this.__createElements.bind(this),updateElement:this._updateElement.bind(this),elementsContainer:this,scrollTarget:this,scrollContainer:this.$.selector,reorderElements:!0})}__itemsChanged(e){e&&this.__virtualizer&&this.requestContentUpdate()}__loadingChanged(){this.requestContentUpdate()}__openedChanged(e){e&&(this.__virtualizer||this.__initVirtualizer(),this.requestContentUpdate())}__selectedItemChanged(){this.requestContentUpdate()}__itemClassNameGeneratorChanged(e,t){(e||t)&&this.requestContentUpdate()}__focusedIndexChanged(e,t){e!==t&&this.requestContentUpdate(),e>=0&&!this.loading&&this.scrollIntoView(e)}__rendererChanged(e,t){(e||t)&&this.requestContentUpdate()}__createElements(e){return[...Array(e)].map(()=>{let t=document.createElement(`${this.__hostTagName}-item`);return t.addEventListener("click",this.__boundOnItemClick),t.tabIndex="-1",t.style.width="100%",t})}_updateElement(e,t){let i=this.items[t],s=this.focusedIndex,r=this._isItemSelected(i,this.selectedItem,this.itemIdPath);e.setProperties({item:i,index:t,label:this.getItemLabel(i),selected:r,renderer:this.renderer,focused:!this.loading&&s===t}),typeof this.itemClassNameGenerator=="function"?e.className=this.itemClassNameGenerator(i):e.className!==""&&(e.className=""),e.performUpdate&&!e.hasUpdated&&e.performUpdate(),e.id=`${this.__hostTagName}-item-${t}
3232`,e.setAttribute("role",t!==void 0?"option":!1),e.setAttribute("aria-selected",r.toString()),e.setAttribute("aria-posinset",t+1),e.setAttribute("aria-setsize",this.items.length),this.theme?e.setAttribute("theme",this.theme):e.removeAttribute("theme"),i instanceof J&&this.__requestItemByIndex(t)}__onItemClick(e){this.dispatchEvent(new CustomEvent("selection-changed",{detail:{item:e.currentTarget.item}}))}__patchWheelOverScrolling(){this.$.selector.addEventListener("wheel",e=>{let t=this.scrollTop===0,i=this.scrollHeight-this.scrollTop-this.clientHeight<=1;(t&&e.deltaY<0||i&&e.deltaY>0)&&e.preventDefault()})}__requestItemByIndex(e){requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent("index-requested",{detail:{index:e}}))})}_visibleItemsCount(){return this.__virtualizer.scrollToIndex(this.__virtualizer.firstVisibleIndex),this.__virtualizer.size>0?this.__virtualizer.lastVisibleIndex-this.__virtualizer.firstVisibleIndex+1:0}};var lo=class extends Ra(b){static get is(){return"vaadin-combo-box-scroller"}static get template(){return g` 3233 <style> 3234 :host { 3235 display: block; 3236 min-height: 1px; 3237 overflow: auto; 3238 3239 /* Fixes item background from getting on top of scrollbars on Safari */ 3240 transform: translate3d(0, 0, 0); 3241 3242 /* Enable momentum scrolling on iOS */ 3243 -webkit-overflow-scrolling: touch; 3244 3245 /* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */ 3246 box-shadow: 0 0 0 white; 3247 } 3248 3249 #selector { 3250 border-width: var(--_vaadin-combo-box-items-container-border-width); 3251 border-style: var(--_vaadin-combo-box-items-container-border-style); 3252 border-color: var(--_vaadin-combo-box-items-container-border-color, transparent); 3253 position: relative; 3254 } 3255 </style> 3256 <div id="selector"> 3257 <slot></slot> 3258 </div> 3259 `}};v(lo);var ih=o=>class extends us(o){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}};function zt(o,e,t=0){let i=e;for(let s of o.subCaches){let r=s.parentCacheIndex;if(i<=r)break;if(i<=r+s.flatSize)return zt(s,i-r-1,t+1);i-=s.flatSize}return{cache:o,item:o.items[i],index:i,page:Math.floor(i/o.pageSize),level:t}}function $a({getItemId:o},e,t,i=0,s=0){for(let r=0;r<e.items.length;r++){let a=e.items[r];if(a&&o(a)===o(t))return{cache:e,level:i,item:a,index:r,page:Math.floor(r/e.pageSize),subCache:e.getSubCache(r),flatIndex:s+e.getFlatIndex(r)}}for(let r of e.subCaches){let a=s+e.getFlatIndex(r.parentCacheIndex),n=$a({getItemId:o},r,t,i+1,a+1);if(n)return n}}function Ha(o,[e,...t],i=0){e===1/0&&(e=o.size-1);let s=o.getFlatIndex(e),r=o.getSubCache(e);return r&&r.flatSize>0&&t.length?Ha(r,t,i+s+1):i+s}var co=class o{constructor(e,t,i,s,r){D(this,"context"),D(this,"pageSize"),D(this,"items",[]),D(this,"pendingRequests",{}),D(this,"__subCacheByIndex",{}),D(this,"__size",0),D(this,"__flatSize",0),this.context=e,this.pageSize=t,this.size=i,this.parentCache=s,this.parentCacheIndex=r,this.__flatSize=i||0}get parentItem(){return this.parentCache&&this.parentCache.items[this.parentCacheIndex]}get subCaches(){return Object.values(this.__subCacheByIndex)}get isLoading(){return Object.keys(this.pendingRequests).length>0?!0:this.subCaches.some(e=>e.isLoading)}get flatSize(){return this.__flatSize}get effectiveSize(){return console.warn("<vaadin-grid> The `effectiveSize` property of ItemCache is deprecated and will be removed in Vaadin 25."),this.flatSize}get size(){return this.__size}set size(e){var t;if(this.__size!==e){if(this.__size=e,this.context.placeholder!==void 0){this.items.length=e||0;for(let i=0;i<e;i++)(t=this.items)[i]||(t[i]=this.context.placeholder)}Object.keys(this.pendingRequests).forEach(i=>{parseInt(i)*this.pageSize>=this.size&&delete this.pendingRequests[i]})}}recalculateFlatSize(){this.__flatSize=!this.parentItem||this.context.isExpanded(this.parentItem)?this.size+this.subCaches.reduce((e,t)=>(t.recalculateFlatSize(),e+t.flatSize),0):0}setPage(e,t){let i=e*this.pageSize;t.forEach((s,r)=>{let a=i+r;(this.size===void 0||a<this.size)&&(this.items[a]=s)})}getSubCache(e){return this.__subCacheByIndex[e]}removeSubCache(e){delete this.__subCacheByIndex[e]}removeSubCaches(){this.__subCacheByIndex={}}createSubCache(e){let t=new o(this.context,this.pageSize,0,this,e);return this.__subCacheByIndex[e]=t,t}getFlatIndex(e){let t=Math.max(0,Math.min(this.size-1,e));return this.subCaches.reduce((i,s)=>{let r=s.parentCacheIndex;return t>r?i+s.flatSize:i},t)}getItemForIndex(e){console.warn("<vaadin-grid> The `getItemForIndex` method of ItemCache is deprecated and will be removed in Vaadin 25.");let{item:t}=zt(this,e);return t}getCacheAndIndex(e){console.warn("<vaadin-grid> The `getCacheAndIndex` method of ItemCache is deprecated and will be removed in Vaadin 25.");let{cache:t,index:i}=zt(this,e);return{cache:t,scaledIndex:i}}updateSize(){console.warn("<vaadin-grid> The `updateSize` method of ItemCache is deprecated and will be removed in Vaadin 25."),this.recalculateFlatSize()}ensureSubCacheForScaledIndex(e){if(console.warn("<vaadin-grid> The `ensureSubCacheForScaledIndex` method of ItemCache is deprecated and will be removed in Vaadin 25."),!this.getSubCache(e)){let t=this.createSubCache(e);this.context.__controller.__loadCachePage(t,0)}}get grid(){return console.warn("<vaadin-grid> The `grid` property of ItemCache is deprecated and will be removed in Vaadin 25."),this.context.__controller.host}get itemCaches(){return console.warn("<vaadin-grid> The `itemCaches` property of ItemCache is deprecated and will be removed in Vaadin 25."),this.__subCacheByIndex}};
3259var ho=class extends EventTarget{constructor(e,{size:t,pageSize:i,isExpanded:s,getItemId:r,isPlaceholder:a,placeholder:n,dataProvider:l,dataProviderParams:d}){super(),D(this,"host"),D(this,"dataProvider"),D(this,"dataProviderParams"),D(this,"pageSize"),D(this,"isExpanded"),D(this,"getItemId"),D(this,"rootCache"),D(this,"placeholder"),D(this,"isPlaceholder"),this.host=e,this.pageSize=i,this.getItemId=r,this.isExpanded=s,this.placeholder=n,this.isPlaceholder=a,this.dataProvider=l,this.dataProviderParams=d,this.rootCache=this.__createRootCache(t)}get flatSize(){return this.rootCache.flatSize}get __cacheContext(){return{isExpanded:this.isExpanded,placeholder:this.placeholder,__controller:this}}isLoading(){return this.rootCache.isLoading}setPageSize(e){this.pageSize=e,this.clearCache()}setDataProvider(e){this.dataProvider=e,this.clearCache()}recalculateFlatSize(){this.rootCache.recalculateFlatSize()}clearCache(){this.rootCache=this.__createRootCache(this.rootCache.size)}getFlatIndexContext(e){return zt(this.rootCache,e)}getItemContext(e){return $a({getItemId:this.getItemId},this.rootCache,e)}getFlatIndexByPath(e){return Ha(this.rootCache,e)}ensureFlatIndexLoaded(e){let{cache:t,page:i,item:s}=this.getFlatIndexContext(e);this.__isItemLoaded(s)||this.__loadCachePage(t,i)}ensureFlatIndexHierarchy(e){let{cache:t,item:i,index:s}=this.getFlatIndexContext(e);if(this.__isItemLoaded(i)&&this.isExpanded(i)&&!t.getSubCache(s)){let r=t.createSubCache(s);this.__loadCachePage(r,0)}}loadFirstPage(){this.__loadCachePage(this.rootCache,0)}__createRootCache(e){return new co(this.__cacheContext,this.pageSize,e)}__loadCachePage(e,t){if(!this.dataProvider||e.pendingRequests[t])return;let i={page:t,pageSize:this.pageSize,parentItem:e.parentItem};this.dataProviderParams&&(i=_t(_t({},i),this.dataProviderParams()));let s=(r,a)=>{e.pendingRequests[t]===s&&(a!==void 0?e.size=a:i.parentItem&&(e.size=r.length),e.setPage(t,r),this.recalculateFlatSize(),this.dispatchEvent(new CustomEvent("page-received")),delete e.pendingRequests[t],this.dispatchEvent(new CustomEvent("page-loaded")))};e.pendingRequests[t]=s,this.dispatchEvent(new CustomEvent("page-requested")),this.dataProvider(i,s)}__isItemLoaded(e){return this.isPlaceholder?!this.isPlaceholder(e):this.placeholder?e!==this.placeholder:!!e}};var ja=o=>class extends o{static get properties(){return{pageSize:{type:Number,value:50,observer:"_pageSizeChanged",sync:!0},size:{type:Number,observer:"_sizeChanged",sync:!0},dataProvider:{type:Object,observer:"_dataProviderChanged",sync:!0},__dataProviderInitialized:{type:Boolean,value:!1},__previousDataProviderFilter:{type:String}}}static get observers(){return["_dataProviderFilterChanged(filter)","_warnDataProviderValue(dataProvider, value)","_ensureFirstPage(opened)"]}constructor(){super(),this.__dataProviderController=new ho(this,{placeholder:new J,isPlaceholder:e=>e instanceof J,dataProviderParams:()=>({filter:this.filter})}),this.__dataProviderController.addEventListener("page-requested",this.__onDataProviderPageRequested.bind(this)),this.__dataProviderController.addEventListener("page-loaded",this.__onDataProviderPageLoaded.bind(this))}ready(){super.ready(),this._scroller.addEventListener("index-requested",e=>{if(!this._shouldFetchData())return;let t=e.detail.index;t!==void 0&&this.__dataProviderController.ensureFlatIndexLoaded(t)}),this.__dataProviderInitialized=!0,this.dataProvider&&this.__synchronizeControllerState()}_dataProviderFilterChanged(e){if(this.__previousDataProviderFilter===void 0&&e===""){this.__previousDataProviderFilter=e;return}this.__previousDataProviderFilter!==e&&(this.__previousDataProviderFilter=e,this.__keepOverlayOpened=!0,this.size=void 0,this.clearCache(),this.__keepOverlayOpened=!1)}_shouldFetchData(){return this.dataProvider?this.opened||this.filter&&this.filter.length:!1}_ensureFirstPage(e){!this._shouldFetchData()||!e||(this._forceNextRequest||this.size===void 0?(this._forceNextRequest=!1,this.__dataProviderController.loadFirstPage()):this.size>0&&this.__dataProviderController.ensureFlatIndexLoaded(0))}__onDataProviderPageRequested(){this.loading=!0}__onDataProviderPageLoaded(){let{rootCache:e}=this.__dataProviderController;e.items=[...e.items],this.__synchronizeControllerState(),!this.opened&&!this._isInputFocused()&&this._commitValue()}clearCache(){this.dataProvider&&(this.__dataProviderController.clearCache(),this.__synchronizeControllerState(),this._shouldFetchData()?(this._forceNextRequest=!1,this.__dataProviderController.loadFirstPage()):this._forceNextRequest=!0)}_sizeChanged(e){let{rootCache:t}=this.__dataProviderController;t.size!==e&&(t.size=e,t.items=[...t.items],this.__synchronizeControllerState())}_filteredItemsChanged(e){if(super._filteredItemsChanged(e),this.dataProvider&&e){let{rootCache:t}=this.__dataProviderController;t.items!==e&&(t.items=e,this.__synchronizeControllerState())}}__synchronizeControllerState(){if(this.__dataProviderInitialized&&this.dataProvider){let{rootCache:e}=this.__dataProviderController;this.size=e.size,this.filteredItems=e.items,this.loading=this.__dataProviderController.isLoading()}}
3259_pageSizeChanged(e,t){if(Math.floor(e)!==e||e<1)throw this.pageSize=t,new Error("`pageSize` value must be an integer > 0");this.__dataProviderController.setPageSize(e),this.clearCache()}_dataProviderChanged(e,t){this._ensureItemsOrDataProvider(()=>{this.dataProvider=t}),this.__dataProviderController.setDataProvider(e),this.clearCache()}_ensureItemsOrDataProvider(e){if(this.items!==void 0&&this.dataProvider!==void 0)throw e(),new Error("Using `items` and `dataProvider` together is not supported")}_warnDataProviderValue(e,t){if(e&&t!==""&&(this.selectedItem===void 0||this.selectedItem===null)){let i=this.__getItemIndexByValue(this.filteredItems,t);(i<0||!this._getItemLabel(this.filteredItems[i]))&&console.warn("Warning: unable to determine the label for the provided `value`. Nothing to display in the text field. This usually happens when setting an initial `value` before any items are returned from the `dataProvider` callback. Consider setting `selectedItem` instead of `value`")}}};function Wt(o){if(window.Vaadin&&window.Vaadin.templateRendererCallback){window.Vaadin.templateRendererCallback(o);return}o.querySelector("template")&&console.warn(`WARNING: <template> inside <${o.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}function _r(o){return o!=null}function fr(o,e){return o.findIndex(t=>t instanceof J?!1:e(t))}var Ua=o=>class extends ot($(es(le(ne(et(Ce(o))))))){static get properties(){return{opened:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0,sync:!0,observer:"_openedChanged"},autoOpenDisabled:{type:Boolean,sync:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},renderer:{type:Object,sync:!0},items:{type:Array,sync:!0,observer:"_itemsChanged"},allowCustomValue:{type:Boolean,value:!1},filteredItems:{type:Array,observer:"_filteredItemsChanged",sync:!0},_lastCommittedValue:String,loading:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},_focusedIndex:{type:Number,observer:"_focusedIndexChanged",value:-1,sync:!0},filter:{type:String,value:"",notify:!0,sync:!0},selectedItem:{type:Object,notify:!0,sync:!0},itemClassNameGenerator:{type:Object},itemLabelPath:{type:String,value:"label",observer:"_itemLabelPathChanged",sync:!0},itemValuePath:{type:String,value:"value",sync:!0},itemIdPath:{type:String,sync:!0},_toggleElement:{type:Object,observer:"_toggleElementChanged"},_dropdownItems:{type:Array,sync:!0},_closeOnBlurIsPrevented:Boolean,_scroller:{type:Object,sync:!0},_overlayOpened:{type:Boolean,sync:!0,observer:"_overlayOpenedChanged"},__keepOverlayOpened:{type:Boolean,sync:!0}}}static get observers(){return["_selectedItemChanged(selectedItem, itemValuePath, itemLabelPath)","_openedOrItemsChanged(opened, _dropdownItems, loading, __keepOverlayOpened)","_updateScroller(_scroller, _dropdownItems, opened, loading, selectedItem, itemIdPath, _focusedIndex, renderer, _theme, itemClassNameGenerator)"]}constructor(){super(),this._boundOverlaySelectedItemChanged=this._overlaySelectedItemChanged.bind(this),this._boundOnClearButtonMouseDown=this.__onClearButtonMouseDown.bind(this),this._boundOnClick=this._onClick.bind(this),this._boundOnOverlayTouchAction=this._onOverlayTouchAction.bind(this),this._boundOnTouchend=this._onTouchend.bind(this)}get _tagNamePrefix(){return"vaadin-combo-box"}get _nativeInput(){return this.inputElement}_inputElementChanged(e){super._inputElementChanged(e);let t=this._nativeInput;t&&(t.autocomplete="off",t.autocapitalize="off",t.setAttribute("role","combobox"),t.setAttribute("aria-autocomplete","list"),t.setAttribute("aria-expanded",!!this.opened),t.setAttribute("spellcheck","false"),t.setAttribute("autocorrect","off"),this._revertInputValueToValue(),this.clearElement&&this.clearElement.addEventListener("mousedown",this._boundOnClearButtonMouseDown))}ready(){super.ready(),this._initOverlay(),this._initScroller(),this._lastCommittedValue=this.value,this.addEventListener("click",this._boundOnClick),this.addEventListener("touchend",this._boundOnTouchend);let e=()=>{requestAnimationFrame(()=>{this._overlayElement.bringToFront()})};this.addEventListener("mousedown",e),this.addEventListener("touchstart",e),Wt(this),this.addController(new Tt(this))}disconnectedCallback(){super.disconnectedCallback(),this.close()}requestContentUpdate(){this._scroller&&(this._scroller.requestContentUpdate(),this._getItemElements().forEac
3259h(e=>{e.requestContentUpdate()}))}open(){!this.disabled&&!this.readonly&&(this.opened=!0)}close(){this.opened=!1}_propertiesChanged(e,t,i){super._propertiesChanged(e,t,i),t.filter!==void 0&&this._filterChanged(t.filter)}updated(e){super.updated(e),e.has("filter")&&this._filterChanged(this.filter)}_initOverlay(){let e=this.$.overlay;e._comboBox=this,e.addEventListener("touchend",this._boundOnOverlayTouchAction),e.addEventListener("touchmove",this._boundOnOverlayTouchAction),e.addEventListener("mousedown",t=>t.preventDefault()),e.addEventListener("opened-changed",t=>{this._overlayOpened=t.detail.value}),this._overlayElement=e}_initScroller(e){let t=document.createElement(`${this._tagNamePrefix}-scroller`);t.owner=e||this,t.getItemLabel=this._getItemLabel.bind(this),t.addEventListener("selection-changed",this._boundOverlaySelectedItemChanged);let i=this._overlayElement;i.renderer=s=>{s.innerHTML||s.appendChild(t)},i.requestContentUpdate(),this._scroller=t}_updateScroller(e,t,i,s,r,a,n,l,d,c){if(e&&(i&&(e.style.maxHeight=getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`)||"65vh"),e.setProperties({items:i?t:[],opened:i,loading:s,selectedItem:r,itemIdPath:a,focusedIndex:n,renderer:l,theme:d,itemClassNameGenerator:c}),e.performUpdate&&!e.hasUpdated))try{e.performUpdate()}catch{}}_openedOrItemsChanged(e,t,i,s){this._overlayOpened=e&&(s||i||!!(t&&t.length))}_overlayOpenedChanged(e,t){e?(this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-opened",{bubbles:!0,composed:!0})),this._onOpened()):t&&this._dropdownItems&&this._dropdownItems.length&&(this.close(),this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-closed",{bubbles:!0,composed:!0})))}_focusedIndexChanged(e,t){t!==void 0&&this._updateActiveDescendant(e)}_isInputFocused(){return this.inputElement&&Jo(this.inputElement)}_updateActiveDescendant(e){let t=this._nativeInput;if(!t)return;let i=this._getItemElements().find(s=>s.index===e);i?t.setAttribute("aria-activedescendant",i.id):t.removeAttribute("aria-activedescendant")}_openedChanged(e,t){if(t===void 0)return;e?!this._isInputFocused()&&!Bi&&this.inputElement&&this.inputElement.focus():this._onClosed();let i=this._nativeInput;i&&(i.setAttribute("aria-expanded",!!e),e?i.setAttribute("aria-controls",this._scroller.id):i.removeAttribute("aria-controls"))}_onOverlayTouchAction(){this._closeOnBlurIsPrevented=!0,this.inputElement.blur(),this._closeOnBlurIsPrevented=!1}_isClearButton(e){return e.composedPath()[0]===this.clearElement}__onClearButtonMouseDown(e){e.preventDefault(),this.inputElement.focus()}_onClearButtonClick(e){e.preventDefault(),this._onClearAction(),this.opened&&this.requestContentUpdate()}_onToggleButtonClick(e){e.preventDefault(),this.opened?this.close():this.open()}_onHostClick(e){this.autoOpenDisabled||(e.preventDefault(),this.open())}_onClick(e){this._isClearButton(e)?this._onClearButtonClick(e):e.composedPath().includes(this._toggleElement)?this._onToggleButtonClick(e):this._onHostClick(e)}_onKeyDown(e){super._onKeyDown(e),e.key==="ArrowDown"?(this._onArrowDown(),e.preventDefault()):e.key==="ArrowUp"&&(this._onArrowUp(),e.preventDefault())}_getItemLabel(e){let t=e&&this.itemLabelPath?Ot(this.itemLabelPath,e):void 0;return t==null&&(t=e?e.toString():""),t}_getItemValue(e){let t=e&&this.itemValuePath?Ot(this.itemValuePath,e):void 0;return t===void 0&&(t=e?e.toString():""),t}_onArrowDown(){if(this.opened){let e=this._dropdownItems;e&&(this._focusedIndex=Math.min(e.length-1,this._focusedIndex+1),this._prefillFocusedItemLabel())}else this.open()}_onArrowUp(){if(this.opened){if(this._focusedIndex>-1)this._focusedIndex=Math.max(0,this._focusedIndex-1);else{let e=this._dropdownItems;e&&(this._focusedIndex=e.length-1)}this._prefillFocusedItemLabel()}else this.open()}_prefillFocusedItemLabel(){if(this._focusedIndex>-1){let e=this._dropdownItems[this._focusedIndex];this._inputElementValue=this._getItemLabel(e),this._markAllSelectionRange()}}_setSelectionRange(e,t){this._isInputFocused()&&this.inputElement.setSelectionRange&&this.inputElement.setSelectionRange(e,t)}_markAllSelectionRange(){this._inputElementValue!==void 0&&this._setSelectionRange(0,this._inputElementValue.length)}_clearSelectionRange(){if(this._inputElementValue!==void 0){let e=this._inputElementValue?this._inputElementValue.length:0;this._setSelectionRange(e,e)}}_closeOrCommit(){!this.opened&&!this.loading?this._commitValue():this.close()}_onEnter(e){if(!this._hasValidInputValue()){e.preventDefault(),e.stopPropagation();return}this.opened&&(e.preventDefault(),e.stopPropagation()),this._closeOrCommit()}_hasValidInputValue(){let e=this._focusedIndex<0&&this._inputElementValue!==""&&this._getItemLabel(this.selectedItem)!==this._inputElementValue;return this.allowCustomValue||!e}_onEscape(e){this.autoOpenDisabled&&(this.opened||this.value!==this._inputElementValue&&this._inputElementValue.length>0)?(e.stopPropagation(),this._focusedIndex=-1,this.cancel()):this.opened?(e.stopPropagation(),this._focusedIndex>-1?(this._focusedIndex=-1,this._revertInputValue()):this.cancel()):this.clearButtonVisible&&this.value&&!this.readonly&&(e.stopPropagation(),this._onClearAction())}_toggleElementChanged(e){e&&(e.addEventListener("mousedown",t=>t.preventDefault()),e.addEventListener("click",()=>{Bi&&!this._isInputFocused()&&document.activeElement.blur()}))}_onClearAction(){this.selectedItem=null,this.allowCustomValue&&(this.value=""),this._detectAndDispatchChange()}_clearFilter(){this.filter=""}cancel(){this._revertInputValueToValue(),this._lastCommittedValue=this.value,this._closeOrCommit()}_onOpened(){this._lastCommittedValue=this.value}_onClosed(){(!this.loading||this.allowCustomValue)&&this._commitValue()}_commitValue(){if(this._focusedIndex>-1){let e=this._dropdownItems[this._focusedIndex];this.selectedItem!==e&&(this.selectedItem=e),this._inputElementValue=this._getItemLabel(this.selectedItem),this._focusedIndex=-1}else if(this._inputElementValue===""||this._inputElementValue===void 0)this.selectedItem=null,this.allowCustomValue&&(this.value="");else{let e=[this.selectedItem,...this._dropdownItems||[]],t=e[this.__getItemIndexByLabel(e,this._inputElementValue)];if(this.allowCustomValue&&!t){let i=this._inputElementValue;this._lastCustomValue=i;let s=new CustomEvent("custom-value-set",{detail:i,composed:!0,cancelable:!0,bubbles:!0});this.dispatchEvent(s),s.defaultPrevented||(this.value=i)}else!this.allowCustomValue&&!this.opened&&t?this.value=this._getItemV
3259alue(t):this._revertInputValueToValue()}this._detectAndDispatchChange(),this._clearSelectionRange(),this._clearFilter()}_onInput(e){let t=this._inputElementValue,i={};this.filter===t?this._filterChanged(this.filter):i.filter=t,!this.opened&&!this._isClearButton(e)&&!this.autoOpenDisabled&&(i.opened=!0),this.setProperties(i)}_onChange(e){e.stopPropagation()}_itemLabelPathChanged(e){typeof e!="string"&&console.error("You should set itemLabelPath to a valid string")}_filterChanged(e){this._scrollIntoView(0),this._focusedIndex=-1,this.items?this.filteredItems=this._filterItems(this.items,e):this._filteredItemsChanged(this.filteredItems)}_revertInputValue(){this.filter!==""?this._inputElementValue=this.filter:this._revertInputValueToValue(),this._clearSelectionRange()}_revertInputValueToValue(){this.allowCustomValue&&!this.selectedItem?this._inputElementValue=this.value:this._inputElementValue=this._getItemLabel(this.selectedItem)}_selectedItemChanged(e){if(e==null)this.filteredItems&&(this.allowCustomValue||(this.value=""),this._toggleHasValue(this._hasValue),this._inputElementValue=this.value);else{let t=this._getItemValue(e);if(this.value!==t&&(this.value=t,this.value!==t))return;this._toggleHasValue(!0),this._inputElementValue=this._getItemLabel(e)}}_valueChanged(e,t){e===""&&t===void 0||(_r(e)?(this._getItemValue(this.selectedItem)!==e&&this._selectItemForValue(e),!this.selectedItem&&this.allowCustomValue&&(this._inputElementValue=e),this._toggleHasValue(this._hasValue)):this.selectedItem=null,this._clearFilter(),this._lastCommittedValue=void 0)}_detectAndDispatchChange(){document.hasFocus()&&this.validate(),this.value!==this._lastCommittedValue&&(this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this._lastCommittedValue=this.value)}_itemsChanged(e,t){this._ensureItemsOrDataProvider(()=>{this.items=t}),e?this.filteredItems=e.slice(0):t&&(this.filteredItems=null)}_filteredItemsChanged(e){this._setDropdownItems(e)}_filterItems(e,t){return e&&e.filter(i=>(t=t?t.toString().toLowerCase():"",this._getItemLabel(i).toString().toLowerCase().indexOf(t)>-1))}_selectItemForValue(e){let t=this.__getItemIndexByValue(this.filteredItems,e),i=this.selectedItem;t>=0?this.selectedItem=this.filteredItems[t]:this.dataProvider&&this.selectedItem===void 0?this.selectedItem=void 0:this.selectedItem=null,this.selectedItem===null&&i===null&&this._selectedItemChanged(this.selectedItem)}_setDropdownItems(e){let t=this._dropdownItems;this._dropdownItems=e;let i=t?t[this._focusedIndex]:null,s=this.__getItemIndexByValue(e,this.value);(this.selectedItem===null||this.selectedItem===void 0)&&s>=0&&(this.selectedItem=e[s]);let r=this.__getItemIndexByValue(e,this._getItemValue(i));r>-1?this._focusedIndex=r:this._focusedIndex=this.__getItemIndexByLabel(e,this.filter)}_getItemElements(){return Array.from(this._scroller.querySelectorAll(`${this._tagNamePrefix}-item`))}_scrollIntoView(e){this._scroller&&this._scroller.scrollIntoView(e)}__getItemIndexByValue(e,t){return!e||!_r(t)?-1:fr(e,i=>this._getItemValue(i)===t)}__getItemIndexByLabel(e,t){return!e||!t?-1:fr(e,i=>this._getItemLabel(i).toString().toLowerCase()===t.toString().toLowerCase())}_overlaySelectedItemChanged(e){e.stopPropagation(),!(e.detail.item instanceof J)&&this.opened&&(this._focusedIndex=this.filteredItems.indexOf(e.detail.item),this.close())}_setFocused(e){if(super._setFocused(e),!e&&!this.readonly&&!this._closeOnBlurIsPrevented){if(!this.opened&&this.allowCustomValue&&this._inputElementValue===this._lastCustomValue){delete this._lastCustomValue;return}if(Ft()){this._closeOrCommit();return}this.opened?this._overlayOpened||this.close():this._commitValue()}}_shouldRemoveFocus(e){return e.relatedTarget&&e.relatedTarget.localName===`${this._tagNamePrefix}-item`?!1:e.relatedTarget===this._overlayElement?(e.composedPath()[0].focus(),!1):!0}_onTouchend(e){!this.clearElement||e.composedPath()[0]!==this.clearElement||(e.preventDefault(),this._onClearAction())}};_("vaadin-combo-box",Ut,{moduleId:"vaadin-combo-box-styles"});var uo=class extends ja(Ua(ih(jt(C(V(b)))))){static get is(){return"vaadin-combo-box"}static get template(){return g` 3260 <style> 3261 :host([opened]) { 3262 pointer-events: auto; 3263 } 3264 </style> 3265 3266 <div class="vaadin-combo-box-container"> 3267 <div part="label"> 3268 <slot name="label"></slot>
3269 <span part="required-indicator" aria-hidden="true" on-click="focus"></span> 3270 </div> 3271 3272 <vaadin-input-container 3273 part="input-field" 3274 readonly="[[readonly]]" 3275 disabled="[[disabled]]" 3276 invalid="[[invalid]]" 3277 theme$="[[_theme]]" 3278 > 3279 <slot name="prefix" slot="prefix"></slot> 3280 <slot name="input"></slot> 3281 <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div> 3282 <div id="toggleButton" part="toggle-button" slot="suffix" aria-hidden="true"></div> 3283 </vaadin-input-container> 3284 3285 <div part="helper-text"> 3286 <slot name="helper"></slot> 3287 </div> 3288 3289 <div part="error-message"> 3290 <slot name="error-message"></slot> 3291 </div> 3292 </div> 3293 3294 <vaadin-combo-box-overlay 3295 id="overlay" 3296 opened="[[_overlayOpened]]" 3297 loading$="[[loading]]" 3298 theme$="[[_theme]]" 3299 position-target="[[_positionTarget]]" 3300 no-vertical-overlap 3301 ></vaadin-combo-box-overlay> 3302 3303 <slot name="tooltip"></slot> 3304 `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new se(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new re(this.inputElement,this._labelController)),this._tooltipController=new B(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e)}_onHostClick(e){let t=e.composedPath();(t.includes(this._labelNode)||t.includes(this._positionTarget))&&super._onHostClick(e)}};v(uo);var oh=u` 3305 :host { 3306 font-size: var(--lumo-font-size-xxs); 3307 line-height: 1; 3308 color: var(--lumo-body-text-color); 3309 border-radius: var(--lumo-border-radius-s); 3310 background-color: var(--lumo-contrast-20pct); 3311 cursor: var(--lumo-clickable-cursor); 3312 -webkit-font-smoothing: antialiased; 3313 -moz-osx-font-smoothing: grayscale; 3314 } 3315 3316 :host([disabled]) { 3317 background-color: var(--lumo-contrast-10pct); 3318 } 3319 3320 :host([focused]) [part='remove-button'] { 3321 color: inherit; 3322 } 3323 3324 :host([slot='overflow']) { 3325 position: relative; 3326 min-width: var(--lumo-size-xxs); 3327 margin-inline-start: var(--lumo-space-s); 3328 } 3329 3330 :host([slot='overflow'])::before, 3331 :host([slot='overflow'])::after { 3332 position: absolute; 3333 content: ''; 3334 width: 100%; 3335 height: 100%; 3336 border-left: calc(var(--lumo-space-s) / 4) solid; 3337 border-radius: var(--lumo-border-radius-s); 3338 border-color: var(--lumo-contrast-30pct); 3339 } 3340 3341 :host([slot='overflow'])::before { 3342 left: calc(-1 * var(--lumo-space-s) / 2); 3343 } 3344 3345 :host([slot='overflow'])::after { 3346 left: calc(-1 * var(--lumo-space-s)); 3347 } 3348 3349 :host([count='2']) { 3350 margin-inline-start: calc(var(--lumo-space-s) / 2); 3351 } 3352 3353 :host([count='2'])::after { 3354 display: none; 3355 } 3356 3357 :host([count='1']) { 3358 margin-inline-start: 0; 3359 } 3360 3361 :host([count='1'])::before, 3362 :host([count='1'])::after { 3363 display: none; 3364 } 3365 3366 [part='label'] { 3367 font-weight: 500; 3368 line-height: 1.25; 3369 } 3370 3371 [part='remove-button'] { 3372 display: flex; 3373 align-items: center; 3374 justify-content: center; 3375 margin-top: -0.3125em; 3376 margin-bottom: -0.3125em; 3377 margin-inline-start: auto; 3378 width: 1.25em; 3379 height: 1.25em; 3380 font-size: 1.5em; 3381 transition: none; 3382 } 3383 3384 [part='remove-button']::before { 3385 content: var(--lumo-icons-cross); 3386 } 3387 3388 :host([disabled]) [part='label'] { 3389 color: var(--lumo-disabled-text-color); 3390 -webkit-text-fill-color: var(--lumo-disabled-text-color); 3391 pointer-events: none; 3392 } 3393`;_("vaadin-multi-select-combo-box-chip",[os,oh],{moduleId:"lumo-multi-select-combo-box-chip"});var sh=u` 3394 @media (any-hover: hover) { 3395 :host(:hover[readonly]) { 3396 background-color: transparent; 3397 cursor: default; 3398 } 3399 } 3400`;_("vaadin-multi-select-combo-box-item",[qt,za,sh],{moduleId:"lumo-multi-select-combo-box-item"});_("vaadin-multi-select-combo-box-overlay",[ke,$t,Ma,Na,Va,u` 3401 :host { 3402 --_vaadin-multi-select-combo-box-items-container-border-width: var(--lumo-space-xs); 3403 --_vaadin-multi-select-combo-box-items-container-border-style: solid; 3404 } 3405 `],{moduleId:"lumo-multi-select-combo-box-overlay"});_("vaadin-multi-select-combo-box-container",u` 3406 :host([auto-expand-vertically]) { 3407 padding-block: var(--lumo-space-xs); 3408 } 3409 `,{moduleId:"lumo-multi-select-combo-box-container"});var rh=u` 3410 :host([has-value]) { 3411 padding-inline-start: 0; 3412 } 3413 3414 :host([has-value]) ::slotted(input:placeholder-shown) { 3415 caret-color: var(--lumo-body-text-color) !important; 3416 } 3417 3418 [part='label'] { 3419 flex-shrink: 0; 3420 } 3421 3422 /* Override input-container styles */ 3423 [part='input-field'] ::slotted([slot='chip']), 3424 [part='input-field'] ::slotted([slot='overflow']) { 3425 min-height: auto; 3426 padding: 0.3125em calc(0.5em + var(--lumo-border-radius-s) / 4); 3427 color: var(--lumo-body-text-color); 3428 -webkit-mask-image: none; 3429 mask-image: none; 3430 } 3431 3432 :host([auto-expand-vertically]) ::slotted([slot='chip']) { 3433 margin-block: calc(var(--lumo-space-xs) / 2); 3434 } 3435 3436 ::slotted([slot='chip']:not([readonly]):not([disabled])) { 3437 padding-inline-end: 0; 3438 } 3439 3440 :host([auto-expand-vertically]) ::slotted([slot='input']) { 3441 min-height: calc(var(--lumo-text-field-size, var(--lumo-size-m)) - 2 * var(--lumo-space-xs)); 3442 } 3443 3444 ::slotted([slot='chip']:not(:last-of-type)), 3445 ::slotted([slot='overflow']:not(:last-of-type)) { 3446 margin-inline-end: var(--lumo-space-xs); 3447 } 3448 3449 ::slotted([slot='chip'][focused]) { 3450 background-color: var(--vaadin-selection-color, var(--lumo-primary-color)); 3451 color: var(--lumo-primary-contrast-color); 3452 } 3453 3454 [part='toggle-button']::before { 3455 content: var(--lumo-icons-dropdown); 3456 } 3457 3458 :host([readonly][has-value]) [part='toggle-button'] { 3459 color: var(--lumo-contrast-60pct); 3460 cursor: var(--lumo-clickable-cursor); 3461 } 3462`;_("vaadin-multi-select-combo-box",[de,rh],{moduleId:"lumo-multi-select-combo-box"});var po=class extends C(b){static get is(){return"vaadin-multi-select-combo-box-chip"}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},label:{type:String},item:{type:Object}}}static get template(){return g` 3463 <style> 3464 :host { 3465 display: inline-flex; 3466 align-items: center; 3467 align-self: center; 3468 white-space: nowrap; 3469 box-sizing: border-box; 3470 } 3471 3472 [part='label'] { 3473 overflow: hidden; 3474 text-overflow: ellipsis; 3475 } 3476 3477 :host([hidden]), 3478 :host(:is([readonly], [disabled], [slot='overflow'])) [part='remove-button'] { 3479 display: none !important; 3480 } 3481 3482 @media (forced-colors: active) { 3483 :host { 3484 outline: 1px solid; 3485 outline-offset: -1px; 3486 } 3487 } 3488 </style> 3489 <div part="label">[[label]]</div> 3490 <div part="remove-button" on-click="_onRemoveClick"></div> 3491 `}_onRemoveClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("item-removed",{detail:{item:this.item},bubbles:!0,composed:!0}))}};v(po);_("vaadin-multi-select-combo-box-container",u` 3492 #wrapper { 3493 display: flex; 3494 width: 100%; 3495 min-width: 0; 3496 } 3497 3498 :host([auto-expand-vertically]) #wrapper { 3499 flex-wrap: wrap; 3500 } 3501 `,{moduleId:"vaadin-multi-select-combo-box-container-styles"});var ct,mo=class extends It{static get is(){return"vaadin-multi-select-combo-box-container"}static get template(){if(!ct){ct=super.template.cloneNode(!0);let e=ct.content,t=e.querySelectorAll("slot"),i=document.createElement("div");i.setAttribute("id","wrapper"),e.insertBefore(i,t[2]),i.appendChild(t[0]),i.appendChild(t[1])}return ct}static get properties(){return{autoExpandVertically:{type:Boolean,reflectToAttribute:!0}}}};v(mo);var _o=class extends Fa(C(M(b))){static get is(){return"vaadin-multi-select-combo-box-item"}static get template(){return g` 3502 <style> 3503 :host { 3504 display: block; 3505 } 3506 3507 :host([hidden]) { 3508 display: none !important; 3509 } 3510 </style>
3511 <span part="checkmark" aria-hidden="true"></span> 3512 <div part="content"> 3513 <slot></slot> 3514 </div> 3515 `}};v(_o);var ah=u` 3516 #overlay { 3517 width: var( 3518 --vaadin-multi-select-combo-box-overlay-width, 3519 var(--_vaadin-multi-select-combo-box-overlay-default-width, auto) 3520 ); 3521 } 3522 3523 [part='content'] { 3524 display: flex; 3525 flex-direction: column; 3526 height: 100%; 3527 } 3528`;_("vaadin-multi-select-combo-box-overlay",[tt,ah],{moduleId:"vaadin-multi-select-combo-box-overlay-styles"});var fo=class extends Ba(it(M(C(b)))){static get is(){return"vaadin-multi-select-combo-box-overlay"}static get template(){return g` 3529 <div id="backdrop" part="backdrop" hidden></div> 3530 <div part="overlay" id="overlay"> 3531 <div part="loader"></div> 3532 <div part="content" id="content"><slot></slot></div> 3533 </div> 3534 `}};v(fo);var vo=class extends Ra(b){static get is(){return"vaadin-multi-select-combo-box-scroller"}static get template(){return g` 3535 <style> 3536 :host { 3537 display: block; 3538 min-height: 1px; 3539 overflow: auto; 3540 3541 /* Fixes item background from getting on top of scrollbars on Safari */ 3542 transform: translate3d(0, 0, 0); 3543 3544 /* Enable momentum scrolling on iOS */ 3545 -webkit-overflow-scrolling: touch; 3546 3547 /* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */ 3548 box-shadow: 0 0 0 white; 3549 } 3550 3551 #selector { 3552 border-width: var(--_vaadin-multi-select-combo-box-items-container-border-width); 3553 border-style: var(--_vaadin-multi-select-combo-box-items-container-border-style); 3554 border-color: var(--_vaadin-multi-select-combo-box-items-container-border-color, transparent); 3555 position: relative; 3556 } 3557 </style> 3558 <div id="selector"> 3559 <slot></slot> 3560 </div> 3561 `}ready(){super.ready(),this.setAttribute("aria-multiselectable","true")}_isItemSelected(e,t,i){return e instanceof J||this.owner.readonly?!1:this.owner._findIndex(e,this.owner.selectedItems,i)>-1}_updateElement(e,t){super._updateElement(e,t),e.toggleAttribute("readonly",this.owner.readonly)}};v(vo);var go=class extends ja(Ua(C(b))){static get is(){return"vaadin-multi-select-combo-box-internal"}static get template(){return g` 3562 <style> 3563 :host([opened]) { 3564 pointer-events: auto; 3565 } 3566 </style> 3567 3568 <slot></slot> 3569 3570 <vaadin-multi-select-combo-box-overlay 3571 id="overlay" 3572 opened="[[_overlayOpened]]" 3573 loading$="[[loading]]" 3574 theme$="[[_theme]]" 3575 position-target="[[_target]]" 3576 no-vertical-overlap 3577 restore-focus-node="[[inputElement]]" 3578 ></vaadin-multi-select-combo-box-overlay> 3579 `}static get properties(){return{filteredItems:{type:Array,notify:!0},keepFilter:{type:Boolean,value:!1},loading:{type:Boolean,notify:!0},size:{type:Number,notify:!0},selectedItems:{type:Array,value:()=>[]},selectedItemsOnTop:{type:Boolean,value:!1},lastFilter:{type:String,notify:!0},topGroup:{type:Array,observer:"_topGroupChanged"},_target:{type:Object}}}static get observers(){return["_readonlyChanged(readonly)"]}get clearElement(){return this.querySelector('[part="clear-button"]')}get _tagNamePrefix(){return"vaadin-multi-select-combo-box"}constructor(){super(),this.addEventListener("custom-value-set",this.__onCustomValueSet.bind(this))}open(){!this.disabled&&!(this.readonly&&this.selectedItems.length===0)&&(this.opened=!0)}ready(){super.ready(),this._target=this,this._toggleElement=this.querySelector(".toggle-button")}_readonlyChanged(){this._setDropdownItems(this.filteredItems)}_setDropdownItems(e){if(this.readonly){super._setDropdownItems(this.selectedItems);return}if(this.filter||!this.selectedItemsOnTop){super._setDropdownItems(e);return}if(e&&e.length&&this.topGroup&&this.topGroup.length){let t=e.filter(i=>this._comboBox._findIndex(i,this.topGroup,this.itemIdPath)===-1);super._setDropdownItems(this.topGroup.concat(t));return}super._setDropdownItems(e)}_topGroupChanged(e){e&&this._setDropdownItems(this.filteredItems)}_initScroller(){let e=this.getRootNode().host;this._comboBox=e,super._initScroller(e)}_onEnter(e){if(this.opened){if(e.preventDefault(),e.stopPropagation(),this.readonly)this.close();else if(this._hasValidInputValue()){let t=this._dropdownItems[this._focusedIndex];this._commitValue(),this._focusedIndex=this._dropdownItems.indexOf(t)}return}super._onEnter(e)}_onEscape(e){if(this.readonly){e.stopPropagation(),this.opened&&this.close();return}super._onEscape(e)}_clearFilter(){(!this.keepFilter||!this.opened)&&super._clearFilter()}_revertInputValueToValue(){super._revertInputValueToValue(),this.filter=""}_commitValue(){this.lastFilter=this.filter,super._commitValue()}_onArrowDown(){this.readonly?this.opened||this.open():super._onArrowDown()}_onArrowUp(){this.readonly?this.opened||this.open():super._onArrowUp()}_setFocused(e){e||(this._ignoreCommitValue=!0),super._setFocused(e),!e&&this.readonly&&!this._closeOnBlurIsPrevented&&this.close()}_onClosed(){this._ignoreCommitValue=!0,super._onClosed()}_detectAndDispatchChange(){if(this._ignoreCommitValue){this._ignoreCommitValue=!1,this.clear(),this._inputElementValue="";return}super._detectAndDispatchChange()}_overlaySelectedItemChanged(e){e.stopPropagation(),!this.readonly&&(e.detail.item instanceof J||this.opened&&(this.lastFilter=this.filter,this.dispatchEvent(new CustomEvent("combo-box-item-selected",{detail:{item:e.detail.item}}))))}_shouldFetchData(){return this.readonly?!1:super._shouldFetchData()}clearCache(){this.readonly||super.clearCache()}__onCustomValueSet(e){this._ignoreCommitValue&&e.stopImmediatePropagation()}};v(go);var ht=new ResizeObserver(o=>{setTimeout(()=>
3579{o.forEach(e=>{e.target.resizables?e.target.resizables.forEach(t=>{t._onResize(e.contentRect)}):e.target._onResize(e.contentRect)})})}),qa=k(o=>class extends o{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),ht.observe(this),this._observeParent){let e=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;e.resizables||(e.resizables=new Set,ht.observe(e)),e.resizables.add(this),this.__parent=e}}disconnectedCallback(){super.disconnectedCallback(),ht.unobserve(this);let e=this.__parent;if(this._observeParent&&e){let t=e.resizables;t&&(t.delete(this),t.size===0&&ht.unobserve(e)),this.__parent=null}}_onResize(e){}});var nh=u` 3580 :host { 3581 --input-min-width: var(--vaadin-multi-select-combo-box-input-min-width, 4em); 3582 --_chip-min-width: var(--vaadin-multi-select-combo-box-chip-min-width, 50px); 3583 } 3584 3585 #chips { 3586 display: flex; 3587 align-items: center; 3588 } 3589 3590 ::slotted(input) { 3591 box-sizing: border-box; 3592 flex: 1 0 var(--input-min-width); 3593 } 3594 3595 ::slotted([slot='chip']), 3596 ::slotted([slot='overflow']) { 3597 flex: 0 1 auto; 3598 } 3599 3600 ::slotted([slot='chip']) { 3601 overflow: hidden; 3602 } 3603 3604 :host(:is([readonly], [disabled])) ::slotted(input) { 3605 flex-grow: 0; 3606 flex-basis: 0; 3607 padding: 0; 3608 } 3609 3610 :host([auto-expand-vertically]) #chips { 3611 display: contents; 3612 } 3613 3614 :host([auto-expand-horizontally]) [class$='container'] { 3615 width: auto; 3616 } 3617`;_("vaadin-multi-select-combo-box",[Ut,nh],{moduleId:"vaadin-multi-select-combo-box-styles"});var bo=class extends qa(jt(C(V(b)))){static get is(){return"vaadin-multi-select-combo-box"}static get template(){return g` 3618 <div class="vaadin-multi-select-combo-box-container"> 3619 <div part="label"> 3620 <slot name="label"></slot> 3621 <span part="required-indicator" aria-hidden="true" on-click="focus"></span> 3622 </div> 3623 3624 <vaadin-multi-select-combo-box-internal 3625 id="comboBox" 3626 items="[[items]]" 3627 item-id-path="[[itemIdPath]]" 3628 item-label-path="[[itemLabelPath]]" 3629 item-value-path="[[itemValuePath]]" 3630 disabled="[[disabled]]" 3631 readonly="[[readonly]]" 3632 auto-open-disabled="[[autoOpenDisabled]]" 3633 allow-custom-value="[[allowCustomValue]]" 3634 overlay-class="[[overlayClass]]" 3635 data-provider="[[dataProvider]]" 3636 filter="{{filter}}" 3637 last-filter="{{_lastFilter}}" 3638 loading="{{loading}}" 3639 size="{{size}}" 3640 filtered-items="[[filteredItems]]" 3641 selected-items="[[selectedItems]]" 3642 selected-items-on-top="[[selectedItemsOnTop]]" 3643 item-class-name-generator="[[itemClassNameGenerator]]" 3644 top-group="[[_topGroup]]" 3645 opened="{{opened}}" 3646 renderer="[[renderer]]" 3647 keep-filter="[[keepFilter]]" 3648 theme$="[[_theme]]" 3649 on-combo-box-item-selected="_onComboBoxItemSelected" 3650 on-change="_onComboBoxChange" 3651 on-custom-value-set="_onCustomValueSet" 3652 on-filtered-items-changed="_onFilteredItemsChanged" 3653 > 3654 <vaadin-multi-select-combo-box-container 3655 part="input-field" 3656 auto-expand-vertically="[[autoExpandVertically]]" 3657 readonly="[[readonly]]" 3658 disabled="[[disabled]]" 3659 invalid="[[invalid]]" 3660 theme$="[[_theme]]" 3661 > 3662 <slot name="overflow" slot="prefix"></slot> 3663 <div id="chips" part="chips" slot="prefix"> 3664 <slot name="chip"></slot> 3665 </div> 3666 <slot name="input"></slot> 3667 <div 3668 id="clearButton" 3669 part="clear-button" 3670 slot="suffix" 3671 on-touchend="_onClearButtonTouchend" 3672 aria-hidden="true" 3673 ></div> 3674 <div id="toggleButton" class="toggle-button" part="toggle-button" slot="suffix" aria-hidden="true"></div> 3675 </vaadin-multi-select-combo-box-container> 3676 </vaadin-multi-select-combo-box-internal> 3677 3678 <div part="helper-text"> 3679 <slot name="helper"></slot> 3680 </div> 3681 3682 <div part="error-message"> 3683 <slot name="error-message"></slot> 3684 </div> 3685 </div> 3686 3687 <slot name="tooltip"></slot> 3688 `}static get properties(){return{autoExpandHorizontally:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_autoExpandHorizontallyChanged"},autoExpandVertically:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_autoExpandVerticallyChanged"},autoOpenDisabled:Boolean,clearButtonVisible:{type:Boolean,reflectToAttribute:!0,observer:"_clearButtonVisibleChanged",value:!1},items:{type:Array},itemClassNameGenerator:{type:Object,observer:"__itemClassNameGeneratorChanged"},itemLabelPath:{type:String,value:"label"},itemValuePath:{type:String,value:"value"},itemIdPath:{type:String},i18n:{type:Object,value:()=>({cleared:"Selection cleared",focused:"focused. Press Backspace to remove",selected:"added to selection",deselected:"removed from selection",total:"{count} items selected"})},keepFilter:{type:Boolean,value:!1},loading:{type:Boolean,value:!1,reflectToAttribute:!0},overlayClass:{type:String},readonly:{type:Boolean,value:!1,observer:"_readonlyChanged",reflectToAttribute:!0},selectedItems:{type:Array,value:()=>[],notify:!0},opened:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},size:{type:Number},pageSize:{type:Number,value:50,observer:"_pageSizeChanged"},dataProvider:{type:Object},allowCustomValue:{type:Boolean,value:!1},placeholder:{type:String,observer:"_placeholderChanged"},renderer:Function,filter:{type:String,value:"",notify:!0},filteredItems:Array,selectedItemsOnTop:{type:Boolean,value:!1},value:{type:String},_overflowItems:{type:Array,value:()=>[]},_focusedChipIndex:{type:Number,value:-1,observer:"_focusedChipIndexChanged"},_lastFilter:{type:String},_topGroup:{type:Array}}}static get observers(){return["_selectedItemsChanged(selectedItems, selectedItems.*)","__updateOverflowChip(_overflow, _overflowItems, disabled, readonly)","__updateTopGroup(selectedItemsOnTop, selectedItems, opened)"]}get slotStyles(){let e=this.localName;return[...super.slotStyles,` 3689 ${e}[has-value] input::placeholder { 3690 color: transparent !important; 3691 forced-color-adjust: none; 3692 } 3693 `]}get clearElement(){return this.$.clearButton}get _chips(){return[...this.querySelectorAll('[slot="chip"]')]}get _hasValue(){return this.selectedItems&&this.selectedItems.length>0}ready(){super.ready(),this.addController(new se(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new re(this.inputElement,this._labelController)),this._tooltipController=new B(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this._inputField=this.shadowRoot.querySelector('[part="input-field"]'),this._overflowController=new T(this,"overflow","vaadin-multi-select-combo-box-chip",{initializer:e=>{e.addEventListener("mousedown",t=>this._preventBlur(t)),this._overflow=e}}),this.addController(this._overflowController),this.__updateChips(),Wt(this)}checkValidity(){return this.required&&!this.readonly?this._hasValue:!0}clear(){this.__updateSelection([]),mt(this.i18n.cleared)}clearCache(){this.$&&this.$.comboBox&&this.$.comboBox.clearCache()}requestContentUpdate(){this.$&&this.$.comboBox&&this.$.comboBox.requestContentUpdate()}_disabledChanged(e,t){super._disabledChanged(e,t),(e||t)&&this.__updateChips()}_inputElementChanged(e){super._inputElementChanged(e),e&&this.$.comboBox._setInputElement(e)}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&(this._focusedChipIndex=-1,this.validate())}_onResize(){this.__updateChips()}_delegateAttribute(e,t){if(this.stateTarget){if(e==="required"){this._delegateAttribute("aria-required",t?"true":!1);return}super._delegateAttribute(e,t)}}_autoExpandHorizontallyChanged(e,t){(e||t)&&this.__updateChips()}_autoExpandVerticallyChanged(e,t){(e||t)&&this.__updateChips()}_clearButtonVisibleChanged(e,t){(e||t)&&this.__updateChips()}_onFilteredItemsChanged(e){let{value:t}=e.detail;(Array.isArray(t)||t==null)&&(this.filteredItems=t)}_readonlyChanged(e,t){(e||t)&&this.__updateChips(),this.dataProvider&&this.clearCache()}__itemClassNameGeneratorChanged(e,t){(e||t)&&this.__updateChips()}_pageSizeChanged(e,t){(Math.floor(e)!==e||e<=0)&&(this.pageSize=t,console.error('"pageSize" value must be an integer > 0')),this.$.comboBox.pageSize=this.pageSize}_placeholderChanged(e){let t=this.__tmpA11yPlaceholder;t!==e&&(this.__savedPlaceholder=e,t&&(this.placeholder=t))}_selectedItemsChanged(e){if(this._toggleHasValue(this._hasValue),this._hasValue){let t=this._mergeItemLabels(e);this.__tmpA11yPlaceholder===void 0&&(this.__savedPlaceholder=this.placeholder),this.__tmpA11yPlaceholder=t,this.placeholder=t}else this.__tmpA11yPlaceholder!==void 0&&(delete this.__tmpA11yPlaceholder,this.placeholder=this.__savedPlaceholder);this.__updateChips(),this.requestContentUpdate(),this.opened&&this.$.comboBox.$.overlay._updateOverlayWidth()}_getItemLabel(e){return this.$.comboBox._getItemLabel(e)}_mergeItemLabels(e){return e.map(t=>this._getItemLabel(t)).join(", ")}_findIndex(e,t,i){if(i&&e){for(let s=0;s<t.length;s++)if(t[s]&&t[s][i]===e[i])return s;return-1}return t.indexOf(e)}__clearInternalValue(e=!1){!this.keepFilter||e?(this.filter="",this.$.comboBox.clear()):(this.$.comboBox.clear(),this._inputElementValue=this.filter)}__announceItem(e,t,i){let s=t?"selected":"deselected",r=this.i18n.total.replace("{count}",i||0);mt(`${e} ${this.i18n[s]} ${r}`)}__removeItem(e){let t=[...this.selectedItems];t.splice(t.indexOf(e),1),this.__updateSelection(t);let i=this._getItemLabel(e);this.__announceItem(i,!1,t.length)}__selectItem(e){let t=[...this.selectedItems],i=this._findIndex(e,t,this.itemIdPath),s=this._getItemLabel(e),r=!1;if(i!==-1){let a=this._lastFilter;if(a&&a.toLowerCase()===s.toLowerCase()){this.__clearInternalValue();return}t.splice(i,1)}else t.push(e),r=!0;this.__updateSelection(t),this.__clearInternalValue(),this.__announceItem(s,r,t.length)}__updateSelection(e){this.selectedItems=e,this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}__updateTopGroup(e,t,i){e?i||(this._topGroup=[...t]):this._topGroup=[]}__createChip(e){let t=document.createElement("vaadin-multi-select-combo-box-chip");t.setAttribute("slot","chip"),t.item=e,t.disabled=this.disabled,t.readonly=this.readonly;let i=this._getItemLabel(e);return t.label=i,t.setAttribute("title",i),typeof this.itemClassNameGenerator=="function"&&(t.className=this.itemClassNameGenerator(e)),t.addEventListener("item-removed",s=>this._onItemRemoved(s)),t.addEventListener("mousedown",s=>this._preventBlur(s)),t}__getOverflowWidth(){let e=this._overflow;e.style.visibility="hidden",e.removeAttribute("hidden");let t=e.getAttribute("count");e.setAttribute("count","99");let i=getComputedStyle(e),s=e.clientWidth+parseInt(i.marginInlineStart);return e.setAttribute("count",t),e.setAttribute("hidden",""),e.style.visibility="",s}__updateChips(){if(!this._inputField||!this.inputElement)return;this._chips.forEach(a=>{a.remove()});let e=[...this.selectedItems],t=this._inputField.$.wrapper.clientWidth,i=parseInt(getComputedStyle(this.inputElement).flexBasis),s=t-i;e.length>1&&(s-=this.__getOverflowWidth());let r=parseInt(getComputedStyle(this).getPropertyValue("--_chip-min-width"));if(this.autoExpandHorizontally){let a=[];for(let d=e.length-1,c=null;d>=0;d--){let h=this.__createChip(e[d]);this.insertBefore(h,c),c=h,a.unshift(h)}let n=[],l=this._inputField.$.wrapper.clientWidth-this.$.chips.clientWidth;if(!this.autoExpandVertically&&l<i){for(;a.length>1;){a.pop().remove(),n.unshift(e.pop());let d=n.length>0?i+this.__getOverflowWidth():i;if(this._inputField.$.wrapper.clientWidth-this.$.chips.clientWidth>=d)break}a.length===1&&(a[0].style.maxWidth=`${Math.max(r,s)}px`)}this._overflowItems=n;return}for(let a=e.length-1,n=null;a>=0;a--){let l=this.__createChip(e[a]);if(this.insertBefore(l,n),!this.autoExpandVertically&&this.$.chips.clientWidth>s)if(n===null)l.style.maxWidth=`${Math.max(r,s)}px`;else{l.remove();break}e.pop(),n=l}this._overflowItems=e}__updateOverflowChip(e,t,i,s){if(e){let r=t.length;e.label=`${r}`,e.setAttribute("count",`${r}`),e.setAttribute("title",this._mergeItemLabels(t)),e.toggleAttribute("hidden",r===0),e.disabled=i,e.readonly=s}}_onClearButtonTouchend(e){e.preventDefault(),e.stopPropagation(),this.clear()}_onClearButtonClick(e){e.stopPropagation(),this.clear()}_onChange(e){e.stopPropagation()}_onEscape(e){this.clearButtonVisible&&this.selectedItems&&this.selectedItems.length&&(e.stopPropagation(),this.selectedItems=[])}_onKeyDown(e){super._onKeyDown(e);let t=this._chips;if(!this.readonly&&t.length>0)switch(e.key){case"Backspace":this._onBackSpace(t);break;case"ArrowLeft":this._onArrowLeft(t,e);break;case"ArrowRight":this._onArrowRight(t,e);break;default:this._focusedChipIndex=-1;break}}_onArrowLeft(e,t){if(this.inputElement.selectionStart!==0)return;let i=this._focusedChipIndex;i!==-1&&t.preventDefault();let s;this.__isRTL?i===e.length-1?s=-1:i>-1&&(s=i+1):i===-1?s=e.length-1:i>0&&(s=i-1),s!==void 0&&(this._focusedChipIndex=s)}_onArrowRight(e,t){if(this.inputElement.selectionStart!==0)return;let i=this._focusedChipIndex;i!==-1&&t.preventDefault();let s;this.__isRTL?i===-1?s=e.length-1:i>0&&(s=i-1):i===e.length-1?s=-1:i>-1&&(s=i+1),s!==void 0&&(this._focusedChipIndex=s)}_onBackSpace(e){if(this.inputElement.selectionStart!==0)return;let t=this._focusedChipIndex;t===-1?this._focusedChipIndex=e.length-1:(this.__removeItem(e[t].item),this._focusedChipIndex=-1)}_focusedChipIndexChanged(e,t){if(e>-1||t>-1){let i=this._chips;if(i.forEach((s,r)=>{s.toggleAttribute("focused",r===e)}),e>-1){let s=i[e].item,r=this._getItemLabel(s);mt(`${r} ${this.i18n.focused}`)}}}_onComboBoxChange(){let e=this.$.comboBox.selectedItem;e&&this.__selectItem(e)}_onComboBoxItemSelected(e){this.__selectItem(e.detail.item)}_onCustomValueSet(e){e.preventDefault(),e.stopPropagation(),this.__clearInternalValue(!0),this.dispatchEvent(new CustomEvent("custom-value-set",{detail:e.detail,composed:!0,bubbles:!0}))}_onItemRemoved(e){this.__removeItem(e.detail.item)}_preventBlur(e){e.preventDefault()}};v(bo);_("vaadin-notification-card",u` 3694 :host { 3695 position: relative; 3696 margin: var(--lumo-space-s); 3697 } 3698 3699 [part='overlay'] { 3700 background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct)); 3701 border-radius: var(--lumo-border-radius-l); 3702 box-shadow: 3703 0 0 0 1px var(--lumo-contrast-10pct),
3704 var(--lumo-box-shadow-l); 3705 font-family: var(--lumo-font-family); 3706 font-size: var(--lumo-font-size-m); 3707 font-weight: 400; 3708 line-height: var(--lumo-line-height-s); 3709 letter-spacing: 0; 3710 text-transform: none; 3711 -webkit-text-size-adjust: 100%; 3712 -webkit-font-smoothing: antialiased; 3713 -moz-osx-font-smoothing: grayscale; 3714 } 3715 3716 [part='content'] { 3717 padding: var(--lumo-space-wide-l); 3718 display: flex; 3719 align-items: center; 3720 justify-content: space-between; 3721 } 3722 3723 [part='content'] ::slotted(vaadin-button) { 3724 flex: none; 3725 margin: 0 calc(var(--lumo-space-s) * -1) 0 var(--lumo-space-m); 3726 } 3727 3728 :host([slot^='middle']) { 3729 max-width: 80vw; 3730 margin: var(--lumo-space-s) auto; 3731 } 3732 3733 :host([slot$='stretch']) { 3734 margin: 0; 3735 } 3736 3737 :host([slot$='stretch']) [part='overlay'] { 3738 border-radius: 0; 3739 } 3740 3741 @media (min-width: 421px) { 3742 :host(:not([slot$='stretch'])) { 3743 display: flex; 3744 } 3745 3746 :host([slot$='end']) { 3747 justify-content: flex-end; 3748 } 3749 3750 :host([slot^='middle']), 3751 :host([slot$='center']) { 3752 display: flex; 3753 justify-content: center; 3754 } 3755 } 3756 3757 @keyframes lumo-notification-exit-fade-out { 3758 100% { 3759 opacity: 0; 3760 } 3761 } 3762 3763 @keyframes lumo-notification-enter-fade-in { 3764 0% { 3765 opacity: 0; 3766 } 3767 } 3768 3769 @keyframes lumo-notification-enter-slide-down { 3770 0% { 3771 transform: translateY(-200%); 3772 opacity: 0; 3773 } 3774 } 3775 3776 @keyframes lumo-notification-exit-slide-up { 3777 100% { 3778 transform: translateY(-200%); 3779 opacity: 0; 3780 } 3781 } 3782 3783 @keyframes lumo-notification-enter-slide-up { 3784 0% { 3785 transform: translateY(200%); 3786 opacity: 0; 3787 } 3788 } 3789 3790 @keyframes lumo-notification-exit-slide-down { 3791 100% { 3792 transform: translateY(200%); 3793 opacity: 0; 3794 } 3795 } 3796 3797 :host([slot='middle'][opening]) { 3798 animation: lumo-notification-enter-fade-in 300ms; 3799 } 3800 3801 :host([slot='middle'][closing]) { 3802 animation: lumo-notification-exit-fade-out 300ms; 3803 } 3804 3805 :host([slot^='top'][opening]) { 3806 animation: lumo-notification-enter-slide-down 300ms; 3807 } 3808 3809 :host([slot^='top'][closing]) { 3810 animation: lumo-notification-exit-slide-up 300ms; 3811 } 3812 3813 :host([slot^='bottom'][opening]) { 3814 animation: lumo-notification-enter-slide-up 300ms; 3815 } 3816 3817 :host([slot^='bottom'][closing]) { 3818 animation: lumo-notification-exit-slide-down 300ms; 3819 } 3820 3821 :host([theme='success']) { 3822 --_focus-ring-gap-color: var(--lumo-success-color); 3823 --vaadin-focus-ring-color: var(--lumo-success-contrast-color); 3824 } 3825 3826 :host([theme='warning']) { 3827 --_focus-ring-gap-color: var(--lumo-warning-color); 3828 --vaadin-focus-ring-color: var(--lumo-warning-contrast-color); 3829 } 3830 3831 :host([theme='error']) { 3832 --_focus-ring-gap-color: var(--lumo-error-color); 3833 --vaadin-focus-ring-color: var(--lumo-error-contrast-color); 3834 } 3835 3836 :host([theme='primary']) { 3837 --_focus-ring-gap-color: var(--lumo-primary-color); 3838 --vaadin-focus-ring-color: var(--lumo-primary-contrast-color); 3839 } 3840 3841 :host([theme~='primary']) [part='overlay'] { 3842 background: var(--lumo-primary-color); 3843 color: var(--lumo-primary-contrast-color); 3844 box-shadow: var(--lumo-box-shadow-l); 3845 } 3846 3847 :host([theme~='primary']) { 3848 --vaadin-button-background: var(--lumo-shade-20pct); 3849 --vaadin-button-text-color: var(--lumo-primary-contrast-color); 3850 --vaadin-button-primary-background: var(--lumo-primary-contrast-color); 3851 --vaadin-button-primary-text-color: var(--lumo-primary-text-color); 3852 } 3853 3854 :host([theme~='contrast']) [part='overlay'] { 3855 background: var(--lumo-contrast); 3856 color: var(--lumo-base-color); 3857 box-shadow: var(--lumo-box-shadow-l); 3858 } 3859 3860 :host([theme~='contrast']) { 3861 --vaadin-button-background: var(--lumo-contrast-20pct); 3862 --vaadin-button-text-color: var(--lumo-base-color); 3863 --vaadin-button-primary-background: var(--lumo-base-color); 3864 --vaadin-button-primary-text-color: var(--lumo-contrast); 3865 } 3866 3867 :host([theme~='success']) [part='overlay'] { 3868 background: var(--lumo-success-color); 3869 color: var(--lumo-success-contrast-color);
3870 box-shadow: var(--lumo-box-shadow-l); 3871 } 3872 3873 :host([theme~='success']) { 3874 --vaadin-button-background: var(--lumo-shade-20pct); 3875 --vaadin-button-text-color: var(--lumo-success-contrast-color); 3876 --vaadin-button-primary-background: var(--lumo-success-contrast-color); 3877 --vaadin-button-primary-text-color: var(--lumo-success-text-color); 3878 } 3879 3880 :host([theme~='error']) [part='overlay'] { 3881 background: var(--lumo-error-color); 3882 color: var(--lumo-error-contrast-color); 3883 box-shadow: var(--lumo-box-shadow-l); 3884 } 3885 3886 :host([theme~='error']) { 3887 --vaadin-button-background: var(--lumo-shade-20pct); 3888 --vaadin-button-text-color: var(--lumo-error-contrast-color); 3889 --vaadin-button-primary-background: var(--lumo-error-contrast-color); 3890 --vaadin-button-primary-text-color: var(--lumo-error-text-color); 3891 } 3892 3893 :host([theme~='warning']) [part='overlay'] { 3894 background: var(--lumo-warning-color); 3895 color: var(--lumo-warning-contrast-color); 3896 box-shadow: 3897 inset 0 0 0 1px var(--lumo-contrast-20pct), 3898 var(--lumo-box-shadow-l); 3899 } 3900 3901 :host([theme~='warning']) { 3902 --vaadin-button-background: var(--lumo-shade-20pct); 3903 --vaadin-button-text-color: var(--lumo-warning-contrast-color); 3904 --vaadin-button-primary-background: var(--lumo-shade-50pct); 3905 --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color); 3906 } 3907 `,{moduleId:"lumo-notification-card"});var lh=(o,e)=>o?._$litType$!==void 0;var yo=class extends Ca(C(V(b))){static get template(){return g` 3908 <style> 3909 :host { 3910 position: fixed; 3911 z-index: 1000; 3912 top: 0; 3913 left: 0; 3914 bottom: 0; 3915 right: 0; 3916 box-sizing: border-box; 3917 3918 display: flex; 3919 flex-direction: column; 3920 align-items: stretch; 3921 pointer-events: none; 3922 } 3923 3924 [region-group] { 3925 flex: 1 1 0%; 3926 display: flex; 3927 } 3928 3929 [region-group='top'] { 3930 align-items: flex-start; 3931 } 3932 3933 [region-group='bottom'] { 3934 align-items: flex-end; 3935 } 3936 3937 [region-group] > [region] { 3938 flex: 1 1 0%; 3939 } 3940 3941 @media (max-width: 420px) { 3942 [region-group] { 3943 flex-direction: column; 3944 align-items: stretch; 3945 } 3946 3947 [region-group='top'] { 3948 justify-content: flex-start; 3949 } 3950 3951 [region-group='bottom'] { 3952 justify-content: flex-end; 3953 } 3954 3955 [region-group] > [region] { 3956 flex: initial; 3957 } 3958 } 3959 </style> 3960 3961 <div region="top-stretch"><slot name="top-stretch"></slot></div> 3962 <div region-group="top"> 3963 <div region="top-start"><slot name="top-start"></slot></div> 3964 <div region="top-center"><slot name="top-center"></slot></div> 3965 <div region="top-end"><slot name="top-end"></slot></div> 3966 </div> 3967 <div region="middle"><slot name="middle"></slot></div> 3968 <div region-group="bottom"> 3969 <div region="bottom-start"><slot name="bottom-start"></slot></div> 3970 <div region="bottom-center"><slot name="bottom-center"></slot></div> 3971 <div region="bottom-end"><slot name="bottom-end"></slot></div> 3972 </div> 3973 <div region="bottom-stretch"><slot name="bottom-stretch"></slot></div> 3974 `}static get is(){return"vaadin-notification-container"}static get properties(){return{opened:{type:Boolean,value:!1,observer:"_openedChanged"}}}constructor(){super(),this._boundVaadinOverlayClose=this._onVaadinOverlayClose.bind(this),rs&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}_openedChanged(e){e?(document.body.appendChild(this),document.addEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))):(document.body.removeChild(this),document.removeEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener))}_detectIosNavbar(){let e=window.innerHeight,t=window.innerWidth>e,i=document.documentElement.clientHeight;t&&i>e?this.style.bottom=`${i-e}px`:this.style.bottom="0"}_onVaadinOverlayClose(e){let t=e.detail.sourceEvent;t&&t.composedPath().indexOf(this)>=0&&e.preventDefault()}},xo=class extends C(b){static get template(){return g` 3975 <style> 3976 :host { 3977 display: block; 3978 } 3979 3980 [part='overlay'] { 3981 pointer-events: auto; 3982 } 3983 3984 @media (forced-colors: active) { 3985 [part='overlay'] { 3986 outline: 3px solid; 3987 } 3988 } 3989 </style> 3990 3991 <div part="overlay"> 3992 <div part="content"> 3993 <slot></slot> 3994 </div> 3995 </div> 3996 `}static get is(){return"vaadin-notification-card"}ready(){super.ready(),this.setAttribute("role","alert"),this.setAttribute("aria-live","polite")}},wo=class o extends ot(Nt(V(b))){static get template(){return g` 3997 <style> 3998 :host { 3999 display: none !important; 4000 } 4001 </style> 4002 <vaadin-notification-card theme$="[[_theme]]"> </vaadin-notification-card> 4003 `}static get is(){return"vaadin-notification"}static get properties(){return{duration:{type:Number,value:5e3},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},position:{type:String,value:"bottom-start",observer:"_positionChanged"},renderer:Function}}static get observers(){return["_durationChanged(duration, opened)","_rendererChanged(renderer, opened, _overlayElement)"]}static show(e,t){return lh(e)?o._createAndShowNotification(i=>{kr(e,i)},t):o._createAndShowNotification(i=>{i.innerText=e},t)}static _createAndShowNotification(e,t){let i=document.createElement(o.is);return t&&Number.isFinite(t.duration)&&(i.duration=t.duration),t&&t.position&&(i.position=t.position),t&&t.theme&&i.setAttribute("theme",t.theme),i.renderer=e,document.body.appendChild(i),i.opened=!0,i.addEventListener("opened-changed",s=>{s.detail.value||i.remove()}),i}get _container(){return o._container||(o._container=document.createElement("vaadin-notification-container"),document.body.appendChild(o._container)),o._container}get _card(){return this._overlayElement}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-notification-card"),Wt(this)}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask(()=>{this.isConnected||(this.opened=!1)})}requestContentUpdate(){this.renderer&&this.renderer(this._card,this)}_rendererChanged(e,t,i){if(!i)return;let s=this._oldRenderer!==e;this._oldRenderer=e,s&&(i.innerHTML="",delete i._$litPart$),t&&(this._didAnimateNotificationAppend||this._animatedAppendNotificationCard(),this.requestContentUpdate())}open(){this.opened=!0}close(){this.opened=!1}_openedChanged(e){e?(this._container.opened=!0,this._animatedAppendNotificationCard()):this._card&&this._closeNotificationCard()}__cleanUpOpeningClosingState(){this._card.removeAttribute("opening"),this._card.removeAttribute("closing"),this._card.removeEventListener("animationend",this.__animationEndListener)}_animatedAppendNotificationCard(){this._card?(this.__cleanUpOpeningClosingState(),this._card.setAttribute("opening",""),this._appendNotificationCard(),this.__animationEndListener=()=>this.__cleanUpOpeningClosingState(),this._card.addEventListener("animationend",this.__animationEndListener),this._didAnimateNotificationAppend=!0):this._didAnimateNotificationAppend=!1}_appendNotificationCard(){if(this._card){if(!this._container.shadowRoot.querySelector(`slot[name="${this.position}"]`)){console.warn(`Invalid alignment parameter provided: position=${this.position}`);return}this._container.bringToFront(),this._card.slot=this.position,this._container.firstElementChild&&/top/u.test(this.position)?this._container.insertBefore(this._card,this._container.firstElementChild):this._container.appendChild(this._card)}}_removeNotificationCard(){this._card.parentNode&&this._card.parentNode.removeChild(this._card),this._card.removeAttribute("closing"),this._container.opened=!!this._container.firstElementChild,this.dispatchEvent(new CustomEvent("closed"))}_closeNotificationCard(){this._durationTimeoutId&&clearTimeout(this._durationTimeoutId),this._animatedRemoveNotificationCard()}_animatedRemoveNotificationCard(){this.__cleanUpOpeningClosingState(),this._card.setAttribute("closing","");let e=getComputedStyle(this._card).getPropertyValue("animation-name");e&&e!=="none"?(this.__animationEndListener=()=>{this._removeNotificationCard(),this.__cleanUpOpeningClosingState()},this._card.addEventListener("animationend",this.__animationEndListener)):this._removeNotificationCard()}_positionChanged(){this.opened&&this._animatedAppendNotificationCard()}_durationChanged(e,t){t&&(clearTimeout(this._durationTimeoutId),e>0&&(this._durationTimeoutId=setTimeout(()=>this.close(),e)))}};v(yo);v(xo);v(wo);var Wa=u` 4004 :host { 4005 -webkit-tap-highlight-color: transparent; 4006 --_lumo-item-selected-icon-display: var(--_lumo-list-box-item-selected-icon-display, block); 4007 } 4008 4009 /* Dividers */ 4010 [part='items'] ::slotted(hr) { 4011 height: 1px; 4012 border: 0; 4013 padding: 0; 4014 margin: var(--lumo-space-s) var(--lumo-border-radius-m); 4015 background-color: var(--lumo-contrast-10pct); 4016 } 4017`;_("vaadin-list-box",Wa,{moduleId:"lumo-list-box"});_("vaadin-select-item",qt,{moduleId:"lumo-select-item"});_("vaadin-select-list-box",Wa,{moduleId:"lumo-select-list-box"});var dh=u` 4018 :host(:not([theme*='align'])) ::slotted([slot='value']) { 4019 text-align: start; 4020 } 4021 4022 [part='input-field'] { 4023 cursor: var(--lumo-clickable-cursor); 4024 } 4025 4026 [part='input-field'] ::slotted([slot='value']) {
4027 font-weight: var(--vaadin-input-field-value-font-weight, 500); 4028 } 4029 4030 [part='input-field'] ::slotted([slot='value']:not([placeholder])) { 4031 color: var(--vaadin-input-field-value-color, var(--lumo-body-text-color)); 4032 } 4033 4034 :host([readonly]) [part='input-field'] ::slotted([slot='value']:not([placeholder])) { 4035 color: var(--lumo-secondary-text-color); 4036 } 4037 4038 /* placeholder styles */ 4039 [part='input-field'] ::slotted([slot='value'][placeholder]) { 4040 color: var(--vaadin-input-field-placeholder-color, var(--lumo-secondary-text-color)); 4041 } 4042 4043 :host(:is([readonly], [disabled])) ::slotted([slot='value'][placeholder]) { 4044 opacity: 0; 4045 } 4046 4047 [part='toggle-button']::before { 4048 content: var(--lumo-icons-dropdown); 4049 } 4050 4051 /* Highlight the toggle button when hovering over the entire component */ 4052 :host(:hover:not([readonly]):not([disabled])) [part='toggle-button'] { 4053 color: var(--lumo-contrast-80pct); 4054 } 4055 4056 :host([theme~='small']) [part='input-field'] ::slotted([slot='value']) { 4057 --_lumo-selected-item-height: var(--lumo-size-s); 4058 --_lumo-selected-item-padding: 0; 4059 } 4060`;_("vaadin-select",[de,dh],{moduleId:"lumo-select"});_("vaadin-select-value-button",u` 4061 :host { 4062 font-family: var(--lumo-font-family); 4063 font-size: var(--vaadin-input-field-value-font-size, var(--lumo-font-size-m)); 4064 padding: 0 0.25em; 4065 --_lumo-selected-item-height: var(--lumo-size-m); 4066 --_lumo-selected-item-padding: 0.5em; 4067 } 4068 4069 ::slotted(*) { 4070 min-height: var(--_lumo-selected-item-height); 4071 padding-top: var(--_lumo-selected-item-padding); 4072 padding-bottom: var(--_lumo-selected-item-padding); 4073 font-size: inherit; 4074 } 4075 4076 ::slotted(*:hover) { 4077 background-color: transparent; 4078 } 4079 `,{moduleId:"lumo-select-value-button"});var ch=u` 4080 :host { 4081 --_lumo-item-selected-icon-display: block; 4082 } 4083 4084 /* Small viewport adjustment */ 4085 :host([phone]) { 4086 /* stylelint-disable declaration-block-no-redundant-longhand-properties */ 4087 top: 0 !important; 4088 right: 0 !important; 4089 bottom: var(--vaadin-overlay-viewport-bottom, 0) !important; 4090 left: 0 !important; 4091 /* stylelint-enable declaration-block-no-redundant-longhand-properties */ 4092 align-items: stretch; 4093 justify-content: flex-end; 4094 } 4095 4096 :host([no-vertical-overlap][top-aligned]) [part='overlay'] { 4097 margin-block-start: var(--lumo-space-xs); 4098 } 4099 4100 :host([no-vertical-overlap][bottom-aligned]) [part='overlay'] { 4101 margin-block-end: var(--lumo-space-xs); 4102 } 4103 4104 :host([theme~='align-left']) { 4105 text-align: left; 4106 } 4107 4108 :host([theme~='align-right']) { 4109 text-align: right; 4110 } 4111 4112 :host([theme~='align-center']) { 4113 text-align: center; 4114 } 4115`;_("vaadin-select-overlay",[is,ch],{moduleId:"lumo-select-overlay"});var Ya=o=>class extends Ko(le(o)){static get properties(){return{_hasVaadinItemMixin:{value:!0},selected:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_selectedChanged"},_value:String}}get _activeKeys(){return["Enter"," "]}get value(){return this._value!==void 0?this._value:this.textContent.trim()}set value(e){this._value=e}ready(){super.ready();let e=this.getAttribute("value");e!==null&&(this.value=e)}focus(){this.disabled||(super.focus(),this._setFocused(!0))}_shouldSetActive(e){return!this.disabled&&!(e.type==="keydown"&&e.defaultPrevented)}_selectedChanged(e){this.setAttribute("aria-selected",e)}_disabledChanged(e){super._disabledChanged(e),e&&(this.selected=!1,this.blur())}_onKeyDown(e){super._onKeyDown(e),this._activeKeys.includes(e.key)&&!e.defaultPrevented&&(e.preventDefault(),this.click())}};var Co=class extends Ya(C(M(b))){static get is(){return"vaadin-select-item"}static get template(){return g` 4116 <style> 4117 :host { 4118 display: inline-block; 4119 } 4120 4121 :host([hidden]) { 4122 display: none !important; 4123 } 4124 </style> 4125 <span part="checkmark" aria-hidden="true"></span> 4126 <div part="content"> 4127 <slot></slot> 4128 </div> 4129 `}ready(){super.ready(),this.setAttribute("role","option")}};v(Co);function Ka(o,e){let{scrollLeft:t}=o;return e!=="rtl"?t:o.scrollWidth-o.clientWidth+t}function hh(o,e,t){e!=="rtl"?o.scrollLeft=t:o.scrollLeft=o.clientWidth-o.scrollWidth+t}var uh=o=>class extends ne(o){get focused(){return(this._getItems()||[]).find(Jo)}get _vertical(){return!0}focus(){let e=this._getItems();if(Array.isArray(e)){let t=this._getAvailableIndex(e,0,null,i=>!Di(i));t>=0&&this._focus(t)}}_getItems(){return Array.from(this.children)}_onKeyDown(e){if(super._onKeyDown(e),e.metaKey||e.ctrlKey)return;let{key:t}=e,i=this._getItems()||[],s=i.indexOf(this.focused),r,a,n=!this._vertical&&this.getAttribute("dir")==="rtl"?-1:1;this.__isPrevKey(t)?(a=-n,r=s-n):this.__isNextKey(t)?(a=n,r=s+n):t==="Home"?(a=1,r=0):t==="End"&&(a=-1,r=i.length-1),r=this._getAvailableIndex(i,r,a,l=>!Di(l)),r>=0&&(e.preventDefault(),this._focus(r,!0))}__isPrevKey(e){return this._vertical?e==="ArrowUp":e==="ArrowLeft"}__isNextKey(e){return this._vertical?e==="ArrowDown":e==="ArrowRight"}_focus(e,t=!1){let i=this._getItems();this._focusItem(i[e],t)}
4129_focusItem(e){e&&(e.focus(),e.setAttribute("focus-ring",""))}_getAvailableIndex(e,t,i,s){let r=e.length,a=t;for(let n=0;typeof a=="number"&&n<r;n+=1,a+=i||1){a<0?a=r-1:a>=r&&(a=0);let l=e[a];if(!l.hasAttribute("disabled")&&this.__isMatchingItem(l,s))return a}return-1}__isMatchingItem(e,t){return typeof t=="function"?t(e):!0}};var Ga=o=>class extends uh(o){static get properties(){return{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},selected:{type:Number,reflectToAttribute:!0,notify:!0},orientation:{type:String,reflectToAttribute:!0,value:""},items:{type:Array,readOnly:!0,notify:!0},_searchBuf:{type:String,value:""}}}static get observers(){return["_enhanceItems(items, orientation, selected, disabled)"]}get _isRTL(){return!this._vertical&&this.getAttribute("dir")==="rtl"}get _scrollerElement(){return console.warn(`Please implement the '_scrollerElement' property in <${this.localName}>`),this}get _vertical(){return this.orientation!=="horizontal"}focus(){this._observer&&this._observer.flush();let e=Array.isArray(this.items)?this.items:[],t=this._getAvailableIndex(e,0,null,i=>i.tabIndex===0&&!Di(i));t>=0?this._focus(t):super.focus()}ready(){super.ready(),this.addEventListener("click",t=>this._onClick(t));let e=this.shadowRoot.querySelector("slot:not([name])");this._observer=new Ke(e,()=>{this._setItems(this._filterItems(ra(this)))})}_getItems(){return this.items}_enhanceItems(e,t,i,s){if(!s&&e){this.setAttribute("aria-orientation",t||"vertical"),e.forEach(a=>{t?a.setAttribute("orientation",t):a.removeAttribute("orientation")}),this._setFocusable(i<0||!i?0:i);let r=e[i];e.forEach(a=>{a.selected=a===r}),r&&!r.disabled&&this._scrollToItem(i)}}_filterItems(e){return e.filter(t=>t._hasVaadinItemMixin)}_onClick(e){if(e.metaKey||e.shiftKey||e.ctrlKey||e.defaultPrevented)return;let t=this._filterItems(e.composedPath())[0],i;t&&!t.disabled&&(i=this.items.indexOf(t))>=0&&(this.selected=i)}_searchKey(e,t){this._searchReset=N.debounce(this._searchReset,G.after(500),()=>{this._searchBuf=""}),this._searchBuf+=t.toLowerCase(),this.items.some(s=>this.__isMatchingKey(s))||(this._searchBuf=t.toLowerCase());let i=this._searchBuf.length===1?e+1:e;return this._getAvailableIndex(this.items,i,1,s=>this.__isMatchingKey(s)&&getComputedStyle(s).display!=="none")}__isMatchingKey(e){return e.textContent.replace(/[^\p{L}\p{Nd}]/gu,"").toLowerCase().startsWith(this._searchBuf)}_onKeyDown(e){if(e.metaKey||e.ctrlKey)return;let t=e.key,i=this.items.indexOf(this.focused);if(/[\p{L}\p{Nd}]/u.test(t)&&t.length===1){let s=this._searchKey(i,t);s>=0&&this._focus(s);return}super._onKeyDown(e)}_isItemHidden(e){return getComputedStyle(e).display==="none"}_setFocusable(e){e=this._getAvailableIndex(this.items,e,1);let t=this.items[e];this.items.forEach(i=>{i.tabIndex=i===t?0:-1})}_focus(e){this.items.forEach((t,i)=>{t.focused=i===e}),this._setFocusable(e),this._scrollToItem(e),super._focus(e)}_scrollToItem(e){let t=this.items[e];if(!t)return;let i=this._vertical?["top","bottom"]:this._isRTL?["right","left"]:["left","right"],s=this._scrollerElement.getBoundingClientRect(),r=(this.items[e+1]||t).getBoundingClientRect(),a=(this.items[e-1]||t).getBoundingClientRect(),n=0;!this._isRTL&&r[i[1]]>=s[i[1]]||this._isRTL&&r[i[1]]<=s[i[1]]?n=r[i[1]]-s[i[1]]:(!this._isRTL&&a[i[0]]<=s[i[0]]||this._isRTL&&a[i[0]]>=s[i[0]])&&(n=a[i[0]]-s[i[0]]),this._scroll(n)}_scroll(e){if(this._vertical)this._scrollerElement.scrollTop+=e;else{let t=this.getAttribute("dir")||"ltr",i=Ka(this._scrollerElement,t)+e;hh(this._scrollerElement,t,i)}}};var ko=class extends Ga(C(M($(b)))){static get is(){return"vaadin-select-list-box"}static get template(){return g` 4130 <style> 4131 :host { 4132 display: flex; 4133 } 4134 4135 :host([hidden]) { 4136 display: none !important; 4137 } 4138 4139 [part='items'] { 4140 height: 100%; 4141 width: 100%; 4142 overflow-y: auto; 4143 -webkit-overflow-scrolling: touch; 4144 } 4145 </style> 4146 <div part="items"> 4147 <slot></slot> 4148 </div> 4149 `}static get properties(){return{orientation:{readOnly:!0}}}get _scrollerElement(){return this.shadowRoot.querySelector('[part="items"]')}ready(){super.ready(),this.setAttribute("role","listbox")}};v(ko);var ph=o=>class extends as(it(M(o))){static get observers(){return["_updateOverlayWidth(opened, owner)"]}ready(){super.ready(),this.restoreFocusOnClose=!0}_getMenuElement(){return Array.from(this.children).find(e=>e.localName!=="style")}_updateOverlayWidth(e,t){if(e&&t){let i="--vaadin-select-overlay-width",s=getComputedStyle(t).getPropertyValue(i);s===""?this.style.removeProperty(i):this.style.setProperty(i,s)}}};var mh=u` 4150 :host {
4151 align-items: flex-start; 4152 justify-content: flex-start; 4153 } 4154 4155 :host(:not([phone])) [part='overlay'] { 4156 min-width: var(--vaadin-select-overlay-width, var(--vaadin-select-text-field-width)); 4157 } 4158 4159 @media (forced-colors: active) { 4160 [part='overlay'] { 4161 outline: 3px solid; 4162 } 4163 } 4164`;_("vaadin-select-overlay",[tt,mh],{moduleId:"vaadin-select-overlay-styles"});var Eo=class extends ph(C(b)){static get is(){return"vaadin-select-overlay"}static get template(){return g` 4165 <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div> 4166 <div part="overlay" id="overlay" tabindex="0"> 4167 <div part="content" id="content"> 4168 <slot></slot> 4169 </div> 4170 </div> 4171 `}ready(){super.ready(),this.owner=this.__dataHost,this.owner._overlayElement=this}requestContentUpdate(){if(super.requestContentUpdate(),this.owner){let e=this._getMenuElement();this.owner._assignMenuElement(e)}}};v(Eo);var _h=u` 4172 :host { 4173 display: inline-block; 4174 position: relative; 4175 outline: none; 4176 white-space: nowrap; 4177 -webkit-user-select: none; 4178 -moz-user-select: none; 4179 user-select: none; 4180 min-width: 0; 4181 width: 0; 4182 } 4183 4184 ::slotted(*) { 4185 padding-left: 0; 4186 padding-right: 0; 4187 flex: auto; 4188 } 4189 4190 /* placeholder styles */ 4191 ::slotted(*:not([selected])) { 4192 line-height: 1; 4193 } 4194 4195 .vaadin-button-container { 4196 display: inline-flex; 4197 align-items: center; 4198 justify-content: center; 4199 text-align: inherit; 4200 width: 100%; 4201 height: 100%; 4202 min-height: inherit; 4203 text-shadow: inherit; 4204 } 4205 4206 [part='label'] { 4207 white-space: nowrap; 4208 overflow: hidden; 4209 text-overflow: ellipsis; 4210 width: 100%; 4211 line-height: inherit; 4212 } 4213`;_("vaadin-select-value-button",_h,{moduleId:"vaadin-select-value-button-styles"});var Ao=class extends ns(C(b)){static get is(){return"vaadin-select-value-button"}static get template(){return g` 4214 <div class="vaadin-button-container"> 4215 <span part="label"> 4216 <slot></slot> 4217 </span> 4218 </div> 4219 `}};v(Ao);var fh=u` 4220 .sr-only { 4221 border: 0 !important; 4222 clip: rect(1px, 1px, 1px, 1px) !important; 4223 -webkit-clip-path: inset(50%) !important; 4224 clip-path: inset(50%) !important; 4225 height: 1px !important; 4226 margin: -1px !important; 4227 overflow: hidden !important; 4228 padding: 0 !important; 4229 position: absolute !important; 4230 width: 1px !important; 4231 white-space: nowrap !important; 4232 } 4233`;var Io=class extends T{constructor(e){super(e,"value","vaadin-select-value-button",{initializer:(t,i)=>{i._setFocusElement(t),i.ariaTarget=t,i.stateTarget=t,t.setAttribute("aria-haspopup","listbox")}})}};var vh=o=>class extends ot(Bt(Qo(ne(Rt(o))))){static get properties(){return{items:{type:Array,observer:"__itemsChanged"},opened:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0,sync:!0},renderer:{type:Object},value:{type:String,value:"",notify:!0,observer:"_valueChanged"},name:{type:String},placeholder:{type:String},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},noVerticalOverlap:{type:Boolean,value:!1},_phone:Boolean,_phoneMediaQuery:{value:"(max-width: 450px), (max-height: 450px)"},_inputContainer:Object,_items:Object}}static get delegateAttrs(){return[...super.delegateAttrs,"invalid"]}static get observers(){return["_updateAriaExpanded(opened, focusElement)","_updateSelectedItem(value, _items, placeholder)","_openedChanged(opened, _overlayElement, _inputContainer)"]}constructor(){super(),this._itemId=`value-${this.localName}-${Ze()}`,this._srLabelController=new At(this),this._srLabelController.slotName="sr-label"}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}ready(){super.ready(),this._inputContainer=this.shadowRoot.querySelector('[part~="input-field"]'),this._valueButtonController=new Io(this),this.addController(this._valueButtonController),this.addController(this._srLabelController),this.addController(new Qe(this._phoneMediaQuery,e=>{this._phone=e})),this._tooltipController=new B(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.focusElement),this.addController(this._tooltipController)}requestContentUpdate(){this._overlayElement&&(this._overlayElement.requestContentUpdate(),this._menuElement&&this._menuElement.items&&this._updateSelectedItem(this.value,this._menuElement.items))}_requiredChanged(e){super._requiredChanged(e),e===!1&&this.validate()}__itemsChanged(e,t){(e||t)&&this.requestContentUpdate()}_assignMenuElement(e){e&&e!==this.__lastMenuElement&&(this._menuElement=e,this.__initMenuItems(e),e.addEventListener("items-changed",()=>{this.__initMenuItems(e)}),e.addEventListener("selected-changed",()=>
4233this.__updateValueButton()),e.addEventListener("keydown",t=>this._onKeyDownInside(t),!0),e.addEventListener("click",t=>{let i=t.composedPath().find(s=>s._hasVaadinItemMixin);this.__dispatchChangePending=!!(i&&i.value!==void 0&&i.value!==this.value),this.opened=!1},!0),this.__lastMenuElement=e)}__initMenuItems(e){e.items&&(this._items=e.items)}_valueChanged(e,t){this.toggleAttribute("has-value",!!e),t!==void 0&&!this.__dispatchChangePending&&this.validate()}_onClick(e){this.disabled||(e.preventDefault(),this.opened=!this.readonly)}_onToggleMouseDown(e){e.preventDefault()}_onKeyDown(e){if(e.target===this.focusElement&&!this.readonly&&!this.disabled&&!this.opened){if(/^(Enter|SpaceBar|\s|ArrowDown|Down|ArrowUp|Up)$/u.test(e.key))e.preventDefault(),this.opened=!0;else if(/[\p{L}\p{Nd}]/u.test(e.key)&&e.key.length===1){let t=this._menuElement.selected,i=t!==void 0?t:-1,s=this._menuElement._searchKey(i,e.key);s>=0&&(this.__dispatchChangePending=!0,this._updateAriaLive(!0),this._menuElement.selected=s)}}}_onKeyDownInside(e){/^(Tab)$/u.test(e.key)&&
4233(this.opened=!1)}_openedChanged(e,t,i){if(!(!t||!i)){if(e){if(this.disabled||this.readonly){this.opened=!1;return}this._updateAriaLive(!1),t.style.setProperty("--vaadin-select-text-field-width",`${i.offsetWidth}px`);let s=this.hasAttribute("focus-ring");this._openedWithFocusRing=s,s&&this.removeAttribute("focus-ring")}else this.__oldOpened&&(this._openedWithFocusRing&&this.setAttribute("focus-ring",""),!this.__dispatchChangePending&&!this._keyboardActive&&this.validate());this.__oldOpened=e}}_updateAriaExpanded(e,t){t&&t.setAttribute("aria-expanded",e?"true":"false")}_updateAriaLive(e){this.focusElement&&(e?this.focusElement.setAttribute("aria-live","polite"):this.focusElement.removeAttribute("aria-live"))}__attachSelectedItem(e){let t,i=e.getAttribute("label");i?t=this.__createItemElement({label:i}):t=e.cloneNode(!0),t._sourceItem=e,this.__appendValueItemElement(t,this.focusElement),t.selected=!0}__createItemElement(e){let t=document.createElement(e.component||"vaadin-select-item");return e.label&&(t.textContent=e.label),e.value&&(t.value=e.value),e.disabled&&(t.disabled=e.disabled),e.className&&(t.className=e.className),t}__appendValueItemElement(e,t){t.appendChild(e),e.removeAttribute("tabindex"),e.removeAttribute("aria-selected"),e.removeAttribute("role"),e.removeAttribute("focused"),e.removeAttribute("focus-ring"),e.removeAttribute("active"),e.setAttribute("id",this._itemId)}_accessibleNameChanged(e){this._srLabelController.setLabel(e),this._setCustomAriaLabelledBy(e?this._srLabelController.defaultId:null)}_accessibleNameRefChanged(e){this._setCustomAriaLabelledBy(e)}_setCustomAriaLabelledBy(e){let t=this._getLabelIdWithItemId(e);this._fieldAriaController.setLabelId(t,!0)}_getLabelIdWithItemId(e){let t=this._items&&this._items[this._menuElement.selected]||this.placeholder?this._itemId:"";return e?`${e} ${t}`.trim():null}__updateValueButton(){let e=this.focusElement;if(!e)return;e.innerHTML="";let t=this._items[this._menuElement.selected];if(e.removeAttribute("placeholder"),this._hasContent(t))this.__attachSelectedItem(t);else if(this.placeholder){let s=this.__createItemElement({label:this.placeholder});this.__appendValueItemElement(s,e),e.setAttribute("placeholder","")}!this._valueChanging&&t&&(this._selectedChanging=!0,this.value=t.value||"",this.__dispatchChangePending&&this.__dispatchChange(),delete this._selectedChanging);let i=t||this.placeholder?{newId:this._itemId}:{oldId:this._itemId};fe(e,"aria-labelledby",i),(this.accessibleName||this.accessibleNameRef)&&this._setCustomAriaLabelledBy(this.accessibleNameRef||this._srLabelController.defaultId)}_hasContent(e){if(!e)return!1;let t=!!(e.hasAttribute("label")?e.getAttribute("label"):e.textContent.trim()),i=e.childElementCount>0;return t||i}_updateSelectedItem(e,t){if(t){let i=e==null?e:e.toString();this._menuElement.selected=t.reduce((s,r,a)=>s===void 0&&r.value===i?a:s,void 0),this._selectedChanging||(this._valueChanging=!0,this.__updateValueButton(),delete this._valueChanging)}}_shouldRemoveFocus(){return!this.opened}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}checkValidity(){return!this.required||this.readonly||!!this.value}__defaultRenderer(e,t){if(!this.items||this.items.length===0){e.textContent="";return}let i=e.firstElementChild;i||(i=document.createElement("vaadin-select-list-box"),e.appendChild(i)),i.textContent="",this.items.forEach(s=>{i.appendChild(this.__createItemElement(s))})}__dispatchChange(){return ft(this,null,function*(){this.updateComplete&&(yield this.updateComplete),this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this.__dispatchChangePending=!1})}};_("vaadin-select",[Oa,La,fh],{moduleId:"vaadin-select-styles"});var So=class extends vh(V(C(b))){static get is(){return"vaadin-select"}static get template(){return g` 4234 <style> 4235 :host { 4236 position: relative; 4237 } 4238 4239 ::slotted([slot='value']) { 4240 flex-grow: 1; 4241 } 4242 </style> 4243 4244 <div class="vaadin-select-container"> 4245 <div part="label" on-click="_onClick"> 4246 <slot name="label"></slot>
4247 <span part="required-indicator" aria-hidden="true" on-click="focus"></span> 4248 </div> 4249 4250 <vaadin-input-container 4251 part="input-field" 4252 readonly="[[readonly]]" 4253 disabled="[[disabled]]" 4254 invalid="[[invalid]]" 4255 theme$="[[_theme]]" 4256 on-click="_onClick" 4257 > 4258 <slot name="prefix" slot="prefix"></slot> 4259 <slot name="value"></slot> 4260 <div part="toggle-button" slot="suffix" aria-hidden="true" on-mousedown="_onToggleMouseDown"></div> 4261 </vaadin-input-container> 4262 4263 <div part="helper-text"> 4264 <slot name="helper"></slot> 4265 </div> 4266 4267 <div part="error-message"> 4268 <slot name="error-message"></slot> 4269 </div> 4270 </div> 4271 4272 <vaadin-select-overlay 4273 position-target="[[_inputContainer]]" 4274 opened="{{opened}}" 4275 with-backdrop="[[_phone]]" 4276 phone$="[[_phone]]" 4277 theme$="[[_theme]]" 4278 no-vertical-overlap$="[[noVerticalOverlap]]" 4279 on-vaadin-overlay-open="_onOverlayOpen" 4280 ></vaadin-select-overlay> 4281 4282 <slot name="tooltip"></slot> 4283 <div class="sr-only"> 4284 <slot name="sr-label"></slot> 4285 </div> 4286 `}static get observers(){return["_rendererChanged(renderer, _overlayElement)"]}ready(){super.ready(),Wt(this)}_rendererChanged(e,t){t&&(t.renderer=e||this.__defaultRenderer,this.requestContentUpdate())}_onOverlayOpen(){this._menuElement&&this._menuElement.focus()}};v(So);var Xa=u` 4287 /* Optical centering */ 4288 :host::before, 4289 :host::after { 4290 content: ''; 4291 flex-basis: 0; 4292 flex-grow: 1; 4293 } 4294 4295 :host::after { 4296 flex-grow: 1.1; 4297 } 4298 4299 [part='overlay'] { 4300 border-radius: var(--lumo-border-radius-l); 4301 box-shadow: 4302 0 0 0 1px var(--lumo-shade-5pct), 4303 var(--lumo-box-shadow-xl); 4304 background-image: none; 4305 outline: none; 4306 -webkit-tap-highlight-color: transparent; 4307 } 4308 4309 [part='content'] { 4310 padding: var(--lumo-space-l); 4311 } 4312 4313 :host(:is([has-header], [has-title])) [part='header'] + [part='content'] { 4314 padding-top: 0; 4315 } 4316 4317 [part='header'], 4318 [part='header-content'], 4319 [part='footer'] { 4320 gap: var(--lumo-space-xs) var(--lumo-space-s); 4321 line-height: var(--lumo-line-height-s); 4322 } 4323 4324 [part='header'] { 4325 padding: var(--lumo-space-m); 4326 background-color: var(--lumo-base-color); 4327 border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0; /* Needed for Safari */ 4328 } 4329 4330 [part='footer'] { 4331 padding: var(--lumo-space-s) var(--lumo-space-m); 4332 background-color: var(--lumo-contrast-5pct); 4333 border-radius: 0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l); /* Needed for Safari */ 4334 } 4335 4336 [part='title'] { 4337 font-size: var(--lumo-font-size-xl); 4338 font-weight: 600; 4339 color: var(--lumo-header-text-color); 4340 margin-inline-start: calc(var(--lumo-space-l) - var(--lumo-space-m)); 4341 } 4342 4343 /* No padding */ 4344 :host([theme~='no-padding']) [part='content'] { 4345 padding: 0 !important; 4346 } 4347 4348 @media (min-height: 320px) { 4349 :host([overflow~='top']) [part='header'] { 4350 box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct); 4351 } 4352 } 4353 4354 /* Animations */ 4355 4356 :host([opening]), 4357 :host([closing]) { 4358 animation: 0.25s lumo-overlay-dummy-animation; 4359 } 4360 4361 :host([opening]) [part='overlay'] { 4362 animation: 0.12s 0.05s vaadin-dialog-enter cubic-bezier(0.215, 0.61, 0.355, 1) both; 4363 } 4364 4365 @keyframes vaadin-dialog-enter { 4366 0% { 4367 opacity: 0; 4368 transform: scale(0.95); 4369 } 4370 } 4371 4372 :host([closing]) [part='overlay'] { 4373 animation: 0.1s 0.03s vaadin-dialog-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both; 4374 } 4375 4376 :host([closing]) [part='backdrop'] { 4377 animation-delay: 0.05s; 4378 } 4379 4380 @keyframes vaadin-dialog-exit { 4381 100% { 4382 opacity: 0; 4383 transform: scale(1.02); 4384 } 4385 } 4386`;_("vaadin-dialog-overlay",[ke,Xa],{moduleId:"lumo-dialog"});_("vaadin-confirm-dialog-overlay",[ke,Xa,u` 4387 [part='header'] ::slotted(h3) { 4388 margin-top: 0 !important; 4389 margin-bottom: 0 !important; 4390 margin-inline-start: calc(var(--lumo-space-l) - var(--lumo-space-m)); 4391 } 4392 4393 [part='message'] { 4394 width: 25em; 4395 min-width: 100%; 4396 max-width: 100%; 4397 } 4398 4399 ::slotted([slot$='button'][theme~='tertiary']) { 4400 padding-left: var(--lumo-space-s); 4401 padding-right: var(--lumo-space-s); 4402 } 4403 4404 [part='cancel-button'] { 4405 flex-grow: 1; 4406 } 4407 4408 @media (max-width: 360px) { 4409 [part='footer'] { 4410 flex-direction: column-reverse; 4411 align-items: stretch; 4412 padding: var(--lumo-space-s) var(--lumo-space-l); 4413 gap: var(--lumo-space-s); 4414 } 4415 4416 ::slotted([slot$='button']) { 4417 width: 100%; 4418 margin: 0; 4419 } 4420 } 4421 `],{moduleId:"lumo-confirm-dialog-overlay"});var gh=o=>class extends o{static get properties(){return{opened:{type:Boolean,value:!1,notify:!0},noCloseOnOutsideClick:{type:Boolean,value:!1},noCloseOnEsc:{type:Boolean,value:!1},modeless:{type:Boolean,value:!1},overlayRole:{type:String,value:"dialog"}}}ready(){super.ready();let e=this.$.overlay;e.addEventListener("vaadin-overlay-outside-click",this._handleOutsideClick.bind(this)),e.addEventListener("vaadin-overlay-escape-press",this._handleEscPress.bind(this)),e.addEventListener("vaadin-overlay-closed",this.__handleOverlayClosed.bind(this)),this._overlayElement=e}__handleOverlayClosed(){this.dispatchEvent(new CustomEvent("closed"))}connectedCallback(){super.connectedCallback(),this.__restoreOpened&&(this.opened=!0)}disconnectedCallback(){super.disconnectedCallback(),setTimeout(()=>{this.isConnected||(this.__restoreOpened=this.opened,this.opened=!1)})}_onOverlayOpened(e){e.detail.value===!1&&(this.opened=!1)}_handleOutsideClick(e){this.noCloseOnOutsideClick&&e.preventDefault()}_handleEscPress(e){this.noCloseOnEsc&&e.preventDefault()}_bringOverlayToFront(){this.modeless&&this._overlayElement.bringToFront()}};var bh=u` 4422 [part='header'], 4423 [part='header-content'], 4424 [part='footer'] { 4425 display: flex; 4426 align-items: center; 4427 flex-wrap: wrap; 4428 flex: none; 4429 pointer-events: none; 4430 z-index: 1; 4431 } 4432 4433 [part='header'] { 4434 flex-wrap: nowrap; 4435 } 4436 4437 ::slotted([slot='header-content']), 4438 ::slotted([slot='title']), 4439 ::slotted([slot='footer']) { 4440 display: contents; 4441 pointer-events: auto; 4442 } 4443 4444 ::slotted([slot='title']) { 4445 font: inherit !important;
4446 overflow-wrap: anywhere; 4447 } 4448 4449 [part='header-content'] { 4450 flex: 1; 4451 } 4452 4453 :host([has-title]) [part='header-content'], 4454 [part='footer'] { 4455 justify-content: flex-end; 4456 } 4457 4458 :host(:not([has-title]):not([has-header])) [part='header'], 4459 :host(:not([has-header])) [part='header-content'], 4460 :host(:not([has-title])) [part='title'], 4461 :host(:not([has-footer])) [part='footer'] { 4462 display: none !important; 4463 } 4464 4465 :host(:is([has-title], [has-header], [has-footer])) [part='content'] { 4466 height: auto; 4467 } 4468 4469 @media (min-height: 320px) { 4470 :host(:is([has-title], [has-header], [has-footer])) .resizer-container { 4471 overflow: hidden; 4472 display: flex; 4473 flex-direction: column; 4474 } 4475 4476 :host(:is([has-title], [has-header], [has-footer])) [part='content'] { 4477 flex: 1; 4478 overflow: auto; 4479 } 4480 } 4481 4482 /* 4483 NOTE(platosha): Make some min-width to prevent collapsing of the content 4484 taking the parent width, e. g., <vaadin-grid> and such. 4485 */ 4486 [part='content'] { 4487 min-width: 12em; /* matches the default <vaadin-text-field> width */ 4488 } 4489 4490 :host([has-bounds-set]) [part='overlay'] { 4491 max-width: none; 4492 } 4493 4494 @media (forced-colors: active) { 4495 [part='overlay'] { 4496 outline: 3px solid !important; 4497 } 4498 } 4499`;u` 4500 [part='overlay'] { 4501 position: relative; 4502 overflow: visible; 4503 max-height: 100%; 4504 display: flex; 4505 } 4506 4507 [part='content'] { 4508 box-sizing: border-box; 4509 height: 100%; 4510 } 4511 4512 .resizer-container { 4513 overflow: auto; 4514 flex-grow: 1; 4515 border-radius: inherit; /* prevent child elements being drawn outside part=overlay */ 4516 } 4517 4518 [part='overlay'][style] .resizer-container { 4519 min-height: 100%; 4520 width: 100%; 4521 } 4522 4523 :host(:not([resizable])) .resizer { 4524 display: none; 4525 } 4526 4527 :host([resizable]) [part='title'] { 4528 cursor: move; 4529 -webkit-user-select: none; 4530 user-select: none; 4531 } 4532 4533 .resizer { 4534 position: absolute; 4535 height: 16px; 4536 width: 16px; 4537 } 4538 4539 .resizer.edge { 4540 height: 8px; 4541 width: 8px; 4542 inset: -4px; 4543 } 4544 4545 .resizer.edge.n { 4546 width: auto; 4547 bottom: auto; 4548 cursor: ns-resize; 4549 } 4550 4551 .resizer.ne { 4552 top: -4px; 4553 right: -4px; 4554 cursor: nesw-resize; 4555 } 4556 4557 .resizer.edge.e { 4558 height: auto; 4559 left: auto; 4560 cursor: ew-resize; 4561 } 4562 4563 .resizer.se { 4564 bottom: -4px; 4565 right: -4px; 4566 cursor: nwse-resize; 4567 } 4568 4569 .resizer.edge.s { 4570 width: auto; 4571 top: auto; 4572 cursor: ns-resize; 4573 } 4574 4575 .resizer.sw { 4576 bottom: -4px; 4577 left: -4px; 4578 cursor: nesw-resize; 4579 } 4580 4581 .resizer.edge.w { 4582 height: auto; 4583 right: auto; 4584 cursor: ew-resize; 4585 } 4586 4587 .resizer.nw { 4588 top: -4px; 4589 left: -4px; 4590 cursor: nwse-resize; 4591 } 4592`;var yh=o=>class extends o{static get properties(){return{ariaLabel:{type:String,value:""},contentHeight:{type:String},contentWidth:{type:String}}}static get observers(){return["__updateContentHeight(contentHeight, _overlayElement)","__updateContentWidth(contentWidth, _overlayElement)"]}__updateDimension(e,t,i){let s=`--_vaadin-confirm-dialog-content-${t}`;i?e.style.setProperty(s,i):e.style.removeProperty(s)}__updateContentHeight(e,t){t&&this.__updateDimension(t,"height",e)}__updateContentWidth(e,t){t&&this.__updateDimension(t,"width",e)}};var xh=u` 4593 :host { 4594 --_vaadin-confirm-dialog-content-width: auto; 4595 --_vaadin-confirm-dialog-content-height: auto; 4596 } 4597 4598 [part='overlay'] { 4599 width: var(--_vaadin-confirm-dialog-content-width); 4600 height: var(--_vaadin-confirm-dialog-content-height); 4601 } 4602 4603 ::slotted([slot='header']) { 4604 pointer-events: auto; 4605 } 4606 4607 /* Make buttons clickable */ 4608 [part='footer'] > * { 4609 pointer-events: all; 4610 } 4611`;_("vaadin-confirm-dialog-overlay",[tt,bh,xh],{moduleId:"vaadin-confirm-dialog-overlay-styles"});var Po=class extends it(M(C(b))){static get is(){return"vaadin-confirm-dialog-overlay"}static get template(){return g` 4612 <div part="backdrop" id="backdrop" hidden$="[[!withBackdrop]]"></div> 4613 <div part="overlay" id="overlay" tabindex="0"> 4614 <section id="resizerContainer" class="resizer-container"> 4615 <header part="header"><slot name="header"></slot></header> 4616 <div part="content" id="content"> 4617 <div part="message"><slot></slot></div> 4618 </div> 4619 <footer part="footer" role="toolbar"> 4620 <div part="cancel-button"> 4621 <slot name="cancel-button"></slot> 4622 </div> 4623 <div part="reject-button"> 4624 <slot name="reject-button"></slot> 4625 </div> 4626 <div part="confirm-button"> 4627 <slot name="confirm-button"></slot> 4628 </div> 4629 </footer> 4630 </section> 4631 </div> 4632 `}ready(){super.ready(),this.setAttribute("has-header",""),this.setAttribute("has-footer","")}};v(Po);var To=class extends yh(gh(ot(Nt(b)))){static get is(){return"vaadin-confirm-dialog-dialog"}static get template(){return g` 4633 <style> 4634 :host { 4635 display: none; 4636 } 4637 </style> 4638 4639 <vaadin-confirm-dialog-overlay 4640 id="overlay" 4641 opened="[[opened]]" 4642 on-opened-changed="_onOverlayOpened" 4643 on-mousedown="_bringOverlayToFront" 4644 on-touchstart="_bringOverlayToFront" 4645 theme$="[[_theme]]" 4646 modeless="[[modeless]]" 4647 with-backdrop="[[!modeless]]" 4648 resizable$="[[resizable]]" 4649 aria-label$="[[ariaLabel]]" 4650 restore-focus-on-close 4651 focus-trap 4652 ></vaadin-confirm-dialog-overlay> 4653 `}};v(To);var wh=o=>class extends o{static get properties(){return{accessibleDescriptionRef:{type:String},opened:{type:Boolean,value:!1,notify:!0},header:{type:String,value:""},message:{type:String,value:""},confirmText:{type:String,value:"Confirm"},confirmTheme:{type:String,value:"primary"},noCloseOnEsc:{type:Boolean,value:!1},rejectButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1},rejectText:{type:String,value:"Reject"},rejectTheme:{type:String,value:"error tertiary"},cancelButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1},cancelText:{type:String,value:"Cancel"},cancelTheme:{type:String,value:"tertiary"},overlayClass:{type:String},_cancelButton:{type:Object},_confirmButton:{type:Object},_headerNode:{type:Object},_messageNodes:{type:Array,value:()=>[]},_overlayElement:{type:Object,sync:!0},_rejectButton:{type:Object},_contentHeight:{type:String},_contentWidth:{type:String}}}static get observers(){return["__updateConfirmButton(_confirmButton, confirmText, confirmTheme)","__updateCancelButton(_cancelButton, cancelText, cancelTheme, cancelButtonVisible)","__updateHeaderNode(_headerNode, header)","__updateMessageNodes(_messageNodes, message)","__updateRejectButton(_rejectButton, rejectText, rejectTheme, rejectButtonVisible)","__accessibleDescriptionRefChanged(_overlayElement, _messageNodes, accessibleDescriptionRef)"]}constructor(){super(),this.__cancel=this.__cancel.bind(this),this.__confirm=this.__confirm.bind(this),this.__reject=this.__reject.bind(this)}get __slottedNodes(){return[this._headerNode,...this._messageNodes,this._cancelButton,this._confirmButton,this._rejectButton]}ready(){super.ready(),this._headerController=new T(this,"header","h3",{initializer:e=>{this._headerNode=e}}),this.addController(this._headerController),this._messageController=new T(this,"","div",{multiple:!0,observe:!1,initializer:e=>{let t=document.createElement("div");t.style.display="contents";let i=`confirm-dialog-message-${Ze()}`;t.id=i,this.appendChild(t),t.appendChild(e),this._messageNodes=[...this._messageNodes,t]}}),this.addController(this._messageController),this._cancelController=new T(this,"cancel-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("cancel",e)}}),this.addController(this._cancelController),this._rejectController=new T(this,"reject-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("reject",e)}}),this.addController(this._rejectController),this._confirmController=new T(this,"confirm-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("confirm",e)}}),this.addController(this._confirmController)}_initOverlay(e){e.addEventListener("vaadin-overlay-escape-press",this._escPressed.bind(this)),e.addEventListener("vaadin-overlay-open",()=>this.__onDialogOpened()),e.addEventListener("vaadin-overlay-closed",()=>this.__onDialogClosed()),e.setAttribute("role","alertdialog")}__onDialogOpened(){let e=this._overlayElement;
4653this.__slottedNodes.forEach(i=>{e.appendChild(i)});let t=e.querySelector('[slot="confirm-button"]');t&&t.focus()}__onDialogClosed(){this.__slottedNodes.forEach(e=>{this.appendChild(e)}),this.dispatchEvent(new CustomEvent("closed"))}__accessibleDescriptionRefChanged(e,t,i){!e||!t||(i!==void 0?fe(e,"aria-describedby",{newId:i,oldId:this.__oldAccessibleDescriptionRef,fromUser:!0}):t.forEach(s=>{fe(e,"aria-describedby",{newId:s.id})}),this.__oldAccessibleDescriptionRef=i)}__setupSlottedButton(e,t){let i=`_${e}Button`,s=`__${e}`;this[i]&&this[i]!==t&&this[i].remove(),t.addEventListener("click",this[s]),this[i]=t}__updateCancelButton(e,t,i,s){e&&(e===this._cancelController.defaultNode&&(e.textContent=t,e.setAttribute("theme",i)),e.toggleAttribute("hidden",!s))}__updateConfirmButton(e,t,i){e&&e===this._confirmController.defaultNode&&(e.textContent=t,e.setAttribute("theme",i))}__updateHeaderNode(e,t){e&&e===this._headerController.defaultNode&&(e.textContent=t)}__updateMessageNodes(e,t){if(e&&e.length>0){let i=e.find(s=>this._messageController.defaultNode&&s===this._messageController.defaultNode.parentElement);i&&(i.firstChild.textContent=t)}}__updateRejectButton(e,t,i,s){e&&(e===this._rejectController.defaultNode&&(e.textContent=t,e.setAttribute("theme",i)),e.toggleAttribute("hidden",!s))}_escPressed(e){e.defaultPrevented||this.__cancel()}__confirm(){this.dispatchEvent(new CustomEvent("confirm")),this.opened=!1}__cancel(){this.dispatchEvent(new CustomEvent("cancel")),this.opened=!1}__reject(){this.dispatchEvent(new CustomEvent("reject")),this.opened=!1}_getAriaLabel(e){return e||"confirmation"}};var Do=class extends wh(V(Nt($(b)))){static get template(){return g` 4654 <style> 4655 :host, 4656 [hidden] { 4657 display: none !important; 4658 } 4659 </style> 4660 4661 <vaadin-confirm-dialog-dialog 4662 id="dialog" 4663 opened="{{opened}}" 4664 overlay-class="[[overlayClass]]" 4665 aria-label="[[_getAriaLabel(header)]]" 4666 theme$="[[_theme]]" 4667 no-close-on-outside-click 4668 no-close-on-esc="[[noCloseOnEsc]]" 4669 content-height="[[_contentHeight]]" 4670 content-width="[[_contentWidth]]" 4671 ></vaadin-confirm-dialog-dialog> 4672 4673 <div hidden> 4674 <slot name="header"></slot> 4675 <slot></slot> 4676 <slot name="cancel-button"></slot> 4677 <slot name="reject-button"></slot> 4678 <slot name="confirm-button"></slot> 4679 </div> 4680 `}static get is(){return"vaadin-confirm-dialog"}ready(){super.ready(),this._overlayElement=this.$.dialog.$.overlay,this._initOverlay(this._overlayElement)}};v(Do);_("vaadin-tab",u` 4681 :host { 4682 box-sizing: border-box; 4683 padding: 0.5rem 0.75rem; 4684 font-family: var(--lumo-font-family); 4685 font-size: var(--lumo-font-size-m); 4686 line-height: var(--lumo-line-height-xs); 4687 font-weight: 500; 4688 opacity: 1; 4689 color: var(--lumo-secondary-text-color); 4690 transition: 4691 0.15s color, 4692 0.2s transform; 4693 flex-shrink: 0; 4694 display: flex; 4695 align-items: center; 4696 position: relative; 4697 cursor: var(--lumo-clickable-cursor); 4698 transform-origin: 50% 100%; 4699 outline: none; 4700 -webkit-font-smoothing: antialiased; 4701 -moz-osx-font-smoothing: grayscale; 4702 overflow: hidden; 4703 min-width: var(--lumo-size-m); 4704 -webkit-user-select: none; 4705 -moz-user-select: none; 4706 user-select: none; 4707 --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct)); 4708 --_focus-ring-width: var(--vaadin-focus-ring-width, 2px); 4709 --_selection-color: var(--vaadin-selection-color, var(--lumo-primary-color)); 4710 --_selection-color-text: var(--vaadin-selection-color-text, var(--lumo-primary-text-color)); 4711 } 4712 4713 :host(:not([orientation='vertical'])) { 4714 text-align: center; 4715 } 4716 4717 :host([orientation='vertical']) { 4718 transform-origin: 0% 50%; 4719 padding: 0.25rem 1rem; 4720 min-height: var(--lumo-size-m); 4721 min-width: 0; 4722 } 4723 4724 @media (forced-colors: active) { 4725 :host([focused]) { 4726 outline: 1px solid; 4727 outline-offset: -1px; 4728 } 4729 4730 :host([orientation='vertical'][selected]) { 4731 border-bottom: none; 4732 border-left: 2px solid; 4733 } 4734 } 4735 4736 :host(:hover), 4737 :host([focus-ring]) { 4738 color: var(--lumo-body-text-color); 4739 } 4740 4741 :host([selected]) { 4742 color: var(--_selection-color-text); 4743 transition: 0.6s color; 4744 } 4745 4746 :host([active]:not([selected])) { 4747 color: var(--_selection-color-text); 4748 transition-duration: 0.1s; 4749 } 4750 4751 :host::before, 4752 :host::after { 4753 content: ''; 4754 position: absolute; 4755 display: var(--_lumo-tab-marker-display, block); 4756 bottom: 0; 4757 left: 50%; 4758 width: var(--lumo-size-s); 4759 height: 2px; 4760 background-color: var(--lumo-contrast-60pct); 4761 border-radius: var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0; 4762 transform: translateX(-50%) scale(0); 4763 transform-origin: 50% 100%;
4764 transition: 0.14s transform cubic-bezier(0.12, 0.32, 0.54, 1); 4765 will-change: transform; 4766 } 4767 4768 :host([orientation='vertical'])::before, 4769 :host([orientation='vertical'])::after { 4770 left: 0; 4771 bottom: 50%; 4772 transform: translateY(50%) scale(0); 4773 width: 2px; 4774 height: var(--lumo-size-xs); 4775 border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0; 4776 transform-origin: 100% 50%; 4777 } 4778 4779 :host::after { 4780 box-shadow: 0 0 0 4px var(--_selection-color); 4781 opacity: 0.15; 4782 transition: 4783 0.15s 0.02s transform, 4784 0.8s 0.17s opacity; 4785 } 4786 4787 :host([selected])::before, 4788 :host([selected])::after { 4789 background-color: var(--_selection-color); 4790 transform: translateX(-50%) scale(1); 4791 transition-timing-function: cubic-bezier(0.12, 0.32, 0.54, 1.5); 4792 } 4793 4794 :host([orientation='vertical'][selected])::before, 4795 :host([orientation='vertical'][selected])::after { 4796 transform: translateY(50%) scale(1); 4797 } 4798 4799 :host([selected]:not([active]))::after { 4800 opacity: 0; 4801 } 4802 4803 :host(:not([orientation='vertical'])) ::slotted(a[href]) { 4804 justify-content: center; 4805 } 4806 4807 :host ::slotted(a) { 4808 display: flex; 4809 width: 100%; 4810 align-items: center; 4811 height: 100%; 4812 margin: -0.5rem -0.75rem; 4813 padding: 0.5rem 0.75rem; 4814 outline: none; 4815 4816 /* 4817 Override the CSS inherited from \`lumo-color\` and \`lumo-typography\`. 4818 Note: \`!important\` is needed because of the \`:slotted\` specificity. 4819 */ 4820 text-decoration: none !important; 4821 color: inherit !important; 4822 } 4823 4824 :host ::slotted(vaadin-icon) { 4825 margin: 0 4px; 4826 width: var(--lumo-icon-size-m); 4827 height: var(--lumo-icon-size-m); 4828 } 4829 4830 /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */ 4831 :host ::slotted(vaadin-icon[icon^='vaadin:']) { 4832 padding: 0.25rem; 4833 box-sizing: border-box !important; 4834 } 4835 4836 :host(:not([dir='rtl'])) ::slotted(vaadin-icon:first-child) { 4837 margin-left: 0; 4838 } 4839 4840 :host(:not([dir='rtl'])) ::slotted(vaadin-icon:last-child) { 4841 margin-right: 0; 4842 } 4843 4844 :host([theme~='icon-on-top']) { 4845 display: flex; 4846 flex-direction: column; 4847 align-items: center; 4848 justify-content: space-around; 4849 text-align: center; 4850 padding-bottom: 0.5rem; 4851 padding-top: 0.25rem; 4852 } 4853 4854 :host([theme~='icon-on-top']) ::slotted(a) { 4855 flex-direction: column; 4856 align-items: center; 4857 margin-top: -0.25rem; 4858 padding-top: 0.25rem; 4859 } 4860 4861 :host([theme~='icon-on-top']) ::slotted(vaadin-icon) { 4862 margin: 0; 4863 } 4864 4865 /* Disabled */ 4866 4867 :host([disabled]) { 4868 pointer-events: none; 4869 opacity: 1; 4870 color: var(--lumo-disabled-text-color); 4871 } 4872 4873 /* Focus-ring */ 4874 4875 :host([focus-ring]) { 4876 box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color); 4877 border-radius: var(--lumo-border-radius-m); 4878 } 4879 4880 /* RTL specific styles */ 4881 4882 :host([dir='rtl'])::before, 4883 :host([dir='rtl'])::after { 4884 left: auto; 4885 right: 50%; 4886 transform: translateX(50%) scale(0); 4887 } 4888 4889 :host([dir='rtl'][selected]:not([orientation='vertical']))::before, 4890 :host([dir='rtl'][selected]:not([orientation='vertical']))::after { 4891 transform: translateX(50%) scale(1); 4892 } 4893 4894 :host([dir='rtl']) ::slotted(vaadin-icon:first-child) { 4895 margin-right: 0; 4896 } 4897 4898 :host([dir='rtl']) ::slotted(vaadin-icon:last-child) { 4899 margin-left: 0; 4900 } 4901 4902 :host([orientation='vertical'][dir='rtl']) { 4903 transform-origin: 100% 50%; 4904 } 4905 4906 :host([dir='rtl'][orientation='vertical'])::before, 4907 :host([dir='rtl'][orientation='vertical'])::after { 4908 left: auto; 4909 right: 0; 4910 border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s); 4911 transform-origin: 0% 50%; 4912 } 4913 `,{moduleId:"lumo-tab"});var Ch=o=>class extends Ya(o){ready(){super.ready(),this.setAttribute("role","tab")}_onKeyUp(e){let t=this.hasAttribute("active");if(super._onKeyUp(e),t){let i=this.querySelector("a");i&&i.click()}}};var kh=u` 4914 :host { 4915 display: block; 4916 } 4917 4918 :host([hidden]) { 4919 display: none !important; 4920 } 4921 4922 @media (forced-colors: active) { 4923 :host([focused]) { 4924 outline: 1px solid; 4925 outline-offset: -1px; 4926 } 4927 4928 :host([selected]) { 4929 border-bottom: 2px solid; 4930 } 4931 } 4932`;_("vaadin-tab",kh,{moduleId:"vaadin-tab-styles"});var Oo=class extends V(C(Ch($(b)))){static get template(){return g` 4933 <slot></slot> 4934 <slot name="tooltip"></slot> 4935 `}static get is(){return"vaadin-tab"}ready(){super.ready(),this._tooltipController=new B(this),this.addController(this._tooltipController)}};v(Oo);_("vaadin-tabs",u` 4936 :host { 4937 -webkit-tap-highlight-color: transparent; 4938 } 4939 4940 :host(:not([orientation='vertical'])) { 4941 box-shadow: inset 0 -1px 0 0 var(--lumo-contrast-10pct); 4942 position: relative; 4943 min-height: var(--lumo-size-l); 4944 } 4945 4946 :host([orientation='horizontal']) [part='tabs'] ::slotted(vaadin-tab:not([theme~='icon-on-top'])) { 4947 justify-content: center; 4948 } 4949 4950 :host([orientation='vertical']) { 4951 box-shadow: -1px 0 0 0 var(--lumo-contrast-10pct); 4952 } 4953 4954 :host([orientation='horizontal']) [part='tabs'] { 4955 margin: 0 0.75rem; 4956 } 4957 4958 :host([orientation='vertical']) [part='tabs'] { 4959 width: 100%; 4960 margin: 0.5rem 0; 4961 } 4962 4963 [part='forward-button'], 4964 [part='back-button'] { 4965 position: absolute; 4966 z-index: 1; 4967 font-family: lumo-icons; 4968 color: var(--lumo-tertiary-text-color); 4969 font-size: var(--lumo-icon-size-m); 4970 display: flex; 4971 align-items: center; 4972 justify-content: center; 4973 width: 1.5em; 4974 height: 100%; 4975 transition: 0.2s opacity; 4976 top: 0; 4977 } 4978 4979 [part='forward-button']:hover, 4980 [part='back-button']:hover { 4981 color: inherit; 4982 } 4983 4984 :host(:not([dir='rtl'])) [part='forward-button'] { 4985 right: 0; 4986 } 4987 4988 [part='forward-button']::after { 4989 content: var(--lumo-icons-angle-right); 4990 } 4991 4992 [part='back-button']::after { 4993 content: var(--lumo-icons-angle-left); 4994 } 4995 4996 /* Tabs overflow */ 4997 4998 [part='tabs'] { 4999 --_lumo-tabs-overflow-mask-image: none; 5000 -webkit-mask-image: var(--_lumo-tabs-overflow-mask-image); 5001 mask-image: var(--_lumo-tabs-overflow-mask-image); 5002 } 5003 5004 /* Horizontal tabs overflow */ 5005 5006 /* Both ends overflowing */ 5007 :host([overflow~='start'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5008 --_lumo-tabs-overflow-mask-image: linear-gradient( 5009 90deg, 5010 transparent 2em, 5011 #000 4em, 5012 #000 calc(100% - 4em), 5013 transparent calc(100% - 2em) 5014 ); 5015 } 5016 5017 /* End overflowing */ 5018 :host([overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5019 --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, #000 calc(100% - 4em), transparent calc(100% - 2em)); 5020 } 5021 5022 /* Start overflowing */ 5023 :host([overflow~='start']:not([orientation='vertical'])) [part='tabs'] { 5024 --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent 2em, #000 4em); 5025 } 5026 5027 /* Vertical tabs overflow */ 5028 5029 /* Both ends overflowing */ 5030 :host([overflow~='start'][overflow~='end'][orientation='vertical']) [part='tabs'] { 5031 --_lumo-tabs-overflow-mask-image: linear-gradient(transparent, #000 2em, #000 calc(100% - 2em), transparent); 5032 } 5033 5034 /* End overflowing */ 5035 :host([overflow~='end'][orientation='vertical']) [part='tabs'] { 5036 --_lumo-tabs-overflow-mask-image: linear-gradient(#000 calc(100% - 2em), transparent); 5037 } 5038 5039 /* Start overflowing */ 5040 :host([overflow~='start'][orientation='vertical']) [part='tabs'] { 5041 --_lumo-tabs-overflow-mask-image: linear-gradient(transparent, #000 2em); 5042 } 5043 5044 :host [part='tabs'] ::slotted(:not(vaadin-tab)) { 5045 margin-left: var(--lumo-space-m); 5046 } 5047 5048 /* Centered */ 5049 5050 :host([theme~='centered'][orientation='horizontal']) ::slotted(vaadin-tab:first-of-type) { 5051 margin-inline-start: auto; 5052 } 5053 5054 :host([theme~='centered'][orientation='horizontal']) ::slotted(vaadin-tab:last-of-type) { 5055 margin-inline-end: auto; 5056 } 5057 5058 /* Small */ 5059 5060 :host([theme~='small']), 5061 :host([theme~='small']) [part='tabs'] { 5062 min-height: var(--lumo-size-m); 5063 } 5064 5065 :host([theme~='small']) [part='tabs'] ::slotted(vaadin-tab) { 5066 font-size: var(--lumo-font-size-s); 5067 } 5068 5069 /* Minimal */ 5070 5071 :host([theme~='minimal']) { 5072 box-shadow: none; 5073 --_lumo-tab-marker-display: none; 5074 } 5075 5076 /* Hide-scroll-buttons */ 5077 5078 :host([theme~='hide-scroll-buttons']) [part='back-button'], 5079 :host([theme~='hide-scroll-buttons']) [part='forward-button'] { 5080 display: none; 5081 } 5082 5083 /* prettier-ignore */ 5084 :host([theme~='hide-scroll-buttons'][overflow~='start'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5085 --_lumo-tabs-overflow-mask-image: linear-gradient( 5086 90deg, 5087 transparent, 5088 #000 2em, 5089 #000 calc(100% - 2em), 5090 transparent 100% 5091 ); 5092 } 5093 5094 :host([theme~='hide-scroll-buttons'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5095 --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, #000 calc(100% - 2em), transparent 100%); 5096 } 5097 5098 :host([theme~='hide-scroll-buttons'][overflow~='start']:not([orientation='vertical'])) [part='tabs'] { 5099 --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent, #000 2em); 5100 } 5101 5102 /* Equal-width tabs */ 5103 :host([theme~='equal-width-tabs']) { 5104 flex: auto; 5105 } 5106 5107 :host([theme~='equal-width-tabs']) [part='tabs'] ::slotted(vaadin-tab) { 5108 flex: 1 0 0%; 5109 } 5110 5111 /* RTL specific styles */ 5112 5113 :host([dir='rtl']) [part='forward-button']::after { 5114 content: var(--lumo-icons-angle-left); 5115 } 5116 5117 :host([dir='rtl']) [part='back-button']::after { 5118 content: var(--lumo-icons-angle-right); 5119 } 5120 5121 :host([orientation='vertical'][dir='rtl']) { 5122 box-shadow: 1px 0 0 0 var(--lumo-contrast-10pct); 5123 } 5124 5125 :host([dir='rtl']) [part='forward-button'] { 5126 left: 0; 5127 } 5128 5129 :host([dir='rtl']) [part='tabs'] ::slotted(:not(vaadin-tab)) { 5130 margin-left: 0; 5131 margin-right: var(--lumo-space-m); 5132 } 5133 5134 /* Both ends overflowing */ 5135 :host([dir='rtl'][overflow~='start'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5136 --_lumo-tabs-overflow-mask-image: linear-gradient( 5137 -90deg, 5138 transparent 2em, 5139 #000 4em, 5140 #000 calc(100% - 4em), 5141 transparent calc(100% - 2em) 5142 ); 5143 } 5144 5145 /* End overflowing */ 5146 :host([dir='rtl'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5147 --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, #000 calc(100% - 4em), transparent calc(100% - 2em)); 5148 } 5149 5150 /* Start overflowing */ 5151 :host([dir='rtl'][overflow~='start']:not([orientation='vertical'])) [part='tabs'] { 5152 --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent 2em, #000 4em); 5153 } 5154 5155 :host([dir='rtl'][theme~='hide-scroll-buttons'][overflow~='start'][overflow~='end']:not([orientation='vertical'])) 5156 [part='tabs'] { 5157 --_lumo-tabs-overflow-mask-image: linear-gradient( 5158 -90deg, 5159 transparent, 5160 #000 2em, 5161 #000 calc(100% - 2em), 5162 transparent 100% 5163 ); 5164 } 5165 5166 :host([dir='rtl'][theme~='hide-scroll-buttons'][overflow~='end']:not([orientation='vertical'])) [part='tabs'] { 5167 --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, #000 calc(100% - 2em), transparent 100%); 5168 } 5169 5170 :host([dir='rtl'][theme~='hide-scroll-buttons'][overflow~='start']:not([orientation='vertical'])) [part='tabs'] { 5171 --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent, #000 2em); 5172 } 5173 `,{moduleId:"lumo-tabs"});var Eh=o=>class extends qa(Ga(o)){static get properties(){return{orientation:{value:"horizontal",type:String,reflectToAttribute:!0,sync:!0},selected:{value:0,type:Number}}}static get observers(){return["__tabsItemsChanged(items)"]}constructor(){super(),this.__itemsResizeObserver=new ResizeObserver(()=>{setTimeout(()=>this._updateOverflow())})}get _scrollOffset(){return this._vertical?this._scrollerElement.offsetHeight:this._scrollerElement.offsetWidth}get _scrollerElement(){return this.$.scroll}get __direction(){return!this._vertical&&this.__isRTL?1:-1}ready(){super.ready(),this._scrollerElement.addEventListener("scroll",()=>this._updateOverflow()),this.setAttribute("role","tablist"),ss(this,()=>{this._updateOverflow()})}_onResize(){this._updateOverflow()}__tabsItemsChanged(e){this.__itemsResizeObserver.disconnect(),(e||[]).forEac
5173h(t=>{this.__itemsResizeObserver.observe(t)}),this._updateOverflow()}_scrollForward(){let e=this._getNavigationButtonVisibleWidth("forward-button"),t=this._getNavigationButtonVisibleWidth("back-button"),i=this._scrollerElement.getBoundingClientRect(),s=[...this.items].reverse().find(n=>this._isItemVisible(n,e,t,i)).getBoundingClientRect(),r=20+this.shadowRoot.querySelector('[part="back-button"]').clientWidth,a;if(this.__isRTL){let n=i.right-r;a=s.right-n}else{let n=i.left+r;a=s.left-n}-this.__direction*a<1&&(a=-this.__direction*(this._scrollOffset-r)),this._scroll(a)}_scrollBack(){let e=this._getNavigationButtonVisibleWidth("forward-button"),t=this._getNavigationButtonVisibleWidth("back-button"),i=this._scrollerElement.getBoundingClientRect(),s=this.items.find(n=>this._isItemVisible(n,e,t,i)).getBoundingClientRect(),r=20+this.shadowRoot.querySelector('[part="forward-button"]').clientWidth,a;if(this.__isRTL){let n=i.left+r;a=s.left-n}else{let n=i.right-r;a=s.right-n}this.__direction*a<1&&(a=this.__direction*(this._scrollOffset-r)),this._scroll(a)}_isItemVisible(e,t,i,s){if(this._vertical)throw new Error("Visibility check is only supported for horizontal tabs.");let r=this.__isRTL?i:t,a=this.__isRTL?t:i,n=s.right-r,l=s.left+a,d=e.getBoundingClientRect();return n>Math.floor(d.left)&&l<Math.ceil(d.right)}_getNavigationButtonVisibleWidth(e){let t=this.shadowRoot.querySelector(`[part="${e}"]`);return window.getComputedStyle(t).opacity==="0"?0:t.clientWidth}_updateOverflow(){let e=this._vertical?this._scrollerElement.scrollTop:Ka(this._scrollerElement,this.getAttribute("dir")),t=this._vertical?this._scrollerElement.scrollHeight:this._scrollerElement.scrollWidth,i=Math.floor(e)>1?"start":"";Math.ceil(e)<Math.ceil(t-this._scrollOffset)&&(i+=" end"),this.__direction===1&&(i=i.replace(/start|end/giu,s=>s==="start"?"end":"start")),i?this.setAttribute("overflow",i.trim()):this.removeAttribute("overflow")}};var Ah=u` 5174 :host { 5175 display: flex; 5176 align-items: center; 5177 } 5178 5179 :host([hidden]) { 5180 display: none !important; 5181 } 5182 5183 :host([orientation='vertical']) { 5184 display: block; 5185 } 5186 5187 :host([orientation='horizontal']) [part='tabs'] { 5188 flex-grow: 1; 5189 display: flex; 5190 align-self: stretch; 5191 overflow-x: auto; 5192 -webkit-overflow-scrolling: touch; 5193 } 5194 5195 /* This seems more future-proof than \`overflow: -moz-scrollbars-none\` which is marked obsolete 5196 and is no longer guaranteed to work: 5197 https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Mozilla_Extensions */ 5198 @-moz-document url-prefix() { 5199 :host([orientation='horizontal']) [part='tabs'] { 5200 overflow: hidden; 5201 } 5202 } 5203 5204 :host([orientation='horizontal']) [part='tabs']::-webkit-scrollbar {
5205 display: none; 5206 } 5207 5208 :host([orientation='vertical']) [part='tabs'] { 5209 height: 100%; 5210 overflow-y: auto; 5211 -webkit-overflow-scrolling: touch; 5212 } 5213 5214 [part='back-button'], 5215 [part='forward-button'] { 5216 pointer-events: none; 5217 opacity: 0; 5218 cursor: default; 5219 } 5220 5221 :host([overflow~='start']) [part='back-button'], 5222 :host([overflow~='end']) [part='forward-button'] { 5223 pointer-events: auto; 5224 opacity: 1; 5225 } 5226 5227 [part='back-button']::after { 5228 content: '\\25C0'; 5229 } 5230 5231 [part='forward-button']::after { 5232 content: '\\25B6'; 5233 } 5234 5235 :host([orientation='vertical']) [part='back-button'], 5236 :host([orientation='vertical']) [part='forward-button'] { 5237 display: none; 5238 } 5239 5240 /* RTL specific styles */ 5241 5242 :host([dir='rtl']) [part='back-button']::after { 5243 content: '\\25B6'; 5244 } 5245 5246 :host([dir='rtl']) [part='forward-button']::after { 5247 content: '\\25C0'; 5248 } 5249`;_("vaadin-tabs",Ah,{moduleId:"vaadin-tabs-styles"});var Lo=class extends Eh(V(C(b))){static get template(){return g` 5250 <div on-click="_scrollBack" part="back-button" aria-hidden="true"></div> 5251 5252 <div id="scroll" part="tabs"> 5253 <slot></slot> 5254 </div> 5255 5256 <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div> 5257 `}static get is(){return"vaadin-tabs"}};v(Lo);var Ih='@charset "UTF-8";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-select{border:none;width:100%;background-color:transparent}vaadin-select::part(input-field){padding-left:15px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.type-select-label,.limit-period-label,.amount-input-label{display:inline-block;font-size:14px;color:var(--emw--modal-label-color, #ababab);margin:0;padding-bottom:8px;font-weight:400}.player-limit-modal{display:flex;position:fixed;align-items:center;justify-content:center;width:100%;height:100%;z-index:200;top:0;left:0;padding:0 10px;background-color:rgba(0, 0, 0, 0.7)}.player-limit-modal .limit-modal-container{color:var(--emw--modal-font-color, #fff);padding:15px;max-width:700px;min-width:300px;max-height:90vh;overflow-y:auto;position:relative;min-height:200px;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .limit-modal-container .limit-modal-content.disable-content{pointer-events:none;cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .error-message{display:block;color:var(--emw--color-error, red);min-height:16px}.player-limit-modal .limit-modal-container .limit-modal-title h2{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .limit-modal-container .limit-item:nth-of-type(1) .remove-limit-button{display:none}.player-limit-modal .limit-modal-container .limit-item:not(:nth-of-type(1)){padding:9px;margin:14px 0;border-radius:6px;border:1px solid #6a6a6a}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option{flex-grow:1;border:1px solid transparent;cursor:pointer;background:var(--emw--modal-input-bg, #4f4f4f);width:100px;height:40px;font-size:14px;border-radius:4px;color:var(--emw--modal-font-color, #fff);transition:0.5s}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option.selected{border-color:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-wrapper{display:flex;flex-wrap:nowrap}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content{position:relative;flex:1;margin-right:6px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-inner{padding-right:30px;padding-left:15px;outline:none;border:none;height:40px;color:var(--emw--modal-label-color, #ababab);background-color:var(--emw--modal-input-bg, #4f4f4f);width:100%;border-radius:4px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix{width:20px;height:20px;background-color:var(--emw--modal-label-color, #ababab);border-radius:50%;position:absolute;right:0px;transform:translate(-50%, -50%);top:50%;text-align:center;pointer-events:none}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix i{color:var(--emw--modal-input-bg, #4f4f4f)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 20%, transparent 80%);transition:2s}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button:hover{background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 50%, white 50%)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button svg{fill:var
5257(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .checkbox-container label{display:flex;align-items:center;gap:6px}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original{opacity:0;width:0;height:0;z-index:-1;position:absolute}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original:checked+.checkbox-custom::after{opacity:1}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom{display:inline-block;width:18px;height:18px;background:var(--emw--modal-input-bg, #4f4f4f);border-radius:3px;position:relative;transition:0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom::after{content:"\u2714";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--emw--modal-font-color, #fff);font-size:12px;opacity:0;transition:opacity 0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-label{color:var(--emw--modal-label-color, #ababab);font-size:14px;cursor:pointer;user-select:none}.player-limit-modal .limit-modal-container .limit-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .limit-modal-container .limit-buttons .add-limit{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .add-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-buttons .add-limit .add-limit-mark{text-align:center;font-size:14px;fill:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .compliance-content{margin-top:15px;width:300px}.player-limit-modal .confirm-modal{background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:210;top:0;left:0;padding:0 10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-limit-modal .confirm-modal .confirm-modal-content{color:var(--emw--modal-font-color, #fff);padding:15px;padding-top:10px;box-sizing:padding-box;width:336px;overflow-y:auto;position:relative;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-title{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-close{cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-save{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}',Sh=Ih,Ph=(()=>{let o=class{constructor(e){ms(this,e),this.MATCH_CONFIG_AMOUNT=/^(\w+)\((\w+)\):(\d+)-(\d+)$/,this.MATCH_CONFIG_PERIOD=/^(\w+)\((\w+)\):([A-Z\-]+)$/,this.defaultPeriods=[he.DAILY,he.WEEKLY,he.MONTHLY],this.fetchSkipLimit=()=>{let t=new URL(`${this.endpoint}/api/pam/v1/player-notifications`);t.searchParams.append("createNotificationIfNotFound","true"),this.loading=!0,fetch(t,{headers:{"X-SessionId":this.session,"Content-Type":"application/json"},method:"PATCH",body:JSON.stringify({type:1,interval:5,ackNotification:!0,ackNotificationTimestamp:new Date().toISOString()})}).then(i=>{if(i.ok)return i.json();throw window.postMessage({type:"WidgetNotification",data:{type:"error",message:w("limitNotificationFail",this.language)}},window.location.href),new Error("Error while skipping the limit setting")}).then(()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:w("setLimitSuccessful",this.language)}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)}).catch(i=>{console.error(i)}).finally(()=>{this.loading=!1})},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.session=void 0,this.userid=void 0,this.language=void 0,this.endpoint=void 0,this.limitsamount=void 0,this.limitsperiods=void 0,this.currency=void 0,this.customcurrencysymbols=void 0,this.translationurl="",this.showCompl
5257ianceText=!1,this.limitItems=[{}],this.limitTypeOptions=[],this.skipLimit=!1,this.loading=!1,this.confirmPopupVisibility=!1}get currencySymbolMap(){let e={},t={EUR:"\u20AC",RON:" lei",USD:"$"};return this.customcurrencysymbols&&this.customcurrencysymbols.split(",").forEach(i=>{let s=i.split(":");e[s[0].trim()]=s[1].trim()}),Object.assign(Object.assign({},t),e)}handleClientStylingChange(e,t){e!=t&&fs(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&vs(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&gs(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&gs(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&fs(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&vs(this.stylingContainer,this.clientStylingUrl))}async componentWillLoad(){this.translationurl.length>2&&await Qa(this.translationurl),await this.parseLimitConfigs()}eventParamsToTranslationKeys(e){return`dataLayer-${e}`}emitGtag(e,t){typeof gtag=="function"&>ag({event:e,limit_category:w(this.eventParamsToTranslationKeys(t.product.toLowerCase()),this.language)||t.product,limit_type:w(this.eventParamsToTranslationKeys(t.type.toLowerCase()))||t.type,limit_period:w(this.eventParamsToTranslationKeys(t.period),this.language)||t.period,limit_amount:t.amount})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}parsePeriodsConfig(e){let t=e.match(this.MATCH_CONFIG_PERIOD),i={D:"daily",W:"weekly",M:"monthly",N:"none"},s=[];if(t){let[,,,r]=t;r.split("-").forEach(a=>{if(i[a])s.push(i[a]);else throw new Error(`Unknown period code: ${a}`)})}return s}async parseLimitConfigs(){let e=this.limitsamount.replace(/\s/g,"").split("|"),t=this.limitsperiods.replace(/\s/g,"").split("|");if(e.length===0)throw new Error("Please provide a full limits configuration.");if(e.length!==t.length)throw new Error("Please make sure that the limit configuration parameters specify the same number of tabs.");try{for(let i=0;i<e.length;i++){let s=e[i],r=t[i],a=s.split(","),n=r.split(",");a.forEach((l,d)=>{let c=l.match(this.MATCH_CONFIG_AMOUNT);if(c){let h=this.parsePeriodsConfig(n[d]),[,p,m,x,A]=c,I={type:m,product:p,min:parseInt(x,10),max:parseInt(A,10),label:`${Yt[m].title} - ${p}`,periodOptions:h,value:`${m}-${p}`};this.limitTypeOptions.push(I)}})}}catch(i){throw new Error(`Error parsing limit config: ${i}`)}await this.filterExistingLimits(),this.limitTypeOptions=[...this.limitTypeOptions]}async filterExistingLimits(){try{let{sessionLimit:e,cumulativeSessionLimits:t,monetaryLimits:i}=await this.getLimits16();e&&(this.limitTypeOptions=this.limitTypeOptions.filter(r=>r.type===Te.SESSION_LIMIT));let s=new Map;i.forEach(r=>{var a;let n=`${(a=r.products)===null||a===void 0?void 0:a[0]}-${r.type}`.toLowerCase(),l=s.get(n)||new Set;l.add(r.period.toLowerCase()),s.set(n,l)}),this.limitTypeOptions=this.limitTypeOptions.map(r=>{let a=`${r.product}-${r.type}`.toLowerCase(),n=s.get(a)||new Set;r.type===Te.CUMULATIVE_SESSION&&t&&(n=new Set(t.map(d=>d.period.toLowerCase())));let l=r.periodOptions.filter(d=>!n.has(d));return l.length>0?Object.assign(Object.assign({},r),{periodOptions:l}):null}).filter(Boolean)}catch(e){console.error("error getting limits",e)}}async getLimits16(){let e=this.limitTypeOptions.some(d=>d.type===Te.SESSION_LIMIT||d.type===Te.CUMULATIVE_SESSION),t=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary`),i={method:"GET",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"}},s=await fetch(t.href,i);if(s.status>=300)throw new Error("An error occured during the fetch request");let r=await s.json(),a=r?.limits||[],n=null,l=null;if(e){let d=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session`),c=await fetch(d.href,i);if(c.status>=300)throw new Error("An error occured during the fetch request");let h=await c.json();n=h?.sessionLimit,l=h?.cumulativeSessionLimits}return{sessionLimit:n,cumulativeSessionLimits:l,monetaryLimits:a}}handleSelectLimitType(e,t){var i;let s=e.target.value,r=this.limitTypeOptions.find(a=>a.value===s);Object.assign(t,Object.assign(Object.assign({},r),{value:s,typeErrorMessage:null})),this.limitItems=[...this.limitItems],(this.isDisabledPeriod(t,t.period)||!(!((i=t.periodOptions)===null||i===void 0)&&i.includes(t.period)))&&(t.period=null)}handleSelectLimitPeriod(e,t){Object.assign(t,{period:e,periodErrorMessage:null}),this.limitItems=[...this.limitItems]}isDisabledPeriod(e,t){return e.type?this.limitItems.filter(s=>s!==e&&s.value===e.value).some(s=>s.period===t):!1}validateSave(){if(this.skipLimit)return!0;let e=!0;
5257return this.limitItems.forEach(t=>{var i;Object.assign(t,{amountErrorMessage:null,periodErrorMessage:null,typeErrorMessage:null}),t.amountErrorMessage=this.getAmountErrorMsg(t),!t.period&&!(!((i=t.periodOptions)===null||i===void 0)&&i.includes(he.NONE))&&(t.periodErrorMessage=w("emptyPeriodWarning",this.language)),t.type||(t.typeErrorMessage=w("emptyLimitTypeWarning",this.language)),(t.amountErrorMessage||t.typeErrorMessage||t.periodErrorMessage)&&(e=!1)}),this.limitItems=[...this.limitItems],e}handleSaveLimit(){var e,t,i;if(this.validateSave()){if(this.skipLimit){let r=this.limitItems.length>1,a=typeof((e=this.limitItems[0])===null||e===void 0?void 0:e.amount)=="number"||((t=this.limitItems[0])===null||t===void 0?void 0:t.period)||((i=this.limitItems[0])===null||i===void 0?void 0:i.type);r||a?this.doubleConfirmSkip():this.fetchSkipLimit();return}this.fetchUpdateLimit()}}doubleConfirmSkip(){this.confirmPopupVisibility=!0}handleCloseConfirm(){this.confirmPopupVisibility=!1}handleSaveSkip(){this.handleCloseConfirm(),this.fetchSkipLimit()}async fetchUpdateLimit(){this.loading=!0;let e=[];this.limitItems.forEach(r=>{switch(r.type){case"lugas":e.push(this.createSubmitLimitCall(this.updateLugasCall,r));break;case"sessionLimit":e.push(this.createSubmitLimitCall(this.updateSingleSessionLimit
525716Call,r));break;case"cumulativeSession":e.push(this.createSubmitLimitCall(this.updateCumulativeSessionLimit16Call,r));break;default:e.push(this.createSubmitLimitCall(this.updateMonetaryLimits16Call,r));break}});let t=await Promise.allSettled(e.map(r=>r())),i=t.filter(r=>r.status==="fulfilled"),s=t.filter(r=>r.status==="rejected");if(this.loading=!1,s.length===e.length){window.postMessage({type:"WidgetNotification",data:{type:"error",message:w("limitNotificationFail",this.language)}},window.location.href);return}if(i.length===e.length){window.postMessage({type:"WidgetNotification",data:{type:"success",message:w("setLimitSuccessful",this.language)}}),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href);return}s.length&&(window.postMessage({type:"WidgetNotification",data:{type:"info",config:{enableHtml:!0},message:w("partialFailedUpdateLimit",this.language,{values:{accountLimitPath:`/${this.language}/account/limits`}})}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href))}createSubmitLimitCall(e,t){return async()=>{try{if((await e.bind(this)(t)).status>=300)throw new Error("An error occured during the fetch request");this.emitGtag("self_limitation_success",t)}catch(i){throw console.error("error while updating limit",i),new Error(`error while updating limit: ${i}`)}}}updateLugasCall(e){let t=new URL(`${this.endpoint}/v2/player/${this.userid}/limit/lugas`),i="POST",s={amount:e.amount,roleLimitAmount:0,softMigration:!1,keepLimit:!1},r={method:i,headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(t.href,r)}
5257updateSingleSessionLimit16Call(e){let t=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`),i="PUT",s={sessionLimit:e.amount,sessionLimitUnit:"minute"},r={method:i,headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(t.href,r)}capitalizeFirst(e){return e[0].toUpperCase()+e.substring(1)}updateCumulativeSessionLimit16Call(e){let t=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`),i="PUT",s={cumulativeSessionLimits:[{period:this.capitalizeFirst(e.period),minutes:e.amount}]},r={method:i,headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(t.href,r)}updateMonetaryLimits16Call(e){var t;let i=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary/`),s={amount:e.amount,currency:this.currency,period:this.capitalizeFirst(e.period),type:Yt[e.type].callValue16,products:[(t=e.product)!==null&&t!==void 0?t:"All"],walletTypes:["Deposit","NetDeposit"].includes(Yt[e.type].callValue16)?["All"]:["RealCash"]},r={method:"POST",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(i.href,r)}handleBlockInputWheel(e){e.preventDefault()}handleSkipLimitChange(e){this.skipLimit=e.target.checked}handleAddLimit(){this.limitItems=[...this.limitItems,{}]}handleRemoveLimit(e){this.limitItems.splice(e,1),this.limitItems=[...this.limitItems]}handleInputLimitAmount(e,t){let i=Number(e.target.value);if(typeof i!="number"||Number.isNaN(i)){t.amountErrorMessage=w("invalidAmount",this.language);return}let r=!Number.isInteger(i)?Math.round(i):i;t.amount=r,t.amountErrorMessage=this.getAmountErrorMsg(t),this.limitItems=[...this.limitItems]}getAmountErrorMsg(e){if(typeof e.amount!="number"||Number.isNaN(e.amount))return w("invalidAmount",this.language);let t=null;return e.amount<e.min&&(t=w("invalidInputMessageLimitMin",this.language,{values:{minValue:e.min,currency:this.currency}})),e.amount>e.max&&(t=w("invalidInputMessageLimitMax",this.language,{values:{maxValue:e.max,currency:this.currency}})),t}renderPeriodButtons(e){let t=e.periodOptions||this.defaultPeriods;return t.includes(he.NONE)?"":f(_s,null,f("div",{class:"limit-item-period"},f("label",{class:"limit-period-label"},w("selectLimitPeriodLabel",this.language)),f("div",{class:"limit-period-wrapper"},t.map(i=>f("button",{class:` 5258 limit-period-option 5259 ${e.period===i?"selected":""} 5260 `,disabled:this.isDisabledPeriod(e,i),onClick:()=>this.handleSelectLimitPeriod(i,e)},w(i,this.language))))),f("small",{class:"error-message"},e.periodErrorMessage))}render(){return f("div",{key:"f870fab238546da39f85ab2c865351b95432244a",class:"player-limit-modal",ref:e=>this.stylingContainer=e},f("section",{key:"990eff594f43950dbec9b86afe4a2a2c5fe1eb97",class:"limit-modal-container"},f("div",{key:"f71b9f98c30cdad4b7413ced119a513a6858d6cb",class:"limit-modal-title"},f("h2",{key:"4bbd82ed92e6381cee0b3411562869d22e04add2"},w("limitNotificationTitle",this.language)),f("p",{key:"2ef496eeca492b98043becc1ecf27d1f63622fb3"},w("limitNotificationSubTitle",this.language))),f("div",{key:"616c07ef7bfd106cfc7111058244e28dbb7ced3c",class:`limit-modal-content ${this.skipLimit||this.loading?"disable-content":""}`},this.limitItems.map((e,t)=>f("div",{class:"limit-item"},f("div",{class:"limit-item-type"},f("label",{class:"type-select-label"},w("selectLimitTypeLabel",this.language)),f("div",null,f("vaadin-select",{value:e.value,items:this.limitTypeOptions,placeholder:w("selectLimitTypePlaceholder",this.language),onChange:i=>this.handleSelectLimitType(i,e)})),f("small",{class:"error-message"},e.typeErrorMessage)),this.renderPeriodButtons(e),f("div",{class:"limit-item-amount"},f("div",{class:"amount-input"},f("label",{class:"amount-input-label"},w("limitNotificationAmountLabel",this.language)),f("div",{class:"amount-input-wrapper"},f("div",{class:"amount-input-content"},f("input",{class:"amount-input-inner",type:"number",pattern:"[0-9]*",value:e.amount,onWheel:this.handleBlockInputWheel,onInput:i=>this.handleInputLimitAmount(i,e)}),f("span",{class:"amount-input-suffix"},f("i",null,this.currencySymbolMap[this.currency]))),f("button",{onClick:()=>this.handleRemoveLimit(t),class:"remove-limit-button"},f("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"}
5260,f("path",{d:"M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z"})))))),f("small",{class:"error-message"},e.amountErrorMessage)))),f("div",{key:"3784e871224de644892b167a7c7c504c4869164e",class:"checkbox-container"},f("label",{key:"537af6692c3696d33e0744cae01fefcca1c014a7"},f("span",{key:"48f880408012e0b327db796db021ce63ef0dfff2",class:"custom-checkbox"},f("input",{key:"194974e75cc1f0b9217eb6ee6fe5eb6042ebb866",disabled:this.loading,onChange:e=>this.handleSkipLimitChange(e),type:"checkbox",class:"checkbox-original"}),f("span",{key:"0c49f460c6f04bc99551a6103b633a674d11418c",class:"checkbox-custom"})),f("span",{key:"52f7051f7d40aca86a19274563176f9f05986cf1",class:"checkbox-label"},w("skipLimitLimitDescription",this.language)))),f("div",{key:"bdb7b1c83699f8c1db6d3fd21e9ca7cb5ec8a6ce",class:"limit-buttons"},f("button",{key:"7f0a8357725b25c38b2f57007b796a0045931c9f",class:"add-limit",disabled:this.skipLimit||this.loading,onClick:()=>this.handleAddLimit()},f("svg",{key:"b0d6e3af606c2e824cab00f95b516f059b66c14e",class:"add-limit-mark",
5260width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},f("path",{key:"06bad5288fbcac39f6ab22ee9aaa1ba03c824b4e",d:"M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z"})),f("span",{key:"289408cc10e7607790ac89a9e421b41f5ab23d86"},w("addLimitType",this.language))),f("button",{key:"777aeda2f0406e2169d0b3a866c10b143bd97b5c",class:"save-limit",disabled:this.loading,onClick:()=>this.handleSaveLimit()},w("savePlayerLimit",this.language))),this.showComplianceText&&f("div",{key:"bc25469d3be0d936f85940068309394880
5260a6b1e8",class:"compliance-content"},f("p",{key:"53861542a9c6f17f63a73640b962ff1e5da358c0"},w("complianceText",this.language)))),this.confirmPopupVisibility?f("section",{class:"confirm-modal"},f("div",{class:"confirm-modal-content"},f("h2",{class:"confirm-modal-title"},w("limitNotificationTitle",this.language)),f("p",null,w("confirmLimitNotification",this.language)),f("div",{class:"confirm-modal-buttons"},f("button",{class:"confirm-limit-close",onClick:()=>this.handleCloseConfirm()},w("confirmLimitClose",this.language)),f("button",{class:"confirm-limit-save",onClick:()=>this.handleSaveSkip()},w("confirmLimitSave",this.language))))):null)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};return o.style=Sh,o})();export{Ph as player_limit_notification_nd}; 5261/*! Bundled license information: 5262 5263@everymatrix/player-limit-notification-nd/dist/esm/player-limit-notification-nd-97616c18.js: 5264 (** 5265 * @license 5266 * Copyright (c) 2021 - 2024 Vaadin Ltd. 5267 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5268 *) 5269 (** 5270 * @license 5271 * Copyright (c) 2017 - 2024 Vaadin Ltd. 5272 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5273 *) 5274 (** 5275 * @license 5276 * Copyright 2019 Google LLC 5277 * SPDX-License-Identifier: BSD-3-Clause 5278 *) 5279 (** 5280 * @license 5281 * Copyright 2017 Google LLC 5282 * SPDX-License-Identifier: BSD-3-Clause 5283 *) 5284 (** 5285 @license 5286 Copyright (c) 2017 The Polymer Project Authors. All rights reserved. 5287 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5288 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5289 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 5290 Code distributed by Google as part of the polymer project is also 5291 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 5292 *) 5293 (** 5294 * @fileoverview 5295 * @suppress {checkPrototypalTypes} 5296 * @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved. 5297 * This code may only be used under the BSD style license found at 5298 * http://polymer.github.io/LICENSE.txt The complete set of authors may be found 5299 * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may 5300 * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by 5301 * Google as part of the polymer project is also subject to an additional IP 5302 * rights grant found at http://polymer.github.io/PATENTS.txt 5303 *) 5304 (*! vaadin-dev-mode:start 5305 (function () { 5306 'use strict'; 5307 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { 5308 return typeof obj; 5309 } : function (obj) { 5310 return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; 5311 }; 5312 var classCallCheck = function (instance, Constructor) { 5313 if (!(instance instanceof Constructor)) { 5314 throw new TypeError("Cannot call a class as a function"); 5315 } 5316 }; 5317 var createClass = function () { 5318 function defineProperties(target, props) { 5319 for (var i = 0; i < props.length; i++) { 5320 var descriptor = props[i]; 5321 descriptor.enumerable = descriptor.enumerable || false; 5322 descriptor.configurable = true; 5323 if ("value" in descriptor) descriptor.writable = true; 5324 Object.defineProperty(target, descriptor.key, descriptor); 5325 } 5326 } 5327 return function (Constructor, protoProps, staticProps) { 5328 if (protoProps) defineProperties(Constructor.prototype, protoProps); 5329 if (staticProps) defineProperties(Constructor, staticProps); 5330 return Constructor; 5331 }; 5332 }(); 5333 var getPolymerVersion = function getPolymerVersion() { 5334 return window.Polymer && window.Polymer.version; 5335 }; 5336 var StatisticsGatherer = function () { 5337 function StatisticsGatherer(logger) { 5338 classCallCheck(this, StatisticsGatherer); 5339 this.now = new Date().getTime(); 5340 this.logger = logger; 5341 } 5342 createClass(StatisticsGatherer, [{ 5343 key: 'frameworkVersionDetectors', 5344 value: function frameworkVersionDetectors() { 5345 return { 5346 'Flow': function Flow() { 5347 if (window.Vaadin && window.Vaadin.Flow && window.Vaadin.Flow.clients) { 5348 var flowVersions = Object.keys(window.Vaadin.Flow.clients).map(function (key) { 5349 return window.Vaadin.Flow.clients[key]; 5350 }).filter(function (client) { 5351 return client.getVersionInfo; 5352 }).map(function (client) { 5353 return client.getVersionInfo().flow; 5354 }); 5355 if (flowVersions.length > 0) { 5356 return flowVersions[0]; 5357 } 5358 } 5359 }, 5360 'Vaadin Framework': function VaadinFramework() {
5361 if (window.vaadin && window.vaadin.clients) { 5362 var frameworkVersions = Object.values(window.vaadin.clients).filter(function (client) { 5363 return client.getVersionInfo; 5364 }).map(function (client) { 5365 return client.getVersionInfo().vaadinVersion; 5366 }); 5367 if (frameworkVersions.length > 0) { 5368 return frameworkVersions[0]; 5369 } 5370 } 5371 }, 5372 'AngularJs': function AngularJs() { 5373 if (window.angular && window.angular.version && window.angular.version) { 5374 return window.angular.version.full; 5375 } 5376 }, 5377 'Angular': function Angular() { 5378 if (window.ng) { 5379 var tags = document.querySelectorAll("[ng-version]"); 5380 if (tags.length > 0) { 5381 return tags[0].getAttribute("ng-version"); 5382 } 5383 return "Unknown"; 5384 } 5385 }, 5386 'Backbone.js': function BackboneJs() { 5387 if (window.Backbone) { 5388 return window.Backbone.VERSION; 5389 } 5390 }, 5391 'React': function React() { 5392 var reactSelector = '[data-reactroot], [data-reactid]'; 5393 if (!!document.querySelector(reactSelector)) { 5394 // React does not publish the version by default 5395 return "unknown"; 5396 } 5397 }, 5398 'Ember': function Ember() { 5399 if (window.Em && window.Em.VERSION) { 5400 return window.Em.VERSION; 5401 } else if (window.Ember && window.Ember.VERSION) { 5402 return window.Ember.VERSION; 5403 } 5404 }, 5405 'jQuery': function (_jQuery) { 5406 function jQuery() { 5407 return _jQuery.apply(this, arguments); 5408 } 5409 jQuery.toString = function () { 5410 return _jQuery.toString(); 5411 }; 5412 return jQuery; 5413 }(function () { 5414 if (typeof jQuery === 'function' && jQuery.prototype.jquery !== undefined) { 5415 return jQuery.prototype.jquery; 5416 } 5417 }), 5418 'Polymer': function Polymer() { 5419 var version = getPolymerVersion(); 5420 if (version) { 5421 return version; 5422 } 5423 }, 5424 'LitElement': function LitElement() { 5425 var version = window.litElementVersions && window.litElementVersions[0]; 5426 if (version) { 5427 return version; 5428 } 5429 }, 5430 'LitHtml': function LitHtml() { 5431 var version = window.litHtmlVersions && window.litHtmlVersions[0]; 5432 if (version) { 5433 return version; 5434 } 5435 }, 5436 'Vue.js': function VueJs() { 5437 if (window.Vue) { 5438 return window.Vue.version; 5439 } 5440 } 5441 }; 5442 } 5443 }, { 5444 key: 'getUsedVaadinElements', 5445 value: function getUsedVaadinElements(elements) { 5446 var version = getPolymerVersion(); 5447 var elementClasses = void 0; 5448 // NOTE: In case you edit the code here, YOU MUST UPDATE any statistics reporting code in Flow. 5449 // Check all locations calling the method getEntries() in 5450 // https://github.com/vaadin/flow/blob/master/flow-server/src/main/java/com/vaadin/flow/internal/UsageStatistics.java#L106 5451 // Currently it is only used by BootstrapHandler. 5452 if (version && version.indexOf('2') === 0) { 5453 // Polymer 2: components classes are stored in window.Vaadin 5454 elementClasses = Object.keys(window.Vaadin).map(function (c) { 5455 return window.Vaadin[c]; 5456 }).filter(function (c) { 5457 return c.is; 5458 }); 5459 } else { 5460 // Polymer 3: components classes are stored in window.Vaadin.registrations 5461 elementClasses = window.Vaadin.registrations || []; 5462 } 5463 elementClasses.forEach(function (klass) { 5464 var version = klass.version ? klass.version : "0.0.0"; 5465 elements[klass.is] = { version: version }; 5466 }); 5467 } 5468 }, { 5469 key: 'getUsedVaadinThemes', 5470 value: function getUsedVaadinThemes(themes) { 5471 ['Lumo', 'Material'].forEach(function (themeName) { 5472 var theme; 5473 var version = getPolymerVersion(); 5474 if (version && version.indexOf('2') === 0) { 5475 // Polymer 2: themes are stored in window.Vaadin 5476 theme = window.Vaadin[themeName]; 5477 } else { 5478 // Polymer 3: themes are stored in custom element registry 5479 theme = customElements.get('vaadin-' + themeName.toLowerCase() + '-styles'); 5480 } 5481 if (theme && theme.version) { 5482 themes[themeName] = { version: theme.version }; 5483 } 5484 }); 5485 } 5486 }, { 5487 key: 'getFrameworks', 5488 value: function getFrameworks(frameworks) { 5489 var detectors = this.frameworkVersionDetectors(); 5490 Object.keys(detectors).forEach(function (framework) { 5491 var detector = detectors[framework]; 5492 try { 5493 var version = detector(); 5494 if (version) { 5495 frameworks[framework] = { version: version }; 5496 } 5497 } catch (e) {} 5498 }); 5499 } 5500 }, { 5501 key: 'gather', 5502 value: function gather(storage) { 5503 var storedStats = storage.read(); 5504 var gatheredStats = {}; 5505 var types = ["elements", "frameworks", "themes"];
5506 types.forEach(function (type) { 5507 gatheredStats[type] = {}; 5508 if (!storedStats[type]) { 5509 storedStats[type] = {}; 5510 } 5511 }); 5512 var previousStats = JSON.stringify(storedStats); 5513 this.getUsedVaadinElements(gatheredStats.elements); 5514 this.getFrameworks(gatheredStats.frameworks); 5515 this.getUsedVaadinThemes(gatheredStats.themes); 5516 var now = this.now; 5517 types.forEach(function (type) { 5518 var keys = Object.keys(gatheredStats[type]); 5519 keys.forEach(function (key) { 5520 if (!storedStats[type][key] || _typeof(storedStats[type][key]) != _typeof({})) { 5521 storedStats[type][key] = { firstUsed: now }; 5522 } 5523 // Discards any previously logged version number 5524 storedStats[type][key].version = gatheredStats[type][key].version; 5525 storedStats[type][key].lastUsed = now; 5526 }); 5527 }); 5528 var newStats = JSON.stringify(storedStats); 5529 storage.write(newStats); 5530 if (newStats != previousStats && Object.keys(storedStats).length > 0) { 5531 this.logger.debug("New stats: " + newStats); 5532 } 5533 } 5534 }]); 5535 return StatisticsGatherer; 5536 }(); 5537 var StatisticsStorage = function () { 5538 function StatisticsStorage(key) { 5539 classCallCheck(this, StatisticsStorage); 5540 this.key = key; 5541 } 5542 createClass(StatisticsStorage, [{ 5543 key: 'read', 5544 value: function read() { 5545 var localStorageStatsString = localStorage.getItem(this.key); 5546 try { 5547 return JSON.parse(localStorageStatsString ? localStorageStatsString : '{}'); 5548 } catch (e) { 5549 return {}; 5550 } 5551 } 5552 }, { 5553 key: 'write', 5554 value: function write(data) { 5555 localStorage.setItem(this.key, data); 5556 } 5557 }, { 5558 key: 'clear', 5559 value: function clear() { 5560 localStorage.removeItem(this.key); 5561 } 5562 }, { 5563 key: 'isEmpty', 5564 value: function isEmpty() { 5565 var storedStats = this.read(); 5566 var empty = true; 5567 Object.keys(storedStats).forEach(function (key) { 5568 if (Object.keys(storedStats[key]).length > 0) { 5569 empty = false; 5570 } 5571 }); 5572 return empty; 5573 } 5574 }]); 5575 return StatisticsStorage; 5576 }(); 5577 var StatisticsSender = function () { 5578 function StatisticsSender(url, logger) { 5579 classCallCheck(this, StatisticsSender); 5580 this.url = url; 5581 this.logger = logger; 5582 } 5583 createClass(StatisticsSender, [{ 5584 key: 'send', 5585 value: function send(data, errorHandler) { 5586 var logger = this.logger; 5587 if (navigator.onLine === false) { 5588 logger.debug("Offline, can't send"); 5589 errorHandler(); 5590 return; 5591 } 5592 logger.debug("Sending data to " + this.url); 5593 var req = new XMLHttpRequest(); 5594 req.withCredentials = true; 5595 req.addEventListener("load", function () { 5596 // Stats sent, nothing more to do 5597 logger.debug("Response: " + req.responseText); 5598 }); 5599 req.addEventListener("error", function () { 5600 logger.debug("Send failed"); 5601 errorHandler(); 5602 }); 5603 req.addEventListener("abort", function () { 5604 logger.debug("Send aborted"); 5605 errorHandler(); 5606 }); 5607 req.open("POST", this.url); 5608 req.setRequestHeader("Content-Type", "application/json"); 5609 req.send(data); 5610 } 5611 }]); 5612 return StatisticsSender; 5613 }(); 5614 var StatisticsLogger = function () { 5615 function StatisticsLogger(id) { 5616 classCallCheck(this, StatisticsLogger); 5617 this.id = id; 5618 } 5619 createClass(StatisticsLogger, [{ 5620 key: '_isDebug', 5621 value: function _isDebug() { 5622 return localStorage.getItem("vaadin." + this.id + ".debug"); 5623 } 5624 }, { 5625 key: 'debug', 5626 value: function debug(msg) { 5627 if (this._isDebug()) { 5628 console.info(this.id + ": " + msg); 5629 } 5630 } 5631 }]); 5632 return StatisticsLogger; 5633 }(); 5634 var UsageStatistics = function () { 5635 function UsageStatistics() { 5636 classCallCheck(this, UsageStatistics); 5637 this.now = new Date(); 5638 this.timeNow = this.now.getTime(); 5639 this.gatherDelay = 10; // Delay between loading this file and gathering stats 5640 this.initialDelay = 24 * 60 * 60; 5641 this.logger = new StatisticsLogger("statistics"); 5642 this.storage = new StatisticsStorage("vaadin.statistics.basket"); 5643 this.gatherer = new StatisticsGatherer(this.logger); 5644 this.sender = new StatisticsSender("https://tools.vaadin.com/usage-stats/submit", this.logger); 5645 } 5646 createClass(UsageStatistics, [{ 5647 key: 'maybeGatherAndSend', 5648 value: function maybeGatherAndSend() { 5649 var _this = this; 5650 if (localStorage.getItem(UsageStatistics.optOutKey)) { 5651 return; 5652 } 5653 this.gatherer.gather(this.storage); 5654 setTimeout(function () { 5655 _this.maybeSend(); 5656 }, this.gatherDelay * 1000); 5657 } 5658 }, { 5659 key: 'lottery', 5660 value: function lottery() { 5661 return true; 5662 } 5663 }, { 5664 key: 'currentMonth', 5665 value: function currentMonth() { 5666 return this.now.getYear() * 12 + this.now.getMonth(); 5667 } 5668 }, { 5669 key: 'maybeSend', 5670 value: function maybeSend() { 5671 var firstUse = Number(localStorage.getItem(UsageStatistics.firstUseKey)); 5672 var monthProcessed = Number(localStorage.getItem(UsageStatistics.monthProcessedKey)); 5673 if (!firstUse) {
5674 // Use a grace period to avoid interfering with tests, incognito mode etc 5675 firstUse = this.timeNow; 5676 localStorage.setItem(UsageStatistics.firstUseKey, firstUse); 5677 } 5678 if (this.timeNow < firstUse + this.initialDelay * 1000) { 5679 this.logger.debug("No statistics will be sent until the initial delay of " + this.initialDelay + "s has passed"); 5680 return; 5681 } 5682 if (this.currentMonth() <= monthProcessed) { 5683 this.logger.debug("This month has already been processed"); 5684 return; 5685 } 5686 localStorage.setItem(UsageStatistics.monthProcessedKey, this.currentMonth()); 5687 // Use random sampling 5688 if (this.lottery()) { 5689 this.logger.debug("Congratulations, we have a winner!"); 5690 } else { 5691 this.logger.debug("Sorry, no stats from you this time"); 5692 return; 5693 } 5694 this.send(); 5695 } 5696 }, { 5697 key: 'send', 5698 value: function send() { 5699 // Ensure we have the latest data 5700 this.gatherer.gather(this.storage); 5701 // Read, send and clean up 5702 var data = this.storage.read(); 5703 data["firstUse"] = Number(localStorage.getItem(UsageStatistics.firstUseKey)); 5704 data["usageStatisticsVersion"] = UsageStatistics.version; 5705 var info = 'This request contains usage statistics gathered from the application running in development mode. \n\nStatistics gathering is automatically disabled and excluded from production builds.\n\nFor details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.\n\n\n\n'; 5706 var self = this; 5707 this.sender.send(info + JSON.stringify(data), function () { 5708 // Revert the 'month processed' flag 5709 localStorage.setItem(UsageStatistics.monthProcessedKey, self.currentMonth() - 1); 5710 }); 5711 } 5712 }], [{ 5713 key: 'version', 5714 get: function get$1() { 5715 return '2.1.2'; 5716 } 5717 }, { 5718 key: 'firstUseKey', 5719 get: function get$1() { 5720 return 'vaadin.statistics.firstuse'; 5721 } 5722 }, { 5723 key: 'monthProcessedKey', 5724 get: function get$1() { 5725 return 'vaadin.statistics.monthProcessed'; 5726 } 5727 }, { 5728 key: 'optOutKey', 5729 get: function get$1() { 5730 return 'vaadin.statistics.optout'; 5731 } 5732 }]); 5733 return UsageStatistics; 5734 }(); 5735 try { 5736 window.Vaadin = window.Vaadin || {}; 5737 window.Vaadin.usageStatsChecker = window.Vaadin.usageStatsChecker || new UsageStatistics(); 5738 window.Vaadin.usageStatsChecker.maybeGatherAndSend(); 5739 } catch (e) { 5740 // Intentionally ignored as this is not a problem in the app being developed 5741 } 5742 }()); 5743 vaadin-dev-mode:end **) 5744 (** 5745 * @license 5746 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved. 5747 * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5748 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5749 * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 5750 * Code distributed by Google as part of the polymer project is also 5751 * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 5752 *) 5753 (** 5754 * @license 5755 * Copyright (c) 2023 - 2024 Vaadin Ltd. 5756 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5757 *) 5758 (** 5759 * @license 5760 * Copyright (c) 2022 - 2024 Vaadin Ltd. 5761 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5762 *) 5763 5764@everymatrix/player-limit-notification-nd/dist/esm/player-limit-notification-nd-97616c18.js: 5765 (** 5766 * @license 5767 * Copyright (c) 2021 - 2024 Vaadin Ltd. 5768 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5769 *) 5770 (** 5771 * @license 5772 * Copyright (c) 2023 - 2024 Vaadin Ltd. 5773 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5774 *) 5775 (** 5776 * @license 5777 * Copyright (c) 2022 - 2024 Vaadin Ltd. 5778 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5779 *) 5780 (** 5781 * @license 5782 * Copyright (c) 2017 - 2024 Vaadin Ltd. 5783 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5784 *) 5785 (** 5786 * @license 5787 * Copyright (c) 2018 - 2024 Vaadin Ltd. 5788 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5789 *) 5790 (** 5791 @license 5792 Copyright (c) 2017 The Polymer Project Authors. All rights reserved. 5793 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5794 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5795 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 5796 Code distributed by Google as part of the polymer project is also 5797 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 5798 *) 5799 (** 5800 * @license 5801 * Copyright (c) 2017 Anton Korzunov 5802 * SPDX-License-Identifier: MIT 5803 *) 5804 (** 5805 * @license 5806 * Copyright (c) 2024 Vaadin Ltd. 5807 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5808 *) 5809 (** 5810 * @license 5811 * Copyright (c) 2015 - 2024 Vaadin Ltd. 5812 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5813 *) 5814 (** 5815 * @license 5816 * Copyright (c) 2016 - 2024 Vaadin Ltd. 5817 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5818 *) 5819 (** 5820 * @license 5821 * Copyright (c) 2021 - 2024 Vaadin Ltd.. 5822 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ 5823 *) 5824 (** 5825 * @license 5826 * Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 5827 * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5828 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5829 * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 5830 * Code distributed by Google as part of the polymer project is also 5831 * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 5832 *) 5833 (** 5834 * @license 5835 * Copyright 2020 Google LLC 5836 * SPDX-License-Identifier: BSD-3-Clause 5837 *) 5838*/
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.