@refinitiv-ui/elements 7.3.0 → 7.3.2

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.3.1...@refinitiv-ui/elements@7.3.2) (2023-09-04)
+
+### Bug Fixes
+
+- **number-field:** stepUp/stepDown not fire input event ([#921](https://github.com/Refinitiv/refinitiv-ui/issues/921)) ([e89e124](https://github.com/Refinitiv/refinitiv-ui/commit/e89e124461cc101bd065fd6262cab64c484d50dc))
+
+## [7.3.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.3.0...@refinitiv-ui/elements@7.3.1) (2023-08-28)
+
+### Bug Fixes
+
+- **slider:** display and initial to value incorrectly ([#913](https://github.com/Refinitiv/refinitiv-ui/issues/913)) ([799e8b0](https://github.com/Refinitiv/refinitiv-ui/commit/799e8b075b9b7b45bfbdce7ff93030caa4d6948e))
+- **slider:** page freeze when from/to overflow max value ([#916](https://github.com/Refinitiv/refinitiv-ui/issues/916)) ([58ec700](https://github.com/Refinitiv/refinitiv-ui/commit/58ec7001766e219faf169abf6d2b48e94bbe4294))
+
+### Reverts
+
+- Revert "refactor(tree-select): values order by sequential selection (#919)" (#923) ([b007748](https://github.com/Refinitiv/refinitiv-ui/commit/b0077481bdc8b9535b911d2be63877b02b6142c4)), closes [#919](https://github.com/Refinitiv/refinitiv-ui/issues/919) [#923](https://github.com/Refinitiv/refinitiv-ui/issues/923)
+
 # [7.3.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.2.2...@refinitiv-ui/elements@7.3.0) (2023-08-21)
 
 ### Bug Fixes

package/lib/number-field/custom-elements.json

@@ -158,6 +158,9 @@
         {
           "name": "error-changed",
           "description": "Fired when user inputs invalid value. The event is not triggered if `error` property is changed programmatically."
+        },
+        {
+          "name": "input"
         }
       ],
       "methods": [

package/lib/number-field/custom-elements.md

@@ -33,4 +33,5 @@ Form control element for numbers.
 | Event           | Description                                      |
 |-----------------|--------------------------------------------------|
 | `error-changed` | Fired when user inputs invalid value. The event is not triggered if `error` property is changed programmatically. |
+| `input`         |                                                  |
 | `value-changed` | Fired when user commits a value change. The event is not triggered if `value` property is changed programmatically. |

package/lib/number-field/index.js

@@ -276,6 +276,7 @@ let NumberField = class NumberField extends FormFieldElement {
     onApplyStep(direction) {
         try {
             this.applyStepDirection(direction);
+            this.dispatchEvent(new InputEvent('input'));
             this.setSilentlyValueAndNotify();
         }
         catch (error) {

package/lib/slider/index.js

@@ -445,8 +445,8 @@ let Slider = class Slider extends ControlElement {
                     }
                 }
                 else {
-                    this.from = clamp(this.fromNumber || this.minNumber, this.minNumber, this.toNumber);
-                    this.to = clamp(this.toNumber || this.maxNumber, this.fromNumber, this.maxNumber);
+                    this.from = clamp(this.fromNumber, this.minNumber, this.toNumber);
+                    this.to = clamp(this.toNumber, this.fromNumber, this.maxNumber);
                 }
             }
             else {
@@ -962,10 +962,8 @@ let Slider = class Slider extends ControlElement {
         }
         else {
             // if value is outside boundary, set to boundary
-            if (this.fromNumber < this.minNumber) {
-                this.from = this.min;
-            }
-            else if (this.fromNumber > this.toNumber) {
+            this.from = clamp(this.fromNumber, this.minNumber, this.maxNumber);
+            if (this.fromNumber > this.toNumber) {
                 this.from = this.to;
             }
             if (this.minRangeNumber) {
@@ -987,24 +985,19 @@ let Slider = class Slider extends ControlElement {
      * @returns true if value and step inside a boundary
      */
     isValueInBoundary(value, valueFor) {
-        if (this.minNumber < this.maxNumber) {
-            // Check if value is in range
-            if (this.range) {
-                if (valueFor === SliderDataName.to) {
-                    if (value < this.fromNumber + this.minRangeNumber || value > this.maxNumber) {
-                        return false;
-                    }
-                }
-                else if (value < this.minNumber || value > this.toNumber - this.minRangeNumber) {
-                    return false;
-                }
-            }
-            else if (value < this.minNumber || value > this.maxNumber) {
+        if (this.minNumber > this.maxNumber) {
+            return false;
+        }
+        // Check if value is in range
+        if (value < this.minNumber || value > this.maxNumber) {
+            return false;
+        }
+        if (this.range) {
+            if (valueFor === SliderDataName.to && value < this.fromNumber + this.minRangeNumber) {
                 return false;
             }
-            // check step min and max in range
-            if (this.stepRange < this.minNumber || this.stepRange > this.maxNumber) {
-                return true;
+            else if (value > this.toNumber - this.minRangeNumber) {
+                return false;
             }
         }
         return true;
@@ -1019,12 +1012,10 @@ let Slider = class Slider extends ControlElement {
         }
         else {
             // if value is outside boundary, set to boundary
+            this.to = clamp(this.toNumber, this.minNumber, this.maxNumber);
             if (this.toNumber < this.fromNumber) {
                 this.to = this.from;
             }
-            else if (this.toNumber > this.maxNumber) {
-                this.to = this.max;
-            }
             if (this.minRangeNumber) {
                 const distanceFromTo = Math.abs(this.toNumber - this.fromNumber);
                 const distanceMax = this.fromNumber + this.minRangeNumber;
@@ -1051,9 +1042,8 @@ let Slider = class Slider extends ControlElement {
     onMinRangeChange() {
         const valueMinRange = Math.abs(this.minRangeNumber);
         const maximumRangeMinMax = Math.abs(this.maxNumber - this.minNumber);
-        const maximumRangeFromTo = Math.abs(this.toNumber - this.fromNumber);
         if (valueMinRange && valueMinRange >= this.stepNumber) {
-            if (valueMinRange <= maximumRangeMinMax && valueMinRange <= maximumRangeFromTo) {
+            if (valueMinRange <= maximumRangeMinMax) {
                 this.minRange = valueMinRange.toString();
             }
             else {
@@ -1197,8 +1187,8 @@ let Slider = class Slider extends ControlElement {
      */
     renderThumb(from, to) {
         return html `
-      ${this.thumbTemplate(from, this.calculatePosition(from), to ? SliderDataName.from : SliderDataName.value)}
-      ${to && this.thumbTemplate(to, this.calculatePosition(to), SliderDataName.to)}
+      ${this.thumbTemplate(from, this.calculatePosition(from), to !== undefined ? SliderDataName.from : SliderDataName.value)}
+      ${to !== undefined ? this.thumbTemplate(to, this.calculatePosition(to), SliderDataName.to) : nothing}
     `;
     }
     /**
@@ -1219,7 +1209,6 @@ let Slider = class Slider extends ControlElement {
         @blur=${this.onNumberFieldBlur}
         @keydown=${this.onNumberFieldKeyDown}
         @input=${this.onNumberFieldInput}
-        @value-changed=${this.onNumberFieldInput}
         part="input"
         name="${name}"
         no-spinner

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '7.3.0';
+export const VERSION = '7.3.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.3.0",
+  "version": "7.3.2",
   "description": "Element Framework Elements",
   "author": "Refinitiv",
   "license": "Apache-2.0",
@@ -371,5 +371,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6b124ba3f8c038afa38c1e58bef2ce7d3666d2c7"
+  "gitHead": "7926580c28da963085dceeeb27f9f706b627525c"
 }