@porsche-design-system/components-angular 3.9.0 → 3.10.0-rc.1
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 +34 -0
- package/esm/lib/components/barrel.d.ts +3 -0
- package/esm/lib/components/flyout-navigation-item.wrapper.d.ts +8 -0
- package/esm/lib/components/flyout-navigation.wrapper.d.ts +14 -0
- package/esm/lib/components/link-tile-product.wrapper.d.ts +19 -0
- package/esm/lib/components/pagination.wrapper.d.ts +1 -0
- package/esm/lib/components/text-field-wrapper.wrapper.d.ts +2 -1
- package/esm/lib/types.d.ts +18 -0
- package/esm/porsche-design-system.module.d.ts +51 -48
- package/esm2020/lib/components/barrel.mjs +10 -1
- package/esm2020/lib/components/flyout-navigation-item.wrapper.mjs +16 -0
- package/esm2020/lib/components/flyout-navigation.wrapper.mjs +22 -0
- package/esm2020/lib/components/link-tile-product.wrapper.mjs +21 -0
- package/esm2020/lib/components/pagination.wrapper.mjs +1 -1
- package/esm2020/lib/components/text-field-wrapper.wrapper.mjs +3 -3
- package/esm2020/lib/types.mjs +1 -1
- package/esm2020/porsche-design-system.module.mjs +52 -49
- package/fesm2015/porsche-design-system-components-angular.mjs +57 -4
- package/fesm2015/porsche-design-system-components-angular.mjs.map +1 -1
- package/fesm2020/porsche-design-system-components-angular.mjs +57 -4
- package/fesm2020/porsche-design-system-components-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -296,6 +296,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
296
296
|
}]
|
|
297
297
|
}] });
|
|
298
298
|
|
|
299
|
+
class PFlyoutNavigation extends BaseComponentWithTheme {
|
|
300
|
+
constructor() {
|
|
301
|
+
super(...arguments);
|
|
302
|
+
this.dismiss = new EventEmitter();
|
|
303
|
+
this.update = new EventEmitter();
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
PFlyoutNavigation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PFlyoutNavigation, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
307
|
+
PFlyoutNavigation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PFlyoutNavigation, selector: "p-flyout-navigation,[p-flyout-navigation]", inputs: { activeIdentifier: "activeIdentifier", aria: "aria", open: "open", theme: "theme" }, outputs: { dismiss: "dismiss", update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PFlyoutNavigation, decorators: [{
|
|
309
|
+
type: Component,
|
|
310
|
+
args: [{
|
|
311
|
+
selector: 'p-flyout-navigation,[p-flyout-navigation]',
|
|
312
|
+
template: '<ng-content />',
|
|
313
|
+
inputs: ['activeIdentifier', 'aria', 'open', 'theme'],
|
|
314
|
+
outputs: ['dismiss', 'update']
|
|
315
|
+
}]
|
|
316
|
+
}] });
|
|
317
|
+
|
|
318
|
+
class PFlyoutNavigationItem extends BaseComponent {
|
|
319
|
+
}
|
|
320
|
+
PFlyoutNavigationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PFlyoutNavigationItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
321
|
+
PFlyoutNavigationItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PFlyoutNavigationItem, selector: "p-flyout-navigation-item,[p-flyout-navigation-item]", inputs: { identifier: "identifier", label: "label" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PFlyoutNavigationItem, decorators: [{
|
|
323
|
+
type: Component,
|
|
324
|
+
args: [{
|
|
325
|
+
selector: 'p-flyout-navigation-item,[p-flyout-navigation-item]',
|
|
326
|
+
template: '<ng-content />',
|
|
327
|
+
inputs: ['identifier', 'label']
|
|
328
|
+
}]
|
|
329
|
+
}] });
|
|
330
|
+
|
|
299
331
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
|
|
300
332
|
class PGrid extends BaseComponent {
|
|
301
333
|
}
|
|
@@ -449,6 +481,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
449
481
|
}]
|
|
450
482
|
}] });
|
|
451
483
|
|
|
484
|
+
class PLinkTileProduct extends BaseComponentWithTheme {
|
|
485
|
+
constructor() {
|
|
486
|
+
super(...arguments);
|
|
487
|
+
this.like = new EventEmitter();
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
PLinkTileProduct.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PLinkTileProduct, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
491
|
+
PLinkTileProduct.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PLinkTileProduct, selector: "p-link-tile-product,[p-link-tile-product]", inputs: { aspectRatio: "aspectRatio", description: "description", heading: "heading", href: "href", likeButton: "likeButton", liked: "liked", price: "price", rel: "rel", target: "target", theme: "theme" }, outputs: { like: "like" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PLinkTileProduct, decorators: [{
|
|
493
|
+
type: Component,
|
|
494
|
+
args: [{
|
|
495
|
+
selector: 'p-link-tile-product,[p-link-tile-product]',
|
|
496
|
+
template: '<ng-content />',
|
|
497
|
+
inputs: ['aspectRatio', 'description', 'heading', 'href', 'likeButton', 'liked', 'price', 'rel', 'target', 'theme'],
|
|
498
|
+
outputs: ['like']
|
|
499
|
+
}]
|
|
500
|
+
}] });
|
|
501
|
+
|
|
452
502
|
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
|
|
453
503
|
class PMarque extends BaseComponent {
|
|
454
504
|
}
|
|
@@ -909,13 +959,13 @@ class PTextFieldWrapper extends BaseComponentWithTheme {
|
|
|
909
959
|
}
|
|
910
960
|
}
|
|
911
961
|
PTextFieldWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PTextFieldWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
912
|
-
PTextFieldWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PTextFieldWrapper, selector: "p-text-field-wrapper,[p-text-field-wrapper]", inputs: { actionIcon: "actionIcon", actionLoading: "actionLoading", description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", showCounter: "showCounter", showPasswordToggle: "showPasswordToggle", state: "state", theme: "theme", unit: "unit", unitPosition: "unitPosition" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
962
|
+
PTextFieldWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PTextFieldWrapper, selector: "p-text-field-wrapper,[p-text-field-wrapper]", inputs: { actionIcon: "actionIcon", actionLoading: "actionLoading", description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", showCounter: "showCounter", showPasswordToggle: "showPasswordToggle", state: "state", submitButton: "submitButton", theme: "theme", unit: "unit", unitPosition: "unitPosition" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
913
963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PTextFieldWrapper, decorators: [{
|
|
914
964
|
type: Component,
|
|
915
965
|
args: [{
|
|
916
966
|
selector: 'p-text-field-wrapper,[p-text-field-wrapper]',
|
|
917
967
|
template: '<ng-content />',
|
|
918
|
-
inputs: ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'showPasswordToggle', 'state', 'theme', 'unit', 'unitPosition'],
|
|
968
|
+
inputs: ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'showPasswordToggle', 'state', 'submitButton', 'theme', 'unit', 'unitPosition'],
|
|
919
969
|
outputs: ['action']
|
|
920
970
|
}]
|
|
921
971
|
}] });
|
|
@@ -1002,6 +1052,8 @@ const DECLARATIONS = [
|
|
|
1002
1052
|
PFlex,
|
|
1003
1053
|
PFlexItem,
|
|
1004
1054
|
PFlyout,
|
|
1055
|
+
PFlyoutNavigation,
|
|
1056
|
+
PFlyoutNavigationItem,
|
|
1005
1057
|
PGrid,
|
|
1006
1058
|
PGridItem,
|
|
1007
1059
|
PHeading,
|
|
@@ -1013,6 +1065,7 @@ const DECLARATIONS = [
|
|
|
1013
1065
|
PLinkSocial,
|
|
1014
1066
|
PLinkTile,
|
|
1015
1067
|
PLinkTileModelSignature,
|
|
1068
|
+
PLinkTileProduct,
|
|
1016
1069
|
PMarque,
|
|
1017
1070
|
PModal,
|
|
1018
1071
|
PModelSignature,
|
|
@@ -1080,7 +1133,7 @@ class PorscheDesignSystemModule {
|
|
|
1080
1133
|
}
|
|
1081
1134
|
}
|
|
1082
1135
|
PorscheDesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1083
|
-
PorscheDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark] });
|
|
1136
|
+
PorscheDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutNavigation, PFlyoutNavigationItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutNavigation, PFlyoutNavigationItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark] });
|
|
1084
1137
|
PorscheDesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PorscheDesignSystemModule, providers: [
|
|
1085
1138
|
{
|
|
1086
1139
|
provide: THEME_TOKEN,
|
|
@@ -1122,5 +1175,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1122
1175
|
* Generated bundle index. Do not edit.
|
|
1123
1176
|
*/
|
|
1124
1177
|
|
|
1125
|
-
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
|
|
1178
|
+
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutNavigation, PFlyoutNavigationItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
|
|
1126
1179
|
//# sourceMappingURL=porsche-design-system-components-angular.mjs.map
|