npm - @descope/web-components-ui - Versions diffs - 1.44.0 → 1.46.0 - Mend

@descope/web-components-ui 1.44.0 → 1.46.0

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

Files changed (43) hide show

package/dist/umd/3620.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*! For license information please see 3620.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3620,5691],{1632:(t,e,o)=>{o(52915),o(54886),o(27397),o(25244);var a=o(47642),i=o(87550);const r=i.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3620,5691,6477],{1632:(t,e,o)=>{o(52915),o(54886),o(27397),o(25244);var a=o(47642),i=o(87550);const r=i.AH`
   :host {
     outline: none;
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"3620.js","mappings":"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","sources":["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","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":["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","/\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":["comboBox","moduleId","ComboBoxItem","template","is","comboBoxOverlayStyles","ComboBoxOverlay","ComboBoxScroller","PatternMixin","superclass","properties","pattern","type","String","delegateAttrs","super","constraints","ComboBox","_positionTarget","Object","clearElement","this","$","clearButton","ready","addController","input","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","_tooltipController","setPosition","setAriaTarget","setShouldShow","target","opened","shadowRoot","querySelector","_toggleElement","toggleButton","_onClearButtonClick","event","stopPropagation","_onHostClick","path","composedPath","includes","_labelNode","InputFieldMixin","autocomplete","autocorrect","autocapitalize","reflectToAttribute","__data","__dataValue","value","_inputElementChanged","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","invalid","_valueChanged","newValue","oldValue","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","constructor","_setType","TextField"],"sourceRoot":""}
1	+ {"version":3,"file":"3620.js","mappings":"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","sources":["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","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":["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","/\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":["comboBox","moduleId","ComboBoxItem","template","is","comboBoxOverlayStyles","ComboBoxOverlay","ComboBoxScroller","PatternMixin","superclass","properties","pattern","type","String","delegateAttrs","super","constraints","ComboBox","_positionTarget","Object","clearElement","this","$","clearButton","ready","addController","input","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","_tooltipController","setPosition","setAriaTarget","setShouldShow","target","opened","shadowRoot","querySelector","_toggleElement","toggleButton","_onClearButtonClick","event","stopPropagation","_onHostClick","path","composedPath","includes","_labelNode","InputFieldMixin","autocomplete","autocorrect","autocapitalize","reflectToAttribute","__data","__dataValue","value","_inputElementChanged","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","invalid","_valueChanged","newValue","oldValue","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","constructor","_setType","TextField"],"sourceRoot":""}