@porsche-design-system/components-angular 3.16.0-rc.0 → 3.16.0-rc.2
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 +43 -0
- package/esm/lib/components/barrel.d.ts +3 -2
- package/esm/lib/components/canvas.wrapper.d.ts +14 -0
- package/esm/lib/components/{flyout-navigation-item.wrapper.d.ts → flyout-multilevel-item.wrapper.d.ts} +3 -3
- package/esm/lib/components/{flyout-navigation.wrapper.d.ts → flyout-multilevel.wrapper.d.ts} +6 -6
- package/esm/lib/components/segmented-control-item.wrapper.d.ts +3 -2
- package/esm/lib/types.d.ts +16 -5
- package/esm/porsche-design-system.module.d.ts +65 -64
- package/esm2022/lib/components/barrel.mjs +10 -7
- package/esm2022/lib/components/canvas.wrapper.mjs +23 -0
- package/esm2022/lib/components/{flyout-navigation-item.wrapper.mjs → flyout-multilevel-item.wrapper.mjs} +6 -6
- package/esm2022/lib/components/{flyout-navigation.wrapper.mjs → flyout-multilevel.wrapper.mjs} +6 -6
- package/esm2022/lib/components/segmented-control-item.wrapper.mjs +4 -3
- package/esm2022/lib/types.mjs +1 -1
- package/esm2022/porsche-design-system.module.mjs +66 -65
- package/fesm2022/porsche-design-system-components-angular.mjs +38 -16
- package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -194,6 +194,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
194
194
|
}]
|
|
195
195
|
}] });
|
|
196
196
|
|
|
197
|
+
class PCanvas extends BaseComponent {
|
|
198
|
+
sidebarEndOpen;
|
|
199
|
+
sidebarEndWidth;
|
|
200
|
+
sidebarStartOpen;
|
|
201
|
+
sidebarStartWidth;
|
|
202
|
+
dismissSidebarEnd = new EventEmitter();
|
|
203
|
+
dismissSidebarStart = new EventEmitter();
|
|
204
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PCanvas, selector: "p-canvas,[p-canvas]", inputs: { sidebarEndOpen: "sidebarEndOpen", sidebarEndWidth: "sidebarEndWidth", sidebarStartOpen: "sidebarStartOpen", sidebarStartWidth: "sidebarStartWidth" }, outputs: { dismissSidebarEnd: "dismissSidebarEnd", dismissSidebarStart: "dismissSidebarStart" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
206
|
+
}
|
|
207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PCanvas, decorators: [{
|
|
208
|
+
type: Component,
|
|
209
|
+
args: [{
|
|
210
|
+
selector: 'p-canvas,[p-canvas]',
|
|
211
|
+
template: '<ng-content />',
|
|
212
|
+
inputs: ['sidebarEndOpen', 'sidebarEndWidth', 'sidebarStartOpen', 'sidebarStartWidth'],
|
|
213
|
+
outputs: ['dismissSidebarEnd', 'dismissSidebarStart']
|
|
214
|
+
}]
|
|
215
|
+
}] });
|
|
216
|
+
|
|
197
217
|
class PCarousel extends BaseComponentWithTheme {
|
|
198
218
|
activeSlideIndex;
|
|
199
219
|
alignHeader;
|
|
@@ -418,36 +438,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
418
438
|
}]
|
|
419
439
|
}] });
|
|
420
440
|
|
|
421
|
-
class
|
|
441
|
+
class PFlyoutMultilevel extends BaseComponentWithTheme {
|
|
422
442
|
activeIdentifier;
|
|
423
443
|
aria;
|
|
424
444
|
open;
|
|
425
445
|
theme;
|
|
426
446
|
dismiss = new EventEmitter();
|
|
427
447
|
update = new EventEmitter();
|
|
428
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type:
|
|
429
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type:
|
|
448
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PFlyoutMultilevel, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
449
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PFlyoutMultilevel, selector: "p-flyout-multilevel,[p-flyout-multilevel]", inputs: { activeIdentifier: "activeIdentifier", aria: "aria", open: "open", theme: "theme" }, outputs: { dismiss: "dismiss", update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
430
450
|
}
|
|
431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type:
|
|
451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PFlyoutMultilevel, decorators: [{
|
|
432
452
|
type: Component,
|
|
433
453
|
args: [{
|
|
434
|
-
selector: 'p-flyout-
|
|
454
|
+
selector: 'p-flyout-multilevel,[p-flyout-multilevel]',
|
|
435
455
|
template: '<ng-content />',
|
|
436
456
|
inputs: ['activeIdentifier', 'aria', 'open', 'theme'],
|
|
437
457
|
outputs: ['dismiss', 'update']
|
|
438
458
|
}]
|
|
439
459
|
}] });
|
|
440
460
|
|
|
441
|
-
class
|
|
461
|
+
class PFlyoutMultilevelItem extends BaseComponent {
|
|
442
462
|
identifier;
|
|
443
463
|
label;
|
|
444
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type:
|
|
445
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type:
|
|
464
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PFlyoutMultilevelItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
465
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PFlyoutMultilevelItem, selector: "p-flyout-multilevel-item,[p-flyout-multilevel-item]", inputs: { identifier: "identifier", label: "label" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
446
466
|
}
|
|
447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type:
|
|
467
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PFlyoutMultilevelItem, decorators: [{
|
|
448
468
|
type: Component,
|
|
449
469
|
args: [{
|
|
450
|
-
selector: 'p-flyout-
|
|
470
|
+
selector: 'p-flyout-multilevel-item,[p-flyout-multilevel-item]',
|
|
451
471
|
template: '<ng-content />',
|
|
452
472
|
inputs: ['identifier', 'label']
|
|
453
473
|
}]
|
|
@@ -972,20 +992,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
972
992
|
}] });
|
|
973
993
|
|
|
974
994
|
class PSegmentedControlItem extends BaseComponent {
|
|
995
|
+
aria;
|
|
975
996
|
disabled;
|
|
976
997
|
icon;
|
|
977
998
|
iconSource;
|
|
978
999
|
label;
|
|
979
1000
|
value;
|
|
980
1001
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PSegmentedControlItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
981
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PSegmentedControlItem, selector: "p-segmented-control-item,[p-segmented-control-item]", inputs: { disabled: "disabled", icon: "icon", iconSource: "iconSource", label: "label", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1002
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PSegmentedControlItem, selector: "p-segmented-control-item,[p-segmented-control-item]", inputs: { aria: "aria", disabled: "disabled", icon: "icon", iconSource: "iconSource", label: "label", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
982
1003
|
}
|
|
983
1004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PSegmentedControlItem, decorators: [{
|
|
984
1005
|
type: Component,
|
|
985
1006
|
args: [{
|
|
986
1007
|
selector: 'p-segmented-control-item,[p-segmented-control-item]',
|
|
987
1008
|
template: '<ng-content />',
|
|
988
|
-
inputs: ['disabled', 'icon', 'iconSource', 'label', 'value']
|
|
1009
|
+
inputs: ['aria', 'disabled', 'icon', 'iconSource', 'label', 'value']
|
|
989
1010
|
}]
|
|
990
1011
|
}] });
|
|
991
1012
|
|
|
@@ -1461,6 +1482,7 @@ const DECLARATIONS = [
|
|
|
1461
1482
|
PButtonGroup,
|
|
1462
1483
|
PButtonPure,
|
|
1463
1484
|
PButtonTile,
|
|
1485
|
+
PCanvas,
|
|
1464
1486
|
PCarousel,
|
|
1465
1487
|
PCheckboxWrapper,
|
|
1466
1488
|
PContentWrapper,
|
|
@@ -1472,8 +1494,8 @@ const DECLARATIONS = [
|
|
|
1472
1494
|
PFlex,
|
|
1473
1495
|
PFlexItem,
|
|
1474
1496
|
PFlyout,
|
|
1475
|
-
|
|
1476
|
-
|
|
1497
|
+
PFlyoutMultilevel,
|
|
1498
|
+
PFlyoutMultilevelItem,
|
|
1477
1499
|
PGrid,
|
|
1478
1500
|
PGridItem,
|
|
1479
1501
|
PHeading,
|
|
@@ -1551,7 +1573,7 @@ class PorscheDesignSystemModule {
|
|
|
1551
1573
|
};
|
|
1552
1574
|
}
|
|
1553
1575
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1554
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout,
|
|
1576
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutMultilevel, PFlyoutMultilevelItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, 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, PCanvas, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutMultilevel, PFlyoutMultilevelItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PWordmark] });
|
|
1555
1577
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PorscheDesignSystemModule, providers: [
|
|
1556
1578
|
{
|
|
1557
1579
|
provide: THEME_TOKEN,
|
|
@@ -1594,5 +1616,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
1594
1616
|
* Generated bundle index. Do not edit.
|
|
1595
1617
|
*/
|
|
1596
1618
|
|
|
1597
|
-
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout,
|
|
1619
|
+
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PFlyoutMultilevel, PFlyoutMultilevelItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, 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 };
|
|
1598
1620
|
//# sourceMappingURL=porsche-design-system-components-angular.mjs.map
|