@porsche-design-system/components-vue 3.0.0-alpha.4 → 3.0.0-alpha.6

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 (36) hide show
  1. package/CHANGELOG.md +161 -16
  2. package/lib/components/AccordionWrapper.vue.d.ts +5 -5
  3. package/lib/components/AccordionWrapper.vue.js +6 -6
  4. package/lib/components/BannerWrapper.vue.d.ts +25 -9
  5. package/lib/components/BannerWrapper.vue.js +15 -13
  6. package/lib/components/CarouselWrapper.vue.d.ts +5 -5
  7. package/lib/components/CarouselWrapper.vue.js +10 -10
  8. package/lib/components/CrestWrapper.vue.d.ts +49 -0
  9. package/lib/components/CrestWrapper.vue.js +24 -0
  10. package/lib/components/CrestWrapper.vue2.js +4 -0
  11. package/lib/components/GridItemWrapper.vue.d.ts +4 -4
  12. package/lib/components/InlineNotificationWrapper.vue.d.ts +13 -5
  13. package/lib/components/InlineNotificationWrapper.vue.js +7 -6
  14. package/lib/components/MarqueWrapper.vue.d.ts +1 -0
  15. package/lib/components/ModalWrapper.vue.d.ts +1 -1
  16. package/lib/components/PaginationWrapper.vue.d.ts +7 -7
  17. package/lib/components/PaginationWrapper.vue.js +9 -9
  18. package/lib/components/SegmentedControlWrapper.vue.d.ts +5 -5
  19. package/lib/components/SegmentedControlWrapper.vue.js +8 -8
  20. package/lib/components/StepperHorizontalWrapper.vue.d.ts +5 -5
  21. package/lib/components/StepperHorizontalWrapper.vue.js +12 -12
  22. package/lib/components/SwitchWrapper.vue.d.ts +5 -5
  23. package/lib/components/SwitchWrapper.vue.js +10 -10
  24. package/lib/components/TableWrapper.vue.d.ts +3 -3
  25. package/lib/components/TableWrapper.vue.js +12 -12
  26. package/lib/components/TabsBarWrapper.vue.d.ts +5 -5
  27. package/lib/components/TabsBarWrapper.vue.js +9 -9
  28. package/lib/components/TabsWrapper.vue.d.ts +4 -4
  29. package/lib/components/TabsWrapper.vue.js +11 -11
  30. package/lib/components/WordmarkWrapper.vue.d.ts +71 -0
  31. package/lib/components/WordmarkWrapper.vue.js +26 -0
  32. package/lib/components/WordmarkWrapper.vue2.js +4 -0
  33. package/lib/components/index.d.ts +2 -0
  34. package/lib/types.d.ts +35 -19
  35. package/package.json +2 -2
  36. package/public-api.js +109 -105
@@ -1,25 +1,26 @@
1
- import { defineComponent as s, ref as f, onMounted as d, onUpdated as p, openBlock as c, createBlock as u, resolveDynamicComponent as m, unref as g, withCtx as _, renderSlot as h } from "vue";
1
+ import { defineComponent as l, ref as d, onMounted as f, onUpdated as p, openBlock as u, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as _, renderSlot as h } from "vue";
2
2
  import { getPrefixedTagName as v, syncProperties as o, addEventListenerToElementRef as a } from "../../utils.js";
3
- const k = /* @__PURE__ */ s({
3
+ const k = /* @__PURE__ */ l({
4
4
  __name: "InlineNotificationWrapper",
5
5
  props: {
6
6
  actionIcon: { default: "arrow-right" },
7
7
  actionLabel: null,
8
8
  actionLoading: { type: Boolean, default: !1 },
9
9
  description: { default: "" },
10
+ dismissButton: { type: Boolean, default: !0 },
10
11
  heading: { default: "" },
11
- persistent: { type: Boolean, default: !1 },
12
+ persistent: { type: Boolean },
12
13
  state: { default: "info" },
13
14
  theme: { default: "light" }
14
15
  },
15
16
  emits: ["action", "dismiss"],
16
17
  setup(i, { emit: t }) {
17
- const n = i, l = v("p-inline-notification"), e = f();
18
- return d(() => {
18
+ const n = i, s = v("p-inline-notification"), e = d();
19
+ return f(() => {
19
20
  o(e.value, n), a(e.value, "action", t), a(e.value, "dismiss", t);
20
21
  }), p(() => {
21
22
  o(e.value, n);
22
- }), (r, C) => (c(), u(m(g(l)), {
23
+ }), (r, y) => (u(), c(m(g(s)), {
23
24
  ref_key: "pdsComponentRef",
24
25
  ref: e
25
26
  }, {
@@ -1,4 +1,5 @@
1
1
  import type { SelectedAriaAttributes, MarqueSize, MarqueTarget } from '../types';
2
+ /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
2
3
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
4
  /**
4
5
  * Add ARIA attributes.
@@ -76,8 +76,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
76
76
  onClose?: ((value?: void | undefined) => any) | undefined;
77
77
  }, {
78
78
  open: boolean;
79
- disableBackdropClick: boolean;
80
79
  dismissButton: boolean;
80
+ disableBackdropClick: boolean;
81
81
  fullscreen: BreakpointCustomizable<boolean>;
82
82
  }>, {
83
83
  default: (_: {}) => any;
@@ -1,4 +1,4 @@
1
- import type { BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationChangeEvent, Theme } from '../types';
1
+ import type { BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
2
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Index of the currently active page.
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
31
31
  /**
32
32
  * The maximum number of page links rendered
33
33
  */
34
- maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
34
+ maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
35
35
  /**
36
36
  * Adapts the color when used on dark background.
37
37
  */
@@ -56,9 +56,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
56
56
  theme: string;
57
57
  totalItemsCount: number;
58
58
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
59
- change: (value: PaginationChangeEvent) => void;
59
+ pageChange: (value: PaginationUpdateEvent) => void;
60
60
  } & {
61
- pageChange: (value: PaginationChangeEvent) => void;
61
+ update: (value: PaginationUpdateEvent) => void;
62
62
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
63
63
  /**
64
64
  * Index of the currently active page.
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
91
91
  /**
92
92
  * The maximum number of page links rendered
93
93
  */
94
- maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
94
+ maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
95
95
  /**
96
96
  * Adapts the color when used on dark background.
97
97
  */
@@ -116,8 +116,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
116
116
  theme: string;
117
117
  totalItemsCount: number;
118
118
  }>>> & {
119
- onChange?: ((value: PaginationChangeEvent) => any) | undefined;
120
- onPageChange?: ((value: PaginationChangeEvent) => any) | undefined;
119
+ onUpdate?: ((value: PaginationUpdateEvent) => any) | undefined;
120
+ onPageChange?: ((value: PaginationUpdateEvent) => any) | undefined;
121
121
  }, {
122
122
  theme: Theme;
123
123
  intl: Partial<Record<"page" | "prev" | "next" | "root", string>>;
@@ -1,6 +1,6 @@
1
- import { defineComponent as p, ref as u, onMounted as s, onUpdated as g, openBlock as f, createBlock as i, resolveDynamicComponent as m, unref as c } from "vue";
2
- import { getPrefixedTagName as d, syncProperties as t, addEventListenerToElementRef as l } from "../../utils.js";
3
- const b = /* @__PURE__ */ p({
1
+ import { defineComponent as r, ref as u, onMounted as s, onUpdated as f, openBlock as i, createBlock as g, resolveDynamicComponent as m, unref as d } from "vue";
2
+ import { getPrefixedTagName as c, syncProperties as n, addEventListenerToElementRef as l } from "../../utils.js";
3
+ const b = /* @__PURE__ */ r({
4
4
  __name: "PaginationWrapper",
5
5
  props: {
6
6
  activePage: { default: 1 },
@@ -14,14 +14,14 @@ const b = /* @__PURE__ */ p({
14
14
  theme: { default: "light" },
15
15
  totalItemsCount: { default: 1 }
16
16
  },
17
- emits: ["change", "pageChange"],
17
+ emits: ["pageChange", "update"],
18
18
  setup(o, { emit: a }) {
19
- const n = o, r = d("p-pagination"), e = u();
19
+ const t = o, p = c("p-pagination"), e = u();
20
20
  return s(() => {
21
- t(e.value, n), l(e.value, "change", a), l(e.value, "pageChange", a);
22
- }), g(() => {
23
- t(e.value, n);
24
- }), (P, v) => (f(), i(m(c(r)), {
21
+ n(e.value, t), l(e.value, "pageChange", a), l(e.value, "update", a);
22
+ }), f(() => {
23
+ n(e.value, t);
24
+ }), (P, v) => (i(), g(m(d(p)), {
25
25
  ref_key: "pdsComponentRef",
26
26
  ref: e
27
27
  }, null, 512));
@@ -1,4 +1,4 @@
1
- import type { SegmentedControlChangeEvent, Theme } from '../types';
1
+ import type { SegmentedControlUpdateEvent, Theme } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * @deprecated since v3.0.0, will be removed with next major release. Background color variations
@@ -15,9 +15,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
15
  }>, {
16
16
  theme: string;
17
17
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
- change: (value: SegmentedControlChangeEvent) => void;
18
+ segmentedControlChange: (value: SegmentedControlUpdateEvent) => void;
19
19
  } & {
20
- segmentedControlChange: (value: SegmentedControlChangeEvent) => void;
20
+ update: (value: SegmentedControlUpdateEvent) => void;
21
21
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
22
22
  /**
23
23
  * @deprecated since v3.0.0, will be removed with next major release. Background color variations
@@ -34,8 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
34
34
  }>, {
35
35
  theme: string;
36
36
  }>>> & {
37
- onChange?: ((value: SegmentedControlChangeEvent) => any) | undefined;
38
- onSegmentedControlChange?: ((value: SegmentedControlChangeEvent) => any) | undefined;
37
+ onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
38
+ onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
39
39
  }, {
40
40
  theme: Theme;
41
41
  }>, {
@@ -1,25 +1,25 @@
1
- import { defineComponent as s, ref as d, onMounted as m, onUpdated as u, openBlock as c, createBlock as f, resolveDynamicComponent as g, unref as C, withCtx as i, renderSlot as h } from "vue";
2
- import { getPrefixedTagName as v, syncProperties as t, addEventListenerToElementRef as r } from "../../utils.js";
3
- const y = /* @__PURE__ */ s({
1
+ import { defineComponent as d, ref as s, onMounted as m, onUpdated as u, openBlock as f, createBlock as c, resolveDynamicComponent as C, unref as g, withCtx as i, renderSlot as v } from "vue";
2
+ import { getPrefixedTagName as _, syncProperties as t, addEventListenerToElementRef as r } from "../../utils.js";
3
+ const y = /* @__PURE__ */ d({
4
4
  __name: "SegmentedControlWrapper",
5
5
  props: {
6
6
  backgroundColor: null,
7
7
  theme: { default: "light" },
8
8
  value: null
9
9
  },
10
- emits: ["change", "segmentedControlChange"],
10
+ emits: ["segmentedControlChange", "update"],
11
11
  setup(a, { emit: n }) {
12
- const o = a, l = v("p-segmented-control"), e = d();
12
+ const o = a, l = _("p-segmented-control"), e = s();
13
13
  return m(() => {
14
- t(e.value, o), r(e.value, "change", n), r(e.value, "segmentedControlChange", n);
14
+ t(e.value, o), r(e.value, "segmentedControlChange", n), r(e.value, "update", n);
15
15
  }), u(() => {
16
16
  t(e.value, o);
17
- }), (p, _) => (c(), f(g(C(l)), {
17
+ }), (p, h) => (f(), c(C(g(l)), {
18
18
  ref_key: "pdsComponentRef",
19
19
  ref: e
20
20
  }, {
21
21
  default: i(() => [
22
- h(p.$slots, "default")
22
+ v(p.$slots, "default")
23
23
  ]),
24
24
  _: 3
25
25
  }, 512));
@@ -1,4 +1,4 @@
1
- import type { StepperHorizontalChangeEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
1
+ import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  size?: BreakpointCustomizable<"small" | "medium"> | undefined;
4
4
  /**
@@ -9,9 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  size: string;
10
10
  theme: string;
11
11
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
12
- change: (value: StepperHorizontalChangeEvent) => void;
12
+ stepChange: (value: StepperHorizontalUpdateEvent) => void;
13
13
  } & {
14
- stepChange: (value: StepperHorizontalChangeEvent) => void;
14
+ update: (value: StepperHorizontalUpdateEvent) => void;
15
15
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
16
16
  size?: BreakpointCustomizable<"small" | "medium"> | undefined;
17
17
  /**
@@ -22,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
22
22
  size: string;
23
23
  theme: string;
24
24
  }>>> & {
25
- onChange?: ((value: StepperHorizontalChangeEvent) => any) | undefined;
26
- onStepChange?: ((value: StepperHorizontalChangeEvent) => any) | undefined;
25
+ onUpdate?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
26
+ onStepChange?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
27
27
  }, {
28
28
  size: BreakpointCustomizable<StepperHorizontalSize>;
29
29
  theme: Theme;
@@ -1,24 +1,24 @@
1
- import { defineComponent as l, ref as f, onMounted as m, onUpdated as d, openBlock as c, createBlock as u, resolveDynamicComponent as i, unref as h, withCtx as g, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as r } from "../../utils.js";
1
+ import { defineComponent as l, ref as d, onMounted as f, onUpdated as m, openBlock as u, createBlock as i, resolveDynamicComponent as c, unref as C, withCtx as h, renderSlot as _ } from "vue";
2
+ import { getPrefixedTagName as g, syncProperties as n, addEventListenerToElementRef as p } from "../../utils.js";
3
3
  const y = /* @__PURE__ */ l({
4
4
  __name: "StepperHorizontalWrapper",
5
5
  props: {
6
6
  size: { default: "small" },
7
7
  theme: { default: "light" }
8
8
  },
9
- emits: ["change", "stepChange"],
10
- setup(a, { emit: t }) {
11
- const n = a, p = _("p-stepper-horizontal"), e = f();
12
- return m(() => {
13
- o(e.value, n), r(e.value, "change", t), r(e.value, "stepChange", t);
14
- }), d(() => {
15
- o(e.value, n);
16
- }), (s, v) => (c(), u(i(h(p)), {
9
+ emits: ["stepChange", "update"],
10
+ setup(r, { emit: t }) {
11
+ const o = r, a = g("p-stepper-horizontal"), e = d();
12
+ return f(() => {
13
+ n(e.value, o), p(e.value, "stepChange", t), p(e.value, "update", t);
14
+ }), m(() => {
15
+ n(e.value, o);
16
+ }), (s, v) => (u(), i(c(C(a)), {
17
17
  ref_key: "pdsComponentRef",
18
18
  ref: e
19
19
  }, {
20
- default: g(() => [
21
- C(s.$slots, "default")
20
+ default: h(() => [
21
+ _(s.$slots, "default")
22
22
  ]),
23
23
  _: 3
24
24
  }, 512));
@@ -1,4 +1,4 @@
1
- import type { BreakpointCustomizable, SwitchAlignLabel, SwitchChangeEvent, Theme } from '../types';
1
+ import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Aligns the label.
@@ -37,9 +37,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
37
  stretch: boolean;
38
38
  theme: string;
39
39
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
40
- change: (value: SwitchChangeEvent) => void;
40
+ switchChange: (value: SwitchUpdateEvent) => void;
41
41
  } & {
42
- switchChange: (value: SwitchChangeEvent) => void;
42
+ update: (value: SwitchUpdateEvent) => void;
43
43
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
44
44
  /**
45
45
  * Aligns the label.
@@ -78,8 +78,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
78
  stretch: boolean;
79
79
  theme: string;
80
80
  }>>> & {
81
- onChange?: ((value: SwitchChangeEvent) => any) | undefined;
82
- onSwitchChange?: ((value: SwitchChangeEvent) => any) | undefined;
81
+ onUpdate?: ((value: SwitchUpdateEvent) => any) | undefined;
82
+ onSwitchChange?: ((value: SwitchUpdateEvent) => any) | undefined;
83
83
  }, {
84
84
  stretch: BreakpointCustomizable<boolean>;
85
85
  theme: Theme;
@@ -1,6 +1,6 @@
1
- import { defineComponent as r, ref as d, onMounted as p, onUpdated as c, openBlock as i, createBlock as u, resolveDynamicComponent as h, unref as m, withCtx as g, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as _, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
3
- const B = /* @__PURE__ */ r({
1
+ import { defineComponent as f, ref as r, onMounted as p, onUpdated as u, openBlock as c, createBlock as i, resolveDynamicComponent as m, unref as h, withCtx as g, renderSlot as C } from "vue";
2
+ import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as n } from "../../utils.js";
3
+ const B = /* @__PURE__ */ f({
4
4
  __name: "SwitchWrapper",
5
5
  props: {
6
6
  alignLabel: { default: "right" },
@@ -11,19 +11,19 @@ const B = /* @__PURE__ */ r({
11
11
  stretch: { default: !1 },
12
12
  theme: { default: "light" }
13
13
  },
14
- emits: ["change", "switchChange"],
14
+ emits: ["switchChange", "update"],
15
15
  setup(l, { emit: t }) {
16
- const a = l, s = _("p-switch"), e = d();
16
+ const a = l, s = _("p-switch"), e = r();
17
17
  return p(() => {
18
- n(e.value, a), o(e.value, "change", t), o(e.value, "switchChange", t);
19
- }), c(() => {
20
- n(e.value, a);
21
- }), (f, v) => (i(), u(h(m(s)), {
18
+ o(e.value, a), n(e.value, "switchChange", t), n(e.value, "update", t);
19
+ }), u(() => {
20
+ o(e.value, a);
21
+ }), (d, v) => (c(), i(m(h(s)), {
22
22
  ref_key: "pdsComponentRef",
23
23
  ref: e
24
24
  }, {
25
25
  default: g(() => [
26
- C(f.$slots, "default")
26
+ C(d.$slots, "default")
27
27
  ]),
28
28
  _: 3
29
29
  }, 512));
@@ -11,9 +11,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
11
11
  }>, {
12
12
  theme: string;
13
13
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
- change: (value: import("../types").TableHeadCellSort) => void;
15
- } & {
16
14
  sortingChange: (value: import("../types").TableHeadCellSort) => void;
15
+ } & {
16
+ update: (value: import("../types").TableHeadCellSort) => void;
17
17
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
18
18
  /**
19
19
  * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
26
26
  }>, {
27
27
  theme: string;
28
28
  }>>> & {
29
- onChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
29
+ onUpdate?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
30
30
  onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
31
31
  }, {
32
32
  theme: Theme;
@@ -1,24 +1,24 @@
1
- import { defineComponent as l, ref as f, onMounted as c, onUpdated as m, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as a } from "../../utils.js";
1
+ import { defineComponent as l, ref as d, onMounted as f, onUpdated as u, openBlock as m, createBlock as c, resolveDynamicComponent as i, unref as g, withCtx as C, renderSlot as _ } from "vue";
2
+ import { getPrefixedTagName as h, syncProperties as o, addEventListenerToElementRef as a } from "../../utils.js";
3
3
  const k = /* @__PURE__ */ l({
4
4
  __name: "TableWrapper",
5
5
  props: {
6
6
  caption: null,
7
7
  theme: { default: "light" }
8
8
  },
9
- emits: ["change", "sortingChange"],
10
- setup(r, { emit: n }) {
11
- const t = r, p = _("p-table"), e = f();
12
- return c(() => {
13
- o(e.value, t), a(e.value, "change", n), a(e.value, "sortingChange", n);
14
- }), m(() => {
15
- o(e.value, t);
16
- }), (s, v) => (d(), u(i(g(p)), {
9
+ emits: ["sortingChange", "update"],
10
+ setup(r, { emit: t }) {
11
+ const n = r, p = h("p-table"), e = d();
12
+ return f(() => {
13
+ o(e.value, n), a(e.value, "sortingChange", t), a(e.value, "update", t);
14
+ }), u(() => {
15
+ o(e.value, n);
16
+ }), (s, v) => (m(), c(i(g(p)), {
17
17
  ref_key: "pdsComponentRef",
18
18
  ref: e
19
19
  }, {
20
- default: h(() => [
21
- C(s.$slots, "default")
20
+ default: C(() => [
21
+ _(s.$slots, "default")
22
22
  ]),
23
23
  _: 3
24
24
  }, 512));
@@ -1,4 +1,4 @@
1
- import type { TabsBarGradientColor, TabsBarChangeEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
1
+ import type { TabsBarGradientColor, TabsBarUpdateEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
30
30
  theme: string;
31
31
  weight: string;
32
32
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
- change: (value: TabsBarChangeEvent) => void;
33
+ tabChange: (value: TabsBarUpdateEvent) => void;
34
34
  } & {
35
- tabChange: (value: TabsBarChangeEvent) => void;
35
+ update: (value: TabsBarUpdateEvent) => void;
36
36
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
37
37
  /**
38
38
  * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
64
64
  theme: string;
65
65
  weight: string;
66
66
  }>>> & {
67
- onChange?: ((value: TabsBarChangeEvent) => any) | undefined;
68
- onTabChange?: ((value: TabsBarChangeEvent) => any) | undefined;
67
+ onUpdate?: ((value: TabsBarUpdateEvent) => any) | undefined;
68
+ onTabChange?: ((value: TabsBarUpdateEvent) => any) | undefined;
69
69
  }, {
70
70
  weight: TabsBarWeight;
71
71
  size: BreakpointCustomizable<TabsBarSize>;
@@ -1,6 +1,6 @@
1
- import { defineComponent as d, ref as p, onMounted as u, onUpdated as f, openBlock as c, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as b, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
3
- const k = /* @__PURE__ */ d({
1
+ import { defineComponent as p, ref as s, onMounted as u, onUpdated as f, openBlock as m, createBlock as c, resolveDynamicComponent as i, unref as g, withCtx as C, renderSlot as b } from "vue";
2
+ import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
3
+ const k = /* @__PURE__ */ p({
4
4
  __name: "TabsBarWrapper",
5
5
  props: {
6
6
  activeTabIndex: null,
@@ -10,19 +10,19 @@ const k = /* @__PURE__ */ d({
10
10
  theme: { default: "light" },
11
11
  weight: { default: "regular" }
12
12
  },
13
- emits: ["change", "tabChange"],
13
+ emits: ["tabChange", "update"],
14
14
  setup(r, { emit: t }) {
15
- const a = r, l = b("p-tabs-bar"), e = p();
15
+ const a = r, l = h("p-tabs-bar"), e = s();
16
16
  return u(() => {
17
- n(e.value, a), o(e.value, "change", t), o(e.value, "tabChange", t);
17
+ n(e.value, a), o(e.value, "tabChange", t), o(e.value, "update", t);
18
18
  }), f(() => {
19
19
  n(e.value, a);
20
- }), (s, v) => (c(), m(i(g(l)), {
20
+ }), (d, v) => (m(), c(i(g(l)), {
21
21
  ref_key: "pdsComponentRef",
22
22
  ref: e
23
23
  }, {
24
- default: h(() => [
25
- C(s.$slots, "default")
24
+ default: C(() => [
25
+ b(d.$slots, "default")
26
26
  ]),
27
27
  _: 3
28
28
  }, 512));
@@ -31,9 +31,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  theme: string;
32
32
  weight: string;
33
33
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
- change: (value: import("../types").TabsBarChangeEvent) => void;
34
+ tabChange: (value: import("../types").TabsBarUpdateEvent) => void;
35
35
  } & {
36
- tabChange: (value: import("../types").TabsBarChangeEvent) => void;
36
+ update: (value: import("../types").TabsBarUpdateEvent) => void;
37
37
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
38
38
  /**
39
39
  * Defines which tab to be visualized as selected (zero-based numbering).
@@ -66,8 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
66
66
  theme: string;
67
67
  weight: string;
68
68
  }>>> & {
69
- onChange?: ((value: import("../types").TabsBarChangeEvent) => any) | undefined;
70
- onTabChange?: ((value: import("../types").TabsBarChangeEvent) => any) | undefined;
69
+ onUpdate?: ((value: import("../types").TabsBarUpdateEvent) => any) | undefined;
70
+ onTabChange?: ((value: import("../types").TabsBarUpdateEvent) => any) | undefined;
71
71
  }, {
72
72
  weight: TabsWeight;
73
73
  size: BreakpointCustomizable<TabsSize>;
@@ -1,6 +1,6 @@
1
- import { defineComponent as d, ref as p, onMounted as f, onUpdated as u, openBlock as c, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as b, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
3
- const k = /* @__PURE__ */ d({
1
+ import { defineComponent as p, ref as s, onMounted as u, onUpdated as f, openBlock as m, createBlock as c, resolveDynamicComponent as i, unref as g, withCtx as C, renderSlot as b } from "vue";
2
+ import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
3
+ const k = /* @__PURE__ */ p({
4
4
  __name: "TabsWrapper",
5
5
  props: {
6
6
  activeTabIndex: { default: 0 },
@@ -10,19 +10,19 @@ const k = /* @__PURE__ */ d({
10
10
  theme: { default: "light" },
11
11
  weight: { default: "regular" }
12
12
  },
13
- emits: ["change", "tabChange"],
13
+ emits: ["tabChange", "update"],
14
14
  setup(r, { emit: t }) {
15
- const a = r, l = b("p-tabs"), e = p();
16
- return f(() => {
17
- n(e.value, a), o(e.value, "change", t), o(e.value, "tabChange", t);
18
- }), u(() => {
15
+ const a = r, l = h("p-tabs"), e = s();
16
+ return u(() => {
17
+ n(e.value, a), o(e.value, "tabChange", t), o(e.value, "update", t);
18
+ }), f(() => {
19
19
  n(e.value, a);
20
- }), (s, v) => (c(), m(i(g(l)), {
20
+ }), (d, v) => (m(), c(i(g(l)), {
21
21
  ref_key: "pdsComponentRef",
22
22
  ref: e
23
23
  }, {
24
- default: h(() => [
25
- C(s.$slots, "default")
24
+ default: C(() => [
25
+ b(d.$slots, "default")
26
26
  ]),
27
27
  _: 3
28
28
  }, 512));
@@ -0,0 +1,71 @@
1
+ import type { SelectedAriaAttributes, WordmarkSize, WordmarkTarget, Theme } from '../types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ /**
4
+ * Add ARIA attributes.
5
+ */
6
+ aria?: SelectedAriaAttributes<"aria-label"> | undefined;
7
+ /**
8
+ * When providing an url then the component will be rendered as `<a>`.
9
+ */
10
+ href?: string | undefined;
11
+ /**
12
+ * Adapts sizing of wordmark.
13
+ */
14
+ size?: "inherit" | "small" | undefined;
15
+ /**
16
+ * Target attribute where the link should be opened.
17
+ */
18
+ target?: string | undefined;
19
+ /**
20
+ * Adapts color depending on theme.
21
+ */
22
+ theme?: "light" | "dark" | undefined;
23
+ }>, {
24
+ size: string;
25
+ target: string;
26
+ theme: string;
27
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
28
+ /**
29
+ * Add ARIA attributes.
30
+ */
31
+ aria?: SelectedAriaAttributes<"aria-label"> | undefined;
32
+ /**
33
+ * When providing an url then the component will be rendered as `<a>`.
34
+ */
35
+ href?: string | undefined;
36
+ /**
37
+ * Adapts sizing of wordmark.
38
+ */
39
+ size?: "inherit" | "small" | undefined;
40
+ /**
41
+ * Target attribute where the link should be opened.
42
+ */
43
+ target?: string | undefined;
44
+ /**
45
+ * Adapts color depending on theme.
46
+ */
47
+ theme?: "light" | "dark" | undefined;
48
+ }>, {
49
+ size: string;
50
+ target: string;
51
+ theme: string;
52
+ }>>>, {
53
+ size: WordmarkSize;
54
+ theme: Theme;
55
+ target: WordmarkTarget;
56
+ }>;
57
+ export default _default;
58
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
59
+ type __VLS_TypePropsToRuntimeProps<T> = {
60
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
61
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
62
+ } : {
63
+ type: import('vue').PropType<T[K]>;
64
+ required: true;
65
+ };
66
+ };
67
+ type __VLS_WithDefaults<P, D> = {
68
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
69
+ default: D[K];
70
+ } : P[K];
71
+ };
@@ -0,0 +1,26 @@
1
+ import { defineComponent as a, ref as p, onMounted as l, onUpdated as f, openBlock as m, createBlock as s, resolveDynamicComponent as u, unref as c } from "vue";
2
+ import { getPrefixedTagName as d, syncProperties as n } from "../../utils.js";
3
+ const C = /* @__PURE__ */ a({
4
+ __name: "WordmarkWrapper",
5
+ props: {
6
+ aria: null,
7
+ href: null,
8
+ size: { default: "small" },
9
+ target: { default: "_self" },
10
+ theme: { default: "light" }
11
+ },
12
+ setup(r) {
13
+ const o = r, t = d("p-wordmark"), e = p();
14
+ return l(() => {
15
+ n(e.value, o);
16
+ }), f(() => {
17
+ n(e.value, o);
18
+ }), (i, _) => (m(), s(u(c(t)), {
19
+ ref_key: "pdsComponentRef",
20
+ ref: e
21
+ }, null, 512));
22
+ }
23
+ });
24
+ export {
25
+ C as default
26
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./WordmarkWrapper.vue.js";
2
+ export {
3
+ f as default
4
+ };