@proximus/lavender-angular 1.4.10-alpha.8 → 1.4.10-beta.1

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 +18 -258
  2. package/esm2022/lavender.directive.mjs +1492 -1074
  3. package/fesm2022/proximus-lavender-angular.mjs +1491 -1073
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +411 -317
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -20035,139 +20035,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20035
20035
  type: Output
20036
20036
  }] } });
20037
20037
  /**
20038
- * @description Type-only wrapper for <px-a>
20038
+ * @description Type-only wrapper for <px-page>
20039
20039
  */
20040
- class PxA {
20040
+ class PxPage {
20041
20041
  elementRef;
20042
- set disabled(value) {
20043
- this.elementRef.nativeElement['disabled'] = value;
20044
- }
20045
- get disabled() {
20046
- return this.elementRef.nativeElement['disabled'];
20047
- }
20048
- set variant(value) {
20049
- this.elementRef.nativeElement['variant'] = value;
20050
- }
20051
- get variant() {
20052
- return this.elementRef.nativeElement['variant'];
20053
- }
20054
- set shape(value) {
20055
- this.elementRef.nativeElement['shape'] = value;
20056
- }
20057
- get shape() {
20058
- return this.elementRef.nativeElement['shape'];
20059
- }
20060
- set shapeMobile(value) {
20061
- this.elementRef.nativeElement['shapeMobile'] = value;
20062
- }
20063
- get shapeMobile() {
20064
- return this.elementRef.nativeElement['shapeMobile'];
20065
- }
20066
- set shapeTablet(value) {
20067
- this.elementRef.nativeElement['shapeTablet'] = value;
20068
- }
20069
- get shapeTablet() {
20070
- return this.elementRef.nativeElement['shapeTablet'];
20071
- }
20072
- set shapeLaptop(value) {
20073
- this.elementRef.nativeElement['shapeLaptop'] = value;
20074
- }
20075
- get shapeLaptop() {
20076
- return this.elementRef.nativeElement['shapeLaptop'];
20077
- }
20078
- set shapeDesktop(value) {
20079
- this.elementRef.nativeElement['shapeDesktop'] = value;
20080
- }
20081
- get shapeDesktop() {
20082
- return this.elementRef.nativeElement['shapeDesktop'];
20083
- }
20084
- set extended(value) {
20085
- this.elementRef.nativeElement['extended'] = value;
20086
- }
20087
- get extended() {
20088
- return this.elementRef.nativeElement['extended'];
20089
- }
20090
- set extendedMobile(value) {
20091
- this.elementRef.nativeElement['extendedMobile'] = value;
20092
- }
20093
- get extendedMobile() {
20094
- return this.elementRef.nativeElement['extendedMobile'];
20095
- }
20096
- set extendedTablet(value) {
20097
- this.elementRef.nativeElement['extendedTablet'] = value;
20098
- }
20099
- get extendedTablet() {
20100
- return this.elementRef.nativeElement['extendedTablet'];
20101
- }
20102
- set extendedLaptop(value) {
20103
- this.elementRef.nativeElement['extendedLaptop'] = value;
20104
- }
20105
- get extendedLaptop() {
20106
- return this.elementRef.nativeElement['extendedLaptop'];
20107
- }
20108
- set extendedDesktop(value) {
20109
- this.elementRef.nativeElement['extendedDesktop'] = value;
20110
- }
20111
- get extendedDesktop() {
20112
- return this.elementRef.nativeElement['extendedDesktop'];
20113
- }
20114
- set inverted(value) {
20115
- this.elementRef.nativeElement['inverted'] = value;
20116
- }
20117
- get inverted() {
20118
- return this.elementRef.nativeElement['inverted'];
20119
- }
20120
- set fontSize(value) {
20121
- this.elementRef.nativeElement['fontSize'] = value;
20122
- }
20123
- get fontSize() {
20124
- return this.elementRef.nativeElement['fontSize'];
20125
- }
20126
- set color(value) {
20127
- this.elementRef.nativeElement['color'] = value;
20128
- }
20129
- get color() {
20130
- return this.elementRef.nativeElement['color'];
20131
- }
20132
- set fontWeight(value) {
20133
- this.elementRef.nativeElement['fontWeight'] = value;
20134
- }
20135
- get fontWeight() {
20136
- return this.elementRef.nativeElement['fontWeight'];
20137
- }
20138
- set title(value) {
20139
- this.elementRef.nativeElement['title'] = value;
20042
+ set backgroundImage(value) {
20043
+ this.elementRef.nativeElement['backgroundImage'] = value;
20140
20044
  }
20141
- get title() {
20142
- return this.elementRef.nativeElement['title'];
20045
+ get backgroundImage() {
20046
+ return this.elementRef.nativeElement['backgroundImage'];
20143
20047
  }
20144
- /** The URL that the hyperlink points to. */
20145
- set href(value) {
20146
- this.elementRef.nativeElement['href'] = value;
20048
+ set gap(value) {
20049
+ this.elementRef.nativeElement['gap'] = value;
20147
20050
  }
20148
- get href() {
20149
- return this.elementRef.nativeElement['href'];
20051
+ get gap() {
20052
+ return this.elementRef.nativeElement['gap'];
20150
20053
  }
20151
- /** Where to display the linked URL. */
20152
- set target(value) {
20153
- this.elementRef.nativeElement['target'] = value;
20054
+ set backgroundColor(value) {
20055
+ this.elementRef.nativeElement['backgroundColor'] = value;
20154
20056
  }
20155
- get target() {
20156
- return this.elementRef.nativeElement['target'];
20057
+ get backgroundColor() {
20058
+ return this.elementRef.nativeElement['backgroundColor'];
20157
20059
  }
20158
- /** The relationship of the linked URL as space-separated link types. */
20159
- set rel(value) {
20160
- this.elementRef.nativeElement['rel'] = value;
20060
+ set paddingVertical(value) {
20061
+ this.elementRef.nativeElement['paddingVertical'] = value;
20161
20062
  }
20162
- get rel() {
20163
- return this.elementRef.nativeElement['rel'];
20063
+ get paddingVertical() {
20064
+ return this.elementRef.nativeElement['paddingVertical'];
20164
20065
  }
20165
- /** Prompts the user to save the linked URL instead of navigating to it. */
20166
- set download(value) {
20167
- this.elementRef.nativeElement['download'] = value;
20066
+ set paddingHorizontal(value) {
20067
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
20168
20068
  }
20169
- get download() {
20170
- return this.elementRef.nativeElement['download'];
20069
+ get paddingHorizontal() {
20070
+ return this.elementRef.nativeElement['paddingHorizontal'];
20171
20071
  }
20172
20072
  set grow(value) {
20173
20073
  this.elementRef.nativeElement['grow'] = value;
@@ -20454,66 +20354,28 @@ class PxA {
20454
20354
  constructor(elementRef) {
20455
20355
  this.elementRef = elementRef;
20456
20356
  }
20457
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20458
- 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 });
20357
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20358
+ 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 });
20459
20359
  }
20460
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
20360
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
20461
20361
  type: Directive,
20462
20362
  args: [{
20463
- selector: 'px-a',
20363
+ selector: 'px-page',
20464
20364
  }]
20465
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
20466
- type: Input
20467
- }], variant: [{
20468
- type: Input
20469
- }], shape: [{
20470
- type: Input
20471
- }], shapeMobile: [{
20472
- type: Input,
20473
- args: ['shape--mobile']
20474
- }], shapeTablet: [{
20475
- type: Input,
20476
- args: ['shape--tablet']
20477
- }], shapeLaptop: [{
20478
- type: Input,
20479
- args: ['shape--laptop']
20480
- }], shapeDesktop: [{
20365
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
20481
20366
  type: Input,
20482
- args: ['shape--desktop']
20483
- }], extended: [{
20367
+ args: ['background-image']
20368
+ }], gap: [{
20484
20369
  type: Input
20485
- }], extendedMobile: [{
20486
- type: Input,
20487
- args: ['extended--mobile']
20488
- }], extendedTablet: [{
20489
- type: Input,
20490
- args: ['extended--tablet']
20491
- }], extendedLaptop: [{
20492
- type: Input,
20493
- args: ['extended--laptop']
20494
- }], extendedDesktop: [{
20370
+ }], backgroundColor: [{
20495
20371
  type: Input,
20496
- args: ['extended--desktop']
20497
- }], inverted: [{
20498
- type: Input
20499
- }], fontSize: [{
20372
+ args: ['background-color']
20373
+ }], paddingVertical: [{
20500
20374
  type: Input,
20501
- args: ['font-size']
20502
- }], color: [{
20503
- type: Input
20504
- }], fontWeight: [{
20375
+ args: ['padding-vertical']
20376
+ }], paddingHorizontal: [{
20505
20377
  type: Input,
20506
- args: ['font-weight']
20507
- }], title: [{
20508
- type: Input
20509
- }], href: [{
20510
- type: Input
20511
- }], target: [{
20512
- type: Input
20513
- }], rel: [{
20514
- type: Input
20515
- }], download: [{
20516
- type: Input
20378
+ args: ['padding-horizontal']
20517
20379
  }], grow: [{
20518
20380
  type: Input
20519
20381
  }], growMobile: [{
@@ -20652,139 +20514,222 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20652
20514
  args: ['sticky-bottom']
20653
20515
  }] } });
20654
20516
  /**
20655
- * @description Type-only wrapper for <px-a-wrapper>
20517
+ * @description Type-only wrapper for <px-spacer>
20656
20518
  */
20657
- class PxAWrapper {
20519
+ class PxSpacer {
20658
20520
  elementRef;
20659
- /** The URL that the hyperlink points to. */
20660
- set href(value) {
20661
- this.elementRef.nativeElement['href'] = value;
20662
- }
20663
- get href() {
20664
- return this.elementRef.nativeElement['href'];
20665
- }
20666
- /** Where to display the linked URL. */
20667
- set target(value) {
20668
- this.elementRef.nativeElement['target'] = value;
20669
- }
20670
- get target() {
20671
- return this.elementRef.nativeElement['target'];
20672
- }
20673
- /** The relationship of the linked URL as space-separated link types. */
20674
- set rel(value) {
20675
- this.elementRef.nativeElement['rel'] = value;
20676
- }
20677
- get rel() {
20678
- return this.elementRef.nativeElement['rel'];
20679
- }
20680
- /** Prompts the user to save the linked URL instead of navigating to it. */
20681
- set download(value) {
20682
- this.elementRef.nativeElement['download'] = value;
20521
+ set grow(value) {
20522
+ this.elementRef.nativeElement['grow'] = value;
20683
20523
  }
20684
- get download() {
20685
- return this.elementRef.nativeElement['download'];
20524
+ get grow() {
20525
+ return this.elementRef.nativeElement['grow'];
20686
20526
  }
20687
- set disabled(value) {
20688
- this.elementRef.nativeElement['disabled'] = value;
20527
+ set nogap(value) {
20528
+ this.elementRef.nativeElement['nogap'] = value;
20689
20529
  }
20690
- get disabled() {
20691
- return this.elementRef.nativeElement['disabled'];
20530
+ get nogap() {
20531
+ return this.elementRef.nativeElement['nogap'];
20692
20532
  }
20693
- set variant(value) {
20694
- this.elementRef.nativeElement['variant'] = value;
20533
+ constructor(elementRef) {
20534
+ this.elementRef = elementRef;
20695
20535
  }
20696
- get variant() {
20697
- return this.elementRef.nativeElement['variant'];
20536
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20537
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
20538
+ }
20539
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
20540
+ type: Directive,
20541
+ args: [{
20542
+ selector: 'px-spacer',
20543
+ }]
20544
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
20545
+ type: Input
20546
+ }], nogap: [{
20547
+ type: Input
20548
+ }] } });
20549
+ /**
20550
+ * @description Type-only wrapper for <px-stack>
20551
+ */
20552
+ class PxStack {
20553
+ elementRef;
20554
+ set direction(value) {
20555
+ this.elementRef.nativeElement['direction'] = value;
20698
20556
  }
20699
- set shape(value) {
20700
- this.elementRef.nativeElement['shape'] = value;
20557
+ get direction() {
20558
+ return this.elementRef.nativeElement['direction'];
20701
20559
  }
20702
- get shape() {
20703
- return this.elementRef.nativeElement['shape'];
20560
+ set directionMobile(value) {
20561
+ this.elementRef.nativeElement['directionMobile'] = value;
20704
20562
  }
20705
- set shapeMobile(value) {
20706
- this.elementRef.nativeElement['shapeMobile'] = value;
20563
+ get directionMobile() {
20564
+ return this.elementRef.nativeElement['directionMobile'];
20707
20565
  }
20708
- get shapeMobile() {
20709
- return this.elementRef.nativeElement['shapeMobile'];
20566
+ set directionTablet(value) {
20567
+ this.elementRef.nativeElement['directionTablet'] = value;
20710
20568
  }
20711
- set shapeTablet(value) {
20712
- this.elementRef.nativeElement['shapeTablet'] = value;
20569
+ get directionTablet() {
20570
+ return this.elementRef.nativeElement['directionTablet'];
20713
20571
  }
20714
- get shapeTablet() {
20715
- return this.elementRef.nativeElement['shapeTablet'];
20572
+ set directionLaptop(value) {
20573
+ this.elementRef.nativeElement['directionLaptop'] = value;
20716
20574
  }
20717
- set shapeLaptop(value) {
20718
- this.elementRef.nativeElement['shapeLaptop'] = value;
20575
+ get directionLaptop() {
20576
+ return this.elementRef.nativeElement['directionLaptop'];
20719
20577
  }
20720
- get shapeLaptop() {
20721
- return this.elementRef.nativeElement['shapeLaptop'];
20578
+ set directionDesktop(value) {
20579
+ this.elementRef.nativeElement['directionDesktop'] = value;
20722
20580
  }
20723
- set shapeDesktop(value) {
20724
- this.elementRef.nativeElement['shapeDesktop'] = value;
20581
+ get directionDesktop() {
20582
+ return this.elementRef.nativeElement['directionDesktop'];
20725
20583
  }
20726
- get shapeDesktop() {
20727
- return this.elementRef.nativeElement['shapeDesktop'];
20584
+ set gap(value) {
20585
+ this.elementRef.nativeElement['gap'] = value;
20728
20586
  }
20729
- set extended(value) {
20730
- this.elementRef.nativeElement['extended'] = value;
20587
+ get gap() {
20588
+ return this.elementRef.nativeElement['gap'];
20731
20589
  }
20732
- get extended() {
20733
- return this.elementRef.nativeElement['extended'];
20590
+ set gapMobile(value) {
20591
+ this.elementRef.nativeElement['gapMobile'] = value;
20734
20592
  }
20735
- set extendedMobile(value) {
20736
- this.elementRef.nativeElement['extendedMobile'] = value;
20593
+ get gapMobile() {
20594
+ return this.elementRef.nativeElement['gapMobile'];
20737
20595
  }
20738
- get extendedMobile() {
20739
- return this.elementRef.nativeElement['extendedMobile'];
20596
+ set gapTablet(value) {
20597
+ this.elementRef.nativeElement['gapTablet'] = value;
20740
20598
  }
20741
- set extendedTablet(value) {
20742
- this.elementRef.nativeElement['extendedTablet'] = value;
20599
+ get gapTablet() {
20600
+ return this.elementRef.nativeElement['gapTablet'];
20743
20601
  }
20744
- get extendedTablet() {
20745
- return this.elementRef.nativeElement['extendedTablet'];
20602
+ set gapLaptop(value) {
20603
+ this.elementRef.nativeElement['gapLaptop'] = value;
20746
20604
  }
20747
- set extendedLaptop(value) {
20748
- this.elementRef.nativeElement['extendedLaptop'] = value;
20605
+ get gapLaptop() {
20606
+ return this.elementRef.nativeElement['gapLaptop'];
20749
20607
  }
20750
- get extendedLaptop() {
20751
- return this.elementRef.nativeElement['extendedLaptop'];
20608
+ set gapDesktop(value) {
20609
+ this.elementRef.nativeElement['gapDesktop'] = value;
20752
20610
  }
20753
- set extendedDesktop(value) {
20754
- this.elementRef.nativeElement['extendedDesktop'] = value;
20611
+ get gapDesktop() {
20612
+ return this.elementRef.nativeElement['gapDesktop'];
20755
20613
  }
20756
- get extendedDesktop() {
20757
- return this.elementRef.nativeElement['extendedDesktop'];
20614
+ set justifyContent(value) {
20615
+ this.elementRef.nativeElement['justifyContent'] = value;
20758
20616
  }
20759
- set inverted(value) {
20760
- this.elementRef.nativeElement['inverted'] = value;
20617
+ get justifyContent() {
20618
+ return this.elementRef.nativeElement['justifyContent'];
20761
20619
  }
20762
- get inverted() {
20763
- return this.elementRef.nativeElement['inverted'];
20620
+ set justifyContentMobile(value) {
20621
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
20764
20622
  }
20765
- set fontSize(value) {
20766
- this.elementRef.nativeElement['fontSize'] = value;
20623
+ get justifyContentMobile() {
20624
+ return this.elementRef.nativeElement['justifyContentMobile'];
20767
20625
  }
20768
- get fontSize() {
20769
- return this.elementRef.nativeElement['fontSize'];
20626
+ set justifyContentTablet(value) {
20627
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
20770
20628
  }
20771
- set color(value) {
20772
- this.elementRef.nativeElement['color'] = value;
20629
+ get justifyContentTablet() {
20630
+ return this.elementRef.nativeElement['justifyContentTablet'];
20773
20631
  }
20774
- get color() {
20775
- return this.elementRef.nativeElement['color'];
20632
+ set justifyContentLaptop(value) {
20633
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
20776
20634
  }
20777
- set fontWeight(value) {
20778
- this.elementRef.nativeElement['fontWeight'] = value;
20635
+ get justifyContentLaptop() {
20636
+ return this.elementRef.nativeElement['justifyContentLaptop'];
20779
20637
  }
20780
- get fontWeight() {
20781
- return this.elementRef.nativeElement['fontWeight'];
20638
+ set justifyContentDesktop(value) {
20639
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
20782
20640
  }
20783
- set title(value) {
20784
- this.elementRef.nativeElement['title'] = value;
20641
+ get justifyContentDesktop() {
20642
+ return this.elementRef.nativeElement['justifyContentDesktop'];
20785
20643
  }
20786
- get title() {
20787
- return this.elementRef.nativeElement['title'];
20644
+ set alignItems(value) {
20645
+ this.elementRef.nativeElement['alignItems'] = value;
20646
+ }
20647
+ get alignItems() {
20648
+ return this.elementRef.nativeElement['alignItems'];
20649
+ }
20650
+ set alignItemsMobile(value) {
20651
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
20652
+ }
20653
+ get alignItemsMobile() {
20654
+ return this.elementRef.nativeElement['alignItemsMobile'];
20655
+ }
20656
+ set alignItemsTablet(value) {
20657
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
20658
+ }
20659
+ get alignItemsTablet() {
20660
+ return this.elementRef.nativeElement['alignItemsTablet'];
20661
+ }
20662
+ set alignItemsLaptop(value) {
20663
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
20664
+ }
20665
+ get alignItemsLaptop() {
20666
+ return this.elementRef.nativeElement['alignItemsLaptop'];
20667
+ }
20668
+ set alignItemsDesktop(value) {
20669
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
20670
+ }
20671
+ get alignItemsDesktop() {
20672
+ return this.elementRef.nativeElement['alignItemsDesktop'];
20673
+ }
20674
+ set wrap(value) {
20675
+ this.elementRef.nativeElement['wrap'] = value;
20676
+ }
20677
+ get wrap() {
20678
+ return this.elementRef.nativeElement['wrap'];
20679
+ }
20680
+ set wrapMobile(value) {
20681
+ this.elementRef.nativeElement['wrapMobile'] = value;
20682
+ }
20683
+ get wrapMobile() {
20684
+ return this.elementRef.nativeElement['wrapMobile'];
20685
+ }
20686
+ set wrapTablet(value) {
20687
+ this.elementRef.nativeElement['wrapTablet'] = value;
20688
+ }
20689
+ get wrapTablet() {
20690
+ return this.elementRef.nativeElement['wrapTablet'];
20691
+ }
20692
+ set wrapLaptop(value) {
20693
+ this.elementRef.nativeElement['wrapLaptop'] = value;
20694
+ }
20695
+ get wrapLaptop() {
20696
+ return this.elementRef.nativeElement['wrapLaptop'];
20697
+ }
20698
+ set wrapDesktop(value) {
20699
+ this.elementRef.nativeElement['wrapDesktop'] = value;
20700
+ }
20701
+ get wrapDesktop() {
20702
+ return this.elementRef.nativeElement['wrapDesktop'];
20703
+ }
20704
+ set overflowX(value) {
20705
+ this.elementRef.nativeElement['overflowX'] = value;
20706
+ }
20707
+ get overflowX() {
20708
+ return this.elementRef.nativeElement['overflowX'];
20709
+ }
20710
+ set overflowXMobile(value) {
20711
+ this.elementRef.nativeElement['overflowXMobile'] = value;
20712
+ }
20713
+ get overflowXMobile() {
20714
+ return this.elementRef.nativeElement['overflowXMobile'];
20715
+ }
20716
+ set overflowXTablet(value) {
20717
+ this.elementRef.nativeElement['overflowXTablet'] = value;
20718
+ }
20719
+ get overflowXTablet() {
20720
+ return this.elementRef.nativeElement['overflowXTablet'];
20721
+ }
20722
+ set overflowXLaptop(value) {
20723
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
20724
+ }
20725
+ get overflowXLaptop() {
20726
+ return this.elementRef.nativeElement['overflowXLaptop'];
20727
+ }
20728
+ set overflowXDesktop(value) {
20729
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
20730
+ }
20731
+ get overflowXDesktop() {
20732
+ return this.elementRef.nativeElement['overflowXDesktop'];
20788
20733
  }
20789
20734
  set grow(value) {
20790
20735
  this.elementRef.nativeElement['grow'] = value;
@@ -21071,66 +21016,101 @@ class PxAWrapper {
21071
21016
  constructor(elementRef) {
21072
21017
  this.elementRef = elementRef;
21073
21018
  }
21074
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21075
- 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 });
21019
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21020
+ 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 });
21076
21021
  }
21077
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
21022
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
21078
21023
  type: Directive,
21079
21024
  args: [{
21080
- selector: 'px-a-wrapper',
21025
+ selector: 'px-stack',
21081
21026
  }]
21082
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
21083
- type: Input
21084
- }], target: [{
21085
- type: Input
21086
- }], rel: [{
21087
- type: Input
21088
- }], download: [{
21089
- type: Input
21090
- }], disabled: [{
21091
- type: Input
21092
- }], variant: [{
21093
- type: Input
21094
- }], shape: [{
21027
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21095
21028
  type: Input
21096
- }], shapeMobile: [{
21029
+ }], directionMobile: [{
21097
21030
  type: Input,
21098
- args: ['shape--mobile']
21099
- }], shapeTablet: [{
21031
+ args: ['direction--mobile']
21032
+ }], directionTablet: [{
21100
21033
  type: Input,
21101
- args: ['shape--tablet']
21102
- }], shapeLaptop: [{
21034
+ args: ['direction--tablet']
21035
+ }], directionLaptop: [{
21103
21036
  type: Input,
21104
- args: ['shape--laptop']
21105
- }], shapeDesktop: [{
21037
+ args: ['direction--laptop']
21038
+ }], directionDesktop: [{
21106
21039
  type: Input,
21107
- args: ['shape--desktop']
21108
- }], extended: [{
21040
+ args: ['direction--desktop']
21041
+ }], gap: [{
21109
21042
  type: Input
21110
- }], extendedMobile: [{
21043
+ }], gapMobile: [{
21111
21044
  type: Input,
21112
- args: ['extended--mobile']
21113
- }], extendedTablet: [{
21045
+ args: ['gap--mobile']
21046
+ }], gapTablet: [{
21114
21047
  type: Input,
21115
- args: ['extended--tablet']
21116
- }], extendedLaptop: [{
21048
+ args: ['gap--tablet']
21049
+ }], gapLaptop: [{
21117
21050
  type: Input,
21118
- args: ['extended--laptop']
21119
- }], extendedDesktop: [{
21051
+ args: ['gap--laptop']
21052
+ }], gapDesktop: [{
21120
21053
  type: Input,
21121
- args: ['extended--desktop']
21122
- }], inverted: [{
21123
- type: Input
21124
- }], fontSize: [{
21054
+ args: ['gap--desktop']
21055
+ }], justifyContent: [{
21125
21056
  type: Input,
21126
- args: ['font-size']
21127
- }], color: [{
21128
- type: Input
21129
- }], fontWeight: [{
21057
+ args: ['justify-content']
21058
+ }], justifyContentMobile: [{
21130
21059
  type: Input,
21131
- args: ['font-weight']
21132
- }], title: [{
21060
+ args: ['justify-content--mobile']
21061
+ }], justifyContentTablet: [{
21062
+ type: Input,
21063
+ args: ['justify-content--tablet']
21064
+ }], justifyContentLaptop: [{
21065
+ type: Input,
21066
+ args: ['justify-content--laptop']
21067
+ }], justifyContentDesktop: [{
21068
+ type: Input,
21069
+ args: ['justify-content--desktop']
21070
+ }], alignItems: [{
21071
+ type: Input,
21072
+ args: ['align-items']
21073
+ }], alignItemsMobile: [{
21074
+ type: Input,
21075
+ args: ['align-items--mobile']
21076
+ }], alignItemsTablet: [{
21077
+ type: Input,
21078
+ args: ['align-items--tablet']
21079
+ }], alignItemsLaptop: [{
21080
+ type: Input,
21081
+ args: ['align-items--laptop']
21082
+ }], alignItemsDesktop: [{
21083
+ type: Input,
21084
+ args: ['align-items--desktop']
21085
+ }], wrap: [{
21133
21086
  type: Input
21087
+ }], wrapMobile: [{
21088
+ type: Input,
21089
+ args: ['wrap--mobile']
21090
+ }], wrapTablet: [{
21091
+ type: Input,
21092
+ args: ['wrap--tablet']
21093
+ }], wrapLaptop: [{
21094
+ type: Input,
21095
+ args: ['wrap--laptop']
21096
+ }], wrapDesktop: [{
21097
+ type: Input,
21098
+ args: ['wrap--desktop']
21099
+ }], overflowX: [{
21100
+ type: Input,
21101
+ args: ['overflow-x']
21102
+ }], overflowXMobile: [{
21103
+ type: Input,
21104
+ args: ['overflow-x--mobile']
21105
+ }], overflowXTablet: [{
21106
+ type: Input,
21107
+ args: ['overflow-x--tablet']
21108
+ }], overflowXLaptop: [{
21109
+ type: Input,
21110
+ args: ['overflow-x--laptop']
21111
+ }], overflowXDesktop: [{
21112
+ type: Input,
21113
+ args: ['overflow-x--desktop']
21134
21114
  }], grow: [{
21135
21115
  type: Input
21136
21116
  }], growMobile: [{
@@ -21269,129 +21249,279 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21269
21249
  args: ['sticky-bottom']
21270
21250
  }] } });
21271
21251
  /**
21272
- * @description Type-only wrapper for <px-page>
21252
+ * @description Type-only wrapper for <px-vstack>
21273
21253
  */
21274
- class PxPage {
21254
+ class PxVstack {
21275
21255
  elementRef;
21276
- set backgroundImage(value) {
21277
- this.elementRef.nativeElement['backgroundImage'] = value;
21256
+ set direction(value) {
21257
+ this.elementRef.nativeElement['direction'] = value;
21278
21258
  }
21279
- get backgroundImage() {
21280
- return this.elementRef.nativeElement['backgroundImage'];
21259
+ get direction() {
21260
+ return this.elementRef.nativeElement['direction'];
21281
21261
  }
21282
- set gap(value) {
21283
- this.elementRef.nativeElement['gap'] = value;
21262
+ set directionMobile(value) {
21263
+ this.elementRef.nativeElement['directionMobile'] = value;
21284
21264
  }
21285
- get gap() {
21286
- return this.elementRef.nativeElement['gap'];
21265
+ get directionMobile() {
21266
+ return this.elementRef.nativeElement['directionMobile'];
21287
21267
  }
21288
- set backgroundColor(value) {
21289
- this.elementRef.nativeElement['backgroundColor'] = value;
21268
+ set directionTablet(value) {
21269
+ this.elementRef.nativeElement['directionTablet'] = value;
21290
21270
  }
21291
- get backgroundColor() {
21292
- return this.elementRef.nativeElement['backgroundColor'];
21271
+ get directionTablet() {
21272
+ return this.elementRef.nativeElement['directionTablet'];
21293
21273
  }
21294
- set paddingVertical(value) {
21295
- this.elementRef.nativeElement['paddingVertical'] = value;
21274
+ set directionLaptop(value) {
21275
+ this.elementRef.nativeElement['directionLaptop'] = value;
21296
21276
  }
21297
- get paddingVertical() {
21298
- return this.elementRef.nativeElement['paddingVertical'];
21277
+ get directionLaptop() {
21278
+ return this.elementRef.nativeElement['directionLaptop'];
21299
21279
  }
21300
- set paddingHorizontal(value) {
21301
- this.elementRef.nativeElement['paddingHorizontal'] = value;
21280
+ set directionDesktop(value) {
21281
+ this.elementRef.nativeElement['directionDesktop'] = value;
21302
21282
  }
21303
- get paddingHorizontal() {
21304
- return this.elementRef.nativeElement['paddingHorizontal'];
21283
+ get directionDesktop() {
21284
+ return this.elementRef.nativeElement['directionDesktop'];
21305
21285
  }
21306
- set grow(value) {
21307
- this.elementRef.nativeElement['grow'] = value;
21286
+ set gap(value) {
21287
+ this.elementRef.nativeElement['gap'] = value;
21308
21288
  }
21309
- get grow() {
21310
- return this.elementRef.nativeElement['grow'];
21289
+ get gap() {
21290
+ return this.elementRef.nativeElement['gap'];
21311
21291
  }
21312
- set growMobile(value) {
21313
- this.elementRef.nativeElement['growMobile'] = value;
21292
+ set gapMobile(value) {
21293
+ this.elementRef.nativeElement['gapMobile'] = value;
21314
21294
  }
21315
- get growMobile() {
21316
- return this.elementRef.nativeElement['growMobile'];
21295
+ get gapMobile() {
21296
+ return this.elementRef.nativeElement['gapMobile'];
21317
21297
  }
21318
- set growTablet(value) {
21319
- this.elementRef.nativeElement['growTablet'] = value;
21298
+ set gapTablet(value) {
21299
+ this.elementRef.nativeElement['gapTablet'] = value;
21320
21300
  }
21321
- get growTablet() {
21322
- return this.elementRef.nativeElement['growTablet'];
21301
+ get gapTablet() {
21302
+ return this.elementRef.nativeElement['gapTablet'];
21323
21303
  }
21324
- set growLaptop(value) {
21325
- this.elementRef.nativeElement['growLaptop'] = value;
21304
+ set gapLaptop(value) {
21305
+ this.elementRef.nativeElement['gapLaptop'] = value;
21326
21306
  }
21327
- get growLaptop() {
21328
- return this.elementRef.nativeElement['growLaptop'];
21307
+ get gapLaptop() {
21308
+ return this.elementRef.nativeElement['gapLaptop'];
21329
21309
  }
21330
- set growDesktop(value) {
21331
- this.elementRef.nativeElement['growDesktop'] = value;
21310
+ set gapDesktop(value) {
21311
+ this.elementRef.nativeElement['gapDesktop'] = value;
21332
21312
  }
21333
- get growDesktop() {
21334
- return this.elementRef.nativeElement['growDesktop'];
21313
+ get gapDesktop() {
21314
+ return this.elementRef.nativeElement['gapDesktop'];
21335
21315
  }
21336
- set shrink(value) {
21337
- this.elementRef.nativeElement['shrink'] = value;
21316
+ set justifyContent(value) {
21317
+ this.elementRef.nativeElement['justifyContent'] = value;
21338
21318
  }
21339
- get shrink() {
21340
- return this.elementRef.nativeElement['shrink'];
21319
+ get justifyContent() {
21320
+ return this.elementRef.nativeElement['justifyContent'];
21341
21321
  }
21342
- set shrinkMobile(value) {
21343
- this.elementRef.nativeElement['shrinkMobile'] = value;
21322
+ set justifyContentMobile(value) {
21323
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
21344
21324
  }
21345
- get shrinkMobile() {
21346
- return this.elementRef.nativeElement['shrinkMobile'];
21325
+ get justifyContentMobile() {
21326
+ return this.elementRef.nativeElement['justifyContentMobile'];
21347
21327
  }
21348
- set shrinkTablet(value) {
21349
- this.elementRef.nativeElement['shrinkTablet'] = value;
21328
+ set justifyContentTablet(value) {
21329
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
21350
21330
  }
21351
- get shrinkTablet() {
21352
- return this.elementRef.nativeElement['shrinkTablet'];
21331
+ get justifyContentTablet() {
21332
+ return this.elementRef.nativeElement['justifyContentTablet'];
21353
21333
  }
21354
- set shrinkLaptop(value) {
21355
- this.elementRef.nativeElement['shrinkLaptop'] = value;
21334
+ set justifyContentLaptop(value) {
21335
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
21356
21336
  }
21357
- get shrinkLaptop() {
21358
- return this.elementRef.nativeElement['shrinkLaptop'];
21337
+ get justifyContentLaptop() {
21338
+ return this.elementRef.nativeElement['justifyContentLaptop'];
21359
21339
  }
21360
- set shrinkDesktop(value) {
21361
- this.elementRef.nativeElement['shrinkDesktop'] = value;
21340
+ set justifyContentDesktop(value) {
21341
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
21362
21342
  }
21363
- get shrinkDesktop() {
21364
- return this.elementRef.nativeElement['shrinkDesktop'];
21343
+ get justifyContentDesktop() {
21344
+ return this.elementRef.nativeElement['justifyContentDesktop'];
21365
21345
  }
21366
- set basis(value) {
21367
- this.elementRef.nativeElement['basis'] = value;
21346
+ set alignItems(value) {
21347
+ this.elementRef.nativeElement['alignItems'] = value;
21368
21348
  }
21369
- get basis() {
21370
- return this.elementRef.nativeElement['basis'];
21349
+ get alignItems() {
21350
+ return this.elementRef.nativeElement['alignItems'];
21371
21351
  }
21372
- set basisMobile(value) {
21373
- this.elementRef.nativeElement['basisMobile'] = value;
21352
+ set alignItemsMobile(value) {
21353
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
21374
21354
  }
21375
- get basisMobile() {
21376
- return this.elementRef.nativeElement['basisMobile'];
21355
+ get alignItemsMobile() {
21356
+ return this.elementRef.nativeElement['alignItemsMobile'];
21377
21357
  }
21378
- set basisTablet(value) {
21379
- this.elementRef.nativeElement['basisTablet'] = value;
21358
+ set alignItemsTablet(value) {
21359
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
21380
21360
  }
21381
- get basisTablet() {
21382
- return this.elementRef.nativeElement['basisTablet'];
21361
+ get alignItemsTablet() {
21362
+ return this.elementRef.nativeElement['alignItemsTablet'];
21383
21363
  }
21384
- set basisLaptop(value) {
21385
- this.elementRef.nativeElement['basisLaptop'] = value;
21364
+ set alignItemsLaptop(value) {
21365
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
21386
21366
  }
21387
- get basisLaptop() {
21388
- return this.elementRef.nativeElement['basisLaptop'];
21367
+ get alignItemsLaptop() {
21368
+ return this.elementRef.nativeElement['alignItemsLaptop'];
21389
21369
  }
21390
- set basisDesktop(value) {
21391
- this.elementRef.nativeElement['basisDesktop'] = value;
21370
+ set alignItemsDesktop(value) {
21371
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
21392
21372
  }
21393
- get basisDesktop() {
21394
- return this.elementRef.nativeElement['basisDesktop'];
21373
+ get alignItemsDesktop() {
21374
+ return this.elementRef.nativeElement['alignItemsDesktop'];
21375
+ }
21376
+ set wrap(value) {
21377
+ this.elementRef.nativeElement['wrap'] = value;
21378
+ }
21379
+ get wrap() {
21380
+ return this.elementRef.nativeElement['wrap'];
21381
+ }
21382
+ set wrapMobile(value) {
21383
+ this.elementRef.nativeElement['wrapMobile'] = value;
21384
+ }
21385
+ get wrapMobile() {
21386
+ return this.elementRef.nativeElement['wrapMobile'];
21387
+ }
21388
+ set wrapTablet(value) {
21389
+ this.elementRef.nativeElement['wrapTablet'] = value;
21390
+ }
21391
+ get wrapTablet() {
21392
+ return this.elementRef.nativeElement['wrapTablet'];
21393
+ }
21394
+ set wrapLaptop(value) {
21395
+ this.elementRef.nativeElement['wrapLaptop'] = value;
21396
+ }
21397
+ get wrapLaptop() {
21398
+ return this.elementRef.nativeElement['wrapLaptop'];
21399
+ }
21400
+ set wrapDesktop(value) {
21401
+ this.elementRef.nativeElement['wrapDesktop'] = value;
21402
+ }
21403
+ get wrapDesktop() {
21404
+ return this.elementRef.nativeElement['wrapDesktop'];
21405
+ }
21406
+ set overflowX(value) {
21407
+ this.elementRef.nativeElement['overflowX'] = value;
21408
+ }
21409
+ get overflowX() {
21410
+ return this.elementRef.nativeElement['overflowX'];
21411
+ }
21412
+ set overflowXMobile(value) {
21413
+ this.elementRef.nativeElement['overflowXMobile'] = value;
21414
+ }
21415
+ get overflowXMobile() {
21416
+ return this.elementRef.nativeElement['overflowXMobile'];
21417
+ }
21418
+ set overflowXTablet(value) {
21419
+ this.elementRef.nativeElement['overflowXTablet'] = value;
21420
+ }
21421
+ get overflowXTablet() {
21422
+ return this.elementRef.nativeElement['overflowXTablet'];
21423
+ }
21424
+ set overflowXLaptop(value) {
21425
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
21426
+ }
21427
+ get overflowXLaptop() {
21428
+ return this.elementRef.nativeElement['overflowXLaptop'];
21429
+ }
21430
+ set overflowXDesktop(value) {
21431
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
21432
+ }
21433
+ get overflowXDesktop() {
21434
+ return this.elementRef.nativeElement['overflowXDesktop'];
21435
+ }
21436
+ set grow(value) {
21437
+ this.elementRef.nativeElement['grow'] = value;
21438
+ }
21439
+ get grow() {
21440
+ return this.elementRef.nativeElement['grow'];
21441
+ }
21442
+ set growMobile(value) {
21443
+ this.elementRef.nativeElement['growMobile'] = value;
21444
+ }
21445
+ get growMobile() {
21446
+ return this.elementRef.nativeElement['growMobile'];
21447
+ }
21448
+ set growTablet(value) {
21449
+ this.elementRef.nativeElement['growTablet'] = value;
21450
+ }
21451
+ get growTablet() {
21452
+ return this.elementRef.nativeElement['growTablet'];
21453
+ }
21454
+ set growLaptop(value) {
21455
+ this.elementRef.nativeElement['growLaptop'] = value;
21456
+ }
21457
+ get growLaptop() {
21458
+ return this.elementRef.nativeElement['growLaptop'];
21459
+ }
21460
+ set growDesktop(value) {
21461
+ this.elementRef.nativeElement['growDesktop'] = value;
21462
+ }
21463
+ get growDesktop() {
21464
+ return this.elementRef.nativeElement['growDesktop'];
21465
+ }
21466
+ set shrink(value) {
21467
+ this.elementRef.nativeElement['shrink'] = value;
21468
+ }
21469
+ get shrink() {
21470
+ return this.elementRef.nativeElement['shrink'];
21471
+ }
21472
+ set shrinkMobile(value) {
21473
+ this.elementRef.nativeElement['shrinkMobile'] = value;
21474
+ }
21475
+ get shrinkMobile() {
21476
+ return this.elementRef.nativeElement['shrinkMobile'];
21477
+ }
21478
+ set shrinkTablet(value) {
21479
+ this.elementRef.nativeElement['shrinkTablet'] = value;
21480
+ }
21481
+ get shrinkTablet() {
21482
+ return this.elementRef.nativeElement['shrinkTablet'];
21483
+ }
21484
+ set shrinkLaptop(value) {
21485
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
21486
+ }
21487
+ get shrinkLaptop() {
21488
+ return this.elementRef.nativeElement['shrinkLaptop'];
21489
+ }
21490
+ set shrinkDesktop(value) {
21491
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
21492
+ }
21493
+ get shrinkDesktop() {
21494
+ return this.elementRef.nativeElement['shrinkDesktop'];
21495
+ }
21496
+ set basis(value) {
21497
+ this.elementRef.nativeElement['basis'] = value;
21498
+ }
21499
+ get basis() {
21500
+ return this.elementRef.nativeElement['basis'];
21501
+ }
21502
+ set basisMobile(value) {
21503
+ this.elementRef.nativeElement['basisMobile'] = value;
21504
+ }
21505
+ get basisMobile() {
21506
+ return this.elementRef.nativeElement['basisMobile'];
21507
+ }
21508
+ set basisTablet(value) {
21509
+ this.elementRef.nativeElement['basisTablet'] = value;
21510
+ }
21511
+ get basisTablet() {
21512
+ return this.elementRef.nativeElement['basisTablet'];
21513
+ }
21514
+ set basisLaptop(value) {
21515
+ this.elementRef.nativeElement['basisLaptop'] = value;
21516
+ }
21517
+ get basisLaptop() {
21518
+ return this.elementRef.nativeElement['basisLaptop'];
21519
+ }
21520
+ set basisDesktop(value) {
21521
+ this.elementRef.nativeElement['basisDesktop'] = value;
21522
+ }
21523
+ get basisDesktop() {
21524
+ return this.elementRef.nativeElement['basisDesktop'];
21395
21525
  }
21396
21526
  set alignSelf(value) {
21397
21527
  this.elementRef.nativeElement['alignSelf'] = value;
@@ -21588,28 +21718,101 @@ class PxPage {
21588
21718
  constructor(elementRef) {
21589
21719
  this.elementRef = elementRef;
21590
21720
  }
21591
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21592
- 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 });
21721
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21722
+ 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 });
21593
21723
  }
21594
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
21724
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
21595
21725
  type: Directive,
21596
21726
  args: [{
21597
- selector: 'px-page',
21727
+ selector: 'px-vstack',
21598
21728
  }]
21599
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
21729
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21730
+ type: Input
21731
+ }], directionMobile: [{
21600
21732
  type: Input,
21601
- args: ['background-image']
21733
+ args: ['direction--mobile']
21734
+ }], directionTablet: [{
21735
+ type: Input,
21736
+ args: ['direction--tablet']
21737
+ }], directionLaptop: [{
21738
+ type: Input,
21739
+ args: ['direction--laptop']
21740
+ }], directionDesktop: [{
21741
+ type: Input,
21742
+ args: ['direction--desktop']
21602
21743
  }], gap: [{
21603
21744
  type: Input
21604
- }], backgroundColor: [{
21745
+ }], gapMobile: [{
21605
21746
  type: Input,
21606
- args: ['background-color']
21607
- }], paddingVertical: [{
21747
+ args: ['gap--mobile']
21748
+ }], gapTablet: [{
21608
21749
  type: Input,
21609
- args: ['padding-vertical']
21610
- }], paddingHorizontal: [{
21750
+ args: ['gap--tablet']
21751
+ }], gapLaptop: [{
21611
21752
  type: Input,
21612
- args: ['padding-horizontal']
21753
+ args: ['gap--laptop']
21754
+ }], gapDesktop: [{
21755
+ type: Input,
21756
+ args: ['gap--desktop']
21757
+ }], justifyContent: [{
21758
+ type: Input,
21759
+ args: ['justify-content']
21760
+ }], justifyContentMobile: [{
21761
+ type: Input,
21762
+ args: ['justify-content--mobile']
21763
+ }], justifyContentTablet: [{
21764
+ type: Input,
21765
+ args: ['justify-content--tablet']
21766
+ }], justifyContentLaptop: [{
21767
+ type: Input,
21768
+ args: ['justify-content--laptop']
21769
+ }], justifyContentDesktop: [{
21770
+ type: Input,
21771
+ args: ['justify-content--desktop']
21772
+ }], alignItems: [{
21773
+ type: Input,
21774
+ args: ['align-items']
21775
+ }], alignItemsMobile: [{
21776
+ type: Input,
21777
+ args: ['align-items--mobile']
21778
+ }], alignItemsTablet: [{
21779
+ type: Input,
21780
+ args: ['align-items--tablet']
21781
+ }], alignItemsLaptop: [{
21782
+ type: Input,
21783
+ args: ['align-items--laptop']
21784
+ }], alignItemsDesktop: [{
21785
+ type: Input,
21786
+ args: ['align-items--desktop']
21787
+ }], wrap: [{
21788
+ type: Input
21789
+ }], wrapMobile: [{
21790
+ type: Input,
21791
+ args: ['wrap--mobile']
21792
+ }], wrapTablet: [{
21793
+ type: Input,
21794
+ args: ['wrap--tablet']
21795
+ }], wrapLaptop: [{
21796
+ type: Input,
21797
+ args: ['wrap--laptop']
21798
+ }], wrapDesktop: [{
21799
+ type: Input,
21800
+ args: ['wrap--desktop']
21801
+ }], overflowX: [{
21802
+ type: Input,
21803
+ args: ['overflow-x']
21804
+ }], overflowXMobile: [{
21805
+ type: Input,
21806
+ args: ['overflow-x--mobile']
21807
+ }], overflowXTablet: [{
21808
+ type: Input,
21809
+ args: ['overflow-x--tablet']
21810
+ }], overflowXLaptop: [{
21811
+ type: Input,
21812
+ args: ['overflow-x--laptop']
21813
+ }], overflowXDesktop: [{
21814
+ type: Input,
21815
+ args: ['overflow-x--desktop']
21613
21816
  }], grow: [{
21614
21817
  type: Input
21615
21818
  }], growMobile: [{
@@ -21748,45 +21951,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21748
21951
  args: ['sticky-bottom']
21749
21952
  }] } });
21750
21953
  /**
21751
- * @description Type-only wrapper for <px-spacer>
21954
+ * @description Type-only wrapper for <px-hstack>
21752
21955
  */
21753
- class PxSpacer {
21956
+ class PxHstack {
21754
21957
  elementRef;
21755
- set grow(value) {
21756
- this.elementRef.nativeElement['grow'] = value;
21757
- }
21758
- get grow() {
21759
- return this.elementRef.nativeElement['grow'];
21760
- }
21761
- set nogap(value) {
21762
- this.elementRef.nativeElement['nogap'] = value;
21763
- }
21764
- get nogap() {
21765
- return this.elementRef.nativeElement['nogap'];
21766
- }
21767
- constructor(elementRef) {
21768
- this.elementRef = elementRef;
21769
- }
21770
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21771
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
21772
- }
21773
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
21774
- type: Directive,
21775
- args: [{
21776
- selector: 'px-spacer',
21777
- }]
21778
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
21779
- type: Input
21780
- }], nogap: [{
21781
- type: Input
21782
- }] } });
21783
- /**
21784
- * @description Type-only wrapper for <px-stack>
21785
- */
21786
- class PxStack {
21787
- elementRef;
21788
- set direction(value) {
21789
- this.elementRef.nativeElement['direction'] = value;
21958
+ set direction(value) {
21959
+ this.elementRef.nativeElement['direction'] = value;
21790
21960
  }
21791
21961
  get direction() {
21792
21962
  return this.elementRef.nativeElement['direction'];
@@ -22250,13 +22420,13 @@ class PxStack {
22250
22420
  constructor(elementRef) {
22251
22421
  this.elementRef = elementRef;
22252
22422
  }
22253
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22254
- 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 });
22423
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22424
+ 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 });
22255
22425
  }
22256
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
22426
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
22257
22427
  type: Directive,
22258
22428
  args: [{
22259
- selector: 'px-stack',
22429
+ selector: 'px-hstack',
22260
22430
  }]
22261
22431
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22262
22432
  type: Input
@@ -22483,219 +22653,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22483
22653
  args: ['sticky-bottom']
22484
22654
  }] } });
22485
22655
  /**
22486
- * @description Type-only wrapper for <px-vstack>
22656
+ * @description Type-only wrapper for <px-a>
22487
22657
  */
22488
- class PxVstack {
22658
+ class PxA {
22489
22659
  elementRef;
22490
- set direction(value) {
22491
- this.elementRef.nativeElement['direction'] = value;
22660
+ set disabled(value) {
22661
+ this.elementRef.nativeElement['disabled'] = value;
22492
22662
  }
22493
- get direction() {
22494
- return this.elementRef.nativeElement['direction'];
22663
+ get disabled() {
22664
+ return this.elementRef.nativeElement['disabled'];
22495
22665
  }
22496
- set directionMobile(value) {
22497
- this.elementRef.nativeElement['directionMobile'] = value;
22666
+ set variant(value) {
22667
+ this.elementRef.nativeElement['variant'] = value;
22498
22668
  }
22499
- get directionMobile() {
22500
- return this.elementRef.nativeElement['directionMobile'];
22669
+ get variant() {
22670
+ return this.elementRef.nativeElement['variant'];
22501
22671
  }
22502
- set directionTablet(value) {
22503
- this.elementRef.nativeElement['directionTablet'] = value;
22672
+ set shape(value) {
22673
+ this.elementRef.nativeElement['shape'] = value;
22504
22674
  }
22505
- get directionTablet() {
22506
- return this.elementRef.nativeElement['directionTablet'];
22675
+ get shape() {
22676
+ return this.elementRef.nativeElement['shape'];
22507
22677
  }
22508
- set directionLaptop(value) {
22509
- this.elementRef.nativeElement['directionLaptop'] = value;
22678
+ set shapeMobile(value) {
22679
+ this.elementRef.nativeElement['shapeMobile'] = value;
22510
22680
  }
22511
- get directionLaptop() {
22512
- return this.elementRef.nativeElement['directionLaptop'];
22681
+ get shapeMobile() {
22682
+ return this.elementRef.nativeElement['shapeMobile'];
22513
22683
  }
22514
- set directionDesktop(value) {
22515
- this.elementRef.nativeElement['directionDesktop'] = value;
22684
+ set shapeTablet(value) {
22685
+ this.elementRef.nativeElement['shapeTablet'] = value;
22516
22686
  }
22517
- get directionDesktop() {
22518
- return this.elementRef.nativeElement['directionDesktop'];
22687
+ get shapeTablet() {
22688
+ return this.elementRef.nativeElement['shapeTablet'];
22519
22689
  }
22520
- set gap(value) {
22521
- this.elementRef.nativeElement['gap'] = value;
22690
+ set shapeLaptop(value) {
22691
+ this.elementRef.nativeElement['shapeLaptop'] = value;
22522
22692
  }
22523
- get gap() {
22524
- return this.elementRef.nativeElement['gap'];
22693
+ get shapeLaptop() {
22694
+ return this.elementRef.nativeElement['shapeLaptop'];
22525
22695
  }
22526
- set gapMobile(value) {
22527
- this.elementRef.nativeElement['gapMobile'] = value;
22696
+ set shapeDesktop(value) {
22697
+ this.elementRef.nativeElement['shapeDesktop'] = value;
22528
22698
  }
22529
- get gapMobile() {
22530
- return this.elementRef.nativeElement['gapMobile'];
22699
+ get shapeDesktop() {
22700
+ return this.elementRef.nativeElement['shapeDesktop'];
22531
22701
  }
22532
- set gapTablet(value) {
22533
- this.elementRef.nativeElement['gapTablet'] = value;
22702
+ set extended(value) {
22703
+ this.elementRef.nativeElement['extended'] = value;
22534
22704
  }
22535
- get gapTablet() {
22536
- return this.elementRef.nativeElement['gapTablet'];
22705
+ get extended() {
22706
+ return this.elementRef.nativeElement['extended'];
22537
22707
  }
22538
- set gapLaptop(value) {
22539
- this.elementRef.nativeElement['gapLaptop'] = value;
22708
+ set extendedMobile(value) {
22709
+ this.elementRef.nativeElement['extendedMobile'] = value;
22540
22710
  }
22541
- get gapLaptop() {
22542
- return this.elementRef.nativeElement['gapLaptop'];
22711
+ get extendedMobile() {
22712
+ return this.elementRef.nativeElement['extendedMobile'];
22543
22713
  }
22544
- set gapDesktop(value) {
22545
- this.elementRef.nativeElement['gapDesktop'] = value;
22714
+ set extendedTablet(value) {
22715
+ this.elementRef.nativeElement['extendedTablet'] = value;
22546
22716
  }
22547
- get gapDesktop() {
22548
- return this.elementRef.nativeElement['gapDesktop'];
22717
+ get extendedTablet() {
22718
+ return this.elementRef.nativeElement['extendedTablet'];
22549
22719
  }
22550
- set justifyContent(value) {
22551
- this.elementRef.nativeElement['justifyContent'] = value;
22720
+ set extendedLaptop(value) {
22721
+ this.elementRef.nativeElement['extendedLaptop'] = value;
22552
22722
  }
22553
- get justifyContent() {
22554
- return this.elementRef.nativeElement['justifyContent'];
22723
+ get extendedLaptop() {
22724
+ return this.elementRef.nativeElement['extendedLaptop'];
22555
22725
  }
22556
- set justifyContentMobile(value) {
22557
- this.elementRef.nativeElement['justifyContentMobile'] = value;
22726
+ set extendedDesktop(value) {
22727
+ this.elementRef.nativeElement['extendedDesktop'] = value;
22558
22728
  }
22559
- get justifyContentMobile() {
22560
- return this.elementRef.nativeElement['justifyContentMobile'];
22729
+ get extendedDesktop() {
22730
+ return this.elementRef.nativeElement['extendedDesktop'];
22561
22731
  }
22562
- set justifyContentTablet(value) {
22563
- this.elementRef.nativeElement['justifyContentTablet'] = value;
22732
+ set inverted(value) {
22733
+ this.elementRef.nativeElement['inverted'] = value;
22564
22734
  }
22565
- get justifyContentTablet() {
22566
- return this.elementRef.nativeElement['justifyContentTablet'];
22735
+ get inverted() {
22736
+ return this.elementRef.nativeElement['inverted'];
22567
22737
  }
22568
- set justifyContentLaptop(value) {
22569
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
22738
+ set fontSize(value) {
22739
+ this.elementRef.nativeElement['fontSize'] = value;
22570
22740
  }
22571
- get justifyContentLaptop() {
22572
- return this.elementRef.nativeElement['justifyContentLaptop'];
22741
+ get fontSize() {
22742
+ return this.elementRef.nativeElement['fontSize'];
22573
22743
  }
22574
- set justifyContentDesktop(value) {
22575
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
22744
+ set color(value) {
22745
+ this.elementRef.nativeElement['color'] = value;
22576
22746
  }
22577
- get justifyContentDesktop() {
22578
- return this.elementRef.nativeElement['justifyContentDesktop'];
22747
+ get color() {
22748
+ return this.elementRef.nativeElement['color'];
22579
22749
  }
22580
- set alignItems(value) {
22581
- this.elementRef.nativeElement['alignItems'] = value;
22750
+ set fontWeight(value) {
22751
+ this.elementRef.nativeElement['fontWeight'] = value;
22582
22752
  }
22583
- get alignItems() {
22584
- return this.elementRef.nativeElement['alignItems'];
22753
+ get fontWeight() {
22754
+ return this.elementRef.nativeElement['fontWeight'];
22585
22755
  }
22586
- set alignItemsMobile(value) {
22587
- this.elementRef.nativeElement['alignItemsMobile'] = value;
22756
+ set title(value) {
22757
+ this.elementRef.nativeElement['title'] = value;
22588
22758
  }
22589
- get alignItemsMobile() {
22590
- return this.elementRef.nativeElement['alignItemsMobile'];
22759
+ get title() {
22760
+ return this.elementRef.nativeElement['title'];
22591
22761
  }
22592
- set alignItemsTablet(value) {
22593
- this.elementRef.nativeElement['alignItemsTablet'] = value;
22762
+ /** The URL that the hyperlink points to. */
22763
+ set href(value) {
22764
+ this.elementRef.nativeElement['href'] = value;
22594
22765
  }
22595
- get alignItemsTablet() {
22596
- return this.elementRef.nativeElement['alignItemsTablet'];
22766
+ get href() {
22767
+ return this.elementRef.nativeElement['href'];
22597
22768
  }
22598
- set alignItemsLaptop(value) {
22599
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
22769
+ /** Where to display the linked URL. */
22770
+ set target(value) {
22771
+ this.elementRef.nativeElement['target'] = value;
22600
22772
  }
22601
- get alignItemsLaptop() {
22602
- return this.elementRef.nativeElement['alignItemsLaptop'];
22773
+ get target() {
22774
+ return this.elementRef.nativeElement['target'];
22603
22775
  }
22604
- set alignItemsDesktop(value) {
22605
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
22776
+ /** The relationship of the linked URL as space-separated link types. */
22777
+ set rel(value) {
22778
+ this.elementRef.nativeElement['rel'] = value;
22606
22779
  }
22607
- get alignItemsDesktop() {
22608
- return this.elementRef.nativeElement['alignItemsDesktop'];
22780
+ get rel() {
22781
+ return this.elementRef.nativeElement['rel'];
22609
22782
  }
22610
- set wrap(value) {
22611
- this.elementRef.nativeElement['wrap'] = value;
22783
+ /** Prompts the user to save the linked URL instead of navigating to it. */
22784
+ set download(value) {
22785
+ this.elementRef.nativeElement['download'] = value;
22612
22786
  }
22613
- get wrap() {
22614
- return this.elementRef.nativeElement['wrap'];
22787
+ get download() {
22788
+ return this.elementRef.nativeElement['download'];
22615
22789
  }
22616
- set wrapMobile(value) {
22617
- this.elementRef.nativeElement['wrapMobile'] = value;
22790
+ set grow(value) {
22791
+ this.elementRef.nativeElement['grow'] = value;
22618
22792
  }
22619
- get wrapMobile() {
22620
- return this.elementRef.nativeElement['wrapMobile'];
22793
+ get grow() {
22794
+ return this.elementRef.nativeElement['grow'];
22621
22795
  }
22622
- set wrapTablet(value) {
22623
- this.elementRef.nativeElement['wrapTablet'] = value;
22796
+ set growMobile(value) {
22797
+ this.elementRef.nativeElement['growMobile'] = value;
22624
22798
  }
22625
- get wrapTablet() {
22626
- return this.elementRef.nativeElement['wrapTablet'];
22799
+ get growMobile() {
22800
+ return this.elementRef.nativeElement['growMobile'];
22627
22801
  }
22628
- set wrapLaptop(value) {
22629
- this.elementRef.nativeElement['wrapLaptop'] = value;
22802
+ set growTablet(value) {
22803
+ this.elementRef.nativeElement['growTablet'] = value;
22630
22804
  }
22631
- get wrapLaptop() {
22632
- return this.elementRef.nativeElement['wrapLaptop'];
22805
+ get growTablet() {
22806
+ return this.elementRef.nativeElement['growTablet'];
22633
22807
  }
22634
- set wrapDesktop(value) {
22635
- this.elementRef.nativeElement['wrapDesktop'] = value;
22808
+ set growLaptop(value) {
22809
+ this.elementRef.nativeElement['growLaptop'] = value;
22636
22810
  }
22637
- get wrapDesktop() {
22638
- return this.elementRef.nativeElement['wrapDesktop'];
22811
+ get growLaptop() {
22812
+ return this.elementRef.nativeElement['growLaptop'];
22639
22813
  }
22640
- set overflowX(value) {
22641
- this.elementRef.nativeElement['overflowX'] = value;
22814
+ set growDesktop(value) {
22815
+ this.elementRef.nativeElement['growDesktop'] = value;
22642
22816
  }
22643
- get overflowX() {
22644
- return this.elementRef.nativeElement['overflowX'];
22645
- }
22646
- set overflowXMobile(value) {
22647
- this.elementRef.nativeElement['overflowXMobile'] = value;
22648
- }
22649
- get overflowXMobile() {
22650
- return this.elementRef.nativeElement['overflowXMobile'];
22651
- }
22652
- set overflowXTablet(value) {
22653
- this.elementRef.nativeElement['overflowXTablet'] = value;
22654
- }
22655
- get overflowXTablet() {
22656
- return this.elementRef.nativeElement['overflowXTablet'];
22657
- }
22658
- set overflowXLaptop(value) {
22659
- this.elementRef.nativeElement['overflowXLaptop'] = value;
22660
- }
22661
- get overflowXLaptop() {
22662
- return this.elementRef.nativeElement['overflowXLaptop'];
22663
- }
22664
- set overflowXDesktop(value) {
22665
- this.elementRef.nativeElement['overflowXDesktop'] = value;
22666
- }
22667
- get overflowXDesktop() {
22668
- return this.elementRef.nativeElement['overflowXDesktop'];
22669
- }
22670
- set grow(value) {
22671
- this.elementRef.nativeElement['grow'] = value;
22672
- }
22673
- get grow() {
22674
- return this.elementRef.nativeElement['grow'];
22675
- }
22676
- set growMobile(value) {
22677
- this.elementRef.nativeElement['growMobile'] = value;
22678
- }
22679
- get growMobile() {
22680
- return this.elementRef.nativeElement['growMobile'];
22681
- }
22682
- set growTablet(value) {
22683
- this.elementRef.nativeElement['growTablet'] = value;
22684
- }
22685
- get growTablet() {
22686
- return this.elementRef.nativeElement['growTablet'];
22687
- }
22688
- set growLaptop(value) {
22689
- this.elementRef.nativeElement['growLaptop'] = value;
22690
- }
22691
- get growLaptop() {
22692
- return this.elementRef.nativeElement['growLaptop'];
22693
- }
22694
- set growDesktop(value) {
22695
- this.elementRef.nativeElement['growDesktop'] = value;
22696
- }
22697
- get growDesktop() {
22698
- return this.elementRef.nativeElement['growDesktop'];
22817
+ get growDesktop() {
22818
+ return this.elementRef.nativeElement['growDesktop'];
22699
22819
  }
22700
22820
  set shrink(value) {
22701
22821
  this.elementRef.nativeElement['shrink'] = value;
@@ -22952,101 +23072,66 @@ class PxVstack {
22952
23072
  constructor(elementRef) {
22953
23073
  this.elementRef = elementRef;
22954
23074
  }
22955
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22956
- 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 });
23075
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23076
+ 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 });
22957
23077
  }
22958
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
23078
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
22959
23079
  type: Directive,
22960
23080
  args: [{
22961
- selector: 'px-vstack',
23081
+ selector: 'px-a',
22962
23082
  }]
22963
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23083
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
22964
23084
  type: Input
22965
- }], directionMobile: [{
22966
- type: Input,
22967
- args: ['direction--mobile']
22968
- }], directionTablet: [{
22969
- type: Input,
22970
- args: ['direction--tablet']
22971
- }], directionLaptop: [{
22972
- type: Input,
22973
- args: ['direction--laptop']
22974
- }], directionDesktop: [{
22975
- type: Input,
22976
- args: ['direction--desktop']
22977
- }], gap: [{
23085
+ }], variant: [{
22978
23086
  type: Input
22979
- }], gapMobile: [{
22980
- type: Input,
22981
- args: ['gap--mobile']
22982
- }], gapTablet: [{
22983
- type: Input,
22984
- args: ['gap--tablet']
22985
- }], gapLaptop: [{
22986
- type: Input,
22987
- args: ['gap--laptop']
22988
- }], gapDesktop: [{
22989
- type: Input,
22990
- args: ['gap--desktop']
22991
- }], justifyContent: [{
22992
- type: Input,
22993
- args: ['justify-content']
22994
- }], justifyContentMobile: [{
22995
- type: Input,
22996
- args: ['justify-content--mobile']
22997
- }], justifyContentTablet: [{
22998
- type: Input,
22999
- args: ['justify-content--tablet']
23000
- }], justifyContentLaptop: [{
23001
- type: Input,
23002
- args: ['justify-content--laptop']
23003
- }], justifyContentDesktop: [{
23004
- type: Input,
23005
- args: ['justify-content--desktop']
23006
- }], alignItems: [{
23007
- type: Input,
23008
- args: ['align-items']
23009
- }], alignItemsMobile: [{
23087
+ }], shape: [{
23088
+ type: Input
23089
+ }], shapeMobile: [{
23010
23090
  type: Input,
23011
- args: ['align-items--mobile']
23012
- }], alignItemsTablet: [{
23091
+ args: ['shape--mobile']
23092
+ }], shapeTablet: [{
23013
23093
  type: Input,
23014
- args: ['align-items--tablet']
23015
- }], alignItemsLaptop: [{
23094
+ args: ['shape--tablet']
23095
+ }], shapeLaptop: [{
23016
23096
  type: Input,
23017
- args: ['align-items--laptop']
23018
- }], alignItemsDesktop: [{
23097
+ args: ['shape--laptop']
23098
+ }], shapeDesktop: [{
23019
23099
  type: Input,
23020
- args: ['align-items--desktop']
23021
- }], wrap: [{
23100
+ args: ['shape--desktop']
23101
+ }], extended: [{
23022
23102
  type: Input
23023
- }], wrapMobile: [{
23024
- type: Input,
23025
- args: ['wrap--mobile']
23026
- }], wrapTablet: [{
23027
- type: Input,
23028
- args: ['wrap--tablet']
23029
- }], wrapLaptop: [{
23030
- type: Input,
23031
- args: ['wrap--laptop']
23032
- }], wrapDesktop: [{
23103
+ }], extendedMobile: [{
23033
23104
  type: Input,
23034
- args: ['wrap--desktop']
23035
- }], overflowX: [{
23105
+ args: ['extended--mobile']
23106
+ }], extendedTablet: [{
23036
23107
  type: Input,
23037
- args: ['overflow-x']
23038
- }], overflowXMobile: [{
23108
+ args: ['extended--tablet']
23109
+ }], extendedLaptop: [{
23039
23110
  type: Input,
23040
- args: ['overflow-x--mobile']
23041
- }], overflowXTablet: [{
23111
+ args: ['extended--laptop']
23112
+ }], extendedDesktop: [{
23042
23113
  type: Input,
23043
- args: ['overflow-x--tablet']
23044
- }], overflowXLaptop: [{
23114
+ args: ['extended--desktop']
23115
+ }], inverted: [{
23116
+ type: Input
23117
+ }], fontSize: [{
23045
23118
  type: Input,
23046
- args: ['overflow-x--laptop']
23047
- }], overflowXDesktop: [{
23119
+ args: ['font-size']
23120
+ }], color: [{
23121
+ type: Input
23122
+ }], fontWeight: [{
23048
23123
  type: Input,
23049
- args: ['overflow-x--desktop']
23124
+ args: ['font-weight']
23125
+ }], title: [{
23126
+ type: Input
23127
+ }], href: [{
23128
+ type: Input
23129
+ }], target: [{
23130
+ type: Input
23131
+ }], rel: [{
23132
+ type: Input
23133
+ }], download: [{
23134
+ type: Input
23050
23135
  }], grow: [{
23051
23136
  type: Input
23052
23137
  }], growMobile: [{
@@ -23185,189 +23270,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23185
23270
  args: ['sticky-bottom']
23186
23271
  }] } });
23187
23272
  /**
23188
- * @description Type-only wrapper for <px-hstack>
23273
+ * @description Type-only wrapper for <px-a-wrapper>
23189
23274
  */
23190
- class PxHstack {
23275
+ class PxAWrapper {
23191
23276
  elementRef;
23192
- set direction(value) {
23193
- this.elementRef.nativeElement['direction'] = value;
23277
+ /** The URL that the hyperlink points to. */
23278
+ set href(value) {
23279
+ this.elementRef.nativeElement['href'] = value;
23194
23280
  }
23195
- get direction() {
23196
- return this.elementRef.nativeElement['direction'];
23281
+ get href() {
23282
+ return this.elementRef.nativeElement['href'];
23197
23283
  }
23198
- set directionMobile(value) {
23199
- this.elementRef.nativeElement['directionMobile'] = value;
23284
+ /** Where to display the linked URL. */
23285
+ set target(value) {
23286
+ this.elementRef.nativeElement['target'] = value;
23200
23287
  }
23201
- get directionMobile() {
23202
- return this.elementRef.nativeElement['directionMobile'];
23288
+ get target() {
23289
+ return this.elementRef.nativeElement['target'];
23203
23290
  }
23204
- set directionTablet(value) {
23205
- this.elementRef.nativeElement['directionTablet'] = value;
23291
+ /** The relationship of the linked URL as space-separated link types. */
23292
+ set rel(value) {
23293
+ this.elementRef.nativeElement['rel'] = value;
23206
23294
  }
23207
- get directionTablet() {
23208
- return this.elementRef.nativeElement['directionTablet'];
23295
+ get rel() {
23296
+ return this.elementRef.nativeElement['rel'];
23209
23297
  }
23210
- set directionLaptop(value) {
23211
- this.elementRef.nativeElement['directionLaptop'] = value;
23298
+ /** Prompts the user to save the linked URL instead of navigating to it. */
23299
+ set download(value) {
23300
+ this.elementRef.nativeElement['download'] = value;
23212
23301
  }
23213
- get directionLaptop() {
23214
- return this.elementRef.nativeElement['directionLaptop'];
23302
+ get download() {
23303
+ return this.elementRef.nativeElement['download'];
23215
23304
  }
23216
- set directionDesktop(value) {
23217
- this.elementRef.nativeElement['directionDesktop'] = value;
23305
+ set disabled(value) {
23306
+ this.elementRef.nativeElement['disabled'] = value;
23218
23307
  }
23219
- get directionDesktop() {
23220
- return this.elementRef.nativeElement['directionDesktop'];
23308
+ get disabled() {
23309
+ return this.elementRef.nativeElement['disabled'];
23221
23310
  }
23222
- set gap(value) {
23223
- this.elementRef.nativeElement['gap'] = value;
23311
+ set variant(value) {
23312
+ this.elementRef.nativeElement['variant'] = value;
23224
23313
  }
23225
- get gap() {
23226
- return this.elementRef.nativeElement['gap'];
23314
+ get variant() {
23315
+ return this.elementRef.nativeElement['variant'];
23227
23316
  }
23228
- set gapMobile(value) {
23229
- this.elementRef.nativeElement['gapMobile'] = value;
23317
+ set shape(value) {
23318
+ this.elementRef.nativeElement['shape'] = value;
23230
23319
  }
23231
- get gapMobile() {
23232
- return this.elementRef.nativeElement['gapMobile'];
23320
+ get shape() {
23321
+ return this.elementRef.nativeElement['shape'];
23233
23322
  }
23234
- set gapTablet(value) {
23235
- this.elementRef.nativeElement['gapTablet'] = value;
23323
+ set shapeMobile(value) {
23324
+ this.elementRef.nativeElement['shapeMobile'] = value;
23236
23325
  }
23237
- get gapTablet() {
23238
- return this.elementRef.nativeElement['gapTablet'];
23326
+ get shapeMobile() {
23327
+ return this.elementRef.nativeElement['shapeMobile'];
23239
23328
  }
23240
- set gapLaptop(value) {
23241
- this.elementRef.nativeElement['gapLaptop'] = value;
23329
+ set shapeTablet(value) {
23330
+ this.elementRef.nativeElement['shapeTablet'] = value;
23242
23331
  }
23243
- get gapLaptop() {
23244
- return this.elementRef.nativeElement['gapLaptop'];
23332
+ get shapeTablet() {
23333
+ return this.elementRef.nativeElement['shapeTablet'];
23245
23334
  }
23246
- set gapDesktop(value) {
23247
- this.elementRef.nativeElement['gapDesktop'] = value;
23248
- }
23249
- get gapDesktop() {
23250
- return this.elementRef.nativeElement['gapDesktop'];
23251
- }
23252
- set justifyContent(value) {
23253
- this.elementRef.nativeElement['justifyContent'] = value;
23254
- }
23255
- get justifyContent() {
23256
- return this.elementRef.nativeElement['justifyContent'];
23257
- }
23258
- set justifyContentMobile(value) {
23259
- this.elementRef.nativeElement['justifyContentMobile'] = value;
23260
- }
23261
- get justifyContentMobile() {
23262
- return this.elementRef.nativeElement['justifyContentMobile'];
23263
- }
23264
- set justifyContentTablet(value) {
23265
- this.elementRef.nativeElement['justifyContentTablet'] = value;
23266
- }
23267
- get justifyContentTablet() {
23268
- return this.elementRef.nativeElement['justifyContentTablet'];
23269
- }
23270
- set justifyContentLaptop(value) {
23271
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
23272
- }
23273
- get justifyContentLaptop() {
23274
- return this.elementRef.nativeElement['justifyContentLaptop'];
23275
- }
23276
- set justifyContentDesktop(value) {
23277
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
23278
- }
23279
- get justifyContentDesktop() {
23280
- return this.elementRef.nativeElement['justifyContentDesktop'];
23281
- }
23282
- set alignItems(value) {
23283
- this.elementRef.nativeElement['alignItems'] = value;
23284
- }
23285
- get alignItems() {
23286
- return this.elementRef.nativeElement['alignItems'];
23287
- }
23288
- set alignItemsMobile(value) {
23289
- this.elementRef.nativeElement['alignItemsMobile'] = value;
23290
- }
23291
- get alignItemsMobile() {
23292
- return this.elementRef.nativeElement['alignItemsMobile'];
23293
- }
23294
- set alignItemsTablet(value) {
23295
- this.elementRef.nativeElement['alignItemsTablet'] = value;
23296
- }
23297
- get alignItemsTablet() {
23298
- return this.elementRef.nativeElement['alignItemsTablet'];
23299
- }
23300
- set alignItemsLaptop(value) {
23301
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
23335
+ set shapeLaptop(value) {
23336
+ this.elementRef.nativeElement['shapeLaptop'] = value;
23302
23337
  }
23303
- get alignItemsLaptop() {
23304
- return this.elementRef.nativeElement['alignItemsLaptop'];
23338
+ get shapeLaptop() {
23339
+ return this.elementRef.nativeElement['shapeLaptop'];
23305
23340
  }
23306
- set alignItemsDesktop(value) {
23307
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
23341
+ set shapeDesktop(value) {
23342
+ this.elementRef.nativeElement['shapeDesktop'] = value;
23308
23343
  }
23309
- get alignItemsDesktop() {
23310
- return this.elementRef.nativeElement['alignItemsDesktop'];
23344
+ get shapeDesktop() {
23345
+ return this.elementRef.nativeElement['shapeDesktop'];
23311
23346
  }
23312
- set wrap(value) {
23313
- this.elementRef.nativeElement['wrap'] = value;
23347
+ set extended(value) {
23348
+ this.elementRef.nativeElement['extended'] = value;
23314
23349
  }
23315
- get wrap() {
23316
- return this.elementRef.nativeElement['wrap'];
23350
+ get extended() {
23351
+ return this.elementRef.nativeElement['extended'];
23317
23352
  }
23318
- set wrapMobile(value) {
23319
- this.elementRef.nativeElement['wrapMobile'] = value;
23353
+ set extendedMobile(value) {
23354
+ this.elementRef.nativeElement['extendedMobile'] = value;
23320
23355
  }
23321
- get wrapMobile() {
23322
- return this.elementRef.nativeElement['wrapMobile'];
23356
+ get extendedMobile() {
23357
+ return this.elementRef.nativeElement['extendedMobile'];
23323
23358
  }
23324
- set wrapTablet(value) {
23325
- this.elementRef.nativeElement['wrapTablet'] = value;
23359
+ set extendedTablet(value) {
23360
+ this.elementRef.nativeElement['extendedTablet'] = value;
23326
23361
  }
23327
- get wrapTablet() {
23328
- return this.elementRef.nativeElement['wrapTablet'];
23362
+ get extendedTablet() {
23363
+ return this.elementRef.nativeElement['extendedTablet'];
23329
23364
  }
23330
- set wrapLaptop(value) {
23331
- this.elementRef.nativeElement['wrapLaptop'] = value;
23365
+ set extendedLaptop(value) {
23366
+ this.elementRef.nativeElement['extendedLaptop'] = value;
23332
23367
  }
23333
- get wrapLaptop() {
23334
- return this.elementRef.nativeElement['wrapLaptop'];
23368
+ get extendedLaptop() {
23369
+ return this.elementRef.nativeElement['extendedLaptop'];
23335
23370
  }
23336
- set wrapDesktop(value) {
23337
- this.elementRef.nativeElement['wrapDesktop'] = value;
23371
+ set extendedDesktop(value) {
23372
+ this.elementRef.nativeElement['extendedDesktop'] = value;
23338
23373
  }
23339
- get wrapDesktop() {
23340
- return this.elementRef.nativeElement['wrapDesktop'];
23374
+ get extendedDesktop() {
23375
+ return this.elementRef.nativeElement['extendedDesktop'];
23341
23376
  }
23342
- set overflowX(value) {
23343
- this.elementRef.nativeElement['overflowX'] = value;
23377
+ set inverted(value) {
23378
+ this.elementRef.nativeElement['inverted'] = value;
23344
23379
  }
23345
- get overflowX() {
23346
- return this.elementRef.nativeElement['overflowX'];
23380
+ get inverted() {
23381
+ return this.elementRef.nativeElement['inverted'];
23347
23382
  }
23348
- set overflowXMobile(value) {
23349
- this.elementRef.nativeElement['overflowXMobile'] = value;
23383
+ set fontSize(value) {
23384
+ this.elementRef.nativeElement['fontSize'] = value;
23350
23385
  }
23351
- get overflowXMobile() {
23352
- return this.elementRef.nativeElement['overflowXMobile'];
23386
+ get fontSize() {
23387
+ return this.elementRef.nativeElement['fontSize'];
23353
23388
  }
23354
- set overflowXTablet(value) {
23355
- this.elementRef.nativeElement['overflowXTablet'] = value;
23389
+ set color(value) {
23390
+ this.elementRef.nativeElement['color'] = value;
23356
23391
  }
23357
- get overflowXTablet() {
23358
- return this.elementRef.nativeElement['overflowXTablet'];
23392
+ get color() {
23393
+ return this.elementRef.nativeElement['color'];
23359
23394
  }
23360
- set overflowXLaptop(value) {
23361
- this.elementRef.nativeElement['overflowXLaptop'] = value;
23395
+ set fontWeight(value) {
23396
+ this.elementRef.nativeElement['fontWeight'] = value;
23362
23397
  }
23363
- get overflowXLaptop() {
23364
- return this.elementRef.nativeElement['overflowXLaptop'];
23398
+ get fontWeight() {
23399
+ return this.elementRef.nativeElement['fontWeight'];
23365
23400
  }
23366
- set overflowXDesktop(value) {
23367
- this.elementRef.nativeElement['overflowXDesktop'] = value;
23401
+ set title(value) {
23402
+ this.elementRef.nativeElement['title'] = value;
23368
23403
  }
23369
- get overflowXDesktop() {
23370
- return this.elementRef.nativeElement['overflowXDesktop'];
23404
+ get title() {
23405
+ return this.elementRef.nativeElement['title'];
23371
23406
  }
23372
23407
  set grow(value) {
23373
23408
  this.elementRef.nativeElement['grow'] = value;
@@ -23654,127 +23689,92 @@ class PxHstack {
23654
23689
  constructor(elementRef) {
23655
23690
  this.elementRef = elementRef;
23656
23691
  }
23657
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23658
- 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 });
23692
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23693
+ 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 });
23659
23694
  }
23660
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
23695
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
23661
23696
  type: Directive,
23662
23697
  args: [{
23663
- selector: 'px-hstack',
23698
+ selector: 'px-a-wrapper',
23664
23699
  }]
23665
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23700
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
23666
23701
  type: Input
23667
- }], directionMobile: [{
23702
+ }], target: [{
23703
+ type: Input
23704
+ }], rel: [{
23705
+ type: Input
23706
+ }], download: [{
23707
+ type: Input
23708
+ }], disabled: [{
23709
+ type: Input
23710
+ }], variant: [{
23711
+ type: Input
23712
+ }], shape: [{
23713
+ type: Input
23714
+ }], shapeMobile: [{
23668
23715
  type: Input,
23669
- args: ['direction--mobile']
23670
- }], directionTablet: [{
23716
+ args: ['shape--mobile']
23717
+ }], shapeTablet: [{
23671
23718
  type: Input,
23672
- args: ['direction--tablet']
23673
- }], directionLaptop: [{
23719
+ args: ['shape--tablet']
23720
+ }], shapeLaptop: [{
23674
23721
  type: Input,
23675
- args: ['direction--laptop']
23676
- }], directionDesktop: [{
23722
+ args: ['shape--laptop']
23723
+ }], shapeDesktop: [{
23677
23724
  type: Input,
23678
- args: ['direction--desktop']
23679
- }], gap: [{
23725
+ args: ['shape--desktop']
23726
+ }], extended: [{
23680
23727
  type: Input
23681
- }], gapMobile: [{
23728
+ }], extendedMobile: [{
23682
23729
  type: Input,
23683
- args: ['gap--mobile']
23684
- }], gapTablet: [{
23730
+ args: ['extended--mobile']
23731
+ }], extendedTablet: [{
23685
23732
  type: Input,
23686
- args: ['gap--tablet']
23687
- }], gapLaptop: [{
23733
+ args: ['extended--tablet']
23734
+ }], extendedLaptop: [{
23688
23735
  type: Input,
23689
- args: ['gap--laptop']
23690
- }], gapDesktop: [{
23736
+ args: ['extended--laptop']
23737
+ }], extendedDesktop: [{
23691
23738
  type: Input,
23692
- args: ['gap--desktop']
23693
- }], justifyContent: [{
23739
+ args: ['extended--desktop']
23740
+ }], inverted: [{
23741
+ type: Input
23742
+ }], fontSize: [{
23694
23743
  type: Input,
23695
- args: ['justify-content']
23696
- }], justifyContentMobile: [{
23744
+ args: ['font-size']
23745
+ }], color: [{
23746
+ type: Input
23747
+ }], fontWeight: [{
23697
23748
  type: Input,
23698
- args: ['justify-content--mobile']
23699
- }], justifyContentTablet: [{
23749
+ args: ['font-weight']
23750
+ }], title: [{
23751
+ type: Input
23752
+ }], grow: [{
23753
+ type: Input
23754
+ }], growMobile: [{
23700
23755
  type: Input,
23701
- args: ['justify-content--tablet']
23702
- }], justifyContentLaptop: [{
23756
+ args: ['grow--mobile']
23757
+ }], growTablet: [{
23703
23758
  type: Input,
23704
- args: ['justify-content--laptop']
23705
- }], justifyContentDesktop: [{
23759
+ args: ['grow--tablet']
23760
+ }], growLaptop: [{
23706
23761
  type: Input,
23707
- args: ['justify-content--desktop']
23708
- }], alignItems: [{
23762
+ args: ['grow--laptop']
23763
+ }], growDesktop: [{
23709
23764
  type: Input,
23710
- args: ['align-items']
23711
- }], alignItemsMobile: [{
23765
+ args: ['grow--desktop']
23766
+ }], shrink: [{
23767
+ type: Input
23768
+ }], shrinkMobile: [{
23712
23769
  type: Input,
23713
- args: ['align-items--mobile']
23714
- }], alignItemsTablet: [{
23770
+ args: ['shrink--mobile']
23771
+ }], shrinkTablet: [{
23715
23772
  type: Input,
23716
- args: ['align-items--tablet']
23717
- }], alignItemsLaptop: [{
23773
+ args: ['shrink--tablet']
23774
+ }], shrinkLaptop: [{
23718
23775
  type: Input,
23719
- args: ['align-items--laptop']
23720
- }], alignItemsDesktop: [{
23721
- type: Input,
23722
- args: ['align-items--desktop']
23723
- }], wrap: [{
23724
- type: Input
23725
- }], wrapMobile: [{
23726
- type: Input,
23727
- args: ['wrap--mobile']
23728
- }], wrapTablet: [{
23729
- type: Input,
23730
- args: ['wrap--tablet']
23731
- }], wrapLaptop: [{
23732
- type: Input,
23733
- args: ['wrap--laptop']
23734
- }], wrapDesktop: [{
23735
- type: Input,
23736
- args: ['wrap--desktop']
23737
- }], overflowX: [{
23738
- type: Input,
23739
- args: ['overflow-x']
23740
- }], overflowXMobile: [{
23741
- type: Input,
23742
- args: ['overflow-x--mobile']
23743
- }], overflowXTablet: [{
23744
- type: Input,
23745
- args: ['overflow-x--tablet']
23746
- }], overflowXLaptop: [{
23747
- type: Input,
23748
- args: ['overflow-x--laptop']
23749
- }], overflowXDesktop: [{
23750
- type: Input,
23751
- args: ['overflow-x--desktop']
23752
- }], grow: [{
23753
- type: Input
23754
- }], growMobile: [{
23755
- type: Input,
23756
- args: ['grow--mobile']
23757
- }], growTablet: [{
23758
- type: Input,
23759
- args: ['grow--tablet']
23760
- }], growLaptop: [{
23761
- type: Input,
23762
- args: ['grow--laptop']
23763
- }], growDesktop: [{
23764
- type: Input,
23765
- args: ['grow--desktop']
23766
- }], shrink: [{
23767
- type: Input
23768
- }], shrinkMobile: [{
23769
- type: Input,
23770
- args: ['shrink--mobile']
23771
- }], shrinkTablet: [{
23772
- type: Input,
23773
- args: ['shrink--tablet']
23774
- }], shrinkLaptop: [{
23775
- type: Input,
23776
- args: ['shrink--laptop']
23777
- }], shrinkDesktop: [{
23776
+ args: ['shrink--laptop']
23777
+ }], shrinkDesktop: [{
23778
23778
  type: Input,
23779
23779
  args: ['shrink--desktop']
23780
23780
  }], basis: [{
@@ -28535,11 +28535,293 @@ class PxSection {
28535
28535
  get borderSideLaptop() {
28536
28536
  return this.elementRef.nativeElement['borderSideLaptop'];
28537
28537
  }
28538
+ set grow(value) {
28539
+ this.elementRef.nativeElement['grow'] = value;
28540
+ }
28541
+ get grow() {
28542
+ return this.elementRef.nativeElement['grow'];
28543
+ }
28544
+ set growMobile(value) {
28545
+ this.elementRef.nativeElement['growMobile'] = value;
28546
+ }
28547
+ get growMobile() {
28548
+ return this.elementRef.nativeElement['growMobile'];
28549
+ }
28550
+ set growTablet(value) {
28551
+ this.elementRef.nativeElement['growTablet'] = value;
28552
+ }
28553
+ get growTablet() {
28554
+ return this.elementRef.nativeElement['growTablet'];
28555
+ }
28556
+ set growLaptop(value) {
28557
+ this.elementRef.nativeElement['growLaptop'] = value;
28558
+ }
28559
+ get growLaptop() {
28560
+ return this.elementRef.nativeElement['growLaptop'];
28561
+ }
28562
+ set growDesktop(value) {
28563
+ this.elementRef.nativeElement['growDesktop'] = value;
28564
+ }
28565
+ get growDesktop() {
28566
+ return this.elementRef.nativeElement['growDesktop'];
28567
+ }
28568
+ set shrink(value) {
28569
+ this.elementRef.nativeElement['shrink'] = value;
28570
+ }
28571
+ get shrink() {
28572
+ return this.elementRef.nativeElement['shrink'];
28573
+ }
28574
+ set shrinkMobile(value) {
28575
+ this.elementRef.nativeElement['shrinkMobile'] = value;
28576
+ }
28577
+ get shrinkMobile() {
28578
+ return this.elementRef.nativeElement['shrinkMobile'];
28579
+ }
28580
+ set shrinkTablet(value) {
28581
+ this.elementRef.nativeElement['shrinkTablet'] = value;
28582
+ }
28583
+ get shrinkTablet() {
28584
+ return this.elementRef.nativeElement['shrinkTablet'];
28585
+ }
28586
+ set shrinkLaptop(value) {
28587
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
28588
+ }
28589
+ get shrinkLaptop() {
28590
+ return this.elementRef.nativeElement['shrinkLaptop'];
28591
+ }
28592
+ set shrinkDesktop(value) {
28593
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
28594
+ }
28595
+ get shrinkDesktop() {
28596
+ return this.elementRef.nativeElement['shrinkDesktop'];
28597
+ }
28598
+ set basis(value) {
28599
+ this.elementRef.nativeElement['basis'] = value;
28600
+ }
28601
+ get basis() {
28602
+ return this.elementRef.nativeElement['basis'];
28603
+ }
28604
+ set basisMobile(value) {
28605
+ this.elementRef.nativeElement['basisMobile'] = value;
28606
+ }
28607
+ get basisMobile() {
28608
+ return this.elementRef.nativeElement['basisMobile'];
28609
+ }
28610
+ set basisTablet(value) {
28611
+ this.elementRef.nativeElement['basisTablet'] = value;
28612
+ }
28613
+ get basisTablet() {
28614
+ return this.elementRef.nativeElement['basisTablet'];
28615
+ }
28616
+ set basisLaptop(value) {
28617
+ this.elementRef.nativeElement['basisLaptop'] = value;
28618
+ }
28619
+ get basisLaptop() {
28620
+ return this.elementRef.nativeElement['basisLaptop'];
28621
+ }
28622
+ set basisDesktop(value) {
28623
+ this.elementRef.nativeElement['basisDesktop'] = value;
28624
+ }
28625
+ get basisDesktop() {
28626
+ return this.elementRef.nativeElement['basisDesktop'];
28627
+ }
28628
+ set alignSelf(value) {
28629
+ this.elementRef.nativeElement['alignSelf'] = value;
28630
+ }
28631
+ get alignSelf() {
28632
+ return this.elementRef.nativeElement['alignSelf'];
28633
+ }
28634
+ set alignSelfMobile(value) {
28635
+ this.elementRef.nativeElement['alignSelfMobile'] = value;
28636
+ }
28637
+ get alignSelfMobile() {
28638
+ return this.elementRef.nativeElement['alignSelfMobile'];
28639
+ }
28640
+ set alignSelfTablet(value) {
28641
+ this.elementRef.nativeElement['alignSelfTablet'] = value;
28642
+ }
28643
+ get alignSelfTablet() {
28644
+ return this.elementRef.nativeElement['alignSelfTablet'];
28645
+ }
28646
+ set alignSelfLaptop(value) {
28647
+ this.elementRef.nativeElement['alignSelfLaptop'] = value;
28648
+ }
28649
+ get alignSelfLaptop() {
28650
+ return this.elementRef.nativeElement['alignSelfLaptop'];
28651
+ }
28652
+ set alignSelfDesktop(value) {
28653
+ this.elementRef.nativeElement['alignSelfDesktop'] = value;
28654
+ }
28655
+ get alignSelfDesktop() {
28656
+ return this.elementRef.nativeElement['alignSelfDesktop'];
28657
+ }
28658
+ set justifySelf(value) {
28659
+ this.elementRef.nativeElement['justifySelf'] = value;
28660
+ }
28661
+ get justifySelf() {
28662
+ return this.elementRef.nativeElement['justifySelf'];
28663
+ }
28664
+ set justifySelfMobile(value) {
28665
+ this.elementRef.nativeElement['justifySelfMobile'] = value;
28666
+ }
28667
+ get justifySelfMobile() {
28668
+ return this.elementRef.nativeElement['justifySelfMobile'];
28669
+ }
28670
+ set justifySelfTablet(value) {
28671
+ this.elementRef.nativeElement['justifySelfTablet'] = value;
28672
+ }
28673
+ get justifySelfTablet() {
28674
+ return this.elementRef.nativeElement['justifySelfTablet'];
28675
+ }
28676
+ set justifySelfLaptop(value) {
28677
+ this.elementRef.nativeElement['justifySelfLaptop'] = value;
28678
+ }
28679
+ get justifySelfLaptop() {
28680
+ return this.elementRef.nativeElement['justifySelfLaptop'];
28681
+ }
28682
+ set justifySelfDesktop(value) {
28683
+ this.elementRef.nativeElement['justifySelfDesktop'] = value;
28684
+ }
28685
+ get justifySelfDesktop() {
28686
+ return this.elementRef.nativeElement['justifySelfDesktop'];
28687
+ }
28688
+ set hidden(value) {
28689
+ this.elementRef.nativeElement['hidden'] = value;
28690
+ }
28691
+ get hidden() {
28692
+ return this.elementRef.nativeElement['hidden'];
28693
+ }
28694
+ set hiddenMobile(value) {
28695
+ this.elementRef.nativeElement['hiddenMobile'] = value;
28696
+ }
28697
+ get hiddenMobile() {
28698
+ return this.elementRef.nativeElement['hiddenMobile'];
28699
+ }
28700
+ set hiddenTablet(value) {
28701
+ this.elementRef.nativeElement['hiddenTablet'] = value;
28702
+ }
28703
+ get hiddenTablet() {
28704
+ return this.elementRef.nativeElement['hiddenTablet'];
28705
+ }
28706
+ set hiddenLaptop(value) {
28707
+ this.elementRef.nativeElement['hiddenLaptop'] = value;
28708
+ }
28709
+ get hiddenLaptop() {
28710
+ return this.elementRef.nativeElement['hiddenLaptop'];
28711
+ }
28712
+ set hiddenDesktop(value) {
28713
+ this.elementRef.nativeElement['hiddenDesktop'] = value;
28714
+ }
28715
+ get hiddenDesktop() {
28716
+ return this.elementRef.nativeElement['hiddenDesktop'];
28717
+ }
28718
+ set shownSr(value) {
28719
+ this.elementRef.nativeElement['shownSr'] = value;
28720
+ }
28721
+ get shownSr() {
28722
+ return this.elementRef.nativeElement['shownSr'];
28723
+ }
28724
+ set shownSrMobile(value) {
28725
+ this.elementRef.nativeElement['shownSrMobile'] = value;
28726
+ }
28727
+ get shownSrMobile() {
28728
+ return this.elementRef.nativeElement['shownSrMobile'];
28729
+ }
28730
+ set shownSrTablet(value) {
28731
+ this.elementRef.nativeElement['shownSrTablet'] = value;
28732
+ }
28733
+ get shownSrTablet() {
28734
+ return this.elementRef.nativeElement['shownSrTablet'];
28735
+ }
28736
+ set shownSrLaptop(value) {
28737
+ this.elementRef.nativeElement['shownSrLaptop'] = value;
28738
+ }
28739
+ get shownSrLaptop() {
28740
+ return this.elementRef.nativeElement['shownSrLaptop'];
28741
+ }
28742
+ set shownSrDesktop(value) {
28743
+ this.elementRef.nativeElement['shownSrDesktop'] = value;
28744
+ }
28745
+ get shownSrDesktop() {
28746
+ return this.elementRef.nativeElement['shownSrDesktop'];
28747
+ }
28748
+ set colSpan(value) {
28749
+ this.elementRef.nativeElement['colSpan'] = value;
28750
+ }
28751
+ get colSpan() {
28752
+ return this.elementRef.nativeElement['colSpan'];
28753
+ }
28754
+ set colSpanMobile(value) {
28755
+ this.elementRef.nativeElement['colSpanMobile'] = value;
28756
+ }
28757
+ get colSpanMobile() {
28758
+ return this.elementRef.nativeElement['colSpanMobile'];
28759
+ }
28760
+ set colSpanTablet(value) {
28761
+ this.elementRef.nativeElement['colSpanTablet'] = value;
28762
+ }
28763
+ get colSpanTablet() {
28764
+ return this.elementRef.nativeElement['colSpanTablet'];
28765
+ }
28766
+ set colSpanLaptop(value) {
28767
+ this.elementRef.nativeElement['colSpanLaptop'] = value;
28768
+ }
28769
+ get colSpanLaptop() {
28770
+ return this.elementRef.nativeElement['colSpanLaptop'];
28771
+ }
28772
+ set colSpanDesktop(value) {
28773
+ this.elementRef.nativeElement['colSpanDesktop'] = value;
28774
+ }
28775
+ get colSpanDesktop() {
28776
+ return this.elementRef.nativeElement['colSpanDesktop'];
28777
+ }
28778
+ set order(value) {
28779
+ this.elementRef.nativeElement['order'] = value;
28780
+ }
28781
+ get order() {
28782
+ return this.elementRef.nativeElement['order'];
28783
+ }
28784
+ set orderMobile(value) {
28785
+ this.elementRef.nativeElement['orderMobile'] = value;
28786
+ }
28787
+ get orderMobile() {
28788
+ return this.elementRef.nativeElement['orderMobile'];
28789
+ }
28790
+ set orderTablet(value) {
28791
+ this.elementRef.nativeElement['orderTablet'] = value;
28792
+ }
28793
+ get orderTablet() {
28794
+ return this.elementRef.nativeElement['orderTablet'];
28795
+ }
28796
+ set orderLaptop(value) {
28797
+ this.elementRef.nativeElement['orderLaptop'] = value;
28798
+ }
28799
+ get orderLaptop() {
28800
+ return this.elementRef.nativeElement['orderLaptop'];
28801
+ }
28802
+ set orderDesktop(value) {
28803
+ this.elementRef.nativeElement['orderDesktop'] = value;
28804
+ }
28805
+ get orderDesktop() {
28806
+ return this.elementRef.nativeElement['orderDesktop'];
28807
+ }
28808
+ set stickyTop(value) {
28809
+ this.elementRef.nativeElement['stickyTop'] = value;
28810
+ }
28811
+ get stickyTop() {
28812
+ return this.elementRef.nativeElement['stickyTop'];
28813
+ }
28814
+ set stickyBottom(value) {
28815
+ this.elementRef.nativeElement['stickyBottom'] = value;
28816
+ }
28817
+ get stickyBottom() {
28818
+ return this.elementRef.nativeElement['stickyBottom'];
28819
+ }
28538
28820
  constructor(elementRef) {
28539
28821
  this.elementRef = elementRef;
28540
28822
  }
28541
28823
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28542
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"] }, ngImport: i0 });
28824
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], 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 });
28543
28825
  }
28544
28826
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, decorators: [{
28545
28827
  type: Directive,
@@ -28620,24 +28902,196 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
28620
28902
  }], borderSideLaptop: [{
28621
28903
  type: Input,
28622
28904
  args: ['border-side--laptop']
28905
+ }], grow: [{
28906
+ type: Input
28907
+ }], growMobile: [{
28908
+ type: Input,
28909
+ args: ['grow--mobile']
28910
+ }], growTablet: [{
28911
+ type: Input,
28912
+ args: ['grow--tablet']
28913
+ }], growLaptop: [{
28914
+ type: Input,
28915
+ args: ['grow--laptop']
28916
+ }], growDesktop: [{
28917
+ type: Input,
28918
+ args: ['grow--desktop']
28919
+ }], shrink: [{
28920
+ type: Input
28921
+ }], shrinkMobile: [{
28922
+ type: Input,
28923
+ args: ['shrink--mobile']
28924
+ }], shrinkTablet: [{
28925
+ type: Input,
28926
+ args: ['shrink--tablet']
28927
+ }], shrinkLaptop: [{
28928
+ type: Input,
28929
+ args: ['shrink--laptop']
28930
+ }], shrinkDesktop: [{
28931
+ type: Input,
28932
+ args: ['shrink--desktop']
28933
+ }], basis: [{
28934
+ type: Input
28935
+ }], basisMobile: [{
28936
+ type: Input,
28937
+ args: ['basis--mobile']
28938
+ }], basisTablet: [{
28939
+ type: Input,
28940
+ args: ['basis--tablet']
28941
+ }], basisLaptop: [{
28942
+ type: Input,
28943
+ args: ['basis--laptop']
28944
+ }], basisDesktop: [{
28945
+ type: Input,
28946
+ args: ['basis--desktop']
28947
+ }], alignSelf: [{
28948
+ type: Input,
28949
+ args: ['align-self']
28950
+ }], alignSelfMobile: [{
28951
+ type: Input,
28952
+ args: ['align-self--mobile']
28953
+ }], alignSelfTablet: [{
28954
+ type: Input,
28955
+ args: ['align-self--tablet']
28956
+ }], alignSelfLaptop: [{
28957
+ type: Input,
28958
+ args: ['align-self--laptop']
28959
+ }], alignSelfDesktop: [{
28960
+ type: Input,
28961
+ args: ['align-self--desktop']
28962
+ }], justifySelf: [{
28963
+ type: Input,
28964
+ args: ['justify-self']
28965
+ }], justifySelfMobile: [{
28966
+ type: Input,
28967
+ args: ['justify-self--mobile']
28968
+ }], justifySelfTablet: [{
28969
+ type: Input,
28970
+ args: ['justify-self--tablet']
28971
+ }], justifySelfLaptop: [{
28972
+ type: Input,
28973
+ args: ['justify-self--laptop']
28974
+ }], justifySelfDesktop: [{
28975
+ type: Input,
28976
+ args: ['justify-self--desktop']
28977
+ }], hidden: [{
28978
+ type: Input
28979
+ }], hiddenMobile: [{
28980
+ type: Input,
28981
+ args: ['hidden--mobile']
28982
+ }], hiddenTablet: [{
28983
+ type: Input,
28984
+ args: ['hidden--tablet']
28985
+ }], hiddenLaptop: [{
28986
+ type: Input,
28987
+ args: ['hidden--laptop']
28988
+ }], hiddenDesktop: [{
28989
+ type: Input,
28990
+ args: ['hidden--desktop']
28991
+ }], shownSr: [{
28992
+ type: Input,
28993
+ args: ['shown--sr']
28994
+ }], shownSrMobile: [{
28995
+ type: Input,
28996
+ args: ['shown--sr--mobile']
28997
+ }], shownSrTablet: [{
28998
+ type: Input,
28999
+ args: ['shown--sr--tablet']
29000
+ }], shownSrLaptop: [{
29001
+ type: Input,
29002
+ args: ['shown--sr--laptop']
29003
+ }], shownSrDesktop: [{
29004
+ type: Input,
29005
+ args: ['shown--sr--desktop']
29006
+ }], colSpan: [{
29007
+ type: Input,
29008
+ args: ['col-span']
29009
+ }], colSpanMobile: [{
29010
+ type: Input,
29011
+ args: ['col-span--mobile']
29012
+ }], colSpanTablet: [{
29013
+ type: Input,
29014
+ args: ['col-span--tablet']
29015
+ }], colSpanLaptop: [{
29016
+ type: Input,
29017
+ args: ['col-span--laptop']
29018
+ }], colSpanDesktop: [{
29019
+ type: Input,
29020
+ args: ['col-span--desktop']
29021
+ }], order: [{
29022
+ type: Input
29023
+ }], orderMobile: [{
29024
+ type: Input,
29025
+ args: ['order--mobile']
29026
+ }], orderTablet: [{
29027
+ type: Input,
29028
+ args: ['order--tablet']
29029
+ }], orderLaptop: [{
29030
+ type: Input,
29031
+ args: ['order--laptop']
29032
+ }], orderDesktop: [{
29033
+ type: Input,
29034
+ args: ['order--desktop']
29035
+ }], stickyTop: [{
29036
+ type: Input,
29037
+ args: ['sticky-top']
29038
+ }], stickyBottom: [{
29039
+ type: Input,
29040
+ args: ['sticky-bottom']
28623
29041
  }] } });
28624
29042
  /**
28625
- * @description Type-only wrapper for <px-selectable-box>
29043
+ * @description Type-only wrapper for <px-separator>
28626
29044
  */
28627
- class PxSelectableBox {
29045
+ class PxSeparator {
28628
29046
  elementRef;
29047
+ set direction(value) {
29048
+ this.elementRef.nativeElement['direction'] = value;
29049
+ }
29050
+ get direction() {
29051
+ return this.elementRef.nativeElement['direction'];
29052
+ }
29053
+ set directionMobile(value) {
29054
+ this.elementRef.nativeElement['directionMobile'] = value;
29055
+ }
29056
+ get directionMobile() {
29057
+ return this.elementRef.nativeElement['directionMobile'];
29058
+ }
29059
+ set directionTablet(value) {
29060
+ this.elementRef.nativeElement['directionTablet'] = value;
29061
+ }
29062
+ get directionTablet() {
29063
+ return this.elementRef.nativeElement['directionTablet'];
29064
+ }
29065
+ set directionLaptop(value) {
29066
+ this.elementRef.nativeElement['directionLaptop'] = value;
29067
+ }
29068
+ get directionLaptop() {
29069
+ return this.elementRef.nativeElement['directionLaptop'];
29070
+ }
29071
+ set directionDesktop(value) {
29072
+ this.elementRef.nativeElement['directionDesktop'] = value;
29073
+ }
29074
+ get directionDesktop() {
29075
+ return this.elementRef.nativeElement['directionDesktop'];
29076
+ }
29077
+ set size(value) {
29078
+ this.elementRef.nativeElement['size'] = value;
29079
+ }
29080
+ get size() {
29081
+ return this.elementRef.nativeElement['size'];
29082
+ }
29083
+ set color(value) {
29084
+ this.elementRef.nativeElement['color'] = value;
29085
+ }
29086
+ get color() {
29087
+ return this.elementRef.nativeElement['color'];
29088
+ }
28629
29089
  set inverted(value) {
28630
29090
  this.elementRef.nativeElement['inverted'] = value;
28631
29091
  }
28632
29092
  get inverted() {
28633
29093
  return this.elementRef.nativeElement['inverted'];
28634
29094
  }
28635
- set hideFooter(value) {
28636
- this.elementRef.nativeElement['hideFooter'] = value;
28637
- }
28638
- get hideFooter() {
28639
- return this.elementRef.nativeElement['hideFooter'];
28640
- }
28641
29095
  set grow(value) {
28642
29096
  this.elementRef.nativeElement['grow'] = value;
28643
29097
  }
@@ -28923,19 +29377,34 @@ class PxSelectableBox {
28923
29377
  constructor(elementRef) {
28924
29378
  this.elementRef = elementRef;
28925
29379
  }
28926
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28927
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBox, selector: "px-selectable-box", inputs: { inverted: "inverted", hideFooter: ["hide-footer", "hideFooter"], 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 });
29380
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29381
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSeparator, selector: "px-separator", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], size: "size", color: "color", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
28928
29382
  }
28929
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, decorators: [{
29383
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, decorators: [{
28930
29384
  type: Directive,
28931
29385
  args: [{
28932
- selector: 'px-selectable-box',
29386
+ selector: 'px-separator',
28933
29387
  }]
28934
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
29388
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
28935
29389
  type: Input
28936
- }], hideFooter: [{
29390
+ }], directionMobile: [{
28937
29391
  type: Input,
28938
- args: ['hide-footer']
29392
+ args: ['direction--mobile']
29393
+ }], directionTablet: [{
29394
+ type: Input,
29395
+ args: ['direction--tablet']
29396
+ }], directionLaptop: [{
29397
+ type: Input,
29398
+ args: ['direction--laptop']
29399
+ }], directionDesktop: [{
29400
+ type: Input,
29401
+ args: ['direction--desktop']
29402
+ }], size: [{
29403
+ type: Input
29404
+ }], color: [{
29405
+ type: Input
29406
+ }], inverted: [{
29407
+ type: Input
28939
29408
  }], grow: [{
28940
29409
  type: Input
28941
29410
  }], growMobile: [{
@@ -29074,9 +29543,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29074
29543
  args: ['sticky-bottom']
29075
29544
  }] } });
29076
29545
  /**
29077
- * @description Type-only wrapper for <px-selectable-box-checkbox>
29546
+ * @description Type-only wrapper for <px-selectable-box>
29078
29547
  */
29079
- class PxSelectableBoxCheckbox {
29548
+ class PxSelectableBox {
29080
29549
  elementRef;
29081
29550
  set inverted(value) {
29082
29551
  this.elementRef.nativeElement['inverted'] = value;
@@ -29084,29 +29553,11 @@ class PxSelectableBoxCheckbox {
29084
29553
  get inverted() {
29085
29554
  return this.elementRef.nativeElement['inverted'];
29086
29555
  }
29087
- set name(value) {
29088
- this.elementRef.nativeElement['name'] = value;
29089
- }
29090
- get name() {
29091
- return this.elementRef.nativeElement['name'];
29092
- }
29093
- set value(value) {
29094
- this.elementRef.nativeElement['value'] = value;
29095
- }
29096
- get value() {
29097
- return this.elementRef.nativeElement['value'];
29098
- }
29099
- set checked(value) {
29100
- this.elementRef.nativeElement['checked'] = value;
29101
- }
29102
- get checked() {
29103
- return this.elementRef.nativeElement['checked'];
29104
- }
29105
- set disabled(value) {
29106
- this.elementRef.nativeElement['disabled'] = value;
29556
+ set hideFooter(value) {
29557
+ this.elementRef.nativeElement['hideFooter'] = value;
29107
29558
  }
29108
- get disabled() {
29109
- return this.elementRef.nativeElement['disabled'];
29559
+ get hideFooter() {
29560
+ return this.elementRef.nativeElement['hideFooter'];
29110
29561
  }
29111
29562
  set grow(value) {
29112
29563
  this.elementRef.nativeElement['grow'] = value;
@@ -29390,31 +29841,22 @@ class PxSelectableBoxCheckbox {
29390
29841
  get stickyBottom() {
29391
29842
  return this.elementRef.nativeElement['stickyBottom'];
29392
29843
  }
29393
- change = new EventEmitter();
29394
29844
  constructor(elementRef) {
29395
29845
  this.elementRef = elementRef;
29396
- this.elementRef.nativeElement.addEventListener('change', (e) => {
29397
- this.change.emit(e.detail);
29398
- });
29399
29846
  }
29400
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29401
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxCheckbox, selector: "px-selectable-box-checkbox", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
29847
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29848
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBox, selector: "px-selectable-box", inputs: { inverted: "inverted", hideFooter: ["hide-footer", "hideFooter"], 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 });
29402
29849
  }
29403
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, decorators: [{
29850
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, decorators: [{
29404
29851
  type: Directive,
29405
29852
  args: [{
29406
- selector: 'px-selectable-box-checkbox',
29853
+ selector: 'px-selectable-box',
29407
29854
  }]
29408
29855
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
29409
29856
  type: Input
29410
- }], name: [{
29411
- type: Input
29412
- }], value: [{
29413
- type: Input
29414
- }], checked: [{
29415
- type: Input
29416
- }], disabled: [{
29417
- type: Input
29857
+ }], hideFooter: [{
29858
+ type: Input,
29859
+ args: ['hide-footer']
29418
29860
  }], grow: [{
29419
29861
  type: Input
29420
29862
  }], growMobile: [{
@@ -29551,13 +29993,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29551
29993
  }], stickyBottom: [{
29552
29994
  type: Input,
29553
29995
  args: ['sticky-bottom']
29554
- }], change: [{
29555
- type: Output
29556
29996
  }] } });
29557
29997
  /**
29558
- * @description Type-only wrapper for <px-selectable-box-radio>
29998
+ * @description Type-only wrapper for <px-selectable-box-checkbox>
29559
29999
  */
29560
- class PxSelectableBoxRadio {
30000
+ class PxSelectableBoxCheckbox {
29561
30001
  elementRef;
29562
30002
  set inverted(value) {
29563
30003
  this.elementRef.nativeElement['inverted'] = value;
@@ -29878,13 +30318,13 @@ class PxSelectableBoxRadio {
29878
30318
  this.change.emit(e.detail);
29879
30319
  });
29880
30320
  }
29881
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29882
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
30321
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30322
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxCheckbox, selector: "px-selectable-box-checkbox", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
29883
30323
  }
29884
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
30324
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, decorators: [{
29885
30325
  type: Directive,
29886
30326
  args: [{
29887
- selector: 'px-selectable-box-radio',
30327
+ selector: 'px-selectable-box-checkbox',
29888
30328
  }]
29889
30329
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
29890
30330
  type: Input
@@ -30036,57 +30476,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30036
30476
  type: Output
30037
30477
  }] } });
30038
30478
  /**
30039
- * @description Type-only wrapper for <px-separator>
30479
+ * @description Type-only wrapper for <px-selectable-box-radio>
30040
30480
  */
30041
- class PxSeparator {
30481
+ class PxSelectableBoxRadio {
30042
30482
  elementRef;
30043
- set direction(value) {
30044
- this.elementRef.nativeElement['direction'] = value;
30045
- }
30046
- get direction() {
30047
- return this.elementRef.nativeElement['direction'];
30048
- }
30049
- set directionMobile(value) {
30050
- this.elementRef.nativeElement['directionMobile'] = value;
30051
- }
30052
- get directionMobile() {
30053
- return this.elementRef.nativeElement['directionMobile'];
30054
- }
30055
- set directionTablet(value) {
30056
- this.elementRef.nativeElement['directionTablet'] = value;
30057
- }
30058
- get directionTablet() {
30059
- return this.elementRef.nativeElement['directionTablet'];
30060
- }
30061
- set directionLaptop(value) {
30062
- this.elementRef.nativeElement['directionLaptop'] = value;
30483
+ set inverted(value) {
30484
+ this.elementRef.nativeElement['inverted'] = value;
30063
30485
  }
30064
- get directionLaptop() {
30065
- return this.elementRef.nativeElement['directionLaptop'];
30486
+ get inverted() {
30487
+ return this.elementRef.nativeElement['inverted'];
30066
30488
  }
30067
- set directionDesktop(value) {
30068
- this.elementRef.nativeElement['directionDesktop'] = value;
30489
+ set name(value) {
30490
+ this.elementRef.nativeElement['name'] = value;
30069
30491
  }
30070
- get directionDesktop() {
30071
- return this.elementRef.nativeElement['directionDesktop'];
30492
+ get name() {
30493
+ return this.elementRef.nativeElement['name'];
30072
30494
  }
30073
- set size(value) {
30074
- this.elementRef.nativeElement['size'] = value;
30495
+ set value(value) {
30496
+ this.elementRef.nativeElement['value'] = value;
30075
30497
  }
30076
- get size() {
30077
- return this.elementRef.nativeElement['size'];
30498
+ get value() {
30499
+ return this.elementRef.nativeElement['value'];
30078
30500
  }
30079
- set color(value) {
30080
- this.elementRef.nativeElement['color'] = value;
30501
+ set checked(value) {
30502
+ this.elementRef.nativeElement['checked'] = value;
30081
30503
  }
30082
- get color() {
30083
- return this.elementRef.nativeElement['color'];
30504
+ get checked() {
30505
+ return this.elementRef.nativeElement['checked'];
30084
30506
  }
30085
- set inverted(value) {
30086
- this.elementRef.nativeElement['inverted'] = value;
30507
+ set disabled(value) {
30508
+ this.elementRef.nativeElement['disabled'] = value;
30087
30509
  }
30088
- get inverted() {
30089
- return this.elementRef.nativeElement['inverted'];
30510
+ get disabled() {
30511
+ return this.elementRef.nativeElement['disabled'];
30090
30512
  }
30091
30513
  set grow(value) {
30092
30514
  this.elementRef.nativeElement['grow'] = value;
@@ -30370,36 +30792,30 @@ class PxSeparator {
30370
30792
  get stickyBottom() {
30371
30793
  return this.elementRef.nativeElement['stickyBottom'];
30372
30794
  }
30795
+ change = new EventEmitter();
30373
30796
  constructor(elementRef) {
30374
30797
  this.elementRef = elementRef;
30798
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
30799
+ this.change.emit(e.detail);
30800
+ });
30375
30801
  }
30376
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30377
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSeparator, selector: "px-separator", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], size: "size", color: "color", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
30802
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30803
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
30378
30804
  }
30379
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, decorators: [{
30805
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
30380
30806
  type: Directive,
30381
30807
  args: [{
30382
- selector: 'px-separator',
30808
+ selector: 'px-selectable-box-radio',
30383
30809
  }]
30384
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
30810
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
30385
30811
  type: Input
30386
- }], directionMobile: [{
30387
- type: Input,
30388
- args: ['direction--mobile']
30389
- }], directionTablet: [{
30390
- type: Input,
30391
- args: ['direction--tablet']
30392
- }], directionLaptop: [{
30393
- type: Input,
30394
- args: ['direction--laptop']
30395
- }], directionDesktop: [{
30396
- type: Input,
30397
- args: ['direction--desktop']
30398
- }], size: [{
30812
+ }], name: [{
30399
30813
  type: Input
30400
- }], color: [{
30814
+ }], value: [{
30401
30815
  type: Input
30402
- }], inverted: [{
30816
+ }], checked: [{
30817
+ type: Input
30818
+ }], disabled: [{
30403
30819
  type: Input
30404
30820
  }], grow: [{
30405
30821
  type: Input
@@ -30537,6 +30953,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30537
30953
  }], stickyBottom: [{
30538
30954
  type: Input,
30539
30955
  args: ['sticky-bottom']
30956
+ }], change: [{
30957
+ type: Output
30540
30958
  }] } });
30541
30959
  /**
30542
30960
  * @description Type-only wrapper for <px-skeleton>
@@ -32503,6 +32921,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
32503
32921
  }], CLOSE_EVENT: [{
32504
32922
  type: Output
32505
32923
  }] } });
32924
+ /**
32925
+ * @description Type-only wrapper for <px-theme-switcher>
32926
+ */
32927
+ class PxThemeSwitcher {
32928
+ elementRef;
32929
+ constructor(elementRef) {
32930
+ this.elementRef = elementRef;
32931
+ }
32932
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
32933
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeSwitcher, selector: "px-theme-switcher", ngImport: i0 });
32934
+ }
32935
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, decorators: [{
32936
+ type: Directive,
32937
+ args: [{
32938
+ selector: 'px-theme-switcher',
32939
+ }]
32940
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
32506
32941
  /**
32507
32942
  * @description Type-only wrapper for <px-sticky-container>
32508
32943
  */
@@ -32538,23 +32973,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
32538
32973
  type: Input,
32539
32974
  args: ['offset-right']
32540
32975
  }] } });
32541
- /**
32542
- * @description Type-only wrapper for <px-theme-switcher>
32543
- */
32544
- class PxThemeSwitcher {
32545
- elementRef;
32546
- constructor(elementRef) {
32547
- this.elementRef = elementRef;
32548
- }
32549
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
32550
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeSwitcher, selector: "px-theme-switcher", ngImport: i0 });
32551
- }
32552
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, decorators: [{
32553
- type: Directive,
32554
- args: [{
32555
- selector: 'px-theme-switcher',
32556
- }]
32557
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
32558
32976
  /**
32559
32977
  * @description Type-only wrapper for <px-switch>
32560
32978
  */
@@ -37433,7 +37851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37433
37851
  }] } });
37434
37852
  class Lavender {
37435
37853
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37436
- 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, 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, PxA, PxAWrapper, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, 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] });
37854
+ 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, PxSeparator, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxStickyContainer, 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, PxSeparator, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxStickyContainer, 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] });
37437
37855
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37438
37856
  }
37439
37857
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37482,13 +37900,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37482
37900
  PxSelect,
37483
37901
  PxTextarea,
37484
37902
  PxFileupload,
37485
- PxA,
37486
- PxAWrapper,
37487
37903
  PxPage,
37488
37904
  PxSpacer,
37489
37905
  PxStack,
37490
37906
  PxVstack,
37491
37907
  PxHstack,
37908
+ PxA,
37909
+ PxAWrapper,
37492
37910
  PxList,
37493
37911
  PxListItem,
37494
37912
  PxModal,
@@ -37503,17 +37921,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37503
37921
  PxRadioGroup,
37504
37922
  PxRibbon,
37505
37923
  PxSection,
37924
+ PxSeparator,
37506
37925
  PxSelectableBox,
37507
37926
  PxSelectableBoxCheckbox,
37508
37927
  PxSelectableBoxRadio,
37509
- PxSeparator,
37510
37928
  PxSkeleton,
37511
37929
  PxSpan,
37512
37930
  PxSpinner,
37513
37931
  PxStatus,
37514
37932
  PxStatusCard,
37515
- PxStickyContainer,
37516
37933
  PxThemeSwitcher,
37934
+ PxStickyContainer,
37517
37935
  PxSwitch,
37518
37936
  PxTable,
37519
37937
  PxTbody,
@@ -37584,13 +38002,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37584
38002
  PxSelect,
37585
38003
  PxTextarea,
37586
38004
  PxFileupload,
37587
- PxA,
37588
- PxAWrapper,
37589
38005
  PxPage,
37590
38006
  PxSpacer,
37591
38007
  PxStack,
37592
38008
  PxVstack,
37593
38009
  PxHstack,
38010
+ PxA,
38011
+ PxAWrapper,
37594
38012
  PxList,
37595
38013
  PxListItem,
37596
38014
  PxModal,
@@ -37605,17 +38023,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37605
38023
  PxRadioGroup,
37606
38024
  PxRibbon,
37607
38025
  PxSection,
38026
+ PxSeparator,
37608
38027
  PxSelectableBox,
37609
38028
  PxSelectableBoxCheckbox,
37610
38029
  PxSelectableBoxRadio,
37611
- PxSeparator,
37612
38030
  PxSkeleton,
37613
38031
  PxSpan,
37614
38032
  PxSpinner,
37615
38033
  PxStatus,
37616
38034
  PxStatusCard,
37617
- PxStickyContainer,
37618
38035
  PxThemeSwitcher,
38036
+ PxStickyContainer,
37619
38037
  PxSwitch,
37620
38038
  PxTable,
37621
38039
  PxTbody,