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

package/package.json

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

package/public/css/tailwind-brandCrowd.css

@@ -827,6 +827,10 @@ video {
 .theme-brandCrowd .tw-h-auto {
   height: auto;
 }
+.theme-brandCrowd .tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .theme-brandCrowd .tw-h-full {
   height: 100%;
 }

package/public/css/tailwind-brandPage.css

@@ -827,6 +827,10 @@ video {
 .theme-brandPage .tw-h-auto {
   height: auto;
 }
+.theme-brandPage .tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .theme-brandPage .tw-h-full {
   height: 100%;
 }

package/public/css/tailwind-crazyDomains.css

@@ -827,6 +827,10 @@ video {
 .theme-crazyDomains .tw-h-auto {
   height: auto;
 }
+.theme-crazyDomains .tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .theme-crazyDomains .tw-h-full {
   height: 100%;
 }

package/public/css/tailwind-designCom.css

@@ -827,6 +827,10 @@ video {
 .theme-designCom .tw-h-auto {
   height: auto;
 }
+.theme-designCom .tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .theme-designCom .tw-h-full {
   height: 100%;
 }

package/public/css/tailwind-designCrowd.css

@@ -827,6 +827,10 @@ video {
 .theme-designCrowd .tw-h-auto {
   height: auto;
 }
+.theme-designCrowd .tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .theme-designCrowd .tw-h-full {
   height: 100%;
 }

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" />
+        <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

@@ -114,6 +114,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    timerToMinimum: {
+      type: Number,
+      default: false,
+    },
   },
   setup(props) {
     const numberStepperRef = `js-number-stepper-${props.id}`;
@@ -126,6 +130,7 @@ export default {
       longPressDelayTimeout: null,
       longPressTimeout: null,
       longPressInterval: null,
+      resetToMinTimer: null,
     };
   },
   computed: {
@@ -171,6 +176,7 @@ export default {
   },
   beforeUnmount() {
     this.clearLongPressTimers();
+    this.clearResetToMinTimer();
   },
   methods: {
     addDataAttribute() {
@@ -288,6 +294,7 @@ export default {
         e.target.value = newNumber;
         this.$emit('update:modelValue', this.number);
         this.$emit('input', this.number);
+        this.startResetToMinTimer(e);
       }
     },
     checkLimit(e) {
@@ -308,6 +315,20 @@ export default {
       this.$emit('update:modelValue', this.number);
       this.$emit('input', this.number);
     },
+    startResetToMinTimer(e) {
+      this.clearResetToMinTimer();
+      if (this.timerToMinimum) {
+        this.resetToMinTimer = setTimeout(() => {
+          this.checkLimit(e);
+        }, this.timerToMinimum);
+      }
+    },
+    clearResetToMinTimer() {
+      if (this.resetToMinTimer) {
+        clearTimeout(this.resetToMinTimer);
+        this.resetToMinTimer = null;
+      }
+    },
   },
 };
 </script>