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

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,10 @@
28
28
  </div>
29
29
  <template #custom>
30
30
  <input
31
- ref="input"
31
+ ref="quantityInput"
32
32
  v-model.number="quantityInput"
33
33
  :class="[$style.customInput, { [$style.small]: size === 'small' }]"
34
34
  type="number"
35
- inputmode="numeric"
36
- :readonly="this.isMobileDevice() && !isInputFocused"
37
35
  min="0"
38
36
  step="1"
39
37
  @input="handleInput"
@@ -135,7 +133,6 @@ export default {
135
133
  quantityInput: this.dropdownMax || 1,
136
134
  selectedValue: this.selected || 1,
137
135
  showCustomSelectedItem: false,
138
- isInputFocused: false,
139
136
  //
140
137
  errorMessage: "",
141
138
  maxNotUsed: true
@@ -174,6 +171,9 @@ export default {
174
171
  }
175
172
  }
176
173
  },
174
+ mounted() {
175
+ this.blurAllQuantityInputs();
176
+ },
177
177
  methods: {
178
178
  /**
179
179
  * Disables input
@@ -209,7 +209,6 @@ export default {
209
209
  } else {
210
210
  this.select(value);
211
211
  }
212
- this.isInputFocused = false;
213
212
  },
214
213
  handleInput(event) {
215
214
  const value = event.target.value;
@@ -275,14 +274,12 @@ export default {
275
274
  itemQty >= this.dropdownMax && this.maxAvailable > this.dropdownMax
276
275
  );
277
276
  },
278
- handleFocus() {
279
- this.isInputFocused = true;
277
+ blurAllQuantityInputs() {
278
+ const inputs = document.querySelectorAll(
279
+ 'input[type="number"].quamtity-input'
280
+ );
281
+ inputs.forEach(input => input.blur());
280
282
  }
281
- // isMobileDevice() {
282
- // return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
283
- // navigator.userAgent
284
- // );
285
- // }
286
283
  }
287
284
  };
288
285
  </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.5](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-12518.4...v3.18.2-gms-12518.5) (2025-07-02)
@@ -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:b5041616-03a5-40a2-883f-731b1a8931b4",
5
5
  "version": 1,
6
6
  "metadata": {
7
- "timestamp": "2025-06-30T12:55:10Z",
7
+ "timestamp": "2025-07-02T04:57:15Z",
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.5",
4
4
  "description": "Nu Skin Product Components",
5
5
  "main": "index.js",
6
6
  "scripts": {