@synergy-design-system/vue 2.16.0 → 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`.
|
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.
|
|
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.
|
|
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.
|
|
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
|