@synergy-design-system/vue 2.4.0 → 2.4.2

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 (22) hide show
  1. package/dist/components/SynVueMenu.vue.d.ts +4 -10
  2. package/dist/components/SynVueMenuLabel.vue.d.ts +2 -8
  3. package/dist/components/SynVuePrioNav.vue.d.ts +2 -8
  4. package/dist/components/SynVueSpinner.vue.d.ts +2 -8
  5. package/package.json +3 -3
  6. package/src/components/SynVueAccordion.vue +0 -4
  7. package/src/components/SynVueBadge.vue +0 -4
  8. package/src/components/SynVueBreadcrumb.vue +0 -4
  9. package/src/components/SynVueBreadcrumbItem.vue +0 -4
  10. package/src/components/SynVueButtonGroup.vue +0 -4
  11. package/src/components/SynVueCard.vue +0 -4
  12. package/src/components/SynVueDivider.vue +0 -4
  13. package/src/components/SynVueMenu.vue +1 -17
  14. package/src/components/SynVueMenuItem.vue +0 -4
  15. package/src/components/SynVueMenuLabel.vue +0 -20
  16. package/src/components/SynVueOptgroup.vue +0 -4
  17. package/src/components/SynVueOption.vue +0 -4
  18. package/src/components/SynVuePrioNav.vue +0 -20
  19. package/src/components/SynVueProgressBar.vue +0 -4
  20. package/src/components/SynVueProgressRing.vue +0 -4
  21. package/src/components/SynVueSpinner.vue +0 -20
  22. package/src/components/SynVueTabPanel.vue +0 -4
package/dist/components/SynVueMenu.vue.d.ts CHANGED
@@ -1,19 +1,13 @@
1
1
  import '@synergy-design-system/components/components/menu/menu.js';
2
2
  import type { SynMenu, SynSelectEvent } from '@synergy-design-system/components';
3
3
  export type { SynSelectEvent } from '@synergy-design-system/components';
4
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
5
- [x: string]: unknown;
6
- }>>, {
4
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
7
5
  nativeElement: import("vue").Ref<SynMenu | undefined>;
8
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
7
  "syn-select": (e: SynSelectEvent) => void;
10
- }, string, import("vue").PublicProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
11
- [x: string]: unknown;
12
- }>>>> & {
8
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
13
9
  "onSyn-select"?: ((e: SynSelectEvent) => any) | undefined;
14
- }, {
15
- readonly [x: number]: string;
16
- } | {}, {}>, {
10
+ }, {}, {}>, {
17
11
  default?(_: {}): any;
18
12
  }>;
19
13
  export default _default;
package/dist/components/SynVueMenuLabel.vue.d.ts CHANGED
@@ -1,14 +1,8 @@
1
1
  import '@synergy-design-system/components/components/menu-label/menu-label.js';
2
2
  import type { SynMenuLabel } from '@synergy-design-system/components';
3
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
4
- [x: string]: unknown;
5
- }>>, {
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
6
4
  nativeElement: import("vue").Ref<SynMenuLabel | undefined>;
7
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
8
- [x: string]: unknown;
9
- }>>>>, {
10
- readonly [x: number]: string;
11
- } | {}, {}>, {
5
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
12
6
  default?(_: {}): any;
13
7
  }>;
14
8
  export default _default;
package/dist/components/SynVuePrioNav.vue.d.ts CHANGED
@@ -1,14 +1,8 @@
1
1
  import '@synergy-design-system/components/components/prio-nav/prio-nav.js';
2
2
  import type { SynPrioNav } from '@synergy-design-system/components';
3
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
4
- [x: string]: unknown;
5
- }>>, {
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
6
4
  nativeElement: import("vue").Ref<SynPrioNav | undefined>;
7
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
8
- [x: string]: unknown;
9
- }>>>>, {
10
- readonly [x: number]: string;
11
- } | {}, {}>, {
5
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
12
6
  default?(_: {}): any;
13
7
  }>;
14
8
  export default _default;
package/dist/components/SynVueSpinner.vue.d.ts CHANGED
@@ -1,12 +1,6 @@
1
1
  import '@synergy-design-system/components/components/spinner/spinner.js';
2
2
  import type { SynSpinner } from '@synergy-design-system/components';
3
- declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
4
- [x: string]: unknown;
5
- }>>, {
3
+ declare const _default: import("vue").DefineComponent<{}, {
6
4
  nativeElement: import("vue").Ref<SynSpinner | undefined>;
7
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
8
- [x: string]: unknown;
9
- }>>>>, {
10
- readonly [x: number]: string;
11
- } | {}, {}>;
5
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
12
6
  export default _default;
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.4.0"
7
+ "@synergy-design-system/components": "^2.4.2"
8
8
  },
9
9
  "description": "Vue3 wrappers for the Synergy Design System",
10
10
  "exports": {
@@ -40,12 +40,12 @@
40
40
  "directory": "packages/vue"
41
41
  },
42
42
  "type": "module",
43
- "version": "2.4.0",
43
+ "version": "2.4.2",
44
44
  "devDependencies": {
45
45
  "@vue/tsconfig": "^0.5.1",
46
46
  "vue": "^3.4.24"
47
47
  },
48
48
  "peerDependencies": {
49
- "@synergy-design-system/tokens": "^2.3.0"
49
+ "@synergy-design-system/tokens": "^2.5.0"
50
50
  }
51
51
  }
package/src/components/SynVueAccordion.vue CHANGED
@@ -56,10 +56,6 @@ const visibleProps = computed(() => Object.fromEntries(
56
56
  .filter(([, value]) => typeof value !== 'undefined'),
57
57
  ));
58
58
 
59
- // Map events
60
- defineEmits<{
61
-
62
- }>();
63
59
  </script>
64
60
 
65
61
  <template>
package/src/components/SynVueBadge.vue CHANGED
@@ -45,10 +45,6 @@ const visibleProps = computed(() => Object.fromEntries(
45
45
  .filter(([, value]) => typeof value !== 'undefined'),
46
46
  ));
47
47
 
48
- // Map events
49
- defineEmits<{
50
-
51
- }>();
52
48
  </script>
53
49
 
54
50
  <template>
package/src/components/SynVueBreadcrumb.vue CHANGED
@@ -50,10 +50,6 @@ const visibleProps = computed(() => Object.fromEntries(
50
50
  .filter(([, value]) => typeof value !== 'undefined'),
51
51
  ));
52
52
 
53
- // Map events
54
- defineEmits<{
55
-
56
- }>();
57
53
  </script>
58
54
 
59
55
  <template>
package/src/components/SynVueBreadcrumbItem.vue CHANGED
@@ -68,10 +68,6 @@ const visibleProps = computed(() => Object.fromEntries(
68
68
  .filter(([, value]) => typeof value !== 'undefined'),
69
69
  ));
70
70
 
71
- // Map events
72
- defineEmits<{
73
-
74
- }>();
75
71
  </script>
76
72
 
77
73
  <template>
package/src/components/SynVueButtonGroup.vue CHANGED
@@ -47,10 +47,6 @@ const visibleProps = computed(() => Object.fromEntries(
47
47
  .filter(([, value]) => typeof value !== 'undefined'),
48
48
  ));
49
49
 
50
- // Map events
51
- defineEmits<{
52
-
53
- }>();
54
50
  </script>
55
51
 
56
52
  <template>
package/src/components/SynVueCard.vue CHANGED
@@ -59,10 +59,6 @@ const visibleProps = computed(() => Object.fromEntries(
59
59
  .filter(([, value]) => typeof value !== 'undefined'),
60
60
  ));
61
61
 
62
- // Map events
63
- defineEmits<{
64
-
65
- }>();
66
62
  </script>
67
63
 
68
64
  <template>
package/src/components/SynVueDivider.vue CHANGED
@@ -45,10 +45,6 @@ const visibleProps = computed(() => Object.fromEntries(
45
45
  .filter(([, value]) => typeof value !== 'undefined'),
46
46
  ));
47
47
 
48
- // Map events
49
- defineEmits<{
50
-
51
- }>();
52
48
  </script>
53
49
 
54
50
  <template>
package/src/components/SynVueMenu.vue CHANGED
@@ -27,21 +27,6 @@ defineExpose({
27
27
  nativeElement,
28
28
  });
29
29
 
30
- // Map attributes
31
- const props = defineProps<{
32
-
33
- }>();
34
-
35
- // Make sure prop binding only forwards the props that are actually there.
36
- // This is needed because :param="param" also adds an empty attribute
37
- // when using web-components, which breaks optional arguments like size in SynInput
38
- // @see https://github.com/vuejs/core/issues/5190#issuecomment-1003112498
39
- const visibleProps = computed(() => Object.fromEntries(
40
- Object
41
- .entries(props)
42
- .filter(([, value]) => typeof value !== 'undefined'),
43
- ));
44
-
45
30
  // Map events
46
31
  defineEmits<{
47
32
  /**
@@ -57,9 +42,8 @@ export type { SynSelectEvent } from '@synergy-design-system/components';
57
42
 
58
43
  <template>
59
44
  <syn-menu
60
- v-bind="visibleProps"
61
-
62
45
  ref="nativeElement"
46
+
63
47
  @syn-select="$emit('syn-select', $event)"
64
48
  >
65
49
  <slot />
package/src/components/SynVueMenuItem.vue CHANGED
@@ -83,10 +83,6 @@ const visibleProps = computed(() => Object.fromEntries(
83
83
  .filter(([, value]) => typeof value !== 'undefined'),
84
84
  ));
85
85
 
86
- // Map events
87
- defineEmits<{
88
-
89
- }>();
90
86
  </script>
91
87
 
92
88
  <template>
package/src/components/SynVueMenuLabel.vue CHANGED
@@ -33,31 +33,11 @@ defineExpose({
33
33
  nativeElement,
34
34
  });
35
35
 
36
- // Map attributes
37
- const props = defineProps<{
38
-
39
- }>();
40
-
41
- // Make sure prop binding only forwards the props that are actually there.
42
- // This is needed because :param="param" also adds an empty attribute
43
- // when using web-components, which breaks optional arguments like size in SynInput
44
- // @see https://github.com/vuejs/core/issues/5190#issuecomment-1003112498
45
- const visibleProps = computed(() => Object.fromEntries(
46
- Object
47
- .entries(props)
48
- .filter(([, value]) => typeof value !== 'undefined'),
49
- ));
50
-
51
- // Map events
52
- defineEmits<{
53
-
54
- }>();
55
36
  </script>
56
37
 
57
38
  <template>
58
39
  <syn-menu-label
59
40
 
60
- v-bind="visibleProps"
61
41
  ref="nativeElement"
62
42
  >
63
43
  <slot />
package/src/components/SynVueOptgroup.vue CHANGED
@@ -63,10 +63,6 @@ const visibleProps = computed(() => Object.fromEntries(
63
63
  .filter(([, value]) => typeof value !== 'undefined'),
64
64
  ));
65
65
 
66
- // Map events
67
- defineEmits<{
68
-
69
- }>();
70
66
  </script>
71
67
 
72
68
  <template>
package/src/components/SynVueOption.vue CHANGED
@@ -63,10 +63,6 @@ const visibleProps = computed(() => Object.fromEntries(
63
63
  .filter(([, value]) => typeof value !== 'undefined'),
64
64
  ));
65
65
 
66
- // Map events
67
- defineEmits<{
68
-
69
- }>();
70
66
  </script>
71
67
 
72
68
  <template>
package/src/components/SynVuePrioNav.vue CHANGED
@@ -51,31 +51,11 @@ defineExpose({
51
51
  nativeElement,
52
52
  });
53
53
 
54
- // Map attributes
55
- const props = defineProps<{
56
-
57
- }>();
58
-
59
- // Make sure prop binding only forwards the props that are actually there.
60
- // This is needed because :param="param" also adds an empty attribute
61
- // when using web-components, which breaks optional arguments like size in SynInput
62
- // @see https://github.com/vuejs/core/issues/5190#issuecomment-1003112498
63
- const visibleProps = computed(() => Object.fromEntries(
64
- Object
65
- .entries(props)
66
- .filter(([, value]) => typeof value !== 'undefined'),
67
- ));
68
-
69
- // Map events
70
- defineEmits<{
71
-
72
- }>();
73
54
  </script>
74
55
 
75
56
  <template>
76
57
  <syn-prio-nav
77
58
 
78
- v-bind="visibleProps"
79
59
  ref="nativeElement"
80
60
  >
81
61
  <slot />
package/src/components/SynVueProgressBar.vue CHANGED
@@ -63,10 +63,6 @@ const visibleProps = computed(() => Object.fromEntries(
63
63
  .filter(([, value]) => typeof value !== 'undefined'),
64
64
  ));
65
65
 
66
- // Map events
67
- defineEmits<{
68
-
69
- }>();
70
66
  </script>
71
67
 
72
68
  <template>
package/src/components/SynVueProgressRing.vue CHANGED
@@ -58,10 +58,6 @@ const visibleProps = computed(() => Object.fromEntries(
58
58
  .filter(([, value]) => typeof value !== 'undefined'),
59
59
  ));
60
60
 
61
- // Map events
62
- defineEmits<{
63
-
64
- }>();
65
61
  </script>
66
62
 
67
63
  <template>
package/src/components/SynVueSpinner.vue CHANGED
@@ -29,31 +29,11 @@ defineExpose({
29
29
  nativeElement,
30
30
  });
31
31
 
32
- // Map attributes
33
- const props = defineProps<{
34
-
35
- }>();
36
-
37
- // Make sure prop binding only forwards the props that are actually there.
38
- // This is needed because :param="param" also adds an empty attribute
39
- // when using web-components, which breaks optional arguments like size in SynInput
40
- // @see https://github.com/vuejs/core/issues/5190#issuecomment-1003112498
41
- const visibleProps = computed(() => Object.fromEntries(
42
- Object
43
- .entries(props)
44
- .filter(([, value]) => typeof value !== 'undefined'),
45
- ));
46
-
47
- // Map events
48
- defineEmits<{
49
-
50
- }>();
51
32
  </script>
52
33
 
53
34
  <template>
54
35
  <syn-spinner
55
36
 
56
- v-bind="visibleProps"
57
37
  ref="nativeElement"
58
38
  />
59
39
  </template>
package/src/components/SynVueTabPanel.vue CHANGED
@@ -52,10 +52,6 @@ const visibleProps = computed(() => Object.fromEntries(
52
52
  .filter(([, value]) => typeof value !== 'undefined'),
53
53
  ));
54
54
 
55
- // Map events
56
- defineEmits<{
57
-
58
- }>();
59
55
  </script>
60
56
 
61
57
  <template>