@porsche-design-system/components-angular 4.2.0-rc.4 → 4.2.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "4.2.0-rc.4",
+  "version": "4.2.0-rc.5",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "type": "commonjs",
   "keywords": [
@@ -22,7 +22,7 @@
     "url": "https://github.com/porsche-design-system/porsche-design-system"
   },
   "dependencies": {
-    "@porsche-design-system/components-js": "4.2.0-rc.4",
+    "@porsche-design-system/components-js": "4.2.0-rc.5",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {

package/types/porsche-design-system-components-angular.d.ts

@@ -4731,6 +4731,11 @@ type PFlyoutProps = {
      * @default 'sticky'
      */
     footerBehavior?: FlyoutFooterBehavior;
+    /**
+     * If true the flyout stretches to the full viewport width with squared corners. Useful for smaller viewports where the flyout would otherwise fill the screen but still show rounded corners.
+     * @default false
+     */
+    fullscreen?: BreakpointCustomizable<boolean>;
     /**
      * If true, the flyout is open.
      * @default false
@@ -4748,13 +4753,14 @@ declare class PFlyout extends BaseComponent {
     background?: FlyoutBackground;
     disableBackdropClick?: boolean;
     footerBehavior?: FlyoutFooterBehavior;
+    fullscreen?: BreakpointCustomizable<boolean>;
     open: boolean;
     position?: FlyoutPosition;
     dismiss: EventEmitter<CustomEvent<void>>;
     motionHiddenEnd: EventEmitter<CustomEvent<TransitionEvent>>;
     motionVisibleEnd: EventEmitter<CustomEvent<TransitionEvent>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PFlyout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
 }
 
 type PHeadingProps = {