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

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 +1218 -1218
  3. package/fesm2022/proximus-lavender-angular.mjs +1217 -1217
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +373 -373
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -20034,139 +20034,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20034
20034
  type: Output
20035
20035
  }] } });
20036
20036
  /**
20037
- * @description Type-only wrapper for <px-a>
20037
+ * @description Type-only wrapper for <px-page>
20038
20038
  */
20039
- class PxA {
20039
+ class PxPage {
20040
20040
  elementRef;
20041
- set disabled(value) {
20042
- this.elementRef.nativeElement['disabled'] = value;
20043
- }
20044
- get disabled() {
20045
- return this.elementRef.nativeElement['disabled'];
20046
- }
20047
- set variant(value) {
20048
- this.elementRef.nativeElement['variant'] = value;
20049
- }
20050
- get variant() {
20051
- return this.elementRef.nativeElement['variant'];
20052
- }
20053
- set shape(value) {
20054
- this.elementRef.nativeElement['shape'] = value;
20055
- }
20056
- get shape() {
20057
- return this.elementRef.nativeElement['shape'];
20058
- }
20059
- set shapeMobile(value) {
20060
- this.elementRef.nativeElement['shapeMobile'] = value;
20061
- }
20062
- get shapeMobile() {
20063
- return this.elementRef.nativeElement['shapeMobile'];
20064
- }
20065
- set shapeTablet(value) {
20066
- this.elementRef.nativeElement['shapeTablet'] = value;
20067
- }
20068
- get shapeTablet() {
20069
- return this.elementRef.nativeElement['shapeTablet'];
20070
- }
20071
- set shapeLaptop(value) {
20072
- this.elementRef.nativeElement['shapeLaptop'] = value;
20073
- }
20074
- get shapeLaptop() {
20075
- return this.elementRef.nativeElement['shapeLaptop'];
20076
- }
20077
- set shapeDesktop(value) {
20078
- this.elementRef.nativeElement['shapeDesktop'] = value;
20079
- }
20080
- get shapeDesktop() {
20081
- return this.elementRef.nativeElement['shapeDesktop'];
20082
- }
20083
- set extended(value) {
20084
- this.elementRef.nativeElement['extended'] = value;
20085
- }
20086
- get extended() {
20087
- return this.elementRef.nativeElement['extended'];
20088
- }
20089
- set extendedMobile(value) {
20090
- this.elementRef.nativeElement['extendedMobile'] = value;
20091
- }
20092
- get extendedMobile() {
20093
- return this.elementRef.nativeElement['extendedMobile'];
20094
- }
20095
- set extendedTablet(value) {
20096
- this.elementRef.nativeElement['extendedTablet'] = value;
20097
- }
20098
- get extendedTablet() {
20099
- return this.elementRef.nativeElement['extendedTablet'];
20100
- }
20101
- set extendedLaptop(value) {
20102
- this.elementRef.nativeElement['extendedLaptop'] = value;
20103
- }
20104
- get extendedLaptop() {
20105
- return this.elementRef.nativeElement['extendedLaptop'];
20106
- }
20107
- set extendedDesktop(value) {
20108
- this.elementRef.nativeElement['extendedDesktop'] = value;
20109
- }
20110
- get extendedDesktop() {
20111
- return this.elementRef.nativeElement['extendedDesktop'];
20112
- }
20113
- set inverted(value) {
20114
- this.elementRef.nativeElement['inverted'] = value;
20115
- }
20116
- get inverted() {
20117
- return this.elementRef.nativeElement['inverted'];
20118
- }
20119
- set fontSize(value) {
20120
- this.elementRef.nativeElement['fontSize'] = value;
20121
- }
20122
- get fontSize() {
20123
- return this.elementRef.nativeElement['fontSize'];
20124
- }
20125
- set color(value) {
20126
- this.elementRef.nativeElement['color'] = value;
20127
- }
20128
- get color() {
20129
- return this.elementRef.nativeElement['color'];
20130
- }
20131
- set fontWeight(value) {
20132
- this.elementRef.nativeElement['fontWeight'] = value;
20133
- }
20134
- get fontWeight() {
20135
- return this.elementRef.nativeElement['fontWeight'];
20136
- }
20137
- set title(value) {
20138
- this.elementRef.nativeElement['title'] = value;
20041
+ set backgroundImage(value) {
20042
+ this.elementRef.nativeElement['backgroundImage'] = value;
20139
20043
  }
20140
- get title() {
20141
- return this.elementRef.nativeElement['title'];
20044
+ get backgroundImage() {
20045
+ return this.elementRef.nativeElement['backgroundImage'];
20142
20046
  }
20143
- /** The URL that the hyperlink points to. */
20144
- set href(value) {
20145
- this.elementRef.nativeElement['href'] = value;
20047
+ set gap(value) {
20048
+ this.elementRef.nativeElement['gap'] = value;
20146
20049
  }
20147
- get href() {
20148
- return this.elementRef.nativeElement['href'];
20050
+ get gap() {
20051
+ return this.elementRef.nativeElement['gap'];
20149
20052
  }
20150
- /** Where to display the linked URL. */
20151
- set target(value) {
20152
- this.elementRef.nativeElement['target'] = value;
20053
+ set backgroundColor(value) {
20054
+ this.elementRef.nativeElement['backgroundColor'] = value;
20153
20055
  }
20154
- get target() {
20155
- return this.elementRef.nativeElement['target'];
20056
+ get backgroundColor() {
20057
+ return this.elementRef.nativeElement['backgroundColor'];
20156
20058
  }
20157
- /** The relationship of the linked URL as space-separated link types. */
20158
- set rel(value) {
20159
- this.elementRef.nativeElement['rel'] = value;
20059
+ set paddingVertical(value) {
20060
+ this.elementRef.nativeElement['paddingVertical'] = value;
20160
20061
  }
20161
- get rel() {
20162
- return this.elementRef.nativeElement['rel'];
20062
+ get paddingVertical() {
20063
+ return this.elementRef.nativeElement['paddingVertical'];
20163
20064
  }
20164
- /** Prompts the user to save the linked URL instead of navigating to it. */
20165
- set download(value) {
20166
- this.elementRef.nativeElement['download'] = value;
20065
+ set paddingHorizontal(value) {
20066
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
20167
20067
  }
20168
- get download() {
20169
- return this.elementRef.nativeElement['download'];
20068
+ get paddingHorizontal() {
20069
+ return this.elementRef.nativeElement['paddingHorizontal'];
20170
20070
  }
20171
20071
  set grow(value) {
20172
20072
  this.elementRef.nativeElement['grow'] = value;
@@ -20453,66 +20353,28 @@ class PxA {
20453
20353
  constructor(elementRef) {
20454
20354
  this.elementRef = elementRef;
20455
20355
  }
20456
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20457
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxA, selector: "px-a", inputs: { disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", href: "href", target: "target", rel: "rel", download: "download", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
20356
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20357
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPage, selector: "px-page", inputs: { backgroundImage: ["background-image", "backgroundImage"], gap: "gap", backgroundColor: ["background-color", "backgroundColor"], paddingVertical: ["padding-vertical", "paddingVertical"], paddingHorizontal: ["padding-horizontal", "paddingHorizontal"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
20458
20358
  }
20459
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
20359
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
20460
20360
  type: Directive,
20461
20361
  args: [{
20462
- selector: 'px-a',
20362
+ selector: 'px-page',
20463
20363
  }]
20464
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
20465
- type: Input
20466
- }], variant: [{
20467
- type: Input
20468
- }], shape: [{
20469
- type: Input
20470
- }], shapeMobile: [{
20471
- type: Input,
20472
- args: ['shape--mobile']
20473
- }], shapeTablet: [{
20474
- type: Input,
20475
- args: ['shape--tablet']
20476
- }], shapeLaptop: [{
20477
- type: Input,
20478
- args: ['shape--laptop']
20479
- }], shapeDesktop: [{
20364
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
20480
20365
  type: Input,
20481
- args: ['shape--desktop']
20482
- }], extended: [{
20366
+ args: ['background-image']
20367
+ }], gap: [{
20483
20368
  type: Input
20484
- }], extendedMobile: [{
20485
- type: Input,
20486
- args: ['extended--mobile']
20487
- }], extendedTablet: [{
20488
- type: Input,
20489
- args: ['extended--tablet']
20490
- }], extendedLaptop: [{
20491
- type: Input,
20492
- args: ['extended--laptop']
20493
- }], extendedDesktop: [{
20369
+ }], backgroundColor: [{
20494
20370
  type: Input,
20495
- args: ['extended--desktop']
20496
- }], inverted: [{
20497
- type: Input
20498
- }], fontSize: [{
20371
+ args: ['background-color']
20372
+ }], paddingVertical: [{
20499
20373
  type: Input,
20500
- args: ['font-size']
20501
- }], color: [{
20502
- type: Input
20503
- }], fontWeight: [{
20374
+ args: ['padding-vertical']
20375
+ }], paddingHorizontal: [{
20504
20376
  type: Input,
20505
- args: ['font-weight']
20506
- }], title: [{
20507
- type: Input
20508
- }], href: [{
20509
- type: Input
20510
- }], target: [{
20511
- type: Input
20512
- }], rel: [{
20513
- type: Input
20514
- }], download: [{
20515
- type: Input
20377
+ args: ['padding-horizontal']
20516
20378
  }], grow: [{
20517
20379
  type: Input
20518
20380
  }], growMobile: [{
@@ -20651,139 +20513,222 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20651
20513
  args: ['sticky-bottom']
20652
20514
  }] } });
20653
20515
  /**
20654
- * @description Type-only wrapper for <px-a-wrapper>
20516
+ * @description Type-only wrapper for <px-spacer>
20655
20517
  */
20656
- class PxAWrapper {
20518
+ class PxSpacer {
20657
20519
  elementRef;
20658
- /** The URL that the hyperlink points to. */
20659
- set href(value) {
20660
- this.elementRef.nativeElement['href'] = value;
20661
- }
20662
- get href() {
20663
- return this.elementRef.nativeElement['href'];
20664
- }
20665
- /** Where to display the linked URL. */
20666
- set target(value) {
20667
- this.elementRef.nativeElement['target'] = value;
20668
- }
20669
- get target() {
20670
- return this.elementRef.nativeElement['target'];
20671
- }
20672
- /** The relationship of the linked URL as space-separated link types. */
20673
- set rel(value) {
20674
- this.elementRef.nativeElement['rel'] = value;
20675
- }
20676
- get rel() {
20677
- return this.elementRef.nativeElement['rel'];
20678
- }
20679
- /** Prompts the user to save the linked URL instead of navigating to it. */
20680
- set download(value) {
20681
- this.elementRef.nativeElement['download'] = value;
20520
+ set grow(value) {
20521
+ this.elementRef.nativeElement['grow'] = value;
20682
20522
  }
20683
- get download() {
20684
- return this.elementRef.nativeElement['download'];
20523
+ get grow() {
20524
+ return this.elementRef.nativeElement['grow'];
20685
20525
  }
20686
- set disabled(value) {
20687
- this.elementRef.nativeElement['disabled'] = value;
20526
+ set nogap(value) {
20527
+ this.elementRef.nativeElement['nogap'] = value;
20688
20528
  }
20689
- get disabled() {
20690
- return this.elementRef.nativeElement['disabled'];
20529
+ get nogap() {
20530
+ return this.elementRef.nativeElement['nogap'];
20691
20531
  }
20692
- set variant(value) {
20693
- this.elementRef.nativeElement['variant'] = value;
20532
+ constructor(elementRef) {
20533
+ this.elementRef = elementRef;
20694
20534
  }
20695
- get variant() {
20696
- return this.elementRef.nativeElement['variant'];
20535
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20536
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
20537
+ }
20538
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
20539
+ type: Directive,
20540
+ args: [{
20541
+ selector: 'px-spacer',
20542
+ }]
20543
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
20544
+ type: Input
20545
+ }], nogap: [{
20546
+ type: Input
20547
+ }] } });
20548
+ /**
20549
+ * @description Type-only wrapper for <px-stack>
20550
+ */
20551
+ class PxStack {
20552
+ elementRef;
20553
+ set direction(value) {
20554
+ this.elementRef.nativeElement['direction'] = value;
20697
20555
  }
20698
- set shape(value) {
20699
- this.elementRef.nativeElement['shape'] = value;
20556
+ get direction() {
20557
+ return this.elementRef.nativeElement['direction'];
20700
20558
  }
20701
- get shape() {
20702
- return this.elementRef.nativeElement['shape'];
20559
+ set directionMobile(value) {
20560
+ this.elementRef.nativeElement['directionMobile'] = value;
20703
20561
  }
20704
- set shapeMobile(value) {
20705
- this.elementRef.nativeElement['shapeMobile'] = value;
20562
+ get directionMobile() {
20563
+ return this.elementRef.nativeElement['directionMobile'];
20706
20564
  }
20707
- get shapeMobile() {
20708
- return this.elementRef.nativeElement['shapeMobile'];
20565
+ set directionTablet(value) {
20566
+ this.elementRef.nativeElement['directionTablet'] = value;
20709
20567
  }
20710
- set shapeTablet(value) {
20711
- this.elementRef.nativeElement['shapeTablet'] = value;
20568
+ get directionTablet() {
20569
+ return this.elementRef.nativeElement['directionTablet'];
20712
20570
  }
20713
- get shapeTablet() {
20714
- return this.elementRef.nativeElement['shapeTablet'];
20571
+ set directionLaptop(value) {
20572
+ this.elementRef.nativeElement['directionLaptop'] = value;
20715
20573
  }
20716
- set shapeLaptop(value) {
20717
- this.elementRef.nativeElement['shapeLaptop'] = value;
20574
+ get directionLaptop() {
20575
+ return this.elementRef.nativeElement['directionLaptop'];
20718
20576
  }
20719
- get shapeLaptop() {
20720
- return this.elementRef.nativeElement['shapeLaptop'];
20577
+ set directionDesktop(value) {
20578
+ this.elementRef.nativeElement['directionDesktop'] = value;
20721
20579
  }
20722
- set shapeDesktop(value) {
20723
- this.elementRef.nativeElement['shapeDesktop'] = value;
20580
+ get directionDesktop() {
20581
+ return this.elementRef.nativeElement['directionDesktop'];
20724
20582
  }
20725
- get shapeDesktop() {
20726
- return this.elementRef.nativeElement['shapeDesktop'];
20583
+ set gap(value) {
20584
+ this.elementRef.nativeElement['gap'] = value;
20727
20585
  }
20728
- set extended(value) {
20729
- this.elementRef.nativeElement['extended'] = value;
20586
+ get gap() {
20587
+ return this.elementRef.nativeElement['gap'];
20730
20588
  }
20731
- get extended() {
20732
- return this.elementRef.nativeElement['extended'];
20589
+ set gapMobile(value) {
20590
+ this.elementRef.nativeElement['gapMobile'] = value;
20733
20591
  }
20734
- set extendedMobile(value) {
20735
- this.elementRef.nativeElement['extendedMobile'] = value;
20592
+ get gapMobile() {
20593
+ return this.elementRef.nativeElement['gapMobile'];
20736
20594
  }
20737
- get extendedMobile() {
20738
- return this.elementRef.nativeElement['extendedMobile'];
20595
+ set gapTablet(value) {
20596
+ this.elementRef.nativeElement['gapTablet'] = value;
20739
20597
  }
20740
- set extendedTablet(value) {
20741
- this.elementRef.nativeElement['extendedTablet'] = value;
20598
+ get gapTablet() {
20599
+ return this.elementRef.nativeElement['gapTablet'];
20742
20600
  }
20743
- get extendedTablet() {
20744
- return this.elementRef.nativeElement['extendedTablet'];
20601
+ set gapLaptop(value) {
20602
+ this.elementRef.nativeElement['gapLaptop'] = value;
20745
20603
  }
20746
- set extendedLaptop(value) {
20747
- this.elementRef.nativeElement['extendedLaptop'] = value;
20604
+ get gapLaptop() {
20605
+ return this.elementRef.nativeElement['gapLaptop'];
20748
20606
  }
20749
- get extendedLaptop() {
20750
- return this.elementRef.nativeElement['extendedLaptop'];
20607
+ set gapDesktop(value) {
20608
+ this.elementRef.nativeElement['gapDesktop'] = value;
20751
20609
  }
20752
- set extendedDesktop(value) {
20753
- this.elementRef.nativeElement['extendedDesktop'] = value;
20610
+ get gapDesktop() {
20611
+ return this.elementRef.nativeElement['gapDesktop'];
20754
20612
  }
20755
- get extendedDesktop() {
20756
- return this.elementRef.nativeElement['extendedDesktop'];
20613
+ set justifyContent(value) {
20614
+ this.elementRef.nativeElement['justifyContent'] = value;
20757
20615
  }
20758
- set inverted(value) {
20759
- this.elementRef.nativeElement['inverted'] = value;
20616
+ get justifyContent() {
20617
+ return this.elementRef.nativeElement['justifyContent'];
20760
20618
  }
20761
- get inverted() {
20762
- return this.elementRef.nativeElement['inverted'];
20619
+ set justifyContentMobile(value) {
20620
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
20763
20621
  }
20764
- set fontSize(value) {
20765
- this.elementRef.nativeElement['fontSize'] = value;
20622
+ get justifyContentMobile() {
20623
+ return this.elementRef.nativeElement['justifyContentMobile'];
20766
20624
  }
20767
- get fontSize() {
20768
- return this.elementRef.nativeElement['fontSize'];
20625
+ set justifyContentTablet(value) {
20626
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
20769
20627
  }
20770
- set color(value) {
20771
- this.elementRef.nativeElement['color'] = value;
20628
+ get justifyContentTablet() {
20629
+ return this.elementRef.nativeElement['justifyContentTablet'];
20772
20630
  }
20773
- get color() {
20774
- return this.elementRef.nativeElement['color'];
20631
+ set justifyContentLaptop(value) {
20632
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
20775
20633
  }
20776
- set fontWeight(value) {
20777
- this.elementRef.nativeElement['fontWeight'] = value;
20634
+ get justifyContentLaptop() {
20635
+ return this.elementRef.nativeElement['justifyContentLaptop'];
20778
20636
  }
20779
- get fontWeight() {
20780
- return this.elementRef.nativeElement['fontWeight'];
20637
+ set justifyContentDesktop(value) {
20638
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
20781
20639
  }
20782
- set title(value) {
20783
- this.elementRef.nativeElement['title'] = value;
20640
+ get justifyContentDesktop() {
20641
+ return this.elementRef.nativeElement['justifyContentDesktop'];
20784
20642
  }
20785
- get title() {
20786
- return this.elementRef.nativeElement['title'];
20643
+ set alignItems(value) {
20644
+ this.elementRef.nativeElement['alignItems'] = value;
20645
+ }
20646
+ get alignItems() {
20647
+ return this.elementRef.nativeElement['alignItems'];
20648
+ }
20649
+ set alignItemsMobile(value) {
20650
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
20651
+ }
20652
+ get alignItemsMobile() {
20653
+ return this.elementRef.nativeElement['alignItemsMobile'];
20654
+ }
20655
+ set alignItemsTablet(value) {
20656
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
20657
+ }
20658
+ get alignItemsTablet() {
20659
+ return this.elementRef.nativeElement['alignItemsTablet'];
20660
+ }
20661
+ set alignItemsLaptop(value) {
20662
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
20663
+ }
20664
+ get alignItemsLaptop() {
20665
+ return this.elementRef.nativeElement['alignItemsLaptop'];
20666
+ }
20667
+ set alignItemsDesktop(value) {
20668
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
20669
+ }
20670
+ get alignItemsDesktop() {
20671
+ return this.elementRef.nativeElement['alignItemsDesktop'];
20672
+ }
20673
+ set wrap(value) {
20674
+ this.elementRef.nativeElement['wrap'] = value;
20675
+ }
20676
+ get wrap() {
20677
+ return this.elementRef.nativeElement['wrap'];
20678
+ }
20679
+ set wrapMobile(value) {
20680
+ this.elementRef.nativeElement['wrapMobile'] = value;
20681
+ }
20682
+ get wrapMobile() {
20683
+ return this.elementRef.nativeElement['wrapMobile'];
20684
+ }
20685
+ set wrapTablet(value) {
20686
+ this.elementRef.nativeElement['wrapTablet'] = value;
20687
+ }
20688
+ get wrapTablet() {
20689
+ return this.elementRef.nativeElement['wrapTablet'];
20690
+ }
20691
+ set wrapLaptop(value) {
20692
+ this.elementRef.nativeElement['wrapLaptop'] = value;
20693
+ }
20694
+ get wrapLaptop() {
20695
+ return this.elementRef.nativeElement['wrapLaptop'];
20696
+ }
20697
+ set wrapDesktop(value) {
20698
+ this.elementRef.nativeElement['wrapDesktop'] = value;
20699
+ }
20700
+ get wrapDesktop() {
20701
+ return this.elementRef.nativeElement['wrapDesktop'];
20702
+ }
20703
+ set overflowX(value) {
20704
+ this.elementRef.nativeElement['overflowX'] = value;
20705
+ }
20706
+ get overflowX() {
20707
+ return this.elementRef.nativeElement['overflowX'];
20708
+ }
20709
+ set overflowXMobile(value) {
20710
+ this.elementRef.nativeElement['overflowXMobile'] = value;
20711
+ }
20712
+ get overflowXMobile() {
20713
+ return this.elementRef.nativeElement['overflowXMobile'];
20714
+ }
20715
+ set overflowXTablet(value) {
20716
+ this.elementRef.nativeElement['overflowXTablet'] = value;
20717
+ }
20718
+ get overflowXTablet() {
20719
+ return this.elementRef.nativeElement['overflowXTablet'];
20720
+ }
20721
+ set overflowXLaptop(value) {
20722
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
20723
+ }
20724
+ get overflowXLaptop() {
20725
+ return this.elementRef.nativeElement['overflowXLaptop'];
20726
+ }
20727
+ set overflowXDesktop(value) {
20728
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
20729
+ }
20730
+ get overflowXDesktop() {
20731
+ return this.elementRef.nativeElement['overflowXDesktop'];
20787
20732
  }
20788
20733
  set grow(value) {
20789
20734
  this.elementRef.nativeElement['grow'] = value;
@@ -21070,66 +21015,101 @@ class PxAWrapper {
21070
21015
  constructor(elementRef) {
21071
21016
  this.elementRef = elementRef;
21072
21017
  }
21073
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21074
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAWrapper, selector: "px-a-wrapper", inputs: { href: "href", target: "target", rel: "rel", download: "download", disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21018
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21019
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStack, selector: "px-stack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21075
21020
  }
21076
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
21021
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
21077
21022
  type: Directive,
21078
21023
  args: [{
21079
- selector: 'px-a-wrapper',
21024
+ selector: 'px-stack',
21080
21025
  }]
21081
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
21082
- type: Input
21083
- }], target: [{
21084
- type: Input
21085
- }], rel: [{
21086
- type: Input
21087
- }], download: [{
21088
- type: Input
21089
- }], disabled: [{
21090
- type: Input
21091
- }], variant: [{
21092
- type: Input
21093
- }], shape: [{
21026
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21094
21027
  type: Input
21095
- }], shapeMobile: [{
21028
+ }], directionMobile: [{
21096
21029
  type: Input,
21097
- args: ['shape--mobile']
21098
- }], shapeTablet: [{
21030
+ args: ['direction--mobile']
21031
+ }], directionTablet: [{
21099
21032
  type: Input,
21100
- args: ['shape--tablet']
21101
- }], shapeLaptop: [{
21033
+ args: ['direction--tablet']
21034
+ }], directionLaptop: [{
21102
21035
  type: Input,
21103
- args: ['shape--laptop']
21104
- }], shapeDesktop: [{
21036
+ args: ['direction--laptop']
21037
+ }], directionDesktop: [{
21105
21038
  type: Input,
21106
- args: ['shape--desktop']
21107
- }], extended: [{
21039
+ args: ['direction--desktop']
21040
+ }], gap: [{
21108
21041
  type: Input
21109
- }], extendedMobile: [{
21042
+ }], gapMobile: [{
21110
21043
  type: Input,
21111
- args: ['extended--mobile']
21112
- }], extendedTablet: [{
21044
+ args: ['gap--mobile']
21045
+ }], gapTablet: [{
21113
21046
  type: Input,
21114
- args: ['extended--tablet']
21115
- }], extendedLaptop: [{
21047
+ args: ['gap--tablet']
21048
+ }], gapLaptop: [{
21116
21049
  type: Input,
21117
- args: ['extended--laptop']
21118
- }], extendedDesktop: [{
21050
+ args: ['gap--laptop']
21051
+ }], gapDesktop: [{
21119
21052
  type: Input,
21120
- args: ['extended--desktop']
21121
- }], inverted: [{
21122
- type: Input
21123
- }], fontSize: [{
21053
+ args: ['gap--desktop']
21054
+ }], justifyContent: [{
21124
21055
  type: Input,
21125
- args: ['font-size']
21126
- }], color: [{
21127
- type: Input
21128
- }], fontWeight: [{
21056
+ args: ['justify-content']
21057
+ }], justifyContentMobile: [{
21129
21058
  type: Input,
21130
- args: ['font-weight']
21131
- }], title: [{
21059
+ args: ['justify-content--mobile']
21060
+ }], justifyContentTablet: [{
21061
+ type: Input,
21062
+ args: ['justify-content--tablet']
21063
+ }], justifyContentLaptop: [{
21064
+ type: Input,
21065
+ args: ['justify-content--laptop']
21066
+ }], justifyContentDesktop: [{
21067
+ type: Input,
21068
+ args: ['justify-content--desktop']
21069
+ }], alignItems: [{
21070
+ type: Input,
21071
+ args: ['align-items']
21072
+ }], alignItemsMobile: [{
21073
+ type: Input,
21074
+ args: ['align-items--mobile']
21075
+ }], alignItemsTablet: [{
21076
+ type: Input,
21077
+ args: ['align-items--tablet']
21078
+ }], alignItemsLaptop: [{
21079
+ type: Input,
21080
+ args: ['align-items--laptop']
21081
+ }], alignItemsDesktop: [{
21082
+ type: Input,
21083
+ args: ['align-items--desktop']
21084
+ }], wrap: [{
21132
21085
  type: Input
21086
+ }], wrapMobile: [{
21087
+ type: Input,
21088
+ args: ['wrap--mobile']
21089
+ }], wrapTablet: [{
21090
+ type: Input,
21091
+ args: ['wrap--tablet']
21092
+ }], wrapLaptop: [{
21093
+ type: Input,
21094
+ args: ['wrap--laptop']
21095
+ }], wrapDesktop: [{
21096
+ type: Input,
21097
+ args: ['wrap--desktop']
21098
+ }], overflowX: [{
21099
+ type: Input,
21100
+ args: ['overflow-x']
21101
+ }], overflowXMobile: [{
21102
+ type: Input,
21103
+ args: ['overflow-x--mobile']
21104
+ }], overflowXTablet: [{
21105
+ type: Input,
21106
+ args: ['overflow-x--tablet']
21107
+ }], overflowXLaptop: [{
21108
+ type: Input,
21109
+ args: ['overflow-x--laptop']
21110
+ }], overflowXDesktop: [{
21111
+ type: Input,
21112
+ args: ['overflow-x--desktop']
21133
21113
  }], grow: [{
21134
21114
  type: Input
21135
21115
  }], growMobile: [{
@@ -21268,129 +21248,279 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21268
21248
  args: ['sticky-bottom']
21269
21249
  }] } });
21270
21250
  /**
21271
- * @description Type-only wrapper for <px-page>
21251
+ * @description Type-only wrapper for <px-vstack>
21272
21252
  */
21273
- class PxPage {
21253
+ class PxVstack {
21274
21254
  elementRef;
21275
- set backgroundImage(value) {
21276
- this.elementRef.nativeElement['backgroundImage'] = value;
21255
+ set direction(value) {
21256
+ this.elementRef.nativeElement['direction'] = value;
21277
21257
  }
21278
- get backgroundImage() {
21279
- return this.elementRef.nativeElement['backgroundImage'];
21258
+ get direction() {
21259
+ return this.elementRef.nativeElement['direction'];
21280
21260
  }
21281
- set gap(value) {
21282
- this.elementRef.nativeElement['gap'] = value;
21261
+ set directionMobile(value) {
21262
+ this.elementRef.nativeElement['directionMobile'] = value;
21283
21263
  }
21284
- get gap() {
21285
- return this.elementRef.nativeElement['gap'];
21264
+ get directionMobile() {
21265
+ return this.elementRef.nativeElement['directionMobile'];
21286
21266
  }
21287
- set backgroundColor(value) {
21288
- this.elementRef.nativeElement['backgroundColor'] = value;
21267
+ set directionTablet(value) {
21268
+ this.elementRef.nativeElement['directionTablet'] = value;
21289
21269
  }
21290
- get backgroundColor() {
21291
- return this.elementRef.nativeElement['backgroundColor'];
21270
+ get directionTablet() {
21271
+ return this.elementRef.nativeElement['directionTablet'];
21292
21272
  }
21293
- set paddingVertical(value) {
21294
- this.elementRef.nativeElement['paddingVertical'] = value;
21273
+ set directionLaptop(value) {
21274
+ this.elementRef.nativeElement['directionLaptop'] = value;
21295
21275
  }
21296
- get paddingVertical() {
21297
- return this.elementRef.nativeElement['paddingVertical'];
21276
+ get directionLaptop() {
21277
+ return this.elementRef.nativeElement['directionLaptop'];
21298
21278
  }
21299
- set paddingHorizontal(value) {
21300
- this.elementRef.nativeElement['paddingHorizontal'] = value;
21279
+ set directionDesktop(value) {
21280
+ this.elementRef.nativeElement['directionDesktop'] = value;
21301
21281
  }
21302
- get paddingHorizontal() {
21303
- return this.elementRef.nativeElement['paddingHorizontal'];
21282
+ get directionDesktop() {
21283
+ return this.elementRef.nativeElement['directionDesktop'];
21304
21284
  }
21305
- set grow(value) {
21306
- this.elementRef.nativeElement['grow'] = value;
21285
+ set gap(value) {
21286
+ this.elementRef.nativeElement['gap'] = value;
21307
21287
  }
21308
- get grow() {
21309
- return this.elementRef.nativeElement['grow'];
21288
+ get gap() {
21289
+ return this.elementRef.nativeElement['gap'];
21310
21290
  }
21311
- set growMobile(value) {
21312
- this.elementRef.nativeElement['growMobile'] = value;
21291
+ set gapMobile(value) {
21292
+ this.elementRef.nativeElement['gapMobile'] = value;
21313
21293
  }
21314
- get growMobile() {
21315
- return this.elementRef.nativeElement['growMobile'];
21294
+ get gapMobile() {
21295
+ return this.elementRef.nativeElement['gapMobile'];
21316
21296
  }
21317
- set growTablet(value) {
21318
- this.elementRef.nativeElement['growTablet'] = value;
21297
+ set gapTablet(value) {
21298
+ this.elementRef.nativeElement['gapTablet'] = value;
21319
21299
  }
21320
- get growTablet() {
21321
- return this.elementRef.nativeElement['growTablet'];
21300
+ get gapTablet() {
21301
+ return this.elementRef.nativeElement['gapTablet'];
21322
21302
  }
21323
- set growLaptop(value) {
21324
- this.elementRef.nativeElement['growLaptop'] = value;
21303
+ set gapLaptop(value) {
21304
+ this.elementRef.nativeElement['gapLaptop'] = value;
21325
21305
  }
21326
- get growLaptop() {
21327
- return this.elementRef.nativeElement['growLaptop'];
21306
+ get gapLaptop() {
21307
+ return this.elementRef.nativeElement['gapLaptop'];
21328
21308
  }
21329
- set growDesktop(value) {
21330
- this.elementRef.nativeElement['growDesktop'] = value;
21309
+ set gapDesktop(value) {
21310
+ this.elementRef.nativeElement['gapDesktop'] = value;
21331
21311
  }
21332
- get growDesktop() {
21333
- return this.elementRef.nativeElement['growDesktop'];
21312
+ get gapDesktop() {
21313
+ return this.elementRef.nativeElement['gapDesktop'];
21334
21314
  }
21335
- set shrink(value) {
21336
- this.elementRef.nativeElement['shrink'] = value;
21315
+ set justifyContent(value) {
21316
+ this.elementRef.nativeElement['justifyContent'] = value;
21337
21317
  }
21338
- get shrink() {
21339
- return this.elementRef.nativeElement['shrink'];
21318
+ get justifyContent() {
21319
+ return this.elementRef.nativeElement['justifyContent'];
21340
21320
  }
21341
- set shrinkMobile(value) {
21342
- this.elementRef.nativeElement['shrinkMobile'] = value;
21321
+ set justifyContentMobile(value) {
21322
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
21343
21323
  }
21344
- get shrinkMobile() {
21345
- return this.elementRef.nativeElement['shrinkMobile'];
21324
+ get justifyContentMobile() {
21325
+ return this.elementRef.nativeElement['justifyContentMobile'];
21346
21326
  }
21347
- set shrinkTablet(value) {
21348
- this.elementRef.nativeElement['shrinkTablet'] = value;
21327
+ set justifyContentTablet(value) {
21328
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
21349
21329
  }
21350
- get shrinkTablet() {
21351
- return this.elementRef.nativeElement['shrinkTablet'];
21330
+ get justifyContentTablet() {
21331
+ return this.elementRef.nativeElement['justifyContentTablet'];
21352
21332
  }
21353
- set shrinkLaptop(value) {
21354
- this.elementRef.nativeElement['shrinkLaptop'] = value;
21333
+ set justifyContentLaptop(value) {
21334
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
21355
21335
  }
21356
- get shrinkLaptop() {
21357
- return this.elementRef.nativeElement['shrinkLaptop'];
21336
+ get justifyContentLaptop() {
21337
+ return this.elementRef.nativeElement['justifyContentLaptop'];
21358
21338
  }
21359
- set shrinkDesktop(value) {
21360
- this.elementRef.nativeElement['shrinkDesktop'] = value;
21339
+ set justifyContentDesktop(value) {
21340
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
21361
21341
  }
21362
- get shrinkDesktop() {
21363
- return this.elementRef.nativeElement['shrinkDesktop'];
21342
+ get justifyContentDesktop() {
21343
+ return this.elementRef.nativeElement['justifyContentDesktop'];
21364
21344
  }
21365
- set basis(value) {
21366
- this.elementRef.nativeElement['basis'] = value;
21345
+ set alignItems(value) {
21346
+ this.elementRef.nativeElement['alignItems'] = value;
21367
21347
  }
21368
- get basis() {
21369
- return this.elementRef.nativeElement['basis'];
21348
+ get alignItems() {
21349
+ return this.elementRef.nativeElement['alignItems'];
21370
21350
  }
21371
- set basisMobile(value) {
21372
- this.elementRef.nativeElement['basisMobile'] = value;
21351
+ set alignItemsMobile(value) {
21352
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
21373
21353
  }
21374
- get basisMobile() {
21375
- return this.elementRef.nativeElement['basisMobile'];
21354
+ get alignItemsMobile() {
21355
+ return this.elementRef.nativeElement['alignItemsMobile'];
21376
21356
  }
21377
- set basisTablet(value) {
21378
- this.elementRef.nativeElement['basisTablet'] = value;
21357
+ set alignItemsTablet(value) {
21358
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
21379
21359
  }
21380
- get basisTablet() {
21381
- return this.elementRef.nativeElement['basisTablet'];
21360
+ get alignItemsTablet() {
21361
+ return this.elementRef.nativeElement['alignItemsTablet'];
21382
21362
  }
21383
- set basisLaptop(value) {
21384
- this.elementRef.nativeElement['basisLaptop'] = value;
21363
+ set alignItemsLaptop(value) {
21364
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
21385
21365
  }
21386
- get basisLaptop() {
21387
- return this.elementRef.nativeElement['basisLaptop'];
21366
+ get alignItemsLaptop() {
21367
+ return this.elementRef.nativeElement['alignItemsLaptop'];
21388
21368
  }
21389
- set basisDesktop(value) {
21390
- this.elementRef.nativeElement['basisDesktop'] = value;
21369
+ set alignItemsDesktop(value) {
21370
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
21391
21371
  }
21392
- get basisDesktop() {
21393
- return this.elementRef.nativeElement['basisDesktop'];
21372
+ get alignItemsDesktop() {
21373
+ return this.elementRef.nativeElement['alignItemsDesktop'];
21374
+ }
21375
+ set wrap(value) {
21376
+ this.elementRef.nativeElement['wrap'] = value;
21377
+ }
21378
+ get wrap() {
21379
+ return this.elementRef.nativeElement['wrap'];
21380
+ }
21381
+ set wrapMobile(value) {
21382
+ this.elementRef.nativeElement['wrapMobile'] = value;
21383
+ }
21384
+ get wrapMobile() {
21385
+ return this.elementRef.nativeElement['wrapMobile'];
21386
+ }
21387
+ set wrapTablet(value) {
21388
+ this.elementRef.nativeElement['wrapTablet'] = value;
21389
+ }
21390
+ get wrapTablet() {
21391
+ return this.elementRef.nativeElement['wrapTablet'];
21392
+ }
21393
+ set wrapLaptop(value) {
21394
+ this.elementRef.nativeElement['wrapLaptop'] = value;
21395
+ }
21396
+ get wrapLaptop() {
21397
+ return this.elementRef.nativeElement['wrapLaptop'];
21398
+ }
21399
+ set wrapDesktop(value) {
21400
+ this.elementRef.nativeElement['wrapDesktop'] = value;
21401
+ }
21402
+ get wrapDesktop() {
21403
+ return this.elementRef.nativeElement['wrapDesktop'];
21404
+ }
21405
+ set overflowX(value) {
21406
+ this.elementRef.nativeElement['overflowX'] = value;
21407
+ }
21408
+ get overflowX() {
21409
+ return this.elementRef.nativeElement['overflowX'];
21410
+ }
21411
+ set overflowXMobile(value) {
21412
+ this.elementRef.nativeElement['overflowXMobile'] = value;
21413
+ }
21414
+ get overflowXMobile() {
21415
+ return this.elementRef.nativeElement['overflowXMobile'];
21416
+ }
21417
+ set overflowXTablet(value) {
21418
+ this.elementRef.nativeElement['overflowXTablet'] = value;
21419
+ }
21420
+ get overflowXTablet() {
21421
+ return this.elementRef.nativeElement['overflowXTablet'];
21422
+ }
21423
+ set overflowXLaptop(value) {
21424
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
21425
+ }
21426
+ get overflowXLaptop() {
21427
+ return this.elementRef.nativeElement['overflowXLaptop'];
21428
+ }
21429
+ set overflowXDesktop(value) {
21430
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
21431
+ }
21432
+ get overflowXDesktop() {
21433
+ return this.elementRef.nativeElement['overflowXDesktop'];
21434
+ }
21435
+ set grow(value) {
21436
+ this.elementRef.nativeElement['grow'] = value;
21437
+ }
21438
+ get grow() {
21439
+ return this.elementRef.nativeElement['grow'];
21440
+ }
21441
+ set growMobile(value) {
21442
+ this.elementRef.nativeElement['growMobile'] = value;
21443
+ }
21444
+ get growMobile() {
21445
+ return this.elementRef.nativeElement['growMobile'];
21446
+ }
21447
+ set growTablet(value) {
21448
+ this.elementRef.nativeElement['growTablet'] = value;
21449
+ }
21450
+ get growTablet() {
21451
+ return this.elementRef.nativeElement['growTablet'];
21452
+ }
21453
+ set growLaptop(value) {
21454
+ this.elementRef.nativeElement['growLaptop'] = value;
21455
+ }
21456
+ get growLaptop() {
21457
+ return this.elementRef.nativeElement['growLaptop'];
21458
+ }
21459
+ set growDesktop(value) {
21460
+ this.elementRef.nativeElement['growDesktop'] = value;
21461
+ }
21462
+ get growDesktop() {
21463
+ return this.elementRef.nativeElement['growDesktop'];
21464
+ }
21465
+ set shrink(value) {
21466
+ this.elementRef.nativeElement['shrink'] = value;
21467
+ }
21468
+ get shrink() {
21469
+ return this.elementRef.nativeElement['shrink'];
21470
+ }
21471
+ set shrinkMobile(value) {
21472
+ this.elementRef.nativeElement['shrinkMobile'] = value;
21473
+ }
21474
+ get shrinkMobile() {
21475
+ return this.elementRef.nativeElement['shrinkMobile'];
21476
+ }
21477
+ set shrinkTablet(value) {
21478
+ this.elementRef.nativeElement['shrinkTablet'] = value;
21479
+ }
21480
+ get shrinkTablet() {
21481
+ return this.elementRef.nativeElement['shrinkTablet'];
21482
+ }
21483
+ set shrinkLaptop(value) {
21484
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
21485
+ }
21486
+ get shrinkLaptop() {
21487
+ return this.elementRef.nativeElement['shrinkLaptop'];
21488
+ }
21489
+ set shrinkDesktop(value) {
21490
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
21491
+ }
21492
+ get shrinkDesktop() {
21493
+ return this.elementRef.nativeElement['shrinkDesktop'];
21494
+ }
21495
+ set basis(value) {
21496
+ this.elementRef.nativeElement['basis'] = value;
21497
+ }
21498
+ get basis() {
21499
+ return this.elementRef.nativeElement['basis'];
21500
+ }
21501
+ set basisMobile(value) {
21502
+ this.elementRef.nativeElement['basisMobile'] = value;
21503
+ }
21504
+ get basisMobile() {
21505
+ return this.elementRef.nativeElement['basisMobile'];
21506
+ }
21507
+ set basisTablet(value) {
21508
+ this.elementRef.nativeElement['basisTablet'] = value;
21509
+ }
21510
+ get basisTablet() {
21511
+ return this.elementRef.nativeElement['basisTablet'];
21512
+ }
21513
+ set basisLaptop(value) {
21514
+ this.elementRef.nativeElement['basisLaptop'] = value;
21515
+ }
21516
+ get basisLaptop() {
21517
+ return this.elementRef.nativeElement['basisLaptop'];
21518
+ }
21519
+ set basisDesktop(value) {
21520
+ this.elementRef.nativeElement['basisDesktop'] = value;
21521
+ }
21522
+ get basisDesktop() {
21523
+ return this.elementRef.nativeElement['basisDesktop'];
21394
21524
  }
21395
21525
  set alignSelf(value) {
21396
21526
  this.elementRef.nativeElement['alignSelf'] = value;
@@ -21587,28 +21717,101 @@ class PxPage {
21587
21717
  constructor(elementRef) {
21588
21718
  this.elementRef = elementRef;
21589
21719
  }
21590
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21591
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPage, selector: "px-page", inputs: { backgroundImage: ["background-image", "backgroundImage"], gap: "gap", backgroundColor: ["background-color", "backgroundColor"], paddingVertical: ["padding-vertical", "paddingVertical"], paddingHorizontal: ["padding-horizontal", "paddingHorizontal"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21720
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21721
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxVstack, selector: "px-vstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
21592
21722
  }
21593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
21723
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
21594
21724
  type: Directive,
21595
21725
  args: [{
21596
- selector: 'px-page',
21726
+ selector: 'px-vstack',
21597
21727
  }]
21598
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
21728
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21729
+ type: Input
21730
+ }], directionMobile: [{
21599
21731
  type: Input,
21600
- args: ['background-image']
21732
+ args: ['direction--mobile']
21733
+ }], directionTablet: [{
21734
+ type: Input,
21735
+ args: ['direction--tablet']
21736
+ }], directionLaptop: [{
21737
+ type: Input,
21738
+ args: ['direction--laptop']
21739
+ }], directionDesktop: [{
21740
+ type: Input,
21741
+ args: ['direction--desktop']
21601
21742
  }], gap: [{
21602
21743
  type: Input
21603
- }], backgroundColor: [{
21744
+ }], gapMobile: [{
21604
21745
  type: Input,
21605
- args: ['background-color']
21606
- }], paddingVertical: [{
21746
+ args: ['gap--mobile']
21747
+ }], gapTablet: [{
21607
21748
  type: Input,
21608
- args: ['padding-vertical']
21609
- }], paddingHorizontal: [{
21749
+ args: ['gap--tablet']
21750
+ }], gapLaptop: [{
21610
21751
  type: Input,
21611
- args: ['padding-horizontal']
21752
+ args: ['gap--laptop']
21753
+ }], gapDesktop: [{
21754
+ type: Input,
21755
+ args: ['gap--desktop']
21756
+ }], justifyContent: [{
21757
+ type: Input,
21758
+ args: ['justify-content']
21759
+ }], justifyContentMobile: [{
21760
+ type: Input,
21761
+ args: ['justify-content--mobile']
21762
+ }], justifyContentTablet: [{
21763
+ type: Input,
21764
+ args: ['justify-content--tablet']
21765
+ }], justifyContentLaptop: [{
21766
+ type: Input,
21767
+ args: ['justify-content--laptop']
21768
+ }], justifyContentDesktop: [{
21769
+ type: Input,
21770
+ args: ['justify-content--desktop']
21771
+ }], alignItems: [{
21772
+ type: Input,
21773
+ args: ['align-items']
21774
+ }], alignItemsMobile: [{
21775
+ type: Input,
21776
+ args: ['align-items--mobile']
21777
+ }], alignItemsTablet: [{
21778
+ type: Input,
21779
+ args: ['align-items--tablet']
21780
+ }], alignItemsLaptop: [{
21781
+ type: Input,
21782
+ args: ['align-items--laptop']
21783
+ }], alignItemsDesktop: [{
21784
+ type: Input,
21785
+ args: ['align-items--desktop']
21786
+ }], wrap: [{
21787
+ type: Input
21788
+ }], wrapMobile: [{
21789
+ type: Input,
21790
+ args: ['wrap--mobile']
21791
+ }], wrapTablet: [{
21792
+ type: Input,
21793
+ args: ['wrap--tablet']
21794
+ }], wrapLaptop: [{
21795
+ type: Input,
21796
+ args: ['wrap--laptop']
21797
+ }], wrapDesktop: [{
21798
+ type: Input,
21799
+ args: ['wrap--desktop']
21800
+ }], overflowX: [{
21801
+ type: Input,
21802
+ args: ['overflow-x']
21803
+ }], overflowXMobile: [{
21804
+ type: Input,
21805
+ args: ['overflow-x--mobile']
21806
+ }], overflowXTablet: [{
21807
+ type: Input,
21808
+ args: ['overflow-x--tablet']
21809
+ }], overflowXLaptop: [{
21810
+ type: Input,
21811
+ args: ['overflow-x--laptop']
21812
+ }], overflowXDesktop: [{
21813
+ type: Input,
21814
+ args: ['overflow-x--desktop']
21612
21815
  }], grow: [{
21613
21816
  type: Input
21614
21817
  }], growMobile: [{
@@ -21747,45 +21950,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21747
21950
  args: ['sticky-bottom']
21748
21951
  }] } });
21749
21952
  /**
21750
- * @description Type-only wrapper for <px-spacer>
21953
+ * @description Type-only wrapper for <px-hstack>
21751
21954
  */
21752
- class PxSpacer {
21955
+ class PxHstack {
21753
21956
  elementRef;
21754
- set grow(value) {
21755
- this.elementRef.nativeElement['grow'] = value;
21756
- }
21757
- get grow() {
21758
- return this.elementRef.nativeElement['grow'];
21759
- }
21760
- set nogap(value) {
21761
- this.elementRef.nativeElement['nogap'] = value;
21762
- }
21763
- get nogap() {
21764
- return this.elementRef.nativeElement['nogap'];
21765
- }
21766
- constructor(elementRef) {
21767
- this.elementRef = elementRef;
21768
- }
21769
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21770
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
21771
- }
21772
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
21773
- type: Directive,
21774
- args: [{
21775
- selector: 'px-spacer',
21776
- }]
21777
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
21778
- type: Input
21779
- }], nogap: [{
21780
- type: Input
21781
- }] } });
21782
- /**
21783
- * @description Type-only wrapper for <px-stack>
21784
- */
21785
- class PxStack {
21786
- elementRef;
21787
- set direction(value) {
21788
- this.elementRef.nativeElement['direction'] = value;
21957
+ set direction(value) {
21958
+ this.elementRef.nativeElement['direction'] = value;
21789
21959
  }
21790
21960
  get direction() {
21791
21961
  return this.elementRef.nativeElement['direction'];
@@ -22249,13 +22419,13 @@ class PxStack {
22249
22419
  constructor(elementRef) {
22250
22420
  this.elementRef = elementRef;
22251
22421
  }
22252
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22253
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStack, selector: "px-stack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22422
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22423
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHstack, selector: "px-hstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
22254
22424
  }
22255
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
22425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
22256
22426
  type: Directive,
22257
22427
  args: [{
22258
- selector: 'px-stack',
22428
+ selector: 'px-hstack',
22259
22429
  }]
22260
22430
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22261
22431
  type: Input
@@ -22482,219 +22652,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22482
22652
  args: ['sticky-bottom']
22483
22653
  }] } });
22484
22654
  /**
22485
- * @description Type-only wrapper for <px-vstack>
22655
+ * @description Type-only wrapper for <px-a>
22486
22656
  */
22487
- class PxVstack {
22657
+ class PxA {
22488
22658
  elementRef;
22489
- set direction(value) {
22490
- this.elementRef.nativeElement['direction'] = value;
22659
+ set disabled(value) {
22660
+ this.elementRef.nativeElement['disabled'] = value;
22491
22661
  }
22492
- get direction() {
22493
- return this.elementRef.nativeElement['direction'];
22662
+ get disabled() {
22663
+ return this.elementRef.nativeElement['disabled'];
22494
22664
  }
22495
- set directionMobile(value) {
22496
- this.elementRef.nativeElement['directionMobile'] = value;
22665
+ set variant(value) {
22666
+ this.elementRef.nativeElement['variant'] = value;
22497
22667
  }
22498
- get directionMobile() {
22499
- return this.elementRef.nativeElement['directionMobile'];
22668
+ get variant() {
22669
+ return this.elementRef.nativeElement['variant'];
22500
22670
  }
22501
- set directionTablet(value) {
22502
- this.elementRef.nativeElement['directionTablet'] = value;
22671
+ set shape(value) {
22672
+ this.elementRef.nativeElement['shape'] = value;
22503
22673
  }
22504
- get directionTablet() {
22505
- return this.elementRef.nativeElement['directionTablet'];
22674
+ get shape() {
22675
+ return this.elementRef.nativeElement['shape'];
22506
22676
  }
22507
- set directionLaptop(value) {
22508
- this.elementRef.nativeElement['directionLaptop'] = value;
22677
+ set shapeMobile(value) {
22678
+ this.elementRef.nativeElement['shapeMobile'] = value;
22509
22679
  }
22510
- get directionLaptop() {
22511
- return this.elementRef.nativeElement['directionLaptop'];
22680
+ get shapeMobile() {
22681
+ return this.elementRef.nativeElement['shapeMobile'];
22512
22682
  }
22513
- set directionDesktop(value) {
22514
- this.elementRef.nativeElement['directionDesktop'] = value;
22683
+ set shapeTablet(value) {
22684
+ this.elementRef.nativeElement['shapeTablet'] = value;
22515
22685
  }
22516
- get directionDesktop() {
22517
- return this.elementRef.nativeElement['directionDesktop'];
22686
+ get shapeTablet() {
22687
+ return this.elementRef.nativeElement['shapeTablet'];
22518
22688
  }
22519
- set gap(value) {
22520
- this.elementRef.nativeElement['gap'] = value;
22689
+ set shapeLaptop(value) {
22690
+ this.elementRef.nativeElement['shapeLaptop'] = value;
22521
22691
  }
22522
- get gap() {
22523
- return this.elementRef.nativeElement['gap'];
22692
+ get shapeLaptop() {
22693
+ return this.elementRef.nativeElement['shapeLaptop'];
22524
22694
  }
22525
- set gapMobile(value) {
22526
- this.elementRef.nativeElement['gapMobile'] = value;
22695
+ set shapeDesktop(value) {
22696
+ this.elementRef.nativeElement['shapeDesktop'] = value;
22527
22697
  }
22528
- get gapMobile() {
22529
- return this.elementRef.nativeElement['gapMobile'];
22698
+ get shapeDesktop() {
22699
+ return this.elementRef.nativeElement['shapeDesktop'];
22530
22700
  }
22531
- set gapTablet(value) {
22532
- this.elementRef.nativeElement['gapTablet'] = value;
22701
+ set extended(value) {
22702
+ this.elementRef.nativeElement['extended'] = value;
22533
22703
  }
22534
- get gapTablet() {
22535
- return this.elementRef.nativeElement['gapTablet'];
22704
+ get extended() {
22705
+ return this.elementRef.nativeElement['extended'];
22536
22706
  }
22537
- set gapLaptop(value) {
22538
- this.elementRef.nativeElement['gapLaptop'] = value;
22707
+ set extendedMobile(value) {
22708
+ this.elementRef.nativeElement['extendedMobile'] = value;
22539
22709
  }
22540
- get gapLaptop() {
22541
- return this.elementRef.nativeElement['gapLaptop'];
22710
+ get extendedMobile() {
22711
+ return this.elementRef.nativeElement['extendedMobile'];
22542
22712
  }
22543
- set gapDesktop(value) {
22544
- this.elementRef.nativeElement['gapDesktop'] = value;
22713
+ set extendedTablet(value) {
22714
+ this.elementRef.nativeElement['extendedTablet'] = value;
22545
22715
  }
22546
- get gapDesktop() {
22547
- return this.elementRef.nativeElement['gapDesktop'];
22716
+ get extendedTablet() {
22717
+ return this.elementRef.nativeElement['extendedTablet'];
22548
22718
  }
22549
- set justifyContent(value) {
22550
- this.elementRef.nativeElement['justifyContent'] = value;
22719
+ set extendedLaptop(value) {
22720
+ this.elementRef.nativeElement['extendedLaptop'] = value;
22551
22721
  }
22552
- get justifyContent() {
22553
- return this.elementRef.nativeElement['justifyContent'];
22722
+ get extendedLaptop() {
22723
+ return this.elementRef.nativeElement['extendedLaptop'];
22554
22724
  }
22555
- set justifyContentMobile(value) {
22556
- this.elementRef.nativeElement['justifyContentMobile'] = value;
22725
+ set extendedDesktop(value) {
22726
+ this.elementRef.nativeElement['extendedDesktop'] = value;
22557
22727
  }
22558
- get justifyContentMobile() {
22559
- return this.elementRef.nativeElement['justifyContentMobile'];
22728
+ get extendedDesktop() {
22729
+ return this.elementRef.nativeElement['extendedDesktop'];
22560
22730
  }
22561
- set justifyContentTablet(value) {
22562
- this.elementRef.nativeElement['justifyContentTablet'] = value;
22731
+ set inverted(value) {
22732
+ this.elementRef.nativeElement['inverted'] = value;
22563
22733
  }
22564
- get justifyContentTablet() {
22565
- return this.elementRef.nativeElement['justifyContentTablet'];
22734
+ get inverted() {
22735
+ return this.elementRef.nativeElement['inverted'];
22566
22736
  }
22567
- set justifyContentLaptop(value) {
22568
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
22737
+ set fontSize(value) {
22738
+ this.elementRef.nativeElement['fontSize'] = value;
22569
22739
  }
22570
- get justifyContentLaptop() {
22571
- return this.elementRef.nativeElement['justifyContentLaptop'];
22740
+ get fontSize() {
22741
+ return this.elementRef.nativeElement['fontSize'];
22572
22742
  }
22573
- set justifyContentDesktop(value) {
22574
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
22743
+ set color(value) {
22744
+ this.elementRef.nativeElement['color'] = value;
22575
22745
  }
22576
- get justifyContentDesktop() {
22577
- return this.elementRef.nativeElement['justifyContentDesktop'];
22746
+ get color() {
22747
+ return this.elementRef.nativeElement['color'];
22578
22748
  }
22579
- set alignItems(value) {
22580
- this.elementRef.nativeElement['alignItems'] = value;
22749
+ set fontWeight(value) {
22750
+ this.elementRef.nativeElement['fontWeight'] = value;
22581
22751
  }
22582
- get alignItems() {
22583
- return this.elementRef.nativeElement['alignItems'];
22752
+ get fontWeight() {
22753
+ return this.elementRef.nativeElement['fontWeight'];
22584
22754
  }
22585
- set alignItemsMobile(value) {
22586
- this.elementRef.nativeElement['alignItemsMobile'] = value;
22755
+ set title(value) {
22756
+ this.elementRef.nativeElement['title'] = value;
22587
22757
  }
22588
- get alignItemsMobile() {
22589
- return this.elementRef.nativeElement['alignItemsMobile'];
22758
+ get title() {
22759
+ return this.elementRef.nativeElement['title'];
22590
22760
  }
22591
- set alignItemsTablet(value) {
22592
- this.elementRef.nativeElement['alignItemsTablet'] = value;
22761
+ /** The URL that the hyperlink points to. */
22762
+ set href(value) {
22763
+ this.elementRef.nativeElement['href'] = value;
22593
22764
  }
22594
- get alignItemsTablet() {
22595
- return this.elementRef.nativeElement['alignItemsTablet'];
22765
+ get href() {
22766
+ return this.elementRef.nativeElement['href'];
22596
22767
  }
22597
- set alignItemsLaptop(value) {
22598
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
22768
+ /** Where to display the linked URL. */
22769
+ set target(value) {
22770
+ this.elementRef.nativeElement['target'] = value;
22599
22771
  }
22600
- get alignItemsLaptop() {
22601
- return this.elementRef.nativeElement['alignItemsLaptop'];
22772
+ get target() {
22773
+ return this.elementRef.nativeElement['target'];
22602
22774
  }
22603
- set alignItemsDesktop(value) {
22604
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
22775
+ /** The relationship of the linked URL as space-separated link types. */
22776
+ set rel(value) {
22777
+ this.elementRef.nativeElement['rel'] = value;
22605
22778
  }
22606
- get alignItemsDesktop() {
22607
- return this.elementRef.nativeElement['alignItemsDesktop'];
22779
+ get rel() {
22780
+ return this.elementRef.nativeElement['rel'];
22608
22781
  }
22609
- set wrap(value) {
22610
- this.elementRef.nativeElement['wrap'] = value;
22782
+ /** Prompts the user to save the linked URL instead of navigating to it. */
22783
+ set download(value) {
22784
+ this.elementRef.nativeElement['download'] = value;
22611
22785
  }
22612
- get wrap() {
22613
- return this.elementRef.nativeElement['wrap'];
22786
+ get download() {
22787
+ return this.elementRef.nativeElement['download'];
22614
22788
  }
22615
- set wrapMobile(value) {
22616
- this.elementRef.nativeElement['wrapMobile'] = value;
22789
+ set grow(value) {
22790
+ this.elementRef.nativeElement['grow'] = value;
22617
22791
  }
22618
- get wrapMobile() {
22619
- return this.elementRef.nativeElement['wrapMobile'];
22792
+ get grow() {
22793
+ return this.elementRef.nativeElement['grow'];
22620
22794
  }
22621
- set wrapTablet(value) {
22622
- this.elementRef.nativeElement['wrapTablet'] = value;
22795
+ set growMobile(value) {
22796
+ this.elementRef.nativeElement['growMobile'] = value;
22623
22797
  }
22624
- get wrapTablet() {
22625
- return this.elementRef.nativeElement['wrapTablet'];
22798
+ get growMobile() {
22799
+ return this.elementRef.nativeElement['growMobile'];
22626
22800
  }
22627
- set wrapLaptop(value) {
22628
- this.elementRef.nativeElement['wrapLaptop'] = value;
22801
+ set growTablet(value) {
22802
+ this.elementRef.nativeElement['growTablet'] = value;
22629
22803
  }
22630
- get wrapLaptop() {
22631
- return this.elementRef.nativeElement['wrapLaptop'];
22804
+ get growTablet() {
22805
+ return this.elementRef.nativeElement['growTablet'];
22632
22806
  }
22633
- set wrapDesktop(value) {
22634
- this.elementRef.nativeElement['wrapDesktop'] = value;
22807
+ set growLaptop(value) {
22808
+ this.elementRef.nativeElement['growLaptop'] = value;
22635
22809
  }
22636
- get wrapDesktop() {
22637
- return this.elementRef.nativeElement['wrapDesktop'];
22810
+ get growLaptop() {
22811
+ return this.elementRef.nativeElement['growLaptop'];
22638
22812
  }
22639
- set overflowX(value) {
22640
- this.elementRef.nativeElement['overflowX'] = value;
22813
+ set growDesktop(value) {
22814
+ this.elementRef.nativeElement['growDesktop'] = value;
22641
22815
  }
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'];
22692
- }
22693
- set growDesktop(value) {
22694
- this.elementRef.nativeElement['growDesktop'] = value;
22695
- }
22696
- get growDesktop() {
22697
- return this.elementRef.nativeElement['growDesktop'];
22816
+ get growDesktop() {
22817
+ return this.elementRef.nativeElement['growDesktop'];
22698
22818
  }
22699
22819
  set shrink(value) {
22700
22820
  this.elementRef.nativeElement['shrink'] = value;
@@ -22951,101 +23071,66 @@ class PxVstack {
22951
23071
  constructor(elementRef) {
22952
23072
  this.elementRef = elementRef;
22953
23073
  }
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 });
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 });
22956
23076
  }
22957
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
23077
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
22958
23078
  type: Directive,
22959
23079
  args: [{
22960
- selector: 'px-vstack',
23080
+ selector: 'px-a',
22961
23081
  }]
22962
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23082
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
22963
23083
  type: Input
22964
- }], directionMobile: [{
22965
- type: Input,
22966
- args: ['direction--mobile']
22967
- }], directionTablet: [{
22968
- type: Input,
22969
- args: ['direction--tablet']
22970
- }], directionLaptop: [{
22971
- type: Input,
22972
- args: ['direction--laptop']
22973
- }], directionDesktop: [{
22974
- type: Input,
22975
- args: ['direction--desktop']
22976
- }], gap: [{
23084
+ }], variant: [{
22977
23085
  type: Input
22978
- }], gapMobile: [{
22979
- type: Input,
22980
- args: ['gap--mobile']
22981
- }], gapTablet: [{
22982
- type: Input,
22983
- args: ['gap--tablet']
22984
- }], gapLaptop: [{
22985
- type: Input,
22986
- args: ['gap--laptop']
22987
- }], gapDesktop: [{
22988
- type: Input,
22989
- args: ['gap--desktop']
22990
- }], justifyContent: [{
22991
- type: Input,
22992
- args: ['justify-content']
22993
- }], justifyContentMobile: [{
22994
- type: Input,
22995
- args: ['justify-content--mobile']
22996
- }], justifyContentTablet: [{
22997
- type: Input,
22998
- args: ['justify-content--tablet']
22999
- }], justifyContentLaptop: [{
23000
- type: Input,
23001
- args: ['justify-content--laptop']
23002
- }], justifyContentDesktop: [{
23003
- type: Input,
23004
- args: ['justify-content--desktop']
23005
- }], alignItems: [{
23006
- type: Input,
23007
- args: ['align-items']
23008
- }], alignItemsMobile: [{
23086
+ }], shape: [{
23087
+ type: Input
23088
+ }], shapeMobile: [{
23009
23089
  type: Input,
23010
- args: ['align-items--mobile']
23011
- }], alignItemsTablet: [{
23090
+ args: ['shape--mobile']
23091
+ }], shapeTablet: [{
23012
23092
  type: Input,
23013
- args: ['align-items--tablet']
23014
- }], alignItemsLaptop: [{
23093
+ args: ['shape--tablet']
23094
+ }], shapeLaptop: [{
23015
23095
  type: Input,
23016
- args: ['align-items--laptop']
23017
- }], alignItemsDesktop: [{
23096
+ args: ['shape--laptop']
23097
+ }], shapeDesktop: [{
23018
23098
  type: Input,
23019
- args: ['align-items--desktop']
23020
- }], wrap: [{
23099
+ args: ['shape--desktop']
23100
+ }], extended: [{
23021
23101
  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: [{
23102
+ }], extendedMobile: [{
23032
23103
  type: Input,
23033
- args: ['wrap--desktop']
23034
- }], overflowX: [{
23104
+ args: ['extended--mobile']
23105
+ }], extendedTablet: [{
23035
23106
  type: Input,
23036
- args: ['overflow-x']
23037
- }], overflowXMobile: [{
23107
+ args: ['extended--tablet']
23108
+ }], extendedLaptop: [{
23038
23109
  type: Input,
23039
- args: ['overflow-x--mobile']
23040
- }], overflowXTablet: [{
23110
+ args: ['extended--laptop']
23111
+ }], extendedDesktop: [{
23041
23112
  type: Input,
23042
- args: ['overflow-x--tablet']
23043
- }], overflowXLaptop: [{
23113
+ args: ['extended--desktop']
23114
+ }], inverted: [{
23115
+ type: Input
23116
+ }], fontSize: [{
23044
23117
  type: Input,
23045
- args: ['overflow-x--laptop']
23046
- }], overflowXDesktop: [{
23118
+ args: ['font-size']
23119
+ }], color: [{
23120
+ type: Input
23121
+ }], fontWeight: [{
23047
23122
  type: Input,
23048
- args: ['overflow-x--desktop']
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: [{
23133
+ type: Input
23049
23134
  }], grow: [{
23050
23135
  type: Input
23051
23136
  }], growMobile: [{
@@ -23184,189 +23269,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23184
23269
  args: ['sticky-bottom']
23185
23270
  }] } });
23186
23271
  /**
23187
- * @description Type-only wrapper for <px-hstack>
23272
+ * @description Type-only wrapper for <px-a-wrapper>
23188
23273
  */
23189
- class PxHstack {
23274
+ class PxAWrapper {
23190
23275
  elementRef;
23191
- set direction(value) {
23192
- this.elementRef.nativeElement['direction'] = value;
23193
- }
23194
- get direction() {
23195
- return this.elementRef.nativeElement['direction'];
23196
- }
23197
- set directionMobile(value) {
23198
- this.elementRef.nativeElement['directionMobile'] = value;
23199
- }
23200
- get directionMobile() {
23201
- return this.elementRef.nativeElement['directionMobile'];
23202
- }
23203
- set directionTablet(value) {
23204
- this.elementRef.nativeElement['directionTablet'] = value;
23205
- }
23206
- get directionTablet() {
23207
- return this.elementRef.nativeElement['directionTablet'];
23208
- }
23209
- set directionLaptop(value) {
23210
- this.elementRef.nativeElement['directionLaptop'] = value;
23211
- }
23212
- get directionLaptop() {
23213
- return this.elementRef.nativeElement['directionLaptop'];
23214
- }
23215
- set directionDesktop(value) {
23216
- this.elementRef.nativeElement['directionDesktop'] = value;
23217
- }
23218
- get directionDesktop() {
23219
- return this.elementRef.nativeElement['directionDesktop'];
23220
- }
23221
- set gap(value) {
23222
- this.elementRef.nativeElement['gap'] = value;
23223
- }
23224
- get gap() {
23225
- return this.elementRef.nativeElement['gap'];
23226
- }
23227
- set gapMobile(value) {
23228
- this.elementRef.nativeElement['gapMobile'] = value;
23229
- }
23230
- get gapMobile() {
23231
- return this.elementRef.nativeElement['gapMobile'];
23232
- }
23233
- set gapTablet(value) {
23234
- this.elementRef.nativeElement['gapTablet'] = value;
23235
- }
23236
- get gapTablet() {
23237
- return this.elementRef.nativeElement['gapTablet'];
23238
- }
23239
- set gapLaptop(value) {
23240
- this.elementRef.nativeElement['gapLaptop'] = value;
23241
- }
23242
- get gapLaptop() {
23243
- return this.elementRef.nativeElement['gapLaptop'];
23244
- }
23245
- set gapDesktop(value) {
23246
- this.elementRef.nativeElement['gapDesktop'] = value;
23247
- }
23248
- get gapDesktop() {
23249
- return this.elementRef.nativeElement['gapDesktop'];
23276
+ /** The URL that the hyperlink points to. */
23277
+ set href(value) {
23278
+ this.elementRef.nativeElement['href'] = value;
23250
23279
  }
23251
- set justifyContent(value) {
23252
- this.elementRef.nativeElement['justifyContent'] = value;
23280
+ get href() {
23281
+ return this.elementRef.nativeElement['href'];
23253
23282
  }
23254
- get justifyContent() {
23255
- return this.elementRef.nativeElement['justifyContent'];
23283
+ /** Where to display the linked URL. */
23284
+ set target(value) {
23285
+ this.elementRef.nativeElement['target'] = value;
23256
23286
  }
23257
- set justifyContentMobile(value) {
23258
- this.elementRef.nativeElement['justifyContentMobile'] = value;
23287
+ get target() {
23288
+ return this.elementRef.nativeElement['target'];
23259
23289
  }
23260
- get justifyContentMobile() {
23261
- return this.elementRef.nativeElement['justifyContentMobile'];
23290
+ /** The relationship of the linked URL as space-separated link types. */
23291
+ set rel(value) {
23292
+ this.elementRef.nativeElement['rel'] = value;
23262
23293
  }
23263
- set justifyContentTablet(value) {
23264
- this.elementRef.nativeElement['justifyContentTablet'] = value;
23294
+ get rel() {
23295
+ return this.elementRef.nativeElement['rel'];
23265
23296
  }
23266
- get justifyContentTablet() {
23267
- return this.elementRef.nativeElement['justifyContentTablet'];
23297
+ /** Prompts the user to save the linked URL instead of navigating to it. */
23298
+ set download(value) {
23299
+ this.elementRef.nativeElement['download'] = value;
23268
23300
  }
23269
- set justifyContentLaptop(value) {
23270
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
23301
+ get download() {
23302
+ return this.elementRef.nativeElement['download'];
23271
23303
  }
23272
- get justifyContentLaptop() {
23273
- return this.elementRef.nativeElement['justifyContentLaptop'];
23304
+ set disabled(value) {
23305
+ this.elementRef.nativeElement['disabled'] = value;
23274
23306
  }
23275
- set justifyContentDesktop(value) {
23276
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
23307
+ get disabled() {
23308
+ return this.elementRef.nativeElement['disabled'];
23277
23309
  }
23278
- get justifyContentDesktop() {
23279
- return this.elementRef.nativeElement['justifyContentDesktop'];
23310
+ set variant(value) {
23311
+ this.elementRef.nativeElement['variant'] = value;
23280
23312
  }
23281
- set alignItems(value) {
23282
- this.elementRef.nativeElement['alignItems'] = value;
23313
+ get variant() {
23314
+ return this.elementRef.nativeElement['variant'];
23283
23315
  }
23284
- get alignItems() {
23285
- return this.elementRef.nativeElement['alignItems'];
23316
+ set shape(value) {
23317
+ this.elementRef.nativeElement['shape'] = value;
23286
23318
  }
23287
- set alignItemsMobile(value) {
23288
- this.elementRef.nativeElement['alignItemsMobile'] = value;
23319
+ get shape() {
23320
+ return this.elementRef.nativeElement['shape'];
23289
23321
  }
23290
- get alignItemsMobile() {
23291
- return this.elementRef.nativeElement['alignItemsMobile'];
23322
+ set shapeMobile(value) {
23323
+ this.elementRef.nativeElement['shapeMobile'] = value;
23292
23324
  }
23293
- set alignItemsTablet(value) {
23294
- this.elementRef.nativeElement['alignItemsTablet'] = value;
23325
+ get shapeMobile() {
23326
+ return this.elementRef.nativeElement['shapeMobile'];
23295
23327
  }
23296
- get alignItemsTablet() {
23297
- return this.elementRef.nativeElement['alignItemsTablet'];
23328
+ set shapeTablet(value) {
23329
+ this.elementRef.nativeElement['shapeTablet'] = value;
23298
23330
  }
23299
- set alignItemsLaptop(value) {
23300
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
23331
+ get shapeTablet() {
23332
+ return this.elementRef.nativeElement['shapeTablet'];
23301
23333
  }
23302
- get alignItemsLaptop() {
23303
- return this.elementRef.nativeElement['alignItemsLaptop'];
23334
+ set shapeLaptop(value) {
23335
+ this.elementRef.nativeElement['shapeLaptop'] = value;
23304
23336
  }
23305
- set alignItemsDesktop(value) {
23306
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
23337
+ get shapeLaptop() {
23338
+ return this.elementRef.nativeElement['shapeLaptop'];
23307
23339
  }
23308
- get alignItemsDesktop() {
23309
- return this.elementRef.nativeElement['alignItemsDesktop'];
23340
+ set shapeDesktop(value) {
23341
+ this.elementRef.nativeElement['shapeDesktop'] = value;
23310
23342
  }
23311
- set wrap(value) {
23312
- this.elementRef.nativeElement['wrap'] = value;
23343
+ get shapeDesktop() {
23344
+ return this.elementRef.nativeElement['shapeDesktop'];
23313
23345
  }
23314
- get wrap() {
23315
- return this.elementRef.nativeElement['wrap'];
23346
+ set extended(value) {
23347
+ this.elementRef.nativeElement['extended'] = value;
23316
23348
  }
23317
- set wrapMobile(value) {
23318
- this.elementRef.nativeElement['wrapMobile'] = value;
23349
+ get extended() {
23350
+ return this.elementRef.nativeElement['extended'];
23319
23351
  }
23320
- get wrapMobile() {
23321
- return this.elementRef.nativeElement['wrapMobile'];
23352
+ set extendedMobile(value) {
23353
+ this.elementRef.nativeElement['extendedMobile'] = value;
23322
23354
  }
23323
- set wrapTablet(value) {
23324
- this.elementRef.nativeElement['wrapTablet'] = value;
23355
+ get extendedMobile() {
23356
+ return this.elementRef.nativeElement['extendedMobile'];
23325
23357
  }
23326
- get wrapTablet() {
23327
- return this.elementRef.nativeElement['wrapTablet'];
23358
+ set extendedTablet(value) {
23359
+ this.elementRef.nativeElement['extendedTablet'] = value;
23328
23360
  }
23329
- set wrapLaptop(value) {
23330
- this.elementRef.nativeElement['wrapLaptop'] = value;
23361
+ get extendedTablet() {
23362
+ return this.elementRef.nativeElement['extendedTablet'];
23331
23363
  }
23332
- get wrapLaptop() {
23333
- return this.elementRef.nativeElement['wrapLaptop'];
23364
+ set extendedLaptop(value) {
23365
+ this.elementRef.nativeElement['extendedLaptop'] = value;
23334
23366
  }
23335
- set wrapDesktop(value) {
23336
- this.elementRef.nativeElement['wrapDesktop'] = value;
23367
+ get extendedLaptop() {
23368
+ return this.elementRef.nativeElement['extendedLaptop'];
23337
23369
  }
23338
- get wrapDesktop() {
23339
- return this.elementRef.nativeElement['wrapDesktop'];
23370
+ set extendedDesktop(value) {
23371
+ this.elementRef.nativeElement['extendedDesktop'] = value;
23340
23372
  }
23341
- set overflowX(value) {
23342
- this.elementRef.nativeElement['overflowX'] = value;
23373
+ get extendedDesktop() {
23374
+ return this.elementRef.nativeElement['extendedDesktop'];
23343
23375
  }
23344
- get overflowX() {
23345
- return this.elementRef.nativeElement['overflowX'];
23376
+ set inverted(value) {
23377
+ this.elementRef.nativeElement['inverted'] = value;
23346
23378
  }
23347
- set overflowXMobile(value) {
23348
- this.elementRef.nativeElement['overflowXMobile'] = value;
23379
+ get inverted() {
23380
+ return this.elementRef.nativeElement['inverted'];
23349
23381
  }
23350
- get overflowXMobile() {
23351
- return this.elementRef.nativeElement['overflowXMobile'];
23382
+ set fontSize(value) {
23383
+ this.elementRef.nativeElement['fontSize'] = value;
23352
23384
  }
23353
- set overflowXTablet(value) {
23354
- this.elementRef.nativeElement['overflowXTablet'] = value;
23385
+ get fontSize() {
23386
+ return this.elementRef.nativeElement['fontSize'];
23355
23387
  }
23356
- get overflowXTablet() {
23357
- return this.elementRef.nativeElement['overflowXTablet'];
23388
+ set color(value) {
23389
+ this.elementRef.nativeElement['color'] = value;
23358
23390
  }
23359
- set overflowXLaptop(value) {
23360
- this.elementRef.nativeElement['overflowXLaptop'] = value;
23391
+ get color() {
23392
+ return this.elementRef.nativeElement['color'];
23361
23393
  }
23362
- get overflowXLaptop() {
23363
- return this.elementRef.nativeElement['overflowXLaptop'];
23394
+ set fontWeight(value) {
23395
+ this.elementRef.nativeElement['fontWeight'] = value;
23364
23396
  }
23365
- set overflowXDesktop(value) {
23366
- this.elementRef.nativeElement['overflowXDesktop'] = value;
23397
+ get fontWeight() {
23398
+ return this.elementRef.nativeElement['fontWeight'];
23367
23399
  }
23368
- get overflowXDesktop() {
23369
- return this.elementRef.nativeElement['overflowXDesktop'];
23400
+ set title(value) {
23401
+ this.elementRef.nativeElement['title'] = value;
23402
+ }
23403
+ get title() {
23404
+ return this.elementRef.nativeElement['title'];
23370
23405
  }
23371
23406
  set grow(value) {
23372
23407
  this.elementRef.nativeElement['grow'] = value;
@@ -23653,101 +23688,66 @@ class PxHstack {
23653
23688
  constructor(elementRef) {
23654
23689
  this.elementRef = elementRef;
23655
23690
  }
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 });
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 });
23658
23693
  }
23659
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
23694
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
23660
23695
  type: Directive,
23661
23696
  args: [{
23662
- selector: 'px-hstack',
23697
+ selector: 'px-a-wrapper',
23663
23698
  }]
23664
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23699
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
23665
23700
  type: Input
23666
- }], directionMobile: [{
23667
- type: Input,
23668
- args: ['direction--mobile']
23669
- }], directionTablet: [{
23670
- type: Input,
23671
- args: ['direction--tablet']
23672
- }], directionLaptop: [{
23673
- type: Input,
23674
- args: ['direction--laptop']
23675
- }], directionDesktop: [{
23676
- type: Input,
23677
- args: ['direction--desktop']
23678
- }], gap: [{
23701
+ }], target: [{
23679
23702
  type: Input
23680
- }], gapMobile: [{
23681
- type: Input,
23682
- args: ['gap--mobile']
23683
- }], gapTablet: [{
23684
- type: Input,
23685
- args: ['gap--tablet']
23686
- }], gapLaptop: [{
23687
- type: Input,
23688
- args: ['gap--laptop']
23689
- }], gapDesktop: [{
23690
- type: Input,
23691
- args: ['gap--desktop']
23692
- }], justifyContent: [{
23693
- type: Input,
23694
- args: ['justify-content']
23695
- }], justifyContentMobile: [{
23696
- type: Input,
23697
- args: ['justify-content--mobile']
23698
- }], justifyContentTablet: [{
23699
- type: Input,
23700
- args: ['justify-content--tablet']
23701
- }], justifyContentLaptop: [{
23702
- type: Input,
23703
- args: ['justify-content--laptop']
23704
- }], justifyContentDesktop: [{
23705
- type: Input,
23706
- args: ['justify-content--desktop']
23707
- }], alignItems: [{
23708
- type: Input,
23709
- args: ['align-items']
23710
- }], alignItemsMobile: [{
23703
+ }], rel: [{
23704
+ type: Input
23705
+ }], download: [{
23706
+ type: Input
23707
+ }], disabled: [{
23708
+ type: Input
23709
+ }], variant: [{
23710
+ type: Input
23711
+ }], shape: [{
23712
+ type: Input
23713
+ }], shapeMobile: [{
23711
23714
  type: Input,
23712
- args: ['align-items--mobile']
23713
- }], alignItemsTablet: [{
23715
+ args: ['shape--mobile']
23716
+ }], shapeTablet: [{
23714
23717
  type: Input,
23715
- args: ['align-items--tablet']
23716
- }], alignItemsLaptop: [{
23718
+ args: ['shape--tablet']
23719
+ }], shapeLaptop: [{
23717
23720
  type: Input,
23718
- args: ['align-items--laptop']
23719
- }], alignItemsDesktop: [{
23721
+ args: ['shape--laptop']
23722
+ }], shapeDesktop: [{
23720
23723
  type: Input,
23721
- args: ['align-items--desktop']
23722
- }], wrap: [{
23724
+ args: ['shape--desktop']
23725
+ }], extended: [{
23723
23726
  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: [{
23727
+ }], extendedMobile: [{
23734
23728
  type: Input,
23735
- args: ['wrap--desktop']
23736
- }], overflowX: [{
23729
+ args: ['extended--mobile']
23730
+ }], extendedTablet: [{
23737
23731
  type: Input,
23738
- args: ['overflow-x']
23739
- }], overflowXMobile: [{
23732
+ args: ['extended--tablet']
23733
+ }], extendedLaptop: [{
23740
23734
  type: Input,
23741
- args: ['overflow-x--mobile']
23742
- }], overflowXTablet: [{
23735
+ args: ['extended--laptop']
23736
+ }], extendedDesktop: [{
23743
23737
  type: Input,
23744
- args: ['overflow-x--tablet']
23745
- }], overflowXLaptop: [{
23738
+ args: ['extended--desktop']
23739
+ }], inverted: [{
23740
+ type: Input
23741
+ }], fontSize: [{
23746
23742
  type: Input,
23747
- args: ['overflow-x--laptop']
23748
- }], overflowXDesktop: [{
23743
+ args: ['font-size']
23744
+ }], color: [{
23745
+ type: Input
23746
+ }], fontWeight: [{
23749
23747
  type: Input,
23750
- args: ['overflow-x--desktop']
23748
+ args: ['font-weight']
23749
+ }], title: [{
23750
+ type: Input
23751
23751
  }], grow: [{
23752
23752
  type: Input
23753
23753
  }], growMobile: [{
@@ -23834,128 +23834,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23834
23834
  }], hiddenDesktop: [{
23835
23835
  type: Input,
23836
23836
  args: ['hidden--desktop']
23837
- }], shownSr: [{
23838
- type: Input,
23839
- args: ['shown--sr']
23840
- }], shownSrMobile: [{
23841
- type: Input,
23842
- args: ['shown--sr--mobile']
23843
- }], shownSrTablet: [{
23844
- type: Input,
23845
- args: ['shown--sr--tablet']
23846
- }], shownSrLaptop: [{
23847
- type: Input,
23848
- args: ['shown--sr--laptop']
23849
- }], shownSrDesktop: [{
23850
- type: Input,
23851
- args: ['shown--sr--desktop']
23852
- }], colSpan: [{
23853
- type: Input,
23854
- args: ['col-span']
23855
- }], colSpanMobile: [{
23856
- type: Input,
23857
- args: ['col-span--mobile']
23858
- }], colSpanTablet: [{
23859
- type: Input,
23860
- args: ['col-span--tablet']
23861
- }], colSpanLaptop: [{
23862
- type: Input,
23863
- args: ['col-span--laptop']
23864
- }], colSpanDesktop: [{
23865
- type: Input,
23866
- args: ['col-span--desktop']
23867
- }], order: [{
23868
- type: Input
23869
- }], orderMobile: [{
23870
- type: Input,
23871
- args: ['order--mobile']
23872
- }], orderTablet: [{
23873
- type: Input,
23874
- args: ['order--tablet']
23875
- }], orderLaptop: [{
23876
- type: Input,
23877
- args: ['order--laptop']
23878
- }], orderDesktop: [{
23879
- type: Input,
23880
- args: ['order--desktop']
23881
- }], stickyTop: [{
23882
- type: Input,
23883
- args: ['sticky-top']
23884
- }], stickyBottom: [{
23885
- type: Input,
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: [{
23837
+ }], shownSr: [{
23949
23838
  type: Input,
23950
- args: ['media-src']
23951
- }], openedby: [{
23952
- type: Input
23953
- }], closedby: [{
23954
- type: Input
23955
- }], id: [{
23839
+ args: ['shown--sr']
23840
+ }], shownSrMobile: [{
23841
+ type: Input,
23842
+ args: ['shown--sr--mobile']
23843
+ }], shownSrTablet: [{
23844
+ type: Input,
23845
+ args: ['shown--sr--tablet']
23846
+ }], shownSrLaptop: [{
23847
+ type: Input,
23848
+ args: ['shown--sr--laptop']
23849
+ }], shownSrDesktop: [{
23850
+ type: Input,
23851
+ args: ['shown--sr--desktop']
23852
+ }], colSpan: [{
23853
+ type: Input,
23854
+ args: ['col-span']
23855
+ }], colSpanMobile: [{
23856
+ type: Input,
23857
+ args: ['col-span--mobile']
23858
+ }], colSpanTablet: [{
23859
+ type: Input,
23860
+ args: ['col-span--tablet']
23861
+ }], colSpanLaptop: [{
23862
+ type: Input,
23863
+ args: ['col-span--laptop']
23864
+ }], colSpanDesktop: [{
23865
+ type: Input,
23866
+ args: ['col-span--desktop']
23867
+ }], order: [{
23956
23868
  type: Input
23957
- }], CLOSE_EVENT: [{
23958
- type: Output
23869
+ }], orderMobile: [{
23870
+ type: Input,
23871
+ args: ['order--mobile']
23872
+ }], orderTablet: [{
23873
+ type: Input,
23874
+ args: ['order--tablet']
23875
+ }], orderLaptop: [{
23876
+ type: Input,
23877
+ args: ['order--laptop']
23878
+ }], orderDesktop: [{
23879
+ type: Input,
23880
+ args: ['order--desktop']
23881
+ }], stickyTop: [{
23882
+ type: Input,
23883
+ args: ['sticky-top']
23884
+ }], stickyBottom: [{
23885
+ type: Input,
23886
+ args: ['sticky-bottom']
23959
23887
  }] } });
23960
23888
  /**
23961
23889
  * @description Type-only wrapper for <px-list>
@@ -24857,6 +24785,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
24857
24785
  }], LIST_ITEM_CONNECTED_EVENT: [{
24858
24786
  type: Output
24859
24787
  }] } });
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
  */
@@ -25827,34 +25827,200 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
25827
25827
  args: ['col-span--mobile']
25828
25828
  }], colSpanTablet: [{
25829
25829
  type: Input,
25830
- args: ['col-span--tablet']
25831
- }], colSpanLaptop: [{
25830
+ args: ['col-span--tablet']
25831
+ }], colSpanLaptop: [{
25832
+ type: Input,
25833
+ args: ['col-span--laptop']
25834
+ }], colSpanDesktop: [{
25835
+ type: Input,
25836
+ args: ['col-span--desktop']
25837
+ }], order: [{
25838
+ type: Input
25839
+ }], orderMobile: [{
25840
+ type: Input,
25841
+ args: ['order--mobile']
25842
+ }], orderTablet: [{
25843
+ type: Input,
25844
+ args: ['order--tablet']
25845
+ }], orderLaptop: [{
25846
+ type: Input,
25847
+ args: ['order--laptop']
25848
+ }], orderDesktop: [{
25849
+ type: Input,
25850
+ args: ['order--desktop']
25851
+ }], stickyTop: [{
25852
+ type: Input,
25853
+ args: ['sticky-top']
25854
+ }], stickyBottom: [{
25855
+ type: Input,
25856
+ args: ['sticky-bottom']
25857
+ }] } });
25858
+ /**
25859
+ * @description Type-only wrapper for <px-card-actions>
25860
+ */
25861
+ class PxCardActions {
25862
+ elementRef;
25863
+ constructor(elementRef) {
25864
+ this.elementRef = elementRef;
25865
+ }
25866
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
25867
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardActions, selector: "px-card-actions", ngImport: i0 });
25868
+ }
25869
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, decorators: [{
25870
+ type: Directive,
25871
+ args: [{
25872
+ selector: 'px-card-actions',
25873
+ }]
25874
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
25875
+ /**
25876
+ * @description Type-only wrapper for <px-card-container>
25877
+ */
25878
+ class PxCardContainer {
25879
+ elementRef;
25880
+ /** Switches to a dark surface with inverted text colors. */
25881
+ set inverted(value) {
25882
+ this.elementRef.nativeElement['inverted'] = value;
25883
+ }
25884
+ get inverted() {
25885
+ return this.elementRef.nativeElement['inverted'];
25886
+ }
25887
+ /** URL of the card media image. */
25888
+ set src(value) {
25889
+ this.elementRef.nativeElement['src'] = value;
25890
+ }
25891
+ get src() {
25892
+ return this.elementRef.nativeElement['src'];
25893
+ }
25894
+ /** Where the media image is rendered. */
25895
+ set mediaPosition(value) {
25896
+ this.elementRef.nativeElement['mediaPosition'] = value;
25897
+ }
25898
+ get mediaPosition() {
25899
+ return this.elementRef.nativeElement['mediaPosition'];
25900
+ }
25901
+ /** How the media image is fitted. */
25902
+ set mediaSize(value) {
25903
+ this.elementRef.nativeElement['mediaSize'] = value;
25904
+ }
25905
+ get mediaSize() {
25906
+ return this.elementRef.nativeElement['mediaSize'];
25907
+ }
25908
+ set mediaAltText(value) {
25909
+ this.elementRef.nativeElement['mediaAltText'] = value;
25910
+ }
25911
+ get mediaAltText() {
25912
+ return this.elementRef.nativeElement['mediaAltText'];
25913
+ }
25914
+ /** Inner content padding size. */
25915
+ set padding(value) {
25916
+ this.elementRef.nativeElement['padding'] = value;
25917
+ }
25918
+ get padding() {
25919
+ return this.elementRef.nativeElement['padding'];
25920
+ }
25921
+ /** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
25922
+ set aspectRatio(value) {
25923
+ this.elementRef.nativeElement['aspectRatio'] = value;
25924
+ }
25925
+ get aspectRatio() {
25926
+ return this.elementRef.nativeElement['aspectRatio'];
25927
+ }
25928
+ /** Whether the card has a visible border. */
25929
+ set hasBorder(value) {
25930
+ this.elementRef.nativeElement['hasBorder'] = value;
25931
+ }
25932
+ get hasBorder() {
25933
+ return this.elementRef.nativeElement['hasBorder'];
25934
+ }
25935
+ /** Surface color preset. */
25936
+ set backgroundColor(value) {
25937
+ this.elementRef.nativeElement['backgroundColor'] = value;
25938
+ }
25939
+ get backgroundColor() {
25940
+ return this.elementRef.nativeElement['backgroundColor'];
25941
+ }
25942
+ /** URL of a full-card background image (delegated to `<px-container>`). */
25943
+ set backgroundImage(value) {
25944
+ this.elementRef.nativeElement['backgroundImage'] = value;
25945
+ }
25946
+ get backgroundImage() {
25947
+ return this.elementRef.nativeElement['backgroundImage'];
25948
+ }
25949
+ set interactiveState(value) {
25950
+ this.elementRef.nativeElement['interactiveState'] = value;
25951
+ }
25952
+ get interactiveState() {
25953
+ return this.elementRef.nativeElement['interactiveState'];
25954
+ }
25955
+ /** Alt text for the media image. */
25956
+ set alternativeText(value) {
25957
+ this.elementRef.nativeElement['alternativeText'] = value;
25958
+ }
25959
+ get alternativeText() {
25960
+ return this.elementRef.nativeElement['alternativeText'];
25961
+ }
25962
+ constructor(elementRef) {
25963
+ this.elementRef = elementRef;
25964
+ }
25965
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
25966
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardContainer, selector: "px-card-container", inputs: { inverted: "inverted", src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"], alternativeText: ["alternative-text", "alternativeText"] }, ngImport: i0 });
25967
+ }
25968
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, decorators: [{
25969
+ type: Directive,
25970
+ args: [{
25971
+ selector: 'px-card-container',
25972
+ }]
25973
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
25974
+ type: Input
25975
+ }], src: [{
25976
+ type: Input
25977
+ }], mediaPosition: [{
25978
+ type: Input,
25979
+ args: ['media-position']
25980
+ }], mediaSize: [{
25832
25981
  type: Input,
25833
- args: ['col-span--laptop']
25834
- }], colSpanDesktop: [{
25982
+ args: ['media-size']
25983
+ }], mediaAltText: [{
25835
25984
  type: Input,
25836
- args: ['col-span--desktop']
25837
- }], order: [{
25985
+ args: ['media-alt-text']
25986
+ }], padding: [{
25838
25987
  type: Input
25839
- }], orderMobile: [{
25988
+ }], aspectRatio: [{
25840
25989
  type: Input,
25841
- args: ['order--mobile']
25842
- }], orderTablet: [{
25990
+ args: ['aspect-ratio']
25991
+ }], hasBorder: [{
25843
25992
  type: Input,
25844
- args: ['order--tablet']
25845
- }], orderLaptop: [{
25993
+ args: ['has-border']
25994
+ }], backgroundColor: [{
25846
25995
  type: Input,
25847
- args: ['order--laptop']
25848
- }], orderDesktop: [{
25996
+ args: ['background-color']
25997
+ }], backgroundImage: [{
25849
25998
  type: Input,
25850
- args: ['order--desktop']
25851
- }], stickyTop: [{
25999
+ args: ['background-image']
26000
+ }], interactiveState: [{
25852
26001
  type: Input,
25853
- args: ['sticky-top']
25854
- }], stickyBottom: [{
26002
+ args: ['interactive-state']
26003
+ }], alternativeText: [{
25855
26004
  type: Input,
25856
- args: ['sticky-bottom']
26005
+ args: ['alternative-text']
25857
26006
  }] } });
26007
+ /**
26008
+ * @description Type-only wrapper for <px-card-heading>
26009
+ */
26010
+ class PxCardHeading {
26011
+ elementRef;
26012
+ constructor(elementRef) {
26013
+ this.elementRef = elementRef;
26014
+ }
26015
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26016
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardHeading, selector: "px-card-heading", ngImport: i0 });
26017
+ }
26018
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, decorators: [{
26019
+ type: Directive,
26020
+ args: [{
26021
+ selector: 'px-card-heading',
26022
+ }]
26023
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
25858
26024
  /**
25859
26025
  * @description Type-only wrapper for <px-price>
25860
26026
  */
@@ -26314,172 +26480,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26314
26480
  type: Input,
26315
26481
  args: ['sticky-bottom']
26316
26482
  }] } });
26317
- /**
26318
- * @description Type-only wrapper for <px-card-actions>
26319
- */
26320
- class PxCardActions {
26321
- elementRef;
26322
- constructor(elementRef) {
26323
- this.elementRef = elementRef;
26324
- }
26325
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26326
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardActions, selector: "px-card-actions", ngImport: i0 });
26327
- }
26328
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardActions, decorators: [{
26329
- type: Directive,
26330
- args: [{
26331
- selector: 'px-card-actions',
26332
- }]
26333
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
26334
- /**
26335
- * @description Type-only wrapper for <px-card-container>
26336
- */
26337
- class PxCardContainer {
26338
- elementRef;
26339
- /** Switches to a dark surface with inverted text colors. */
26340
- set inverted(value) {
26341
- this.elementRef.nativeElement['inverted'] = value;
26342
- }
26343
- get inverted() {
26344
- return this.elementRef.nativeElement['inverted'];
26345
- }
26346
- /** URL of the card media image. */
26347
- set src(value) {
26348
- this.elementRef.nativeElement['src'] = value;
26349
- }
26350
- get src() {
26351
- return this.elementRef.nativeElement['src'];
26352
- }
26353
- /** Where the media image is rendered. */
26354
- set mediaPosition(value) {
26355
- this.elementRef.nativeElement['mediaPosition'] = value;
26356
- }
26357
- get mediaPosition() {
26358
- return this.elementRef.nativeElement['mediaPosition'];
26359
- }
26360
- /** How the media image is fitted. */
26361
- set mediaSize(value) {
26362
- this.elementRef.nativeElement['mediaSize'] = value;
26363
- }
26364
- get mediaSize() {
26365
- return this.elementRef.nativeElement['mediaSize'];
26366
- }
26367
- set mediaAltText(value) {
26368
- this.elementRef.nativeElement['mediaAltText'] = value;
26369
- }
26370
- get mediaAltText() {
26371
- return this.elementRef.nativeElement['mediaAltText'];
26372
- }
26373
- /** Inner content padding size. */
26374
- set padding(value) {
26375
- this.elementRef.nativeElement['padding'] = value;
26376
- }
26377
- get padding() {
26378
- return this.elementRef.nativeElement['padding'];
26379
- }
26380
- /** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
26381
- set aspectRatio(value) {
26382
- this.elementRef.nativeElement['aspectRatio'] = value;
26383
- }
26384
- get aspectRatio() {
26385
- return this.elementRef.nativeElement['aspectRatio'];
26386
- }
26387
- /** Whether the card has a visible border. */
26388
- set hasBorder(value) {
26389
- this.elementRef.nativeElement['hasBorder'] = value;
26390
- }
26391
- get hasBorder() {
26392
- return this.elementRef.nativeElement['hasBorder'];
26393
- }
26394
- /** Surface color preset. */
26395
- set backgroundColor(value) {
26396
- this.elementRef.nativeElement['backgroundColor'] = value;
26397
- }
26398
- get backgroundColor() {
26399
- return this.elementRef.nativeElement['backgroundColor'];
26400
- }
26401
- /** URL of a full-card background image (delegated to `<px-container>`). */
26402
- set backgroundImage(value) {
26403
- this.elementRef.nativeElement['backgroundImage'] = value;
26404
- }
26405
- get backgroundImage() {
26406
- return this.elementRef.nativeElement['backgroundImage'];
26407
- }
26408
- set interactiveState(value) {
26409
- this.elementRef.nativeElement['interactiveState'] = value;
26410
- }
26411
- get interactiveState() {
26412
- return this.elementRef.nativeElement['interactiveState'];
26413
- }
26414
- /** Alt text for the media image. */
26415
- set alternativeText(value) {
26416
- this.elementRef.nativeElement['alternativeText'] = value;
26417
- }
26418
- get alternativeText() {
26419
- return this.elementRef.nativeElement['alternativeText'];
26420
- }
26421
- constructor(elementRef) {
26422
- this.elementRef = elementRef;
26423
- }
26424
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26425
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardContainer, selector: "px-card-container", inputs: { inverted: "inverted", src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"], alternativeText: ["alternative-text", "alternativeText"] }, ngImport: i0 });
26426
- }
26427
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardContainer, decorators: [{
26428
- type: Directive,
26429
- args: [{
26430
- selector: 'px-card-container',
26431
- }]
26432
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
26433
- type: Input
26434
- }], src: [{
26435
- type: Input
26436
- }], mediaPosition: [{
26437
- type: Input,
26438
- args: ['media-position']
26439
- }], mediaSize: [{
26440
- type: Input,
26441
- args: ['media-size']
26442
- }], mediaAltText: [{
26443
- type: Input,
26444
- args: ['media-alt-text']
26445
- }], padding: [{
26446
- type: Input
26447
- }], aspectRatio: [{
26448
- type: Input,
26449
- args: ['aspect-ratio']
26450
- }], hasBorder: [{
26451
- type: Input,
26452
- args: ['has-border']
26453
- }], backgroundColor: [{
26454
- type: Input,
26455
- args: ['background-color']
26456
- }], backgroundImage: [{
26457
- type: Input,
26458
- args: ['background-image']
26459
- }], interactiveState: [{
26460
- type: Input,
26461
- args: ['interactive-state']
26462
- }], alternativeText: [{
26463
- type: Input,
26464
- args: ['alternative-text']
26465
- }] } });
26466
- /**
26467
- * @description Type-only wrapper for <px-card-heading>
26468
- */
26469
- class PxCardHeading {
26470
- elementRef;
26471
- constructor(elementRef) {
26472
- this.elementRef = elementRef;
26473
- }
26474
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26475
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCardHeading, selector: "px-card-heading", ngImport: i0 });
26476
- }
26477
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCardHeading, decorators: [{
26478
- type: Directive,
26479
- args: [{
26480
- selector: 'px-card-heading',
26481
- }]
26482
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
26483
26483
  /**
26484
26484
  * @description Type-only wrapper for <px-radio>
26485
26485
  */
@@ -37405,7 +37405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37405
37405
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
37406
37406
  class Lavender {
37407
37407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37408
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxAWrapper, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxModal, PxList, PxListItem, PxP, PxPillar, PxPrice, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxAWrapper, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxModal, PxList, PxListItem, PxP, PxPillar, PxPrice, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37408
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, 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] });
37409
37409
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37410
37410
  }
37411
37411
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37454,22 +37454,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37454
37454
  PxSelect,
37455
37455
  PxTextarea,
37456
37456
  PxFileupload,
37457
- PxA,
37458
- PxAWrapper,
37459
37457
  PxPage,
37460
37458
  PxSpacer,
37461
37459
  PxStack,
37462
37460
  PxVstack,
37463
37461
  PxHstack,
37464
- PxModal,
37462
+ PxA,
37463
+ PxAWrapper,
37465
37464
  PxList,
37466
37465
  PxListItem,
37466
+ PxModal,
37467
37467
  PxP,
37468
37468
  PxPillar,
37469
- PxPrice,
37470
37469
  PxCardActions,
37471
37470
  PxCardContainer,
37472
37471
  PxCardHeading,
37472
+ PxPrice,
37473
37473
  PxRadio,
37474
37474
  PxRadioBase,
37475
37475
  PxRadioGroup,
@@ -37556,22 +37556,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37556
37556
  PxSelect,
37557
37557
  PxTextarea,
37558
37558
  PxFileupload,
37559
- PxA,
37560
- PxAWrapper,
37561
37559
  PxPage,
37562
37560
  PxSpacer,
37563
37561
  PxStack,
37564
37562
  PxVstack,
37565
37563
  PxHstack,
37566
- PxModal,
37564
+ PxA,
37565
+ PxAWrapper,
37567
37566
  PxList,
37568
37567
  PxListItem,
37568
+ PxModal,
37569
37569
  PxP,
37570
37570
  PxPillar,
37571
- PxPrice,
37572
37571
  PxCardActions,
37573
37572
  PxCardContainer,
37574
37573
  PxCardHeading,
37574
+ PxPrice,
37575
37575
  PxRadio,
37576
37576
  PxRadioBase,
37577
37577
  PxRadioGroup,