@vonage/vivid 4.15.0 → 4.16.1

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.
Files changed (21) hide show
  1. package/custom-elements.json +16 -0
  2. package/lib/range-slider/utils/roundToStepValue.d.ts +4 -0
  3. package/package.json +1 -1
  4. package/shared/definition25.cjs +1 -1
  5. package/shared/definition25.js +1 -1
  6. package/shared/definition41.cjs +1 -1
  7. package/shared/definition41.js +2 -2
  8. package/shared/definition43.cjs +5 -5
  9. package/shared/definition43.js +5 -5
  10. package/shared/definition46.cjs +1 -1
  11. package/shared/definition46.js +2 -2
  12. package/shared/definition61.cjs +5998 -1980
  13. package/shared/definition61.js +5998 -1980
  14. package/shared/slider.template.cjs +11 -0
  15. package/shared/slider.template.js +11 -1
  16. package/styles/core/all.css +1 -1
  17. package/styles/core/theme.css +1 -1
  18. package/styles/core/typography.css +1 -1
  19. package/styles/tokens/theme-dark.css +4 -4
  20. package/styles/tokens/theme-light.css +4 -4
  21. package/styles/tokens/vivid-2-compat.css +1 -1
package/shared/slider.template.cjs CHANGED
@@ -23,6 +23,16 @@ const roundToStepValue = (value, step) => {
23
23
  const roundedValue = Math.round(value / step) * step;
24
24
  return Math.round(roundedValue * factor) / factor;
25
25
  };
26
+ const handleStepValue = (step) => step > 0 ? step : 1;
27
+ const defaultToOneConverter = {
28
+ fromView(value) {
29
+ const num = Number(value);
30
+ return handleStepValue(num);
31
+ },
32
+ toView(value) {
33
+ return value.toString();
34
+ }
35
+ };
26
36
 
27
37
  const lerp = (a, b, value) => a + (b - a) * value;
28
38
  const inverseLerp = (a, b, value) => numbers.limit(0, 1, (value - a) / (b - a));
@@ -97,6 +107,7 @@ const SliderTemplate = (context) => {
97
107
  };
98
108
 
99
109
  exports.SliderTemplate = SliderTemplate;
110
+ exports.defaultToOneConverter = defaultToOneConverter;
100
111
  exports.getMarkersTemplate = getMarkersTemplate;
101
112
  exports.inverseLerp = inverseLerp;
102
113
  exports.lerp = lerp;
package/shared/slider.template.js CHANGED
@@ -21,6 +21,16 @@ const roundToStepValue = (value, step) => {
21
21
  const roundedValue = Math.round(value / step) * step;
22
22
  return Math.round(roundedValue * factor) / factor;
23
23
  };
24
+ const handleStepValue = (step) => step > 0 ? step : 1;
25
+ const defaultToOneConverter = {
26
+ fromView(value) {
27
+ const num = Number(value);
28
+ return handleStepValue(num);
29
+ },
30
+ toView(value) {
31
+ return value.toString();
32
+ }
33
+ };
24
34
 
25
35
  const lerp = (a, b, value) => a + (b - a) * value;
26
36
  const inverseLerp = (a, b, value) => limit(0, 1, (value - a) / (b - a));
@@ -94,4 +104,4 @@ const SliderTemplate = (context) => {
94
104
  >`;
95
105
  };
96
106
 
97
- export { SliderTemplate as S, getMarkersTemplate as g, inverseLerp as i, lerp as l, roundToStepValue as r };
107
+ export { SliderTemplate as S, defaultToOneConverter as d, getMarkersTemplate as g, inverseLerp as i, lerp as l, roundToStepValue as r };
package/styles/core/all.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
package/styles/core/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
package/styles/core/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
package/styles/tokens/theme-dark.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
7
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
11
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
15
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/theme-light.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
7
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
11
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 13 Feb 2025 13:39:17 GMT
15
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/vivid-2-compat.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Feb 2025 13:39:16 GMT
3
+ * Generated on Tue, 18 Feb 2025 11:18:19 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {