npm - @descope/web-components-ui - Versions diffs - 1.0.418 → 1.0.420 - Mend

@descope/web-components-ui 1.0.418 → 1.0.420

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

package/dist/umd/1437.js DELETED Viewed

@@ -1,422 +0,0 @@
-/*! For license information please see 1437.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1437],{90075:(e,t,o)=>{o.d(t,{Qj:()=>h,aJ:()=>s,dw:()=>i,iq:()=>u,n8:()=>l});let r=!1;function i(){let e=document.activeElement||document.body;for(;e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}function s(){return r}function n(e){const t=e.style;if("hidden"===t.visibility||"none"===t.display)return!0;const o=window.getComputedStyle(e);return"hidden"===o.visibility||"none"===o.display}function a(e,t){const o=Math.max(e.tabIndex,0),r=Math.max(t.tabIndex,0);return 0===o||0===r?r>o:o>r}function d(e){const t=e.length;if(t<2)return e;const o=Math.ceil(t/2);return function(e,t){const o=[];for(;e.length>0&&t.length>0;)a(e[0],t[0])?o.push(t.shift()):o.push(e.shift());return o.concat(e,t)}(d(e.slice(0,o)),d(e.slice(o)))}function l(e){return null===e.offsetParent&&0===e.clientWidth&&0===e.clientHeight||n(e)}function h(e){return e.getRootNode().activeElement===e}function c(e,t){if(e.nodeType!==Node.ELEMENT_NODE||n(e))return!1;const o=e,r=function(e){if(!function(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]"))}(e))return-1;const t=e.getAttribute("tabindex")||0;return Number(t)}(o);let i=r>0;r>=0&&t.push(o);let s=[];return s="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...s].forEach((e=>{i=c(e,t)||i})),i}function u(e){const t=[];return c(e,t)?d(t):t}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},53794:(e,t,o)=>{o.d(t,{CI:()=>c,H8:()=>n,gm:()=>a,m0:()=>s,nr:()=>h,un:()=>l});const r=e=>e.test(navigator.userAgent),i=e=>e.test(navigator.platform),s=r(/Android/u),n=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),a=r(/Firefox/u),d=i(/^iPad/u)||i(/^Mac/u)&&navigator.maxTouchPoints>1,l=i(/^iPhone/u)||d,h=r(/^((?!chrome|android).)*safari/iu),c=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})()},988:(e,t,o)=>{o.d(t,{w:()=>r});const r=(0,o(85297).y)((e=>"function"==typeof e.prototype.addController?e:class extends e{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach((e=>{e.hostConnected&&e.hostConnected()}))}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach((e=>{e.hostDisconnected&&e.hostDisconnected()}))}addController(e){this.__controllers.add(e),void 0!==this.$&&this.isConnected&&e.hostConnected&&e.hostConnected()}removeController(e){this.__controllers.delete(e)}}))},31846:(e,t,o)=>{o.d(t,{q:()=>l});var r=o(85251),i=o(81510),s=o(27111),n=o(35717);let a;(0,r.DH)(!1),window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){};const d=new Set,l=e=>class extends((0,n.v)(e)){static finalize(){super.finalize();const{is:e}=this;e&&!d.has(e)&&(window.Vaadin.registrations.push(this),d.add(e),window.Vaadin.developmentModeCallback&&(a=s.aq.debounce(a,i.g8,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),(0,s.Oy)(a)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}},80521:(e,t,o)=>{function r(e){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(e):e.querySelector("template")&&console.warn(`WARNING: <template> inside <${e.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}o.d(t,{h:()=>r})},99116:(e,t,o)=>{o(12855),o(1159);var r=o(26245),i=o(6052);const s=i.AH`
-  /* Optical centering */
-  :host::before,
-  :host::after {
-    content: '';
-    flex-basis: 0;
-    flex-grow: 1;
-  }
-  :host::after {
-    flex-grow: 1.1;
-  }
-  [part='overlay'] {
-    border-radius: var(--lumo-border-radius-l);
-    box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-xl);
-    background-image: none;
-    outline: none;
-    -webkit-tap-highlight-color: transparent;
-  }
-  [part='content'] {
-    padding: var(--lumo-space-l);
-  }
-  :host(:is([has-header], [has-title])) [part='header'] + [part='content'] {
-    padding-top: 0;
-  }
-  [part='header'],
-  [part='header-content'],
-  [part='footer'] {
-    gap: var(--lumo-space-xs) var(--lumo-space-s);
-    line-height: var(--lumo-line-height-s);
-  }
-  [part='header'] {
-    padding: var(--lumo-space-m);
-    background-color: var(--lumo-base-color);
-    border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0; /* Needed for Safari */
-  }
-  [part='footer'] {
-    padding: var(--lumo-space-s) var(--lumo-space-m);
-    background-color: var(--lumo-contrast-5pct);
-    border-radius: 0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l); /* Needed for Safari */
-  }
-  [part='title'] {
-    font-size: var(--lumo-font-size-xl);
-    font-weight: 600;
-    color: var(--lumo-header-text-color);
-    margin-inline-start: calc(var(--lumo-space-l) - var(--lumo-space-m));
-  }
-  /* No padding */
-  :host([theme~='no-padding']) [part='content'] {
-    padding: 0 !important;
-  }
-  @media (min-height: 320px) {
-    :host([overflow~='top']) [part='header'] {
-      box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct);
-    }
-  }
-  /* Animations */
-  :host([opening]),
-  :host([closing]) {
-    animation: 0.25s lumo-overlay-dummy-animation;
-  }
-  :host([opening]) [part='overlay'] {
-    animation: 0.12s 0.05s vaadin-dialog-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
-  }
-  @keyframes vaadin-dialog-enter {
-    0% {
-      opacity: 0;
-      transform: scale(0.95);
-    }
-  }
-  :host([closing]) [part='overlay'] {
-    animation: 0.1s 0.03s vaadin-dialog-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
-  }
-  :host([closing]) [part='backdrop'] {
-    animation-delay: 0.05s;
-  }
-  @keyframes vaadin-dialog-exit {
-    100% {
-      opacity: 0;
-      transform: scale(1.02);
-    }
-  }
-`;(0,i.SF)("vaadin-dialog-overlay",[r.L,s],{moduleId:"lumo-dialog"});var n=o(33791),a=o(38735),d=o(35717),l=o(52718),h=o(21380);const c=e=>class extends((0,h.c)(e)){static get properties(){return{headerTitle:{type:String},headerRenderer:{type:Object},footerRenderer:{type:Object}}}static get observers(){return["_headerFooterRendererChange(headerRenderer, footerRenderer, opened)","_headerTitleChanged(headerTitle, opened)"]}ready(){super.ready(),this.__resizeObserver=new ResizeObserver((()=>{this.__updateOverflow()})),this.__resizeObserver.observe(this.$.resizerContainer),this.$.content.addEventListener("scroll",(()=>{this.__updateOverflow()}))}__createContainer(e){const t=document.createElement("div");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),e}_headerFooterRendererChange(e,t,o){const r=this.__oldHeaderRenderer!==e;this.__oldHeaderRenderer=e;const i=this.__oldFooterRenderer!==t;this.__oldFooterRenderer=t;const s=this._oldOpenedFooterHeader!==o;this._oldOpenedFooterHeader=o,this.toggleAttribute("has-header",!!e),this.toggleAttribute("has-footer",!!t),r&&(e?this.headerContainer=this.__initContainer(this.headerContainer,"header-content"):this.headerContainer&&(this.headerContainer.remove(),this.headerContainer=null,this.__updateOverflow())),i&&(t?this.footerContainer=this.__initContainer(this.footerContainer,"footer"):this.footerContainer&&(this.footerContainer.remove(),this.footerContainer=null,this.__updateOverflow())),(e&&(r||s)||t&&(i||s))&&o&&this.requestContentUpdate()}_headerTitleChanged(e,t){this.toggleAttribute("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.appendChild(this.headerTitleElement),this.headerTitleElement.textContent=this.headerTitle):this.headerTitleElement&&(this.headerTitleElement.remove(),this.headerTitleElement=null)}requestContentUpdate(){super.requestContentUpdate(),this.headerContainer&&(this.headerContainer.parentElement||this.appendChild(this.headerContainer),this.headerRenderer&&this.headerRenderer.call(this.owner,this.headerContainer,this.owner)),this.footerContainer&&(this.footerContainer.parentElement||this.appendChild(this.footerContainer),this.footerRenderer&&this.footerRenderer.call(this.owner,this.footerContainer,this.owner)),this._headerTitleRenderer(),this.__updateOverflow()}setBounds(e){const t=this.$.overlay,o={...e};"absolute"!==t.style.position&&(t.style.position="absolute",this.setAttribute("has-bounds-set","")),Object.keys(o).forEach((e=>{"number"==typeof o[e]&&(o[e]=`${o[e]}px`)})),Object.assign(t.style,o)}getBounds(){const e=this.$.overlay.getBoundingClientRect(),t=this.getBoundingClientRect();return{top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height}}__updateOverflow(){let e="";if(this.hasAttribute("has-header")||this.hasAttribute("has-footer")||this.headerTitle){const t=this.$.content;t.scrollTop>0&&(e+=" top"),t.scrollTop<t.scrollHeight-t.clientHeight&&(e+=" bottom")}const t=e.trim();t.length>0&&this.getAttribute("overflow")!==t?this.setAttribute("overflow",t):0===t.length&&this.hasAttribute("overflow")&&this.removeAttribute("overflow")}};var u=o(16684);const p=u.AH`
-  [part='header'],
-  [part='header-content'],
-  [part='footer'] {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    flex: none;
-    pointer-events: none;
-    z-index: 1;
-  }
-  [part='header'] {
-    flex-wrap: nowrap;
-  }
-  ::slotted([slot='header-content']),
-  ::slotted([slot='title']),
-  ::slotted([slot='footer']) {
-    display: contents;
-    pointer-events: auto;
-  }
-  ::slotted([slot='title']) {
-    font: inherit !important;
-    overflow-wrap: anywhere;
-  }
-  [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;
-  }
-  :host(:is([has-title], [has-header], [has-footer])) [part='content'] {
-    height: auto;
-  }
-  @media (min-height: 320px) {
-    :host(:is([has-title], [has-header], [has-footer])) .resizer-container {
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-    }
-    :host(:is([has-title], [has-header], [has-footer])) [part='content'] {
-      flex: 1;
-      overflow: auto;
-    }
-  }
-  /*
-      NOTE(platosha): Make some min-width to prevent collapsing of the content
-      taking the parent width, e. g., <vaadin-grid> and such.
-    */
-  [part='content'] {
-    min-width: 12em; /* matches the default <vaadin-text-field> width */
-  }
-  :host([has-bounds-set]) [part='overlay'] {
-    max-width: none;
-  }
-  @media (forced-colors: active) {
-    [part='overlay'] {
-      outline: 3px solid !important;
-    }
-  }
-`,v=u.AH`
-  [part='overlay'] {
-    position: relative;
-    overflow: visible;
-    max-height: 100%;
-    display: flex;
-  }
-  [part='content'] {
-    box-sizing: border-box;
-    height: 100%;
-  }
-  .resizer-container {
-    overflow: auto;
-    flex-grow: 1;
-    border-radius: inherit; /* prevent child elements being drawn outside part=overlay */
-  }
-  [part='overlay'][style] .resizer-container {
-    min-height: 100%;
-    width: 100%;
-  }
-  :host(:not([resizable])) .resizer {
-    display: none;
-  }
-  :host([resizable]) [part='title'] {
-    cursor: move;
-    -webkit-user-select: none;
-    user-select: 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;
-  }
-`;(0,i.SF)("vaadin-dialog-overlay",[l.B,p,v],{moduleId:"vaadin-dialog-overlay-styles"});class m extends(c((0,d.v)((0,i.cp)(n.Pu)))){static get is(){return"vaadin-dialog-overlay"}static get template(){return n.qy`
-      <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
-      <div part="overlay" id="overlay" tabindex="0">
-        <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>
-    `}}(0,a.X)(m);var g=o(31846),f=o(55231),w=o(80521),b=o(3843);const y=e=>class extends e{static get properties(){return{opened:{type:Boolean,value:!1,notify:!0},noCloseOnOutsideClick:{type:Boolean,value:!1},noCloseOnEsc:{type:Boolean,value:!1},modeless:{type:Boolean,value:!1}}}ready(){super.ready();const e=this.$.overlay;e.addEventListener("vaadin-overlay-outside-click",this._handleOutsideClick.bind(this)),e.addEventListener("vaadin-overlay-escape-press",this._handleEscPress.bind(this)),this._overlayElement=e}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(){this.modeless&&this._overlayElement.bringToFront()}};var _=o(53794);function C(e){return e.touches?e.touches[0]:e}function z(e){return e.clientX>=0&&e.clientX<=window.innerWidth&&e.clientY>=0&&e.clientY<=window.innerHeight}const x=e=>class extends e{static get properties(){return{draggable:{type:Boolean,value:!1,reflectToAttribute:!0},_touchDevice:{type:Boolean,value:_.CI},__dragHandleClassName:{type:String}}}async 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),await new Promise(requestAnimationFrame),this.$.overlay.$.overlay.addEventListener("mousedown",this._startDrag),this.$.overlay.$.overlay.addEventListener("touchstart",this._startDrag)}_startDrag(e){if(!("touchstart"===e.type&&e.touches.length>1)&&this.draggable&&(0===e.button||e.touches)){const t=this.$.overlay.$.resizerContainer,o=e.target===t,r=e.offsetX>t.clientWidth||e.offsetY>t.clientHeight,i=e.target===this.$.overlay.$.content,s=e.composedPath().some(((e,t)=>{if(!e.classList)return!1;const o=e.classList.contains(this.__dragHandleClassName||"draggable"),r=e.classList.contains("draggable-leaf-only"),i=0===t;return r&&i||o&&(!r||i)}));if(o&&!r||i||s){s||e.preventDefault(),this._originalBounds=this.$.overlay.getBounds();const t=C(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),"absolute"!==this.$.overlay.$.overlay.style.position&&this.$.overlay.setBounds(this._originalBounds)}}}_drag(e){const t=C(e);if(z(t)){const e=this._originalBounds.top+(t.pageY-this._originalMouseCoords.top),o=this._originalBounds.left+(t.pageX-this._originalMouseCoords.left);this.$.overlay.setBounds({top:e,left:o})}}_stopDrag(){window.removeEventListener("mouseup",this._stopDrag),window.removeEventListener("touchend",this._stopDrag),window.removeEventListener("mousemove",this._drag),window.removeEventListener("touchmove",this._drag)}},E=e=>class extends e{static get properties(){return{renderer:{type:Object},headerTitle:String,headerRenderer:{type:Object},footerRenderer:{type:Object}}}requestContentUpdate(){this._overlayElement&&this._overlayElement.requestContentUpdate()}},L=e=>class extends e{static get properties(){return{resizable:{type:Boolean,value:!1,reflectToAttribute:!0}}}async ready(){super.ready(),this._originalBounds={},this._originalMouseCoords={},this._resizeListeners={start:{},resize:{},stop:{}},await new Promise(requestAnimationFrame),this._addResizeListeners()}_addResizeListeners(){["n","e","s","w","nw","ne","se","sw"].forEach((e=>{const 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();const o=C(e);this._originalMouseCoords={top:o.pageY,left:o.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]),"absolute"!==this.$.overlay.$.overlay.style.position&&this.$.overlay.setBounds(this._originalBounds)}}_resize(e,t){const o=C(e);if(z(o)){const e=40;t.split("").forEach((t=>{switch(t){case"n":{const t=this._originalBounds.height-(o.pageY-this._originalMouseCoords.top),r=this._originalBounds.top+(o.pageY-this._originalMouseCoords.top);t>e&&this.$.overlay.setBounds({top:r,height:t});break}case"e":{const t=this._originalBounds.width+(o.pageX-this._originalMouseCoords.left);t>e&&this.$.overlay.setBounds({width:t});break}case"s":{const t=this._originalBounds.height+(o.pageY-this._originalMouseCoords.top);t>e&&this.$.overlay.setBounds({height:t});break}case"w":{const t=this._originalBounds.width-(o.pageX-this._originalMouseCoords.left),r=this._originalBounds.left+(o.pageX-this._originalMouseCoords.left);t>e&&this.$.overlay.setBounds({left:r,width:t});break}}}))}}_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(){const e=this.$.overlay.$.resizerContainer.scrollTop,{width:t,height:o}=getComputedStyle(this.$.overlay.$.overlay),r=this.$.overlay.$.content;r.setAttribute("style","position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: content-box; height: auto;");const{width:i,height:s}=getComputedStyle(r);return r.removeAttribute("style"),this.$.overlay.$.resizerContainer.scrollTop=e,{width:t,height:o,contentWidth:i,contentHeight:s}}};class k extends(x(L(E(y((0,f.i)((0,b._)((0,g.q)(n.Pu)))))))){static get template(){return n.qy`
-      <style>
-        :host {
-          display: none !important;
-        }
-      </style>
-      <vaadin-dialog-overlay
-        id="overlay"
-        header-title="[[headerTitle]]"
-        on-opened-changed="_onOverlayOpened"
-        on-mousedown="_bringOverlayToFront"
-        on-touchstart="_bringOverlayToFront"
-        theme$="[[_theme]]"
-        modeless="[[modeless]]"
-        with-backdrop="[[!modeless]]"
-        resizable$="[[resizable]]"
-        restore-focus-on-close
-        focus-trap
-      ></vaadin-dialog-overlay>
-    `}static get is(){return"vaadin-dialog"}static get properties(){return{ariaLabel:{type:String,value:""}}}static get observers(){return["_openedChanged(opened)","_ariaLabelChanged(ariaLabel, headerTitle)","_rendererChanged(renderer, headerRenderer, footerRenderer)"]}ready(){super.ready(),this._overlayElement.setAttribute("role","dialog"),(0,w.h)(this)}_rendererChanged(e,t,o){this.$.overlay.setProperties({owner:this,renderer:e,headerRenderer:t,footerRenderer:o})}_openedChanged(e){this.$.overlay.opened=e}_ariaLabelChanged(e,t){e||t?this.$.overlay.setAttribute("aria-label",e||t):this.$.overlay.removeAttribute("aria-label")}}(0,a.X)(k)},55587:(e,t,o)=>{o.d(t,{h:()=>h});var r=o(33791),i=o(38735),s=o(35717),n=o(80521),a=o(6052),d=o(21380),l=o(52718);(0,a.SF)("vaadin-overlay",l.B,{moduleId:"vaadin-overlay-styles"});class h extends((0,d.c)((0,a.cp)((0,s.v)(r.Pu)))){static get template(){return r.qy`
-      <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
-      <div part="overlay" id="overlay" tabindex="0">
-        <div part="content" id="content">
-          <slot></slot>
-        </div>
-      </div>
-    `}static get is(){return"vaadin-overlay"}ready(){super.ready(),(0,n.h)(this)}}(0,i.X)(h)},12855:(e,t,o)=>{var r=o(26245);(0,o(6052).SF)("vaadin-overlay",r.L,{moduleId:"lumo-vaadin-overlay"}),o(55587)},41745:(e,t,o)=>{o(56830);var r=o(6052),i=o(35543);const s=r.AH`
-  :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;
-  }
-`,n=r.AH`
-  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,r.SF)("",n,{moduleId:"lumo-typography"}),(0,i.q)("typography-props",s)}}]);