@porsche-design-system/components-vue 3.31.0 → 4.0.0-alpha.0
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 +250 -1
- package/cjs/PorscheDesignSystemProvider.vue.cjs +1 -1
- package/cjs/lib/components/AccordionWrapper.vue.cjs +1 -1
- package/cjs/lib/components/BannerWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ButtonPureWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ButtonTileWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ButtonWrapper.vue.cjs +1 -1
- package/cjs/lib/components/CanvasWrapper.vue.cjs +1 -1
- package/cjs/lib/components/CarouselWrapper.vue.cjs +1 -1
- package/cjs/lib/components/CheckboxWrapper.vue.cjs +1 -1
- package/cjs/lib/components/DisplayWrapper.vue.cjs +1 -1
- package/cjs/lib/components/DividerWrapper.vue.cjs +1 -1
- package/cjs/lib/components/DrilldownWrapper.vue.cjs +1 -1
- package/cjs/lib/components/FieldsetWrapper.vue.cjs +1 -1
- package/cjs/lib/components/FlyoutWrapper.vue.cjs +1 -1
- package/cjs/lib/components/HeadingWrapper.vue.cjs +1 -1
- package/cjs/lib/components/IconWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InlineNotificationWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputDateWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputEmailWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputMonthWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputMonthWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/InputNumberWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputPasswordWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputSearchWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputTelWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputTextWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputTimeWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputUrlWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputWeekWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputWeekWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/LinkPureWrapper.vue.cjs +1 -1
- package/cjs/lib/components/LinkTileProductWrapper.vue.cjs +1 -1
- package/cjs/lib/components/LinkTileWrapper.vue.cjs +1 -1
- package/cjs/lib/components/LinkWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ModalWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ModelSignatureWrapper.vue.cjs +1 -1
- package/cjs/lib/components/MultiSelectWrapper.vue.cjs +1 -1
- package/cjs/lib/components/PaginationWrapper.vue.cjs +1 -1
- package/cjs/lib/components/PinCodeWrapper.vue.cjs +1 -1
- package/cjs/lib/components/PopoverWrapper.vue.cjs +1 -1
- package/cjs/lib/components/RadioGroupWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ScrollerWrapper.vue.cjs +1 -1
- package/cjs/lib/components/SegmentedControlWrapper.vue.cjs +1 -1
- package/cjs/lib/components/SelectWrapper.vue.cjs +1 -1
- package/cjs/lib/components/SheetWrapper.vue.cjs +1 -1
- package/cjs/lib/components/SpinnerWrapper.vue.cjs +1 -1
- package/cjs/lib/components/StepperHorizontalWrapper.vue.cjs +1 -1
- package/cjs/lib/components/SwitchWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TableWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TabsBarWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TabsWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TagDismissibleWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TagWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TextListWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TextWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TextareaWrapper.vue.cjs +1 -1
- package/cjs/lib/components/ToastWrapper.vue.cjs +1 -1
- package/cjs/lib/components/WordmarkWrapper.vue.cjs +1 -1
- package/cjs/public-api.cjs +1 -1
- package/cjs/utils.cjs +1 -1
- package/esm/PorscheDesignSystemProvider.vue.d.ts +0 -3
- package/esm/PorscheDesignSystemProvider.vue.mjs +9 -15
- package/esm/lib/components/AccordionWrapper.vue.d.ts +3 -13
- package/esm/lib/components/AccordionWrapper.vue.mjs +13 -17
- package/esm/lib/components/BannerWrapper.vue.d.ts +1 -14
- package/esm/lib/components/BannerWrapper.vue.mjs +12 -17
- package/esm/lib/components/ButtonPureWrapper.vue.d.ts +2 -12
- package/esm/lib/components/ButtonPureWrapper.vue.mjs +11 -15
- package/esm/lib/components/ButtonTileWrapper.vue.d.ts +1 -6
- package/esm/lib/components/ButtonTileWrapper.vue.mjs +8 -9
- package/esm/lib/components/ButtonWrapper.vue.d.ts +1 -5
- package/esm/lib/components/ButtonWrapper.vue.mjs +10 -13
- package/esm/lib/components/CanvasWrapper.vue.d.ts +0 -5
- package/esm/lib/components/CanvasWrapper.vue.mjs +12 -15
- package/esm/lib/components/CarouselWrapper.vue.d.ts +7 -22
- package/esm/lib/components/CarouselWrapper.vue.mjs +17 -22
- package/esm/lib/components/CheckboxWrapper.vue.d.ts +1 -7
- package/esm/lib/components/CheckboxWrapper.vue.mjs +14 -17
- package/esm/lib/components/DisplayWrapper.vue.d.ts +1 -5
- package/esm/lib/components/DisplayWrapper.vue.mjs +11 -14
- package/esm/lib/components/DividerWrapper.vue.d.ts +2 -10
- package/esm/lib/components/DividerWrapper.vue.mjs +10 -14
- package/esm/lib/components/DrilldownWrapper.vue.d.ts +1 -5
- package/esm/lib/components/DrilldownWrapper.vue.mjs +12 -15
- package/esm/lib/components/FieldsetWrapper.vue.d.ts +1 -5
- package/esm/lib/components/FieldsetWrapper.vue.mjs +11 -14
- package/esm/lib/components/FlyoutWrapper.vue.d.ts +6 -5
- package/esm/lib/components/FlyoutWrapper.vue.mjs +13 -15
- package/esm/lib/components/HeadingWrapper.vue.d.ts +1 -5
- package/esm/lib/components/HeadingWrapper.vue.mjs +11 -14
- package/esm/lib/components/IconWrapper.vue.d.ts +1 -10
- package/esm/lib/components/IconWrapper.vue.mjs +9 -13
- package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +1 -9
- package/esm/lib/components/InlineNotificationWrapper.vue.mjs +12 -16
- package/esm/lib/components/InputDateWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputDateWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputEmailWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputEmailWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputMonthWrapper.vue.d.ts +107 -0
- package/esm/lib/components/InputMonthWrapper.vue.mjs +44 -0
- package/esm/lib/components/InputMonthWrapper.vue2.mjs +4 -0
- package/esm/lib/components/InputNumberWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputNumberWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputPasswordWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputPasswordWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputSearchWrapper.vue.d.ts +9 -5
- package/esm/lib/components/InputSearchWrapper.vue.mjs +14 -15
- package/esm/lib/components/InputTelWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputTelWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputTextWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputTextWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputTimeWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputTimeWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputUrlWrapper.vue.d.ts +1 -5
- package/esm/lib/components/InputUrlWrapper.vue.mjs +12 -15
- package/esm/lib/components/InputWeekWrapper.vue.d.ts +107 -0
- package/esm/lib/components/InputWeekWrapper.vue.mjs +44 -0
- package/esm/lib/components/InputWeekWrapper.vue2.mjs +4 -0
- package/esm/lib/components/LinkPureWrapper.vue.d.ts +2 -12
- package/esm/lib/components/LinkPureWrapper.vue.mjs +11 -15
- package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +3 -7
- package/esm/lib/components/LinkTileProductWrapper.vue.mjs +13 -16
- package/esm/lib/components/LinkTileWrapper.vue.d.ts +1 -6
- package/esm/lib/components/LinkTileWrapper.vue.mjs +6 -7
- package/esm/lib/components/LinkWrapper.vue.d.ts +1 -5
- package/esm/lib/components/LinkWrapper.vue.mjs +10 -13
- package/esm/lib/components/ModalWrapper.vue.d.ts +6 -14
- package/esm/lib/components/ModalWrapper.vue.mjs +13 -17
- package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +2 -6
- package/esm/lib/components/ModelSignatureWrapper.vue.mjs +11 -14
- package/esm/lib/components/MultiSelectWrapper.vue.d.ts +1 -5
- package/esm/lib/components/MultiSelectWrapper.vue.mjs +14 -17
- package/esm/lib/components/PaginationWrapper.vue.d.ts +3 -30
- package/esm/lib/components/PaginationWrapper.vue.mjs +10 -18
- package/esm/lib/components/PinCodeWrapper.vue.d.ts +1 -5
- package/esm/lib/components/PinCodeWrapper.vue.mjs +14 -17
- package/esm/lib/components/PopoverWrapper.vue.d.ts +1 -5
- package/esm/lib/components/PopoverWrapper.vue.mjs +11 -14
- package/esm/lib/components/RadioGroupWrapper.vue.d.ts +2 -6
- package/esm/lib/components/RadioGroupWrapper.vue.mjs +12 -15
- package/esm/lib/components/ScrollerWrapper.vue.d.ts +1 -17
- package/esm/lib/components/ScrollerWrapper.vue.mjs +10 -16
- package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +29 -7
- package/esm/lib/components/SegmentedControlWrapper.vue.mjs +19 -17
- package/esm/lib/components/SelectWrapper.vue.d.ts +2 -6
- package/esm/lib/components/SelectWrapper.vue.mjs +14 -17
- package/esm/lib/components/SheetWrapper.vue.d.ts +6 -5
- package/esm/lib/components/SheetWrapper.vue.mjs +13 -15
- package/esm/lib/components/SpinnerWrapper.vue.d.ts +1 -5
- package/esm/lib/components/SpinnerWrapper.vue.mjs +9 -12
- package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +3 -9
- package/esm/lib/components/StepperHorizontalWrapper.vue.mjs +13 -16
- package/esm/lib/components/SwitchWrapper.vue.d.ts +4 -10
- package/esm/lib/components/SwitchWrapper.vue.mjs +13 -16
- package/esm/lib/components/TableWrapper.vue.d.ts +1 -7
- package/esm/lib/components/TableWrapper.vue.mjs +12 -15
- package/esm/lib/components/TabsBarWrapper.vue.d.ts +3 -17
- package/esm/lib/components/TabsBarWrapper.vue.mjs +12 -17
- package/esm/lib/components/TabsWrapper.vue.d.ts +3 -17
- package/esm/lib/components/TabsWrapper.vue.mjs +12 -17
- package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +4 -8
- package/esm/lib/components/TagDismissibleWrapper.vue.mjs +12 -15
- package/esm/lib/components/TagWrapper.vue.d.ts +5 -8
- package/esm/lib/components/TagWrapper.vue.mjs +12 -15
- package/esm/lib/components/TextListWrapper.vue.d.ts +1 -13
- package/esm/lib/components/TextListWrapper.vue.mjs +10 -15
- package/esm/lib/components/TextWrapper.vue.d.ts +2 -6
- package/esm/lib/components/TextWrapper.vue.mjs +10 -13
- package/esm/lib/components/TextareaWrapper.vue.d.ts +7 -6
- package/esm/lib/components/TextareaWrapper.vue.mjs +13 -15
- package/esm/lib/components/ToastWrapper.vue.d.ts +1 -8
- package/esm/lib/components/ToastWrapper.vue.mjs +7 -15
- package/esm/lib/components/WordmarkWrapper.vue.d.ts +1 -5
- package/esm/lib/components/WordmarkWrapper.vue.mjs +9 -12
- package/esm/lib/components/index.d.ts +2 -16
- package/esm/lib/types.d.ts +149 -503
- package/esm/public-api.d.ts +1 -1
- package/esm/public-api.mjs +150 -179
- package/esm/tokens/index.d.ts +1 -0
- package/esm/utils.d.ts +1 -2
- package/esm/utils.mjs +7 -8
- package/global-styles/cn/font-face.css +1 -0
- package/global-styles/cn/index.css +168 -0
- package/global-styles/font-face.css +1 -0
- package/global-styles/index.css +168 -0
- package/global-styles/legacy-radius.css +5 -0
- package/global-styles/normalize.css +11 -0
- package/global-styles/variables.css +156 -0
- package/package.json +32 -10
- package/tailwindcss/index.css +174 -152
- package/tokens/cjs/index.cjs +12 -0
- package/tokens/esm/index.d.ts +1 -0
- package/tokens/esm/index.mjs +1 -0
- package/tokens/package.json +6 -0
- package/cjs/lib/components/ButtonGroupWrapper.vue.cjs +0 -1
- package/cjs/lib/components/ButtonGroupWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/CheckboxWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/CheckboxWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/ContentWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/ContentWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/FieldsetWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/FieldsetWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/FlexItemWrapper.vue.cjs +0 -1
- package/cjs/lib/components/FlexItemWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/FlexWrapper.vue.cjs +0 -1
- package/cjs/lib/components/FlexWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/GridItemWrapper.vue.cjs +0 -1
- package/cjs/lib/components/GridItemWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/GridWrapper.vue.cjs +0 -1
- package/cjs/lib/components/GridWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/HeadlineWrapper.vue.cjs +0 -1
- package/cjs/lib/components/HeadlineWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/LinkSocialWrapper.vue.cjs +0 -1
- package/cjs/lib/components/LinkSocialWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/LinkTileModelSignatureWrapper.vue.cjs +0 -1
- package/cjs/lib/components/LinkTileModelSignatureWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/MarqueWrapper.vue.cjs +0 -1
- package/cjs/lib/components/MarqueWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/RadioButtonWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/RadioButtonWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/SelectWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/SelectWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/TextFieldWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/TextFieldWrapperWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/TextareaWrapperWrapper.vue.cjs +0 -1
- package/cjs/lib/components/TextareaWrapperWrapper.vue2.cjs +0 -1
- package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +0 -22
- package/esm/lib/components/ButtonGroupWrapper.vue.mjs +0 -23
- package/esm/lib/components/ButtonGroupWrapper.vue2.mjs +0 -4
- package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +0 -47
- package/esm/lib/components/CheckboxWrapperWrapper.vue.mjs +0 -30
- package/esm/lib/components/CheckboxWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +0 -34
- package/esm/lib/components/ContentWrapperWrapper.vue.mjs +0 -27
- package/esm/lib/components/ContentWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +0 -47
- package/esm/lib/components/FieldsetWrapperWrapper.vue.mjs +0 -30
- package/esm/lib/components/FieldsetWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/FlexItemWrapper.vue.d.ts +0 -48
- package/esm/lib/components/FlexItemWrapper.vue.mjs +0 -28
- package/esm/lib/components/FlexItemWrapper.vue2.mjs +0 -4
- package/esm/lib/components/FlexWrapper.vue.d.ts +0 -48
- package/esm/lib/components/FlexWrapper.vue.mjs +0 -28
- package/esm/lib/components/FlexWrapper.vue2.mjs +0 -4
- package/esm/lib/components/GridItemWrapper.vue.d.ts +0 -28
- package/esm/lib/components/GridItemWrapper.vue.mjs +0 -24
- package/esm/lib/components/GridItemWrapper.vue2.mjs +0 -4
- package/esm/lib/components/GridWrapper.vue.d.ts +0 -34
- package/esm/lib/components/GridWrapper.vue.mjs +0 -25
- package/esm/lib/components/GridWrapper.vue2.mjs +0 -4
- package/esm/lib/components/HeadlineWrapper.vue.d.ts +0 -46
- package/esm/lib/components/HeadlineWrapper.vue.mjs +0 -30
- package/esm/lib/components/HeadlineWrapper.vue2.mjs +0 -4
- package/esm/lib/components/LinkSocialWrapper.vue.d.ts +0 -53
- package/esm/lib/components/LinkSocialWrapper.vue.mjs +0 -32
- package/esm/lib/components/LinkSocialWrapper.vue2.mjs +0 -4
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +0 -50
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue.mjs +0 -29
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue2.mjs +0 -4
- package/esm/lib/components/MarqueWrapper.vue.d.ts +0 -36
- package/esm/lib/components/MarqueWrapper.vue.mjs +0 -23
- package/esm/lib/components/MarqueWrapper.vue2.mjs +0 -4
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +0 -47
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.mjs +0 -30
- package/esm/lib/components/RadioButtonWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +0 -62
- package/esm/lib/components/SelectWrapperWrapper.vue.mjs +0 -33
- package/esm/lib/components/SelectWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +0 -89
- package/esm/lib/components/TextFieldWrapperWrapper.vue.mjs +0 -41
- package/esm/lib/components/TextFieldWrapperWrapper.vue2.mjs +0 -4
- package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +0 -56
- package/esm/lib/components/TextareaWrapperWrapper.vue.mjs +0 -32
- package/esm/lib/components/TextareaWrapperWrapper.vue2.mjs +0 -4
- /package/styles/vanilla-extract/cjs/{vanilla-extract/index.cjs → index.cjs} +0 -0
- /package/styles/vanilla-extract/esm/{vanilla-extract/index.d.ts → index.d.ts} +0 -0
- /package/styles/vanilla-extract/esm/{vanilla-extract/index.mjs → index.mjs} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),u=e.defineComponent({__name:"PaginationWrapper",props:{activePage:{default:1},intl:{default:()=>({root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"})},itemsPerPage:{default:1},showLastPage:{type:Boolean,default:!0},totalItemsCount:{default:1}},emits:["update"],setup(a,{emit:s}){const r=n.usePrefix("p-pagination"),p=a,t=e.ref(),i=s,o=()=>n.syncProperties(t,p);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"update",i)}),e.onUpdated(o),(c,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},null,512))}});module.exports=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),f=e.defineComponent({__name:"PinCodeWrapper",props:{compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},length:{default:4},loading:{type:Boolean,default:!1},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},type:{default:"number"},value:{default:""}},emits:["update:value","blur","change"],setup(s,{emit:r}){const d=n.usePrefix("p-pin-code"),u=s,t=e.ref(),a=r,l=()=>n.syncProperties(t,u);return e.onMounted(()=>{l(),n.addEventListenerToElementRef(t,"blur",a),n.addEventListenerToElementRef(t,"change",a,o=>{a("update:value",o.target.value)})}),e.onUpdated(l),(o,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),i=e.defineComponent({__name:"PopoverWrapper",props:{aria:{},description:{},direction:{default:"bottom"}},setup(r){const s=n.usePrefix("p-popover"),p=r,o=e.ref(),t=()=>n.syncProperties(o,p);return e.onMounted(t),e.onUpdated(t),(c,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},512))}});module.exports=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),o=require("../../utils.cjs"),p=e.defineComponent({__name:"RadioGroupWrapper",props:{compact:{type:Boolean,default:!1},description:{default:""},direction:{default:"column"},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},value:{default:""}},emits:["update:value","blur","change"],setup(r,{emit:s}){const u=o.usePrefix("p-radio-group"),d=r,t=e.ref(),a=s,l=()=>o.syncProperties(t,d);return e.onMounted(()=>{l(),o.addEventListenerToElementRef(t,"blur",a),o.addEventListenerToElementRef(t,"change",a,n=>{a("update:value",n.target.value)})}),e.onUpdated(l),(n,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},512))}});module.exports=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"ScrollerWrapper",props:{alignScrollIndicator:{default:"center"},aria:{},scrollToPosition:{},scrollbar:{type:Boolean,default:!1}},setup(t){const s=n.usePrefix("p-scroller"),c=t,o=e.ref(),r=()=>n.syncProperties(o,c);return e.onMounted(r),e.onUpdated(r),(l,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"SegmentedControlWrapper",props:{columns:{default:"auto"},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},value:{}},emits:["update:value","blur","change"],setup(s,{emit:r}){const u=n.usePrefix("p-segmented-control"),d=s,t=e.ref(),o=r,l=()=>n.syncProperties(t,d);return e.onMounted(()=>{l(),n.addEventListenerToElementRef(t,"blur",o),n.addEventListenerToElementRef(t,"change",o,a=>{o("update:value",a.target.value)})}),e.onUpdated(l),(a,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),o=require("../../utils.cjs"),f=e.defineComponent({__name:"SelectWrapper",props:{compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},dropdownDirection:{default:"auto"},filter:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},value:{}},emits:["update:value","blur","change","toggle"],setup(s,{emit:r}){const d=o.usePrefix("p-select"),u=s,t=e.ref(),n=r,l=()=>o.syncProperties(t,u);return e.onMounted(()=>{l(),o.addEventListenerToElementRef(t,"blur",n),o.addEventListenerToElementRef(t,"change",n,a=>{n("update:value",a.target.value)}),o.addEventListenerToElementRef(t,"toggle",n)}),e.onUpdated(l),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../../utils.cjs"),
|
|
1
|
+
"use strict";const e=require("vue"),t=require("../../utils.cjs"),l=e.defineComponent({__name:"SheetWrapper",props:{aria:{},background:{default:"canvas"},disableBackdropClick:{type:Boolean,default:!1},dismissButton:{type:Boolean,default:!0},open:{type:Boolean,default:!1}},emits:["dismiss","motionHiddenEnd","motionVisibleEnd"],setup(i,{emit:d}){const r=t.usePrefix("p-sheet"),a=i,n=e.ref(),o=d,s=()=>t.syncProperties(n,a);return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"dismiss",o),t.addEventListenerToElementRef(n,"motionHiddenEnd",o),t.addEventListenerToElementRef(n,"motionVisibleEnd",o)}),e.onUpdated(s),(p,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},512))}});module.exports=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),r=require("../../utils.cjs"),c=e.defineComponent({__name:"SpinnerWrapper",props:{aria:{},size:{default:"small"}},setup(s){const t=r.usePrefix("p-spinner"),p=s,n=e.ref(),o=()=>r.syncProperties(n,p);return e.onMounted(o),e.onUpdated(o),(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),u=e.defineComponent({__name:"StepperHorizontalWrapper",props:{size:{default:"small"}},emits:["update"],setup(r,{emit:s}){const p=n.usePrefix("p-stepper-horizontal"),c=r,t=e.ref(),a=s,o=()=>n.syncProperties(t,c);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"update",a)}),e.onUpdated(o),(i,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),o=require("../../utils.cjs"),d=e.defineComponent({__name:"SwitchWrapper",props:{alignLabel:{default:"end"},checked:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},hideLabel:{type:[Boolean,Object],default:!1},loading:{type:Boolean,default:!1},stretch:{type:[Boolean,Object],default:!1}},emits:["update"],setup(a,{emit:s}){const l=o.usePrefix("p-switch"),p=a,t=e.ref(),r=s,n=()=>o.syncProperties(t,p);return e.onMounted(()=>{n(),o.addEventListenerToElementRef(t,"update",r)}),e.onUpdated(n),(c,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},512))}});module.exports=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),o=require("../../utils.cjs"),l=e.defineComponent({__name:"TableWrapper",props:{caption:{},compact:{type:Boolean,default:!1},layout:{default:"auto"}},emits:["update"],setup(s,{emit:r}){const p=o.usePrefix("p-table"),a=s,t=e.ref(),c=r,n=()=>o.syncProperties(t,a);return e.onMounted(()=>{n(),o.addEventListenerToElementRef(t,"update",c)}),e.onUpdated(n),(u,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},512))}});module.exports=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),i=e.defineComponent({__name:"TabsBarWrapper",props:{activeTabIndex:{},size:{default:"small"},weight:{default:"regular"}},emits:["update"],setup(s,{emit:r}){const a=n.usePrefix("p-tabs-bar"),p=s,t=e.ref(),c=r,o=()=>n.syncProperties(t,p);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"update",c)}),e.onUpdated(o),(u,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},512))}});module.exports=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),d=e.defineComponent({__name:"TabsWrapper",props:{activeTabIndex:{default:0},size:{default:"small"},weight:{default:"regular"}},emits:["update"],setup(s,{emit:r}){const a=n.usePrefix("p-tabs"),p=s,t=e.ref(),c=r,o=()=>n.syncProperties(t,p);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"update",c)}),e.onUpdated(o),(u,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},512))}});module.exports=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),c=e.defineComponent({__name:"TagDismissibleWrapper",props:{aria:{},compact:{type:Boolean,default:!1},label:{}},setup(s){const r=n.usePrefix("p-tag-dismissible"),p=s,o=e.ref(),t=()=>n.syncProperties(o,p);return e.onMounted(t),e.onUpdated(t),(a,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../../utils.cjs"),
|
|
1
|
+
"use strict";const e=require("vue"),t=require("../../utils.cjs"),a=e.defineComponent({__name:"TagWrapper",props:{compact:{type:Boolean,default:!1},icon:{default:"none"},iconSource:{},variant:{default:"secondary"}},setup(r){const s=t.usePrefix("p-tag"),c=r,o=e.ref(),n=()=>t.syncProperties(o,c);return e.onMounted(n),e.onUpdated(n),(p,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},512))}});module.exports=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),o=require("../../utils.cjs"),u=e.defineComponent({__name:"TextListWrapper",props:{type:{default:"unordered"}},setup(r){const s=o.usePrefix("p-text-list"),p=r,t=e.ref(),n=()=>o.syncProperties(t,p);return e.onMounted(n),e.onUpdated(n),(c,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},512))}});module.exports=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),l=e.defineComponent({__name:"TextWrapper",props:{align:{default:"start"},color:{default:"primary"},ellipsis:{type:Boolean,default:!1},size:{default:"small"},tag:{default:"p"},weight:{default:"regular"}},setup(r){const s=n.usePrefix("p-text"),a=r,t=e.ref(),o=()=>n.syncProperties(t,a);return e.onMounted(o),e.onUpdated(o),(p,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},512))}});module.exports=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),a=require("../../utils.cjs"),f=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{},compact:{type:Boolean,default:!1},counter:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},spellCheck:{type:Boolean},state:{default:"none"},value:{default:""},wrap:{default:"soft"}},emits:["update:value","blur","change","input"],setup(r,{emit:s}){const u=a.usePrefix("p-textarea"),d=r,t=e.ref(),n=s,l=()=>a.syncProperties(t,d);return e.onMounted(()=>{l(),a.addEventListenerToElementRef(t,"blur",n),a.addEventListenerToElementRef(t,"change",n),a.addEventListenerToElementRef(t,"input",n,o=>{n("update:value",o.target.value)})}),e.onUpdated(l),(o,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),n=require("../../utils.cjs"),o=e.defineComponent({__name:"ToastWrapper",setup(r){const t=n.usePrefix("p-toast");return(s,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t))))}});module.exports=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),r=require("../../utils.cjs"),c=e.defineComponent({__name:"WordmarkWrapper",props:{aria:{},href:{},size:{default:"small"},target:{default:"_self"}},setup(t){const s=r.usePrefix("p-wordmark"),p=t,n=e.ref(),o=()=>r.syncProperties(n,p);return e.onMounted(o),e.onUpdated(o),(a,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=c;
|
package/cjs/public-api.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@porsche-design-system/components-js"),_=require("./lib/components/AccordionWrapper.vue.cjs"),u=require("./lib/components/BannerWrapper.vue.cjs"),p=require("./lib/components/ButtonWrapper.vue.cjs"),s=require("./lib/components/ButtonPureWrapper.vue.cjs"),n=require("./lib/components/ButtonTileWrapper.vue.cjs"),i=require("./lib/components/CanvasWrapper.vue.cjs"),a=require("./lib/components/CarouselWrapper.vue.cjs"),c=require("./lib/components/CheckboxWrapper.vue.cjs"),o=require("./lib/components/CrestWrapper.vue.cjs"),l=require("./lib/components/DisplayWrapper.vue.cjs"),v=require("./lib/components/DividerWrapper.vue.cjs"),g=require("./lib/components/DrilldownWrapper.vue.cjs"),P=require("./lib/components/DrilldownItemWrapper.vue.cjs"),y=require("./lib/components/DrilldownLinkWrapper.vue.cjs"),q=require("./lib/components/FieldsetWrapper.vue.cjs"),W=require("./lib/components/FlagWrapper.vue.cjs"),d=require("./lib/components/FlyoutWrapper.vue.cjs"),T=require("./lib/components/HeadingWrapper.vue.cjs"),I=require("./lib/components/IconWrapper.vue.cjs"),S=require("./lib/components/InlineNotificationWrapper.vue.cjs"),m=require("./lib/components/InputDateWrapper.vue.cjs"),b=require("./lib/components/InputEmailWrapper.vue.cjs"),D=require("./lib/components/InputMonthWrapper.vue.cjs"),C=require("./lib/components/InputNumberWrapper.vue.cjs"),h=require("./lib/components/InputPasswordWrapper.vue.cjs"),k=require("./lib/components/InputSearchWrapper.vue.cjs"),w=require("./lib/components/InputTelWrapper.vue.cjs"),x=require("./lib/components/InputTextWrapper.vue.cjs"),L=require("./lib/components/InputTimeWrapper.vue.cjs"),M=require("./lib/components/InputUrlWrapper.vue.cjs"),B=require("./lib/components/InputWeekWrapper.vue.cjs"),H=require("./lib/components/LinkWrapper.vue.cjs"),O=require("./lib/components/LinkPureWrapper.vue.cjs"),R=require("./lib/components/LinkTileWrapper.vue.cjs"),f=require("./lib/components/LinkTileProductWrapper.vue.cjs"),F=require("./lib/components/ModalWrapper.vue.cjs"),j=require("./lib/components/ModelSignatureWrapper.vue.cjs"),z=require("./lib/components/MultiSelectWrapper.vue.cjs"),G=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),N=require("./lib/components/OptgroupWrapper.vue.cjs"),A=require("./lib/components/PaginationWrapper.vue.cjs"),E=require("./lib/components/PinCodeWrapper.vue.cjs"),K=require("./lib/components/PopoverWrapper.vue.cjs"),U=require("./lib/components/RadioGroupWrapper.vue.cjs"),J=require("./lib/components/RadioGroupOptionWrapper.vue.cjs"),Q=require("./lib/components/ScrollerWrapper.vue.cjs"),V=require("./lib/components/SegmentedControlWrapper.vue.cjs"),X=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),Y=require("./lib/components/SelectWrapper.vue.cjs"),Z=require("./lib/components/SelectOptionWrapper.vue.cjs"),$=require("./lib/components/SheetWrapper.vue.cjs"),ee=require("./lib/components/SpinnerWrapper.vue.cjs"),re=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),te=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),_e=require("./lib/components/SwitchWrapper.vue.cjs"),ue=require("./lib/components/TableWrapper.vue.cjs"),pe=require("./lib/components/TableBodyWrapper.vue.cjs"),se=require("./lib/components/TableCellWrapper.vue.cjs"),ne=require("./lib/components/TableHeadWrapper.vue.cjs"),ie=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ae=require("./lib/components/TableHeadRowWrapper.vue.cjs"),ce=require("./lib/components/TableRowWrapper.vue.cjs"),oe=require("./lib/components/TabsWrapper.vue.cjs"),le=require("./lib/components/TabsBarWrapper.vue.cjs"),ve=require("./lib/components/TabsItemWrapper.vue.cjs"),ge=require("./lib/components/TagWrapper.vue.cjs"),Pe=require("./lib/components/TagDismissibleWrapper.vue.cjs"),ye=require("./lib/components/TextWrapper.vue.cjs"),qe=require("./lib/components/TextListWrapper.vue.cjs"),We=require("./lib/components/TextListItemWrapper.vue.cjs"),de=require("./lib/components/TextareaWrapper.vue.cjs"),Te=require("./lib/components/ToastWrapper.vue.cjs"),Ie=require("./lib/components/WordmarkWrapper.vue.cjs"),Se=require("./PorscheDesignSystemProvider.vue.cjs"),e=require("./plugin.cjs"),r=require("./utils.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>t.componentsReady});exports.PAccordion=_;exports.PBanner=u;exports.PButton=p;exports.PButtonPure=s;exports.PButtonTile=n;exports.PCanvas=i;exports.PCarousel=a;exports.PCheckbox=c;exports.PCrest=o;exports.PDisplay=l;exports.PDivider=v;exports.PDrilldown=g;exports.PDrilldownItem=P;exports.PDrilldownLink=y;exports.PFieldset=q;exports.PFlag=W;exports.PFlyout=d;exports.PHeading=T;exports.PIcon=I;exports.PInlineNotification=S;exports.PInputDate=m;exports.PInputEmail=b;exports.PInputMonth=D;exports.PInputNumber=C;exports.PInputPassword=h;exports.PInputSearch=k;exports.PInputTel=w;exports.PInputText=x;exports.PInputTime=L;exports.PInputUrl=M;exports.PInputWeek=B;exports.PLink=H;exports.PLinkPure=O;exports.PLinkTile=R;exports.PLinkTileProduct=f;exports.PModal=F;exports.PModelSignature=j;exports.PMultiSelect=z;exports.PMultiSelectOption=G;exports.POptgroup=N;exports.PPagination=A;exports.PPinCode=E;exports.PPopover=K;exports.PRadioGroup=U;exports.PRadioGroupOption=J;exports.PScroller=Q;exports.PSegmentedControl=V;exports.PSegmentedControlItem=X;exports.PSelect=Y;exports.PSelectOption=Z;exports.PSheet=$;exports.PSpinner=ee;exports.PStepperHorizontal=re;exports.PStepperHorizontalItem=te;exports.PSwitch=_e;exports.PTable=ue;exports.PTableBody=pe;exports.PTableCell=se;exports.PTableHead=ne;exports.PTableHeadCell=ie;exports.PTableHeadRow=ae;exports.PTableRow=ce;exports.PTabs=oe;exports.PTabsBar=le;exports.PTabsItem=ve;exports.PTag=ge;exports.PTagDismissible=Pe;exports.PText=ye;exports.PTextList=qe;exports.PTextListItem=We;exports.PTextarea=de;exports.PToast=Te;exports.PWordmark=Ie;exports.PorscheDesignSystemProvider=Se;exports.createPorscheDesignSystem=e.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=e.usePorscheDesignSystemPlugin;exports.prefixInjectionKey=r.prefixInjectionKey;exports.useToastManager=r.useToastManager;
|
package/cjs/utils.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),o=Symbol("pdsPrefix"),i=t=>{const e=a.inject(o);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)=>{const s=t.value;Object.keys(e).forEach(n=>s[n]=e[n])},d=(t,e,s,n)=>{t.value.addEventListener(e,r=>{s(e,r.detail),n?.(r)})},u=()=>{const t=i("p-toast");return{addMessage:e=>{const s=document.body.querySelector(t);customElements.whenDefined(t).then(()=>s.addMessage(e))}}};exports.addEventListenerToElementRef=d;exports.prefixInjectionKey=o;exports.syncProperties=c;exports.usePrefix=i;exports.useToastManager=u;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import type { Theme } from './lib/types';
|
|
2
1
|
type Props = {
|
|
3
2
|
prefix?: string;
|
|
4
3
|
cdn?: 'auto' | 'cn';
|
|
5
|
-
theme?: Theme;
|
|
6
4
|
};
|
|
7
5
|
declare var __VLS_1: {};
|
|
8
6
|
type __VLS_Slots = {} & {
|
|
9
7
|
default?: (props: typeof __VLS_1) => any;
|
|
10
8
|
};
|
|
11
9
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
12
|
-
theme: Theme;
|
|
13
10
|
prefix: string;
|
|
14
11
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
12
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { load as
|
|
3
|
-
import { prefixInjectionKey as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as t, provide as n, renderSlot as p } from "vue";
|
|
2
|
+
import { load as i } from "@porsche-design-system/components-js";
|
|
3
|
+
import { prefixInjectionKey as s } from "./utils.mjs";
|
|
4
|
+
const c = /* @__PURE__ */ t({
|
|
5
5
|
__name: "PorscheDesignSystemProvider",
|
|
6
6
|
props: {
|
|
7
7
|
prefix: { default: "" },
|
|
8
|
-
cdn: {}
|
|
9
|
-
theme: { default: "light" }
|
|
8
|
+
cdn: {}
|
|
10
9
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const e =
|
|
13
|
-
return i(
|
|
14
|
-
() => e.theme,
|
|
15
|
-
(t) => {
|
|
16
|
-
r.value = t;
|
|
17
|
-
}
|
|
18
|
-
), s(e), o(a, e.prefix), o(c, r), (t, d) => p(t.$slots, "default");
|
|
10
|
+
setup(r) {
|
|
11
|
+
const e = r;
|
|
12
|
+
return i(e), n(s, e.prefix), (o, f) => p(o.$slots, "default");
|
|
19
13
|
}
|
|
20
14
|
});
|
|
21
15
|
export {
|
|
22
|
-
|
|
16
|
+
c as default
|
|
23
17
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AccordionHeadingTag, BreakpointCustomizable, AccordionSize
|
|
1
|
+
import type { AccordionHeadingTag, AccordionUpdateEventDetail, BreakpointCustomizable, AccordionSize } from '../types';
|
|
2
2
|
type PAccordionProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Displays the Accordion as compact version with thinner border and smaller paddings.
|
|
@@ -24,25 +24,15 @@ type PAccordionProps = {
|
|
|
24
24
|
* @experimental Sticks the Accordion heading at the top, fixed while scrolling
|
|
25
25
|
*/
|
|
26
26
|
sticky?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* @deprecated , will be removed with next major release, use `heading-tag` instead. Sets a heading tag, so it fits correctly within the outline of the page.
|
|
29
|
-
*/
|
|
30
|
-
tag?: AccordionTag;
|
|
31
|
-
/**
|
|
32
|
-
* Adapts the color when used on dark background.
|
|
33
|
-
*/
|
|
34
|
-
theme?: Theme;
|
|
35
27
|
};
|
|
36
28
|
declare var __VLS_8: {};
|
|
37
29
|
type __VLS_Slots = {} & {
|
|
38
30
|
default?: (props: typeof __VLS_8) => any;
|
|
39
31
|
};
|
|
40
32
|
declare const __VLS_base: import("vue").DefineComponent<PAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
41
|
-
|
|
42
|
-
update: (value: import("../types").AccordionUpdateEvent) => any;
|
|
33
|
+
update: (value: AccordionUpdateEventDetail) => any;
|
|
43
34
|
}, string, import("vue").PublicProps, Readonly<PAccordionProps> & Readonly<{
|
|
44
|
-
|
|
45
|
-
onUpdate?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
|
|
35
|
+
onUpdate?: ((value: AccordionUpdateEventDetail) => any) | undefined;
|
|
46
36
|
}>, {
|
|
47
37
|
headingTag: AccordionHeadingTag;
|
|
48
38
|
size: BreakpointCustomizable<AccordionSize>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { usePrefix as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as c, ref as d, onMounted as i, onUpdated as m, createBlock as f, openBlock as l, resolveDynamicComponent as u, unref as y, withCtx as _, renderSlot as C } from "vue";
|
|
2
|
+
import { usePrefix as h, syncProperties as B, addEventListenerToElementRef as g } from "../../utils.mjs";
|
|
3
|
+
const R = /* @__PURE__ */ c({
|
|
4
4
|
__name: "AccordionWrapper",
|
|
5
5
|
props: {
|
|
6
6
|
compact: { type: Boolean },
|
|
@@ -8,28 +8,24 @@ const j = /* @__PURE__ */ i({
|
|
|
8
8
|
headingTag: { default: "h2" },
|
|
9
9
|
open: { type: Boolean },
|
|
10
10
|
size: { default: "small" },
|
|
11
|
-
sticky: { type: Boolean }
|
|
12
|
-
tag: {},
|
|
13
|
-
theme: {}
|
|
11
|
+
sticky: { type: Boolean }
|
|
14
12
|
},
|
|
15
|
-
emits: ["
|
|
16
|
-
setup(
|
|
17
|
-
const
|
|
18
|
-
return
|
|
19
|
-
|
|
20
|
-
}),
|
|
21
|
-
r(e, { theme: t.theme || o });
|
|
22
|
-
}), (o, x) => (g(), C(_(B(d)), {
|
|
13
|
+
emits: ["update"],
|
|
14
|
+
setup(t, { emit: n }) {
|
|
15
|
+
const p = h("p-accordion"), r = t, e = d(), a = n, o = () => B(e, r);
|
|
16
|
+
return i(() => {
|
|
17
|
+
o(), g(e, "update", a);
|
|
18
|
+
}), m(o), (s, k) => (l(), f(u(y(p)), {
|
|
23
19
|
ref_key: "pdsComponentRef",
|
|
24
20
|
ref: e
|
|
25
21
|
}, {
|
|
26
|
-
default:
|
|
27
|
-
|
|
22
|
+
default: _(() => [
|
|
23
|
+
C(s.$slots, "default")
|
|
28
24
|
]),
|
|
29
25
|
_: 3
|
|
30
26
|
}, 512));
|
|
31
27
|
}
|
|
32
28
|
});
|
|
33
29
|
export {
|
|
34
|
-
|
|
30
|
+
R as default
|
|
35
31
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BannerHeadingTag, BannerState
|
|
1
|
+
import type { BannerHeadingTag, BannerState } from '../types';
|
|
2
2
|
type PBannerProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Description of the banner.
|
|
@@ -20,23 +20,10 @@ type PBannerProps = {
|
|
|
20
20
|
* If true, the banner is open.
|
|
21
21
|
*/
|
|
22
22
|
open: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
|
|
25
|
-
*/
|
|
26
|
-
persistent?: boolean;
|
|
27
23
|
/**
|
|
28
24
|
* State of the banner.
|
|
29
25
|
*/
|
|
30
26
|
state?: BannerState;
|
|
31
|
-
/**
|
|
32
|
-
* Adapts the banner color depending on the theme.
|
|
33
|
-
*/
|
|
34
|
-
theme?: Theme;
|
|
35
|
-
/**
|
|
36
|
-
* Has no effect anymore
|
|
37
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
38
|
-
*/
|
|
39
|
-
width?: BannerWidth;
|
|
40
27
|
};
|
|
41
28
|
declare var __VLS_8: {};
|
|
42
29
|
type __VLS_Slots = {} & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as d, ref as f,
|
|
2
|
-
import { usePrefix as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as d, ref as f, onMounted as i, onUpdated as m, createBlock as l, openBlock as u, resolveDynamicComponent as c, unref as _, withCtx as y, renderSlot as B } from "vue";
|
|
2
|
+
import { usePrefix as C, syncProperties as h, addEventListenerToElementRef as g } from "../../utils.mjs";
|
|
3
|
+
const R = /* @__PURE__ */ d({
|
|
4
4
|
__name: "BannerWrapper",
|
|
5
5
|
props: {
|
|
6
6
|
description: { default: "" },
|
|
@@ -8,29 +8,24 @@ const b = /* @__PURE__ */ d({
|
|
|
8
8
|
heading: { default: "" },
|
|
9
9
|
headingTag: { default: "h5" },
|
|
10
10
|
open: { type: Boolean, default: !1 },
|
|
11
|
-
|
|
12
|
-
state: { default: "info" },
|
|
13
|
-
theme: {},
|
|
14
|
-
width: {}
|
|
11
|
+
state: { default: "info" }
|
|
15
12
|
},
|
|
16
13
|
emits: ["dismiss"],
|
|
17
|
-
setup(
|
|
18
|
-
const
|
|
19
|
-
return
|
|
20
|
-
|
|
21
|
-
}),
|
|
22
|
-
a(e, { theme: t.theme || n });
|
|
23
|
-
}), (n, x) => (B(), y(_(C(i)), {
|
|
14
|
+
setup(n, { emit: o }) {
|
|
15
|
+
const s = C("p-banner"), r = n, e = f(), a = o, t = () => h(e, r);
|
|
16
|
+
return i(() => {
|
|
17
|
+
t(), g(e, "dismiss", a);
|
|
18
|
+
}), m(t), (p, k) => (u(), l(c(_(s)), {
|
|
24
19
|
ref_key: "pdsComponentRef",
|
|
25
20
|
ref: e
|
|
26
21
|
}, {
|
|
27
|
-
default:
|
|
28
|
-
|
|
22
|
+
default: y(() => [
|
|
23
|
+
B(p.$slots, "default")
|
|
29
24
|
]),
|
|
30
25
|
_: 3
|
|
31
26
|
}, 512));
|
|
32
27
|
}
|
|
33
28
|
});
|
|
34
29
|
export {
|
|
35
|
-
|
|
30
|
+
R as default
|
|
36
31
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize,
|
|
1
|
+
import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType } from '../types';
|
|
2
2
|
type PButtonPureProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Display button in active state.
|
|
@@ -48,10 +48,6 @@ type PButtonPureProps = {
|
|
|
48
48
|
* Stretches the area between icon and label to max available space.
|
|
49
49
|
*/
|
|
50
50
|
stretch?: BreakpointCustomizable<boolean>;
|
|
51
|
-
/**
|
|
52
|
-
* Adapts the button color depending on the theme.
|
|
53
|
-
*/
|
|
54
|
-
theme?: Theme;
|
|
55
51
|
/**
|
|
56
52
|
* Specifies the type of the button.
|
|
57
53
|
*/
|
|
@@ -64,19 +60,12 @@ type PButtonPureProps = {
|
|
|
64
60
|
* Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
|
|
65
61
|
*/
|
|
66
62
|
value?: string;
|
|
67
|
-
/**
|
|
68
|
-
* The weight of the text (only has effect with visible label).
|
|
69
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
70
|
-
*/
|
|
71
|
-
weight?: ButtonPureWeight;
|
|
72
63
|
};
|
|
73
64
|
declare var __VLS_8: {};
|
|
74
65
|
type __VLS_Slots = {} & {
|
|
75
66
|
default?: (props: typeof __VLS_8) => any;
|
|
76
67
|
};
|
|
77
68
|
declare const __VLS_base: import("vue").DefineComponent<PButtonPureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonPureProps> & Readonly<{}>, {
|
|
78
|
-
weight: ButtonPureWeight;
|
|
79
|
-
stretch: BreakpointCustomizable<boolean>;
|
|
80
69
|
type: ButtonPureType;
|
|
81
70
|
size: BreakpointCustomizable<ButtonPureSize>;
|
|
82
71
|
disabled: boolean;
|
|
@@ -85,6 +74,7 @@ declare const __VLS_base: import("vue").DefineComponent<PButtonPureProps, {}, {}
|
|
|
85
74
|
loading: boolean;
|
|
86
75
|
active: boolean;
|
|
87
76
|
alignLabel: BreakpointCustomizable<ButtonPureAlignLabel>;
|
|
77
|
+
stretch: BreakpointCustomizable<boolean>;
|
|
88
78
|
underline: boolean;
|
|
89
79
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
90
80
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { usePrefix as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as r, ref as f, onMounted as s, onUpdated as p, createBlock as u, openBlock as d, resolveDynamicComponent as c, unref as i, withCtx as m, renderSlot as y } from "vue";
|
|
2
|
+
import { usePrefix as B, syncProperties as b } from "../../utils.mjs";
|
|
3
|
+
const g = /* @__PURE__ */ r({
|
|
4
4
|
__name: "ButtonPureWrapper",
|
|
5
5
|
props: {
|
|
6
6
|
active: { type: Boolean, default: !1 },
|
|
@@ -15,27 +15,23 @@ const P = /* @__PURE__ */ s({
|
|
|
15
15
|
name: {},
|
|
16
16
|
size: { default: "small" },
|
|
17
17
|
stretch: { type: [Boolean, Object], default: !1 },
|
|
18
|
-
theme: {},
|
|
19
18
|
type: { default: "submit" },
|
|
20
19
|
underline: { type: Boolean, default: !1 },
|
|
21
|
-
value: {}
|
|
22
|
-
weight: { default: "regular" }
|
|
20
|
+
value: {}
|
|
23
21
|
},
|
|
24
|
-
setup(
|
|
25
|
-
const
|
|
26
|
-
return
|
|
27
|
-
l(t, { theme: e.theme || o });
|
|
28
|
-
}), (o, w) => (h(), m(y(B(f)), {
|
|
22
|
+
setup(o) {
|
|
23
|
+
const a = B("p-button-pure"), n = o, e = f(), t = () => b(e, n);
|
|
24
|
+
return s(t), p(t), (l, _) => (d(), u(c(i(a)), {
|
|
29
25
|
ref_key: "pdsComponentRef",
|
|
30
|
-
ref:
|
|
26
|
+
ref: e
|
|
31
27
|
}, {
|
|
32
|
-
default:
|
|
33
|
-
|
|
28
|
+
default: m(() => [
|
|
29
|
+
y(l.$slots, "default")
|
|
34
30
|
]),
|
|
35
31
|
_: 3
|
|
36
32
|
}, 512));
|
|
37
33
|
}
|
|
38
34
|
});
|
|
39
35
|
export {
|
|
40
|
-
|
|
36
|
+
g as default
|
|
41
37
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio,
|
|
1
|
+
import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
|
|
2
2
|
type PButtonTileProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Alignment of button and description.
|
|
@@ -12,10 +12,6 @@ type PButtonTileProps = {
|
|
|
12
12
|
* Aspect ratio of the button-tile.
|
|
13
13
|
*/
|
|
14
14
|
aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
|
|
15
|
-
/**
|
|
16
|
-
* Adapts the description and button theme when used on light background image.
|
|
17
|
-
*/
|
|
18
|
-
background?: ButtonTileBackground;
|
|
19
15
|
/**
|
|
20
16
|
* Displays the button-tile as compact version with description and button icon only.
|
|
21
17
|
*/
|
|
@@ -75,7 +71,6 @@ declare const __VLS_base: import("vue").DefineComponent<PButtonTileProps, {}, {}
|
|
|
75
71
|
loading: boolean;
|
|
76
72
|
align: ButtonTileAlign;
|
|
77
73
|
aspectRatio: BreakpointCustomizable<ButtonTileAspectRatio>;
|
|
78
|
-
background: ButtonTileBackground;
|
|
79
74
|
gradient: boolean;
|
|
80
75
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
81
76
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|