@proximus/lavender-angular 2.0.0-alpha.197 → 2.0.0-alpha.198
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
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.0.0-alpha.198](https://github.com/Pxs-Corporate/design-system/compare/v2.0.0-alpha.197...v2.0.0-alpha.198) (2026-09-25)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @proximus/lavender-angular
|
|
9
|
+
|
|
6
10
|
# [2.0.0-alpha.197](https://github.com/Pxs-Corporate/design-system/compare/v2.0.0-alpha.196...v2.0.0-alpha.197) (2026-09-25)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @proximus/lavender-angular
|
|
@@ -5746,82 +5746,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5746
5746
|
type: Input,
|
|
5747
5747
|
args: ['word-break-all--desktop']
|
|
5748
5748
|
}] } });
|
|
5749
|
-
/**
|
|
5750
|
-
* @description Type-only wrapper for <px-appleseed>
|
|
5751
|
-
*/
|
|
5752
|
-
class PxAppleseed {
|
|
5753
|
-
elementRef;
|
|
5754
|
-
set amount(value) {
|
|
5755
|
-
this.elementRef.nativeElement['amount'] = value;
|
|
5756
|
-
}
|
|
5757
|
-
get amount() {
|
|
5758
|
-
return this.elementRef.nativeElement['amount'];
|
|
5759
|
-
}
|
|
5760
|
-
set active(value) {
|
|
5761
|
-
this.elementRef.nativeElement['active'] = value;
|
|
5762
|
-
}
|
|
5763
|
-
get active() {
|
|
5764
|
-
return this.elementRef.nativeElement['active'];
|
|
5765
|
-
}
|
|
5766
|
-
constructor(elementRef) {
|
|
5767
|
-
this.elementRef = elementRef;
|
|
5768
|
-
}
|
|
5769
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5770
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxAppleseed, isStandalone: true, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
|
|
5771
|
-
}
|
|
5772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, decorators: [{
|
|
5773
|
-
type: Directive,
|
|
5774
|
-
args: [{
|
|
5775
|
-
selector: 'px-appleseed',
|
|
5776
|
-
standalone: true,
|
|
5777
|
-
}]
|
|
5778
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
|
|
5779
|
-
type: Input
|
|
5780
|
-
}], active: [{
|
|
5781
|
-
type: Input
|
|
5782
|
-
}] } });
|
|
5783
|
-
/**
|
|
5784
|
-
* @description Type-only wrapper for <px-carousel>
|
|
5785
|
-
*/
|
|
5786
|
-
class PxCarousel {
|
|
5787
|
-
elementRef;
|
|
5788
|
-
constructor(elementRef) {
|
|
5789
|
-
this.elementRef = elementRef;
|
|
5790
|
-
}
|
|
5791
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5792
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarousel, isStandalone: true, selector: "px-carousel", ngImport: i0 });
|
|
5793
|
-
}
|
|
5794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, decorators: [{
|
|
5795
|
-
type: Directive,
|
|
5796
|
-
args: [{
|
|
5797
|
-
selector: 'px-carousel',
|
|
5798
|
-
standalone: true,
|
|
5799
|
-
}]
|
|
5800
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
5801
|
-
/**
|
|
5802
|
-
* @description Type-only wrapper for <px-carousel-item>
|
|
5803
|
-
*/
|
|
5804
|
-
class PxCarouselItem {
|
|
5805
|
-
elementRef;
|
|
5806
|
-
CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
|
|
5807
|
-
constructor(elementRef) {
|
|
5808
|
-
this.elementRef = elementRef;
|
|
5809
|
-
this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
|
|
5810
|
-
this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
|
|
5811
|
-
});
|
|
5812
|
-
}
|
|
5813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5814
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarouselItem, isStandalone: true, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
|
|
5815
|
-
}
|
|
5816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, decorators: [{
|
|
5817
|
-
type: Directive,
|
|
5818
|
-
args: [{
|
|
5819
|
-
selector: 'px-carousel-item',
|
|
5820
|
-
standalone: true,
|
|
5821
|
-
}]
|
|
5822
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
|
|
5823
|
-
type: Output
|
|
5824
|
-
}] } });
|
|
5825
5749
|
/**
|
|
5826
5750
|
* @description Type-only wrapper for <px-card>
|
|
5827
5751
|
*/
|
|
@@ -6428,6 +6352,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6428
6352
|
type: Input,
|
|
6429
6353
|
args: ['word-break-all--desktop']
|
|
6430
6354
|
}] } });
|
|
6355
|
+
/**
|
|
6356
|
+
* @description Type-only wrapper for <px-appleseed>
|
|
6357
|
+
*/
|
|
6358
|
+
class PxAppleseed {
|
|
6359
|
+
elementRef;
|
|
6360
|
+
set amount(value) {
|
|
6361
|
+
this.elementRef.nativeElement['amount'] = value;
|
|
6362
|
+
}
|
|
6363
|
+
get amount() {
|
|
6364
|
+
return this.elementRef.nativeElement['amount'];
|
|
6365
|
+
}
|
|
6366
|
+
set active(value) {
|
|
6367
|
+
this.elementRef.nativeElement['active'] = value;
|
|
6368
|
+
}
|
|
6369
|
+
get active() {
|
|
6370
|
+
return this.elementRef.nativeElement['active'];
|
|
6371
|
+
}
|
|
6372
|
+
constructor(elementRef) {
|
|
6373
|
+
this.elementRef = elementRef;
|
|
6374
|
+
}
|
|
6375
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6376
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxAppleseed, isStandalone: true, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
|
|
6377
|
+
}
|
|
6378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, decorators: [{
|
|
6379
|
+
type: Directive,
|
|
6380
|
+
args: [{
|
|
6381
|
+
selector: 'px-appleseed',
|
|
6382
|
+
standalone: true,
|
|
6383
|
+
}]
|
|
6384
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
|
|
6385
|
+
type: Input
|
|
6386
|
+
}], active: [{
|
|
6387
|
+
type: Input
|
|
6388
|
+
}] } });
|
|
6389
|
+
/**
|
|
6390
|
+
* @description Type-only wrapper for <px-carousel>
|
|
6391
|
+
*/
|
|
6392
|
+
class PxCarousel {
|
|
6393
|
+
elementRef;
|
|
6394
|
+
constructor(elementRef) {
|
|
6395
|
+
this.elementRef = elementRef;
|
|
6396
|
+
}
|
|
6397
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6398
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarousel, isStandalone: true, selector: "px-carousel", ngImport: i0 });
|
|
6399
|
+
}
|
|
6400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, decorators: [{
|
|
6401
|
+
type: Directive,
|
|
6402
|
+
args: [{
|
|
6403
|
+
selector: 'px-carousel',
|
|
6404
|
+
standalone: true,
|
|
6405
|
+
}]
|
|
6406
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
6407
|
+
/**
|
|
6408
|
+
* @description Type-only wrapper for <px-carousel-item>
|
|
6409
|
+
*/
|
|
6410
|
+
class PxCarouselItem {
|
|
6411
|
+
elementRef;
|
|
6412
|
+
CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
|
|
6413
|
+
constructor(elementRef) {
|
|
6414
|
+
this.elementRef = elementRef;
|
|
6415
|
+
this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
|
|
6416
|
+
this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
|
|
6417
|
+
});
|
|
6418
|
+
}
|
|
6419
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6420
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarouselItem, isStandalone: true, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
|
|
6421
|
+
}
|
|
6422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, decorators: [{
|
|
6423
|
+
type: Directive,
|
|
6424
|
+
args: [{
|
|
6425
|
+
selector: 'px-carousel-item',
|
|
6426
|
+
standalone: true,
|
|
6427
|
+
}]
|
|
6428
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
|
|
6429
|
+
type: Output
|
|
6430
|
+
}] } });
|
|
6431
6431
|
/**
|
|
6432
6432
|
* @description Type-only wrapper for <px-cell>
|
|
6433
6433
|
*/
|
|
@@ -28679,6 +28679,175 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
28679
28679
|
type: Input,
|
|
28680
28680
|
args: ['word-break-all--desktop']
|
|
28681
28681
|
}] } });
|
|
28682
|
+
/**
|
|
28683
|
+
* @description Type-only wrapper for <px-card-actions>
|
|
28684
|
+
*/
|
|
28685
|
+
class PxCardActions {
|
|
28686
|
+
elementRef;
|
|
28687
|
+
constructor(elementRef) {
|
|
28688
|
+
this.elementRef = elementRef;
|
|
28689
|
+
}
|
|
28690
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28691
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardActions, isStandalone: true, selector: "px-card-actions", ngImport: i0 });
|
|
28692
|
+
}
|
|
28693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, decorators: [{
|
|
28694
|
+
type: Directive,
|
|
28695
|
+
args: [{
|
|
28696
|
+
selector: 'px-card-actions',
|
|
28697
|
+
standalone: true,
|
|
28698
|
+
}]
|
|
28699
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
28700
|
+
/**
|
|
28701
|
+
* @description Type-only wrapper for <px-card-container>
|
|
28702
|
+
*/
|
|
28703
|
+
class PxCardContainer {
|
|
28704
|
+
elementRef;
|
|
28705
|
+
/** Switches to a dark surface with inverted text colors. */
|
|
28706
|
+
set inverted(value) {
|
|
28707
|
+
this.elementRef.nativeElement['inverted'] = value;
|
|
28708
|
+
}
|
|
28709
|
+
get inverted() {
|
|
28710
|
+
return this.elementRef.nativeElement['inverted'];
|
|
28711
|
+
}
|
|
28712
|
+
/** URL of the card media image. */
|
|
28713
|
+
set src(value) {
|
|
28714
|
+
this.elementRef.nativeElement['src'] = value;
|
|
28715
|
+
}
|
|
28716
|
+
get src() {
|
|
28717
|
+
return this.elementRef.nativeElement['src'];
|
|
28718
|
+
}
|
|
28719
|
+
/** Where the media image is rendered. */
|
|
28720
|
+
set mediaPosition(value) {
|
|
28721
|
+
this.elementRef.nativeElement['mediaPosition'] = value;
|
|
28722
|
+
}
|
|
28723
|
+
get mediaPosition() {
|
|
28724
|
+
return this.elementRef.nativeElement['mediaPosition'];
|
|
28725
|
+
}
|
|
28726
|
+
/** How the media image is fitted. */
|
|
28727
|
+
set mediaSize(value) {
|
|
28728
|
+
this.elementRef.nativeElement['mediaSize'] = value;
|
|
28729
|
+
}
|
|
28730
|
+
get mediaSize() {
|
|
28731
|
+
return this.elementRef.nativeElement['mediaSize'];
|
|
28732
|
+
}
|
|
28733
|
+
set mediaAltText(value) {
|
|
28734
|
+
this.elementRef.nativeElement['mediaAltText'] = value;
|
|
28735
|
+
}
|
|
28736
|
+
get mediaAltText() {
|
|
28737
|
+
return this.elementRef.nativeElement['mediaAltText'];
|
|
28738
|
+
}
|
|
28739
|
+
/** Inner content padding size. */
|
|
28740
|
+
set padding(value) {
|
|
28741
|
+
this.elementRef.nativeElement['padding'] = value;
|
|
28742
|
+
}
|
|
28743
|
+
get padding() {
|
|
28744
|
+
return this.elementRef.nativeElement['padding'];
|
|
28745
|
+
}
|
|
28746
|
+
/** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
|
|
28747
|
+
set aspectRatio(value) {
|
|
28748
|
+
this.elementRef.nativeElement['aspectRatio'] = value;
|
|
28749
|
+
}
|
|
28750
|
+
get aspectRatio() {
|
|
28751
|
+
return this.elementRef.nativeElement['aspectRatio'];
|
|
28752
|
+
}
|
|
28753
|
+
/** Whether the card has a visible border. */
|
|
28754
|
+
set hasBorder(value) {
|
|
28755
|
+
this.elementRef.nativeElement['hasBorder'] = value;
|
|
28756
|
+
}
|
|
28757
|
+
get hasBorder() {
|
|
28758
|
+
return this.elementRef.nativeElement['hasBorder'];
|
|
28759
|
+
}
|
|
28760
|
+
/** Surface color preset. */
|
|
28761
|
+
set backgroundColor(value) {
|
|
28762
|
+
this.elementRef.nativeElement['backgroundColor'] = value;
|
|
28763
|
+
}
|
|
28764
|
+
get backgroundColor() {
|
|
28765
|
+
return this.elementRef.nativeElement['backgroundColor'];
|
|
28766
|
+
}
|
|
28767
|
+
/** URL of a full-card background image (delegated to `<px-container>`). */
|
|
28768
|
+
set backgroundImage(value) {
|
|
28769
|
+
this.elementRef.nativeElement['backgroundImage'] = value;
|
|
28770
|
+
}
|
|
28771
|
+
get backgroundImage() {
|
|
28772
|
+
return this.elementRef.nativeElement['backgroundImage'];
|
|
28773
|
+
}
|
|
28774
|
+
set interactiveState(value) {
|
|
28775
|
+
this.elementRef.nativeElement['interactiveState'] = value;
|
|
28776
|
+
}
|
|
28777
|
+
get interactiveState() {
|
|
28778
|
+
return this.elementRef.nativeElement['interactiveState'];
|
|
28779
|
+
}
|
|
28780
|
+
/** Alt text for the media image. */
|
|
28781
|
+
set alternativeText(value) {
|
|
28782
|
+
this.elementRef.nativeElement['alternativeText'] = value;
|
|
28783
|
+
}
|
|
28784
|
+
get alternativeText() {
|
|
28785
|
+
return this.elementRef.nativeElement['alternativeText'];
|
|
28786
|
+
}
|
|
28787
|
+
constructor(elementRef) {
|
|
28788
|
+
this.elementRef = elementRef;
|
|
28789
|
+
}
|
|
28790
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28791
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { inverted: "inverted", src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"], alternativeText: ["alternative-text", "alternativeText"] }, ngImport: i0 });
|
|
28792
|
+
}
|
|
28793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, decorators: [{
|
|
28794
|
+
type: Directive,
|
|
28795
|
+
args: [{
|
|
28796
|
+
selector: 'px-card-container',
|
|
28797
|
+
standalone: true,
|
|
28798
|
+
}]
|
|
28799
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
|
|
28800
|
+
type: Input
|
|
28801
|
+
}], src: [{
|
|
28802
|
+
type: Input
|
|
28803
|
+
}], mediaPosition: [{
|
|
28804
|
+
type: Input,
|
|
28805
|
+
args: ['media-position']
|
|
28806
|
+
}], mediaSize: [{
|
|
28807
|
+
type: Input,
|
|
28808
|
+
args: ['media-size']
|
|
28809
|
+
}], mediaAltText: [{
|
|
28810
|
+
type: Input,
|
|
28811
|
+
args: ['media-alt-text']
|
|
28812
|
+
}], padding: [{
|
|
28813
|
+
type: Input
|
|
28814
|
+
}], aspectRatio: [{
|
|
28815
|
+
type: Input,
|
|
28816
|
+
args: ['aspect-ratio']
|
|
28817
|
+
}], hasBorder: [{
|
|
28818
|
+
type: Input,
|
|
28819
|
+
args: ['has-border']
|
|
28820
|
+
}], backgroundColor: [{
|
|
28821
|
+
type: Input,
|
|
28822
|
+
args: ['background-color']
|
|
28823
|
+
}], backgroundImage: [{
|
|
28824
|
+
type: Input,
|
|
28825
|
+
args: ['background-image']
|
|
28826
|
+
}], interactiveState: [{
|
|
28827
|
+
type: Input,
|
|
28828
|
+
args: ['interactive-state']
|
|
28829
|
+
}], alternativeText: [{
|
|
28830
|
+
type: Input,
|
|
28831
|
+
args: ['alternative-text']
|
|
28832
|
+
}] } });
|
|
28833
|
+
/**
|
|
28834
|
+
* @description Type-only wrapper for <px-card-heading>
|
|
28835
|
+
*/
|
|
28836
|
+
class PxCardHeading {
|
|
28837
|
+
elementRef;
|
|
28838
|
+
constructor(elementRef) {
|
|
28839
|
+
this.elementRef = elementRef;
|
|
28840
|
+
}
|
|
28841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28842
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardHeading, isStandalone: true, selector: "px-card-heading", ngImport: i0 });
|
|
28843
|
+
}
|
|
28844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, decorators: [{
|
|
28845
|
+
type: Directive,
|
|
28846
|
+
args: [{
|
|
28847
|
+
selector: 'px-card-heading',
|
|
28848
|
+
standalone: true,
|
|
28849
|
+
}]
|
|
28850
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
28682
28851
|
/**
|
|
28683
28852
|
* @description Type-only wrapper for <px-price>
|
|
28684
28853
|
*/
|
|
@@ -29184,175 +29353,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
29184
29353
|
type: Input,
|
|
29185
29354
|
args: ['word-break-all--desktop']
|
|
29186
29355
|
}] } });
|
|
29187
|
-
/**
|
|
29188
|
-
* @description Type-only wrapper for <px-card-actions>
|
|
29189
|
-
*/
|
|
29190
|
-
class PxCardActions {
|
|
29191
|
-
elementRef;
|
|
29192
|
-
constructor(elementRef) {
|
|
29193
|
-
this.elementRef = elementRef;
|
|
29194
|
-
}
|
|
29195
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
29196
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardActions, isStandalone: true, selector: "px-card-actions", ngImport: i0 });
|
|
29197
|
-
}
|
|
29198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, decorators: [{
|
|
29199
|
-
type: Directive,
|
|
29200
|
-
args: [{
|
|
29201
|
-
selector: 'px-card-actions',
|
|
29202
|
-
standalone: true,
|
|
29203
|
-
}]
|
|
29204
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
29205
|
-
/**
|
|
29206
|
-
* @description Type-only wrapper for <px-card-container>
|
|
29207
|
-
*/
|
|
29208
|
-
class PxCardContainer {
|
|
29209
|
-
elementRef;
|
|
29210
|
-
/** Switches to a dark surface with inverted text colors. */
|
|
29211
|
-
set inverted(value) {
|
|
29212
|
-
this.elementRef.nativeElement['inverted'] = value;
|
|
29213
|
-
}
|
|
29214
|
-
get inverted() {
|
|
29215
|
-
return this.elementRef.nativeElement['inverted'];
|
|
29216
|
-
}
|
|
29217
|
-
/** URL of the card media image. */
|
|
29218
|
-
set src(value) {
|
|
29219
|
-
this.elementRef.nativeElement['src'] = value;
|
|
29220
|
-
}
|
|
29221
|
-
get src() {
|
|
29222
|
-
return this.elementRef.nativeElement['src'];
|
|
29223
|
-
}
|
|
29224
|
-
/** Where the media image is rendered. */
|
|
29225
|
-
set mediaPosition(value) {
|
|
29226
|
-
this.elementRef.nativeElement['mediaPosition'] = value;
|
|
29227
|
-
}
|
|
29228
|
-
get mediaPosition() {
|
|
29229
|
-
return this.elementRef.nativeElement['mediaPosition'];
|
|
29230
|
-
}
|
|
29231
|
-
/** How the media image is fitted. */
|
|
29232
|
-
set mediaSize(value) {
|
|
29233
|
-
this.elementRef.nativeElement['mediaSize'] = value;
|
|
29234
|
-
}
|
|
29235
|
-
get mediaSize() {
|
|
29236
|
-
return this.elementRef.nativeElement['mediaSize'];
|
|
29237
|
-
}
|
|
29238
|
-
set mediaAltText(value) {
|
|
29239
|
-
this.elementRef.nativeElement['mediaAltText'] = value;
|
|
29240
|
-
}
|
|
29241
|
-
get mediaAltText() {
|
|
29242
|
-
return this.elementRef.nativeElement['mediaAltText'];
|
|
29243
|
-
}
|
|
29244
|
-
/** Inner content padding size. */
|
|
29245
|
-
set padding(value) {
|
|
29246
|
-
this.elementRef.nativeElement['padding'] = value;
|
|
29247
|
-
}
|
|
29248
|
-
get padding() {
|
|
29249
|
-
return this.elementRef.nativeElement['padding'];
|
|
29250
|
-
}
|
|
29251
|
-
/** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
|
|
29252
|
-
set aspectRatio(value) {
|
|
29253
|
-
this.elementRef.nativeElement['aspectRatio'] = value;
|
|
29254
|
-
}
|
|
29255
|
-
get aspectRatio() {
|
|
29256
|
-
return this.elementRef.nativeElement['aspectRatio'];
|
|
29257
|
-
}
|
|
29258
|
-
/** Whether the card has a visible border. */
|
|
29259
|
-
set hasBorder(value) {
|
|
29260
|
-
this.elementRef.nativeElement['hasBorder'] = value;
|
|
29261
|
-
}
|
|
29262
|
-
get hasBorder() {
|
|
29263
|
-
return this.elementRef.nativeElement['hasBorder'];
|
|
29264
|
-
}
|
|
29265
|
-
/** Surface color preset. */
|
|
29266
|
-
set backgroundColor(value) {
|
|
29267
|
-
this.elementRef.nativeElement['backgroundColor'] = value;
|
|
29268
|
-
}
|
|
29269
|
-
get backgroundColor() {
|
|
29270
|
-
return this.elementRef.nativeElement['backgroundColor'];
|
|
29271
|
-
}
|
|
29272
|
-
/** URL of a full-card background image (delegated to `<px-container>`). */
|
|
29273
|
-
set backgroundImage(value) {
|
|
29274
|
-
this.elementRef.nativeElement['backgroundImage'] = value;
|
|
29275
|
-
}
|
|
29276
|
-
get backgroundImage() {
|
|
29277
|
-
return this.elementRef.nativeElement['backgroundImage'];
|
|
29278
|
-
}
|
|
29279
|
-
set interactiveState(value) {
|
|
29280
|
-
this.elementRef.nativeElement['interactiveState'] = value;
|
|
29281
|
-
}
|
|
29282
|
-
get interactiveState() {
|
|
29283
|
-
return this.elementRef.nativeElement['interactiveState'];
|
|
29284
|
-
}
|
|
29285
|
-
/** Alt text for the media image. */
|
|
29286
|
-
set alternativeText(value) {
|
|
29287
|
-
this.elementRef.nativeElement['alternativeText'] = value;
|
|
29288
|
-
}
|
|
29289
|
-
get alternativeText() {
|
|
29290
|
-
return this.elementRef.nativeElement['alternativeText'];
|
|
29291
|
-
}
|
|
29292
|
-
constructor(elementRef) {
|
|
29293
|
-
this.elementRef = elementRef;
|
|
29294
|
-
}
|
|
29295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
29296
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { inverted: "inverted", src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"], alternativeText: ["alternative-text", "alternativeText"] }, ngImport: i0 });
|
|
29297
|
-
}
|
|
29298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, decorators: [{
|
|
29299
|
-
type: Directive,
|
|
29300
|
-
args: [{
|
|
29301
|
-
selector: 'px-card-container',
|
|
29302
|
-
standalone: true,
|
|
29303
|
-
}]
|
|
29304
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
|
|
29305
|
-
type: Input
|
|
29306
|
-
}], src: [{
|
|
29307
|
-
type: Input
|
|
29308
|
-
}], mediaPosition: [{
|
|
29309
|
-
type: Input,
|
|
29310
|
-
args: ['media-position']
|
|
29311
|
-
}], mediaSize: [{
|
|
29312
|
-
type: Input,
|
|
29313
|
-
args: ['media-size']
|
|
29314
|
-
}], mediaAltText: [{
|
|
29315
|
-
type: Input,
|
|
29316
|
-
args: ['media-alt-text']
|
|
29317
|
-
}], padding: [{
|
|
29318
|
-
type: Input
|
|
29319
|
-
}], aspectRatio: [{
|
|
29320
|
-
type: Input,
|
|
29321
|
-
args: ['aspect-ratio']
|
|
29322
|
-
}], hasBorder: [{
|
|
29323
|
-
type: Input,
|
|
29324
|
-
args: ['has-border']
|
|
29325
|
-
}], backgroundColor: [{
|
|
29326
|
-
type: Input,
|
|
29327
|
-
args: ['background-color']
|
|
29328
|
-
}], backgroundImage: [{
|
|
29329
|
-
type: Input,
|
|
29330
|
-
args: ['background-image']
|
|
29331
|
-
}], interactiveState: [{
|
|
29332
|
-
type: Input,
|
|
29333
|
-
args: ['interactive-state']
|
|
29334
|
-
}], alternativeText: [{
|
|
29335
|
-
type: Input,
|
|
29336
|
-
args: ['alternative-text']
|
|
29337
|
-
}] } });
|
|
29338
|
-
/**
|
|
29339
|
-
* @description Type-only wrapper for <px-card-heading>
|
|
29340
|
-
*/
|
|
29341
|
-
class PxCardHeading {
|
|
29342
|
-
elementRef;
|
|
29343
|
-
constructor(elementRef) {
|
|
29344
|
-
this.elementRef = elementRef;
|
|
29345
|
-
}
|
|
29346
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
29347
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardHeading, isStandalone: true, selector: "px-card-heading", ngImport: i0 });
|
|
29348
|
-
}
|
|
29349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, decorators: [{
|
|
29350
|
-
type: Directive,
|
|
29351
|
-
args: [{
|
|
29352
|
-
selector: 'px-card-heading',
|
|
29353
|
-
standalone: true,
|
|
29354
|
-
}]
|
|
29355
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
29356
29356
|
/**
|
|
29357
29357
|
* @description Type-only wrapper for <px-radio>
|
|
29358
29358
|
*/
|
|
@@ -41889,7 +41889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
41889
41889
|
}] } });
|
|
41890
41890
|
class Lavender {
|
|
41891
41891
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
41892
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxAppleseed, PxCarousel, PxCarouselItem,
|
|
41892
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
|
|
41893
41893
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender });
|
|
41894
41894
|
}
|
|
41895
41895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, decorators: [{
|
|
@@ -41906,10 +41906,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
41906
41906
|
PxButton,
|
|
41907
41907
|
PxButtonWrapper,
|
|
41908
41908
|
PxButtonIcon,
|
|
41909
|
+
PxCard,
|
|
41909
41910
|
PxAppleseed,
|
|
41910
41911
|
PxCarousel,
|
|
41911
41912
|
PxCarouselItem,
|
|
41912
|
-
PxCard,
|
|
41913
41913
|
PxCell,
|
|
41914
41914
|
PxCellButton,
|
|
41915
41915
|
PxCellCheckbox,
|
|
@@ -41951,10 +41951,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
41951
41951
|
PxModal,
|
|
41952
41952
|
PxP,
|
|
41953
41953
|
PxPillar,
|
|
41954
|
-
PxPrice,
|
|
41955
41954
|
PxCardActions,
|
|
41956
41955
|
PxCardContainer,
|
|
41957
41956
|
PxCardHeading,
|
|
41957
|
+
PxPrice,
|
|
41958
41958
|
PxRadio,
|
|
41959
41959
|
PxRadioBase,
|
|
41960
41960
|
PxRadioGroup,
|
|
@@ -42009,10 +42009,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
42009
42009
|
PxButton,
|
|
42010
42010
|
PxButtonWrapper,
|
|
42011
42011
|
PxButtonIcon,
|
|
42012
|
+
PxCard,
|
|
42012
42013
|
PxAppleseed,
|
|
42013
42014
|
PxCarousel,
|
|
42014
42015
|
PxCarouselItem,
|
|
42015
|
-
PxCard,
|
|
42016
42016
|
PxCell,
|
|
42017
42017
|
PxCellButton,
|
|
42018
42018
|
PxCellCheckbox,
|
|
@@ -42054,10 +42054,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
42054
42054
|
PxModal,
|
|
42055
42055
|
PxP,
|
|
42056
42056
|
PxPillar,
|
|
42057
|
-
PxPrice,
|
|
42058
42057
|
PxCardActions,
|
|
42059
42058
|
PxCardContainer,
|
|
42060
42059
|
PxCardHeading,
|
|
42060
|
+
PxPrice,
|
|
42061
42061
|
PxRadio,
|
|
42062
42062
|
PxRadioBase,
|
|
42063
42063
|
PxRadioGroup,
|