@synergy-design-system/vue 2.31.0-numeric.2 → 2.31.0-numeric.4

package/dist/components/SynVueInput.vue.d.ts

@@ -140,12 +140,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     inputmode?: SynInput["inputmode"];
     /**
   * The minimal amount of fraction digits to use for numeric values.
-  Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  Used to format the number when the input type is `number`.
    */
     minFractionDigits?: SynInput["minFractionDigits"];
     /**
   * The maximal amount of fraction digits to use for numeric values.
-  Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  Used to format the number when the input type is `number`.
    */
     maxFractionDigits?: SynInput["maxFractionDigits"];
     /**
@@ -155,7 +155,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
   Includes the following configuration options:
   
   - **autoClamp**: If true, the input will clamp the value to the min and max attributes.
-  - **enableNumberFormat**: If true, the input will format the value using a `NumberFormatter`.
   - **noStepAlign**: If true, the input will not align the value to the step attribute.
   - **noStepValidation**: If true, the input will not validate the value against the step attribute.
   
@@ -166,14 +165,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     - Values are clamped to the nearest min or max value.
     - Stepping is inclusive to the provided min and max values.
     - Provided stepping is no longer used in validation.
-    - Advanced number formatting is enabled.
   - An object that matches the `NumericStrategy` type.
   * Note this can only be set via `property`, not as an `attribute`!
    */
     numericStrategy?: SynInput["numericStrategy"];
     /**
   * Optional options that should be passed to the `NumberFormatter` when formatting the value.
-  This is used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  This is used to format the number when the input type is `number`.
   Note this can only be set via `property`, not as an `attribute`!
    */
     numberFormatterOptions?: SynInput["numberFormatterOptions"];
@@ -326,12 +324,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     inputmode?: SynInput["inputmode"];
     /**
   * The minimal amount of fraction digits to use for numeric values.
-  Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  Used to format the number when the input type is `number`.
    */
     minFractionDigits?: SynInput["minFractionDigits"];
     /**
   * The maximal amount of fraction digits to use for numeric values.
-  Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  Used to format the number when the input type is `number`.
    */
     maxFractionDigits?: SynInput["maxFractionDigits"];
     /**
@@ -341,7 +339,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
   Includes the following configuration options:
   
   - **autoClamp**: If true, the input will clamp the value to the min and max attributes.
-  - **enableNumberFormat**: If true, the input will format the value using a `NumberFormatter`.
   - **noStepAlign**: If true, the input will not align the value to the step attribute.
   - **noStepValidation**: If true, the input will not validate the value against the step attribute.
   
@@ -352,14 +349,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     - Values are clamped to the nearest min or max value.
     - Stepping is inclusive to the provided min and max values.
     - Provided stepping is no longer used in validation.
-    - Advanced number formatting is enabled.
   - An object that matches the `NumericStrategy` type.
   * Note this can only be set via `property`, not as an `attribute`!
    */
     numericStrategy?: SynInput["numericStrategy"];
     /**
   * Optional options that should be passed to the `NumberFormatter` when formatting the value.
-  This is used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+  This is used to format the number when the input type is `number`.
   Note this can only be set via `property`, not as an `attribute`!
    */
     numberFormatterOptions?: SynInput["numberFormatterOptions"];

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.31.0-numeric.2"
+    "@synergy-design-system/components": "^2.31.0-numeric.4"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.31.0-numeric.2",
+  "version": "2.31.0-numeric.4",
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/tsconfig": "^0.7.0",

package/src/components/SynVueCombobox.vue

@@ -51,6 +51,8 @@
  * @csspart filtered-listbox - The container that wraps the filtered options.
  * @csspart clear-button - The clear button.
  * @csspart expand-icon - The container that wraps the expand icon.
+ * @csspart popup - The popup's exported `popup` part.
+ * Use this to target the tooltip's popup container.
  *
  * @animation combobox.show - The animation to use when showing the combobox.
  * @animation combobox.hide - The animation to use when hiding the combobox.

package/src/components/SynVueInput.vue

@@ -235,13 +235,13 @@ keyboard on supportive devices.
 
   /**
 * The minimal amount of fraction digits to use for numeric values.
-Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+Used to format the number when the input type is `number`.
  */
   minFractionDigits?: SynInput['minFractionDigits'];
 
   /**
 * The maximal amount of fraction digits to use for numeric values.
-Used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+Used to format the number when the input type is `number`.
  */
   maxFractionDigits?: SynInput['maxFractionDigits'];
 
@@ -252,7 +252,6 @@ This is used to determine how the input behaves when the user interacts with it.
 Includes the following configuration options:
 
 - **autoClamp**: If true, the input will clamp the value to the min and max attributes.
-- **enableNumberFormat**: If true, the input will format the value using a `NumberFormatter`.
 - **noStepAlign**: If true, the input will not align the value to the step attribute.
 - **noStepValidation**: If true, the input will not validate the value against the step attribute.
 
@@ -263,7 +262,6 @@ You may provide this as one of the following values:
   - Values are clamped to the nearest min or max value.
   - Stepping is inclusive to the provided min and max values.
   - Provided stepping is no longer used in validation.
-  - Advanced number formatting is enabled.
 - An object that matches the `NumericStrategy` type.
 * Note this can only be set via `property`, not as an `attribute`!
  */
@@ -271,7 +269,7 @@ You may provide this as one of the following values:
 
   /**
 * Optional options that should be passed to the `NumberFormatter` when formatting the value.
-This is used to format the number when the input type is `number` and `NumericStrategy.enableNumberFormat` is set to `true`.
+This is used to format the number when the input type is `number`.
 Note this can only be set via `property`, not as an `attribute`!
  */
   numberFormatterOptions?: SynInput['numberFormatterOptions'];

package/src/components/SynVueSelect.vue

@@ -51,6 +51,7 @@
  * @csspart tag__remove-button__base - The tag's remove button base part.
  * @csspart clear-button - The clear button.
  * @csspart expand-icon - The container that wraps the expand icon.
+ * @csspart popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
  */
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/select/select.js';