@nuskin/product-components 3.18.2-gms-12518.4 → 3.18.2-gms-12518.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,12 +28,14 @@
28
28
  </div>
29
29
  <template #custom>
30
30
  <input
31
- ref="input"
31
+ ref="quantityInput"
32
32
  v-model.number="quantityInput"
33
- :class="[$style.customInput, { [$style.small]: size === 'small' }]"
33
+ :class="[
34
+ $style.customInput,
35
+ { [$style.small]: size === 'small' },
36
+ 'quanity-input'
37
+ ]"
34
38
  type="number"
35
- inputmode="numeric"
36
- :readonly="this.isMobileDevice() && !isInputFocused"
37
39
  min="0"
38
40
  step="1"
39
41
  @input="handleInput"
@@ -135,7 +137,6 @@ export default {
135
137
  quantityInput: this.dropdownMax || 1,
136
138
  selectedValue: this.selected || 1,
137
139
  showCustomSelectedItem: false,
138
- isInputFocused: false,
139
140
  //
140
141
  errorMessage: "",
141
142
  maxNotUsed: true
@@ -174,6 +175,9 @@ export default {
174
175
  }
175
176
  }
176
177
  },
178
+ mounted() {
179
+ this.blurAllQuantityInputs();
180
+ },
177
181
  methods: {
178
182
  /**
179
183
  * Disables input
@@ -209,7 +213,6 @@ export default {
209
213
  } else {
210
214
  this.select(value);
211
215
  }
212
- this.isInputFocused = false;
213
216
  },
214
217
  handleInput(event) {
215
218
  const value = event.target.value;
@@ -275,14 +278,12 @@ export default {
275
278
  itemQty >= this.dropdownMax && this.maxAvailable > this.dropdownMax
276
279
  );
277
280
  },
278
- handleFocus() {
279
- this.isInputFocused = true;
281
+ blurAllQuantityInputs() {
282
+ const inputs = document.querySelectorAll(
283
+ 'input[type="number"].quantity-input'
284
+ );
285
+ inputs.forEach(input => input.blur());
280
286
  }
281
- // isMobileDevice() {
282
- // return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
283
- // navigator.userAgent
284
- // );
285
- // }
286
287
  }
287
288
  };
288
289
  </script>
package/docs/CHANGELOG.md CHANGED
@@ -1 +1 @@
1
- ## [3.18.2-gms-12518.4](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-12518.3...v3.18.2-gms-12518.4) (2025-06-30)
1
+ ## [3.18.2-gms-12518.6](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-12518.5...v3.18.2-gms-12518.6) (2025-07-09)
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "bomFormat": "CycloneDX",
3
3
  "specVersion": "1.4",
4
- "serialNumber": "urn:uuid:ba6fbee4-6db8-441e-8440-f1b024a8fae0",
4
+ "serialNumber": "urn:uuid:c5ec8ea5-42c8-4a94-9676-dccfa112930e",
5
5
  "version": 1,
6
6
  "metadata": {
7
- "timestamp": "2025-06-30T12:55:10Z",
7
+ "timestamp": "2025-07-09T10:00:38Z",
8
8
  "tools": [
9
9
  {
10
10
  "vendor": "GitLab",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuskin/product-components",
3
- "version": "3.18.2-gms-12518.4",
3
+ "version": "3.18.2-gms-12518.6",
4
4
  "description": "Nu Skin Product Components",
5
5
  "main": "index.js",
6
6
  "scripts": {