@ui5/webcomponents 0.0.0-ca2fa23d3 → 0.0.0-cad512aa3

package/dist/StepInput.js

@@ -0,0 +1,443 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var StepInput_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import { isUp, isDown, isUpCtrl, isDownCtrl, isUpShift, isDownShift, isUpShiftCtrl, isDownShiftCtrl, isPageUpShift, isPageDownShift, isEscape, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
+import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+import Float from "@ui5/webcomponents-base/dist/types/Float.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import StepInputTemplate from "./generated/templates/StepInputTemplate.lit.js";
+import { STEPINPUT_DEC_ICON_TITLE, STEPINPUT_INC_ICON_TITLE } from "./generated/i18n/i18n-defaults.js";
+import "@ui5/webcomponents-icons/dist/less.js";
+import "@ui5/webcomponents-icons/dist/add.js";
+import Icon from "./Icon.js";
+import Input from "./Input.js";
+import InputType from "./types/InputType.js";
+// Styles
+import StepInputCss from "./generated/themes/StepInput.css.js";
+// Spin variables
+const INITIAL_WAIT_TIMEOUT = 500; // milliseconds
+const ACCELERATION = 0.8;
+const MIN_WAIT_TIMEOUT = 50; // milliseconds
+const INITIAL_SPEED = 120; // milliseconds
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-step-input</code> consists of an input field and buttons with icons to increase/decrease the value
+ * with the predefined step.
+ * <br><br>
+ * The user can change the value of the component by pressing the increase/decrease buttons,
+ * by typing a number directly, by using the keyboard up/down and page up/down,
+ * or by using the mouse scroll wheel. Decimal values are supported.
+ *
+ * <h3>Usage</h3>
+ *
+ * The default step is 1 but the app developer can set a different one.
+ *
+ * App developers can set a maximum and minimum value for the <code>StepInput</code>.
+ * The increase/decrease button and the up/down keyboard navigation become disabled when
+ * the value reaches the max/min or a new value is entered from the input which is greater/less than the max/min.
+ * <br><br>
+ * <h4>When to use:</h4>
+ * <ul>
+ * <li>To adjust amounts, quantities, or other values quickly.</li>
+ * <li>To adjust values for a specific step.</li>
+ * </ul>
+ *
+ * <h4>When not to use:</h4>
+ * <ul>
+ * <li>To enter a static number (for example, postal code, phone number, or ID). In this case,
+ * use the regular <code>ui5-input</code> instead.</li>
+ * <li>To display a value that rarely needs to be adjusted and does not pertain to a particular step.
+ * In this case, use the regular <code>ui5-input</code> instead.</li>
+ * <li>To enter dates and times. In this case, use date/time related components instead.</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/StepInput.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.StepInput
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-step-input
+ * @since 1.0.0-rc.13
+ * @public
+ */
+let StepInput = StepInput_1 = class StepInput extends UI5Element {
+    static async onDefine() {
+        StepInput_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    get type() {
+        return InputType.Number;
+    }
+    // icons-related
+    get decIconTitle() {
+        return StepInput_1.i18nBundle.getText(STEPINPUT_DEC_ICON_TITLE);
+    }
+    get decIconName() {
+        return "less";
+    }
+    get incIconTitle() {
+        return StepInput_1.i18nBundle.getText(STEPINPUT_INC_ICON_TITLE);
+    }
+    get incIconName() {
+        return "add";
+    }
+    get _decIconClickable() {
+        return !this._decIconDisabled && !this.readonly && !this.disabled;
+    }
+    get _incIconClickable() {
+        return !this._incIconDisabled && !this.readonly && !this.disabled;
+    }
+    get _isFocused() {
+        return this.focused;
+    }
+    get _valuePrecisioned() {
+        return this.value.toFixed(this.valuePrecision);
+    }
+    get accInfo() {
+        return {
+            "ariaRequired": this.required,
+            "ariaLabel": getEffectiveAriaLabelText(this),
+        };
+    }
+    get inputAttributes() {
+        return {
+            min: this.min === undefined ? undefined : this.min,
+            max: this.max === undefined ? undefined : this.max,
+            step: this.step,
+        };
+    }
+    onBeforeRendering() {
+        this._setButtonState();
+        if (this._previousValue === undefined) {
+            this._previousValue = this.value;
+        }
+        const formSupport = getFeature("FormSupport");
+        if (formSupport) {
+            formSupport.syncNativeHiddenInput(this);
+        }
+        else if (this.name) {
+            console.warn(`In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
+        }
+    }
+    get input() {
+        return this.shadowRoot.querySelector("[ui5-input]");
+    }
+    get inputOuter() {
+        return this.shadowRoot.querySelector(".ui5-step-input-input");
+    }
+    _onButtonFocusOut() {
+        setTimeout(() => {
+            if (!this._inputFocused) {
+                this.inputOuter.removeAttribute("focused");
+            }
+        }, 0);
+    }
+    _onInputFocusIn() {
+        this._inputFocused = true;
+        if (this.value !== this._previousValue) {
+            this._previousValue = this.value;
+        }
+    }
+    _onInputFocusOut() {
+        this._inputFocused = false;
+        this._onInputChange();
+    }
+    _setButtonState() {
+        this._decIconDisabled = this.min !== undefined && this.value <= this.min;
+        this._incIconDisabled = this.max !== undefined && this.value >= this.max;
+    }
+    _validate() {
+        if (this._initialValueState === undefined) {
+            this._initialValueState = this.valueState;
+        }
+        this.valueState = ((this.min !== undefined && this.value < this.min)
+            || (this.max !== undefined && this.value > this.max))
+            ? ValueState.Error : this._initialValueState;
+    }
+    _preciseValue(value) {
+        const pow = 10 ** this.valuePrecision;
+        return Math.round(value * pow) / pow;
+    }
+    _fireChangeEvent() {
+        if (this._previousValue !== this.value) {
+            this._previousValue = this.value;
+            this.fireEvent("change", { value: this.value });
+        }
+    }
+    /**
+     * Value modifier - modifies the value of the component, validates the new value and enables/disables increment and
+     * decrement buttons according to the value and min/max values (if set). Fires <code>change</code> event when requested
+     *
+     * @param {Float} modifier modifies the value of the component with the given modifier (positive or negative)
+     * @param {boolean} fireChangeEvent if <code>true</code>, fires <code>change</code> event when the value is changed
+     */
+    _modifyValue(modifier, fireChangeEvent = false) {
+        let value;
+        this.value = this._preciseValue(parseFloat(this.input.value));
+        value = this.value + modifier;
+        if (this.min !== undefined && value < this.min) {
+            value = this.min;
+        }
+        if (this.max !== undefined && value > this.max) {
+            value = this.max;
+        }
+        value = this._preciseValue(value);
+        if (value !== this.value) {
+            this.value = value;
+            this._validate();
+            this._setButtonState();
+            this.focused = true;
+            this.inputOuter.setAttribute("focused", "");
+            if (fireChangeEvent) {
+                this._fireChangeEvent();
+            }
+            else {
+                this.input.focus();
+            }
+        }
+    }
+    _incValue(e) {
+        if (this._incIconClickable && e.isTrusted && !this.disabled && !this.readonly) {
+            this._modifyValue(this.step, true);
+            this._previousValue = this.value;
+        }
+    }
+    _decValue(e) {
+        if (this._decIconClickable && e.isTrusted && !this.disabled && !this.readonly) {
+            this._modifyValue(-this.step, true);
+            this._previousValue = this.value;
+        }
+    }
+    _onInputChange() {
+        if (this.input.value === "") {
+            this.input.value = (this.min || 0);
+        }
+        const inputValue = this._preciseValue(parseFloat(this.input.value));
+        if (this.value !== this._previousValue || this.value !== inputValue) {
+            this.value = inputValue;
+            this._validate();
+            this._setButtonState();
+            this._fireChangeEvent();
+        }
+    }
+    _onfocusin() {
+        this.focused = true;
+    }
+    _onfocusout() {
+        this.focused = false;
+    }
+    _onkeydown(e) {
+        let preventDefault = true;
+        if (this.disabled || this.readonly) {
+            return;
+        }
+        if (isEnter(e)) {
+            this._onInputChange();
+            return;
+        }
+        if (isUp(e)) {
+            // step up
+            this._modifyValue(this.step);
+        }
+        else if (isDown(e)) {
+            // step down
+            this._modifyValue(-this.step);
+        }
+        else if (isEscape(e)) {
+            // return previous value
+            this.value = this._previousValue;
+            this.input.value = this.value.toFixed(this.valuePrecision);
+        }
+        else if (this.max !== undefined && (isPageUpShift(e) || isUpShiftCtrl(e))) {
+            // step to max
+            this._modifyValue(this.max - this.value);
+        }
+        else if (this.min !== undefined && (isPageDownShift(e) || isDownShiftCtrl(e))) {
+            // step to min
+            this._modifyValue(this.min - this.value);
+        }
+        else if (!isUpCtrl(e) && !isDownCtrl(e) && !isUpShift(e) && !isDownShift(e)) {
+            preventDefault = false;
+        }
+        if (preventDefault) {
+            e.preventDefault();
+        }
+    }
+    _decSpin() {
+        if (!this._decIconDisabled) {
+            this._spinValue(false, true);
+        }
+    }
+    _incSpin() {
+        if (!this._incIconDisabled) {
+            this._spinValue(true, true);
+        }
+    }
+    /**
+     * Calculates the time which should be waited until _spinValue function is called.
+     */
+    _calcWaitTimeout() {
+        this._speed *= ACCELERATION;
+        this._waitTimeout = ((this._waitTimeout - this._speed) < MIN_WAIT_TIMEOUT ? MIN_WAIT_TIMEOUT : (this._waitTimeout - this._speed));
+        return this._waitTimeout;
+    }
+    /**
+     * Called when the increment or decrement button is pressed and held to set new value.
+     * @param {boolean} increment - is this the increment button or not so the values should be spin accordingly up or down
+     * @param {boolean} resetVariables - whether to reset the spin-related variables or not
+     */
+    _spinValue(increment, resetVariables = false) {
+        if (resetVariables) {
+            this._waitTimeout = INITIAL_WAIT_TIMEOUT;
+            this._speed = INITIAL_SPEED;
+            this._btnDown = true;
+        }
+        this._spinTimeoutId = setTimeout(() => {
+            if (this._btnDown) {
+                this._spinStarted = true;
+                this._modifyValue(increment ? this.step : -this.step);
+                this._setButtonState();
+                if ((!this._incIconDisabled && increment) || (!this._decIconDisabled && !increment)) {
+                    this._spinValue(increment);
+                }
+                else {
+                    this._resetSpin();
+                    this._fireChangeEvent();
+                }
+            }
+        }, this._calcWaitTimeout());
+    }
+    /**
+    * Resets spin process
+    */
+    _resetSpin() {
+        clearTimeout(this._spinTimeoutId);
+        this._btnDown = false;
+        this._spinStarted = false;
+    }
+    /**
+    * Resets spin process when mouse outs + or - buttons
+    */
+    _resetSpinOut() {
+        if (this._btnDown) {
+            this._resetSpin();
+            this._fireChangeEvent();
+        }
+    }
+};
+__decorate([
+    property({ validator: Float, defaultValue: 0 })
+], StepInput.prototype, "value", void 0);
+__decorate([
+    property({ validator: Float })
+], StepInput.prototype, "min", void 0);
+__decorate([
+    property({ validator: Float })
+], StepInput.prototype, "max", void 0);
+__decorate([
+    property({ validator: Float, defaultValue: 1 })
+], StepInput.prototype, "step", void 0);
+__decorate([
+    property({ type: ValueState, defaultValue: ValueState.None })
+], StepInput.prototype, "valueState", void 0);
+__decorate([
+    property({ type: Boolean })
+], StepInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], StepInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], StepInput.prototype, "readonly", void 0);
+__decorate([
+    property({ defaultValue: undefined })
+], StepInput.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], StepInput.prototype, "name", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: 0 })
+], StepInput.prototype, "valuePrecision", void 0);
+__decorate([
+    property()
+], StepInput.prototype, "accessibleName", void 0);
+__decorate([
+    property({ defaultValue: "" })
+], StepInput.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], StepInput.prototype, "_decIconDisabled", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], StepInput.prototype, "_incIconDisabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], StepInput.prototype, "focused", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], StepInput.prototype, "_inputFocused", void 0);
+__decorate([
+    property({ validator: Float, noAttribute: true })
+], StepInput.prototype, "_previousValue", void 0);
+__decorate([
+    property({ validator: Float, noAttribute: true })
+], StepInput.prototype, "_waitTimeout", void 0);
+__decorate([
+    property({ validator: Float, noAttribute: true })
+], StepInput.prototype, "_speed", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], StepInput.prototype, "_btnDown", void 0);
+__decorate([
+    property({ validator: Integer, noAttribute: true })
+], StepInput.prototype, "_spinTimeoutId", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], StepInput.prototype, "_spinStarted", void 0);
+__decorate([
+    slot()
+], StepInput.prototype, "valueStateMessage", void 0);
+__decorate([
+    slot()
+], StepInput.prototype, "formSupport", void 0);
+StepInput = StepInput_1 = __decorate([
+    customElement({
+        tag: "ui5-step-input",
+        renderer: litRender,
+        styles: StepInputCss,
+        template: StepInputTemplate,
+        dependencies: [
+            Icon,
+            Input,
+        ],
+    })
+    /**
+     * Fired when the input operation has finished by pressing Enter or on focusout.
+     *
+     * @event sap.ui.webc.main.StepInput#change
+     * @public
+     */
+    ,
+    event("change")
+], StepInput);
+StepInput.define();
+export default StepInput;
+//# sourceMappingURL=StepInput.js.map

package/dist/StepInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepInput.js","sourceRoot":"","sources":["../src/StepInput.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport {\n\tisUp,\n\tisDown,\n\tisUpCtrl,\n\tisDownCtrl,\n\tisUpShift,\n\tisDownShift,\n\tisUpShiftCtrl,\n\tisDownShiftCtrl,\n\tisPageUpShift,\n\tisPageDownShift,\n\tisEscape,\n\tisEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport Float from \"@ui5/webcomponents-base/dist/types/Float.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { Timeout } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type FormSupport from \"./features/InputElementsFormSupport.js\";\nimport type { IFormElement } from \"./features/InputElementsFormSupport.js\";\nimport StepInputTemplate from \"./generated/templates/StepInputTemplate.lit.js\";\nimport { STEPINPUT_DEC_ICON_TITLE, STEPINPUT_INC_ICON_TITLE } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/less.js\";\nimport \"@ui5/webcomponents-icons/dist/add.js\";\n\nimport Icon from \"./Icon.js\";\nimport Input from \"./Input.js\";\nimport InputType from \"./types/InputType.js\";\n\n// Styles\nimport StepInputCss from \"./generated/themes/StepInput.css.js\";\n\n// Spin variables\nconst INITIAL_WAIT_TIMEOUT = 500; // milliseconds\nconst ACCELERATION = 0.8;\nconst MIN_WAIT_TIMEOUT = 50; // milliseconds\nconst INITIAL_SPEED = 120; // milliseconds\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-step-input</code> consists of an input field and buttons with icons to increase/decrease the value\n * with the predefined step.\n * <br><br>\n * The user can change the value of the component by pressing the increase/decrease buttons,\n * by typing a number directly, by using the keyboard up/down and page up/down,\n * or by using the mouse scroll wheel. Decimal values are supported.\n *\n * <h3>Usage</h3>\n *\n * The default step is 1 but the app developer can set a different one.\n *\n * App developers can set a maximum and minimum value for the <code>StepInput</code>.\n * The increase/decrease button and the up/down keyboard navigation become disabled when\n * the value reaches the max/min or a new value is entered from the input which is greater/less than the max/min.\n * <br><br>\n * <h4>When to use:</h4>\n * <ul>\n * <li>To adjust amounts, quantities, or other values quickly.</li>\n * <li>To adjust values for a specific step.</li>\n * </ul>\n *\n * <h4>When not to use:</h4>\n * <ul>\n * <li>To enter a static number (for example, postal code, phone number, or ID). In this case,\n * use the regular <code>ui5-input</code> instead.</li>\n * <li>To display a value that rarely needs to be adjusted and does not pertain to a particular step.\n * In this case, use the regular <code>ui5-input</code> instead.</li>\n * <li>To enter dates and times. In this case, use date/time related components instead.</li>\n * </ul>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents/dist/StepInput.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.StepInput\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-step-input\n * @since 1.0.0-rc.13\n * @public\n */\n@customElement({\n\ttag: \"ui5-step-input\",\n\trenderer: litRender,\n\tstyles: StepInputCss,\n\ttemplate: StepInputTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tInput,\n\t],\n})\n/**\n * Fired when the input operation has finished by pressing Enter or on focusout.\n *\n * @event sap.ui.webc.main.StepInput#change\n * @public\n */\n@event(\"change\")\nclass StepInput extends UI5Element implements IFormElement {\n\t/**\n\t * Defines a value of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.value\n\t * @type {sap.ui.webc.base.types.Float}\n\t * @defaultvalue 0\n\t * @public\n\t */\n\t@property({ validator: Float, defaultValue: 0 })\n\tvalue!: number;\n\n\t/**\n\t * Defines a minimum value of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.min\n\t * @type {sap.ui.webc.base.types.Float}\n\t * @public\n\t */\n\t@property({ validator: Float })\n\tmin?: number;\n\n\t/**\n\t * Defines a maximum value of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.max\n\t * @type {sap.ui.webc.base.types.Float}\n\t * @public\n\t */\n\t@property({ validator: Float })\n\tmax?: number;\n\n\t/**\n\t * Defines a step of increasing/decreasing the value of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.step\n\t * @type {sap.ui.webc.base.types.Float}\n\t * @defaultvalue 1\n\t * @public\n\t */\n\t@property({ validator: Float, defaultValue: 1 })\n\tstep!: number;\n\n\t/**\n\t * Defines the value state of the component.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>Error</code></li>\n\t * <li><code>Warning</code></li>\n\t * <li><code>Success</code></li>\n\t * <li><code>Information</code></li>\n\t * </ul>\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.valueState\n\t * @type {sap.ui.webc.base.types.ValueState}\n\t * @defaultvalue \"None\"\n\t * @public\n\t */\n\t@property({ type: ValueState, defaultValue: ValueState.None })\n\tvalueState!: ValueState;\n\n\t/**\n\t * Defines whether the component is required.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.required\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\trequired!: boolean;\n\n\t/**\n\t * Determines whether the component is displayed as disabled.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.disabled\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Determines whether the component is displayed as read-only.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.readonly\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\treadonly!: boolean;\n\n\t/**\n\t * Defines a short hint, intended to aid the user with data entry when the\n\t * component has no value.\n\t *\n\t * <br><br>\n\t * <b>Note:</b> When no placeholder is set, the format pattern is displayed as a placeholder.\n\t * Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.placeholder\n\t * @type {string}\n\t * @defaultvalue undefined\n\t * @public\n\t */\n\t@property({ defaultValue: undefined })\n\tplaceholder?: string;\n\n\t/**\n\t * Determines the name with which the component will be submitted in an HTML form.\n\t *\n\t * <br><br>\n\t * <b>Important:</b> For the <code>name</code> property to have effect, you must add the following import to your project:\n\t * <code>import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";</code>\n\t *\n\t * <br><br>\n\t * <b>Note:</b> When set, a native <code>input</code> HTML element\n\t * will be created inside the component so that it can be submitted as\n\t * part of an HTML form. Do not use this property unless you need to submit a form.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.name\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tname!: string;\n\n\t/**\n\t * Determines the number of digits after the decimal point of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.valuePrecision\n\t * @type {sap.ui.webc.base.types.Integer}\n\t * @defaultvalue 0\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: 0 })\n\tvaluePrecision!: number;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.accessibleName\n\t * @type {string}\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\taccessibleName!: string;\n\n\t/**\n\t * Receives id(or many ids) of the elements that label the component.\n\t *\n\t * @name sap.ui.webc.main.StepInput.prototype.accessibleNameRef\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property({ defaultValue: \"\" })\n\taccessibleNameRef!: string;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_decIconDisabled!: boolean;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_incIconDisabled!: boolean;\n\n\t@property({ type: Boolean })\n\tfocused!: boolean;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_inputFocused!: boolean;\n\n\t@property({ validator: Float, noAttribute: true })\n\t_previousValue!: number;\n\n\t@property({ validator: Float, noAttribute: true })\n\t_waitTimeout!: number;\n\n\t@property({ validator: Float, noAttribute: true })\n\t_speed!: number;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_btnDown!: boolean;\n\n\t@property({ validator: Integer, noAttribute: true })\n\t_spinTimeoutId!: Timeout;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_spinStarted!: boolean;\n\n\t/**\n\t * Defines the value state message that will be displayed as pop up under the component.\n\t * <br><br>\n\t *\n\t * <b>Note:</b> If not specified, a default text (in the respective language) will be displayed.\n\t * <br>\n\t * <b>Note:</b> The <code>valueStateMessage</code> would be displayed,\n\t * when the component is in <code>Information</code>, <code>Warning</code> or <code>Error</code> value state.\n\t * @type {HTMLElement}\n\t * @slot\n\t * @name sap.ui.webc.main.StepInput.prototype.valueStateMessage\n\t * @public\n\t */\n\t@slot()\n\tvalueStateMessage!: Array<HTMLElement>;\n\n\t/**\n\t * The slot is used to render native <code>input</code> HTML element within Light DOM to enable form submit,\n\t * when <code>name</code> property is set.\n\t *\n\t * @type {HTMLElement[]}\n\t * @slot\n\t * @private\n\t */\n\t@slot()\n\tformSupport!: Array<HTMLElement>;\n\n\t_initialValueState?: ValueState;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tStepInput.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget type() {\n\t\treturn InputType.Number;\n\t}\n\n\t// icons-related\n\n\tget decIconTitle() {\n\t\treturn StepInput.i18nBundle.getText(STEPINPUT_DEC_ICON_TITLE);\n\t}\n\n\tget decIconName() {\n\t\treturn \"less\";\n\t}\n\n\tget incIconTitle() {\n\t\treturn StepInput.i18nBundle.getText(STEPINPUT_INC_ICON_TITLE);\n\t}\n\n\tget incIconName() {\n\t\treturn \"add\";\n\t}\n\n\tget _decIconClickable() {\n\t\treturn !this._decIconDisabled && !this.readonly && !this.disabled;\n\t}\n\n\tget _incIconClickable() {\n\t\treturn !this._incIconDisabled && !this.readonly && !this.disabled;\n\t}\n\n\tget _isFocused() {\n\t\treturn this.focused;\n\t}\n\n\tget _valuePrecisioned() {\n\t\treturn this.value.toFixed(this.valuePrecision);\n\t}\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"ariaRequired\": this.required,\n\t\t\t\"ariaLabel\": getEffectiveAriaLabelText(this),\n\t\t};\n\t}\n\n\tget inputAttributes() {\n\t\treturn {\n\t\t\tmin: this.min === undefined ? undefined : this.min,\n\t\t\tmax: this.max === undefined ? undefined : this.max,\n\t\t\tstep: this.step,\n\t\t};\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._setButtonState();\n\t\tif (this._previousValue === undefined) {\n\t\t\tthis._previousValue = this.value;\n\t\t}\n\n\t\tconst formSupport = getFeature<typeof FormSupport>(\"FormSupport\");\n\t\tif (formSupport) {\n\t\t\tformSupport.syncNativeHiddenInput(this);\n\t\t} else if (this.name) {\n\t\t\tconsole.warn(`In order for the \"name\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n\t\t}\n\t}\n\n\tget input(): Input {\n\t\treturn this.shadowRoot!.querySelector<Input>(\"[ui5-input]\")!;\n\t}\n\n\tget inputOuter() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-step-input-input\")!;\n\t}\n\n\t_onButtonFocusOut() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this._inputFocused) {\n\t\t\t\tthis.inputOuter.removeAttribute(\"focused\");\n\t\t\t}\n\t\t}, 0);\n\t}\n\n\t_onInputFocusIn() {\n\t\tthis._inputFocused = true;\n\t\tif (this.value !== this._previousValue) {\n\t\t\tthis._previousValue = this.value;\n\t\t}\n\t}\n\n\t_onInputFocusOut() {\n\t\tthis._inputFocused = false;\n\t\tthis._onInputChange();\n\t}\n\n\t_setButtonState() {\n\t\tthis._decIconDisabled = this.min !== undefined && this.value <= this.min;\n\t\tthis._incIconDisabled = this.max !== undefined && this.value >= this.max;\n\t}\n\n\t_validate() {\n\t\tif (this._initialValueState === undefined) {\n\t\t\tthis._initialValueState = this.valueState;\n\t\t}\n\n\t\tthis.valueState = ((this.min !== undefined && this.value < this.min)\n\t\t\t|| (this.max !== undefined && this.value > this.max))\n\t\t\t? ValueState.Error : this._initialValueState;\n\t}\n\n\t_preciseValue(value: number) {\n\t\tconst pow = 10 ** this.valuePrecision;\n\t\treturn Math.round(value * pow) / pow;\n\t}\n\n\t_fireChangeEvent() {\n\t\tif (this._previousValue !== this.value) {\n\t\t\tthis._previousValue = this.value;\n\t\t\tthis.fireEvent(\"change\", { value: this.value });\n\t\t}\n\t}\n\n\t/**\n\t * Value modifier - modifies the value of the component, validates the new value and enables/disables increment and\n\t * decrement buttons according to the value and min/max values (if set). Fires <code>change</code> event when requested\n\t *\n\t * @param {Float} modifier modifies the value of the component with the given modifier (positive or negative)\n\t * @param {boolean} fireChangeEvent if <code>true</code>, fires <code>change</code> event when the value is changed\n\t */\n\t_modifyValue(modifier: number, fireChangeEvent = false) {\n\t\tlet value;\n\t\tthis.value = this._preciseValue(parseFloat(this.input.value));\n\t\tvalue = this.value + modifier;\n\t\tif (this.min !== undefined && value < this.min) {\n\t\t\tvalue = this.min;\n\t\t}\n\t\tif (this.max !== undefined && value > this.max) {\n\t\t\tvalue = this.max;\n\t\t}\n\t\tvalue = this._preciseValue(value);\n\t\tif (value !== this.value) {\n\t\t\tthis.value = value;\n\t\t\tthis._validate();\n\t\t\tthis._setButtonState();\n\t\t\tthis.focused = true;\n\t\t\tthis.inputOuter.setAttribute(\"focused\", \"\");\n\t\t\tif (fireChangeEvent) {\n\t\t\t\tthis._fireChangeEvent();\n\t\t\t} else {\n\t\t\t\tthis.input.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\t_incValue(e: CustomEvent) {\n\t\tif (this._incIconClickable && e.isTrusted && !this.disabled && !this.readonly) {\n\t\t\tthis._modifyValue(this.step, true);\n\t\t\tthis._previousValue = this.value;\n\t\t}\n\t}\n\n\t_decValue(e: CustomEvent) {\n\t\tif (this._decIconClickable && e.isTrusted && !this.disabled && !this.readonly) {\n\t\t\tthis._modifyValue(-this.step, true);\n\t\t\tthis._previousValue = this.value;\n\t\t}\n\t}\n\n\t_onInputChange() {\n\t\tif (this.input.value === \"\") {\n\t\t\tthis.input.value = (this.min || 0) as unknown as string;\n\t\t}\n\t\tconst inputValue = this._preciseValue(parseFloat(this.input.value));\n\t\tif (this.value !== this._previousValue || this.value !== inputValue) {\n\t\t\tthis.value = inputValue;\n\t\t\tthis._validate();\n\t\t\tthis._setButtonState();\n\t\t\tthis._fireChangeEvent();\n\t\t}\n\t}\n\n\t_onfocusin() {\n\t\tthis.focused = true;\n\t}\n\n\t_onfocusout() {\n\t\tthis.focused = false;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tlet preventDefault = true;\n\t\tif (this.disabled || this.readonly) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._onInputChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif (isUp(e)) {\n\t\t\t// step up\n\t\t\tthis._modifyValue(this.step);\n\t\t} else if (isDown(e)) {\n\t\t\t// step down\n\t\t\tthis._modifyValue(-this.step);\n\t\t} else if (isEscape(e)) {\n\t\t\t// return previous value\n\t\t\tthis.value = this._previousValue;\n\t\t\tthis.input.value = this.value.toFixed(this.valuePrecision);\n\t\t} else if (this.max !== undefined && (isPageUpShift(e) || isUpShiftCtrl(e))) {\n\t\t\t// step to max\n\t\t\tthis._modifyValue(this.max - this.value);\n\t\t} else if (this.min !== undefined && (isPageDownShift(e) || isDownShiftCtrl(e))) {\n\t\t\t// step to min\n\t\t\tthis._modifyValue(this.min - this.value);\n\t\t} else if (!isUpCtrl(e) && !isDownCtrl(e) && !isUpShift(e) && !isDownShift(e)) {\n\t\t\tpreventDefault = false;\n\t\t}\n\t\tif (preventDefault) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_decSpin() {\n\t\tif (!this._decIconDisabled) {\n\t\t\tthis._spinValue(false, true);\n\t\t}\n\t}\n\n\t_incSpin() {\n\t\tif (!this._incIconDisabled) {\n\t\t\tthis._spinValue(true, true);\n\t\t}\n\t}\n\n\t/**\n\t * Calculates the time which should be waited until _spinValue function is called.\n\t */\n\t_calcWaitTimeout() {\n\t\tthis._speed *= ACCELERATION;\n\t\tthis._waitTimeout = ((this._waitTimeout - this._speed) < MIN_WAIT_TIMEOUT ? MIN_WAIT_TIMEOUT : (this._waitTimeout - this._speed));\n\t\treturn this._waitTimeout;\n\t}\n\n\t/**\n\t * Called when the increment or decrement button is pressed and held to set new value.\n\t * @param {boolean} increment - is this the increment button or not so the values should be spin accordingly up or down\n\t * @param {boolean} resetVariables - whether to reset the spin-related variables or not\n\t */\n\t_spinValue(increment: boolean, resetVariables = false) {\n\t\tif (resetVariables) {\n\t\t\tthis._waitTimeout = INITIAL_WAIT_TIMEOUT;\n\t\t\tthis._speed = INITIAL_SPEED;\n\t\t\tthis._btnDown = true;\n\t\t}\n\t\tthis._spinTimeoutId = setTimeout(() => {\n\t\t\tif (this._btnDown) {\n\t\t\t\tthis._spinStarted = true;\n\t\t\t\tthis._modifyValue(increment ? this.step : -this.step);\n\t\t\t\tthis._setButtonState();\n\t\t\t\tif ((!this._incIconDisabled && increment) || (!this._decIconDisabled && !increment)) {\n\t\t\t\t\tthis._spinValue(increment);\n\t\t\t\t} else {\n\t\t\t\t\tthis._resetSpin();\n\t\t\t\t\tthis._fireChangeEvent();\n\t\t\t\t}\n\t\t\t}\n\t\t}, this._calcWaitTimeout());\n\t}\n\n\t/**\n\t* Resets spin process\n\t*/\n\t_resetSpin() {\n\t\tclearTimeout(this._spinTimeoutId);\n\t\tthis._btnDown = false;\n\t\tthis._spinStarted = false;\n\t}\n\n\t/**\n\t* Resets spin process when mouse outs + or - buttons\n\t*/\n\t_resetSpinOut() {\n\t\tif (this._btnDown) {\n\t\t\tthis._resetSpin();\n\t\t\tthis._fireChangeEvent();\n\t\t}\n\t}\n}\nStepInput.define();\n\nexport default StepInput;\n"]}

package/dist/SuggestionGroupItem.d.ts

@@ -0,0 +1,34 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * The <code>ui5-suggestion-group-item</code> is type of suggestion item,
+ * that can be used to split the <code>ui5-input</code> suggestions into groups.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.SuggestionGroupItem
+ * @extends sap.ui.webc.base.UI5Element
+ * @abstract
+ * @tagname ui5-suggestion-group-item
+ * @implements sap.ui.webc.main.IInputSuggestionItem
+ * @public
+ * @since 1.0.0-rc.15
+ */
+declare class SuggestionGroupItem extends UI5Element {
+    /**
+     * Defines the text of the <code>ui5-suggestion-group-item</code>.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.SuggestionGroupItem.prototype.text
+     * @defaultvalue ""
+     * @public
+     */
+    text: string;
+    /**
+     * Indicates the "grouping" nature of the component
+     * to avoid tag name checks tag name to diferenciate from the standard suggestion item.
+     * @protected
+     */
+    get groupItem(): boolean;
+}
+export default SuggestionGroupItem;

package/dist/SuggestionGroupItem.js

@@ -0,0 +1,47 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import GroupHeaderListItem from "./GroupHeaderListItem.js";
+/**
+ * @class
+ * The <code>ui5-suggestion-group-item</code> is type of suggestion item,
+ * that can be used to split the <code>ui5-input</code> suggestions into groups.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.SuggestionGroupItem
+ * @extends sap.ui.webc.base.UI5Element
+ * @abstract
+ * @tagname ui5-suggestion-group-item
+ * @implements sap.ui.webc.main.IInputSuggestionItem
+ * @public
+ * @since 1.0.0-rc.15
+ */
+let SuggestionGroupItem = class SuggestionGroupItem extends UI5Element {
+    /**
+     * Indicates the "grouping" nature of the component
+     * to avoid tag name checks tag name to diferenciate from the standard suggestion item.
+     * @protected
+     */
+    get groupItem() {
+        return true;
+    }
+};
+__decorate([
+    property()
+], SuggestionGroupItem.prototype, "text", void 0);
+SuggestionGroupItem = __decorate([
+    customElement({
+        tag: "ui5-suggestion-group-item",
+        dependencies: [GroupHeaderListItem],
+    })
+], SuggestionGroupItem);
+SuggestionGroupItem.define();
+export default SuggestionGroupItem;
+//# sourceMappingURL=SuggestionGroupItem.js.map

package/dist/SuggestionGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionGroupItem.js","sourceRoot":"","sources":["../src/SuggestionGroupItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AAKH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAY3C;;;;OAIG;IACH,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AAVA;IADC,QAAQ,EAAE;iDACG;AAVT,mBAAmB;IAJxB,aAAa,CAAC;QACd,GAAG,EAAE,2BAA2B;QAChC,YAAY,EAAE,CAAC,mBAAmB,CAAC;KACnC,CAAC;GACI,mBAAmB,CAoBxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport GroupHeaderListItem from \"./GroupHeaderListItem.js\";\n\n/**\n * @class\n * The <code>ui5-suggestion-group-item</code> is type of suggestion item,\n * that can be used to split the <code>ui5-input</code> suggestions into groups.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.SuggestionGroupItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-suggestion-group-item\n * @implements sap.ui.webc.main.IInputSuggestionItem\n * @public\n * @since 1.0.0-rc.15\n */\n@customElement({\n\ttag: \"ui5-suggestion-group-item\",\n\tdependencies: [GroupHeaderListItem],\n})\nclass SuggestionGroupItem extends UI5Element {\n\t/**\n\t * Defines the text of the <code>ui5-suggestion-group-item</code>.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.main.SuggestionGroupItem.prototype.text\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Indicates the \"grouping\" nature of the component\n\t * to avoid tag name checks tag name to diferenciate from the standard suggestion item.\n\t * @protected\n\t */\n\tget groupItem() {\n\t\treturn true;\n\t}\n}\n\nSuggestionGroupItem.define();\n\nexport default SuggestionGroupItem;\n"]}