@descope/web-components-ui 3.20.3 → 3.21.0

package/dist/umd/8983.js.map

@@ -1 +1 @@
-{"version":3,"file":"8983.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/browser-utils.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/overlay-class-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/templates.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/notification/theme/lumo/vaadin-notification-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/notification/src/vaadin-notification.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/color.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/spacing.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/style.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/typography.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/lit-html/directive-helpers.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","/**\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) 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","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) 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","/**\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","/**\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) 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","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=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n"],"names":["testUserAgent","regexp","test","navigator","userAgent","testPlatform","platform","isAndroid","isChrome","vendor","isFirefox","isIPad","maxTouchPoints","isIOS","isSafari","isTouch","document","createEvent","e","OverlayClassMixin","superclass","properties","overlayClass","type","String","_overlayElement","Object","observers","__updateOverlayClassNames","overlayElement","undefined","classList","this","__initialClasses","Set","Array","isArray","__previousClasses","classesToRemove","filter","name","has","length","remove","classesToAdd","split","Boolean","add","processTemplates","component","window","Vaadin","templateRendererCallback","querySelector","console","warn","localName","vaadin_themable_mixin","SF","AH","moduleId","NotificationContainer","cp","element_mixin","q","polymer_element","Pu","template","qy","is","opened","value","observer","constructor","super","_boundVaadinOverlayClose","_onVaadinOverlayClose","bind","browser_utils","un","_boundIosResizeListener","_detectIosNavbar","_openedChanged","body","appendChild","addEventListener","removeChild","removeEventListener","innerHeight","landscape","innerWidth","clientHeight","documentElement","style","bottom","event","sourceEvent","detail","composedPath","indexOf","preventDefault","NotificationCard","ready","setAttribute","Notification","overlay_class_mixin","i","vaadin_theme_property_mixin","_","duration","Number","notify","position","renderer","Function","show","contents","options","directive_helpers","qb","_createAndShowNotification","root","lit","XX","innerText","notification","createElement","isFinite","theme","_container","_card","shadowRoot","templates","h","disconnectedCallback","queueMicrotask","isConnected","requestContentUpdate","_rendererChanged","card","rendererChanged","_oldRenderer","innerHTML","_$litPart$","_didAnimateNotificationAppend","_animatedAppendNotificationCard","open","close","_closeNotificationCard","_appendNotificationCard","listener","removeAttribute","slot","firstElementChild","insertBefore","_removeNotificationCard","parentNode","_durationTimeoutId","clearTimeout","_animatedRemoveNotificationCard","getComputedStyle","getPropertyValue","_positionChanged","_durationChanged","setTimeout","src_define","X","colorBase","_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__","_global_js__WEBPACK_IMPORTED_MODULE_2__","color","spacing","font","typography","I","t","lit_html","ge","HTML","SVG","MATHML","l","o","_$litType$"],"sourceRoot":""}
+{"version":3,"file":"8983.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/browser-utils.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/overlay-class-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/templates.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/notification/theme/lumo/vaadin-notification-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/notification/src/vaadin-notification.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/typography.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/lit-html/directive-helpers.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","/**\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) 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","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) 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","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=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n"],"names":["testUserAgent","regexp","test","navigator","userAgent","testPlatform","platform","isAndroid","isChrome","vendor","isFirefox","isIPad","maxTouchPoints","isIOS","isSafari","isTouch","document","createEvent","e","OverlayClassMixin","superclass","properties","overlayClass","type","String","_overlayElement","Object","observers","__updateOverlayClassNames","overlayElement","undefined","classList","this","__initialClasses","Set","Array","isArray","__previousClasses","classesToRemove","filter","name","has","length","remove","classesToAdd","split","Boolean","add","processTemplates","component","window","Vaadin","templateRendererCallback","querySelector","console","warn","localName","vaadin_themable_mixin","SF","AH","moduleId","NotificationContainer","cp","element_mixin","q","polymer_element","Pu","template","qy","is","opened","value","observer","constructor","super","_boundVaadinOverlayClose","_onVaadinOverlayClose","bind","browser_utils","un","_boundIosResizeListener","_detectIosNavbar","_openedChanged","body","appendChild","addEventListener","removeChild","removeEventListener","innerHeight","landscape","innerWidth","clientHeight","documentElement","style","bottom","event","sourceEvent","detail","composedPath","indexOf","preventDefault","NotificationCard","ready","setAttribute","Notification","overlay_class_mixin","i","vaadin_theme_property_mixin","_","duration","Number","notify","position","renderer","Function","show","contents","options","directive_helpers","qb","_createAndShowNotification","root","lit","XX","innerText","notification","createElement","isFinite","theme","_container","_card","shadowRoot","templates","h","disconnectedCallback","queueMicrotask","isConnected","requestContentUpdate","_rendererChanged","card","rendererChanged","_oldRenderer","innerHTML","_$litPart$","_didAnimateNotificationAppend","_animatedAppendNotificationCard","open","close","_closeNotificationCard","_appendNotificationCard","listener","removeAttribute","slot","firstElementChild","insertBefore","_removeNotificationCard","parentNode","_durationTimeoutId","clearTimeout","_animatedRemoveNotificationCard","getComputedStyle","getPropertyValue","_positionChanged","_durationChanged","setTimeout","src_define","X","font","_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__","typography","_global_js__WEBPACK_IMPORTED_MODULE_2__","I","t","lit_html","ge","HTML","SVG","MATHML","l","o","_$litType$"],"sourceRoot":""}

package/dist/umd/9030.js

@@ -0,0 +1,339 @@
+/*! For license information please see 9030.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1411,3792,4268,6649,7125,9030,9506],{5745(t,e,o){o.d(e,{i:()=>r});const r=(0,o(98741).y)(t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}})},7888(t,e,o){o.d(e,{f:()=>r});const r=(0,o(98741).y)(t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",t=>{this._onKeyDown(t)}),this.addEventListener("keyup",t=>{this._onKeyUp(t)})}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}})},36176(t,e,o){o.d(e,{l:()=>a});var r=o(5745);const a=t=>class extends((0,r.i)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},89389(t,e,o){o.d(e,{$:()=>b});var r=o(13256),a=o(55774),i=o(82901),n=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
+  :host {
+    display: inline-block;
+    position: relative;
+    outline: none;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  /* Aligns the button with form fields when placed on the same line.
+  Note, to make it work, the form fields should have the same "::before" pseudo-element. */
+  .vaadin-button-container::before {
+    content: '\\2003';
+    display: inline-block;
+    width: 0;
+    max-height: 100%;
+  }
+
+  .vaadin-button-container {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    text-shadow: inherit;
+  }
+
+  [part='prefix'],
+  [part='suffix'] {
+    flex: none;
+  }
+
+  [part='label'] {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      outline: 1px solid;
+      outline-offset: -1px;
+    }
+
+    :host([focused]) {
+      outline-width: 2px;
+    }
+
+    :host([disabled]) {
+      outline-color: GrayText;
+    }
+  }
+`;var c=o(84467),u=o(53149),h=o(36176);const m=t=>class extends((0,c.e)((0,h.l)((0,u.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.q)((0,l.cp)((0,a.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
+  <div class="vaadin-button-container">
+    <span part="prefix" aria-hidden="true">
+      <slot name="prefix"></slot>
+    </span>
+    <span part="label">
+      <slot></slot>
+    </span>
+    <span part="suffix" aria-hidden="true">
+      <slot name="suffix"></slot>
+    </span>
+  </div>
+  <slot name="tooltip"></slot>
+`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(b)},93555(t,e,o){o.d(e,{x:()=>a}),o(64511),o(42068),o(9433),o(3241),o(83315);var r=o(87550);const a=r.AH`
+  :host {
+    /* Sizing */
+    --lumo-button-size: var(--lumo-size-m);
+    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));
+    height: var(--_button-size);
+    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));
+    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);
+    box-sizing: border-box;
+    /* Style */
+    font-family: var(--lumo-font-family);
+    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));
+    font-weight: var(--vaadin-button-font-weight, 500);
+    color: var(--_lumo-button-text-color);
+    background: var(--_lumo-button-background);
+    border: var(--vaadin-button-border, none);
+    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));
+    cursor: var(--lumo-clickable-cursor);
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    flex-shrink: 0;
+    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));
+    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
+    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
+    /* Used by notification */
+    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));
+    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));
+    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));
+    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));
+  }
+
+  /* Set only for the internal parts so we don't affect the host vertical alignment */
+  [part='label'],
+  [part='prefix'],
+  [part='suffix'] {
+    line-height: var(--lumo-line-height-xs);
+  }
+
+  [part='label'] {
+    padding: calc(var(--lumo-button-size) / 6) 0;
+  }
+
+  :host([theme~='small']) {
+    font-size: var(--lumo-font-size-s);
+    --lumo-button-size: var(--lumo-size-s);
+  }
+
+  :host([theme~='large']) {
+    font-size: var(--lumo-font-size-l);
+    --lumo-button-size: var(--lumo-size-l);
+  }
+
+  /* For interaction states */
+  :host::before,
+  :host::after {
+    content: '';
+    /* We rely on the host always being relative */
+    position: absolute;
+    z-index: 1;
+    inset: 0;
+    background-color: currentColor;
+    border-radius: inherit;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  /* Hover */
+
+  @media (any-hover: hover) {
+    :host(:hover)::before {
+      opacity: 0.02;
+    }
+  }
+
+  /* Active */
+
+  :host::after {
+    transition: opacity 1.4s, transform 0.1s;
+    filter: blur(8px);
+  }
+
+  :host([active])::before {
+    opacity: 0.05;
+    transition-duration: 0s;
+  }
+
+  :host([active])::after {
+    opacity: 0.1;
+    transition-duration: 0s, 0s;
+    transform: scale(0);
+  }
+
+  /* Keyboard focus */
+
+  :host([focus-ring]) {
+    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
+  }
+
+  :host([theme~='primary'][focus-ring]) {
+    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
+  }
+
+  /* Types (primary, tertiary, tertiary-inline */
+
+  :host([theme~='tertiary']),
+  :host([theme~='tertiary-inline']) {
+    --_background: transparent !important;
+    background: var(--vaadin-button-tertiary-background, var(--_background));
+    min-width: 0;
+  }
+
+  :host([theme~='tertiary']) {
+    border: var(--vaadin-button-tertiary-border, none);
+    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));
+    font-weight: var(--vaadin-button-tertiary-font-weight, 500);
+    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));
+  }
+
+  :host([theme~='tertiary-inline'])::before {
+    display: none;
+  }
+
+  :host([theme~='tertiary-inline']) {
+    margin: 0;
+    height: auto;
+    padding: 0;
+    line-height: inherit;
+    font-size: inherit;
+  }
+
+  :host([theme~='tertiary-inline']) [part='label'] {
+    padding: 0;
+    overflow: visible;
+    line-height: inherit;
+  }
+
+  :host([theme~='primary']) {
+    background: var(--_lumo-button-primary-background);
+    border: var(--vaadin-button-primary-border, none);
+    color: var(--_lumo-button-primary-text-color);
+    font-weight: var(--vaadin-button-primary-font-weight, 600);
+    min-width: calc(var(--lumo-button-size) * 2.5);
+  }
+
+  :host([theme~='primary'])::before {
+    background-color: black;
+  }
+
+  @media (any-hover: hover) {
+    :host([theme~='primary']:hover)::before {
+      opacity: 0.05;
+    }
+  }
+
+  :host([theme~='primary'][active])::before {
+    opacity: 0.1;
+  }
+
+  :host([theme~='primary'][active])::after {
+    opacity: 0.2;
+  }
+
+  /* Colors (success, error, contrast) */
+
+  :host([theme~='success']) {
+    color: var(--lumo-success-text-color);
+  }
+
+  :host([theme~='success'][theme~='primary']) {
+    background-color: var(--lumo-success-color);
+    color: var(--lumo-success-contrast-color);
+  }
+
+  :host([theme~='error']) {
+    color: var(--lumo-error-text-color);
+  }
+
+  :host([theme~='error'][theme~='primary']) {
+    background-color: var(--lumo-error-color);
+    color: var(--lumo-error-contrast-color);
+  }
+
+  :host([theme~='contrast']) {
+    color: var(--lumo-contrast);
+  }
+
+  :host([theme~='contrast'][theme~='primary']) {
+    background-color: var(--lumo-contrast);
+    color: var(--lumo-base-color);
+  }
+
+  /* Disabled state. Keep selectors after other color variants. */
+
+  :host([disabled]) {
+    pointer-events: none;
+    color: var(--lumo-disabled-text-color);
+  }
+
+  :host([theme~='primary'][disabled]) {
+    background-color: var(--lumo-contrast-30pct);
+    color: var(--lumo-base-color);
+  }
+
+  :host([theme~='primary'][disabled]) [part] {
+    opacity: 0.7;
+  }
+
+  /* Icons */
+
+  [part] ::slotted(vaadin-icon) {
+    display: inline-block;
+    width: var(--lumo-icon-size-m);
+    height: var(--lumo-icon-size-m);
+  }
+
+  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
+    padding: 0.25em;
+    box-sizing: border-box !important;
+  }
+
+  [part='prefix'] {
+    margin-left: -0.25em;
+    margin-right: 0.25em;
+  }
+
+  [part='suffix'] {
+    margin-left: 0.25em;
+    margin-right: -0.25em;
+  }
+
+  /* Icon-only */
+
+  :host([theme~='icon']:not([theme~='tertiary-inline'])) {
+    min-width: var(--lumo-button-size);
+    padding-left: calc(var(--lumo-button-size) / 4);
+    padding-right: calc(var(--lumo-button-size) / 4);
+  }
+
+  :host([theme~='icon']) [part='prefix'],
+  :host([theme~='icon']) [part='suffix'] {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  /* RTL specific styles */
+
+  :host([dir='rtl']) [part='prefix'] {
+    margin-left: 0.25em;
+    margin-right: -0.25em;
+  }
+
+  :host([dir='rtl']) [part='suffix'] {
+    margin-left: -0.25em;
+    margin-right: 0.25em;
+  }
+
+  :host([dir='rtl'][theme~='icon']) [part='prefix'],
+  :host([dir='rtl'][theme~='icon']) [part='suffix'] {
+    margin-left: 0;
+    margin-right: 0;
+  }
+`;(0,r.SF)("vaadin-button",a,{moduleId:"lumo-button"})},83799(t,e,o){o(93555),o(89389)}}]);
+//# sourceMappingURL=9030.js.map

package/dist/umd/9030.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */