npm - @descope/web-components-ui - Versions diffs - 1.100.0 → 1.102.0 - Mend

@descope/web-components-ui 1.100.0 → 1.102.0

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 (108) hide show

package/dist/umd/8983.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"8983.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/browser-utils.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/notification/theme/lumo/vaadin-notification-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/notification/src/vaadin-notification.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/templates.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/overlay-class-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/lit-html/directive-helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/typography.js"],"sourcesContent":["/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\nconst testUserAgent = (regexp) => regexp.test(navigator.userAgent);\n\nconst testPlatform = (regexp) => regexp.test(navigator.platform);\n\nconst testVendor = (regexp) => regexp.test(navigator.vendor);\n\nexport const isAndroid = testUserAgent(/Android/u);\n\nexport const isChrome = testUserAgent(/Chrome/u) && testVendor(/Google Inc/u);\n\nexport const isFirefox = testUserAgent(/Firefox/u);\n\n// IPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\nexport const isIPad = testPlatform(/^iPad/u) \|\| (testPlatform(/^Mac/u) && navigator.maxTouchPoints > 1);\n\nexport const isIPhone = testPlatform(/^iPhone/u);\n\nexport const isIOS = isIPhone \|\| isIPad;\n\nexport const isSafari = testUserAgent(/^((?!chrome\|android).)safari/iu);\n\nexport const isTouch = (() => {\n try {\n document.createEvent('TouchEvent');\n return true;\n } catch (e) {\n return false;\n }\n})();\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles(\n 'vaadin-notification-card',\n css`\n :host {\n position: relative;\n margin: var(--lumo-space-s);\n }\n\n [part='overlay'] {\n background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));\n border-radius: var(--lumo-border-radius-l);\n box-shadow: 0 0 0 1px var(--lumo-contrast-10pct), var(--lumo-box-shadow-l);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-s);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-wide-l);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n [part='content'] ::slotted(vaadin-button) {\n flex: none;\n margin: 0 calc(var(--lumo-space-s) * -1) 0 var(--lumo-space-m);\n }\n\n :host([slot^='middle']) {\n max-width: 80vw;\n margin: var(--lumo-space-s) auto;\n }\n\n :host([slot\\$='stretch']) {\n margin: 0;\n }\n\n :host([slot\\$='stretch']) [part='overlay'] {\n border-radius: 0;\n }\n\n @media (min-width: 421px) {\n :host(:not([slot\\$='stretch'])) {\n display: flex;\n }\n\n :host([slot\\$='end']) {\n justify-content: flex-end;\n }\n\n :host([slot^='middle']),\n :host([slot\\$='center']) {\n display: flex;\n justify-content: center;\n }\n }\n\n @keyframes lumo-notification-exit-fade-out {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-fade-in {\n 0% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-slide-down {\n 0% {\n transform: translateY(-200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-exit-slide-up {\n 100% {\n transform: translateY(-200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-slide-up {\n 0% {\n transform: translateY(200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-exit-slide-down {\n 100% {\n transform: translateY(200%);\n opacity: 0;\n }\n }\n\n :host([slot='middle'][opening]) {\n animation: lumo-notification-enter-fade-in 300ms;\n }\n\n :host([slot='middle'][closing]) {\n animation: lumo-notification-exit-fade-out 300ms;\n }\n\n :host([slot^='top'][opening]) {\n animation: lumo-notification-enter-slide-down 300ms;\n }\n\n :host([slot^='top'][closing]) {\n animation: lumo-notification-exit-slide-up 300ms;\n }\n\n :host([slot^='bottom'][opening]) {\n animation: lumo-notification-enter-slide-up 300ms;\n }\n\n :host([slot^='bottom'][closing]) {\n animation: lumo-notification-exit-slide-down 300ms;\n }\n\n :host([theme~='primary']) [part='overlay'] {\n background: var(--lumo-primary-color);\n color: var(--lumo-primary-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='primary']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-primary-contrast-color);\n --vaadin-button-primary-background: var(--lumo-primary-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-primary-text-color);\n }\n\n :host([theme~='contrast']) [part='overlay'] {\n background: var(--lumo-contrast);\n color: var(--lumo-base-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='contrast']) {\n --vaadin-button-background: var(--lumo-contrast-20pct);\n --vaadin-button-text-color: var(--lumo-base-color);\n --vaadin-button-primary-background: var(--lumo-base-color);\n --vaadin-button-primary-text-color: var(--lumo-contrast);\n }\n\n :host([theme~='success']) [part='overlay'] {\n background: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='success']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-success-contrast-color);\n --vaadin-button-primary-background: var(--lumo-success-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-success-text-color);\n }\n\n :host([theme~='error']) [part='overlay'] {\n background: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='error']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-error-contrast-color);\n --vaadin-button-primary-background: var(--lumo-error-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-error-text-color);\n }\n\n :host([theme~='warning']) [part='overlay'] {\n background: var(--lumo-warning-color);\n color: var(--lumo-warning-contrast-color);\n box-shadow: inset 0 0 0 1px var(--lumo-contrast-20pct), var(--lumo-box-shadow-l);\n }\n\n :host([theme~='warning']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-warning-contrast-color);\n --vaadin-button-primary-background: var(--lumo-shade-50pct);\n --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);\n }\n `,\n { moduleId: 'lumo-notification-card' },\n);\n","/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { render } from 'lit';\nimport { isTemplateResult } from 'lit/directive-helpers.js';\nimport { isIOS } from '@vaadin/component-base/src/browser-utils.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';\nimport { processTemplates } from '@vaadin/component-base/src/templates.js';\nimport { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\n\n/\n An element used internally by `<vaadin-notification>`. Not intended to be used separately.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @private\n /\nclass NotificationContainer extends ThemableMixin(ElementMixin(PolymerElement)) {\n static get template() {\n return html`\n <style>\n :host {\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n box-sizing: border-box;\n\n display: flex;\n flex-direction: column;\n align-items: stretch;\n pointer-events: none;\n }\n\n [region-group] {\n flex: 1 1 0%;\n display: flex;\n }\n\n [region-group='top'] {\n align-items: flex-start;\n }\n\n [region-group='bottom'] {\n align-items: flex-end;\n }\n\n [region-group] > [region] {\n flex: 1 1 0%;\n }\n\n @media (max-width: 420px) {\n [region-group] {\n flex-direction: column;\n align-items: stretch;\n }\n\n [region-group='top'] {\n justify-content: flex-start;\n }\n\n [region-group='bottom'] {\n justify-content: flex-end;\n }\n\n [region-group] > [region] {\n flex: initial;\n }\n }\n </style>\n\n <div region=\"top-stretch\"><slot name=\"top-stretch\"></slot></div>\n <div region-group=\"top\">\n <div region=\"top-start\"><slot name=\"top-start\"></slot></div>\n <div region=\"top-center\"><slot name=\"top-center\"></slot></div>\n <div region=\"top-end\"><slot name=\"top-end\"></slot></div>\n </div>\n <div region=\"middle\"><slot name=\"middle\"></slot></div>\n <div region-group=\"bottom\">\n <div region=\"bottom-start\"><slot name=\"bottom-start\"></slot></div>\n <div region=\"bottom-center\"><slot name=\"bottom-center\"></slot></div>\n <div region=\"bottom-end\"><slot name=\"bottom-end\"></slot></div>\n </div>\n <div region=\"bottom-stretch\"><slot name=\"bottom-stretch\"></slot></div>\n `;\n }\n\n static get is() {\n return 'vaadin-notification-container';\n }\n\n static get properties() {\n return {\n /\n True when the container is opened\n * @type {boolean}\n /\n opened: {\n type: Boolean,\n value: false,\n observer: '_openedChanged',\n },\n };\n }\n\n constructor() {\n super();\n\n this._boundVaadinOverlayClose = this._onVaadinOverlayClose.bind(this);\n if (isIOS) {\n this._boundIosResizeListener = () => this._detectIosNavbar();\n }\n }\n\n /* @private /\n _openedChanged(opened) {\n if (opened) {\n document.body.appendChild(this);\n document.addEventListener('vaadin-overlay-close', this._boundVaadinOverlayClose);\n if (this._boundIosResizeListener) {\n this._detectIosNavbar();\n window.addEventListener('resize', this._boundIosResizeListener);\n }\n } else {\n document.body.removeChild(this);\n document.removeEventListener('vaadin-overlay-close', this._boundVaadinOverlayClose);\n if (this._boundIosResizeListener) {\n window.removeEventListener('resize', this._boundIosResizeListener);\n }\n }\n }\n\n /* @private /\n _detectIosNavbar() {\n const innerHeight = window.innerHeight;\n const innerWidth = window.innerWidth;\n const landscape = innerWidth > innerHeight;\n const clientHeight = document.documentElement.clientHeight;\n if (landscape && clientHeight > innerHeight) {\n this.style.bottom = `${clientHeight - innerHeight}px`;\n } else {\n this.style.bottom = '0';\n }\n }\n\n /* @private /\n _onVaadinOverlayClose(event) {\n // Notifications are a separate overlay mechanism from vaadin-overlay, and\n // interacting with them should not close modal overlays\n const sourceEvent = event.detail.sourceEvent;\n const isFromNotification = sourceEvent && sourceEvent.composedPath().indexOf(this) >= 0;\n if (isFromNotification) {\n event.preventDefault();\n }\n }\n}\n\n/\n An element used internally by `<vaadin-notification>`. Not intended to be used separately.\n \n @customElement\n * @extends HTMLElement\n * @mixes ThemableMixin\n * @private\n /\nclass NotificationCard extends ThemableMixin(PolymerElement) {\n static get template() {\n return html`\n <style>\n :host {\n display: block;\n }\n\n [part='overlay'] {\n pointer-events: auto;\n }\n\n @media (forced-colors: active) {\n [part='overlay'] {\n outline: 3px solid;\n }\n }\n </style>\n\n <div part=\"overlay\">\n <div part=\"content\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n static get is() {\n return 'vaadin-notification-card';\n }\n\n /* @protected /\n ready() {\n super.ready();\n this.setAttribute('role', 'alert');\n this.setAttribute('aria-live', 'polite');\n }\n}\n\n/\n `<vaadin-notification>` is a Web Component providing accessible and customizable notifications (toasts).\n \n ### Rendering\n \n The content of the notification can be populated by using the renderer callback function.\n \n The renderer function provides `root`, `notification` arguments.\n * Generate DOM content, append it to the `root` element and control the state\n * of the host element by accessing `notification`. Before generating new content,\n * users are able to check if there is already content in `root` for reusing it.\n \n ```html\n * <vaadin-notification id=\"notification\"></vaadin-notification>\n * ```\n * ```js\n * const notification = document.querySelector('#notification');\n * notification.renderer = function(root, notification) {\n * root.textContent = \"Your work has been saved\";\n * };\n * ```\n \n Renderer is called on the opening of the notification.\n * DOM generated during the renderer call can be reused\n * in the next renderer call and will be provided with the `root` argument.\n * On first call it will be empty.\n \n ### Styling\n \n `<vaadin-notification>` uses `<vaadin-notification-card>` internal\n * themable component as the actual visible notification cards.\n \n The following shadow DOM parts of the `<vaadin-notification-card>` are available for styling:\n \n Part name \| Description\n * ----------------\|----------------\n * `overlay` \| The notification container\n * `content` \| The content of the notification\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n Note: the `theme` attribute value set on `<vaadin-notification>` is\n * propagated to the internal `<vaadin-notification-card>`.\n \n @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.\n \n @customElement\n * @extends HTMLElement\n * @mixes ThemePropertyMixin\n * @mixes ElementMixin\n * @mixes OverlayClassMixin\n /\nclass Notification extends OverlayClassMixin(ThemePropertyMixin(ElementMixin(PolymerElement))) {\n static get template() {\n return html`\n <style>\n :host {\n display: none !important;\n }\n </style>\n <vaadin-notification-card theme$=\"[[_theme]]\"> </vaadin-notification-card>\n `;\n }\n\n static get is() {\n return 'vaadin-notification';\n }\n\n static get properties() {\n return {\n /\n The duration in milliseconds to show the notification.\n * Set to `0` or a negative number to disable the notification auto-closing.\n * @type {number}\n /\n duration: {\n type: Number,\n value: 5000,\n },\n\n /\n True if the notification is currently displayed.\n * @type {boolean}\n /\n opened: {\n type: Boolean,\n value: false,\n notify: true,\n observer: '_openedChanged',\n },\n\n /\n Alignment of the notification in the viewport\n * Valid values are `top-stretch\|top-start\|top-center\|top-end\|middle\|bottom-start\|bottom-center\|bottom-end\|bottom-stretch`\n * @type {!NotificationPosition}\n /\n position: {\n type: String,\n value: 'bottom-start',\n observer: '_positionChanged',\n },\n\n /\n Custom function for rendering the content of the notification.\n * Receives two arguments:\n \n - `root` The `<vaadin-notification-card>` DOM element. Append\n * your content to it.\n * - `notification` The reference to the `<vaadin-notification>` element.\n * @type {!NotificationRenderer \| undefined}\n /\n renderer: Function,\n };\n }\n\n static get observers() {\n return ['_durationChanged(duration, opened)', '_rendererChanged(renderer, opened, _overlayElement)'];\n }\n\n /\n Shows a notification with the given content.\n * By default, positions the notification at `bottom-start` and uses a 5 second duration.\n * An options object can be passed to configure the notification.\n * The options object has the following structure:\n \n ```\n * {\n * position?: string\n * duration?: number\n * theme?: string\n * }\n * ```\n \n See the individual documentation for:\n * - [`position`](#/elements/vaadin-notification#property-position)\n * - [`duration`](#/elements/vaadin-notification#property-duration)\n \n @param contents the contents to show, either as a string or a Lit template.\n * @param options optional options for customizing the notification.\n /\n static show(contents, options) {\n if (isTemplateResult(contents)) {\n return Notification._createAndShowNotification((root) => {\n render(contents, root);\n }, options);\n }\n return Notification._createAndShowNotification((root) => {\n root.innerText = contents;\n }, options);\n }\n\n /* @private /\n static _createAndShowNotification(renderer, options) {\n const notification = document.createElement(Notification.is);\n if (options && Number.isFinite(options.duration)) {\n notification.duration = options.duration;\n }\n if (options && options.position) {\n notification.position = options.position;\n }\n if (options && options.theme) {\n notification.setAttribute('theme', options.theme);\n }\n notification.renderer = renderer;\n document.body.appendChild(notification);\n notification.opened = true;\n\n notification.addEventListener('opened-changed', (e) => {\n if (!e.detail.value) {\n notification.remove();\n }\n });\n\n return notification;\n }\n\n /* @private /\n get _container() {\n if (!Notification._container) {\n Notification._container = document.createElement('vaadin-notification-container');\n document.body.appendChild(Notification._container);\n }\n return Notification._container;\n }\n\n /* @protected /\n get _card() {\n return this._overlayElement;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._overlayElement = this.shadowRoot.querySelector('vaadin-notification-card');\n\n processTemplates(this);\n }\n\n /* @protected /\n disconnectedCallback() {\n super.disconnectedCallback();\n queueMicrotask(() => {\n if (!this.isConnected) {\n this.opened = false;\n }\n });\n }\n\n /\n Requests an update for the content of the notification.\n * While performing the update, it invokes the renderer passed in the `renderer` property.\n \n It is not guaranteed that the update happens immediately (synchronously) after it is requested.\n /\n requestContentUpdate() {\n if (!this.renderer) {\n return;\n }\n\n this.renderer(this._card, this);\n }\n\n /* @private /\n _rendererChanged(renderer, opened, card) {\n if (!card) {\n return;\n }\n\n const rendererChanged = this._oldRenderer !== renderer;\n this._oldRenderer = renderer;\n\n if (rendererChanged) {\n card.innerHTML = '';\n // Whenever a Lit-based renderer is used, it assigns a Lit part to the node it was rendered into.\n // When clearing the rendered content, this part needs to be manually disposed of.\n // Otherwise, using a Lit-based renderer on the same node will throw an exception or render nothing afterward.\n delete card._$litPart$;\n }\n\n if (opened) {\n if (!this._didAnimateNotificationAppend) {\n this._animatedAppendNotificationCard();\n }\n this.requestContentUpdate();\n }\n }\n\n /\n Opens the notification.\n /\n open() {\n this.opened = true;\n }\n\n /\n Closes the notification.\n /\n close() {\n this.opened = false;\n }\n\n /* @private /\n _openedChanged(opened) {\n if (opened) {\n this._container.opened = true;\n this._animatedAppendNotificationCard();\n } else if (this._card) {\n this._closeNotificationCard();\n }\n }\n\n /* @private /\n _animatedAppendNotificationCard() {\n if (this._card) {\n this._card.setAttribute('opening', '');\n this._appendNotificationCard();\n const listener = () => {\n this._card.removeEventListener('animationend', listener);\n this._card.removeAttribute('opening');\n };\n this._card.addEventListener('animationend', listener);\n this._didAnimateNotificationAppend = true;\n } else {\n this._didAnimateNotificationAppend = false;\n }\n }\n\n /* @private /\n _appendNotificationCard() {\n if (!this._card) {\n return;\n }\n\n if (!this._container.shadowRoot.querySelector(`slot[name=\"${this.position}\"]`)) {\n console.warn(`Invalid alignment parameter provided: position=${this.position}`);\n return;\n }\n\n this._card.slot = this.position;\n if (this._container.firstElementChild && /top/u.test(this.position)) {\n this._container.insertBefore(this._card, this._container.firstElementChild);\n } else {\n this._container.appendChild(this._card);\n }\n }\n\n /* @private /\n _removeNotificationCard() {\n if (this._card.parentNode) {\n this._card.parentNode.removeChild(this._card);\n }\n this._card.removeAttribute('closing');\n this._container.opened = Boolean(this._container.firstElementChild);\n }\n\n /* @private /\n _closeNotificationCard() {\n if (this._durationTimeoutId) {\n clearTimeout(this._durationTimeoutId);\n }\n this._animatedRemoveNotificationCard();\n }\n\n /* @private /\n _animatedRemoveNotificationCard() {\n this._card.setAttribute('closing', '');\n const name = getComputedStyle(this._card).getPropertyValue('animation-name');\n if (name && name !== 'none') {\n const listener = () => {\n this._removeNotificationCard();\n this._card.removeEventListener('animationend', listener);\n };\n this._card.addEventListener('animationend', listener);\n } else {\n this._removeNotificationCard();\n }\n }\n\n /* @private /\n _positionChanged() {\n if (this.opened) {\n this._animatedAppendNotificationCard();\n }\n }\n\n /* @private /\n _durationChanged(duration, opened) {\n if (opened) {\n clearTimeout(this._durationTimeoutId);\n if (duration > 0) {\n this._durationTimeoutId = setTimeout(() => this.close(), duration);\n }\n }\n }\n}\n\ndefineCustomElement(NotificationContainer);\ndefineCustomElement(NotificationCard);\ndefineCustomElement(Notification);\n\nexport { Notification };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\n/\n Passes the component to the template renderer callback if the template renderer is imported.\n * Otherwise, if there is a template, it warns that the template renderer needs to be imported.\n \n @param {HTMLElement} component\n /\nexport function processTemplates(component) {\n if (window.Vaadin && window.Vaadin.templateRendererCallback) {\n window.Vaadin.templateRendererCallback(component);\n return;\n }\n\n if (component.querySelector('template')) {\n console.warn(\n `WARNING: <template> inside <${component.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`,\n );\n }\n}\n","/\n @license\n * Copyright (c) 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\n/\n A mixin that forwards CSS class names to the internal overlay element\n * by setting the `overlayClass` property or `overlay-class` attribute.\n \n @polymerMixin\n /\nexport const OverlayClassMixin = (superclass) =>\n class OverlayClassMixinClass extends superclass {\n static get properties() {\n return {\n /\n A space-delimited list of CSS class names to set on the overlay element.\n * This property does not affect other CSS class names set manually via JS.\n \n Note, if the CSS class name was set with this property, clearing it will\n * remove it from the overlay, even if the same class name was also added\n * manually, e.g. by using `classList.add()` in the `renderer` function.\n \n @attr {string} overlay-class\n /\n overlayClass: {\n type: String,\n },\n\n /\n An overlay element on which CSS class names are set.\n \n @protected\n /\n _overlayElement: {\n type: Object,\n },\n };\n }\n\n static get observers() {\n return ['__updateOverlayClassNames(overlayClass, _overlayElement)'];\n }\n\n /* @private /\n __updateOverlayClassNames(overlayClass, overlayElement) {\n if (!overlayElement) {\n return;\n }\n\n // Overlay is set but overlayClass is not set\n if (overlayClass === undefined) {\n return;\n }\n\n const { classList } = overlayElement;\n\n if (!this.__initialClasses) {\n this.__initialClasses = new Set(classList);\n }\n\n if (Array.isArray(this.__previousClasses)) {\n // Remove old classes that no longer apply\n const classesToRemove = this.__previousClasses.filter((name) => !this.__initialClasses.has(name));\n if (classesToRemove.length > 0) {\n classList.remove(...classesToRemove);\n }\n }\n\n // Add new classes based on the overlayClass\n const classesToAdd = typeof overlayClass === 'string' ? overlayClass.split(' ').filter(Boolean) : [];\n if (classesToAdd.length > 0) {\n classList.add(...classesToAdd);\n }\n\n this.__previousClasses = classesToAdd;\n }\n };\n","import{_$LH as o}from\"./lit-html.js\";\n/\n @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n /const{I:t}=o,i=o=>null===o\|\|\"object\"!=typeof o&&\"function\"!=typeof o,n={HTML:1,SVG:2,MATHML:3},e=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,l=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,d=o=>o?._$litDirective$,f=o=>void 0===o.strings,s=()=>document.createComment(\"\"),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options)}else{const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t)}if(t!==l\|\|c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u={},m=(o,t=u)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o}},h=o=>{o._$AR()};export{n as TemplateResultType,h as clearPart,p as getCommittedValue,d as getDirectiveClass,r as insertPart,l as isCompiledTemplateResult,c as isDirectiveResult,i as isPrimitive,f as isSingleExpression,e as isTemplateResult,M as removePart,v as setChildPartValue,m as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport './version.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst font = css`\n :host {\n / prettier-ignore /\n --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n\n / Font sizes /\n --lumo-font-size-xxs: 0.75rem;\n --lumo-font-size-xs: 0.8125rem;\n --lumo-font-size-s: 0.875rem;\n --lumo-font-size-m: 1rem;\n --lumo-font-size-l: 1.125rem;\n --lumo-font-size-xl: 1.375rem;\n --lumo-font-size-xxl: 1.75rem;\n --lumo-font-size-xxxl: 2.5rem;\n\n / Line heights /\n --lumo-line-height-xs: 1.25;\n --lumo-line-height-s: 1.375;\n --lumo-line-height-m: 1.625;\n }\n`;\n\nconst typography = css`\n body,\n :host {\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n line-height: var(--lumo-line-height-m);\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n small,\n [theme~='font-size-s'] {\n font-size: var(--lumo-font-size-s);\n line-height: var(--lumo-line-height-s);\n }\n\n [theme~='font-size-xs'] {\n font-size: var(--lumo-font-size-xs);\n line-height: var(--lumo-line-height-xs);\n }\n\n :where(h1, h2, h3, h4, h5, h6) {\n font-weight: 600;\n line-height: var(--lumo-line-height-xs);\n margin-block: 0;\n }\n\n :where(h1) {\n font-size: var(--lumo-font-size-xxxl);\n }\n\n :where(h2) {\n font-size: var(--lumo-font-size-xxl);\n }\n\n :where(h3) {\n font-size: var(--lumo-font-size-xl);\n }\n\n :where(h4) {\n font-size: var(--lumo-font-size-l);\n }\n\n :where(h5) {\n font-size: var(--lumo-font-size-m);\n }\n\n :where(h6) {\n font-size: var(--lumo-font-size-xs);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n }\n\n p,\n blockquote {\n margin-top: 0.5em;\n margin-bottom: 0.75em;\n }\n\n a {\n text-decoration: none;\n }\n\n a:where(:any-link):hover {\n text-decoration: underline;\n }\n\n hr {\n display: block;\n align-self: stretch;\n height: 1px;\n border: 0;\n padding: 0;\n margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);\n background-color: var(--lumo-contrast-10pct);\n }\n\n blockquote {\n border-left: 2px solid var(--lumo-contrast-30pct);\n }\n\n b,\n strong {\n font-weight: 600;\n }\n\n / RTL specific styles */\n blockquote[dir='rtl'] {\n border-left: none;\n border-right: 2px solid var(--lumo-contrast-30pct);\n }\n`;\n\nregisterStyles('', typography, { moduleId: 'lumo-typography' });\naddLumoGlobalStyles('typography-props', font);\n\nexport { font, typography };\n"],"names":["testUserAgent","regexp","test","navigator","userAgent","testPlatform","platform","isAndroid","isChrome","vendor","isFirefox","isIPad","maxTouchPoints","isIOS","isSafari","isTouch","document","createEvent","e","moduleId","NotificationContainer","template","is","properties","opened","type","Boolean","value","observer","constructor","super","this","_boundVaadinOverlayClose","_onVaadinOverlayClose","bind","_boundIosResizeListener","_detectIosNavbar","_openedChanged","body","appendChild","addEventListener","window","removeChild","removeEventListener","innerHeight","landscape","innerWidth","clientHeight","documentElement","style","bottom","event","sourceEvent","detail","composedPath","indexOf","preventDefault","NotificationCard","ready","setAttribute","Notification","duration","Number","notify","position","String","renderer","Function","observers","show","contents","options","_createAndShowNotification","root","innerText","notification","createElement","isFinite","theme","remove","_container","_card","_overlayElement","shadowRoot","querySelector","disconnectedCallback","queueMicrotask","isConnected","requestContentUpdate","_rendererChanged","card","rendererChanged","_oldRenderer","innerHTML","_$litPart$","_didAnimateNotificationAppend","_animatedAppendNotificationCard","open","close","_closeNotificationCard","_appendNotificationCard","listener","removeAttribute","slot","firstElementChild","insertBefore","console","warn","_removeNotificationCard","parentNode","_durationTimeoutId","clearTimeout","_animatedRemoveNotificationCard","name","getComputedStyle","getPropertyValue","_positionChanged","_durationChanged","setTimeout","processTemplates","component","Vaadin","templateRendererCallback","localName","OverlayClassMixin","superclass","overlayClass","Object","__updateOverlayClassNames","overlayElement","undefined","classList","__initialClasses","Set","Array","isArray","__previousClasses","classesToRemove","filter","has","length","classesToAdd","split","add","I","t","n","HTML","SVG","MATHML","o","_$litType$","font","typography"],"sourceRoot":""}
1	+ {"version":3,"file":"8983.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/style.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/browser-utils.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/spacing.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/notification/theme/lumo/vaadin-notification-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/notification/src/vaadin-notification.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/templates.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/overlay-class-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/color.js","webpack://@descope/web-components-ui/../../../node_modules/lit-html/directive-helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/typography.js"],"sourcesContent":["/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport './version.js';\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst style = css`\n :host {\n / Border radius /\n --lumo-border-radius-s: 0.25em; / Checkbox, badge, date-picker year indicator, etc /\n --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); / Button, text field, menu overlay, etc /\n --lumo-border-radius-l: 0.5em; / Dialog, notification, etc /\n\n / Shadow /\n --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);\n --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);\n --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);\n --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);\n --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);\n\n / Clickable element cursor /\n --lumo-clickable-cursor: default;\n }\n`;\n\n/\n Default values for component-specific custom properties.\n /\nconst globals = css`\n html {\n / Button /\n --vaadin-button-background: var(--lumo-contrast-5pct);\n --vaadin-button-border: none;\n --vaadin-button-border-radius: var(--lumo-border-radius-m);\n --vaadin-button-font-size: var(--lumo-font-size-m);\n --vaadin-button-font-weight: 500;\n --vaadin-button-height: var(--lumo-size-m);\n --vaadin-button-margin: var(--lumo-space-xs) 0;\n --vaadin-button-min-width: calc(var(--vaadin-button-height) 2);\n --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);\n --vaadin-button-text-color: var(--lumo-primary-text-color);\n --vaadin-button-primary-background: var(--lumo-primary-color);\n --vaadin-button-primary-border: none;\n --vaadin-button-primary-font-weight: 600;\n --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);\n --vaadin-button-tertiary-background: transparent !important;\n --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);\n --vaadin-button-tertiary-font-weight: 500;\n --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);\n /* Checkbox /\n --vaadin-checkbox-background: var(--lumo-contrast-20pct);\n --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);\n --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);\n --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);\n --vaadin-checkbox-checkmark-char-indeterminate: '';\n --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);\n --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);\n --vaadin-checkbox-label-color: var(--lumo-body-text-color);\n --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);\n --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);\n --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);\n / Radio button /\n --vaadin-radio-button-background: var(--lumo-contrast-20pct);\n --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);\n --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);\n --vaadin-radio-button-dot-size: 3px;\n --vaadin-radio-button-label-color: var(--lumo-body-text-color);\n --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);\n --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs)\n var(--lumo-space-xs);\n --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);\n --vaadin-selection-color: var(--lumo-primary-color);\n --vaadin-selection-color-text: var(--lumo-primary-text-color);\n --vaadin-input-field-border-radius: var(--lumo-border-radius-m);\n --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);\n --vaadin-focus-ring-width: 2px;\n / Label /\n --vaadin-input-field-label-color: var(--lumo-secondary-text-color);\n --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);\n --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);\n --vaadin-input-field-label-font-size: var(--lumo-font-size-s);\n --vaadin-input-field-label-font-weight: 500;\n / Helper /\n --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);\n --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);\n --vaadin-input-field-helper-font-weight: 400;\n --vaadin-input-field-helper-spacing: 0.4em;\n / Error message /\n --vaadin-input-field-error-color: var(--lumo-error-text-color);\n --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);\n --vaadin-input-field-error-font-weight: 400;\n / Input field /\n --vaadin-input-field-background: var(--lumo-contrast-10pct);\n --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);\n --vaadin-input-field-icon-size: var(--lumo-icon-size-m);\n --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);\n --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);\n --vaadin-input-field-height: var(--lumo-size-m);\n --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);\n --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);\n --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);\n --vaadin-input-field-value-color: var(--lumo-body-text-color);\n --vaadin-input-field-value-font-size: var(--lumo-font-size-m);\n --vaadin-input-field-value-font-weight: 400;\n }\n`;\n\naddLumoGlobalStyles('style-props', style);\n\nexport { globals, style };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\nconst testUserAgent = (regexp) => regexp.test(navigator.userAgent);\n\nconst testPlatform = (regexp) => regexp.test(navigator.platform);\n\nconst testVendor = (regexp) => regexp.test(navigator.vendor);\n\nexport const isAndroid = testUserAgent(/Android/u);\n\nexport const isChrome = testUserAgent(/Chrome/u) && testVendor(/Google Inc/u);\n\nexport const isFirefox = testUserAgent(/Firefox/u);\n\n// IPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\nexport const isIPad = testPlatform(/^iPad/u) \|\| (testPlatform(/^Mac/u) && navigator.maxTouchPoints > 1);\n\nexport const isIPhone = testPlatform(/^iPhone/u);\n\nexport const isIOS = isIPhone \|\| isIPad;\n\nexport const isSafari = testUserAgent(/^((?!chrome\|android).)safari/iu);\n\nexport const isTouch = (() => {\n try {\n document.createEvent('TouchEvent');\n return true;\n } catch (e) {\n return false;\n }\n})();\n","/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport './version.js';\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst spacing = css`\n :host {\n / Square /\n --lumo-space-xs: 0.25rem;\n --lumo-space-s: 0.5rem;\n --lumo-space-m: 1rem;\n --lumo-space-l: 1.5rem;\n --lumo-space-xl: 2.5rem;\n\n / Wide /\n --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);\n --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);\n --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);\n --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);\n --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);\n\n / Tall /\n --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);\n --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);\n --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);\n --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);\n --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);\n }\n`;\n\naddLumoGlobalStyles('spacing-props', spacing);\n\nexport { spacing };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles(\n 'vaadin-notification-card',\n css`\n :host {\n position: relative;\n margin: var(--lumo-space-s);\n }\n\n [part='overlay'] {\n background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));\n border-radius: var(--lumo-border-radius-l);\n box-shadow: 0 0 0 1px var(--lumo-contrast-10pct), var(--lumo-box-shadow-l);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-s);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-wide-l);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n [part='content'] ::slotted(vaadin-button) {\n flex: none;\n margin: 0 calc(var(--lumo-space-s) -1) 0 var(--lumo-space-m);\n }\n\n :host([slot^='middle']) {\n max-width: 80vw;\n margin: var(--lumo-space-s) auto;\n }\n\n :host([slot\\$='stretch']) {\n margin: 0;\n }\n\n :host([slot\\$='stretch']) [part='overlay'] {\n border-radius: 0;\n }\n\n @media (min-width: 421px) {\n :host(:not([slot\\$='stretch'])) {\n display: flex;\n }\n\n :host([slot\\$='end']) {\n justify-content: flex-end;\n }\n\n :host([slot^='middle']),\n :host([slot\\$='center']) {\n display: flex;\n justify-content: center;\n }\n }\n\n @keyframes lumo-notification-exit-fade-out {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-fade-in {\n 0% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-slide-down {\n 0% {\n transform: translateY(-200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-exit-slide-up {\n 100% {\n transform: translateY(-200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-enter-slide-up {\n 0% {\n transform: translateY(200%);\n opacity: 0;\n }\n }\n\n @keyframes lumo-notification-exit-slide-down {\n 100% {\n transform: translateY(200%);\n opacity: 0;\n }\n }\n\n :host([slot='middle'][opening]) {\n animation: lumo-notification-enter-fade-in 300ms;\n }\n\n :host([slot='middle'][closing]) {\n animation: lumo-notification-exit-fade-out 300ms;\n }\n\n :host([slot^='top'][opening]) {\n animation: lumo-notification-enter-slide-down 300ms;\n }\n\n :host([slot^='top'][closing]) {\n animation: lumo-notification-exit-slide-up 300ms;\n }\n\n :host([slot^='bottom'][opening]) {\n animation: lumo-notification-enter-slide-up 300ms;\n }\n\n :host([slot^='bottom'][closing]) {\n animation: lumo-notification-exit-slide-down 300ms;\n }\n\n :host([theme~='primary']) [part='overlay'] {\n background: var(--lumo-primary-color);\n color: var(--lumo-primary-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='primary']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-primary-contrast-color);\n --vaadin-button-primary-background: var(--lumo-primary-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-primary-text-color);\n }\n\n :host([theme~='contrast']) [part='overlay'] {\n background: var(--lumo-contrast);\n color: var(--lumo-base-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='contrast']) {\n --vaadin-button-background: var(--lumo-contrast-20pct);\n --vaadin-button-text-color: var(--lumo-base-color);\n --vaadin-button-primary-background: var(--lumo-base-color);\n --vaadin-button-primary-text-color: var(--lumo-contrast);\n }\n\n :host([theme~='success']) [part='overlay'] {\n background: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='success']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-success-contrast-color);\n --vaadin-button-primary-background: var(--lumo-success-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-success-text-color);\n }\n\n :host([theme~='error']) [part='overlay'] {\n background: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n box-shadow: var(--lumo-box-shadow-l);\n }\n\n :host([theme~='error']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-error-contrast-color);\n --vaadin-button-primary-background: var(--lumo-error-contrast-color);\n --vaadin-button-primary-text-color: var(--lumo-error-text-color);\n }\n\n :host([theme~='warning']) [part='overlay'] {\n background: var(--lumo-warning-color);\n color: var(--lumo-warning-contrast-color);\n box-shadow: inset 0 0 0 1px var(--lumo-contrast-20pct), var(--lumo-box-shadow-l);\n }\n\n :host([theme~='warning']) {\n --vaadin-button-background: var(--lumo-shade-20pct);\n --vaadin-button-text-color: var(--lumo-warning-contrast-color);\n --vaadin-button-primary-background: var(--lumo-shade-50pct);\n --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);\n }\n `,\n { moduleId: 'lumo-notification-card' },\n);\n","/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { render } from 'lit';\nimport { isTemplateResult } from 'lit/directive-helpers.js';\nimport { isIOS } from '@vaadin/component-base/src/browser-utils.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';\nimport { processTemplates } from '@vaadin/component-base/src/templates.js';\nimport { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\n\n/\n An element used internally by `<vaadin-notification>`. Not intended to be used separately.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @private\n /\nclass NotificationContainer extends ThemableMixin(ElementMixin(PolymerElement)) {\n static get template() {\n return html`\n <style>\n :host {\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n box-sizing: border-box;\n\n display: flex;\n flex-direction: column;\n align-items: stretch;\n pointer-events: none;\n }\n\n [region-group] {\n flex: 1 1 0%;\n display: flex;\n }\n\n [region-group='top'] {\n align-items: flex-start;\n }\n\n [region-group='bottom'] {\n align-items: flex-end;\n }\n\n [region-group] > [region] {\n flex: 1 1 0%;\n }\n\n @media (max-width: 420px) {\n [region-group] {\n flex-direction: column;\n align-items: stretch;\n }\n\n [region-group='top'] {\n justify-content: flex-start;\n }\n\n [region-group='bottom'] {\n justify-content: flex-end;\n }\n\n [region-group] > [region] {\n flex: initial;\n }\n }\n </style>\n\n <div region=\"top-stretch\"><slot name=\"top-stretch\"></slot></div>\n <div region-group=\"top\">\n <div region=\"top-start\"><slot name=\"top-start\"></slot></div>\n <div region=\"top-center\"><slot name=\"top-center\"></slot></div>\n <div region=\"top-end\"><slot name=\"top-end\"></slot></div>\n </div>\n <div region=\"middle\"><slot name=\"middle\"></slot></div>\n <div region-group=\"bottom\">\n <div region=\"bottom-start\"><slot name=\"bottom-start\"></slot></div>\n <div region=\"bottom-center\"><slot name=\"bottom-center\"></slot></div>\n <div region=\"bottom-end\"><slot name=\"bottom-end\"></slot></div>\n </div>\n <div region=\"bottom-stretch\"><slot name=\"bottom-stretch\"></slot></div>\n `;\n }\n\n static get is() {\n return 'vaadin-notification-container';\n }\n\n static get properties() {\n return {\n /\n True when the container is opened\n * @type {boolean}\n /\n opened: {\n type: Boolean,\n value: false,\n observer: '_openedChanged',\n },\n };\n }\n\n constructor() {\n super();\n\n this._boundVaadinOverlayClose = this._onVaadinOverlayClose.bind(this);\n if (isIOS) {\n this._boundIosResizeListener = () => this._detectIosNavbar();\n }\n }\n\n /* @private /\n _openedChanged(opened) {\n if (opened) {\n document.body.appendChild(this);\n document.addEventListener('vaadin-overlay-close', this._boundVaadinOverlayClose);\n if (this._boundIosResizeListener) {\n this._detectIosNavbar();\n window.addEventListener('resize', this._boundIosResizeListener);\n }\n } else {\n document.body.removeChild(this);\n document.removeEventListener('vaadin-overlay-close', this._boundVaadinOverlayClose);\n if (this._boundIosResizeListener) {\n window.removeEventListener('resize', this._boundIosResizeListener);\n }\n }\n }\n\n /* @private /\n _detectIosNavbar() {\n const innerHeight = window.innerHeight;\n const innerWidth = window.innerWidth;\n const landscape = innerWidth > innerHeight;\n const clientHeight = document.documentElement.clientHeight;\n if (landscape && clientHeight > innerHeight) {\n this.style.bottom = `${clientHeight - innerHeight}px`;\n } else {\n this.style.bottom = '0';\n }\n }\n\n /* @private /\n _onVaadinOverlayClose(event) {\n // Notifications are a separate overlay mechanism from vaadin-overlay, and\n // interacting with them should not close modal overlays\n const sourceEvent = event.detail.sourceEvent;\n const isFromNotification = sourceEvent && sourceEvent.composedPath().indexOf(this) >= 0;\n if (isFromNotification) {\n event.preventDefault();\n }\n }\n}\n\n/\n An element used internally by `<vaadin-notification>`. Not intended to be used separately.\n \n @customElement\n * @extends HTMLElement\n * @mixes ThemableMixin\n * @private\n /\nclass NotificationCard extends ThemableMixin(PolymerElement) {\n static get template() {\n return html`\n <style>\n :host {\n display: block;\n }\n\n [part='overlay'] {\n pointer-events: auto;\n }\n\n @media (forced-colors: active) {\n [part='overlay'] {\n outline: 3px solid;\n }\n }\n </style>\n\n <div part=\"overlay\">\n <div part=\"content\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n static get is() {\n return 'vaadin-notification-card';\n }\n\n /* @protected /\n ready() {\n super.ready();\n this.setAttribute('role', 'alert');\n this.setAttribute('aria-live', 'polite');\n }\n}\n\n/\n `<vaadin-notification>` is a Web Component providing accessible and customizable notifications (toasts).\n \n ### Rendering\n \n The content of the notification can be populated by using the renderer callback function.\n \n The renderer function provides `root`, `notification` arguments.\n * Generate DOM content, append it to the `root` element and control the state\n * of the host element by accessing `notification`. Before generating new content,\n * users are able to check if there is already content in `root` for reusing it.\n \n ```html\n * <vaadin-notification id=\"notification\"></vaadin-notification>\n * ```\n * ```js\n * const notification = document.querySelector('#notification');\n * notification.renderer = function(root, notification) {\n * root.textContent = \"Your work has been saved\";\n * };\n * ```\n \n Renderer is called on the opening of the notification.\n * DOM generated during the renderer call can be reused\n * in the next renderer call and will be provided with the `root` argument.\n * On first call it will be empty.\n \n ### Styling\n \n `<vaadin-notification>` uses `<vaadin-notification-card>` internal\n * themable component as the actual visible notification cards.\n \n The following shadow DOM parts of the `<vaadin-notification-card>` are available for styling:\n \n Part name \| Description\n * ----------------\|----------------\n * `overlay` \| The notification container\n * `content` \| The content of the notification\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n Note: the `theme` attribute value set on `<vaadin-notification>` is\n * propagated to the internal `<vaadin-notification-card>`.\n \n @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.\n \n @customElement\n * @extends HTMLElement\n * @mixes ThemePropertyMixin\n * @mixes ElementMixin\n * @mixes OverlayClassMixin\n /\nclass Notification extends OverlayClassMixin(ThemePropertyMixin(ElementMixin(PolymerElement))) {\n static get template() {\n return html`\n <style>\n :host {\n display: none !important;\n }\n </style>\n <vaadin-notification-card theme$=\"[[_theme]]\"> </vaadin-notification-card>\n `;\n }\n\n static get is() {\n return 'vaadin-notification';\n }\n\n static get properties() {\n return {\n /\n The duration in milliseconds to show the notification.\n * Set to `0` or a negative number to disable the notification auto-closing.\n * @type {number}\n /\n duration: {\n type: Number,\n value: 5000,\n },\n\n /\n True if the notification is currently displayed.\n * @type {boolean}\n /\n opened: {\n type: Boolean,\n value: false,\n notify: true,\n observer: '_openedChanged',\n },\n\n /\n Alignment of the notification in the viewport\n * Valid values are `top-stretch\|top-start\|top-center\|top-end\|middle\|bottom-start\|bottom-center\|bottom-end\|bottom-stretch`\n * @type {!NotificationPosition}\n /\n position: {\n type: String,\n value: 'bottom-start',\n observer: '_positionChanged',\n },\n\n /\n Custom function for rendering the content of the notification.\n * Receives two arguments:\n \n - `root` The `<vaadin-notification-card>` DOM element. Append\n * your content to it.\n * - `notification` The reference to the `<vaadin-notification>` element.\n * @type {!NotificationRenderer \| undefined}\n /\n renderer: Function,\n };\n }\n\n static get observers() {\n return ['_durationChanged(duration, opened)', '_rendererChanged(renderer, opened, _overlayElement)'];\n }\n\n /\n Shows a notification with the given content.\n * By default, positions the notification at `bottom-start` and uses a 5 second duration.\n * An options object can be passed to configure the notification.\n * The options object has the following structure:\n \n ```\n * {\n * position?: string\n * duration?: number\n * theme?: string\n * }\n * ```\n \n See the individual documentation for:\n * - [`position`](#/elements/vaadin-notification#property-position)\n * - [`duration`](#/elements/vaadin-notification#property-duration)\n \n @param contents the contents to show, either as a string or a Lit template.\n * @param options optional options for customizing the notification.\n /\n static show(contents, options) {\n if (isTemplateResult(contents)) {\n return Notification._createAndShowNotification((root) => {\n render(contents, root);\n }, options);\n }\n return Notification._createAndShowNotification((root) => {\n root.innerText = contents;\n }, options);\n }\n\n /* @private /\n static _createAndShowNotification(renderer, options) {\n const notification = document.createElement(Notification.is);\n if (options && Number.isFinite(options.duration)) {\n notification.duration = options.duration;\n }\n if (options && options.position) {\n notification.position = options.position;\n }\n if (options && options.theme) {\n notification.setAttribute('theme', options.theme);\n }\n notification.renderer = renderer;\n document.body.appendChild(notification);\n notification.opened = true;\n\n notification.addEventListener('opened-changed', (e) => {\n if (!e.detail.value) {\n notification.remove();\n }\n });\n\n return notification;\n }\n\n /* @private /\n get _container() {\n if (!Notification._container) {\n Notification._container = document.createElement('vaadin-notification-container');\n document.body.appendChild(Notification._container);\n }\n return Notification._container;\n }\n\n /* @protected /\n get _card() {\n return this._overlayElement;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._overlayElement = this.shadowRoot.querySelector('vaadin-notification-card');\n\n processTemplates(this);\n }\n\n /* @protected /\n disconnectedCallback() {\n super.disconnectedCallback();\n queueMicrotask(() => {\n if (!this.isConnected) {\n this.opened = false;\n }\n });\n }\n\n /\n Requests an update for the content of the notification.\n * While performing the update, it invokes the renderer passed in the `renderer` property.\n \n It is not guaranteed that the update happens immediately (synchronously) after it is requested.\n /\n requestContentUpdate() {\n if (!this.renderer) {\n return;\n }\n\n this.renderer(this._card, this);\n }\n\n /* @private /\n _rendererChanged(renderer, opened, card) {\n if (!card) {\n return;\n }\n\n const rendererChanged = this._oldRenderer !== renderer;\n this._oldRenderer = renderer;\n\n if (rendererChanged) {\n card.innerHTML = '';\n // Whenever a Lit-based renderer is used, it assigns a Lit part to the node it was rendered into.\n // When clearing the rendered content, this part needs to be manually disposed of.\n // Otherwise, using a Lit-based renderer on the same node will throw an exception or render nothing afterward.\n delete card._$litPart$;\n }\n\n if (opened) {\n if (!this._didAnimateNotificationAppend) {\n this._animatedAppendNotificationCard();\n }\n this.requestContentUpdate();\n }\n }\n\n /\n Opens the notification.\n /\n open() {\n this.opened = true;\n }\n\n /\n Closes the notification.\n /\n close() {\n this.opened = false;\n }\n\n /* @private /\n _openedChanged(opened) {\n if (opened) {\n this._container.opened = true;\n this._animatedAppendNotificationCard();\n } else if (this._card) {\n this._closeNotificationCard();\n }\n }\n\n /* @private /\n _animatedAppendNotificationCard() {\n if (this._card) {\n this._card.setAttribute('opening', '');\n this._appendNotificationCard();\n const listener = () => {\n this._card.removeEventListener('animationend', listener);\n this._card.removeAttribute('opening');\n };\n this._card.addEventListener('animationend', listener);\n this._didAnimateNotificationAppend = true;\n } else {\n this._didAnimateNotificationAppend = false;\n }\n }\n\n /* @private /\n _appendNotificationCard() {\n if (!this._card) {\n return;\n }\n\n if (!this._container.shadowRoot.querySelector(`slot[name=\"${this.position}\"]`)) {\n console.warn(`Invalid alignment parameter provided: position=${this.position}`);\n return;\n }\n\n this._card.slot = this.position;\n if (this._container.firstElementChild && /top/u.test(this.position)) {\n this._container.insertBefore(this._card, this._container.firstElementChild);\n } else {\n this._container.appendChild(this._card);\n }\n }\n\n /* @private /\n _removeNotificationCard() {\n if (this._card.parentNode) {\n this._card.parentNode.removeChild(this._card);\n }\n this._card.removeAttribute('closing');\n this._container.opened = Boolean(this._container.firstElementChild);\n }\n\n /* @private /\n _closeNotificationCard() {\n if (this._durationTimeoutId) {\n clearTimeout(this._durationTimeoutId);\n }\n this._animatedRemoveNotificationCard();\n }\n\n /* @private /\n _animatedRemoveNotificationCard() {\n this._card.setAttribute('closing', '');\n const name = getComputedStyle(this._card).getPropertyValue('animation-name');\n if (name && name !== 'none') {\n const listener = () => {\n this._removeNotificationCard();\n this._card.removeEventListener('animationend', listener);\n };\n this._card.addEventListener('animationend', listener);\n } else {\n this._removeNotificationCard();\n }\n }\n\n /* @private /\n _positionChanged() {\n if (this.opened) {\n this._animatedAppendNotificationCard();\n }\n }\n\n /* @private /\n _durationChanged(duration, opened) {\n if (opened) {\n clearTimeout(this._durationTimeoutId);\n if (duration > 0) {\n this._durationTimeoutId = setTimeout(() => this.close(), duration);\n }\n }\n }\n}\n\ndefineCustomElement(NotificationContainer);\ndefineCustomElement(NotificationCard);\ndefineCustomElement(Notification);\n\nexport { Notification };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\n/\n Passes the component to the template renderer callback if the template renderer is imported.\n * Otherwise, if there is a template, it warns that the template renderer needs to be imported.\n \n @param {HTMLElement} component\n /\nexport function processTemplates(component) {\n if (window.Vaadin && window.Vaadin.templateRendererCallback) {\n window.Vaadin.templateRendererCallback(component);\n return;\n }\n\n if (component.querySelector('template')) {\n console.warn(\n `WARNING: <template> inside <${component.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`,\n );\n }\n}\n","/\n @license\n * Copyright (c) 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\n\n/\n A mixin that forwards CSS class names to the internal overlay element\n * by setting the `overlayClass` property or `overlay-class` attribute.\n \n @polymerMixin\n /\nexport const OverlayClassMixin = (superclass) =>\n class OverlayClassMixinClass extends superclass {\n static get properties() {\n return {\n /\n A space-delimited list of CSS class names to set on the overlay element.\n * This property does not affect other CSS class names set manually via JS.\n \n Note, if the CSS class name was set with this property, clearing it will\n * remove it from the overlay, even if the same class name was also added\n * manually, e.g. by using `classList.add()` in the `renderer` function.\n \n @attr {string} overlay-class\n /\n overlayClass: {\n type: String,\n },\n\n /\n An overlay element on which CSS class names are set.\n \n @protected\n /\n _overlayElement: {\n type: Object,\n },\n };\n }\n\n static get observers() {\n return ['__updateOverlayClassNames(overlayClass, _overlayElement)'];\n }\n\n /* @private /\n __updateOverlayClassNames(overlayClass, overlayElement) {\n if (!overlayElement) {\n return;\n }\n\n // Overlay is set but overlayClass is not set\n if (overlayClass === undefined) {\n return;\n }\n\n const { classList } = overlayElement;\n\n if (!this.__initialClasses) {\n this.__initialClasses = new Set(classList);\n }\n\n if (Array.isArray(this.__previousClasses)) {\n // Remove old classes that no longer apply\n const classesToRemove = this.__previousClasses.filter((name) => !this.__initialClasses.has(name));\n if (classesToRemove.length > 0) {\n classList.remove(...classesToRemove);\n }\n }\n\n // Add new classes based on the overlayClass\n const classesToAdd = typeof overlayClass === 'string' ? overlayClass.split(' ').filter(Boolean) : [];\n if (classesToAdd.length > 0) {\n classList.add(...classesToAdd);\n }\n\n this.__previousClasses = classesToAdd;\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport './version.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst colorBase = css`\n :host {\n / Base (background) /\n --lumo-base-color: #fff;\n\n / Tint /\n --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);\n --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);\n --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);\n --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);\n --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);\n --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);\n --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);\n --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);\n --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);\n --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);\n --lumo-tint: #fff;\n\n / Shade /\n --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);\n --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);\n --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);\n --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);\n --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);\n --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);\n --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);\n --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);\n --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);\n --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);\n --lumo-shade: hsl(214, 35%, 15%);\n\n / Contrast /\n --lumo-contrast-5pct: var(--lumo-shade-5pct);\n --lumo-contrast-10pct: var(--lumo-shade-10pct);\n --lumo-contrast-20pct: var(--lumo-shade-20pct);\n --lumo-contrast-30pct: var(--lumo-shade-30pct);\n --lumo-contrast-40pct: var(--lumo-shade-40pct);\n --lumo-contrast-50pct: var(--lumo-shade-50pct);\n --lumo-contrast-60pct: var(--lumo-shade-60pct);\n --lumo-contrast-70pct: var(--lumo-shade-70pct);\n --lumo-contrast-80pct: var(--lumo-shade-80pct);\n --lumo-contrast-90pct: var(--lumo-shade-90pct);\n --lumo-contrast: var(--lumo-shade);\n\n / Text /\n --lumo-header-text-color: var(--lumo-contrast);\n --lumo-body-text-color: var(--lumo-contrast-90pct);\n --lumo-secondary-text-color: var(--lumo-contrast-70pct);\n --lumo-tertiary-text-color: var(--lumo-contrast-50pct);\n --lumo-disabled-text-color: var(--lumo-contrast-30pct);\n\n / Primary /\n --lumo-primary-color: hsl(214, 100%, 48%);\n --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);\n --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);\n --lumo-primary-text-color: hsl(214, 100%, 43%);\n --lumo-primary-contrast-color: #fff;\n\n / Error /\n --lumo-error-color: hsl(3, 85%, 48%);\n --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);\n --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);\n --lumo-error-text-color: hsl(3, 89%, 42%);\n --lumo-error-contrast-color: #fff;\n\n / Success /\n --lumo-success-color: hsl(145, 72%, 30%);\n --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);\n --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);\n --lumo-success-text-color: hsl(145, 85%, 25%);\n --lumo-success-contrast-color: #fff;\n\n / Warning /\n --lumo-warning-color: hsl(48, 100%, 50%);\n --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);\n --lumo-warning-text-color: hsl(32, 100%, 30%);\n --lumo-warning-contrast-color: var(--lumo-shade-90pct);\n }\n\n / forced-colors mode adjustments /\n @media (forced-colors: active) {\n html {\n --lumo-disabled-text-color: GrayText;\n }\n }\n`;\n\naddLumoGlobalStyles('color-props', colorBase);\n\nconst color = css`\n [theme~='dark'] {\n / Base (background) /\n --lumo-base-color: hsl(214, 35%, 21%);\n\n / Tint /\n --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);\n --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);\n --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);\n --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);\n --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);\n --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);\n --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);\n --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);\n --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);\n --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);\n --lumo-tint: hsl(214, 100%, 98%);\n\n / Shade /\n --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);\n --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);\n --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);\n --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);\n --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);\n --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);\n --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);\n --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);\n --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);\n --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);\n --lumo-shade: hsl(214, 33%, 13%);\n\n / Contrast /\n --lumo-contrast-5pct: var(--lumo-tint-5pct);\n --lumo-contrast-10pct: var(--lumo-tint-10pct);\n --lumo-contrast-20pct: var(--lumo-tint-20pct);\n --lumo-contrast-30pct: var(--lumo-tint-30pct);\n --lumo-contrast-40pct: var(--lumo-tint-40pct);\n --lumo-contrast-50pct: var(--lumo-tint-50pct);\n --lumo-contrast-60pct: var(--lumo-tint-60pct);\n --lumo-contrast-70pct: var(--lumo-tint-70pct);\n --lumo-contrast-80pct: var(--lumo-tint-80pct);\n --lumo-contrast-90pct: var(--lumo-tint-90pct);\n --lumo-contrast: var(--lumo-tint);\n\n / Text /\n --lumo-header-text-color: var(--lumo-contrast);\n --lumo-body-text-color: var(--lumo-contrast-90pct);\n --lumo-secondary-text-color: var(--lumo-contrast-70pct);\n --lumo-tertiary-text-color: var(--lumo-contrast-50pct);\n --lumo-disabled-text-color: var(--lumo-contrast-30pct);\n\n / Primary /\n --lumo-primary-color: hsl(214, 90%, 48%);\n --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);\n --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);\n --lumo-primary-text-color: hsl(214, 90%, 77%);\n --lumo-primary-contrast-color: #fff;\n\n / Error /\n --lumo-error-color: hsl(3, 79%, 49%);\n --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);\n --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);\n --lumo-error-text-color: hsl(3, 100%, 80%);\n\n / Success /\n --lumo-success-color: hsl(145, 72%, 30%);\n --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);\n --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);\n --lumo-success-text-color: hsl(145, 85%, 46%);\n\n / Warning /\n --lumo-warning-color: hsl(43, 100%, 48%);\n --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);\n --lumo-warning-text-color: hsl(45, 100%, 60%);\n --lumo-warning-contrast-color: var(--lumo-shade-90pct);\n }\n\n html {\n color: var(--lumo-body-text-color);\n background-color: var(--lumo-base-color);\n color-scheme: light;\n }\n\n [theme~='dark'] {\n color: var(--lumo-body-text-color);\n background-color: var(--lumo-base-color);\n color-scheme: dark;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--lumo-header-text-color);\n }\n\n a:where(:any-link) {\n color: var(--lumo-primary-text-color);\n }\n\n a:not(:any-link) {\n color: var(--lumo-disabled-text-color);\n }\n\n blockquote {\n color: var(--lumo-secondary-text-color);\n }\n\n code,\n pre {\n background-color: var(--lumo-contrast-10pct);\n border-radius: var(--lumo-border-radius-m);\n }\n`;\n\nregisterStyles('', color, { moduleId: 'lumo-color' });\n\nexport { colorBase, color };\n","import{_$LH as o}from\"./lit-html.js\";\n/\n @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n /const{I:t}=o,i=o=>null===o\|\|\"object\"!=typeof o&&\"function\"!=typeof o,n={HTML:1,SVG:2,MATHML:3},e=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,l=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,d=o=>o?._$litDirective$,f=o=>void 0===o.strings,s=()=>document.createComment(\"\"),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options)}else{const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t)}if(t!==l\|\|c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u={},m=(o,t=u)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o}},h=o=>{o._$AR()};export{n as TemplateResultType,h as clearPart,p as getCommittedValue,d as getDirectiveClass,r as insertPart,l as isCompiledTemplateResult,c as isDirectiveResult,i as isPrimitive,f as isSingleExpression,e as isTemplateResult,M as removePart,v as setChildPartValue,m as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport './version.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst font = css`\n :host {\n / prettier-ignore /\n --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n\n / Font sizes /\n --lumo-font-size-xxs: 0.75rem;\n --lumo-font-size-xs: 0.8125rem;\n --lumo-font-size-s: 0.875rem;\n --lumo-font-size-m: 1rem;\n --lumo-font-size-l: 1.125rem;\n --lumo-font-size-xl: 1.375rem;\n --lumo-font-size-xxl: 1.75rem;\n --lumo-font-size-xxxl: 2.5rem;\n\n / Line heights /\n --lumo-line-height-xs: 1.25;\n --lumo-line-height-s: 1.375;\n --lumo-line-height-m: 1.625;\n }\n`;\n\nconst typography = css`\n body,\n :host {\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n line-height: var(--lumo-line-height-m);\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n small,\n [theme~='font-size-s'] {\n font-size: var(--lumo-font-size-s);\n line-height: var(--lumo-line-height-s);\n }\n\n [theme~='font-size-xs'] {\n font-size: var(--lumo-font-size-xs);\n line-height: var(--lumo-line-height-xs);\n }\n\n :where(h1, h2, h3, h4, h5, h6) {\n font-weight: 600;\n line-height: var(--lumo-line-height-xs);\n margin-block: 0;\n }\n\n :where(h1) {\n font-size: var(--lumo-font-size-xxxl);\n }\n\n :where(h2) {\n font-size: var(--lumo-font-size-xxl);\n }\n\n :where(h3) {\n font-size: var(--lumo-font-size-xl);\n }\n\n :where(h4) {\n font-size: var(--lumo-font-size-l);\n }\n\n :where(h5) {\n font-size: var(--lumo-font-size-m);\n }\n\n :where(h6) {\n font-size: var(--lumo-font-size-xs);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n }\n\n p,\n blockquote {\n margin-top: 0.5em;\n margin-bottom: 0.75em;\n }\n\n a {\n text-decoration: none;\n }\n\n a:where(:any-link):hover {\n text-decoration: underline;\n }\n\n hr {\n display: block;\n align-self: stretch;\n height: 1px;\n border: 0;\n padding: 0;\n margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);\n background-color: var(--lumo-contrast-10pct);\n }\n\n blockquote {\n border-left: 2px solid var(--lumo-contrast-30pct);\n }\n\n b,\n strong {\n font-weight: 600;\n }\n\n / RTL specific styles */\n blockquote[dir='rtl'] {\n border-left: none;\n border-right: 2px solid var(--lumo-contrast-30pct);\n }\n`;\n\nregisterStyles('', typography, { moduleId: 'lumo-typography' });\naddLumoGlobalStyles('typography-props', font);\n\nexport { font, typography };\n"],"names":["style","testUserAgent","regexp","test","navigator","userAgent","testPlatform","platform","isAndroid","isChrome","vendor","isFirefox","isIPad","maxTouchPoints","isIOS","isSafari","isTouch","document","createEvent","e","spacing","moduleId","NotificationContainer","template","is","properties","opened","type","Boolean","value","observer","constructor","super","this","_boundVaadinOverlayClose","_onVaadinOverlayClose","bind","_boundIosResizeListener","_detectIosNavbar","_openedChanged","body","appendChild","addEventListener","window","removeChild","removeEventListener","innerHeight","landscape","innerWidth","clientHeight","documentElement","bottom","event","sourceEvent","detail","composedPath","indexOf","preventDefault","NotificationCard","ready","setAttribute","Notification","duration","Number","notify","position","String","renderer","Function","observers","show","contents","options","_createAndShowNotification","root","innerText","notification","createElement","isFinite","theme","remove","_container","_card","_overlayElement","shadowRoot","querySelector","disconnectedCallback","queueMicrotask","isConnected","requestContentUpdate","_rendererChanged","card","rendererChanged","_oldRenderer","innerHTML","_$litPart$","_didAnimateNotificationAppend","_animatedAppendNotificationCard","open","close","_closeNotificationCard","_appendNotificationCard","listener","removeAttribute","slot","firstElementChild","insertBefore","console","warn","_removeNotificationCard","parentNode","_durationTimeoutId","clearTimeout","_animatedRemoveNotificationCard","name","getComputedStyle","getPropertyValue","_positionChanged","_durationChanged","setTimeout","processTemplates","component","Vaadin","templateRendererCallback","localName","OverlayClassMixin","superclass","overlayClass","Object","__updateOverlayClassNames","overlayElement","undefined","classList","__initialClasses","Set","Array","isArray","__previousClasses","classesToRemove","filter","has","length","classesToAdd","split","add","colorBase","color","I","t","n","HTML","SVG","MATHML","o","_$litType$","font","typography"],"sourceRoot":""}

package/dist/umd/{384.js → 9117.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-/*! For license information please see 384.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[384],{4080:(e,t,o)=>{o.d(t,{CI:()=>c,H8:()=>n,gm:()=>a,m0:()=>s,nr:()=>h,un:()=>d});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),l=i(/^iPad/u)||i(/^Mac/u)&&navigator.maxTouchPoints>1,d=i(/^iPhone/u)||l,h=r(/^((?!chrome|android).)*safari/iu),c=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})()},5948:(e,t,o)=>{var r=o(40211);(0,o(87550).SF)("vaadin-overlay",r.L,{moduleId:"lumo-vaadin-overlay"}),o(89281)},21255:(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})},30025:(e,t,o)=>{o.d(t,{Qj:()=>h,aJ:()=>s,dw:()=>i,iq:()=>u,n8:()=>d});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 l(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)}(l(e.slice(0,o)),l(e.slice(o)))}function d(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)?l(t):t}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},55774:(e,t,o)=>{o.d(t,{w:()=>r});const r=(0,o(98741).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)}}))},69117:(e,t,o)=>{o(5948),o(9433);var r=o(40211),i=o(87550);const s=i.AH`
+/*! For license information please see 9117.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9117],{4080:(e,t,r)=>{r.d(t,{CI:()=>p,H8:()=>a,gm:()=>n,m0:()=>s,nr:()=>h,un:()=>l});const o=e=>e.test(navigator.userAgent),i=e=>e.test(navigator.platform),s=o(/Android/u),a=o(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),n=o(/Firefox/u),d=i(/^iPad/u)||i(/^Mac/u)&&navigator.maxTouchPoints>1,l=i(/^iPhone/u)||d,h=o(/^((?!chrome|android).)*safari/iu),p=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})()},5948:(e,t,r)=>{var o=r(40211);(0,r(87550).SF)("vaadin-overlay",o.L,{moduleId:"lumo-vaadin-overlay"}),r(89281)},21255:(e,t,r)=>{function o(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.`)}r.d(t,{h:()=>o})},69117:(e,t,r)=>{r(5948),r(9433);var o=r(40211),i=r(87550);const s=i.AH`
   /* Optical centering */
   :host::before,
   :host::after {
@@ -97,7 +97,7 @@
       transform: scale(1.02);
     }
   }
-`;(0,i.SF)("vaadin-dialog-overlay",[r.L,s],{moduleId:"lumo-dialog"});var n=o(13256),a=o(82901),l=o(23927),d=o(5072),h=o(24473);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(51450);const p=u.AH`
+`;(0,i.SF)("vaadin-dialog-overlay",[o.L,s],{moduleId:"lumo-dialog"});var a=r(13256),n=r(82901),d=r(23927),l=r(5072),h=r(24473);const p=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,r){const o=this.__oldHeaderRenderer!==e;this.__oldHeaderRenderer=e;const i=this.__oldFooterRenderer!==t;this.__oldFooterRenderer=t;const s=this._oldOpenedFooterHeader!==r;this._oldOpenedFooterHeader=r,this.toggleAttribute("has-header",!!e),this.toggleAttribute("has-footer",!!t),o&&(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&&(o||s)||t&&(i||s))&&r&&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,r={...e};"absolute"!==t.style.position&&(t.style.position="absolute",this.setAttribute("has-bounds-set","")),Object.keys(r).forEach((e=>{"number"==typeof r[e]&&(r[e]=`${r[e]}px`)})),Object.assign(t.style,r)}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 c=r(51450);const u=c.AH`
   [part='header'],
   [part='header-content'],
   [part='footer'] {
@@ -175,7 +175,7 @@
       outline: 3px solid !important;
     }
   }
-`,v=u.AH`
+`,v=c.AH`
   [part='overlay'] {
     position: relative;
     overflow: visible;
@@ -268,7 +268,7 @@
     left: -4px;
     cursor: nwse-resize;
   }
-`;(0,i.SF)("vaadin-dialog-overlay",[d.B,p,v],{moduleId:"vaadin-dialog-overlay-styles"});class m extends(c((0,l.v)((0,i.cp)(n.Pu)))){static get is(){return"vaadin-dialog-overlay"}static get template(){return n.qy`
+`;(0,i.SF)("vaadin-dialog-overlay",[l.B,u,v],{moduleId:"vaadin-dialog-overlay-styles"});class g extends(p((0,d.v)((0,i.cp)(a.Pu)))){static get is(){return"vaadin-dialog-overlay"}static get template(){return a.qy`
       <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
       <div part="overlay" id="overlay" tabindex="0">
         <section id="resizerContainer" class="resizer-container">
@@ -280,7 +280,7 @@
           <footer part="footer"><slot name="footer"></slot></footer>
         </section>
       </div>
-    `}}(0,a.X)(m);var g=o(90676),f=o(55341),y=o(21255),_=o(75365);const b=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 w=o(4080);function z(e){return e.touches?e.touches[0]:e}function C(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:w.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=z(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=z(e);if(C(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=z(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=z(e);if(C(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(b((0,f.i)((0,_._)((0,g.q)(n.Pu)))))))){static get template(){return n.qy`
+    `}}(0,n.X)(g);var m=r(90676),_=r(55341),y=r(21255),f=r(75365);const b=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 w=r(4080);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:w.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,r=e.target===t,o=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 r=e.classList.contains(this.__dragHandleClassName||"draggable"),o=e.classList.contains("draggable-leaf-only"),i=0===t;return o&&i||r&&(!o||i)}));if(r&&!o||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),r=this._originalBounds.left+(t.pageX-this._originalMouseCoords.left);this.$.overlay.setBounds({top:e,left:r})}}_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 r=C(e);this._originalMouseCoords={top:r.pageY,left:r.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 r=C(e);if(z(r)){const e=40;t.split("").forEach((t=>{switch(t){case"n":{const t=this._originalBounds.height-(r.pageY-this._originalMouseCoords.top),o=this._originalBounds.top+(r.pageY-this._originalMouseCoords.top);t>e&&this.$.overlay.setBounds({top:o,height:t});break}case"e":{const t=this._originalBounds.width+(r.pageX-this._originalMouseCoords.left);t>e&&this.$.overlay.setBounds({width:t});break}case"s":{const t=this._originalBounds.height+(r.pageY-this._originalMouseCoords.top);t>e&&this.$.overlay.setBounds({height:t});break}case"w":{const t=this._originalBounds.width-(r.pageX-this._originalMouseCoords.left),o=this._originalBounds.left+(r.pageX-this._originalMouseCoords.left);t>e&&this.$.overlay.setBounds({left:o,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:r}=getComputedStyle(this.$.overlay.$.overlay),o=this.$.overlay.$.content;o.setAttribute("style","position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: content-box; height: auto;");const{width:i,height:s}=getComputedStyle(o);return o.removeAttribute("style"),this.$.overlay.$.resizerContainer.scrollTop=e,{width:t,height:r,contentWidth:i,contentHeight:s}}};class $ extends(x(L(E(b((0,_.i)((0,f._)((0,m.q)(a.Pu)))))))){static get template(){return a.qy`
       <style>
         :host {
           display: none !important;
@@ -300,124 +300,12 @@
         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,y.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)},83315:(e,t,o)=>{o(88660);var r=o(87550),i=o(36411);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)},89281:(e,t,o)=>{o.d(t,{h:()=>h});var r=o(13256),i=o(82901),s=o(23927),n=o(21255),a=o(87550),l=o(24473),d=o(5072);(0,a.SF)("vaadin-overlay",d.B,{moduleId:"vaadin-overlay-styles"});class h extends((0,l.c)((0,a.cp)((0,s.v)(r.Pu)))){static get template(){return r.qy`
+    `}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,y.h)(this)}_rendererChanged(e,t,r){this.$.overlay.setProperties({owner:this,renderer:e,headerRenderer:t,footerRenderer:r})}_openedChanged(e){this.$.overlay.opened=e}_ariaLabelChanged(e,t){e||t?this.$.overlay.setAttribute("aria-label",e||t):this.$.overlay.removeAttribute("aria-label")}}(0,n.X)($)},89281:(e,t,r)=>{r.d(t,{h:()=>h});var o=r(13256),i=r(82901),s=r(23927),a=r(21255),n=r(87550),d=r(24473),l=r(5072);(0,n.SF)("vaadin-overlay",l.B,{moduleId:"vaadin-overlay-styles"});class h extends((0,d.c)((0,n.cp)((0,s.v)(o.Pu)))){static get template(){return o.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)}}]);
-//# sourceMappingURL=384.js.map
+    `}static get is(){return"vaadin-overlay"}ready(){super.ready(),(0,a.h)(this)}}(0,i.X)(h)}}]);
+//# sourceMappingURL=9117.js.map