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

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 +8 -0
  2. package/esm2022/lavender.directive.mjs +1192 -1192
  3. package/fesm2022/proximus-lavender-angular.mjs +1191 -1191
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +363 -363
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -20034,39 +20034,139 @@ 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-page>
20037
+ * @description Type-only wrapper for <px-a>
20038
20038
  */
20039
- class PxPage {
20039
+ class PxA {
20040
20040
  elementRef;
20041
- set backgroundImage(value) {
20042
- this.elementRef.nativeElement['backgroundImage'] = value;
20041
+ set disabled(value) {
20042
+ this.elementRef.nativeElement['disabled'] = value;
20043
20043
  }
20044
- get backgroundImage() {
20045
- return this.elementRef.nativeElement['backgroundImage'];
20044
+ get disabled() {
20045
+ return this.elementRef.nativeElement['disabled'];
20046
20046
  }
20047
- set gap(value) {
20048
- this.elementRef.nativeElement['gap'] = value;
20047
+ set variant(value) {
20048
+ this.elementRef.nativeElement['variant'] = value;
20049
20049
  }
20050
- get gap() {
20051
- return this.elementRef.nativeElement['gap'];
20050
+ get variant() {
20051
+ return this.elementRef.nativeElement['variant'];
20052
20052
  }
20053
- set backgroundColor(value) {
20054
- this.elementRef.nativeElement['backgroundColor'] = value;
20053
+ set shape(value) {
20054
+ this.elementRef.nativeElement['shape'] = value;
20055
20055
  }
20056
- get backgroundColor() {
20057
- return this.elementRef.nativeElement['backgroundColor'];
20056
+ get shape() {
20057
+ return this.elementRef.nativeElement['shape'];
20058
20058
  }
20059
- set paddingVertical(value) {
20060
- this.elementRef.nativeElement['paddingVertical'] = value;
20059
+ set shapeMobile(value) {
20060
+ this.elementRef.nativeElement['shapeMobile'] = value;
20061
20061
  }
20062
- get paddingVertical() {
20063
- return this.elementRef.nativeElement['paddingVertical'];
20062
+ get shapeMobile() {
20063
+ return this.elementRef.nativeElement['shapeMobile'];
20064
20064
  }
20065
- set paddingHorizontal(value) {
20066
- this.elementRef.nativeElement['paddingHorizontal'] = value;
20065
+ set shapeTablet(value) {
20066
+ this.elementRef.nativeElement['shapeTablet'] = value;
20067
20067
  }
20068
- get paddingHorizontal() {
20069
- return this.elementRef.nativeElement['paddingHorizontal'];
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;
20139
+ }
20140
+ get title() {
20141
+ return this.elementRef.nativeElement['title'];
20142
+ }
20143
+ /** The URL that the hyperlink points to. */
20144
+ set href(value) {
20145
+ this.elementRef.nativeElement['href'] = value;
20146
+ }
20147
+ get href() {
20148
+ return this.elementRef.nativeElement['href'];
20149
+ }
20150
+ /** Where to display the linked URL. */
20151
+ set target(value) {
20152
+ this.elementRef.nativeElement['target'] = value;
20153
+ }
20154
+ get target() {
20155
+ return this.elementRef.nativeElement['target'];
20156
+ }
20157
+ /** The relationship of the linked URL as space-separated link types. */
20158
+ set rel(value) {
20159
+ this.elementRef.nativeElement['rel'] = value;
20160
+ }
20161
+ get rel() {
20162
+ return this.elementRef.nativeElement['rel'];
20163
+ }
20164
+ /** Prompts the user to save the linked URL instead of navigating to it. */
20165
+ set download(value) {
20166
+ this.elementRef.nativeElement['download'] = value;
20167
+ }
20168
+ get download() {
20169
+ return this.elementRef.nativeElement['download'];
20070
20170
  }
20071
20171
  set grow(value) {
20072
20172
  this.elementRef.nativeElement['grow'] = value;
@@ -20353,28 +20453,66 @@ class PxPage {
20353
20453
  constructor(elementRef) {
20354
20454
  this.elementRef = elementRef;
20355
20455
  }
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 });
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 });
20358
20458
  }
20359
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
20459
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
20360
20460
  type: Directive,
20361
20461
  args: [{
20362
- selector: 'px-page',
20462
+ selector: 'px-a',
20363
20463
  }]
20364
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
20464
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
20465
+ type: Input
20466
+ }], variant: [{
20467
+ type: Input
20468
+ }], shape: [{
20469
+ type: Input
20470
+ }], shapeMobile: [{
20365
20471
  type: Input,
20366
- args: ['background-image']
20367
- }], gap: [{
20472
+ args: ['shape--mobile']
20473
+ }], shapeTablet: [{
20474
+ type: Input,
20475
+ args: ['shape--tablet']
20476
+ }], shapeLaptop: [{
20477
+ type: Input,
20478
+ args: ['shape--laptop']
20479
+ }], shapeDesktop: [{
20480
+ type: Input,
20481
+ args: ['shape--desktop']
20482
+ }], extended: [{
20368
20483
  type: Input
20369
- }], backgroundColor: [{
20484
+ }], extendedMobile: [{
20370
20485
  type: Input,
20371
- args: ['background-color']
20372
- }], paddingVertical: [{
20486
+ args: ['extended--mobile']
20487
+ }], extendedTablet: [{
20373
20488
  type: Input,
20374
- args: ['padding-vertical']
20375
- }], paddingHorizontal: [{
20489
+ args: ['extended--tablet']
20490
+ }], extendedLaptop: [{
20376
20491
  type: Input,
20377
- args: ['padding-horizontal']
20492
+ args: ['extended--laptop']
20493
+ }], extendedDesktop: [{
20494
+ type: Input,
20495
+ args: ['extended--desktop']
20496
+ }], inverted: [{
20497
+ type: Input
20498
+ }], fontSize: [{
20499
+ type: Input,
20500
+ args: ['font-size']
20501
+ }], color: [{
20502
+ type: Input
20503
+ }], fontWeight: [{
20504
+ 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
20378
20516
  }], grow: [{
20379
20517
  type: Input
20380
20518
  }], growMobile: [{
@@ -20513,222 +20651,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20513
20651
  args: ['sticky-bottom']
20514
20652
  }] } });
20515
20653
  /**
20516
- * @description Type-only wrapper for <px-spacer>
20654
+ * @description Type-only wrapper for <px-a-wrapper>
20517
20655
  */
20518
- class PxSpacer {
20656
+ class PxAWrapper {
20519
20657
  elementRef;
20520
- set grow(value) {
20521
- this.elementRef.nativeElement['grow'] = value;
20522
- }
20523
- get grow() {
20524
- return this.elementRef.nativeElement['grow'];
20658
+ /** The URL that the hyperlink points to. */
20659
+ set href(value) {
20660
+ this.elementRef.nativeElement['href'] = value;
20525
20661
  }
20526
- set nogap(value) {
20527
- this.elementRef.nativeElement['nogap'] = value;
20662
+ get href() {
20663
+ return this.elementRef.nativeElement['href'];
20528
20664
  }
20529
- get nogap() {
20530
- return this.elementRef.nativeElement['nogap'];
20665
+ /** Where to display the linked URL. */
20666
+ set target(value) {
20667
+ this.elementRef.nativeElement['target'] = value;
20531
20668
  }
20532
- constructor(elementRef) {
20533
- this.elementRef = elementRef;
20669
+ get target() {
20670
+ return this.elementRef.nativeElement['target'];
20534
20671
  }
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;
20672
+ /** The relationship of the linked URL as space-separated link types. */
20673
+ set rel(value) {
20674
+ this.elementRef.nativeElement['rel'] = value;
20555
20675
  }
20556
- get direction() {
20557
- return this.elementRef.nativeElement['direction'];
20558
- }
20559
- set directionMobile(value) {
20560
- this.elementRef.nativeElement['directionMobile'] = value;
20561
- }
20562
- get directionMobile() {
20563
- return this.elementRef.nativeElement['directionMobile'];
20564
- }
20565
- set directionTablet(value) {
20566
- this.elementRef.nativeElement['directionTablet'] = value;
20567
- }
20568
- get directionTablet() {
20569
- return this.elementRef.nativeElement['directionTablet'];
20570
- }
20571
- set directionLaptop(value) {
20572
- this.elementRef.nativeElement['directionLaptop'] = value;
20573
- }
20574
- get directionLaptop() {
20575
- return this.elementRef.nativeElement['directionLaptop'];
20576
- }
20577
- set directionDesktop(value) {
20578
- this.elementRef.nativeElement['directionDesktop'] = value;
20579
- }
20580
- get directionDesktop() {
20581
- return this.elementRef.nativeElement['directionDesktop'];
20582
- }
20583
- set gap(value) {
20584
- this.elementRef.nativeElement['gap'] = value;
20585
- }
20586
- get gap() {
20587
- return this.elementRef.nativeElement['gap'];
20588
- }
20589
- set gapMobile(value) {
20590
- this.elementRef.nativeElement['gapMobile'] = value;
20591
- }
20592
- get gapMobile() {
20593
- return this.elementRef.nativeElement['gapMobile'];
20594
- }
20595
- set gapTablet(value) {
20596
- this.elementRef.nativeElement['gapTablet'] = value;
20597
- }
20598
- get gapTablet() {
20599
- return this.elementRef.nativeElement['gapTablet'];
20600
- }
20601
- set gapLaptop(value) {
20602
- this.elementRef.nativeElement['gapLaptop'] = value;
20603
- }
20604
- get gapLaptop() {
20605
- return this.elementRef.nativeElement['gapLaptop'];
20606
- }
20607
- set gapDesktop(value) {
20608
- this.elementRef.nativeElement['gapDesktop'] = value;
20609
- }
20610
- get gapDesktop() {
20611
- return this.elementRef.nativeElement['gapDesktop'];
20612
- }
20613
- set justifyContent(value) {
20614
- this.elementRef.nativeElement['justifyContent'] = value;
20615
- }
20616
- get justifyContent() {
20617
- return this.elementRef.nativeElement['justifyContent'];
20618
- }
20619
- set justifyContentMobile(value) {
20620
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20621
- }
20622
- get justifyContentMobile() {
20623
- return this.elementRef.nativeElement['justifyContentMobile'];
20676
+ get rel() {
20677
+ return this.elementRef.nativeElement['rel'];
20624
20678
  }
20625
- set justifyContentTablet(value) {
20626
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20679
+ /** Prompts the user to save the linked URL instead of navigating to it. */
20680
+ set download(value) {
20681
+ this.elementRef.nativeElement['download'] = value;
20627
20682
  }
20628
- get justifyContentTablet() {
20629
- return this.elementRef.nativeElement['justifyContentTablet'];
20683
+ get download() {
20684
+ return this.elementRef.nativeElement['download'];
20630
20685
  }
20631
- set justifyContentLaptop(value) {
20632
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20686
+ set disabled(value) {
20687
+ this.elementRef.nativeElement['disabled'] = value;
20633
20688
  }
20634
- get justifyContentLaptop() {
20635
- return this.elementRef.nativeElement['justifyContentLaptop'];
20689
+ get disabled() {
20690
+ return this.elementRef.nativeElement['disabled'];
20636
20691
  }
20637
- set justifyContentDesktop(value) {
20638
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20692
+ set variant(value) {
20693
+ this.elementRef.nativeElement['variant'] = value;
20639
20694
  }
20640
- get justifyContentDesktop() {
20641
- return this.elementRef.nativeElement['justifyContentDesktop'];
20695
+ get variant() {
20696
+ return this.elementRef.nativeElement['variant'];
20642
20697
  }
20643
- set alignItems(value) {
20644
- this.elementRef.nativeElement['alignItems'] = value;
20698
+ set shape(value) {
20699
+ this.elementRef.nativeElement['shape'] = value;
20645
20700
  }
20646
- get alignItems() {
20647
- return this.elementRef.nativeElement['alignItems'];
20701
+ get shape() {
20702
+ return this.elementRef.nativeElement['shape'];
20648
20703
  }
20649
- set alignItemsMobile(value) {
20650
- this.elementRef.nativeElement['alignItemsMobile'] = value;
20704
+ set shapeMobile(value) {
20705
+ this.elementRef.nativeElement['shapeMobile'] = value;
20651
20706
  }
20652
- get alignItemsMobile() {
20653
- return this.elementRef.nativeElement['alignItemsMobile'];
20707
+ get shapeMobile() {
20708
+ return this.elementRef.nativeElement['shapeMobile'];
20654
20709
  }
20655
- set alignItemsTablet(value) {
20656
- this.elementRef.nativeElement['alignItemsTablet'] = value;
20710
+ set shapeTablet(value) {
20711
+ this.elementRef.nativeElement['shapeTablet'] = value;
20657
20712
  }
20658
- get alignItemsTablet() {
20659
- return this.elementRef.nativeElement['alignItemsTablet'];
20713
+ get shapeTablet() {
20714
+ return this.elementRef.nativeElement['shapeTablet'];
20660
20715
  }
20661
- set alignItemsLaptop(value) {
20662
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
20716
+ set shapeLaptop(value) {
20717
+ this.elementRef.nativeElement['shapeLaptop'] = value;
20663
20718
  }
20664
- get alignItemsLaptop() {
20665
- return this.elementRef.nativeElement['alignItemsLaptop'];
20719
+ get shapeLaptop() {
20720
+ return this.elementRef.nativeElement['shapeLaptop'];
20666
20721
  }
20667
- set alignItemsDesktop(value) {
20668
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
20722
+ set shapeDesktop(value) {
20723
+ this.elementRef.nativeElement['shapeDesktop'] = value;
20669
20724
  }
20670
- get alignItemsDesktop() {
20671
- return this.elementRef.nativeElement['alignItemsDesktop'];
20725
+ get shapeDesktop() {
20726
+ return this.elementRef.nativeElement['shapeDesktop'];
20672
20727
  }
20673
- set wrap(value) {
20674
- this.elementRef.nativeElement['wrap'] = value;
20728
+ set extended(value) {
20729
+ this.elementRef.nativeElement['extended'] = value;
20675
20730
  }
20676
- get wrap() {
20677
- return this.elementRef.nativeElement['wrap'];
20731
+ get extended() {
20732
+ return this.elementRef.nativeElement['extended'];
20678
20733
  }
20679
- set wrapMobile(value) {
20680
- this.elementRef.nativeElement['wrapMobile'] = value;
20734
+ set extendedMobile(value) {
20735
+ this.elementRef.nativeElement['extendedMobile'] = value;
20681
20736
  }
20682
- get wrapMobile() {
20683
- return this.elementRef.nativeElement['wrapMobile'];
20737
+ get extendedMobile() {
20738
+ return this.elementRef.nativeElement['extendedMobile'];
20684
20739
  }
20685
- set wrapTablet(value) {
20686
- this.elementRef.nativeElement['wrapTablet'] = value;
20740
+ set extendedTablet(value) {
20741
+ this.elementRef.nativeElement['extendedTablet'] = value;
20687
20742
  }
20688
- get wrapTablet() {
20689
- return this.elementRef.nativeElement['wrapTablet'];
20743
+ get extendedTablet() {
20744
+ return this.elementRef.nativeElement['extendedTablet'];
20690
20745
  }
20691
- set wrapLaptop(value) {
20692
- this.elementRef.nativeElement['wrapLaptop'] = value;
20746
+ set extendedLaptop(value) {
20747
+ this.elementRef.nativeElement['extendedLaptop'] = value;
20693
20748
  }
20694
- get wrapLaptop() {
20695
- return this.elementRef.nativeElement['wrapLaptop'];
20749
+ get extendedLaptop() {
20750
+ return this.elementRef.nativeElement['extendedLaptop'];
20696
20751
  }
20697
- set wrapDesktop(value) {
20698
- this.elementRef.nativeElement['wrapDesktop'] = value;
20752
+ set extendedDesktop(value) {
20753
+ this.elementRef.nativeElement['extendedDesktop'] = value;
20699
20754
  }
20700
- get wrapDesktop() {
20701
- return this.elementRef.nativeElement['wrapDesktop'];
20755
+ get extendedDesktop() {
20756
+ return this.elementRef.nativeElement['extendedDesktop'];
20702
20757
  }
20703
- set overflowX(value) {
20704
- this.elementRef.nativeElement['overflowX'] = value;
20758
+ set inverted(value) {
20759
+ this.elementRef.nativeElement['inverted'] = value;
20705
20760
  }
20706
- get overflowX() {
20707
- return this.elementRef.nativeElement['overflowX'];
20761
+ get inverted() {
20762
+ return this.elementRef.nativeElement['inverted'];
20708
20763
  }
20709
- set overflowXMobile(value) {
20710
- this.elementRef.nativeElement['overflowXMobile'] = value;
20764
+ set fontSize(value) {
20765
+ this.elementRef.nativeElement['fontSize'] = value;
20711
20766
  }
20712
- get overflowXMobile() {
20713
- return this.elementRef.nativeElement['overflowXMobile'];
20767
+ get fontSize() {
20768
+ return this.elementRef.nativeElement['fontSize'];
20714
20769
  }
20715
- set overflowXTablet(value) {
20716
- this.elementRef.nativeElement['overflowXTablet'] = value;
20770
+ set color(value) {
20771
+ this.elementRef.nativeElement['color'] = value;
20717
20772
  }
20718
- get overflowXTablet() {
20719
- return this.elementRef.nativeElement['overflowXTablet'];
20773
+ get color() {
20774
+ return this.elementRef.nativeElement['color'];
20720
20775
  }
20721
- set overflowXLaptop(value) {
20722
- this.elementRef.nativeElement['overflowXLaptop'] = value;
20776
+ set fontWeight(value) {
20777
+ this.elementRef.nativeElement['fontWeight'] = value;
20723
20778
  }
20724
- get overflowXLaptop() {
20725
- return this.elementRef.nativeElement['overflowXLaptop'];
20779
+ get fontWeight() {
20780
+ return this.elementRef.nativeElement['fontWeight'];
20726
20781
  }
20727
- set overflowXDesktop(value) {
20728
- this.elementRef.nativeElement['overflowXDesktop'] = value;
20782
+ set title(value) {
20783
+ this.elementRef.nativeElement['title'] = value;
20729
20784
  }
20730
- get overflowXDesktop() {
20731
- return this.elementRef.nativeElement['overflowXDesktop'];
20785
+ get title() {
20786
+ return this.elementRef.nativeElement['title'];
20732
20787
  }
20733
20788
  set grow(value) {
20734
20789
  this.elementRef.nativeElement['grow'] = value;
@@ -21015,101 +21070,66 @@ class PxStack {
21015
21070
  constructor(elementRef) {
21016
21071
  this.elementRef = elementRef;
21017
21072
  }
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 });
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 });
21020
21075
  }
21021
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
21076
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
21022
21077
  type: Directive,
21023
21078
  args: [{
21024
- selector: 'px-stack',
21079
+ selector: 'px-a-wrapper',
21025
21080
  }]
21026
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21081
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
21027
21082
  type: Input
21028
- }], directionMobile: [{
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: [{
21094
+ type: Input
21095
+ }], shapeMobile: [{
21029
21096
  type: Input,
21030
- args: ['direction--mobile']
21031
- }], directionTablet: [{
21097
+ args: ['shape--mobile']
21098
+ }], shapeTablet: [{
21032
21099
  type: Input,
21033
- args: ['direction--tablet']
21034
- }], directionLaptop: [{
21100
+ args: ['shape--tablet']
21101
+ }], shapeLaptop: [{
21035
21102
  type: Input,
21036
- args: ['direction--laptop']
21037
- }], directionDesktop: [{
21103
+ args: ['shape--laptop']
21104
+ }], shapeDesktop: [{
21038
21105
  type: Input,
21039
- args: ['direction--desktop']
21040
- }], gap: [{
21106
+ args: ['shape--desktop']
21107
+ }], extended: [{
21041
21108
  type: Input
21042
- }], gapMobile: [{
21043
- type: Input,
21044
- args: ['gap--mobile']
21045
- }], gapTablet: [{
21046
- type: Input,
21047
- args: ['gap--tablet']
21048
- }], gapLaptop: [{
21049
- type: Input,
21050
- args: ['gap--laptop']
21051
- }], gapDesktop: [{
21052
- type: Input,
21053
- args: ['gap--desktop']
21054
- }], justifyContent: [{
21055
- type: Input,
21056
- args: ['justify-content']
21057
- }], justifyContentMobile: [{
21058
- type: Input,
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: [{
21109
+ }], extendedMobile: [{
21073
21110
  type: Input,
21074
- args: ['align-items--mobile']
21075
- }], alignItemsTablet: [{
21111
+ args: ['extended--mobile']
21112
+ }], extendedTablet: [{
21076
21113
  type: Input,
21077
- args: ['align-items--tablet']
21078
- }], alignItemsLaptop: [{
21114
+ args: ['extended--tablet']
21115
+ }], extendedLaptop: [{
21079
21116
  type: Input,
21080
- args: ['align-items--laptop']
21081
- }], alignItemsDesktop: [{
21117
+ args: ['extended--laptop']
21118
+ }], extendedDesktop: [{
21082
21119
  type: Input,
21083
- args: ['align-items--desktop']
21084
- }], wrap: [{
21120
+ args: ['extended--desktop']
21121
+ }], inverted: [{
21085
21122
  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: [{
21123
+ }], fontSize: [{
21108
21124
  type: Input,
21109
- args: ['overflow-x--laptop']
21110
- }], overflowXDesktop: [{
21125
+ args: ['font-size']
21126
+ }], color: [{
21127
+ type: Input
21128
+ }], fontWeight: [{
21111
21129
  type: Input,
21112
- args: ['overflow-x--desktop']
21130
+ args: ['font-weight']
21131
+ }], title: [{
21132
+ type: Input
21113
21133
  }], grow: [{
21114
21134
  type: Input
21115
21135
  }], growMobile: [{
@@ -21248,39 +21268,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21248
21268
  args: ['sticky-bottom']
21249
21269
  }] } });
21250
21270
  /**
21251
- * @description Type-only wrapper for <px-vstack>
21271
+ * @description Type-only wrapper for <px-page>
21252
21272
  */
21253
- class PxVstack {
21273
+ class PxPage {
21254
21274
  elementRef;
21255
- set direction(value) {
21256
- this.elementRef.nativeElement['direction'] = value;
21257
- }
21258
- get direction() {
21259
- return this.elementRef.nativeElement['direction'];
21260
- }
21261
- set directionMobile(value) {
21262
- this.elementRef.nativeElement['directionMobile'] = value;
21263
- }
21264
- get directionMobile() {
21265
- return this.elementRef.nativeElement['directionMobile'];
21266
- }
21267
- set directionTablet(value) {
21268
- this.elementRef.nativeElement['directionTablet'] = value;
21269
- }
21270
- get directionTablet() {
21271
- return this.elementRef.nativeElement['directionTablet'];
21272
- }
21273
- set directionLaptop(value) {
21274
- this.elementRef.nativeElement['directionLaptop'] = value;
21275
- }
21276
- get directionLaptop() {
21277
- return this.elementRef.nativeElement['directionLaptop'];
21278
- }
21279
- set directionDesktop(value) {
21280
- this.elementRef.nativeElement['directionDesktop'] = value;
21275
+ set backgroundImage(value) {
21276
+ this.elementRef.nativeElement['backgroundImage'] = value;
21281
21277
  }
21282
- get directionDesktop() {
21283
- return this.elementRef.nativeElement['directionDesktop'];
21278
+ get backgroundImage() {
21279
+ return this.elementRef.nativeElement['backgroundImage'];
21284
21280
  }
21285
21281
  set gap(value) {
21286
21282
  this.elementRef.nativeElement['gap'] = value;
@@ -21288,236 +21284,110 @@ class PxVstack {
21288
21284
  get gap() {
21289
21285
  return this.elementRef.nativeElement['gap'];
21290
21286
  }
21291
- set gapMobile(value) {
21292
- this.elementRef.nativeElement['gapMobile'] = value;
21287
+ set backgroundColor(value) {
21288
+ this.elementRef.nativeElement['backgroundColor'] = value;
21293
21289
  }
21294
- get gapMobile() {
21295
- return this.elementRef.nativeElement['gapMobile'];
21290
+ get backgroundColor() {
21291
+ return this.elementRef.nativeElement['backgroundColor'];
21296
21292
  }
21297
- set gapTablet(value) {
21298
- this.elementRef.nativeElement['gapTablet'] = value;
21293
+ set paddingVertical(value) {
21294
+ this.elementRef.nativeElement['paddingVertical'] = value;
21299
21295
  }
21300
- get gapTablet() {
21301
- return this.elementRef.nativeElement['gapTablet'];
21296
+ get paddingVertical() {
21297
+ return this.elementRef.nativeElement['paddingVertical'];
21302
21298
  }
21303
- set gapLaptop(value) {
21304
- this.elementRef.nativeElement['gapLaptop'] = value;
21299
+ set paddingHorizontal(value) {
21300
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
21305
21301
  }
21306
- get gapLaptop() {
21307
- return this.elementRef.nativeElement['gapLaptop'];
21302
+ get paddingHorizontal() {
21303
+ return this.elementRef.nativeElement['paddingHorizontal'];
21308
21304
  }
21309
- set gapDesktop(value) {
21310
- this.elementRef.nativeElement['gapDesktop'] = value;
21305
+ set grow(value) {
21306
+ this.elementRef.nativeElement['grow'] = value;
21311
21307
  }
21312
- get gapDesktop() {
21313
- return this.elementRef.nativeElement['gapDesktop'];
21308
+ get grow() {
21309
+ return this.elementRef.nativeElement['grow'];
21314
21310
  }
21315
- set justifyContent(value) {
21316
- this.elementRef.nativeElement['justifyContent'] = value;
21311
+ set growMobile(value) {
21312
+ this.elementRef.nativeElement['growMobile'] = value;
21317
21313
  }
21318
- get justifyContent() {
21319
- return this.elementRef.nativeElement['justifyContent'];
21314
+ get growMobile() {
21315
+ return this.elementRef.nativeElement['growMobile'];
21320
21316
  }
21321
- set justifyContentMobile(value) {
21322
- this.elementRef.nativeElement['justifyContentMobile'] = value;
21317
+ set growTablet(value) {
21318
+ this.elementRef.nativeElement['growTablet'] = value;
21323
21319
  }
21324
- get justifyContentMobile() {
21325
- return this.elementRef.nativeElement['justifyContentMobile'];
21320
+ get growTablet() {
21321
+ return this.elementRef.nativeElement['growTablet'];
21326
21322
  }
21327
- set justifyContentTablet(value) {
21328
- this.elementRef.nativeElement['justifyContentTablet'] = value;
21323
+ set growLaptop(value) {
21324
+ this.elementRef.nativeElement['growLaptop'] = value;
21329
21325
  }
21330
- get justifyContentTablet() {
21331
- return this.elementRef.nativeElement['justifyContentTablet'];
21326
+ get growLaptop() {
21327
+ return this.elementRef.nativeElement['growLaptop'];
21332
21328
  }
21333
- set justifyContentLaptop(value) {
21334
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
21329
+ set growDesktop(value) {
21330
+ this.elementRef.nativeElement['growDesktop'] = value;
21335
21331
  }
21336
- get justifyContentLaptop() {
21337
- return this.elementRef.nativeElement['justifyContentLaptop'];
21332
+ get growDesktop() {
21333
+ return this.elementRef.nativeElement['growDesktop'];
21338
21334
  }
21339
- set justifyContentDesktop(value) {
21340
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
21335
+ set shrink(value) {
21336
+ this.elementRef.nativeElement['shrink'] = value;
21341
21337
  }
21342
- get justifyContentDesktop() {
21343
- return this.elementRef.nativeElement['justifyContentDesktop'];
21338
+ get shrink() {
21339
+ return this.elementRef.nativeElement['shrink'];
21344
21340
  }
21345
- set alignItems(value) {
21346
- this.elementRef.nativeElement['alignItems'] = value;
21341
+ set shrinkMobile(value) {
21342
+ this.elementRef.nativeElement['shrinkMobile'] = value;
21347
21343
  }
21348
- get alignItems() {
21349
- return this.elementRef.nativeElement['alignItems'];
21344
+ get shrinkMobile() {
21345
+ return this.elementRef.nativeElement['shrinkMobile'];
21350
21346
  }
21351
- set alignItemsMobile(value) {
21352
- this.elementRef.nativeElement['alignItemsMobile'] = value;
21347
+ set shrinkTablet(value) {
21348
+ this.elementRef.nativeElement['shrinkTablet'] = value;
21353
21349
  }
21354
- get alignItemsMobile() {
21355
- return this.elementRef.nativeElement['alignItemsMobile'];
21350
+ get shrinkTablet() {
21351
+ return this.elementRef.nativeElement['shrinkTablet'];
21356
21352
  }
21357
- set alignItemsTablet(value) {
21358
- this.elementRef.nativeElement['alignItemsTablet'] = value;
21353
+ set shrinkLaptop(value) {
21354
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
21359
21355
  }
21360
- get alignItemsTablet() {
21361
- return this.elementRef.nativeElement['alignItemsTablet'];
21356
+ get shrinkLaptop() {
21357
+ return this.elementRef.nativeElement['shrinkLaptop'];
21362
21358
  }
21363
- set alignItemsLaptop(value) {
21364
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
21359
+ set shrinkDesktop(value) {
21360
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
21365
21361
  }
21366
- get alignItemsLaptop() {
21367
- return this.elementRef.nativeElement['alignItemsLaptop'];
21362
+ get shrinkDesktop() {
21363
+ return this.elementRef.nativeElement['shrinkDesktop'];
21368
21364
  }
21369
- set alignItemsDesktop(value) {
21370
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
21365
+ set basis(value) {
21366
+ this.elementRef.nativeElement['basis'] = value;
21371
21367
  }
21372
- get alignItemsDesktop() {
21373
- return this.elementRef.nativeElement['alignItemsDesktop'];
21368
+ get basis() {
21369
+ return this.elementRef.nativeElement['basis'];
21374
21370
  }
21375
- set wrap(value) {
21376
- this.elementRef.nativeElement['wrap'] = value;
21371
+ set basisMobile(value) {
21372
+ this.elementRef.nativeElement['basisMobile'] = value;
21377
21373
  }
21378
- get wrap() {
21379
- return this.elementRef.nativeElement['wrap'];
21374
+ get basisMobile() {
21375
+ return this.elementRef.nativeElement['basisMobile'];
21380
21376
  }
21381
- set wrapMobile(value) {
21382
- this.elementRef.nativeElement['wrapMobile'] = value;
21377
+ set basisTablet(value) {
21378
+ this.elementRef.nativeElement['basisTablet'] = value;
21383
21379
  }
21384
- get wrapMobile() {
21385
- return this.elementRef.nativeElement['wrapMobile'];
21380
+ get basisTablet() {
21381
+ return this.elementRef.nativeElement['basisTablet'];
21386
21382
  }
21387
- set wrapTablet(value) {
21388
- this.elementRef.nativeElement['wrapTablet'] = value;
21383
+ set basisLaptop(value) {
21384
+ this.elementRef.nativeElement['basisLaptop'] = value;
21389
21385
  }
21390
- get wrapTablet() {
21391
- return this.elementRef.nativeElement['wrapTablet'];
21386
+ get basisLaptop() {
21387
+ return this.elementRef.nativeElement['basisLaptop'];
21392
21388
  }
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;
21389
+ set basisDesktop(value) {
21390
+ this.elementRef.nativeElement['basisDesktop'] = value;
21521
21391
  }
21522
21392
  get basisDesktop() {
21523
21393
  return this.elementRef.nativeElement['basisDesktop'];
@@ -21717,101 +21587,28 @@ class PxVstack {
21717
21587
  constructor(elementRef) {
21718
21588
  this.elementRef = elementRef;
21719
21589
  }
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 });
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 });
21722
21592
  }
21723
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
21593
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
21724
21594
  type: Directive,
21725
21595
  args: [{
21726
- selector: 'px-vstack',
21596
+ selector: 'px-page',
21727
21597
  }]
21728
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21729
- type: Input
21730
- }], directionMobile: [{
21731
- type: Input,
21732
- args: ['direction--mobile']
21733
- }], directionTablet: [{
21734
- type: Input,
21735
- args: ['direction--tablet']
21736
- }], directionLaptop: [{
21737
- type: Input,
21738
- args: ['direction--laptop']
21739
- }], directionDesktop: [{
21598
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
21740
21599
  type: Input,
21741
- args: ['direction--desktop']
21600
+ args: ['background-image']
21742
21601
  }], gap: [{
21743
21602
  type: Input
21744
- }], gapMobile: [{
21745
- type: Input,
21746
- args: ['gap--mobile']
21747
- }], gapTablet: [{
21748
- type: Input,
21749
- args: ['gap--tablet']
21750
- }], gapLaptop: [{
21751
- type: Input,
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: [{
21603
+ }], backgroundColor: [{
21807
21604
  type: Input,
21808
- args: ['overflow-x--tablet']
21809
- }], overflowXLaptop: [{
21605
+ args: ['background-color']
21606
+ }], paddingVertical: [{
21810
21607
  type: Input,
21811
- args: ['overflow-x--laptop']
21812
- }], overflowXDesktop: [{
21608
+ args: ['padding-vertical']
21609
+ }], paddingHorizontal: [{
21813
21610
  type: Input,
21814
- args: ['overflow-x--desktop']
21611
+ args: ['padding-horizontal']
21815
21612
  }], grow: [{
21816
21613
  type: Input
21817
21614
  }], growMobile: [{
@@ -21950,33 +21747,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21950
21747
  args: ['sticky-bottom']
21951
21748
  }] } });
21952
21749
  /**
21953
- * @description Type-only wrapper for <px-hstack>
21750
+ * @description Type-only wrapper for <px-spacer>
21954
21751
  */
21955
- class PxHstack {
21752
+ class PxSpacer {
21956
21753
  elementRef;
21957
- set direction(value) {
21958
- this.elementRef.nativeElement['direction'] = value;
21959
- }
21960
- get direction() {
21961
- return this.elementRef.nativeElement['direction'];
21962
- }
21963
- set directionMobile(value) {
21964
- this.elementRef.nativeElement['directionMobile'] = value;
21965
- }
21966
- get directionMobile() {
21967
- return this.elementRef.nativeElement['directionMobile'];
21754
+ set grow(value) {
21755
+ this.elementRef.nativeElement['grow'] = value;
21968
21756
  }
21969
- set directionTablet(value) {
21970
- this.elementRef.nativeElement['directionTablet'] = value;
21757
+ get grow() {
21758
+ return this.elementRef.nativeElement['grow'];
21971
21759
  }
21972
- get directionTablet() {
21973
- return this.elementRef.nativeElement['directionTablet'];
21760
+ set nogap(value) {
21761
+ this.elementRef.nativeElement['nogap'] = value;
21974
21762
  }
21975
- set directionLaptop(value) {
21976
- this.elementRef.nativeElement['directionLaptop'] = value;
21763
+ get nogap() {
21764
+ return this.elementRef.nativeElement['nogap'];
21977
21765
  }
21978
- get directionLaptop() {
21979
- return this.elementRef.nativeElement['directionLaptop'];
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;
21789
+ }
21790
+ get direction() {
21791
+ return this.elementRef.nativeElement['direction'];
21792
+ }
21793
+ set directionMobile(value) {
21794
+ this.elementRef.nativeElement['directionMobile'] = value;
21795
+ }
21796
+ get directionMobile() {
21797
+ return this.elementRef.nativeElement['directionMobile'];
21798
+ }
21799
+ set directionTablet(value) {
21800
+ this.elementRef.nativeElement['directionTablet'] = value;
21801
+ }
21802
+ get directionTablet() {
21803
+ return this.elementRef.nativeElement['directionTablet'];
21804
+ }
21805
+ set directionLaptop(value) {
21806
+ this.elementRef.nativeElement['directionLaptop'] = value;
21807
+ }
21808
+ get directionLaptop() {
21809
+ return this.elementRef.nativeElement['directionLaptop'];
21980
21810
  }
21981
21811
  set directionDesktop(value) {
21982
21812
  this.elementRef.nativeElement['directionDesktop'] = value;
@@ -22419,13 +22249,13 @@ class PxHstack {
22419
22249
  constructor(elementRef) {
22420
22250
  this.elementRef = elementRef;
22421
22251
  }
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 });
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 });
22424
22254
  }
22425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
22255
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
22426
22256
  type: Directive,
22427
22257
  args: [{
22428
- selector: 'px-hstack',
22258
+ selector: 'px-stack',
22429
22259
  }]
22430
22260
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22431
22261
  type: Input
@@ -22652,163 +22482,213 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22652
22482
  args: ['sticky-bottom']
22653
22483
  }] } });
22654
22484
  /**
22655
- * @description Type-only wrapper for <px-a>
22485
+ * @description Type-only wrapper for <px-vstack>
22656
22486
  */
22657
- class PxA {
22487
+ class PxVstack {
22658
22488
  elementRef;
22659
- set disabled(value) {
22660
- this.elementRef.nativeElement['disabled'] = value;
22489
+ set direction(value) {
22490
+ this.elementRef.nativeElement['direction'] = value;
22661
22491
  }
22662
- get disabled() {
22663
- return this.elementRef.nativeElement['disabled'];
22492
+ get direction() {
22493
+ return this.elementRef.nativeElement['direction'];
22664
22494
  }
22665
- set variant(value) {
22666
- this.elementRef.nativeElement['variant'] = value;
22495
+ set directionMobile(value) {
22496
+ this.elementRef.nativeElement['directionMobile'] = value;
22667
22497
  }
22668
- get variant() {
22669
- return this.elementRef.nativeElement['variant'];
22498
+ get directionMobile() {
22499
+ return this.elementRef.nativeElement['directionMobile'];
22670
22500
  }
22671
- set shape(value) {
22672
- this.elementRef.nativeElement['shape'] = value;
22501
+ set directionTablet(value) {
22502
+ this.elementRef.nativeElement['directionTablet'] = value;
22673
22503
  }
22674
- get shape() {
22675
- return this.elementRef.nativeElement['shape'];
22504
+ get directionTablet() {
22505
+ return this.elementRef.nativeElement['directionTablet'];
22676
22506
  }
22677
- set shapeMobile(value) {
22678
- this.elementRef.nativeElement['shapeMobile'] = value;
22507
+ set directionLaptop(value) {
22508
+ this.elementRef.nativeElement['directionLaptop'] = value;
22679
22509
  }
22680
- get shapeMobile() {
22681
- return this.elementRef.nativeElement['shapeMobile'];
22510
+ get directionLaptop() {
22511
+ return this.elementRef.nativeElement['directionLaptop'];
22682
22512
  }
22683
- set shapeTablet(value) {
22684
- this.elementRef.nativeElement['shapeTablet'] = value;
22513
+ set directionDesktop(value) {
22514
+ this.elementRef.nativeElement['directionDesktop'] = value;
22685
22515
  }
22686
- get shapeTablet() {
22687
- return this.elementRef.nativeElement['shapeTablet'];
22516
+ get directionDesktop() {
22517
+ return this.elementRef.nativeElement['directionDesktop'];
22688
22518
  }
22689
- set shapeLaptop(value) {
22690
- this.elementRef.nativeElement['shapeLaptop'] = value;
22519
+ set gap(value) {
22520
+ this.elementRef.nativeElement['gap'] = value;
22691
22521
  }
22692
- get shapeLaptop() {
22693
- return this.elementRef.nativeElement['shapeLaptop'];
22522
+ get gap() {
22523
+ return this.elementRef.nativeElement['gap'];
22694
22524
  }
22695
- set shapeDesktop(value) {
22696
- this.elementRef.nativeElement['shapeDesktop'] = value;
22525
+ set gapMobile(value) {
22526
+ this.elementRef.nativeElement['gapMobile'] = value;
22697
22527
  }
22698
- get shapeDesktop() {
22699
- return this.elementRef.nativeElement['shapeDesktop'];
22528
+ get gapMobile() {
22529
+ return this.elementRef.nativeElement['gapMobile'];
22700
22530
  }
22701
- set extended(value) {
22702
- this.elementRef.nativeElement['extended'] = value;
22531
+ set gapTablet(value) {
22532
+ this.elementRef.nativeElement['gapTablet'] = value;
22703
22533
  }
22704
- get extended() {
22705
- return this.elementRef.nativeElement['extended'];
22534
+ get gapTablet() {
22535
+ return this.elementRef.nativeElement['gapTablet'];
22706
22536
  }
22707
- set extendedMobile(value) {
22708
- this.elementRef.nativeElement['extendedMobile'] = value;
22537
+ set gapLaptop(value) {
22538
+ this.elementRef.nativeElement['gapLaptop'] = value;
22709
22539
  }
22710
- get extendedMobile() {
22711
- return this.elementRef.nativeElement['extendedMobile'];
22540
+ get gapLaptop() {
22541
+ return this.elementRef.nativeElement['gapLaptop'];
22712
22542
  }
22713
- set extendedTablet(value) {
22714
- this.elementRef.nativeElement['extendedTablet'] = value;
22543
+ set gapDesktop(value) {
22544
+ this.elementRef.nativeElement['gapDesktop'] = value;
22715
22545
  }
22716
- get extendedTablet() {
22717
- return this.elementRef.nativeElement['extendedTablet'];
22546
+ get gapDesktop() {
22547
+ return this.elementRef.nativeElement['gapDesktop'];
22718
22548
  }
22719
- set extendedLaptop(value) {
22720
- this.elementRef.nativeElement['extendedLaptop'] = value;
22549
+ set justifyContent(value) {
22550
+ this.elementRef.nativeElement['justifyContent'] = value;
22721
22551
  }
22722
- get extendedLaptop() {
22723
- return this.elementRef.nativeElement['extendedLaptop'];
22552
+ get justifyContent() {
22553
+ return this.elementRef.nativeElement['justifyContent'];
22724
22554
  }
22725
- set extendedDesktop(value) {
22726
- this.elementRef.nativeElement['extendedDesktop'] = value;
22555
+ set justifyContentMobile(value) {
22556
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
22727
22557
  }
22728
- get extendedDesktop() {
22729
- return this.elementRef.nativeElement['extendedDesktop'];
22558
+ get justifyContentMobile() {
22559
+ return this.elementRef.nativeElement['justifyContentMobile'];
22730
22560
  }
22731
- set inverted(value) {
22732
- this.elementRef.nativeElement['inverted'] = value;
22561
+ set justifyContentTablet(value) {
22562
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
22733
22563
  }
22734
- get inverted() {
22735
- return this.elementRef.nativeElement['inverted'];
22564
+ get justifyContentTablet() {
22565
+ return this.elementRef.nativeElement['justifyContentTablet'];
22736
22566
  }
22737
- set fontSize(value) {
22738
- this.elementRef.nativeElement['fontSize'] = value;
22567
+ set justifyContentLaptop(value) {
22568
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
22739
22569
  }
22740
- get fontSize() {
22741
- return this.elementRef.nativeElement['fontSize'];
22570
+ get justifyContentLaptop() {
22571
+ return this.elementRef.nativeElement['justifyContentLaptop'];
22742
22572
  }
22743
- set color(value) {
22744
- this.elementRef.nativeElement['color'] = value;
22573
+ set justifyContentDesktop(value) {
22574
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
22745
22575
  }
22746
- get color() {
22747
- return this.elementRef.nativeElement['color'];
22576
+ get justifyContentDesktop() {
22577
+ return this.elementRef.nativeElement['justifyContentDesktop'];
22748
22578
  }
22749
- set fontWeight(value) {
22750
- this.elementRef.nativeElement['fontWeight'] = value;
22579
+ set alignItems(value) {
22580
+ this.elementRef.nativeElement['alignItems'] = value;
22751
22581
  }
22752
- get fontWeight() {
22753
- return this.elementRef.nativeElement['fontWeight'];
22582
+ get alignItems() {
22583
+ return this.elementRef.nativeElement['alignItems'];
22754
22584
  }
22755
- set title(value) {
22756
- this.elementRef.nativeElement['title'] = value;
22585
+ set alignItemsMobile(value) {
22586
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
22757
22587
  }
22758
- get title() {
22759
- return this.elementRef.nativeElement['title'];
22588
+ get alignItemsMobile() {
22589
+ return this.elementRef.nativeElement['alignItemsMobile'];
22760
22590
  }
22761
- /** The URL that the hyperlink points to. */
22762
- set href(value) {
22763
- this.elementRef.nativeElement['href'] = value;
22591
+ set alignItemsTablet(value) {
22592
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
22764
22593
  }
22765
- get href() {
22766
- return this.elementRef.nativeElement['href'];
22594
+ get alignItemsTablet() {
22595
+ return this.elementRef.nativeElement['alignItemsTablet'];
22767
22596
  }
22768
- /** Where to display the linked URL. */
22769
- set target(value) {
22770
- this.elementRef.nativeElement['target'] = value;
22597
+ set alignItemsLaptop(value) {
22598
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
22771
22599
  }
22772
- get target() {
22773
- return this.elementRef.nativeElement['target'];
22600
+ get alignItemsLaptop() {
22601
+ return this.elementRef.nativeElement['alignItemsLaptop'];
22774
22602
  }
22775
- /** The relationship of the linked URL as space-separated link types. */
22776
- set rel(value) {
22777
- this.elementRef.nativeElement['rel'] = value;
22603
+ set alignItemsDesktop(value) {
22604
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
22778
22605
  }
22779
- get rel() {
22780
- return this.elementRef.nativeElement['rel'];
22606
+ get alignItemsDesktop() {
22607
+ return this.elementRef.nativeElement['alignItemsDesktop'];
22781
22608
  }
22782
- /** Prompts the user to save the linked URL instead of navigating to it. */
22783
- set download(value) {
22784
- this.elementRef.nativeElement['download'] = value;
22609
+ set wrap(value) {
22610
+ this.elementRef.nativeElement['wrap'] = value;
22785
22611
  }
22786
- get download() {
22787
- return this.elementRef.nativeElement['download'];
22612
+ get wrap() {
22613
+ return this.elementRef.nativeElement['wrap'];
22788
22614
  }
22789
- set grow(value) {
22790
- this.elementRef.nativeElement['grow'] = value;
22615
+ set wrapMobile(value) {
22616
+ this.elementRef.nativeElement['wrapMobile'] = value;
22791
22617
  }
22792
- get grow() {
22793
- return this.elementRef.nativeElement['grow'];
22618
+ get wrapMobile() {
22619
+ return this.elementRef.nativeElement['wrapMobile'];
22794
22620
  }
22795
- set growMobile(value) {
22796
- this.elementRef.nativeElement['growMobile'] = value;
22621
+ set wrapTablet(value) {
22622
+ this.elementRef.nativeElement['wrapTablet'] = value;
22797
22623
  }
22798
- get growMobile() {
22799
- return this.elementRef.nativeElement['growMobile'];
22624
+ get wrapTablet() {
22625
+ return this.elementRef.nativeElement['wrapTablet'];
22800
22626
  }
22801
- set growTablet(value) {
22802
- this.elementRef.nativeElement['growTablet'] = value;
22627
+ set wrapLaptop(value) {
22628
+ this.elementRef.nativeElement['wrapLaptop'] = value;
22803
22629
  }
22804
- get growTablet() {
22805
- return this.elementRef.nativeElement['growTablet'];
22630
+ get wrapLaptop() {
22631
+ return this.elementRef.nativeElement['wrapLaptop'];
22806
22632
  }
22807
- set growLaptop(value) {
22808
- this.elementRef.nativeElement['growLaptop'] = value;
22633
+ set wrapDesktop(value) {
22634
+ this.elementRef.nativeElement['wrapDesktop'] = value;
22809
22635
  }
22810
- get growLaptop() {
22811
- return this.elementRef.nativeElement['growLaptop'];
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
+ }
22660
+ get overflowXLaptop() {
22661
+ return this.elementRef.nativeElement['overflowXLaptop'];
22662
+ }
22663
+ set overflowXDesktop(value) {
22664
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
22665
+ }
22666
+ get overflowXDesktop() {
22667
+ return this.elementRef.nativeElement['overflowXDesktop'];
22668
+ }
22669
+ set grow(value) {
22670
+ this.elementRef.nativeElement['grow'] = value;
22671
+ }
22672
+ get grow() {
22673
+ return this.elementRef.nativeElement['grow'];
22674
+ }
22675
+ set growMobile(value) {
22676
+ this.elementRef.nativeElement['growMobile'] = value;
22677
+ }
22678
+ get growMobile() {
22679
+ return this.elementRef.nativeElement['growMobile'];
22680
+ }
22681
+ set growTablet(value) {
22682
+ this.elementRef.nativeElement['growTablet'] = value;
22683
+ }
22684
+ get growTablet() {
22685
+ return this.elementRef.nativeElement['growTablet'];
22686
+ }
22687
+ set growLaptop(value) {
22688
+ this.elementRef.nativeElement['growLaptop'] = value;
22689
+ }
22690
+ get growLaptop() {
22691
+ return this.elementRef.nativeElement['growLaptop'];
22812
22692
  }
22813
22693
  set growDesktop(value) {
22814
22694
  this.elementRef.nativeElement['growDesktop'] = value;
@@ -23071,66 +22951,101 @@ class PxA {
23071
22951
  constructor(elementRef) {
23072
22952
  this.elementRef = elementRef;
23073
22953
  }
23074
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23075
- 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 });
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 });
23076
22956
  }
23077
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
22957
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
23078
22958
  type: Directive,
23079
22959
  args: [{
23080
- selector: 'px-a',
22960
+ selector: 'px-vstack',
23081
22961
  }]
23082
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
23083
- type: Input
23084
- }], variant: [{
23085
- type: Input
23086
- }], shape: [{
22962
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23087
22963
  type: Input
23088
- }], shapeMobile: [{
22964
+ }], directionMobile: [{
23089
22965
  type: Input,
23090
- args: ['shape--mobile']
23091
- }], shapeTablet: [{
22966
+ args: ['direction--mobile']
22967
+ }], directionTablet: [{
23092
22968
  type: Input,
23093
- args: ['shape--tablet']
23094
- }], shapeLaptop: [{
22969
+ args: ['direction--tablet']
22970
+ }], directionLaptop: [{
23095
22971
  type: Input,
23096
- args: ['shape--laptop']
23097
- }], shapeDesktop: [{
22972
+ args: ['direction--laptop']
22973
+ }], directionDesktop: [{
23098
22974
  type: Input,
23099
- args: ['shape--desktop']
23100
- }], extended: [{
22975
+ args: ['direction--desktop']
22976
+ }], gap: [{
23101
22977
  type: Input
23102
- }], extendedMobile: [{
22978
+ }], gapMobile: [{
23103
22979
  type: Input,
23104
- args: ['extended--mobile']
23105
- }], extendedTablet: [{
22980
+ args: ['gap--mobile']
22981
+ }], gapTablet: [{
23106
22982
  type: Input,
23107
- args: ['extended--tablet']
23108
- }], extendedLaptop: [{
22983
+ args: ['gap--tablet']
22984
+ }], gapLaptop: [{
23109
22985
  type: Input,
23110
- args: ['extended--laptop']
23111
- }], extendedDesktop: [{
22986
+ args: ['gap--laptop']
22987
+ }], gapDesktop: [{
23112
22988
  type: Input,
23113
- args: ['extended--desktop']
23114
- }], inverted: [{
23115
- type: Input
23116
- }], fontSize: [{
22989
+ args: ['gap--desktop']
22990
+ }], justifyContent: [{
23117
22991
  type: Input,
23118
- args: ['font-size']
23119
- }], color: [{
23120
- type: Input
23121
- }], fontWeight: [{
22992
+ args: ['justify-content']
22993
+ }], justifyContentMobile: [{
23122
22994
  type: Input,
23123
- args: ['font-weight']
23124
- }], title: [{
23125
- type: Input
23126
- }], href: [{
23127
- type: Input
23128
- }], target: [{
23129
- type: Input
23130
- }], rel: [{
23131
- type: Input
23132
- }], download: [{
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: [{
23133
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']
23134
23049
  }], grow: [{
23135
23050
  type: Input
23136
23051
  }], growMobile: [{
@@ -23269,139 +23184,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23269
23184
  args: ['sticky-bottom']
23270
23185
  }] } });
23271
23186
  /**
23272
- * @description Type-only wrapper for <px-a-wrapper>
23187
+ * @description Type-only wrapper for <px-hstack>
23273
23188
  */
23274
- class PxAWrapper {
23189
+ class PxHstack {
23275
23190
  elementRef;
23276
- /** The URL that the hyperlink points to. */
23277
- set href(value) {
23278
- this.elementRef.nativeElement['href'] = value;
23191
+ set direction(value) {
23192
+ this.elementRef.nativeElement['direction'] = value;
23279
23193
  }
23280
- get href() {
23281
- return this.elementRef.nativeElement['href'];
23194
+ get direction() {
23195
+ return this.elementRef.nativeElement['direction'];
23282
23196
  }
23283
- /** Where to display the linked URL. */
23284
- set target(value) {
23285
- this.elementRef.nativeElement['target'] = value;
23197
+ set directionMobile(value) {
23198
+ this.elementRef.nativeElement['directionMobile'] = value;
23286
23199
  }
23287
- get target() {
23288
- return this.elementRef.nativeElement['target'];
23200
+ get directionMobile() {
23201
+ return this.elementRef.nativeElement['directionMobile'];
23289
23202
  }
23290
- /** The relationship of the linked URL as space-separated link types. */
23291
- set rel(value) {
23292
- this.elementRef.nativeElement['rel'] = value;
23203
+ set directionTablet(value) {
23204
+ this.elementRef.nativeElement['directionTablet'] = value;
23293
23205
  }
23294
- get rel() {
23295
- return this.elementRef.nativeElement['rel'];
23206
+ get directionTablet() {
23207
+ return this.elementRef.nativeElement['directionTablet'];
23296
23208
  }
23297
- /** Prompts the user to save the linked URL instead of navigating to it. */
23298
- set download(value) {
23299
- this.elementRef.nativeElement['download'] = value;
23209
+ set directionLaptop(value) {
23210
+ this.elementRef.nativeElement['directionLaptop'] = value;
23300
23211
  }
23301
- get download() {
23302
- return this.elementRef.nativeElement['download'];
23212
+ get directionLaptop() {
23213
+ return this.elementRef.nativeElement['directionLaptop'];
23303
23214
  }
23304
- set disabled(value) {
23305
- this.elementRef.nativeElement['disabled'] = value;
23215
+ set directionDesktop(value) {
23216
+ this.elementRef.nativeElement['directionDesktop'] = value;
23306
23217
  }
23307
- get disabled() {
23308
- return this.elementRef.nativeElement['disabled'];
23218
+ get directionDesktop() {
23219
+ return this.elementRef.nativeElement['directionDesktop'];
23309
23220
  }
23310
- set variant(value) {
23311
- this.elementRef.nativeElement['variant'] = value;
23221
+ set gap(value) {
23222
+ this.elementRef.nativeElement['gap'] = value;
23312
23223
  }
23313
- get variant() {
23314
- return this.elementRef.nativeElement['variant'];
23224
+ get gap() {
23225
+ return this.elementRef.nativeElement['gap'];
23315
23226
  }
23316
- set shape(value) {
23317
- this.elementRef.nativeElement['shape'] = value;
23227
+ set gapMobile(value) {
23228
+ this.elementRef.nativeElement['gapMobile'] = value;
23318
23229
  }
23319
- get shape() {
23320
- return this.elementRef.nativeElement['shape'];
23230
+ get gapMobile() {
23231
+ return this.elementRef.nativeElement['gapMobile'];
23321
23232
  }
23322
- set shapeMobile(value) {
23323
- this.elementRef.nativeElement['shapeMobile'] = value;
23233
+ set gapTablet(value) {
23234
+ this.elementRef.nativeElement['gapTablet'] = value;
23324
23235
  }
23325
- get shapeMobile() {
23326
- return this.elementRef.nativeElement['shapeMobile'];
23236
+ get gapTablet() {
23237
+ return this.elementRef.nativeElement['gapTablet'];
23327
23238
  }
23328
- set shapeTablet(value) {
23329
- this.elementRef.nativeElement['shapeTablet'] = value;
23239
+ set gapLaptop(value) {
23240
+ this.elementRef.nativeElement['gapLaptop'] = value;
23330
23241
  }
23331
- get shapeTablet() {
23332
- return this.elementRef.nativeElement['shapeTablet'];
23242
+ get gapLaptop() {
23243
+ return this.elementRef.nativeElement['gapLaptop'];
23333
23244
  }
23334
- set shapeLaptop(value) {
23335
- this.elementRef.nativeElement['shapeLaptop'] = value;
23245
+ set gapDesktop(value) {
23246
+ this.elementRef.nativeElement['gapDesktop'] = value;
23336
23247
  }
23337
- get shapeLaptop() {
23338
- return this.elementRef.nativeElement['shapeLaptop'];
23248
+ get gapDesktop() {
23249
+ return this.elementRef.nativeElement['gapDesktop'];
23339
23250
  }
23340
- set shapeDesktop(value) {
23341
- this.elementRef.nativeElement['shapeDesktop'] = value;
23251
+ set justifyContent(value) {
23252
+ this.elementRef.nativeElement['justifyContent'] = value;
23342
23253
  }
23343
- get shapeDesktop() {
23344
- return this.elementRef.nativeElement['shapeDesktop'];
23254
+ get justifyContent() {
23255
+ return this.elementRef.nativeElement['justifyContent'];
23345
23256
  }
23346
- set extended(value) {
23347
- this.elementRef.nativeElement['extended'] = value;
23257
+ set justifyContentMobile(value) {
23258
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
23348
23259
  }
23349
- get extended() {
23350
- return this.elementRef.nativeElement['extended'];
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;
23351
23313
  }
23352
- set extendedMobile(value) {
23353
- this.elementRef.nativeElement['extendedMobile'] = value;
23314
+ get wrap() {
23315
+ return this.elementRef.nativeElement['wrap'];
23354
23316
  }
23355
- get extendedMobile() {
23356
- return this.elementRef.nativeElement['extendedMobile'];
23317
+ set wrapMobile(value) {
23318
+ this.elementRef.nativeElement['wrapMobile'] = value;
23357
23319
  }
23358
- set extendedTablet(value) {
23359
- this.elementRef.nativeElement['extendedTablet'] = value;
23320
+ get wrapMobile() {
23321
+ return this.elementRef.nativeElement['wrapMobile'];
23360
23322
  }
23361
- get extendedTablet() {
23362
- return this.elementRef.nativeElement['extendedTablet'];
23323
+ set wrapTablet(value) {
23324
+ this.elementRef.nativeElement['wrapTablet'] = value;
23363
23325
  }
23364
- set extendedLaptop(value) {
23365
- this.elementRef.nativeElement['extendedLaptop'] = value;
23326
+ get wrapTablet() {
23327
+ return this.elementRef.nativeElement['wrapTablet'];
23366
23328
  }
23367
- get extendedLaptop() {
23368
- return this.elementRef.nativeElement['extendedLaptop'];
23329
+ set wrapLaptop(value) {
23330
+ this.elementRef.nativeElement['wrapLaptop'] = value;
23369
23331
  }
23370
- set extendedDesktop(value) {
23371
- this.elementRef.nativeElement['extendedDesktop'] = value;
23332
+ get wrapLaptop() {
23333
+ return this.elementRef.nativeElement['wrapLaptop'];
23372
23334
  }
23373
- get extendedDesktop() {
23374
- return this.elementRef.nativeElement['extendedDesktop'];
23335
+ set wrapDesktop(value) {
23336
+ this.elementRef.nativeElement['wrapDesktop'] = value;
23375
23337
  }
23376
- set inverted(value) {
23377
- this.elementRef.nativeElement['inverted'] = value;
23338
+ get wrapDesktop() {
23339
+ return this.elementRef.nativeElement['wrapDesktop'];
23378
23340
  }
23379
- get inverted() {
23380
- return this.elementRef.nativeElement['inverted'];
23341
+ set overflowX(value) {
23342
+ this.elementRef.nativeElement['overflowX'] = value;
23381
23343
  }
23382
- set fontSize(value) {
23383
- this.elementRef.nativeElement['fontSize'] = value;
23344
+ get overflowX() {
23345
+ return this.elementRef.nativeElement['overflowX'];
23384
23346
  }
23385
- get fontSize() {
23386
- return this.elementRef.nativeElement['fontSize'];
23347
+ set overflowXMobile(value) {
23348
+ this.elementRef.nativeElement['overflowXMobile'] = value;
23387
23349
  }
23388
- set color(value) {
23389
- this.elementRef.nativeElement['color'] = value;
23350
+ get overflowXMobile() {
23351
+ return this.elementRef.nativeElement['overflowXMobile'];
23390
23352
  }
23391
- get color() {
23392
- return this.elementRef.nativeElement['color'];
23353
+ set overflowXTablet(value) {
23354
+ this.elementRef.nativeElement['overflowXTablet'] = value;
23393
23355
  }
23394
- set fontWeight(value) {
23395
- this.elementRef.nativeElement['fontWeight'] = value;
23356
+ get overflowXTablet() {
23357
+ return this.elementRef.nativeElement['overflowXTablet'];
23396
23358
  }
23397
- get fontWeight() {
23398
- return this.elementRef.nativeElement['fontWeight'];
23359
+ set overflowXLaptop(value) {
23360
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
23399
23361
  }
23400
- set title(value) {
23401
- this.elementRef.nativeElement['title'] = value;
23362
+ get overflowXLaptop() {
23363
+ return this.elementRef.nativeElement['overflowXLaptop'];
23402
23364
  }
23403
- get title() {
23404
- return this.elementRef.nativeElement['title'];
23365
+ set overflowXDesktop(value) {
23366
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
23367
+ }
23368
+ get overflowXDesktop() {
23369
+ return this.elementRef.nativeElement['overflowXDesktop'];
23405
23370
  }
23406
23371
  set grow(value) {
23407
23372
  this.elementRef.nativeElement['grow'] = value;
@@ -23688,66 +23653,101 @@ class PxAWrapper {
23688
23653
  constructor(elementRef) {
23689
23654
  this.elementRef = elementRef;
23690
23655
  }
23691
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23692
- 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 });
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 });
23693
23658
  }
23694
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
23659
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
23695
23660
  type: Directive,
23696
23661
  args: [{
23697
- selector: 'px-a-wrapper',
23662
+ selector: 'px-hstack',
23698
23663
  }]
23699
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
23700
- type: Input
23701
- }], target: [{
23702
- type: Input
23703
- }], rel: [{
23704
- type: Input
23705
- }], download: [{
23706
- type: Input
23707
- }], disabled: [{
23708
- type: Input
23709
- }], variant: [{
23710
- type: Input
23711
- }], shape: [{
23664
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23712
23665
  type: Input
23713
- }], shapeMobile: [{
23666
+ }], directionMobile: [{
23714
23667
  type: Input,
23715
- args: ['shape--mobile']
23716
- }], shapeTablet: [{
23668
+ args: ['direction--mobile']
23669
+ }], directionTablet: [{
23717
23670
  type: Input,
23718
- args: ['shape--tablet']
23719
- }], shapeLaptop: [{
23671
+ args: ['direction--tablet']
23672
+ }], directionLaptop: [{
23720
23673
  type: Input,
23721
- args: ['shape--laptop']
23722
- }], shapeDesktop: [{
23674
+ args: ['direction--laptop']
23675
+ }], directionDesktop: [{
23723
23676
  type: Input,
23724
- args: ['shape--desktop']
23725
- }], extended: [{
23677
+ args: ['direction--desktop']
23678
+ }], gap: [{
23726
23679
  type: Input
23727
- }], extendedMobile: [{
23680
+ }], gapMobile: [{
23728
23681
  type: Input,
23729
- args: ['extended--mobile']
23730
- }], extendedTablet: [{
23682
+ args: ['gap--mobile']
23683
+ }], gapTablet: [{
23731
23684
  type: Input,
23732
- args: ['extended--tablet']
23733
- }], extendedLaptop: [{
23685
+ args: ['gap--tablet']
23686
+ }], gapLaptop: [{
23734
23687
  type: Input,
23735
- args: ['extended--laptop']
23736
- }], extendedDesktop: [{
23688
+ args: ['gap--laptop']
23689
+ }], gapDesktop: [{
23737
23690
  type: Input,
23738
- args: ['extended--desktop']
23739
- }], inverted: [{
23740
- type: Input
23741
- }], fontSize: [{
23691
+ args: ['gap--desktop']
23692
+ }], justifyContent: [{
23742
23693
  type: Input,
23743
- args: ['font-size']
23744
- }], color: [{
23745
- type: Input
23746
- }], fontWeight: [{
23694
+ args: ['justify-content']
23695
+ }], justifyContentMobile: [{
23747
23696
  type: Input,
23748
- args: ['font-weight']
23749
- }], title: [{
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: [{
23750
23723
  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
23751
  }], grow: [{
23752
23752
  type: Input
23753
23753
  }], growMobile: [{
@@ -23883,7 +23883,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23883
23883
  args: ['sticky-top']
23884
23884
  }], stickyBottom: [{
23885
23885
  type: Input,
23886
- args: ['sticky-bottom']
23886
+ args: ['sticky-bottom']
23887
+ }] } });
23888
+ /**
23889
+ * @description Type-only wrapper for <px-modal>
23890
+ */
23891
+ class PxModal {
23892
+ elementRef;
23893
+ set open(value) {
23894
+ this.elementRef.nativeElement['open'] = value;
23895
+ }
23896
+ get open() {
23897
+ return this.elementRef.nativeElement['open'];
23898
+ }
23899
+ set status(value) {
23900
+ this.elementRef.nativeElement['status'] = value;
23901
+ }
23902
+ get status() {
23903
+ return this.elementRef.nativeElement['status'];
23904
+ }
23905
+ set mediaSrc(value) {
23906
+ this.elementRef.nativeElement['mediaSrc'] = value;
23907
+ }
23908
+ get mediaSrc() {
23909
+ return this.elementRef.nativeElement['mediaSrc'];
23910
+ }
23911
+ set openedby(value) {
23912
+ this.elementRef.nativeElement['openedby'] = value;
23913
+ }
23914
+ get openedby() {
23915
+ return this.elementRef.nativeElement['openedby'];
23916
+ }
23917
+ set closedby(value) {
23918
+ this.elementRef.nativeElement['closedby'] = value;
23919
+ }
23920
+ get closedby() {
23921
+ return this.elementRef.nativeElement['closedby'];
23922
+ }
23923
+ set id(value) {
23924
+ this.elementRef.nativeElement['id'] = value;
23925
+ }
23926
+ get id() {
23927
+ return this.elementRef.nativeElement['id'];
23928
+ }
23929
+ CLOSE_EVENT = new EventEmitter();
23930
+ constructor(elementRef) {
23931
+ this.elementRef = elementRef;
23932
+ this.elementRef.nativeElement.addEventListener('CLOSE_EVENT', (e) => {
23933
+ this.CLOSE_EVENT.emit(e.detail);
23934
+ });
23935
+ }
23936
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23937
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status", mediaSrc: ["media-src", "mediaSrc"], openedby: "openedby", closedby: "closedby", id: "id" }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
23938
+ }
23939
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, decorators: [{
23940
+ type: Directive,
23941
+ args: [{
23942
+ selector: 'px-modal',
23943
+ }]
23944
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
23945
+ type: Input
23946
+ }], status: [{
23947
+ type: Input
23948
+ }], mediaSrc: [{
23949
+ type: Input,
23950
+ args: ['media-src']
23951
+ }], openedby: [{
23952
+ type: Input
23953
+ }], closedby: [{
23954
+ type: Input
23955
+ }], id: [{
23956
+ type: Input
23957
+ }], CLOSE_EVENT: [{
23958
+ type: Output
23887
23959
  }] } });
23888
23960
  /**
23889
23961
  * @description Type-only wrapper for <px-list>
@@ -24785,78 +24857,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
24785
24857
  }], LIST_ITEM_CONNECTED_EVENT: [{
24786
24858
  type: Output
24787
24859
  }] } });
24788
- /**
24789
- * @description Type-only wrapper for <px-modal>
24790
- */
24791
- class PxModal {
24792
- elementRef;
24793
- set open(value) {
24794
- this.elementRef.nativeElement['open'] = value;
24795
- }
24796
- get open() {
24797
- return this.elementRef.nativeElement['open'];
24798
- }
24799
- set status(value) {
24800
- this.elementRef.nativeElement['status'] = value;
24801
- }
24802
- get status() {
24803
- return this.elementRef.nativeElement['status'];
24804
- }
24805
- set mediaSrc(value) {
24806
- this.elementRef.nativeElement['mediaSrc'] = value;
24807
- }
24808
- get mediaSrc() {
24809
- return this.elementRef.nativeElement['mediaSrc'];
24810
- }
24811
- set openedby(value) {
24812
- this.elementRef.nativeElement['openedby'] = value;
24813
- }
24814
- get openedby() {
24815
- return this.elementRef.nativeElement['openedby'];
24816
- }
24817
- set closedby(value) {
24818
- this.elementRef.nativeElement['closedby'] = value;
24819
- }
24820
- get closedby() {
24821
- return this.elementRef.nativeElement['closedby'];
24822
- }
24823
- set id(value) {
24824
- this.elementRef.nativeElement['id'] = value;
24825
- }
24826
- get id() {
24827
- return this.elementRef.nativeElement['id'];
24828
- }
24829
- CLOSE_EVENT = new EventEmitter();
24830
- constructor(elementRef) {
24831
- this.elementRef = elementRef;
24832
- this.elementRef.nativeElement.addEventListener('CLOSE_EVENT', (e) => {
24833
- this.CLOSE_EVENT.emit(e.detail);
24834
- });
24835
- }
24836
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
24837
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status", mediaSrc: ["media-src", "mediaSrc"], openedby: "openedby", closedby: "closedby", id: "id" }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
24838
- }
24839
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, decorators: [{
24840
- type: Directive,
24841
- args: [{
24842
- selector: 'px-modal',
24843
- }]
24844
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
24845
- type: Input
24846
- }], status: [{
24847
- type: Input
24848
- }], mediaSrc: [{
24849
- type: Input,
24850
- args: ['media-src']
24851
- }], openedby: [{
24852
- type: Input
24853
- }], closedby: [{
24854
- type: Input
24855
- }], id: [{
24856
- type: Input
24857
- }], CLOSE_EVENT: [{
24858
- type: Output
24859
- }] } });
24860
24860
  /**
24861
24861
  * @description Type-only wrapper for <px-p>
24862
24862
  */
@@ -25806,221 +25806,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
25806
25806
  args: ['hidden--desktop']
25807
25807
  }], shownSr: [{
25808
25808
  type: Input,
25809
- args: ['shown--sr']
25810
- }], shownSrMobile: [{
25811
- type: Input,
25812
- args: ['shown--sr--mobile']
25813
- }], shownSrTablet: [{
25814
- type: Input,
25815
- args: ['shown--sr--tablet']
25816
- }], shownSrLaptop: [{
25817
- type: Input,
25818
- args: ['shown--sr--laptop']
25819
- }], shownSrDesktop: [{
25820
- type: Input,
25821
- args: ['shown--sr--desktop']
25822
- }], colSpan: [{
25823
- type: Input,
25824
- args: ['col-span']
25825
- }], colSpanMobile: [{
25826
- type: Input,
25827
- args: ['col-span--mobile']
25828
- }], colSpanTablet: [{
25829
- type: Input,
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: [{
25809
+ args: ['shown--sr']
25810
+ }], shownSrMobile: [{
25981
25811
  type: Input,
25982
- args: ['media-size']
25983
- }], mediaAltText: [{
25812
+ args: ['shown--sr--mobile']
25813
+ }], shownSrTablet: [{
25984
25814
  type: Input,
25985
- args: ['media-alt-text']
25986
- }], padding: [{
25815
+ args: ['shown--sr--tablet']
25816
+ }], shownSrLaptop: [{
25817
+ type: Input,
25818
+ args: ['shown--sr--laptop']
25819
+ }], shownSrDesktop: [{
25820
+ type: Input,
25821
+ args: ['shown--sr--desktop']
25822
+ }], colSpan: [{
25823
+ type: Input,
25824
+ args: ['col-span']
25825
+ }], colSpanMobile: [{
25826
+ type: Input,
25827
+ args: ['col-span--mobile']
25828
+ }], colSpanTablet: [{
25829
+ type: Input,
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: [{
25987
25838
  type: Input
25988
- }], aspectRatio: [{
25839
+ }], orderMobile: [{
25989
25840
  type: Input,
25990
- args: ['aspect-ratio']
25991
- }], hasBorder: [{
25841
+ args: ['order--mobile']
25842
+ }], orderTablet: [{
25992
25843
  type: Input,
25993
- args: ['has-border']
25994
- }], backgroundColor: [{
25844
+ args: ['order--tablet']
25845
+ }], orderLaptop: [{
25995
25846
  type: Input,
25996
- args: ['background-color']
25997
- }], backgroundImage: [{
25847
+ args: ['order--laptop']
25848
+ }], orderDesktop: [{
25998
25849
  type: Input,
25999
- args: ['background-image']
26000
- }], interactiveState: [{
25850
+ args: ['order--desktop']
25851
+ }], stickyTop: [{
26001
25852
  type: Input,
26002
- args: ['interactive-state']
26003
- }], alternativeText: [{
25853
+ args: ['sticky-top']
25854
+ }], stickyBottom: [{
26004
25855
  type: Input,
26005
- args: ['alternative-text']
25856
+ args: ['sticky-bottom']
26006
25857
  }] } });
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 }] });
26024
25858
  /**
26025
25859
  * @description Type-only wrapper for <px-price>
26026
25860
  */
@@ -26480,6 +26314,172 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26480
26314
  type: Input,
26481
26315
  args: ['sticky-bottom']
26482
26316
  }] } });
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, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, 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, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, 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, 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] });
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,
37457
37459
  PxPage,
37458
37460
  PxSpacer,
37459
37461
  PxStack,
37460
37462
  PxVstack,
37461
37463
  PxHstack,
37462
- PxA,
37463
- PxAWrapper,
37464
+ PxModal,
37464
37465
  PxList,
37465
37466
  PxListItem,
37466
- PxModal,
37467
37467
  PxP,
37468
37468
  PxPillar,
37469
+ PxPrice,
37469
37470
  PxCardActions,
37470
37471
  PxCardContainer,
37471
37472
  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,
37559
37561
  PxPage,
37560
37562
  PxSpacer,
37561
37563
  PxStack,
37562
37564
  PxVstack,
37563
37565
  PxHstack,
37564
- PxA,
37565
- PxAWrapper,
37566
+ PxModal,
37566
37567
  PxList,
37567
37568
  PxListItem,
37568
- PxModal,
37569
37569
  PxP,
37570
37570
  PxPillar,
37571
+ PxPrice,
37571
37572
  PxCardActions,
37572
37573
  PxCardContainer,
37573
37574
  PxCardHeading,
37574
- PxPrice,
37575
37575
  PxRadio,
37576
37576
  PxRadioBase,
37577
37577
  PxRadioGroup,