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

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@porsche-design-system/components-vue",
+  "version": "2.19.0-rc.0",
+  "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
+  "keywords": [
+    "porsche",
+    "design",
+    "system",
+    "web",
+    "component",
+    "library",
+    "vue",
+    "js"
+  ],
+  "scope": "@porsche-design-system",
+  "author": "Dr. Ing. h.c. F. Porsche AG",
+  "license": "SEE LICENSE IN LICENSE",
+  "homepage": "https://designsystem.porsche.com",
+  "dependencies": {
+    "@porsche-design-system/components-js": "2.19.0-rc.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0 <4.0.0"
+  },
+  "main": "public-api.js",
+  "module": "public-api.js",
+  "types": "public-api.d.ts"
+}

package/partials/esm/partials.js

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/partials';

package/partials/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "partials.js",
+  "module": "esm/partials.js",
+  "types": "partials.d.ts",
+  "sideEffects": false
+}

package/partials/partials.d.ts

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/partials';

package/partials/partials.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var partials = require('@porsche-design-system/components-js/partials');
+
+
+
+Object.keys(partials).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return partials[k]; }
+	});
+});

package/public-api.d.ts

@@ -0,0 +1,5 @@
+export { componentsReady } from '@porsche-design-system/components-js';
+export * from './lib/components';
+export * from './lib/types';
+export { useToastManager } from './utils';
+export { default as PorscheDesignSystemProvider } from './PorscheDesignSystemProvider.vue';

package/public-api.js

@@ -0,0 +1,112 @@
+import { componentsReady as t } from "@porsche-design-system/components-js";
+import { default as o } from "./lib/components/AccordionWrapper.vue.js";
+import { default as l } from "./lib/components/BannerWrapper.vue.js";
+import { default as d } from "./lib/components/ButtonWrapper.vue.js";
+import { default as m } from "./lib/components/ButtonGroupWrapper.vue.js";
+import { default as x } from "./lib/components/ButtonPureWrapper.vue.js";
+import { default as i } from "./lib/components/CarouselWrapper.vue.js";
+import { default as T } from "./lib/components/CheckboxWrapperWrapper.vue.js";
+import { default as c } from "./lib/components/ContentWrapperWrapper.vue.js";
+import { default as I } from "./lib/components/DividerWrapper.vue.js";
+import { default as B } from "./lib/components/FieldsetWrapperWrapper.vue.js";
+import { default as W } from "./lib/components/FlexWrapper.vue.js";
+import { default as L } from "./lib/components/FlexItemWrapper.vue.js";
+import { default as F } from "./lib/components/GridWrapper.vue.js";
+import { default as h } from "./lib/components/GridItemWrapper.vue.js";
+import { default as w } from "./lib/components/HeadlineWrapper.vue.js";
+import { default as D } from "./lib/components/IconWrapper.vue.js";
+import { default as M } from "./lib/components/InlineNotificationWrapper.vue.js";
+import { default as q } from "./lib/components/LinkWrapper.vue.js";
+import { default as N } from "./lib/components/LinkPureWrapper.vue.js";
+import { default as E } from "./lib/components/LinkSocialWrapper.vue.js";
+import { default as K } from "./lib/components/LinkTileWrapper.vue.js";
+import { default as Q } from "./lib/components/MarqueWrapper.vue.js";
+import { default as V } from "./lib/components/ModalWrapper.vue.js";
+import { default as Y } from "./lib/components/PaginationWrapper.vue.js";
+import { default as _ } from "./lib/components/PopoverWrapper.vue.js";
+import { default as ee } from "./lib/components/RadioButtonWrapperWrapper.vue.js";
+import { default as te } from "./lib/components/ScrollerWrapper.vue.js";
+import { default as oe } from "./lib/components/SegmentedControlWrapper.vue.js";
+import { default as le } from "./lib/components/SegmentedControlItemWrapper.vue.js";
+import { default as de } from "./lib/components/SelectWrapperWrapper.vue.js";
+import { default as me } from "./lib/components/SpinnerWrapper.vue.js";
+import { default as xe } from "./lib/components/StepperHorizontalWrapper.vue.js";
+import { default as ie } from "./lib/components/StepperHorizontalItemWrapper.vue.js";
+import { default as Te } from "./lib/components/SwitchWrapper.vue.js";
+import { default as ce } from "./lib/components/TableWrapper.vue.js";
+import { default as Ie } from "./lib/components/TableBodyWrapper.vue.js";
+import { default as Be } from "./lib/components/TableCellWrapper.vue.js";
+import { default as We } from "./lib/components/TableHeadWrapper.vue.js";
+import { default as Le } from "./lib/components/TableHeadCellWrapper.vue.js";
+import { default as Fe } from "./lib/components/TableHeadRowWrapper.vue.js";
+import { default as he } from "./lib/components/TableRowWrapper.vue.js";
+import { default as we } from "./lib/components/TabsWrapper.vue.js";
+import { default as De } from "./lib/components/TabsBarWrapper.vue.js";
+import { default as Me } from "./lib/components/TabsItemWrapper.vue.js";
+import { default as qe } from "./lib/components/TagWrapper.vue.js";
+import { default as Ne } from "./lib/components/TagDismissibleWrapper.vue.js";
+import { default as Ee } from "./lib/components/TextWrapper.vue.js";
+import { default as Ke } from "./lib/components/TextFieldWrapperWrapper.vue.js";
+import { default as Qe } from "./lib/components/TextListWrapper.vue.js";
+import { default as Ve } from "./lib/components/TextListItemWrapper.vue.js";
+import { default as Ye } from "./lib/components/TextareaWrapperWrapper.vue.js";
+import { default as _e } from "./lib/components/ToastWrapper.vue.js";
+import { useToastManager as er } from "./utils.js";
+import { default as tr } from "./PorscheDesignSystemProvider.vue.js";
+export {
+  o as PAccordion,
+  l as PBanner,
+  d as PButton,
+  m as PButtonGroup,
+  x as PButtonPure,
+  i as PCarousel,
+  T as PCheckboxWrapper,
+  c as PContentWrapper,
+  I as PDivider,
+  B as PFieldsetWrapper,
+  W as PFlex,
+  L as PFlexItem,
+  F as PGrid,
+  h as PGridItem,
+  w as PHeadline,
+  D as PIcon,
+  M as PInlineNotification,
+  q as PLink,
+  N as PLinkPure,
+  E as PLinkSocial,
+  K as PLinkTile,
+  Q as PMarque,
+  V as PModal,
+  Y as PPagination,
+  _ as PPopover,
+  ee as PRadioButtonWrapper,
+  te as PScroller,
+  oe as PSegmentedControl,
+  le as PSegmentedControlItem,
+  de as PSelectWrapper,
+  me as PSpinner,
+  xe as PStepperHorizontal,
+  ie as PStepperHorizontalItem,
+  Te as PSwitch,
+  ce as PTable,
+  Ie as PTableBody,
+  Be as PTableCell,
+  We as PTableHead,
+  Le as PTableHeadCell,
+  Fe as PTableHeadRow,
+  he as PTableRow,
+  we as PTabs,
+  De as PTabsBar,
+  Me as PTabsItem,
+  qe as PTag,
+  Ne as PTagDismissible,
+  Ee as PText,
+  Ke as PTextFieldWrapper,
+  Qe as PTextList,
+  Ve as PTextListItem,
+  Ye as PTextareaWrapper,
+  _e as PToast,
+  tr as PorscheDesignSystemProvider,
+  t as componentsReady,
+  er as useToastManager
+};

package/utilities/js/esm/js.js

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/utilities/js';

package/utilities/js/js.d.ts

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/utilities/js';

package/utilities/js/js.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var js = require('@porsche-design-system/components-js/utilities/js');
+
+
+
+Object.keys(js).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return js[k]; }
+	});
+});

package/utilities/js/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "js.js",
+  "module": "esm/js.js",
+  "types": "js.d.ts",
+  "sideEffects": false
+}

package/utilities/scss.scss

@@ -0,0 +1 @@
+@import '~@porsche-design-system/components-js/utilities/scss';

package/utils.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey } from 'vue';
+import type { ToastMessage } from './lib/types';
+export declare const prefixInjectionKey: InjectionKey<"pdsPrefix">;
+export declare const getPrefixedTagName: (tagName: string) => string;
+export declare const syncProperties: <T extends HTMLElement>(elementRef: T, props: Partial<T>) => void;
+export declare const addEventListenerToElementRef: <T extends HTMLElement, E extends string>(elementRef: T, eventName: E, emit: (eventName: E, detail: any) => void) => void;
+export declare const useToastManager: () => {
+    addMessage: (message: ToastMessage) => void;
+};

package/utils.js

@@ -0,0 +1,28 @@
+import { inject as o } from "vue";
+const r = Symbol("pdsPrefix"), i = (t) => {
+  const e = o(r);
+  if (e === void 0)
+    throw new Error("It appears the <PorscheDesignSystemProvider /> is missing. Make sure to wrap your App in it.");
+  return e ? e + "-" + t : t;
+}, c = (t, e) => {
+  Object.keys(e).forEach((s) => t[s] = e[s]);
+}, d = (t, e, s) => {
+  t.addEventListener(e, (n) => {
+    s(e, n.detail);
+  });
+}, f = () => {
+  const t = i("p-toast");
+  return {
+    addMessage: (e) => {
+      const s = document.body.querySelector(t);
+      customElements.whenDefined(t).then(() => s.addMessage(e));
+    }
+  };
+};
+export {
+  d as addEventListenerToElementRef,
+  i as getPrefixedTagName,
+  r as prefixInjectionKey,
+  c as syncProperties,
+  f as useToastManager
+};