@synergy-design-system/vue 2.15.2 → 2.17.0

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.
@@ -50,6 +50,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
50
50
  */
51
51
  value?: SynRange["value"];
52
52
  /**
53
+ * Set to true to restrict the movement of a thumb to its next and previous thumb.
54
+ This only affects multi range components
55
+ */
56
+ restrictMovement?: SynRange["restrictMovement"];
57
+ /**
53
58
  * By default, form controls are associated with the nearest containing `<form>` element.
54
59
  This attribute allows you to place the form control outside of a form
55
60
  and associate it with the form that has this `id`.
@@ -121,6 +126,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
121
126
  */
122
127
  value?: SynRange["value"];
123
128
  /**
129
+ * Set to true to restrict the movement of a thumb to its next and previous thumb.
130
+ This only affects multi range components
131
+ */
132
+ restrictMovement?: SynRange["restrictMovement"];
133
+ /**
124
134
  * By default, form controls are associated with the nearest containing `<form>` element.
125
135
  This attribute allows you to place the form control outside of a form
126
136
  and associate it with the form that has this `id`.
@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  size: {},
15
15
  tooltipPlacement: {},
16
16
  value: {},
17
+ restrictMovement: {},
17
18
  form: {},
18
19
  tooltipFormatter: {},
19
20
  modelValue: {}
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "url": "https://www.sick.com"
5
5
  },
6
6
  "dependencies": {
7
- "@synergy-design-system/components": "^2.15.2"
7
+ "@synergy-design-system/components": "^2.17.0"
8
8
  },
9
9
  "description": "Vue3 wrappers for the Synergy Design System",
10
10
  "exports": {
@@ -40,7 +40,7 @@
40
40
  "directory": "packages/vue"
41
41
  },
42
42
  "type": "module",
43
- "version": "2.15.2",
43
+ "version": "2.17.0",
44
44
  "devDependencies": {
45
45
  "@vitejs/plugin-vue": "^5.2.0",
46
46
  "@vue/tsconfig": "^0.5.1",
@@ -50,7 +50,7 @@
50
50
  "vue": "^3.5.13"
51
51
  },
52
52
  "peerDependencies": {
53
- "@synergy-design-system/tokens": "^2.15.1"
53
+ "@synergy-design-system/tokens": "^2.17.0"
54
54
  },
55
55
  "scripts": {
56
56
  "_build": "vite build"
@@ -41,6 +41,11 @@
41
41
  * @csspart ticks - The container that wraps the tick marks.
42
42
  * @csspart thumb - The thumb(s) that the user can drag to change the range.
43
43
  *
44
+ * @csspart tooltip__base - The base of the tooltip
45
+ * @csspart tooltip__arrow - The arrow of the tooltip
46
+ * @csspart tooltip__popup - The popup of the tooltip
47
+ * @csspart tooltip__body - The body of the tooltip
48
+ *
44
49
  * @cssproperty --thumb-size - The size of a thumb.
45
50
  * @cssproperty --thumb-hit-area-size - The clickable area around the thumb.
46
51
  * Per default this is set to 140% of the thumb size. Must be a scale css value (defaults to 1.4).
@@ -124,6 +129,12 @@ const props = defineProps<{
124
129
  */
125
130
  value?: SynRange['value'];
126
131
 
132
+ /**
133
+ * Set to true to restrict the movement of a thumb to its next and previous thumb.
134
+ This only affects multi range components
135
+ */
136
+ restrictMovement?: SynRange['restrictMovement'];
137
+
127
138
  /**
128
139
  * By default, form controls are associated with the nearest containing `<form>` element.
129
140
  This attribute allows you to place the form control outside of a form