@porsche-design-system/components-angular 4.0.0-beta.0 → 4.0.0-beta.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
CHANGED
|
@@ -14,6 +14,195 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
|
|
|
14
14
|
|
|
15
15
|
## [Unreleased]
|
|
16
16
|
|
|
17
|
+
## [4.0.0-beta.2] - 2026-03-11
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
|
|
21
|
+
- `Scroller`:
|
|
22
|
+
- Prop `compact`: Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
23
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
24
|
+
- Prop `sticky`: Makes the indicator sticky at the top or bottom while scrolling depending on the scroll direction.
|
|
25
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
26
|
+
- CSS Variable `--p-scroller-indicator-top`: Defines the distance from the top of the viewport at which the indicator
|
|
27
|
+
sticks when scrolling down and `sticky` is enabled.
|
|
28
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
29
|
+
- CSS Variable `--p-scroller-indicator-bottom`: Defines the distance from the bottom of the viewport at which the
|
|
30
|
+
indicator sticks when scrolling up and `sticky` is enabled.
|
|
31
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
32
|
+
- CSS Variable `--p-scroller-gap`: Defines the gap between slotted nodes.
|
|
33
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
34
|
+
- `Tabs Bar`:
|
|
35
|
+
- Prop `background`: Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
36
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
37
|
+
- Prop `compact`: Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
38
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
39
|
+
- `Tabs`:
|
|
40
|
+
- Prop `background`: Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
41
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
42
|
+
- Prop `compact`: Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
43
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
44
|
+
- `Table`:
|
|
45
|
+
- Prop `sticky`: Makes the scroll indicator sticky at the top or bottom while scrolling depending on the scroll
|
|
46
|
+
direction. ([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
47
|
+
- CSS Variable `--p-table-scroll-indicator-top`: Defines the distance from the top of the viewport at which the scroll
|
|
48
|
+
indicator sticks when scrolling down and `sticky` is enabled.
|
|
49
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
50
|
+
- CSS Variable `--p-table-scroll-indicator-bottom`: Defines the distance from the bottom of the viewport at which the
|
|
51
|
+
scroll indicator sticks when scrolling up and `sticky` is enabled.
|
|
52
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
53
|
+
|
|
54
|
+
### Changed
|
|
55
|
+
|
|
56
|
+
- `Scroller`:
|
|
57
|
+
- Modernize visual appearance ([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
58
|
+
- `Tabs Bar`:
|
|
59
|
+
- Modernize visual appearance ([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
60
|
+
- `Tabs`:
|
|
61
|
+
- Modernize visual appearance ([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
62
|
+
- `Table`:
|
|
63
|
+
- Use modernized scroller internally
|
|
64
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
65
|
+
- `Stepper Horizontal`:
|
|
66
|
+
- Use modernized scroller internally
|
|
67
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
68
|
+
|
|
69
|
+
### Deprecated
|
|
70
|
+
|
|
71
|
+
- `Scroller`:
|
|
72
|
+
- Prop `alignScrollIndicator`: Will be removed with next major release, has no effect anymore.
|
|
73
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
74
|
+
- Prop `scrollToPosition`: Will be removed with next major release, use native `scrollIntoView()` on the slotted
|
|
75
|
+
element itself, e.g.
|
|
76
|
+
`el.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center', container: 'nearest' })`.
|
|
77
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
78
|
+
- `Tabs Bar`:
|
|
79
|
+
- Prop `weight`: Will be removed with next major release, has no effect anymore.
|
|
80
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
81
|
+
- `Tabs`:
|
|
82
|
+
- Prop `weight`: Will be removed with next major release, has no effect anymore.
|
|
83
|
+
([#4228](https://github.com/porsche-design-system/porsche-design-system/pull/4228))
|
|
84
|
+
|
|
85
|
+
## [4.0.0-beta.1] - 2026-03-02
|
|
86
|
+
|
|
87
|
+
### Added
|
|
88
|
+
|
|
89
|
+
- `SCSS`, `Emotion`, `Vanilla Extract`: bring back PDS v3 import paths for better DX and backward compatibility.
|
|
90
|
+
- `Accordion`:
|
|
91
|
+
- Slot `summary` ([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
92
|
+
- Slot `summary-before` ([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
93
|
+
- Slot `summary-after` ([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
94
|
+
- Prop `background` with values `canvas | surface | frosted | none (default)`
|
|
95
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
96
|
+
- Prop `align-marker` with values `start | end (default)`
|
|
97
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
98
|
+
- CSS Variable `--p-accordion-px` to control the horizontal padding
|
|
99
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
100
|
+
- CSS Variable `--p-accordion-py` to control the vertical padding
|
|
101
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
102
|
+
- CSS Variable `--p-accordion-summary-top` to control the optional sticky top position
|
|
103
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
104
|
+
|
|
105
|
+
### Changed
|
|
106
|
+
|
|
107
|
+
- `Accordion`:
|
|
108
|
+
- Modernize visual appearance ([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
109
|
+
- Use semantic HTML element `<details>` and `<summary>` internally (instead of divs and buttons) for better
|
|
110
|
+
accessibility and native behavior
|
|
111
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
112
|
+
- `Input Date`, `Input Email`, `Input Number`, `Input Password`, `Input Search`, `Input Tel`, `Input Text`,
|
|
113
|
+
`Input Time`, `Input Url`, `Textarea`: `value` sync with the underlying native `<input />` or `<textarea />` element
|
|
114
|
+
- `Checkbox`, `Input-*`, `Multi-Select`, `Pin Code`, `Radio Button Group`, `Segmented-Control`, `Select`, `Textarea`:
|
|
115
|
+
Slot `label-after` is not affected by `disbaled` states anymore
|
|
116
|
+
([#4181](https://github.com/porsche-design-system/porsche-design-system/pull/4181))
|
|
117
|
+
- **Vue:** All component events now emit the full `CustomEvent` instead of just the event detail. The event detail must
|
|
118
|
+
be accessed via `event.detail`. Props and other component data can be accessed directly via `event.target`.
|
|
119
|
+
|
|
120
|
+
```diff
|
|
121
|
+
<script setup lang="ts">
|
|
122
|
+
import { type AccordionUpdateEventDetail, PAccordion } from '@porsche-design-system/components-vue';
|
|
123
|
+
import { ref } from 'vue';
|
|
124
|
+
|
|
125
|
+
const isOpen = ref(false);
|
|
126
|
+
|
|
127
|
+
- const onUpdate = (event: AccordionUpdateEventDetail): void => {
|
|
128
|
+
+ const onUpdate = (event: CustomEvent<AccordionUpdateEventDetail>): void => {
|
|
129
|
+
- isOpen1.value = event.open;
|
|
130
|
+
+ isOpen1.value = event.detail.open; // You can also access the value from the component itself via e.target, e.g. e.target.open
|
|
131
|
+
};
|
|
132
|
+
</script>
|
|
133
|
+
|
|
134
|
+
<template>
|
|
135
|
+
<PAccordion :open="isOpen" @update="onUpdate">
|
|
136
|
+
...
|
|
137
|
+
</PAccordion>
|
|
138
|
+
</template>
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### Removed
|
|
142
|
+
|
|
143
|
+
- `Accordion`:
|
|
144
|
+
- Prop `tag` use `heading-tag` (deprecated with v4 now) instead or make use of `slot="summary"` for more flexibility
|
|
145
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
146
|
+
```diff
|
|
147
|
+
- <p-acccordion heading="Some summary" tag="h3">
|
|
148
|
+
<p-text>Some details</p-text>
|
|
149
|
+
</p-accordion>
|
|
150
|
+
+ <p-accordion>
|
|
151
|
+
+ <p-heading slot="summary" tag="h3" size="small">Some summary</p-heading>
|
|
152
|
+
<p-text>Some details</p-text>
|
|
153
|
+
</p-accordion>
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
### Deprecated
|
|
157
|
+
|
|
158
|
+
- `SCSS`: Import path for npm package:
|
|
159
|
+
|
|
160
|
+
```diff
|
|
161
|
+
- @use '@porsche-design-system/components-{js|angular|react|vue}/styles' as *;
|
|
162
|
+
+ @use '@porsche-design-system/components-{js|angular|react|vue}/scss' as *;
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
- `Emotion`: Import path for npm package:
|
|
166
|
+
|
|
167
|
+
```diff
|
|
168
|
+
- import { … } from '@porsche-design-system/components-{js|angular|react|vue}/styles';
|
|
169
|
+
+ import { … } from '@porsche-design-system/components-{js|angular|react|vue}/emotion';
|
|
170
|
+
```
|
|
171
|
+
|
|
172
|
+
- `Vanilla Extract`: Import path for npm package:
|
|
173
|
+
|
|
174
|
+
```diff
|
|
175
|
+
- import { … } from '@porsche-design-system/components-{js|angular|react|vue}/styles/vanilla-extract';
|
|
176
|
+
+ import { … } from '@porsche-design-system/components-{js|angular|react|vue}/vanilla-extract';
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
- `Accordion`:
|
|
180
|
+
- Prop `heading`, `heading-tag` and `size` in favor of `slot="summary"` for more flexibility
|
|
181
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
182
|
+
```diff
|
|
183
|
+
- <p-acccordion heading="Some summary" heading-tag="h3" size="small">
|
|
184
|
+
<p-text>Some details</p-text>
|
|
185
|
+
</p-accordion>
|
|
186
|
+
+ <p-accordion>
|
|
187
|
+
+ <p-heading slot="summary" tag="h3" size="small">Some summary</p-heading>
|
|
188
|
+
<p-text>Some details</p-text>
|
|
189
|
+
</p-accordion>
|
|
190
|
+
```
|
|
191
|
+
- Slot `heading` in favor of `slot="summary"`
|
|
192
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
193
|
+
```diff
|
|
194
|
+
<p-acccordion>
|
|
195
|
+
- <span slot="heading">Some summary</span>
|
|
196
|
+
<p-text>Some details</p-text>
|
|
197
|
+
</p-accordion>
|
|
198
|
+
<p-accordion>
|
|
199
|
+
+ <p-heading slot="summary" tag="h3" size="small">Some summary</p-heading>
|
|
200
|
+
<p-text>Some details</p-text>
|
|
201
|
+
</p-accordion>
|
|
202
|
+
```
|
|
203
|
+
- CSS Variable `--p-accordion-position-sticky-top`, use `--p-accordion-summary-top` instead
|
|
204
|
+
([#4201](https://github.com/porsche-design-system/porsche-design-system/pull/4201))
|
|
205
|
+
|
|
17
206
|
## [4.0.0-beta.0] - 2026-02-12
|
|
18
207
|
|
|
19
208
|
### Added
|
|
@@ -401,6 +590,32 @@ and migration steps.
|
|
|
401
590
|
- `Multi Select`, `Pin Code`, `Radio Group`, `Textarea`: disabled prop is not mutable
|
|
402
591
|
([#4118](https://github.com/porsche-design-system/porsche-design-system/pull/4118))
|
|
403
592
|
([#4121](https://github.com/porsche-design-system/porsche-design-system/pull/4121))
|
|
593
|
+
- `Multi Select`: trim whitespace of selected options text
|
|
594
|
+
([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
|
|
595
|
+
|
|
596
|
+
## [3.33.0] - 2026-03-09
|
|
597
|
+
|
|
598
|
+
## [3.33.0-rc.0] - 2026-03-04
|
|
599
|
+
|
|
600
|
+
### Added
|
|
601
|
+
|
|
602
|
+
- `Tag`: new `variant` property to define background colors which complies now with PDS `v4`
|
|
603
|
+
([#4227](https://github.com/porsche-design-system/porsche-design-system/pull/4227))
|
|
604
|
+
- `Checkbox`: add warning for Firefox form restore bug
|
|
605
|
+
|
|
606
|
+
### Changed
|
|
607
|
+
|
|
608
|
+
- `Tag`: deprecated `color` property, use `variant` property instead to define background colors which complies now with
|
|
609
|
+
PDS `v4` ([#4227](https://github.com/porsche-design-system/porsche-design-system/pull/4227))
|
|
610
|
+
|
|
611
|
+
## [3.32.1] - 2026-02-24
|
|
612
|
+
|
|
613
|
+
## [3.32.1-rc.0] - 2026-02-20
|
|
614
|
+
|
|
615
|
+
### Fixed
|
|
616
|
+
|
|
617
|
+
- `Input Email`, `Input Password`, `Input Tel`, `Pin Code`: optimize input direction and behavior in RTL mode
|
|
618
|
+
([#4209](https://github.com/porsche-design-system/porsche-design-system/pull/4209))
|
|
404
619
|
|
|
405
620
|
## [3.32.0] - 2026-02-04
|
|
406
621
|
|
|
@@ -435,20 +650,40 @@ and migration steps.
|
|
|
435
650
|
|
|
436
651
|
### Added
|
|
437
652
|
|
|
653
|
+
- `Multi Select, Select`:
|
|
654
|
+
- `selected` slot for custom selection rendering and enabling complex options
|
|
655
|
+
- `options-status` slot for loading, error and no results states when using custom filtering
|
|
656
|
+
([#4111](https://github.com/porsche-design-system/porsche-design-system/pull/4111))
|
|
657
|
+
- `Multi Select, Select`:
|
|
658
|
+
- `filter` slot to allow custom asynchronous filtering
|
|
659
|
+
- `toggle` event when opening/closing the dropdown
|
|
660
|
+
([#4089](https://github.com/porsche-design-system/porsche-design-system/pull/4089))
|
|
661
|
+
- `Segmented Control`: add `state` and `message` props to enable visual validation states
|
|
662
|
+
([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023)) `Segmented Control`: add `label`,
|
|
663
|
+
- `Segmented Control`: `label`, `desription`, `hideLabel` and `required` props for better form integration
|
|
664
|
+
([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023))
|
|
665
|
+
- `Textarea`: `compact` prop to enable a smaller, space-saving version for compact layouts
|
|
666
|
+
([#4102](https://github.com/porsche-design-system/porsche-design-system/pull/4102))
|
|
667
|
+
- `Tag Dismissible`: `compact` prop to enable a smaller, space-saving version for compact layouts
|
|
668
|
+
([#4114](https://github.com/porsche-design-system/porsche-design-system/pull/4114))
|
|
669
|
+
- Flags: added `AL, BD, RE` flags ([#4128](https://github.com/porsche-design-system/porsche-design-system/pull/4128))
|
|
670
|
+
- `Input Month`, `Input Week`: ([#4126](https://github.com/porsche-design-system/porsche-design-system/pull/4126))
|
|
671
|
+
- `Input Search`: `maxLength` & `minLength` prop to specify the maximum and minimum number of characters the user can
|
|
672
|
+
enter ([#4131](https://github.com/porsche-design-system/porsche-design-system/pull/4131))
|
|
438
673
|
- `Textarea`: add CSS Variables for `fieldSizing`, `minWidth`, `maxWidth`, `minHeight`, `maxHeight` to control the
|
|
439
674
|
intrinsic sizing behavior ([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
|
|
440
|
-
- `Canvas`: prop `background` to set the background color to `canvas | surface`
|
|
441
675
|
|
|
442
676
|
### Fixed
|
|
443
677
|
|
|
678
|
+
- `Checkbox`: missing deprecation for `CheckboxUpdateEventDetail` event & disabled prop is not mutable
|
|
679
|
+
- `Input Date`, `Input Email`, `Input Number`, `Input Password`, `Input Search`, `Input Tel`, `Input Text`,
|
|
680
|
+
`Input Time`, `Input Url`, `Textarea`: disabled prop is not mutable & error when disabled and invalid
|
|
681
|
+
- `Multi Select`, `Pin Code`, `Radio Group`, `Textarea`: disabled prop is not mutable
|
|
682
|
+
([#4118](https://github.com/porsche-design-system/porsche-design-system/pull/4118))
|
|
683
|
+
([#4121](https://github.com/porsche-design-system/porsche-design-system/pull/4121))
|
|
444
684
|
- `Multi Select`: trim whitespace of selected options text
|
|
445
685
|
([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
|
|
446
686
|
|
|
447
|
-
### Changed
|
|
448
|
-
|
|
449
|
-
- `Link Tile`, `Button Tile`: appearance in compact mode
|
|
450
|
-
- `Canvas`: appearance on mobile view
|
|
451
|
-
|
|
452
687
|
## [3.31.0] - 2025-11-13
|
|
453
688
|
|
|
454
689
|
## [3.31.0-rc.0] - 2025-11-11
|
|
@@ -1864,7 +2099,7 @@ and migration steps.
|
|
|
1864
2099
|
|
|
1865
2100
|
```diff
|
|
1866
2101
|
- <p-carousel align-header="left"></p-carousel>
|
|
1867
|
-
+ <p-carousel align-header="start"></p-carousel>
|
|
2102
|
+
+ <p-carousel-pure align-header="start"></p-carousel>
|
|
1868
2103
|
```
|
|
1869
2104
|
|
|
1870
2105
|
### Fixed
|
|
@@ -27,22 +27,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
27
27
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
|
|
28
28
|
|
|
29
29
|
class PAccordion extends BaseComponent {
|
|
30
|
+
alignMarker;
|
|
31
|
+
background;
|
|
30
32
|
compact;
|
|
33
|
+
/** @deprecated */
|
|
31
34
|
heading;
|
|
35
|
+
/** @deprecated */
|
|
32
36
|
headingTag;
|
|
33
37
|
open;
|
|
38
|
+
/** @deprecated */
|
|
34
39
|
size;
|
|
35
40
|
sticky;
|
|
36
41
|
update = new EventEmitter();
|
|
37
42
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PAccordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PAccordion, isStandalone: false, selector: "p-accordion,[p-accordion]", inputs: { compact: "compact", heading: "heading", headingTag: "headingTag", open: "open", size: "size", sticky: "sticky" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PAccordion, isStandalone: false, selector: "p-accordion,[p-accordion]", inputs: { alignMarker: "alignMarker", background: "background", compact: "compact", heading: "heading", headingTag: "headingTag", open: "open", size: "size", sticky: "sticky" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
39
44
|
}
|
|
40
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PAccordion, decorators: [{
|
|
41
46
|
type: Component,
|
|
42
47
|
args: [{
|
|
43
48
|
selector: 'p-accordion,[p-accordion]',
|
|
44
49
|
template: '<ng-content />',
|
|
45
|
-
inputs: ['compact', 'heading', 'headingTag', 'open', 'size', 'sticky'],
|
|
50
|
+
inputs: ['alignMarker', 'background', 'compact', 'heading', 'headingTag', 'open', 'size', 'sticky'],
|
|
46
51
|
outputs: ['update'],
|
|
47
52
|
standalone: false
|
|
48
53
|
}]
|
|
@@ -1799,19 +1804,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
1799
1804
|
}] });
|
|
1800
1805
|
|
|
1801
1806
|
class PScroller extends BaseComponent {
|
|
1807
|
+
/** @deprecated */
|
|
1802
1808
|
alignScrollIndicator;
|
|
1803
1809
|
aria;
|
|
1810
|
+
compact;
|
|
1811
|
+
/** @deprecated */
|
|
1804
1812
|
scrollToPosition;
|
|
1805
1813
|
scrollbar;
|
|
1814
|
+
sticky;
|
|
1806
1815
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PScroller, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1807
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PScroller, isStandalone: false, selector: "p-scroller,[p-scroller]", inputs: { alignScrollIndicator: "alignScrollIndicator", aria: "aria", scrollToPosition: "scrollToPosition", scrollbar: "scrollbar" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1816
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PScroller, isStandalone: false, selector: "p-scroller,[p-scroller]", inputs: { alignScrollIndicator: "alignScrollIndicator", aria: "aria", compact: "compact", scrollToPosition: "scrollToPosition", scrollbar: "scrollbar", sticky: "sticky" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1808
1817
|
}
|
|
1809
1818
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PScroller, decorators: [{
|
|
1810
1819
|
type: Component,
|
|
1811
1820
|
args: [{
|
|
1812
1821
|
selector: 'p-scroller,[p-scroller]',
|
|
1813
1822
|
template: '<ng-content />',
|
|
1814
|
-
inputs: ['alignScrollIndicator', 'aria', 'scrollToPosition', 'scrollbar'],
|
|
1823
|
+
inputs: ['alignScrollIndicator', 'aria', 'compact', 'scrollToPosition', 'scrollbar', 'sticky'],
|
|
1815
1824
|
standalone: false
|
|
1816
1825
|
}]
|
|
1817
1826
|
}] });
|
|
@@ -2091,16 +2100,17 @@ class PTable extends BaseComponent {
|
|
|
2091
2100
|
caption;
|
|
2092
2101
|
compact;
|
|
2093
2102
|
layout;
|
|
2103
|
+
sticky;
|
|
2094
2104
|
update = new EventEmitter();
|
|
2095
2105
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTable, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2096
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTable, isStandalone: false, selector: "p-table,[p-table]", inputs: { caption: "caption", compact: "compact", layout: "layout" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTable, isStandalone: false, selector: "p-table,[p-table]", inputs: { caption: "caption", compact: "compact", layout: "layout", sticky: "sticky" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2097
2107
|
}
|
|
2098
2108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTable, decorators: [{
|
|
2099
2109
|
type: Component,
|
|
2100
2110
|
args: [{
|
|
2101
2111
|
selector: 'p-table,[p-table]',
|
|
2102
2112
|
template: '<ng-content />',
|
|
2103
|
-
inputs: ['caption', 'compact', 'layout'],
|
|
2113
|
+
inputs: ['caption', 'compact', 'layout', 'sticky'],
|
|
2104
2114
|
outputs: ['update'],
|
|
2105
2115
|
standalone: false
|
|
2106
2116
|
}]
|
|
@@ -2192,18 +2202,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
2192
2202
|
|
|
2193
2203
|
class PTabs extends BaseComponent {
|
|
2194
2204
|
activeTabIndex;
|
|
2205
|
+
background;
|
|
2206
|
+
compact;
|
|
2195
2207
|
size;
|
|
2208
|
+
/** @deprecated */
|
|
2196
2209
|
weight;
|
|
2197
2210
|
update = new EventEmitter();
|
|
2198
2211
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTabs, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2199
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTabs, isStandalone: false, selector: "p-tabs,[p-tabs]", inputs: { activeTabIndex: "activeTabIndex", size: "size", weight: "weight" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2212
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTabs, isStandalone: false, selector: "p-tabs,[p-tabs]", inputs: { activeTabIndex: "activeTabIndex", background: "background", compact: "compact", size: "size", weight: "weight" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2200
2213
|
}
|
|
2201
2214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTabs, decorators: [{
|
|
2202
2215
|
type: Component,
|
|
2203
2216
|
args: [{
|
|
2204
2217
|
selector: 'p-tabs,[p-tabs]',
|
|
2205
2218
|
template: '<ng-content />',
|
|
2206
|
-
inputs: ['activeTabIndex', 'size', 'weight'],
|
|
2219
|
+
inputs: ['activeTabIndex', 'background', 'compact', 'size', 'weight'],
|
|
2207
2220
|
outputs: ['update'],
|
|
2208
2221
|
standalone: false
|
|
2209
2222
|
}]
|
|
@@ -2211,18 +2224,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
2211
2224
|
|
|
2212
2225
|
class PTabsBar extends BaseComponent {
|
|
2213
2226
|
activeTabIndex;
|
|
2227
|
+
background;
|
|
2228
|
+
compact;
|
|
2214
2229
|
size;
|
|
2230
|
+
/** @deprecated */
|
|
2215
2231
|
weight;
|
|
2216
2232
|
update = new EventEmitter();
|
|
2217
2233
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTabsBar, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2218
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTabsBar, isStandalone: false, selector: "p-tabs-bar,[p-tabs-bar]", inputs: { activeTabIndex: "activeTabIndex", size: "size", weight: "weight" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2234
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PTabsBar, isStandalone: false, selector: "p-tabs-bar,[p-tabs-bar]", inputs: { activeTabIndex: "activeTabIndex", background: "background", compact: "compact", size: "size", weight: "weight" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2219
2235
|
}
|
|
2220
2236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PTabsBar, decorators: [{
|
|
2221
2237
|
type: Component,
|
|
2222
2238
|
args: [{
|
|
2223
2239
|
selector: 'p-tabs-bar,[p-tabs-bar]',
|
|
2224
2240
|
template: '<ng-content />',
|
|
2225
|
-
inputs: ['activeTabIndex', 'size', 'weight'],
|
|
2241
|
+
inputs: ['activeTabIndex', 'background', 'compact', 'size', 'weight'],
|
|
2226
2242
|
outputs: ['update'],
|
|
2227
2243
|
standalone: false
|
|
2228
2244
|
}]
|