@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.
- package/CHANGELOG.md +161 -16
- package/lib/components/AccordionWrapper.vue.d.ts +5 -5
- package/lib/components/AccordionWrapper.vue.js +6 -6
- package/lib/components/BannerWrapper.vue.d.ts +25 -9
- package/lib/components/BannerWrapper.vue.js +15 -13
- package/lib/components/CarouselWrapper.vue.d.ts +5 -5
- package/lib/components/CarouselWrapper.vue.js +10 -10
- package/lib/components/CrestWrapper.vue.d.ts +49 -0
- package/lib/components/CrestWrapper.vue.js +24 -0
- package/lib/components/CrestWrapper.vue2.js +4 -0
- package/lib/components/GridItemWrapper.vue.d.ts +4 -4
- package/lib/components/InlineNotificationWrapper.vue.d.ts +13 -5
- package/lib/components/InlineNotificationWrapper.vue.js +7 -6
- package/lib/components/MarqueWrapper.vue.d.ts +1 -0
- package/lib/components/ModalWrapper.vue.d.ts +1 -1
- package/lib/components/PaginationWrapper.vue.d.ts +7 -7
- package/lib/components/PaginationWrapper.vue.js +9 -9
- package/lib/components/SegmentedControlWrapper.vue.d.ts +5 -5
- package/lib/components/SegmentedControlWrapper.vue.js +8 -8
- package/lib/components/StepperHorizontalWrapper.vue.d.ts +5 -5
- package/lib/components/StepperHorizontalWrapper.vue.js +12 -12
- package/lib/components/SwitchWrapper.vue.d.ts +5 -5
- package/lib/components/SwitchWrapper.vue.js +10 -10
- package/lib/components/TableWrapper.vue.d.ts +3 -3
- package/lib/components/TableWrapper.vue.js +12 -12
- package/lib/components/TabsBarWrapper.vue.d.ts +5 -5
- package/lib/components/TabsBarWrapper.vue.js +9 -9
- package/lib/components/TabsWrapper.vue.d.ts +4 -4
- package/lib/components/TabsWrapper.vue.js +11 -11
- package/lib/components/WordmarkWrapper.vue.d.ts +71 -0
- package/lib/components/WordmarkWrapper.vue.js +26 -0
- package/lib/components/WordmarkWrapper.vue2.js +4 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/types.d.ts +35 -19
- package/package.json +2 -2
- package/public-api.js +109 -105
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { defineComponent as
|
|
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__ */
|
|
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
|
|
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,
|
|
18
|
-
return
|
|
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,
|
|
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,
|
|
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<
|
|
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
|
-
|
|
59
|
+
pageChange: (value: PaginationUpdateEvent) => void;
|
|
60
60
|
} & {
|
|
61
|
-
|
|
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<
|
|
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
|
-
|
|
120
|
-
onPageChange?: ((value:
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
3
|
-
const b = /* @__PURE__ */
|
|
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: ["
|
|
17
|
+
emits: ["pageChange", "update"],
|
|
18
18
|
setup(o, { emit: a }) {
|
|
19
|
-
const
|
|
19
|
+
const t = o, p = c("p-pagination"), e = u();
|
|
20
20
|
return s(() => {
|
|
21
|
-
|
|
22
|
-
}),
|
|
23
|
-
|
|
24
|
-
}), (P, v) => (
|
|
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 {
|
|
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
|
-
|
|
18
|
+
segmentedControlChange: (value: SegmentedControlUpdateEvent) => void;
|
|
19
19
|
} & {
|
|
20
|
-
|
|
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
|
-
|
|
38
|
-
onSegmentedControlChange?: ((value:
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
3
|
-
const y = /* @__PURE__ */
|
|
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: ["
|
|
10
|
+
emits: ["segmentedControlChange", "update"],
|
|
11
11
|
setup(a, { emit: n }) {
|
|
12
|
-
const o = a, l =
|
|
12
|
+
const o = a, l = _("p-segmented-control"), e = s();
|
|
13
13
|
return m(() => {
|
|
14
|
-
t(e.value, o), r(e.value, "
|
|
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,
|
|
17
|
+
}), (p, h) => (f(), c(C(g(l)), {
|
|
18
18
|
ref_key: "pdsComponentRef",
|
|
19
19
|
ref: e
|
|
20
20
|
}, {
|
|
21
21
|
default: i(() => [
|
|
22
|
-
|
|
22
|
+
v(p.$slots, "default")
|
|
23
23
|
]),
|
|
24
24
|
_: 3
|
|
25
25
|
}, 512));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
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
|
-
|
|
12
|
+
stepChange: (value: StepperHorizontalUpdateEvent) => void;
|
|
13
13
|
} & {
|
|
14
|
-
|
|
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
|
-
|
|
26
|
-
onStepChange?: ((value:
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
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: ["
|
|
10
|
-
setup(
|
|
11
|
-
const
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
}),
|
|
15
|
-
|
|
16
|
-
}), (s, v) => (
|
|
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:
|
|
21
|
-
|
|
20
|
+
default: h(() => [
|
|
21
|
+
_(s.$slots, "default")
|
|
22
22
|
]),
|
|
23
23
|
_: 3
|
|
24
24
|
}, 512));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BreakpointCustomizable, SwitchAlignLabel,
|
|
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
|
-
|
|
40
|
+
switchChange: (value: SwitchUpdateEvent) => void;
|
|
41
41
|
} & {
|
|
42
|
-
|
|
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
|
-
|
|
82
|
-
onSwitchChange?: ((value:
|
|
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
|
|
2
|
-
import { getPrefixedTagName as _, syncProperties as
|
|
3
|
-
const B = /* @__PURE__ */
|
|
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: ["
|
|
14
|
+
emits: ["switchChange", "update"],
|
|
15
15
|
setup(l, { emit: t }) {
|
|
16
|
-
const a = l, s = _("p-switch"), e =
|
|
16
|
+
const a = l, s = _("p-switch"), e = r();
|
|
17
17
|
return p(() => {
|
|
18
|
-
|
|
19
|
-
}),
|
|
20
|
-
|
|
21
|
-
}), (
|
|
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(
|
|
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
|
-
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
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: ["
|
|
10
|
-
setup(r, { emit:
|
|
11
|
-
const
|
|
12
|
-
return
|
|
13
|
-
o(e.value,
|
|
14
|
-
}),
|
|
15
|
-
o(e.value,
|
|
16
|
-
}), (s, v) => (
|
|
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:
|
|
21
|
-
|
|
20
|
+
default: C(() => [
|
|
21
|
+
_(s.$slots, "default")
|
|
22
22
|
]),
|
|
23
23
|
_: 3
|
|
24
24
|
}, 512));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TabsBarGradientColor,
|
|
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
|
-
|
|
33
|
+
tabChange: (value: TabsBarUpdateEvent) => void;
|
|
34
34
|
} & {
|
|
35
|
-
|
|
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
|
-
|
|
68
|
-
onTabChange?: ((value:
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
3
|
-
const k = /* @__PURE__ */
|
|
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: ["
|
|
13
|
+
emits: ["tabChange", "update"],
|
|
14
14
|
setup(r, { emit: t }) {
|
|
15
|
-
const a = r, l =
|
|
15
|
+
const a = r, l = h("p-tabs-bar"), e = s();
|
|
16
16
|
return u(() => {
|
|
17
|
-
n(e.value, a), o(e.value, "
|
|
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
|
-
}), (
|
|
20
|
+
}), (d, v) => (m(), c(i(g(l)), {
|
|
21
21
|
ref_key: "pdsComponentRef",
|
|
22
22
|
ref: e
|
|
23
23
|
}, {
|
|
24
|
-
default:
|
|
25
|
-
|
|
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
|
-
|
|
34
|
+
tabChange: (value: import("../types").TabsBarUpdateEvent) => void;
|
|
35
35
|
} & {
|
|
36
|
-
|
|
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
|
-
|
|
70
|
-
onTabChange?: ((value: import("../types").
|
|
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
|
|
2
|
-
import { getPrefixedTagName as
|
|
3
|
-
const k = /* @__PURE__ */
|
|
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: ["
|
|
13
|
+
emits: ["tabChange", "update"],
|
|
14
14
|
setup(r, { emit: t }) {
|
|
15
|
-
const a = r, l =
|
|
16
|
-
return
|
|
17
|
-
n(e.value, a), o(e.value, "
|
|
18
|
-
}),
|
|
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
|
-
}), (
|
|
20
|
+
}), (d, v) => (m(), c(i(g(l)), {
|
|
21
21
|
ref_key: "pdsComponentRef",
|
|
22
22
|
ref: e
|
|
23
23
|
}, {
|
|
24
|
-
default:
|
|
25
|
-
|
|
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
|
+
};
|