@proximus/lavender-angular 2.0.0-alpha.90 → 2.0.0-alpha.91

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/esm2022/lavender.directive.mjs +1347 -1347
  3. package/fesm2022/proximus-lavender-angular.mjs +1346 -1346
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +346 -346
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -20034,139 +20034,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20034
20034
  type: Output
20035
20035
  }] } });
20036
20036
  /**
20037
- * @description Type-only wrapper for <px-a>
20037
+ * @description Type-only wrapper for <px-page>
20038
20038
  */
20039
- class PxA {
20039
+ class PxPage {
20040
20040
  elementRef;
20041
- set disabled(value) {
20042
- this.elementRef.nativeElement['disabled'] = value;
20043
- }
20044
- get disabled() {
20045
- return this.elementRef.nativeElement['disabled'];
20046
- }
20047
- set variant(value) {
20048
- this.elementRef.nativeElement['variant'] = value;
20049
- }
20050
- get variant() {
20051
- return this.elementRef.nativeElement['variant'];
20052
- }
20053
- set shape(value) {
20054
- this.elementRef.nativeElement['shape'] = value;
20055
- }
20056
- get shape() {
20057
- return this.elementRef.nativeElement['shape'];
20058
- }
20059
- set shapeMobile(value) {
20060
- this.elementRef.nativeElement['shapeMobile'] = value;
20061
- }
20062
- get shapeMobile() {
20063
- return this.elementRef.nativeElement['shapeMobile'];
20064
- }
20065
- set shapeTablet(value) {
20066
- this.elementRef.nativeElement['shapeTablet'] = value;
20067
- }
20068
- get shapeTablet() {
20069
- return this.elementRef.nativeElement['shapeTablet'];
20070
- }
20071
- set shapeLaptop(value) {
20072
- this.elementRef.nativeElement['shapeLaptop'] = value;
20073
- }
20074
- get shapeLaptop() {
20075
- return this.elementRef.nativeElement['shapeLaptop'];
20076
- }
20077
- set shapeDesktop(value) {
20078
- this.elementRef.nativeElement['shapeDesktop'] = value;
20079
- }
20080
- get shapeDesktop() {
20081
- return this.elementRef.nativeElement['shapeDesktop'];
20082
- }
20083
- set extended(value) {
20084
- this.elementRef.nativeElement['extended'] = value;
20085
- }
20086
- get extended() {
20087
- return this.elementRef.nativeElement['extended'];
20088
- }
20089
- set extendedMobile(value) {
20090
- this.elementRef.nativeElement['extendedMobile'] = value;
20091
- }
20092
- get extendedMobile() {
20093
- return this.elementRef.nativeElement['extendedMobile'];
20094
- }
20095
- set extendedTablet(value) {
20096
- this.elementRef.nativeElement['extendedTablet'] = value;
20097
- }
20098
- get extendedTablet() {
20099
- return this.elementRef.nativeElement['extendedTablet'];
20100
- }
20101
- set extendedLaptop(value) {
20102
- this.elementRef.nativeElement['extendedLaptop'] = value;
20103
- }
20104
- get extendedLaptop() {
20105
- return this.elementRef.nativeElement['extendedLaptop'];
20106
- }
20107
- set extendedDesktop(value) {
20108
- this.elementRef.nativeElement['extendedDesktop'] = value;
20109
- }
20110
- get extendedDesktop() {
20111
- return this.elementRef.nativeElement['extendedDesktop'];
20112
- }
20113
- set inverted(value) {
20114
- this.elementRef.nativeElement['inverted'] = value;
20115
- }
20116
- get inverted() {
20117
- return this.elementRef.nativeElement['inverted'];
20118
- }
20119
- set fontSize(value) {
20120
- this.elementRef.nativeElement['fontSize'] = value;
20121
- }
20122
- get fontSize() {
20123
- return this.elementRef.nativeElement['fontSize'];
20124
- }
20125
- set color(value) {
20126
- this.elementRef.nativeElement['color'] = value;
20127
- }
20128
- get color() {
20129
- return this.elementRef.nativeElement['color'];
20130
- }
20131
- set fontWeight(value) {
20132
- this.elementRef.nativeElement['fontWeight'] = value;
20133
- }
20134
- get fontWeight() {
20135
- return this.elementRef.nativeElement['fontWeight'];
20136
- }
20137
- set title(value) {
20138
- this.elementRef.nativeElement['title'] = value;
20041
+ set backgroundImage(value) {
20042
+ this.elementRef.nativeElement['backgroundImage'] = value;
20139
20043
  }
20140
- get title() {
20141
- return this.elementRef.nativeElement['title'];
20044
+ get backgroundImage() {
20045
+ return this.elementRef.nativeElement['backgroundImage'];
20142
20046
  }
20143
- /** The URL that the hyperlink points to. */
20144
- set href(value) {
20145
- this.elementRef.nativeElement['href'] = value;
20047
+ set gap(value) {
20048
+ this.elementRef.nativeElement['gap'] = value;
20146
20049
  }
20147
- get href() {
20148
- return this.elementRef.nativeElement['href'];
20050
+ get gap() {
20051
+ return this.elementRef.nativeElement['gap'];
20149
20052
  }
20150
- /** Where to display the linked URL. */
20151
- set target(value) {
20152
- this.elementRef.nativeElement['target'] = value;
20053
+ set backgroundColor(value) {
20054
+ this.elementRef.nativeElement['backgroundColor'] = value;
20153
20055
  }
20154
- get target() {
20155
- return this.elementRef.nativeElement['target'];
20056
+ get backgroundColor() {
20057
+ return this.elementRef.nativeElement['backgroundColor'];
20156
20058
  }
20157
- /** The relationship of the linked URL as space-separated link types. */
20158
- set rel(value) {
20159
- this.elementRef.nativeElement['rel'] = value;
20059
+ set paddingVertical(value) {
20060
+ this.elementRef.nativeElement['paddingVertical'] = value;
20160
20061
  }
20161
- get rel() {
20162
- return this.elementRef.nativeElement['rel'];
20062
+ get paddingVertical() {
20063
+ return this.elementRef.nativeElement['paddingVertical'];
20163
20064
  }
20164
- /** Prompts the user to save the linked URL instead of navigating to it. */
20165
- set download(value) {
20166
- this.elementRef.nativeElement['download'] = value;
20065
+ set paddingHorizontal(value) {
20066
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
20167
20067
  }
20168
- get download() {
20169
- return this.elementRef.nativeElement['download'];
20068
+ get paddingHorizontal() {
20069
+ return this.elementRef.nativeElement['paddingHorizontal'];
20170
20070
  }
20171
20071
  set grow(value) {
20172
20072
  this.elementRef.nativeElement['grow'] = value;
@@ -20453,66 +20353,28 @@ class PxA {
20453
20353
  constructor(elementRef) {
20454
20354
  this.elementRef = elementRef;
20455
20355
  }
20456
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20457
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxA, selector: "px-a", inputs: { disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", href: "href", target: "target", rel: "rel", download: "download", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
20356
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20357
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPage, selector: "px-page", inputs: { backgroundImage: ["background-image", "backgroundImage"], gap: "gap", backgroundColor: ["background-color", "backgroundColor"], paddingVertical: ["padding-vertical", "paddingVertical"], paddingHorizontal: ["padding-horizontal", "paddingHorizontal"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
20458
20358
  }
20459
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
20359
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
20460
20360
  type: Directive,
20461
20361
  args: [{
20462
- selector: 'px-a',
20362
+ selector: 'px-page',
20463
20363
  }]
20464
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
20465
- type: Input
20466
- }], variant: [{
20467
- type: Input
20468
- }], shape: [{
20469
- type: Input
20470
- }], shapeMobile: [{
20471
- type: Input,
20472
- args: ['shape--mobile']
20473
- }], shapeTablet: [{
20474
- type: Input,
20475
- args: ['shape--tablet']
20476
- }], shapeLaptop: [{
20477
- type: Input,
20478
- args: ['shape--laptop']
20479
- }], shapeDesktop: [{
20364
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
20480
20365
  type: Input,
20481
- args: ['shape--desktop']
20482
- }], extended: [{
20366
+ args: ['background-image']
20367
+ }], gap: [{
20483
20368
  type: Input
20484
- }], extendedMobile: [{
20485
- type: Input,
20486
- args: ['extended--mobile']
20487
- }], extendedTablet: [{
20488
- type: Input,
20489
- args: ['extended--tablet']
20490
- }], extendedLaptop: [{
20491
- type: Input,
20492
- args: ['extended--laptop']
20493
- }], extendedDesktop: [{
20369
+ }], backgroundColor: [{
20494
20370
  type: Input,
20495
- args: ['extended--desktop']
20496
- }], inverted: [{
20497
- type: Input
20498
- }], fontSize: [{
20371
+ args: ['background-color']
20372
+ }], paddingVertical: [{
20499
20373
  type: Input,
20500
- args: ['font-size']
20501
- }], color: [{
20502
- type: Input
20503
- }], fontWeight: [{
20374
+ args: ['padding-vertical']
20375
+ }], paddingHorizontal: [{
20504
20376
  type: Input,
20505
- args: ['font-weight']
20506
- }], title: [{
20507
- type: Input
20508
- }], href: [{
20509
- type: Input
20510
- }], target: [{
20511
- type: Input
20512
- }], rel: [{
20513
- type: Input
20514
- }], download: [{
20515
- type: Input
20377
+ args: ['padding-horizontal']
20516
20378
  }], grow: [{
20517
20379
  type: Input
20518
20380
  }], growMobile: [{
@@ -20651,139 +20513,222 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20651
20513
  args: ['sticky-bottom']
20652
20514
  }] } });
20653
20515
  /**
20654
- * @description Type-only wrapper for <px-a-wrapper>
20516
+ * @description Type-only wrapper for <px-spacer>
20655
20517
  */
20656
- class PxAWrapper {
20518
+ class PxSpacer {
20657
20519
  elementRef;
20658
- /** The URL that the hyperlink points to. */
20659
- set href(value) {
20660
- this.elementRef.nativeElement['href'] = value;
20661
- }
20662
- get href() {
20663
- return this.elementRef.nativeElement['href'];
20664
- }
20665
- /** Where to display the linked URL. */
20666
- set target(value) {
20667
- this.elementRef.nativeElement['target'] = value;
20668
- }
20669
- get target() {
20670
- return this.elementRef.nativeElement['target'];
20671
- }
20672
- /** The relationship of the linked URL as space-separated link types. */
20673
- set rel(value) {
20674
- this.elementRef.nativeElement['rel'] = value;
20675
- }
20676
- get rel() {
20677
- return this.elementRef.nativeElement['rel'];
20678
- }
20679
- /** Prompts the user to save the linked URL instead of navigating to it. */
20680
- set download(value) {
20681
- this.elementRef.nativeElement['download'] = value;
20520
+ set grow(value) {
20521
+ this.elementRef.nativeElement['grow'] = value;
20682
20522
  }
20683
- get download() {
20684
- return this.elementRef.nativeElement['download'];
20523
+ get grow() {
20524
+ return this.elementRef.nativeElement['grow'];
20685
20525
  }
20686
- set disabled(value) {
20687
- this.elementRef.nativeElement['disabled'] = value;
20526
+ set nogap(value) {
20527
+ this.elementRef.nativeElement['nogap'] = value;
20688
20528
  }
20689
- get disabled() {
20690
- return this.elementRef.nativeElement['disabled'];
20529
+ get nogap() {
20530
+ return this.elementRef.nativeElement['nogap'];
20691
20531
  }
20692
- set variant(value) {
20693
- this.elementRef.nativeElement['variant'] = value;
20532
+ constructor(elementRef) {
20533
+ this.elementRef = elementRef;
20694
20534
  }
20695
- get variant() {
20696
- return this.elementRef.nativeElement['variant'];
20535
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20536
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
20537
+ }
20538
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
20539
+ type: Directive,
20540
+ args: [{
20541
+ selector: 'px-spacer',
20542
+ }]
20543
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
20544
+ type: Input
20545
+ }], nogap: [{
20546
+ type: Input
20547
+ }] } });
20548
+ /**
20549
+ * @description Type-only wrapper for <px-stack>
20550
+ */
20551
+ class PxStack {
20552
+ elementRef;
20553
+ set direction(value) {
20554
+ this.elementRef.nativeElement['direction'] = value;
20697
20555
  }
20698
- set shape(value) {
20699
- this.elementRef.nativeElement['shape'] = value;
20556
+ get direction() {
20557
+ return this.elementRef.nativeElement['direction'];
20700
20558
  }
20701
- get shape() {
20702
- return this.elementRef.nativeElement['shape'];
20559
+ set directionMobile(value) {
20560
+ this.elementRef.nativeElement['directionMobile'] = value;
20703
20561
  }
20704
- set shapeMobile(value) {
20705
- this.elementRef.nativeElement['shapeMobile'] = value;
20562
+ get directionMobile() {
20563
+ return this.elementRef.nativeElement['directionMobile'];
20706
20564
  }
20707
- get shapeMobile() {
20708
- return this.elementRef.nativeElement['shapeMobile'];
20565
+ set directionTablet(value) {
20566
+ this.elementRef.nativeElement['directionTablet'] = value;
20709
20567
  }
20710
- set shapeTablet(value) {
20711
- this.elementRef.nativeElement['shapeTablet'] = value;
20568
+ get directionTablet() {
20569
+ return this.elementRef.nativeElement['directionTablet'];
20712
20570
  }
20713
- get shapeTablet() {
20714
- return this.elementRef.nativeElement['shapeTablet'];
20571
+ set directionLaptop(value) {
20572
+ this.elementRef.nativeElement['directionLaptop'] = value;
20715
20573
  }
20716
- set shapeLaptop(value) {
20717
- this.elementRef.nativeElement['shapeLaptop'] = value;
20574
+ get directionLaptop() {
20575
+ return this.elementRef.nativeElement['directionLaptop'];
20718
20576
  }
20719
- get shapeLaptop() {
20720
- return this.elementRef.nativeElement['shapeLaptop'];
20577
+ set directionDesktop(value) {
20578
+ this.elementRef.nativeElement['directionDesktop'] = value;
20721
20579
  }
20722
- set shapeDesktop(value) {
20723
- this.elementRef.nativeElement['shapeDesktop'] = value;
20580
+ get directionDesktop() {
20581
+ return this.elementRef.nativeElement['directionDesktop'];
20724
20582
  }
20725
- get shapeDesktop() {
20726
- return this.elementRef.nativeElement['shapeDesktop'];
20583
+ set gap(value) {
20584
+ this.elementRef.nativeElement['gap'] = value;
20727
20585
  }
20728
- set extended(value) {
20729
- this.elementRef.nativeElement['extended'] = value;
20586
+ get gap() {
20587
+ return this.elementRef.nativeElement['gap'];
20730
20588
  }
20731
- get extended() {
20732
- return this.elementRef.nativeElement['extended'];
20589
+ set gapMobile(value) {
20590
+ this.elementRef.nativeElement['gapMobile'] = value;
20733
20591
  }
20734
- set extendedMobile(value) {
20735
- this.elementRef.nativeElement['extendedMobile'] = value;
20592
+ get gapMobile() {
20593
+ return this.elementRef.nativeElement['gapMobile'];
20736
20594
  }
20737
- get extendedMobile() {
20738
- return this.elementRef.nativeElement['extendedMobile'];
20595
+ set gapTablet(value) {
20596
+ this.elementRef.nativeElement['gapTablet'] = value;
20739
20597
  }
20740
- set extendedTablet(value) {
20741
- this.elementRef.nativeElement['extendedTablet'] = value;
20598
+ get gapTablet() {
20599
+ return this.elementRef.nativeElement['gapTablet'];
20742
20600
  }
20743
- get extendedTablet() {
20744
- return this.elementRef.nativeElement['extendedTablet'];
20601
+ set gapLaptop(value) {
20602
+ this.elementRef.nativeElement['gapLaptop'] = value;
20745
20603
  }
20746
- set extendedLaptop(value) {
20747
- this.elementRef.nativeElement['extendedLaptop'] = value;
20604
+ get gapLaptop() {
20605
+ return this.elementRef.nativeElement['gapLaptop'];
20748
20606
  }
20749
- get extendedLaptop() {
20750
- return this.elementRef.nativeElement['extendedLaptop'];
20607
+ set gapDesktop(value) {
20608
+ this.elementRef.nativeElement['gapDesktop'] = value;
20751
20609
  }
20752
- set extendedDesktop(value) {
20753
- this.elementRef.nativeElement['extendedDesktop'] = value;
20610
+ get gapDesktop() {
20611
+ return this.elementRef.nativeElement['gapDesktop'];
20754
20612
  }
20755
- get extendedDesktop() {
20756
- return this.elementRef.nativeElement['extendedDesktop'];
20613
+ set justifyContent(value) {
20614
+ this.elementRef.nativeElement['justifyContent'] = value;
20757
20615
  }
20758
- set inverted(value) {
20759
- this.elementRef.nativeElement['inverted'] = value;
20616
+ get justifyContent() {
20617
+ return this.elementRef.nativeElement['justifyContent'];
20760
20618
  }
20761
- get inverted() {
20762
- return this.elementRef.nativeElement['inverted'];
20619
+ set justifyContentMobile(value) {
20620
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
20763
20621
  }
20764
- set fontSize(value) {
20765
- this.elementRef.nativeElement['fontSize'] = value;
20622
+ get justifyContentMobile() {
20623
+ return this.elementRef.nativeElement['justifyContentMobile'];
20766
20624
  }
20767
- get fontSize() {
20768
- return this.elementRef.nativeElement['fontSize'];
20625
+ set justifyContentTablet(value) {
20626
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
20769
20627
  }
20770
- set color(value) {
20771
- this.elementRef.nativeElement['color'] = value;
20628
+ get justifyContentTablet() {
20629
+ return this.elementRef.nativeElement['justifyContentTablet'];
20772
20630
  }
20773
- get color() {
20774
- return this.elementRef.nativeElement['color'];
20631
+ set justifyContentLaptop(value) {
20632
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
20775
20633
  }
20776
- set fontWeight(value) {
20777
- this.elementRef.nativeElement['fontWeight'] = value;
20634
+ get justifyContentLaptop() {
20635
+ return this.elementRef.nativeElement['justifyContentLaptop'];
20778
20636
  }
20779
- get fontWeight() {
20780
- return this.elementRef.nativeElement['fontWeight'];
20637
+ set justifyContentDesktop(value) {
20638
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
20781
20639
  }
20782
- set title(value) {
20783
- this.elementRef.nativeElement['title'] = value;
20640
+ get justifyContentDesktop() {
20641
+ return this.elementRef.nativeElement['justifyContentDesktop'];
20784
20642
  }
20785
- get title() {
20786
- return this.elementRef.nativeElement['title'];
20643
+ set alignItems(value) {
20644
+ this.elementRef.nativeElement['alignItems'] = value;
20645
+ }
20646
+ get alignItems() {
20647
+ return this.elementRef.nativeElement['alignItems'];
20648
+ }
20649
+ set alignItemsMobile(value) {
20650
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
20651
+ }
20652
+ get alignItemsMobile() {
20653
+ return this.elementRef.nativeElement['alignItemsMobile'];
20654
+ }
20655
+ set alignItemsTablet(value) {
20656
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
20657
+ }
20658
+ get alignItemsTablet() {
20659
+ return this.elementRef.nativeElement['alignItemsTablet'];
20660
+ }
20661
+ set alignItemsLaptop(value) {
20662
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
20663
+ }
20664
+ get alignItemsLaptop() {
20665
+ return this.elementRef.nativeElement['alignItemsLaptop'];
20666
+ }
20667
+ set alignItemsDesktop(value) {
20668
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
20669
+ }
20670
+ get alignItemsDesktop() {
20671
+ return this.elementRef.nativeElement['alignItemsDesktop'];
20672
+ }
20673
+ set wrap(value) {
20674
+ this.elementRef.nativeElement['wrap'] = value;
20675
+ }
20676
+ get wrap() {
20677
+ return this.elementRef.nativeElement['wrap'];
20678
+ }
20679
+ set wrapMobile(value) {
20680
+ this.elementRef.nativeElement['wrapMobile'] = value;
20681
+ }
20682
+ get wrapMobile() {
20683
+ return this.elementRef.nativeElement['wrapMobile'];
20684
+ }
20685
+ set wrapTablet(value) {
20686
+ this.elementRef.nativeElement['wrapTablet'] = value;
20687
+ }
20688
+ get wrapTablet() {
20689
+ return this.elementRef.nativeElement['wrapTablet'];
20690
+ }
20691
+ set wrapLaptop(value) {
20692
+ this.elementRef.nativeElement['wrapLaptop'] = value;
20693
+ }
20694
+ get wrapLaptop() {
20695
+ return this.elementRef.nativeElement['wrapLaptop'];
20696
+ }
20697
+ set wrapDesktop(value) {
20698
+ this.elementRef.nativeElement['wrapDesktop'] = value;
20699
+ }
20700
+ get wrapDesktop() {
20701
+ return this.elementRef.nativeElement['wrapDesktop'];
20702
+ }
20703
+ set overflowX(value) {
20704
+ this.elementRef.nativeElement['overflowX'] = value;
20705
+ }
20706
+ get overflowX() {
20707
+ return this.elementRef.nativeElement['overflowX'];
20708
+ }
20709
+ set overflowXMobile(value) {
20710
+ this.elementRef.nativeElement['overflowXMobile'] = value;
20711
+ }
20712
+ get overflowXMobile() {
20713
+ return this.elementRef.nativeElement['overflowXMobile'];
20714
+ }
20715
+ set overflowXTablet(value) {
20716
+ this.elementRef.nativeElement['overflowXTablet'] = value;
20717
+ }
20718
+ get overflowXTablet() {
20719
+ return this.elementRef.nativeElement['overflowXTablet'];
20720
+ }
20721
+ set overflowXLaptop(value) {
20722
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
20723
+ }
20724
+ get overflowXLaptop() {
20725
+ return this.elementRef.nativeElement['overflowXLaptop'];
20726
+ }
20727
+ set overflowXDesktop(value) {
20728
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
20729
+ }
20730
+ get overflowXDesktop() {
20731
+ return this.elementRef.nativeElement['overflowXDesktop'];
20787
20732
  }
20788
20733
  set grow(value) {
20789
20734
  this.elementRef.nativeElement['grow'] = value;
@@ -21070,66 +21015,101 @@ class PxAWrapper {
21070
21015
  constructor(elementRef) {
21071
21016
  this.elementRef = elementRef;
21072
21017
  }
21073
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21074
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAWrapper, selector: "px-a-wrapper", inputs: { href: "href", target: "target", rel: "rel", download: "download", disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21018
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21019
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStack, selector: "px-stack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21075
21020
  }
21076
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
21021
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
21077
21022
  type: Directive,
21078
21023
  args: [{
21079
- selector: 'px-a-wrapper',
21024
+ selector: 'px-stack',
21080
21025
  }]
21081
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
21082
- type: Input
21083
- }], target: [{
21084
- type: Input
21085
- }], rel: [{
21086
- type: Input
21087
- }], download: [{
21088
- type: Input
21089
- }], disabled: [{
21090
- type: Input
21091
- }], variant: [{
21092
- type: Input
21093
- }], shape: [{
21026
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21094
21027
  type: Input
21095
- }], shapeMobile: [{
21028
+ }], directionMobile: [{
21096
21029
  type: Input,
21097
- args: ['shape--mobile']
21098
- }], shapeTablet: [{
21030
+ args: ['direction--mobile']
21031
+ }], directionTablet: [{
21099
21032
  type: Input,
21100
- args: ['shape--tablet']
21101
- }], shapeLaptop: [{
21033
+ args: ['direction--tablet']
21034
+ }], directionLaptop: [{
21102
21035
  type: Input,
21103
- args: ['shape--laptop']
21104
- }], shapeDesktop: [{
21036
+ args: ['direction--laptop']
21037
+ }], directionDesktop: [{
21105
21038
  type: Input,
21106
- args: ['shape--desktop']
21107
- }], extended: [{
21039
+ args: ['direction--desktop']
21040
+ }], gap: [{
21108
21041
  type: Input
21109
- }], extendedMobile: [{
21042
+ }], gapMobile: [{
21110
21043
  type: Input,
21111
- args: ['extended--mobile']
21112
- }], extendedTablet: [{
21044
+ args: ['gap--mobile']
21045
+ }], gapTablet: [{
21113
21046
  type: Input,
21114
- args: ['extended--tablet']
21115
- }], extendedLaptop: [{
21047
+ args: ['gap--tablet']
21048
+ }], gapLaptop: [{
21116
21049
  type: Input,
21117
- args: ['extended--laptop']
21118
- }], extendedDesktop: [{
21050
+ args: ['gap--laptop']
21051
+ }], gapDesktop: [{
21119
21052
  type: Input,
21120
- args: ['extended--desktop']
21121
- }], inverted: [{
21122
- type: Input
21123
- }], fontSize: [{
21053
+ args: ['gap--desktop']
21054
+ }], justifyContent: [{
21124
21055
  type: Input,
21125
- args: ['font-size']
21126
- }], color: [{
21127
- type: Input
21128
- }], fontWeight: [{
21056
+ args: ['justify-content']
21057
+ }], justifyContentMobile: [{
21129
21058
  type: Input,
21130
- args: ['font-weight']
21131
- }], title: [{
21059
+ args: ['justify-content--mobile']
21060
+ }], justifyContentTablet: [{
21061
+ type: Input,
21062
+ args: ['justify-content--tablet']
21063
+ }], justifyContentLaptop: [{
21064
+ type: Input,
21065
+ args: ['justify-content--laptop']
21066
+ }], justifyContentDesktop: [{
21067
+ type: Input,
21068
+ args: ['justify-content--desktop']
21069
+ }], alignItems: [{
21070
+ type: Input,
21071
+ args: ['align-items']
21072
+ }], alignItemsMobile: [{
21073
+ type: Input,
21074
+ args: ['align-items--mobile']
21075
+ }], alignItemsTablet: [{
21076
+ type: Input,
21077
+ args: ['align-items--tablet']
21078
+ }], alignItemsLaptop: [{
21079
+ type: Input,
21080
+ args: ['align-items--laptop']
21081
+ }], alignItemsDesktop: [{
21082
+ type: Input,
21083
+ args: ['align-items--desktop']
21084
+ }], wrap: [{
21132
21085
  type: Input
21086
+ }], wrapMobile: [{
21087
+ type: Input,
21088
+ args: ['wrap--mobile']
21089
+ }], wrapTablet: [{
21090
+ type: Input,
21091
+ args: ['wrap--tablet']
21092
+ }], wrapLaptop: [{
21093
+ type: Input,
21094
+ args: ['wrap--laptop']
21095
+ }], wrapDesktop: [{
21096
+ type: Input,
21097
+ args: ['wrap--desktop']
21098
+ }], overflowX: [{
21099
+ type: Input,
21100
+ args: ['overflow-x']
21101
+ }], overflowXMobile: [{
21102
+ type: Input,
21103
+ args: ['overflow-x--mobile']
21104
+ }], overflowXTablet: [{
21105
+ type: Input,
21106
+ args: ['overflow-x--tablet']
21107
+ }], overflowXLaptop: [{
21108
+ type: Input,
21109
+ args: ['overflow-x--laptop']
21110
+ }], overflowXDesktop: [{
21111
+ type: Input,
21112
+ args: ['overflow-x--desktop']
21133
21113
  }], grow: [{
21134
21114
  type: Input
21135
21115
  }], growMobile: [{
@@ -21268,129 +21248,279 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21268
21248
  args: ['sticky-bottom']
21269
21249
  }] } });
21270
21250
  /**
21271
- * @description Type-only wrapper for <px-page>
21251
+ * @description Type-only wrapper for <px-vstack>
21272
21252
  */
21273
- class PxPage {
21253
+ class PxVstack {
21274
21254
  elementRef;
21275
- set backgroundImage(value) {
21276
- this.elementRef.nativeElement['backgroundImage'] = value;
21255
+ set direction(value) {
21256
+ this.elementRef.nativeElement['direction'] = value;
21277
21257
  }
21278
- get backgroundImage() {
21279
- return this.elementRef.nativeElement['backgroundImage'];
21258
+ get direction() {
21259
+ return this.elementRef.nativeElement['direction'];
21280
21260
  }
21281
- set gap(value) {
21282
- this.elementRef.nativeElement['gap'] = value;
21261
+ set directionMobile(value) {
21262
+ this.elementRef.nativeElement['directionMobile'] = value;
21283
21263
  }
21284
- get gap() {
21285
- return this.elementRef.nativeElement['gap'];
21264
+ get directionMobile() {
21265
+ return this.elementRef.nativeElement['directionMobile'];
21286
21266
  }
21287
- set backgroundColor(value) {
21288
- this.elementRef.nativeElement['backgroundColor'] = value;
21267
+ set directionTablet(value) {
21268
+ this.elementRef.nativeElement['directionTablet'] = value;
21289
21269
  }
21290
- get backgroundColor() {
21291
- return this.elementRef.nativeElement['backgroundColor'];
21270
+ get directionTablet() {
21271
+ return this.elementRef.nativeElement['directionTablet'];
21292
21272
  }
21293
- set paddingVertical(value) {
21294
- this.elementRef.nativeElement['paddingVertical'] = value;
21273
+ set directionLaptop(value) {
21274
+ this.elementRef.nativeElement['directionLaptop'] = value;
21295
21275
  }
21296
- get paddingVertical() {
21297
- return this.elementRef.nativeElement['paddingVertical'];
21276
+ get directionLaptop() {
21277
+ return this.elementRef.nativeElement['directionLaptop'];
21298
21278
  }
21299
- set paddingHorizontal(value) {
21300
- this.elementRef.nativeElement['paddingHorizontal'] = value;
21279
+ set directionDesktop(value) {
21280
+ this.elementRef.nativeElement['directionDesktop'] = value;
21301
21281
  }
21302
- get paddingHorizontal() {
21303
- return this.elementRef.nativeElement['paddingHorizontal'];
21282
+ get directionDesktop() {
21283
+ return this.elementRef.nativeElement['directionDesktop'];
21304
21284
  }
21305
- set grow(value) {
21306
- this.elementRef.nativeElement['grow'] = value;
21285
+ set gap(value) {
21286
+ this.elementRef.nativeElement['gap'] = value;
21307
21287
  }
21308
- get grow() {
21309
- return this.elementRef.nativeElement['grow'];
21288
+ get gap() {
21289
+ return this.elementRef.nativeElement['gap'];
21310
21290
  }
21311
- set growMobile(value) {
21312
- this.elementRef.nativeElement['growMobile'] = value;
21291
+ set gapMobile(value) {
21292
+ this.elementRef.nativeElement['gapMobile'] = value;
21313
21293
  }
21314
- get growMobile() {
21315
- return this.elementRef.nativeElement['growMobile'];
21294
+ get gapMobile() {
21295
+ return this.elementRef.nativeElement['gapMobile'];
21316
21296
  }
21317
- set growTablet(value) {
21318
- this.elementRef.nativeElement['growTablet'] = value;
21297
+ set gapTablet(value) {
21298
+ this.elementRef.nativeElement['gapTablet'] = value;
21319
21299
  }
21320
- get growTablet() {
21321
- return this.elementRef.nativeElement['growTablet'];
21300
+ get gapTablet() {
21301
+ return this.elementRef.nativeElement['gapTablet'];
21322
21302
  }
21323
- set growLaptop(value) {
21324
- this.elementRef.nativeElement['growLaptop'] = value;
21303
+ set gapLaptop(value) {
21304
+ this.elementRef.nativeElement['gapLaptop'] = value;
21325
21305
  }
21326
- get growLaptop() {
21327
- return this.elementRef.nativeElement['growLaptop'];
21306
+ get gapLaptop() {
21307
+ return this.elementRef.nativeElement['gapLaptop'];
21328
21308
  }
21329
- set growDesktop(value) {
21330
- this.elementRef.nativeElement['growDesktop'] = value;
21309
+ set gapDesktop(value) {
21310
+ this.elementRef.nativeElement['gapDesktop'] = value;
21331
21311
  }
21332
- get growDesktop() {
21333
- return this.elementRef.nativeElement['growDesktop'];
21312
+ get gapDesktop() {
21313
+ return this.elementRef.nativeElement['gapDesktop'];
21334
21314
  }
21335
- set shrink(value) {
21336
- this.elementRef.nativeElement['shrink'] = value;
21315
+ set justifyContent(value) {
21316
+ this.elementRef.nativeElement['justifyContent'] = value;
21337
21317
  }
21338
- get shrink() {
21339
- return this.elementRef.nativeElement['shrink'];
21318
+ get justifyContent() {
21319
+ return this.elementRef.nativeElement['justifyContent'];
21340
21320
  }
21341
- set shrinkMobile(value) {
21342
- this.elementRef.nativeElement['shrinkMobile'] = value;
21321
+ set justifyContentMobile(value) {
21322
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
21343
21323
  }
21344
- get shrinkMobile() {
21345
- return this.elementRef.nativeElement['shrinkMobile'];
21324
+ get justifyContentMobile() {
21325
+ return this.elementRef.nativeElement['justifyContentMobile'];
21346
21326
  }
21347
- set shrinkTablet(value) {
21348
- this.elementRef.nativeElement['shrinkTablet'] = value;
21327
+ set justifyContentTablet(value) {
21328
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
21349
21329
  }
21350
- get shrinkTablet() {
21351
- return this.elementRef.nativeElement['shrinkTablet'];
21330
+ get justifyContentTablet() {
21331
+ return this.elementRef.nativeElement['justifyContentTablet'];
21352
21332
  }
21353
- set shrinkLaptop(value) {
21354
- this.elementRef.nativeElement['shrinkLaptop'] = value;
21333
+ set justifyContentLaptop(value) {
21334
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
21355
21335
  }
21356
- get shrinkLaptop() {
21357
- return this.elementRef.nativeElement['shrinkLaptop'];
21336
+ get justifyContentLaptop() {
21337
+ return this.elementRef.nativeElement['justifyContentLaptop'];
21358
21338
  }
21359
- set shrinkDesktop(value) {
21360
- this.elementRef.nativeElement['shrinkDesktop'] = value;
21339
+ set justifyContentDesktop(value) {
21340
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
21361
21341
  }
21362
- get shrinkDesktop() {
21363
- return this.elementRef.nativeElement['shrinkDesktop'];
21342
+ get justifyContentDesktop() {
21343
+ return this.elementRef.nativeElement['justifyContentDesktop'];
21364
21344
  }
21365
- set basis(value) {
21366
- this.elementRef.nativeElement['basis'] = value;
21345
+ set alignItems(value) {
21346
+ this.elementRef.nativeElement['alignItems'] = value;
21367
21347
  }
21368
- get basis() {
21369
- return this.elementRef.nativeElement['basis'];
21348
+ get alignItems() {
21349
+ return this.elementRef.nativeElement['alignItems'];
21370
21350
  }
21371
- set basisMobile(value) {
21372
- this.elementRef.nativeElement['basisMobile'] = value;
21351
+ set alignItemsMobile(value) {
21352
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
21373
21353
  }
21374
- get basisMobile() {
21375
- return this.elementRef.nativeElement['basisMobile'];
21354
+ get alignItemsMobile() {
21355
+ return this.elementRef.nativeElement['alignItemsMobile'];
21376
21356
  }
21377
- set basisTablet(value) {
21378
- this.elementRef.nativeElement['basisTablet'] = value;
21357
+ set alignItemsTablet(value) {
21358
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
21379
21359
  }
21380
- get basisTablet() {
21381
- return this.elementRef.nativeElement['basisTablet'];
21360
+ get alignItemsTablet() {
21361
+ return this.elementRef.nativeElement['alignItemsTablet'];
21382
21362
  }
21383
- set basisLaptop(value) {
21384
- this.elementRef.nativeElement['basisLaptop'] = value;
21363
+ set alignItemsLaptop(value) {
21364
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
21385
21365
  }
21386
- get basisLaptop() {
21387
- return this.elementRef.nativeElement['basisLaptop'];
21366
+ get alignItemsLaptop() {
21367
+ return this.elementRef.nativeElement['alignItemsLaptop'];
21388
21368
  }
21389
- set basisDesktop(value) {
21390
- this.elementRef.nativeElement['basisDesktop'] = value;
21369
+ set alignItemsDesktop(value) {
21370
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
21391
21371
  }
21392
- get basisDesktop() {
21393
- return this.elementRef.nativeElement['basisDesktop'];
21372
+ get alignItemsDesktop() {
21373
+ return this.elementRef.nativeElement['alignItemsDesktop'];
21374
+ }
21375
+ set wrap(value) {
21376
+ this.elementRef.nativeElement['wrap'] = value;
21377
+ }
21378
+ get wrap() {
21379
+ return this.elementRef.nativeElement['wrap'];
21380
+ }
21381
+ set wrapMobile(value) {
21382
+ this.elementRef.nativeElement['wrapMobile'] = value;
21383
+ }
21384
+ get wrapMobile() {
21385
+ return this.elementRef.nativeElement['wrapMobile'];
21386
+ }
21387
+ set wrapTablet(value) {
21388
+ this.elementRef.nativeElement['wrapTablet'] = value;
21389
+ }
21390
+ get wrapTablet() {
21391
+ return this.elementRef.nativeElement['wrapTablet'];
21392
+ }
21393
+ set wrapLaptop(value) {
21394
+ this.elementRef.nativeElement['wrapLaptop'] = value;
21395
+ }
21396
+ get wrapLaptop() {
21397
+ return this.elementRef.nativeElement['wrapLaptop'];
21398
+ }
21399
+ set wrapDesktop(value) {
21400
+ this.elementRef.nativeElement['wrapDesktop'] = value;
21401
+ }
21402
+ get wrapDesktop() {
21403
+ return this.elementRef.nativeElement['wrapDesktop'];
21404
+ }
21405
+ set overflowX(value) {
21406
+ this.elementRef.nativeElement['overflowX'] = value;
21407
+ }
21408
+ get overflowX() {
21409
+ return this.elementRef.nativeElement['overflowX'];
21410
+ }
21411
+ set overflowXMobile(value) {
21412
+ this.elementRef.nativeElement['overflowXMobile'] = value;
21413
+ }
21414
+ get overflowXMobile() {
21415
+ return this.elementRef.nativeElement['overflowXMobile'];
21416
+ }
21417
+ set overflowXTablet(value) {
21418
+ this.elementRef.nativeElement['overflowXTablet'] = value;
21419
+ }
21420
+ get overflowXTablet() {
21421
+ return this.elementRef.nativeElement['overflowXTablet'];
21422
+ }
21423
+ set overflowXLaptop(value) {
21424
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
21425
+ }
21426
+ get overflowXLaptop() {
21427
+ return this.elementRef.nativeElement['overflowXLaptop'];
21428
+ }
21429
+ set overflowXDesktop(value) {
21430
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
21431
+ }
21432
+ get overflowXDesktop() {
21433
+ return this.elementRef.nativeElement['overflowXDesktop'];
21434
+ }
21435
+ set grow(value) {
21436
+ this.elementRef.nativeElement['grow'] = value;
21437
+ }
21438
+ get grow() {
21439
+ return this.elementRef.nativeElement['grow'];
21440
+ }
21441
+ set growMobile(value) {
21442
+ this.elementRef.nativeElement['growMobile'] = value;
21443
+ }
21444
+ get growMobile() {
21445
+ return this.elementRef.nativeElement['growMobile'];
21446
+ }
21447
+ set growTablet(value) {
21448
+ this.elementRef.nativeElement['growTablet'] = value;
21449
+ }
21450
+ get growTablet() {
21451
+ return this.elementRef.nativeElement['growTablet'];
21452
+ }
21453
+ set growLaptop(value) {
21454
+ this.elementRef.nativeElement['growLaptop'] = value;
21455
+ }
21456
+ get growLaptop() {
21457
+ return this.elementRef.nativeElement['growLaptop'];
21458
+ }
21459
+ set growDesktop(value) {
21460
+ this.elementRef.nativeElement['growDesktop'] = value;
21461
+ }
21462
+ get growDesktop() {
21463
+ return this.elementRef.nativeElement['growDesktop'];
21464
+ }
21465
+ set shrink(value) {
21466
+ this.elementRef.nativeElement['shrink'] = value;
21467
+ }
21468
+ get shrink() {
21469
+ return this.elementRef.nativeElement['shrink'];
21470
+ }
21471
+ set shrinkMobile(value) {
21472
+ this.elementRef.nativeElement['shrinkMobile'] = value;
21473
+ }
21474
+ get shrinkMobile() {
21475
+ return this.elementRef.nativeElement['shrinkMobile'];
21476
+ }
21477
+ set shrinkTablet(value) {
21478
+ this.elementRef.nativeElement['shrinkTablet'] = value;
21479
+ }
21480
+ get shrinkTablet() {
21481
+ return this.elementRef.nativeElement['shrinkTablet'];
21482
+ }
21483
+ set shrinkLaptop(value) {
21484
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
21485
+ }
21486
+ get shrinkLaptop() {
21487
+ return this.elementRef.nativeElement['shrinkLaptop'];
21488
+ }
21489
+ set shrinkDesktop(value) {
21490
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
21491
+ }
21492
+ get shrinkDesktop() {
21493
+ return this.elementRef.nativeElement['shrinkDesktop'];
21494
+ }
21495
+ set basis(value) {
21496
+ this.elementRef.nativeElement['basis'] = value;
21497
+ }
21498
+ get basis() {
21499
+ return this.elementRef.nativeElement['basis'];
21500
+ }
21501
+ set basisMobile(value) {
21502
+ this.elementRef.nativeElement['basisMobile'] = value;
21503
+ }
21504
+ get basisMobile() {
21505
+ return this.elementRef.nativeElement['basisMobile'];
21506
+ }
21507
+ set basisTablet(value) {
21508
+ this.elementRef.nativeElement['basisTablet'] = value;
21509
+ }
21510
+ get basisTablet() {
21511
+ return this.elementRef.nativeElement['basisTablet'];
21512
+ }
21513
+ set basisLaptop(value) {
21514
+ this.elementRef.nativeElement['basisLaptop'] = value;
21515
+ }
21516
+ get basisLaptop() {
21517
+ return this.elementRef.nativeElement['basisLaptop'];
21518
+ }
21519
+ set basisDesktop(value) {
21520
+ this.elementRef.nativeElement['basisDesktop'] = value;
21521
+ }
21522
+ get basisDesktop() {
21523
+ return this.elementRef.nativeElement['basisDesktop'];
21394
21524
  }
21395
21525
  set alignSelf(value) {
21396
21526
  this.elementRef.nativeElement['alignSelf'] = value;
@@ -21587,28 +21717,101 @@ class PxPage {
21587
21717
  constructor(elementRef) {
21588
21718
  this.elementRef = elementRef;
21589
21719
  }
21590
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21591
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPage, selector: "px-page", inputs: { backgroundImage: ["background-image", "backgroundImage"], gap: "gap", backgroundColor: ["background-color", "backgroundColor"], paddingVertical: ["padding-vertical", "paddingVertical"], paddingHorizontal: ["padding-horizontal", "paddingHorizontal"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21720
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21721
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxVstack, selector: "px-vstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21592
21722
  }
21593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
21723
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
21594
21724
  type: Directive,
21595
21725
  args: [{
21596
- selector: 'px-page',
21726
+ selector: 'px-vstack',
21597
21727
  }]
21598
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
21728
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21729
+ type: Input
21730
+ }], directionMobile: [{
21599
21731
  type: Input,
21600
- args: ['background-image']
21732
+ args: ['direction--mobile']
21733
+ }], directionTablet: [{
21734
+ type: Input,
21735
+ args: ['direction--tablet']
21736
+ }], directionLaptop: [{
21737
+ type: Input,
21738
+ args: ['direction--laptop']
21739
+ }], directionDesktop: [{
21740
+ type: Input,
21741
+ args: ['direction--desktop']
21601
21742
  }], gap: [{
21602
21743
  type: Input
21603
- }], backgroundColor: [{
21744
+ }], gapMobile: [{
21604
21745
  type: Input,
21605
- args: ['background-color']
21606
- }], paddingVertical: [{
21746
+ args: ['gap--mobile']
21747
+ }], gapTablet: [{
21607
21748
  type: Input,
21608
- args: ['padding-vertical']
21609
- }], paddingHorizontal: [{
21749
+ args: ['gap--tablet']
21750
+ }], gapLaptop: [{
21610
21751
  type: Input,
21611
- args: ['padding-horizontal']
21752
+ args: ['gap--laptop']
21753
+ }], gapDesktop: [{
21754
+ type: Input,
21755
+ args: ['gap--desktop']
21756
+ }], justifyContent: [{
21757
+ type: Input,
21758
+ args: ['justify-content']
21759
+ }], justifyContentMobile: [{
21760
+ type: Input,
21761
+ args: ['justify-content--mobile']
21762
+ }], justifyContentTablet: [{
21763
+ type: Input,
21764
+ args: ['justify-content--tablet']
21765
+ }], justifyContentLaptop: [{
21766
+ type: Input,
21767
+ args: ['justify-content--laptop']
21768
+ }], justifyContentDesktop: [{
21769
+ type: Input,
21770
+ args: ['justify-content--desktop']
21771
+ }], alignItems: [{
21772
+ type: Input,
21773
+ args: ['align-items']
21774
+ }], alignItemsMobile: [{
21775
+ type: Input,
21776
+ args: ['align-items--mobile']
21777
+ }], alignItemsTablet: [{
21778
+ type: Input,
21779
+ args: ['align-items--tablet']
21780
+ }], alignItemsLaptop: [{
21781
+ type: Input,
21782
+ args: ['align-items--laptop']
21783
+ }], alignItemsDesktop: [{
21784
+ type: Input,
21785
+ args: ['align-items--desktop']
21786
+ }], wrap: [{
21787
+ type: Input
21788
+ }], wrapMobile: [{
21789
+ type: Input,
21790
+ args: ['wrap--mobile']
21791
+ }], wrapTablet: [{
21792
+ type: Input,
21793
+ args: ['wrap--tablet']
21794
+ }], wrapLaptop: [{
21795
+ type: Input,
21796
+ args: ['wrap--laptop']
21797
+ }], wrapDesktop: [{
21798
+ type: Input,
21799
+ args: ['wrap--desktop']
21800
+ }], overflowX: [{
21801
+ type: Input,
21802
+ args: ['overflow-x']
21803
+ }], overflowXMobile: [{
21804
+ type: Input,
21805
+ args: ['overflow-x--mobile']
21806
+ }], overflowXTablet: [{
21807
+ type: Input,
21808
+ args: ['overflow-x--tablet']
21809
+ }], overflowXLaptop: [{
21810
+ type: Input,
21811
+ args: ['overflow-x--laptop']
21812
+ }], overflowXDesktop: [{
21813
+ type: Input,
21814
+ args: ['overflow-x--desktop']
21612
21815
  }], grow: [{
21613
21816
  type: Input
21614
21817
  }], growMobile: [{
@@ -21747,45 +21950,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21747
21950
  args: ['sticky-bottom']
21748
21951
  }] } });
21749
21952
  /**
21750
- * @description Type-only wrapper for <px-spacer>
21953
+ * @description Type-only wrapper for <px-hstack>
21751
21954
  */
21752
- class PxSpacer {
21955
+ class PxHstack {
21753
21956
  elementRef;
21754
- set grow(value) {
21755
- this.elementRef.nativeElement['grow'] = value;
21756
- }
21757
- get grow() {
21758
- return this.elementRef.nativeElement['grow'];
21759
- }
21760
- set nogap(value) {
21761
- this.elementRef.nativeElement['nogap'] = value;
21762
- }
21763
- get nogap() {
21764
- return this.elementRef.nativeElement['nogap'];
21765
- }
21766
- constructor(elementRef) {
21767
- this.elementRef = elementRef;
21768
- }
21769
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21770
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
21771
- }
21772
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
21773
- type: Directive,
21774
- args: [{
21775
- selector: 'px-spacer',
21776
- }]
21777
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
21778
- type: Input
21779
- }], nogap: [{
21780
- type: Input
21781
- }] } });
21782
- /**
21783
- * @description Type-only wrapper for <px-stack>
21784
- */
21785
- class PxStack {
21786
- elementRef;
21787
- set direction(value) {
21788
- this.elementRef.nativeElement['direction'] = value;
21957
+ set direction(value) {
21958
+ this.elementRef.nativeElement['direction'] = value;
21789
21959
  }
21790
21960
  get direction() {
21791
21961
  return this.elementRef.nativeElement['direction'];
@@ -22249,13 +22419,13 @@ class PxStack {
22249
22419
  constructor(elementRef) {
22250
22420
  this.elementRef = elementRef;
22251
22421
  }
22252
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22253
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStack, selector: "px-stack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22422
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22423
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHstack, selector: "px-hstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22254
22424
  }
22255
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
22425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
22256
22426
  type: Directive,
22257
22427
  args: [{
22258
- selector: 'px-stack',
22428
+ selector: 'px-hstack',
22259
22429
  }]
22260
22430
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22261
22431
  type: Input
@@ -22482,189 +22652,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22482
22652
  args: ['sticky-bottom']
22483
22653
  }] } });
22484
22654
  /**
22485
- * @description Type-only wrapper for <px-vstack>
22655
+ * @description Type-only wrapper for <px-list>
22486
22656
  */
22487
- class PxVstack {
22657
+ class PxList {
22488
22658
  elementRef;
22489
- set direction(value) {
22490
- this.elementRef.nativeElement['direction'] = value;
22491
- }
22492
- get direction() {
22493
- return this.elementRef.nativeElement['direction'];
22494
- }
22495
- set directionMobile(value) {
22496
- this.elementRef.nativeElement['directionMobile'] = value;
22497
- }
22498
- get directionMobile() {
22499
- return this.elementRef.nativeElement['directionMobile'];
22500
- }
22501
- set directionTablet(value) {
22502
- this.elementRef.nativeElement['directionTablet'] = value;
22503
- }
22504
- get directionTablet() {
22505
- return this.elementRef.nativeElement['directionTablet'];
22506
- }
22507
- set directionLaptop(value) {
22508
- this.elementRef.nativeElement['directionLaptop'] = value;
22509
- }
22510
- get directionLaptop() {
22511
- return this.elementRef.nativeElement['directionLaptop'];
22512
- }
22513
- set directionDesktop(value) {
22514
- this.elementRef.nativeElement['directionDesktop'] = value;
22515
- }
22516
- get directionDesktop() {
22517
- return this.elementRef.nativeElement['directionDesktop'];
22518
- }
22519
- set gap(value) {
22520
- this.elementRef.nativeElement['gap'] = value;
22521
- }
22522
- get gap() {
22523
- return this.elementRef.nativeElement['gap'];
22524
- }
22525
- set gapMobile(value) {
22526
- this.elementRef.nativeElement['gapMobile'] = value;
22527
- }
22528
- get gapMobile() {
22529
- return this.elementRef.nativeElement['gapMobile'];
22530
- }
22531
- set gapTablet(value) {
22532
- this.elementRef.nativeElement['gapTablet'] = value;
22533
- }
22534
- get gapTablet() {
22535
- return this.elementRef.nativeElement['gapTablet'];
22536
- }
22537
- set gapLaptop(value) {
22538
- this.elementRef.nativeElement['gapLaptop'] = value;
22539
- }
22540
- get gapLaptop() {
22541
- return this.elementRef.nativeElement['gapLaptop'];
22542
- }
22543
- set gapDesktop(value) {
22544
- this.elementRef.nativeElement['gapDesktop'] = value;
22545
- }
22546
- get gapDesktop() {
22547
- return this.elementRef.nativeElement['gapDesktop'];
22548
- }
22549
- set justifyContent(value) {
22550
- this.elementRef.nativeElement['justifyContent'] = value;
22551
- }
22552
- get justifyContent() {
22553
- return this.elementRef.nativeElement['justifyContent'];
22554
- }
22555
- set justifyContentMobile(value) {
22556
- this.elementRef.nativeElement['justifyContentMobile'] = value;
22557
- }
22558
- get justifyContentMobile() {
22559
- return this.elementRef.nativeElement['justifyContentMobile'];
22560
- }
22561
- set justifyContentTablet(value) {
22562
- this.elementRef.nativeElement['justifyContentTablet'] = value;
22563
- }
22564
- get justifyContentTablet() {
22565
- return this.elementRef.nativeElement['justifyContentTablet'];
22566
- }
22567
- set justifyContentLaptop(value) {
22568
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
22569
- }
22570
- get justifyContentLaptop() {
22571
- return this.elementRef.nativeElement['justifyContentLaptop'];
22572
- }
22573
- set justifyContentDesktop(value) {
22574
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
22575
- }
22576
- get justifyContentDesktop() {
22577
- return this.elementRef.nativeElement['justifyContentDesktop'];
22578
- }
22579
- set alignItems(value) {
22580
- this.elementRef.nativeElement['alignItems'] = value;
22581
- }
22582
- get alignItems() {
22583
- return this.elementRef.nativeElement['alignItems'];
22584
- }
22585
- set alignItemsMobile(value) {
22586
- this.elementRef.nativeElement['alignItemsMobile'] = value;
22587
- }
22588
- get alignItemsMobile() {
22589
- return this.elementRef.nativeElement['alignItemsMobile'];
22590
- }
22591
- set alignItemsTablet(value) {
22592
- this.elementRef.nativeElement['alignItemsTablet'] = value;
22593
- }
22594
- get alignItemsTablet() {
22595
- return this.elementRef.nativeElement['alignItemsTablet'];
22596
- }
22597
- set alignItemsLaptop(value) {
22598
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
22599
- }
22600
- get alignItemsLaptop() {
22601
- return this.elementRef.nativeElement['alignItemsLaptop'];
22602
- }
22603
- set alignItemsDesktop(value) {
22604
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
22605
- }
22606
- get alignItemsDesktop() {
22607
- return this.elementRef.nativeElement['alignItemsDesktop'];
22608
- }
22609
- set wrap(value) {
22610
- this.elementRef.nativeElement['wrap'] = value;
22611
- }
22612
- get wrap() {
22613
- return this.elementRef.nativeElement['wrap'];
22614
- }
22615
- set wrapMobile(value) {
22616
- this.elementRef.nativeElement['wrapMobile'] = value;
22617
- }
22618
- get wrapMobile() {
22619
- return this.elementRef.nativeElement['wrapMobile'];
22620
- }
22621
- set wrapTablet(value) {
22622
- this.elementRef.nativeElement['wrapTablet'] = value;
22623
- }
22624
- get wrapTablet() {
22625
- return this.elementRef.nativeElement['wrapTablet'];
22626
- }
22627
- set wrapLaptop(value) {
22628
- this.elementRef.nativeElement['wrapLaptop'] = value;
22629
- }
22630
- get wrapLaptop() {
22631
- return this.elementRef.nativeElement['wrapLaptop'];
22632
- }
22633
- set wrapDesktop(value) {
22634
- this.elementRef.nativeElement['wrapDesktop'] = value;
22635
- }
22636
- get wrapDesktop() {
22637
- return this.elementRef.nativeElement['wrapDesktop'];
22638
- }
22639
- set overflowX(value) {
22640
- this.elementRef.nativeElement['overflowX'] = value;
22641
- }
22642
- get overflowX() {
22643
- return this.elementRef.nativeElement['overflowX'];
22644
- }
22645
- set overflowXMobile(value) {
22646
- this.elementRef.nativeElement['overflowXMobile'] = value;
22647
- }
22648
- get overflowXMobile() {
22649
- return this.elementRef.nativeElement['overflowXMobile'];
22650
- }
22651
- set overflowXTablet(value) {
22652
- this.elementRef.nativeElement['overflowXTablet'] = value;
22653
- }
22654
- get overflowXTablet() {
22655
- return this.elementRef.nativeElement['overflowXTablet'];
22656
- }
22657
- set overflowXLaptop(value) {
22658
- this.elementRef.nativeElement['overflowXLaptop'] = value;
22659
+ set inverted(value) {
22660
+ this.elementRef.nativeElement['inverted'] = value;
22659
22661
  }
22660
- get overflowXLaptop() {
22661
- return this.elementRef.nativeElement['overflowXLaptop'];
22662
+ get inverted() {
22663
+ return this.elementRef.nativeElement['inverted'];
22662
22664
  }
22663
- set overflowXDesktop(value) {
22664
- this.elementRef.nativeElement['overflowXDesktop'] = value;
22665
+ set variant(value) {
22666
+ this.elementRef.nativeElement['variant'] = value;
22665
22667
  }
22666
- get overflowXDesktop() {
22667
- return this.elementRef.nativeElement['overflowXDesktop'];
22668
+ get variant() {
22669
+ return this.elementRef.nativeElement['variant'];
22668
22670
  }
22669
22671
  set grow(value) {
22670
22672
  this.elementRef.nativeElement['grow'] = value;
@@ -22951,422 +22953,165 @@ class PxVstack {
22951
22953
  constructor(elementRef) {
22952
22954
  this.elementRef = elementRef;
22953
22955
  }
22954
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22955
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxVstack, selector: "px-vstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22956
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxList, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22957
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxList, selector: "px-list", inputs: { inverted: "inverted", variant: "variant", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22956
22958
  }
22957
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
22958
- type: Directive,
22959
- args: [{
22960
- selector: 'px-vstack',
22961
- }]
22962
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22963
- type: Input
22964
- }], directionMobile: [{
22965
- type: Input,
22966
- args: ['direction--mobile']
22967
- }], directionTablet: [{
22968
- type: Input,
22969
- args: ['direction--tablet']
22970
- }], directionLaptop: [{
22971
- type: Input,
22972
- args: ['direction--laptop']
22973
- }], directionDesktop: [{
22974
- type: Input,
22975
- args: ['direction--desktop']
22976
- }], gap: [{
22977
- type: Input
22978
- }], gapMobile: [{
22979
- type: Input,
22980
- args: ['gap--mobile']
22981
- }], gapTablet: [{
22982
- type: Input,
22983
- args: ['gap--tablet']
22984
- }], gapLaptop: [{
22985
- type: Input,
22986
- args: ['gap--laptop']
22987
- }], gapDesktop: [{
22988
- type: Input,
22989
- args: ['gap--desktop']
22990
- }], justifyContent: [{
22991
- type: Input,
22992
- args: ['justify-content']
22993
- }], justifyContentMobile: [{
22994
- type: Input,
22995
- args: ['justify-content--mobile']
22996
- }], justifyContentTablet: [{
22997
- type: Input,
22998
- args: ['justify-content--tablet']
22999
- }], justifyContentLaptop: [{
23000
- type: Input,
23001
- args: ['justify-content--laptop']
23002
- }], justifyContentDesktop: [{
23003
- type: Input,
23004
- args: ['justify-content--desktop']
23005
- }], alignItems: [{
23006
- type: Input,
23007
- args: ['align-items']
23008
- }], alignItemsMobile: [{
23009
- type: Input,
23010
- args: ['align-items--mobile']
23011
- }], alignItemsTablet: [{
23012
- type: Input,
23013
- args: ['align-items--tablet']
23014
- }], alignItemsLaptop: [{
23015
- type: Input,
23016
- args: ['align-items--laptop']
23017
- }], alignItemsDesktop: [{
23018
- type: Input,
23019
- args: ['align-items--desktop']
23020
- }], wrap: [{
23021
- type: Input
23022
- }], wrapMobile: [{
23023
- type: Input,
23024
- args: ['wrap--mobile']
23025
- }], wrapTablet: [{
23026
- type: Input,
23027
- args: ['wrap--tablet']
23028
- }], wrapLaptop: [{
23029
- type: Input,
23030
- args: ['wrap--laptop']
23031
- }], wrapDesktop: [{
23032
- type: Input,
23033
- args: ['wrap--desktop']
23034
- }], overflowX: [{
23035
- type: Input,
23036
- args: ['overflow-x']
23037
- }], overflowXMobile: [{
23038
- type: Input,
23039
- args: ['overflow-x--mobile']
23040
- }], overflowXTablet: [{
23041
- type: Input,
23042
- args: ['overflow-x--tablet']
23043
- }], overflowXLaptop: [{
23044
- type: Input,
23045
- args: ['overflow-x--laptop']
23046
- }], overflowXDesktop: [{
23047
- type: Input,
23048
- args: ['overflow-x--desktop']
23049
- }], grow: [{
23050
- type: Input
23051
- }], growMobile: [{
23052
- type: Input,
23053
- args: ['grow--mobile']
23054
- }], growTablet: [{
23055
- type: Input,
23056
- args: ['grow--tablet']
23057
- }], growLaptop: [{
23058
- type: Input,
23059
- args: ['grow--laptop']
23060
- }], growDesktop: [{
23061
- type: Input,
23062
- args: ['grow--desktop']
23063
- }], shrink: [{
23064
- type: Input
23065
- }], shrinkMobile: [{
23066
- type: Input,
23067
- args: ['shrink--mobile']
23068
- }], shrinkTablet: [{
23069
- type: Input,
23070
- args: ['shrink--tablet']
23071
- }], shrinkLaptop: [{
23072
- type: Input,
23073
- args: ['shrink--laptop']
23074
- }], shrinkDesktop: [{
23075
- type: Input,
23076
- args: ['shrink--desktop']
23077
- }], basis: [{
23078
- type: Input
23079
- }], basisMobile: [{
23080
- type: Input,
23081
- args: ['basis--mobile']
23082
- }], basisTablet: [{
23083
- type: Input,
23084
- args: ['basis--tablet']
23085
- }], basisLaptop: [{
23086
- type: Input,
23087
- args: ['basis--laptop']
23088
- }], basisDesktop: [{
23089
- type: Input,
23090
- args: ['basis--desktop']
23091
- }], alignSelf: [{
23092
- type: Input,
23093
- args: ['align-self']
23094
- }], alignSelfMobile: [{
23095
- type: Input,
23096
- args: ['align-self--mobile']
23097
- }], alignSelfTablet: [{
23098
- type: Input,
23099
- args: ['align-self--tablet']
23100
- }], alignSelfLaptop: [{
23101
- type: Input,
23102
- args: ['align-self--laptop']
23103
- }], alignSelfDesktop: [{
23104
- type: Input,
23105
- args: ['align-self--desktop']
23106
- }], justifySelf: [{
23107
- type: Input,
23108
- args: ['justify-self']
23109
- }], justifySelfMobile: [{
23110
- type: Input,
23111
- args: ['justify-self--mobile']
23112
- }], justifySelfTablet: [{
23113
- type: Input,
23114
- args: ['justify-self--tablet']
23115
- }], justifySelfLaptop: [{
23116
- type: Input,
23117
- args: ['justify-self--laptop']
23118
- }], justifySelfDesktop: [{
23119
- type: Input,
23120
- args: ['justify-self--desktop']
23121
- }], hidden: [{
23122
- type: Input
23123
- }], hiddenMobile: [{
23124
- type: Input,
23125
- args: ['hidden--mobile']
23126
- }], hiddenTablet: [{
23127
- type: Input,
23128
- args: ['hidden--tablet']
23129
- }], hiddenLaptop: [{
23130
- type: Input,
23131
- args: ['hidden--laptop']
23132
- }], hiddenDesktop: [{
23133
- type: Input,
23134
- args: ['hidden--desktop']
23135
- }], shownSr: [{
23136
- type: Input,
23137
- args: ['shown--sr']
23138
- }], shownSrMobile: [{
23139
- type: Input,
23140
- args: ['shown--sr--mobile']
23141
- }], shownSrTablet: [{
23142
- type: Input,
23143
- args: ['shown--sr--tablet']
23144
- }], shownSrLaptop: [{
23145
- type: Input,
23146
- args: ['shown--sr--laptop']
23147
- }], shownSrDesktop: [{
23148
- type: Input,
23149
- args: ['shown--sr--desktop']
23150
- }], colSpan: [{
23151
- type: Input,
23152
- args: ['col-span']
23153
- }], colSpanMobile: [{
23154
- type: Input,
23155
- args: ['col-span--mobile']
23156
- }], colSpanTablet: [{
23157
- type: Input,
23158
- args: ['col-span--tablet']
23159
- }], colSpanLaptop: [{
23160
- type: Input,
23161
- args: ['col-span--laptop']
23162
- }], colSpanDesktop: [{
23163
- type: Input,
23164
- args: ['col-span--desktop']
23165
- }], order: [{
23166
- type: Input
23167
- }], orderMobile: [{
23168
- type: Input,
23169
- args: ['order--mobile']
23170
- }], orderTablet: [{
23171
- type: Input,
23172
- args: ['order--tablet']
23173
- }], orderLaptop: [{
23174
- type: Input,
23175
- args: ['order--laptop']
23176
- }], orderDesktop: [{
23177
- type: Input,
23178
- args: ['order--desktop']
23179
- }], stickyTop: [{
23180
- type: Input,
23181
- args: ['sticky-top']
23182
- }], stickyBottom: [{
23183
- type: Input,
23184
- args: ['sticky-bottom']
23185
- }] } });
23186
- /**
23187
- * @description Type-only wrapper for <px-hstack>
23188
- */
23189
- class PxHstack {
23190
- elementRef;
23191
- set direction(value) {
23192
- this.elementRef.nativeElement['direction'] = value;
23193
- }
23194
- get direction() {
23195
- return this.elementRef.nativeElement['direction'];
23196
- }
23197
- set directionMobile(value) {
23198
- this.elementRef.nativeElement['directionMobile'] = value;
23199
- }
23200
- get directionMobile() {
23201
- return this.elementRef.nativeElement['directionMobile'];
23202
- }
23203
- set directionTablet(value) {
23204
- this.elementRef.nativeElement['directionTablet'] = value;
23205
- }
23206
- get directionTablet() {
23207
- return this.elementRef.nativeElement['directionTablet'];
23208
- }
23209
- set directionLaptop(value) {
23210
- this.elementRef.nativeElement['directionLaptop'] = value;
23211
- }
23212
- get directionLaptop() {
23213
- return this.elementRef.nativeElement['directionLaptop'];
23214
- }
23215
- set directionDesktop(value) {
23216
- this.elementRef.nativeElement['directionDesktop'] = value;
23217
- }
23218
- get directionDesktop() {
23219
- return this.elementRef.nativeElement['directionDesktop'];
23220
- }
23221
- set gap(value) {
23222
- this.elementRef.nativeElement['gap'] = value;
23223
- }
23224
- get gap() {
23225
- return this.elementRef.nativeElement['gap'];
23226
- }
23227
- set gapMobile(value) {
23228
- this.elementRef.nativeElement['gapMobile'] = value;
23229
- }
23230
- get gapMobile() {
23231
- return this.elementRef.nativeElement['gapMobile'];
23232
- }
23233
- set gapTablet(value) {
23234
- this.elementRef.nativeElement['gapTablet'] = value;
23235
- }
23236
- get gapTablet() {
23237
- return this.elementRef.nativeElement['gapTablet'];
23238
- }
23239
- set gapLaptop(value) {
23240
- this.elementRef.nativeElement['gapLaptop'] = value;
23241
- }
23242
- get gapLaptop() {
23243
- return this.elementRef.nativeElement['gapLaptop'];
23244
- }
23245
- set gapDesktop(value) {
23246
- this.elementRef.nativeElement['gapDesktop'] = value;
23247
- }
23248
- get gapDesktop() {
23249
- return this.elementRef.nativeElement['gapDesktop'];
23250
- }
23251
- set justifyContent(value) {
23252
- this.elementRef.nativeElement['justifyContent'] = value;
23253
- }
23254
- get justifyContent() {
23255
- return this.elementRef.nativeElement['justifyContent'];
23256
- }
23257
- set justifyContentMobile(value) {
23258
- this.elementRef.nativeElement['justifyContentMobile'] = value;
23259
- }
23260
- get justifyContentMobile() {
23261
- return this.elementRef.nativeElement['justifyContentMobile'];
23262
- }
23263
- set justifyContentTablet(value) {
23264
- this.elementRef.nativeElement['justifyContentTablet'] = value;
23265
- }
23266
- get justifyContentTablet() {
23267
- return this.elementRef.nativeElement['justifyContentTablet'];
23268
- }
23269
- set justifyContentLaptop(value) {
23270
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
23271
- }
23272
- get justifyContentLaptop() {
23273
- return this.elementRef.nativeElement['justifyContentLaptop'];
23274
- }
23275
- set justifyContentDesktop(value) {
23276
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
23277
- }
23278
- get justifyContentDesktop() {
23279
- return this.elementRef.nativeElement['justifyContentDesktop'];
23280
- }
23281
- set alignItems(value) {
23282
- this.elementRef.nativeElement['alignItems'] = value;
23283
- }
23284
- get alignItems() {
23285
- return this.elementRef.nativeElement['alignItems'];
23286
- }
23287
- set alignItemsMobile(value) {
23288
- this.elementRef.nativeElement['alignItemsMobile'] = value;
23289
- }
23290
- get alignItemsMobile() {
23291
- return this.elementRef.nativeElement['alignItemsMobile'];
23292
- }
23293
- set alignItemsTablet(value) {
23294
- this.elementRef.nativeElement['alignItemsTablet'] = value;
23295
- }
23296
- get alignItemsTablet() {
23297
- return this.elementRef.nativeElement['alignItemsTablet'];
23298
- }
23299
- set alignItemsLaptop(value) {
23300
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
23301
- }
23302
- get alignItemsLaptop() {
23303
- return this.elementRef.nativeElement['alignItemsLaptop'];
23304
- }
23305
- set alignItemsDesktop(value) {
23306
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
23307
- }
23308
- get alignItemsDesktop() {
23309
- return this.elementRef.nativeElement['alignItemsDesktop'];
23310
- }
23311
- set wrap(value) {
23312
- this.elementRef.nativeElement['wrap'] = value;
23313
- }
23314
- get wrap() {
23315
- return this.elementRef.nativeElement['wrap'];
23316
- }
23317
- set wrapMobile(value) {
23318
- this.elementRef.nativeElement['wrapMobile'] = value;
23319
- }
23320
- get wrapMobile() {
23321
- return this.elementRef.nativeElement['wrapMobile'];
23322
- }
23323
- set wrapTablet(value) {
23324
- this.elementRef.nativeElement['wrapTablet'] = value;
23325
- }
23326
- get wrapTablet() {
23327
- return this.elementRef.nativeElement['wrapTablet'];
23328
- }
23329
- set wrapLaptop(value) {
23330
- this.elementRef.nativeElement['wrapLaptop'] = value;
23331
- }
23332
- get wrapLaptop() {
23333
- return this.elementRef.nativeElement['wrapLaptop'];
23334
- }
23335
- set wrapDesktop(value) {
23336
- this.elementRef.nativeElement['wrapDesktop'] = value;
23337
- }
23338
- get wrapDesktop() {
23339
- return this.elementRef.nativeElement['wrapDesktop'];
23340
- }
23341
- set overflowX(value) {
23342
- this.elementRef.nativeElement['overflowX'] = value;
23343
- }
23344
- get overflowX() {
23345
- return this.elementRef.nativeElement['overflowX'];
23346
- }
23347
- set overflowXMobile(value) {
23348
- this.elementRef.nativeElement['overflowXMobile'] = value;
23349
- }
23350
- get overflowXMobile() {
23351
- return this.elementRef.nativeElement['overflowXMobile'];
23352
- }
23353
- set overflowXTablet(value) {
23354
- this.elementRef.nativeElement['overflowXTablet'] = value;
23355
- }
23356
- get overflowXTablet() {
23357
- return this.elementRef.nativeElement['overflowXTablet'];
23358
- }
23359
- set overflowXLaptop(value) {
23360
- this.elementRef.nativeElement['overflowXLaptop'] = value;
23361
- }
23362
- get overflowXLaptop() {
23363
- return this.elementRef.nativeElement['overflowXLaptop'];
23364
- }
23365
- set overflowXDesktop(value) {
23366
- this.elementRef.nativeElement['overflowXDesktop'] = value;
22959
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxList, decorators: [{
22960
+ type: Directive,
22961
+ args: [{
22962
+ selector: 'px-list',
22963
+ }]
22964
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
22965
+ type: Input
22966
+ }], variant: [{
22967
+ type: Input
22968
+ }], grow: [{
22969
+ type: Input
22970
+ }], growMobile: [{
22971
+ type: Input,
22972
+ args: ['grow--mobile']
22973
+ }], growTablet: [{
22974
+ type: Input,
22975
+ args: ['grow--tablet']
22976
+ }], growLaptop: [{
22977
+ type: Input,
22978
+ args: ['grow--laptop']
22979
+ }], growDesktop: [{
22980
+ type: Input,
22981
+ args: ['grow--desktop']
22982
+ }], shrink: [{
22983
+ type: Input
22984
+ }], shrinkMobile: [{
22985
+ type: Input,
22986
+ args: ['shrink--mobile']
22987
+ }], shrinkTablet: [{
22988
+ type: Input,
22989
+ args: ['shrink--tablet']
22990
+ }], shrinkLaptop: [{
22991
+ type: Input,
22992
+ args: ['shrink--laptop']
22993
+ }], shrinkDesktop: [{
22994
+ type: Input,
22995
+ args: ['shrink--desktop']
22996
+ }], basis: [{
22997
+ type: Input
22998
+ }], basisMobile: [{
22999
+ type: Input,
23000
+ args: ['basis--mobile']
23001
+ }], basisTablet: [{
23002
+ type: Input,
23003
+ args: ['basis--tablet']
23004
+ }], basisLaptop: [{
23005
+ type: Input,
23006
+ args: ['basis--laptop']
23007
+ }], basisDesktop: [{
23008
+ type: Input,
23009
+ args: ['basis--desktop']
23010
+ }], alignSelf: [{
23011
+ type: Input,
23012
+ args: ['align-self']
23013
+ }], alignSelfMobile: [{
23014
+ type: Input,
23015
+ args: ['align-self--mobile']
23016
+ }], alignSelfTablet: [{
23017
+ type: Input,
23018
+ args: ['align-self--tablet']
23019
+ }], alignSelfLaptop: [{
23020
+ type: Input,
23021
+ args: ['align-self--laptop']
23022
+ }], alignSelfDesktop: [{
23023
+ type: Input,
23024
+ args: ['align-self--desktop']
23025
+ }], justifySelf: [{
23026
+ type: Input,
23027
+ args: ['justify-self']
23028
+ }], justifySelfMobile: [{
23029
+ type: Input,
23030
+ args: ['justify-self--mobile']
23031
+ }], justifySelfTablet: [{
23032
+ type: Input,
23033
+ args: ['justify-self--tablet']
23034
+ }], justifySelfLaptop: [{
23035
+ type: Input,
23036
+ args: ['justify-self--laptop']
23037
+ }], justifySelfDesktop: [{
23038
+ type: Input,
23039
+ args: ['justify-self--desktop']
23040
+ }], hidden: [{
23041
+ type: Input
23042
+ }], hiddenMobile: [{
23043
+ type: Input,
23044
+ args: ['hidden--mobile']
23045
+ }], hiddenTablet: [{
23046
+ type: Input,
23047
+ args: ['hidden--tablet']
23048
+ }], hiddenLaptop: [{
23049
+ type: Input,
23050
+ args: ['hidden--laptop']
23051
+ }], hiddenDesktop: [{
23052
+ type: Input,
23053
+ args: ['hidden--desktop']
23054
+ }], shownSr: [{
23055
+ type: Input,
23056
+ args: ['shown--sr']
23057
+ }], shownSrMobile: [{
23058
+ type: Input,
23059
+ args: ['shown--sr--mobile']
23060
+ }], shownSrTablet: [{
23061
+ type: Input,
23062
+ args: ['shown--sr--tablet']
23063
+ }], shownSrLaptop: [{
23064
+ type: Input,
23065
+ args: ['shown--sr--laptop']
23066
+ }], shownSrDesktop: [{
23067
+ type: Input,
23068
+ args: ['shown--sr--desktop']
23069
+ }], colSpan: [{
23070
+ type: Input,
23071
+ args: ['col-span']
23072
+ }], colSpanMobile: [{
23073
+ type: Input,
23074
+ args: ['col-span--mobile']
23075
+ }], colSpanTablet: [{
23076
+ type: Input,
23077
+ args: ['col-span--tablet']
23078
+ }], colSpanLaptop: [{
23079
+ type: Input,
23080
+ args: ['col-span--laptop']
23081
+ }], colSpanDesktop: [{
23082
+ type: Input,
23083
+ args: ['col-span--desktop']
23084
+ }], order: [{
23085
+ type: Input
23086
+ }], orderMobile: [{
23087
+ type: Input,
23088
+ args: ['order--mobile']
23089
+ }], orderTablet: [{
23090
+ type: Input,
23091
+ args: ['order--tablet']
23092
+ }], orderLaptop: [{
23093
+ type: Input,
23094
+ args: ['order--laptop']
23095
+ }], orderDesktop: [{
23096
+ type: Input,
23097
+ args: ['order--desktop']
23098
+ }], stickyTop: [{
23099
+ type: Input,
23100
+ args: ['sticky-top']
23101
+ }], stickyBottom: [{
23102
+ type: Input,
23103
+ args: ['sticky-bottom']
23104
+ }] } });
23105
+ /**
23106
+ * @description Type-only wrapper for <px-list-item>
23107
+ */
23108
+ class PxListItem {
23109
+ elementRef;
23110
+ set inverted(value) {
23111
+ this.elementRef.nativeElement['inverted'] = value;
23367
23112
  }
23368
- get overflowXDesktop() {
23369
- return this.elementRef.nativeElement['overflowXDesktop'];
23113
+ get inverted() {
23114
+ return this.elementRef.nativeElement['inverted'];
23370
23115
  }
23371
23116
  set grow(value) {
23372
23117
  this.elementRef.nativeElement['grow'] = value;
@@ -23650,104 +23395,23 @@ class PxHstack {
23650
23395
  get stickyBottom() {
23651
23396
  return this.elementRef.nativeElement['stickyBottom'];
23652
23397
  }
23398
+ LIST_ITEM_CONNECTED_EVENT = new EventEmitter();
23653
23399
  constructor(elementRef) {
23654
23400
  this.elementRef = elementRef;
23401
+ this.elementRef.nativeElement.addEventListener('LIST_ITEM_CONNECTED_EVENT', (e) => {
23402
+ this.LIST_ITEM_CONNECTED_EVENT.emit(e.detail);
23403
+ });
23655
23404
  }
23656
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23657
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHstack, selector: "px-hstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
23405
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23406
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxListItem, selector: "px-list-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { LIST_ITEM_CONNECTED_EVENT: "LIST_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
23658
23407
  }
23659
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
23408
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, decorators: [{
23660
23409
  type: Directive,
23661
23410
  args: [{
23662
- selector: 'px-hstack',
23411
+ selector: 'px-list-item',
23663
23412
  }]
23664
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23665
- type: Input
23666
- }], directionMobile: [{
23667
- type: Input,
23668
- args: ['direction--mobile']
23669
- }], directionTablet: [{
23670
- type: Input,
23671
- args: ['direction--tablet']
23672
- }], directionLaptop: [{
23673
- type: Input,
23674
- args: ['direction--laptop']
23675
- }], directionDesktop: [{
23676
- type: Input,
23677
- args: ['direction--desktop']
23678
- }], gap: [{
23679
- type: Input
23680
- }], gapMobile: [{
23681
- type: Input,
23682
- args: ['gap--mobile']
23683
- }], gapTablet: [{
23684
- type: Input,
23685
- args: ['gap--tablet']
23686
- }], gapLaptop: [{
23687
- type: Input,
23688
- args: ['gap--laptop']
23689
- }], gapDesktop: [{
23690
- type: Input,
23691
- args: ['gap--desktop']
23692
- }], justifyContent: [{
23693
- type: Input,
23694
- args: ['justify-content']
23695
- }], justifyContentMobile: [{
23696
- type: Input,
23697
- args: ['justify-content--mobile']
23698
- }], justifyContentTablet: [{
23699
- type: Input,
23700
- args: ['justify-content--tablet']
23701
- }], justifyContentLaptop: [{
23702
- type: Input,
23703
- args: ['justify-content--laptop']
23704
- }], justifyContentDesktop: [{
23705
- type: Input,
23706
- args: ['justify-content--desktop']
23707
- }], alignItems: [{
23708
- type: Input,
23709
- args: ['align-items']
23710
- }], alignItemsMobile: [{
23711
- type: Input,
23712
- args: ['align-items--mobile']
23713
- }], alignItemsTablet: [{
23714
- type: Input,
23715
- args: ['align-items--tablet']
23716
- }], alignItemsLaptop: [{
23717
- type: Input,
23718
- args: ['align-items--laptop']
23719
- }], alignItemsDesktop: [{
23720
- type: Input,
23721
- args: ['align-items--desktop']
23722
- }], wrap: [{
23413
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
23723
23414
  type: Input
23724
- }], wrapMobile: [{
23725
- type: Input,
23726
- args: ['wrap--mobile']
23727
- }], wrapTablet: [{
23728
- type: Input,
23729
- args: ['wrap--tablet']
23730
- }], wrapLaptop: [{
23731
- type: Input,
23732
- args: ['wrap--laptop']
23733
- }], wrapDesktop: [{
23734
- type: Input,
23735
- args: ['wrap--desktop']
23736
- }], overflowX: [{
23737
- type: Input,
23738
- args: ['overflow-x']
23739
- }], overflowXMobile: [{
23740
- type: Input,
23741
- args: ['overflow-x--mobile']
23742
- }], overflowXTablet: [{
23743
- type: Input,
23744
- args: ['overflow-x--tablet']
23745
- }], overflowXLaptop: [{
23746
- type: Input,
23747
- args: ['overflow-x--laptop']
23748
- }], overflowXDesktop: [{
23749
- type: Input,
23750
- args: ['overflow-x--desktop']
23751
23415
  }], grow: [{
23752
23416
  type: Input
23753
23417
  }], growMobile: [{
@@ -23884,6 +23548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23884
23548
  }], stickyBottom: [{
23885
23549
  type: Input,
23886
23550
  args: ['sticky-bottom']
23551
+ }], LIST_ITEM_CONNECTED_EVENT: [{
23552
+ type: Output
23887
23553
  }] } });
23888
23554
  /**
23889
23555
  * @description Type-only wrapper for <px-modal>
@@ -23958,15 +23624,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23958
23624
  type: Output
23959
23625
  }] } });
23960
23626
  /**
23961
- * @description Type-only wrapper for <px-list>
23627
+ * @description Type-only wrapper for <px-a>
23962
23628
  */
23963
- class PxList {
23629
+ class PxA {
23964
23630
  elementRef;
23965
- set inverted(value) {
23966
- this.elementRef.nativeElement['inverted'] = value;
23631
+ set disabled(value) {
23632
+ this.elementRef.nativeElement['disabled'] = value;
23967
23633
  }
23968
- get inverted() {
23969
- return this.elementRef.nativeElement['inverted'];
23634
+ get disabled() {
23635
+ return this.elementRef.nativeElement['disabled'];
23970
23636
  }
23971
23637
  set variant(value) {
23972
23638
  this.elementRef.nativeElement['variant'] = value;
@@ -23974,6 +23640,124 @@ class PxList {
23974
23640
  get variant() {
23975
23641
  return this.elementRef.nativeElement['variant'];
23976
23642
  }
23643
+ set shape(value) {
23644
+ this.elementRef.nativeElement['shape'] = value;
23645
+ }
23646
+ get shape() {
23647
+ return this.elementRef.nativeElement['shape'];
23648
+ }
23649
+ set shapeMobile(value) {
23650
+ this.elementRef.nativeElement['shapeMobile'] = value;
23651
+ }
23652
+ get shapeMobile() {
23653
+ return this.elementRef.nativeElement['shapeMobile'];
23654
+ }
23655
+ set shapeTablet(value) {
23656
+ this.elementRef.nativeElement['shapeTablet'] = value;
23657
+ }
23658
+ get shapeTablet() {
23659
+ return this.elementRef.nativeElement['shapeTablet'];
23660
+ }
23661
+ set shapeLaptop(value) {
23662
+ this.elementRef.nativeElement['shapeLaptop'] = value;
23663
+ }
23664
+ get shapeLaptop() {
23665
+ return this.elementRef.nativeElement['shapeLaptop'];
23666
+ }
23667
+ set shapeDesktop(value) {
23668
+ this.elementRef.nativeElement['shapeDesktop'] = value;
23669
+ }
23670
+ get shapeDesktop() {
23671
+ return this.elementRef.nativeElement['shapeDesktop'];
23672
+ }
23673
+ set extended(value) {
23674
+ this.elementRef.nativeElement['extended'] = value;
23675
+ }
23676
+ get extended() {
23677
+ return this.elementRef.nativeElement['extended'];
23678
+ }
23679
+ set extendedMobile(value) {
23680
+ this.elementRef.nativeElement['extendedMobile'] = value;
23681
+ }
23682
+ get extendedMobile() {
23683
+ return this.elementRef.nativeElement['extendedMobile'];
23684
+ }
23685
+ set extendedTablet(value) {
23686
+ this.elementRef.nativeElement['extendedTablet'] = value;
23687
+ }
23688
+ get extendedTablet() {
23689
+ return this.elementRef.nativeElement['extendedTablet'];
23690
+ }
23691
+ set extendedLaptop(value) {
23692
+ this.elementRef.nativeElement['extendedLaptop'] = value;
23693
+ }
23694
+ get extendedLaptop() {
23695
+ return this.elementRef.nativeElement['extendedLaptop'];
23696
+ }
23697
+ set extendedDesktop(value) {
23698
+ this.elementRef.nativeElement['extendedDesktop'] = value;
23699
+ }
23700
+ get extendedDesktop() {
23701
+ return this.elementRef.nativeElement['extendedDesktop'];
23702
+ }
23703
+ set inverted(value) {
23704
+ this.elementRef.nativeElement['inverted'] = value;
23705
+ }
23706
+ get inverted() {
23707
+ return this.elementRef.nativeElement['inverted'];
23708
+ }
23709
+ set fontSize(value) {
23710
+ this.elementRef.nativeElement['fontSize'] = value;
23711
+ }
23712
+ get fontSize() {
23713
+ return this.elementRef.nativeElement['fontSize'];
23714
+ }
23715
+ set color(value) {
23716
+ this.elementRef.nativeElement['color'] = value;
23717
+ }
23718
+ get color() {
23719
+ return this.elementRef.nativeElement['color'];
23720
+ }
23721
+ set fontWeight(value) {
23722
+ this.elementRef.nativeElement['fontWeight'] = value;
23723
+ }
23724
+ get fontWeight() {
23725
+ return this.elementRef.nativeElement['fontWeight'];
23726
+ }
23727
+ set title(value) {
23728
+ this.elementRef.nativeElement['title'] = value;
23729
+ }
23730
+ get title() {
23731
+ return this.elementRef.nativeElement['title'];
23732
+ }
23733
+ /** The URL that the hyperlink points to. */
23734
+ set href(value) {
23735
+ this.elementRef.nativeElement['href'] = value;
23736
+ }
23737
+ get href() {
23738
+ return this.elementRef.nativeElement['href'];
23739
+ }
23740
+ /** Where to display the linked URL. */
23741
+ set target(value) {
23742
+ this.elementRef.nativeElement['target'] = value;
23743
+ }
23744
+ get target() {
23745
+ return this.elementRef.nativeElement['target'];
23746
+ }
23747
+ /** The relationship of the linked URL as space-separated link types. */
23748
+ set rel(value) {
23749
+ this.elementRef.nativeElement['rel'] = value;
23750
+ }
23751
+ get rel() {
23752
+ return this.elementRef.nativeElement['rel'];
23753
+ }
23754
+ /** Prompts the user to save the linked URL instead of navigating to it. */
23755
+ set download(value) {
23756
+ this.elementRef.nativeElement['download'] = value;
23757
+ }
23758
+ get download() {
23759
+ return this.elementRef.nativeElement['download'];
23760
+ }
23977
23761
  set grow(value) {
23978
23762
  this.elementRef.nativeElement['grow'] = value;
23979
23763
  }
@@ -24259,18 +24043,66 @@ class PxList {
24259
24043
  constructor(elementRef) {
24260
24044
  this.elementRef = elementRef;
24261
24045
  }
24262
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxList, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
24263
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxList, selector: "px-list", inputs: { inverted: "inverted", variant: "variant", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
24046
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
24047
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxA, selector: "px-a", inputs: { disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", href: "href", target: "target", rel: "rel", download: "download", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
24264
24048
  }
24265
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxList, decorators: [{
24049
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
24266
24050
  type: Directive,
24267
24051
  args: [{
24268
- selector: 'px-list',
24052
+ selector: 'px-a',
24269
24053
  }]
24270
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
24054
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
24271
24055
  type: Input
24272
24056
  }], variant: [{
24273
24057
  type: Input
24058
+ }], shape: [{
24059
+ type: Input
24060
+ }], shapeMobile: [{
24061
+ type: Input,
24062
+ args: ['shape--mobile']
24063
+ }], shapeTablet: [{
24064
+ type: Input,
24065
+ args: ['shape--tablet']
24066
+ }], shapeLaptop: [{
24067
+ type: Input,
24068
+ args: ['shape--laptop']
24069
+ }], shapeDesktop: [{
24070
+ type: Input,
24071
+ args: ['shape--desktop']
24072
+ }], extended: [{
24073
+ type: Input
24074
+ }], extendedMobile: [{
24075
+ type: Input,
24076
+ args: ['extended--mobile']
24077
+ }], extendedTablet: [{
24078
+ type: Input,
24079
+ args: ['extended--tablet']
24080
+ }], extendedLaptop: [{
24081
+ type: Input,
24082
+ args: ['extended--laptop']
24083
+ }], extendedDesktop: [{
24084
+ type: Input,
24085
+ args: ['extended--desktop']
24086
+ }], inverted: [{
24087
+ type: Input
24088
+ }], fontSize: [{
24089
+ type: Input,
24090
+ args: ['font-size']
24091
+ }], color: [{
24092
+ type: Input
24093
+ }], fontWeight: [{
24094
+ type: Input,
24095
+ args: ['font-weight']
24096
+ }], title: [{
24097
+ type: Input
24098
+ }], href: [{
24099
+ type: Input
24100
+ }], target: [{
24101
+ type: Input
24102
+ }], rel: [{
24103
+ type: Input
24104
+ }], download: [{
24105
+ type: Input
24274
24106
  }], grow: [{
24275
24107
  type: Input
24276
24108
  }], growMobile: [{
@@ -24409,16 +24241,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
24409
24241
  args: ['sticky-bottom']
24410
24242
  }] } });
24411
24243
  /**
24412
- * @description Type-only wrapper for <px-list-item>
24244
+ * @description Type-only wrapper for <px-a-wrapper>
24413
24245
  */
24414
- class PxListItem {
24246
+ class PxAWrapper {
24415
24247
  elementRef;
24248
+ /** The URL that the hyperlink points to. */
24249
+ set href(value) {
24250
+ this.elementRef.nativeElement['href'] = value;
24251
+ }
24252
+ get href() {
24253
+ return this.elementRef.nativeElement['href'];
24254
+ }
24255
+ /** Where to display the linked URL. */
24256
+ set target(value) {
24257
+ this.elementRef.nativeElement['target'] = value;
24258
+ }
24259
+ get target() {
24260
+ return this.elementRef.nativeElement['target'];
24261
+ }
24262
+ /** The relationship of the linked URL as space-separated link types. */
24263
+ set rel(value) {
24264
+ this.elementRef.nativeElement['rel'] = value;
24265
+ }
24266
+ get rel() {
24267
+ return this.elementRef.nativeElement['rel'];
24268
+ }
24269
+ /** Prompts the user to save the linked URL instead of navigating to it. */
24270
+ set download(value) {
24271
+ this.elementRef.nativeElement['download'] = value;
24272
+ }
24273
+ get download() {
24274
+ return this.elementRef.nativeElement['download'];
24275
+ }
24276
+ set disabled(value) {
24277
+ this.elementRef.nativeElement['disabled'] = value;
24278
+ }
24279
+ get disabled() {
24280
+ return this.elementRef.nativeElement['disabled'];
24281
+ }
24282
+ set variant(value) {
24283
+ this.elementRef.nativeElement['variant'] = value;
24284
+ }
24285
+ get variant() {
24286
+ return this.elementRef.nativeElement['variant'];
24287
+ }
24288
+ set shape(value) {
24289
+ this.elementRef.nativeElement['shape'] = value;
24290
+ }
24291
+ get shape() {
24292
+ return this.elementRef.nativeElement['shape'];
24293
+ }
24294
+ set shapeMobile(value) {
24295
+ this.elementRef.nativeElement['shapeMobile'] = value;
24296
+ }
24297
+ get shapeMobile() {
24298
+ return this.elementRef.nativeElement['shapeMobile'];
24299
+ }
24300
+ set shapeTablet(value) {
24301
+ this.elementRef.nativeElement['shapeTablet'] = value;
24302
+ }
24303
+ get shapeTablet() {
24304
+ return this.elementRef.nativeElement['shapeTablet'];
24305
+ }
24306
+ set shapeLaptop(value) {
24307
+ this.elementRef.nativeElement['shapeLaptop'] = value;
24308
+ }
24309
+ get shapeLaptop() {
24310
+ return this.elementRef.nativeElement['shapeLaptop'];
24311
+ }
24312
+ set shapeDesktop(value) {
24313
+ this.elementRef.nativeElement['shapeDesktop'] = value;
24314
+ }
24315
+ get shapeDesktop() {
24316
+ return this.elementRef.nativeElement['shapeDesktop'];
24317
+ }
24318
+ set extended(value) {
24319
+ this.elementRef.nativeElement['extended'] = value;
24320
+ }
24321
+ get extended() {
24322
+ return this.elementRef.nativeElement['extended'];
24323
+ }
24324
+ set extendedMobile(value) {
24325
+ this.elementRef.nativeElement['extendedMobile'] = value;
24326
+ }
24327
+ get extendedMobile() {
24328
+ return this.elementRef.nativeElement['extendedMobile'];
24329
+ }
24330
+ set extendedTablet(value) {
24331
+ this.elementRef.nativeElement['extendedTablet'] = value;
24332
+ }
24333
+ get extendedTablet() {
24334
+ return this.elementRef.nativeElement['extendedTablet'];
24335
+ }
24336
+ set extendedLaptop(value) {
24337
+ this.elementRef.nativeElement['extendedLaptop'] = value;
24338
+ }
24339
+ get extendedLaptop() {
24340
+ return this.elementRef.nativeElement['extendedLaptop'];
24341
+ }
24342
+ set extendedDesktop(value) {
24343
+ this.elementRef.nativeElement['extendedDesktop'] = value;
24344
+ }
24345
+ get extendedDesktop() {
24346
+ return this.elementRef.nativeElement['extendedDesktop'];
24347
+ }
24416
24348
  set inverted(value) {
24417
24349
  this.elementRef.nativeElement['inverted'] = value;
24418
24350
  }
24419
24351
  get inverted() {
24420
24352
  return this.elementRef.nativeElement['inverted'];
24421
24353
  }
24354
+ set fontSize(value) {
24355
+ this.elementRef.nativeElement['fontSize'] = value;
24356
+ }
24357
+ get fontSize() {
24358
+ return this.elementRef.nativeElement['fontSize'];
24359
+ }
24360
+ set color(value) {
24361
+ this.elementRef.nativeElement['color'] = value;
24362
+ }
24363
+ get color() {
24364
+ return this.elementRef.nativeElement['color'];
24365
+ }
24366
+ set fontWeight(value) {
24367
+ this.elementRef.nativeElement['fontWeight'] = value;
24368
+ }
24369
+ get fontWeight() {
24370
+ return this.elementRef.nativeElement['fontWeight'];
24371
+ }
24372
+ set title(value) {
24373
+ this.elementRef.nativeElement['title'] = value;
24374
+ }
24375
+ get title() {
24376
+ return this.elementRef.nativeElement['title'];
24377
+ }
24422
24378
  set grow(value) {
24423
24379
  this.elementRef.nativeElement['grow'] = value;
24424
24380
  }
@@ -24701,22 +24657,68 @@ class PxListItem {
24701
24657
  get stickyBottom() {
24702
24658
  return this.elementRef.nativeElement['stickyBottom'];
24703
24659
  }
24704
- LIST_ITEM_CONNECTED_EVENT = new EventEmitter();
24705
24660
  constructor(elementRef) {
24706
24661
  this.elementRef = elementRef;
24707
- this.elementRef.nativeElement.addEventListener('LIST_ITEM_CONNECTED_EVENT', (e) => {
24708
- this.LIST_ITEM_CONNECTED_EVENT.emit(e.detail);
24709
- });
24710
24662
  }
24711
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
24712
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxListItem, selector: "px-list-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { LIST_ITEM_CONNECTED_EVENT: "LIST_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
24663
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
24664
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAWrapper, selector: "px-a-wrapper", inputs: { href: "href", target: "target", rel: "rel", download: "download", disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
24713
24665
  }
24714
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, decorators: [{
24666
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
24715
24667
  type: Directive,
24716
24668
  args: [{
24717
- selector: 'px-list-item',
24669
+ selector: 'px-a-wrapper',
24718
24670
  }]
24719
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
24671
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
24672
+ type: Input
24673
+ }], target: [{
24674
+ type: Input
24675
+ }], rel: [{
24676
+ type: Input
24677
+ }], download: [{
24678
+ type: Input
24679
+ }], disabled: [{
24680
+ type: Input
24681
+ }], variant: [{
24682
+ type: Input
24683
+ }], shape: [{
24684
+ type: Input
24685
+ }], shapeMobile: [{
24686
+ type: Input,
24687
+ args: ['shape--mobile']
24688
+ }], shapeTablet: [{
24689
+ type: Input,
24690
+ args: ['shape--tablet']
24691
+ }], shapeLaptop: [{
24692
+ type: Input,
24693
+ args: ['shape--laptop']
24694
+ }], shapeDesktop: [{
24695
+ type: Input,
24696
+ args: ['shape--desktop']
24697
+ }], extended: [{
24698
+ type: Input
24699
+ }], extendedMobile: [{
24700
+ type: Input,
24701
+ args: ['extended--mobile']
24702
+ }], extendedTablet: [{
24703
+ type: Input,
24704
+ args: ['extended--tablet']
24705
+ }], extendedLaptop: [{
24706
+ type: Input,
24707
+ args: ['extended--laptop']
24708
+ }], extendedDesktop: [{
24709
+ type: Input,
24710
+ args: ['extended--desktop']
24711
+ }], inverted: [{
24712
+ type: Input
24713
+ }], fontSize: [{
24714
+ type: Input,
24715
+ args: ['font-size']
24716
+ }], color: [{
24717
+ type: Input
24718
+ }], fontWeight: [{
24719
+ type: Input,
24720
+ args: ['font-weight']
24721
+ }], title: [{
24720
24722
  type: Input
24721
24723
  }], grow: [{
24722
24724
  type: Input
@@ -24854,8 +24856,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
24854
24856
  }], stickyBottom: [{
24855
24857
  type: Input,
24856
24858
  args: ['sticky-bottom']
24857
- }], LIST_ITEM_CONNECTED_EVENT: [{
24858
- type: Output
24859
24859
  }] } });
24860
24860
  /**
24861
24861
  * @description Type-only wrapper for <px-p>
@@ -25827,34 +25827,200 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
25827
25827
  args: ['col-span--mobile']
25828
25828
  }], colSpanTablet: [{
25829
25829
  type: Input,
25830
- args: ['col-span--tablet']
25831
- }], colSpanLaptop: [{
25830
+ args: ['col-span--tablet']
25831
+ }], colSpanLaptop: [{
25832
+ type: Input,
25833
+ args: ['col-span--laptop']
25834
+ }], colSpanDesktop: [{
25835
+ type: Input,
25836
+ args: ['col-span--desktop']
25837
+ }], order: [{
25838
+ type: Input
25839
+ }], orderMobile: [{
25840
+ type: Input,
25841
+ args: ['order--mobile']
25842
+ }], orderTablet: [{
25843
+ type: Input,
25844
+ args: ['order--tablet']
25845
+ }], orderLaptop: [{
25846
+ type: Input,
25847
+ args: ['order--laptop']
25848
+ }], orderDesktop: [{
25849
+ type: Input,
25850
+ args: ['order--desktop']
25851
+ }], stickyTop: [{
25852
+ type: Input,
25853
+ args: ['sticky-top']
25854
+ }], stickyBottom: [{
25855
+ type: Input,
25856
+ args: ['sticky-bottom']
25857
+ }] } });
25858
+ /**
25859
+ * @description Type-only wrapper for <px-card-actions>
25860
+ */
25861
+ class PxCardActions {
25862
+ elementRef;
25863
+ constructor(elementRef) {
25864
+ this.elementRef = elementRef;
25865
+ }
25866
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
25867
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardActions, selector: "px-card-actions", ngImport: i0 });
25868
+ }
25869
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, decorators: [{
25870
+ type: Directive,
25871
+ args: [{
25872
+ selector: 'px-card-actions',
25873
+ }]
25874
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
25875
+ /**
25876
+ * @description Type-only wrapper for <px-card-container>
25877
+ */
25878
+ class PxCardContainer {
25879
+ elementRef;
25880
+ /** Switches to a dark surface with inverted text colors. */
25881
+ set inverted(value) {
25882
+ this.elementRef.nativeElement['inverted'] = value;
25883
+ }
25884
+ get inverted() {
25885
+ return this.elementRef.nativeElement['inverted'];
25886
+ }
25887
+ /** URL of the card media image. */
25888
+ set src(value) {
25889
+ this.elementRef.nativeElement['src'] = value;
25890
+ }
25891
+ get src() {
25892
+ return this.elementRef.nativeElement['src'];
25893
+ }
25894
+ /** Where the media image is rendered. */
25895
+ set mediaPosition(value) {
25896
+ this.elementRef.nativeElement['mediaPosition'] = value;
25897
+ }
25898
+ get mediaPosition() {
25899
+ return this.elementRef.nativeElement['mediaPosition'];
25900
+ }
25901
+ /** How the media image is fitted. */
25902
+ set mediaSize(value) {
25903
+ this.elementRef.nativeElement['mediaSize'] = value;
25904
+ }
25905
+ get mediaSize() {
25906
+ return this.elementRef.nativeElement['mediaSize'];
25907
+ }
25908
+ set mediaAltText(value) {
25909
+ this.elementRef.nativeElement['mediaAltText'] = value;
25910
+ }
25911
+ get mediaAltText() {
25912
+ return this.elementRef.nativeElement['mediaAltText'];
25913
+ }
25914
+ /** Inner content padding size. */
25915
+ set padding(value) {
25916
+ this.elementRef.nativeElement['padding'] = value;
25917
+ }
25918
+ get padding() {
25919
+ return this.elementRef.nativeElement['padding'];
25920
+ }
25921
+ /** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
25922
+ set aspectRatio(value) {
25923
+ this.elementRef.nativeElement['aspectRatio'] = value;
25924
+ }
25925
+ get aspectRatio() {
25926
+ return this.elementRef.nativeElement['aspectRatio'];
25927
+ }
25928
+ /** Whether the card has a visible border. */
25929
+ set hasBorder(value) {
25930
+ this.elementRef.nativeElement['hasBorder'] = value;
25931
+ }
25932
+ get hasBorder() {
25933
+ return this.elementRef.nativeElement['hasBorder'];
25934
+ }
25935
+ /** Surface color preset. */
25936
+ set backgroundColor(value) {
25937
+ this.elementRef.nativeElement['backgroundColor'] = value;
25938
+ }
25939
+ get backgroundColor() {
25940
+ return this.elementRef.nativeElement['backgroundColor'];
25941
+ }
25942
+ /** URL of a full-card background image (delegated to `<px-container>`). */
25943
+ set backgroundImage(value) {
25944
+ this.elementRef.nativeElement['backgroundImage'] = value;
25945
+ }
25946
+ get backgroundImage() {
25947
+ return this.elementRef.nativeElement['backgroundImage'];
25948
+ }
25949
+ set interactiveState(value) {
25950
+ this.elementRef.nativeElement['interactiveState'] = value;
25951
+ }
25952
+ get interactiveState() {
25953
+ return this.elementRef.nativeElement['interactiveState'];
25954
+ }
25955
+ /** Alt text for the media image. */
25956
+ set alternativeText(value) {
25957
+ this.elementRef.nativeElement['alternativeText'] = value;
25958
+ }
25959
+ get alternativeText() {
25960
+ return this.elementRef.nativeElement['alternativeText'];
25961
+ }
25962
+ constructor(elementRef) {
25963
+ this.elementRef = elementRef;
25964
+ }
25965
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
25966
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardContainer, 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 });
25967
+ }
25968
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, decorators: [{
25969
+ type: Directive,
25970
+ args: [{
25971
+ selector: 'px-card-container',
25972
+ }]
25973
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
25974
+ type: Input
25975
+ }], src: [{
25976
+ type: Input
25977
+ }], mediaPosition: [{
25978
+ type: Input,
25979
+ args: ['media-position']
25980
+ }], mediaSize: [{
25832
25981
  type: Input,
25833
- args: ['col-span--laptop']
25834
- }], colSpanDesktop: [{
25982
+ args: ['media-size']
25983
+ }], mediaAltText: [{
25835
25984
  type: Input,
25836
- args: ['col-span--desktop']
25837
- }], order: [{
25985
+ args: ['media-alt-text']
25986
+ }], padding: [{
25838
25987
  type: Input
25839
- }], orderMobile: [{
25988
+ }], aspectRatio: [{
25840
25989
  type: Input,
25841
- args: ['order--mobile']
25842
- }], orderTablet: [{
25990
+ args: ['aspect-ratio']
25991
+ }], hasBorder: [{
25843
25992
  type: Input,
25844
- args: ['order--tablet']
25845
- }], orderLaptop: [{
25993
+ args: ['has-border']
25994
+ }], backgroundColor: [{
25846
25995
  type: Input,
25847
- args: ['order--laptop']
25848
- }], orderDesktop: [{
25996
+ args: ['background-color']
25997
+ }], backgroundImage: [{
25849
25998
  type: Input,
25850
- args: ['order--desktop']
25851
- }], stickyTop: [{
25999
+ args: ['background-image']
26000
+ }], interactiveState: [{
25852
26001
  type: Input,
25853
- args: ['sticky-top']
25854
- }], stickyBottom: [{
26002
+ args: ['interactive-state']
26003
+ }], alternativeText: [{
25855
26004
  type: Input,
25856
- args: ['sticky-bottom']
26005
+ args: ['alternative-text']
25857
26006
  }] } });
26007
+ /**
26008
+ * @description Type-only wrapper for <px-card-heading>
26009
+ */
26010
+ class PxCardHeading {
26011
+ elementRef;
26012
+ constructor(elementRef) {
26013
+ this.elementRef = elementRef;
26014
+ }
26015
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26016
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardHeading, selector: "px-card-heading", ngImport: i0 });
26017
+ }
26018
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, decorators: [{
26019
+ type: Directive,
26020
+ args: [{
26021
+ selector: 'px-card-heading',
26022
+ }]
26023
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
25858
26024
  /**
25859
26025
  * @description Type-only wrapper for <px-price>
25860
26026
  */
@@ -26314,172 +26480,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26314
26480
  type: Input,
26315
26481
  args: ['sticky-bottom']
26316
26482
  }] } });
26317
- /**
26318
- * @description Type-only wrapper for <px-card-actions>
26319
- */
26320
- class PxCardActions {
26321
- elementRef;
26322
- constructor(elementRef) {
26323
- this.elementRef = elementRef;
26324
- }
26325
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26326
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardActions, selector: "px-card-actions", ngImport: i0 });
26327
- }
26328
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, decorators: [{
26329
- type: Directive,
26330
- args: [{
26331
- selector: 'px-card-actions',
26332
- }]
26333
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
26334
- /**
26335
- * @description Type-only wrapper for <px-card-container>
26336
- */
26337
- class PxCardContainer {
26338
- elementRef;
26339
- /** Switches to a dark surface with inverted text colors. */
26340
- set inverted(value) {
26341
- this.elementRef.nativeElement['inverted'] = value;
26342
- }
26343
- get inverted() {
26344
- return this.elementRef.nativeElement['inverted'];
26345
- }
26346
- /** URL of the card media image. */
26347
- set src(value) {
26348
- this.elementRef.nativeElement['src'] = value;
26349
- }
26350
- get src() {
26351
- return this.elementRef.nativeElement['src'];
26352
- }
26353
- /** Where the media image is rendered. */
26354
- set mediaPosition(value) {
26355
- this.elementRef.nativeElement['mediaPosition'] = value;
26356
- }
26357
- get mediaPosition() {
26358
- return this.elementRef.nativeElement['mediaPosition'];
26359
- }
26360
- /** How the media image is fitted. */
26361
- set mediaSize(value) {
26362
- this.elementRef.nativeElement['mediaSize'] = value;
26363
- }
26364
- get mediaSize() {
26365
- return this.elementRef.nativeElement['mediaSize'];
26366
- }
26367
- set mediaAltText(value) {
26368
- this.elementRef.nativeElement['mediaAltText'] = value;
26369
- }
26370
- get mediaAltText() {
26371
- return this.elementRef.nativeElement['mediaAltText'];
26372
- }
26373
- /** Inner content padding size. */
26374
- set padding(value) {
26375
- this.elementRef.nativeElement['padding'] = value;
26376
- }
26377
- get padding() {
26378
- return this.elementRef.nativeElement['padding'];
26379
- }
26380
- /** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
26381
- set aspectRatio(value) {
26382
- this.elementRef.nativeElement['aspectRatio'] = value;
26383
- }
26384
- get aspectRatio() {
26385
- return this.elementRef.nativeElement['aspectRatio'];
26386
- }
26387
- /** Whether the card has a visible border. */
26388
- set hasBorder(value) {
26389
- this.elementRef.nativeElement['hasBorder'] = value;
26390
- }
26391
- get hasBorder() {
26392
- return this.elementRef.nativeElement['hasBorder'];
26393
- }
26394
- /** Surface color preset. */
26395
- set backgroundColor(value) {
26396
- this.elementRef.nativeElement['backgroundColor'] = value;
26397
- }
26398
- get backgroundColor() {
26399
- return this.elementRef.nativeElement['backgroundColor'];
26400
- }
26401
- /** URL of a full-card background image (delegated to `<px-container>`). */
26402
- set backgroundImage(value) {
26403
- this.elementRef.nativeElement['backgroundImage'] = value;
26404
- }
26405
- get backgroundImage() {
26406
- return this.elementRef.nativeElement['backgroundImage'];
26407
- }
26408
- set interactiveState(value) {
26409
- this.elementRef.nativeElement['interactiveState'] = value;
26410
- }
26411
- get interactiveState() {
26412
- return this.elementRef.nativeElement['interactiveState'];
26413
- }
26414
- /** Alt text for the media image. */
26415
- set alternativeText(value) {
26416
- this.elementRef.nativeElement['alternativeText'] = value;
26417
- }
26418
- get alternativeText() {
26419
- return this.elementRef.nativeElement['alternativeText'];
26420
- }
26421
- constructor(elementRef) {
26422
- this.elementRef = elementRef;
26423
- }
26424
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26425
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardContainer, 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 });
26426
- }
26427
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, decorators: [{
26428
- type: Directive,
26429
- args: [{
26430
- selector: 'px-card-container',
26431
- }]
26432
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
26433
- type: Input
26434
- }], src: [{
26435
- type: Input
26436
- }], mediaPosition: [{
26437
- type: Input,
26438
- args: ['media-position']
26439
- }], mediaSize: [{
26440
- type: Input,
26441
- args: ['media-size']
26442
- }], mediaAltText: [{
26443
- type: Input,
26444
- args: ['media-alt-text']
26445
- }], padding: [{
26446
- type: Input
26447
- }], aspectRatio: [{
26448
- type: Input,
26449
- args: ['aspect-ratio']
26450
- }], hasBorder: [{
26451
- type: Input,
26452
- args: ['has-border']
26453
- }], backgroundColor: [{
26454
- type: Input,
26455
- args: ['background-color']
26456
- }], backgroundImage: [{
26457
- type: Input,
26458
- args: ['background-image']
26459
- }], interactiveState: [{
26460
- type: Input,
26461
- args: ['interactive-state']
26462
- }], alternativeText: [{
26463
- type: Input,
26464
- args: ['alternative-text']
26465
- }] } });
26466
- /**
26467
- * @description Type-only wrapper for <px-card-heading>
26468
- */
26469
- class PxCardHeading {
26470
- elementRef;
26471
- constructor(elementRef) {
26472
- this.elementRef = elementRef;
26473
- }
26474
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26475
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardHeading, selector: "px-card-heading", ngImport: i0 });
26476
- }
26477
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, decorators: [{
26478
- type: Directive,
26479
- args: [{
26480
- selector: 'px-card-heading',
26481
- }]
26482
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
26483
26483
  /**
26484
26484
  * @description Type-only wrapper for <px-radio>
26485
26485
  */
@@ -37405,7 +37405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37405
37405
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
37406
37406
  class Lavender {
37407
37407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37408
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [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, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxAWrapper, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxModal, PxList, PxListItem, PxP, PxPillar, PxPrice, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, 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, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxAWrapper, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxModal, PxList, PxListItem, PxP, PxPillar, PxPrice, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37408
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [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, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxList, PxListItem, PxModal, PxA, PxAWrapper, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, 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, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxList, PxListItem, PxModal, PxA, PxAWrapper, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37409
37409
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37410
37410
  }
37411
37411
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37454,22 +37454,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37454
37454
  PxSelect,
37455
37455
  PxTextarea,
37456
37456
  PxFileupload,
37457
- PxA,
37458
- PxAWrapper,
37459
37457
  PxPage,
37460
37458
  PxSpacer,
37461
37459
  PxStack,
37462
37460
  PxVstack,
37463
37461
  PxHstack,
37464
- PxModal,
37465
37462
  PxList,
37466
37463
  PxListItem,
37464
+ PxModal,
37465
+ PxA,
37466
+ PxAWrapper,
37467
37467
  PxP,
37468
37468
  PxPillar,
37469
- PxPrice,
37470
37469
  PxCardActions,
37471
37470
  PxCardContainer,
37472
37471
  PxCardHeading,
37472
+ PxPrice,
37473
37473
  PxRadio,
37474
37474
  PxRadioBase,
37475
37475
  PxRadioGroup,
@@ -37556,22 +37556,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37556
37556
  PxSelect,
37557
37557
  PxTextarea,
37558
37558
  PxFileupload,
37559
- PxA,
37560
- PxAWrapper,
37561
37559
  PxPage,
37562
37560
  PxSpacer,
37563
37561
  PxStack,
37564
37562
  PxVstack,
37565
37563
  PxHstack,
37566
- PxModal,
37567
37564
  PxList,
37568
37565
  PxListItem,
37566
+ PxModal,
37567
+ PxA,
37568
+ PxAWrapper,
37569
37569
  PxP,
37570
37570
  PxPillar,
37571
- PxPrice,
37572
37571
  PxCardActions,
37573
37572
  PxCardContainer,
37574
37573
  PxCardHeading,
37574
+ PxPrice,
37575
37575
  PxRadio,
37576
37576
  PxRadioBase,
37577
37577
  PxRadioGroup,