@openremote/or-vaadin-components 1.30.0 → 1.30.1

package/build/dist/umd/index.bundle.js

@@ -0,0 +1,3924 @@
+var ORVaadinComponents;(()=>{"use strict";var e={954(e){e.exports=__rspack_external__954},487(e){e.exports=__rspack_external__487}},t={};function i(s){var r=t[s];if(void 0!==r)return r.exports;var n=t[s]={exports:{}};return e[s](n,n.exports,i),n.exports}i.d=(e,t,s)=>{var r=(t,s)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[s]:t[r]})};r(t,"get"),r(s,"value")},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};(()=>{let e,t;i.r(s),i.d(s,{DialogFooterRendererDirective:()=>nl,DialogHeaderRendererDirective:()=>no,DialogRendererDirective:()=>na,InputType:()=>sX,OrVaadinBadge:()=>tw,OrVaadinButton:()=>ir,OrVaadinCheckbox:()=>iB,OrVaadinCheckboxGroup:()=>iF,OrVaadinComboBox:()=>sj,OrVaadinConfirmDialog:()=>s5,OrVaadinDatePicker:()=>rV,OrVaadinDateTimePicker:()=>r5,OrVaadinDialog:()=>np,OrVaadinEmailField:()=>ng,OrVaadinInput:()=>al,OrVaadinItem:()=>ah,OrVaadinListBox:()=>ap,OrVaadinMenuBar:()=>aP,OrVaadinMultiSelectComboBox:()=>aH,OrVaadinNumberField:()=>nI,OrVaadinPasswordField:()=>nP,OrVaadinRadioGroup:()=>aZ,OrVaadinSelect:()=>nY,OrVaadinSlider:()=>n4,OrVaadinTextArea:()=>an,OrVaadinTextField:()=>n7,OrVaadinTimePicker:()=>aQ,OrVaadinToggle:()=>aa,OrVaadinToggleGroup:()=>aJ,SUPPORTED_WELLKNOWN_VALUE_TYPES:()=>nf,comboBoxRenderer:()=>sF,createMenuBarItem:()=>aO,dialogFooterRenderer:()=>nu,dialogHeaderRenderer:()=>nh,dialogRenderer:()=>nd,getConfirmDialogContent:()=>s1,getValueHolderInputTemplateProvider:()=>a5,inputTypeSupportsHelperText:()=>nw,inputTypeSupportsLabel:()=>nC,inputTypeSupportsSendButton:()=>ny,selectRenderer:()=>nG,showConfirmDialog:()=>s0,showDialog:()=>nc,showErrorDialog:()=>s2});let r=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},n=globalThis,a=n.ShadowRoot&&(void 0===n.ShadyCSS||n.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),l=new WeakMap;class d{constructor(e,t,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(a&&void 0===e){let i=void 0!==t&&1===t.length;i&&(e=l.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&l.set(t,e))}return e}toString(){return this.cssText}}let h=e=>new d("string"==typeof e?e:e+"",void 0,o),u=(e,...t)=>new d(1===e.length?e[0]:t.reduce((t,i,s)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[s+1],e[0]),e,o),c=(e,t)=>{if(a)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let i of t){let t=document.createElement("style"),s=n.litNonce;void 0!==s&&t.setAttribute("nonce",s),t.textContent=i.cssText,e.appendChild(t)}},p=a?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(let i of e.cssRules)t+=i.cssText;return h(t)})(e):e,{is:_,defineProperty:v,getOwnPropertyDescriptor:m,getOwnPropertyNames:g,getOwnPropertySymbols:b,getPrototypeOf:f}=Object,y=globalThis,w=y.trustedTypes,C=w?w.emptyScript:"",x=y.reactiveElementPolyfillSupport,E={toAttribute(e,t){switch(t){case Boolean:e=e?C:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},k=(e,t)=>!_(e,t),I={attribute:!0,type:String,converter:E,reflect:!1,useDefault:!1,hasChanged:k};Symbol.metadata??=Symbol("metadata"),y.litPropertyMetadata??=new WeakMap;class A extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=I){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let i=Symbol(),s=this.getPropertyDescriptor(e,i,t);void 0!==s&&v(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){let{get:s,set:r}=m(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:s,set(t){let n=s?.call(this);r?.call(this,t),this.requestUpdate(e,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??I}static _$Ei(){if(this.hasOwnProperty("elementProperties"))return;let e=f(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty("finalized"))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty("properties")){let e=this.properties;for(let t of[...g(e),...b(e)])this.createProperty(t,e[t])}let e=this[Symbol.metadata];if(null!==e){let t=litPropertyMetadata.get(e);if(void 0!==t)for(let[e,i]of t)this.elementProperties.set(e,i)}for(let[e,t]of(this._$Eh=new Map,this.elementProperties)){let i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e))for(let i of new Set(e.flat(1/0).reverse()))t.unshift(p(i));else void 0!==e&&t.push(p(e));return t}static _$Eu(e,t){let i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map;for(let t of this.constructor.elementProperties.keys())this.hasOwnProperty(t)&&(e.set(t,this[t]),delete this[t]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return c(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){let i=this.constructor.elementProperties.get(e),s=this.constructor._$Eu(e,i);if(void 0!==s&&!0===i.reflect){let r=(void 0!==i.converter?.toAttribute?i.converter:E).toAttribute(t,i.type);this._$Em=e,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$Em=null}}_$AK(e,t){let i=this.constructor,s=i._$Eh.get(e);if(void 0!==s&&this._$Em!==s){let e=i.getPropertyOptions(s),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:E;this._$Em=s;let n=r.fromAttribute(t,e.type);this[s]=n??this._$Ej?.get(s)??n,this._$Em=null}}requestUpdate(e,t,i){if(void 0!==e){let s=this.constructor,r=this[e];if(!(((i??=s.getPropertyOptions(e)).hasChanged??k)(r,t)||i.useDefault&&i.reflect&&r===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:s,wrapped:r},n){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,n??t??this[e]),!0!==r||void 0!==n)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===s&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,i]of e){let{wrapped:e}=i,s=this[t];!0!==e||this._$AL.has(t)||void 0===s||this.C(t,void 0,i,s)}}let e=!1,t=this._$AL;try{(e=this.shouldUpdate(t))?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A.elementProperties=new Map,A.finalized=new Map,x?.({ReactiveElement:A}),(y.reactiveElementVersions??=[]).push("2.1.1");let T={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:k};function S(e){return(t,i)=>{let s;return"object"==typeof i?((e=T,t,i)=>{let{kind:s,metadata:r}=i,n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),"setter"===s&&((e=Object.create(e)).wrapped=!0),n.set(i.name,e),"accessor"===s){let{name:s}=i;return{set(i){let r=t.get.call(this);t.set.call(this,i),this.requestUpdate(s,r,e)},init(t){return void 0!==t&&this.C(s,void 0,e,t),t}}}if("setter"===s){let{name:s}=i;return function(i){let r=this[s];t.call(this,i),this.requestUpdate(s,r,e)}}throw Error("Unsupported decorator location: "+s)})(e,t,i):(s=t.hasOwnProperty(i),t.constructor.createProperty(i,e),s?Object.getOwnPropertyDescriptor(t,i):void 0)}}let D=globalThis,O=D.trustedTypes,P=O?O.createPolicy("lit-html",{createHTML:e=>e}):void 0,$="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,M="?"+V,B=`<${M}>`,L=document,R=()=>L.createComment(""),N=e=>null===e||"object"!=typeof e&&"function"!=typeof e,z=Array.isArray,F=e=>z(e)||"function"==typeof e?.[Symbol.iterator],j="[ 	\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,q=/>/g,W=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),K=/'/g,G=/"/g,Y=/^(?:script|style|textarea|title)$/i,X=(e,...t)=>({_$litType$:1,strings:e,values:t}),Z=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),J=new WeakMap,ee=L.createTreeWalker(L,129);function et(e,t){if(!z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(t):t}let ei=(e,t)=>{let i=e.length-1,s=[],r,n=2===t?"<svg>":3===t?"<math>":"",a=H;for(let t=0;t<i;t++){let i=e[t],o,l,d=-1,h=0;for(;h<i.length&&(a.lastIndex=h,null!==(l=a.exec(i)));)h=a.lastIndex,a===H?"!--"===l[1]?a=U:void 0!==l[1]?a=q:void 0!==l[2]?(Y.test(l[2])&&(r=RegExp("</"+l[2],"g")),a=W):void 0!==l[3]&&(a=W):a===W?">"===l[0]?(a=r??H,d=-1):void 0===l[1]?d=-2:(d=a.lastIndex-l[2].length,o=l[1],a=void 0===l[3]?W:'"'===l[3]?G:K):a===G||a===K?a=W:a===U||a===q?a=H:(a=W,r=void 0);let u=a===W&&e[t+1].startsWith("/>")?" ":"";n+=a===H?i+B:d>=0?(s.push(o),i.slice(0,d)+$+i.slice(d)+V+u):i+V+(-2===d?t:u)}return[et(e,n+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),s]};class es{constructor({strings:e,_$litType$:t},i){let s;this.parts=[];let r=0,n=0;const a=e.length-1,o=this.parts,[l,d]=ei(e,t);if(this.el=es.createElement(l,i),ee.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(s=ee.nextNode())&&o.length<a;){if(1===s.nodeType){if(s.hasAttributes())for(const e of s.getAttributeNames())if(e.endsWith($)){const t=d[n++],i=s.getAttribute(e).split(V),a=/([.?@])?(.*)/.exec(t);o.push({type:1,index:r,name:a[2],strings:i,ctor:"."===a[1]?el:"?"===a[1]?ed:"@"===a[1]?eh:eo}),s.removeAttribute(e)}else e.startsWith(V)&&(o.push({type:6,index:r}),s.removeAttribute(e));if(Y.test(s.tagName)){const e=s.textContent.split(V),t=e.length-1;if(t>0){s.textContent=O?O.emptyScript:"";for(let i=0;i<t;i++)s.append(e[i],R()),ee.nextNode(),o.push({type:2,index:++r});s.append(e[t],R())}}}else if(8===s.nodeType)if(s.data===M)o.push({type:2,index:r});else{let e=-1;for(;-1!==(e=s.data.indexOf(V,e+1));)o.push({type:7,index:r}),e+=V.length-1}r++}}static createElement(e,t){let i=L.createElement("template");return i.innerHTML=e,i}}function er(e,t,i=e,s){if(t===Z)return t;let r=void 0!==s?i._$Co?.[s]:i._$Cl,n=N(t)?void 0:t._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(e))._$AT(e,i,s),void 0!==s?(i._$Co??=[])[s]=r:i._$Cl=r),void 0!==r&&(t=er(e,r._$AS(e,t.values),r,s)),t}class en{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){let{el:{content:t},parts:i}=this._$AD,s=(e?.creationScope??L).importNode(t,!0);ee.currentNode=s;let r=ee.nextNode(),n=0,a=0,o=i[0];for(;void 0!==o;){if(n===o.index){let t;2===o.type?t=new ea(r,r.nextSibling,this,e):1===o.type?t=new o.ctor(r,o.name,o.strings,this,e):6===o.type&&(t=new eu(r,this,e)),this._$AV.push(t),o=i[++a]}n!==o?.index&&(r=ee.nextNode(),n++)}return ee.currentNode=L,s}p(e){let t=0;for(let i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ea{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,s){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){N(e=er(this,e,t))?e===Q||null==e||""===e?(this._$AH!==Q&&this._$AR(),this._$AH=Q):e!==this._$AH&&e!==Z&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):F(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!==Q&&N(this._$AH)?this._$AA.nextSibling.data=e:this.T(L.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:i}=e,s="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=es.createElement(et(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(t);else{let e=new en(s,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=J.get(e.strings);return void 0===t&&J.set(e.strings,t=new es(e)),t}k(e){z(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,i,s=0;for(let r of e)s===t.length?t.push(i=new ea(this.O(R()),this.O(R()),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){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class eo{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,s,r){this.type=1,this._$AH=Q,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=Q}_$AI(e,t=this,i,s){let r=this.strings,n=!1;if(void 0===r)(n=!N(e=er(this,e,t,0))||e!==this._$AH&&e!==Z)&&(this._$AH=e);else{let s,a,o=e;for(e=r[0],s=0;s<r.length-1;s++)(a=er(this,o[i+s],t,s))===Z&&(a=this._$AH[s]),n||=!N(a)||a!==this._$AH[s],a===Q?e=Q:e!==Q&&(e+=(a??"")+r[s+1]),this._$AH[s]=a}n&&!s&&this.j(e)}j(e){e===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class el extends eo{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===Q?void 0:e}}class ed extends eo{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==Q)}}class eh extends eo{constructor(e,t,i,s,r){super(e,t,i,s,r),this.type=5}_$AI(e,t=this){if((e=er(this,e,t,0)??Q)===Z)return;let i=this._$AH,s=e===Q&&i!==Q||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,r=e!==Q&&(i===Q||s);s&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class eu{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){er(this,e)}}let ec=D.litHtmlPolyfillSupport;ec?.(es,ea),(D.litHtmlVersions??=[]).push("3.3.1");let ep=(e,t,i)=>{let s=i?.renderBefore??t,r=s._$litPart$;if(void 0===r){let e=i?.renderBefore??null;s._$litPart$=r=new ea(t.insertBefore(R(),e),e,void 0,i??{})}return r._$AI(e),r},e_=globalThis;class ev extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=ep(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Z}}ev._$litElement$=!0,ev.finalized=!0,e_.litElementHydrateSupport?.({LitElement:ev});let em=e_.litElementPolyfillSupport;em?.({LitElement:ev}),(e_.litElementVersions??=[]).push("4.2.1");let eg=e=>(...t)=>({_$litDirective$:e,values:t});class eb{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}let ef=eg(class extends eb{constructor(e){if(super(e),1!==e.type||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){for(let i in this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e))),t)t[i]&&!this.nt?.has(i)&&this.st.add(i);return this.render(t)}let i=e.element.classList;for(let e of this.st)e in t||(i.remove(e),this.st.delete(e));for(let e in t){let s=!!t[e];s===this.st.has(e)||this.nt?.has(e)||(s?(i.add(e),this.st.add(e)):(i.remove(e),this.st.delete(e)))}return Z}}),ey=u`
+  .sr-only {
+    border: 0 !important;
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    clip-path: inset(50%) !important;
+    height: 1px !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    padding: 0 !important;
+    position: absolute !important;
+    width: 1px !important;
+    white-space: nowrap !important;
+  }
+`;window.Vaadin||={},window.Vaadin.featureFlags||={};let ew={};function eC(e,t="25.2.11"){if(Object.defineProperty(e,"version",{get:()=>t}),e.experimental){let t="string"==typeof e.experimental?e.experimental:`${e.is.split("-").slice(1).join("-").replace(/-[a-z]/gu,e=>e[1].toUpperCase())}Component`;if(window.Vaadin.featureFlags[t]||ew[t]){if(ew[t])return void ew[t].add(e)}else{ew[t]=new Set,ew[t].add(e),Object.defineProperty(window.Vaadin.featureFlags,t,{get:()=>0===ew[t].size,set(e){e&&ew[t].size>0&&(ew[t].forEach(e=>{customElements.define(e.is,e)}),ew[t].clear())}});return}}let i=customElements.get(e.is);if(i){let t=i.version;t&&e.version&&t===e.version?console.warn(`The component ${e.is} has been loaded twice`):console.error(`Tried to define ${e.is} version ${e.version} when version ${i.version} is already in use. Something will probably break.`)}else customElements.define(e.is,e)}function ex(e){return e?new Set(e.split(" ")):new Set}function eE(e){return e?[...e].join(" "):""}function ek(e,t,i){let s=ex(e.getAttribute(t));s.add(i),e.setAttribute(t,eE(s))}function eI(e){return e.nodeType===Node.TEXT_NODE&&""===e.textContent.trim()}let eA=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,eT=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function eS(e,t){if("function"!=typeof e)return;let i=eA.exec(e.toString());if(i)try{e=Function(i[1])}catch(e){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",e)}return e(t)}window.Vaadin=window.Vaadin||{};let eD=function(e,t){if(window.Vaadin.developmentMode)return eS(e,t)};function eO(){}void 0===window.Vaadin.developmentMode&&(window.Vaadin.developmentMode=function(){try{if(localStorage.getItem("vaadin.developmentmode.force"))return!0;if(!(["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0))return!1;if(eT)return!(eT&&Object.keys(eT).map(e=>eT[e]).filter(e=>e.productionMode).length>0);return!eS(function(){return!0})}catch(e){return!1}}());let eP=function(){if("function"==typeof eD)return eD(eO)},e$=0,eV=0,eM=[],eB=!1,eL={after:e=>({run:t=>window.setTimeout(t,e),cancel(e){window.clearTimeout(e)}}),run:(e,t)=>window.setTimeout(e,t),cancel(e){window.clearTimeout(e)}},eR={run:e=>window.requestAnimationFrame(e),cancel(e){window.cancelAnimationFrame(e)}},eN={run:e=>window.requestIdleCallback?window.requestIdleCallback(e):window.setTimeout(e,16),cancel(e){window.cancelIdleCallback?window.cancelIdleCallback(e):window.clearTimeout(e)}},ez={run(e){eB||(eB=!0,queueMicrotask(()=>(function(){eB=!1;let e=eM.length;for(let t=0;t<e;t++){let e=eM[t];if(e)try{e()}catch(e){setTimeout(()=>{throw e})}}eM.splice(0,e),eV+=e})())),eM.push(e);let t=e$;return e$+=1,t},cancel(e){let t=e-eV;if(t>=0){if(!eM[t])throw Error(`invalid async handle: ${e}`);eM[t]=null}}},eF=new Set;class ej{static debounce(e,t,i){return e instanceof ej?e._cancelAsync():e=new ej,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,eF.delete(this),this._callback()})}cancel(){this.isActive()&&(this._cancelAsync(),eF.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}}let eH=()=>{let e;do e=function(){let e=!!eF.size;return eF.forEach(e=>{try{e.flush()}catch(e){setTimeout(()=>{throw e})}}),e}();while(e)},eU=[];function eq(e,t,i=e.getAttribute("dir")){t?e.setAttribute("dir",t):null!=i&&e.removeAttribute("dir")}function eW(){return document.documentElement.getAttribute("dir")}new MutationObserver(function(){let e=eW();eU.forEach(t=>{eq(t,e)})}).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});let eK=e=>class extends e{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:e=>e||"",toAttribute:e=>""===e?null:e}}}}get __isRTL(){return"rtl"===this.getAttribute("dir")}connectedCallback(){super.connectedCallback(),(!this.hasAttribute("dir")||this.__restoreSubscription)&&(this.__subscribe(),eq(this,eW(),null))}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),"dir"!==e)return;let s=eW(),r=i===s&&-1===eU.indexOf(this),n=!i&&t&&-1===eU.indexOf(this),a=i!==s&&t===s;r||n?(this.__subscribe(),eq(this,s,i)):a&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=eU.includes(this),this.__unsubscribe()}_valueToNodeAttribute(e,t,i){("dir"!==i||""!==t||e.hasAttribute("dir"))&&super._valueToNodeAttribute(e,t,i)}_attributeToProperty(e,t,i){"dir"!==e||t?super._attributeToProperty(e,t,i):this.dir=""}__subscribe(){eU.includes(this)||eU.push(this)}__unsubscribe(){eU.includes(this)&&eU.splice(eU.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(){eP()};let eG=new Set,eY=t=>class extends eK(t){static _ensureRegistrations(){let{is:t}=this;if(t&&!eG.has(t)){window.Vaadin.registrations.push(this),eG.add(t);let s=window.Vaadin.developmentModeCallback;if(s){var i;i=e=ej.debounce(e,eN,()=>{s["vaadin-usage-statistics"]()}),eF.add(i)}}}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.'),this.constructor._ensureRegistrations()}},eX=new WeakMap;function eZ(e){return t=>{if(function(e,t){let i=t;for(;i;){if(eX.get(i)===e)return!0;i=Object.getPrototypeOf(i)}return!1}(e,t))return t;let i=e(t);return eX.set(i,e),i}}function eQ(e,t){return e.split(".").reduce((e,t)=>e?e[t]:void 0,t)}let eJ={},e0=/([A-Z])/gu;function e1(e){return eJ[e]||(eJ[e]=e.replace(e0,"-$1").toLowerCase()),eJ[e]}function e2(e){return e[0].toUpperCase()+e.substring(1)}function e5(e){let[t,i]=e.split("(");return{method:t,observerProps:i.replace(")","").split(",").map(e=>e.trim())}}function e3(e,t){return Object.prototype.hasOwnProperty.call(e,t)||(e[t]=new Map(e[t])),e[t]}let e4=eZ(e=>class extends e{static enabledWarnings=[];static createProperty(e,t){[String,Boolean,Number,Array].includes(t)&&(t={type:t}),t?.reflectToAttribute&&(t.reflect=!0),super.createProperty(e,t)}static getOrCreateMap(e){return e3(this,e)}static finalize(){if(window.litIssuedWarnings&&(window.litIssuedWarnings.add("no-override-create-property"),window.litIssuedWarnings.add("no-override-get-property-descriptor")),super.finalize(),Array.isArray(this.observers)){let e=this.getOrCreateMap("__complexObservers");this.observers.forEach(t=>{let{method:i,observerProps:s}=e5(t);e.set(i,s)})}}static addCheckedInitializer(e){super.addInitializer(t=>{t instanceof this&&e(t)})}static getPropertyDescriptor(e,t,i){let s=super.getPropertyDescriptor(e,t,i),r=s;if(this.getOrCreateMap("__propKeys").set(e,t),i.sync&&(r={get:s.get,set(s){let r=this[e];k(s,r)&&(this[t]=s,this.requestUpdate(e,r,i),this.hasUpdated&&this.performUpdate())},configurable:!0,enumerable:!0}),i.readOnly){let t=r.set;this.addCheckedInitializer(i=>{i[`_set${e2(e)}`]=function(e){t.call(i,e)}}),r={get:r.get,set(){},configurable:!0,enumerable:!0}}if("value"in i&&this.addCheckedInitializer(t=>{let s="function"==typeof i.value?i.value.call(t):i.value;i.readOnly?t[`_set${e2(e)}`](s):t[e]=s}),i.observer){let t=i.observer;this.getOrCreateMap("__observers").set(e,t),this.addCheckedInitializer(e=>{e[t]||console.warn(`observer method ${t} not defined`)})}if(i.notify){if(this.__notifyProps){if(!this.hasOwnProperty("__notifyProps")){let e=this.__notifyProps;this.__notifyProps=new Set(e)}}else this.__notifyProps=new Set;this.__notifyProps.add(e)}if(i.computed){let t=`__assignComputed${e}`,s=e5(i.computed);this.prototype[t]=function(...t){this[e]=this[s.method](...t)},this.getOrCreateMap("__computedObservers").set(t,s.observerProps)}return i.attribute||(i.attribute=e1(e)),r}static get polylitConfig(){return{asyncFirstRender:!1}}connectedCallback(){super.connectedCallback();let{polylitConfig:e}=this.constructor;this.hasUpdated||e.asyncFirstRender||this.performUpdate()}firstUpdated(){super.firstUpdated(),this.$||(this.$={}),this.renderRoot.querySelectorAll("[id]").forEach(e=>{this.$[e.id]=e})}ready(){}willUpdate(e){this.constructor.__computedObservers&&this.__runComplexObservers(e,this.constructor.__computedObservers)}updated(e){let t=this.__isReadyInvoked;this.__isReadyInvoked=!0,this.constructor.__observers&&this.__runObservers(e,this.constructor.__observers),this.constructor.__complexObservers&&this.__runComplexObservers(e,this.constructor.__complexObservers),this.__dynamicPropertyObservers&&this.__runDynamicObservers(e,this.__dynamicPropertyObservers),this.__dynamicMethodObservers&&this.__runComplexObservers(e,this.__dynamicMethodObservers),this.constructor.__notifyProps&&this.__runNotifyProps(e,this.constructor.__notifyProps),t||this.ready()}setProperties(e){Object.entries(e).forEach(([e,t])=>{let i=this.constructor.__propKeys.get(e),s=this[i];this[i]=t,this.requestUpdate(e,s)}),this.hasUpdated&&this.performUpdate()}_createMethodObserver(e){let t=e3(this,"__dynamicMethodObservers"),{method:i,observerProps:s}=e5(e);t.set(i,s)}_createPropertyObserver(e,t){e3(this,"__dynamicPropertyObservers").set(t,e)}__runComplexObservers(e,t){t.forEach((t,i)=>{t.some(t=>e.has(t))&&(this[i]?this[i](...t.map(e=>this[e])):console.warn(`observer method ${i} not defined`))})}__runDynamicObservers(e,t){t.forEach((t,i)=>{e.has(t)&&this[i]&&this[i](this[t],e.get(t))})}__runObservers(e,t){e.forEach((e,i)=>{let s=t.get(i);void 0!==s&&this[s]&&this[s](this[i],e)})}__runNotifyProps(e,t){e.forEach((e,i)=>{t.has(i)&&this.dispatchEvent(new CustomEvent(`${e1(i)}-changed`,{detail:{value:this[i]}}))})}_get(e,t){return eQ(e,t)}_set(e,t,i){let s,r;r=(s=e.split(".")).pop(),s.reduce((e,t)=>e[t],i)[r]=t}});class e8{constructor(e,t,i={}){this.target=e,this.callback=t,this.forceInitial=i.forceInitial,this._storedNodes=[],this._isSlot=e instanceof HTMLSlotElement,this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),i.syncInitial?this.flush():this._schedule()}connect(){this.target.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.target.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this._scheduled&&this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_collectNodes(){return[...new Set((this._isSlot?[this.target]:[...this.target.querySelectorAll("slot")]).flatMap(e=>e.assignedNodes({flatten:!0})))]}_groupNodesBySlot(e){let t=new Map;return e.forEach(e=>{let i=e.assignedSlot;t.set(i,t.get(i)??[]),t.get(i).push(e)}),t}_collectMovedNodes(e){let t=this._groupNodesBySlot(e),i=this._groupNodesBySlot(this._storedNodes),s=[];return t.forEach((e,t)=>{let r=i.get(t)||[];new Set(r).difference(new Set(e)).size>0||r.forEach((t,i)=>{e.indexOf(t)!==i&&s.push(t)})}),s}_processNodes(){let e=this._collectNodes(),t=e.filter(e=>!this._storedNodes.includes(e)),i=this._storedNodes.filter(t=>!e.includes(t)),s=this._collectMovedNodes(e);(t.length||i.length||s.length||this.forceInitial)&&this.callback({addedNodes:t,currentNodes:e,movedNodes:s,removedNodes:i}),this.forceInitial&&(this.forceInitial=!1),this._storedNodes=e}}function e7(e){try{CSS.registerProperty(e)}catch(t){if(t instanceof DOMException&&"InvalidModificationError"===t.name)console.warn(`The CSS property ${e.name} has already been registered.`);else throw t}}class e6 extends EventTarget{#e;#t=new Set;#i;#s=!1;constructor(e){super(),this.#e=e,this.#i=new CSSStyleSheet}#r(e){let{propertyName:t}=e;this.#t.has(t)&&this.dispatchEvent(new CustomEvent("property-changed",{detail:{propertyName:t}}))}observe(e){this.connect(),this.#t.has(e)||(this.#t.add(e),this.#i.replaceSync(`
+      :root::before, :host::before {
+        content: '' !important;
+        position: absolute !important;
+        top: -9999px !important;
+        left: -9999px !important;
+        visibility: hidden !important;
+        transition: 1ms allow-discrete step-end !important;
+        transition-property: ${[...this.#t].join(", ")} !important;
+      }
+    `))}connect(){this.#s||(this.#e.adoptedStyleSheets.unshift(this.#i),this.#n.addEventListener("transitionstart",e=>this.#r(e)),this.#n.addEventListener("transitionend",e=>this.#r(e)),this.#s=!0)}disconnect(){this.#t.clear(),this.#e.adoptedStyleSheets=this.#e.adoptedStyleSheets.filter(e=>e!==this.#i),this.#n.removeEventListener("transitionstart",this.#r),this.#n.removeEventListener("transitionend",this.#r),this.#s=!1}get #n(){return this.#e.documentElement??this.#e.host}static for(e){return e.__cssPropertyObserver||=new e6(e),e.__cssPropertyObserver}}function e9(e){c(e.shadowRoot,function(e){let{baseStyles:t,themeStyles:i,elementStyles:s,lumoInjector:r}=e.constructor,n=e.__lumoStyleSheet;return n?[...r.includeBaseStyles?t??s:[],n,...i??[]]:s}(e))}function te(e,t){e.__lumoStyleSheet=t,e9(e)}function tt(e){e.__lumoStyleSheet=void 0,e9(e)}let ti=new Set;function ts(e){ti.has(e)||(ti.add(e),console.warn(e))}let tr=new WeakMap;function tn(e){try{return e.media.mediaText}catch{return ts('[LumoInjector] Browser denied to access property "mediaText" for some CSS rules, so they were skipped.'),""}}function ta(e){return`--_lumo-${e.is}-inject`}class to{#e;#a;#o=new Map;#l=new Map;constructor(e=document){this.#e=e,this.handlePropertyChange=this.handlePropertyChange.bind(this),this.#a=e6.for(e),this.#a.addEventListener("property-changed",this.handlePropertyChange)}disconnect(){this.#a.removeEventListener("property-changed",this.handlePropertyChange),this.#o.clear(),this.#l.values().forEach(e=>e.forEach(tt))}forceUpdate(){for(let e of this.#o.keys())this.#d(e)}componentConnected(e){let{lumoInjector:t}=e.constructor,{is:i}=t;this.#l.set(i,this.#l.get(i)??new Set),this.#l.get(i).add(e);let s=this.#o.get(i);if(s){s.cssRules.length>0&&te(e,s);return}this.#h(i);let r=ta(t);this.#a.observe(r)}componentDisconnected(e){let{is:t}=e.constructor.lumoInjector;this.#l.get(t)?.delete(e),tt(e)}handlePropertyChange(e){let{propertyName:t}=e.detail,i=t.match(/^--_lumo-(.*)-inject$/u)?.[1];i&&this.#d(i)}#h(e){this.#o.set(e,new CSSStyleSheet),this.#d(e)}#d(e){let{tags:t,modules:i}=function(e){let t=new Map,i=new Map;for(let s of e){let e=tr.get(s);e||(e=function e(t,i={tags:new Map,modules:new Map}){for(let s of function(e){try{return e.cssRules}catch{return ts('[LumoInjector] Browser denied to access property "cssRules" for some CSS stylesheets, so they were skipped.'),[]}}(t)){if(s instanceof CSSImportRule){let t=tn(s);t.startsWith("lumo_")?i.modules.set(t,[...s.styleSheet.cssRules]):e(s.styleSheet,i);continue}if(s instanceof CSSMediaRule){let e=tn(s);e.startsWith("lumo_")&&i.modules.set(e,[...s.cssRules]);continue}if(s instanceof CSSStyleRule&&s.cssText.includes("-inject")){for(let e of s.style){let t=e.match(/^--_lumo-(.*)-inject-modules$/u)?.[1];if(!t)continue;let r=s.style.getPropertyValue(e);i.tags.set(t,r.split(",").map(e=>e.trim().replace(/'|"/gu,"")))}continue}}return i}(s),tr.set(s,e)),t=new Map([...t,...e.tags]),i=new Map([...i,...e.modules])}return{tags:t,modules:i}}(this.#u),s=(t.get(e)??[]).flatMap(e=>i.get(e)??[]).map(e=>e.cssText).join("\n"),r=this.#o.get(e);r.replaceSync(s),this.#l.get(e)?.forEach(e=>{s?te(e,r):tt(e)})}get #u(){let e=new Set;for(let t of[this.#e,document])e=(e=e.union(new Set(t.styleSheets))).union(new Set(t.adoptedStyleSheets));return[...e]}}let tl=new Set,td=e=>class extends e{static finalize(){super.finalize();let e=ta(this.lumoInjector);this.is&&!tl.has(e)&&(tl.add(e),e7({name:e,syntax:"<number>",inherits:!0,initialValue:"0"}))}static get lumoInjector(){return{is:this.is,includeBaseStyles:!1}}connectedCallback(){super.connectedCallback();let e=function e(t){let i=t.getRootNode();return i.host&&i.host.constructor.version?e(i.host):i}(this);!e.__lumoInjectorDisabled&&this.isConnected&&(e.__lumoInjector||=new to(e),this.__lumoInjector=e.__lumoInjector,this.__lumoInjector.componentConnected(this))}disconnectedCallback(){super.disconnectedCallback(),this.__lumoInjector&&(this.__lumoInjector.componentDisconnected(this),this.__lumoInjector=void 0)}},th=e=>class extends e{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),"theme"===e&&this._set_theme(i)}},tu=[],tc=new Set,tp=new Set;function t_(e){return e&&Object.prototype.hasOwnProperty.call(e,"__themes")}function tv(e,t){return(e||"").split(" ").some(e=>RegExp(`^${e.split("*").join(".*")}$`,"u").test(t))}function tm(e){return e.map(e=>e.cssText).join("\n")}let tg="vaadin-themable-mixin-style",tb=e=>class extends th(e){constructor(){super(),tc.add(new WeakRef(this))}static finalize(){if(super.finalize(),this.is&&tp.add(this.is),this.elementStyles)return;let e=this.prototype._template;if(!(!e||t_(this))){var t;let i;t=this.getStylesForThis(),(i=document.createElement("style")).id=tg,i.textContent=tm(t),e.content.appendChild(i)}}static finalizeStyles(e){return this.baseStyles=e?[e].flat(1/0):[],this.themeStyles=this.getStylesForThis(),[...this.baseStyles,...this.themeStyles]}static getStylesForThis(){var t;let i,s,r=e.__themes||[],n=Object.getPrototypeOf(this.prototype),a=(n?n.constructor.__themes:[])||[];this.__themes=[...r,...a,...(t=this.is,i=`${t}-default-theme`,(s=tu.filter(e=>e.moduleId!==i&&tv(e.themeFor,t)).map(e=>({...e,styles:[...function e(t){let i=[];return t.include&&[].concat(t.include).forEach(t=>{let s=tu.find(e=>e.moduleId===t);s?i.push(...e(s),...s.styles):console.warn(`Included moduleId ${t} not found in style registry`)},t.styles),i}(e),...e.styles],includePriority:function(e=""){let t=0;return e.startsWith("lumo-")||e.startsWith("material-")?t=1:e.startsWith("vaadin-")&&(t=2),t}(e.moduleId)})).sort((e,t)=>t.includePriority-e.includePriority)).length>0?s:tu.filter(e=>e.moduleId===i))];let o=this.__themes.flatMap(e=>e.styles);return o.filter((e,t)=>t===o.lastIndexOf(e))}};["--vaadin-text-color","--vaadin-text-color-disabled","--vaadin-text-color-secondary","--vaadin-border-color","--vaadin-border-color-secondary","--vaadin-background-color"].forEach(e=>{e7({name:e,syntax:"<color>",inherits:!0,initialValue:"transparent"})}),((e,...t)=>{let i=document.createElement("style");i.id=e,i.textContent=t.map(e=>e.toString()).join("\n"),document.head.insertAdjacentElement("afterbegin",i)})("vaadin-base",u`
+    @layer vaadin.base {
+      html {
+        /* Background color */
+        --vaadin-background-color: light-dark(#fff, #222);
+
+        /* Container colors */
+        --vaadin-background-container: color-mix(in oklab, var(--vaadin-text-color) 5%, var(--vaadin-background-color));
+        --vaadin-background-container-strong: color-mix(
+          in oklab,
+          var(--vaadin-text-color) 10%,
+          var(--vaadin-background-color)
+        );
+
+        /* Border colors */
+        --vaadin-border-color-secondary: color-mix(in oklab, var(--vaadin-text-color) 24%, transparent);
+        --vaadin-border-color: color-mix(in oklab, var(--vaadin-text-color) 48%, transparent); /* Above 3:1 contrast */
+
+        /* Text colors */
+        /* Above 3:1 contrast */
+        --vaadin-text-color-disabled: color-mix(in oklab, var(--vaadin-text-color) 48%, transparent);
+        /* Above 4.5:1 contrast */
+        --vaadin-text-color-secondary: color-mix(in oklab, var(--vaadin-text-color) 68%, transparent);
+        /* Above 7:1 contrast */
+        --vaadin-text-color: light-dark(#1f1f1f, white);
+
+        /* Padding */
+        --vaadin-padding-xs: 6px;
+        --vaadin-padding-s: 8px;
+        --vaadin-padding-m: 12px;
+        --vaadin-padding-l: 16px;
+        --vaadin-padding-xl: 24px;
+        --vaadin-padding-block-container: var(--vaadin-padding-xs);
+        --vaadin-padding-inline-container: var(--vaadin-padding-s);
+
+        /* Gap/spacing */
+        --vaadin-gap-xs: 6px;
+        --vaadin-gap-s: 8px;
+        --vaadin-gap-m: 12px;
+        --vaadin-gap-l: 16px;
+        --vaadin-gap-xl: 24px;
+
+        /* Border radius */
+        --vaadin-radius-s: 3px;
+        --vaadin-radius-m: 6px;
+        --vaadin-radius-l: 12px;
+
+        /* Focus outline */
+        --vaadin-focus-ring-width: 2px;
+        --vaadin-focus-ring-color: var(--vaadin-text-color);
+
+        /* Icons, used as mask-image */
+        --_vaadin-icon-arrow-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>');
+        --_vaadin-icon-calendar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>');
+        --_vaadin-icon-checkmark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>');
+        --_vaadin-icon-chevron-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');
+        --_vaadin-icon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>');
+        --_vaadin-icon-clock: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6v6l4 2"/><circle cx="12" cy="12" r="10"/></svg>');
+        --_vaadin-icon-cross: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');
+        --_vaadin-icon-drag: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M11 7c0 .82843-.6716 1.5-1.5 1.5C8.67157 8.5 8 7.82843 8 7s.67157-1.5 1.5-1.5c.8284 0 1.5.67157 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm5-10c0 .82843-.6716 1.5-1.5 1.5S13 7.82843 13 7s.6716-1.5 1.5-1.5S16 6.17157 16 7Zm0 5c0 .8284-.6716 1.5-1.5 1.5S13 12.8284 13 12s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5S13 17.8284 13 17s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z" fill="currentColor"/></svg>');
+        --_vaadin-icon-ellipsis: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>');
+        --_vaadin-icon-eye: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>');
+        --_vaadin-icon-eye-slash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /></svg>');
+        --_vaadin-icon-file: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>');
+        --_vaadin-icon-fullscreen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" /></svg>');
+        --_vaadin-icon-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');
+        --_vaadin-icon-link: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>');
+        --_vaadin-icon-menu: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>');
+        --_vaadin-icon-minus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>');
+        --_vaadin-icon-paper-airplane: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" /></svg>');
+        --_vaadin-icon-pen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>');
+        --_vaadin-icon-play: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" /></svg>');
+        --_vaadin-icon-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>');
+        --_vaadin-icon-redo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"/></svg>');
+        --_vaadin-icon-refresh: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M22 10C22 10 19.995 7.26822 18.3662 5.63824C16.7373 4.00827 14.4864 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.1031 21 19.5649 18.2543 20.6482 14.5M22 10V4M22 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+        --_vaadin-icon-resize: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.5303 7.46967c.2929.29289.2929.76777 0 1.06066L8.53033 18.5304c-.29289.2929-.76777.2929-1.06066 0s-.29289-.7678 0-1.0607L17.4697 7.46967c.2929-.29289.7677-.29289 1.0606 0Zm0 4.50003c.2929.2929.2929.7678 0 1.0607l-5.5 5.5c-.2929.2928-.7677.2928-1.0606 0-.2929-.2929-.2929-.7678 0-1.0607l5.4999-5.5c.2929-.2929.7678-.2929 1.0607 0Zm0 4.5c.2929.2928.2929.7677 0 1.0606l-1 1.0001c-.2929.2928-.7677.2929-1.0606 0-.2929-.2929-.2929-.7678 0-1.0607l1-1c.2929-.2929.7677-.2929 1.0606 0Z" fill="currentColor"/></svg>');
+        --_vaadin-icon-slash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="13.7812" y="4.22583" width="1.5" height="16" rx="0.75" transform="rotate(20 13.7812 4.22583)" fill="currentColor"/></svg>');
+        --_vaadin-icon-sort: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"><path d="M7.49854 6.99951C7.92795 6.99951 8.15791 7.50528 7.87549 7.82861L4.37646 11.8296C4.17728 12.0571 3.82272 12.0571 3.62354 11.8296L0.125488 7.82861C-0.157248 7.50531 0.0719873 6.99956 0.501465 6.99951H7.49854ZM3.62354 0.17041C3.82275 -0.0573875 4.17725 -0.0573848 4.37646 0.17041L7.87549 4.17041C8.15825 4.49373 7.92806 5.00049 7.49854 5.00049L0.501465 4.99951C0.0719873 4.99946 -0.157248 4.49371 0.125488 4.17041L3.62354 0.17041Z" fill="black"/></svg>');
+        --_vaadin-icon-undo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg>');
+        --_vaadin-icon-upload: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m17 8-5-5-5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></svg>');
+        --_vaadin-icon-user: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>');
+        --_vaadin-icon-warn: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>');
+
+        /* Cursors for interactive elements */
+        --vaadin-clickable-cursor: pointer;
+        --vaadin-disabled-cursor: not-allowed;
+
+        /* Use units so that the values can be used in calc() */
+        --safe-area-inset-top: env(safe-area-inset-top, 0px);
+        --safe-area-inset-right: env(safe-area-inset-right, 0px);
+        --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+        --safe-area-inset-left: env(safe-area-inset-left, 0px);
+        --safe-area-inset-inline-start: var(--safe-area-inset-left);
+        --safe-area-inset-inline-end: var(--safe-area-inset-right);
+
+        &:dir(rtl) {
+          --safe-area-inset-inline-start: var(--safe-area-inset-right);
+          --safe-area-inset-inline-end: var(--safe-area-inset-left);
+        }
+      }
+
+      @supports not (color: hsl(0 0 0)) {
+        html {
+          --_vaadin-safari-17-deg: 1deg;
+        }
+      }
+
+      @media (forced-colors: active) {
+        html {
+          --vaadin-background-color: Canvas;
+          --vaadin-border-color: CanvasText;
+          --vaadin-border-color-secondary: CanvasText;
+          --vaadin-text-color-disabled: CanvasText;
+          --vaadin-text-color-secondary: CanvasText;
+          --vaadin-text-color: CanvasText;
+          --vaadin-icon-color: CanvasText;
+          --vaadin-focus-ring-color: Highlight;
+        }
+      }
+    }
+  `);let tf=u`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: baseline;
+    box-sizing: border-box;
+    gap: var(--vaadin-badge-gap, 0.25em);
+    padding: var(--vaadin-badge-padding, 0 calc(0.5lh - 0.25em));
+    font-size: var(--vaadin-badge-font-size, 0.875rem);
+    font-family: var(--vaadin-badge-font-family, inherit);
+    font-weight: var(--vaadin-badge-font-weight, 500);
+    line-height: var(--vaadin-badge-line-height, 1lh);
+    color: var(--vaadin-badge-text-color, var(--vaadin-text-color));
+    background: var(--vaadin-badge-background, transparent);
+    border: var(--vaadin-badge-border-width, 1px) solid var(--vaadin-badge-border-color, var(--vaadin-border-color));
+    border-radius: var(--vaadin-badge-border-radius, 100vh);
+    min-width: calc(1lh + var(--vaadin-badge-border-width, 1px) * 2);
+    white-space: nowrap;
+    --vaadin-icon-size: 1em;
+    /* prevent from stretching */
+    height: round(1lh + var(--vaadin-badge-border-width, 1px) * 2, 0.125rem);
+    flex: none;
+    /* Only reserve 1lh of space (treat border as an outline) */
+    margin: calc(var(--vaadin-badge-border-width, 1px) * -1);
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  [part='content'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  :host(:not([has-icon])) [part='icon'],
+  :host(:not([has-content])) [part='content'],
+  :host(:not([has-number])) [part='number'] {
+    display: none;
+  }
+
+  :host(:is([theme~='filled'], [theme~='dot'])) {
+    background: var(--vaadin-text-color);
+    color: var(--vaadin-background-color);
+  }
+
+  :host([theme~='icon-only']),
+  :host([has-icon]:not([has-content], [has-number])) {
+    padding: 0;
+  }
+
+  :host([theme~='icon-only']),
+  :host([theme~='number-only']) {
+    gap: 0;
+  }
+
+  :host([theme~='dot']) {
+    min-width: 0;
+    width: round(0.5em, 0.125rem);
+    height: round(0.5em, 0.125rem);
+    padding: 0;
+    margin: 0;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      border: 1px solid !important;
+    }
+  }
+`;class ty extends eY(tb(e4(td(ev)))){static get is(){return"vaadin-badge"}static get styles(){return[tf,ey]}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}static get properties(){return{number:{type:Number}}}render(){let e=(this._theme||"").split(" "),t=e.includes("icon-only"),i=e.includes("number-only"),s=e.includes("dot");return X`
+      <div part="icon" class="${ef({"sr-only":i||s})}">
+        <slot name="icon"></slot>
+      </div>
+      <div part="number" class="${ef({"sr-only":t||s})}">${this.number}</div>
+      <div part="content" class="${ef({"sr-only":i||t||s})}">
+        <slot></slot>
+      </div>
+    `}willUpdate(e){super.willUpdate(e),e.has("number")&&this.toggleAttribute("has-number",null!=this.number)}firstUpdated(){super.firstUpdated(),this.__contentSlot=this.shadowRoot.querySelector("slot:not([name])"),this.__slotObserver=new e8(this.__contentSlot,()=>{this.__updateHasContent()},{syncInitial:!0});let e=this.shadowRoot.querySelector('slot[name="icon"]');this.__iconSlotObserver=new e8(e,({currentNodes:e})=>{this.toggleAttribute("has-icon",e.length>0)},{syncInitial:!0}),this.__textObserver=new MutationObserver(()=>{this.__updateHasContent()}),this.__textObserver.observe(this,{characterData:!0,subtree:!0})}__updateHasContent(){let e=this.__contentSlot.assignedNodes({flatten:!0});this.toggleAttribute("has-content",e.some(e=>!eI(e)))}}eC(ty);let tw=class extends ty{};tw=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-badge")],tw);let tC=0;class tx extends EventTarget{static generateId(e,t="default"){return`${t}-${e.localName}-${tC++}`}constructor(e,t,i,s={}){super();const{initializer:r,multiple:n,observe:a,useUniqueId:o,uniqueIdPrefix:l}=s;this.host=e,this.slotName=t,this.tagName=i,this.observe="boolean"!=typeof a||a,this.multiple="boolean"==typeof n&&n,this.slotInitializer=r,n&&(this.nodes=[]),o&&(this.defaultId=this.constructor.generateId(e,l||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(0===e.length){let e=this.attachDefaultNode();e&&(this.nodes=[e],this.initNode(e))}else this.nodes=e,e.forEach(e=>{this.initAddedNode(e)})}attachDefaultNode(){let{host:e,slotName:t,tagName:i}=this,s=this.defaultNode;return!s&&i&&(s=document.createElement(i))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.hasAttribute("data-slot-ignore"))&&(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 e8(i,({addedNodes:e,removedNodes:t})=>{let i=this.multiple?this.nodes:[this.node],s=e.filter(e=>!eI(e)&&!i.includes(e)&&!(e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-slot-ignore")));t.length&&(this.nodes=i.filter(e=>!t.includes(e)),t.forEach(e=>{this.teardownNode(e)})),s?.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...i,...s].filter(e=>e!==this.defaultNode),s.forEach(e=>{this.initAddedNode(e)})):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))})}}class tE extends tx{constructor(e){super(e,"tooltip"),this.setTarget(e),this.__onContentChange=this.__onContentChange.bind(this)}initCustomNode(e){e.target=this.target,void 0!==this.ariaTarget&&(e.ariaTarget=this.ariaTarget),void 0!==this.context&&(e.context=this.context),void 0!==this.manual&&(e.manual=this.manual),void 0!==this.position&&(e._position=this.position),void 0!==this.shouldShow&&(e.shouldShow=this.shouldShow),this.manual||this.host.setAttribute("has-tooltip",""),this.__notifyChange(e),e.addEventListener("content-changed",this.__onContentChange)}teardownNode(e){this.manual||this.host.removeAttribute("has-tooltip"),e.removeEventListener("content-changed",this.__onContentChange),this.__notifyChange(null)}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)}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)}open(e){let t=this.node;t?.isConnected&&t._stateController.open(e)}close(e){let t=this.node;t&&t._stateController.close(e)}__onContentChange(e){this.__notifyChange(e.target)}__notifyChange(e){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:e}}))}}let tk=u`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    gap: var(--vaadin-button-gap, 0 var(--vaadin-gap-s));
+    white-space: var(--vaadin-button-label-wrap, normal);
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: var(--vaadin-clickable-cursor);
+    box-sizing: border-box;
+    flex-shrink: 0;
+    height: var(--vaadin-button-height, fit-content);
+    margin: var(--vaadin-button-margin, 0);
+    padding: var(--vaadin-button-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
+    font-family: var(--vaadin-button-font-family, inherit);
+    font-size: var(--vaadin-button-font-size, inherit);
+    line-height: var(--vaadin-button-line-height, inherit);
+    font-weight: var(--vaadin-button-font-weight, 500);
+    color: var(--vaadin-button-text-color, var(--vaadin-text-color));
+    background: var(--vaadin-button-background, var(--vaadin-background-container));
+    background-origin: border-box;
+    border: var(--vaadin-button-border-width, 1px) solid
+      var(--vaadin-button-border-color, var(--vaadin-border-color-secondary));
+    border-radius: var(--vaadin-button-border-radius, var(--vaadin-radius-m));
+    touch-action: manipulation;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  .vaadin-button-container,
+  [part='prefix'],
+  [part='suffix'] {
+    display: contents;
+  }
+
+  [part='label'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  :host(:is([focus-ring], :focus-visible)) {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: 1px;
+  }
+
+  :host([theme~='primary']) {
+    --vaadin-button-background: var(--vaadin-text-color);
+    --vaadin-button-text-color: var(--vaadin-background-color);
+    --vaadin-button-border-color: transparent;
+  }
+
+  :host([theme~='tertiary']) {
+    background: transparent;
+    border-color: transparent;
+  }
+
+  :host([disabled]) {
+    pointer-events: var(--_vaadin-button-disabled-pointer-events, none);
+    cursor: var(--vaadin-disabled-cursor);
+    opacity: 0.5;
+  }
+
+  :host([disabled][theme~='primary']) {
+    --vaadin-button-text-color: var(--vaadin-background-container-strong);
+    --vaadin-button-background: var(--vaadin-text-color-disabled);
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --vaadin-button-border-width: 1px;
+      --vaadin-button-background: ButtonFace;
+      --vaadin-button-text-color: ButtonText;
+    }
+
+    :host([theme~='primary']) {
+      forced-color-adjust: none;
+      --vaadin-button-background: CanvasText;
+      --vaadin-button-text-color: Canvas;
+      --vaadin-icon-color: Canvas;
+    }
+
+    ::slotted(*) {
+      forced-color-adjust: auto;
+    }
+
+    :host([disabled]) {
+      --vaadin-button-background: transparent !important;
+      --vaadin-button-border-color: GrayText !important;
+      --vaadin-button-text-color: GrayText !important;
+      opacity: 1;
+    }
+  }
+`,tI="string"==typeof document.head.style.touchAction,tA="__polymerGestures",tT="__polymerGesturesHandled",tS="__polymerGesturesTouchAction",tD=["mousedown","mousemove","mouseup","click"],tO=[0,1,4,2],tP=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(e){return!1}}();function t$(e){return tD.indexOf(e)>-1}try{let e=Object.defineProperty({},"passive",{get(){}});window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(e){}let tV=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u),tM={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function tB(e){let t=e.type;if(!t$(t))return!1;if("mousemove"===t){let t=e.buttons??1;return e instanceof window.MouseEvent&&!tP&&(t=tO[e.which]||0),!!(1&t)}return 0===(e.button??0)}let tL={x:0,y:0,id:-1,scrollDecided:!1};function tR(e,t,i){e.movefn=t,e.upfn=i,document.addEventListener("mousemove",t),document.addEventListener("mouseup",i)}function tN(e){document.removeEventListener("mousemove",e.movefn),document.removeEventListener("mouseup",e.upfn),e.movefn=null,e.upfn=null}let tz=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:e=>e.composedPath&&e.composedPath()||[],tF={},tj=[];function tH(e,t){let i=document.elementFromPoint(e,t),s=i;for(;s?.shadowRoot&&!window.ShadyDOM&&s!==(s=s.shadowRoot.elementFromPoint(e,t));)s&&(i=s);return i}function tU(e){let t=tz(e);return t.length>0?t[0]:e.target}function tq(e){let t=e.type,i=e.currentTarget[tA];if(!i)return;let s=i[t];if(!s)return;if(!e[tT]&&(e[tT]={},t.startsWith("touch"))){let i=e.changedTouches[0];if("touchstart"===t&&1===e.touches.length&&(tL.id=i.identifier),tL.id!==i.identifier)return;tI||"touchstart"!==t&&"touchmove"!==t||function(e){let t=e.changedTouches[0],i=e.type;if("touchstart"===i)tL.x=t.clientX,tL.y=t.clientY,tL.scrollDecided=!1;else if("touchmove"===i){if(tL.scrollDecided)return;tL.scrollDecided=!0;let i=function(e){let t="auto",i=tz(e);for(let e=0,s;e<i.length;e++)if((s=i[e])[tS]){t=s[tS];break}return t}(e),s=!1,r=Math.abs(tL.x-t.clientX),n=Math.abs(tL.y-t.clientY);e.cancelable&&("none"===i?s=!0:"pan-x"===i?s=n>r:"pan-y"===i&&(s=r>n)),s?e.preventDefault():tY("track")}}(e)}let r=e[tT];if(!r.skip){for(let t=0,i;t<tj.length;t++)s[(i=tj[t]).name]&&!r[i.name]&&i.flow&&i.flow.start.indexOf(e.type)>-1&&i.reset&&i.reset();for(let i=0,n;i<tj.length;i++)s[(n=tj[i]).name]&&!r[n.name]&&(r[n.name]=!0,n[t](e))}}function tW(e,t,i){return!!tF[t]&&(function(e,t,i){var s,r;let n=tF[t],a=n.deps,o=n.name,l=e[tA];l||(e[tA]=l={});for(let t=0,i,s;t<a.length;t++)i=a[t],tV&&t$(i)&&"click"!==i||((s=l[i])||(l[i]=s={_count:0}),0===s._count&&e.addEventListener(i,tq,void t$(i)),s[o]=(s[o]||0)+1,s._count=(s._count||0)+1);e.addEventListener(t,i),n.touchAction&&(s=e,r=n.touchAction,tI&&s instanceof HTMLElement&&ez.run(()=>{s.style.touchAction=r}),s[tS]=r)}(e,t,i),!0)}function tK(e){tj.push(e),e.emits.forEach(t=>{tF[t]=e})}function tG(e,t,i){let s=new Event(t,{bubbles:!0,cancelable:!0,composed:!0});if(s.detail=i,e.dispatchEvent(s),s.defaultPrevented){let e=i.preventer||i.sourceEvent;e?.preventDefault&&e.preventDefault()}}function tY(e){let t=function(e){for(let t=0,i;t<tj.length;t++){i=tj[t];for(let t=0;t<i.emits.length;t++)if(i.emits[t]===e)return i}return null}(e);t.info&&(t.info.prevent=!0)}function tX(e,t,i,s){t&&tG(t,e,{x:i.clientX,y:i.clientY,sourceEvent:i,preventer:s,prevent:e=>tY(e)})}function tZ(e,t,i){if(e.prevent)return!1;if(e.started)return!0;let s=Math.abs(e.x-t),r=Math.abs(e.y-i);return s>=5||r>=5}function tQ(e,t,i){if(!t)return;let s=e.moves[e.moves.length-2],r=e.moves[e.moves.length-1],n=r.x-e.x,a=r.y-e.y,o,l=0;s&&(o=r.x-s.x,l=r.y-s.y),tG(t,"track",{state:e.state,x:i.clientX,y:i.clientY,dx:n,dy:a,ddx:o,ddy:l,sourceEvent:i,hover:()=>tH(i.clientX,i.clientY)})}function tJ(e,t,i){let s=Math.abs(t.clientX-e.x),r=Math.abs(t.clientY-e.y),n=tU(i||t);!(!n||tM[n.localName]&&n.hasAttribute("disabled"))&&(isNaN(s)||isNaN(r)||s<=25&&r<=25||function(e){if("click"===e.type){if(0===e.detail)return!0;let t=tU(e);if(!t.nodeType||t.nodeType!==Node.ELEMENT_NODE)return!0;let i=t.getBoundingClientRect(),s=e.pageX,r=e.pageY;return!(s>=i.left&&s<=i.right&&r>=i.top&&r<=i.bottom)}return!1}(t))&&!e.prevent&&tG(n,"tap",{x:t.clientX,y:t.clientY,sourceEvent:t,preventer:i})}tK({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){tN(this.info)},mousedown(e){if(!tB(e))return;let t=tU(e),i=this;tR(this.info,e=>{tB(e)||(tX("up",t,e),tN(i.info))},e=>{tB(e)&&tX("up",t,e),tN(i.info)}),tX("down",t,e)},touchstart(e){tX("down",tU(e),e.changedTouches[0],e)},touchend(e){tX("up",tU(e),e.changedTouches[0],e)}}),tK({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(e){this.moves.length>2&&this.moves.shift(),this.moves.push(e)},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,tN(this.info)},mousedown(e){if(!tB(e))return;let t=tU(e),i=this,s=e=>{let s=e.clientX,r=e.clientY;tZ(i.info,s,r)&&(i.info.state=i.info.started?"mouseup"===e.type?"end":"track":"start","start"===i.info.state&&tY("tap"),i.info.addMove({x:s,y:r}),tB(e)||(i.info.state="end",tN(i.info)),t&&tQ(i.info,t,e),i.info.started=!0)};tR(this.info,s,e=>{i.info.started&&s(e),tN(i.info)}),this.info.x=e.clientX,this.info.y=e.clientY},touchstart(e){let t=e.changedTouches[0];this.info.x=t.clientX,this.info.y=t.clientY},touchmove(e){let t=tU(e),i=e.changedTouches[0],s=i.clientX,r=i.clientY;tZ(this.info,s,r)&&("start"===this.info.state&&tY("tap"),this.info.addMove({x:s,y:r}),tQ(this.info,t,i),this.info.state="track",this.info.started=!0)},touchend(e){let t=tU(e),i=e.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:i.clientX,y:i.clientY}),tQ(this.info,t,i))}}),tK({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:0/0,y:0/0,prevent:!1},reset(){this.info.x=0/0,this.info.y=0/0,this.info.prevent=!1},mousedown(e){tB(e)&&(this.info.x=e.clientX,this.info.y=e.clientY)},click(e){tB(e)&&tJ(this.info,e)},touchstart(e){let t=e.changedTouches[0];this.info.x=t.clientX,this.info.y=t.clientY},touchend(e){tJ(this.info,e.changedTouches[0],e)}});let t0=eZ(e=>class extends e{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0,sync:!0}}}_disabledChanged(e){this._setAriaDisabled(e)}_setAriaDisabled(e){e?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}),t1=eZ(e=>class extends e{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)}}_onKeyUp(e){}_onEnter(e){}_onEscape(e){}}),t2=e=>class extends t0(t1(e)){get _activeKeys(){return[" "]}ready(){super.ready(),tW(this,"down",e=>{this._shouldSetActive(e)&&this._setActive(!0)}),tW(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",e=>{this._activeKeys.includes(e.key)&&this._setActive(!1)},{once:!0}))}_setActive(e){this.toggleAttribute("active",e)}},t5=!1;function t3(){let e=document.activeElement||document.body;for(;e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}function t4(e){let t=e.style;if("hidden"===t.visibility||"none"===t.display)return!0;let i=window.getComputedStyle(e);return"hidden"===i.visibility||"none"===i.display}function t8(e){return e.checkVisibility?!e.checkVisibility({visibilityProperty:!0}):null===e.offsetParent&&0===e.clientWidth&&0===e.clientHeight||t4(e)}function t7(e){return!e.matches('[tabindex="-1"]')&&(e.matches("input, select, textarea, button, object")?e.matches(":not([disabled])"):e.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}function t6(e){return e.getRootNode().activeElement===e}window.addEventListener("keydown",()=>{t5=!0},{capture:!0}),window.addEventListener("mousedown",()=>{t5=!1},{capture:!0});let t9=eZ(e=>class extends e{get _keyboardActive(){return t5}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)}focus(e){super.focus(e),e?.focusVisible!==!1&&this.setAttribute("focus-ring","")}_setFocused(e){this.toggleAttribute("focused",e),this.toggleAttribute("focus-ring",e&&this._keyboardActive)}_shouldSetFocus(e){return!0}_shouldRemoveFocus(e){return!0}}),ie=e=>class extends t0(e){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged",sync:!0},_lastTabIndex:{type:Number}}}_disabledChanged(e,t){super._disabledChanged(e,t),!this.__shouldAllowFocusWhenDisabled()&&(e?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.setAttribute("tabindex","-1")):t&&(void 0!==this._lastTabIndex?this.setAttribute("tabindex",this._lastTabIndex):this.tabindex=void 0))}_tabindexChanged(e){!this.__shouldAllowFocusWhenDisabled()&&this.disabled&&-1!==e&&(this._lastTabIndex=e,this.setAttribute("tabindex","-1"))}focus(e){(!this.disabled||this.__shouldAllowFocusWhenDisabled())&&super.focus(e)}__shouldAllowFocusWhenDisabled(){return!1}},it=["mousedown","mouseup","click","dblclick","keypress","keydown","keyup"],ii=e=>class extends t2(ie(t9(e))){constructor(){super(),this.__onInteractionEvent=this.__onInteractionEvent.bind(this),it.forEach(e=>{this.addEventListener(e,this.__onInteractionEvent,!0)}),this.tabindex=0}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button"),this.__shouldAllowFocusWhenDisabled()&&this.style.setProperty("--_vaadin-button-disabled-pointer-events","auto")}_onKeyDown(e){super._onKeyDown(e),e.altKey||e.shiftKey||e.ctrlKey||e.metaKey||this._activeKeys.includes(e.key)&&(e.preventDefault(),this.click())}__onInteractionEvent(e){this.__shouldSuppressInteractionEvent(e)&&e.stopImmediatePropagation()}__shouldSuppressInteractionEvent(e){return this.disabled}};class is extends ii(eY(tb(e4(td(ev))))){static get is(){return"vaadin-button"}static get styles(){return tk}static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0,sync:!0}}}render(){return X`
+      <div class="vaadin-button-container" role="presentation">
+        <span part="prefix" aria-hidden="true">
+          <slot name="prefix"></slot>
+        </span>
+        <span part="label">
+          <slot></slot>
+        </span>
+        <span part="suffix" aria-hidden="true">
+          <slot name="suffix"></slot>
+        </span>
+
+        <slot name="tooltip"></slot>
+      </div>
+    `}ready(){super.ready(),this._tooltipController=new tE(this),this.addController(this._tooltipController)}__shouldAllowFocusWhenDisabled(){return window.Vaadin.featureFlags.accessibleDisabledButtons}}eC(is);let ir=class extends is{};ir=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-button")],ir);let ia=(e,t=e)=>u`
+  :host {
+    align-items: baseline;
+    column-gap: var(--vaadin-${h(t)}-gap, var(--vaadin-gap-s));
+    grid-template: none;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: repeat(auto-fill, minmax(0, max-content));
+    -webkit-tap-highlight-color: transparent;
+    --_cursor: var(--vaadin-clickable-cursor);
+  }
+
+  :host([disabled]) {
+    --_cursor: var(--vaadin-disabled-cursor);
+  }
+
+  :host(:not([has-label])) {
+    column-gap: 0;
+  }
+
+  [part='${h(e)}'],
+  ::slotted(input),
+  [part='label'],
+  ::slotted(label) {
+    grid-row: 1;
+  }
+
+  [part='label'],
+  ::slotted(label) {
+    font-size: var(--vaadin-${h(t)}-label-font-size, var(--vaadin-input-field-label-font-size, inherit));
+    line-height: var(--vaadin-${h(t)}-label-line-height, var(--vaadin-input-field-label-line-height, inherit));
+    font-weight: var(--vaadin-${h(t)}-label-font-weight, var(--vaadin-input-field-label-font-weight, 500));
+    color: var(--vaadin-${h(t)}-label-color, var(--vaadin-input-field-label-color, var(--vaadin-text-color)));
+    word-break: break-word;
+    cursor: var(--_cursor);
+  }
+
+  [part='${h(e)}'],
+  ::slotted(input) {
+    grid-column: 1;
+  }
+
+  [part='label'],
+  [part='helper-text'],
+  [part='error-message'] {
+    margin-bottom: 0;
+    grid-column: 2;
+    width: auto;
+    min-width: auto;
+  }
+
+  [part='helper-text'],
+  [part='error-message'] {
+    margin-top: var(--_gap-s);
+    grid-row: auto;
+  }
+
+  /* Baseline vertical alignment */
+  :host::before {
+    grid-row: 1;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+
+  /* visually hidden */
+  ::slotted(input) {
+    cursor: inherit;
+    align-self: stretch;
+    appearance: none;
+    cursor: var(--_cursor);
+    /* Ensure minimum click target (WCAG) */
+    margin: min(0px, (24px - 100%) / -2) !important;
+    /* Extend the input to cover the gap between the checkbox/radio and label */
+    margin-inline-end: calc(min(0px, (24px - 100%) / -2) - var(--vaadin-${h(t)}-gap, var(--vaadin-gap-s))) !important;
+  }
+
+  /* Control container (checkbox, radio button) */
+  [part='${h(e)}'] {
+    background: var(--vaadin-${h(t)}-background, var(--vaadin-background-color));
+    border-color: var(--vaadin-${h(t)}-border-color, var(--vaadin-input-field-border-color, var(--vaadin-border-color)));
+    border-radius: var(--vaadin-${h(t)}-border-radius, var(--vaadin-radius-s));
+    border-style: var(--_border-style, solid);
+    --_border-width: var(--vaadin-${h(t)}-border-width, var(--vaadin-input-field-border-width, 1px));
+    border-width: var(--_border-width);
+    box-sizing: border-box;
+    --_color: var(--vaadin-${h(t)}-marker-color, var(--vaadin-${h(t)}-background, var(--vaadin-background-color)));
+    color: var(--_color);
+    height: var(--vaadin-${h(t)}-size, 1lh);
+    width: var(--vaadin-${h(t)}-size, 1lh);
+    position: relative;
+    cursor: var(--_cursor);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  :host(:is([checked], [indeterminate])) {
+    --vaadin-${h(t)}-background: var(--vaadin-text-color);
+    --vaadin-${h(t)}-border-color: transparent;
+  }
+
+  :host([disabled]) {
+    --vaadin-${h(t)}-background: var(--vaadin-input-field-disabled-background, var(--vaadin-background-container-strong));
+    --vaadin-${h(t)}-border-color: transparent;
+    --vaadin-${h(t)}-marker-color: var(--vaadin-text-color-disabled);
+  }
+
+  /* Focus ring */
+  :host([focus-ring]) [part='${h(e)}'] {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--_border-width) * -1);
+  }
+
+  :host([focus-ring]:is([checked], [indeterminate])) [part='${h(e)}'] {
+    outline-offset: 1px;
+  }
+
+  :host([readonly][focus-ring]) [part='${h(e)}'] {
+    --vaadin-${h(t)}-border-color: transparent;
+    outline-offset: calc(var(--_border-width) * -1);
+    outline-style: dashed;
+  }
+
+  /* Checked indicator (checkmark, dot) */
+  [part='${h(e)}']::after {
+    content: '\\2003' / '';
+    background: currentColor;
+    border-radius: inherit;
+    display: flex;
+    align-items: center;
+    --_filter: var(--vaadin-${h(t)}-marker-color, saturate(0) invert(1) hue-rotate(180deg) contrast(100) brightness(100));
+    filter: var(--_filter);
+  }
+
+  :host(:not([checked], [indeterminate])) [part='${h(e)}']::after {
+    opacity: 0;
+  }
+
+  @media (forced-colors: active) {
+    :host(:is([checked], [indeterminate])) {
+      --vaadin-${h(t)}-border-color: CanvasText !important;
+    }
+
+    :host(:is([checked], [indeterminate])) [part='${h(e)}'] {
+      background: SelectedItem !important;
+    }
+
+    :host(:is([checked], [indeterminate])) [part='${h(e)}']::after {
+      background: SelectedItemText !important;
+    }
+
+    :host([readonly]) [part='${h(e)}']::after {
+      background: CanvasText !important;
+    }
+
+    :host([disabled]) {
+      --vaadin-${h(t)}-border-color: GrayText !important;
+    }
+
+    :host([disabled]) [part='${h(e)}']::after {
+      background: GrayText !important;
+    }
+  }
+`,io=u`
+  :host {
+    --_helper-below-field: initial;
+    --_helper-above-field: ;
+    --_no-label: initial;
+    --_has-label: ;
+    --_no-helper: initial;
+    --_has-helper: ;
+    --_no-error: initial;
+    --_has-error: ;
+    --_gap: var(--vaadin-input-field-container-gap, var(--vaadin-gap-xs));
+    --_gap-s: round(var(--_gap) / 3, 2px);
+    display: inline-grid;
+    grid-template:
+      'label' auto var(--_helper-above-field, 'helper' auto) 'baseline' 0 'input' 1fr var(
+        --_helper-below-field,
+        'helper' auto
+      )
+      'error' auto / 100%;
+    height: fit-content;
+    outline: none;
+    cursor: default;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([has-label]) {
+    --_has-label: initial;
+    --_no-label: ;
+  }
+
+  :host([has-helper]) {
+    --_has-helper: initial;
+    --_no-helper: ;
+  }
+
+  :host([has-error-message]) {
+    --_has-error: initial;
+    --_no-error: ;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  :host(:not([has-label])) [part='label'],
+  :host(:not([has-helper])) [part='helper-text'],
+  :host(:not([has-error-message])) [part='error-message'] {
+    display: none;
+  }
+
+  /* Baseline alignment guide */
+  :host::before {
+    content: '\\2003' / '';
+    grid-column: 1;
+    grid-row: var(--_has-label, label / baseline) var(--_no-label, label / input);
+    align-self: var(--_has-label, end) var(--_no-label, start);
+    font-size: var(--vaadin-input-field-value-font-size, inherit);
+    line-height: var(--vaadin-input-field-value-line-height, inherit);
+    padding: var(
+      --vaadin-input-field-padding,
+      var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)
+    );
+    border: var(--vaadin-input-field-border-width, 1px) solid transparent;
+    pointer-events: none;
+    margin-bottom: var(--_no-label, 0)
+      var(
+        --_has-label,
+        calc(
+          var(
+              --vaadin-field-baseline-input-height,
+              (1lh + var(--vaadin-padding-block-container) * 2 + var(--vaadin-input-field-border-width, 1px) * 2)
+            ) *
+            -1
+        )
+      );
+  }
+
+  [class$='container'] {
+    display: contents;
+  }
+
+  [part] {
+    grid-column: 1;
+  }
+
+  [part='label'] {
+    font-size: var(--vaadin-input-field-label-font-size, inherit);
+    line-height: var(--vaadin-input-field-label-line-height, inherit);
+    font-weight: var(--vaadin-input-field-label-font-weight, 500);
+    color: var(--vaadin-input-field-label-color, var(--vaadin-text-color));
+    word-break: break-word;
+    position: relative;
+    grid-area: label;
+    margin-bottom: var(--_helper-below-field, var(--_gap)) var(--_helper-above-field, var(--_no-helper, var(--_gap)));
+  }
+
+  ::slotted(label) {
+    cursor: inherit;
+  }
+
+  :host([disabled]) [part='label'],
+  :host([disabled]) ::slotted(label) {
+    opacity: 0.5;
+  }
+
+  :host([disabled]) [part='label'] ::slotted(label) {
+    opacity: 1;
+  }
+
+  :host([required]) [part='label'] {
+    padding-inline-end: 1em;
+  }
+
+  [part='required-indicator'] {
+    display: inline-block;
+    position: absolute;
+    width: 1em;
+    text-align: center;
+    color: var(--vaadin-input-field-required-indicator-color, var(--vaadin-text-color-secondary));
+  }
+
+  [part='required-indicator']::after {
+    content: var(--vaadin-input-field-required-indicator, '*');
+  }
+
+  :host(:not([required])) [part='required-indicator'] {
+    display: none;
+  }
+
+  [part='label'],
+  [part='helper-text'],
+  [part='error-message'] {
+    width: min-content;
+    min-width: 100%;
+    box-sizing: border-box;
+  }
+
+  [part='input-field'],
+  [part='group-field'],
+  [part='input-fields'] {
+    grid-area: input;
+  }
+
+  [part='input-field'] {
+    width: var(--vaadin-field-default-width, 12em);
+    max-width: 100%;
+    min-width: 100%;
+  }
+
+  :host([readonly]) [part='input-field'] {
+    cursor: default;
+  }
+
+  :host([disabled]) [part='input-field'] {
+    cursor: var(--vaadin-disabled-cursor);
+  }
+
+  [part='helper-text'] {
+    font-size: var(--vaadin-input-field-helper-font-size, inherit);
+    line-height: var(--vaadin-input-field-helper-line-height, inherit);
+    font-weight: var(--vaadin-input-field-helper-font-weight, 400);
+    color: var(--vaadin-input-field-helper-color, var(--vaadin-text-color-secondary));
+    grid-area: helper;
+    margin-top: var(--_helper-above-field, var(--_gap-s)) var(--_helper-below-field, var(--_gap));
+    margin-bottom: var(--_helper-above-field, var(--_gap));
+  }
+
+  [part='error-message'] {
+    font-size: var(--vaadin-input-field-error-font-size, inherit);
+    line-height: var(--vaadin-input-field-error-line-height, inherit);
+    font-weight: var(--vaadin-input-field-error-font-weight, 400);
+    color: var(--vaadin-input-field-error-color, var(--vaadin-text-color));
+    display: flex;
+    gap: var(--vaadin-gap-xs);
+    grid-area: error;
+    margin-top: var(--_has-helper, var(--_helper-below-field, var(--_gap-s)) var(--_helper-above-field, var(--_gap)))
+      var(--_no-helper, var(--_gap));
+  }
+
+  [part='error-message']::before {
+    content: '';
+    display: inline-block;
+    flex: none;
+    width: var(--vaadin-icon-size, 1lh);
+    height: var(--vaadin-icon-size, 1lh);
+    mask: var(--_vaadin-icon-warn) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
+    background: currentColor;
+  }
+
+  :host([theme~='helper-above-field']) {
+    --_helper-above-field: initial;
+    --_helper-below-field: ;
+  }
+
+  @media (forced-colors: active) {
+    [part='error-message']::before {
+      background: CanvasText;
+    }
+  }
+`,il=u`
+  [part='checkbox'] {
+    color: var(--vaadin-checkbox-checkmark-color, var(--_color));
+  }
+
+  [part='checkbox']::after {
+    inset: 0;
+    mask: var(--_vaadin-icon-checkmark) 50% /
+      var(--vaadin-checkbox-checkmark-size, var(--vaadin-checkbox-marker-size, 100%)) no-repeat;
+    filter: var(--vaadin-checkbox-checkmark-color, var(--_filter));
+  }
+
+  :host([readonly]) {
+    --vaadin-checkbox-background: transparent;
+    --vaadin-checkbox-border-color: var(--vaadin-border-color);
+    --vaadin-checkbox-marker-color: var(--vaadin-text-color);
+    --_border-style: dashed;
+  }
+
+  :host([indeterminate]) [part='checkbox']::after {
+    mask-image: var(--_vaadin-icon-minus);
+  }
+`,id=[io,ia("checkbox"),il],ih=eZ(e=>class extends t9(ie(e)){static get properties(){return{autofocus:{type:Boolean},focusElement:{type:Object,readOnly:!0,observer:"_focusElementChanged",sync:!0},_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()})}focus(e){this.focusElement&&!this.disabled&&(this.focusElement.focus(),e?.focusVisible!==!1&&this.setAttribute("focus-ring",""))}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){void 0!==e&&this.focusElement&&(this.focusElement.tabIndex=e,-1!==e&&(this.tabindex=void 0)),this.disabled&&e&&(-1!==e&&(this._lastTabIndex=e),this.tabindex=void 0),void 0===e&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}}),iu=new WeakMap,ic=eZ(e=>class extends e{get slotStyles(){return[]}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){let e=this.getRootNode(),t=(iu.has(e)||iu.set(e,new Set),iu.get(e));this.slotStyles.forEach(i=>{if(!t.has(i)){let s;(s=document.createElement("style")).textContent=i,e===document?document.head.appendChild(s):e.insertBefore(s,e.firstChild),t.add(i)}})}}),ip=eZ(e=>class extends e{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(", ")})`)}_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&&("invalid"===e&&this._delegateAttribute("aria-invalid",!!t&&"true"),"boolean"==typeof t?this.stateTarget.toggleAttribute(e,t):t?this.stateTarget.setAttribute(e,t):this.stateTarget.removeAttribute(e))}_delegateProperty(e,t){this.stateTarget&&(this.stateTarget[e]=t)}}),i_=eZ(e=>class extends e{static get properties(){return{inputElement:{type:Object,readOnly:!0,observer:"_inputElementChanged",sync:!0},type:{type:String,readOnly:!0},value:{type:String,value:"",observer:"_valueChanged",notify:!0,sync:!0}}}constructor(){super(),this._boundOnInput=this._onInput.bind(this),this._boundOnChange=this._onChange.bind(this)}get _hasValue(){return null!=this.value&&""!==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.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=null!=e?e:"")}_inputElementChanged(e,t){e?this._addInputListeners(e):t&&this._removeInputListeners(t)}_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&&void 0===t||this.__userInput||this._forwardInputValue(e)}}),iv=e=>class extends ip(t0(i_(e))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0,sync:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){let t=e.target;this._toggleChecked(t.checked)}_toggleChecked(e){this.checked=e}},im=new Map;function ig(e){return im.has(e)||im.set(e,new WeakMap),im.get(e)}function ib(e,t){e&&e.removeAttribute(t)}function iy(e,t){if(!e||!t)return;let i=ig(t);if(i.has(e))return;let s=ex(e.getAttribute(t));i.set(e,new Set(s))}function iw(e,t,i={newId:null,oldId:null,fromUser:!1}){let s;if(!e||!t)return;let{newId:r,oldId:n,fromUser:a}=i,o=ig(t),l=o.get(e);if(!a&&l){n&&l.delete(n),r&&l.add(r);return}a&&(l?r||o.delete(e):iy(e,t),ib(e,t)),((s=ex(e.getAttribute(t))).delete(n),0===s.size)?e.removeAttribute(t):e.setAttribute(t,eE(s));let d=r||eE(l);d&&ek(e,t,d)}class iC{constructor(e){this.host=e,this.__required=!1}setTarget(e){this.__target=e,this.__setAriaRequiredAttribute(this.__required),this.__setLabelIdToAriaAttribute(this.__labelId,this.__labelId),null!=this.__labelIdFromUser&&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){if(this.__target)if(e){var t;iy(t=this.__target,"aria-labelledby"),ib(t,"aria-labelledby"),this.__target.setAttribute("aria-label",e)}else this.__label&&(!function(e,t){if(!e||!t)return;let i=ig(t),s=i.get(e);s&&0!==s.size?ek(e,t,eE(s)):e.removeAttribute(t),i.delete(e)}(this.__target,"aria-labelledby"),this.__target.removeAttribute("aria-label"))}__setLabelIdToAriaAttribute(e,t,i){iw(this.__target,"aria-labelledby",{newId:e,oldId:t,fromUser:i})}__setErrorIdToAriaAttribute(e,t){iw(this.__target,"aria-describedby",{newId:e,oldId:t,fromUser:!1})}__setHelperIdToAriaAttribute(e,t){iw(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"))}}let ix=document.createElement("div");function iE(e,i={}){let s=i.mode||"polite",r=i.timeout??150;"alert"===s?(ix.removeAttribute("aria-live"),ix.removeAttribute("role"),t=ej.debounce(t,eR,()=>{ix.setAttribute("role","alert")})):(t&&t.cancel(),ix.removeAttribute("role"),ix.setAttribute("aria-live",s)),ix.textContent="",setTimeout(()=>{ix.textContent=e},r)}ix.style.position="fixed",ix.style.clip="rect(0px, 0px, 0px, 0px)",ix.setAttribute("aria-live","polite"),document.body.appendChild(ix);class ik extends tx{constructor(e,t,i,s={}){super(e,t,i,{...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(e=>{e.forEach(e=>{let t=e.target,i=t===this.node;"attributes"===e.type?i&&this.__updateNodeId(t):(i||t.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())}__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)}}class iI extends ik{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&&iE(t,{mode:"assertive"})),super.updateDefaultNode(e)}}class iA extends ik{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 e=this.attachDefaultNode();this.observeNode(e)}}updateDefaultNode(e){e&&(e.textContent=this.helperText),super.updateDefaultNode(e)}initCustomNode(e){super.initCustomNode(e),this.observeNode(e)}}class iT extends ik{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 e=this.attachDefaultNode();this.observeNode(e)}}updateDefaultNode(e){e&&(e.textContent=this.label),super.updateDefaultNode(e)}initCustomNode(e){super.initCustomNode(e),this.observeNode(e)}}let iS=e=>class extends e{static get properties(){return{label:{type:String,observer:"_labelChanged"}}}constructor(){super(),this._labelController=new iT(this),this._labelController.addEventListener("slot-content-changed",e=>{this.toggleAttribute("has-label",e.detail.hasContent)})}get _labelId(){let e=this._labelNode;return e?.id}get _labelNode(){return this._labelController.node}ready(){super.ready(),this.addController(this._labelController)}_labelChanged(e){this._labelController.setLabel(e)}},iD=eZ(e=>class extends e{static get properties(){return{invalid:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1,sync:!0},manualValidation:{type:Boolean,value:!1},required:{type:Boolean,reflectToAttribute:!0,sync:!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}_requestValidation(){this.manualValidation||this.validate()}}),iO=e=>class extends iD(iS(e)){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 iC(this),this._helperController=new iA(this),this._errorController=new iI(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 e=this._errorNode;this._fieldAriaController.setErrorId(e?.id)}else this._fieldAriaController.setErrorId(null)})}};class iP extends tx{constructor(e,t,i={}){const{uniqueIdPrefix:s}=i;super(e,"input","input",{initializer:(e,i)=>{i.value&&(e.value=i.value),i.type&&e.setAttribute("type",i.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0,uniqueIdPrefix:s})}}class i${constructor(e,t){this.input=e,this.__preventDuplicateLabelClick=this.__preventDuplicateLabelClick.bind(this),t.addEventListener("slot-content-changed",e=>{this.__initLabel(e.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)}}let iV=e=>class extends ic(iO(iv(ih(t2(e))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""},readonly:{type:Boolean,value:!1,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",this.tabindex=0}get slotStyles(){let e=this.localName;return[`
+          ${e} > input[slot='input'] {
+            opacity: 0;
+          }
+        `]}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController)),this._createPropertyObserver("checked","_checkedChanged")}_shouldSetActive(e){let[t]=e.composedPath(),i=t===this.inputElement||t.part.contains("required-indicator")||this._labelNode.contains(t)&&!t.closest("a");return!this.readonly&&!!i&&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._requestValidation()}_checkedChanged(e,t){(e||t)&&this._requestValidation()}_requiredChanged(e){super._requiredChanged(e),!1===e&&this._requestValidation()}_onRequiredIndicatorClick(){this._labelNode.click()}};class iM extends iV(eY(tb(e4(td(ev))))){static get is(){return"vaadin-checkbox"}static get styles(){return id}render(){return X`
+      <div class="vaadin-checkbox-container">
+        <div part="checkbox" aria-hidden="true"></div>
+        <slot name="input"></slot>
+        <div part="label">
+          <slot name="label"></slot>
+          <div part="required-indicator" @click="${this._onRequiredIndicatorClick}"></div>
+        </div>
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+      <slot name="tooltip"></slot>
+    `}ready(){super.ready(),this._tooltipController=new tE(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}eC(iM);let iB=class extends iM{};iB=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-checkbox")],iB);let iL=u`
+  [part='label'],
+  [part='helper-text'],
+  [part='error-message'] {
+    width: auto;
+    min-width: auto;
+  }
+
+  [part='group-field'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--vaadin-gap-xs) var(--vaadin-gap-xl);
+  }
+
+  :host([theme~='horizontal']) [part='group-field'] {
+    flex-flow: row wrap;
+    align-items: center;
+  }
+
+  :host([has-label][theme~='horizontal']) [part='group-field'] {
+    padding: var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container);
+    padding-inline: 0;
+    border-block: var(--vaadin-input-field-border-width, 1px) solid transparent;
+  }
+`,iR=[io,iL],iN=e=>class extends iO(t9(t0(e))){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 tE(this),this._tooltipController.addEventListener("tooltip-changed",e=>{let t=e.detail.node;if(t?.isConnected){let e=this.__checkboxes.map(e=>e.inputElement);this._tooltipController.setAriaTarget(e)}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 e8(e,({addedNodes:e,removedNodes:t})=>{let i=this.__filterCheckboxes(e),s=this.__filterCheckboxes(t);i.forEach(this.__registerCheckbox),s.forEach(this.__unregisterCheckbox);let r=this.__checkboxes.map(e=>e.inputElement);this._tooltipController.setAriaTarget(r),this.__warnOfCheckboxesWithoutValue(i)}),this.addController(this._tooltipController)}checkValidity(){return!this.required||!!(this.value&&this.value.length>0)}__filterCheckboxes(e){return e.filter(e=>e instanceof iM)}__warnOfCheckboxesWithoutValue(e){e.some(e=>{let{value:t}=e;return!e.hasAttribute("value")&&(!t||"on"===t)})&&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||void 0!==t)&&t!==e&&this.__checkboxes.forEach(t=>{t.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?.length!==0||void 0!==t)&&(this.toggleAttribute("has-value",e?.length>0),this.__checkboxes.forEach(t=>{t.checked=e?.includes(t.value)}),void 0!==t&&this._requestValidation())}__readonlyChanged(e,t){(e||t)&&this.__checkboxes.forEach(t=>{t.readonly=e})}_shouldRemoveFocus(e){return!this.contains(e.relatedTarget)}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this._requestValidation()}};class iz extends iN(eY(tb(e4(td(ev))))){static get is(){return"vaadin-checkbox-group"}static get styles(){return iR}render(){return X`
+      <div class="vaadin-group-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true"></span>
+        </div>
+
+        <div part="group-field">
+          <slot></slot>
+        </div>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <slot name="tooltip"></slot>
+    `}}eC(iz);let iF=class extends iz{__filterCheckboxes(e){return e.filter(e=>e instanceof iM)}};iF=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-checkbox-group")],iF);let ij=u`
+  :host {
+    display: flex;
+    align-items: center;
+    --_radius: var(--vaadin-input-field-border-radius, var(--vaadin-radius-m));
+    border-radius:
+      /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
+      var(--vaadin-input-field-top-start-radius, var(--_radius))
+      var(--vaadin-input-field-top-end-radius, var(--_radius))
+      var(--vaadin-input-field-bottom-end-radius, var(--_radius))
+      var(--vaadin-input-field-bottom-start-radius, var(--_radius));
+    border: var(--vaadin-input-field-border-width, 1px) solid
+      var(--vaadin-input-field-border-color, var(--vaadin-border-color));
+    box-sizing: border-box;
+    cursor: text;
+    padding: var(
+      --vaadin-input-field-padding,
+      var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)
+    );
+    gap: var(--vaadin-input-field-gap, var(--vaadin-gap-s));
+    background: var(--vaadin-input-field-background, var(--vaadin-background-color));
+    color: var(--vaadin-input-field-value-color, var(--vaadin-text-color));
+    font-size: var(--vaadin-input-field-value-font-size, inherit);
+    line-height: var(--vaadin-input-field-value-line-height, inherit);
+    font-weight: var(--vaadin-input-field-value-font-weight, 400);
+  }
+
+  :host([dir='rtl']) {
+    --_radius: var(--vaadin-input-field-border-radius, var(--vaadin-radius-m));
+    border-radius:
+      /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
+      var(--vaadin-input-field-top-end-radius, var(--_radius))
+      var(--vaadin-input-field-top-start-radius, var(--_radius))
+      var(--vaadin-input-field-bottom-start-radius, var(--_radius))
+      var(--vaadin-input-field-bottom-end-radius, var(--_radius));
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  /* Reset the native input styles */
+  ::slotted(:is(input, textarea)) {
+    appearance: none;
+    align-self: stretch;
+    box-sizing: border-box;
+    flex: auto;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
+    height: auto;
+    outline: none;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    min-width: 0;
+    font: inherit;
+    font-size: 1em;
+    color: inherit;
+    background: transparent;
+    cursor: inherit;
+    text-align: inherit;
+    caret-color: var(--vaadin-input-field-value-color);
+  }
+
+  ::slotted(*) {
+    flex: none;
+  }
+
+  slot[name$='fix'] {
+    cursor: auto;
+  }
+
+  ::slotted(:is(input, textarea))::placeholder {
+    /* Use ::slotted(:is(input, textarea):placeholder-shown) to style the placeholder */
+    /* because ::slotted(...)::placeholder does not work in Safari. */
+    font: inherit;
+    color: inherit;
+  }
+
+  ::slotted(:is(input, textarea):placeholder-shown) {
+    color: var(--vaadin-input-field-placeholder-color, var(--vaadin-text-color-secondary));
+  }
+
+  :host(:focus-within) {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--vaadin-input-field-border-width, 1px) * -1);
+  }
+
+  :host([invalid]) {
+    --vaadin-input-field-border-color: var(--vaadin-input-field-error-color, var(--vaadin-text-color));
+  }
+
+  :host([readonly]) {
+    border-style: dashed;
+  }
+
+  :host([readonly]:focus-within) {
+    outline-style: dashed;
+    --vaadin-input-field-border-color: transparent;
+  }
+
+  :host([disabled]) {
+    --vaadin-input-field-value-color: var(--vaadin-input-field-disabled-text-color, var(--vaadin-text-color-disabled));
+    --vaadin-input-field-background: var(
+      --vaadin-input-field-disabled-background,
+      var(--vaadin-background-container-strong)
+    );
+    --vaadin-input-field-border-color: transparent;
+  }
+
+  :host([theme~='align-start']) slot:not([name])::slotted(*) {
+    text-align: start;
+  }
+
+  :host([theme~='align-center']) slot:not([name])::slotted(*) {
+    text-align: center;
+  }
+
+  :host([theme~='align-end']) slot:not([name])::slotted(*) {
+    text-align: end;
+  }
+
+  :host([theme~='align-left']) slot:not([name])::slotted(*) {
+    text-align: left;
+  }
+
+  :host([theme~='align-right']) slot:not([name])::slotted(*) {
+    text-align: right;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --vaadin-input-field-background: Field;
+      --vaadin-input-field-value-color: FieldText;
+      --vaadin-input-field-placeholder-color: GrayText;
+    }
+
+    :host([disabled]) {
+      --vaadin-input-field-value-color: GrayText;
+      --vaadin-icon-color: GrayText;
+    }
+  }
+`;class iH extends tb(eK(e4(td(ev)))){static get is(){return"vaadin-input-container"}static get styles(){return ij}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0}}}render(){return X`
+      <slot name="prefix"></slot>
+      <slot></slot>
+      <slot name="suffix"></slot>
+    `}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}).forEach(e=>e.focus&&e.focus())})}}eC(iH);let iU=u`
+  :host {
+    align-items: center;
+    border-radius: var(--vaadin-item-border-radius, var(--vaadin-radius-m));
+    box-sizing: border-box;
+    cursor: var(--vaadin-clickable-cursor);
+    display: flex;
+    column-gap: var(--vaadin-item-gap, var(--vaadin-gap-s));
+    height: var(--vaadin-item-height, auto);
+    padding: var(--vaadin-item-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([focus-ring]) {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--vaadin-focus-ring-width) / -1);
+  }
+
+  :host([disabled]) {
+    cursor: var(--vaadin-disabled-cursor);
+    opacity: 0.5;
+    pointer-events: var(--_vaadin-item-disabled-pointer-events, none);
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  [part='checkmark'] {
+    color: var(--vaadin-item-checkmark-color, inherit);
+    display: var(--vaadin-item-checkmark-display, none);
+    visibility: hidden;
+  }
+
+  [part='checkmark']::before {
+    content: '';
+    display: block;
+    background: currentColor;
+    height: var(--vaadin-icon-size, 1lh);
+    mask: var(--_vaadin-icon-checkmark) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
+    width: var(--vaadin-icon-size, 1lh);
+  }
+
+  :host([selected]) [part='checkmark'] {
+    visibility: visible;
+  }
+
+  [part='content'] {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    column-gap: inherit;
+    justify-content: var(--vaadin-item-text-align, start);
+  }
+
+  @media (forced-colors: active) {
+    [part='checkmark']::before {
+      background: CanvasText;
+    }
+  }
+`,iq=u`
+  :host([focused]) {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--vaadin-focus-ring-width) / -1);
+  }
+`,iW=e=>class extends e{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){"hidden"===e&&null!==i?this.index=void 0:super.attributeChangedCallback(e,t,i)}connectedCallback(){super.connectedCallback(),this._owner=this.parentNode.owner;let e=this._getHostDir();e&&this.setAttribute("dir",e)}_getHostDir(){return this._owner&&this._owner.$.overlay.getAttribute("dir")}requestContentUpdate(){if(!this.renderer||this.hidden)return;let e={index:this.index,item:this.item,focused:this.focused,selected:this.selected};this.renderer(this,this._owner,e)}__rendererOrItemChanged(e,t,i){void 0!==i&&void 0!==t&&(this._oldRenderer!==e&&(this.innerHTML="",delete this._$litPart$),e&&(this._oldRenderer=e,this.requestContentUpdate()))}__updateLabel(e,t){t||(this.textContent=e)}};class iK extends iW(tb(eK(e4(td(ev))))){static get is(){return"vaadin-combo-box-item"}static get styles(){return[iU,iq]}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}}eC(iK);let iG=u`
+  :host {
+    z-index: 200;
+    position: fixed;
+
+    /* Despite of what the names say, <vaadin-overlay> is just a container
+          for position/sizing/alignment. The actual overlay is the overlay part. */
+
+    /* Default position constraints. Themes can
+          override this to adjust the gap between the overlay and the viewport. */
+    inset: max(env(safe-area-inset-top, 0px), var(--vaadin-overlay-viewport-inset, 8px))
+      max(env(safe-area-inset-right, 0px), var(--vaadin-overlay-viewport-inset, 8px))
+      max(env(safe-area-inset-bottom, 0px), var(--vaadin-overlay-viewport-bottom))
+      max(env(safe-area-inset-left, 0px), var(--vaadin-overlay-viewport-inset, 8px));
+
+    /* Override native [popover] user agent styles */
+    width: auto;
+    height: auto;
+    border: none;
+    padding: 0;
+    background-color: transparent;
+    overflow: visible;
+
+    /* Use flexbox alignment for the overlay part. */
+    display: flex;
+    flex-direction: column; /* makes dropdowns sizing easier */
+    /* Align to center by default. */
+    align-items: center;
+    justify-content: center;
+
+    /* Allow centering when max-width/max-height applies. */
+    margin: auto;
+
+    /* The host is not clickable, only the overlay part is. */
+    pointer-events: none;
+
+    /* Remove tap highlight on touch devices. */
+    -webkit-tap-highlight-color: transparent;
+
+    /* CSS API for host */
+    --vaadin-overlay-viewport-bottom: 8px;
+  }
+
+  :host([hidden]),
+  :host(:not([opened]):not([closing])),
+  :host(:not([opened]):not([closing])) [part='overlay'] {
+    display: none !important;
+  }
+
+  :host([suppressed]) [part='overlay'],
+  :host([suppressed]) ::slotted(*) {
+    pointer-events: none !important;
+  }
+
+  [part='overlay'] {
+    color: var(--vaadin-overlay-text-color, var(--vaadin-text-color));
+    background: var(--vaadin-overlay-background, var(--vaadin-background-color));
+    border: var(--vaadin-overlay-border-width, 1px) solid
+      var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary));
+    border-radius: var(--vaadin-overlay-border-radius, var(--vaadin-radius-m));
+    box-shadow: var(--vaadin-overlay-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3));
+    box-sizing: border-box;
+    max-width: 100%;
+    overflow: auto;
+    overscroll-behavior: contain;
+    pointer-events: auto;
+    -webkit-tap-highlight-color: initial;
+
+    /* CSS reset for font styles */
+    font: initial;
+    letter-spacing: initial;
+    text-align: initial;
+    text-decoration: initial;
+    text-indent: initial;
+    text-transform: initial;
+    user-select: text;
+    white-space: initial;
+    word-spacing: initial;
+
+    /* Inherit font-family */
+    font-family: inherit;
+  }
+
+  [part='backdrop'] {
+    background: var(--vaadin-overlay-backdrop-background, rgba(0, 0, 0, 0.2));
+    content: '';
+    inset: 0;
+    pointer-events: auto;
+    position: fixed;
+    z-index: -1;
+  }
+
+  [part='overlay']:focus-visible {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+  }
+
+  @media (forced-colors: active) {
+    [part='overlay'] {
+      border: 3px solid !important;
+    }
+  }
+`,iY=/Android/u.test(navigator.userAgent);/Chrome/u.test(navigator.userAgent)&&/Google Inc/u.test(navigator.vendor),/Firefox/u.test(navigator.userAgent);let iX=/^iPad/u.test(navigator.platform)||/^Mac/u.test(navigator.platform)&&navigator.maxTouchPoints>1,iZ=/^iPhone/u.test(navigator.platform)||iX,iQ=/^((?!chrome|android).)*safari/iu.test(navigator.userAgent),iJ=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})();class i0{saveFocus(e){this.focusNode=e||t3()}restoreFocus(e){let t=this.focusNode;if(!t)return;let i={preventScroll:!!e&&e.preventScroll,focusVisible:!!e&&e.focusVisible};t3()===document.body?setTimeout(()=>t.focus(i)):t.focus(i),this.focusNode=null}}let i1=[];class i2{constructor(e){this.host=e,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){var e;let t;return e=this.__trapNode,!function e(t,i){if(t.nodeType!==Node.ELEMENT_NODE||t4(t))return!1;let s=t7(t)?Number(t.getAttribute("tabindex")||0):-1,r=s>0;s>=0&&i.push(t);return[..."slot"===t.localName?t.assignedNodes({flatten:!0}):(t.shadowRoot||t).children].forEach(t=>{r=e(t,i)||r}),r}(e,t=[])?t:function e(t){let i=t.length;if(i<2)return t;let s=Math.ceil(i/2),r=e(t.slice(0,s)),n=e(t.slice(s)),a=[];for(;r.length>0&&n.length>0;)!function(e,t){let i=Math.max(e.tabIndex,0),s=Math.max(t.tabIndex,0);return 0===i||0===s?s>i:i>s}(r[0],n[0])?a.push(r.shift()):a.push(n.shift());return a.concat(r,n)}(t)}get __focusedElementIndex(){let e=this.__focusableElements;return e.indexOf(e.filter(t6).pop())}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(e){if(this.__trapNode=e,0===this.__focusableElements.length)throw this.__trapNode=null,Error("The trap node should have at least one focusable descendant or be focusable itself.");i1.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus({focusVisible:t5})}releaseFocus(){this.__trapNode=null,i1.pop()}__onKeyDown(e){if(this.__trapNode&&this===Array.from(i1).pop()&&"Tab"===e.key){if(e.defaultPrevented)return;e.preventDefault();let t=e.shiftKey;this.__focusNextElement(t)}}__focusNextElement(e=!1){let t=this.__focusableElements,i=this.__focusedElementIndex,s=(t.length+i+(e?-1:1))%t.length,r=t[s];r.focus({focusVisible:!0}),"input"===r.localName&&r.select()}}let i5=e=>class extends e{static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__focusTrapController=new i2(this),this.__focusRestorationController=new i0}get _contentRoot(){return this}ready(){super.ready(),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}get _focusTrapRoot(){return this.$.overlay}_resetFocus(){if(this.focusTrap&&this.__focusTrapController.releaseFocus(),this.restoreFocusOnClose&&this._shouldRestoreFocus()){let e=t5;this.__focusRestorationController.restoreFocus({preventScroll:!e,focusVisible:e})}}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&!t8(this._focusTrapRoot)&&this.__focusTrapController.trapFocus(this._focusTrapRoot)}_shouldRestoreFocus(){let e=t3();return e===document.body||this._deepContains(e)}_deepContains(e){if(this._contentRoot.contains(e))return!0;let t=e,i=e.ownerDocument;for(;t&&t!==i&&t!==this._contentRoot;)t=t.parentNode||t.host;return t===this._contentRoot}},i3=new Set,i4=()=>[...i3].filter(e=>!e.hasAttribute("closing")),i8=e=>{let t=i4(),i=t.indexOf(e);return -1===i?[]:t.slice(i+1)},i7=(e,t=e=>!0)=>e===i4().filter(t).pop(),i6=e=>class extends e{get _last(){return i7(this)}get _isAttached(){return i3.has(this)}bringToFront(){if(i7(this))return;let e=i8(this),t=e.filter(e=>e._hasOverlayPositionMixin&&this._deepContains(e));t.length!==e.length&&[this,...t].forEach(e=>{e.matches(":popover-open")&&(e.hidePopover(),e.showPopover()),e._removeAttachedInstance(),e._appendAttachedInstance()})}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),i4().forEach(e=>{e!==this&&e.toggleAttribute("suppressed",!0)})}_exitModalState(){let e;void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);let t=i4();for(;(e=t.pop())&&(e===this||(e.toggleAttribute("suppressed",!1),e.modeless)););}_appendAttachedInstance(){i3.add(this)}_removeAttachedInstance(){this._isAttached&&i3.delete(this)}};function i9(e,t,i){let s=[e];e.owner&&s.push(e.owner),"string"==typeof i?s.forEach(e=>{e.setAttribute(t,i)}):i?s.forEach(e=>{e.setAttribute(t,"")}):s.forEach(e=>{e.removeAttribute(t)})}let se=e=>class extends i5(i6(e)){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0,sync:!0},owner:{type:Object,sync:!0},model:{type:Object,sync:!0},renderer:{type:Object,sync:!0},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged",sync:!0},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged",sync:!0},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_withBackdropChanged",sync:!0}}}static get observers(){return["_rendererOrDataChanged(renderer, owner, model, opened)"]}get _rendererRoot(){return this}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),iZ&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}firstUpdated(){super.firstUpdated(),this.popover="manual",this.addEventListener("click",()=>{}),this.$.backdrop&&this.$.backdrop.addEventListener("click",()=>{}),this.addEventListener("mouseup",()=>{document.activeElement===document.body&&"0"===this.$.overlay.getAttribute("tabindex")&&this.$.overlay.focus()}),this.addEventListener("animationcancel",()=>{this._flushAnimation("opening"),this._flushAnimation("closing")})}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener)),this.opened&&this._attachOverlay()}disconnectedCallback(){super.disconnectedCallback(),this.__scheduledOpen&&(cancelAnimationFrame(this.__scheduledOpen),this.__scheduledOpen=null),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this._rendererRoot,this.owner,this.model)}close(e){let t=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{overlay:this,sourceEvent:e}});this.dispatchEvent(t),document.body.dispatchEvent(t),t.defaultPrevented||(this.opened=!1)}setBounds(e,t=!0){let i=this.$.overlay,s={...e};t&&"absolute"!==i.style.position&&(i.style.position="absolute"),Object.keys(s).forEach(e=>{null===s[e]||isNaN(s[e])||(s[e]=`${s[e]}px`)}),Object.assign(i.style,s)}_detectIosNavbar(){if(!this.opened)return;let e=window.innerHeight,t=window.innerWidth,i=document.documentElement.clientHeight;t>e&&i>e?this.style.setProperty("--vaadin-overlay-viewport-bottom",`${i-e}px`):this.style.setProperty("--vaadin-overlay-viewport-bottom","0px")}_shouldAddGlobalListeners(){return!this.modeless}_addGlobalListeners(){this.__hasGlobalListeners||(this.__hasGlobalListeners=!0,document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0))}_removeGlobalListeners(){this.__hasGlobalListeners&&(this.__hasGlobalListeners=!1,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 n=this._oldRenderer!==e,a=void 0!==this._oldRenderer;this._oldRenderer=e;let o=this._oldOpened!==s;this._oldOpened=s,n&&a&&(this._rendererRoot.innerHTML="",delete this._rendererRoot._$litPart$),s&&e&&(n||o||r)&&this.requestContentUpdate()}_modelessChanged(e){this.opened&&(this._shouldAddGlobalListeners()?this._addGlobalListeners():this._removeGlobalListeners()),e?this._exitModalState():this.opened&&this._enterModalState(),i9(this,"modeless",e)}_withBackdropChanged(e){i9(this,"with-backdrop",e)}_openedChanged(e,t){if(e){if(!this.isConnected){this.opened=!1;return}this._saveFocus(),this._animatedOpening(),this.__scheduledOpen=requestAnimationFrame(()=>{setTimeout(()=>{this._trapFocus();let e=new CustomEvent("vaadin-overlay-open",{detail:{overlay:this},bubbles:!0});this.dispatchEvent(e),document.body.dispatchEvent(e)})}),document.addEventListener("keydown",this._boundKeydownListener),this._shouldAddGlobalListeners()&&this._addGlobalListeners()}else t&&(this.__scheduledOpen&&(cancelAnimationFrame(this.__scheduledOpen),this.__scheduledOpen=null),this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this._shouldAddGlobalListeners()&&this._removeGlobalListeners())}_hiddenChanged(e){e&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){let e=getComputedStyle(this),t=e.getPropertyValue("animation-name");return"none"!==e.getPropertyValue("display")&&t&&"none"!==t}_enqueueAnimation(e,t){let i=`__${e}Handler`,s=e=>{e&&e.target!==this||(t(),this.removeEventListener("animationend",s),delete this[i])};this[i]=s,this.addEventListener("animationend",s)}_flushAnimation(e){let t=`__${e}Handler`;"function"==typeof this[t]&&this[t]()}_animatedOpening(){this._isAttached&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this._appendAttachedInstance(),this.bringToFront(),this.modeless||this._enterModalState(),i9(this,"opening",!0),this._shouldAnimate()?this._enqueueAnimation("opening",()=>{this._finishOpening()}):this._finishOpening()}_attachOverlay(){this.matches(":popover-open")||this.showPopover()}_finishOpening(){i9(this,"opening",!1)}_finishClosing(){this._detachOverlay(),this._removeAttachedInstance(),this.toggleAttribute("suppressed",!1),i9(this,"closing",!1),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._isAttached&&(this._exitModalState(),i9(this,"closing",!0),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",()=>{this._finishClosing()}):this._finishClosing())}_detachOverlay(){this.hidePopover()}_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",{cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&(this.close(e),this.opened||this.modeless||e.preventDefault())}_keydownListener(e){if(this._last&&!e.defaultPrevented&&(this._shouldAddGlobalListeners()||e.composedPath().includes(this._focusTrapRoot))&&"Escape"===e.key){let t=new CustomEvent("vaadin-overlay-escape-press",{cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}}},st=[u`
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes spin {
+    to {
+      rotate: 1turn;
+    }
+  }
+
+  [part='loader'] {
+    animation:
+      spin var(--vaadin-spinner-animation-duration, 0.7s) linear infinite,
+      fade-in 0.15s 0.3s both;
+    border: var(--vaadin-spinner-width, 2px) solid var(--vaadin-spinner-color, var(--vaadin-text-color));
+    border-radius: 50%;
+    box-sizing: border-box;
+    height: var(--vaadin-spinner-size, 1lh);
+    mask-image: radial-gradient(circle at 50% var(--vaadin-spinner-width, 2px), transparent 40%, #000 70%);
+    pointer-events: none;
+    width: var(--vaadin-spinner-size, 1lh);
+  }
+
+  :host(:not([loading])) [part~='loader'] {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    [part='loader'] {
+      forced-color-adjust: none;
+      --vaadin-spinner-color: CanvasText;
+    }
+  }
+`,u`
+    :host {
+      --vaadin-item-checkmark-display: block;
+    }
+
+    [part='overlay'] {
+      position: relative;
+      width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));
+    }
+
+    [part='content'] {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
+    :host([loading]) [part='content'] {
+      --_items-min-height: calc(var(--vaadin-icon-size, 1lh) + 4px);
+    }
+
+    [part='loader'] {
+      position: absolute;
+      inset: var(--vaadin-item-overlay-padding, 4px);
+      inset-block-end: auto;
+      inset-inline-start: auto;
+      margin: 2px;
+    }
+  `],si={start:"top",end:"bottom"},ss={start:"left",end:"right"},sr=new ResizeObserver(e=>{setTimeout(()=>{e.forEach(e=>{e.target.__overlay&&e.target.__overlay._updatePosition()})})}),sn=e=>class extends e{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}}}constructor(){super(),this._hasOverlayPositionMixin=!0,this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}updated(e){if(super.updated(e),e.has("positionTarget")){let t=e.get("positionTarget");this.__oldContentWidth=void 0,this.__oldContentHeight=void 0,(!this.positionTarget&&t||this.positionTarget&&!t&&this.__margins)&&this.__resetPosition()}(e.has("opened")||e.has("positionTarget"))&&this.__updatePositionSettings(this.opened,this.positionTarget),["horizontalAlign","verticalAlign","noHorizontalOverlap","noVerticalOverlap","requiredVerticalSpace"].some(t=>e.has(t))&&this._updatePosition()}__addUpdatePositionEventListeners(){window.visualViewport.addEventListener("resize",this._updatePosition),window.visualViewport.addEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes=function(e){let t=[];for(;e;){if(e.nodeType===Node.DOCUMENT_NODE){t.push(e);break}if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){t.push(e),e=e.host;continue}if(e.assignedSlot){e=e.assignedSlot;continue}e=e.parentNode}return t}(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach(e=>{e.addEventListener("scroll",this.__onScroll,!0)}),this.positionTarget&&(this.__observePositionTargetMove=function(e,t){let i,s=null,r=document.documentElement;function n(){i&&clearTimeout(i),s?.disconnect(),s=null}return!function a(o=!1,l=1){n();let{left:d,top:h,width:u,height:c}=e.getBoundingClientRect();if(o||t(),!u||!c)return;let p=Math.floor(h),_=Math.floor(r.clientWidth-(d+u)),v=Math.floor(r.clientHeight-(h+c)),m=Math.floor(d),g=!0;(s=new IntersectionObserver(function(e){let t=e[0].intersectionRatio;if(t!==l){if(!g)return a();t?a(!1,t):i=setTimeout(()=>{a(!1,1e-7)},1e3)}g=!1},{rootMargin:`${-p}px ${-_}px ${-v}px ${-m}px`,threshold:Math.max(0,Math.min(1,l))||1})).observe(e)}(!0),n}(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)}__updatePositionSettings(e,t){if(this.__removeUpdatePositionEventListeners(),t&&(t.__overlay=null,sr.unobserve(t),e&&(this.__addUpdatePositionEventListeners(),t.__overlay=this,sr.observe(t))),e){let e=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach(t=>{this.__margins[t]=parseInt(e[t],10)})),this._updatePosition(),requestAnimationFrame(()=>this._updatePosition())}}__onScroll(e){e.target instanceof Node&&this._deepContains(e.target)||this._updatePosition()}__resetPosition(){this.__margins=null,Object.assign(this.style,{justifyContent:"",alignItems:"",top:"",bottom:"",left:"",right:""}),i9(this,"bottom-aligned",!1),i9(this,"top-aligned",!1),i9(this,"end-aligned",!1),i9(this,"start-aligned",!1)}_updatePosition(){if(!this.positionTarget||!this.opened||!this.__margins)return;let e=this.positionTarget.getBoundingClientRect();if(0===e.width&&0===e.height&&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 n=this.getBoundingClientRect(),a=this.__calculatePositionInOneDimension(e,n,this.noVerticalOverlap,si,this,t),o=this.__calculatePositionInOneDimension(e,n,this.noHorizontalOverlap,ss,this,s);Object.assign(this.style,a,o),i9(this,"bottom-aligned",!t),i9(this,"top-aligned",t),i9(this,"end-aligned",!r),i9(this,"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&&"start"===this.horizontalAlign||t&&"end"===this.horizontalAlign;return this.__shouldAlignStart(e,i,s,this.__margins,r,this.noHorizontalOverlap,ss)}__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="top"===this.verticalAlign;return this.__shouldAlignStart(e,t,i,this.__margins,s,this.noVerticalOverlap,si)}__shouldAlignStart(e,t,i,s,r,n,a){let o=i-e[n?a.end:a.start]-s[a.end],l=e[n?a.start:a.end]-s[a.start],d=r?o:l;return r===(d>(r?l:o)||d>t)}__adjustBottomProperty(e,t,i){let s;if(e===t.end){if(t.end===si.end){let e=Math.min(window.innerHeight,document.documentElement.clientHeight);i>e&&this.__oldViewportHeight&&(s=i-(this.__oldViewportHeight-e)),this.__oldViewportHeight=e}if(t.end===ss.end){let e=Math.min(window.innerWidth,document.documentElement.clientWidth);i>e&&this.__oldViewportWidth&&(s=i-(this.__oldViewportWidth-e)),this.__oldViewportWidth=e}}return s}__calculatePositionInOneDimension(e,t,i,s,r,n){let a=n?s.start:s.end,o=n?s.end:s.start,l=parseFloat(r.style[a]||getComputedStyle(r)[a]),d=this.__adjustBottomProperty(a,s,l),h=t[n?s.start:s.end]-e[i===n?s.end:s.start];return{[a]:d?`${d}px`:`${l+h*(n?-1:1)}px`,[o]:""}}},sa=e=>class extends sn(e){static get observers(){return["_setOverlayWidth(positionTarget, opened)"]}constructor(){super(),this.requiredVerticalSpace=200}_shouldCloseOnOutsideClick(e){let t=e.composedPath();return!t.includes(this.positionTarget)&&!t.includes(this)}_mouseDownListener(e){super._mouseDownListener(e),this._shouldCloseOnOutsideClick(e)&&!t7(e.composedPath()[0])&&e.preventDefault()}_updateOverlayWidth(){this.style.setProperty(`--_${this.localName}-default-width`,`${this.positionTarget.offsetWidth}px`)}_setOverlayWidth(e,t){e&&t&&(this._updateOverlayWidth(),this._updatePosition())}};class so extends sa(se(eK(tb(e4(td(ev)))))){static get is(){return"vaadin-combo-box-overlay"}static get styles(){return[iG,st]}render(){return X`
+      <div part="overlay" id="overlay">
+        <div part="loader"></div>
+        <div part="content" id="content"><slot></slot></div>
+      </div>
+    `}}eC(so);let sl=u`
+  :host {
+    /* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */
+    box-shadow: 0 0 0 white;
+    display: block;
+    min-height: 1px;
+    overflow: auto;
+    /* Fixes item background from getting on top of scrollbars on Safari */
+    transform: translate3d(0, 0, 0);
+  }
+
+  #selector {
+    border: 0 solid transparent;
+    border-width: var(--vaadin-item-overlay-padding, 4px);
+    position: relative;
+    forced-color-adjust: none;
+    min-height: var(--_items-min-height, auto);
+  }
+
+  #selector > * {
+    forced-color-adjust: auto;
+  }
+`,sd=navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u),sh=sd&&sd[1]>=8;class su{constructor({createElements:e,updateElement:t,scrollTarget:i,scrollContainer:s,reorderElements:r,elementsContainer:n,__disableHeightPlaceholder:a}){this.isAttached=!0,this._vidxOffset=0,this.createElements=e,this.updateElement=t,this.scrollTarget=i,this.scrollContainer=s,this.reorderElements=r,this.elementsContainer=n||s,this.__disableHeightPlaceholder=a??!1,this._maxPages=1.3,this.__placeholderHeight=200,this.__elementHeightQueue=Array(10),this.timeouts={SCROLL_REORDER:500,PREVENT_OVERSCROLL:500,FIX_INVALID_ITEM_POSITIONING:100},this.__resizeObserver=new ResizeObserver(()=>this._resizeHandler()),"visible"===getComputedStyle(this.scrollTarget).overflow&&(this.scrollTarget.style.overflow="auto"),"static"===getComputedStyle(this.scrollContainer).position&&(this.scrollContainer.style.position="relative"),this.__resizeObserver.observe(this.scrollTarget),this.scrollTarget.addEventListener("scroll",()=>this._scrollHandler()),new ResizeObserver(([{contentRect:e}])=>{let t=0===e.width&&0===e.height;!t&&this.__scrollTargetHidden&&this.scrollTarget.scrollTop!==this._scrollPosition&&(this.scrollTarget.scrollTop=this._scrollPosition),this.__scrollTargetHidden=t}).observe(this.scrollTarget),this.scrollTarget.addEventListener("virtualizer-element-focused",e=>this.__onElementFocused(e)),this.elementsContainer.addEventListener("focusin",()=>{this.scrollTarget.dispatchEvent(new CustomEvent("virtualizer-element-focused",{detail:{element:this.__getFocusedElement()}}))}),this.reorderElements&&(this.scrollTarget.addEventListener("mousedown",e=>{e.target===this.scrollTarget&&(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("number"!=typeof e||isNaN(e)||0===this.size||!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<1e3?(i=e,this._vidxOffset=0):(i=1e3,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(){0!==this.scrollTarget.offsetHeight&&(this._resizeHandler(),eH(),this._scrollHandler(),this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.flush(),this.__scrollReorderDebouncer&&this.__scrollReorderDebouncer.flush(),this.__debouncerWheelAnimationFrame&&this.__debouncerWheelAnimationFrame.flush())}hostConnected(){this.scrollTarget.offsetParent&&this.scrollTarget.scrollTop!==this._scrollPosition&&(this.scrollTarget.scrollTop=this._scrollPosition)}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){eH();let t=0,i=0,s=this._physicalAverageCount,r=this._physicalAverage;this._iterateItems((e,s)=>{i+=this._physicalSizes[e];let r=this._physicalSizes[e];this._physicalSizes[e]=Math.ceil(this.__getBorderBoxHeight(this._physicalItems[e])),this._physicalSizes[e]!==r&&(this.__resizeObserver.unobserve(this._physicalItems[e]),this.__resizeObserver.observe(this._physicalItems[e],{box:"border-box"})),t+=this._physicalSizes[e],this._physicalAverageCount+=+!!this._physicalSizes[e]},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;return"border-box"===t.boxSizing?i:i+(parseFloat(t.paddingBottom)||0)+(parseFloat(t.paddingTop)||0)+(parseFloat(t.borderBottomWidth)||0)+(parseFloat(t.borderTopWidth)||0)}__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){this.__disableHeightPlaceholder||e.forEach(e=>{let t=e.offsetHeight;if(0===t)e.style.paddingTop=`${this.__placeholderHeight}px`,e.style.opacity="0",e.__virtualizerPlaceholder=!0,this.__placeholderClearDebouncer=ej.debounce(this.__placeholderClearDebouncer,eR,()=>this._resizeHandler());else{this.__elementHeightQueue.push(t),this.__elementHeightQueue.shift();let e=this.__elementHeightQueue.filter(e=>void 0!==e);this.__placeholderHeight=Math.round(e.reduce((e,t)=>e+t,0)/e.length)}}),void 0===this.__pendingScrollToIndex||this.__hasPlaceholders()||this.scrollToIndex(this.__pendingScrollToIndex)}__getIndexScrollOffset(e){let t=this.__getVisibleElements().find(t=>t.__virtualIndex===e);return t?this.scrollTarget.getBoundingClientRect().top-t.getBoundingClientRect().top:void 0}__restoreScrollOffset(e,t){let i=this.__getIndexScrollOffset(e);void 0!==t&&void 0!==i&&(this._scrollTop+=t-i)}get size(){return this.__size}set size(e){let t,i;if(e===this.size)return;this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.cancel(),this._debouncers&&this._debouncers._increasePoolIfNeeded&&this._debouncers._increasePoolIfNeeded.cancel();let s=e>0&&this._scrollTop>0;s&&(t=this.adjustedFirstVisibleIndex,i=this.__getIndexScrollOffset(t)),this.__size=e,this.__preventElementUpdates=s,this._itemsChanged({path:"items"}),eH(),s&&(t=Math.min(t,e-1),this.scrollToIndex(t),this.__restoreScrollOffset(t,i)),this.__preventElementUpdates=!1,this._isVisible||this._assignModels(),this.elementsContainer.children.length||requestAnimationFrame(()=>this._resizeHandler()),this._updateScrollerSize(!0),this._resizeHandler(),eH(),this._debounce("_update",this._update,ez)}get _scrollTop(){return this.scrollTarget.scrollTop}set _scrollTop(e){this.scrollTarget.scrollTop=e}get items(){return{length:Math.min(this.size,1e5)}}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="rtl"===e.direction,this._viewportWidth=this.elementsContainer.offsetWidth,this._viewportHeight=this.scrollTarget.offsetHeight}setAttribute(){}_createPool(e){let t=this.createElements(e),i=document.createDocumentFragment();return t.forEach(e=>{e.style.position="absolute",i.appendChild(e),this.__resizeObserver.observe(e,{box:"border-box"})}),this.elementsContainer.appendChild(i),t}_assignModels(e){let t=[];this._iterateItems((e,i)=>{let s=this._physicalItems[e];s.hidden=i>=this.size,s.hidden?delete s.__lastUpdatedIndex:(s.__virtualIndex=i+(this._vidxOffset||0),this.__updateElement(s,s.__virtualIndex),t.push(s))},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()){let t=document.activeElement;for(;t?.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;for(;t&&!e.includes(t);)t=t.assignedSlot||t.parentNode||t.host;return t}__nextFocusableSiblingMissing(e,t){return t.indexOf(e)===t.length-1&&this.size>e.__virtualIndex+1}__previousFocusableSiblingMissing(e,t){return 0===t.indexOf(e)&&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(0===this.scrollTarget.offsetHeight)return;this._adjustVirtualIndexOffset(this._scrollTop-this._scrollPosition);let e=this._scrollTop-this._scrollPosition;if(super._scrollHandler(),0!==this._physicalCount){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=ej.debounce(this.__fixInvalidItemPositioningDebouncer,eL.after(this.timeouts.FIX_INVALID_ITEM_POSITIONING),()=>this.__fixInvalidItemPositioning()),this.__overscrollDebouncer?.isActive()||(this.scrollTarget.style.overscrollBehavior="none"),this.__overscrollDebouncer=ej.debounce(this.__overscrollDebouncer,eL.after(this.timeouts.PREVENT_OVERSCROLL),()=>{this.scrollTarget.style.overscrollBehavior=null})),this.reorderElements&&(this.__scrollReorderDebouncer=ej.debounce(this.__scrollReorderDebouncer,eL.after(this.timeouts.SCROLL_REORDER),()=>this.__reorderElements())),0===this._scrollPosition&&0!==this.firstVisibleIndex&&Math.abs(e)>0&&this.scrollToIndex(0)}_resizeHandler(){super._resizeHandler();let e=this.adjustedLastVisibleIndex===this.size-1,t=this._physicalTop-this._scrollPosition;if(e&&t>0){let e=Math.ceil(t/this._physicalAverage);this._virtualStart=Math.max(0,this._virtualStart-e),this._physicalStart=Math.max(0,this._physicalStart-e),super.scrollToIndex(this._virtualCount-1),this.scrollTarget.scrollTop=this.scrollTarget.scrollHeight-this.scrollTarget.clientHeight}}__fixInvalidItemPositioning(){if(!this.scrollTarget.isConnected)return;let e=this._physicalTop>this._scrollTop,t=this._physicalBottom<this._scrollBottom,i=0===this.adjustedFirstVisibleIndex,s=this.adjustedLastVisibleIndex===this.size-1;if(e&&!i||t&&!s){let e=this._ratio;this._ratio=0,this._scrollPosition=this._scrollTop+(t?-1:1),this._scrollHandler(),this._ratio=e}}_increasePoolIfNeeded(e){if(this._physicalCount>2&&this._physicalAverage>0&&e>0){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(0===this._physicalCount)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}__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 e=0;e<r;e++)this.elementsContainer.appendChild(t[e]);else if(r<0)for(let e=t.length+r;e<t.length;e++)this.elementsContainer.insertBefore(t[e],t[0]);if(iQ){let{transform:e}=this.scrollTarget.style;this.scrollTarget.style.transform="translateZ(0)",setTimeout(()=>{this.scrollTarget.style.transform=e})}}_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 e=this._scrollTop/(this.scrollTarget.scrollHeight-this.scrollTarget.clientHeight);this._vidxOffset=Math.round(e*t)}else{let e,i,s=this._vidxOffset,r=()=>{e=this.adjustedFirstVisibleIndex,i=this.__getIndexScrollOffset(e)};0===this._scrollTop?0!==s&&(r(),this._vidxOffset=0,super.scrollToIndex(0)):this.firstVisibleIndex<1e3&&this._vidxOffset>0&&(r(),this._vidxOffset-=Math.min(this._vidxOffset,100),super.scrollToIndex(this.firstVisibleIndex+(s-this._vidxOffset))),this._scrollTop>=this._maxScrollTop&&this._maxScrollTop>0?s!==t&&(r(),this._vidxOffset=t,super.scrollToIndex(this._virtualCount-1)):this.firstVisibleIndex>this._virtualCount-1e3&&this._vidxOffset<t&&(r(),this._vidxOffset+=Math.min(t-this._vidxOffset,100),super.scrollToIndex(this.firstVisibleIndex-(this._vidxOffset-s))),void 0!==e&&this.__restoreScrollOffset(e,i)}}}Object.setPrototypeOf(su.prototype,{_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(){return Math.max(0,this._virtualCount-this._physicalCount)},get _virtualStart(){return this._virtualStartVal||0},set _virtualStart(val){val=this._clamp(val,0,this._maxVirtualStart),this._virtualStartVal=val},get _physicalStart(){return this._physicalStartVal||0},set _physicalStart(val){(val%=this._physicalCount)<0&&(val=this._physicalCount+val),this._physicalStartVal=val},get _physicalEnd(){return(this._physicalStart+this._physicalCount-1)%this._physicalCount},get _physicalCount(){return this._physicalCountVal||0},set _physicalCount(val){this._physicalCountVal=val},get _optPhysicalSize(){return 0===this._viewportHeight?1/0:this._viewportHeight*this._maxPages},get _isVisible(){return!!(this.offsetWidth||this.offsetHeight)},get firstVisibleIndex(){let e=this._firstVisibleIndexVal;if(null==e){let t=this._physicalTop+this._scrollOffset;e=this._iterateItems((e,i)=>{if((t+=this._getPhysicalSizeIncrement(e))>this._scrollPosition)return i})||0,this._firstVisibleIndexVal=e}return e},get lastVisibleIndex(){let e=this._lastVisibleIndexVal;if(null==e){let t=this._physicalTop+this._scrollOffset;this._iterateItems((i,s)=>{t<this._scrollBottom&&(e=s),t+=this._getPhysicalSizeIncrement(i)}),this._lastVisibleIndexVal=e}return e},get _scrollOffset(){return this._scrollerPaddingTop+this.scrollOffset},_scrollHandler(){let e=Math.max(0,Math.min(this._maxScrollTop,this._scrollTop)),t=e-this._scrollPosition,i=t>=0;if(this._scrollPosition=e,this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,Math.abs(t)>this._physicalSize&&this._physicalSize>0){let e=Math.round((t-=this._scrollOffset)/this._physicalAverage);this._virtualStart+=e,this._physicalStart+=e,this._physicalTop=Math.min(Math.floor(this._virtualStart)*this._physicalAverage,this._scrollPosition),this._update()}else if(this._physicalCount>0){let e=this._getReusables(i);i?(this._physicalTop=e.physicalTop,this._virtualStart+=e.indexes.length,this._physicalStart+=e.indexes.length):(this._virtualStart-=e.indexes.length,this._physicalStart-=e.indexes.length),this._update(e.indexes,i?null:e.indexes),this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,0),ez)}},_getReusables(e){let t,i,s,r=[],n=this._hiddenContentSize*this._ratio,a=this._virtualStart,o=this._virtualEnd,l=this._physicalCount,d=this._physicalTop+this._scrollOffset,h=this._physicalBottom+this._scrollOffset,u=this._scrollPosition,c=this._scrollBottom;for(e?(t=this._physicalStart,i=u-d):(t=this._physicalEnd,i=h-c);i-=s=this._getPhysicalSizeIncrement(t),!(r.length>=l)&&!(i<=n);)if(e){if(o+r.length+1>=this._virtualCount||d+s>=u-this._scrollOffset)break;r.push(t),d+=s,t=(t+1)%l}else{if(a-r.length<=0||d+this._physicalSize-s<=c)break;r.push(t),d-=s,t=0===t?l-1:t-1}return{indexes:r,physicalTop:d-this._scrollOffset}},_update(e,t){if((!e||0!==e.length)&&0!==this._physicalCount){if(this._assignModels(e),this._updateMetrics(e),t)for(;t.length;){let e=t.pop();this._physicalTop-=this._getPhysicalSizeIncrement(e)}this._positionItems(),this._updateScrollerSize()}},_isClientFull(){return 0!==this._scrollBottom&&this._physicalBottom-1>=this._scrollBottom&&this._physicalTop<=this._scrollPosition},_increasePoolIfNeeded(e){let t=this._clamp(this._physicalCount+e,3,this._virtualCount-this._virtualStart)-this._physicalCount,i=Math.round(.5*this._physicalCount);if(!(t<0)){if(t>0){let e=window.performance.now();[].push.apply(this._physicalItems,this._createPool(t));for(let e=0;e<t;e++)this._physicalSizes.push(0);this._physicalCount+=t,this._physicalStart>this._physicalEnd&&this._isIndexRendered(this._focusedVirtualIndex)&&this._getPhysicalIndex(this._focusedVirtualIndex)<this._physicalEnd&&(this._physicalStart+=t),this._update(),this._templateCost=(window.performance.now()-e)/t,i=Math.round(.5*this._physicalCount)}this._virtualEnd>=this._virtualCount-1||0===i||(this._isClientFull()?this._physicalSize<this._optPhysicalSize&&this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,this._clamp(Math.round(50/this._templateCost),1,i)),eN):this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,i),ez))}},_render(){if(this.isAttached&&this._isVisible)if(0!==this._physicalCount){let e=this._getReusables(!0);this._physicalTop=e.physicalTop,this._virtualStart+=e.indexes.length,this._physicalStart+=e.indexes.length,this._update(e.indexes),this._update(),this._increasePoolIfNeeded(0)}else this._virtualCount>0&&(this.updateViewportBoundaries(),this._increasePoolIfNeeded(3))},_itemsChanged(e){"items"===e.path&&(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,eR))},_iterateItems(e,t){let i,s,r,n;if(2==arguments.length&&t){for(n=0;n<t.length;n++)if(i=t[n],s=this._computeVidx(i),null!=(r=e.call(this,i,s)))return r}else{for(i=this._physicalStart,s=this._virtualStart;i<this._physicalCount;i++,s++)if(null!=(r=e.call(this,i,s)))return r;for(i=0;i<this._physicalStart;i++,s++)if(null!=(r=e.call(this,i,s)))return r}},_computeVidx(e){return e>=this._physicalStart?this._virtualStart+(e-this._physicalStart):this._virtualStart+(this._physicalCount-this._physicalStart)+e},_positionItems(){this._adjustScrollPosition();let e=this._physicalTop;this._iterateItems(t=>{this.translate3d(0,`${e}px`,0,this._physicalItems[t]),e+=this._physicalSizes[t]})},_getPhysicalSizeIncrement(e){return this._physicalSizes[e]},_adjustScrollPosition(){let e=0===this._virtualStart?this._physicalTop:Math.min(this._scrollPosition+this._physicalTop,0);if(0!==e){this._physicalTop-=e;let t=this._scrollPosition;!sh&&t>0&&this._resetScrollPosition(t-e)}},_resetScrollPosition(e){this.scrollTarget&&e>=0&&(this._scrollTop=e,this._scrollPosition=this._scrollTop)},_updateScrollerSize(e){let t=this._physicalBottom+Math.max(this._virtualCount-this._physicalCount-this._virtualStart,0)*this._physicalAverage;this._estScrollHeight=t,(e||0===this._scrollHeight||this._scrollPosition>=t-this._physicalSize||Math.abs(t-this._scrollHeight)>=this._viewportHeight)&&(this.$.items.style.height=`${t}px`,this._scrollHeight=t)},scrollToIndex(e){if("number"!=typeof e||e<0||e>this.items.length-1||(eH(),0===this._physicalCount))return;e=this._clamp(e,0,this._virtualCount-1),(!this._isIndexRendered(e)||e>=this._maxVirtualStart)&&(this._virtualStart=e-1),this._assignModels(),this._updateMetrics(),this._physicalTop=this._virtualStart*this._physicalAverage;let t=this._physicalStart,i=this._virtualStart,s=0,r=this._hiddenContentSize;for(;i<e&&s<=r;)s+=this._getPhysicalSizeIncrement(t),t=(t+1)%this._physicalCount,i+=1;this._updateScrollerSize(!0),this._positionItems(),this._resetScrollPosition(this._physicalTop+this._scrollOffset+s),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)},eR)},_isIndexRendered(e){return e>=this._virtualStart&&e<=this._virtualEnd},_getPhysicalIndex(e){return(this._physicalStart+(e-this._virtualStart))%this._physicalCount},_clamp:(e,t,i)=>Math.min(i,Math.max(t,e)),_debounce(e,t,i){var s;this._debouncers||(this._debouncers={}),this._debouncers[e]=ej.debounce(this._debouncers[e],i,t.bind(this)),s=this._debouncers[e],eF.add(s)}});class sc{constructor(e){this.__adapter=new su(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()}hostConnected(){this.__adapter.hostConnected()}}let sp=class{toString(){return""}},s_=e=>class extends e{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(void 0===this._cachedViewportTotalPaddingBottom){let e=window.getComputedStyle(this.$.selector);this._cachedViewportTotalPaddingBottom=[e.paddingBottom,e.borderBottomWidth].map(e=>parseInt(e,10)).reduce((e,t)=>e+t)}return this._cachedViewportTotalPaddingBottom}ready(){super.ready(),this.setAttribute("role","listbox"),this.id=`${this.localName}-${tC++}`,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,t=!1){if(!this.__virtualizer||!(this.opened&&e>=0))return;let i=[...this.children].find(t=>!t.hidden&&t.index===e);if(!t&&i){let e=i.getBoundingClientRect(),t=this.getBoundingClientRect();if(e.top>=t.top&&e.bottom+this._viewportTotalPaddingBottom<=t.bottom)return}let s=e;if(!t){let t=this._visibleItemsCount();e>this.__virtualizer.lastVisibleIndex-1?(this.__virtualizer.scrollToIndex(e),s=e-t+1):e>this.__virtualizer.firstVisibleIndex&&(s=this.__virtualizer.firstVisibleIndex)}this.__virtualizer.scrollToIndex(Math.max(0,s)),this.__virtualizer.flush();let r=[...this.children].find(t=>!t.hidden&&t.index===e);if(!r)return;if(t)return void r.scrollIntoView({block:"center"});let n=r.getBoundingClientRect(),a=this.getBoundingClientRect(),o=n.bottom+this._viewportTotalPaddingBottom;o>a.bottom?this.scrollTop+=o-a.bottom:n.top<a.top&&(this.scrollTop-=a.top-n.top)}_isItemSelected(e,t,i){return!(e instanceof sp)&&(i&&void 0!==e&&void 0!==t?eQ(i,e)===eQ(i,t):e===t)}__initVirtualizer(){this.__virtualizer=new sc({createElements:this.__createElements.bind(this),updateElement:this._updateElement.bind(this),elementsContainer:this,scrollTarget:this,scrollContainer:this.$.selector,reorderElements:!0,__disableHeightPlaceholder:!0})}__itemsChanged(e){e&&this.__virtualizer&&this.requestContentUpdate()}__loadingChanged(){this.requestContentUpdate()}__openedChanged(e){if(e){this.__virtualizer||this.__initVirtualizer(),this.requestContentUpdate();return}let t=this.__virtualizer&&this.__virtualizer.__adapter;t&&t._scrollPosition>0&&(this.scrollTop=0,t._scrollPosition=0)}__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 e=document.createElement(`${this.__hostTagName}-item`);return e.addEventListener("click",this.__boundOnItemClick),e.tabIndex="-1",e.style.width="100%",e})}_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}),"function"==typeof this.itemClassNameGenerator?e.className=this.itemClassNameGenerator(i):""!==e.className&&(e.className=""),e.id=`${this.__hostTagName}-item-${t}`,e.setAttribute("role",void 0!==t&&"option"),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 sp&&this.__requestItemByIndex(t)}__onItemClick(e){this.dispatchEvent(new CustomEvent("selection-changed",{detail:{item:e.currentTarget.item}}))}__patchWheelOverScrolling(){this.$.selector.addEventListener("wheel",e=>{let t=0===this.scrollTop,i=this.scrollHeight-this.scrollTop-this.clientHeight<=1;t&&e.deltaY<0?e.preventDefault():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}};class sv extends s_(e4(ev)){static get is(){return"vaadin-combo-box-scroller"}static get styles(){return sl}render(){return X`
+      <div id="selector">
+        <slot></slot>
+      </div>
+    `}}eC(sv);let sm=e=>class extends i_(t1(e)){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){this._shouldKeepFocusOnClearMousedown()&&e.preventDefault(),iJ||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}))}_shouldKeepFocusOnClearMousedown(){return t6(this.inputElement)}},sg=eZ(e=>class extends ip(iD(i_(e))){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(e=>this.__isValidConstraint(e))}_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._requestValidation():s&&!this.manualValidation&&this._setInvalid(!1),this.__previousHasConstraints=i}_onChange(e){e.stopPropagation(),this._requestValidation(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable}))}__isValidConstraint(e){return!!e||0===e}}),sb=e=>class extends ic(ih(sg(iO(sm(t1(e)))))){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(){let e=this.localName;return[`
+          /* Needed for Safari, where ::slotted(...)::placeholder does not work */
+          ${e} > :is(input[slot='input'], textarea[slot='textarea'])::placeholder {
+            font: inherit;
+            color: inherit;
+          }
+
+          /* Override built-in autofill styles */
+          ${e} > input[slot='input']:autofill {
+            -webkit-text-fill-color: var(--vaadin-input-field-autofill-color, black) !important;
+            background-clip: text !important;
+          }
+
+          ${e}:has(> input[slot='input']:autofill)::part(input-field) {
+            --vaadin-input-field-background: var(--vaadin-input-field-autofill-background, lightyellow) !important;
+            --vaadin-input-field-value-color: var(--vaadin-input-field-autofill-color, black) !important;
+            --vaadin-input-field-button-text-color: var(--vaadin-input-field-autofill-color, black) !important;
+          }
+        `]}_onFocus(e){super._onFocus(e),this.autoselect&&this.inputElement&&this.inputElement.select()}_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=ej.debounce(this._preventInputDebouncer,eL.after(200),()=>{this.removeAttribute("input-prevented")})}__shouldAcceptKey(e){return e.metaKey||e.ctrlKey||!e.key||1!==e.key.length||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=RegExp(`^${e}$`,"u"),this.__allowedTextRegExp=RegExp(`^${e}*$`,"u")}catch(e){console.error(e)}}},sf=e=>class extends sg(e){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}},sy=[io,u`
+  [part$='button'] {
+    color: var(--vaadin-input-field-button-text-color, var(--vaadin-text-color-secondary));
+    cursor: var(--vaadin-clickable-cursor);
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+    user-select: none;
+    /* Ensure minimum click target (WCAG) */
+    padding: max(0px, (24px - var(--vaadin-icon-size, 1lh)) / 2);
+    margin: min(0px, (24px - var(--vaadin-icon-size, 1lh)) / -2);
+  }
+
+  /* Icon */
+  [part$='button']::before {
+    background: currentColor;
+    content: '';
+    display: block;
+    height: var(--vaadin-icon-size, 1lh);
+    width: var(--vaadin-icon-size, 1lh);
+    mask-size: var(--vaadin-icon-visual-size, 100%);
+    mask-position: 50%;
+    mask-repeat: no-repeat;
+  }
+
+  :host(:is(:not([clear-button-visible][has-value]), [disabled], [readonly])) [part~='clear-button'] {
+    display: none;
+  }
+
+  [part~='clear-button']::before {
+    mask-image: var(--_vaadin-icon-cross);
+  }
+
+  :host(:is([readonly], [disabled])) [part$='button'] {
+    color: var(--vaadin-text-color-disabled);
+    cursor: var(--vaadin-disabled-cursor);
+  }
+
+  @media (forced-colors: active) {
+    [part$='button']::before {
+      background: CanvasText;
+    }
+
+    :host([disabled]) [part$='button'] {
+      color: GrayText;
+    }
+
+    :host([disabled]) [part$='button']::before {
+      background: GrayText;
+    }
+  }
+`],sw=u`
+  :host([opened]) {
+    pointer-events: auto;
+  }
+
+  [part~='toggle-button']::before {
+    mask-image: var(--_vaadin-icon-chevron-down);
+  }
+
+  :host([readonly]) [part~='toggle-button'] {
+    display: none;
+  }
+`;class sC{context;items=[];pendingRequests={};#c={};#p;#_=0;#v=0;constructor(e,t,i,s,r){this.context=e,this.pageSize=t,this.size=i,this.parentCache=s,this.parentCacheIndex=r,this.#v=i||0}get parentItem(){return this.parentCache&&this.parentCache.items[this.parentCacheIndex]}get subCaches(){return Object.values(this.#c)}get isLoading(){return Object.keys(this.pendingRequests).length>0||this.subCaches.some(e=>e.isLoading)}get flatSize(){return this.#v}get pageSize(){return this.#p}set pageSize(e){this.#p=e,this.pendingRequests={},this.subCaches.forEach(t=>{t.pageSize=e})}get size(){return this.#_}set size(e){if(this.#_!==e){if(this.#_=e,void 0!==this.context.placeholder){this.items.length=e||0;for(let t=0;t<e||0;t++)this.items[t]||=this.context.placeholder}this.items.length>e&&(this.items.length=e||0),Object.keys(this.pendingRequests).forEach(e=>{parseInt(e)*this.pageSize>=this.size&&delete this.pendingRequests[e]})}}recalculateFlatSize(){this.#v=!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((e,t)=>{let s=i+t;(void 0===this.size||s<this.size)&&(this.items[s]=e)})}getSubCache(e){return this.#c[e]}removeSubCache(e){delete this.#c[e]}removeSubCaches(){this.#c={}}createSubCache(e){let t=new sC(this.context,this.pageSize,0,this,e);return this.#c[e]=t,t}getFlatIndex(e){let t=Math.max(0,Math.min(this.size-1,e));return this.subCaches.reduce((e,i)=>t>i.parentCacheIndex?e+i.flatSize:e,t)}}class sx extends EventTarget{host;dataProvider;dataProviderParams;isExpanded;getItemId;rootCache;placeholder;isPlaceholder;constructor(e,{size:t,pageSize:i,isExpanded:s,getItemId:r,isPlaceholder:n,placeholder:a,dataProvider:o,dataProviderParams:l}){super(),this.host=e,this.getItemId=r,this.isExpanded=s,this.placeholder=a,this.isPlaceholder=n,this.dataProvider=o,this.dataProviderParams=l,this.rootCache=this.#m(i,t)}get flatSize(){return this.rootCache.flatSize}get pageSize(){return this.rootCache.pageSize}get #g(){return{isExpanded:this.isExpanded,placeholder:this.placeholder}}isLoading(){return this.rootCache.isLoading}setPageSize(e){this.rootCache.pageSize=e}setDataProvider(e){this.dataProvider=e}recalculateFlatSize(){this.rootCache.recalculateFlatSize()}clearCache(){this.rootCache=this.#m(this.rootCache.pageSize,this.rootCache.size)}getFlatIndexContext(e){return function e(t,i,s=0){let r=i;for(let i of t.subCaches){let t=i.parentCacheIndex;if(r<=t)break;if(r<=t+i.flatSize)return e(i,r-t-1,s+1);r-=i.flatSize}return{cache:t,item:t.items[r],index:r,page:Math.floor(r/t.pageSize),level:s}}(this.rootCache,e)}getItemContext(e){return function e({getItemId:t},i,s,r=0,n=0){for(let e=0;e<i.items.length;e++){let a=i.items[e];if(a&&t(a)===t(s))return{cache:i,level:r,item:a,index:e,page:Math.floor(e/i.pageSize),subCache:i.getSubCache(e),flatIndex:n+i.getFlatIndex(e)}}for(let a of i.subCaches){let o=n+i.getFlatIndex(a.parentCacheIndex),l=e({getItemId:t},a,s,r+1,o+1);if(l)return l}}({getItemId:this.getItemId},this.rootCache,e)}getFlatIndexByPath(e){return function e(t,[i,...s],r=0){1/0===i&&(i=t.size-1);let n=t.getFlatIndex(i),a=t.getSubCache(i);return a?.flatSize>0&&s.length?e(a,s,r+n+1):r+n}(this.rootCache,e)}ensureFlatIndexLoaded(e){let{cache:t,page:i,item:s}=this.getFlatIndexContext(e);this.#b(s)||this.#f(t,i)}ensureFlatIndexHierarchy(e){let{cache:t,item:i,index:s}=this.getFlatIndexContext(e);if(this.#b(i)&&this.isExpanded(i)&&!t.getSubCache(s)){let e=t.createSubCache(s);this.#f(e,0)}}loadFirstPage(){this.#f(this.rootCache,0)}_shouldLoadCachePage(e,t){return!0}#m(e,t){return new sC(this.#g,e,t)}#f(e,t){if(!this.dataProvider||e.pendingRequests[t]||!this._shouldLoadCachePage(e,t))return;let i={page:t,pageSize:e.pageSize,parentItem:e.parentItem};this.dataProviderParams&&(i={...i,...this.dataProviderParams()});let s=(r,n)=>{e.pendingRequests[t]===s&&(void 0!==n?e.size=n: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)}#b(e){return this.isPlaceholder?!this.isPlaceholder(e):this.placeholder?e!==this.placeholder:!!e}}let sE=e=>class extends e{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}}}static get observers(){return["_dataProviderFilterChanged(filter)","_ensureFirstPage(opened)"]}constructor(){super(),this.__dataProviderInitialized=!1,this.__previousDataProviderFilter,this.__dataProviderController=new sx(this,{placeholder:new sp,isPlaceholder:e=>e instanceof sp,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;void 0!==t&&this.__dataProviderController.ensureFlatIndexLoaded(t)}),this.__dataProviderInitialized=!0,this.dataProvider&&this.__synchronizeControllerState()}_dataProviderFilterChanged(e){if(void 0===this.__previousDataProviderFilter&&""===e){this.__previousDataProviderFilter=e;return}this.__previousDataProviderFilter!==e&&(this.__previousDataProviderFilter=e,this.__dataProviderController.rootCache.size=void 0,this.clearCache())}_shouldFetchData(){return!!this.dataProvider&&(this.opened||this.filter&&this.filter.length)}_ensureFirstPage(e){this._shouldFetchData()&&e&&(this._forceNextRequest||void 0===this.size?(this._forceNextRequest=!1,this.__dataProviderController.loadFirstPage()):this.size>0&&this.__dataProviderController.ensureFlatIndexLoaded(0))}__onDataProviderPageRequested(){this.__synchronizeControllerState()}__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._shouldFetchData()?(this._forceNextRequest=!1,this.__dataProviderController.loadFirstPage()):this._forceNextRequest=!0,this.__synchronizeControllerState())}_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.setProperties({size:e.size,filteredItems:e.items,loading:this.__dataProviderController.isLoading()})}}_pageSizeChanged(e,t){if(Math.floor(e)!==e||e<1)throw this.pageSize=t,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(void 0!==this.items&&void 0!==this.dataProvider)throw e(),Error("Using `items` and `dataProvider` together is not supported")}},sk=e=>class extends e{static get observers(){return["__clearPendingFocusOnFilter(filter)"]}__focusIndex(e){if(!("number"!=typeof e||Number.isNaN(e))&&!(e<0)&&!this.filter){if(!this._overlayOpened||!this._dropdownItems||0===this._dropdownItems.length){this.__pendingFocusIndex=e;return}if(!(e>=this._dropdownItems.length)){if(this._focusedIndex=e,this._scrollIntoView(e,!0),this.loading){this.__pendingFocusIndex=e;return}delete this.__pendingFocusIndex,requestAnimationFrame(()=>{this.isConnected&&this._updateActiveDescendant(e)})}}}__focusPendingIndexIfNeeded(){void 0===this.__pendingFocusIndex||this.loading||this.__focusIndex(this.__pendingFocusIndex)}__clearPendingFocusOnFilter(){delete this.__pendingFocusIndex}_onOpened(){super._onOpened(),this.__focusPendingIndexIfNeeded()}__onDataProviderPageLoaded(){super.__onDataProviderPageLoaded(),this.__focusPendingIndexIfNeeded()}},sI=e=>class extends t1(i_(t0(t9(e)))){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},_focusedIndex:{type:Number,observer:"_focusedIndexChanged",value:-1,sync:!0},_toggleElement:{type:Object,observer:"_toggleElementChanged"},_dropdownItems:{type:Array,sync:!0},_overlayOpened:{type:Boolean,sync:!0,observer:"_overlayOpenedChanged"}}}constructor(){super(),this._scroller,this._closeOnBlurIsPrevented,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"}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.autocomplete="off",e.autocapitalize="off",e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-expanded",!!this.opened),e.setAttribute("spellcheck","false"),e.setAttribute("autocorrect","off"))}firstUpdated(){super.firstUpdated(),this._initScroller()}ready(){super.ready(),this._initOverlay(),this.addEventListener("click",this._boundOnClick),this.addEventListener("touchend",this._boundOnTouchend),this.clearElement&&this.clearElement.addEventListener("mousedown",this._boundOnClearButtonMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.close()}open(){this.disabled||this.readonly||(this.opened=!0)}close(){this.opened=!1}_initOverlay(){let e=this.$.overlay;e.addEventListener("touchend",this._boundOnOverlayTouchAction),e.addEventListener("touchmove",this._boundOnOverlayTouchAction),e.addEventListener("mousedown",e=>e.preventDefault()),e.addEventListener("opened-changed",e=>{this._overlayOpened=e.detail.value}),e.addEventListener("vaadin-overlay-closed",()=>{this._scroller.items=[],this._onOverlayClosed()}),this._overlayElement=e}_initScroller(){let e=document.createElement(`${this._tagNamePrefix}-scroller`);e.owner=this,e.getItemLabel=this._getItemLabel.bind(this),e.addEventListener("selection-changed",this._boundOverlaySelectedItemChanged),this._renderScroller(e),this._scroller=e}_renderScroller(e){e.setAttribute("slot","overlay"),e.setAttribute("tabindex","-1"),this.appendChild(e)}get _hasDropdownItems(){return!!(this._dropdownItems&&this._dropdownItems.length)}_overlayOpenedChanged(e,t){e?this._onOpened():t&&this._hasDropdownItems&&this.close()}_focusedIndexChanged(e,t){void 0!==t&&this._updateActiveDescendant(e)}_isInputFocused(){return this.inputElement&&t6(this.inputElement)}_updateActiveDescendant(e){let t=this.inputElement;if(!t)return;let i=this._getItemElements().find(t=>t.index===e);i?t.setAttribute("aria-activedescendant",i.id):t.removeAttribute("aria-activedescendant")}_openedChanged(e,t){if(void 0===t)return;e?this._isInputFocused()||iJ||!this.inputElement||this.inputElement.focus():(this.autoselect&&(this.__autoselectPending=!0),this._onClosed());let i=this.inputElement;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()}_onToggleButtonClick(e){e.preventDefault(),this.opened?this.close():this.open()}_onHostClick(e){this.autoOpenDisabled||(e.preventDefault(),this.open())}_onClick(e){this.autoselect&&this.inputElement&&this.__autoselectPending&&this.inputElement.selectionStart===this.inputElement.selectionEnd&&this.inputElement.select(),this.__autoselectPending=!1,this._isClearButton(e)?this._onClearButtonClick(e):e.composedPath().includes(this._toggleElement)?this._onToggleButtonClick(e):this._onHostClick(e)}_onTouchend(e){this.clearElement&&e.composedPath()[0]===this.clearElement&&(e.preventDefault(),this._onClearAction())}_onKeyDown(e){super._onKeyDown(e),"ArrowDown"===e.key?(this._onArrowDown(),e.preventDefault()):"ArrowUp"===e.key&&(this._onArrowUp(),e.preventDefault())}_getItemLabel(e){return e?e.toString():""}_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(){void 0!==this._inputElementValue&&this._setSelectionRange(0,this._inputElementValue.length)}_clearSelectionRange(){if(void 0!==this._inputElementValue){let e=this._inputElementValue?this._inputElementValue.length:0;this._setSelectionRange(e,e)}}_closeOrCommit(){this.opened?this.close():this._commitValue()}_onEnter(e){if(!this._hasValidInputValue()){e.preventDefault(),e.stopPropagation();return}this.opened&&(e.preventDefault(),e.stopPropagation()),this._closeOrCommit()}_hasValidInputValue(){return!0}_onEscape(e){this.autoOpenDisabled&&(this.opened||this.value!==this._inputElementValue&&this._inputElementValue.length>0)?(e.stopPropagation(),this._focusedIndex=-1,this._onEscapeCancel()):this.opened?(e.stopPropagation(),this._focusedIndex>-1?(this._focusedIndex=-1,this._revertInputValue()):this._onEscapeCancel()):this.clearButtonVisible&&this.value&&!this.readonly&&(e.stopPropagation(),this._onClearAction())}_onEscapeCancel(){}_toggleElementChanged(e){e&&(e.addEventListener("mousedown",e=>e.preventDefault()),e.addEventListener("click",()=>{iJ&&!this._isInputFocused()&&document.activeElement.blur()}))}_onClearAction(){}_onOpened(){}_onClosed(){}_onOverlayClosed(){}_commitValue(){}_revertInputValue(){this._inputElementValue=this.value,this._clearSelectionRange()}_onInput(e){this.opened||this._isClearButton(e)||this.autoOpenDisabled||(this.opened=!0)}_getItemElements(){return Array.from(this._scroller.querySelectorAll(`${this._tagNamePrefix}-item`))}_scrollIntoView(e,t=!1){this._scroller&&this._scroller.scrollIntoView(e,t)}_overlaySelectedItemChanged(e){e.stopPropagation(),this.hasAttribute("closing")||e.detail.item instanceof sp||this.opened&&(this._focusedIndex=this._dropdownItems.indexOf(e.detail.item),this.close())}_setFocused(e){super._setFocused(e),e||(this.__autoselectPending=!1),e||this.readonly||this._closeOnBlurIsPrevented||this._handleFocusOut()}_handleFocusOut(){t5?this._closeOrCommit():this.opened?this._overlayOpened||this.close():this._commitValue()}_shouldRemoveFocus(e){return(!e.relatedTarget||e.relatedTarget.localName!==`${this._tagNamePrefix}-item`)&&(e.relatedTarget!==this._overlayElement||(e.composedPath()[0].focus(),!1))}};function sA(e,t){return e.findIndex(e=>!(e instanceof sp)&&t(e))}let sT=e=>class extends sI(e){static get properties(){return{items:{type:Array,sync:!0,observer:"_itemsChanged"},filteredItems:{type:Array,observer:"_filteredItemsChanged",sync:!0},filter:{type:String,value:"",notify:!0,sync:!0},itemLabelGenerator:{type:Object},itemLabelPath:{type:String,value:"label",observer:"_itemLabelPathChanged",sync:!0},itemValuePath:{type:String,value:"value",sync:!0}}}updated(e){super.updated(e),e.has("filter")&&this._filterChanged(this.filter),e.has("itemLabelGenerator")&&this.requestContentUpdate()}_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)}_getItemLabel(e){if("function"==typeof this.itemLabelGenerator&&e)return this.itemLabelGenerator(e)||"";let t=e&&this.itemLabelPath?eQ(this.itemLabelPath,e):void 0;return null==t&&(t=e?e.toString():""),t}_getItemValue(e){let t=e&&this.itemValuePath?eQ(this.itemValuePath,e):void 0;return void 0===t&&(t=e?e.toString():""),t}_itemLabelPathChanged(e){"string"!=typeof e&&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)}_itemsChanged(e,t){this._ensureItemsOrDataProvider(()=>{this.items=t}),e?this.filteredItems=e.slice(0):t&&(this.filteredItems=null)}_filteredItemsChanged(e){this._setDropdownItems(e)}_setDropdownItems(){}_filterItems(e,t){return e?e.filter(e=>(t=t?t.toString().toLowerCase():"",this._getItemLabel(e).toString().toLowerCase().indexOf(t)>-1)):e}__getItemIndexByValue(e,t){return e&&null!=t?sA(e,e=>this._getItemValue(e)===t):-1}__getItemIndexByLabel(e,t){return e&&t?sA(e,e=>this._getItemLabel(e).toString().toLowerCase()===t.toString().toLowerCase()):-1}},sS=e=>class extends iD(sT(e)){static get properties(){return{renderer:{type:Object,sync:!0},allowCustomValue:{type:Boolean,value:!1},loading:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},selectedItem:{type:Object,notify:!0,sync:!0},itemClassNameGenerator:{type:Object},itemIdPath:{type:String,sync:!0}}}static get observers(){return["_openedOrItemsChanged(opened, _dropdownItems, loading)","_selectedItemChanged(selectedItem, itemValuePath, itemLabelPath)","_updateScroller(opened, _dropdownItems, _focusedIndex, _theme)"]}ready(){super.ready(),this._lastCommittedValue=this.value}requestContentUpdate(){this._scroller&&(this._scroller.requestContentUpdate(),this._getItemElements().forEach(e=>{e.requestContentUpdate()}))}updated(e){super.updated(e),["loading","itemIdPath","itemClassNameGenerator","renderer","selectedItem"].forEach(t=>{e.has(t)&&(this._scroller[t]=this[t])})}_updateScroller(e,t,i,s){e&&(this._scroller.style.maxHeight=getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`)||"65vh");let r=this.hasAttribute("closing");this._scroller.setProperties({items:e||r?t:[],opened:e,focusedIndex:i,theme:s})}_openedOrItemsChanged(e,t,i){this._overlayOpened=e&&(i||!!t?.length)}_onClearButtonClick(e){super._onClearButtonClick(e),this.opened&&this.requestContentUpdate()}_inputElementChanged(e){super._inputElementChanged(e),e&&this._revertInputValueToValue()}_closeOrCommit(){this.opened||this.loading?this.close():this._commitValue()}_hasValidInputValue(){let e=this._focusedIndex<0&&""!==this._inputElementValue&&this._getItemLabel(this.selectedItem)!==this._inputElementValue;return this.allowCustomValue||!e}_onEscapeCancel(){this.cancel()}_onClearAction(){this.selectedItem=null,this.allowCustomValue&&(this.value=""),this._detectAndDispatchChange()}_clearFilter(){this.filter=""}cancel(){this._revertInputValueToValue(),this._lastCommittedValue=this.value,this._closeOrCommit()}_onOpened(){this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-opened",{bubbles:!0,composed:!0})),this._lastCommittedValue=this.value}_onOverlayClosed(){this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-closed",{bubbles:!0,composed:!0}))}_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||void 0===this._inputElementValue)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 e=this._inputElementValue;this._lastCustomValue=e;let t=new CustomEvent("custom-value-set",{detail:e,composed:!0,cancelable:!0,bubbles:!0});this.dispatchEvent(t),t.defaultPrevented||(this.value=e)}else this.allowCustomValue||this.opened||!t?this._revertInputValueToValue():this.value=this._getItemValue(t)}this._detectAndDispatchChange(),this._clearSelectionRange(),this._clearFilter()}_onChange(e){e.stopPropagation()}_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(null==e)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||void 0!==t)&&(null!=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._requestValidation(),this.value!==this._lastCommittedValue&&(this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this._lastCommittedValue=this.value)}_selectItemForValue(e){let t=this.__getItemIndexByValue(this.filteredItems,e),i=this.selectedItem;t>=0?this.selectedItem=this.filteredItems[t]:this.dataProvider&&void 0===this.selectedItem?this.selectedItem=void 0:this.selectedItem=null,null===this.selectedItem&&null===i&&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);if((null===this.selectedItem||void 0===this.selectedItem)&&s>=0&&(this.selectedItem=e[s]),t&&t[this._focusedIndex]instanceof sp&&e[this._focusedIndex]instanceof sp)return;let r=this.__getItemIndexByValue(e,this._getItemValue(i));r>-1?this._focusedIndex=r:this._focusedIndex=this.__getItemIndexByLabel(e,this.filter)}_handleFocusOut(){!this.opened&&this.allowCustomValue&&this._inputElementValue===this._lastCustomValue?delete this._lastCustomValue:super._handleFocusOut()}};class sD extends sk(sE(sS(sf(sb(tb(eY(e4(td(ev))))))))){static get is(){return"vaadin-combo-box"}static get styles(){return[sy,sw]}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}render(){return X`
+      <div class="vaadin-combo-box-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+          <div id="toggleButton" part="field-button toggle-button" slot="suffix" aria-hidden="true"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+
+      <vaadin-combo-box-overlay
+        id="overlay"
+        exportparts="overlay, content, loader"
+        .owner="${this}"
+        .dir="${this.dir}"
+        .opened="${this._overlayOpened}"
+        ?loading="${this.loading}"
+        theme="${this._theme??Q}"
+        .positionTarget="${this._positionTarget}"
+        no-vertical-overlap
+      >
+        <slot name="overlay"></slot>
+      </vaadin-combo-box-overlay>
+    `}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController)),this._tooltipController=new tE(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}updated(e){super.updated(e),(e.has("dataProvider")||e.has("value"))&&this._warnDataProviderValue(this.dataProvider,this.value)}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e)}_onHostClick(e){let t=e.composedPath();(t.includes(this._labelNode)||t.includes(this._positionTarget))&&super._onHostClick(e)}_warnDataProviderValue(e,t){if(e&&""!==t&&(void 0===this.selectedItem||null===this.selectedItem)){let e=this.__getItemIndexByValue(this.filteredItems,t);(e<0||!this._getItemLabel(this.filteredItems[e]))&&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`")}}}eC(sD);let{I:sO}={M:$,P:V,A:M,C:1,L:ei,R:en,D:F,V:er,I:ea,H:eo,N:ed,U:eh,B:el,F:eu},sP=(e,t)=>{let i=e._$AN;if(void 0===i)return!1;for(let e of i)e._$AO?.(t,!1),sP(e,t);return!0},s$=e=>{let t,i;do{if(void 0===(t=e._$AM))break;(i=t._$AN).delete(e),e=t}while(0===i?.size)},sV=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(void 0===i)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),sL(t)}};function sM(e){void 0!==this._$AN?(s$(this),this._$AM=e,sV(this)):this._$AM=e}function sB(e,t=!1,i=0){let s=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(t)if(Array.isArray(s))for(let e=i;e<s.length;e++)sP(s[e],!1),s$(s[e]);else null!=s&&(sP(s,!1),s$(s));else sP(this,e)}let sL=e=>{2==e.type&&(e._$AP??=sB,e._$AQ??=sM)};class sR extends eb{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),sV(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(sP(this,e),s$(this))}setValue(e){if(void 0===this._$Ct.strings)this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}}let sN=Symbol("valueNotInitialized");class sz extends sR{constructor(e){if(super(e),6!==e.type)throw Error(`\`${this.constructor.name}\` must be bound to an element.`);this.previousValue=sN}render(e,t){return Q}update(e,[t,i]){return this.hasChanged(i)&&(this.host=e.options&&e.options.host,this.element=e.element,this.renderer=t,this.previousValue===sN?this.addRenderer():this.runRenderer(),this.previousValue=Array.isArray(i)?[...i]:i),Q}reconnected(){this.addRenderer()}disconnected(){this.removeRenderer()}addRenderer(){throw Error("The `addRenderer` method must be implemented.")}runRenderer(){throw Error("The `runRenderer` method must be implemented.")}removeRenderer(){throw Error("The `removeRenderer` method must be implemented.")}renderRenderer(e,...t){ep(this.renderer.call(this.host,...t),e,{host:this.host})}hasChanged(e){return Array.isArray(e)?!Array.isArray(this.previousValue)||this.previousValue.length!==e.length||e.some((e,t)=>e!==this.previousValue[t]):this.previousValue!==e}}let sF=eg(class extends sz{addRenderer(){this.element.renderer=(e,t,i)=>{this.renderRenderer(e,i.item,i,t)}}runRenderer(){this.element.requestContentUpdate()}removeRenderer(){this.element.renderer=null}}),sj=class extends sD{shouldUpdate(e){return e.has("items")?JSON.stringify(this.items)!==JSON.stringify(e.get("items"))&&super.shouldUpdate(e):super.shouldUpdate(e)}};sj=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-combo-box")],sj);let sH=u`
+  /* Optical centering */
+  :host::before,
+  :host::after {
+    content: '';
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  :host::after {
+    flex-grow: 1.1;
+  }
+
+  :host {
+    cursor: default;
+    --_overflow-indicator-height: var(--vaadin-dialog-overflow-indicator-height, 1px);
+    --_overflow-indicator-color: var(--vaadin-dialog-overflow-indicator-color, var(--vaadin-border-color-secondary));
+  }
+
+  [part='overlay']:focus-visible {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+  }
+
+  [part='overlay'] {
+    color: var(--vaadin-dialog-text-color, var(--vaadin-overlay-text-color, var(--vaadin-text-color)));
+    background: var(--vaadin-dialog-background, var(--vaadin-overlay-background, var(--vaadin-background-color)));
+    background-origin: border-box;
+    border: var(--vaadin-dialog-border-width, var(--vaadin-overlay-border-width, 1px)) solid
+      var(--vaadin-dialog-border-color, var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary)));
+    box-shadow: var(--vaadin-dialog-shadow, var(--vaadin-overlay-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3)));
+    border-radius: var(--vaadin-dialog-border-radius, var(--vaadin-radius-l));
+    width: max-content;
+    min-width: min(var(--vaadin-dialog-min-width, 4em), 100%);
+    max-width: min(var(--vaadin-dialog-max-width, 100%), 100%);
+    max-height: 100%;
+  }
+
+  [part='header'],
+  [part='header-content'],
+  [part='footer'] {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    flex: none;
+    pointer-events: none;
+    z-index: 1;
+    gap: var(--vaadin-dialog-toolbar-gap, var(--vaadin-gap-s));
+  }
+
+  ::slotted(*) {
+    pointer-events: auto;
+  }
+
+  [part='header'],
+  [part='content'],
+  [part='footer'] {
+    padding: var(--vaadin-dialog-padding, var(--vaadin-padding-l));
+  }
+
+  :host([theme~='no-padding']) [part='content'] {
+    padding: 0 !important;
+  }
+
+  :host(:is([has-header], [has-title])) [part='content'] {
+    padding-top: 0;
+  }
+
+  :host([has-footer]) [part='content'] {
+    padding-bottom: 0;
+  }
+
+  [part='header'] {
+    flex-wrap: nowrap;
+  }
+
+  ::slotted([slot='header-content']),
+  ::slotted([slot='title']),
+  ::slotted([slot='footer']) {
+    display: contents;
+  }
+
+  ::slotted([slot='title']) {
+    font: inherit !important;
+    color: inherit !important;
+    overflow-wrap: anywhere;
+  }
+
+  [part='title'] {
+    color: var(--vaadin-dialog-title-color, var(--vaadin-text-color));
+    font-weight: var(--vaadin-dialog-title-font-weight, 600);
+    font-size: var(--vaadin-dialog-title-font-size, 1em);
+    line-height: var(--vaadin-dialog-title-line-height, inherit);
+  }
+
+  [part='header-content'] {
+    flex: 1;
+  }
+
+  :host([has-title]) [part='header-content'],
+  [part='footer'] {
+    justify-content: flex-end;
+  }
+
+  :host(:not([has-title]):not([has-header])) [part='header'],
+  :host(:not([has-header])) [part='header-content'],
+  :host(:not([has-title])) [part='title'],
+  :host(:not([has-footer])) [part='footer'] {
+    display: none !important;
+  }
+
+  [part='header'],
+  [part='footer'] {
+    position: relative;
+
+    &::after {
+      content: '';
+      opacity: 0;
+      position: absolute;
+      pointer-events: none;
+      height: var(--_overflow-indicator-height);
+      top: 100%;
+      inset-inline: 0;
+      background: linear-gradient(
+        var(--_overflow-indicator-dir, to bottom),
+        var(--_overflow-indicator-color),
+        var(--_overflow-indicator-color) 1px,
+        transparent
+      );
+    }
+  }
+
+  [part='footer']::after {
+    top: auto;
+    bottom: 100%;
+    --_overflow-indicator-dir: to top;
+  }
+
+  :host([overflow~='top']) [part='header']::after,
+  :host([overflow~='bottom']) [part='footer']::after {
+    opacity: 1;
+  }
+`,sU=[iG,sH,u`
+  [part='overlay'] {
+    position: relative;
+    overflow: visible;
+    display: flex;
+  }
+
+  :host([has-bounds-set]) [part='overlay'] {
+    min-width: 0;
+  }
+
+  :host([has-bounds-set]:not([keep-in-viewport])) [part='overlay'] {
+    max-width: none;
+    max-height: none;
+  }
+
+  /* Content part scrolls by default */
+  [part='content'] {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+    clip-path: border-box;
+  }
+
+  [part='header'],
+  :host(:not([has-title], [has-header])) [part='content'] {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  [part='footer'],
+  :host(:not([has-footer])) [part='content'] {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  .resizer-container {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    max-width: 100%;
+    border-radius: calc(
+      var(--vaadin-dialog-border-radius, var(--vaadin-radius-l)) - var(
+          --vaadin-dialog-border-width,
+          var(--vaadin-overlay-border-width, 1px)
+        )
+    );
+  }
+
+  :host(:not([resizable])) .resizer {
+    display: none;
+  }
+
+  .resizer {
+    position: absolute;
+    height: 16px;
+    width: 16px;
+  }
+
+  .resizer.edge {
+    height: 8px;
+    width: 8px;
+    inset: -4px;
+  }
+
+  .resizer.edge.n {
+    width: auto;
+    bottom: auto;
+    cursor: ns-resize;
+  }
+
+  .resizer.ne {
+    top: -4px;
+    right: -4px;
+    cursor: nesw-resize;
+  }
+
+  .resizer.edge.e {
+    height: auto;
+    left: auto;
+    cursor: ew-resize;
+  }
+
+  .resizer.se {
+    bottom: -4px;
+    right: -4px;
+    cursor: nwse-resize;
+  }
+
+  .resizer.edge.s {
+    width: auto;
+    top: auto;
+    cursor: ns-resize;
+  }
+
+  .resizer.sw {
+    bottom: -4px;
+    left: -4px;
+    cursor: nesw-resize;
+  }
+
+  .resizer.edge.w {
+    height: auto;
+    right: auto;
+    cursor: ew-resize;
+  }
+
+  .resizer.nw {
+    top: -4px;
+    left: -4px;
+    cursor: nwse-resize;
+  }
+`],sq=[iG,sH,u`
+  :host {
+    --vaadin-dialog-min-width: var(--vaadin-confirm-dialog-min-width, 15em);
+    --vaadin-dialog-max-width: var(--vaadin-confirm-dialog-max-width, 25em);
+  }
+
+  ::slotted([slot='header']) {
+    display: contents;
+    font: inherit !important;
+    color: inherit !important;
+  }
+
+  [part='header'] {
+    color: var(--vaadin-dialog-title-color, var(--vaadin-text-color));
+    font-weight: var(--vaadin-dialog-title-font-weight, 600);
+    font-size: var(--vaadin-dialog-title-font-size, 1em);
+    line-height: var(--vaadin-dialog-title-line-height, inherit);
+  }
+
+  [part='overlay'] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  [part='content'] {
+    flex: 1;
+  }
+`];class sW extends se(eK(tb(e4(td(ev))))){static get is(){return"vaadin-confirm-dialog-overlay"}static get styles(){return sq}static get properties(){return{cancelButtonVisible:{type:Boolean,value:!1},rejectButtonVisible:{type:Boolean,value:!1}}}render(){return X`
+      <div part="backdrop" id="backdrop" ?hidden="${!this.withBackdrop}"></div>
+      <div part="overlay" id="overlay">
+        <header part="header"><slot name="header"></slot></header>
+        <div part="content" id="content">
+          <div part="message"><slot></slot></div>
+        </div>
+        <footer part="footer" role="toolbar">
+          <div part="cancel-button" ?hidden="${!this.cancelButtonVisible}">
+            <slot name="cancel-button"></slot>
+          </div>
+          <div part="reject-button" ?hidden="${!this.rejectButtonVisible}">
+            <slot name="reject-button"></slot>
+          </div>
+          <div part="confirm-button">
+            <slot name="confirm-button"></slot>
+          </div>
+        </footer>
+      </div>
+    `}ready(){super.ready(),this.setAttribute("has-header",""),this.setAttribute("has-footer","")}get _contentRoot(){return this.owner}get _focusTrapRoot(){return this.owner}}eC(sW);let sK=e=>class extends e{static get properties(){return{width:{type:String},height:{type:String}}}static get observers(){return["__sizeChanged(width, height)"]}__sizeChanged(e,t){requestAnimationFrame(()=>this.$.overlay.setBounds({width:e,height:t},!1))}},sG=e=>class extends sK(e){static get properties(){return{accessibleDescriptionRef:{type:String},opened:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,sync:!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"},_cancelButton:{type:Object},_confirmButton:{type:Object},_headerNode:{type:Object},_messageNodes:{type:Array,value:()=>[]},_rejectButton:{type:Object}}}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(_messageNodes, accessibleDescriptionRef)"]}constructor(){super(),this.__cancel=this.__cancel.bind(this),this.__confirm=this.__confirm.bind(this),this.__reject=this.__reject.bind(this)}connectedCallback(){super.connectedCallback(),this.__restoreOpened&&(this.opened=!0)}disconnectedCallback(){super.disconnectedCallback(),setTimeout(()=>{this.isConnected||(this.__restoreOpened=this.opened,this.opened=!1)})}ready(){super.ready(),this.role="alertdialog",this.setAttribute("aria-modal","true"),this.setAttribute("tabindex","0"),this._headerController=new tx(this,"header","h3",{initializer:e=>{this._headerNode=e}}),this.addController(this._headerController),this._messageController=new tx(this,"","div",{multiple:!0,observe:!1,initializer:e=>{this._messageNodes=[...this._messageNodes,e]}}),this.addController(this._messageController),this._cancelController=new tx(this,"cancel-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("cancel",e)}}),this.addController(this._cancelController),this._rejectController=new tx(this,"reject-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("reject",e)}}),this.addController(this._rejectController),this._confirmController=new tx(this,"confirm-button","vaadin-button",{initializer:e=>{this.__setupSlottedButton("confirm",e)}}),this.addController(this._confirmController),this._overlayElement=this.$.overlay}updated(e){super.updated(e),e.has("header")&&(this.ariaLabel=this.header||"confirmation")}__onDialogOpened(){this._confirmButton&&this._confirmButton.focus()}__onDialogClosed(){this.dispatchEvent(new CustomEvent("closed"))}__accessibleDescriptionRefChanged(e,t){if(e){if(t)this.removeAttribute("aria-description"),iw(this,"aria-describedby",{newId:t,oldId:this.__oldAccessibleDescriptionRef,fromUser:!0});else{this.removeAttribute("aria-describedby");let t=e.map(e=>e.textContent.trim()).join(" ");this.setAttribute("aria-description",t)}this.__oldAccessibleDescriptionRef=t}}__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?.length>0){let i=e.find(e=>e===this._messageController.defaultNode);i&&(i.textContent=t)}}__updateRejectButton(e,t,i,s){e&&(e===this._rejectController.defaultNode&&(e.textContent=t,e.setAttribute("theme",i)),e.toggleAttribute("hidden",!s))}_onOverlayEscapePress(e){this.noCloseOnEsc?e.preventDefault():this.__cancel()}_onOverlayOutsideClick(e){e.preventDefault()}__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}};class sY extends sG(eY(th(e4(ev)))){static get is(){return"vaadin-confirm-dialog"}static get styles(){return u`
+      :host([opened]),
+      :host([opening]),
+      :host([closing]) {
+        display: block !important;
+        position: fixed;
+        outline: none;
+      }
+
+      :host,
+      :host([hidden]) {
+        display: none !important;
+      }
+
+      :host(:focus-visible) ::part(overlay) {
+        outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+      }
+    `}render(){return X`
+      <vaadin-confirm-dialog-overlay
+        id="overlay"
+        .owner="${this}"
+        .opened="${this.opened}"
+        theme="${this._theme??Q}"
+        .cancelButtonVisible="${this.cancelButtonVisible}"
+        .rejectButtonVisible="${this.rejectButtonVisible}"
+        with-backdrop
+        restore-focus-on-close
+        focus-trap
+        exportparts="backdrop, overlay, header, content, message, footer, cancel-button, confirm-button, reject-button"
+        @opened-changed="${this._onOpenedChanged}"
+        @vaadin-overlay-open="${this.__onDialogOpened}"
+        @vaadin-overlay-closed="${this.__onDialogClosed}"
+        @vaadin-overlay-outside-click="${this._onOverlayOutsideClick}"
+        @vaadin-overlay-escape-press="${this._onOverlayEscapePress}"
+      >
+        <slot name="header" slot="header"></slot>
+        <slot></slot>
+        <slot name="cancel-button" slot="cancel-button"></slot>
+        <slot name="reject-button" slot="reject-button"></slot>
+        <slot name="confirm-button" slot="confirm-button"></slot>
+      </vaadin-confirm-dialog-overlay>
+    `}_onOpenedChanged(e){this.opened=e.detail.value}}eC(sY);var sX,sZ,sQ,sJ=i(954);function s0(e,t){let i=document.createElement("div");i.id=`dialog-${sJ.Util.generateUniqueUUID()}`,ep(t,i);let s=i.querySelector("or-vaadin-confirm-dialog");s?(s.opened=!0,s.addEventListener("closed",()=>i.remove()),s.querySelector("[slot='cancel-button']")&&(s.cancelButtonVisible=!0),s.querySelector("[slot='reject-button']")&&(s.rejectButtonVisible=!0),e.appendChild(i)):i.remove()}function s1(e,t,i,s,r,n){var a,o,l;return X`
+    ${"string"==typeof t?X`<or-translate slot="header" value=${t}></or-translate>`:X`<div slot="header">${t}</div>`}
+    ${"string"==typeof i?X`<or-translate value=${i}></or-translate>`:i}
+    ${a=()=>X`
+        <or-vaadin-button theme=${e&&e.includes(" ")?e:e+" primary"} slot="confirm-button">
+          <or-translate value=${s}></or-translate>
+        </or-vaadin-button>
+      `,s?a():void 0}
+    ${o=()=>X`
+        <or-vaadin-button theme=${e?`tertiary ${e}`:"tertiary"} slot="cancel-button">
+          <or-translate value=${r}></or-translate>
+        </or-vaadin-button>
+      `,r?o():void 0}
+    ${l=()=>X`
+        <or-vaadin-button theme=${e?`tertiary ${e}`:"tertiary"} slot="reject-button">
+          <or-translate value=${n}></or-translate>
+        </or-vaadin-button>
+      `,n?l():void 0}
+  `}function s2(e,t,i="errorOccurred"){return s0(e,X`
+      <or-vaadin-confirm-dialog>
+        ${s1("error tertiary",i,t,"close")}
+      </or-vaadin-confirm-dialog>
+    `)}let s5=class extends sY{static get styles(){return[sY.styles,u`
+        ::part(header),
+        ::part(content) {
+          background-color: var(--lumo-contrast-5pct);
+          margin-inline-start: 0;
+        }
+        ::part(header),
+        ::part(footer) {
+          padding: var(--lumo-space-l);
+        }
+        ::part(content) {
+          padding: 0 var(--lumo-space-l);
+        }
+      `]}open(){this.setAttribute("opened","true")}close(){this.toggleAttribute("opened",!1)}};s5=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-confirm-dialog")],s5);let s3=u`
+  [part='overlay'] {
+    display: flex;
+    flex: auto;
+    max-height: var(--vaadin-date-picker-overlay-max-height, 30rem);
+    box-sizing: content-box;
+    width: var(
+      --vaadin-date-picker-overlay-width,
+      round(
+        var(--vaadin-date-picker-date-width, 2rem) * 7 +
+          var(--vaadin-date-picker-month-padding, var(--vaadin-padding-s)) * 2 +
+          var(--vaadin-date-picker-year-scroller-width, 3rem),
+        1px
+      )
+    );
+    cursor: default;
+  }
+
+  :host([fullscreen]) [part='backdrop'] {
+    display: block;
+  }
+
+  :host([fullscreen]) [part='overlay'] {
+    border: none;
+    border-radius: 0;
+    max-height: 75vh;
+    width: 100%;
+  }
+
+  [part~='content'] {
+    flex: auto;
+  }
+
+  @media (max-width: 450px), (max-height: 450px) {
+    :host {
+      inset: auto 0 0 !important;
+    }
+  }
+`,s4=e=>class extends sn(se(e)){_shouldCloseOnOutsideClick(e){return!e.composedPath().includes(this.positionTarget)}_mouseDownListener(e){super._mouseDownListener(e),this._shouldCloseOnOutsideClick(e)&&!t7(e.composedPath()[0])&&e.preventDefault()}};class s8 extends s4(eK(tb(e4(td(ev))))){static get is(){return"vaadin-date-picker-overlay"}static get styles(){return[iG,s3]}render(){return X`
+      <div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
+      <div part="overlay" id="overlay">
+        <div part="content" id="content">
+          <slot></slot>
+        </div>
+      </div>
+    `}get _contentRoot(){return this.owner._overlayContent}}function s7(e){let t=new Date(e);return t.setHours(0,0,0,0),t}function s6(e){return new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),0,0,0,0))}function s9(e,t,i=s7){return e instanceof Date&&t instanceof Date&&i(e).getTime()===i(t).getTime()}function re(e){return{day:e.getDate(),month:e.getMonth(),year:e.getFullYear()}}function rt(e,t,i,s){let r=!1;return"function"==typeof s&&e&&(r=s(re(e))),(!t||e>=t)&&(!i||e<=i)&&!r}function ri(e,t){return t.filter(e=>void 0!==e).reduce((t,i)=>i?t?Math.abs(e.getTime()-i.getTime())<Math.abs(t.getTime()-e.getTime())?i:t:i:t)}function rs(e){let t=new Date,i=new Date(t);return i.setDate(1),i.setMonth(parseInt(e)+t.getMonth()),i}function rr(e){let t=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(e);if(!t)return;let i=new Date(0,0);return i.setFullYear(parseInt(t[1],10)),i.setMonth(parseInt(t[2],10)-1),i.setDate(parseInt(t[3],10)),i}function rn(e){let t=(e,t="00")=>(t+e).substr((t+e).length-t.length),i="",s="0000",r=e.year;return r<0?(r=-r,i="-",s="000000"):e.year>=1e4&&(i="+",s="000000"),[i+t(r,s),t(e.month+1),t(e.day)].join("-")}eC(s8);let ra=document.createElement("template");ra.innerHTML=`
+  <style>
+    :host {
+      display: block;
+      overflow: hidden;
+      height: 500px;
+    }
+
+    #scroller {
+      position: relative;
+      height: 100%;
+      overflow: auto;
+      /* Prevent browser scroll anchoring from overriding the virtual scroll position. */
+      overflow-anchor: none;
+      outline: none;
+      overflow-x: hidden;
+      scrollbar-width: none;
+    }
+
+    #scroller::-webkit-scrollbar {
+      display: none;
+    }
+
+    .buffer {
+      position: absolute;
+      width: var(--vaadin-infinite-scroller-buffer-width, 100%);
+      box-sizing: border-box;
+      top: var(--vaadin-infinite-scroller-buffer-offset, 0);
+    }
+  </style>
+
+  <div id="scroller" tabindex="-1">
+    <div class="buffer"></div>
+    <div class="buffer"></div>
+    <div id="fullHeight"></div>
+  </div>
+`;class ro extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(ra.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+2*this.bufferSize?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)}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=`${2*this._initialScroll}px`)}disconnectedCallback(){this._debouncerScrollFinish&&this._debouncerScrollFinish.cancel(),this._debouncerUpdateClones&&this._debouncerUpdateClones.cancel(),this.__pendingFinishInit&&cancelAnimationFrame(this.__pendingFinishInit)}forceUpdate(){this._debouncerScrollFinish&&this._debouncerScrollFinish.flush(),this._debouncerUpdateClones&&(this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(),this._debouncerUpdateClones.cancel())}_createElement(){}_updateElement(e,t){}_finishInit(){this._initDone||(this._buffers.forEach(e=>{[...e.children].forEach(e=>{this._ensureStampedInstance(e._itemWrapper)})}),this._buffers[0].translateY||this._reset(),this._initDone=!0,this.dispatchEvent(new CustomEvent("init-done")))}_translateBuffer(e){let t=+!!e;this._buffers[t].translateY=this._buffers[+!t].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>2*this._initialScroll-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._preventScrollEvent=!1,this._debouncerScrollFinish=ej.debounce(this._debouncerScrollFinish,eL.after(200),()=>{let e=this.$.scroller.getBoundingClientRect();this._isVisible(this._buffers[0],e)||this._isVisible(this._buffers[1],e)||(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.forEach(e=>{e.style.transform=`translate3d(0, ${e.translateY}px, 0)`}),this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(!0),this._debouncerUpdateClones=ej.debounce(this._debouncerUpdateClones,eL.after(200),()=>{this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones()}),this._scrollDisabled=!1}_createPool(){let e=this.innerHeight;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-${tC++}`,n=document.createElement("slot");n.setAttribute("name",r),n._itemWrapper=s,t.appendChild(n),s.setAttribute("slot",r),this.appendChild(s),this.itemHeight*i<=e&&this._ensureStampedInstance(s)}}),this.__pendingFinishInit=requestAnimationFrame(()=>{this._finishInit(),this.__pendingFinishInit=null})}_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((i,s)=>{let n=i._itemWrapper;(!e||this._isVisible(n,t))&&this._updateElement(n.instance,r+s)}),i.updated=!0}})}_isVisible(e,t){let i=e.getBoundingClientRect();return i.bottom>t.top&&i.top<t.bottom}}let rl=document.createElement("template");rl.innerHTML=`
+  <style>
+    :host {
+      --vaadin-infinite-scroller-item-height: 270px;
+      grid-area: months;
+      height: auto;
+    }
+  </style>
+`,eC(class extends ro{static get is(){return"vaadin-date-picker-month-scroller"}constructor(){super(),this.bufferSize=3,this.shadowRoot.appendChild(rl.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-month-calendar")}_updateElement(e,t){e.month=rs(t)}});let rd=document.createElement("template");rd.innerHTML=`
+  <style>
+    :host {
+      --vaadin-infinite-scroller-item-height: 80px;
+      width: 50px;
+      display: block;
+      position: relative;
+      grid-area: years;
+      height: auto;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-user-select: none;
+      user-select: none;
+      /* Center the year scroller position. */
+      --vaadin-infinite-scroller-buffer-offset: 50%;
+    }
+
+    :host::before {
+      content: '';
+      display: block;
+      background: transparent;
+      width: 0;
+      height: 0;
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      border-width: 6px;
+      border-style: solid;
+      border-color: transparent;
+      border-left-color: #000;
+    }
+  </style>
+`,eC(class extends ro{static get is(){return"vaadin-date-picker-year-scroller"}constructor(){super(),this.bufferSize=12,this.shadowRoot.appendChild(rd.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()}});let rh=u`
+  :host {
+    display: block;
+    height: 100%;
+  }
+
+  [part='year-number'] {
+    align-items: center;
+    display: flex;
+    height: 50%;
+    justify-content: center;
+    transform: translateY(-50%);
+    color: var(--vaadin-text-color-secondary);
+  }
+
+  :host([current]) [part='year-number'] {
+    color: var(--vaadin-date-picker-year-scroller-current-year-color, var(--vaadin-text-color));
+  }
+`;class ru extends tb(e4(td(ev))){static get is(){return"vaadin-date-picker-year"}static get styles(){return rh}static get properties(){return{year:{type:String,sync:!0},selectedDate:{type:Object,sync:!0}}}render(){return X`
+      <div part="year-number">${this.year}</div>
+      <div part="year-separator" aria-hidden="true"></div>
+    `}updated(e){super.updated(e),e.has("year")&&this.toggleAttribute("current",this.year===new Date().getFullYear()),(e.has("year")||e.has("selectedDate"))&&this.toggleAttribute("selected",this.selectedDate&&this.selectedDate.getFullYear()===this.year)}}eC(ru);let rc=u`
+  :host {
+    display: block;
+    padding: var(--vaadin-date-picker-month-padding, var(--vaadin-padding-s));
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  [part='month-header'] {
+    color: var(--vaadin-date-picker-month-header-color, var(--vaadin-text-color));
+    font-size: var(--vaadin-date-picker-month-header-font-size, 0.9375rem);
+    font-weight: var(--vaadin-date-picker-month-header-font-weight, 500);
+    line-height: 1;
+    margin-bottom: 0.75rem;
+    text-align: center;
+  }
+
+  table {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  thead,
+  tbody,
+  tr {
+    display: contents;
+  }
+
+  [part~='weekday'] {
+    color: var(--vaadin-date-picker-weekday-color, var(--vaadin-text-color-secondary));
+    font-size: var(--vaadin-date-picker-weekday-font-size, 0.75rem);
+    font-weight: var(--vaadin-date-picker-weekday-font-weight, 500);
+    margin-bottom: 0.375rem;
+  }
+
+  /* Week numbers are on a separate row, don't reserve space on weekday row. */
+  [part~='weekday']:empty {
+    display: none;
+  }
+
+  [part~='week-number'] {
+    grid-column: -1 / 1;
+    color: var(--vaadin-date-picker-week-number-color, var(--vaadin-text-color-secondary));
+    font-size: var(--vaadin-date-picker-week-number-font-size, 0.7rem);
+    line-height: 1;
+    margin-top: 0.125em;
+    margin-bottom: 0.125em;
+    gap: 0.25em;
+  }
+
+  [part~='week-number']::after {
+    content: '';
+    height: 1px;
+    flex: 1;
+    background: var(
+      --vaadin-date-picker-week-divider-color,
+      var(--vaadin-divider-color, var(--vaadin-border-color-secondary))
+    );
+  }
+
+  [part~='weekday'],
+  [part~='week-number'],
+  [part~='date'] {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    padding: 0;
+  }
+
+  [part~='date'] {
+    border-radius: var(--vaadin-date-picker-date-border-radius, var(--vaadin-radius-m));
+    position: relative;
+    height: var(--vaadin-date-picker-date-height, 2rem);
+    cursor: var(--vaadin-clickable-cursor);
+    outline: none;
+  }
+
+  [part~='date']:empty {
+    pointer-events: none !important;
+  }
+
+  [part~='date']::after {
+    border-radius: inherit;
+    content: '';
+    position: absolute;
+    z-index: -1;
+    height: min(2em, 100%);
+    aspect-ratio: 1;
+  }
+
+  :where([part~='date']:focus-visible)::after {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--vaadin-focus-ring-width) * -1);
+  }
+
+  [part~='today'] {
+    color: var(--vaadin-date-picker-date-today-color, var(--vaadin-text-color));
+  }
+
+  [part~='selected'] {
+    color: var(--vaadin-date-picker-date-selected-color, var(--vaadin-background-color));
+  }
+
+  [part~='selected']::after {
+    background: var(--vaadin-date-picker-date-selected-background, var(--vaadin-text-color));
+    outline-offset: 1px;
+  }
+
+  [disabled] {
+    cursor: var(--vaadin-disabled-cursor);
+    color: var(--vaadin-date-picker-date-disabled-color, var(--vaadin-text-color-disabled));
+    opacity: 0.7;
+  }
+
+  [hidden] {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    [part~='week-number']::after {
+      background: CanvasText;
+    }
+
+    [part~='today'] {
+      font-weight: 600;
+    }
+
+    [part~='selected'] {
+      forced-color-adjust: none;
+      --vaadin-date-picker-date-selected-color: SelectedItemText;
+      color: SelectedItemText !important;
+      --vaadin-date-picker-date-selected-background: SelectedItem;
+    }
+
+    [disabled] {
+      color: GrayText !important;
+    }
+  }
+`,rp=e=>class extends t9(e){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},enteredDate:{type:Date},disabled:{type:Boolean,reflectToAttribute:!0,computed:"__computeDisabled(month, minDate, maxDate)"},_days:{type:Array,computed:"__computeDays(month, i18n, minDate, maxDate, isDateDisabled)"},_weeks:{type:Array,computed:"__computeWeeks(_days)"},_notTapping:{type:Boolean},__hasFocus:{type:Boolean}}}static get observers(){return["__focusedDateChanged(focusedDate, _days)","_showWeekNumbersChanged(showWeekNumbers, i18n)"]}get focusableDateElement(){return[...this.shadowRoot.querySelectorAll("[part~=date]")].find(e=>s9(e.date,this.focusedDate))}ready(){super.ready(),tW(this.$.monthGrid,"tap",this._handleTap.bind(this))}_setFocused(e){super._setFocused(e),this.__hasFocus=e}__computeDisabled(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()>=0)&&!rt(s,t,i)&&!rt(r,t,i)}_getTitle(e,t){if(void 0!==e&&void 0!==t)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(void 0!==e&&void 0!==t)return e.slice(t).concat(e.slice(0,t))}__computeWeekDayNames(e,t){if(void 0===e||void 0===t)return[];let{weekdays:i,weekdaysShort:s,firstDayOfWeek:r}=e,n=this._applyFirstDayOfWeek(s,r);return this._applyFirstDayOfWeek(i,r).map((e,t)=>({weekDay:e,weekDayShort:n[t]})).slice(0,7)}__focusedDateChanged(e,t){Array.isArray(t)&&t.some(t=>s9(t,e))?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")}_getDate(e){return e?e.getDate():""}__computeShowWeekSeparator(e,t){return e&&t?.firstDayOfWeek===1}_isToday(e){return s9(new Date,e)}__computeDays(e,t){if(void 0===e||void 0===t)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(),n=e.getMonth();for(;i.getMonth()===n||i.getMonth()===r;)s.push(i.getMonth()===n?new Date(i.getTime()):null),this._dateAdd(i,1);return s}__computeWeeks(e){return e.reduce((e,t,i)=>(i%7==0&&e.push([]),e[e.length-1].push(t),e),[])}_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()}__computeWeekNumber(e){var t;let i,s,r,n;return 0===(i=(t=e.reduce((e,t)=>!e&&t?t:e)).getDay())&&(i=7),s=4-i,r=new Date(t.getTime()+24*s*36e5),(n=new Date(0,0)).setFullYear(r.getFullYear()),Math.floor(Math.round((r.getTime()-n.getTime())/864e5)/7+1)}__computeDayAriaLabel(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}_showWeekNumbersChanged(e,t){this.__computeShowWeekSeparator(e,t)?this.setAttribute("week-numbers",""):this.removeAttribute("week-numbers")}__computeDatePart(e,t,i,s,r,n,a,o){let l=["date"];return this.__isDayDisabled(e,s,r,n)&&l.push("disabled"),s9(e,t)&&(o||s9(e,a))&&l.push("focused"),this.__isDaySelected(e,i)&&l.push("selected"),this._isToday(e)&&l.push("today"),e<s7(new Date)&&l.push("past"),e>s7(new Date)&&l.push("future"),l.join(" ")}__isDaySelected(e,t){return s9(e,t)}__computeDayAriaSelected(e,t){return String(this.__isDaySelected(e,t))}__isDayDisabled(e,t,i,s){return!rt(e,t,i,s)}__computeDayAriaDisabled(e,t,i,s){return void 0===e||void 0===t&&void 0===i&&void 0===s?"false":String(this.__isDayDisabled(e,t,i,s))}__computeDayTabIndex(e,t){return s9(e,t)?"0":"-1"}};class r_ extends rp(tb(e4(td(ev)))){static get is(){return"vaadin-month-calendar"}static get styles(){return rc}render(){let e=this.__computeWeekDayNames(this.i18n,this.showWeekNumbers),t=this._weeks,i=!this.__computeShowWeekSeparator(this.showWeekNumbers,this.i18n);return X`
+      <div part="month-header" id="month-header" aria-hidden="true">${this._getTitle(this.month,this.i18n)}</div>
+      <table
+        id="monthGrid"
+        role="grid"
+        aria-labelledby="month-header"
+        @touchend="${this._preventDefault}"
+        @touchstart="${this._onMonthGridTouchStart}"
+      >
+        <thead id="weekdays-container">
+          <tr role="row" part="weekdays">
+            <th part="weekday" aria-hidden="true" ?hidden="${i}"></th>
+            ${e.map(e=>X`
+                <th role="columnheader" part="weekday" scope="col" abbr="${e.weekDay}" aria-hidden="true">
+                  ${e.weekDayShort}
+                </th>
+              `)}
+          </tr>
+        </thead>
+        <tbody id="days-container">
+          ${t.map(e=>X`
+              <tr role="row">
+                <td part="week-number" aria-hidden="true" ?hidden="${i}">
+                  ${this.__computeWeekNumber(e)}
+                </td>
+                ${e.map(e=>X`
+                    <td
+                      role="gridcell"
+                      part="${this.__computeDatePart(e,this.focusedDate,this.selectedDate,this.minDate,this.maxDate,this.isDateDisabled,this.enteredDate,this.__hasFocus)}"
+                      .date="${e}"
+                      ?disabled="${this.__isDayDisabled(e,this.minDate,this.maxDate,this.isDateDisabled)}"
+                      tabindex="${this.__computeDayTabIndex(e,this.focusedDate)}"
+                      aria-selected="${this.__computeDayAriaSelected(e,this.selectedDate)}"
+                      aria-disabled="${this.__computeDayAriaDisabled(e,this.minDate,this.maxDate,this.isDateDisabled)}"
+                      aria-label="${this.__computeDayAriaLabel(e)}"
+                      >${this._getDate(e)}</td
+                    >
+                  `)}
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `}}eC(r_);let rv=u`
+  :host {
+    display: grid;
+    grid-template-areas:
+      'header header'
+      'months years'
+      'toolbar years';
+    grid-template-columns: minmax(0, 1fr) 0;
+    height: 100%;
+    outline: none;
+    overflow: hidden;
+  }
+
+  :host([desktop]) {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  :host([fullscreen][years-visible]) {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  [part='years-toggle-button'] {
+    display: inline-flex;
+    align-items: center;
+    border-radius: var(--vaadin-button-border-radius, var(--vaadin-radius-m));
+    color: var(--vaadin-text-color);
+    font-size: var(--vaadin-button-font-size, inherit);
+    font-weight: var(--vaadin-button-font-weight, 500);
+    height: var(--vaadin-button-height, auto);
+    line-height: var(--vaadin-button-line-height, inherit);
+    padding: var(--vaadin-button-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
+    cursor: var(--vaadin-clickable-cursor);
+  }
+
+  :host([years-visible]) [part='years-toggle-button'] {
+    background: var(--vaadin-text-color);
+    color: var(--vaadin-background-color);
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  ::slotted([slot='months']) {
+    --vaadin-infinite-scroller-item-height: round(
+      var(--vaadin-date-picker-month-header-font-size, 0.9375rem) + 0.75rem +
+        var(--vaadin-date-picker-date-height, 2rem) * 7 + var(--_vaadin-date-picker-week-numbers-visible, 0) *
+        (
+          var(--vaadin-date-picker-week-number-font-size, 0.7rem) * 6.25 +
+            var(--vaadin-date-picker-month-padding, var(--vaadin-padding-s)) * 3
+        ),
+      1px
+    );
+  }
+
+  :host(:not([fullscreen])) ::slotted([slot='months']) {
+    border-bottom: 1px solid var(--vaadin-border-color-secondary);
+  }
+
+  ::slotted([slot='years']) {
+    visibility: hidden;
+    background: var(--vaadin-date-picker-year-scroller-background, var(--vaadin-background-container));
+    width: var(--vaadin-date-picker-year-scroller-width, 3rem);
+    box-sizing: border-box;
+    border-inline-start: 1px solid
+      var(--vaadin-date-picker-year-scroller-border-color, var(--vaadin-border-color-secondary));
+    overflow: visible;
+    min-height: 0;
+    clip-path: inset(0);
+  }
+
+  ::slotted([slot='years'])::before {
+    background: var(--vaadin-overlay-background, var(--vaadin-background-color));
+    border: 1px solid var(--vaadin-date-picker-year-scroller-border-color, var(--vaadin-border-color-secondary));
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    left: auto;
+    z-index: 1;
+    rotate: 45deg;
+    translate: calc(-50% - 1px) -50%;
+    transform: none;
+  }
+
+  :host([dir='rtl']) ::slotted([slot='years'])::before {
+    translate: calc(50% + 1px) -50%;
+  }
+
+  :host([desktop]) ::slotted([slot='years']),
+  :host([years-visible]) ::slotted([slot='years']) {
+    visibility: visible;
+  }
+
+  [part='toolbar'] {
+    display: flex;
+    grid-area: toolbar;
+    justify-content: space-between;
+    padding: var(--vaadin-date-picker-toolbar-padding, var(--vaadin-padding-s));
+  }
+
+  :host([fullscreen]) [part='toolbar'] {
+    grid-area: header;
+    border-bottom: 1px solid var(--vaadin-border-color-secondary);
+  }
+`;class rm{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){"function"==typeof this.callback&&this.callback(e.matches)}}let rg=e=>class extends e{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",sync:!0},_originDate:{type:Object,value:new Date},_visibleMonthIndex:Number,_desktopMode:{type:Boolean,observer:"_desktopModeChanged"},_desktopMediaQuery:{type:String,value:"(min-width: 375px)"},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},enteredDate:{type:Date,sync:!0},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, enteredDate)","__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=>e.focusableDateElement).find(Boolean)}_initControllers(){this.addController(new rm(this._desktopMediaQuery,e=>{this._desktopMode=e})),this.addController(new tx(this,"today-button","vaadin-button",{observe:!1,initializer:e=>{e.setAttribute("theme","tertiary"),e.addEventListener("keydown",e=>this.__onTodayButtonKeyDown(e)),e.addEventListener("click",this._onTodayTap.bind(this)),this._todayButton=e}})),this.addController(new tx(this,"cancel-button","vaadin-button",{observe:!1,initializer:e=>{e.setAttribute("theme","tertiary"),e.addEventListener("keydown",e=>this.__onCancelButtonKeyDown(e)),e.addEventListener("click",this._cancel.bind(this)),this._cancelButton=e}})),this.__initMonthScroller(),this.__initYearScroller()}reset(){this._closeYearScroller()}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 tx(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",e=>{this.__onMonthCalendarKeyDown(e)}),e.addEventListener("init-done",()=>{let e=[...this.querySelectorAll("vaadin-month-calendar")];e.forEach(e=>{e.addEventListener("selected-date-changed",e=>{this.selectedDate=e.detail.value})}),this.calendars=e}),this._monthScroller=e}}))}__initYearScroller(){this.addController(new tx(this,"years","vaadin-date-picker-year-scroller",{observe:!1,initializer:e=>{e.setAttribute("aria-hidden","true"),tW(e,"tap",e=>{this._onYearTap(e)}),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?.cancel)}__updateTodayButton(e,t,i,s,r){e&&(e.textContent=t?.today,e.disabled=!this._isTodayAllowed(i,s,r))}__updateCalendars(e,t,i,s,r,n,a,o,l,d,h){e?.length&&e.forEach(e=>{e.i18n=t,e.minDate=i,e.maxDate=s,e.isDateDisabled=d,e.focusedDate=n,e.selectedDate=r,e.showWeekNumbers=a,e.ignoreTaps=o,e.enteredDate=h,l?e.setAttribute("theme",l):e.removeAttribute("theme")})}__updateYears(e,t,i){e?.length&&e.forEach(e=>{e.selectedDate=t,i?e.setAttribute("theme",i):e.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)}_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 s=this._calculateWeekScrollOffset(e);this._scrollToPosition(i+s,t);return}let s=this._monthScroller.position>i,r=Math.max(this._monthScroller.itemHeight,this._monthScroller.clientHeight-2*this._monthScroller.bufferOffset)/this._monthScroller.itemHeight,n=this._monthScroller.position+r-1<i;s?this._scrollToPosition(i,t):n&&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=12*this._yearScroller.position-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=ej.debounce(this._debouncer,eL.after(300),()=>{this._ignoreTaps=!1})}_onTodayTap(){let e=this._getTodayMidnight();.001>Math.abs(this._monthScroller.position-this._differenceInMonths(e,this._originDate))?(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+12*t,!0)}}_scrollToPosition(e,t){let i;if(void 0!==this._targetPosition){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,this._revealPromise=new Promise(e=>{i=e});let s=0,r=this._monthScroller.position,n=e=>{s||(s=e);let t=e-s;if(t<this.scrollDuration){var a,o;let e=(a=t,o=this._targetPosition-r,(a/=this.scrollDuration/2)<1?o/2*a*a+r:-o/2*((a-=1)*(a-2)-1)+r);this._monthScroller.position=e,window.requestAnimationFrame(n)}else this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:!0,composed:!0,detail:{position:this._targetPosition,oldPosition:r}})),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)}_toggleYearScroller(){this.toggleAttribute("years-visible")}_closeYearScroller(){this.removeAttribute("years-visible")}_yearAfterXMonths(e){return rs(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()}__toggleDate(e){s9(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")}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())}}__onTodayButtonKeyDown(e){"Tab"===e.key&&this._onTabKeyDown(e,"today")}__onCancelButtonKeyDown(e){"Tab"===e.key&&this._onTabKeyDown(e,"cancel")}__focusInput(){this.dispatchEvent(new CustomEvent("focus-input",{bubbles:!0,composed:!0}))}__tryFocusDate(){if(this.__pendingDateFocus){let e=this.focusableDateElement;e&&s9(e.date,this.__pendingDateFocus)&&(delete this.__pendingDateFocus,e.focus())}}async focusDate(e,t){let i=e||this.selectedDate||this.initialPosition||new Date;this.focusedDate=i,t||(this._focusedMonthDate=i.getDate()),await this.focusDateElement(!1)}async focusDateElement(e=!0){this.__pendingDateFocus=this.focusedDate,this.calendars.length||await new Promise(e=>{requestAnimationFrame(()=>{setTimeout(()=>{e()})})}),e&&this.revealDate(this.focusedDate),this._revealPromise&&await this._revealPromise,this.__tryFocusDate()}_focusClosestDate(e){this.focusDate(ri(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()),"minDate"===t?(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 rt(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}};class rb extends rg(tb(eK(e4(td(ev))))){static get is(){return"vaadin-date-picker-overlay-content"}static get styles(){return rv}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}render(){return X`
+      <slot name="months"></slot>
+      <slot name="years"></slot>
+
+      <div role="toolbar" part="toolbar">
+        <slot name="today-button"></slot>
+        <div
+          part="years-toggle-button"
+          ?hidden="${this._desktopMode}"
+          aria-hidden="true"
+          @click="${this._toggleYearScroller}"
+        >
+          ${this._yearAfterXMonths(this._visibleMonthIndex)}
+        </div>
+        <slot name="cancel-button"></slot>
+      </div>
+    `}firstUpdated(){super.firstUpdated(),this.setAttribute("role","dialog"),this._initControllers()}}eC(rb);let rf=u`
+  :host([opened]) {
+    pointer-events: auto;
+  }
+
+  :host([week-numbers]) {
+    --_vaadin-date-picker-week-numbers-visible: 1;
+  }
+
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
+    direction: rtl;
+    text-align: left;
+  }
+
+  [part~='toggle-button']::before {
+    mask-image: var(--_vaadin-icon-calendar);
+  }
+
+  :host([readonly]) [part~='toggle-button'] {
+    display: none;
+  }
+`,ry=new WeakMap,rw=new WeakMap,rC={},rx=0,rE=e=>e?.nodeType===Node.ELEMENT_NODE,rk=(...e)=>{console.error(`Error: ${e.join(" ")}. Skip setting aria-hidden.`)};HTMLElement.prototype;let rI=["__proto__","constructor","prototype"],rA=e=>{if(!e||"object"!=typeof e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||null===t};function rT(e,...t){return t.forEach(t=>(function e(t,i,s){return rA(t)&&rA(i)&&Object.keys(i).forEach(r=>{if(rI.includes(r))return;let n=i[r];if(rA(n)){if(!Object.hasOwn(t,r)||!rA(t[r])){if(s&&Object.hasOwn(t,r)&&t[r])return;t[r]={}}e(t[r],n,s)}else s&&Array.isArray(n)?t[r]=[...n]:s&&null==n||(t[r]=n)}),t})(e,t,!0)),e}let rS=e=>class extends e{static get properties(){return{i18n:{type:Object},__effectiveI18n:{type:Object,sync:!0}}}static get defaultI18n(){return{}}constructor(){super(),this.i18n=rT({},this.constructor.defaultI18n)}get i18n(){return this.__customI18n}set i18n(e){e!==this.__customI18n&&(this.__customI18n=e,this.__effectiveI18n=rT({},this.constructor.defaultI18n,this.__customI18n))}};class rD{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")}}let rO=Object.freeze({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,e=>"0000".substr(e.length)+e);return[e.month+1,e.day,t].join("/")},parseDate(e){let t=e.split("/"),i=new Date,s,r=i.getMonth(),n=i.getFullYear();if(3===t.length?(r=parseInt(t[0])-1,s=parseInt(t[1]),n=parseInt(t[2]),t[2].length<3&&n>=0&&(n=function(e,t,i=0,s=1){if(t>99)throw Error("The provided year cannot have more than 2 digits.");if(t<0)throw Error("The provided year cannot be negative.");let r=t+100*Math.floor(e.getFullYear()/100);return e<new Date(r-50,i,s)?r-=100:e>new Date(r+50,i,s)&&(r+=100),r}(this.referenceDate?rr(this.referenceDate):new Date,n,r,s))):2===t.length?(r=parseInt(t[0])-1,s=parseInt(t[1])):1===t.length&&(s=parseInt(t[0])),void 0!==s)return{day:s,month:r,year:n}},formatTitle:(e,t)=>`${e} ${t}`}),rP=e=>class extends rS(ih(sg(t1(e)))){static get properties(){return{_selectedDate:{type:Object,sync:!0},_focusedDate:{type:Object,sync:!0},value:{type:String,notify:!0,value:"",sync:!0},initialPosition:{type:String},opened:{type:Boolean,reflectToAttribute:!0,notify:!0,observer:"_openedChanged",sync:!0},autoOpenDisabled:{type:Boolean,sync:!0},showWeekNumbers:{type:Boolean,value:!1,sync:!0},_fullscreen:{type:Boolean,value:!1,sync:!0},_fullscreenMediaQuery:{value:"(max-width: 450px), (max-height: 450px)"},min:{type:String,sync:!0},max:{type:String,sync:!0},isDateDisabled:{type:Function},_minDate:{type:Date,computed:"__computeMinOrMaxDate(min)"},_maxDate:{type:Date,computed:"__computeMinOrMaxDate(max)"},_noInput:{type:Boolean,computed:"_isNoInput(inputElement, _fullscreen, _ios, __effectiveI18n, opened, autoOpenDisabled)"},_ios:{type:Boolean,value:iZ},_focusOverlayOnOpen:Boolean,_overlayContent:{type:Object,sync:!0},__enteredDate:{type:Date,sync:!0}}}static get observers(){return["_selectedDateChanged(_selectedDate, __effectiveI18n)","_focusedDateChanged(_focusedDate, __effectiveI18n)","__updateOverlayContent(_overlayContent, __effectiveI18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled, __enteredDate)","__updateOverlayContentTheme(_overlayContent, _theme)","__updateOverlayContentFullScreen(_overlayContent, _fullscreen)"]}static get defaultI18n(){return rO}static get constraints(){return[...super.constraints,"min","max"]}constructor(){super(),this._boundOnClick=this._onClick.bind(this),this._boundOnScroll=this._onScroll.bind(this)}get i18n(){return super.i18n}set i18n(e){super.i18n=e}get _inputElementValue(){return super._inputElementValue}set _inputElementValue(e){super._inputElementValue=e;let t=this.__parseDate(e);this.__setEnteredDate(t)}get __unparsableValue(){return!this._inputElementValue||this.__parseDate(this._inputElementValue)?"":this._inputElementValue}_onFocus(e){super._onFocus(e),this._noInput&&!t5&&(this.__ignoreInternalBlur=!0,e.target.blur(),this.__ignoreInternalBlur=!1)}_onBlur(e){super._onBlur(e),this.__ignoreInternalBlur||!this.opened&&(this.__commitParsedOrFocusedDate(),document.hasFocus()&&this._requestValidation())}ready(){super.ready(),this.addEventListener("click",this._boundOnClick),this.addController(new rm(this._fullscreenMediaQuery,e=>{this._fullscreen=e})),this.addController(new rD(this)),this._overlayElement=this.$.overlay}updated(e){super.updated(e),(e.has("showWeekNumbers")||e.has("__effectiveI18n"))&&this.toggleAttribute("week-numbers",this.showWeekNumbers&&1===this.__effectiveI18n.firstDayOfWeek)}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}focus(e){this._noInput&&!t5?this.open():super.focus(e)}open(){this.disabled||this.readonly||(this.opened=!0)}close(){this.$.overlay.close()}__ensureContent(){if(this._overlayContent)return;let e=document.createElement("vaadin-date-picker-overlay-content");e.setAttribute("slot","overlay"),this.appendChild(e),this._overlayContent=e,e.addEventListener("close",()=>{this._close()}),e.addEventListener("focus-input",this._focusAndSelect.bind(this)),e.addEventListener("date-tap",e=>{this.__commitDate(e.detail.date),this._close()}),e.addEventListener("date-selected",e=>{this.__commitDate(e.detail.date)}),e.addEventListener("focusin",()=>{this._keyboardActive&&this._setFocused(!0)}),e.addEventListener("focusout",e=>{this._shouldRemoveFocus(e)&&this._setFocused(!1)}),e.addEventListener("focused-date-changed",e=>{this._focusedDate=e.detail.value}),e.addEventListener("click",e=>e.stopPropagation())}__parseDate(e){if(!this.__effectiveI18n.parseDate)return;let t=this.__effectiveI18n.parseDate(e);if(t&&(t=rr(`${t.year}-${t.month+1}-${t.day}`)),t&&!isNaN(t.getTime()))return t}__formatDate(e){if(this.__effectiveI18n.formatDate)return this.__effectiveI18n.formatDate(re(e))}checkValidity(){let e=this._inputElementValue,t=!e||!!this._selectedDate&&e===this.__formatDate(this._selectedDate),i=!this._selectedDate||rt(this._selectedDate,this._minDate,this._maxDate,this.isDateDisabled),s=!0;return this.inputElement&&this.inputElement.checkValidity&&(s=this.inputElement.checkValidity()),t&&i&&s}_shouldSetFocus(e){return!this._shouldKeepFocusRing}_shouldKeepFocusOnClearMousedown(){return!!this.opened||super._shouldKeepFocusOnClearMousedown()}_shouldRemoveFocus(e){let{relatedTarget:t}=e;return!(!this.opened||null===t||t===document.body||this.contains(t)||this._overlayContent.contains(t))||!this.opened}_setFocused(e){super._setFocused(e),this._shouldKeepFocusRing=e&&this._keyboardActive}__commitValueChange(){let e=this.__unparsableValue;this.__committedValue!==this.value?(this._requestValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValue!==e&&(this._requestValidation(),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()}_isNoInput(e,t,i,s,r,n){return!e||t&&(!n||r)||i&&r||!s.parseDate}_formatISO(e){return e instanceof Date?rn({year:e.getFullYear(),month:e.getMonth(),day:e.getDate()}):""}_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){e&&this.__ensureContent(),this.inputElement&&this.inputElement.setAttribute("aria-expanded",e)}_selectedDateChanged(e,t){void 0!==e&&void 0!==t&&(this.__keepInputValue||this._applyInputValue(e),this.value=this._formatISO(e),this._ignoreFocusedDateChange=!0,this._focusedDate=e,this._ignoreFocusedDateChange=!1)}_focusedDateChanged(e,t){void 0!==e&&void 0!==t&&(this._ignoreFocusedDateChange||this._noInput||this._applyInputValue(e))}_valueChanged(e,t){let i=rr(e);if(e&&!i){this.value=t;return}e?s9(this._selectedDate,i)||(this._selectedDate=i,void 0!==t&&this._requestValidation()):this._selectedDate=null,this.__keepCommittedValue||(this.__committedValue=this.value,this.__committedUnparsableValue=""),this._toggleHasValue(this._hasValue)}__updateOverlayContent(e,t,i,s,r,n,a,o,l,d){e&&(e.i18n=t,e.label=i,e.minDate=s,e.maxDate=r,e.focusedDate=n,e.selectedDate=a,e.showWeekNumbers=o,e.isDateDisabled=l,e.enteredDate=d)}__updateOverlayContentTheme(e,t){e&&(t?e.setAttribute("theme",t):e.removeAttribute("theme"))}__updateOverlayContentFullScreen(e,t){e&&e.toggleAttribute("fullscreen",t)}_onOverlayEscapePress(e){e.stopPropagation(),this._focusedDate=this._selectedDate,this._applyInputValue(this._selectedDate),this._close()}_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.focusDateElement(),this._focusOverlayOnOpen=!1):this._focus();let s=this.inputElement;this._noInput&&s&&(s.blur(),this._overlayContent.focusDateElement());let r=this._noInput?e:this;this.__showOthers=((e,t=document.body,i="data-aria-hidden")=>{var s,r;let n,a,o,l,d,h,u,c=Array.from(Array.isArray(e)?e:[e]);return t&&c.push(...Array.from(t.querySelectorAll("[aria-live]"))),s="aria-hidden",r=Array.isArray(c)?c:[c],n=rE(t)?r.map(e=>{if(!rE(e))return rk(e,"is not a valid element"),null;let i=e;for(;i&&i!==t;){if(t.contains(i))return e;i=i.getRootNode().host}return rk(e,"is not contained inside",t),null}).filter(e=>!!e):(rk(t,"is not a valid element"),[]),rC[i]||(rC[i]=new WeakMap),a=rC[i],o=[],l=new Set,d=new Set(n),h=e=>{if(!e||l.has(e))return;l.add(e);let t=e.assignedSlot;t&&h(t),h(e.parentNode||e.host)},n.forEach(h),(u=e=>{if(!e||d.has(e))return;let t=e.shadowRoot;(t?[...e.children,...t.children]:[...e.children]).forEach(e=>{if(!["template","script","style"].includes(e.localName))if(l.has(e))u(e);else{let t=e.getAttribute(s),r=null!==t&&"false"!==t,n=(ry.get(e)||0)+1,l=(a.get(e)||0)+1;ry.set(e,n),a.set(e,l),o.push(e),1===n&&r&&rw.set(e,!0),1===l&&e.setAttribute(i,"true"),r||e.setAttribute(s,"true")}})})(t),l.clear(),rx+=1,()=>{o.forEach(e=>{let t=ry.get(e)-1,r=a.get(e)-1;ry.set(e,t),a.set(e,r),t||(rw.has(e)?rw.delete(e):e.removeAttribute(s)),r||e.removeAttribute(i)}),(rx-=1)||(ry=new WeakMap,ry=new WeakMap,rw=new WeakMap,rC={})}})(r)}_getInitialPosition(){let e=rr(this.initialPosition),t=this._selectedDate||this._overlayContent.initialPosition||e||new Date;return e||rt(t,this._minDate,this._maxDate,this.isDateDisabled)?t:this._minDate||this._maxDate?ri(t,[this._minDate,this._maxDate]):new Date}__commitParsedOrFocusedDate(){if(this._ignoreFocusedDateChange=!0,this.__effectiveI18n.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.__commitParsedOrFocusedDate(),this.inputElement&&this.inputElement.selectionStart&&(this.inputElement.selectionStart=this.inputElement.selectionEnd),this.value||this._keyboardActive||this._requestValidation(),this.inputElement&&t6(this.inputElement)||this._setFocused(!1)}_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.inputElement&&this.inputElement.setSelectionRange(e,t)}_onChange(e){e.stopPropagation()}_onClick(e){!e.composedPath().includes(this._overlayElement)&&(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&&-1===["Tab","Escape"].indexOf(e.key)&&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())}}_onEnter(e){e.composedPath().includes(this._overlayContent)||(this.opened?this.close():this.__commitParsedOrFocusedDate())}_onEscape(e){if(this.opened)return void this._onOverlayEscapePress(e);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(){this.opened||!this._inputElementValue||this.autoOpenDisabled||this.open();let e=this.__parseDate(this._inputElementValue||"");e&&(this._ignoreFocusedDateChange=!0,s9(e,this._focusedDate)||(this._focusedDate=e),this._ignoreFocusedDateChange=!1),this.__setEnteredDate(e)}__setEnteredDate(e){e?s9(this.__enteredDate,e)||(this.__enteredDate=e):this.__enteredDate=null}__computeMinOrMaxDate(e){return rr(e)}};class r$ extends rP(sb(tb(eY(e4(td(ev)))))){static get is(){return"vaadin-date-picker"}static get styles(){return[sy,rf]}static get properties(){return{_positionTarget:{type:Object,sync:!0}}}get clearElement(){return this.$.clearButton}render(){return X`
+      <div class="vaadin-date-picker-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+          <div part="field-button toggle-button" slot="suffix" aria-hidden="true" @click="${this._toggle}"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+
+      <vaadin-date-picker-overlay
+        id="overlay"
+        .owner="${this}"
+        ?fullscreen="${this._fullscreen}"
+        theme="${this._theme??Q}"
+        .opened="${this.opened}"
+        @opened-changed="${this._onOpenedChanged}"
+        @vaadin-overlay-open="${this._onOverlayOpened}"
+        @vaadin-overlay-close="${this._onVaadinOverlayClose}"
+        @vaadin-overlay-closing="${this._onOverlayClosed}"
+        restore-focus-on-close
+        no-vertical-overlap
+        exportparts="backdrop, overlay, content"
+        .restoreFocusNode="${this.inputElement}"
+        .positionTarget="${this._positionTarget}"
+      >
+        <slot name="overlay"></slot>
+      </vaadin-date-picker-overlay>
+    `}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e},{uniqueIdPrefix:"search-input"})),this.addController(new i$(this.inputElement,this._labelController)),this._tooltipController=new tE(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.shadowRoot.querySelector('[part="field-button toggle-button"]').addEventListener("mousedown",e=>e.preventDefault())}_onOpenedChanged(e){this.opened=e.detail.value}_onVaadinOverlayClose(e){let t=e.detail.sourceEvent;t?.composedPath().includes(this)&&!t.composedPath().includes(this._overlayElement)&&e.preventDefault()}_toggle(e){e.stopPropagation(),this.$.overlay.opened?this.close():this.open()}}eC(r$);let rV=class extends r${};rV=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-date-picker")],rV);class rM extends iW(tb(eK(e4(td(ev))))){static get is(){return"vaadin-time-picker-item"}static get styles(){return[iU,iq]}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}}eC(rM);let rB=u`
+  :host {
+    --vaadin-item-checkmark-display: block;
+  }
+
+  #overlay {
+    width: var(--vaadin-time-picker-overlay-width, var(--_vaadin-time-picker-overlay-default-width, auto));
+  }
+
+  [part='content'] {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+`;class rL extends sa(se(eK(tb(e4(td(ev)))))){static get is(){return"vaadin-time-picker-overlay"}static get styles(){return[iG,rB]}render(){return X`
+      <div part="overlay" id="overlay">
+        <div part="content" id="content">
+          <slot></slot>
+        </div>
+      </div>
+    `}}eC(rL);class rR extends s_(e4(ev)){static get is(){return"vaadin-time-picker-scroller"}static get styles(){return sl}render(){return X`
+      <div id="selector">
+        <slot></slot>
+      </div>
+    `}}eC(rR);let rN=u`
+  :host([opened]) {
+    pointer-events: auto;
+  }
+
+  [part~='toggle-button']::before {
+    mask-image: var(--_vaadin-icon-clock);
+  }
+
+  :host([readonly]) [part~='toggle-button'] {
+    display: none;
+  }
+
+  /* See https://github.com/vaadin/vaadin-time-picker/issues/145 */
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
+    direction: rtl;
+    text-align: left;
+  }
+`;function rz(e){if(!e)return"";let t=(e=0,t="00")=>(t+e).substr((t+e).length-t.length),i=`${t(e.hours)}:${t(e.minutes)}`;return void 0!==e.seconds&&(i+=`:${t(e.seconds)}`),void 0!==e.milliseconds&&(i+=`.${t(e.milliseconds,"000")}`),i}let rF="(\\d|[0-5]\\d)",rj=RegExp(`^(\\d|[0-1]\\d|2[0-3])(?::${rF}(?::${rF}(?:\\.(\\d{1,3}))?)?)?$`,"u");function rH(e){let t=rj.exec(e);if(t){if(t[4])for(;t[4].length<3;)t[4]+="0";return{hours:t[1],minutes:t[2],seconds:t[3],milliseconds:t[4]}}}function rU(e,t){var i;let s;if(!e)return e;let r=(s=null==(i=t)?60:parseFloat(i))%3600==0?1:s%60!=0&&s?s%1==0?3:s<1?4:void 0:2;return{...e,hours:parseInt(e.hours),minutes:parseInt(e.minutes||0),seconds:r<3?void 0:parseInt(e.seconds||0),milliseconds:r<4?void 0:parseInt(e.milliseconds||0)}}let rq=Object.freeze({formatTime:rz,parseTime:rH}),rW="00:00:00.000",rK="23:59:59.999",rG=e=>class extends rS(sf(sI(sb(e)))){static get properties(){return{value:{type:String,notify:!0,value:"",sync:!0},min:{type:String,value:"",sync:!0},max:{type:String,value:"",sync:!0},step:{type:Number,sync:!0},_comboBoxValue:{type:String,sync:!0,observer:"__comboBoxValueChanged"},_inputContainer:{type:Object}}}static get observers(){return["_openedOrItemsChanged(opened, _dropdownItems)","_updateScroller(opened, _dropdownItems, _focusedIndex, _theme, _comboBoxValue)","__updateAriaAttributes(_dropdownItems, opened, inputElement)"]}static get defaultI18n(){return rq}static get constraints(){return[...super.constraints,"min","max"]}get _tagNamePrefix(){return"vaadin-time-picker"}get clearElement(){return this.$.clearButton}get i18n(){return super.i18n}set i18n(e){super.i18n=e}get __unparsableValue(){return this._inputElementValue&&!this.__effectiveI18n.parseTime(this._inputElementValue)?this._inputElementValue:""}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e},{uniqueIdPrefix:"search-input"})),this.addController(new i$(this.inputElement,this._labelController)),this._inputContainer=this.shadowRoot.querySelector('[part~="input-field"]'),this._toggleElement=this.$.toggleButton,this._tooltipController=new tE(this),this._tooltipController.setShouldShow(e=>!e.opened),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}updated(e){super.updated(e),["__effectiveI18n","min","max","step"].some(t=>e.has(t))&&this.__updateDropdownItems(),e.has("step")&&this.__updateValue(this.__getTimeObject(this.value)),e.has("__effectiveI18n")&&this.value&&this.__updateInputValue(this.__getTimeObject(this.value))}checkValidity(){return!!(this.inputElement.checkValidity()&&(!this.value||this._timeAllowed(rH(this.value)))&&(!this._comboBoxValue||this.__effectiveI18n.parseTime(this._comboBoxValue)))}_getItemLabel(e){return e?e.label:""}_updateScroller(e,t,i,s,r){e&&(this._scroller.style.maxHeight=getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`)||"65vh"),this._scroller.setProperties({items:e?t:[],opened:e,focusedIndex:i,theme:s,selectedItem:t?.find(e=>e.value===r)})}_openedOrItemsChanged(e,t){this._overlayOpened=e&&!!t?.length}_onClosed(){this._commitValue()}_onEscapeCancel(){this._inputElementValue=this._comboBoxValue,this._closeOrCommit()}_onClearAction(){this._comboBoxValue="",this._inputElementValue="",this.__commitValueChange()}_commitValue(){if(this._focusedIndex>-1){let e=this._dropdownItems[this._focusedIndex],t=this._getItemLabel(e);this._inputElementValue=t,this._comboBoxValue=t,this._focusedIndex=-1}else""===this._inputElementValue||void 0===this._inputElementValue?this._comboBoxValue="":this._comboBoxValue=this._inputElementValue;this.__commitValueChange(),this._clearSelectionRange()}_closeOrCommit(){this.opened?this.close():this._commitValue()}_revertInputValue(){this._inputElementValue=this._comboBoxValue,this._clearSelectionRange()}_setFocused(e){super._setFocused(e),!e&&!this._closeOnBlurIsPrevented&&document.hasFocus()&&this._requestValidation()}__validDayDivisor(e){return!e||86400%e==0||e<1&&e%1*1e3%1==0}_onKeyDown(e){if(super._onKeyDown(e),this.readonly||this.disabled||this._dropdownItems.length)return;let t=this.__validDayDivisor(this.step)&&this.step||60;40===e.keyCode?this.__onArrowPressWithStep(-t):38===e.keyCode&&this.__onArrowPressWithStep(t)}__onArrowPressWithStep(e){let t=this.__addStep(this.__getMsec(this.__memoValue),e,!0);this.__memoValue=t,this.__useMemo=!0,this._comboBoxValue=this.__effectiveI18n.formatTime(t),this.__useMemo=!1,this.__commitValueChange()}__commitValueChange(){let e=this.__unparsableValue;this.__committedValue!==this.value?(this._requestValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValue!==e&&(this._requestValidation(),this.dispatchEvent(new CustomEvent("unparsable-change"))),this.__committedValue=this.value,this.__committedUnparsableValue=e}__getMsec(e){let t=60*(e?.hours||0)*6e4;return t+=60*(e?.minutes||0)*1e3,t+=1e3*(e?.seconds||0),t+=parseInt(e?.milliseconds)||0}__getTimeObject(e){return rU(rH(e),this.step)}__getSec(e){let t=60*(e?.hours||0)*60;return t+=60*(e?.minutes||0),t+=e?.seconds||0,t+=(e?.milliseconds||0)/1e3}__addStep(e,t,i){0===e&&t<0&&(e=864e5);let s=1e3*t,r=e%s;s<0&&r&&i?e-=r:s>0&&r&&i?e-=r-s:e+=s;let n=Math.floor(e/1e3/60/60),a=Math.floor((e-=1e3*n*3600)/1e3/60),o=Math.floor((e-=1e3*a*60)/1e3);return e-=1e3*o,{hours:n<24?n:0,minutes:a,seconds:o,milliseconds:e}}__updateDropdownItems(){let e=this.__getSec(this.__getTimeObject(this.min||rW)),t=this.__getSec(this.__getTimeObject(this.max||rK));this._dropdownItems=this.__generateDropdownList(e,t,this.step)}__updateAriaAttributes(e,t,i){void 0!==e&&void 0!==i&&(0===e.length?(i.removeAttribute("role"),i.removeAttribute("aria-expanded")):(i.setAttribute("role","combobox"),i.setAttribute("aria-expanded",!!t)))}__generateDropdownList(e,t,i){if(i<900||!this.__validDayDivisor(i))return[];let s=[];i||(i=3600);let r=-i+e;for(;r+i>=e&&r+i<=t;){let e=rU(this.__addStep(1e3*r,i),i);r+=i;let t=this.__effectiveI18n.formatTime(e);s.push({label:t,value:t})}return s}_valueChanged(e,t){let i=this.__memoValue=this.__getTimeObject(e),s=rz(i)||"";this.__keepCommittedValue||(this.__committedValue=e,this.__committedUnparsableValue=""),""===e||null===e||i?e!==s?this.value=s:this.__keepInvalidInput?delete this.__keepInvalidInput:this.__updateInputValue(i):this.value=t??"",this._toggleHasValue(this._hasValue)}__comboBoxValueChanged(e,t){if(""===e&&void 0===t)return;let i=rU(this.__useMemo?this.__memoValue:this.__effectiveI18n.parseTime(e),this.step),s=this.__effectiveI18n.formatTime(i)||"";i?e!==s?this._comboBoxValue=s:(this.__keepCommittedValue=!0,this.__updateValue(i),this.__keepCommittedValue=!1):(""!==this.value&&""!==e&&(this.__keepInvalidInput=!0),this.__keepCommittedValue=!0,this.value="",this.__keepCommittedValue=!1)}__updateValue(e){let t=rz(rU(e,this.step))||"";this.value=t,this.__updateInputValue(e)}__updateInputValue(e){let t=this.__effectiveI18n.formatTime(rU(e,this.step))||"";this._inputElementValue=t,this._comboBoxValue=t}_timeAllowed(e){let t=rH(this.min||rW),i=rH(this.max||rK);return(!t||this.__getMsec(e)>=this.__getMsec(t))&&(!i||this.__getMsec(e)<=this.__getMsec(i))}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e),this.opened&&this._scroller.requestContentUpdate()}_onHostClick(e){let t=e.composedPath();(t.includes(this._labelNode)||t.includes(this._inputContainer))&&super._onHostClick(e)}_onChange(e){e.stopPropagation()}};class rY extends rG(tb(eY(e4(td(ev))))){static get is(){return"vaadin-time-picker"}static get styles(){return[sy,rN]}render(){return X`
+      <div class="vaadin-time-picker-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+          <div id="toggleButton" part="field-button toggle-button" slot="suffix" aria-hidden="true"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+
+      <vaadin-time-picker-overlay
+        id="overlay"
+        dir="ltr"
+        .owner="${this}"
+        .opened="${this._overlayOpened}"
+        theme="${this._theme??Q}"
+        .positionTarget="${this._inputContainer}"
+        no-vertical-overlap
+        exportparts="overlay, content"
+      >
+        <slot name="overlay"></slot>
+      </vaadin-time-picker-overlay>
+    `}}eC(rY);let rX=u`
+  .vaadin-date-time-picker-container {
+    width: calc(var(--vaadin-field-default-width, 12em) * 2 + var(--vaadin-date-time-picker-gap, var(--vaadin-gap-s)));
+  }
+
+  [part='input-fields'] {
+    display: flex;
+    gap: var(--vaadin-date-time-picker-gap, var(--vaadin-gap-s));
+  }
+
+  [part='input-fields'] ::slotted([slot='date-picker']) {
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+
+  [part='input-fields'] ::slotted([slot='time-picker']) {
+    min-width: 0;
+    flex: 1 1.65 auto;
+  }
+`,rZ=Object.keys(rO),rQ=Object.keys(rq),rJ={...rO,...rq};class r0 extends tx{constructor(e,t){super(e,`${t}-picker`,`vaadin-${t}-picker`,{initializer:(e,i)=>{i[`__${t}Picker`]=e}})}}let r1=e=>class extends rS(iO(t9(t0(e)))){static get properties(){return{name:{type:String},value:{type:String,notify:!0,value:"",observer:"__valueChanged",sync:!0},min:{type:String,observer:"__minChanged",sync:!0},max:{type:String,observer:"__maxChanged",sync:!0},__minDateTime:{type:Date,value:"",sync:!0},__maxDateTime:{type:Date,value:"",sync:!0},datePlaceholder:{type:String,sync:!0},timePlaceholder:{type:String,sync:!0},step:{type:Number,sync:!0},initialPosition:{type:String,sync:!0},showWeekNumbers:{type:Boolean,value:!1,sync:!0},autoOpenDisabled:{type:Boolean,sync:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},autofocus:{type:Boolean},__selectedDateTime:{type:Date,sync:!0},__datePicker:{type:Object,sync:!0,observer:"__datePickerChanged"},__timePicker:{type:Object,sync:!0,observer:"__timePickerChanged"}}}static get observers(){return["__selectedDateTimeChanged(__selectedDateTime)","__datePlaceholderChanged(datePlaceholder, __datePicker)","__timePlaceholderChanged(timePlaceholder, __timePicker)","__stepChanged(step, __timePicker)","__initialPositionChanged(initialPosition, __datePicker)","__showWeekNumbersChanged(showWeekNumbers, __datePicker)","__requiredChanged(required, __datePicker, __timePicker)","__invalidChanged(invalid, __datePicker, __timePicker)","__disabledChanged(disabled, __datePicker, __timePicker)","__readonlyChanged(readonly, __datePicker, __timePicker)","__i18nChanged(__effectiveI18n, __datePicker, __timePicker)","__autoOpenDisabledChanged(autoOpenDisabled, __datePicker, __timePicker)","__themeChanged(_theme, __datePicker, __timePicker)","__pickersChanged(__datePicker, __timePicker)","__labelOrAccessibleNameChanged(label, accessibleName, __effectiveI18n, __datePicker, __timePicker)"]}static get defaultI18n(){return rJ}constructor(){super(),this.__defaultDateMinMaxValue=void 0,this.__defaultTimeMinValue="00:00:00.000",this.__defaultTimeMaxValue="23:59:59.999",this.__onGlobalClick=this.__onGlobalClick.bind(this),this.__changeEventHandler=this.__changeEventHandler.bind(this),this.__valueChangedEventHandler=this.__valueChangedEventHandler.bind(this),this.__openedChangedEventHandler=this.__openedChangedEventHandler.bind(this)}get i18n(){return super.i18n}set i18n(e){super.i18n=e}get __pickers(){return[this.__datePicker,this.__timePicker]}get __filledPickers(){return this.__pickers.filter(e=>e.value||e.__unparsableValue)}get __formattedValue(){let e=this.__pickers.map(e=>e.value);return e.every(Boolean)?e.join("T"):""}get __unparsableValue(){return this.__filledPickers.length>0&&!this.__pickers.every(e=>e.value)?this.__pickers.map(e=>e.value||e.__unparsableValue).join("T"):""}ready(){super.ready(),this._datePickerController=new r0(this,"date"),this.addController(this._datePickerController),this._timePickerController=new r0(this,"time"),this.addController(this._timePickerController),this.autofocus&&!this.disabled&&window.requestAnimationFrame(()=>this.focus()),this.setAttribute("role","group"),this._tooltipController=new tE(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setShouldShow(e=>e.__datePicker&&!e.__datePicker.opened&&e.__timePicker&&!e.__timePicker.opened),this.ariaTarget=this}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onGlobalClick,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.__onGlobalClick,!0)}focus(e){this.__datePicker&&this.__datePicker.focus(e)}__onGlobalClick(e){!(this.__datePicker.opened||this.__timePicker.opened)||e.composedPath().every(e=>![this.__datePicker,this.__datePicker.$.overlay,this.__timePicker,this.__timePicker.$.overlay].includes(e))&&(this.__outsideClickInProgress=!0,setTimeout(()=>{this.__outsideClickInProgress=!1}))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.__commitPendingValueChange()}_shouldRemoveFocus(e){let t=e.relatedTarget;return!(this.__datePicker.opened||this.__timePicker.opened||this.__datePicker.contains(t)||this.__timePicker.contains(t))}__syncI18n(e,t,i){let s={};i.forEach(e=>{t?.hasOwnProperty(e)&&(s[e]=t[e])}),e.i18n=s}__changeEventHandler(e){e.stopPropagation();let t=this.invalid,i=this.__filledPickers;(!(1===i.length&&i[0].checkValidity())||t)&&this.__hasPendingValueChange&&this.__commitPendingValueChange()}__openedChangedEventHandler(){let e=this.__datePicker.opened||this.__timePicker.opened;this.style.pointerEvents=e?"auto":"",!e&&this.__outsideClickInProgress&&this.__commitPendingValueChange(),e||this.contains(this.getRootNode().activeElement)||super._setFocused(!1)}__addInputListeners(e){e.addEventListener("change",this.__changeEventHandler),e.addEventListener("unparsable-change",this.__changeEventHandler),e.addEventListener("value-changed",this.__valueChangedEventHandler),e.addEventListener("opened-changed",this.__openedChangedEventHandler)}__removeInputListeners(e){e.removeEventListener("change",this.__changeEventHandler),e.removeEventListener("unparsable-change",this.__changeEventHandler),e.removeEventListener("value-changed",this.__valueChangedEventHandler),e.removeEventListener("opened-changed",this.__openedChangedEventHandler)}__isDefaultPicker(e,t){let i=this[`_${t}PickerController`];return i&&e===i.defaultNode}__datePickerChanged(e,t){e&&(t&&(this.__removeInputListeners(t),t.remove()),this.__addInputListeners(e),this.__isDefaultPicker(e,"date")||(this.datePlaceholder=e.placeholder,this.initialPosition=e.initialPosition,this.showWeekNumbers=e.showWeekNumbers),e.min=this.__formatDateISO(this.__minDateTime,this.__defaultDateMinMaxValue),e.max=this.__formatDateISO(this.__maxDateTime,this.__defaultDateMinMaxValue),e.manualValidation=!0)}__timePickerChanged(e,t){e&&(t&&(this.__removeInputListeners(t),t.remove()),this.__addInputListeners(e),this.__isDefaultPicker(e,"time")||(this.timePlaceholder=e.placeholder,this.step=e.step),this.__updateTimePickerMinMax(),e.manualValidation=!0)}__updateTimePickerMinMax(){if(this.__timePicker&&this.__datePicker){let e=this.__parseDate(this.__datePicker.value),t=s9(this.__minDateTime,this.__maxDateTime,s6);this.__minDateTime&&s9(e,this.__minDateTime,s6)||t?this.__timePicker.min=this.__dateToIsoTimeString(this.__minDateTime):this.__timePicker.min=this.__defaultTimeMinValue,this.__maxDateTime&&s9(e,this.__maxDateTime,s6)||t?this.__timePicker.max=this.__dateToIsoTimeString(this.__maxDateTime):this.__timePicker.max=this.__defaultTimeMaxValue}}__i18nChanged(e,t,i){t&&this.__isDefaultPicker(t,"date")&&this.__syncI18n(t,e,rZ),i&&this.__isDefaultPicker(i,"time")&&this.__syncI18n(i,e,rQ)}__labelOrAccessibleNameChanged(e,t,i,s,r){let n=t||e||"";s&&(s.accessibleName=`${n} ${i.dateLabel||""}`.trim()),r&&(r.accessibleName=`${n} ${i.timeLabel||""}`.trim())}__datePlaceholderChanged(e,t){t&&(t.placeholder=e)}__timePlaceholderChanged(e,t){t&&(t.placeholder=e)}__stepChanged(e,t){t&&t.step!==e&&(t.step=e)}__initialPositionChanged(e,t){t&&(t.initialPosition=e)}__showWeekNumbersChanged(e,t){t&&(t.showWeekNumbers=e)}__invalidChanged(e,t,i){t&&(t.invalid=e),i&&(i.invalid=e)}__requiredChanged(e,t,i){t&&(t.required=e),i&&(i.required=e),this.__oldRequired&&!e&&this._requestValidation(),this.__oldRequired=e}__disabledChanged(e,t,i){t&&(t.disabled=e),i&&(i.disabled=e)}__readonlyChanged(e,t,i){t&&(t.readonly=e),i&&(i.readonly=e)}__parseDate(e){let t=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(e);if(!t)return;let i=new Date(Date.UTC(0,0));return i.setUTCFullYear(parseInt(t[1],10)),i.setUTCMonth(parseInt(t[2],10)-1),i.setUTCDate(parseInt(t[3],10)),i}__formatDateISO(e,t){return e?e instanceof Date?rn({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:e.getUTCDate()}):"":t}__parseDateTime(e){let[t,i]=e.split("T");if(!(t&&i))return;let s=this.__parseDate(t);if(!s)return;let r=rH(i);if(r)return s.setUTCHours(parseInt(r.hours)),s.setUTCMinutes(parseInt(r.minutes||0)),s.setUTCSeconds(parseInt(r.seconds||0)),s.setUTCMilliseconds(parseInt(r.milliseconds||0)),s}__formatDateTime(e){if(!e)return"";let t=this.__formatDateISO(e,""),i=this.__dateToIsoTimeString(e);return`${t}T${i}`}__dateToIsoTimeString(e){return rz(rU({hours:e.getUTCHours(),minutes:e.getUTCMinutes(),seconds:e.getUTCSeconds(),milliseconds:e.getUTCMilliseconds()},this.step))}checkValidity(){let e=this.__pickers.some(e=>!e.checkValidity()),t=1===this.__filledPickers.length,i=this.required&&this.__pickers.some(e=>!e.value);return!e&&!i&&!t}__commitPendingValueChange(){this._requestValidation(),this.__committedValue!==this.value?this.dispatchEvent(new CustomEvent("change",{bubbles:!0})):this.__committedUnparsableValue!==this.__unparsableValue&&this.dispatchEvent(new CustomEvent("unparsable-change")),this.__committedValue=this.value,this.__committedUnparsableValue=this.__unparsableValue}get __hasPendingValueChange(){return this.__committedValue!==this.value||this.__committedUnparsableValue!==this.__unparsableValue}__dateTimeEquals(e,t){return!!s9(e,t,s6)&&e.getUTCHours()===t.getUTCHours()&&e.getUTCMinutes()===t.getUTCMinutes()&&e.getUTCSeconds()===t.getUTCSeconds()&&e.getUTCMilliseconds()===t.getUTCMilliseconds()}__handleDateTimeChange(e,t,i,s){if(!i){this[e]="",this[t]="";return}let r=this.__parseDateTime(i);if(!r){this[e]=s;return}this.__dateTimeEquals(this[t],r)||(this[t]=r)}__valueChanged(e,t){this.__handleDateTimeChange("value","__selectedDateTime",e,t),this.__keepCommittedValue||(this.__committedValue=e,this.__committedUnparsableValue=""),this.toggleAttribute("has-value",!!e),this.__updateTimePickerMinMax()}__dispatchChange(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}__minChanged(e,t){this.__handleDateTimeChange("min","__minDateTime",e,t),this.__datePicker&&(this.__datePicker.min=this.__formatDateISO(this.__minDateTime,this.__defaultDateMinMaxValue)),this.__updateTimePickerMinMax(),this.__datePicker&&this.__timePicker&&this.value&&this._requestValidation()}__maxChanged(e,t){this.__handleDateTimeChange("max","__maxDateTime",e,t),this.__datePicker&&(this.__datePicker.max=this.__formatDateISO(this.__maxDateTime,this.__defaultDateMinMaxValue)),this.__updateTimePickerMinMax(),this.__datePicker&&this.__timePicker&&this.value&&this._requestValidation()}__selectedDateTimeChanged(e){let t=this.__formatDateTime(e);if(this.value!==t&&(this.value=t),this.__datePicker&&this.__datePicker.$&&!this.__ignoreInputValueChange){this.__ignoreInputValueChange=!0;let[e,t]=this.value.split("T");this.__datePicker.value=e||"",this.__timePicker.value=t||"",this.__ignoreInputValueChange=!1}}__valueChangedEventHandler(){this.__ignoreInputValueChange||(this.__ignoreInputValueChange=!0,this.__keepCommittedValue=!0,this.__updateTimePickerMinMax(),this.value=this.__formattedValue,this.__keepCommittedValue=!1,this.__ignoreInputValueChange=!1)}__autoOpenDisabledChanged(e,t,i){t&&(t.autoOpenDisabled=e),i&&(i.autoOpenDisabled=e)}__themeChanged(e,t,i){t&&i&&[t,i].forEach(t=>{e?t.setAttribute("theme",e):t.removeAttribute("theme")})}__pickersChanged(e,t){!e||!t||this.__isDefaultPicker(e,"date")===this.__isDefaultPicker(t,"time")&&(e.value?this.__valueChangedEventHandler():this.value&&(this.__selectedDateTimeChanged(this.__selectedDateTime),(this.min&&this.__minDateTime||this.max&&this.__maxDateTime)&&this._requestValidation()))}};class r2 extends r1(tb(eY(e4(td(ev))))){static get is(){return"vaadin-date-time-picker"}static get styles(){return[sy,rX]}render(){return X`
+      <div class="vaadin-date-time-picker-container">
+        <div part="label" @click="${this.focus}">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true"></span>
+        </div>
+
+        <div part="input-fields">
+          <slot name="date-picker" id="dateSlot"></slot>
+          <slot name="time-picker" id="timeSlot"></slot>
+        </div>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <slot name="tooltip"></slot>
+    `}}eC(r2);let r5=class extends r2{static getLocalizedISOString(e){return e&&new Date(e.getTime()-6e4*e.getTimezoneOffset()).toISOString().slice(0,16)}};r5=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-date-time-picker")],r5);class r3{constructor(e){this.host=e}hostConnected(){if(!this.__initialized){this.__initialized=!0;let{host:e}=this;this.__resizeObserver=new ResizeObserver(()=>this.__updateState()),this.__resizeObserver.observe(e.$.resizerContainer),e.$.content.addEventListener("scroll",()=>this.__updateState(!0)),e.shadowRoot.addEventListener("slotchange",()=>this.__updateState(!0))}}update(){this.__updateState(!0)}__updateState(e=!1){cancelAnimationFrame(this.__updateRaf),e?this.__writeState(this.__readState()):this.__updateRaf=requestAnimationFrame(()=>this.__writeState(this.__readState()))}__readState(){let e=this.host.$.content,t="";return e.scrollTop>0&&(t+=" top"),e.scrollTop<e.scrollHeight-e.clientHeight&&(t+=" bottom"),t.trim()}__writeState(e){let{host:t}=this;e.length>0?i9(t,"overflow",e):i9(t,"overflow",null)}}let r4=e=>class extends se(e){static get properties(){return{headerTitle:{type:String},headerRenderer:{type:Object},footerRenderer:{type:Object},keepInViewport:{type:Boolean,reflectToAttribute:!0}}}static get observers(){return["_headerFooterRendererChange(headerRenderer, footerRenderer, opened)","_headerTitleChanged(headerTitle, opened)"]}get _contentRoot(){return this.owner}get _rendererRoot(){if(!this.__savedRoot){let e=document.createElement("vaadin-dialog-content");e.style.display="contents",this.owner.appendChild(e),this.__savedRoot=e}return this.__savedRoot}ready(){super.ready(),this.__overflowController=new r3(this),this.addController(this.__overflowController),this.__resizeObserver=new ResizeObserver(()=>{requestAnimationFrame(()=>{this.__adjustPosition()})}),this.__resizeObserver.observe(this.$.resizerContainer);let e=this.shadowRoot.querySelector('slot[name="header-content"]');this.__headerSlotObserver=new e8(e,({currentNodes:e})=>{i9(this,"has-header",e.length>0),this.__overflowController.update()});let t=this.shadowRoot.querySelector('slot[name="footer"]');this.__footerSlotObserver=new e8(t,({currentNodes:e})=>{i9(this,"has-footer",e.length>0),this.__overflowController.update()}),this.__handleWindowResize=this.__handleWindowResize.bind(this)}updated(e){super.updated(e),(e.has("opened")||e.has("keepInViewport"))&&(this.opened&&this.keepInViewport?window.addEventListener("resize",this.__handleWindowResize):window.removeEventListener("resize",this.__handleWindowResize))}__createContainer(e){let t=document.createElement("vaadin-dialog-content");return t.setAttribute("slot",e),t}__clearContainer(e){e.innerHTML="",delete e._$litPart$}__initContainer(e,t){return e?this.__clearContainer(e):(e=this.__createContainer(t),this.owner.appendChild(e)),e}_headerFooterRendererChange(e,t,i){let s=this.__oldHeaderRenderer!==e;this.__oldHeaderRenderer=e;let r=this.__oldFooterRenderer!==t;this.__oldFooterRenderer=t;let n=this._oldOpenedFooterHeader!==i;this._oldOpenedFooterHeader=i,s&&(e?this.headerContainer=this.__initContainer(this.headerContainer,"header-content"):this.headerContainer&&(this.headerContainer.remove(),this.headerContainer=null)),r&&(t?this.footerContainer=this.__initContainer(this.footerContainer,"footer"):this.footerContainer&&(this.footerContainer.remove(),this.footerContainer=null)),(e&&(s||n)||t&&(r||n))&&i&&this.requestContentUpdate()}_headerTitleChanged(e,t){i9(this,"has-title",!!e),t&&(e||this._oldHeaderTitle)&&this.requestContentUpdate(),this._oldHeaderTitle=e}_headerTitleRenderer(){this.headerTitle?(this.headerTitleElement||(this.headerTitleElement=document.createElement("h2"),this.headerTitleElement.setAttribute("slot","title"),this.headerTitleElement.classList.add("draggable")),this.owner.appendChild(this.headerTitleElement),this.headerTitleElement.textContent=this.headerTitle):this.headerTitleElement&&(this.headerTitleElement.remove(),this.headerTitleElement=null)}requestContentUpdate(){super.requestContentUpdate(),this.headerContainer&&this.headerRenderer&&this.headerRenderer.call(this.owner,this.headerContainer,this.owner),this.footerContainer&&this.footerRenderer&&this.footerRenderer.call(this.owner,this.footerContainer,this.owner),this._headerTitleRenderer(),this.__overflowController?.update()}getBounds(){let e=this.$.overlay.getBoundingClientRect(),t=this.getBoundingClientRect(),i=e.top-t.top,s=e.left-t.left;return{top:i,left:s,width:e.width,height:e.height}}setBounds(e,t=!0){super.setBounds(e,t),this.__adjustPosition()}__handleWindowResize(){this.__adjustPosition()}__adjustPosition(){if(!this.opened||!this.keepInViewport)return;let e=getComputedStyle(this.$.overlay);if("absolute"!==e.position)return;let t=this.getBoundingClientRect(),i=this.getBounds(),s=parseFloat(e.width)||i.width,r=parseFloat(e.height)||i.height,n=t.right-t.left-s,a=t.bottom-t.top-r;if(i.left>n||i.top>a){let e=Math.max(0,Math.min(i.left,n)),t=Math.max(0,Math.min(i.top,a));Object.assign(this.$.overlay.style,{left:`${e}px`,top:`${t}px`})}}};class r8 extends r4(eK(tb(e4(td(ev))))){static get is(){return"vaadin-dialog-overlay"}static get styles(){return sU}get _focusTrapRoot(){return this.owner}render(){return X`
+      <div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
+      <div part="overlay" id="overlay">
+        <section id="resizerContainer" class="resizer-container">
+          <header part="header">
+            <div part="title"><slot name="title"></slot></div>
+            <div part="header-content"><slot name="header-content"></slot></div>
+          </header>
+          <div part="content" id="content"><slot></slot></div>
+          <footer part="footer"><slot name="footer"></slot></footer>
+        </section>
+      </div>
+    `}bringToFront(e){if(e instanceof Event){let t=e.composedPath();if(i8(this).some(e=>t.includes(e)&&this._deepContains(e)&&e instanceof r8))return}super.bringToFront()}}eC(r8);let r7=e=>class extends e{static get properties(){return{opened:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,sync:!0},noCloseOnOutsideClick:{type:Boolean,value:!1},noCloseOnEsc:{type:Boolean,value:!1},modeless:{type:Boolean,value:!1},noFocusTrap:{type:Boolean,value:!1},top:{type:String},left:{type:String},overlayRole:{type:String},keepInViewport:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["__positionChanged(top, left)"]}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,this.hasAttribute("role")||(this.role="dialog"),this.setAttribute("tabindex","0")}updated(e){super.updated(e),e.has("overlayRole")&&(this.role=this.overlayRole||"dialog"),e.has("modeless")&&(this.modeless?this.removeAttribute("aria-modal"):this.setAttribute("aria-modal","true"))}__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){!1===e.detail.value&&(this.opened=!1)}_handleOutsideClick(e){this.noCloseOnOutsideClick&&e.preventDefault()}_handleEscPress(e){this.noCloseOnEsc&&e.preventDefault()}_bringOverlayToFront(e){this.modeless&&this._overlayElement.bringToFront(e)}__positionChanged(e,t){requestAnimationFrame(()=>this.$.overlay.setBounds({top:e,left:t}))}__sizeChanged(e,t){requestAnimationFrame(()=>this.$.overlay.setBounds({width:e,height:t},!1))}};function r6(e){return e.touches?e.touches[0]:e}function r9(e){return e.clientX>=0&&e.clientX<=window.innerWidth&&e.clientY>=0&&e.clientY<=window.innerHeight}let ne=e=>class extends e{static get properties(){return{draggable:{type:Boolean,value:!1,reflectToAttribute:!0},_touchDevice:{type:Boolean,value:iJ},__dragHandleClassName:{type:String}}}ready(){super.ready(),this._originalBounds={},this._originalMouseCoords={},this._startDrag=this._startDrag.bind(this),this._drag=this._drag.bind(this),this._stopDrag=this._stopDrag.bind(this),this.$.overlay.$.overlay.addEventListener("mousedown",this._startDrag),this.$.overlay.$.overlay.addEventListener("touchstart",this._startDrag)}_startDrag(e){if(("touchstart"!==e.type||!(e.touches.length>1))&&!e.defaultPrevented&&this.draggable&&(0===e.button||e.touches)){let t=this.$.overlay.$.resizerContainer,i=e.target===t,s=e.offsetX>t.clientWidth||e.offsetY>t.clientHeight,r=e.target===this.$.overlay.$.content,n=e.composedPath().some((e,t)=>{if(!e.classList)return!1;let i=e.classList.contains(this.__dragHandleClassName||"draggable"),s=e.classList.contains("draggable-leaf-only"),r=0===t;return s&&r||i&&(!s||r)});if(i&&!s||r||n){e.preventDefault(),this._originalBounds=this.$.overlay.getBounds();let t=r6(e);this._originalMouseCoords={top:t.pageY,left:t.pageX},window.addEventListener("mouseup",this._stopDrag),window.addEventListener("touchend",this._stopDrag),window.addEventListener("mousemove",this._drag),window.addEventListener("touchmove",this._drag);let{top:i,left:s,width:r,height:n}=this._originalBounds;"absolute"!==this.$.overlay.$.overlay.style.position&&(this.top=i,this.left=s),this.dispatchEvent(new CustomEvent("drag-start",{detail:{width:r,height:n,top:i,left:s}}))}}}_drag(e){let t=r6(e);if(r9(t)){let e=this._originalBounds.top+(t.pageY-this._originalMouseCoords.top),i=this._originalBounds.left+(t.pageX-this._originalMouseCoords.left);if(this.keepInViewport){let{width:t,height:s}=this._originalBounds,r=this.$.overlay.getBoundingClientRect(),n=r.right-r.left-t,a=r.bottom-r.top-s;i=Math.max(0,Math.min(i,n)),e=Math.max(0,Math.min(e,a))}this.top=e,this.left=i}}_stopDrag(){this.dispatchEvent(new CustomEvent("dragged",{detail:{top:this.top,left:this.left}})),window.removeEventListener("mouseup",this._stopDrag),window.removeEventListener("touchend",this._stopDrag),window.removeEventListener("mousemove",this._drag),window.removeEventListener("touchmove",this._drag)}},nt=e=>class extends e{static get properties(){return{renderer:{type:Object},headerTitle:{type:String},headerRenderer:{type:Object},footerRenderer:{type:Object}}}requestContentUpdate(){this._overlayElement&&this._overlayElement.requestContentUpdate()}},ni=e=>class extends e{static get properties(){return{resizable:{type:Boolean,value:!1,reflectToAttribute:!0}}}ready(){super.ready(),this._originalBounds={},this._originalMouseCoords={},this._resizeListeners={start:{},resize:{},stop:{}},this._addResizeListeners()}_addResizeListeners(){["n","e","s","w","nw","ne","se","sw"].forEach(e=>{let t=document.createElement("div");this._resizeListeners.start[e]=t=>this._startResize(t,e),this._resizeListeners.resize[e]=t=>this._resize(t,e),this._resizeListeners.stop[e]=()=>this._stopResize(e),1===e.length&&t.classList.add("edge"),t.classList.add("resizer"),t.classList.add(e),t.addEventListener("mousedown",this._resizeListeners.start[e]),t.addEventListener("touchstart",this._resizeListeners.start[e]),this.$.overlay.$.resizerContainer.appendChild(t)})}_startResize(e,t){if(("touchstart"!==e.type||!(e.touches.length>1))&&(0===e.button||e.touches)){e.preventDefault(),this._originalBounds=this.$.overlay.getBounds();let i=r6(e);this._originalMouseCoords={top:i.pageY,left:i.pageX},window.addEventListener("mousemove",this._resizeListeners.resize[t]),window.addEventListener("touchmove",this._resizeListeners.resize[t]),window.addEventListener("mouseup",this._resizeListeners.stop[t]),window.addEventListener("touchend",this._resizeListeners.stop[t]),this.$.overlay.setBounds(this._originalBounds),this.$.overlay.setAttribute("has-bounds-set","");let{width:s,height:r,top:n,left:a}=this._originalBounds;this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:s,height:r,top:n,left:a}}))}}_resize(e,t){let i=r6(e);r9(i)&&t.split("").forEach(e=>{switch(e){case"n":{let e=this._originalBounds.height-(i.pageY-this._originalMouseCoords.top),t=this._originalBounds.top+(i.pageY-this._originalMouseCoords.top);e>40&&(this.top=t,this.height=e);break}case"e":{let e=this._originalBounds.width+(i.pageX-this._originalMouseCoords.left);e>40&&(this.width=e);break}case"s":{let e=this._originalBounds.height+(i.pageY-this._originalMouseCoords.top);e>40&&(this.height=e);break}case"w":{let e=this._originalBounds.width-(i.pageX-this._originalMouseCoords.left),t=this._originalBounds.left+(i.pageX-this._originalMouseCoords.left);e>40&&(this.left=t,this.width=e)}}})}_stopResize(e){window.removeEventListener("mousemove",this._resizeListeners.resize[e]),window.removeEventListener("touchmove",this._resizeListeners.resize[e]),window.removeEventListener("mouseup",this._resizeListeners.stop[e]),window.removeEventListener("touchend",this._resizeListeners.stop[e]),this.dispatchEvent(new CustomEvent("resize",{detail:this._getResizeDimensions()}))}_getResizeDimensions(){let{width:e,height:t,top:i,left:s}=getComputedStyle(this.$.overlay.$.overlay);return{width:e,height:t,top:i,left:s}}};class ns extends sK(ne(ni(nt(r7(th(eY(e4(ev)))))))){static get is(){return"vaadin-dialog"}static get styles(){return u`
+      :host([opened]),
+      :host([opening]),
+      :host([closing]) {
+        display: block !important;
+        position: fixed;
+        outline: none;
+      }
+
+      :host,
+      :host([hidden]) {
+        display: none !important;
+      }
+
+      :host(:focus-visible) ::part(overlay) {
+        outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+      }
+    `}render(){return X`
+      <vaadin-dialog-overlay
+        id="overlay"
+        .owner="${this}"
+        .opened="${this.opened}"
+        .headerTitle="${this.headerTitle}"
+        .renderer="${this.renderer}"
+        .headerRenderer="${this.headerRenderer}"
+        .footerRenderer="${this.footerRenderer}"
+        .keepInViewport="${this.keepInViewport}"
+        @opened-changed="${this._onOverlayOpened}"
+        @mousedown="${this._bringOverlayToFront}"
+        @touchstart="${this._bringOverlayToFront}"
+        theme="${this._theme??Q}"
+        .modeless="${this.modeless}"
+        .withBackdrop="${!this.modeless}"
+        ?resizable="${this.resizable}"
+        restore-focus-on-close
+        ?focus-trap="${!this.noFocusTrap}"
+        exportparts="backdrop, overlay, header, title, header-content, content, footer"
+      >
+        <slot name="title" slot="title"></slot>
+        <slot name="header-content" slot="header-content"></slot>
+        <slot name="footer" slot="footer"></slot>
+        <slot></slot>
+      </vaadin-dialog-overlay>
+    `}updated(e){super.updated(e),e.has("headerTitle")&&(this.ariaLabel=this.headerTitle)}}eC(ns);let nr=Symbol("contentUpdateDebouncer");class nn extends sz{get rendererProperty(){throw Error("The `rendererProperty` getter must be implemented.")}addRenderer(){this.element[this.rendererProperty]=(e,t)=>{this.renderRenderer(e,t)}}runRenderer(){this.element[nr]=ej.debounce(this.element[nr],ez,()=>{this.element.requestContentUpdate()})}removeRenderer(){this.element[this.rendererProperty]=null,delete this.element[nr]}}class na extends nn{get rendererProperty(){return"renderer"}}class no extends nn{get rendererProperty(){return"headerRenderer"}}class nl extends nn{get rendererProperty(){return"footerRenderer"}}let nd=eg(na),nh=eg(no),nu=eg(nl);function nc(e,t){let i=document.createElement("div");i.id=`dialog-${sJ.Util.generateUniqueUUID()}`,ep(t,i);let s=i.querySelector("or-vaadin-dialog");return s?(s.open(),s.addEventListener("closed",()=>i.remove()),e.appendChild(i),s):void i.remove()}let np=class extends ns{static get styles(){return[ns.styles,u`
+        ::part(header),
+        ::part(content) {
+          background-color: var(--lumo-contrast-5pct);
+        }
+        ::part(header) {
+          /* Colour header icons (e.g. the close cross) with the primary colour */
+          --internal-or-icon-fill: var(--lumo-primary-color);
+        }
+        ::part(header),
+        ::part(footer) {
+          padding: var(--lumo-space-l);
+        }
+        ::part(content) {
+          padding: 0 var(--lumo-space-l);
+        }
+      `]}open(){this.setAttribute("opened","true")}close(){this.toggleAttribute("opened",!1)}};np=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-dialog")],np);let n_=e=>class extends sb(e){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String,reflectToAttribute:!0},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}_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._requestValidation()}_onInput(e){super._onInput(e),this.invalid&&this._requestValidation()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this._requestValidation()}},nv=e=>class extends n_(e){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 iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController))}};class nm extends nv(tb(eY(e4(td(ev))))){static get is(){return"vaadin-text-field"}static get styles(){return[sy]}render(){return X`
+      <div class="vaadin-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          ${this._renderSuffix()}
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+        <slot name="tooltip"></slot>
+      </div>
+    `}ready(){super.ready(),this._tooltipController=new tE(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}_renderSuffix(){return X`
+      <slot name="suffix" slot="suffix"></slot>
+      <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+    `}}eC(nm);let ng=class extends nm{_onEnter(e){return this.dispatchEvent(new CustomEvent("submit",{bubbles:!0,composed:!0})),super._onEnter(e)}constructor(){super(),this._setType("email"),this.pattern="^[a-zA-Z0-9_\\-+]+(?:\\.[a-zA-Z0-9_\\-+]+)*@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}};ng=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-email-field")],ng);var nb=i(487);(sQ=sX||(sX={})).BUTTON="button",sQ.BUTTON_TOGGLE="button-toggle",sQ.BUTTON_MOMENTARY="button-momentary",sQ.CHECKBOX="checkbox",sQ.CHECKBOX_LIST="checkbox-list",sQ.COLOUR="color",sQ.DATE="date",sQ.DATETIME="datetime-local",sQ.EMAIL="email",sQ.JSON="json",sQ.JSON_OBJECT="json-object",sQ.MONTH="month",sQ.NUMBER="number",sQ.BIG_INT="big-int",sQ.PASSWORD="password",sQ.RADIO="radio",sQ.SWITCH="switch",sQ.RANGE="range",sQ.TELEPHONE="tel",sQ.TEXT="text",sQ.TEXTAREA="textarea",sQ.TIME="time",sQ.URL="url",sQ.WEEK="week",sQ.SELECT="select",sQ.LIST="list",sQ.CRON="cron",sQ.DURATION="duration",sQ.DURATION_TIME="duration-time",sQ.DURATION_PERIOD="duration-period";let nf=["text","email","UUID","assetID","hostOrIPAddress","IPAddress","boolean","bigNumber","number","positiveInteger","positiveNumber","long","integer","byte","integerByte","direction","TCP_IPPortNumber","bigInteger","colourRGB","dateAndTime","timestamp","timestampISO8601","CRONExpression","timeDurationISO8601","periodDurationISO8601","timeAndPeriodDurationISO8601","JSONObject"];function ny(e){return e===sX.NUMBER||e===sX.BIG_INT||e===sX.TELEPHONE||e===sX.TEXT||e===sX.PASSWORD||e===sX.DATE||e===sX.DATETIME||e===sX.EMAIL||e===sX.JSON||e===sX.JSON_OBJECT||e===sX.MONTH||e===sX.TEXTAREA||e===sX.TIME||e===sX.URL||e===sX.WEEK}function nw(e){return ny(e)||e===sX.SELECT||e===sX.RANGE}function nC(e){return nw(e)||e===sX.CHECKBOX||e===sX.BUTTON_MOMENTARY}let nx=u`
+  :host([step-buttons-visible]) ::slotted(input) {
+    text-align: center;
+  }
+
+  [part~='decrease-button']::before {
+    mask-image: var(--_vaadin-icon-minus);
+  }
+
+  [part~='increase-button']::before {
+    mask-image: var(--_vaadin-icon-plus);
+  }
+
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+
+  :host([readonly]) [part$='button'] {
+    pointer-events: none;
+  }
+`,nE=e=>class extends n_(e){static get properties(){return{min:{type:Number},max:{type:Number},step:{type:Number},stepButtonsVisible:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_stepChanged(step, inputElement)"]}static get delegateProps(){return[...super.delegateProps,"min","max"]}static get constraints(){return[...super.constraints,"min","max","step"]}constructor(){super(),this._setType("number"),this.__onWheel=this.__onWheel.bind(this)}get slotStyles(){let e=this.localName;return[`
+          ${e} input[type="number"]::-webkit-outer-spin-button,
+          ${e} input[type="number"]::-webkit-inner-spin-button {
+            appearance: none;
+            margin: 0;
+          }
+
+          ${e} input[type="number"] {
+            appearance: textfield;
+          }
+
+          ${e}[dir='rtl'] input[type="number"]::placeholder {
+            direction: rtl;
+          }
+
+          ${e}[dir='rtl']:not([step-buttons-visible]) input[type="number"]::placeholder {
+            text-align: left;
+          }
+        `]}get clearElement(){return this.$.clearButton}get __hasUnparsableValue(){return"NaN"===this._inputElementValue}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController)),this._tooltipController=new tE(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement)}checkValidity(){return this.inputElement?this.inputElement.checkValidity():!this.invalid}_addInputListeners(e){super._addInputListeners(e),e.addEventListener("wheel",this.__onWheel)}_removeInputListeners(e){super._removeInputListeners(e),e.removeEventListener("wheel",this.__onWheel)}__onWheel(e){this.hasAttribute("focused")&&e.preventDefault()}_onDecreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this.__blurActiveElement(),this._decreaseValue())}_onIncreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this.__blurActiveElement(),this._increaseValue())}__blurActiveElement(){let e=t3();e&&e!==this.inputElement&&e.blur()}_onDecreaseButtonClick(){this._decreaseValue()}_onIncreaseButtonClick(){this._increaseValue()}_decreaseValue(){this._incrementValue(-1)}_increaseValue(){this._incrementValue(1)}_incrementValue(e){if(this.disabled||this.readonly)return;let t=this.step||1,i=parseFloat(this.value);this.value?i<this.min?(e=0,i=this.min):i>this.max&&(e=0,i=this.max):0===this.min&&e<0||0===this.max&&e>0||0===this.max&&0===this.min?(e=0,i=0):(null==this.max||this.max>=0)&&(null==this.min||this.min<=0)?i=0:this.min>0?(i=this.min,this.max<0&&e<0&&(i=this.max),e=0):this.max<0&&(i=this.max,e<0?e=0:this._getIncrement(1,i-t)>this.max?i-=2*t:i-=t);let s=this._getIncrement(e,i);(!this.value||0===e||this._incrementIsInsideTheLimits(e,i))&&(this.inputElement.value=String(parseFloat(s)),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.__commitValueChange())}_getIncrement(e,t){let i=this.step||1,s=this.min||0,r=Math.max(this._getMultiplier(t),this._getMultiplier(i),this._getMultiplier(s));i*=r,t=Math.round(t*r),s*=r;let n=(t-s)%i;return e>0?(t-n+i)/r:e<0?(t-(n||i))/r:t/r}_getDecimalCount(e){let t=String(e),i=t.indexOf(".");return -1===i?1:t.length-i-1}_getMultiplier(e){if(!isNaN(e))return 10**this._getDecimalCount(e)}_incrementIsInsideTheLimits(e,t){return e<0?null==this.min||this._getIncrement(e,t)>=this.min:e>0?null==this.max||this._getIncrement(e,t)<=this.max:this._getIncrement(e,t)<=this.max&&this._getIncrement(e,t)>=this.min}_isButtonEnabled(e){let t=e*(this.step||1),i=parseFloat(this.value);return!this.value||!this.disabled&&this._incrementIsInsideTheLimits(t,i)}_stepChanged(e,t){t&&(t.step=e||"any")}_valueChanged(e,t){e&&isNaN(parseFloat(e))?this.value="":"string"!=typeof this.value&&(this.value=String(this.value)),super._valueChanged(this.value,t),this.__keepCommittedValue||(this.__committedValue=this.value,this.__committedUnparsableValueStatus=!1)}_onKeyDown(e){"ArrowUp"===e.key?(e.preventDefault(),this._increaseValue()):"ArrowDown"===e.key&&(e.preventDefault(),this._decreaseValue()),super._onKeyDown(e)}_onInput(e){this.__keepCommittedValue=!0,super._onInput(e),this.__keepCommittedValue=!1}_onChange(e){e.stopPropagation()}_onClearAction(e){super._onClearAction(e),this.__commitValueChange()}_setFocused(e){super._setFocused(e),e||this.__commitValueChange()}_onEnter(e){super._onEnter(e),this.__commitValueChange()}__commitValueChange(){this.__committedValue!==this.value?(this._requestValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValueStatus!==this.__hasUnparsableValue&&(this._requestValidation(),this.dispatchEvent(new CustomEvent("unparsable-change"))),this.__committedValue=this.value,this.__committedUnparsableValueStatus=this.__hasUnparsableValue}get _inputElementValue(){return this.inputElement&&this.inputElement.validity.badInput?"NaN":super._inputElementValue}set _inputElementValue(e){super._inputElementValue=e}};class nk extends nE(tb(eY(e4(td(ev))))){static get is(){return"vaadin-number-field"}static get styles(){return[sy,nx]}render(){return X`
+      <div class="vaadin-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <div
+            part="field-button decrease-button"
+            ?disabled="${!this._isButtonEnabled(-1,this.value,this.min,this.max,this.step)}"
+            ?hidden="${!this.stepButtonsVisible}"
+            @click="${this._onDecreaseButtonClick}"
+            @touchend="${this._onDecreaseButtonTouchend}"
+            aria-hidden="true"
+            slot="prefix"
+          ></div>
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <slot name="suffix" slot="suffix"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+          <div
+            part="field-button increase-button"
+            ?disabled="${!this._isButtonEnabled(1,this.value,this.min,this.max,this.step)}"
+            ?hidden="${!this.stepButtonsVisible}"
+            @click="${this._onIncreaseButtonClick}"
+            @touchend="${this._onIncreaseButtonTouchend}"
+            aria-hidden="true"
+            slot="suffix"
+          ></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+    `}}eC(nk);let nI=class extends nk{_onEnter(e){return this.dispatchEvent(new CustomEvent("submit",{bubbles:!0,composed:!0})),super._onEnter(e)}};nI=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-number-field")],nI);let nA=[tk,u`
+  :host {
+    --vaadin-button-background: transparent;
+    --vaadin-button-padding: 0;
+    color: var(--vaadin-input-field-button-text-color, inherit);
+    display: block;
+    border: none;
+    cursor: var(--vaadin-clickable-cursor);
+  }
+
+  :host::before {
+    background: currentColor;
+    content: '';
+    display: block;
+    height: var(--vaadin-icon-size, 1lh);
+    mask: var(--_vaadin-icon-eye) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
+    width: var(--vaadin-icon-size, 1lh);
+  }
+
+  :host([aria-pressed='true'])::before {
+    mask-image: var(--_vaadin-icon-eye-slash);
+  }
+
+  @media (forced-colors: active) {
+    :host::before {
+      background: CanvasText;
+    }
+
+    :host([disabled])::before {
+      background: GrayText;
+    }
+  }
+`];class nT extends ii(eK(tb(e4(td(ev))))){static get is(){return"vaadin-password-field-button"}static get styles(){return nA}render(){return X``}}eC(nT);let nS=u`
+  [part~='reveal-button']::before {
+    display: none;
+  }
+
+  [part='input-field']:has([part~='reveal-button']:focus-within) {
+    outline: none;
+    --vaadin-input-field-border-color: inherit;
+  }
+
+  :host([readonly]) [part~='reveal-button'] {
+    color: var(--vaadin-input-field-button-text-color, var(--vaadin-text-color-secondary));
+  }
+`,nD=e=>class extends ic(t0(t9(i_(e)))){static get properties(){return{revealButtonHidden:{type:Boolean,value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get delegateAttrs(){return super.delegateAttrs.filter(e=>"autocapitalize"!==e)}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,`
+          ${e} [slot="input"]::-ms-reveal {
+            display: none;
+          }
+        `]}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part~="reveal-button"]'),this._revealButtonController=new tx(this,"reveal","vaadin-password-field-button",{initializer:e=>{this._revealNode=e,e.addEventListener("click",this.__boundRevealButtonClick),e.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.inputElement&&(this.inputElement.autocapitalize="off")}updated(e){super.updated(e),e.has("disabled")&&(this._revealNode.disabled=this.disabled),e.has("revealButtonHidden")&&this._toggleRevealHidden(this.revealButtonHidden),e.has("passwordVisible")&&(this._setType(this.passwordVisible?"text":"password"),this._revealNode.setAttribute("aria-pressed",this.passwordVisible?"true":"false")),e.has("i18n")&&this.i18n&&this.i18n.reveal&&this._revealNode.setAttribute("aria-label",this.i18n.reveal)}_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){let e=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!e)}else this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}_onRevealButtonClick(){this._setPasswordVisible(!this.passwordVisible)}_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")))}};class nO extends nD(nm){static get is(){return"vaadin-password-field"}static get styles(){return[...super.styles,nS]}_renderSuffix(){return X`
+      ${super._renderSuffix()}
+      <div part="field-button reveal-button" slot="suffix">
+        <slot name="reveal"></slot>
+      </div>
+    `}}eC(nO);let nP=class extends nO{_onEnter(e){return this.dispatchEvent(new CustomEvent("submit",{bubbles:!0,composed:!0})),super._onEnter(e)}};nP=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-password-field")],nP);let n$=e=>class extends t2(t9(e)){static get properties(){return{_hasVaadinItemMixin:{value:!0},selected:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_selectedChanged",sync:!0},_value:String}}get _activeKeys(){return["Enter"," "]}get value(){return this._value??this.textContent.trim()}set value(e){this._value=e}ready(){super.ready();let e=this.getAttribute("value");null!==e&&(this.value=e),this.__shouldAllowFocusWhenDisabled()&&this.style.setProperty("--_vaadin-item-disabled-pointer-events","auto")}focus(e){(!this.disabled||this.__shouldAllowFocusWhenDisabled())&&super.focus(e)}_shouldSetActive(e){return!this.disabled&&!("keydown"===e.type&&e.defaultPrevented)}_selectedChanged(e){this.setAttribute("aria-selected",e)}_disabledChanged(e){super._disabledChanged(e),e&&(this.selected=!1,this.__shouldAllowFocusWhenDisabled()||this.blur())}_onKeyDown(e){super._onKeyDown(e),this._activeKeys.includes(e.key)&&!e.defaultPrevented&&(e.preventDefault(),this.click())}__shouldAllowFocusWhenDisabled(){return!1}};class nV extends n$(tb(eK(e4(td(ev))))){static get is(){return"vaadin-select-item"}static get styles(){return iU}static get properties(){return{role:{type:String,value:"option",reflectToAttribute:!0}}}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}}eC(nV);let nM=e=>class extends t1(e){get focused(){return(this._getItems()||[]).find(t6)}get _vertical(){return!0}get _tabNavigation(){return!1}focus(e){let t=this._getFocusableIndex();t>=0&&this._focus(t,e)}_getFocusableIndex(){let e=this._getItems();return Array.isArray(e)?this._getAvailableIndex(e,0,null,e=>!t8(e)):-1}_getItems(){return Array.from(this.children)}_onKeyDown(e){let t,i;if(super._onKeyDown(e),e.metaKey||e.ctrlKey)return;let{key:s,shiftKey:r}=e,n=this._getItems()||[],a=n.indexOf(this.focused),o=this._vertical||"rtl"!==this.getAttribute("dir")?1:-1;this.__isPrevKeyPressed(s,r)?(i=-o,t=a-o):this.__isNextKeyPressed(s,r)?(i=o,t=a+o):"Home"===s?(i=1,t=0):"End"===s&&(i=-1,t=n.length-1),t=this._getAvailableIndex(n,t,i,e=>!t8(e)),this._tabNavigation&&"Tab"===s&&(t>a&&e.shiftKey||t<a&&!e.shiftKey||t===a)||t>=0&&(e.preventDefault(),this._focus(t,{focusVisible:!0,preventScroll:!0},!0))}__isPrevKeyPressed(e,t){return this._vertical?"ArrowUp"===e:"ArrowLeft"===e||this._tabNavigation&&"Tab"===e&&t}__isNextKeyPressed(e,t){return this._vertical?"ArrowDown"===e:"ArrowRight"===e||this._tabNavigation&&"Tab"===e&&!t}_focus(e,t,i=!1){let s=this._getItems();this._focusItem(s[e],t,i)}_focusItem(e,t){e&&e.focus(t)}_getAvailableIndex(e,t,i,s){let r=e.length,n=t;for(let t=0;"number"==typeof n&&t<r;t+=1,n+=i||1){n<0?n=r-1:n>=r&&(n=0);let t=e[n];if(this._isItemFocusable(t)&&this.__isMatchingItem(t,s))return n}return -1}__isMatchingItem(e,t){return"function"!=typeof t||t(e)}_isItemFocusable(e){return!e.hasAttribute("disabled")}},nB=e=>class extends nM(e){static get properties(){return{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},selected:{type:Number,reflectToAttribute:!0,notify:!0,sync:!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&&"rtl"===this.getAttribute("dir")}get _scrollerElement(){return console.warn(`Please implement the '_scrollerElement' property in <${this.localName}>`),this}get _vertical(){return"horizontal"!==this.orientation}focus(e){this._observer&&this._observer.flush();let t=Array.isArray(this.items)?this.items:[],i=this._getAvailableIndex(t,0,null,e=>0===e.tabIndex&&!t8(e));i>=0?this._focus(i,e):super.focus(e)}ready(){super.ready(),this.addEventListener("click",e=>this._onClick(e));let e=this.shadowRoot.querySelector("slot:not([name])");this._observer=new e8(e,()=>{this._setItems(this._filterItems([...this.children]))})}_getItems(){return this.items}_enhanceItems(e,t,i,s){if(!s&&e){this.setAttribute("aria-orientation",t||"vertical"),e.forEach(e=>{t?e.setAttribute("orientation",t):e.removeAttribute("orientation")}),this._setFocusable(i<0||!i?0:i);let s=e[i];e.forEach(e=>{e.selected=e===s}),s&&!s.disabled&&this._scrollToItem(i)}}_filterItems(e){return e.filter(e=>e._hasVaadinItemMixin)}_onClick(e){let t;if(e.metaKey||e.shiftKey||e.ctrlKey||e.defaultPrevented)return;let i=this._filterItems(e.composedPath())[0];i&&!i.disabled&&(t=this.items.indexOf(i))>=0&&(this.selected=t)}_searchKey(e,t){this._searchReset=ej.debounce(this._searchReset,eL.after(500),()=>{this._searchBuf=""}),this._searchBuf+=t.toLowerCase(),this.items.some(e=>this.__isMatchingKey(e))||(this._searchBuf=t.toLowerCase());let i=1===this._searchBuf.length?e+1:e;return this._getAvailableIndex(this.items,i,1,e=>this.__isMatchingKey(e)&&"none"!==getComputedStyle(e).display)}__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)&&1===t.length){let e=this._searchKey(i,t);e>=0&&this._focus(e);return}super._onKeyDown(e)}_setFocusable(e){e=this._getAvailableIndex(this.items,e,1);let t=this.items[e];this.items.forEach(e=>{e.tabIndex=e===t?0:-1})}_focus(e,t){this.items.forEach((t,i)=>{t.focused=i===e}),this._setFocusable(e),this._scrollToItem(e),super._focus(e,t??{preventScroll:!0})}_scrollToItem(e){let t=this._getItems()[e];t&&t.scrollIntoView({block:"nearest",inline:"nearest"})}_scroll(e){if(this._vertical)this._scrollerElement.scrollTop+=e;else{var t;let i=this.getAttribute("dir")||"ltr",s=function(e,t){let{scrollLeft:i}=e;return"rtl"!==t?i:e.scrollWidth-e.clientWidth+i}(this._scrollerElement,i)+e;t=this._scrollerElement,"rtl"!==i?t.scrollLeft=s:t.scrollLeft=t.clientWidth-t.scrollWidth+s}}_isItemFocusable(e){return e.disabled&&e.__shouldAllowFocusWhenDisabled?e.__shouldAllowFocusWhenDisabled():super._isItemFocusable(e)}},nL=u`
+  :host {
+    --vaadin-item-checkmark-display: block;
+    display: flex;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  [part='items'] {
+    height: 100%;
+    overflow-y: auto;
+    width: 100%;
+  }
+
+  [part='items'] ::slotted(hr) {
+    border-color: var(--vaadin-divider-color, var(--vaadin-border-color-secondary));
+    border-width: 0 0 1px;
+    margin: 4px 8px;
+    margin-inline-start: calc(var(--vaadin-icon-size, 1lh) + var(--vaadin-item-gap, var(--vaadin-gap-s)) + 8px);
+  }
+`;class nR extends nB(tb(eK(e4(td(ev))))){static get is(){return"vaadin-select-list-box"}static get styles(){return nL}static get properties(){return{orientation:{readOnly:!0}}}get _scrollerElement(){return this.shadowRoot.querySelector('[part="items"]')}render(){return X`
+      <div part="items">
+        <slot></slot>
+      </div>
+    `}ready(){super.ready(),this.setAttribute("role","listbox")}}eC(nR);let nN=u`
+  :host {
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+
+  [part='overlay'] {
+    min-width: var(--vaadin-select-overlay-width, var(--_vaadin-select-overlay-default-width));
+  }
+
+  [part='content'] {
+    padding: var(--vaadin-item-overlay-padding, 4px);
+  }
+
+  [part='backdrop'] {
+    background: transparent;
+  }
+`,nz=e=>class extends sn(se(eK(e))){static get observers(){return["_updateOverlayWidth(opened, positionTarget)"]}ready(){super.ready(),this.restoreFocusOnClose=!0}get _contentRoot(){return this._rendererRoot}get _rendererRoot(){if(!this.__savedRoot){let e=document.createElement("div");e.setAttribute("slot","overlay"),this.owner.appendChild(e),this.__savedRoot=e}return this.__savedRoot}_shouldCloseOnOutsideClick(e){return!0}_mouseDownListener(e){super._mouseDownListener(e),e.preventDefault()}_getMenuElement(){return Array.from(this._rendererRoot.children).find(e=>"style"!==e.localName)}_updateOverlayWidth(e,t){e&&t&&this.style.setProperty("--_vaadin-select-overlay-default-width",`${t.offsetWidth}px`)}requestContentUpdate(){if(super.requestContentUpdate(),this.owner){let e=this._getMenuElement();this.owner._assignMenuElement(e)}}};class nF extends nz(tb(e4(td(ev)))){static get is(){return"vaadin-select-overlay"}static get styles(){return[iG,nN]}render(){return X`
+      <div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
+      <div part="overlay" id="overlay">
+        <div part="content" id="content">
+          <slot></slot>
+        </div>
+      </div>
+    `}updated(e){super.updated(e),e.has("renderer")&&this.requestContentUpdate()}}eC(nF);let nj=u`
+  :host {
+    min-height: 1lh;
+    outline: none;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  ::slotted(*) {
+    padding: 0;
+    cursor: inherit;
+  }
+
+  .vaadin-button-container,
+  [part='label'] {
+    display: contents;
+  }
+
+  :host([placeholder]) {
+    color: var(--vaadin-input-field-placeholder-color, var(--vaadin-text-color-secondary));
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+`;class nH extends ii(tb(e4(td(ev)))){static get is(){return"vaadin-select-value-button"}static get styles(){return nj}render(){return X`
+      <div class="vaadin-button-container" role="presentation">
+        <span part="label">
+          <slot></slot>
+        </span>
+      </div>
+    `}}eC(nH);let nU=u`
+  :host {
+    position: relative;
+  }
+
+  ::slotted([slot='value']) {
+    flex: 1;
+  }
+
+  ::slotted(div[slot='overlay']) {
+    display: contents;
+  }
+
+  :host(:not([focus-ring])) [part='input-field'] {
+    outline: none;
+  }
+
+  :host([readonly]:not([focus-ring])) [part='input-field'] {
+    --vaadin-input-field-border-color: inherit;
+  }
+
+  [part='input-field'],
+  :host(:not([readonly])) ::slotted([slot='value']) {
+    cursor: var(--vaadin-clickable-cursor);
+  }
+
+  [part~='toggle-button']::before {
+    mask-image: var(--_vaadin-icon-chevron-down);
+  }
+
+  :host([readonly]) [part~='toggle-button'] {
+    display: none;
+  }
+
+  :host([theme~='align-start']) {
+    --vaadin-item-text-align: start;
+  }
+
+  :host([theme~='align-center']) {
+    --vaadin-item-text-align: center;
+  }
+
+  :host([theme~='align-end']) {
+    --vaadin-item-text-align: end;
+  }
+
+  :host([theme~='align-left']) {
+    --vaadin-item-text-align: left;
+  }
+
+  :host([theme~='align-right']) {
+    --vaadin-item-text-align: right;
+  }
+
+  :host([theme~='align-start']) ::slotted([slot='value']) {
+    justify-content: start;
+  }
+
+  :host([theme~='align-center']) ::slotted([slot='value']) {
+    justify-content: center;
+  }
+
+  :host([theme~='align-end']) ::slotted([slot='value']) {
+    justify-content: end;
+  }
+
+  :host([theme~='align-left']) ::slotted([slot='value']) {
+    justify-content: left;
+  }
+
+  :host([theme~='align-right']) ::slotted([slot='value']) {
+    justify-content: right;
+  }
+`;class nq extends tx{constructor(e){super(e,"value","vaadin-select-value-button",{initializer:(e,t)=>{t._setFocusElement(e),t.ariaTarget=e,t.stateTarget=e,e.setAttribute("aria-haspopup","listbox")}})}}let nW=e=>class extends ih(ip(t1(iO(e)))){static get properties(){return{items:{type:Array,observer:"__itemsChanged"},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged",reflectToAttribute:!0,sync:!0},renderer:{type:Object},value:{type:String,value:"",notify:!0,observer:"_valueChanged",sync:!0},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, focusElement)"]}constructor(){super(),this._itemId=`value-${this.localName}-${tC++}`,this._srLabelController=new iT(this),this._srLabelController.slotName="sr-label"}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}ready(){super.ready(),this._inputContainer=this.shadowRoot.querySelector('[part~="input-field"]'),this._overlayElement=this.$.overlay,this._valueButtonController=new nq(this),this.addController(this._valueButtonController),this.addController(this._srLabelController),this.addController(new rm(this._phoneMediaQuery,e=>{this._phone=e})),this._tooltipController=new tE(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.focusElement),this.addController(this._tooltipController)}updated(e){super.updated(e),e.has("_phone")&&this.toggleAttribute("phone",this._phone)}requestContentUpdate(){this._overlayElement&&this._overlayElement.requestContentUpdate()}_requiredChanged(e){super._requiredChanged(e),!1===e&&this._requestValidation()}__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",()=>this.__updateValueButton()),e.addEventListener("keydown",e=>this._onKeyDownInside(e),!0),e.addEventListener("click",e=>{let t=e.composedPath().find(e=>e._hasVaadinItemMixin);this.__dispatchChangePending=t?.value!==void 0&&t.value!==this.value,this.opened=!1},!0),this.__lastMenuElement=e),this._menuElement&&this._menuElement.items&&this._updateSelectedItem(this.value,this._menuElement.items)}__initMenuItems(e){e.items&&(this._items=e.items)}_valueChanged(e,t){this.toggleAttribute("has-value",!!e),void 0===t||this.__dispatchChangePending||this._requestValidation()}_onClick(e){this.disabled||(e.preventDefault(),this.opened=!this.readonly)}_onEscape(e){this.opened&&(e.stopPropagation(),this.opened=!1)}_onToggleMouseDown(e){e.preventDefault(),this.opened||this.focusElement.focus()}_onKeyDown(e){if(super._onKeyDown(e),!e.altKey&&!e.shiftKey&&!e.ctrlKey&&!e.metaKey&&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)&&1===e.key.length){let t=this._menuElement.selected,i=this._menuElement._searchKey(t??-1,e.key);i>=0&&(this.__dispatchChangePending=!0,this._updateAriaLive(!0),this._menuElement.selected=i)}}}_onKeyDownInside(e){"Tab"===e.key&&(this.focusElement.setAttribute("tabindex","-1"),this._overlayElement.restoreFocusOnClose=!1,this.opened=!1,setTimeout(()=>{this.focusElement.setAttribute("tabindex","0"),this._overlayElement.restoreFocusOnClose=!0}))}_openedChanged(e,t){if(e){if(this.disabled||this.readonly){this.opened=!1;return}this._updateAriaLive(!1);let e=this.hasAttribute("focus-ring");this._openedWithFocusRing=e,e&&this.removeAttribute("focus-ring")}else t&&(this._openedWithFocusRing&&this.setAttribute("focus-ring",""),this.__dispatchChangePending||this._keyboardActive||this._requestValidation())}_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");(t=i?this.__createItemElement({label:i}):e.cloneNode(!0))._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._items[this._menuElement.selected]:void 0;if(e.removeAttribute("placeholder"),this._hasContent(t))this.__attachSelectedItem(t);else if(this.placeholder){let t=this.__createItemElement({label:this.placeholder});this.__appendValueItemElement(t,e),e.setAttribute("placeholder","")}!this._valueChanging&&t&&(this._selectedChanging=!0,this.value=t.value||"",this.__dispatchChangePending&&this.__dispatchChange(),delete this._selectedChanging),iw(e,"aria-labelledby",t||this.placeholder?{newId:this._itemId}:{oldId:this._itemId}),(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,i){if(t){let i=null==e?e:e.toString();this._menuElement.selected=t.reduce((e,t,s)=>void 0===e&&t.value===i?s:e,void 0),this._selectedChanging||(this._valueChanging=!0,this.__updateValueButton(),delete this._valueChanging)}else i&&this.__updateValueButton()}_shouldRemoveFocus(e){return!this.contains(e.relatedTarget)}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this._requestValidation()}checkValidity(){return!this.required||this.readonly||!!this.value}__defaultRenderer(e,t){if(!this.items||0===this.items.length){e.textContent="";return}let i=e.firstElementChild;i||(i=document.createElement("vaadin-select-list-box"),e.appendChild(i)),i.textContent="",this.items.forEach(e=>{i.appendChild(this.__createItemElement(e))})}__dispatchChange(){this._requestValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this.__dispatchChangePending=!1}};class nK extends nW(eY(tb(e4(td(ev))))){static get is(){return"vaadin-select"}static get styles(){return[sy,ey,nU]}render(){return X`
+      <div class="vaadin-select-container">
+        <div part="label" @click="${this._onClick}">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+          @click="${this._onClick}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="value"></slot>
+          <div
+            part="field-button toggle-button"
+            slot="suffix"
+            aria-hidden="true"
+            @mousedown="${this._onToggleMouseDown}"
+          ></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <vaadin-select-overlay
+        id="overlay"
+        .owner="${this}"
+        .positionTarget="${this._inputContainer}"
+        .opened="${this.opened}"
+        .withBackdrop="${this._phone}"
+        .renderer="${this.renderer||this.__defaultRenderer}"
+        ?phone="${this._phone}"
+        theme="${this._theme??Q}"
+        ?no-vertical-overlap="${this.noVerticalOverlap}"
+        exportparts="backdrop, overlay, content"
+        @opened-changed="${this._onOpenedChanged}"
+        @vaadin-overlay-open="${this._onOverlayOpen}"
+      >
+        <slot name="overlay"></slot>
+      </vaadin-select-overlay>
+
+      <slot name="tooltip"></slot>
+      <div class="sr-only">
+        <slot name="sr-label"></slot>
+      </div>
+    `}_onOpenedChanged(e){this.opened=e.detail.value}_onOverlayOpen(){this._menuElement&&this._menuElement.focus({focusVisible:t5})}}eC(nK);let nG=eg(class extends sz{addRenderer(){this.element.renderer=(e,t)=>{this.renderRenderer(e,t)}}runRenderer(){this.element.requestContentUpdate()}removeRenderer(){this.element.renderer=null}}),nY=class extends nK{};nY=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-select")],nY);let nX=[iG,u`
+  :host {
+    --_arrow-size: var(--vaadin-slider-bubble-arrow-size, 8px);
+    --_border-width: var(
+      --vaadin-slider-bubble-border-width,
+      var(--vaadin-tooltip-border-width, var(--vaadin-overlay-border-width, 1px))
+    );
+    --_default-offset: var(--vaadin-slider-bubble-offset, 2px);
+    --_rtl-multiplier: 1;
+  }
+
+  :host([dir='rtl']) {
+    --_rtl-multiplier: -1;
+  }
+
+  [part='overlay'] {
+    position: relative;
+    overflow: visible;
+    max-width: var(--vaadin-tooltip-max-width, 40ch);
+    padding: var(
+      --vaadin-slider-bubble-padding,
+      var(--vaadin-tooltip-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container))
+    );
+    border: var(
+        --vaadin-slider-bubble-border-width,
+        var(--vaadin-tooltip-border-width, var(--vaadin-overlay-border-width, 1px))
+      )
+      solid
+      var(
+        --vaadin-slider-bubble-border-color,
+        var(--vaadin-tooltip-border-color, var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary)))
+      );
+    border-radius: var(
+      --vaadin-slider-bubble-border-radius,
+      var(--vaadin-tooltip-border-radius, var(--vaadin-radius-m))
+    );
+    background: var(
+      --vaadin-slider-bubble-background,
+      var(--vaadin-tooltip-background, var(--vaadin-background-color))
+    );
+    color: var(--vaadin-slider-bubble-text-color, var(--vaadin-tooltip-text-color, inherit));
+    font-size: var(--vaadin-slider-bubble-font-size, var(--vaadin-tooltip-font-size, 0.9em));
+    font-weight: var(--vaadin-slider-bubble-font-weight, var(--vaadin-tooltip-font-weight, inherit));
+    line-height: var(--vaadin-slider-bubble-line-height, var(--vaadin-tooltip-line-height, inherit));
+    box-shadow: var(--vaadin-slider-bubble-shadow, var(--vaadin-tooltip-shadow, 0 3px 8px -1px rgba(0, 0, 0, 0.2)));
+  }
+
+  :host([top-aligned]) [part='overlay'] {
+    margin-top: var(--vaadin-slider-bubble-offset, calc(var(--_arrow-size) + var(--_default-offset)));
+  }
+
+  :host([bottom-aligned]) [part='overlay'] {
+    margin-bottom: var(--vaadin-slider-bubble-offset, calc(var(--_arrow-size) + var(--_default-offset)));
+  }
+
+  [part='arrow'] {
+    display: block;
+    position: absolute;
+    background: inherit;
+    border: inherit;
+    border-start-start-radius: var(--vaadin-slider-bubble-arrow-border-radius, 0);
+    inset-inline-start: 50%;
+    outline: inherit;
+    box-shadow: inherit;
+    width: var(--_arrow-size);
+    height: var(--_arrow-size);
+    rotate: 45deg;
+    --o: 20px; /* clip-path outset, how far outward it extends to reveal the outline and box shadow */
+    --b: var(--_border-width);
+    /* We need this elaborate clip-path to allow the arrow bg and border to cover
+      the overlay border but prevent the outline and box-shadow from covering it */
+    clip-path: polygon(
+      calc(var(--o) * -1) calc(var(--o) * -1),
+      calc(100% + var(--o) - var(--b)) calc(var(--o) * -1),
+      calc(100% - var(--b) * 1.4) 0,
+      100% 0,
+      calc(100% - var(--b)) var(--b),
+      calc(100% - var(--b)) calc(var(--b) + var(--ff, 0px)),
+      calc(var(--b) + var(--ff, 0px)) calc(100% - var(--b)),
+      calc(var(--b)) calc(100% - var(--b)),
+      0 100%,
+      0 calc(100% - var(--b) * 1.4),
+      calc(var(--o) * -1) calc(100% + var(--o) - var(--b))
+    );
+  }
+
+  /* Firefox renders a blurry edge for a diagonal clip-path + rotation,
+    so we need to extend the clip-path slightly further on the diagonal */
+  @supports (-moz-appearance: none) {
+    [part='arrow'] {
+      --ff: 1px;
+    }
+  }
+
+  :host([top-aligned]) [part='arrow'] {
+    top: 0;
+    translate: calc(-50% * var(--_rtl-multiplier)) -50%;
+  }
+
+  :host([end-aligned][top-aligned]) [part='arrow'] {
+    translate: calc(50% * var(--_rtl-multiplier)) -50%;
+  }
+
+  :host([bottom-aligned]) [part='arrow'] {
+    bottom: 0;
+    rotate: 225deg;
+    translate: calc(-50% * var(--_rtl-multiplier)) 50%;
+  }
+
+  :host([end-aligned][bottom-aligned]) [part='arrow'] {
+    translate: calc(50% * var(--_rtl-multiplier)) 50%;
+  }
+`];class nZ extends sn(se(eK(tb(e4(td(ev)))))){static get is(){return"vaadin-slider-bubble-overlay"}static get styles(){return nX}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}render(){return X`
+      <div part="overlay" id="overlay">
+        <div part="arrow"></div>
+        <div part="content" id="content"><slot></slot></div>
+      </div>
+    `}_shouldCloseOnOutsideClick(){return!1}_updatePosition(){if(super._updatePosition(),!this.positionTarget||!this.opened)return;let e=this.positionTarget.getBoundingClientRect(),t=this.$.overlay.getBoundingClientRect(),i=e.width/2-t.width/2;if(this.style.left){let e=t.left+i;e>0&&(this.style.left=`${e}px`)}if(this.style.right){let e=parseFloat(this.style.right)+i;e>0&&(this.style.right=`${e}px`)}}}eC(nZ);class nQ extends th(e4(ev)){static get is(){return"vaadin-slider-bubble"}static get styles(){return u`
+      :host {
+        display: contents;
+      }
+    `}static get properties(){return{positionTarget:{type:Object},opened:{type:Boolean,value:!1,reflectToAttribute:!0}}}render(){return X`
+      <vaadin-slider-bubble-overlay
+        id="overlay"
+        .owner="${this}"
+        .opened="${this.opened}"
+        .positionTarget="${this.positionTarget}"
+        theme="${this._theme??Q}"
+        vertical-align="bottom"
+        no-vertical-overlap
+        modeless
+        exportparts="overlay, content, arrow"
+      >
+        <slot></slot>
+      </vaadin-slider-bubble-overlay>
+    `}}eC(nQ);let nJ="important",n0=" !"+nJ,n1=eg(class extends eb{constructor(e){if(super(e),1!==e.type||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,i)=>{let s=e[i];return null==s?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(e,[t]){let{style:i}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(let e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?i.removeProperty(e):i[e]=null);for(let e in t){let s=t[e];if(null!=s){this.ft.add(e);let t="string"==typeof s&&s.endsWith(n0);e.includes("-")||t?i.setProperty(e,t?s.slice(0,-11):s,t?nJ:""):i[e]=s}}return Z}}),n2=u`
+  :host {
+    box-sizing: border-box;
+    user-select: none;
+    -webkit-user-select: none;
+    --_thumb-width: var(--vaadin-slider-thumb-width, 1lh);
+    --_thumb-height: var(--vaadin-slider-thumb-height, 1lh);
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  :host([disabled]) {
+    cursor: var(--vaadin-disabled-cursor);
+    --vaadin-slider-fill-background: linear-gradient(
+        var(--vaadin-border-color-secondary),
+        var(--vaadin-border-color-secondary)
+      )
+      var(--vaadin-background-color);
+    --vaadin-slider-thumb-background: var(--vaadin-slider-fill-background);
+    --vaadin-slider-thumb-border-color: transparent;
+  }
+
+  :host([readonly]) {
+    --vaadin-slider-fill-background: var(--vaadin-border-color);
+    --vaadin-slider-thumb-background: var(--vaadin-background-color);
+    --vaadin-slider-thumb-border-color: var(--vaadin-border-color);
+    --_outline-style: dashed;
+  }
+
+  :host([min-max-visible]) {
+    grid-template:
+      'label' auto var(--_helper-above-field, 'helper' auto) 'baseline' 0 'input' 1fr 'marks' auto var(
+        --_helper-below-field,
+        'helper' auto
+      )
+      'error' auto / 100%;
+  }
+
+  #controls {
+    grid-area: input;
+    display: inline-grid;
+    align-items: center;
+    width: var(--vaadin-field-default-width, 12em);
+    max-width: 100%;
+    min-width: 100%;
+    --_track-width: calc(100% - var(--_thumb-width));
+  }
+
+  :host([has-label]) #controls {
+    border-block: var(--vaadin-input-field-border-width, 1px) solid transparent;
+    padding-block: var(--vaadin-padding-block-container);
+  }
+
+  [part='track'] {
+    box-sizing: border-box;
+    grid-row: 1;
+    grid-column: track-start / track-end;
+    display: grid;
+    grid-template-columns: subgrid;
+    align-items: center;
+    width: 100%;
+    height: var(--vaadin-slider-track-height, 0.25lh);
+    background: var(--vaadin-slider-track-background, var(--vaadin-background-container));
+    border-radius: var(--vaadin-slider-track-border-radius, var(--vaadin-radius-m));
+    border: var(--vaadin-slider-track-border-width, 0) solid
+      var(--vaadin-slider-track-border-color, var(--vaadin-border-color-secondary));
+  }
+
+  [part='track-fill'] {
+    box-sizing: border-box;
+    grid-column: fill-start / fill-end;
+    height: 100%;
+    background: var(--vaadin-slider-fill-background, var(--vaadin-text-color));
+    box-shadow: inset 0 0 0 var(--vaadin-slider-fill-border-width, 1px)
+      var(--vaadin-slider-fill-border-color, transparent);
+  }
+
+  [part~='thumb'] {
+    box-sizing: border-box;
+    grid-row: 1;
+    grid-column: thumb1;
+    width: var(--_thumb-width);
+    height: var(--_thumb-height);
+    background: var(--vaadin-slider-thumb-background, var(--vaadin-background-color));
+    border: var(--vaadin-slider-thumb-border-width, 1px) solid
+      var(--vaadin-slider-thumb-border-color, var(--vaadin-text-color));
+    border-radius: var(--vaadin-slider-thumb-border-radius, var(--vaadin-radius-l));
+  }
+
+  :host([readonly]) [part='track-fill'] {
+    border-inline-end: none;
+  }
+
+  ::slotted(input) {
+    grid-row: 1;
+    grid-column: track-start / track-end;
+    appearance: none;
+    width: calc(100% + max(0px, 24px - var(--_thumb-width)));
+    height: var(--_thumb-height);
+    font: inherit;
+    margin: 0;
+    margin-inline: calc(min(0px, var(--_thumb-width) - 24px) / 2);
+    background: transparent;
+    outline: 0;
+    -webkit-tap-highlight-color: transparent;
+    cursor: inherit;
+    touch-action: none;
+    z-index: 999;
+
+    @media (pointer: coarse) {
+      pointer-events: none;
+    }
+  }
+
+  [part='marks'] {
+    display: none;
+    font-size: var(--vaadin-slider-marks-font-size, 0.75em);
+    font-weight: var(--vaadin-slider-marks-font-weight, inherit);
+    color: var(--vaadin-slider-marks-color, var(--vaadin-text-color-secondary));
+  }
+
+  :host([min-max-visible]) [part='marks'] {
+    grid-area: marks;
+    display: flex;
+    justify-content: space-between;
+  }
+`,n5=e=>class extends ic(t0(e)){static get properties(){return{min:{type:Number,sync:!0},max:{type:Number,sync:!0},step:{type:Number,sync:!0},readonly:{type:Boolean,reflectToAttribute:!0},valueAlwaysVisible:{type:Boolean,value:!1,sync:!0},minMaxVisible:{type:Boolean,reflectToAttribute:!0},__value:{type:Array,sync:!0}}}get slotStyles(){let e=this.localName;return[`
+          ${e} > input::-webkit-slider-runnable-track {
+            height: 100%;
+          }
+
+          ${e} > input::-webkit-slider-thumb {
+            appearance: none;
+            width: max(24px, var(--_thumb-width));
+            height: max(24px, var(--_thumb-height));
+            margin-block: calc((var(--_thumb-height) - 24px) / 2);
+            /* iOS needs these */
+            background: transparent;
+            box-shadow: none;
+            pointer-events: auto;
+          }
+
+          ${e} > input::-moz-range-thumb {
+            border: 0;
+            background: transparent;
+            width: max(24px, var(--_thumb-width));
+            height: max(24px, var(--_thumb-height));
+            pointer-events: auto;
+          }
+
+          ${e}:not([readonly]) > input::-webkit-slider-thumb {
+            cursor: var(--vaadin-slider-thumb-cursor, grab);
+          }
+
+          ${e}:not([readonly]) > input::-moz-range-thumb {
+            cursor: var(--vaadin-slider-thumb-cursor, grab);
+          }
+
+          ${e}:is([active], [start-active], [end-active]) > input::-webkit-slider-thumb {
+            cursor: var(--vaadin-slider-thumb-cursor-active, grabbing);
+          }
+
+          ${e}:is([active], [start-active], [end-active]) > input::-moz-range-thumb {
+            cursor: var(--vaadin-slider-thumb-cursor-active, grabbing);
+          }
+
+          ${e}[disabled] > input::-webkit-slider-thumb {
+            cursor: var(--vaadin-disabled-cursor, not-allowed);
+          }
+
+          ${e}[disabled] > input::-moz-range-thumb {
+            cursor: var(--vaadin-disabled-cursor, not-allowed);
+          }
+        `]}constructor(){super(),this.addEventListener("pointerdown",e=>this.__onPointerDown(e))}firstUpdated(){super.firstUpdated(),this.__lastCommittedValue=this.value}__updateValue(e,t,i=this.__value){let{min:s,max:r,step:n}=this.__getConstraints(),a=i[t-1]??s,o=i[t+1]??r,l=Math.min(Math.max(e,a),o),d=this.__getStepPrecision(n),h=Math.round((l-a)/n)*n,u=parseFloat((a+h).toFixed(d)),c=u<=o?u:parseFloat((u-n).toFixed(d));this.__value=i.with(t,c)}__getStepPrecision(e){let t=String(e).split(".")[1];return t?t.length:0}__getConstraints(){return{min:this.min??0,max:this.max??100,step:this.step??1}}__getPercentFromValue(e){let{min:t,max:i}=this.__getConstraints();return i<=t?0:(Math.min(Math.max(e,t),i)-t)/(i-t)}__updateBubbleState(e,{active:t,focused:i,hover:s,opened:r,otherOpened:n}){e.has(t)&&(this[t]?this[s]=!0:e.get(t)&&(this[r]=this[s])),e.has(i)&&(this[i]?(this[r]=!0,n&&(this[n]=!1)):e.get(i)&&(this[r]=this[s])),e.has(s)&&(this[s]?(this[r]=!0,n&&(this[n]=!1)):e.get(s)&&(this[r]=this[t]))}__onPointerDown(e){e.composedPath().includes(this.$.controls)&&this.readonly&&e.preventDefault()}__dispatchInputEvent(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}__detectAndDispatchChange(){JSON.stringify(this.__lastCommittedValue)!==JSON.stringify(this.value)&&(this.__lastCommittedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0})))}__onChange(e){e.stopPropagation(),this.__detectAndDispatchChange()}};class n3 extends iO(n5(t9(eY(tb(e4(td(ev))))))){static get is(){return"vaadin-slider"}static get styles(){return[io,n2,u`
+        :host([focus-ring]) [part='thumb'] {
+          outline: var(--vaadin-focus-ring-width) var(--_outline-style, solid) var(--vaadin-focus-ring-color);
+          outline-offset: 1px;
+        }
+
+        #controls {
+          grid-template-columns:
+            [track-start fill-start]
+            calc(var(--value) * var(--_track-width))
+            [fill-end thumb1]
+            var(--_thumb-width)
+            calc((1 - var(--value)) * var(--_track-width))
+            [track-end];
+        }
+
+        [part='track-fill'] {
+          border-start-start-radius: inherit;
+          border-end-start-radius: inherit;
+        }
+      `]}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}static get properties(){return{value:{type:Number,value:0,notify:!0,sync:!0},__active:{type:Boolean,value:!1,reflectToAttribute:!0,attribute:"active",sync:!0},__focusInside:{type:Boolean,value:!1,sync:!0},__hoverInside:{type:Boolean,value:!1,sync:!0},__bubbleOpened:{type:Boolean,value:!1,sync:!0}}}render(){let[e]=this.__value,t=this.__getPercentFromValue(e),{min:i,max:s}=this.__getConstraints();return X`
+      <div class="vaadin-slider-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <div id="controls" style="${n1({"--value":t})}">
+          <div part="track">
+            <div part="track-fill"></div>
+          </div>
+          <div part="thumb"></div>
+          <slot name="input"></slot>
+          <slot name="bubble"></slot>
+        </div>
+
+        <div part="marks" aria-hidden="true">
+          <span part="min">${i}</span>
+          <span part="max">${s}</span>
+        </div>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+    `}constructor(){super(),this.__value=[this.value],this.__inputId=`slider-${tC++}`,this.__onPointerUp=this.__onPointerUp.bind(this)}ready(){super.ready();let e=this.querySelector('[slot="input"]');this._inputElement=e,this.ariaTarget=e,this.addController(new i$(e,this._labelController)),this.__thumbElement=this.shadowRoot.querySelector('[part="thumb"]'),this.__bubbleElement=this.querySelector("vaadin-slider-bubble")}__onPointerDown(e){super.__onPointerDown(e),this.readonly||e.composedPath()[0]!==this._inputElement||(this.setAttribute("active",""),window.addEventListener("pointerup",this.__onPointerUp),window.addEventListener("pointercancel",this.__onPointerUp))}__onPointerUp(){window.removeEventListener("pointerup",this.__onPointerUp),window.removeEventListener("pointercancel",this.__onPointerUp),this.removeAttribute("active")}update(e){super.update(e);let[t]=this.__value,{min:i,max:s,step:r}=this.__getConstraints();ep(X`
+        <input
+          type="range"
+          id="${this.__inputId}"
+          slot="input"
+          .min="${i}"
+          .max="${s}"
+          .value="${t}"
+          .step="${r}"
+          .disabled="${this.disabled}"
+          tabindex="${this.disabled?-1:0}"
+          @pointerenter="${this.__onPointerEnter}"
+          @pointermove="${this.__onPointerMove}"
+          @pointerleave="${this.__onPointerLeave}"
+          @keydown="${this.__onKeyDown}"
+          @input="${this.__onInput}"
+          @change="${this.__onChange}"
+        />
+        <vaadin-slider-bubble
+          slot="bubble"
+          .positionTarget="${this.__thumbElement}"
+          .opened="${this.valueAlwaysVisible||this.__bubbleOpened}"
+          theme="${this._theme??Q}"
+        >
+          ${t}
+        </vaadin-slider-bubble>
+      `,this,{host:this})}willUpdate(e){super.willUpdate(e),this.__updateBubbleState(e,{active:"__active",focused:"__focusInside",hover:"__hoverInside",opened:"__bubbleOpened"})}updated(e){super.updated(e),(e.has("value")||e.has("min")||e.has("max")||e.has("step"))&&this.__updateValue(this.value)}focus(e){this.disabled||(this._inputElement&&this._inputElement.focus(),super.focus(e))}blur(){this._inputElement&&this._inputElement.blur()}__commitValue(){this.value=this.__value[0]}__onInput(e){e.stopPropagation(),this.__updateValue(e.target.value,0),this.__updateBubble(),this.__dispatchInputEvent(),this.__commitValue()}__onKeyDown(e){this.readonly&&["ArrowLeft","ArrowDown","ArrowRight","ArrowUp","PageUp","PageDown","Home","End"].includes(e.key)&&e.preventDefault()}_setFocused(e){super._setFocused(e),this.__focusInside=e}__isThumbEvent(e){let t=this.__thumbElement.getBoundingClientRect();return e.clientX>=t.left&&e.clientX<=t.right&&e.clientY>=t.top&&e.clientY<=t.bottom}__onPointerEnter(e){this.__isThumbEvent(e)&&(this.__hoverInside=!0)}__onPointerMove(e){this.__hoverInside=this.__isThumbEvent(e)}__onPointerLeave(){this.__hoverInside=!1}__updateBubble(){this.__bubbleElement.$.overlay._updatePosition()}}eC(n3);let n4=class extends n3{};n4=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-slider")],n4);var n8=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let n7=class extends nm{willUpdate(e){super.willUpdate(e),e.has("type")&&void 0!==this.type&&this._setType(this.type)}_onEnter(e){return this.dispatchEvent(new CustomEvent("submit",{bubbles:!0,composed:!0})),super._onEnter(e)}};n8([S({type:String})],n7.prototype,"type",void 0),n7=n8([r("or-vaadin-text-field")],n7);let n6=u`
+  :host {
+    height: auto;
+  }
+
+  [part='input-field'] {
+    overflow: auto;
+    scroll-padding: var(
+      --vaadin-input-field-padding,
+      var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)
+    );
+  }
+
+  ::slotted(textarea) {
+    resize: none;
+    white-space: pre-wrap;
+  }
+
+  [part='input-field'] ::slotted(:not(textarea)),
+  [part~='clear-button'] {
+    align-self: flex-start;
+    position: sticky;
+    top: 0;
+  }
+
+  [part~='clear-button'] {
+    top: min(0px, (24px - 1lh) / -2);
+  }
+
+  /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */
+  :host([disabled]) ::slotted(textarea) {
+    user-select: none;
+  }
+`,n9=new ResizeObserver(e=>{setTimeout(()=>{e.forEach(e=>{e.target.isConnected&&(e.target.resizables?e.target.resizables.forEach(t=>{t._onResize(e.contentRect)}):e.target._onResize(e.contentRect))})})}),ae=eZ(e=>class extends e{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),n9.observe(this),this._observeParent){let e=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;e.resizables||(e.resizables=new Set,n9.observe(e)),e.resizables.add(this),this.__parent=e}}disconnectedCallback(){super.disconnectedCallback(),n9.unobserve(this);let e=this.__parent;if(this._observeParent&&e){let t=e.resizables;t&&(t.delete(this),0===t.size&&n9.unobserve(e)),this.__parent=null}}_onResize(e){}});class at extends tx{constructor(e,t){super(e,"textarea","textarea",{initializer:(e,i)=>{let s=i.getAttribute("value");s&&(e.value=s);let r=i.getAttribute("name");r&&e.setAttribute("name",r),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}let ai=e=>class extends ae(n_(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String},minRows:{type:Number,value:2,observer:"__minRowsChanged"},maxRows:{type:Number}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}static get observers(){return["__updateMinHeight(minRows, inputElement)","__updateMaxHeight(maxRows, inputElement, _inputField)"]}get clearElement(){return this.$.clearButton}_onResize(){this._updateHeight(),this.__scrollPositionUpdated()}_onScroll(){this.__scrollPositionUpdated()}ready(){super.ready(),this.__textAreaController=new at(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}),this.addController(this.__textAreaController),this.addController(new i$(this.inputElement,this._labelController)),this._inputField=this.shadowRoot.querySelector("[part=input-field]"),this._inputField.addEventListener("wheel",e=>{let t=this._inputField.scrollTop;this._inputField.scrollTop+=e.deltaY,t!==this._inputField.scrollTop&&(e.preventDefault(),this.__scrollPositionUpdated())}),this._updateHeight(),this.__scrollPositionUpdated()}__scrollPositionUpdated(){this._inputField.style.setProperty("--_text-area-vertical-scroll-position","0px"),this._inputField.style.setProperty("--_text-area-vertical-scroll-position",`${this._inputField.scrollTop}px`)}_valueChanged(e,t){super._valueChanged(e,t),this._updateHeight()}_updateHeight(){let e=this.inputElement,t=this._inputField;if(!e||!t)return;let i=t.scrollTop,s=parseFloat(e.style.height),r=this.value?this.value.length:0;if(this._oldValueLength>=r){let i=getComputedStyle(t).height,s=getComputedStyle(e).width;t.style.height=i,e.style.maxWidth=s,e.style.alignSelf="flex-start",e.style.height="auto"}this._oldValueLength=r;let n=e.scrollHeight;1>=Math.abs(n-s)?e.style.height=`${s}px`:n>e.clientHeight&&(e.style.height=`${n}px`),e.style.removeProperty("max-width"),e.style.removeProperty("align-self"),t.style.removeProperty("height"),t.scrollTop=i,this.__updateMaxHeight(this.maxRows)}__updateMinHeight(e){this.inputElement&&this.inputElement===this.__textAreaController.defaultNode&&(this.inputElement.rows=Math.max(e,1))}__updateMaxHeight(e){if(this._inputField&&this.inputElement)if(e){let t=getComputedStyle(this.inputElement),i=getComputedStyle(this._inputField),s=Math.ceil(parseFloat(t.lineHeight)*e+(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)+parseFloat(t.marginTop)+parseFloat(t.marginBottom)+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth)+parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)));this._inputField.style.setProperty("max-height",`${s}px`)}else this._inputField.style.removeProperty("max-height")}__minRowsChanged(e){e<1&&console.warn("<vaadin-text-area> minRows must be at least 1.")}scrollToStart(){this._inputField.scrollTop=0}scrollToEnd(){this._inputField.scrollTop=this._inputField.scrollHeight}checkValidity(){if(!super.checkValidity())return!1;if(!this.pattern||!this.inputElement.value)return!0;try{let e=this.inputElement.value.match(this.pattern);return!!e&&e[0]===e.input}catch(e){return!0}}};class as extends ai(tb(eY(e4(td(ev))))){static get is(){return"vaadin-text-area"}static get styles(){return[sy,n6]}render(){return X`
+      <div class="vaadin-text-area-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+          @scroll="${this._onScroll}"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="textarea"></slot>
+          <slot name="suffix" slot="suffix"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+    `}ready(){super.ready(),this._tooltipController=new tE(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}eC(as);var ar=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let an=class extends as{constructor(){super(...arguments),this.manualresize=!1}_onEnter(e){return e.shiftKey||this.dispatchEvent(new CustomEvent("submit",{bubbles:!0,composed:!0})),super._onEnter(e)}_updateHeight(){var e;if(!this.inputElement)return;let t=null==(e=this.shadowRoot)?void 0:e.querySelector('[part~="input-field"]');if(this.manualresize){t&&(t.style.height="auto",t.style.overflowY="hidden"),this.inputElement.style.overflowY="auto",window.matchMedia("(pointer: coarse)").matches?this.inputElement.style.removeProperty("resize"):this.inputElement.style.resize="vertical";return}this.inputElement.style.removeProperty("resize"),this.inputElement.style.removeProperty("overflow-y"),t&&t.style.removeProperty("overflow-y"),super._updateHeight()}updated(e){super.updated(e),e.has("manualresize")&&this._updateHeight()}};ar([S({type:Boolean})],an.prototype,"manualresize",void 0),an=ar([r("or-vaadin-text-area")],an),!function(e,t,i={}){t=function(e=[]){return[e].flat(1/0).filter(e=>e instanceof d||(console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`."),!1))}(t),tu.push({themeFor:e,styles:t,include:i.include,moduleId:i.moduleId}),e&&tp.forEach(i=>{var s;if(tv(e,i)&&t_(customElements.get(i))){let e,r=customElements.get(i);(s=t,(e=r.__themes)&&s&&e.some(e=>e.styles.some(e=>s.some(t=>t.cssText===e.cssText))))?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".`),!function e(t){t.prototype instanceof ev?t.elementStyles=t.finalizeStyles(t.styles):t.prototype._template.content.getElementById(tg).textContent=tm(t.getStylesForThis()),tp.forEach(i=>{let s=customElements.get(i);s!==t&&s.prototype instanceof t&&e(s)})}(r),tc.forEach(e=>{let t=e.deref();t instanceof r?function(e){if(!e.shadowRoot)return;let t=e.constructor;e instanceof ev?e9(e):e.shadowRoot.getElementById(tg).textContent=t.prototype._template.content.getElementById(tg).textContent}(t):t||tc.delete(e)})}})}("or-vaadin-toggle",u`
+    :host {
+      /* Public variables, overridable by consumers; the values are defaults with standalone fallbacks */
+      --or-toggle-track-width: 30px;
+      --or-toggle-track-height: 20px;
+      --or-toggle-knob-size: 14px;
+      --or-toggle-knob-inset: 3px;
+      --or-toggle-radius: var(--lumo-border-radius-l, 12px);
+      --or-toggle-track-off-color: var(--lumo-contrast-30pct, #c4c8c4);
+      --or-toggle-track-on-color: var(--lumo-primary-color, #47a942);
+      --or-toggle-knob-color: var(--lumo-base-color, #ffffff);
+      --or-toggle-gap: 6px;
+      --or-toggle-transition-duration: 0.15s;
+
+      align-items: center;
+      --vaadin-checkbox-gap: var(--or-toggle-gap);
+    }
+
+    /*
+     * The Vaadin base styles give the label a 500 font weight. Lumo resets that for the checkbox,
+     * but that reset is keyed off 'is' (overridden here), so restore the default weight ourselves.
+     */
+    :host [part="label"],
+    :host([has-label]) ::slotted([slot="label"]) {
+      font-weight: 400;
+    }
+
+    /*
+     * Turn the square checkbox part into a pill-shaped track. Selectors are deliberately prefixed
+     * with :host(...) to out-specify the Vaadin/Lumo base rules (e.g. the base hides the ::after
+     * marker with a high-specificity ':host(:not([checked])) [part=checkbox]::after { opacity: 0 }'
+     * rule, which would otherwise hide the knob in the off state).
+     */
+    :host [part="checkbox"] {
+      box-sizing: border-box;
+      width: var(--or-toggle-track-width);
+      min-width: var(--or-toggle-track-width);
+      height: var(--or-toggle-track-height);
+      border: none;
+      border-radius: var(--or-toggle-radius);
+      background: var(--or-toggle-track-off-color);
+      transition: background-color var(--or-toggle-transition-duration, 0.15s) ease-in-out;
+    }
+
+    :host([checked]) [part="checkbox"] {
+      background: var(--or-toggle-track-on-color);
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+    }
+
+    /* Replace the checkmark with a sliding knob */
+    :host [part="checkbox"]::after {
+      content: "";
+      position: absolute;
+      inset: auto;
+      top: 50%;
+      width: var(--or-toggle-knob-size);
+      height: var(--or-toggle-knob-size);
+      min-width: 0;
+      border-radius: 50%;
+      background: var(--or-toggle-knob-color);
+      mask: none;
+      -webkit-mask: none;
+      filter: none;
+      transform: translateY(-50%);
+      transition: left var(--or-toggle-transition-duration, 0.15s) ease-in-out;
+    }
+
+    :host(:not([checked])) [part="checkbox"]::after {
+      opacity: 1;
+      left: var(--or-toggle-knob-inset);
+    }
+
+    :host([checked]) [part="checkbox"]::after {
+      opacity: 1;
+      left: calc(var(--or-toggle-track-width) - var(--or-toggle-knob-size) - var(--or-toggle-knob-inset));
+    }
+
+    :host([focus-ring]) [part="checkbox"] {
+      outline: 2px solid var(--or-toggle-track-on-color);
+      outline-offset: 2px;
+    }
+  `);let aa=class extends iM{static get is(){return"or-vaadin-toggle"}_inputElementChanged(e,t){super._inputElementChanged(e,t),null==e||e.setAttribute("role","switch")}};aa=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-toggle")],aa);var ao=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let al=sZ=class extends nb.OrElement{constructor(){super(...arguments),this.type=sX.TEXT,this._observer=new MutationObserver((e,t)=>this._onAttributeChange(e,t))}static get styles(){return u`
+      #elem {
+        width: 100%;
+      }
+      or-vaadin-textarea {
+        max-height: 200px;
+      }
+    `}connectedCallback(){return this._observer.observe(this,{attributes:!0}),super.connectedCallback()}disconnectedCallback(){return this._observer.disconnect(),super.disconnectedCallback()}updated(e){return e.forEach((e,t)=>this._onPropertyChange(String(t),this[String(t)])),super.updated(e)}firstUpdated(e){for(let e of this.getAttributeNames())this._applyAttribute(e,this.getAttribute(e),this._elem);return super.firstUpdated(e)}get native(){return this._elem}get nativeValue(){var e,t;switch(this.type){case sX.CHECKBOX:case sX.SWITCH:return null==(e=this._elem)?void 0:e.checked;default:return null==(t=this._elem)?void 0:t.value}}checkValidity(){var e,t;return null!=(t=null==(e=this._elem)?void 0:e.checkValidity())&&t}render(){var e,t;return null!=(t=null==(e=sZ.TEMPLATES.get(this.type))?void 0:e(this._onValueChange))?t:X`Not supported yet.`}_onAttributeChange(e,t){this.getUpdateComplete().then(()=>{e.filter(e=>"attributes"===e.type&&e.attributeName).forEach(e=>{this._applyAttribute(e.attributeName,this.getAttribute(e.attributeName),this._elem)})})}_onPropertyChange(e,t){null!=t||(t=this[String(e)]),this._applyAttribute(e,JSON.stringify(t),this._elem)}_onValueChange(e){e.stopPropagation(),e.defaultPrevented||this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}_applyAttribute(e,t,i=this._elem){i&&!sZ.FORBIDDEN_ATTRIBUTES.includes(e)&&("boolean"==typeof t?null==i||i.toggleAttribute(e,t):null!==t?null==i||i.setAttribute(e,t):null==i||i.removeAttribute(e))}static getCheckboxTemplate(e){return X`<or-vaadin-checkbox id="elem" @change=${e}></or-vaadin-checkbox>`}static getNumberFieldTemplate(e){return X`<or-vaadin-number-field id="elem" @change=${e}></or-vaadin-number-field>`}static getPasswordFieldTemplate(e){return X`<or-vaadin-password-field id="elem" @change=${e}></or-vaadin-password-field>`}static getSelectTemplate(e){return X`<or-vaadin-select id="elem" @change=${e}></or-vaadin-select>`}static getSliderTemplate(e){return X`<or-vaadin-slider id="elem" @change=${e}></or-vaadin-slider>`}static getSwitchTemplate(e){return X`<or-vaadin-toggle id="elem" @change=${e}></or-vaadin-toggle>`}static getTextAreaTemplate(e){return X`<or-vaadin-text-area id="elem" @change=${e}></or-vaadin-text-area>`}static getTextFieldTemplate(e){return X`<or-vaadin-text-field id="elem" @change=${e}></or-vaadin-text-field>`}_getLoggingPrefix(){return`[${this.getAttribute("label")} ${this.type}] `}};al.VAADIN_CLASSES=[customElements.get("or-vaadin-number-field"),customElements.get("or-vaadin-password-field"),customElements.get("or-vaadin-select"),customElements.get("or-vaadin-slider"),customElements.get("or-vaadin-text-area"),customElements.get("or-vaadin-text-field")],al.TEMPLATES=new Map([[sX.BIG_INT,sZ.getNumberFieldTemplate],[sX.CHECKBOX,sZ.getCheckboxTemplate],[sX.NUMBER,sZ.getNumberFieldTemplate],[sX.PASSWORD,sZ.getPasswordFieldTemplate],[sX.RANGE,sZ.getSliderTemplate],[sX.SELECT,sZ.getSelectTemplate],[sX.SWITCH,sZ.getSwitchTemplate],[sX.TEXT,sZ.getTextFieldTemplate],[sX.TEXTAREA,sZ.getTextAreaTemplate]]),al.CHANGE_EVENTS=new Map([[sX.BIG_INT,"submit"],[sX.NUMBER,"submit"],[sX.TEXTAREA,"submit"],[sX.TEXT,"submit"],[sX.PASSWORD,"submit"]]),al.FORBIDDEN_ATTRIBUTES=["id"],ao([S({type:String})],al.prototype,"type",void 0),ao([(e,t,i)=>{let s,r,n;return s=e,r=t,(n={get(){let e;return e=this,e.renderRoot?.querySelector("#elem")??null}}).configurable=!0,n.enumerable=!0,Reflect.decorate&&"object"!=typeof r&&Object.defineProperty(s,r,n),n}],al.prototype,"_elem",void 0),(al=sZ=ao([r("or-vaadin-input")],al)).VAADIN_CLASSES.filter(e=>!!e).map(e=>e).forEach(e=>e.observedAttributes.filter(e=>!al.elementProperties.has(e)).forEach(t=>al.createProperty(t,e.getPropertyOptions(t))));class ad extends n$(tb(eK(e4(td(ev))))){static get is(){return"vaadin-item"}static get styles(){return iU}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}ready(){super.ready(),this.setAttribute("role","option")}}eC(ad);let ah=class extends ad{};ah=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-item")],ah);let au=e=>class extends nB(e){static get properties(){return{multiple:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_multipleChanged"},selectedValues:{type:Array,notify:!0,value:()=>[]}}}static get observers(){return["_enhanceMultipleItems(items, multiple, selected, disabled, selectedValues)"]}ready(){this.addEventListener("click",e=>this._onMultipleClick(e)),super.ready()}_enhanceMultipleItems(e,t,i,s,r){if(e&&t){if(r){let t=r.map(t=>e[t]);e.forEach(e=>{e.selected=t.includes(e)})}this._scrollToLastSelectedItem()}}_scrollToLastSelectedItem(){let e=this.selectedValues.slice(-1)[0];e&&!e.disabled&&this._scrollToItem(e)}_onMultipleClick(e){let t=this._filterItems(e.composedPath())[0],i=t&&!t.disabled?this.items.indexOf(t):-1;!(i<0)&&this.multiple&&(e.preventDefault(),this.selectedValues.includes(i)?this.selectedValues=this.selectedValues.filter(e=>e!==i):this.selectedValues=this.selectedValues.concat(i))}_multipleChanged(e,t){!e&&t&&(this.selectedValues=[],this.items.forEach(e=>{e.selected=!1}),this.removeAttribute("aria-multiselectable")),e&&!t&&(this.setAttribute("aria-multiselectable","true"),void 0!==this.selected&&(this.selectedValues=[...this.selectedValues,this.selected],this.selected=void 0))}};class ac extends eY(au(tb(e4(td(ev))))){static get is(){return"vaadin-list-box"}static get styles(){return nL}static get properties(){return{orientation:{readOnly:!0}}}render(){return X`
+      <div part="items">
+        <slot></slot>
+      </div>
+
+      <slot name="tooltip"></slot>
+    `}get _scrollerElement(){return this.shadowRoot.querySelector('[part="items"]')}ready(){super.ready(),this.setAttribute("role","listbox"),this._tooltipController=new tE(this),this.addController(this._tooltipController)}}eC(ac);let ap=class extends ac{};ap=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-list-box")],ap);let a_=[iU,u`
+  :host([aria-haspopup='true'])::after {
+    background: var(--vaadin-text-color-secondary);
+    content: '';
+    display: block;
+    height: var(--vaadin-icon-size, 1lh);
+    mask: var(--_vaadin-icon-chevron-down) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
+    rotate: -90deg;
+    width: var(--vaadin-icon-size, 1lh);
+  }
+
+  :host([dir='rtl'])::after {
+    rotate: 90deg;
+  }
+
+  /* TODO would be nice to only reserve the space if
+    one or mote items in the list is checkable  */
+  :host([menu-item-checked]) [part='checkmark'] {
+    visibility: visible;
+  }
+`];class av extends n$(tb(eK(e4(td(ev))))){static get is(){return"vaadin-menu-bar-item"}static get styles(){return a_}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem")}__shouldAllowFocusWhenDisabled(){return window.Vaadin.featureFlags.accessibleDisabledMenuItems}}eC(av);class am extends nB(tb(eK(e4(td(ev))))){static get is(){return"vaadin-menu-bar-list-box"}static get styles(){return nL}static get properties(){return{orientation:{type:String,readOnly:!0}}}get _scrollerElement(){return this.shadowRoot.querySelector('[part="items"]')}render(){return X`
+      <div part="items">
+        <slot></slot>
+      </div>
+    `}ready(){super.ready(),this.setAttribute("role","menu")}}eC(am);let ag=e=>class extends i5(sn(e)){static get properties(){return{parentOverlay:{type:Object,readOnly:!0},_theme:{type:String,readOnly:!0,sync:!0}}}static get observers(){return["_themeChanged(_theme)"]}get _contentRoot(){return this._rendererRoot}get _rendererRoot(){if(!this.__savedRoot){let e=document.createElement("div");e.setAttribute("slot","overlay"),e.style.display="contents",this.owner.appendChild(e),this.__savedRoot=e}return this.__savedRoot}ready(){super.ready(),this.restoreFocusOnClose=!0,this.addEventListener("keydown",e=>{if(!e.defaultPrevented&&e.composedPath()[0]===this.$.overlay&&[38,40].indexOf(e.keyCode)>-1){let t=this._contentRoot.firstElementChild;t&&Array.isArray(t.items)&&t.items.length&&(e.preventDefault(),38===e.keyCode?t.items[t.items.length-1].focus():t.focus())}})}_themeChanged(){this.close()}getBoundaries(){let e=this.getBoundingClientRect(),t=this.$.overlay.getBoundingClientRect(),i=e.bottom-t.height,s=this.parentOverlay;if(s?.hasAttribute("bottom-aligned")){let e=getComputedStyle(s);i=i-parseFloat(e.bottom)-parseFloat(e.height)}return{xMax:e.right-t.width,xMin:e.left+t.width,yMax:i}}_updatePosition(){if(super._updatePosition(),this.positionTarget&&this.parentOverlay&&this.opened){let e=getComputedStyle(this.$.content);this.style.left?this.style.left=`${parseFloat(this.style.left)+parseFloat(e.paddingLeft)}px`:this.style.right=`${parseFloat(this.style.right)+parseFloat(e.paddingRight)}px`,this.style.bottom?this.style.bottom=`${parseFloat(this.style.bottom)-parseFloat(e.paddingBottom)}px`:this.style.top=`${parseFloat(this.style.top)-parseFloat(e.paddingTop)}px`}}_shouldRestoreFocus(){return!this.parentOverlay&&super._shouldRestoreFocus()}_deepContains(e){return this.owner.contains(e)}},ab=[iG,u`
+  :host {
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+
+  :host([right-aligned]),
+  :host([end-aligned]) {
+    align-items: flex-end;
+  }
+
+  :host([bottom-aligned]) {
+    justify-content: flex-end;
+  }
+
+  [part='backdrop'] {
+    background: transparent;
+  }
+
+  [part='content'] {
+    padding: var(--vaadin-item-overlay-padding, 4px);
+  }
+
+  /* TODO keyboard focus becomes visible even when navigating the menu with the mouse */
+  [part='overlay']:focus-visible {
+    outline: none;
+  }
+`];class af extends ag(se(eK(tb(e4(td(ev)))))){static get is(){return"vaadin-menu-bar-overlay"}static get styles(){return ab}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}render(){return X`
+      <div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
+      <div part="overlay" id="overlay" tabindex="0">
+        <div part="content" id="content">
+          <slot></slot>
+          <slot name="submenu"></slot>
+        </div>
+      </div>
+    `}}eC(af);class ay extends tx{constructor(e){super(e,"tooltip")}initCustomNode(e){e.manual=!0,e.generator||=({item:e})=>e?.tooltip}_getItem(e){return e._item}_getDefaultPosition(e){let t=this._getItem(e);return t.children?.length>0&&!t.disabled?"start":"end"}setTarget(e){let t=this.node;if(!t)return;let i=e?this._getItem(e):null;i?.tooltip?(t.target=e,t.context={item:i},t._position=i.tooltipPosition||this._getDefaultPosition(e)):(t.target=null,t.context={item:null},this.close(!0))}open({trigger:e}){let t=this.node;t?.isConnected&&t.target&&t._stateController.open({hover:"hover"===e,focus:"focus"===e})}bringToFront(){let e=this.node;e?._overlayElement?.bringToFront()}close(e){let t=this.node;t?._stateController.close(e)}}let aw=e=>class extends e{static get properties(){return{items:{type:Array,sync:!0},_positionTarget:{type:Object,sync:!0}}}constructor(){super(),this.__itemsOutsideClickListener=e=>{this._shouldCloseOnOutsideClick(e)&&this.dispatchEvent(new CustomEvent("items-outside-click"))},this.addEventListener("items-outside-click",()=>{this.items&&this.close()})}get _tagNamePrefix(){return"vaadin-context-menu"}connectedCallback(){super.connectedCallback(),document.documentElement.addEventListener("click",this.__itemsOutsideClickListener)}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.__itemsOutsideClickListener),this._tooltipController.setTarget(null)}_shouldCloseOnOutsideClick(e){return!e.composedPath().some(e=>e.localName===`${this._tagNamePrefix}-overlay`)}__forwardFocus(){let e=this._overlayElement,t=e._contentRoot.firstElementChild;if(e.parentOverlay){let i=e.parentOverlay._contentRoot.querySelector("[expanded]");i?.hasAttribute("focused")&&t?t.focus():e.$.overlay.focus()}else t&&t.focus()}__openSubMenu(e,t){this.__updateSubMenuForItem(e,t);let i=this._overlayElement,s=e._overlayElement;s._setParentOverlay(i),i.hasAttribute("theme")?e.setAttribute("theme",i.getAttribute("theme")):e.removeAttribute("theme"),s.$.content.style.minWidth="",t.dispatchEvent(new CustomEvent("opensubmenu",{detail:{children:t._item.children}}))}__updateSubMenuForItem(e,t){e.items=t._item.children,e.listenOn=t,e._positionTarget=t,e._overlayElement.requestContentUpdate()}__createComponent(e){let t;return(t=e.component instanceof HTMLElement?e.component:document.createElement(e.component||`${this._tagNamePrefix}-item`))._hasVaadinItemMixin&&(t.setAttribute("role","menuitem"),t.tabIndex=-1),"hr"===t.localName?t.setAttribute("role","separator"):t.setAttribute("aria-haspopup","false"),this._setMenuItemTheme(t,e,this._theme),t._item=e,e.text&&(t.textContent=e.text),e.className&&t.setAttribute("class",e.className),this.__toggleMenuComponentAttribute(t,"menu-item-checked",e.checked),this.__toggleMenuComponentAttribute(t,"disabled",e.disabled),e.children&&e.children.length&&(this.__updateExpanded(t,!1),t.setAttribute("aria-haspopup","true")),t}__initListBox(){let e=document.createElement(`${this._tagNamePrefix}-list-box`);return this._theme&&e.setAttribute("theme",this._theme),e.addEventListener("mouseover",e=>{let t=e.target.closest(`${this._tagNamePrefix}-item`);this._tooltipController.setTarget(t),this._tooltipController.open({trigger:"hover"})}),e.addEventListener("mouseleave",()=>{this._tooltipController.close(!0)}),e.addEventListener("focusin",e=>{if(!t5)return;let t=e.target.closest(`${this._tagNamePrefix}-item`);this._tooltipController.setTarget(t),this._tooltipController.open({trigger:"focus"})}),e.addEventListener("selected-changed",t=>{let{value:i}=t.detail;if("number"==typeof i){let t=e.items[i]._item;e.selected=null,t.children||this.dispatchEvent(new CustomEvent("item-selected",{detail:{value:t}}))}}),e}__initOverlay(){let e=this._overlayElement;e.$.backdrop.addEventListener("click",()=>{this.close()}),e.addEventListener(iJ?"click":"mouseover",e=>{e.composedPath().includes(this._subMenu)||this.__showSubMenu(e)}),e.addEventListener("keydown",e=>{if(e.composedPath().includes(this._subMenu))return;let{key:t}=e,i=this.__isRTL,s="ArrowRight"===t,r="ArrowLeft"===t;!i&&s||i&&r||"Enter"===t||" "===t?this.__showSubMenu(e):!i&&r||i&&s||"Escape"===t?("Escape"===t&&e.stopPropagation(),this.close(),this.listenOn.focus()):"Tab"!==t||e.defaultPrevented||this.dispatchEvent(new CustomEvent("close-all-menus"))})}__initSubMenu(){let e=document.createElement(this.constructor.is);return e._tooltipController=this._tooltipController,e.__parentMenu=this,e._modeless=!0,e.openOn="opensubmenu",this.addEventListener("opened-changed",e=>{e.detail.value||this._subMenu.close()}),e.addEventListener("close-all-menus",()=>{this.dispatchEvent(new CustomEvent("close-all-menus"))}),e.addEventListener("item-selected",e=>{let{detail:t}=e;this.dispatchEvent(new CustomEvent("item-selected",{detail:t}))}),this.addEventListener("close-all-menus",()=>{this.close()}),this.addEventListener("item-selected",e=>{let t=e.target,i=e.detail.value,s=t.items.indexOf(i);i.keepOpen&&s>-1&&t.opened?(t.__selectedIndex=s,t.requestContentUpdate()):i.keepOpen||this.close()}),e.addEventListener("opened-changed",e=>{if(e.detail.value)this._tooltipController.bringToFront();else{let e=this._listBox.querySelector("[expanded]");e&&this.__updateExpanded(e,!1)}}),e}__showSubMenu(e,t=e.composedPath().find(e=>e.localName===`${this._tagNamePrefix}-item`)){if(!this.__openListenerActive)return;if(this._overlayElement.hasAttribute("opening"))return void requestAnimationFrame(()=>{this.__showSubMenu(e,t)});let i=this._subMenu,s=this._listBox.querySelector("[expanded]");if(t&&t!==s&&!t.disabled){let{children:e}=t._item,r=i._overlayElement._contentRoot.firstElementChild,n=r?.focused;if(s&&this.__updateExpanded(s,!1),e&&e.length||i.close(),!this.opened)return;e?.length?(this.__updateExpanded(t,!0),this.__openSubMenu(i,t)):n?i.listenOn.focus():this._listBox.focused||this._overlayElement.$.overlay.focus()}t?.disabled&&i.close()}__getListBox(){return this._overlayElement._contentRoot.querySelector(`${this._tagNamePrefix}-list-box`)}__itemsRenderer(e,t){this.__initMenu(e,t),this._subMenu.closeOn=t.closeOn,this._listBox.innerHTML="",t.items.forEach(e=>{let t=this.__createComponent(e);this._listBox.appendChild(t)})}_setMenuItemTheme(e,t,i){let s=e.getAttribute("theme")||i;null!=t.theme&&(s=Array.isArray(t.theme)?t.theme.join(" "):t.theme),this.__updateTheme(e,s)}__toggleMenuComponentAttribute(e,t,i){i?(e.setAttribute(t,""),e[`__has-${t}`]=!0):e[`__has-${t}`]&&(e.removeAttribute(t),e[`__has-${t}`]=!1)}__initMenu(e,t){if(e.firstElementChild)this.__updateTheme(this._listBox,this._theme);else{this.__initOverlay();let t=this.__initListBox();this._listBox=t,e.appendChild(t);let i=this.__initSubMenu();i.slot="submenu",this._subMenu=i,this.appendChild(i),requestAnimationFrame(()=>{this.__openListenerActive=!0})}}__updateExpanded(e,t){e.setAttribute("aria-expanded",t.toString()),e.toggleAttribute("expanded",t)}__updateTheme(e,t){t?e.setAttribute("theme",t):e.removeAttribute("theme")}close(){this.__parentMenu||this._tooltipController.close(!0)}},aC=e=>class extends aw(e){static get properties(){return{selector:{type:String},opened:{type:Boolean,reflectToAttribute:!0,observer:"_openedChanged",value:!1,notify:!0,readOnly:!0,sync:!0},openOn:{type:String,value:"vaadin-contextmenu",sync:!0},listenOn:{type:Object,sync:!0,value(){return this}},closeOn:{type:String,value:"click",observer:"_closeOnChanged",sync:!0},renderer:{type:Function,sync:!0},_modeless:{type:Boolean,sync:!0},_context:{type:Object,sync:!0},_phone:{type:Boolean},_fullscreen:{type:Boolean},_fullscreenMediaQuery:{type:String,value:"(max-width: 450px), (max-height: 450px)"}}}static get observers(){return["_targetOrOpenOnChanged(listenOn, openOn)","_rendererChanged(renderer, items)","_fullscreenChanged(_fullscreen)"]}constructor(){super(),this._boundOpen=this.open.bind(this),this._boundClose=this.close.bind(this),this._boundPreventDefault=this._preventDefault.bind(this),this.__onGlobalContextMenu=this.__onGlobalContextMenu.bind(this)}connectedCallback(){super.connectedCallback(),this.__boundOnScroll=this.__onScroll.bind(this),window.addEventListener("scroll",this.__boundOnScroll,!0),document.documentElement.addEventListener("contextmenu",this.__onGlobalContextMenu,!0),this.__restoreOpened&&this._setOpened(!0)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("scroll",this.__boundOnScroll,!0),document.documentElement.removeEventListener("contextmenu",this.__onGlobalContextMenu,!0),this.__restoreOpened=this.opened,setTimeout(()=>{this.isConnected||this.close()})}firstUpdated(){super.firstUpdated(),this._overlayElement=this.$.overlay,this.addController(new rm(this._fullscreenMediaQuery,e=>{this._fullscreen=e})),this._tooltipController||(this._tooltipController=new ay(this),this.addController(this._tooltipController))}_onOverlayOpened(e){if(e.target!==this._overlayElement)return;let t=e.detail.value;this._setOpened(t),t&&this.__alignOverlayPosition()}_onVaadinOverlayOpen(e){e.target===this._overlayElement&&(this.__alignOverlayPosition(),this._overlayElement.style.visibility="",this.__forwardFocus())}_onVaadinOverlayClosed(){this.dispatchEvent(new CustomEvent("closed"))}_targetOrOpenOnChanged(e,t){this._oldListenOn&&this._oldOpenOn&&(this._unlisten(this._oldListenOn,this._oldOpenOn,this._boundOpen),this._oldListenOn.style.webkitTouchCallout="",this._oldListenOn.style.webkitUserSelect="",this._oldListenOn.style.userSelect="",this._oldListenOn=null,this._oldOpenOn=null),e&&t&&(this._listen(e,t,this._boundOpen),this._oldListenOn=e,this._oldOpenOn=t)}_fullscreenChanged(e){this._phone=e}__setListenOnUserSelect(e){let t=e?"none":"";this.listenOn.style.webkitTouchCallout=t,this.listenOn.style.webkitUserSelect=t,this.listenOn.style.userSelect=t,e&&document.getSelection().removeAllRanges()}_closeOnChanged(e,t){let i="vaadin-overlay-outside-click",s=this._overlayElement;t&&this._unlisten(s,t,this._boundClose),e?(this._listen(s,e,this._boundClose),s.removeEventListener(i,this._boundPreventDefault)):s.addEventListener(i,this._boundPreventDefault)}_preventDefault(e){e.preventDefault()}_openedChanged(e){this.__setListenOnUserSelect(e)}requestContentUpdate(){this._overlayElement&&(this.__preserveMenuState(),this._overlayElement.requestContentUpdate(),this.__restoreMenuState())}_rendererChanged(e,t){if(t){if(e)throw Error("The items API cannot be used together with a renderer");"click"===this.closeOn&&(this.closeOn="")}}close(){super.close(),this._setOpened(!1)}__getComposedPath(e){return e.__composedPath??e.detail?.sourceEvent?.__composedPath??e.composedPath()}_contextTarget(e){if(this.selector){let t=this.listenOn.querySelectorAll(this.selector);return Array.prototype.filter.call(t,t=>this.__getComposedPath(e).indexOf(t)>-1)[0]}return this.listenOn&&this.listenOn!==this&&this.position?this.listenOn:e.target}open(e){!(this._overlayElement&&this.__getComposedPath(e).includes(this._overlayElement))&&e&&!this.opened&&(this._context={detail:e.detail,target:this._contextTarget(e)},this._context.target&&(e.preventDefault(),e.stopPropagation(),this.__x=this._getEventCoordinate(e,"x"),this.__pageXOffset=window.pageXOffset,this.__y=this._getEventCoordinate(e,"y"),this.__pageYOffset=window.pageYOffset,this._overlayElement.style.visibility="hidden",this._setOpened(!0)))}__preserveMenuState(){let e=this.__getListBox();e&&(this.__focusedIndex=e.items.indexOf(e.focused),this._subMenu&&this._subMenu.opened&&(this.__subMenuIndex=e.items.indexOf(this._subMenu.listenOn)))}__restoreMenuState(){let e=this.__focusedIndex,t=this.__subMenuIndex,i=this.__selectedIndex,s=this.__getListBox();if(s){if(s._observer.flush(),t>-1){let e=s.items[t];e?Array.isArray(e._item.children)&&e._item.children.length?(this.__updateSubMenuForItem(this._subMenu,e),this._subMenu.requestContentUpdate()):(this._subMenu.close(),this.__focusItem(e)):s.focus()}this.__focusItem(i>-1?s.children[i]:s.items[e])}this.__focusedIndex=void 0,this.__subMenuIndex=void 0,this.__selectedIndex=void 0}__focusItem(e){e&&e.focus({focusVisible:t5})}__onScroll(){if(!this.opened||this.position)return;let e=window.pageYOffset-this.__pageYOffset,t=window.pageXOffset-this.__pageXOffset;this.__adjustPosition("left",-t),this.__adjustPosition("right",t),this.__adjustPosition("top",-e),this.__adjustPosition("bottom",e),this.__pageYOffset+=e,this.__pageXOffset+=t}__adjustPosition(e,t){let i=this._overlayElement.style;i[e]=`${(parseInt(i[e])||0)+t}px`}__alignOverlayPosition(){let e=this._overlayElement;if(e.positionTarget)return;let t=e.style;["top","right","bottom","left"].forEach(e=>t.removeProperty(e)),["right-aligned","end-aligned","bottom-aligned"].forEach(t=>e.removeAttribute(t));let{xMax:i,xMin:s,yMax:r}=e.getBoundaries(),n=this.__x,a=this.__y,o=document.documentElement.clientWidth,l=document.documentElement.clientHeight;this.__isRTL?n>o/2||n>s?t.right=`${Math.max(0,o-n)}px`:(t.left=`${n}px`,this._setEndAligned(e)):n<o/2||n<i?t.left=`${n}px`:(t.right=`${Math.max(0,o-n)}px`,this._setEndAligned(e)),a<l/2||a<r?t.top=`${a}px`:(t.bottom=`${Math.max(0,l-a)}px`,e.setAttribute("bottom-aligned",""))}_setEndAligned(e){e.setAttribute("end-aligned",""),this.__isRTL||e.setAttribute("right-aligned","")}_getEventCoordinate(e,t){if(e.detail instanceof Object){if(e.detail[t])return e.detail[t];else if(e.detail.sourceEvent)return this._getEventCoordinate(e.detail.sourceEvent,t)}else{let i=`client${t.toUpperCase()}`,s=e.changedTouches?e.changedTouches[0][i]:e[i];if(0===s){let i=(this.__getComposedPath(e)[0]||e.target).getBoundingClientRect();return"x"===t?i.left:i.top+i.height}return s}}_listen(e,t,i){tF[t]?tW(e,t,i):e.addEventListener(t,i)}_unlisten(e,t,i){if(tF[t])tF[t]&&function(e,t,i){let s=tF[t],r=s.deps,n=s.name,a=e[tA];if(a)for(let t=0,i,s;t<r.length;t++){var o;s=a[i=r[t]],s?.[n]&&(s[n]=(s[n]||1)-1,s._count=(s._count||1)-1,0===s._count&&e.removeEventListener(i,tq,void t$(o=i)))}e.removeEventListener(t,i)}(e,t,i);else e.removeEventListener(t,i)}__createMouseEvent(e,t,i){return new MouseEvent(e,{bubbles:!0,composed:!0,cancelable:!0,clientX:t,clientY:i})}__focusClosestFocusable(e){let t=e;for(;t;){if(t instanceof HTMLElement&&t7(t))return void t.focus();t=t.parentNode||t.host}}__contextMenuAt(e,t){let i=tH(e,t);i&&queueMicrotask(()=>{i.dispatchEvent(this.__createMouseEvent("mousedown",e,t)),i.dispatchEvent(this.__createMouseEvent("mouseup",e,t)),this.__focusClosestFocusable(i),i.dispatchEvent(this.__createMouseEvent("contextmenu",e,t))})}__onGlobalContextMenu(e){this.opened&&(e.shiftKey||(iY||iZ||(e.stopPropagation(),this._overlayElement.__focusRestorationController.focusNode=null,this._overlayElement.addEventListener("vaadin-overlay-closed",t=>{t.target===this._overlayElement&&this.__contextMenuAt(e.clientX,e.clientY)},{once:!0})),e.preventDefault(),this.close()))}};class ax extends aC(th(e4(ev))){static get is(){return"vaadin-menu-bar-submenu"}static get styles(){return u`
+      :host {
+        display: block;
+      }
+
+      :host([hidden]) {
+        display: none !important;
+      }
+    `}static get properties(){return{isRoot:{type:Boolean,reflectToAttribute:!0,sync:!0}}}constructor(){super(),this.openOn="opensubmenu"}firstUpdated(e){this._tooltipController=this.parentElement._tooltipController,super.firstUpdated(e)}get _tagNamePrefix(){return"vaadin-menu-bar"}render(){return X`
+      <vaadin-menu-bar-overlay
+        id="overlay"
+        .owner="${this}"
+        .opened="${this.opened}"
+        .model="${this._context}"
+        .modeless="${this._modeless}"
+        .renderer="${this.__itemsRenderer}"
+        .withBackdrop="${this._phone}"
+        .positionTarget="${this._positionTarget}"
+        ?no-horizontal-overlap="${!this.isRoot}"
+        ?phone="${this._phone}"
+        theme="${this._theme??Q}"
+        exportparts="backdrop, overlay, content"
+        @opened-changed="${this._onOverlayOpened}"
+        @vaadin-overlay-open="${this._onVaadinOverlayOpen}"
+      >
+        <slot name="overlay"></slot>
+        <slot name="submenu" slot="submenu"></slot>
+      </vaadin-menu-bar-overlay>
+    `}_openedChanged(){}__onGlobalContextMenu(){}close(){super.close(),this.hasAttribute("is-root")&&this.parentElement._close()}_shouldCloseOnOutsideClick(e){return!(this.hasAttribute("is-root")&&e.composedPath().includes(this.listenOn))&&super._shouldCloseOnOutsideClick(e)}}eC(ax);let aE=u`
+  :host {
+    flex-shrink: 0;
+  }
+
+  :host([focus-ring]) {
+    z-index: 1;
+  }
+
+  :host([slot='overflow']) {
+    margin-inline-end: 0;
+  }
+
+  .vaadin-button-container {
+    gap: inherit;
+  }
+
+  :host(:not([slot='overflow'])[aria-haspopup]) [part='suffix'] {
+    display: flex;
+    align-items: center;
+    gap: inherit;
+  }
+
+  :host(:not([slot='overflow'])[aria-haspopup]) [part='suffix']::after {
+    background: currentColor;
+    content: '';
+    height: var(--vaadin-icon-size, 1lh);
+    mask: var(--_vaadin-icon-chevron-down) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
+    width: var(--vaadin-icon-size, 1lh);
+  }
+
+  ::slotted(vaadin-menu-bar-item) {
+    padding: 0;
+    gap: 0;
+  }
+
+  ::slotted(vaadin-menu-bar-item)::after {
+    display: none;
+  }
+`;eC(class extends is{static get is(){return"vaadin-menu-bar-button"}static get styles(){return[super.styles,aE]}_onKeyDown(e){this.__triggeredWithActiveKeys=this._activeKeys.includes(e.key),super._onKeyDown(e),this.__triggeredWithActiveKeys=null}_setActive(e){!e&&this.hasAttribute("expanded")||super._setActive(e)}__shouldSuppressInteractionEvent(e){return!("keydown"===e.type&&["ArrowLeft","ArrowRight"].includes(e.key))&&super.__shouldSuppressInteractionEvent(e)}});let ak=u`
+  :host {
+    display: block;
+    min-width: 0;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  [part='container'] {
+    display: flex;
+    flex-wrap: nowrap;
+    position: relative;
+    width: 100%;
+    --_gap: var(--vaadin-menu-bar-gap, 0px);
+    --_bw: var(--vaadin-button-border-width, 1px);
+    gap: var(--_gap);
+    --_rad-button: var(--vaadin-button-border-radius, var(--vaadin-radius-m));
+  }
+
+  :host(:not([has-single-button])) ::slotted(vaadin-menu-bar-button:not(:first-of-type)) {
+    margin-inline-start: min(var(--_bw) * -1 + var(--_gap) * 1000, 0px);
+  }
+
+  ::slotted(vaadin-menu-bar-button) {
+    border-radius: 0;
+  }
+
+  ::slotted([first-visible]),
+  :host([has-single-button]) ::slotted([slot='overflow']),
+  ::slotted(vaadin-menu-bar-button[theme~='tertiary']) {
+    border-start-start-radius: var(--_rad-button);
+    border-end-start-radius: var(--_rad-button);
+  }
+
+  ::slotted(:is([last-visible], [slot='overflow'])),
+  ::slotted(vaadin-menu-bar-button[theme~='tertiary']) {
+    border-start-end-radius: var(--_rad-button);
+    border-end-end-radius: var(--_rad-button);
+  }
+
+  :host([theme~='end-aligned']) ::slotted(vaadin-menu-bar-button[first-visible]),
+  :host([theme~='end-aligned'][has-single-button]) ::slotted(vaadin-menu-bar-button) {
+    margin-inline-start: auto;
+  }
+`;class aI extends ay{_getItem(e){return"vaadin-menu-bar-button"===e.localName?e.item:super._getItem(e)}_getDefaultPosition(e){return"vaadin-menu-bar-button"===e.localName?"bottom":super._getDefaultPosition(e)}}let aA=eg(class extends eb{update(e,[{component:t,text:i}]){let{parentNode:s,startNode:r}=e,n=t||(i?document.createTextNode(i):null),a=this.getOldNode(e);return a===n||(a&&n?s.replaceChild(n,a):a?s.removeChild(a):n&&r.after(n)),Z}getOldNode(e){let{startNode:t,endNode:i}=e;return t.nextSibling===i?null:t.nextSibling}}),aT={moreOptions:"More options"},aS=e=>class extends rS(nM(ae(t9(t0(e))))){static get properties(){return{items:{type:Array,sync:!0,value:()=>[]},openOnHover:{type:Boolean},reverseCollapse:{type:Boolean,sync:!0},tabNavigation:{type:Boolean,sync:!0}}}static get defaultI18n(){return aT}get i18n(){return super.i18n}set i18n(e){super.i18n=e}constructor(){super(),this.__boundOnContextMenuKeydown=this.__onContextMenuKeydown.bind(this)}get focused(){return(this._getItems()||[]).find(t6)||this._expandedButton}get _vertical(){return!1}get _tabNavigation(){return this.tabNavigation}get _observeParent(){return!0}get _buttons(){return Array.from(this.querySelectorAll("vaadin-menu-bar-button"))}get _hasOverflow(){return this._overflow&&!this._overflow.hasAttribute("hidden")}set _hasOverflow(e){this._overflow&&this._overflow.toggleAttribute("hidden",!e)}ready(){super.ready(),this.setAttribute("role","menubar"),this._subMenuController=new tx(this,"submenu","vaadin-menu-bar-submenu",{initializer:e=>{e.setAttribute("is-root",""),e.addEventListener("item-selected",this.__onItemSelected.bind(this)),e.addEventListener("close-all-menus",this.__onEscapeClose.bind(this)),e._overlayElement._contentRoot.addEventListener("keydown",this.__boundOnContextMenuKeydown),this._subMenu=e}}),this._overflowController=new tx(this,"overflow","vaadin-menu-bar-button",{initializer:e=>{e.setAttribute("hidden","");let t=document.createElement("div");t.setAttribute("aria-hidden","true"),t.innerHTML="&centerdot;".repeat(3),e.appendChild(t),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded","false"),e.setAttribute("role",this.tabNavigation?"button":"menuitem"),this._overflow=e}}),this._tooltipController=new aI(this),this.addEventListener("mousedown",()=>this._tooltipController.close(!0)),this.addEventListener("mouseleave",()=>this._tooltipController.close()),this.addController(this._tooltipController),this.addController(this._subMenuController),this.addController(this._overflowController),this._container=this.shadowRoot.querySelector('[part="container"]')}updated(e){super.updated(e),(e.has("items")||e.has("_theme")||e.has("disabled"))&&this.__renderButtons(this.items),(e.has("items")||e.has("_theme")||e.has("reverseCollapse"))&&this.__scheduleOverflow(),e.has("items")&&this.__updateSubMenu(),e.has("_theme")&&this._themeChanged(this._theme),e.has("disabled")&&this._overflow.toggleAttribute("disabled",this.disabled),e.has("tabNavigation")&&this._tabNavigationChanged(this.tabNavigation),e.has("__effectiveI18n")&&this.__i18nChanged(this.__effectiveI18n)}_getItems(){return this._buttons}disconnectedCallback(){super.disconnectedCallback(),this._tooltipController.setTarget(null)}_onResize(){this.__scheduleOverflow()}_themeChanged(e){e?(this._overflow.setAttribute("theme",e),this._subMenu.setAttribute("theme",e)):(this._overflow.removeAttribute("theme"),this._subMenu.removeAttribute("theme"))}_tabNavigationChanged(e){let t=this.querySelector('[tabindex="0"]');this._buttons.forEach(i=>{t?this._setTabindex(i,i===t):this._setTabindex(i,!1),i.setAttribute("role",e?"button":"menuitem")}),this.setAttribute("role",e?"group":"menubar")}__updateSubMenu(){let e=this._subMenu;if(e?.opened){let t=e._positionTarget;t.isConnected&&Array.isArray(t.item.children)&&0!==t.item.children.length||e.close()}}__i18nChanged(e){e?.moreOptions!==void 0&&(e.moreOptions?this._overflow.setAttribute("aria-label",e.moreOptions):this._overflow.removeAttribute("aria-label"))}__getOverflowCount(e){return e.item&&e.item.children&&e.item.children.length||0}__restoreButtons(e){e.forEach(e=>{e.style.visibility="",e.style.position="",e.style.width="";let t=e.item&&e.item.component;t instanceof HTMLElement&&"menuitem"===t.getAttribute("role")&&this.__restoreItem(e,t)}),this.__updateOverflow([])}__restoreItem(e,t){e.appendChild(t),t.removeAttribute("role"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-haspopup"),t.removeAttribute("tabindex")}__updateOverflow(e){this._overflow.item={children:e},this._hasOverflow=e.length>0}__setOverflowItems(e,t){let i=this._container;if(i.style.minWidth=`${i.offsetWidth}px`,i.offsetWidth<i.scrollWidth){this._hasOverflow=!0;let s=this.__isRTL,r=i.offsetLeft,n=[...e];for(;n.length;){let e=n[n.length-1],a=e.offsetLeft-r;if(!s&&a+e.offsetWidth<i.offsetWidth-t.offsetWidth||s&&a>=t.offsetWidth)break;let o=this.reverseCollapse?n.shift():n.pop();o.style.width=getComputedStyle(o).width,o.style.visibility="hidden",o.style.position="absolute"}let a=e.filter(e=>!n.includes(e)).map(e=>e.item);this.__updateOverflow(a)}i.style.minWidth=""}__scheduleOverflow(){this._overflowDebouncer=ej.debounce(this._overflowDebouncer,ez,()=>{this.__detectOverflow()})}__detectOverflow(){let e=this._overflow,t=this._buttons.filter(t=>t!==e),i=this.__getOverflowCount(e);this.__restoreButtons(t),this.__setOverflowItems(t,e);let s=this.__getOverflowCount(e);i!==s&&this._subMenu.opened&&this._subMenu.close();let r=s===t.length||0===s&&1===t.length;this.toggleAttribute("has-single-button",r);let n=t.filter(e=>"hidden"!==e.style.visibility);n.length?n.some(e=>"0"===e.getAttribute("tabindex"))||this._setTabindex(n[n.length-1],!0):this._overflow.setAttribute("tabindex","0"),n.forEach((e,t,i)=>{e.toggleAttribute("first-visible",0===t),e.toggleAttribute("last-visible",!this._hasOverflow&&t===i.length-1)})}__getButtonTheme(e,t){let i=t,s=e?.theme;return null!=s&&(i=Array.isArray(s)?s.join(" "):s),i}__getComponent(e){let t,i=e.component,s=i instanceof HTMLElement;return s&&"vaadin-menu-bar-item"===i.localName?t=i:(t=document.createElement("vaadin-menu-bar-item")).appendChild(s?i:document.createElement(i)),e.text&&((t.firstChild||t).textContent=e.text),t}__renderButtons(e=[]){ep(X`
+          ${e.map(e=>{let t={...e},i=!!e?.children;if(t.component){let e=this.__getComponent(t);t.component=e,e.item=t}return X`
+              <vaadin-menu-bar-button
+                .item="${t}"
+                .disabled="${this.disabled||e.disabled}"
+                role="${this.tabNavigation?"button":"menuitem"}"
+                aria-haspopup="${(i?"true":Q)??Q}"
+                aria-expanded="${(i?"false":Q)??Q}"
+                class="${(e.className||Q)??Q}"
+                theme="${(this.__getButtonTheme(e,this._theme)||Q)??Q}"
+                @click="${this.__onRootButtonClick}"
+                >${aA(t)}</vaadin-menu-bar-button
+              >
+            `})}
+        `,this,{renderBefore:this._overflow})}__onRootButtonClick(e){let t=e.target;t.item&&t.item.component&&!e.composedPath().includes(t.item.component)&&(e.stopPropagation(),t.item.component.click())}_setExpanded(e,t){e.toggleAttribute("expanded",t),e.toggleAttribute("active",t),e.setAttribute("aria-expanded",t?"true":"false")}_setTabindex(e,t){this.tabNavigation&&this._isItemFocusable(e)?e.setAttribute("tabindex","0"):e.setAttribute("tabindex",t?"0":"-1")}_focusItem(e,t,i){let s=i&&this.focused===this._expandedButton;s&&this._close(),super._focusItem(e,t,i),this._buttons.forEach(t=>{this._setTabindex(t,t===e)}),this._tooltipController.setTarget(e),s&&e.item&&e.item.children?this.__openSubMenu(e,!0,{keepFocus:!0}):this._subMenu.opened||this._tooltipController.open({trigger:"focus"})}_getButtonFromEvent(e){return Array.from(e.composedPath()).find(e=>"vaadin-menu-bar-button"===e.localName)}_shouldSetFocus(e){return!e.composedPath().includes(this._subMenu)&&super._shouldSetFocus(e)}_shouldRemoveFocus(e){return!e.composedPath().includes(this._subMenu)&&super._shouldRemoveFocus(e)}_setFocused(e){let t=e?this.__getFocusTarget():null;t?(this._tooltipController.setTarget(t),this._buttons.forEach(e=>{this._setTabindex(e,e===t)}),!this._subMenu.opened&&t5&&this._tooltipController.open({trigger:"focus"})):this._tooltipController.close(!0)}__getFocusTarget(){let e=this._buttons.find(e=>t6(e));if(!e){let t=this.tabNavigation?"[focused]":'[tabindex="0"]';t8(e=this.querySelector(`vaadin-menu-bar-button${t}`))&&(e=this._buttons[this._getFocusableIndex()])}return e}_onArrowDown(e){e.preventDefault();let t=this._getButtonFromEvent(e);t===this._expandedButton?this._focusFirstItem():this.__openSubMenu(t,!0)}_onArrowUp(e){e.preventDefault();let t=this._getButtonFromEvent(e);t===this._expandedButton?this._focusLastItem():this.__openSubMenu(t,!0,{focusLast:!0})}_onEscape(e){e.composedPath().includes(this._expandedButton)&&this._close(!0),this._tooltipController.close(!0)}_onKeyDown(e){e.composedPath().includes(this._subMenu)||this._handleKeyDown(e)}_handleKeyDown(e){switch(e.key){case"ArrowDown":this._onArrowDown(e);break;case"ArrowUp":this._onArrowUp(e);break;default:super._onKeyDown(e)}}_onMouseOver(e){if(e.composedPath().includes(this._subMenu))return;let t=this._getButtonFromEvent(e);this._tooltipController.setTarget(t),t&&t!==this._expandedButton&&t.item.children&&(this.openOnHover||this._subMenu.opened)&&this.__openSubMenu(t,!1),this._subMenu.opened||this._tooltipController.open({trigger:"hover"})}__onContextMenuKeydown(e){let t=Array.from(e.composedPath()).find(e=>e._item);if(t){let i=t.parentNode;38===e.keyCode&&t===i.items[0]&&this._close(!0),37!==e.keyCode&&(39!==e.keyCode||t._item.children)||(e.stopImmediatePropagation(),this._handleKeyDown(e)),"Tab"===e.key&&this.tabNavigation&&this._handleKeyDown(e)}}__fireItemSelected(e){this.dispatchEvent(new CustomEvent("item-selected",{detail:{value:e}}))}__onButtonClick(e){let t=this._getButtonFromEvent(e);t&&this.__openSubMenu(t,t.__triggeredWithActiveKeys)}__openSubMenu(e,t,i={}){if(e.disabled)return;let s=this._subMenu,r=e.item;if(s.opened&&(this._close(),s.listenOn===e))return;let n=r?.children;if(!n||0===n.length)return void this.__fireItemSelected(r);s.items=n,s.listenOn=e,s._positionTarget=e;let a=s._overlayElement;a.noVerticalOverlap=!0,this._tooltipController.close(!0),this._expandedButton=e,this._setExpanded(e,!0),this.style.pointerEvents="auto",e.dispatchEvent(new CustomEvent("opensubmenu",{detail:{children:n}})),a.addEventListener("vaadin-overlay-open",()=>{if(i.focusLast&&this._focusLastItem(),i.keepFocus){let e={focusVisible:t5};this._focusItem(this._expandedButton,e,!1)}t||a.$.overlay.focus()},{once:!0})}_focusFirstItem(){this._subMenu._overlayElement._contentRoot.firstElementChild.focus()}_focusLastItem(){let e=this._subMenu._overlayElement._contentRoot.firstElementChild,t=e.items[e.items.length-1];t&&t.focus()}__onItemSelected(e){e.stopPropagation(),this.__fireItemSelected(e.detail.value)}__onEscapeClose(){this.__deactivateButton(!0)}__deactivateButton(e){let t=this._expandedButton;if(t?.hasAttribute("expanded")){if(this._setExpanded(t,!1),e){let e={focusVisible:t5};this._focusItem(t,e,!1)}else this._tooltipController.close(!0);this._expandedButton=null}}_close(e=!1){this.style.pointerEvents="",this.__deactivateButton(e),this._subMenu.opened&&this._subMenu.close()}close(){this._close()}_isItemFocusable(e){return e.disabled&&e.__shouldAllowFocusWhenDisabled?e.__shouldAllowFocusWhenDisabled():super._isItemFocusable(e)}};class aD extends aS(eY(tb(e4(td(ev))))){static get is(){return"vaadin-menu-bar"}static get styles(){return ak}render(){return X`
+      <div part="container" @click="${this.__onButtonClick}" @mouseover="${this._onMouseOver}">
+        <slot></slot>
+        <slot name="overflow"></slot>
+      </div>
+
+      <slot name="submenu"></slot>
+
+      <slot name="tooltip"></slot>
+    `}}function aO(e){let t=document.createElement("vaadin-menu-bar-item");return ep(e,t),t}eC(aD);let aP=class extends aD{};aP=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-menu-bar")],aP);let a$=u`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    box-sizing: border-box;
+    gap: var(--vaadin-chip-gap, 0);
+    background: var(--vaadin-chip-background, var(--vaadin-background-container));
+    color: var(--vaadin-chip-text-color, var(--vaadin-text-color));
+    font-size: max(11px, var(--vaadin-chip-font-size, 0.875em));
+    font-weight: var(--vaadin-chip-font-weight, 500);
+    line-height: var(--vaadin-input-field-value-line-height, inherit);
+    padding: 0 var(--vaadin-chip-padding, 0.3em);
+    height: var(--vaadin-chip-height, calc(1lh / 0.875));
+    border-radius: var(--vaadin-chip-border-radius, var(--vaadin-radius-m));
+    border: var(--vaadin-chip-border-width, 1px) solid
+      var(--vaadin-chip-border-color, var(--vaadin-border-color-secondary));
+    cursor: default;
+  }
+
+  :host(:not([slot='overflow'])) {
+    min-width: min(max-content, var(--vaadin-multi-select-combo-box-chip-min-width, 48px));
+  }
+
+  :host([focused]) {
+    outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
+    outline-offset: calc(var(--vaadin-chip-border-width, 1px) * -1);
+  }
+
+  [part='label'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-block: calc(var(--vaadin-chip-border-width, 1px) * -1);
+  }
+
+  [part='remove-button'] {
+    flex: none;
+    display: block;
+    margin-inline-start: auto;
+    margin-block: calc(var(--vaadin-chip-border-width, 1px) * -1);
+    color: var(--vaadin-chip-remove-button-text-color, var(--vaadin-text-color-secondary));
+    cursor: var(--vaadin-clickable-cursor);
+    translate: 25%;
+  }
+
+  [part='remove-button']::before {
+    content: '';
+    display: block;
+    width: var(--vaadin-icon-size, 1lh);
+    height: var(--vaadin-icon-size, 1lh);
+    background: currentColor;
+    mask-image: var(--_vaadin-icon-cross);
+  }
+
+  :host([disabled]) {
+    cursor: var(--vaadin-disabled-cursor);
+  }
+
+  :host([disabled]) [part='label'] {
+    --vaadin-chip-text-color: var(--vaadin-text-color-disabled);
+  }
+
+  :host([hidden]),
+  :host(:is([readonly], [disabled], [slot='overflow'])) [part='remove-button'] {
+    display: none !important;
+  }
+
+  :host([slot='overflow']) {
+    position: relative;
+    margin-inline-start: 8px;
+    min-width: 1.5em;
+  }
+
+  :host([slot='overflow'])::before,
+  :host([slot='overflow'])::after {
+    content: '';
+    position: absolute;
+    inset: calc(var(--vaadin-chip-border-width, 1px) * -1);
+    border-inline-start: 2px solid var(--vaadin-chip-border-color, var(--vaadin-border-color-secondary));
+    border-radius: inherit;
+  }
+
+  :host([slot='overflow'])::before {
+    left: calc(-4px - var(--vaadin-chip-border-width, 1px));
+  }
+
+  :host([slot='overflow'])::after {
+    left: calc(-8px - var(--vaadin-chip-border-width, 1px));
+  }
+
+  :host([count='2']) {
+    margin-inline-start: 4px;
+  }
+
+  :host([count='1']) {
+    margin-inline-start: 0;
+  }
+
+  :host([count='2'])::after,
+  :host([count='1'])::before,
+  :host([count='1'])::after {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      border: 1px solid !important;
+    }
+
+    [part='remove-button']::before {
+      background: CanvasText;
+    }
+  }
+`;class aV extends tb(e4(td(ev))){static get is(){return"vaadin-multi-select-combo-box-chip"}static get styles(){return a$}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0,sync:!0},readonly:{type:Boolean,reflectToAttribute:!0,sync:!0},label:{type:String,sync:!0},item:{type:Object}}}render(){return X`
+      <div part="label">${this.label}</div>
+      <div part="remove-button" @click="${this._onRemoveClick}"></div>
+    `}_onRemoveClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("item-removed",{detail:{item:this.item},bubbles:!0,composed:!0}))}}eC(aV),eC(class extends iH{static get is(){return"vaadin-multi-select-combo-box-container"}static get styles(){return[super.styles,u`
+        #wrapper {
+          display: flex;
+          width: 100%;
+          min-width: 0;
+          gap: var(--_wrapper-gap);
+          align-self: start;
+        }
+
+        :host([auto-expand-vertically]) #wrapper {
+          flex-wrap: wrap;
+        }
+      `]}static get properties(){return{autoExpandVertically:{type:Boolean,reflectToAttribute:!0}}}render(){return X`
+      <div id="wrapper">
+        <slot name="prefix"></slot>
+        <slot></slot>
+      </div>
+      <slot name="suffix"></slot>
+    `}});class aM extends iW(tb(eK(e4(td(ev))))){static get is(){return"vaadin-multi-select-combo-box-item"}static get styles(){return[iU,iq]}render(){return X`
+      <span part="checkmark" aria-hidden="true"></span>
+      <div part="content">
+        <slot></slot>
+      </div>
+    `}}eC(aM);let aB=[st,u`
+    #overlay {
+      width: var(
+        --vaadin-multi-select-combo-box-overlay-width,
+        var(--_vaadin-multi-select-combo-box-overlay-default-width, auto)
+      );
+    }
+  `];class aL extends sa(se(eK(tb(e4(td(ev)))))){static get is(){return"vaadin-multi-select-combo-box-overlay"}static get styles(){return[iG,aB]}render(){return X`
+      <div part="overlay" id="overlay">
+        <div part="loader"></div>
+        <div part="content" id="content"><slot></slot></div>
+      </div>
+    `}}eC(aL);class aR extends s_(e4(ev)){static get is(){return"vaadin-multi-select-combo-box-scroller"}static get styles(){return sl}render(){return X`
+      <div id="selector">
+        <slot></slot>
+      </div>
+    `}ready(){super.ready(),this.setAttribute("aria-multiselectable","true")}_isItemSelected(e,t,i){return!(e instanceof sp)&&!this.owner.readonly&&this.owner._findIndex(e,this.owner.selectedItems,i)>-1}_updateElement(e,t){super._updateElement(e,t),e.toggleAttribute("readonly",this.owner.readonly)}}eC(aR);let aN=[sw,u`
+    :host {
+      max-width: 100%;
+      --_input-min-width: var(--vaadin-multi-select-combo-box-input-min-width, 4rem);
+      --_chip-min-width: var(--vaadin-multi-select-combo-box-chip-min-width, 48px);
+      --_wrapper-gap: var(--vaadin-multi-select-combo-box-chips-gap, 2px);
+    }
+
+    #chips {
+      display: flex;
+      align-items: center;
+      gap: var(--vaadin-multi-select-combo-box-chips-gap, 2px);
+    }
+
+    ::slotted(input) {
+      box-sizing: border-box;
+      flex: 1 0 var(--_input-min-width);
+    }
+
+    ::slotted([slot='chip']),
+    ::slotted([slot='overflow']) {
+      flex: 0 1 auto;
+    }
+
+    ::slotted([slot='chip']) {
+      overflow: hidden;
+    }
+
+    :host(:is([readonly], [disabled])) ::slotted(input) {
+      flex-grow: 0;
+      flex-basis: 0;
+      padding: 0;
+    }
+
+    :host([readonly]:not([disabled])) [part~='toggle-button'] {
+      display: block;
+      color: var(--vaadin-input-field-button-text-color, var(--vaadin-text-color-secondary));
+    }
+
+    :host([readonly]:not([disabled])) [part$='button'] {
+      cursor: var(--vaadin-clickable-cursor);
+    }
+
+    :host([auto-expand-vertically]) #chips {
+      display: contents;
+    }
+
+    :host([auto-expand-horizontally]) {
+      --vaadin-field-default-width: auto;
+    }
+  `],az={cleared:"Selection cleared",focused:"focused. Press Backspace to remove",selected:"added to selection",deselected:"removed from selection",total:"{count} items selected"},aF=e=>class extends rS(sk(sE(sT(sb(ae(e)))))){static get properties(){return{autoExpandHorizontally:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},autoExpandVertically:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},collapseChips:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},itemClassNameGenerator:{type:Object,sync:!0},itemIdPath:{type:String,sync:!0},keepFilter:{type:Boolean,value:!1},loading:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0},selectedItems:{type:Array,value:()=>[],notify:!0,sync:!0},allowCustomValue:{type:Boolean,value:!1},placeholder:{type:String,observer:"_placeholderChanged",reflectToAttribute:!0,sync:!0},renderer:{type:Function,sync:!0},selectedItemsOnTop:{type:Boolean,value:!1,sync:!0},value:{type:String},_overflowItems:{type:Array,value:()=>[],sync:!0},_focusedChipIndex:{type:Number,value:-1,observer:"_focusedChipIndexChanged"},_lastFilter:{type:String,sync:!0},_topGroup:{type:Array,observer:"_topGroupChanged",sync:!0},_inputField:{type:Object}}}static get observers(){return["_selectedItemsChanged(selectedItems)","__openedOrItemsChanged(opened, _dropdownItems, loading)","__updateOverflowChip(_overflow, _overflowItems, disabled, readonly)","__updateScroller(opened, _dropdownItems, _focusedIndex, _theme)","__updateTopGroup(selectedItemsOnTop, selectedItems, opened)"]}static get defaultI18n(){return az}get i18n(){return super.i18n}set i18n(e){super.i18n=e}get slotStyles(){let e=this.localName;return[...super.slotStyles,`
+        ${e}[has-value] input::placeholder {
+          color: transparent !important;
+          forced-color-adjust: none;
+        }
+      `]}get clearElement(){return this.$.clearButton}get _chips(){return[...this.querySelectorAll('[slot="chip"]')]}get _hasValue(){return this.selectedItems&&this.selectedItems.length>0}get _tagNamePrefix(){return"vaadin-multi-select-combo-box"}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController)),this._tooltipController=new tE(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this._toggleElement=this.$.toggleButton,this._inputField=this.shadowRoot.querySelector('[part="input-field"]'),this._overflowController=new tx(this,"overflow","vaadin-multi-select-combo-box-chip",{initializer:e=>{e.addEventListener("mousedown",e=>this._preventBlur(e)),this._overflow=e}}),this.addController(this._overflowController)}updated(e){super.updated(e),["loading","itemIdPath","itemClassNameGenerator","renderer"].forEach(t=>{e.has(t)&&(this._scroller[t]=this[t])}),e.has("selectedItems")&&this.opened&&this.$.overlay._updateOverlayWidth(),["autoExpandHorizontally","autoExpandVertically","collapseChips","disabled","readonly","clearButtonVisible","itemClassNameGenerator"].some(t=>e.has(t))&&this.__updateChips(),e.has("readonly")&&(this._setDropdownItems(this.filteredItems),this.dataProvider&&this.clearCache())}checkValidity(){return!this.required||!!this.readonly||this._hasValue}open(){this.disabled||this.readonly&&0===this.selectedItems.length||(this.opened=!0)}clear(){this.__updateSelection([]),iE(this.__effectiveI18n.cleared)}__syncTopGroup(){this._topGroup=this.selectedItemsOnTop?[...this.selectedItems]:[]}clearCache(){this.readonly||(super.clearCache(),this.__syncTopGroup())}_itemsChanged(e,t){super._itemsChanged(e,t),this.__syncTopGroup()}requestContentUpdate(){this._scroller&&(this._scroller.requestContentUpdate(),this._getItemElements().forEach(e=>{e.requestContentUpdate()}))}_onClearAction(){this.clear()}_onClosed(){this._ignoreCommitValue=!0,(!this.loading||this.allowCustomValue)&&this._commitValue()}__updateScroller(e,t,i,s){e&&(this._scroller.style.maxHeight=getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`)||"65vh");let r=this.hasAttribute("closing");this._scroller.setProperties({items:e||r?t:[],opened:e,focusedIndex:i,theme:s})}__openedOrItemsChanged(e,t,i){this._overlayOpened=e&&(i||!!t?.length)}_closeOrCommit(){this.opened?this.close():this._commitValue()}_commitValue(){this._lastFilter=this.filter,this._ignoreCommitValue?(this._inputElementValue="",this._focusedIndex=-1,this._ignoreCommitValue=!1):this.__commitUserInput(),this.keepFilter&&this.opened||(this.filter="")}__commitUserInput(){if(this._focusedIndex>-1){let e=this._dropdownItems[this._focusedIndex];this.__selectItem(e)}else if(this._inputElementValue){let e=[...this._dropdownItems],t=e[this.__getItemIndexByLabel(e,this._inputElementValue)];if(this.allowCustomValue&&!t){let e=this._inputElementValue;this._lastCustomValue=e,this.__clearInternalValue(!0),this.dispatchEvent(new CustomEvent("custom-value-set",{detail:e,composed:!0,bubbles:!0}))}else this.allowCustomValue||this.opened||!t?this._inputElementValue="":this.__selectItem(t)}}_setFocused(e){let t=!e&&!this._closeOnBlurIsPrevented;t&&(this._ignoreCommitValue=!0),super._setFocused(e),t&&document.hasFocus()&&(this._focusedChipIndex=-1,this._requestValidation()),t&&this.readonly&&this.close()}_onResize(){this.__updateChips()}_delegateAttribute(e,t){if(this.stateTarget){if("required"===e)return void this._delegateAttribute("aria-required",!!t&&"true");super._delegateAttribute(e,t)}}_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);void 0===this.__tmpA11yPlaceholder&&(this.__savedPlaceholder=this.placeholder),this.__tmpA11yPlaceholder=t,this.placeholder=t}else void 0!==this.__tmpA11yPlaceholder&&(delete this.__tmpA11yPlaceholder,this.placeholder=this.__savedPlaceholder);this.__updateChips(),this.requestContentUpdate()}_topGroupChanged(e){e&&this._setDropdownItems(this.filteredItems)}_hasValidInputValue(){let e=this._focusedIndex<0&&""!==this._inputElementValue;return this.allowCustomValue||!e}_shouldFetchData(){return!this.readonly&&super._shouldFetchData()}_setDropdownItems(e){if(this.readonly)return void this.__setDropdownItems(this.selectedItems);if(this.filter||!this.selectedItemsOnTop)return void this.__setDropdownItems(e);if(e?.length&&this._topGroup?.length){let t=e.filter(e=>-1===this._findIndex(e,this._topGroup,this.itemIdPath));this.__setDropdownItems(this._topGroup.concat(t));return}this.__setDropdownItems(e)}__setDropdownItems(e){let t=this._dropdownItems;this._dropdownItems=e;let i=t?t[this._focusedIndex]:null;if(t&&t[this._focusedIndex]instanceof sp&&e[this._focusedIndex]instanceof sp)return;let s=this.__getItemIndexByValue(e,this._getItemValue(i));s>-1?this._focusedIndex=s:this._focusedIndex=this.__getItemIndexByLabel(e,this.filter)}_mergeItemLabels(e){return e.map(e=>this._getItemLabel(e)).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._inputElementValue=""):this._inputElementValue=this.filter}__announceItem(e,t,i){let s=this.__effectiveI18n.total.replace("{count}",i||0);iE(`${e} ${this.__effectiveI18n[t?"selected":"deselected"]} ${s}`)}__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(-1!==i){let e=this._lastFilter;if(e?.toLowerCase()===s.toLowerCase())return void this.__clearInternalValue();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._requestValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}__updateTopGroup(e,t,i){e?(!i||this.__needToSyncTopGroup())&&(this._topGroup=[...t]):this._topGroup=[]}__needToSyncTopGroup(){return!!this.itemIdPath&&this._topGroup&&this._topGroup.some(e=>{let t=this.selectedItems[this._findIndex(e,this.selectedItems,this.itemIdPath)];return t&&e!==t})}__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),"function"==typeof this.itemClassNameGenerator&&(t.className=this.itemClassNameGenerator(e)),t.addEventListener("item-removed",e=>this._onItemRemoved(e)),t.addEventListener("mousedown",e=>this._preventBlur(e)),t}__getWrapperWidth(){return this._inputField.$.wrapper.clientWidth}__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;if(this._chips.forEach(e=>{e.remove()}),0===this.selectedItems.length){this._overflowItems=[];return}if(this.autoExpandVertically){this.selectedItems.forEach(e=>{this.appendChild(this.__createChip(e))}),this._overflowItems=[];return}let e=parseInt(getComputedStyle(this.inputElement).flexBasis);this.collapseChips?this._overflowItems=this.__updateChipsCollapsed(this.selectedItems,e):this.autoExpandHorizontally?this._overflowItems=this.__updateChipsHorizontalExpand(this.selectedItems,e):this._overflowItems=this.__updateChipsDefault(this.selectedItems,e)}__renderAllChips(e,t){return{chips:e.map(e=>{let t=this.__createChip(e);return this.appendChild(t),t}),allChipsFit:this.__getWrapperWidth()-this.$.chips.clientWidth>=t}}__updateChipsCollapsed(e,t){let{chips:i,allChipsFit:s}=this.__renderAllChips(e,t);return s?[]:(i.forEach(e=>e.remove()),e.slice())}__updateChipsHorizontalExpand(e,t){let{chips:i,allChipsFit:s}=this.__renderAllChips(e,t);if(s)return[];let r=this.__getOverflowWidth(),n=i.length;for(;n>1&&(i[n-=1].remove(),!(this.__getWrapperWidth()-this.$.chips.clientWidth>=t+r)););if(1===n){let e=parseInt(getComputedStyle(this).getPropertyValue("--_chip-min-width")),s=this.__getWrapperWidth()-t-r;i[0].style.maxWidth=`${Math.max(e,s)}px`}return e.slice(n)}__updateChipsDefault(e,t){let i=this.__getWrapperWidth()-t;e.length>1&&(i-=this.__getOverflowWidth());let s=parseInt(getComputedStyle(this).getPropertyValue("--_chip-min-width"));for(let t=e.length-1,r=null;t>=0;t--){let n=this.__createChip(e[t]);if(this.insertBefore(n,r),this.$.chips.clientWidth>i&&(i<s||null!==r))return n.remove(),e.slice(0,t+1);n.style.maxWidth=`${i}px`,r=n}return[]}__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",0===r),e.disabled=i,e.readonly=s}}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e),this.opened&&this.requestContentUpdate()}_onChange(e){e.stopPropagation()}_onEscape(e){if(this.readonly){e.stopPropagation(),this.opened&&this.close();return}this.clearButtonVisible&&!this.opened&&this.selectedItems&&this.selectedItems.length&&(e.stopPropagation(),this._onClearAction()),super._onEscape(e)}_onEscapeCancel(){this._closeOrCommit()}_onEnter(e){if(this.opened){if(e.preventDefault(),e.stopPropagation(),this.readonly)this.close();else if(this._hasValidInputValue()){let e=this._dropdownItems[this._focusedIndex];this._commitValue(),this._focusedIndex=this._dropdownItems.indexOf(e)}return}super._onEnter(e)}_onArrowDown(){this.readonly?this.opened||this.open():super._onArrowDown()}_onArrowUp(){this.readonly?this.opened||this.open():super._onArrowUp()}_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}}_onArrowLeft(e,t){let i;if(0!==this.inputElement.selectionStart)return;let s=this._focusedChipIndex;-1!==s&&t.preventDefault(),this.__isRTL?s===e.length-1?i=-1:s>-1&&(i=s+1):-1===s?i=e.length-1:s>0&&(i=s-1),void 0!==i&&(this._focusedChipIndex=i)}_onArrowRight(e,t){let i;if(0!==this.inputElement.selectionStart)return;let s=this._focusedChipIndex;-1!==s&&t.preventDefault(),this.__isRTL?-1===s?i=e.length-1:s>0&&(i=s-1):s===e.length-1?i=-1:s>-1&&(i=s+1),void 0!==i&&(this._focusedChipIndex=i)}_onBackSpace(e){if(0!==this.inputElement.selectionStart)return;let t=this._focusedChipIndex;-1===t?this._focusedChipIndex=e.length-1:(this.__removeItem(e[t].item),this._focusedChipIndex=-1)}_focusedChipIndexChanged(e,t){if(e>-1||t>-1){let t=this._chips;if(t.forEach((t,i)=>{t.toggleAttribute("focused",i===e)}),e>-1){let i=t[e].item,s=this._getItemLabel(i);iE(`${s} ${this.__effectiveI18n.focused}`)}}}_overlaySelectedItemChanged(e){e.stopPropagation(),this.hasAttribute("closing")||this.readonly||e.detail.item instanceof sp||this.opened&&(this._lastFilter=this._inputElementValue,this.__selectItem(e.detail.item))}_onItemRemoved(e){this.__removeItem(e.detail.item)}_preventBlur(e){e.preventDefault()}};class aj extends aF(tb(eY(e4(td(ev))))){static get is(){return"vaadin-multi-select-combo-box"}static get styles(){return[sy,aN]}render(){return X`
+      <div class="vaadin-multi-select-combo-box-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
+        </div>
+
+        <vaadin-multi-select-combo-box-container
+          part="input-field"
+          .autoExpandVertically="${this.autoExpandVertically}"
+          .readonly="${this.readonly}"
+          .disabled="${this.disabled}"
+          .invalid="${this.invalid}"
+          theme="${this._theme??Q}"
+        >
+          <slot name="overflow" slot="prefix"></slot>
+          <div id="chips" part="chips" slot="prefix">
+            <slot name="chip"></slot>
+          </div>
+          <slot name="input"></slot>
+          <div id="clearButton" part="field-button clear-button" slot="suffix" aria-hidden="true"></div>
+          <div id="toggleButton" part="field-button toggle-button" slot="suffix" aria-hidden="true"></div>
+        </vaadin-multi-select-combo-box-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+
+        <slot name="tooltip"></slot>
+      </div>
+
+      <vaadin-multi-select-combo-box-overlay
+        id="overlay"
+        exportparts="overlay, content, loader"
+        .owner="${this}"
+        .dir="${this.dir}"
+        .opened="${this._overlayOpened}"
+        ?loading="${this.loading}"
+        theme="${this._theme??Q}"
+        .positionTarget="${this._inputField}"
+        no-vertical-overlap
+      >
+        <slot name="overlay"></slot>
+      </vaadin-multi-select-combo-box-overlay>
+    `}}eC(aj);let aH=class extends aj{};aH=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-multi-select-combo-box")],aH);let aU=u`
+  [part='radio'] {
+    border-radius: 50%;
+    color: var(--vaadin-radio-button-dot-color, var(--_color));
+  }
+
+  [part='radio']::after {
+    width: var(--vaadin-radio-button-dot-size, var(--vaadin-radio-button-marker-size, 50%));
+    height: var(--vaadin-radio-button-dot-size, var(--vaadin-radio-button-marker-size, 50%));
+    border-radius: 50%;
+    filter: var(--vaadin-radio-button-dot-color, var(--_filter));
+  }
+`,aq=[io,ia("radio","radio-button"),aU],aW=e=>class extends ic(iS(iv(ih(t2(e))))){static get properties(){return{name:{type:String,value:""}}}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("radio"),this.value="on",this.tabindex=0}get slotStyles(){let e=this.localName;return[`
+          ${e} > input[slot='input'] {
+            opacity: 0;
+          }
+        `]}ready(){super.ready(),this.addController(new iP(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new i$(this.inputElement,this._labelController))}};class aK extends aW(eY(tb(e4(td(ev))))){static get is(){return"vaadin-radio-button"}static get styles(){return aq}render(){return X`
+      <div class="vaadin-radio-button-container">
+        <div part="radio" aria-hidden="true"></div>
+        <slot name="input"></slot>
+        <slot name="label"></slot>
+      </div>
+    `}}eC(aK);let aG=[io,iL,u`
+    :host([readonly]) ::slotted(vaadin-radio-button) {
+      --vaadin-radio-button-background: transparent;
+      --vaadin-radio-button-border-color: var(--vaadin-border-color);
+      --vaadin-radio-button-marker-color: var(--vaadin-text-color);
+      --_border-style: dashed;
+    }
+  `],aY=e=>class extends iO(t9(t0(t1(e)))){static get properties(){return{name:{type:String,observer:"__nameChanged",sync:!0},value:{type:String,notify:!0,value:"",sync:!0,observer:"__valueChanged"},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,sync:!0,observer:"__readonlyChanged"},_fieldName:{type:String}}}constructor(){super(),this.__registerRadioButton=this.__registerRadioButton.bind(this),this.__unregisterRadioButton=this.__unregisterRadioButton.bind(this),this.__onRadioButtonCheckedChange=this.__onRadioButtonCheckedChange.bind(this),this._tooltipController=new tE(this),this._tooltipController.addEventListener("tooltip-changed",e=>{let t=e.detail.node;if(t?.isConnected){let e=this.__radioButtons.map(e=>e.inputElement);this._tooltipController.setAriaTarget(e)}else this._tooltipController.setAriaTarget([])})}get __radioButtons(){return this.__filterRadioButtons([...this.children])}get __selectedRadioButton(){return this.__radioButtons.find(e=>e.checked)}get isHorizontalRTL(){return this.__isRTL&&"vertical"!==this._theme}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","radiogroup"),this._fieldName=`${this.localName}-${tC++}`;let e=this.shadowRoot.querySelector("slot:not([name])");this._observer=new e8(e,({addedNodes:e,removedNodes:t})=>{this.__filterRadioButtons(e).reverse().forEach(this.__registerRadioButton),this.__filterRadioButtons(t).forEach(this.__unregisterRadioButton);let i=this.__radioButtons.map(e=>e.inputElement);this._tooltipController.setAriaTarget(i)}),this.addController(this._tooltipController)}__filterRadioButtons(e){return e.filter(e=>e instanceof aK)}_onKeyDown(e){super._onKeyDown(e);let t=e.composedPath().find(e=>e instanceof aK);["ArrowLeft","ArrowUp"].includes(e.key)&&(e.preventDefault(),this.__selectNextRadioButton(t)),["ArrowRight","ArrowDown"].includes(e.key)&&(e.preventDefault(),this.__selectPrevRadioButton(t))}_invalidChanged(e){super._invalidChanged(e),e?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")}__nameChanged(e){this.__radioButtons.forEach(t=>{t.name=e||this._fieldName})}__selectNextRadioButton(e){let t=this.__radioButtons.indexOf(e);this.__selectIncRadioButton(t,this.isHorizontalRTL?1:-1)}__selectPrevRadioButton(e){let t=this.__radioButtons.indexOf(e);this.__selectIncRadioButton(t,this.isHorizontalRTL?-1:1)}__selectIncRadioButton(e,t){let i=(this.__radioButtons.length+e+t)%this.__radioButtons.length,s=this.__radioButtons[i];s.disabled?this.__selectIncRadioButton(i,t):(s.focusElement.focus(),s.focusElement.click())}__registerRadioButton(e){e.name=this.name||this._fieldName,e.addEventListener("checked-changed",this.__onRadioButtonCheckedChange),(this.disabled||this.readonly)&&(e.disabled=!0),e.checked&&this.__selectRadioButton(e)}__unregisterRadioButton(e){e.removeEventListener("checked-changed",this.__onRadioButtonCheckedChange),e.value===this.value&&this.__selectRadioButton(null)}__onRadioButtonCheckedChange(e){e.target.checked&&this.__selectRadioButton(e.target)}__valueChanged(e,t){if(void 0!==t||""!==e){if(e){let t=this.__radioButtons.find(t=>t.value===e);t?(this.__selectRadioButton(t),this.toggleAttribute("has-value",!0)):console.warn(`The radio button with the value "${e}" was not found.`)}else this.__selectRadioButton(null),this.removeAttribute("has-value");void 0!==t&&this._requestValidation()}}__readonlyChanged(e,t){(e||void 0!==t)&&t!==e&&this.__updateRadioButtonsDisabledProperty()}_disabledChanged(e,t){super._disabledChanged(e,t),(e||void 0!==t)&&t!==e&&this.__updateRadioButtonsDisabledProperty()}_shouldRemoveFocus(e){return!this.contains(e.relatedTarget)}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this._requestValidation()}__selectRadioButton(e){e?this.value=e.value:this.value="",this.__radioButtons.forEach(t=>{t.checked=t===e}),this.readonly&&this.__updateRadioButtonsDisabledProperty()}__updateRadioButtonsDisabledProperty(){this.__radioButtons.forEach(e=>{this.readonly?e.disabled=e!==this.__selectedRadioButton:e.disabled=this.disabled})}};class aX extends aY(eY(tb(e4(td(ev))))){static get is(){return"vaadin-radio-group"}static get styles(){return aG}render(){return X`
+      <div class="vaadin-group-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true"></span>
+        </div>
+
+        <div part="group-field">
+          <slot></slot>
+        </div>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <slot name="tooltip"></slot>
+    `}}eC(aX);let aZ=class extends aX{};aZ=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-radio-group")],aZ);let aQ=class extends rY{};aQ=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-time-picker")],aQ);let aJ=class extends iF{};aJ=function(e,t,i,s){var r,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([r("or-vaadin-toggle-group")],aJ);class a0{}let a1=new WeakMap,a2=eg(class extends sR{render(e){return Q}update(e,[t]){let i=t!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),Q}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){let t=this.ht??globalThis,i=a1.get(t);void 0===i&&(i=new WeakMap,a1.set(t,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return"function"==typeof this.G?a1.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),a5=(e,t,i,s,r,n)=>{let a,o,l,d,h,u,c,p,_=n.inputType,v={},m="string"==typeof e?e:e.name,g=(t&&t.meta||s&&s.meta?sJ.Util.getAttributeValueConstraints(t,i,m):sJ.Util.getMetaValueConstraints(t,i,m))||[],b=t&&t.meta||s&&s.meta?sJ.Util.getAttributeValueFormat(t,i,m):sJ.Util.getMetaValueFormat(t,i,m),f=s.name;if(!_){switch(f){case"text":case"email":case"UUID":case"assetID":case"hostOrIPAddress":case"IPAddress":_=!0===sJ.Util.getMetaValue("multiline",t,i)?sX.TEXTAREA:sX.TEXT;break;case"boolean":if(b&&b.asNumber){_=sX.NUMBER,a=1,l=0,d=1,p=e=>!!e;break}_=b&&(b.asOnOff||b.asOpenClosed)?sX.SWITCH:sX.CHECKBOX,(b&&b.asMomentary||!0===sJ.Util.getMetaValue("momentary",t,i))&&(_=sX.BUTTON_MOMENTARY);break;case"bigNumber":case"number":case"positiveInteger":case"positiveNumber":case"long":case"integer":case"byte":case"integerByte":case"direction":case"TCP_IPPortNumber":"byte"===s.name||"integerByte"===s.name?(l=0,d=255,a=1):("integer"===s.name||"long"===s.name)&&(a=1),b&&b.asDate?_=sX.DATETIME:b&&b.asBoolean?(_=sX.CHECKBOX,p=e=>+!!e):_=b&&b.asSlider?sX.RANGE:sX.NUMBER;break;case"bigInteger":_=sX.BIG_INT,a=1;break;case"colourRGB":_=sX.COLOUR;break;case"dateAndTime":case"timestamp":case"timestampISO8601":_=sX.DATETIME;break;case"CRONExpression":_=sX.CRON;break;case"timeDurationISO8601":_=sX.DURATION_TIME;break;case"periodDurationISO8601":_=sX.DURATION_PERIOD;break;case"timeAndPeriodDurationISO8601":_=sX.DURATION;break;case"JSONObject":_=sX.JSON_OBJECT}s.arrayDimensions&&s.arrayDimensions>0&&(_=sX.JSON)}if(!_)switch(s.jsonType){case"number":case"bigint":_=sX.NUMBER;break;case"boolean":_=sX.CHECKBOX;break;case"string":_=sX.TEXT;break;case"date":_=sX.DATETIME}_||(_=sX.JSON);let y=null==g?void 0:g.find(e=>"size"===e.type),w=null==g?void 0:g.find(e=>"pattern"===e.type),C=null==g?void 0:g.find(e=>"min"===e.type),x=null==g?void 0:g.find(e=>"max"===e.type),E=null==g?void 0:g.find(e=>"allowedValues"===e.type),k=null==g?void 0:g.find(e=>"past"===e.type),I=null==g?void 0:g.find(e=>"pastOrPresent"===e.type),A=null==g?void 0:g.find(e=>"future"===e.type),T=null==g?void 0:g.find(e=>"futureOrPresent"===e.type),S=null==g?void 0:g.find(e=>"notEmpty"===e.type),D=null==g?void 0:g.find(e=>"notBlank"===e.type),O=null==g?void 0:g.find(e=>"notNull"===e.type);if(y&&(l=y.min,d=y.max),C&&(l=C.min),x&&(d=x.max),w&&(o=w.regexp),O&&(u=!0),D&&!o?o=String.raw`\S+`:S&&!o&&(o=".+"),null==E?void 0:E.allowedValues){let e=E.allowedValueNames&&E.allowedValueNames.length===E.allowedValues.length?E.allowedValueNames:void 0;c=E.allowedValues.map((t,i)=>{let s=e?e[i]:""+t;return{value:t,label:(s=sJ.Util.getAllowedValueLabel(s))||""+t}}),_=sX.SELECT,s.arrayDimensions&&s.arrayDimensions>0&&(h=!0)}_===sX.DATETIME&&(k||I?(l=void 0,d=new Date):(A||T)&&(l=new Date,d=void 0),b&&(b.timeStyle&&!b.dateStyle?_=sX.TIME:b.dateStyle&&!b.timeStyle&&(_=sX.DATE))),_===sX.NUMBER&&(null==b?void 0:b.resolution)&&(a=b.resolution),_===sX.COLOUR&&(v.marginLeft="24px");let P=nw(_),$=nC(_),V=ny(_),M=n.readonly;u=u||n.required;let B=n.comfortable,L=n.resizeVertical,R=new a0;return{templateFunction:(e,t,i,s,m,g)=>{let f,y=n.disabled||i||s,w=$?n.label:void 0,C=v?n1(v):void 0,x=e=>{var t;e.stopPropagation();let i=e.currentTarget;if(null==i?void 0:i.checkValidity()){let s=!al.CHANGE_EVENTS.has(_)||al.CHANGE_EVENTS.get(_)===e.type;r(null!=(t=null==p?void 0:p(i.nativeValue))?t:i.nativeValue,s)}};if(f=_,!al.TEMPLATES.has(f))return X`
+        <or-mwc-input
+          ${a2(R)}
+          id="input"
+          style="${n1(v)}"
+          .type="${_}"
+          .label="${w}"
+          .value="${e}"
+          .pattern="${o}"
+          .min="${l}"
+          .max="${d}"
+          .format="${b}"
+          .focused="${t}"
+          .required="${u}"
+          .multiple="${h}"
+          .options="${c}"
+          .comfortable="${B}"
+          .readonly="${M}"
+          .disabled="${y}"
+          .step="${a}"
+          .helperText="${g}"
+          .helperPersistent="${!0}"
+          .resizeVertical="${L}"
+          .rounded="${n.rounded}"
+          .outlined="${n.outlined}"
+          @or-mwc-input-changed="${e=>{e.stopPropagation(),r(p?p(e.detail.value):e.detail.value)}}"
+        ></or-mwc-input>
+      `;{let i=!1;return(_===sX.CHECKBOX||_===sX.SWITCH)&&(i=!!e,e=void 0),X`
+        <or-vaadin-input
+          ${a2(R)}
+          id="input"
+          style="${C??Q}"
+          type=${_??Q}
+          label=${w??Q}
+          value=${e??Q}
+          ?checked="${i}"
+          pattern=${o??Q}
+          min=${l??Q}
+          max=${d??Q}
+          ?multiple=${h}
+          .format=${b??Q}
+          ?autofocus=${t}
+          ?required=${u}
+          ?readonly=${M}
+          ?disabled=${y}
+          .items=${c??Q}
+          step=${a??Q}
+          helper-text="${g??Q}"
+          ?resizeVertical="${L}"
+          min-rows="${(_===sX.TEXTAREA?n.minRows:void 0)??Q}"
+          ?manualresize="${_===sX.TEXTAREA&&!!n.manualresize}"
+          ?rounded="${n.rounded}"
+          ?outlined="${n.outlined}"
+          @change="${x}"
+          @submit="${x}"
+        ></or-vaadin-input>
+      `}},supportsHelperText:P,supportsSendButton:V,supportsLabel:$,validator:()=>!!R.value&&R.value.checkValidity()}}})(),ORVaadinComponents=s})();