@descope/web-components-ui 1.31.0 → 1.33.0

package/dist/umd/5648.js

@@ -0,0 +1,110 @@
+/*! For license information please see 5648.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5648],{18330:(e,t,n)=>{n.d(t,{f:()=>s});var i=n(44099);class s extends i.r{constructor(e,t){super(e,"input","input",{initializer:(e,n)=>{n.value&&(e.value=n.value),n.type&&e.setAttribute("type",n.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},37436:(e,t,n)=>{n.d(t,{a:()=>s});var i=n(44218);const s=e=>class extends((0,i.R)(e)){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(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},15648:(e,t,n)=>{n(27397),n(42068);var i=n(19572),s=n(47642),a=n(87550);const r=a.AH`
+  :host([step-buttons-visible]:not([theme~='align-right'])) ::slotted(input) {
+    text-align: center;
+  }
+
+  [part$='button'][disabled] {
+    opacity: 0.2;
+  }
+
+  :host([step-buttons-visible]) [part='input-field'] {
+    padding: 0;
+  }
+
+  [part\$='button'] {
+    cursor: pointer;
+    font-size: var(--lumo-icon-size-s);
+    width: 1.6em;
+    height: 1.6em;
+  }
+
+  [part\$='button']::before {
+    margin-top: 0.3em;
+  }
+
+  [part='decrease-button']::before {
+    content: var(--lumo-icons-minus);
+  }
+
+  [part='increase-button']::before {
+    content: var(--lumo-icons-plus);
+  }
+
+  /* RTL specific styles */
+  :host([dir='rtl']:not([theme~='align-right'])) ::slotted(input) {
+    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
+  }
+`;(0,a.SF)("vaadin-number-field",[s.k,i.p,r],{moduleId:"lumo-number-field"}),n(86689);var l=n(13256),o=n(82901),u=n(90676),h=n(81488),p=n(86314),d=n(18330),c=n(37436),m=n(37720);const _=e=>class extends((0,c.a)(e)){static get properties(){return{min:{type:Number},max:{type:Number},step:{type:Number},stepButtonsVisible:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_stepChanged(step, inputElement)"]}static get delegateProps(){return[...super.delegateProps,"min","max"]}static get constraints(){return[...super.constraints,"min","max","step"]}constructor(){super(),this._setType("number"),this.__onWheel=this.__onWheel.bind(this)}get slotStyles(){const e=this.localName;return[`\n          ${e} input[type="number"]::-webkit-outer-spin-button,\n          ${e} input[type="number"]::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n          }\n\n          ${e} input[type="number"] {\n            -moz-appearance: textfield;\n          }\n\n          ${e}[dir='rtl'] input[type="number"]::placeholder {\n            direction: rtl;\n          }\n\n          ${e}[dir='rtl']:not([step-buttons-visible]) input[type="number"]::placeholder {\n            text-align: left;\n          }\n        `]}get clearElement(){return this.$.clearButton}get __hasUnparsableValue(){return this.inputElement.validity.badInput}ready(){super.ready(),this.addController(new d.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new m.q(this.inputElement,this._labelController))}checkValidity(){return this.inputElement?this.inputElement.checkValidity():!this.invalid}_addInputListeners(e){super._addInputListeners(e),e.addEventListener("wheel",this.__onWheel)}_removeInputListeners(e){super._removeInputListeners(e),e.removeEventListener("wheel",this.__onWheel)}__onWheel(e){this.hasAttribute("focused")&&e.preventDefault()}_onDecreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this._decreaseValue())}_onIncreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this._increaseValue())}_onDecreaseButtonClick(){this._decreaseValue()}_onIncreaseButtonClick(){this._increaseValue()}_decreaseValue(){this._incrementValue(-1)}_increaseValue(){this._incrementValue(1)}_incrementValue(e){if(this.disabled||this.readonly)return;const t=this.step||1;let n=parseFloat(this.value);this.value?n<this.min?(e=0,n=this.min):n>this.max&&(e=0,n=this.max):0===this.min&&e<0||0===this.max&&e>0||0===this.max&&0===this.min?(e=0,n=0):(null==this.max||this.max>=0)&&(null==this.min||this.min<=0)?n=0:this.min>0?(n=this.min,this.max<0&&e<0&&(n=this.max),e=0):this.max<0&&(n=this.max,e<0?e=0:this._getIncrement(1,n-t)>this.max?n-=2*t:n-=t);const i=this._getIncrement(e,n);this.value&&0!==e&&!this._incrementIsInsideTheLimits(e,n)||(this.inputElement.value=String(parseFloat(i)),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.__commitValueChange())}_getIncrement(e,t){let n=this.step||1,i=this.min||0;const s=Math.max(this._getMultiplier(t),this._getMultiplier(n),this._getMultiplier(i));n*=s,i*=s;const a=((t=Math.round(t*s))-i)%n;return e>0?(t-a+n)/s:e<0?(t-(a||n))/s:t/s}_getDecimalCount(e){const t=String(e),n=t.indexOf(".");return-1===n?1:t.length-n-1}_getMultiplier(e){if(!isNaN(e))return 10**this._getDecimalCount(e)}_incrementIsInsideTheLimits(e,t){return e<0?null==this.min||this._getIncrement(e,t)>=this.min:e>0?null==this.max||this._getIncrement(e,t)<=this.max:this._getIncrement(e,t)<=this.max&&this._getIncrement(e,t)>=this.min}_isButtonEnabled(e){const t=e*(this.step||1),n=parseFloat(this.value);return!this.value||!this.disabled&&this._incrementIsInsideTheLimits(t,n)}_stepChanged(e,t){t&&(t.step=e||"any")}_valueChanged(e,t){e&&isNaN(parseFloat(e))?this.value="":"string"!=typeof this.value&&(this.value=String(this.value)),super._valueChanged(this.value,t),this.__keepCommittedValue||(this.__committedValue=this.value,this.__committedUnparsableValueStatus=!1)}_onKeyDown(e){"ArrowUp"===e.key?(e.preventDefault(),this._increaseValue()):"ArrowDown"===e.key&&(e.preventDefault(),this._decreaseValue()),super._onKeyDown(e)}_setHasInputValue(e){const t=e.composedPath()[0];this._hasInputValue=t.value.length>0||this.__hasUnparsableValue}_onInput(e){this.__keepCommittedValue=!0,super._onInput(e),this.__keepCommittedValue=!1}_onChange(e){e.stopPropagation()}_onClearAction(e){super._onClearAction(e),this.__commitValueChange()}_setFocused(e){super._setFocused(e),e||this.__commitValueChange()}_onEnter(e){super._onEnter(e),this.__commitValueChange()}__commitValueChange(){this.__committedValue!==this.value?(this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValueStatus!==this.__hasUnparsableValue&&(this.validate(),this.dispatchEvent(new CustomEvent("unparsable-change"))),this.__committedValue=this.value,this.__committedUnparsableValueStatus=this.__hasUnparsableValue}},v=n(51450).AH`
+  :host([readonly]) [part$='button'] {
+    pointer-events: none;
+  }
+
+  [part='decrease-button']::before {
+    content: '\\2212';
+  }
+
+  [part='increase-button']::before {
+    content: '+';
+  }
+
+  [part='decrease-button'],
+  [part='increase-button'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+`;(0,a.SF)("vaadin-number-field",[p.k,v],{moduleId:"vaadin-number-field-styles"});class b extends(_((0,a.cp)((0,u.q)(l.Pu)))){static get is(){return"vaadin-number-field"}static get template(){return l.qy`
+      <div class="vaadin-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          readonly="[[readonly]]"
+          disabled="[[disabled]]"
+          invalid="[[invalid]]"
+          theme$="[[_theme]]"
+        >
+          <div
+            disabled$="[[!_isButtonEnabled(-1, value, min, max, step)]]"
+            part="decrease-button"
+            on-click="_onDecreaseButtonClick"
+            on-touchend="_onDecreaseButtonTouchend"
+            hidden$="[[!stepButtonsVisible]]"
+            aria-hidden="true"
+            slot="prefix"
+          ></div>
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <slot name="suffix" slot="suffix"></slot>
+          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
+          <div
+            disabled$="[[!_isButtonEnabled(1, value, min, max, step)]]"
+            part="increase-button"
+            on-click="_onIncreaseButtonClick"
+            on-touchend="_onIncreaseButtonTouchend"
+            hidden$="[[!stepButtonsVisible]]"
+            aria-hidden="true"
+            slot="suffix"
+          ></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+
+      <slot name="tooltip"></slot>
+    `}ready(){super.ready(),this._tooltipController=new h.I(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement)}}(0,o.X)(b)}}]);
+//# sourceMappingURL=5648.js.map

package/dist/umd/5648.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"5648.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/number-field/theme/lumo/vaadin-number-field-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/number-field/src/vaadin-number-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/number-field/src/vaadin-number-field-styles.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/number-field/src/vaadin-number-field.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 { 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","/**\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 '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport { fieldButton } from '@vaadin/vaadin-lumo-styles/mixins/field-button.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 numberField = css`\n  :host([step-buttons-visible]:not([theme~='align-right'])) ::slotted(input) {\n    text-align: center;\n  }\n\n  [part$='button'][disabled] {\n    opacity: 0.2;\n  }\n\n  :host([step-buttons-visible]) [part='input-field'] {\n    padding: 0;\n  }\n\n  [part\\$='button'] {\n    cursor: pointer;\n    font-size: var(--lumo-icon-size-s);\n    width: 1.6em;\n    height: 1.6em;\n  }\n\n  [part\\$='button']::before {\n    margin-top: 0.3em;\n  }\n\n  [part='decrease-button']::before {\n    content: var(--lumo-icons-minus);\n  }\n\n  [part='increase-button']::before {\n    content: var(--lumo-icons-plus);\n  }\n\n  /* RTL specific styles */\n  :host([dir='rtl']:not([theme~='align-right'])) ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n`;\n\nregisterStyles('vaadin-number-field', [inputFieldShared, fieldButton, numberField], {\n  moduleId: 'lumo-number-field',\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 number field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const NumberFieldMixin = (superClass) =>\n  class NumberFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * The minimum value of the field.\n         */\n        min: {\n          type: Number,\n        },\n\n        /**\n         * The maximum value of the field.\n         */\n        max: {\n          type: Number,\n        },\n\n        /**\n         * Specifies the allowed number intervals of the field.\n         * @type {number}\n         */\n        step: {\n          type: Number,\n        },\n\n        /**\n         * Set to true to show increase/decrease buttons.\n         * @attr {boolean} step-buttons-visible\n         */\n        stepButtonsVisible: {\n          type: Boolean,\n          value: false,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get observers() {\n      return ['_stepChanged(step, inputElement)'];\n    }\n\n    static get delegateProps() {\n      return [...super.delegateProps, 'min', 'max'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'min', 'max', 'step'];\n    }\n\n    constructor() {\n      super();\n      this._setType('number');\n      this.__onWheel = this.__onWheel.bind(this);\n    }\n\n    /** @protected */\n    get slotStyles() {\n      const tag = this.localName;\n      return [\n        `\n          ${tag} input[type=\"number\"]::-webkit-outer-spin-button,\n          ${tag} input[type=\"number\"]::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n          }\n\n          ${tag} input[type=\"number\"] {\n            -moz-appearance: textfield;\n          }\n\n          ${tag}[dir='rtl'] input[type=\"number\"]::placeholder {\n            direction: rtl;\n          }\n\n          ${tag}[dir='rtl']:not([step-buttons-visible]) input[type=\"number\"]::placeholder {\n            text-align: left;\n          }\n        `,\n      ];\n    }\n\n    /**\n     * Used by `InputControlMixin` as a reference to the clear button element.\n     * @protected\n     */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /**\n     * Whether the input element's value is unparsable.\n     *\n     * @private\n     */\n    get __hasUnparsableValue() {\n      return this.inputElement.validity.badInput;\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\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n\n    /**\n     * Override the method from `InputConstraintsMixin`\n     * to enforce HTML constraint validation even if\n     * the user didn't add any constraints explicitly:\n     * the field has to be regardless checked for bad input.\n     *\n     * @override\n     */\n    checkValidity() {\n      if (this.inputElement) {\n        return this.inputElement.checkValidity();\n      }\n\n      return !this.invalid;\n    }\n\n    /**\n     * Override the method from `InputMixin` to add\n     * a wheel event listener to the input element.\n     *\n     * @param {HTMLElement} input\n     * @override\n     * @protected\n     */\n    _addInputListeners(input) {\n      super._addInputListeners(input);\n      input.addEventListener('wheel', this.__onWheel);\n    }\n\n    /**\n     * Override the method from `InputMixin` to remove\n     * the wheel event listener from the input element.\n     *\n     * @param {HTMLElement} input\n     * @override\n     * @protected\n     */\n    _removeInputListeners(input) {\n      super._removeInputListeners(input);\n      input.removeEventListener('wheel', this.__onWheel);\n    }\n\n    /**\n     * Prevents default browser behavior for wheel events on the input element\n     * when it's focused. More precisely, this prevents the browser from attempting\n     * to increment or decrement the value when the mouse wheel is used within\n     * the input element.\n     *\n     * CAVEAT: As a side-effect, this also prevents page scrolling when\n     * the pointer is positioned over the field and the field is focused.\n     *\n     * @param {WheelEvent} event\n     * @private\n     */\n    __onWheel(event) {\n      if (this.hasAttribute('focused')) {\n        event.preventDefault();\n      }\n    }\n\n    /** @protected */\n    _onDecreaseButtonTouchend(e) {\n      // Cancel the following click and focus events. If the event is not cancelable,\n      // it means scrolling is in progress, therefore we shouldn't update field value.\n      if (e.cancelable) {\n        e.preventDefault();\n        this._decreaseValue();\n      }\n    }\n\n    /** @protected */\n    _onIncreaseButtonTouchend(e) {\n      // Cancel the following click and focus events. If the event is not cancelable,\n      // it means scrolling is in progress, therefore we shouldn't update field value.\n      if (e.cancelable) {\n        e.preventDefault();\n        this._increaseValue();\n      }\n    }\n\n    /** @protected */\n    _onDecreaseButtonClick() {\n      this._decreaseValue();\n    }\n\n    /** @protected */\n    _onIncreaseButtonClick() {\n      this._increaseValue();\n    }\n\n    /** @private */\n    _decreaseValue() {\n      this._incrementValue(-1);\n    }\n\n    /** @private */\n    _increaseValue() {\n      this._incrementValue(1);\n    }\n\n    /** @private */\n    _incrementValue(incr) {\n      if (this.disabled || this.readonly) {\n        return;\n      }\n\n      const step = this.step || 1;\n      let value = parseFloat(this.value);\n\n      if (!this.value) {\n        if ((this.min === 0 && incr < 0) || (this.max === 0 && incr > 0) || (this.max === 0 && this.min === 0)) {\n          incr = 0;\n          value = 0;\n        } else if ((this.max == null || this.max >= 0) && (this.min == null || this.min <= 0)) {\n          value = 0;\n        } else if (this.min > 0) {\n          value = this.min;\n          if (this.max < 0 && incr < 0) {\n            value = this.max;\n          }\n          incr = 0;\n        } else if (this.max < 0) {\n          value = this.max;\n          if (incr < 0) {\n            incr = 0;\n          } else if (this._getIncrement(1, value - step) > this.max) {\n            value -= 2 * step;\n            // FIXME(yuriy): find a proper solution to make correct step back\n          } else {\n            value -= step;\n          }\n        }\n      } else if (value < this.min) {\n        incr = 0;\n        value = this.min;\n      } else if (value > this.max) {\n        incr = 0;\n        value = this.max;\n      }\n\n      const newValue = this._getIncrement(incr, value);\n      if (!this.value || incr === 0 || this._incrementIsInsideTheLimits(incr, value)) {\n        this.inputElement.value = String(parseFloat(newValue));\n        this.inputElement.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.__commitValueChange();\n      }\n    }\n\n    /** @private */\n    _getIncrement(incr, currentValue) {\n      let step = this.step || 1,\n        min = this.min || 0;\n\n      // To avoid problems with decimal math, multiplying to operate with integers.\n      const multiplier = Math.max(\n        this._getMultiplier(currentValue),\n        this._getMultiplier(step),\n        this._getMultiplier(min),\n      );\n\n      step *= multiplier;\n      currentValue = Math.round(currentValue * multiplier);\n      min *= multiplier;\n\n      const margin = (currentValue - min) % step;\n\n      if (incr > 0) {\n        return (currentValue - margin + step) / multiplier;\n      } else if (incr < 0) {\n        return (currentValue - (margin || step)) / multiplier;\n      }\n      return currentValue / multiplier;\n    }\n\n    /** @private */\n    _getDecimalCount(number) {\n      const s = String(number);\n      const i = s.indexOf('.');\n      return i === -1 ? 1 : s.length - i - 1;\n    }\n\n    /** @private */\n    _getMultiplier(number) {\n      if (!isNaN(number)) {\n        return 10 ** this._getDecimalCount(number);\n      }\n    }\n\n    /** @private */\n    _incrementIsInsideTheLimits(incr, value) {\n      if (incr < 0) {\n        return this.min == null || this._getIncrement(incr, value) >= this.min;\n      } else if (incr > 0) {\n        return this.max == null || this._getIncrement(incr, value) <= this.max;\n      }\n      return this._getIncrement(incr, value) <= this.max && this._getIncrement(incr, value) >= this.min;\n    }\n\n    /** @protected */\n    _isButtonEnabled(sign) {\n      const incr = sign * (this.step || 1);\n      const value = parseFloat(this.value);\n      return !this.value || (!this.disabled && this._incrementIsInsideTheLimits(incr, value));\n    }\n\n    /**\n     * @param {number} step\n     * @param {HTMLElement | undefined} inputElement\n     * @protected\n     */\n    _stepChanged(step, inputElement) {\n      if (inputElement) {\n        inputElement.step = step || 'any';\n      }\n    }\n\n    /**\n     * @param {unknown} newVal\n     * @param {unknown} oldVal\n     * @protected\n     * @override\n     */\n    _valueChanged(newVal, oldVal) {\n      // Validate value to be numeric\n      if (newVal && isNaN(parseFloat(newVal))) {\n        this.value = '';\n      } else if (typeof this.value !== 'string') {\n        this.value = String(this.value);\n      }\n\n      super._valueChanged(this.value, oldVal);\n\n      if (!this.__keepCommittedValue) {\n        this.__committedValue = this.value;\n        this.__committedUnparsableValueStatus = false;\n      }\n    }\n\n    /**\n     * Override an event listener from `InputControlMixin`\n     * to avoid adding a separate listener.\n     * @param {!KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        this._increaseValue();\n      } else if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        this._decreaseValue();\n      }\n\n      super._onKeyDown(event);\n    }\n\n    /**\n     * Native [type=number] inputs don't update their value\n     * when you are entering input that the browser is unable to parse\n     * e.g. \"--5\", hence we have to override this method from `InputMixin`\n     * so that, when value is empty, it would additionally check\n     * for bad input based on the native `validity.badInput` property.\n     *\n     * @param {InputEvent} event\n     * @protected\n     * @override\n     */\n    _setHasInputValue(event) {\n      const target = event.composedPath()[0];\n      this._hasInputValue = target.value.length > 0 || this.__hasUnparsableValue;\n    }\n\n    /**\n     * Override this method from `InputMixin` to prevent\n     * the value change caused by user input from being treated\n     * as initiated programmatically by the developer and therefore\n     * from getting silently committed by the value observer without\n     * any change event. The value change will be committed later\n     * on blur or Enter.\n     *\n     * @param {InputEvent} event\n     * @override\n     * @protected\n     */\n    _onInput(event) {\n      this.__keepCommittedValue = true;\n      super._onInput(event);\n      this.__keepCommittedValue = false;\n    }\n\n    /**\n     * Override this method from `InputControlMixin`\n     * to stop propagation of the native change event.\n     *\n     * @param {Event}\n     * @override\n     * @protected\n     */\n    _onChange(event) {\n      event.stopPropagation();\n    }\n\n    /**\n     * Override this method from `ClearButtonMixin`\n     * to properly commit the empty value since\n     * the change handler doesn't do that anymore.\n     *\n     * @param {MouseEvent} event\n     * @override\n     * @protected\n     */\n    _onClearAction(event) {\n      super._onClearAction(event);\n      this.__commitValueChange();\n    }\n\n    /**\n     * Override this method from `FocusMixin`\n     * to commit a possible pending value change on blur.\n     *\n     * @param {boolean} focused\n     * @override\n     * @protected\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      if (!focused) {\n        this.__commitValueChange();\n      }\n    }\n\n    /**\n     * Override this method from `KeyboardMixin`\n     * to commit a possible pending value change on Enter.\n     *\n     * @param {KeyboardEvent} event\n     * @override\n     * @protected\n     */\n    _onEnter(event) {\n      super._onEnter(event);\n      this.__commitValueChange();\n    }\n\n    /**\n     * Depending on the nature of the value change that has occurred since\n     * the last commit attempt, triggers validation and fires an event:\n     *\n     * Value change             | Event\n     * :------------------------|:------------------\n     * empty => parsable        | change\n     * empty => unparsable      | unparsable-change\n     * parsable => empty        | change\n     * parsable => parsable     | change\n     * parsable => unparsable   | change\n     * unparsable => empty      | unparsable-change\n     * unparsable => parsable   | change\n     * unparsable => unparsable | -\n     *\n     * Note, there is currently no way to detect unparsable => unparsable changes\n     * because the browser doesn't provide access to unparsable values of native\n     * [type=number] inputs.\n     *\n     * @private\n     */\n    __commitValueChange() {\n      if (this.__committedValue !== this.value) {\n        this.validate();\n        this.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n      } else if (this.__committedUnparsableValueStatus !== this.__hasUnparsableValue) {\n        this.validate();\n        this.dispatchEvent(new CustomEvent('unparsable-change'));\n      }\n\n      this.__committedValue = this.value;\n      this.__committedUnparsableValueStatus = this.__hasUnparsableValue;\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 { css } from 'lit';\n\nexport const numberFieldStyles = css`\n  :host([readonly]) [part$='button'] {\n    pointer-events: none;\n  }\n\n  [part='decrease-button']::before {\n    content: '\\\\2212';\n  }\n\n  [part='increase-button']::before {\n    content: '+';\n  }\n\n  [part='decrease-button'],\n  [part='increase-button'] {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\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 '@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 { NumberFieldMixin } from './vaadin-number-field-mixin.js';\nimport { numberFieldStyles } from './vaadin-number-field-styles.js';\n\nregisterStyles('vaadin-number-field', [inputFieldShared, numberFieldStyles], {\n  moduleId: 'vaadin-number-field-styles',\n});\n\n/**\n * `<vaadin-number-field>` is an input field web component that only accepts numeric input.\n *\n * ```html\n * <vaadin-number-field label=\"Balance\"></vaadin-number-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-number-field>` 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 * `increase-button` | Increase (\"plus\") button\n * `decrease-button` | Decrease (\"minus\") button\n *\n * Note, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * ### Change events\n *\n * Depending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\n * the component can fire either a `change` event or an `unparsable-change` event:\n *\n * Value change             | Event\n * :------------------------|:------------------\n * empty => parsable        | change\n * empty => unparsable      | unparsable-change\n * parsable => empty        | change\n * parsable => parsable     | change\n * parsable => unparsable   | change\n * unparsable => empty      | unparsable-change\n * unparsable => parsable   | change\n * unparsable => unparsable | -\n *\n * Note, there is currently no way to detect unparsable => unparsable changes because the browser\n * doesn't provide access to unparsable values of native [type=number] inputs.\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 {Event} unparsable-change - Fired when the user commits an unparsable value change and there is no change event.\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 NumberFieldMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nexport class NumberField extends NumberFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-number-field';\n  }\n\n  static get template() {\n    return html`\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          <div\n            disabled$=\"[[!_isButtonEnabled(-1, value, min, max, step)]]\"\n            part=\"decrease-button\"\n            on-click=\"_onDecreaseButtonClick\"\n            on-touchend=\"_onDecreaseButtonTouchend\"\n            hidden$=\"[[!stepButtonsVisible]]\"\n            aria-hidden=\"true\"\n            slot=\"prefix\"\n          ></div>\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          <div\n            disabled$=\"[[!_isButtonEnabled(1, value, min, max, step)]]\"\n            part=\"increase-button\"\n            on-click=\"_onIncreaseButtonClick\"\n            on-touchend=\"_onIncreaseButtonTouchend\"\n            hidden$=\"[[!stepButtonsVisible]]\"\n            aria-hidden=\"true\"\n            slot=\"suffix\"\n          ></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      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n  }\n}\n\ndefineCustomElement(NumberField);\n"],"names":["InputController","constructor","host","callback","super","initializer","node","value","type","setAttribute","id","this","defaultId","useUniqueId","InputFieldMixin","superclass","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","input","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","event","invalid","_valueChanged","newValue","oldValue","undefined","numberField","moduleId","NumberFieldMixin","superClass","min","Number","max","step","stepButtonsVisible","Boolean","observers","delegateProps","constraints","_setType","__onWheel","bind","slotStyles","tag","clearElement","$","clearButton","__hasUnparsableValue","inputElement","validity","badInput","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","_labelController","checkValidity","_addInputListeners","addEventListener","_removeInputListeners","removeEventListener","hasAttribute","preventDefault","_onDecreaseButtonTouchend","e","cancelable","_decreaseValue","_onIncreaseButtonTouchend","_increaseValue","_onDecreaseButtonClick","_onIncreaseButtonClick","_incrementValue","incr","disabled","readonly","parseFloat","_getIncrement","_incrementIsInsideTheLimits","dispatchEvent","Event","bubbles","composed","__commitValueChange","currentValue","multiplier","Math","_getMultiplier","margin","round","_getDecimalCount","number","s","i","indexOf","length","isNaN","_isButtonEnabled","sign","_stepChanged","newVal","oldVal","__keepCommittedValue","__committedValue","__committedUnparsableValueStatus","_onKeyDown","key","_setHasInputValue","target","composedPath","_hasInputValue","_onChange","stopPropagation","_onClearAction","_onEnter","CustomEvent","numberFieldStyles","NumberField","is","template","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}