@porsche-design-system/components-vue 2.19.0-rc.0

package/lib/components/TextareaWrapperWrapper.vue.d.ts

@@ -0,0 +1,95 @@
+import type { BreakpointCustomizable, FormState } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The description text.
+     */
+    description?: string | undefined;
+    /**
+     * Show or hide label. For better accessibility it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    /**
+     * The label text.
+     */
+    label?: string | undefined;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCharacterCount?: boolean | undefined;
+    /**
+     * The validation state.
+     */
+    state?: "success" | "none" | "error" | undefined;
+}>, {
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCharacterCount: boolean;
+    state: string;
+}>, {}, 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<{
+    /**
+     * The description text.
+     */
+    description?: string | undefined;
+    /**
+     * Show or hide label. For better accessibility it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    /**
+     * The label text.
+     */
+    label?: string | undefined;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string | undefined;
+    /**
+     * Show or hide max character count.
+     */
+    showCharacterCount?: boolean | undefined;
+    /**
+     * The validation state.
+     */
+    state?: "success" | "none" | "error" | undefined;
+}>, {
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCharacterCount: boolean;
+    state: string;
+}>>>, {
+    label: string;
+    state: FormState;
+    hideLabel: BreakpointCustomizable<boolean>;
+    description: string;
+    message: string;
+    showCharacterCount: boolean;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/TextareaWrapperWrapper.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as p, ref as s, onMounted as f, onUpdated as l, openBlock as d, createBlock as u, resolveDynamicComponent as c, unref as m, withCtx as i, renderSlot as C } from "vue";
+import { getPrefixedTagName as _, syncProperties as o } from "../../utils.js";
+const w = /* @__PURE__ */ p({
+  __name: "TextareaWrapperWrapper",
+  props: {
+    description: { default: "" },
+    hideLabel: { default: !1 },
+    label: { default: "" },
+    message: { default: "" },
+    showCharacterCount: { type: Boolean, default: !0 },
+    state: { default: "none" }
+  },
+  setup(a) {
+    const t = a, r = _("p-textarea-wrapper"), e = s();
+    return f(() => {
+      o(e.value, t);
+    }), l(() => {
+      o(e.value, t);
+    }), (n, h) => (d(), u(c(m(r)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: i(() => [
+        C(n.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  w as default
+};

package/lib/components/TextareaWrapperWrapper.vue2.js

@@ -0,0 +1,5 @@
+import "./TextareaWrapperWrapper.vue.js";
+import { default as t } from "./TextareaWrapperWrapper.vue.js";
+export {
+  t as default
+};

package/lib/components/ToastWrapper.vue.d.ts

@@ -0,0 +1,33 @@
+import type { Theme } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Adapts the toast color depending on the theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    theme: string;
+}>, {}, 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<{
+    /**
+     * Adapts the toast color depending on the theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    theme: string;
+}>>>, {
+    theme: Theme;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/lib/components/ToastWrapper.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as p, ref as a, onMounted as s, onUpdated as m, openBlock as c, createBlock as f, resolveDynamicComponent as l, unref as u } from "vue";
+import { getPrefixedTagName as d, syncProperties as t } from "../../utils.js";
+const h = /* @__PURE__ */ p({
+  __name: "ToastWrapper",
+  props: {
+    theme: { default: "light" }
+  },
+  setup(n) {
+    const o = n, r = d("p-toast"), e = a();
+    return s(() => {
+      t(e.value, o);
+    }), m(() => {
+      t(e.value, o);
+    }), (i, _) => (c(), f(l(u(r)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  h as default
+};

package/lib/components/ToastWrapper.vue2.js

@@ -0,0 +1,5 @@
+import "./ToastWrapper.vue.js";
+import { default as t } from "./ToastWrapper.vue.js";
+export {
+  t as default
+};

package/lib/components/index.d.ts

@@ -0,0 +1,52 @@
+export { default as PAccordion } from './AccordionWrapper.vue';
+export { default as PBanner } from './BannerWrapper.vue';
+export { default as PButton } from './ButtonWrapper.vue';
+export { default as PButtonGroup } from './ButtonGroupWrapper.vue';
+export { default as PButtonPure } from './ButtonPureWrapper.vue';
+export { default as PCarousel } from './CarouselWrapper.vue';
+export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
+export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
+export { default as PDivider } from './DividerWrapper.vue';
+export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
+export { default as PFlex } from './FlexWrapper.vue';
+export { default as PFlexItem } from './FlexItemWrapper.vue';
+export { default as PGrid } from './GridWrapper.vue';
+export { default as PGridItem } from './GridItemWrapper.vue';
+export { default as PHeadline } from './HeadlineWrapper.vue';
+export { default as PIcon } from './IconWrapper.vue';
+export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
+export { default as PLink } from './LinkWrapper.vue';
+export { default as PLinkPure } from './LinkPureWrapper.vue';
+export { default as PLinkSocial } from './LinkSocialWrapper.vue';
+export { default as PLinkTile } from './LinkTileWrapper.vue';
+export { default as PMarque } from './MarqueWrapper.vue';
+export { default as PModal } from './ModalWrapper.vue';
+export { default as PPagination } from './PaginationWrapper.vue';
+export { default as PPopover } from './PopoverWrapper.vue';
+export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
+export { default as PScroller } from './ScrollerWrapper.vue';
+export { default as PSegmentedControl } from './SegmentedControlWrapper.vue';
+export { default as PSegmentedControlItem } from './SegmentedControlItemWrapper.vue';
+export { default as PSelectWrapper } from './SelectWrapperWrapper.vue';
+export { default as PSpinner } from './SpinnerWrapper.vue';
+export { default as PStepperHorizontal } from './StepperHorizontalWrapper.vue';
+export { default as PStepperHorizontalItem } from './StepperHorizontalItemWrapper.vue';
+export { default as PSwitch } from './SwitchWrapper.vue';
+export { default as PTable } from './TableWrapper.vue';
+export { default as PTableBody } from './TableBodyWrapper.vue';
+export { default as PTableCell } from './TableCellWrapper.vue';
+export { default as PTableHead } from './TableHeadWrapper.vue';
+export { default as PTableHeadCell } from './TableHeadCellWrapper.vue';
+export { default as PTableHeadRow } from './TableHeadRowWrapper.vue';
+export { default as PTableRow } from './TableRowWrapper.vue';
+export { default as PTabs } from './TabsWrapper.vue';
+export { default as PTabsBar } from './TabsBarWrapper.vue';
+export { default as PTabsItem } from './TabsItemWrapper.vue';
+export { default as PTag } from './TagWrapper.vue';
+export { default as PTagDismissible } from './TagDismissibleWrapper.vue';
+export { default as PText } from './TextWrapper.vue';
+export { default as PTextFieldWrapper } from './TextFieldWrapperWrapper.vue';
+export { default as PTextList } from './TextListWrapper.vue';
+export { default as PTextListItem } from './TextListItemWrapper.vue';
+export { default as PTextareaWrapper } from './TextareaWrapperWrapper.vue';
+export { default as PToast } from './ToastWrapper.vue';