@porsche-design-system/components-angular - npm Package Compare versions

Comparing version 3.20.0 to 3.21.0-rc.0

esm/lib/components/button.wrapper.d.ts

@@ -6,3 +6,3 @@ import { BaseComponentWithTheme } from '../../utils';
     aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
-    compact?: boolean;
+    compact?: BreakpointCustomizable<boolean>;
     disabled?: boolean;
@@ -9,0 +9,0 @@ hideLabel?: BreakpointCustomizable<boolean>;

esm/lib/components/flyout.wrapper.d.ts

 import { EventEmitter } from '@angular/core';
 import { BaseComponentWithTheme } from '../../utils';
-import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutPosition, Theme } from '../types';
+import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutPosition, Theme } from '../types';
 import * as i0 from "@angular/core";
@@ -8,2 +8,3 @@ export declare class PFlyout extends BaseComponentWithTheme {
     disableBackdropClick?: boolean;
+    footerBehavior?: FlyoutFooterBehavior;
     open: boolean;
@@ -16,3 +17,3 @@ position?: FlyoutPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<PFlyout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "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; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
 }

esm/lib/components/link.wrapper.d.ts

@@ -6,3 +6,3 @@ import { BaseComponentWithTheme } from '../../utils';
     aria?: SelectedAriaAttributes<LinkAriaAttribute>;
-    compact?: boolean;
+    compact?: BreakpointCustomizable<boolean>;
     download?: string;
@@ -9,0 +9,0 @@ hideLabel?: BreakpointCustomizable<boolean>;

esm/lib/components/multi-select.wrapper.d.ts

@@ -9,2 +9,3 @@ import { EventEmitter } from '@angular/core';
     dropdownDirection?: MultiSelectDropdownDirection;
+    form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
@@ -20,3 +21,3 @@ label?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PMultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }

esm/lib/components/select.wrapper.d.ts

@@ -9,2 +9,3 @@ import { EventEmitter } from '@angular/core';
     dropdownDirection?: SelectDropdownDirection;
+    form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
@@ -20,3 +21,3 @@ label?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }

esm/lib/types.d.ts

@@ -443,3 +443,4 @@ export type Booleanish = boolean | "true" | "false";
     "aria-label",
-    "aria-current"
+    "aria-current",
+    "aria-haspopup"
 ];
@@ -889,2 +890,7 @@ export type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
 export type FlyoutPosition = (typeof FLYOUT_POSITIONS)[number];
+declare const FLYOUT_FOOTER_BEHAVIOR: readonly [
+    "sticky",
+    "fixed"
+];
+export type FlyoutFooterBehavior = (typeof FLYOUT_FOOTER_BEHAVIOR)[number];
 declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
@@ -891,0 +897,0 @@ "aria-label"

package.json

 {
   "name": "@porsche-design-system/components-angular",
-  "version": "3.20.0",
+  "version": "3.21.0-rc.0",
   "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.",
@@ -20,3 +20,3 @@ "keywords": [
   "dependencies": {
-    "@porsche-design-system/components-js": "3.20.0"
+    "@porsche-design-system/components-js": "3.21.0-rc.0"
   },
@@ -26,6 +26,14 @@ "peerDependencies": {
     "@angular/core": ">=17.0.0 <19.0.0",
+    "ag-grid-angular": ">= 32.0.0 <33.0.0",
     "ag-grid-enterprise": ">= 32.0.0 <33.0.0",
-    "ag-grid-react": ">= 32.0.0 <33.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
+  "peerDependenciesMeta": {
+    "ag-grid-enterprise": {
+      "optional": true
+    },
+    "ag-grid-angular": {
+      "optional": true
+    }
+  },
   "exports": {
@@ -32,0 +40,0 @@ "./jsdom-polyfill": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5186436

increased by0.08%

Lines of code

14022

increased by0.11%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@porsche-design-system/components-js@3.21.0-rc.0(transitive)

• + Addedag-grid-angular@32.3.3(transitive)

• - Removed@porsche-design-system/components-js@3.20.0(transitive)

• - Removedag-grid-react@32.3.3(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@19.0.0(transitive)

• - Removedreact-dom@19.0.0(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.25.0(transitive)

• Updated@porsche-design-system/components-js@3.21.0-rc.0