@designcrowd/fe-shared-lib 1.1.7-rte-ast-16.1 → 1.1.7-rte-ast-17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.1.7-rte-ast-16.1",
+  "version": "1.1.7-rte-ast-17",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/atoms/components/NumberStepper/NumberStepper.stories.js

@@ -24,7 +24,7 @@ export const Primary = () => {
     template: `
       <div>
         <div>Full width min 12 max 128</div>
-        <NumberStepper v-model="numberValue" id="id1" :min="12" :max="128" :disabled="false" :timer-to-minimum="500" />
+        <NumberStepper v-model="numberValue" id="id1" :min="12" :max="128" :disabled="false" :timer-to-minimum="750" />
         <div class="tw-mt-4 tw-w-64">
           <div>Fixed container width</div>
           <NumberStepper v-model="numberValue" id="id2" :min="18" :max="25" :disabled="false" />

package/src/atoms/components/NumberStepper/NumberStepper.vue

@@ -176,6 +176,7 @@ export default {
   },
   beforeUnmount() {
     this.clearLongPressTimers();
+    this.clearResetToMinTimer();
   },
   methods: {
     addDataAttribute() {
@@ -293,7 +294,7 @@ export default {
         e.target.value = newNumber;
         this.$emit('update:modelValue', this.number);
         this.$emit('input', this.number);
-        this.startResetToMinTimer();
+        this.startResetToMinTimer(e);
       }
     },
     checkLimit(e) {
@@ -314,17 +315,20 @@ export default {
       this.$emit('update:modelValue', this.number);
       this.$emit('input', this.number);
     },
-    startResetToMinTimer() {
+    startResetToMinTimer(e) {
+      this.clearResetToMinTimer();
       if (this.timerToMinimum) {
         this.resetToMinTimer = setTimeout(() => {
-          if (this.number < this.min) {
-            this.number = this.min;
-            this.$emit('update:modelValue', this.number);
-            this.$emit('input', this.number);
-          }
+          this.checkLimit(e);
         }, this.timerToMinimum);
       }
     },
+    clearResetToMinTimer() {
+      if (this.resetToMinTimer) {
+        clearTimeout(this.resetToMinTimer);
+        this.resetToMinTimer = null;
+      }
+    },
   },
 };
 </script>