@descope/web-components-ui 1.32.0 → 1.34.0

package/dist/umd/{4127.js → 4518.js}

@@ -1,5 +1,5 @@
-/*! For license information please see 4127.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4127,5691],{84312:(t,o,e)=>{e.d(o,{$:()=>p});var r=e(98633),a=e(56096),i=e(65211),n=e(27150),s=e(83798),l=e(57224);const d=e(44720).AH`
+/*! For license information please see 4518.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4518,5691],{89389:(t,o,e)=>{e.d(o,{$:()=>p});var r=e(13256),a=e(55774),i=e(82901),n=e(90676),s=e(81488),l=e(87550);const d=e(51450).AH`
   :host {
     display: inline-block;
     position: relative;
@@ -59,7 +59,7 @@
       outline-color: GrayText;
     }
   }
-`;var c=e(63437),u=e(73595),m=e(45898);const h=t=>class extends((0,c.e)((0,m.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 p extends(h((0,n.q)((0,l.cp)((0,a.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
+`;var c=e(84467),u=e(53149),m=e(36176);const h=t=>class extends((0,c.e)((0,m.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 p extends(h((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>
@@ -72,7 +72,7 @@
     </span>
   </div>
   <slot name="tooltip"></slot>
-`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(p)},89685:(t,o,e)=>{e.d(o,{x:()=>a}),e(44497),e(4082),e(19155),e(40999),e(52301);var r=e(57224);const a=r.AH`
+`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(p)},93555:(t,o,e)=>{e.d(o,{x:()=>a}),e(64511),e(42068),e(9433),e(3241),e(83315);var r=e(87550);const a=r.AH`
   :host {
     /* Sizing */
     --lumo-button-size: var(--lumo-size-m);
@@ -335,7 +335,7 @@
     margin-left: 0;
     margin-right: 0;
   }
-`;(0,r.SF)("vaadin-button",a,{moduleId:"lumo-button"})},55093:(t,o,e)=>{e(89685),e(84312)},91011:(t,o,e)=>{e(73593),e(97612),e(67239),e(34123);var r=e(80704),a=e(57224);const i=a.AH`
+`;(0,r.SF)("vaadin-button",a,{moduleId:"lumo-button"})},83799:(t,o,e)=>{e(93555),e(89389)},1632:(t,o,e)=>{e(52915),e(54886),e(27397),e(25244);var r=e(47642),a=e(87550);const i=a.AH`
   :host {
     outline: none;
   }
@@ -343,7 +343,7 @@
   [part='toggle-button']::before {
     content: var(--lumo-icons-dropdown);
   }
-`;(0,a.SF)("vaadin-combo-box",[r.k,i],{moduleId:"lumo-combo-box"}),e(94009);var n=e(98633),s=e(65211),l=e(38785),d=e(14495);class c extends((0,d.y)((0,a.cp)((0,l.v)(n.Pu)))){static get template(){return n.qy`
+`;(0,a.SF)("vaadin-combo-box",[r.k,i],{moduleId:"lumo-combo-box"}),e(86689);var n=e(13256),s=e(82901),l=e(23927),d=e(79769);class c extends((0,d.y)((0,a.cp)((0,l.v)(n.Pu)))){static get template(){return n.qy`
       <style>
         :host {
           display: block;
@@ -357,7 +357,7 @@
       <div part="content">
         <slot></slot>
       </div>
-    `}static get is(){return"vaadin-combo-box-item"}}(0,s.X)(c);var u=e(6019),m=e(31146),h=e(31278);const p=a.AH`
+    `}static get is(){return"vaadin-combo-box-item"}}(0,s.X)(c);var u=e(24473),m=e(5072),h=e(32888);const p=a.AH`
   #overlay {
     width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));
   }
@@ -373,7 +373,7 @@
         <div part="loader"></div>
         <div part="content" id="content"><slot></slot></div>
       </div>
-    `}}(0,s.X)(v);var b=e(82642);class g extends((0,b.N)(n.Pu)){static get is(){return"vaadin-combo-box-scroller"}static get template(){return n.qy`
+    `}}(0,s.X)(v);var b=e(70616);class g extends((0,b.N)(n.Pu)){static get is(){return"vaadin-combo-box-scroller"}static get template(){return n.qy`
       <style>
         :host {
           display: block;
@@ -400,7 +400,7 @@
       <div id="selector">
         <slot></slot>
       </div>
-    `}}(0,s.X)(g);var y=e(27150),f=e(83798),x=e(60354),w=e(21860),_=e(19074),k=e(45446);const z=t=>class extends((0,k.U)(t)){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}};var C=e(9685),S=e(79372),A=e(34060);(0,a.SF)("vaadin-combo-box",C.k,{moduleId:"vaadin-combo-box-styles"});class K extends((0,S.K)((0,A.x)(z((0,x.R)((0,a.cp)((0,y.q)(n.Pu))))))){static get is(){return"vaadin-combo-box"}static get template(){return n.qy`
+    `}}(0,s.X)(g);var y=e(90676),f=e(81488),x=e(44218),w=e(18330),_=e(37720),k=e(83304);const z=t=>class extends((0,k.U)(t)){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}};var C=e(86314),S=e(11402),A=e(65909);(0,a.SF)("vaadin-combo-box",C.k,{moduleId:"vaadin-combo-box-styles"});class K extends((0,S.K)((0,A.x)(z((0,x.R)((0,a.cp)((0,y.q)(n.Pu))))))){static get is(){return"vaadin-combo-box"}static get template(){return n.qy`
       <style>
         :host([opened]) {
           pointer-events: auto;
@@ -446,4 +446,5 @@
       ></vaadin-combo-box-overlay>
 
       <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new w.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new _.q(this.inputElement,this._labelController)),this._tooltipController=new f.I(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const o=t.composedPath();(o.includes(this._labelNode)||o.includes(this._positionTarget))&&super._onHostClick(t)}}(0,s.X)(K)}}]);
+    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new w.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new _.q(this.inputElement,this._labelController)),this._tooltipController=new f.I(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const o=t.composedPath();(o.includes(this._labelNode)||o.includes(this._positionTarget))&&super._onHostClick(t)}}(0,s.X)(K)}}]);
+//# sourceMappingURL=4518.js.map

package/dist/umd/4518.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4518.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/combo-box/theme/lumo/vaadin-combo-box-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/combo-box/src/vaadin-combo-box-item.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/combo-box/src/vaadin-combo-box-overlay.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/combo-box/src/vaadin-combo-box-scroller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/pattern-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/combo-box/src/vaadin-combo-box.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\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 { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.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\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n","import '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport '@vaadin/vaadin-lumo-styles/font-icons.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst comboBox = css`\n  :host {\n    outline: none;\n  }\n\n  [part='toggle-button']::before {\n    content: var(--lumo-icons-dropdown);\n  }\n`;\n\nregisterStyles('vaadin-combo-box', [inputFieldShared, comboBox], { moduleId: 'lumo-combo-box' });\n","/**\n * @license\n * Copyright (c) 2015 - 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 { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';\nimport { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { ComboBoxItemMixin } from './vaadin-combo-box-item-mixin.js';\n\n/**\n * An item element used by the `<vaadin-combo-box>` dropdown.\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name   | Description\n * ------------|--------------\n * `checkmark` | The graphical checkmark shown for a selected item\n * `content`   | The element that wraps the item content\n *\n * The following state attributes are exposed for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `selected`   | Set when the item is selected\n * `focused`    | Set when the item is focused\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @mixes ComboBoxItemMixin\n * @mixes ThemableMixin\n * @mixes DirMixin\n * @private\n */\nexport class ComboBoxItem extends ComboBoxItemMixin(ThemableMixin(DirMixin(PolymerElement))) {\n  static get template() {\n    return html`\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <span part=\"checkmark\" aria-hidden=\"true\"></span>\n      <div part=\"content\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  static get is() {\n    return 'vaadin-combo-box-item';\n  }\n}\n\ndefineCustomElement(ComboBoxItem);\n","/**\n * @license\n * Copyright (c) 2015 - 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 { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';\nimport { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';\nimport { overlayStyles } from '@vaadin/overlay/src/vaadin-overlay-styles.js';\nimport { css, registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { ComboBoxOverlayMixin } from './vaadin-combo-box-overlay-mixin.js';\n\nconst comboBoxOverlayStyles = css`\n  #overlay {\n    width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));\n  }\n\n  [part='content'] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n`;\n\nregisterStyles('vaadin-combo-box-overlay', [overlayStyles, comboBoxOverlayStyles], {\n  moduleId: 'vaadin-combo-box-overlay-styles',\n});\n\n/**\n * An element used internally by `<vaadin-combo-box>`. Not intended to be used separately.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ComboBoxOverlayMixin\n * @mixes DirMixin\n * @mixes OverlayMixin\n * @mixes ThemableMixin\n * @private\n */\nexport class ComboBoxOverlay extends ComboBoxOverlayMixin(OverlayMixin(DirMixin(ThemableMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-combo-box-overlay';\n  }\n\n  static get template() {\n    return html`\n      <div id=\"backdrop\" part=\"backdrop\" hidden></div>\n      <div part=\"overlay\" id=\"overlay\">\n        <div part=\"loader\"></div>\n        <div part=\"content\" id=\"content\"><slot></slot></div>\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(ComboBoxOverlay);\n","/**\n * @license\n * Copyright (c) 2015 - 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 { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ComboBoxScrollerMixin } from './vaadin-combo-box-scroller-mixin.js';\n\n/**\n * An element used internally by `<vaadin-combo-box>`. Not intended to be used separately.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ComboBoxScrollerMixin\n * @private\n */\nexport class ComboBoxScroller extends ComboBoxScrollerMixin(PolymerElement) {\n  static get is() {\n    return 'vaadin-combo-box-scroller';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        :host {\n          display: block;\n          min-height: 1px;\n          overflow: auto;\n\n          /* Fixes item background from getting on top of scrollbars on Safari */\n          transform: translate3d(0, 0, 0);\n\n          /* Enable momentum scrolling on iOS */\n          -webkit-overflow-scrolling: touch;\n\n          /* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */\n          box-shadow: 0 0 0 white;\n        }\n\n        #selector {\n          border-width: var(--_vaadin-combo-box-items-container-border-width);\n          border-style: var(--_vaadin-combo-box-items-container-border-style);\n          border-color: var(--_vaadin-combo-box-items-container-border-color, transparent);\n          position: relative;\n        }\n      </style>\n      <div id=\"selector\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(ComboBoxScroller);\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 */\nimport { InputConstraintsMixin } from './input-constraints-mixin.js';\n\n/**\n * A mixin to provide `pattern` property.\n *\n * @polymerMixin\n * @mixes InputConstraintsMixin\n */\nexport const PatternMixin = (superclass) =>\n  class PatternMixinClass extends InputConstraintsMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'pattern'];\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2015 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport './vaadin-combo-box-item.js';\nimport './vaadin-combo-box-overlay.js';\nimport './vaadin-combo-box-scroller.js';\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { InputControlMixin } from '@vaadin/field-base/src/input-control-mixin.js';\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\nimport { PatternMixin } from '@vaadin/field-base/src/pattern-mixin.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { ComboBoxDataProviderMixin } from './vaadin-combo-box-data-provider-mixin.js';\nimport { ComboBoxMixin } from './vaadin-combo-box-mixin.js';\n\nregisterStyles('vaadin-combo-box', inputFieldShared, { moduleId: 'vaadin-combo-box-styles' });\n\n/**\n * `<vaadin-combo-box>` is a web component for choosing a value from a filterable list of options\n * presented in a dropdown overlay. The options can be provided as a list of strings or objects\n * by setting [`items`](#/elements/vaadin-combo-box#property-items) property on the element.\n *\n * ```html\n * <vaadin-combo-box id=\"combo-box\"></vaadin-combo-box>\n * ```\n *\n * ```js\n * document.querySelector('#combo-box').items = ['apple', 'orange', 'banana'];\n * ```\n *\n * When the selected `value` is changed, a `value-changed` event is triggered.\n *\n * ### Item rendering\n *\n * To customize the content of the `<vaadin-combo-box-item>` elements placed in the dropdown, use\n * [`renderer`](#/elements/vaadin-combo-box#property-renderer) property which accepts a function.\n * The renderer function is called with `root`, `comboBox`, and `model` as arguments.\n *\n * Generate DOM content by using `model` object properties if needed, and append it to the `root`\n * element. The `comboBox` reference is provided to access the combo-box element state. Do not\n * set combo-box properties in a `renderer` function.\n *\n * ```js\n * const comboBox = document.querySelector('#combo-box');\n * comboBox.items = [{'label': 'Hydrogen', 'value': 'H'}];\n * comboBox.renderer = (root, comboBox, model) => {\n *   const item = model.item;\n *   root.innerHTML = `${model.index}: ${item.label} <b>${item.value}</b>`;\n * };\n * ```\n *\n * Renderer is called on the opening of the combo-box and each time the related model is updated.\n * Before creating new content, it is recommended to check if there is already an existing DOM\n * element in `root` from a previous renderer call for reusing it. Even though combo-box uses\n * infinite scrolling, reducing DOM operations might improve performance.\n *\n * The following properties are available in the `model` argument:\n *\n * Property   | Type             | Description\n * -----------|------------------|-------------\n * `index`    | Number           | Index of the item in the `items` array\n * `item`     | String or Object | The item reference\n * `selected` | Boolean          | True when item is selected\n * `focused`  | Boolean          | True when item is focused\n *\n * ### Lazy Loading with Function Data Provider\n *\n * In addition to assigning an array to the items property, you can alternatively use the\n * [`dataProvider`](#/elements/vaadin-combo-box#property-dataProvider) function property.\n * The `<vaadin-combo-box>` calls this function lazily, only when it needs more data\n * to be displayed.\n *\n * __Note that when using function data providers, the total number of items\n * needs to be set manually. The total number of items can be returned\n * in the second argument of the data provider callback:__\n *\n * ```js\n * comboBox.dataProvider = async (params, callback) => {\n *   const API = 'https://demo.vaadin.com/demo-data/1.0/filtered-countries';\n *   const { filter, page, pageSize } = params;\n *   const index = page * pageSize;\n *\n *   const res = await fetch(`${API}?index=${index}&count=${pageSize}&filter=${filter}`);\n *   if (res.ok) {\n *     const { result, size } = await res.json();\n *     callback(result, size);\n *   }\n * };\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                         | Description                | Default\n * ----------------------------------------|----------------------------|---------\n * `--vaadin-field-default-width`          | Default width of the field | `12em`\n * `--vaadin-combo-box-overlay-width`      | Width of the overlay       | `auto`\n * `--vaadin-combo-box-overlay-max-height` | Max height of the overlay  | `65vh`\n *\n * `<vaadin-combo-box>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\n *\n * In addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n *\n * Part name       | Description\n * ----------------|----------------\n * `toggle-button` | The toggle button\n *\n * In addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n *\n * Attribute | Description | Part name\n * ----------|-------------|------------\n * `opened`  | Set when the combo box dropdown is open | :host\n * `loading` | Set when new items are expected | :host\n *\n * If you want to replace the default `<input>` and its container with a custom implementation to get full control\n * over the input field, consider using the [`<vaadin-combo-box-light>`](#/elements/vaadin-combo-box-light) element.\n *\n * ### Internal components\n *\n * In addition to `<vaadin-combo-box>` itself, the following internal\n * components are themable:\n *\n * - `<vaadin-combo-box-overlay>` - has the same API as [`<vaadin-overlay>`](#/elements/vaadin-overlay).\n * - `<vaadin-combo-box-item>` - has the same API as [`<vaadin-item>`](#/elements/vaadin-item).\n * - [`<vaadin-input-container>`](#/elements/vaadin-input-container) - an internal element wrapping the input.\n *\n * Note: the `theme` attribute value set on `<vaadin-combo-box>` is\n * propagated to the internal components listed above.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} custom-value-set - Fired when the user sets a custom value.\n * @fires {CustomEvent} filter-changed - Fired when the `filter` property changes.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.\n * @fires {CustomEvent} selected-item-changed - Fired when the `selectedItem` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes InputControlMixin\n * @mixes PatternMixin\n * @mixes ComboBoxDataProviderMixin\n * @mixes ComboBoxMixin\n */\nclass ComboBox extends ComboBoxDataProviderMixin(\n  ComboBoxMixin(PatternMixin(InputControlMixin(ThemableMixin(ElementMixin(PolymerElement))))),\n) {\n  static get is() {\n    return 'vaadin-combo-box';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        :host([opened]) {\n          pointer-events: auto;\n        }\n      </style>\n\n      <div class=\"vaadin-combo-box-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n          <div id=\"toggleButton\" part=\"toggle-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n\n      <vaadin-combo-box-overlay\n        id=\"overlay\"\n        opened=\"[[_overlayOpened]]\"\n        loading$=\"[[loading]]\"\n        theme$=\"[[_theme]]\"\n        position-target=\"[[_positionTarget]]\"\n        no-vertical-overlap\n        restore-focus-node=\"[[inputElement]]\"\n      ></vaadin-combo-box-overlay>\n\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * @protected\n       */\n      _positionTarget: {\n        type: Object,\n      },\n    };\n  }\n\n  /**\n   * Used by `InputControlMixin` as a reference to the clear button element.\n   * @protected\n   * @return {!HTMLElement}\n   */\n  get clearElement() {\n    return this.$.clearButton;\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this.addController(\n      new InputController(this, (input) => {\n        this._setInputElement(input);\n        this._setFocusElement(input);\n        this.stateTarget = input;\n        this.ariaTarget = input;\n      }),\n    );\n    this.addController(new LabelledInputController(this.inputElement, this._labelController));\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this._tooltipController.setShouldShow((target) => !target.opened);\n\n    this._positionTarget = this.shadowRoot.querySelector('[part=\"input-field\"]');\n    this._toggleElement = this.$.toggleButton;\n  }\n\n  /**\n   * Override the method from `InputControlMixin`\n   * to stop event propagation to prevent `ComboBoxMixin`\n   * from handling this click event also on its own.\n   *\n   * @param {Event} event\n   * @protected\n   * @override\n   */\n  _onClearButtonClick(event) {\n    event.stopPropagation();\n    super._onClearButtonClick(event);\n  }\n\n  /**\n   * @param {Event} event\n   * @protected\n   */\n  _onHostClick(event) {\n    const path = event.composedPath();\n\n    // Open dropdown only when clicking on the label or input field\n    if (path.includes(this._labelNode) || path.includes(this._positionTarget)) {\n      super._onHostClick(event);\n    }\n  }\n}\n\ndefineCustomElement(ComboBox);\n\nexport { ComboBox };\n"],"names":["buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","value","reflectToAttribute","_activeKeys","ready","super","this","hasAttribute","setAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","click","moduleId","Button","is","template","_tooltipController","addController","button","comboBox","ComboBoxItem","comboBoxOverlayStyles","ComboBoxOverlay","ComboBoxScroller","PatternMixin","superclass","pattern","String","delegateAttrs","constraints","ComboBox","_positionTarget","Object","clearElement","$","clearButton","input","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","setPosition","setAriaTarget","setShouldShow","target","opened","shadowRoot","querySelector","_toggleElement","toggleButton","_onClearButtonClick","stopPropagation","_onHostClick","path","composedPath","_labelNode"],"sourceRoot":""}

package/dist/umd/{1902.js → 4550.js}

@@ -1,5 +1,5 @@
-/*! For license information please see 1902.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1902],{84312:(t,e,r)=>{r.d(e,{$:()=>p});var o=r(98633),a=r(56096),i=r(65211),n=r(27150),s=r(83798),l=r(57224);const u=r(44720).AH`
+/*! For license information please see 4550.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4550],{89389:(t,e,r)=>{r.d(e,{$:()=>p});var o=r(13256),a=r(55774),i=r(82901),n=r(90676),s=r(81488),l=r(87550);const u=r(51450).AH`
   :host {
     display: inline-block;
     position: relative;
@@ -59,7 +59,7 @@
       outline-color: GrayText;
     }
   }
-`;var d=r(63437),c=r(73595),h=r(45898);const m=t=>class extends((0,d.e)((0,h.l)((0,c.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",u,{moduleId:"vaadin-button-styles"});class p extends(m((0,n.q)((0,l.cp)((0,a.w)(o.Pu))))){static get is(){return"vaadin-button"}static get template(){return o.qy`
+`;var d=r(84467),c=r(53149),h=r(36176);const m=t=>class extends((0,d.e)((0,h.l)((0,c.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",u,{moduleId:"vaadin-button-styles"});class p extends(m((0,n.q)((0,l.cp)((0,a.w)(o.Pu))))){static get is(){return"vaadin-button"}static get template(){return o.qy`
   <div class="vaadin-button-container">
     <span part="prefix" aria-hidden="true">
       <slot name="prefix"></slot>
@@ -72,7 +72,7 @@
     </span>
   </div>
   <slot name="tooltip"></slot>
-`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(p)},89685:(t,e,r)=>{r.d(e,{x:()=>a}),r(44497),r(4082),r(19155),r(40999),r(52301);var o=r(57224);const a=o.AH`
+`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(p)},93555:(t,e,r)=>{r.d(e,{x:()=>a}),r(64511),r(42068),r(9433),r(3241),r(83315);var o=r(87550);const a=o.AH`
   :host {
     /* Sizing */
     --lumo-button-size: var(--lumo-size-m);
@@ -335,7 +335,7 @@
     margin-left: 0;
     margin-right: 0;
   }
-`;(0,o.SF)("vaadin-button",a,{moduleId:"lumo-button"})},55093:(t,e,r)=>{r(89685),r(84312)},60978:(t,e,r)=>{r.d(e,{a:()=>a});var o=r(60354);const a=t=>class extends((0,o.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},10056:(t,e,r)=>{r.d(e,{A:()=>m}),r(94009);var o=r(98633),a=r(65211),i=r(27150),n=r(83798),s=r(9685),l=r(57224),u=r(21860),d=r(60978),c=r(19074);const h=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new u.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",s.k,{moduleId:"vaadin-text-field-styles"});class m extends(h((0,l.cp)((0,i.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
+`;(0,o.SF)("vaadin-button",a,{moduleId:"lumo-button"})},83799:(t,e,r)=>{r(93555),r(89389)},37436:(t,e,r)=>{r.d(e,{a:()=>a});var o=r(44218);const a=t=>class extends((0,o.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136:(t,e,r)=>{r.d(e,{A:()=>m}),r(86689);var o=r(13256),a=r(82901),i=r(90676),n=r(81488),s=r(86314),l=r(87550),u=r(18330),d=r(37436),c=r(37720);const h=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new u.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",s.k,{moduleId:"vaadin-text-field-styles"});class m extends(h((0,l.cp)((0,i.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;
@@ -370,4 +370,5 @@
         </div>
       </div>
       <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,a.X)(m)},44085:(t,e,r)=>{r(67239);var o=r(80704);(0,r(57224).SF)("vaadin-text-field",o.k,{moduleId:"lumo-text-field-styles"}),r(10056)},63970:(t,e,r)=>{r(44085),r(10056)}}]);
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,a.X)(m)},52733:(t,e,r)=>{r(27397);var o=r(47642);(0,r(87550).SF)("vaadin-text-field",o.k,{moduleId:"lumo-text-field-styles"}),r(27136)},11284:(t,e,r)=>{r(52733),r(27136)}}]);
+//# sourceMappingURL=4550.js.map

package/dist/umd/4550.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4550.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\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 { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.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\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\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 */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\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 */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\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 '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n"],"names":["buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","value","reflectToAttribute","_activeKeys","ready","super","this","hasAttribute","setAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","click","moduleId","Button","is","template","_tooltipController","addController","button","InputFieldMixin","superclass","autocomplete","String","autocorrect","autocapitalize","delegateAttrs","__data","__dataValue","_inputElementChanged","input","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","invalid","_valueChanged","newValue","oldValue","undefined","TextFieldMixin","maxlength","minlength","pattern","constraints","constructor","_setType","clearElement","$","clearButton","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","TextField","setPosition","setAriaTarget"],"sourceRoot":""}

package/dist/umd/{4554.js → 4623.js}

@@ -1,5 +1,5 @@
-/*! For license information please see 4554.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4554],{24510:(t,e,o)=>{o.d(e,{f:()=>n});var a=o(75035),i=o(74075),r=(o(51919),o(97539)),s=o(98695);const n=(0,a.y)((t=>class extends((0,r.q)((0,i.i)((0,s.g)(t)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(t){const e=t.target;this._toggleChecked(e.checked)}_toggleChecked(t){this.checked=t}}))},21860:(t,e,o)=>{o.d(e,{f:()=>i});var a=o(95925);class i extends a.r{constructor(t,e){super(t,"input","input",{initializer:(t,o)=>{o.value&&(t.value=o.value),o.type&&t.setAttribute("type",o.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},4554:(t,e,o)=>{o(44497),o(4082),o(19155),o(40999),o(52301);var a=o(57224);(0,a.SF)("vaadin-radio-button",a.AH`
+/*! For license information please see 4623.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4623],{29828:(t,e,o)=>{o.d(e,{f:()=>n});var a=o(98741),i=o(5745),r=(o(30025),o(88057)),s=o(33637);const n=(0,a.y)((t=>class extends((0,r.q)((0,i.i)((0,s.g)(t)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(t){const e=t.target;this._toggleChecked(e.checked)}_toggleChecked(t){this.checked=t}}))},18330:(t,e,o)=>{o.d(e,{f:()=>i});var a=o(44099);class i extends a.r{constructor(t,e){super(t,"input","input",{initializer:(t,o)=>{o.value&&(t.value=o.value),o.type&&t.setAttribute("type",o.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},54623:(t,e,o)=>{o(64511),o(42068),o(9433),o(3241),o(83315);var a=o(87550);(0,a.SF)("vaadin-radio-button",a.AH`
     :host {
       color: var(--vaadin-radio-button-label-color, var(--lumo-body-text-color));
       font-size: var(--vaadin-radio-button-label-font-size, var(--lumo-font-size-m));
@@ -131,7 +131,7 @@
     :host([dir='rtl'][has-label]) ::slotted(label) {
       padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);
     }
-  `,{moduleId:"lumo-radio-button"});var i=o(98633),r=o(56096),s=o(65211),n=o(27150),d=o(63437),l=o(3205),c=o(24510),u=o(21860),h=o(68515),p=o(19074);const v=t=>class extends((0,h.U)((0,c.f)((0,l.v)((0,d.e)(t))))){static get properties(){return{name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("radio"),this.value="on"}ready(){super.ready(),this.addController(new u.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new p.q(this.inputElement,this._labelController))}},_=a.AH`
+  `,{moduleId:"lumo-radio-button"});var i=o(13256),r=o(55774),s=o(82901),n=o(90676),d=o(84467),l=o(24943),c=o(29828),u=o(18330),h=o(78896),p=o(37720);const v=t=>class extends((0,h.U)((0,c.f)((0,l.v)((0,d.e)(t))))){static get properties(){return{name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("radio"),this.value="on"}ready(){super.ready(),this.addController(new u.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new p.q(this.inputElement,this._labelController))}},_=a.AH`
   :host {
     display: inline-block;
   }
@@ -207,7 +207,7 @@
         <slot name="input"></slot>
         <slot name="label"></slot>
       </div>
-    `}}(0,s.X)(b);var g=o(71005),m=o(4749);const f=a.AH`
+    `}}(0,s.X)(b);var g=o(57843),m=o(8403);const f=a.AH`
   :host {
     color: var(--lumo-body-text-color);
     font-size: var(--lumo-font-size-m);
@@ -250,7 +250,7 @@
       color: var(--lumo-secondary-text-color);
     }
   }
-`;(0,a.SF)("vaadin-radio-group",[m.Q,g.d,f],{moduleId:"lumo-radio-group"});var y=o(74075),x=o(73595),k=o(79258),w=o(98475),B=o(83798),R=o(99309),C=o(12850);const z=t=>class extends((0,C.Y)((0,x.y)((0,y.i)((0,k.f)(t))))){static get properties(){return{value:{type:String,notify:!0,value:"",observer:"__valueChanged"},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"__readonlyChanged"},_fieldName:{type:String}}}constructor(){super(),this.__registerRadioButton=this.__registerRadioButton.bind(this),this.__unregisterRadioButton=this.__unregisterRadioButton.bind(this),this.__onRadioButtonCheckedChange=this.__onRadioButtonCheckedChange.bind(this),this._tooltipController=new B.I(this),this._tooltipController.addEventListener("tooltip-changed",(t=>{const e=t.detail.node;if(e&&e.isConnected){const t=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(t)}else this._tooltipController.setAriaTarget([])}))}get __radioButtons(){return this.__filterRadioButtons([...this.children])}get __selectedRadioButton(){return this.__radioButtons.find((t=>t.checked))}get isHorizontalRTL(){return this.__isRTL&&"vertical"!==this._theme}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","radiogroup"),this._fieldName=`${this.localName}-${(0,R.I)()}`;const t=this.shadowRoot.querySelector("slot:not([name])");this._observer=new w.P(t,(({addedNodes:t,removedNodes:e})=>{this.__filterRadioButtons(t).reverse().forEach(this.__registerRadioButton),this.__filterRadioButtons(e).forEach(this.__unregisterRadioButton);const o=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(o)})),this.addController(this._tooltipController)}__filterRadioButtons(t){return t.filter((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName))}_onKeyDown(t){super._onKeyDown(t);const e=t.composedPath().find((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName));["ArrowLeft","ArrowUp"].includes(t.key)&&(t.preventDefault(),this.__selectNextRadioButton(e)),["ArrowRight","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.__selectPrevRadioButton(e))}_invalidChanged(t){super._invalidChanged(t),t?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")}__selectNextRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?1:-1)}__selectPrevRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?-1:1)}__selectIncRadioButton(t,e){const o=(this.__radioButtons.length+t+e)%this.__radioButtons.length,a=this.__radioButtons[o];a.disabled?this.__selectIncRadioButton(o,e):(a.focusElement.focus(),a.focusElement.click())}__registerRadioButton(t){t.name=this._fieldName,t.addEventListener("checked-changed",this.__onRadioButtonCheckedChange),(this.disabled||this.readonly)&&(t.disabled=!0),t.checked&&this.__selectRadioButton(t)}__unregisterRadioButton(t){t.removeEventListener("checked-changed",this.__onRadioButtonCheckedChange),t.value===this.value&&this.__selectRadioButton(null)}__onRadioButtonCheckedChange(t){t.target.checked&&this.__selectRadioButton(t.target)}__valueChanged(t,e){if(void 0!==e||""!==t){if(t){const e=this.__radioButtons.find((e=>e.value===t));e?(this.__selectRadioButton(e),this.toggleAttribute("has-value",!0)):console.warn(`The radio button with the value "${t}" was not found.`)}else this.__selectRadioButton(null),this.removeAttribute("has-value");void 0!==e&&this.validate()}}__readonlyChanged(t,e){(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_disabledChanged(t,e){super._disabledChanged(t,e),(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_shouldRemoveFocus(t){return!this.contains(t.relatedTarget)}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}__selectRadioButton(t){this.value=t?t.value:"",this.__radioButtons.forEach((e=>{e.checked=e===t})),this.readonly&&this.__updateRadioButtonsDisabledProperty()}__updateRadioButtonsDisabledProperty(){this.__radioButtons.forEach((t=>{this.readonly?t.disabled=t!==this.__selectedRadioButton:t.disabled=this.disabled}))}},E=a.AH`
+`;(0,a.SF)("vaadin-radio-group",[m.Q,g.d,f],{moduleId:"lumo-radio-group"});var y=o(5745),x=o(53149),k=o(7888),w=o(65641),B=o(81488),R=o(11707),C=o(26127);const z=t=>class extends((0,C.Y)((0,x.y)((0,y.i)((0,k.f)(t))))){static get properties(){return{value:{type:String,notify:!0,value:"",observer:"__valueChanged"},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"__readonlyChanged"},_fieldName:{type:String}}}constructor(){super(),this.__registerRadioButton=this.__registerRadioButton.bind(this),this.__unregisterRadioButton=this.__unregisterRadioButton.bind(this),this.__onRadioButtonCheckedChange=this.__onRadioButtonCheckedChange.bind(this),this._tooltipController=new B.I(this),this._tooltipController.addEventListener("tooltip-changed",(t=>{const e=t.detail.node;if(e&&e.isConnected){const t=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(t)}else this._tooltipController.setAriaTarget([])}))}get __radioButtons(){return this.__filterRadioButtons([...this.children])}get __selectedRadioButton(){return this.__radioButtons.find((t=>t.checked))}get isHorizontalRTL(){return this.__isRTL&&"vertical"!==this._theme}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","radiogroup"),this._fieldName=`${this.localName}-${(0,R.I)()}`;const t=this.shadowRoot.querySelector("slot:not([name])");this._observer=new w.P(t,(({addedNodes:t,removedNodes:e})=>{this.__filterRadioButtons(t).reverse().forEach(this.__registerRadioButton),this.__filterRadioButtons(e).forEach(this.__unregisterRadioButton);const o=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(o)})),this.addController(this._tooltipController)}__filterRadioButtons(t){return t.filter((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName))}_onKeyDown(t){super._onKeyDown(t);const e=t.composedPath().find((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName));["ArrowLeft","ArrowUp"].includes(t.key)&&(t.preventDefault(),this.__selectNextRadioButton(e)),["ArrowRight","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.__selectPrevRadioButton(e))}_invalidChanged(t){super._invalidChanged(t),t?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")}__selectNextRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?1:-1)}__selectPrevRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?-1:1)}__selectIncRadioButton(t,e){const o=(this.__radioButtons.length+t+e)%this.__radioButtons.length,a=this.__radioButtons[o];a.disabled?this.__selectIncRadioButton(o,e):(a.focusElement.focus(),a.focusElement.click())}__registerRadioButton(t){t.name=this._fieldName,t.addEventListener("checked-changed",this.__onRadioButtonCheckedChange),(this.disabled||this.readonly)&&(t.disabled=!0),t.checked&&this.__selectRadioButton(t)}__unregisterRadioButton(t){t.removeEventListener("checked-changed",this.__onRadioButtonCheckedChange),t.value===this.value&&this.__selectRadioButton(null)}__onRadioButtonCheckedChange(t){t.target.checked&&this.__selectRadioButton(t.target)}__valueChanged(t,e){if(void 0!==e||""!==t){if(t){const e=this.__radioButtons.find((e=>e.value===t));e?(this.__selectRadioButton(e),this.toggleAttribute("has-value",!0)):console.warn(`The radio button with the value "${t}" was not found.`)}else this.__selectRadioButton(null),this.removeAttribute("has-value");void 0!==e&&this.validate()}}__readonlyChanged(t,e){(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_disabledChanged(t,e){super._disabledChanged(t,e),(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_shouldRemoveFocus(t){return!this.contains(t.relatedTarget)}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}__selectRadioButton(t){this.value=t?t.value:"",this.__radioButtons.forEach((e=>{e.checked=e===t})),this.readonly&&this.__updateRadioButtonsDisabledProperty()}__updateRadioButtonsDisabledProperty(){this.__radioButtons.forEach((t=>{this.readonly?t.disabled=t!==this.__selectedRadioButton:t.disabled=this.disabled}))}},E=a.AH`
   :host {
     display: inline-flex;
   }
@@ -300,4 +300,5 @@
       </div>
 
       <slot name="tooltip"></slot>
-    `}}(0,s.X)(T)}}]);
+    `}}(0,s.X)(T)}}]);
+//# sourceMappingURL=4623.js.map

package/dist/umd/4623.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4623.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/checked-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/theme/lumo/vaadin-radio-button-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-button-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/theme/lumo/vaadin-radio-group-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-group-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-group-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/radio-group/src/vaadin-radio-group.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 */\nimport { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';\nimport { DisabledMixin } from '@vaadin/a11y-base/src/disabled-mixin.js';\nimport { isElementFocused } from '@vaadin/a11y-base/src/focus-utils.js';\nimport { DelegateStateMixin } from '@vaadin/component-base/src/delegate-state-mixin.js';\nimport { InputMixin } from './input-mixin.js';\n\n/**\n * A mixin to manage the checked state.\n *\n * @polymerMixin\n * @mixes DelegateStateMixin\n * @mixes DisabledMixin\n * @mixes InputMixin\n */\nexport const CheckedMixin = dedupingMixin(\n  (superclass) =>\n    class CheckedMixinClass extends DelegateStateMixin(DisabledMixin(InputMixin(superclass))) {\n      static get properties() {\n        return {\n          /**\n           * True if the element is checked.\n           * @type {boolean}\n           */\n          checked: {\n            type: Boolean,\n            value: false,\n            notify: true,\n            reflectToAttribute: true,\n          },\n        };\n      }\n\n      static get delegateProps() {\n        return [...super.delegateProps, 'checked'];\n      }\n\n      /**\n       * @param {Event} event\n       * @protected\n       * @override\n       */\n      _onChange(event) {\n        const input = event.target;\n\n        this._toggleChecked(input.checked);\n      }\n\n      /** @protected */\n      _toggleChecked(checked) {\n        this.checked = checked;\n      }\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 */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\n  }\n}\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.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-radio-button',\n  css`\n    :host {\n      color: var(--vaadin-radio-button-label-color, var(--lumo-body-text-color));\n      font-size: var(--vaadin-radio-button-label-font-size, var(--lumo-font-size-m));\n      font-family: var(--lumo-font-family);\n      line-height: var(--lumo-line-height-s);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      user-select: none;\n      cursor: default;\n      outline: none;\n      --_radio-button-size: var(--vaadin-radio-button-size, calc(var(--lumo-size-m) / 2));\n      --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n      --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n      --_selection-color: var(--vaadin-selection-color, var(--lumo-primary-color));\n    }\n\n    :host([has-label]) ::slotted(label) {\n      padding: var(\n        --vaadin-radio-button-label-padding,\n        var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)\n      );\n    }\n\n    [part='radio'] {\n      width: var(--_radio-button-size);\n      height: var(--_radio-button-size);\n      margin: var(--lumo-space-xs);\n      position: relative;\n      border-radius: 50%;\n      background: var(--vaadin-radio-button-background, var(--lumo-contrast-20pct));\n      transition: transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), background-color 0.15s;\n      will-change: transform;\n      cursor: var(--lumo-clickable-cursor);\n      /* Default field border color */\n      --_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));\n    }\n\n    /* Used for activation \"halo\" */\n    [part='radio']::before {\n      pointer-events: none;\n      color: transparent;\n      width: 100%;\n      height: 100%;\n      line-height: var(--_radio-button-size);\n      border-radius: inherit;\n      background-color: inherit;\n      transform: scale(1.4);\n      opacity: 0;\n      transition: transform 0.1s, opacity 0.8s;\n      will-change: transform, opacity;\n    }\n\n    /* Used for the dot */\n    [part='radio']::after {\n      content: '';\n      pointer-events: none;\n      width: 0;\n      height: 0;\n      border: var(--vaadin-radio-button-dot-size, 3px) solid\n        var(--vaadin-radio-button-dot-color, var(--lumo-primary-contrast-color));\n      border-radius: 50%;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0);\n      transition: 0.25s transform;\n      will-change: transform;\n      background-clip: content-box;\n    }\n\n    :host([checked]) {\n      --vaadin-input-field-border-color: transparent;\n    }\n\n    :host([checked]) [part='radio'] {\n      background-color: var(--_selection-color);\n    }\n\n    :host([checked]) [part='radio']::after {\n      transform: translate(-50%, -50%) scale(1);\n    }\n\n    :host(:not([checked]):not([disabled]):hover) [part='radio'] {\n      background: var(--vaadin-radio-button-background-hover, var(--lumo-contrast-30pct));\n    }\n\n    :host([active]) [part='radio'] {\n      transform: scale(0.9);\n      transition-duration: 0.05s;\n    }\n\n    :host([active][checked]) [part='radio'] {\n      transform: scale(1.1);\n    }\n\n    :host([active]:not([checked])) [part='radio']::before {\n      transition-duration: 0.01s, 0.01s;\n      transform: scale(0);\n      opacity: 0.4;\n    }\n\n    :host([focus-ring]) [part='radio'] {\n      box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color),\n        inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);\n    }\n\n    :host([disabled]) {\n      pointer-events: none;\n      color: var(--lumo-disabled-text-color);\n      --vaadin-input-field-border-color: var(--lumo-contrast-20pct);\n    }\n\n    :host([disabled]) ::slotted(label) {\n      color: inherit;\n    }\n\n    :host([disabled]) [part='radio'] {\n      background-color: var(--lumo-contrast-10pct);\n    }\n\n    :host([disabled]) [part='radio']::after {\n      border-color: var(--lumo-contrast-30pct);\n    }\n\n    /* RTL specific styles */\n    :host([dir='rtl'][has-label]) ::slotted(label) {\n      padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);\n    }\n  `,\n  { moduleId: 'lumo-radio-button' },\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 { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { DelegateFocusMixin } from '@vaadin/a11y-base/src/delegate-focus-mixin.js';\nimport { CheckedMixin } from '@vaadin/field-base/src/checked-mixin.js';\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { LabelMixin } from '@vaadin/field-base/src/label-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common radio-button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes CheckedMixin\n * @mixes DelegateFocusMixin\n * @mixes LabelMixin\n */\nexport const RadioButtonMixin = (superclass) =>\n  class RadioButtonMixinClass extends LabelMixin(CheckedMixin(DelegateFocusMixin(ActiveMixin(superclass)))) {\n    static get properties() {\n      return {\n        /**\n         * The name of the radio button.\n         *\n         * @type {string}\n         */\n        name: {\n          type: String,\n          value: '',\n        },\n\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /** @override */\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'name'];\n    }\n\n    constructor() {\n      super();\n\n      this._setType('radio');\n\n      // Set the string \"on\" as the default value for the radio button following the HTML specification:\n      // https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on\n      this.value = 'on';\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nexport const radioButtonStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host([disabled]) {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .vaadin-radio-button-container {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: baseline;\n  }\n\n  [part='radio'],\n  ::slotted(input),\n  ::slotted(label) {\n    grid-row: 1;\n  }\n\n  [part='radio'],\n  ::slotted(input) {\n    grid-column: 1;\n  }\n\n  [part='radio'] {\n    width: var(--vaadin-radio-button-size, 1em);\n    height: var(--vaadin-radio-button-size, 1em);\n    --_input-border-width: var(--vaadin-input-field-border-width, 0);\n    --_input-border-color: var(--vaadin-input-field-border-color, transparent);\n    box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);\n  }\n\n  [part='radio']::before {\n    display: block;\n    content: '\\\\202F';\n    line-height: var(--vaadin-radio-button-size, 1em);\n    contain: paint;\n  }\n\n  /* visually hidden */\n  ::slotted(input) {\n    opacity: 0;\n    cursor: inherit;\n    margin: 0;\n    align-self: stretch;\n    -webkit-appearance: none;\n    width: initial;\n    height: initial;\n  }\n\n  @media (forced-colors: active) {\n    [part='radio'] {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) [part='radio'] {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) [part='radio'] {\n      outline-color: GrayText;\n    }\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { RadioButtonMixin } from './vaadin-radio-button-mixin.js';\nimport { radioButtonStyles } from './vaadin-radio-button-styles.js';\n\nregisterStyles('vaadin-radio-button', radioButtonStyles, { moduleId: 'vaadin-radio-button-styles' });\n\n/**\n * `<vaadin-radio-button>` is a web component representing a choice in a radio group.\n * Only one radio button in the group can be selected at the same time.\n *\n * ```html\n * <vaadin-radio-group label=\"Travel class\">\n *   <vaadin-radio-button value=\"economy\" label=\"Economy\"></vaadin-radio-button>\n *   <vaadin-radio-button value=\"business\" label=\"Business\"></vaadin-radio-button>\n *   <vaadin-radio-button value=\"firstClass\" label=\"First Class\"></vaadin-radio-button>\n * </vaadin-radio-group>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name   | Description\n * ------------|----------------\n * `radio`     | The wrapper element that contains slotted `<input type=\"radio\">`.\n *\n * The following state attributes are available for styling:\n *\n * Attribute    | Description | Part name\n * -------------|-------------|------------\n * `active`     | Set when the radio button is pressed down, either with a pointer or the keyboard. | `:host`\n * `disabled`   | Set when the radio button is disabled. | `:host`\n * `focus-ring` | Set when the radio button is focused using the keyboard. | `:host`\n * `focused`    | Set when the radio button is focused. | `:host`\n * `checked`    | Set when the radio button is checked. | `:host`\n * `has-label`  | Set when the radio button has a label. | `:host`\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {CustomEvent} checked-changed - Fired when the `checked` property changes.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ThemableMixin\n * @mixes ElementMixin\n * @mixes RadioButtonMixin\n */\nclass RadioButton extends RadioButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-radio-button';\n  }\n\n  static get template() {\n    return html`\n      <div class=\"vaadin-radio-button-container\">\n        <div part=\"radio\" aria-hidden=\"true\"></div>\n        <slot name=\"input\"></slot>\n        <slot name=\"label\"></slot>\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(RadioButton);\n\nexport { RadioButton };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { helper } from '@vaadin/vaadin-lumo-styles/mixins/helper.js';\nimport { requiredField } from '@vaadin/vaadin-lumo-styles/mixins/required-field.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst radioGroup = css`\n  :host {\n    color: var(--lumo-body-text-color);\n    font-size: var(--lumo-font-size-m);\n    font-family: var(--lumo-font-family);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-tap-highlight-color: transparent;\n    padding: var(--lumo-space-xs) 0;\n  }\n\n  :host::before {\n    /* Effective height of vaadin-radio-button */\n    height: var(--lumo-size-s);\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  :host([theme~='vertical']) [part='group-field'] {\n    flex-direction: column;\n  }\n\n  :host([disabled]) [part='label'] {\n    color: var(--lumo-disabled-text-color);\n    -webkit-text-fill-color: var(--lumo-disabled-text-color);\n  }\n\n  :host([focused]:not([readonly])) [part='label'] {\n    color: var(--lumo-primary-text-color);\n  }\n\n  :host(:hover:not([readonly]):not([focused])) [part='label'],\n  :host(:hover:not([readonly])) [part='helper-text'] {\n    color: var(--lumo-body-text-color);\n  }\n\n  /* Touch device adjustment */\n  @media (pointer: coarse) {\n    :host(:hover:not([readonly]):not([focused])) [part='label'] {\n      color: var(--lumo-secondary-text-color);\n    }\n  }\n`;\n\nregisterStyles('vaadin-radio-group', [requiredField, helper, radioGroup], { moduleId: 'lumo-radio-group' });\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 { DisabledMixin } from '@vaadin/a11y-base/src/disabled-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { KeyboardMixin } from '@vaadin/a11y-base/src/keyboard-mixin.js';\nimport { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { generateUniqueId } from '@vaadin/component-base/src/unique-id-utils.js';\nimport { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';\n\n/**\n * A mixin providing common radio-group functionality.\n *\n * @polymerMixin\n * @mixes DisabledMixin\n * @mixes FieldMixin\n * @mixes FocusMixin\n * @mixes KeyboardMixin\n */\nexport const RadioGroupMixin = (superclass) =>\n  class RadioGroupMixinClass extends FieldMixin(FocusMixin(DisabledMixin(KeyboardMixin(superclass)))) {\n    static get properties() {\n      return {\n        /**\n         * The value of the radio group.\n         *\n         * @type {string}\n         */\n        value: {\n          type: String,\n          notify: true,\n          value: '',\n          observer: '__valueChanged',\n        },\n\n        /**\n         * When present, the user cannot modify the value of the radio group.\n         * The property works similarly to the `disabled` property.\n         * While the `disabled` property disables all radio buttons inside the group,\n         * the `readonly` property disables only unchecked ones.\n         *\n         * @type {boolean}\n         */\n        readonly: {\n          type: Boolean,\n          value: false,\n          reflectToAttribute: true,\n          observer: '__readonlyChanged',\n        },\n\n        /**\n         * @type {string}\n         * @private\n         */\n        _fieldName: {\n          type: String,\n        },\n      };\n    }\n\n    constructor() {\n      super();\n\n      this.__registerRadioButton = this.__registerRadioButton.bind(this);\n      this.__unregisterRadioButton = this.__unregisterRadioButton.bind(this);\n      this.__onRadioButtonCheckedChange = this.__onRadioButtonCheckedChange.bind(this);\n\n      this._tooltipController = new TooltipController(this);\n      this._tooltipController.addEventListener('tooltip-changed', (event) => {\n        const tooltip = event.detail.node;\n        if (tooltip && tooltip.isConnected) {\n          // Tooltip element has been added to the DOM\n          const inputs = this.__radioButtons.map((radio) => radio.inputElement);\n          this._tooltipController.setAriaTarget(inputs);\n        } else {\n          // Tooltip element is no longer connected\n          this._tooltipController.setAriaTarget([]);\n        }\n      });\n    }\n\n    /**\n     * A collection of the group's radio buttons.\n     *\n     * @return {!Array<!RadioButton>}\n     * @private\n     */\n    get __radioButtons() {\n      return this.__filterRadioButtons([...this.children]);\n    }\n\n    /**\n     * A currently selected radio button.\n     *\n     * @return {!RadioButton | undefined}\n     * @private\n     */\n    get __selectedRadioButton() {\n      return this.__radioButtons.find((radioButton) => radioButton.checked);\n    }\n\n    /**\n     * @return {boolean}\n     * @private\n     */\n    get isHorizontalRTL() {\n      return this.__isRTL && this._theme !== 'vertical';\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.ariaTarget = this;\n\n      // See https://github.com/vaadin/vaadin-web-components/issues/94\n      this.setAttribute('role', 'radiogroup');\n\n      this._fieldName = `${this.localName}-${generateUniqueId()}`;\n\n      const slot = this.shadowRoot.querySelector('slot:not([name])');\n      this._observer = new SlotObserver(slot, ({ addedNodes, removedNodes }) => {\n        // Registers the added radio buttons in the reverse order\n        // in order for the group to take the value of the most recent button.\n        this.__filterRadioButtons(addedNodes).reverse().forEach(this.__registerRadioButton);\n\n        // Unregisters the removed radio buttons.\n        this.__filterRadioButtons(removedNodes).forEach(this.__unregisterRadioButton);\n\n        const inputs = this.__radioButtons.map((radio) => radio.inputElement);\n        this._tooltipController.setAriaTarget(inputs);\n      });\n\n      this.addController(this._tooltipController);\n    }\n\n    /**\n     * @param {!Array<!Node>} nodes\n     * @return {!Array<!RadioButton>}\n     * @private\n     */\n    __filterRadioButtons(nodes) {\n      return nodes.filter((node) => node.nodeType === Node.ELEMENT_NODE && node.localName === 'vaadin-radio-button');\n    }\n\n    /**\n     * Override method inherited from `KeyboardMixin`\n     * to implement the custom keyboard navigation as a replacement for the native one\n     * in order for the navigation to work the same way across different browsers.\n     *\n     * @param {!KeyboardEvent} event\n     * @override\n     * @protected\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      const radioButton = event\n        .composedPath()\n        .find((node) => node.nodeType === Node.ELEMENT_NODE && node.localName === 'vaadin-radio-button');\n\n      if (['ArrowLeft', 'ArrowUp'].includes(event.key)) {\n        event.preventDefault();\n        this.__selectNextRadioButton(radioButton);\n      }\n\n      if (['ArrowRight', 'ArrowDown'].includes(event.key)) {\n        event.preventDefault();\n        this.__selectPrevRadioButton(radioButton);\n      }\n    }\n\n    /**\n     * Override an observer from `FieldMixin`.\n     *\n     * @param {boolean} invalid\n     * @protected\n     * @override\n     */\n    _invalidChanged(invalid) {\n      super._invalidChanged(invalid);\n\n      if (invalid) {\n        this.setAttribute('aria-invalid', 'true');\n      } else {\n        this.removeAttribute('aria-invalid');\n      }\n    }\n\n    /**\n     * @param {number} index\n     * @private\n     */\n    __selectNextRadioButton(radioButton) {\n      const index = this.__radioButtons.indexOf(radioButton);\n\n      this.__selectIncRadioButton(index, this.isHorizontalRTL ? 1 : -1);\n    }\n\n    /**\n     * @param {number} index\n     * @private\n     */\n    __selectPrevRadioButton(radioButton) {\n      const index = this.__radioButtons.indexOf(radioButton);\n\n      this.__selectIncRadioButton(index, this.isHorizontalRTL ? -1 : 1);\n    }\n\n    /**\n     * @param {number} index\n     * @param {number} step\n     * @private\n     */\n    __selectIncRadioButton(index, step) {\n      const newIndex = (this.__radioButtons.length + index + step) % this.__radioButtons.length;\n      const newRadioButton = this.__radioButtons[newIndex];\n\n      if (newRadioButton.disabled) {\n        this.__selectIncRadioButton(newIndex, step);\n      } else {\n        newRadioButton.focusElement.focus();\n        newRadioButton.focusElement.click();\n      }\n    }\n\n    /**\n     * Registers the radio button after adding it to the group.\n     *\n     * @param {!RadioButton} radioButton\n     * @private\n     */\n    __registerRadioButton(radioButton) {\n      radioButton.name = this._fieldName;\n      radioButton.addEventListener('checked-changed', this.__onRadioButtonCheckedChange);\n\n      if (this.disabled || this.readonly) {\n        radioButton.disabled = true;\n      }\n\n      if (radioButton.checked) {\n        this.__selectRadioButton(radioButton);\n      }\n    }\n\n    /**\n     * Unregisters the radio button before removing it from the group.\n     *\n     * @param {!RadioButton} radioButton\n     * @private\n     */\n    __unregisterRadioButton(radioButton) {\n      radioButton.removeEventListener('checked-changed', this.__onRadioButtonCheckedChange);\n\n      if (radioButton.value === this.value) {\n        this.__selectRadioButton(null);\n      }\n    }\n\n    /**\n     * @param {!CustomEvent} event\n     * @private\n     */\n    __onRadioButtonCheckedChange(event) {\n      if (event.target.checked) {\n        this.__selectRadioButton(event.target);\n      }\n    }\n\n    /**\n     * Whenever the user sets a non-empty value,\n     * the method tries to select the radio button with that value\n     * showing a warning if no radio button was found with the given value.\n     * If the new value is empty, the method deselects the currently selected radio button.\n     * At last, the method toggles the `has-value` attribute considering the new value.\n     *\n     * @param {string | null | undefined} newValue\n     * @param {string | null | undefined} oldValue\n     * @private\n     */\n    __valueChanged(newValue, oldValue) {\n      if (oldValue === undefined && newValue === '') {\n        return;\n      }\n\n      if (newValue) {\n        const newSelectedRadioButton = this.__radioButtons.find((radioButton) => {\n          return radioButton.value === newValue;\n        });\n\n        if (newSelectedRadioButton) {\n          this.__selectRadioButton(newSelectedRadioButton);\n          this.toggleAttribute('has-value', true);\n        } else {\n          console.warn(`The radio button with the value \"${newValue}\" was not found.`);\n        }\n      } else {\n        this.__selectRadioButton(null);\n        this.removeAttribute('has-value');\n      }\n\n      if (oldValue !== undefined) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Whenever `readonly` property changes on the group element,\n     * the method updates the `disabled` property for the radio buttons.\n     *\n     * @param {boolean} newValue\n     * @param {boolean} oldValue\n     * @private\n     */\n    __readonlyChanged(newValue, oldValue) {\n      // Prevent updating the `disabled` property for the radio buttons at initialization.\n      // Otherwise, the group's radio buttons may end up enabled regardless\n      // an intentionally added `disabled` attribute on some of them.\n      if (!newValue && oldValue === undefined) {\n        return;\n      }\n\n      if (oldValue !== newValue) {\n        this.__updateRadioButtonsDisabledProperty();\n      }\n    }\n\n    /**\n     * Override method inherited from `DisabledMixin`\n     * to update the `disabled` property for the radio buttons\n     * whenever the property changes on the group element.\n     *\n     * @param {boolean} newValue\n     * @param {boolean} oldValue\n     * @override\n     * @protected\n     */\n    _disabledChanged(newValue, oldValue) {\n      super._disabledChanged(newValue, oldValue);\n\n      // Prevent updating the `disabled` property for the radio buttons at initialization.\n      // Otherwise, the group's radio buttons may end up enabled regardless\n      // an intentionally added `disabled` attribute on some of them.\n      if (!newValue && oldValue === undefined) {\n        return;\n      }\n\n      if (oldValue !== newValue) {\n        this.__updateRadioButtonsDisabledProperty();\n      }\n    }\n\n    /**\n     * Override method inherited from `FocusMixin`\n     * to prevent removing the `focused` attribute\n     * when focus moves between radio buttons inside the group.\n     *\n     * @param {!FocusEvent} event\n     * @return {boolean}\n     * @protected\n     */\n    _shouldRemoveFocus(event) {\n      return !this.contains(event.relatedTarget);\n    }\n\n    /**\n     * Override method inherited from `FocusMixin`\n     * to run validation when the group loses focus.\n     *\n     * @param {boolean} focused\n     * @override\n     * @protected\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * @param {RadioButton} radioButton\n     * @private\n     */\n    __selectRadioButton(radioButton) {\n      if (radioButton) {\n        this.value = radioButton.value;\n      } else {\n        this.value = '';\n      }\n\n      this.__radioButtons.forEach((button) => {\n        button.checked = button === radioButton;\n      });\n\n      if (this.readonly) {\n        this.__updateRadioButtonsDisabledProperty();\n      }\n    }\n\n    /**\n     * If the group is read-only, the method disables the unchecked radio buttons.\n     * Otherwise, the method propagates the group's `disabled` property to the radio buttons.\n     *\n     * @private\n     */\n    __updateRadioButtonsDisabledProperty() {\n      this.__radioButtons.forEach((button) => {\n        if (this.readonly) {\n          // The native radio button doesn't support the `readonly` attribute\n          // so the state can be only imitated, by disabling unchecked radio buttons.\n          button.disabled = button !== this.__selectedRadioButton;\n        } else {\n          button.disabled = this.disabled;\n        }\n      });\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nexport const radioGroupStyles = css`\n  :host {\n    display: inline-flex;\n  }\n\n  :host::before {\n    content: '\\\\2003';\n    width: 0;\n    display: inline-block;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  .vaadin-group-field-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  [part='group-field'] {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  :host(:not([has-label])) [part='label'] {\n    display: none;\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './vaadin-radio-button.js';\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { RadioGroupMixin } from './vaadin-radio-group-mixin.js';\nimport { radioGroupStyles } from './vaadin-radio-group-styles.js';\n\nregisterStyles('vaadin-radio-group', radioGroupStyles, { moduleId: 'vaadin-radio-group-styles' });\n\n/**\n * `<vaadin-radio-group>` is a web component that allows the user to choose one item from a group of choices.\n *\n * ```html\n * <vaadin-radio-group label=\"Travel class\">\n *   <vaadin-radio-button value=\"economy\" label=\"Economy\"></vaadin-radio-button>\n *   <vaadin-radio-button value=\"business\" label=\"Business\"></vaadin-radio-button>\n *   <vaadin-radio-button value=\"firstClass\" label=\"First Class\"></vaadin-radio-button>\n * </vaadin-radio-group>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The slotted label element wrapper\n * `group-field`        | The radio button elements wrapper\n * `helper-text`        | The slotted helper text element wrapper\n * `error-message`      | The slotted error message element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description                               | Part name\n * --------------------|-------------------------------------------|------------\n * `disabled`          | Set when the element is disabled          | :host\n * `readonly`          | Set when the element is readonly          | :host\n * `invalid`           | Set when the element is invalid           | :host\n * `focused`           | Set when the element is focused           | :host\n * `has-label`         | Set when the element has a label          | :host\n * `has-value`         | Set when the element has a value          | :host\n * `has-helper`        | Set when the element has helper text      | :host\n * `has-error-message` | Set when the element has an error message | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ThemableMixin\n * @mixes ElementMixin\n * @mixes RadioGroupMixin\n */\nclass RadioGroup extends RadioGroupMixin(ElementMixin(ThemableMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-radio-group';\n  }\n\n  static get template() {\n    return html`\n      <div class=\"vaadin-group-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\"></span>\n        </div>\n\n        <div part=\"group-field\">\n          <slot></slot>\n        </div>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n}\n\ndefineCustomElement(RadioGroup);\n\nexport { RadioGroup };\n"],"names":["CheckedMixin","superclass","properties","checked","type","Boolean","value","notify","reflectToAttribute","delegateProps","super","_onChange","event","input","target","this","_toggleChecked","InputController","constructor","host","callback","initializer","node","setAttribute","id","defaultId","useUniqueId","moduleId","RadioButtonMixin","name","String","tabindex","Number","delegateAttrs","_setType","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","radioButtonStyles","RadioButton","is","template","radioGroup","helper","RadioGroupMixin","observer","readonly","_fieldName","__registerRadioButton","bind","__unregisterRadioButton","__onRadioButtonCheckedChange","_tooltipController","addEventListener","tooltip","detail","isConnected","inputs","__radioButtons","map","radio","setAriaTarget","__filterRadioButtons","children","__selectedRadioButton","find","radioButton","isHorizontalRTL","__isRTL","_theme","localName","slot","shadowRoot","querySelector","_observer","addedNodes","removedNodes","reverse","forEach","nodes","filter","nodeType","Node","ELEMENT_NODE","_onKeyDown","composedPath","includes","key","preventDefault","__selectNextRadioButton","__selectPrevRadioButton","_invalidChanged","invalid","removeAttribute","index","indexOf","__selectIncRadioButton","step","newIndex","length","newRadioButton","disabled","focusElement","focus","click","__selectRadioButton","removeEventListener","__valueChanged","newValue","oldValue","undefined","newSelectedRadioButton","toggleAttribute","console","warn","validate","__readonlyChanged","__updateRadioButtonsDisabledProperty","_disabledChanged","_shouldRemoveFocus","contains","relatedTarget","_setFocused","focused","document","hasFocus","button","radioGroupStyles","RadioGroup"],"sourceRoot":""}