@porsche-design-system/components-vue 3.29.0 → 3.30.0-rc.1

package/esm/lib/components/DrilldownLinkWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as a, onMounted as l, onUpdated as f, openBlock as d, createBlock as c, resolveDynamicComponent as i, unref as m, withCtx as u, renderSlot as _ } from "vue";
+import { defineComponent as s, ref as a, onMounted as l, onUpdated as f, createBlock as d, openBlock as c, resolveDynamicComponent as i, unref as m, withCtx as u, renderSlot as _ } from "vue";
 import { usePrefix as C, syncProperties as k } from "../../utils.mjs";
 const x = /* @__PURE__ */ s({
   __name: "DrilldownLinkWrapper",
@@ -12,7 +12,7 @@ const x = /* @__PURE__ */ s({
   },
   setup(n) {
     const t = C("p-drilldown-link"), r = n, e = a(), o = () => k(e, r);
-    return l(o), f(o), (p, w) => (d(), c(i(m(t)), {
+    return l(o), f(o), (p, w) => (c(), d(i(m(t)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/DrilldownWrapper.vue.d.ts

@@ -21,16 +21,15 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PDrilldownProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PDrilldownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PDrilldownProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/DrilldownWrapper.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as c, ref as f, inject as l, onMounted as u, onUpdated as h, watch as _, openBlock as y, createBlock as C, resolveDynamicComponent as w, unref as v, withCtx as R, renderSlot as k } from "vue";
-import { usePrefix as x, themeInjectionKey as B, addEventListenerToElementRef as p, syncProperties as m } from "../../utils.mjs";
+import { defineComponent as c, ref as f, inject as l, onMounted as u, onUpdated as h, watch as _, createBlock as y, openBlock as C, resolveDynamicComponent as w, unref as v, withCtx as R, renderSlot as k } from "vue";
+import { usePrefix as x, themeInjectionKey as B, syncProperties as p, addEventListenerToElementRef as m } from "../../utils.mjs";
 const E = /* @__PURE__ */ c({
   __name: "DrilldownWrapper",
   props: {
@@ -10,12 +10,12 @@ const E = /* @__PURE__ */ c({
   },
   emits: ["dismiss", "update"],
   setup(i, { emit: a }) {
-    const d = x("p-drilldown"), t = i, e = f(), o = a, s = l(B), r = () => m(e, { ...t, theme: t.theme || s.value });
+    const d = x("p-drilldown"), t = i, e = f(), o = a, s = l(B), r = () => p(e, { ...t, theme: t.theme || s.value });
     return u(() => {
-      r(), p(e, "dismiss", o), p(e, "update", o);
+      r(), m(e, "dismiss", o), m(e, "update", o);
     }), h(r), _(s, (n) => {
-      m(e, { theme: t.theme || n });
-    }), (n, P) => (y(), C(w(v(d)), {
+      p(e, { theme: t.theme || n });
+    }), (n, P) => (C(), y(w(v(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/FieldsetWrapper.vue.d.ts

@@ -33,14 +33,15 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PFieldsetProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PFieldsetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetProps> & Readonly<{}>, {
     label: string;
     state: FieldsetState;
     required: boolean;
     message: string;
     labelSize: FieldsetLabelSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/FieldsetWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as b } from "vue";
+import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, createBlock as i, openBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as b } from "vue";
 import { usePrefix as k, themeInjectionKey as w, syncProperties as a } from "../../utils.mjs";
 const R = /* @__PURE__ */ f({
   __name: "FieldsetWrapper",
@@ -15,7 +15,7 @@ const R = /* @__PURE__ */ f({
     const p = k("p-fieldset"), e = s, t = l(), n = m(w), r = () => a(t, { ...e, theme: e.theme || n.value });
     return d(r), c(r), u(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, x) => (i(), h(_(y(p)), {
+    }), (o, x) => (h(), i(_(y(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts

@@ -29,15 +29,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PFieldsetWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetWrapperProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PFieldsetWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetWrapperProps> & Readonly<{}>, {
     label: string;
     state: FieldsetWrapperState;
     required: boolean;
     message: string;
     labelSize: FieldsetWrapperLabelSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/FieldsetWrapperWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as w } from "vue";
+import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, createBlock as i, openBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as w } from "vue";
 import { usePrefix as b, themeInjectionKey as k, syncProperties as a } from "../../utils.mjs";
 const R = /* @__PURE__ */ f({
   __name: "FieldsetWrapperWrapper",
@@ -14,7 +14,7 @@ const R = /* @__PURE__ */ f({
     const s = b("p-fieldset-wrapper"), e = p, t = l(), n = m(k), r = () => a(t, { ...e, theme: e.theme || n.value });
     return d(r), c(r), u(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, x) => (i(), h(_(y(s)), {
+    }), (o, x) => (h(), i(_(y(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

package/esm/lib/components/FlagWrapper.vue.d.ts

@@ -13,8 +13,9 @@ type PFlagProps = {
      */
     size?: FlagSize;
 };
-declare const _default: import("vue").DefineComponent<PFlagProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlagProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PFlagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlagProps> & Readonly<{}>, {
     size: FlagSize;
     name: FlagName;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/esm/lib/components/FlagWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as s, onMounted as a, onUpdated as c, openBlock as f, createBlock as m, resolveDynamicComponent as l, unref as d } from "vue";
+import { defineComponent as p, ref as s, onMounted as a, onUpdated as c, createBlock as f, openBlock as m, resolveDynamicComponent as l, unref as d } from "vue";
 import { usePrefix as u, syncProperties as i } from "../../utils.mjs";
 const k = /* @__PURE__ */ p({
   __name: "FlagWrapper",
@@ -9,7 +9,7 @@ const k = /* @__PURE__ */ p({
   },
   setup(n) {
     const r = u("p-flag"), t = n, e = s(), o = () => i(e, t);
-    return a(o), c(o), (_, C) => (f(), m(l(d(r)), {
+    return a(o), c(o), (_, C) => (m(), f(l(d(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

package/esm/lib/components/FlexItemWrapper.vue.d.ts

@@ -29,7 +29,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PFlexItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PFlexItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexItemProps> & Readonly<{}>, {
     width: BreakpointCustomizable<FlexItemWidth>;
     alignSelf: BreakpointCustomizable<FlexItemAlignSelf>;
     flex: BreakpointCustomizable<FlexItemFlex>;
@@ -37,8 +37,9 @@ declare const __VLS_component: import("vue").DefineComponent<PFlexItemProps, voi
     offset: BreakpointCustomizable<FlexItemOffset>;
     shrink: BreakpointCustomizable<FlexItemShrink>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/FlexItemWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, ref as p, onMounted as s, onUpdated as l, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as _ } from "vue";
+import { defineComponent as a, ref as p, onMounted as s, onUpdated as l, createBlock as d, openBlock as u, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as _ } from "vue";
 import { usePrefix as x, syncProperties as C } from "../../utils.mjs";
 const y = /* @__PURE__ */ a({
   __name: "FlexItemWrapper",
@@ -12,7 +12,7 @@ const y = /* @__PURE__ */ a({
   },
   setup(o) {
     const n = x("p-flex-item"), r = o, e = p(), t = () => C(e, r);
-    return s(t), l(t), (f, h) => (d(), u(i(c(n)), {
+    return s(t), l(t), (f, h) => (u(), d(i(c(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/FlexWrapper.vue.d.ts

@@ -29,7 +29,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PFlexProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PFlexProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexProps> & Readonly<{}>, {
     inline: BreakpointCustomizable<FlexInline>;
     wrap: BreakpointCustomizable<FlexWrap>;
     direction: BreakpointCustomizable<FlexDirection>;
@@ -37,8 +37,9 @@ declare const __VLS_component: import("vue").DefineComponent<PFlexProps, void, {
     alignItems: BreakpointCustomizable<FlexAlignItems>;
     justifyContent: BreakpointCustomizable<FlexJustifyContent>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/FlexWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, ref as f, onMounted as p, onUpdated as l, openBlock as c, createBlock as d, resolveDynamicComponent as u, unref as i, withCtx as m, renderSlot as C } from "vue";
+import { defineComponent as a, ref as p, onMounted as f, onUpdated as l, createBlock as c, openBlock as d, resolveDynamicComponent as u, unref as i, withCtx as m, renderSlot as C } from "vue";
 import { usePrefix as _, syncProperties as x } from "../../utils.mjs";
 const g = /* @__PURE__ */ a({
   __name: "FlexWrapper",
@@ -6,13 +6,13 @@ const g = /* @__PURE__ */ a({
     alignContent: { default: "stretch" },
     alignItems: { default: "stretch" },
     direction: { default: "row" },
-    inline: { default: !1 },
+    inline: { type: [Boolean, Object], default: !1 },
     justifyContent: { default: "flex-start" },
     wrap: { default: "nowrap" }
   },
   setup(n) {
-    const o = _("p-flex"), r = n, e = f(), t = () => x(e, r);
-    return p(t), l(t), (s, w) => (c(), d(u(i(o)), {
+    const o = _("p-flex"), r = n, e = p(), t = () => x(e, r);
+    return f(t), l(t), (s, y) => (d(), c(u(i(o)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/FlyoutWrapper.vue.d.ts

@@ -1,9 +1,13 @@
-import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutPosition, Theme } from '../types';
+import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutPosition, Theme } from '../types';
 type PFlyoutProps = {
     /**
      * Add ARIA attributes.
      */
     aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
+    /**
+     * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
+     */
+    backdrop?: FlyoutBackdrop;
     /**
      * If true, the flyout will not be closable via backdrop click.
      */
@@ -29,19 +33,19 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PFlyoutProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PFlyoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PFlyoutProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     open: boolean;
+    backdrop: FlyoutBackdrop;
     disableBackdropClick: boolean;
     footerBehavior: FlyoutFooterBehavior;
     position: FlyoutPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/FlyoutWrapper.vue.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as f, ref as l, inject as c, onMounted as u, onUpdated as h, watch as y, openBlock as C, createBlock as _, resolveDynamicComponent as k, unref as B, withCtx as E, renderSlot as b } from "vue";
-import { usePrefix as v, themeInjectionKey as R, addEventListenerToElementRef as s, syncProperties as d } from "../../utils.mjs";
-const j = /* @__PURE__ */ f({
+import { defineComponent as l, ref as f, inject as c, onMounted as u, onUpdated as h, watch as y, createBlock as k, openBlock as C, resolveDynamicComponent as _, unref as b, withCtx as B, renderSlot as E } from "vue";
+import { usePrefix as v, themeInjectionKey as R, syncProperties as d, addEventListenerToElementRef as s } from "../../utils.mjs";
+const j = /* @__PURE__ */ l({
   __name: "FlyoutWrapper",
   props: {
     aria: {},
+    backdrop: { default: "blur" },
     disableBackdropClick: { type: Boolean, default: !1 },
     footerBehavior: { default: "sticky" },
     open: { type: Boolean, default: !1 },
@@ -11,18 +12,18 @@ const j = /* @__PURE__ */ f({
     theme: {}
   },
   emits: ["dismiss", "motionHiddenEnd", "motionVisibleEnd"],
-  setup(m, { emit: a }) {
-    const p = v("p-flyout"), t = m, e = l(), o = a, i = c(R), r = () => d(e, { ...t, theme: t.theme || i.value });
+  setup(a, { emit: m }) {
+    const p = v("p-flyout"), t = a, e = f(), o = m, i = c(R), r = () => d(e, { ...t, theme: t.theme || i.value });
     return u(() => {
       r(), s(e, "dismiss", o), s(e, "motionHiddenEnd", o), s(e, "motionVisibleEnd", o);
     }), h(r), y(i, (n) => {
       d(e, { theme: t.theme || n });
-    }), (n, w) => (C(), _(k(B(p)), {
+    }), (n, w) => (C(), k(_(b(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: E(() => [
-        b(n.$slots, "default")
+      default: B(() => [
+        E(n.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/components/GridItemWrapper.vue.d.ts

@@ -13,12 +13,13 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PGridItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PGridItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridItemProps> & Readonly<{}>, {
     size: BreakpointCustomizable<GridItemSize>;
     offset: BreakpointCustomizable<GridItemOffset>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/GridItemWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as f, onMounted as a, onUpdated as c, openBlock as d, createBlock as m, resolveDynamicComponent as i, unref as u, withCtx as l, renderSlot as _ } from "vue";
+import { defineComponent as s, ref as f, onMounted as a, onUpdated as c, createBlock as d, openBlock as m, resolveDynamicComponent as i, unref as u, withCtx as l, renderSlot as _ } from "vue";
 import { usePrefix as C, syncProperties as y } from "../../utils.mjs";
 const g = /* @__PURE__ */ s({
   __name: "GridItemWrapper",
@@ -8,7 +8,7 @@ const g = /* @__PURE__ */ s({
   },
   setup(t) {
     const n = C("p-grid-item"), r = t, e = f(), o = () => y(e, r);
-    return a(o), c(o), (p, k) => (d(), m(i(u(n)), {
+    return a(o), c(o), (p, k) => (m(), d(i(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/GridWrapper.vue.d.ts

@@ -18,13 +18,14 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PGridProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridProps> & Readonly<{}>, {
     wrap: BreakpointCustomizable<GridWrap>;
     direction: BreakpointCustomizable<GridDirection>;
     gutter: BreakpointCustomizable<GridGutter>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/GridWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as a, onMounted as f, onUpdated as d, openBlock as c, createBlock as m, resolveDynamicComponent as u, unref as i, withCtx as l, renderSlot as _ } from "vue";
+import { defineComponent as s, ref as a, onMounted as f, onUpdated as d, createBlock as c, openBlock as m, resolveDynamicComponent as u, unref as i, withCtx as l, renderSlot as _ } from "vue";
 import { usePrefix as C, syncProperties as w } from "../../utils.mjs";
 const x = /* @__PURE__ */ s({
   __name: "GridWrapper",
@@ -9,7 +9,7 @@ const x = /* @__PURE__ */ s({
   },
   setup(t) {
     const r = C("p-grid"), n = t, e = a(), o = () => w(e, n);
-    return f(o), d(o), (p, y) => (c(), m(u(i(r)), {
+    return f(o), d(o), (p, y) => (m(), c(u(i(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/HeadingWrapper.vue.d.ts

@@ -29,13 +29,14 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PHeadingProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadingProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PHeadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadingProps> & Readonly<{}>, {
     size: BreakpointCustomizable<HeadingSize>;
     align: HeadingAlign;
     color: HeadingColor;
     ellipsis: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/HeadingWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as l, inject as m, onMounted as c, onUpdated as i, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as g, renderSlot as C } from "vue";
+import { defineComponent as f, ref as l, inject as m, onMounted as c, onUpdated as i, watch as d, createBlock as u, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as g, renderSlot as C } from "vue";
 import { usePrefix as x, themeInjectionKey as k, syncProperties as a } from "../../utils.mjs";
 const R = /* @__PURE__ */ f({
   __name: "HeadingWrapper",
@@ -14,7 +14,7 @@ const R = /* @__PURE__ */ f({
     const p = x("p-heading"), e = s, t = l(), n = m(k), r = () => a(t, { ...e, theme: e.theme || n.value });
     return c(r), i(r), d(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, w) => (u(), h(y(_(p)), {
+    }), (o, w) => (h(), u(y(_(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

package/esm/lib/components/HeadlineWrapper.vue.d.ts

@@ -29,14 +29,15 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PHeadlineProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadlineProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PHeadlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadlineProps> & Readonly<{}>, {
     variant: HeadlineVariant;
     align: HeadlineAlign;
     color: HeadlineColor;
     ellipsis: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/HeadlineWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as i, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
+import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as i, watch as d, createBlock as u, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
 import { usePrefix as k, themeInjectionKey as v, syncProperties as a } from "../../utils.mjs";
 const P = /* @__PURE__ */ l({
   __name: "HeadlineWrapper",
@@ -14,7 +14,7 @@ const P = /* @__PURE__ */ l({
     const s = k("p-headline"), e = p, t = f(), o = m(v), r = () => a(t, { ...e, theme: e.theme || o.value });
     return c(r), i(r), d(o, (n) => {
       a(t, { theme: e.theme || n });
-    }), (n, w) => (u(), h(y(_(s)), {
+    }), (n, w) => (h(), u(y(_(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

package/esm/lib/components/IconWrapper.vue.d.ts

@@ -30,9 +30,10 @@ type PIconProps = {
      */
     theme?: Theme;
 };
-declare const _default: import("vue").DefineComponent<PIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PIconProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PIconProps> & Readonly<{}>, {
     size: IconSize;
     name: IconName;
     color: IconColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/esm/lib/components/IconWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as s, inject as f, onMounted as l, onUpdated as i, watch as u, openBlock as d, createBlock as h, resolveDynamicComponent as y, unref as _ } from "vue";
+import { defineComponent as m, ref as s, inject as f, onMounted as l, onUpdated as i, watch as u, createBlock as d, openBlock as h, resolveDynamicComponent as y, unref as _ } from "vue";
 import { usePrefix as C, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
 const P = /* @__PURE__ */ m({
   __name: "IconWrapper",
@@ -15,7 +15,7 @@ const P = /* @__PURE__ */ m({
     const c = C("p-icon"), e = a, o = s(), t = f(k), n = () => p(o, { ...e, theme: e.theme || t.value });
     return l(n), i(n), u(t, (r) => {
       p(o, { theme: e.theme || r });
-    }), (r, w) => (d(), h(y(_(c)), {
+    }), (r, w) => (h(), d(y(_(c)), {
       ref_key: "pdsComponentRef",
       ref: o
     }, null, 512));

package/esm/lib/components/InlineNotificationWrapper.vue.d.ts

@@ -45,9 +45,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInlineNotificationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PInlineNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PInlineNotificationProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
@@ -60,7 +58,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInlineNotification
     actionIcon: InlineNotificationActionIcon;
     actionLoading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/esm/lib/components/InlineNotificationWrapper.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as m, inject as l, onMounted as u, onUpdated as h, watch as y, openBlock as _, createBlock as g, resolveDynamicComponent as B, unref as C, withCtx as w, renderSlot as R } from "vue";
-import { usePrefix as k, themeInjectionKey as v, addEventListenerToElementRef as s, syncProperties as r } from "../../utils.mjs";
+import { defineComponent as d, ref as m, inject as l, onMounted as u, onUpdated as h, watch as y, createBlock as _, openBlock as g, resolveDynamicComponent as B, unref as C, withCtx as w, renderSlot as R } from "vue";
+import { usePrefix as k, themeInjectionKey as v, syncProperties as s, addEventListenerToElementRef as r } from "../../utils.mjs";
 const P = /* @__PURE__ */ d({
   __name: "InlineNotificationWrapper",
   props: {
@@ -16,12 +16,12 @@ const P = /* @__PURE__ */ d({
   },
   emits: ["action", "dismiss"],
   setup(c, { emit: f }) {
-    const p = k("p-inline-notification"), t = c, e = m(), o = f, i = l(v), a = () => r(e, { ...t, theme: t.theme || i.value });
+    const p = k("p-inline-notification"), t = c, e = m(), o = f, i = l(v), a = () => s(e, { ...t, theme: t.theme || i.value });
     return u(() => {
-      a(), s(e, "action", o), s(e, "dismiss", o);
+      a(), r(e, "action", o), r(e, "dismiss", o);
     }), h(a), y(i, (n) => {
-      r(e, { theme: t.theme || n });
-    }), (n, x) => (_(), g(B(C(p)), {
+      s(e, { theme: t.theme || n });
+    }), (n, x) => (g(), _(B(C(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/esm/lib/components/InputDateWrapper.vue.d.ts

@@ -77,14 +77,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputDateProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputDateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: (value: Event) => any;
     change: (value: Event) => any;
     input: (value: InputEvent) => any;
+    "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<PInputDateProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     step: number;
     label: string;
@@ -99,7 +101,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputDateProps, vo
     message: string;
     readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {