@descope/web-components-ui 1.0.384 → 1.0.386

package/dist/umd/6770.js

@@ -1,148 +0,0 @@
-/*! For license information please see 6770.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[6770],{29680:(t,e,i)=>{i.d(e,{F:()=>r});var a=i(91014);const n=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.resizables?t.target.resizables.forEach((e=>{e._onResize(t.contentRect)})):t.target._onResize(t.contentRect)}))}))})),r=(0,a.o)((t=>class extends t{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),n.observe(this),this._observeParent){const t=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;t.resizables||(t.resizables=new Set,n.observe(t)),t.resizables.add(this),this.__parent=t}}disconnectedCallback(){super.disconnectedCallback(),n.unobserve(this);const t=this.__parent;if(this._observeParent&&t){const e=t.resizables;e&&(e.delete(this),0===e.size&&n.unobserve(t)),this.__parent=null}}_onResize(t){}}))},20422:(t,e,i)=>{i.d(e,{j:()=>n});var a=i(73406);const n=t=>class extends((0,a.L)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},46770:(t,e,i)=>{i(21578),i(51195),i(79098),i(34173);var a=i(83208),n=i(46570);const r=n.iv`
-  [part='input-field'],
-  [part='input-field'] ::slotted(textarea) {
-    height: auto;
-    box-sizing: border-box;
-  }
-
-  [part='input-field'] {
-    /* Equal to the implicit padding in vaadin-text-field */
-    padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
-    padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
-    transition: background-color 0.1s;
-    line-height: var(--lumo-line-height-s);
-  }
-
-  :host(:not([readonly])) [part='input-field']::after {
-    display: none;
-  }
-
-  :host([readonly]) [part='input-field'] {
-    border: 1px dashed var(--lumo-contrast-30pct);
-  }
-
-  :host([readonly]) [part='input-field']::after {
-    border: none;
-  }
-
-  :host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
-    background-color: var(--lumo-contrast-20pct);
-  }
-
-  @media (pointer: coarse) {
-    :host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
-      background-color: var(--lumo-contrast-10pct);
-    }
-
-    :host(:active:not([readonly]):not([focused])) [part='input-field'] {
-      background-color: var(--lumo-contrast-20pct);
-    }
-  }
-
-  [part='input-field'] ::slotted(textarea) {
-    line-height: inherit;
-    --_lumo-text-field-overflow-mask-image: none;
-  }
-
-  /* Vertically align icon prefix/suffix with the first line of text */
-  [part='input-field'] ::slotted(vaadin-icon) {
-    margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);
-  }
-`;(0,n.hC)("vaadin-text-area",[a.J,r],{moduleId:"lumo-text-area"}),i(13553);var o=i(3354),s=i(52807),l=i(12521),d=i(34463),p=i(62743),u=i(29680),h=i(20422),c=i(46729),v=i(78591);class m extends v.n{constructor(t,e){super(t,"textarea","textarea",{initializer:(t,i)=>{const a=i.getAttribute("value");a&&(t.value=a);const n=i.getAttribute("name");n&&t.setAttribute("name",n),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}const g=t=>class extends((0,u.F)((0,h.j)(t))){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"]}get clearElement(){return this.$.clearButton}_onResize(){this._updateHeight(),this.__scrollPositionUpdated()}_onScroll(){this.__scrollPositionUpdated()}ready(){super.ready(),this.addController(new m(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.v(this.inputElement,this._labelController)),this.addEventListener("animationend",this._onAnimationEnd),this._inputField=this.shadowRoot.querySelector("[part=input-field]"),this._inputField.addEventListener("wheel",(t=>{const e=this._inputField.scrollTop;this._inputField.scrollTop+=t.deltaY,e!==this._inputField.scrollTop&&(t.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`)}_onAnimationEnd(t){0===t.animationName.indexOf("vaadin-text-area-appear")&&this._updateHeight()}_valueChanged(t,e){super._valueChanged(t,e),this._updateHeight()}_updateHeight(){const t=this.inputElement,e=this._inputField;if(!t||!e)return;const i=e.scrollTop,a=this.value?this.value.length:0;if(this._oldValueLength>=a){const i=getComputedStyle(e).height,a=getComputedStyle(t).width;e.style.display="block",e.style.height=i,t.style.maxWidth=a,t.style.height="auto"}this._oldValueLength=a;const n=t.scrollHeight;n>t.clientHeight&&(t.style.height=`${n}px`),t.style.removeProperty("max-width"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=i}checkValidity(){if(!super.checkValidity())return!1;if(!this.pattern||!this.inputElement.value)return!0;try{const t=this.inputElement.value.match(this.pattern);return!!t&&t[0]===t.input}catch(t){return!0}}},_=i(9392).iv`
-  :host {
-    animation: 1ms vaadin-text-area-appear;
-  }
-
-  .vaadin-text-area-container {
-    flex: auto;
-  }
-
-  /* The label, helper text and the error message should neither grow nor shrink. */
-  [part='label'],
-  [part='helper-text'],
-  [part='error-message'] {
-    flex: none;
-  }
-
-  [part='input-field'] {
-    flex: auto;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  ::slotted(textarea) {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    flex: auto;
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-    outline: none;
-    resize: none;
-    margin: 0;
-    padding: 0 0.25em;
-    border: 0;
-    border-radius: 0;
-    min-width: 0;
-    font: inherit;
-    font-size: 1em;
-    line-height: normal;
-    color: inherit;
-    background-color: transparent;
-    /* Disable default invalid style in Firefox */
-    box-shadow: none;
-  }
-
-  /* Override styles from <vaadin-input-container> */
-  [part='input-field'] ::slotted(textarea) {
-    align-self: stretch;
-    white-space: pre-wrap;
-  }
-
-  [part='input-field'] ::slotted(:not(textarea)) {
-    align-self: flex-start;
-  }
-
-  /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */
-  :host([disabled]) ::slotted(textarea) {
-    user-select: none;
-  }
-
-  @keyframes vaadin-text-area-appear {
-    to {
-      opacity: 1;
-    }
-  }
-`;(0,n.hC)("vaadin-text-area",[p.J,_],{moduleId:"vaadin-text-area-styles"});class f extends(g((0,n.Tb)((0,l.S)(o.H3)))){static get is(){return"vaadin-text-area"}static get template(){return o.dy`
-      <div class="vaadin-text-area-container">
-        <div part="label">
-          <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true"></span>
-        </div>
-
-        <vaadin-input-container
-          part="input-field"
-          readonly="[[readonly]]"
-          disabled="[[disabled]]"
-          invalid="[[invalid]]"
-          theme$="[[_theme]]"
-          on-scroll="_onScroll"
-        >
-          <slot name="prefix" slot="prefix"></slot>
-          <slot name="textarea"></slot>
-          <slot name="suffix" slot="suffix"></slot>
-          <div id="clearButton" part="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>
-      </div>
-
-      <slot name="tooltip"></slot>
-    `}ready(){super.ready(),this._tooltipController=new d.f(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,s.M)(f)}}]);

package/dist/umd/7911.js

@@ -1,73 +0,0 @@
-/*! For license information please see 7911.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7911],{29680:(e,t,s)=>{s.d(t,{F:()=>o});var i=s(91014);const n=new ResizeObserver((e=>{setTimeout((()=>{e.forEach((e=>{e.target.resizables?e.target.resizables.forEach((t=>{t._onResize(e.contentRect)})):e.target._onResize(e.contentRect)}))}))})),o=(0,i.o)((e=>class extends e{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),n.observe(this),this._observeParent){const e=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;e.resizables||(e.resizables=new Set,n.observe(e)),e.resizables.add(this),this.__parent=e}}disconnectedCallback(){super.disconnectedCallback(),n.unobserve(this);const e=this.__parent;if(this._observeParent&&e){const t=e.resizables;t&&(t.delete(this),0===t.size&&n.unobserve(e)),this.__parent=null}}_onResize(e){}}))},30048:(e,t,s)=>{s.d(t,{Pe:()=>h,kO:()=>_,jq:()=>u,KE:()=>p});var i=s(9392),n=s(56977);const o=e=>(...t)=>({_$litDirective$:e,values:t});class r{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,s){this._$Ct=e,this._$AM=t,this._$Ci=s}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}var a=s(33692);class c extends r{constructor(e){if(super(e),this.et=a.Ld,2!==e.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===a.Ld||null==e)return this.vt=void 0,this.et=e;if(e===a.Jb)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.vt;this.et=e;const t=[e];return t.raw=t,this.vt={_$litType$:this.constructor.resultType,strings:t,values:[]}}}c.directiveName="unsafeHTML",c.resultType=1,o(c);class l extends c{}l.directiveName="unsafeSVG",l.resultType=2;const d=o(l);function h(e){let t=i.Ld;if(e){const s=e.cloneNode(!0);s.removeAttribute("id"),t=i.YP`${d(s.outerHTML)}`}return t}function _(e){let t=null==e||""===e?i.Ld:e;return function(e){return(0,n.hN)(e,n.VJ.SVG)||e===i.Ld}(t)||(console.error("[vaadin-icon] Invalid svg passed, please use Lit svg literal."),t=i.Ld),t}function u(e,t){const s=_(e);(0,i.sY)(s,t)}function p(e){return i.YP`${d(e)}`}},13529:(e,t,s)=>{s.d(t,{D:()=>_});var i=s(3354),n=s(52807),o=s(12521),r=s(30048);const a={},c=new Set;function l(e,t){return(e||"").replace(`${t}:`,"")}function d(e){if(e)return e.split(":")[0]||"vaadin"}function h(e,t){e._icons=[...e.querySelectorAll("[id]")].reduce(((e,s)=>(e[l(s.id,t)]=s,e)),{})}class _ extends((0,o.S)(i.H3)){static get template(){return null}static get is(){return"vaadin-iconset"}static get properties(){return{name:{type:String,observer:"__nameChanged"},size:{type:Number,value:24}}}static get attachedIcons(){return c}static getIconset(e){return a[e]}static getIconSvg(e,t){const s=t||d(e),i=this.getIconset(s);if(!e||!i)return{svg:(0,r.Pe)(null)};const n=l(e,s),o=i._icons[n];return{preserveAspectRatio:o?o.getAttribute("preserveAspectRatio"):null,svg:(0,r.Pe)(o),size:i.size,viewBox:o?o.getAttribute("viewBox"):null}}static register(e,t,s){if(!a[e]){const i=document.createElement("vaadin-iconset");i.appendChild(s.content.cloneNode(!0)),a[e]=i,h(i,e),i.size=t,i.name=e,i.__nameChanged(e)}}connectedCallback(){super.connectedCallback(),this.style.display="none";const{name:e}=this;a[e]=this,h(this,e),this.__updateIcons(e)}__updateIcons(e){c.forEach((t=>{e===d(t.icon)&&t._applyIcon()}))}__nameChanged(e,t){t&&(a[e]=a[t],delete a[t]),e&&this.__updateIcons(e)}}(0,n.M)(_)},57911:(e,t,s)=>{s(79098);var i=s(46570);(0,i.hC)("vaadin-icon",i.iv`
-    :host {
-      width: var(--lumo-icon-size-m);
-      height: var(--lumo-icon-size-m);
-    }
-  `,{moduleId:"lumo-icon"});var n=s(3354),o=s(16155),r=s(52807),a=s(12521),c=s(24946),l=s(34463),d=s(91014),h=s(29680),_=s(61037);const u=!CSS.supports("container-type: inline-size")||!!_.G6&&!function(){const e=document.createElement("style");e.textContent="\n    .vaadin-icon-test-element {\n      container-type: size;\n      height: 2px;\n      visibility: hidden;\n      position: fixed;\n    }\n\n    .vaadin-icon-test-element::before {\n      content: '';\n      display: block;\n      height: 100cqh;\n    ";const t=document.createElement("div");t.classList.add("vaadin-icon-test-element"),document.body.append(e,t);const{height:s}=getComputedStyle(t,"::before");return e.remove(),t.remove(),"2px"===s}();u&&(0,i.hC)("vaadin-icon",i.iv`
-      :host::after,
-      :host::before {
-        font-size: var(--_vaadin-font-icon-size);
-      }
-    `,"vaadin-icon-font-size-mixin-styles");const p=(0,d.o)((e=>u?class extends((0,h.F)(e)){static get observers(){return["__iconFontSizeMixinfontChanged(iconClass, char, ligature)"]}ready(){super.ready(),this.__updateFontIconSize()}__iconFontSizeMixinfontChanged(e,t,s){this.__updateFontIconSize()}_onResize(){this.__updateFontIconSize()}__updateFontIconSize(){if(this.char||this.iconClass||this.ligature){const{paddingTop:e,paddingBottom:t,height:s}=getComputedStyle(this),i=parseFloat(s)-parseFloat(e)-parseFloat(t);this.style.setProperty("--_vaadin-font-icon-size",`${i}px`)}}}:e));var g=s(30048),v=s(13529);const f=new Map;class b extends((0,i.Tb)((0,a.S)((0,o.k)((0,c.W)(p(n.H3)))))){static get template(){return n.dy`
-      <style>
-        :host {
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          box-sizing: border-box;
-          vertical-align: middle;
-          width: 24px;
-          height: 24px;
-          fill: currentColor;
-          container-type: size;
-        }
-
-        :host::after,
-        :host::before {
-          line-height: 1;
-          font-size: 100cqh;
-          -webkit-font-smoothing: antialiased;
-          text-rendering: optimizeLegibility;
-          -moz-osx-font-smoothing: grayscale;
-        }
-
-        :host([hidden]) {
-          display: none !important;
-        }
-
-        svg {
-          display: block;
-          width: 100%;
-          height: 100%;
-        }
-
-        :host(:is([icon-class], [font-icon-content])) svg {
-          display: none;
-        }
-
-        :host([font-icon-content])::before {
-          content: attr(font-icon-content);
-        }
-      </style>
-      <svg
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        viewBox="[[__computeViewBox(size, __viewBox)]]"
-        preserveAspectRatio="[[__computePAR(__defaultPAR, __preserveAspectRatio)]]"
-        fill$="[[__fill]]"
-        stroke$="[[__stroke]]"
-        stroke-width$="[[__strokeWidth]]"
-        stroke-linecap$="[[__strokeLinecap]]"
-        stroke-linejoin$="[[__strokeLinejoin]]"
-        aria-hidden="true"
-      >
-        <g id="svg-group"></g>
-        <g id="use-group" visibility$="[[__computeVisibility(__useRef, svg)]]">
-          <use href$="[[__useRef]]" />
-        </g>
-      </svg>
-
-      <slot name="tooltip"></slot>
-    `}static get is(){return"vaadin-icon"}static get properties(){return{icon:{type:String,reflectToAttribute:!0,observer:"__iconChanged"},svg:{type:Object},src:{type:String},symbol:{type:String},iconClass:{type:String,reflectToAttribute:!0},char:{type:String},ligature:{type:String},fontFamily:{type:String,observer:"__fontFamilyChanged"},size:{type:Number,value:24},__defaultPAR:{type:String,value:"xMidYMid meet"},__preserveAspectRatio:String,__useRef:Object,__svgElement:String,__viewBox:String,__fill:String,__stroke:String,__strokeWidth:String,__strokeLinecap:String,__strokeLinejoin:String}}static get observers(){return["__svgChanged(svg, __svgElement)","__fontChanged(iconClass, char, ligature)","__srcChanged(src, symbol)"]}static get observedAttributes(){return[...super.observedAttributes,"class"]}constructor(){super(),this.__fetch=fetch.bind(window)}get slotStyles(){return[`\n        ${this.localName}[icon-class] {\n          display: inline-flex;\n          vertical-align: middle;\n          font-size: inherit;\n        }\n      `]}get __iconClasses(){return this.iconClass?this.iconClass.split(" "):[]}ready(){super.ready(),this.__svgElement=this.shadowRoot.querySelector("#svg-group"),this._tooltipController=new l.f(this),this.addController(this._tooltipController)}connectedCallback(){super.connectedCallback(),v.D.attachedIcons.add(this)}disconnectedCallback(){super.disconnectedCallback(),v.D.attachedIcons.delete(this)}_applyIcon(){const{preserveAspectRatio:e,svg:t,size:s,viewBox:i}=v.D.getIconSvg(this.icon);i&&(this.__viewBox=i),e&&(this.__preserveAspectRatio=e),s&&s!==this.size&&(this.size=s),this.svg=t}__iconChanged(e){e?this._applyIcon():this.svg=(0,g.kO)(null)}async __srcChanged(e,t){if(e)if(this.icon="",e.startsWith("data:")||!t&&!e.includes("#"))try{f.has(e)||f.set(e,this.__fetch(e,{mode:"cors"}).then((e=>{if(!e.ok)throw new Error("Error loading icon");return e.text()})));const s=await f.get(e);b.__domParser||(b.__domParser=new DOMParser);const i=b.__domParser.parseFromString(s,"text/html").querySelector("svg");if(!i)throw new Error(`SVG element not found on path: ${e}`);this.svg=(0,g.KE)(i.innerHTML),t&&(this.__useRef=`#${t}`),this.__viewBox=i.getAttribute("viewBox"),this.__fill=i.getAttribute("fill"),this.__stroke=i.getAttribute("stroke"),this.__strokeWidth=i.getAttribute("stroke-width"),this.__strokeLinecap=i.getAttribute("stroke-linecap"),this.__strokeLinejoin=i.getAttribute("stroke-linejoin")}catch(e){console.error(e),this.svg=null}else{const[s,i]=e.split("#");this.__useRef=`${s}#${t||i}`}else this.svg=null}__svgChanged(e,t){t&&(0,g.jq)(e,t)}__computePAR(e,t){return t||e}__computeVisibility(e){return e?"visible":"hidden"}__computeViewBox(e,t){return t||`0 0 ${e} ${e}`}__fontChanged(e,t,s){this.classList.remove(...this.__addedIconClasses||[]),e&&(this.__addedIconClasses=[...this.__iconClasses],this.classList.add(...this.__addedIconClasses)),t?this.setAttribute("font-icon-content",t.length>1?String.fromCodePoint(parseInt(t,16)):t):s?this.setAttribute("font-icon-content",s):this.removeAttribute("font-icon-content"),(e||t||s)&&!this.icon&&(this.icon="")}attributeChangedCallback(e,t,s){super.attributeChangedCallback(e,t,s),"class"===e&&this.__iconClasses.some((e=>!this.classList.contains(e)))&&this.classList.add(...this.__iconClasses)}__fontFamilyChanged(e){this.style.fontFamily=`'${e}'`}}(0,r.M)(b)},56977:(e,t,s)=>{s.d(t,{VJ:()=>o,hN:()=>r});var i=s(33692);const{D:n}=i._$LH,o={HTML:1,SVG:2},r=(e,t)=>void 0===t?void 0!==e?._$litType$:e?._$litType$===t}}]);

package/dist/umd/8060.js

@@ -1,352 +0,0 @@
-/*! For license information please see 8060.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8060],{21360:(t,e,o)=>{o.d(e,{W:()=>s});var i=o(91014),n=o(3550);const s=(0,i.o)((t=>class extends t{get _keyboardActive(){return(0,n.LQ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},3550:(t,e,o)=>{o.d(e,{GF:()=>h,GO:()=>u,Gf:()=>n,LQ:()=>s,Qw:()=>d});let i=!1;function n(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function s(){return i}function a(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function r(t,e){const o=Math.max(t.tabIndex,0),i=Math.max(e.tabIndex,0);return 0===o||0===i?i>o:o>i}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)r(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function h(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||a(t)}function d(t){return t.getRootNode().activeElement===t}function _(t,e){if(t.nodeType!==Node.ELEMENT_NODE||a(t))return!1;const o=t,i=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let n=i>0;i>=0&&e.push(o);let s=[];return s="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...s].forEach((t=>{n=_(t,e)||n})),n}function u(t){const e=[];return _(t,e)?l(e):e}window.addEventListener("keydown",(()=>{i=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{i=!1}),{capture:!0})},2131:(t,e,o)=>{o(51195),o(29849),o(34173);var i=o(90510),n=o(46570);const s=n.iv`
-  :host {
-    --vaadin-tooltip-offset-top: var(--lumo-space-xs);
-    --vaadin-tooltip-offset-bottom: var(--lumo-space-xs);
-    --vaadin-tooltip-offset-start: var(--lumo-space-xs);
-    --vaadin-tooltip-offset-end: var(--lumo-space-xs);
-  }
-
-  [part='overlay'] {
-    background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));
-    color: var(--lumo-body-text-color);
-    font-size: var(--lumo-font-size-xs);
-    line-height: var(--lumo-line-height-s);
-  }
-
-  [part='content'] {
-    padding: var(--lumo-space-xs) var(--lumo-space-s);
-  }
-`;(0,n.hC)("vaadin-tooltip-overlay",[i.I,s],{moduleId:"lumo-tooltip-overlay"});var a=o(3354),r=o(52807),l=o(51914),h=o(6196),d=o(14932),_=o(63373);const u=t=>class extends((0,_.y)((0,d.F)(t))){static get properties(){return{position:{type:String,reflectToAttribute:!0}}}requestContentUpdate(){if(super.requestContentUpdate(),this.toggleAttribute("hidden",""===this.textContent.trim()),this.positionTarget&&this.owner){const t=getComputedStyle(this.owner);["top","bottom","start","end"].forEach((e=>{this.style.setProperty(`--vaadin-tooltip-offset-${e}`,t.getPropertyValue(`--vaadin-tooltip-offset-${e}`))}))}}_updatePosition(){if(super._updatePosition(),this.positionTarget){if("bottom"===this.position||"top"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.width/2-e.width/2;if(this.style.left){const t=e.left+o;t>0&&(this.style.left=`${t}px`)}if(this.style.right){const t=parseFloat(this.style.right)+o;t>0&&(this.style.right=`${t}px`)}}if("start"===this.position||"end"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.height/2-e.height/2;this.style.top=`${e.top+o}px`}}}},c=n.iv`
-  :host {
-    z-index: 1100;
-  }
-
-  [part='overlay'] {
-    max-width: 40ch;
-  }
-
-  :host([position^='top'][top-aligned]) [part='overlay'],
-  :host([position^='bottom'][top-aligned]) [part='overlay'] {
-    margin-top: var(--vaadin-tooltip-offset-top, 0);
-  }
-
-  :host([position^='top'][bottom-aligned]) [part='overlay'],
-  :host([position^='bottom'][bottom-aligned]) [part='overlay'] {
-    margin-bottom: var(--vaadin-tooltip-offset-bottom, 0);
-  }
-
-  :host([position^='start'][start-aligned]) [part='overlay'],
-  :host([position^='end'][start-aligned]) [part='overlay'] {
-    margin-inline-start: var(--vaadin-tooltip-offset-start, 0);
-  }
-
-  :host([position^='start'][end-aligned]) [part='overlay'],
-  :host([position^='end'][end-aligned]) [part='overlay'] {
-    margin-inline-end: var(--vaadin-tooltip-offset-end, 0);
-  }
-
-  @media (forced-colors: active) {
-    [part='overlay'] {
-      outline: 1px dashed;
-    }
-  }
-`;(0,n.hC)("vaadin-tooltip-overlay",[h.r,c],{moduleId:"vaadin-tooltip-overlay-styles"});class p extends(u((0,l.U)((0,n.Tb)(a.H3)))){static get is(){return"vaadin-tooltip-overlay"}static get template(){return a.dy`
-      <div id="backdrop" part="backdrop" hidden></div>
-      <div part="overlay" id="overlay">
-        <div part="content" id="content"><slot></slot></div>
-      </div>
-    `}ready(){super.ready(),this.owner=this.__dataHost,this.owner._overlayElement=this}}(0,r.M)(p);var m=o(16155),v=o(12521),g=o(61462),A=o(3550),b=o(87913),f=o(36139),y=o(63726),x=o(39320),C=o(78591),w=o(73971);const E=500;let T=E,z=E,O=E;const B=new Set;let L=!1,D=null,S=null;class I{constructor(t){this.host=t}get openedProp(){return this.host.manual?"opened":"_autoOpened"}get focusDelay(){const t=this.host;return null!=t.focusDelay&&t.focusDelay>0?t.focusDelay:T}get hoverDelay(){const t=this.host;return null!=t.hoverDelay&&t.hoverDelay>0?t.hoverDelay:z}get hideDelay(){const t=this.host;return null!=t.hideDelay&&t.hideDelay>0?t.hideDelay:O}get isClosing(){return B.has(this.host)}open(t={immediate:!1}){const{immediate:e,hover:o,focus:i}=t,n=o&&this.hoverDelay>0,s=i&&this.focusDelay>0;e||!n&&!s||this.__closeTimeout?this.__showTooltip():this.__warmupTooltip(s)}close(t){!t&&this.hideDelay>0?this.__scheduleClose():(this.__abortClose(),this._setOpened(!1)),this.__abortWarmUp(),L&&(this.__abortCooldown(),this.__scheduleCooldown())}_isOpened(){return this.host[this.openedProp]}_setOpened(t){this.host[this.openedProp]=t}__flushClosingTooltips(){B.forEach((t=>{t._stateController.close(!0),B.delete(t)}))}__showTooltip(){this.__abortClose(),this.__flushClosingTooltips(),this._setOpened(!0),L=!0,this.__abortWarmUp(),this.__abortCooldown()}__warmupTooltip(t){this._isOpened()||(L?this.__showTooltip():this.__scheduleWarmUp(t))}__abortClose(){this.__closeTimeout&&(clearTimeout(this.__closeTimeout),this.__closeTimeout=null)}__abortCooldown(){S&&(clearTimeout(S),S=null)}__abortWarmUp(){D&&(clearTimeout(D),D=null)}__scheduleClose(){this._isOpened()&&(B.add(this.host),this.__closeTimeout=setTimeout((()=>{B.delete(this.host),this.__closeTimeout=null,this._setOpened(!1)}),this.hideDelay))}__scheduleCooldown(){S=setTimeout((()=>{S=null,L=!1}),this.hideDelay)}__scheduleWarmUp(t){const e=t?this.focusDelay:this.hoverDelay;D=setTimeout((()=>{D=null,L=!0,this.__showTooltip()}),e)}}const M=t=>class extends((0,x.u)(t)){static get properties(){return{ariaTarget:{type:Object},context:{type:Object,value:()=>({})},focusDelay:{type:Number},for:{type:String,observer:"__forChanged"},generator:{type:Object},hideDelay:{type:Number},hoverDelay:{type:Number},manual:{type:Boolean,value:!1,sync:!0},opened:{type:Boolean,value:!1,sync:!0},position:{type:String},shouldShow:{type:Object,value:()=>(t,e)=>!0},target:{type:Object,observer:"__targetChanged"},text:{type:String,observer:"__textChanged"},_autoOpened:{type:Boolean,observer:"__autoOpenedChanged",sync:!0},_effectiveAriaTarget:{type:Object,computed:"__computeAriaTarget(ariaTarget, target)",observer:"__effectiveAriaTargetChanged"},__effectivePosition:{type:String,computed:"__computePosition(position, _position)"},__isTargetHidden:{type:Boolean,value:!1},_isConnected:{type:Boolean,sync:!0},_position:{type:String,value:"bottom"},_srLabel:{type:Object},_overlayContent:{type:String}}}static get observers(){return["__generatorChanged(_overlayElement, generator, context)","__updateSrLabelText(_srLabel, _overlayContent)"]}static setDefaultFocusDelay(t){T=null!=t&&t>=0?t:E}static setDefaultHideDelay(t){O=null!=t&&t>=0?t:E}static setDefaultHoverDelay(t){z=null!=t&&t>=0?t:E}constructor(){super(),this._uniqueId=`vaadin-tooltip-${(0,w.l)()}`,this._renderer=this.__tooltipRenderer.bind(this),this.__onFocusin=this.__onFocusin.bind(this),this.__onFocusout=this.__onFocusout.bind(this),this.__onMouseDown=this.__onMouseDown.bind(this),this.__onMouseEnter=this.__onMouseEnter.bind(this),this.__onMouseLeave=this.__onMouseLeave.bind(this),this.__onKeyDown=this.__onKeyDown.bind(this),this.__onOverlayOpen=this.__onOverlayOpen.bind(this),this.__targetVisibilityObserver=new IntersectionObserver((t=>{t.forEach((t=>this.__onTargetVisibilityChange(t.isIntersecting)))}),{threshold:0}),this._stateController=new I(this)}connectedCallback(){super.connectedCallback(),this._isConnected=!0,document.body.addEventListener("vaadin-overlay-open",this.__onOverlayOpen)}disconnectedCallback(){super.disconnectedCallback(),this._autoOpened&&this._stateController.close(!0),this._isConnected=!1,document.body.removeEventListener("vaadin-overlay-open",this.__onOverlayOpen)}ready(){super.ready(),this._srLabelController=new C.n(this,"sr-label","div",{initializer:t=>{t.id=this._uniqueId,t.setAttribute("role","tooltip"),this._srLabel=t}}),this.addController(this._srLabelController)}__computeHorizontalAlign(t){return["top-end","bottom-end","start-top","start","start-bottom"].includes(t)?"end":"start"}__computeNoHorizontalOverlap(t){return["start-top","start","start-bottom","end-top","end","end-bottom"].includes(t)}__computeNoVerticalOverlap(t){return["top-start","top-end","top","bottom-start","bottom","bottom-end"].includes(t)}__computeVerticalAlign(t){return["top-start","top-end","top","start-bottom","end-bottom"].includes(t)?"bottom":"top"}__computeOpened(t,e,o,i){return i&&(t?e:o)}__computePosition(t,e){return t||e}__autoOpenedChanged(t,e){t?document.addEventListener("keydown",this.__onKeyDown,!0):e&&document.removeEventListener("keydown",this.__onKeyDown,!0)}__forChanged(t){t&&(this.__setTargetByIdDebouncer=f.dx.debounce(this.__setTargetByIdDebouncer,b.YA,(()=>this.__setTargetById(t))))}__setTargetById(t){if(!this.isConnected)return;const e=this.getRootNode().getElementById(t);e?this.target=e:console.warn(`No element with id="${t}" found to show tooltip.`)}__targetChanged(t,e){e&&(e.removeEventListener("mouseenter",this.__onMouseEnter),e.removeEventListener("mouseleave",this.__onMouseLeave),e.removeEventListener("focusin",this.__onFocusin),e.removeEventListener("focusout",this.__onFocusout),e.removeEventListener("mousedown",this.__onMouseDown),this.__targetVisibilityObserver.unobserve(e)),t&&(t.addEventListener("mouseenter",this.__onMouseEnter),t.addEventListener("mouseleave",this.__onMouseLeave),t.addEventListener("focusin",this.__onFocusin),t.addEventListener("focusout",this.__onFocusout),t.addEventListener("mousedown",this.__onMouseDown),requestAnimationFrame((()=>{this.__targetVisibilityObserver.observe(t)})))}__onFocusin(t){this.manual||(0,A.LQ)()&&(this.target.contains(t.relatedTarget)||this.__isShouldShow()&&(this.__focusInside=!0,this.__isTargetHidden||this.__hoverInside&&this._autoOpened||this._stateController.open({focus:!0})))}__onFocusout(t){this.manual||this.target.contains(t.relatedTarget)||(this.__focusInside=!1,this.__hoverInside||this._stateController.close(!0))}__onKeyDown(t){"Escape"===t.key&&(t.stopPropagation(),this._stateController.close(!0))}__onMouseDown(){this._stateController.close(!0)}__onMouseEnter(){this.manual||this.__isShouldShow()&&(this.__hoverInside||(this.__hoverInside=!0,this.__isTargetHidden||this.__focusInside&&this._autoOpened||this._stateController.open({hover:!0})))}__onMouseLeave(t){t.relatedTarget!==this._overlayElement&&this.__handleMouseLeave()}__onOverlayMouseEnter(){this._stateController.isClosing&&this._stateController.open({immediate:!0})}__onOverlayMouseLeave(t){t.relatedTarget!==this.target&&this.__handleMouseLeave()}__handleMouseLeave(){this.manual||(this.__hoverInside=!1,this.__focusInside||this._stateController.close())}__onOverlayOpen(){this.manual||this._overlayElement.opened&&!this._overlayElement._last&&this._stateController.close(!0)}__onTargetVisibilityChange(t){const e=this.__isTargetHidden;this.__isTargetHidden=!t,e&&t&&(this.__focusInside||this.__hoverInside)?this._stateController.open({immediate:!0}):!t&&this._autoOpened&&this._stateController.close(!0)}__isShouldShow(){return"function"!=typeof this.shouldShow||!0===this.shouldShow(this.target,this.context)}__textChanged(t,e){this._overlayElement&&(t||e)&&this._overlayElement.requestContentUpdate()}__tooltipRenderer(t){t.textContent="function"==typeof this.generator?this.generator(this.context):this.text,this._overlayContent=t.textContent}__computeAriaTarget(t,e){return(Array.isArray(t)?t.some((t=>t&&t.nodeType===Node.ELEMENT_NODE)):t)?t:e}__effectiveAriaTargetChanged(t,e){e&&[e].flat().forEach((t=>{(0,y.x_)(t,"aria-describedby",this._uniqueId)})),t&&[t].flat().forEach((t=>{(0,y.$2)(t,"aria-describedby",this._uniqueId)}))}__generatorChanged(t,e,o){t&&(e===this.__oldTextGenerator&&o===this.__oldContext||t.requestContentUpdate(),this.__oldTextGenerator=e,this.__oldContext=o)}__updateSrLabelText(t,e){t&&(t.textContent=e)}};class k extends(M((0,g.I)((0,v.S)((0,m.k)(a.H3))))){static get is(){return"vaadin-tooltip"}static get template(){return a.dy`
-      <style>
-        :host {
-          display: none;
-        }
-      </style>
-      <vaadin-tooltip-overlay
-        renderer="[[_renderer]]"
-        theme$="[[_theme]]"
-        opened="[[__computeOpened(manual, opened, _autoOpened, _isConnected)]]"
-        position-target="[[target]]"
-        position="[[__effectivePosition]]"
-        no-horizontal-overlap$="[[__computeNoHorizontalOverlap(__effectivePosition)]]"
-        no-vertical-overlap$="[[__computeNoVerticalOverlap(__effectivePosition)]]"
-        horizontal-align="[[__computeHorizontalAlign(__effectivePosition)]]"
-        vertical-align="[[__computeVerticalAlign(__effectivePosition)]]"
-        on-mouseenter="__onOverlayMouseEnter"
-        on-mouseleave="__onOverlayMouseLeave"
-        modeless
-      ></vaadin-tooltip-overlay>
-
-      <slot name="sr-label"></slot>
-    `}}(0,r.M)(k),o(79098),o(29416),o(24407);var P=o(32463);const Y=n.iv`
-  :host {
-    --vaadin-user-color-0: #df0b92;
-    --vaadin-user-color-1: #650acc;
-    --vaadin-user-color-2: #097faa;
-    --vaadin-user-color-3: #ad6200;
-    --vaadin-user-color-4: #bf16f3;
-    --vaadin-user-color-5: #084391;
-    --vaadin-user-color-6: #078836;
-  }
-
-  [theme~='dark'] {
-    --vaadin-user-color-0: #ff66c7;
-    --vaadin-user-color-1: #9d8aff;
-    --vaadin-user-color-2: #8aff66;
-    --vaadin-user-color-3: #ffbd66;
-    --vaadin-user-color-4: #dc6bff;
-    --vaadin-user-color-5: #66fffa;
-    --vaadin-user-color-6: #e6ff66;
-  }
-`;(0,P.K)("user-color-props",Y);const G=document.createElement("style");G.textContent="html { --vaadin-avatar-size: var(--lumo-size-m); }",document.head.appendChild(G),(0,n.hC)("vaadin-avatar",n.iv`
-    :host {
-      color: var(--lumo-secondary-text-color);
-      background-color: var(--lumo-contrast-10pct);
-      border-radius: 50%;
-      outline: none;
-      cursor: default;
-      user-select: none;
-      -webkit-tap-highlight-color: transparent;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-
-    :host([has-color-index]) {
-      color: var(--lumo-base-color);
-    }
-
-    :host([focus-ring]) {
-      border-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
-    }
-
-    [part='icon'],
-    [part='abbr'] {
-      fill: currentColor;
-    }
-
-    [part='abbr'] {
-      font-family: var(--lumo-font-family);
-      font-size: 2.4375em;
-      font-weight: 500;
-    }
-
-    :host([theme~='xlarge']) [part='abbr'] {
-      font-size: 2.5em;
-    }
-
-    :host([theme~='large']) [part='abbr'] {
-      font-size: 2.375em;
-    }
-
-    :host([theme~='small']) [part='abbr'] {
-      font-size: 2.75em;
-    }
-
-    :host([theme~='xsmall']) [part='abbr'] {
-      font-size: 3em;
-    }
-
-    :host([theme~='xlarge']) {
-      --vaadin-avatar-size: var(--lumo-size-xl);
-    }
-
-    :host([theme~='large']) {
-      --vaadin-avatar-size: var(--lumo-size-l);
-    }
-
-    :host([theme~='small']) {
-      --vaadin-avatar-size: var(--lumo-size-s);
-    }
-
-    :host([theme~='xsmall']) {
-      --vaadin-avatar-size: var(--lumo-size-xs);
-    }
-  `,{moduleId:"lumo-avatar"});const V=document.createElement("template");V.innerHTML="\n  <style>\n    @font-face {\n      font-family: 'vaadin-avatar-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQAAAsAAAAABnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUmEY21hcAAAAYgAAABLAAABcOspwa1nbHlmAAAB1AAAAEUAAABMYO4o1WhlYWQAAAIcAAAALgAAADYYaAmGaGhlYQAAAkwAAAAdAAAAJAZsA1VobXR4AAACbAAAAAgAAAAIA+gAAGxvY2EAAAJ0AAAABgAAAAYAJgAAbWF4cAAAAnwAAAAeAAAAIAEOACFuYW1lAAACnAAAAUIAAAKavFDYrHBvc3QAAAPgAAAAHQAAAC52hGZ4eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8wjiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+YmQO+p/FEMUcxDANKMwIkgMADiUMJQB4nGNgYGBlYGBgBmIdIGZhYGAMYWBkAAE/oCgjWJyZgQsszsKgBFbDAhJ/xfj/P4wE8lnAJAMjG8Mo4AGTMlAeOKwgmIERADU0CX0AeJxjYGIAAmYJpkgGHgYRBgZGJT1GEztGIzlGET5GKEuU8YuSpZKSpQuI+LfLv21emz9jHJQPJP7dsUywsEiwBACG8g9CAAAAeJxjYGRgYADicIOnh+P5bb4ycDO/AIow3JZ4rIJMM0swRQIpDgYmEA8AKwgJOwAAeJxjYGRgYA76nwUkXzAAAbMEAyMDKmACAE2GAskAAAAAAAAAA+gAAAAAAAAAJgAAeJxjYGRgYGBiEAViBjCLgYELCBkY/oP5DAAKuwEwAAB4nI2Qu07DMBSG//SGaCWEhMSAGDx1QU0vYyemdmDrUDEhuamTpkriyHEj9RF4B56Bh2Bg5mmY+8d4Qh3qo9jf+c45thQAt/hGgGYFuHN7s1q4YvbHbdKD5w555LmLAZ499+hfPPfxhDfPA/p33hB0rmmG+PDcwg2+PLfpfzx3yL+eu7gPHj33MAxmnvtYB6+eB/SftZTbtBjJWlppRmmki2qlkkMmzZnKGbVWpkp1Iabh5Ex1qQplpFVbsTmKqk5m1sYiNjoXC11YlWValEbvVWTDnbXlfDyOvQ8jnaOGZGyRouCfky63/AyzFBE0fYUVFBIckLnKZTOXda15s+GZulxgihCTC2eXnC3cfFNV7BfY4Mi9eT3BjNYiZh6zRyMnLdxs050xNE3panuaiD7Ezk2VmGPMiP/1h+71/ATcWYAhAAB4nGNgYoAALgbsgImRiZGZgaW0OLWIgQEACl4B2QAAAA==) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(V.content);var N=o(34463),H=o(21360);const F=t=>class extends((0,H.W)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map((t=>t.charAt(0))).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},R=n.iv`
-  :host {
-    display: inline-block;
-    flex: none;
-    border-radius: 50%;
-    overflow: hidden;
-    height: var(--vaadin-avatar-size, 64px);
-    width: var(--vaadin-avatar-size, 64px);
-    border: var(--vaadin-avatar-outline-width) solid transparent;
-    margin: calc(var(--vaadin-avatar-outline-width) * -1);
-    background-clip: content-box;
-    --vaadin-avatar-outline-width: var(--vaadin-focus-ring-width, 2px);
-  }
-
-  img {
-    height: 100%;
-    width: 100%;
-    object-fit: cover;
-  }
-
-  [part='icon'] {
-    font-size: 5.6em;
-  }
-
-  [part='abbr'] {
-    font-size: 2.2em;
-  }
-
-  [part='icon'] > text {
-    font-family: 'vaadin-avatar-icons';
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  svg[hidden] {
-    display: none !important;
-  }
-
-  :host([has-color-index]) {
-    position: relative;
-    background-color: var(--vaadin-avatar-user-color);
-  }
-
-  :host([has-color-index])::before {
-    position: absolute;
-    content: '';
-    inset: 0;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 2px var(--vaadin-avatar-user-color);
-  }
-`;(0,n.hC)("vaadin-avatar",R,{moduleId:"vaadin-avatar-styles"});class j extends(F((0,v.S)((0,n.Tb)((0,m.k)(a.H3))))){static get template(){return a.dy`
-      <img hidden$="[[!__imgVisible]]" src$="[[img]]" aria-hidden="true" on-error="__onImageLoadError" />
-      <svg
-        part="icon"
-        hidden$="[[!__iconVisible]]"
-        id="avatar-icon"
-        viewBox="-50 -50 100 100"
-        preserveAspectRatio="xMidYMid meet"
-        aria-hidden="true"
-      >
-        <text dy=".35em" text-anchor="middle">&#xea01;</text>
-      </svg>
-      <svg
-        part="abbr"
-        hidden$="[[!__abbrVisible]]"
-        id="avatar-abbr"
-        viewBox="-50 -50 100 100"
-        preserveAspectRatio="xMidYMid meet"
-        aria-hidden="true"
-      >
-        <text dy=".35em" text-anchor="middle">[[abbr]]</text>
-      </svg>
-
-      <slot name="tooltip"></slot>
-    `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new N.f(this),this.addController(this._tooltipController)}}(0,r.M)(j)},61037:(t,e,o)=>{o.d(e,{Dt:()=>s,G6:()=>d,T:()=>_,gn:()=>h,i7:()=>a,vU:()=>r});const i=t=>t.test(navigator.userAgent),n=t=>t.test(navigator.platform),s=i(/Android/u),a=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),r=i(/Firefox/u),l=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,h=n(/^iPhone/u)||l,d=i(/^((?!chrome|android).)*safari/iu),_=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>s});var i=o(91014);const n=new WeakMap,s=(0,i.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return n.has(t)||n.set(t,new Set),n.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))},63373:(t,e,o)=>{o.d(e,{y:()=>r});var i=o(63726);const n={start:"top",end:"bottom"},s={start:"left",end:"right"},a=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),r=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes=(0,i.AD)(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,!0)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,!0)})),this.__positionTargetAncestorRootNodes=null)}__overlayOpenedChanged(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,a.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,a.observe(e))),t){const t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))),this.setAttribute("dir",t.direction),this._updatePosition(),requestAnimationFrame((()=>this._updatePosition()))}}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const o=this.__isRTL,i=this.__shouldAlignStartHorizontally(t,o),a=!o&&i||o&&!i;this.style.alignItems=a?"flex-start":"flex-end";const r=this.getBoundingClientRect(),l=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,n,this,e),h=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,s,this,i);Object.assign(this.style,l,h),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!a),this.toggleAttribute("start-aligned",a)}__shouldAlignStartHorizontally(t,e){const o=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const i=Math.min(window.innerWidth,document.documentElement.clientWidth),n=!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign;return this.__shouldAlignStart(t,o,i,this.__margins,n,this.noHorizontalOverlap,s)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const o=Math.min(window.innerHeight,document.documentElement.clientHeight),i="top"===this.verticalAlign;return this.__shouldAlignStart(t,e,o,this.__margins,i,this.noVerticalOverlap,n)}__shouldAlignStart(t,e,o,i,n,s,a){const r=o-t[s?a.end:a.start]-i[a.end],l=t[s?a.start:a.end]-i[a.start],h=n?r:l;return n===(h>(n?l:r)||h>e)}__adjustBottomProperty(t,e,o){let i;if(t===e.end){if(e.end===n.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);o>t&&this.__oldViewportHeight&&(i=o-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===s.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);o>t&&this.__oldViewportWidth&&(i=o-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return i}__calculatePositionInOneDimension(t,e,o,i,n,s){const a=s?i.start:i.end,r=s?i.end:i.start,l=parseFloat(n.style[a]||getComputedStyle(n)[a]),h=this.__adjustBottomProperty(a,i,l),d=e[s?i.start:i.end]-t[o===s?i.end:i.start];return{[a]:h?`${h}px`:`${l+d*(s?-1:1)}px`,[r]:""}}}},34173:(t,e,o)=>{o(24407);var i=o(46570),n=o(32463);const s=i.iv`
-  :host {
-    /* prettier-ignore */
-    --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-
-    /* Font sizes */
-    --lumo-font-size-xxs: 0.75rem;
-    --lumo-font-size-xs: 0.8125rem;
-    --lumo-font-size-s: 0.875rem;
-    --lumo-font-size-m: 1rem;
-    --lumo-font-size-l: 1.125rem;
-    --lumo-font-size-xl: 1.375rem;
-    --lumo-font-size-xxl: 1.75rem;
-    --lumo-font-size-xxxl: 2.5rem;
-
-    /* Line heights */
-    --lumo-line-height-xs: 1.25;
-    --lumo-line-height-s: 1.375;
-    --lumo-line-height-m: 1.625;
-  }
-`,a=i.iv`
-  body,
-  :host {
-    font-family: var(--lumo-font-family);
-    font-size: var(--lumo-font-size-m);
-    line-height: var(--lumo-line-height-m);
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  small,
-  [theme~='font-size-s'] {
-    font-size: var(--lumo-font-size-s);
-    line-height: var(--lumo-line-height-s);
-  }
-
-  [theme~='font-size-xs'] {
-    font-size: var(--lumo-font-size-xs);
-    line-height: var(--lumo-line-height-xs);
-  }
-
-  :where(h1, h2, h3, h4, h5, h6) {
-    font-weight: 600;
-    line-height: var(--lumo-line-height-xs);
-    margin-block: 0;
-  }
-
-  :where(h1) {
-    font-size: var(--lumo-font-size-xxxl);
-  }
-
-  :where(h2) {
-    font-size: var(--lumo-font-size-xxl);
-  }
-
-  :where(h3) {
-    font-size: var(--lumo-font-size-xl);
-  }
-
-  :where(h4) {
-    font-size: var(--lumo-font-size-l);
-  }
-
-  :where(h5) {
-    font-size: var(--lumo-font-size-m);
-  }
-
-  :where(h6) {
-    font-size: var(--lumo-font-size-xs);
-    text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-
-  p,
-  blockquote {
-    margin-top: 0.5em;
-    margin-bottom: 0.75em;
-  }
-
-  a {
-    text-decoration: none;
-  }
-
-  a:where(:any-link):hover {
-    text-decoration: underline;
-  }
-
-  hr {
-    display: block;
-    align-self: stretch;
-    height: 1px;
-    border: 0;
-    padding: 0;
-    margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
-    background-color: var(--lumo-contrast-10pct);
-  }
-
-  blockquote {
-    border-left: 2px solid var(--lumo-contrast-30pct);
-  }
-
-  b,
-  strong {
-    font-weight: 600;
-  }
-
-  /* RTL specific styles */
-  blockquote[dir='rtl'] {
-    border-left: none;
-    border-right: 2px solid var(--lumo-contrast-30pct);
-  }
-`;(0,i.hC)("",a,{moduleId:"lumo-typography"}),(0,n.K)("typography-props",s)}}]);