@porsche-design-system/components-angular 2.18.0-rc.0 → 2.18.0-rc.1

package/CHANGELOG.md

@@ -9,6 +9,17 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [2.18.0-rc.1] - 2022-11-24
+
+#### Added
+
+- `Carousel` now has a `rewind` property, better prev/next icons, a `max-width` for `heading` and `description` and
+  support for slotted `description`
+
+#### Fixed
+
+- `Select Wrapper` height if text is zoomed up to 200%
+
 ### [2.18.0-rc.0] - 2022-11-17
 
 #### Added
@@ -260,9 +271,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - **[EXPERIMENTAL]** `getInitialStyles` partial now accepts a `skeletonTagNames` array of component names that will
   initially have skeleton styles while the Porsche Design System is loading
-- **[EXPERIMENTAL]** `Button`, `Button Pure`, `Checkbox Wrapper`, `Fieldset Wrapper`, `Link`, `Link Pure`, `Link Social`
-  , `Radio Button Wrapper`, `Select Wrapper`, `Text Field Wrapper`, `Textarea Wrapper` can now have initial skeleton
-  styles when passed as `skeletonTagNames` to the `getInitialStyles` partial
+- **[EXPERIMENTAL]** `Button`, `Button Pure`, `Checkbox Wrapper`, `Fieldset Wrapper`, `Link`, `Link Pure`,
+  `Link Social`, `Radio Button Wrapper`, `Select Wrapper`, `Text Field Wrapper`, `Textarea Wrapper` can now have initial
+  skeleton styles when passed as `skeletonTagNames` to the `getInitialStyles` partial
 
 ### [2.9.2] - 2022-03-24
 
@@ -315,12 +326,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 #### Added
 
 - `getFontFaceStylesheet` returns additional `<link>` tags with `rel="preconnect"` and `rel="dns-prefetch"`
-- Option `format` to partials `getFontFaceStylesheet`, `getComponentChunkLinks()`, `getFontLinks()`, `getIconLinks()` ,
+- Option `format` to partials `getFontFaceStylesheet`, `getComponentChunkLinks()`, `getFontLinks()`, `getIconLinks()`,
   `getInitialStyles()`, `getLoaderScript()` and `getMetaTagsAndIconLinks()`
 
 #### Deprecated
 
-- The option `withoutTags` of partials `getFontFaceStylesheet`, `getComponentChunkLinks()`, `getFontLinks()` ,
+- The option `withoutTags` of partials `getFontFaceStylesheet`, `getComponentChunkLinks()`, `getFontLinks()`,
   `getIconLinks()`, `getInitialStyles()`, `getLoaderScript()` and `getMetaTagsAndIconLinks()` is deprecated and will be
   removed in `v3.0.0`. Please use `format: 'jsx'` instead.
 
@@ -481,8 +492,8 @@ color contrast and might even be removed in an upcoming major release again.
 
 #### Added
 
-- New `aria` property for `ARIA` attribute handling for: `Button`, `Button Pure`, `Icon`, `Link`, `Link Pure`, `Marque`
-  , `Spinner`
+- New `aria` property for `ARIA` attribute handling for: `Button`, `Button Pure`, `Icon`, `Link`, `Link Pure`, `Marque`,
+  `Spinner`
 
 #### Fixed
 
@@ -764,7 +775,7 @@ intranet applications).
 In case of a micro-frontend architecture, multiple instances and versions of the Porsche Design System can be combined
 in a final application by configurable prefixing technique of the Porsche Design System components during runtime.
 Please refer to our framework specific guidelines
-[Vanilla JS](https://designsystem.porsche.com/latest/start-coding/vanilla-js) ,
+[Vanilla JS](https://designsystem.porsche.com/latest/start-coding/vanilla-js),
 [Angular](https://designsystem.porsche.com/latest/start-coding/angular) and
 [React](https://designsystem.porsche.com/latest/start-coding/react).
 
@@ -1000,8 +1011,8 @@ For advanced usage please [read further](https://designsystem.porsche.com/latest
 #### Added
 
 - `Grid` now has a `wrap` and `gutter` property
-- Components (`Grid Item`, `Flex Item`, `Tabs Item` and `Text List Item`) that require a specific parent (`Grid`, `Flex`
-  , `Tabs` and `Text List`) will now throw an error if used without that parent
+- Components (`Grid Item`, `Flex Item`, `Tabs Item` and `Text List Item`) that require a specific parent (`Grid`,
+  `Flex`, `Tabs` and `Text List`) will now throw an error if used without that parent
 
 #### Fixed
 
@@ -1391,7 +1402,7 @@ For advanced usage please [read further](https://designsystem.porsche.com/latest
 #### Added
 
 - `Fieldset Wrapper` component
-- Improved SEO of `p-headline` and `p-text`: Added possibility to write semantic HTML tags (e.g. `<h1>-<h6>` or `<p>` ,
+- Improved SEO of `p-headline` and `p-text`: Added possibility to write semantic HTML tags (e.g. `<h1>-<h6>` or `<p>`,
   `<blockquote>`, etc.) directly as slotted content.
 - Possibility to include anchor tags directly as slots of `Link`, `Link Pure` and `Link Social`
 - `Text` new `weight` property `semibold`

package/esm2020/lib/components/carousel.wrapper.mjs

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ProxyCmp, proxyOutputs } from '../../utils';
 import * as i0 from "@angular/core";
-const inputs = ['description', 'disablePagination', 'heading', 'intl', 'slidesPerPage', 'theme', 'wrapContent'];
+const inputs = ['description', 'disablePagination', 'heading', 'intl', 'rewind', 'slidesPerPage', 'theme', 'wrapContent'];
 const outputs = ['carouselChange'];
 let PCarousel = class PCarousel {
     constructor(c, r, z) {
@@ -18,7 +18,7 @@ let PCarousel = class PCarousel {
     }
 };
 PCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", slidesPerPage: "slidesPerPage", theme: "theme", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", rewind: "rewind", slidesPerPage: "slidesPerPage", theme: "theme", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PCarousel = __decorate([
     ProxyCmp({
         inputs
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     outputs
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwud3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItd3JhcHBlci9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwud3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBR3JELE1BQU0sTUFBTSxHQUFhLENBQUMsYUFBYSxFQUFFLG1CQUFtQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxhQUFhLENBQUMsQ0FBQztBQUMxSCxNQUFNLE9BQU8sR0FBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFZaEMsU0FBUyxTQUFULFNBQVM7SUFXcEIsWUFBWSxDQUFvQixFQUFFLENBQWEsRUFBWSxDQUFTO1FBQVQsTUFBQyxHQUFELENBQUMsQ0FBUTtRQUNsRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDWCxJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUM7UUFDMUIsWUFBWSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDO0NBQ0YsQ0FBQTt1R0FoQlksU0FBUzsyRkFBVCxTQUFTLDRTQUpWLDJCQUEyQjtBQUkxQixTQUFTO0lBVnJCLFFBQVEsQ0FBQztRQUNSLE1BQU07S0FDUCxDQUFDO0dBUVcsU0FBUyxDQWdCckI7U0FoQlksU0FBUzs0RkFBVCxTQUFTO2tCQVByQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxNQUFNO29CQUNOLE9BQU87aUJBQ1IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3h5Q21wLCBwcm94eU91dHB1dHMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEJyZWFrcG9pbnRDdXN0b21pemFibGUsIENhcm91c2VsSW50ZXJuYXRpb25hbGl6YXRpb24sIENhcm91c2VsQ2hhbmdlRXZlbnQsIFRoZW1lIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydkZXNjcmlwdGlvbicsICdkaXNhYmxlUGFnaW5hdGlvbicsICdoZWFkaW5nJywgJ2ludGwnLCAnc2xpZGVzUGVyUGFnZScsICd0aGVtZScsICd3cmFwQ29udGVudCddO1xuY29uc3Qgb3V0cHV0czogc3RyaW5nW10gPSBbJ2Nhcm91c2VsQ2hhbmdlJ107XG5cbkBQcm94eUNtcCh7XG4gIGlucHV0c1xufSlcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3AtY2Fyb3VzZWwsW3AtY2Fyb3VzZWxdJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGlucHV0cyxcbiAgb3V0cHV0c1xufSlcbmV4cG9ydCBjbGFzcyBQQ2Fyb3VzZWwge1xuICBwcm90ZWN0ZWQgZWw6IEhUTUxFbGVtZW50O1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBkaXNhYmxlUGFnaW5hdGlvbjogQnJlYWtwb2ludEN1c3RvbWl6YWJsZTxib29sZWFuPjtcbiAgaGVhZGluZzogc3RyaW5nO1xuICBpbnRsOiBDYXJvdXNlbEludGVybmF0aW9uYWxpemF0aW9uO1xuICBzbGlkZXNQZXJQYWdlOiBCcmVha3BvaW50Q3VzdG9taXphYmxlPG51bWJlcj47XG4gIHRoZW1lOiBUaGVtZTtcbiAgd3JhcENvbnRlbnQ6IGJvb2xlYW47XG4gIGNhcm91c2VsQ2hhbmdlITogRXZlbnRFbWl0dGVyPEN1c3RvbUV2ZW50PENhcm91c2VsQ2hhbmdlRXZlbnQ+PjtcblxuICBjb25zdHJ1Y3RvcihjOiBDaGFuZ2VEZXRlY3RvclJlZiwgcjogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHo6IE5nWm9uZSkge1xuICAgIGMuZGV0YWNoKCk7XG4gICAgdGhpcy5lbCA9IHIubmF0aXZlRWxlbWVudDtcbiAgICBwcm94eU91dHB1dHModGhpcywgb3V0cHV0cyk7XG4gIH1cbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwud3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItd3JhcHBlci9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwud3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBR3JELE1BQU0sTUFBTSxHQUFhLENBQUMsYUFBYSxFQUFFLG1CQUFtQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUM7QUFDcEksTUFBTSxPQUFPLEdBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBWWhDLFNBQVMsU0FBVCxTQUFTO0lBWXBCLFlBQVksQ0FBb0IsRUFBRSxDQUFhLEVBQVksQ0FBUztRQUFULE1BQUMsR0FBRCxDQUFDLENBQVE7UUFDbEUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ1gsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsYUFBYSxDQUFDO1FBQzFCLFlBQVksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQztDQUNGLENBQUE7dUdBakJZLFNBQVM7MkZBQVQsU0FBUyw4VEFKViwyQkFBMkI7QUFJMUIsU0FBUztJQVZyQixRQUFRLENBQUM7UUFDUixNQUFNO0tBQ1AsQ0FBQztHQVFXLFNBQVMsQ0FpQnJCO1NBakJZLFNBQVM7NEZBQVQsU0FBUztrQkFQckIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsTUFBTTtvQkFDTixPQUFPO2lCQUNSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm94eUNtcCwgcHJveHlPdXRwdXRzIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBCcmVha3BvaW50Q3VzdG9taXphYmxlLCBDYXJvdXNlbEludGVybmF0aW9uYWxpemF0aW9uLCBDYXJvdXNlbENoYW5nZUV2ZW50LCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgaW5wdXRzOiBzdHJpbmdbXSA9IFsnZGVzY3JpcHRpb24nLCAnZGlzYWJsZVBhZ2luYXRpb24nLCAnaGVhZGluZycsICdpbnRsJywgJ3Jld2luZCcsICdzbGlkZXNQZXJQYWdlJywgJ3RoZW1lJywgJ3dyYXBDb250ZW50J107XG5jb25zdCBvdXRwdXRzOiBzdHJpbmdbXSA9IFsnY2Fyb3VzZWxDaGFuZ2UnXTtcblxuQFByb3h5Q21wKHtcbiAgaW5wdXRzXG59KVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncC1jYXJvdXNlbCxbcC1jYXJvdXNlbF0nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaW5wdXRzLFxuICBvdXRwdXRzXG59KVxuZXhwb3J0IGNsYXNzIFBDYXJvdXNlbCB7XG4gIHByb3RlY3RlZCBlbDogSFRNTEVsZW1lbnQ7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIGRpc2FibGVQYWdpbmF0aW9uOiBCcmVha3BvaW50Q3VzdG9taXphYmxlPGJvb2xlYW4+O1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGludGw6IENhcm91c2VsSW50ZXJuYXRpb25hbGl6YXRpb247XG4gIHJld2luZDogYm9vbGVhbjtcbiAgc2xpZGVzUGVyUGFnZTogQnJlYWtwb2ludEN1c3RvbWl6YWJsZTxudW1iZXI+O1xuICB0aGVtZTogVGhlbWU7XG4gIHdyYXBDb250ZW50OiBib29sZWFuO1xuICBjYXJvdXNlbENoYW5nZSE6IEV2ZW50RW1pdHRlcjxDdXN0b21FdmVudDxDYXJvdXNlbENoYW5nZUV2ZW50Pj47XG5cbiAgY29uc3RydWN0b3IoYzogQ2hhbmdlRGV0ZWN0b3JSZWYsIHI6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCB6OiBOZ1pvbmUpIHtcbiAgICBjLmRldGFjaCgpO1xuICAgIHRoaXMuZWwgPSByLm5hdGl2ZUVsZW1lbnQ7XG4gICAgcHJveHlPdXRwdXRzKHRoaXMsIG91dHB1dHMpO1xuICB9XG59Il19

package/fesm2015/porsche-design-system-components-angular.mjs

@@ -234,7 +234,7 @@ var __decorate$K = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$F = ['description', 'disablePagination', 'heading', 'intl', 'slidesPerPage', 'theme', 'wrapContent'];
+const inputs$F = ['description', 'disablePagination', 'heading', 'intl', 'rewind', 'slidesPerPage', 'theme', 'wrapContent'];
 const outputs$a = ['carouselChange'];
 let PCarousel = class PCarousel {
     constructor(c, r, z) {
@@ -245,7 +245,7 @@ let PCarousel = class PCarousel {
     }
 };
 PCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", slidesPerPage: "slidesPerPage", theme: "theme", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", rewind: "rewind", slidesPerPage: "slidesPerPage", theme: "theme", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PCarousel = __decorate$K([
     ProxyCmp({
         inputs: inputs$F