@proximus/lavender-angular 1.4.10-alpha.6 → 1.4.10-alpha.8

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.
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
102
102
  // ─── px-input ────────────────────────────────────────────────────────────────
103
103
  class PxInputValueAccessor extends TextValueAccessor {
104
104
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInputValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
105
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInputValueAccessor, isStandalone: true, selector: "px-input[formControlName],px-input[formControl],px-input[ngModel]", providers: [
105
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInputValueAccessor, isStandalone: true, selector: "px-input[formControlName],px-input[formControl],px-input[ngModel],px-autocomplete[formControlName],px-autocomplete[formControl],px-autocomplete[ngModel]", providers: [
106
106
  {
107
107
  provide: NG_VALUE_ACCESSOR,
108
108
  useExisting: forwardRef(() => PxInputValueAccessor),
@@ -113,7 +113,7 @@ class PxInputValueAccessor extends TextValueAccessor {
113
113
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInputValueAccessor, decorators: [{
114
114
  type: Directive,
115
115
  args: [{
116
- selector: 'px-input[formControlName],px-input[formControl],px-input[ngModel]',
116
+ selector: 'px-input[formControlName],px-input[formControl],px-input[ngModel],px-autocomplete[formControlName],px-autocomplete[formControl],px-autocomplete[ngModel]',
117
117
  providers: [
118
118
  {
119
119
  provide: NG_VALUE_ACCESSOR,
@@ -12262,6 +12262,12 @@ class PxDropdown {
12262
12262
  get usePolyfill() {
12263
12263
  return this.elementRef.nativeElement['usePolyfill'];
12264
12264
  }
12265
+ set manualToggle(value) {
12266
+ this.elementRef.nativeElement['manualToggle'] = value;
12267
+ }
12268
+ get manualToggle() {
12269
+ return this.elementRef.nativeElement['manualToggle'];
12270
+ }
12265
12271
  set grow(value) {
12266
12272
  this.elementRef.nativeElement['grow'] = value;
12267
12273
  }
@@ -12548,7 +12554,7 @@ class PxDropdown {
12548
12554
  this.elementRef = elementRef;
12549
12555
  }
12550
12556
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
12551
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], 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 });
12557
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], 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 });
12552
12558
  }
12553
12559
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
12554
12560
  type: Directive,
@@ -12562,6 +12568,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
12562
12568
  }], usePolyfill: [{
12563
12569
  type: Input,
12564
12570
  args: ['use-polyfill']
12571
+ }], manualToggle: [{
12572
+ type: Input,
12573
+ args: ['manual-toggle']
12565
12574
  }], grow: [{
12566
12575
  type: Input
12567
12576
  }], growMobile: [{
@@ -18058,12 +18067,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18058
18067
  */
18059
18068
  class PxInput {
18060
18069
  elementRef;
18061
- set type(value) {
18062
- this.elementRef.nativeElement['type'] = value;
18063
- }
18064
- get type() {
18065
- return this.elementRef.nativeElement['type'];
18066
- }
18067
18070
  set state(value) {
18068
18071
  this.elementRef.nativeElement['state'] = value;
18069
18072
  }
@@ -18390,16 +18393,14 @@ class PxInput {
18390
18393
  });
18391
18394
  }
18392
18395
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18393
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInput, selector: "px-input", inputs: { type: "type", state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], 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: { event: "event" }, ngImport: i0 });
18396
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInput, selector: "px-input", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], 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: { event: "event" }, ngImport: i0 });
18394
18397
  }
18395
18398
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
18396
18399
  type: Directive,
18397
18400
  args: [{
18398
18401
  selector: 'px-input',
18399
18402
  }]
18400
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { type: [{
18401
- type: Input
18402
- }], state: [{
18403
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18403
18404
  type: Input
18404
18405
  }], extended: [{
18405
18406
  type: Input
@@ -20034,39 +20035,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20034
20035
  type: Output
20035
20036
  }] } });
20036
20037
  /**
20037
- * @description Type-only wrapper for <px-page>
20038
+ * @description Type-only wrapper for <px-a>
20038
20039
  */
20039
- class PxPage {
20040
+ class PxA {
20040
20041
  elementRef;
20041
- set backgroundImage(value) {
20042
- this.elementRef.nativeElement['backgroundImage'] = value;
20042
+ set disabled(value) {
20043
+ this.elementRef.nativeElement['disabled'] = value;
20043
20044
  }
20044
- get backgroundImage() {
20045
- return this.elementRef.nativeElement['backgroundImage'];
20045
+ get disabled() {
20046
+ return this.elementRef.nativeElement['disabled'];
20046
20047
  }
20047
- set gap(value) {
20048
- this.elementRef.nativeElement['gap'] = value;
20048
+ set variant(value) {
20049
+ this.elementRef.nativeElement['variant'] = value;
20049
20050
  }
20050
- get gap() {
20051
- return this.elementRef.nativeElement['gap'];
20051
+ get variant() {
20052
+ return this.elementRef.nativeElement['variant'];
20052
20053
  }
20053
- set backgroundColor(value) {
20054
- this.elementRef.nativeElement['backgroundColor'] = value;
20054
+ set shape(value) {
20055
+ this.elementRef.nativeElement['shape'] = value;
20055
20056
  }
20056
- get backgroundColor() {
20057
- return this.elementRef.nativeElement['backgroundColor'];
20057
+ get shape() {
20058
+ return this.elementRef.nativeElement['shape'];
20058
20059
  }
20059
- set paddingVertical(value) {
20060
- this.elementRef.nativeElement['paddingVertical'] = value;
20060
+ set shapeMobile(value) {
20061
+ this.elementRef.nativeElement['shapeMobile'] = value;
20061
20062
  }
20062
- get paddingVertical() {
20063
- return this.elementRef.nativeElement['paddingVertical'];
20063
+ get shapeMobile() {
20064
+ return this.elementRef.nativeElement['shapeMobile'];
20064
20065
  }
20065
- set paddingHorizontal(value) {
20066
- this.elementRef.nativeElement['paddingHorizontal'] = value;
20066
+ set shapeTablet(value) {
20067
+ this.elementRef.nativeElement['shapeTablet'] = value;
20067
20068
  }
20068
- get paddingHorizontal() {
20069
- return this.elementRef.nativeElement['paddingHorizontal'];
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;
20140
+ }
20141
+ get title() {
20142
+ return this.elementRef.nativeElement['title'];
20143
+ }
20144
+ /** The URL that the hyperlink points to. */
20145
+ set href(value) {
20146
+ this.elementRef.nativeElement['href'] = value;
20147
+ }
20148
+ get href() {
20149
+ return this.elementRef.nativeElement['href'];
20150
+ }
20151
+ /** Where to display the linked URL. */
20152
+ set target(value) {
20153
+ this.elementRef.nativeElement['target'] = value;
20154
+ }
20155
+ get target() {
20156
+ return this.elementRef.nativeElement['target'];
20157
+ }
20158
+ /** The relationship of the linked URL as space-separated link types. */
20159
+ set rel(value) {
20160
+ this.elementRef.nativeElement['rel'] = value;
20161
+ }
20162
+ get rel() {
20163
+ return this.elementRef.nativeElement['rel'];
20164
+ }
20165
+ /** Prompts the user to save the linked URL instead of navigating to it. */
20166
+ set download(value) {
20167
+ this.elementRef.nativeElement['download'] = value;
20168
+ }
20169
+ get download() {
20170
+ return this.elementRef.nativeElement['download'];
20070
20171
  }
20071
20172
  set grow(value) {
20072
20173
  this.elementRef.nativeElement['grow'] = value;
@@ -20353,28 +20454,66 @@ class PxPage {
20353
20454
  constructor(elementRef) {
20354
20455
  this.elementRef = elementRef;
20355
20456
  }
20356
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20357
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPage, selector: "px-page", inputs: { backgroundImage: ["background-image", "backgroundImage"], gap: "gap", backgroundColor: ["background-color", "backgroundColor"], paddingVertical: ["padding-vertical", "paddingVertical"], paddingHorizontal: ["padding-horizontal", "paddingHorizontal"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
20358
20459
  }
20359
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
20460
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
20360
20461
  type: Directive,
20361
20462
  args: [{
20362
- selector: 'px-page',
20463
+ selector: 'px-a',
20363
20464
  }]
20364
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
20465
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
20466
+ type: Input
20467
+ }], variant: [{
20468
+ type: Input
20469
+ }], shape: [{
20470
+ type: Input
20471
+ }], shapeMobile: [{
20365
20472
  type: Input,
20366
- args: ['background-image']
20367
- }], gap: [{
20473
+ args: ['shape--mobile']
20474
+ }], shapeTablet: [{
20475
+ type: Input,
20476
+ args: ['shape--tablet']
20477
+ }], shapeLaptop: [{
20478
+ type: Input,
20479
+ args: ['shape--laptop']
20480
+ }], shapeDesktop: [{
20481
+ type: Input,
20482
+ args: ['shape--desktop']
20483
+ }], extended: [{
20368
20484
  type: Input
20369
- }], backgroundColor: [{
20485
+ }], extendedMobile: [{
20370
20486
  type: Input,
20371
- args: ['background-color']
20372
- }], paddingVertical: [{
20487
+ args: ['extended--mobile']
20488
+ }], extendedTablet: [{
20373
20489
  type: Input,
20374
- args: ['padding-vertical']
20375
- }], paddingHorizontal: [{
20490
+ args: ['extended--tablet']
20491
+ }], extendedLaptop: [{
20376
20492
  type: Input,
20377
- args: ['padding-horizontal']
20493
+ args: ['extended--laptop']
20494
+ }], extendedDesktop: [{
20495
+ type: Input,
20496
+ args: ['extended--desktop']
20497
+ }], inverted: [{
20498
+ type: Input
20499
+ }], fontSize: [{
20500
+ type: Input,
20501
+ args: ['font-size']
20502
+ }], color: [{
20503
+ type: Input
20504
+ }], fontWeight: [{
20505
+ 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
20517
  }], grow: [{
20379
20518
  type: Input
20380
20519
  }], growMobile: [{
@@ -20513,222 +20652,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20513
20652
  args: ['sticky-bottom']
20514
20653
  }] } });
20515
20654
  /**
20516
- * @description Type-only wrapper for <px-spacer>
20517
- */
20518
- class PxSpacer {
20519
- elementRef;
20520
- set grow(value) {
20521
- this.elementRef.nativeElement['grow'] = value;
20522
- }
20523
- get grow() {
20524
- return this.elementRef.nativeElement['grow'];
20525
- }
20526
- set nogap(value) {
20527
- this.elementRef.nativeElement['nogap'] = value;
20528
- }
20529
- get nogap() {
20530
- return this.elementRef.nativeElement['nogap'];
20531
- }
20532
- constructor(elementRef) {
20533
- this.elementRef = elementRef;
20534
- }
20535
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20536
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
20537
- }
20538
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
20539
- type: Directive,
20540
- args: [{
20541
- selector: 'px-spacer',
20542
- }]
20543
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
20544
- type: Input
20545
- }], nogap: [{
20546
- type: Input
20547
- }] } });
20548
- /**
20549
- * @description Type-only wrapper for <px-stack>
20655
+ * @description Type-only wrapper for <px-a-wrapper>
20550
20656
  */
20551
- class PxStack {
20657
+ class PxAWrapper {
20552
20658
  elementRef;
20553
- set direction(value) {
20554
- this.elementRef.nativeElement['direction'] = value;
20555
- }
20556
- get direction() {
20557
- return this.elementRef.nativeElement['direction'];
20558
- }
20559
- set directionMobile(value) {
20560
- this.elementRef.nativeElement['directionMobile'] = value;
20561
- }
20562
- get directionMobile() {
20563
- return this.elementRef.nativeElement['directionMobile'];
20564
- }
20565
- set directionTablet(value) {
20566
- this.elementRef.nativeElement['directionTablet'] = value;
20567
- }
20568
- get directionTablet() {
20569
- return this.elementRef.nativeElement['directionTablet'];
20570
- }
20571
- set directionLaptop(value) {
20572
- this.elementRef.nativeElement['directionLaptop'] = value;
20573
- }
20574
- get directionLaptop() {
20575
- return this.elementRef.nativeElement['directionLaptop'];
20576
- }
20577
- set directionDesktop(value) {
20578
- this.elementRef.nativeElement['directionDesktop'] = value;
20579
- }
20580
- get directionDesktop() {
20581
- return this.elementRef.nativeElement['directionDesktop'];
20582
- }
20583
- set gap(value) {
20584
- this.elementRef.nativeElement['gap'] = value;
20585
- }
20586
- get gap() {
20587
- return this.elementRef.nativeElement['gap'];
20588
- }
20589
- set gapMobile(value) {
20590
- this.elementRef.nativeElement['gapMobile'] = value;
20591
- }
20592
- get gapMobile() {
20593
- return this.elementRef.nativeElement['gapMobile'];
20594
- }
20595
- set gapTablet(value) {
20596
- this.elementRef.nativeElement['gapTablet'] = value;
20597
- }
20598
- get gapTablet() {
20599
- return this.elementRef.nativeElement['gapTablet'];
20600
- }
20601
- set gapLaptop(value) {
20602
- this.elementRef.nativeElement['gapLaptop'] = value;
20603
- }
20604
- get gapLaptop() {
20605
- return this.elementRef.nativeElement['gapLaptop'];
20606
- }
20607
- set gapDesktop(value) {
20608
- this.elementRef.nativeElement['gapDesktop'] = value;
20659
+ /** The URL that the hyperlink points to. */
20660
+ set href(value) {
20661
+ this.elementRef.nativeElement['href'] = value;
20609
20662
  }
20610
- get gapDesktop() {
20611
- return this.elementRef.nativeElement['gapDesktop'];
20663
+ get href() {
20664
+ return this.elementRef.nativeElement['href'];
20612
20665
  }
20613
- set justifyContent(value) {
20614
- this.elementRef.nativeElement['justifyContent'] = value;
20666
+ /** Where to display the linked URL. */
20667
+ set target(value) {
20668
+ this.elementRef.nativeElement['target'] = value;
20615
20669
  }
20616
- get justifyContent() {
20617
- return this.elementRef.nativeElement['justifyContent'];
20670
+ get target() {
20671
+ return this.elementRef.nativeElement['target'];
20618
20672
  }
20619
- set justifyContentMobile(value) {
20620
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20673
+ /** The relationship of the linked URL as space-separated link types. */
20674
+ set rel(value) {
20675
+ this.elementRef.nativeElement['rel'] = value;
20621
20676
  }
20622
- get justifyContentMobile() {
20623
- return this.elementRef.nativeElement['justifyContentMobile'];
20677
+ get rel() {
20678
+ return this.elementRef.nativeElement['rel'];
20624
20679
  }
20625
- set justifyContentTablet(value) {
20626
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20680
+ /** Prompts the user to save the linked URL instead of navigating to it. */
20681
+ set download(value) {
20682
+ this.elementRef.nativeElement['download'] = value;
20627
20683
  }
20628
- get justifyContentTablet() {
20629
- return this.elementRef.nativeElement['justifyContentTablet'];
20684
+ get download() {
20685
+ return this.elementRef.nativeElement['download'];
20630
20686
  }
20631
- set justifyContentLaptop(value) {
20632
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20687
+ set disabled(value) {
20688
+ this.elementRef.nativeElement['disabled'] = value;
20633
20689
  }
20634
- get justifyContentLaptop() {
20635
- return this.elementRef.nativeElement['justifyContentLaptop'];
20690
+ get disabled() {
20691
+ return this.elementRef.nativeElement['disabled'];
20636
20692
  }
20637
- set justifyContentDesktop(value) {
20638
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20693
+ set variant(value) {
20694
+ this.elementRef.nativeElement['variant'] = value;
20639
20695
  }
20640
- get justifyContentDesktop() {
20641
- return this.elementRef.nativeElement['justifyContentDesktop'];
20696
+ get variant() {
20697
+ return this.elementRef.nativeElement['variant'];
20642
20698
  }
20643
- set alignItems(value) {
20644
- this.elementRef.nativeElement['alignItems'] = value;
20699
+ set shape(value) {
20700
+ this.elementRef.nativeElement['shape'] = value;
20645
20701
  }
20646
- get alignItems() {
20647
- return this.elementRef.nativeElement['alignItems'];
20702
+ get shape() {
20703
+ return this.elementRef.nativeElement['shape'];
20648
20704
  }
20649
- set alignItemsMobile(value) {
20650
- this.elementRef.nativeElement['alignItemsMobile'] = value;
20705
+ set shapeMobile(value) {
20706
+ this.elementRef.nativeElement['shapeMobile'] = value;
20651
20707
  }
20652
- get alignItemsMobile() {
20653
- return this.elementRef.nativeElement['alignItemsMobile'];
20708
+ get shapeMobile() {
20709
+ return this.elementRef.nativeElement['shapeMobile'];
20654
20710
  }
20655
- set alignItemsTablet(value) {
20656
- this.elementRef.nativeElement['alignItemsTablet'] = value;
20711
+ set shapeTablet(value) {
20712
+ this.elementRef.nativeElement['shapeTablet'] = value;
20657
20713
  }
20658
- get alignItemsTablet() {
20659
- return this.elementRef.nativeElement['alignItemsTablet'];
20714
+ get shapeTablet() {
20715
+ return this.elementRef.nativeElement['shapeTablet'];
20660
20716
  }
20661
- set alignItemsLaptop(value) {
20662
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
20717
+ set shapeLaptop(value) {
20718
+ this.elementRef.nativeElement['shapeLaptop'] = value;
20663
20719
  }
20664
- get alignItemsLaptop() {
20665
- return this.elementRef.nativeElement['alignItemsLaptop'];
20720
+ get shapeLaptop() {
20721
+ return this.elementRef.nativeElement['shapeLaptop'];
20666
20722
  }
20667
- set alignItemsDesktop(value) {
20668
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
20723
+ set shapeDesktop(value) {
20724
+ this.elementRef.nativeElement['shapeDesktop'] = value;
20669
20725
  }
20670
- get alignItemsDesktop() {
20671
- return this.elementRef.nativeElement['alignItemsDesktop'];
20726
+ get shapeDesktop() {
20727
+ return this.elementRef.nativeElement['shapeDesktop'];
20672
20728
  }
20673
- set wrap(value) {
20674
- this.elementRef.nativeElement['wrap'] = value;
20729
+ set extended(value) {
20730
+ this.elementRef.nativeElement['extended'] = value;
20675
20731
  }
20676
- get wrap() {
20677
- return this.elementRef.nativeElement['wrap'];
20732
+ get extended() {
20733
+ return this.elementRef.nativeElement['extended'];
20678
20734
  }
20679
- set wrapMobile(value) {
20680
- this.elementRef.nativeElement['wrapMobile'] = value;
20735
+ set extendedMobile(value) {
20736
+ this.elementRef.nativeElement['extendedMobile'] = value;
20681
20737
  }
20682
- get wrapMobile() {
20683
- return this.elementRef.nativeElement['wrapMobile'];
20738
+ get extendedMobile() {
20739
+ return this.elementRef.nativeElement['extendedMobile'];
20684
20740
  }
20685
- set wrapTablet(value) {
20686
- this.elementRef.nativeElement['wrapTablet'] = value;
20741
+ set extendedTablet(value) {
20742
+ this.elementRef.nativeElement['extendedTablet'] = value;
20687
20743
  }
20688
- get wrapTablet() {
20689
- return this.elementRef.nativeElement['wrapTablet'];
20744
+ get extendedTablet() {
20745
+ return this.elementRef.nativeElement['extendedTablet'];
20690
20746
  }
20691
- set wrapLaptop(value) {
20692
- this.elementRef.nativeElement['wrapLaptop'] = value;
20747
+ set extendedLaptop(value) {
20748
+ this.elementRef.nativeElement['extendedLaptop'] = value;
20693
20749
  }
20694
- get wrapLaptop() {
20695
- return this.elementRef.nativeElement['wrapLaptop'];
20750
+ get extendedLaptop() {
20751
+ return this.elementRef.nativeElement['extendedLaptop'];
20696
20752
  }
20697
- set wrapDesktop(value) {
20698
- this.elementRef.nativeElement['wrapDesktop'] = value;
20753
+ set extendedDesktop(value) {
20754
+ this.elementRef.nativeElement['extendedDesktop'] = value;
20699
20755
  }
20700
- get wrapDesktop() {
20701
- return this.elementRef.nativeElement['wrapDesktop'];
20756
+ get extendedDesktop() {
20757
+ return this.elementRef.nativeElement['extendedDesktop'];
20702
20758
  }
20703
- set overflowX(value) {
20704
- this.elementRef.nativeElement['overflowX'] = value;
20759
+ set inverted(value) {
20760
+ this.elementRef.nativeElement['inverted'] = value;
20705
20761
  }
20706
- get overflowX() {
20707
- return this.elementRef.nativeElement['overflowX'];
20762
+ get inverted() {
20763
+ return this.elementRef.nativeElement['inverted'];
20708
20764
  }
20709
- set overflowXMobile(value) {
20710
- this.elementRef.nativeElement['overflowXMobile'] = value;
20765
+ set fontSize(value) {
20766
+ this.elementRef.nativeElement['fontSize'] = value;
20711
20767
  }
20712
- get overflowXMobile() {
20713
- return this.elementRef.nativeElement['overflowXMobile'];
20768
+ get fontSize() {
20769
+ return this.elementRef.nativeElement['fontSize'];
20714
20770
  }
20715
- set overflowXTablet(value) {
20716
- this.elementRef.nativeElement['overflowXTablet'] = value;
20771
+ set color(value) {
20772
+ this.elementRef.nativeElement['color'] = value;
20717
20773
  }
20718
- get overflowXTablet() {
20719
- return this.elementRef.nativeElement['overflowXTablet'];
20774
+ get color() {
20775
+ return this.elementRef.nativeElement['color'];
20720
20776
  }
20721
- set overflowXLaptop(value) {
20722
- this.elementRef.nativeElement['overflowXLaptop'] = value;
20777
+ set fontWeight(value) {
20778
+ this.elementRef.nativeElement['fontWeight'] = value;
20723
20779
  }
20724
- get overflowXLaptop() {
20725
- return this.elementRef.nativeElement['overflowXLaptop'];
20780
+ get fontWeight() {
20781
+ return this.elementRef.nativeElement['fontWeight'];
20726
20782
  }
20727
- set overflowXDesktop(value) {
20728
- this.elementRef.nativeElement['overflowXDesktop'] = value;
20783
+ set title(value) {
20784
+ this.elementRef.nativeElement['title'] = value;
20729
20785
  }
20730
- get overflowXDesktop() {
20731
- return this.elementRef.nativeElement['overflowXDesktop'];
20786
+ get title() {
20787
+ return this.elementRef.nativeElement['title'];
20732
20788
  }
20733
20789
  set grow(value) {
20734
20790
  this.elementRef.nativeElement['grow'] = value;
@@ -21015,101 +21071,66 @@ class PxStack {
21015
21071
  constructor(elementRef) {
21016
21072
  this.elementRef = elementRef;
21017
21073
  }
21018
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21019
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStack, selector: "px-stack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
21020
21076
  }
21021
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
21077
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
21022
21078
  type: Directive,
21023
21079
  args: [{
21024
- selector: 'px-stack',
21080
+ selector: 'px-a-wrapper',
21025
21081
  }]
21026
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21082
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
21027
21083
  type: Input
21028
- }], directionMobile: [{
21029
- type: Input,
21030
- args: ['direction--mobile']
21031
- }], directionTablet: [{
21032
- type: Input,
21033
- args: ['direction--tablet']
21034
- }], directionLaptop: [{
21035
- type: Input,
21036
- args: ['direction--laptop']
21037
- }], directionDesktop: [{
21038
- type: Input,
21039
- args: ['direction--desktop']
21040
- }], gap: [{
21084
+ }], target: [{
21041
21085
  type: Input
21042
- }], gapMobile: [{
21043
- type: Input,
21044
- args: ['gap--mobile']
21045
- }], gapTablet: [{
21046
- type: Input,
21047
- args: ['gap--tablet']
21048
- }], gapLaptop: [{
21049
- type: Input,
21050
- args: ['gap--laptop']
21051
- }], gapDesktop: [{
21052
- type: Input,
21053
- args: ['gap--desktop']
21054
- }], justifyContent: [{
21055
- type: Input,
21056
- args: ['justify-content']
21057
- }], justifyContentMobile: [{
21058
- type: Input,
21059
- args: ['justify-content--mobile']
21060
- }], justifyContentTablet: [{
21061
- type: Input,
21062
- args: ['justify-content--tablet']
21063
- }], justifyContentLaptop: [{
21064
- type: Input,
21065
- args: ['justify-content--laptop']
21066
- }], justifyContentDesktop: [{
21067
- type: Input,
21068
- args: ['justify-content--desktop']
21069
- }], alignItems: [{
21070
- type: Input,
21071
- args: ['align-items']
21072
- }], alignItemsMobile: [{
21086
+ }], rel: [{
21087
+ type: Input
21088
+ }], download: [{
21089
+ type: Input
21090
+ }], disabled: [{
21091
+ type: Input
21092
+ }], variant: [{
21093
+ type: Input
21094
+ }], shape: [{
21095
+ type: Input
21096
+ }], shapeMobile: [{
21073
21097
  type: Input,
21074
- args: ['align-items--mobile']
21075
- }], alignItemsTablet: [{
21098
+ args: ['shape--mobile']
21099
+ }], shapeTablet: [{
21076
21100
  type: Input,
21077
- args: ['align-items--tablet']
21078
- }], alignItemsLaptop: [{
21101
+ args: ['shape--tablet']
21102
+ }], shapeLaptop: [{
21079
21103
  type: Input,
21080
- args: ['align-items--laptop']
21081
- }], alignItemsDesktop: [{
21104
+ args: ['shape--laptop']
21105
+ }], shapeDesktop: [{
21082
21106
  type: Input,
21083
- args: ['align-items--desktop']
21084
- }], wrap: [{
21107
+ args: ['shape--desktop']
21108
+ }], extended: [{
21085
21109
  type: Input
21086
- }], wrapMobile: [{
21087
- type: Input,
21088
- args: ['wrap--mobile']
21089
- }], wrapTablet: [{
21090
- type: Input,
21091
- args: ['wrap--tablet']
21092
- }], wrapLaptop: [{
21093
- type: Input,
21094
- args: ['wrap--laptop']
21095
- }], wrapDesktop: [{
21110
+ }], extendedMobile: [{
21096
21111
  type: Input,
21097
- args: ['wrap--desktop']
21098
- }], overflowX: [{
21112
+ args: ['extended--mobile']
21113
+ }], extendedTablet: [{
21099
21114
  type: Input,
21100
- args: ['overflow-x']
21101
- }], overflowXMobile: [{
21115
+ args: ['extended--tablet']
21116
+ }], extendedLaptop: [{
21102
21117
  type: Input,
21103
- args: ['overflow-x--mobile']
21104
- }], overflowXTablet: [{
21118
+ args: ['extended--laptop']
21119
+ }], extendedDesktop: [{
21105
21120
  type: Input,
21106
- args: ['overflow-x--tablet']
21107
- }], overflowXLaptop: [{
21121
+ args: ['extended--desktop']
21122
+ }], inverted: [{
21123
+ type: Input
21124
+ }], fontSize: [{
21108
21125
  type: Input,
21109
- args: ['overflow-x--laptop']
21110
- }], overflowXDesktop: [{
21126
+ args: ['font-size']
21127
+ }], color: [{
21128
+ type: Input
21129
+ }], fontWeight: [{
21111
21130
  type: Input,
21112
- args: ['overflow-x--desktop']
21131
+ args: ['font-weight']
21132
+ }], title: [{
21133
+ type: Input
21113
21134
  }], grow: [{
21114
21135
  type: Input
21115
21136
  }], growMobile: [{
@@ -21248,39 +21269,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21248
21269
  args: ['sticky-bottom']
21249
21270
  }] } });
21250
21271
  /**
21251
- * @description Type-only wrapper for <px-vstack>
21272
+ * @description Type-only wrapper for <px-page>
21252
21273
  */
21253
- class PxVstack {
21274
+ class PxPage {
21254
21275
  elementRef;
21255
- set direction(value) {
21256
- this.elementRef.nativeElement['direction'] = value;
21257
- }
21258
- get direction() {
21259
- return this.elementRef.nativeElement['direction'];
21260
- }
21261
- set directionMobile(value) {
21262
- this.elementRef.nativeElement['directionMobile'] = value;
21263
- }
21264
- get directionMobile() {
21265
- return this.elementRef.nativeElement['directionMobile'];
21266
- }
21267
- set directionTablet(value) {
21268
- this.elementRef.nativeElement['directionTablet'] = value;
21269
- }
21270
- get directionTablet() {
21271
- return this.elementRef.nativeElement['directionTablet'];
21272
- }
21273
- set directionLaptop(value) {
21274
- this.elementRef.nativeElement['directionLaptop'] = value;
21275
- }
21276
- get directionLaptop() {
21277
- return this.elementRef.nativeElement['directionLaptop'];
21278
- }
21279
- set directionDesktop(value) {
21280
- this.elementRef.nativeElement['directionDesktop'] = value;
21276
+ set backgroundImage(value) {
21277
+ this.elementRef.nativeElement['backgroundImage'] = value;
21281
21278
  }
21282
- get directionDesktop() {
21283
- return this.elementRef.nativeElement['directionDesktop'];
21279
+ get backgroundImage() {
21280
+ return this.elementRef.nativeElement['backgroundImage'];
21284
21281
  }
21285
21282
  set gap(value) {
21286
21283
  this.elementRef.nativeElement['gap'] = value;
@@ -21288,149 +21285,23 @@ class PxVstack {
21288
21285
  get gap() {
21289
21286
  return this.elementRef.nativeElement['gap'];
21290
21287
  }
21291
- set gapMobile(value) {
21292
- this.elementRef.nativeElement['gapMobile'] = value;
21293
- }
21294
- get gapMobile() {
21295
- return this.elementRef.nativeElement['gapMobile'];
21296
- }
21297
- set gapTablet(value) {
21298
- this.elementRef.nativeElement['gapTablet'] = value;
21299
- }
21300
- get gapTablet() {
21301
- return this.elementRef.nativeElement['gapTablet'];
21302
- }
21303
- set gapLaptop(value) {
21304
- this.elementRef.nativeElement['gapLaptop'] = value;
21305
- }
21306
- get gapLaptop() {
21307
- return this.elementRef.nativeElement['gapLaptop'];
21308
- }
21309
- set gapDesktop(value) {
21310
- this.elementRef.nativeElement['gapDesktop'] = value;
21311
- }
21312
- get gapDesktop() {
21313
- return this.elementRef.nativeElement['gapDesktop'];
21314
- }
21315
- set justifyContent(value) {
21316
- this.elementRef.nativeElement['justifyContent'] = value;
21317
- }
21318
- get justifyContent() {
21319
- return this.elementRef.nativeElement['justifyContent'];
21320
- }
21321
- set justifyContentMobile(value) {
21322
- this.elementRef.nativeElement['justifyContentMobile'] = value;
21323
- }
21324
- get justifyContentMobile() {
21325
- return this.elementRef.nativeElement['justifyContentMobile'];
21326
- }
21327
- set justifyContentTablet(value) {
21328
- this.elementRef.nativeElement['justifyContentTablet'] = value;
21329
- }
21330
- get justifyContentTablet() {
21331
- return this.elementRef.nativeElement['justifyContentTablet'];
21332
- }
21333
- set justifyContentLaptop(value) {
21334
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
21335
- }
21336
- get justifyContentLaptop() {
21337
- return this.elementRef.nativeElement['justifyContentLaptop'];
21338
- }
21339
- set justifyContentDesktop(value) {
21340
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
21341
- }
21342
- get justifyContentDesktop() {
21343
- return this.elementRef.nativeElement['justifyContentDesktop'];
21344
- }
21345
- set alignItems(value) {
21346
- this.elementRef.nativeElement['alignItems'] = value;
21347
- }
21348
- get alignItems() {
21349
- return this.elementRef.nativeElement['alignItems'];
21350
- }
21351
- set alignItemsMobile(value) {
21352
- this.elementRef.nativeElement['alignItemsMobile'] = value;
21353
- }
21354
- get alignItemsMobile() {
21355
- return this.elementRef.nativeElement['alignItemsMobile'];
21356
- }
21357
- set alignItemsTablet(value) {
21358
- this.elementRef.nativeElement['alignItemsTablet'] = value;
21359
- }
21360
- get alignItemsTablet() {
21361
- return this.elementRef.nativeElement['alignItemsTablet'];
21362
- }
21363
- set alignItemsLaptop(value) {
21364
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
21365
- }
21366
- get alignItemsLaptop() {
21367
- return this.elementRef.nativeElement['alignItemsLaptop'];
21368
- }
21369
- set alignItemsDesktop(value) {
21370
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
21371
- }
21372
- get alignItemsDesktop() {
21373
- return this.elementRef.nativeElement['alignItemsDesktop'];
21374
- }
21375
- set wrap(value) {
21376
- this.elementRef.nativeElement['wrap'] = value;
21377
- }
21378
- get wrap() {
21379
- return this.elementRef.nativeElement['wrap'];
21380
- }
21381
- set wrapMobile(value) {
21382
- this.elementRef.nativeElement['wrapMobile'] = value;
21383
- }
21384
- get wrapMobile() {
21385
- return this.elementRef.nativeElement['wrapMobile'];
21386
- }
21387
- set wrapTablet(value) {
21388
- this.elementRef.nativeElement['wrapTablet'] = value;
21389
- }
21390
- get wrapTablet() {
21391
- return this.elementRef.nativeElement['wrapTablet'];
21392
- }
21393
- set wrapLaptop(value) {
21394
- this.elementRef.nativeElement['wrapLaptop'] = value;
21395
- }
21396
- get wrapLaptop() {
21397
- return this.elementRef.nativeElement['wrapLaptop'];
21398
- }
21399
- set wrapDesktop(value) {
21400
- this.elementRef.nativeElement['wrapDesktop'] = value;
21401
- }
21402
- get wrapDesktop() {
21403
- return this.elementRef.nativeElement['wrapDesktop'];
21404
- }
21405
- set overflowX(value) {
21406
- this.elementRef.nativeElement['overflowX'] = value;
21407
- }
21408
- get overflowX() {
21409
- return this.elementRef.nativeElement['overflowX'];
21410
- }
21411
- set overflowXMobile(value) {
21412
- this.elementRef.nativeElement['overflowXMobile'] = value;
21413
- }
21414
- get overflowXMobile() {
21415
- return this.elementRef.nativeElement['overflowXMobile'];
21416
- }
21417
- set overflowXTablet(value) {
21418
- this.elementRef.nativeElement['overflowXTablet'] = value;
21288
+ set backgroundColor(value) {
21289
+ this.elementRef.nativeElement['backgroundColor'] = value;
21419
21290
  }
21420
- get overflowXTablet() {
21421
- return this.elementRef.nativeElement['overflowXTablet'];
21291
+ get backgroundColor() {
21292
+ return this.elementRef.nativeElement['backgroundColor'];
21422
21293
  }
21423
- set overflowXLaptop(value) {
21424
- this.elementRef.nativeElement['overflowXLaptop'] = value;
21294
+ set paddingVertical(value) {
21295
+ this.elementRef.nativeElement['paddingVertical'] = value;
21425
21296
  }
21426
- get overflowXLaptop() {
21427
- return this.elementRef.nativeElement['overflowXLaptop'];
21297
+ get paddingVertical() {
21298
+ return this.elementRef.nativeElement['paddingVertical'];
21428
21299
  }
21429
- set overflowXDesktop(value) {
21430
- this.elementRef.nativeElement['overflowXDesktop'] = value;
21300
+ set paddingHorizontal(value) {
21301
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
21431
21302
  }
21432
- get overflowXDesktop() {
21433
- return this.elementRef.nativeElement['overflowXDesktop'];
21303
+ get paddingHorizontal() {
21304
+ return this.elementRef.nativeElement['paddingHorizontal'];
21434
21305
  }
21435
21306
  set grow(value) {
21436
21307
  this.elementRef.nativeElement['grow'] = value;
@@ -21717,101 +21588,28 @@ class PxVstack {
21717
21588
  constructor(elementRef) {
21718
21589
  this.elementRef = elementRef;
21719
21590
  }
21720
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
21721
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxVstack, selector: "px-vstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
21722
21593
  }
21723
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
21594
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
21724
21595
  type: Directive,
21725
21596
  args: [{
21726
- selector: 'px-vstack',
21597
+ selector: 'px-page',
21727
21598
  }]
21728
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
21729
- type: Input
21730
- }], directionMobile: [{
21731
- type: Input,
21732
- args: ['direction--mobile']
21733
- }], directionTablet: [{
21734
- type: Input,
21735
- args: ['direction--tablet']
21736
- }], directionLaptop: [{
21737
- type: Input,
21738
- args: ['direction--laptop']
21739
- }], directionDesktop: [{
21599
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
21740
21600
  type: Input,
21741
- args: ['direction--desktop']
21601
+ args: ['background-image']
21742
21602
  }], gap: [{
21743
21603
  type: Input
21744
- }], gapMobile: [{
21745
- type: Input,
21746
- args: ['gap--mobile']
21747
- }], gapTablet: [{
21748
- type: Input,
21749
- args: ['gap--tablet']
21750
- }], gapLaptop: [{
21751
- type: Input,
21752
- args: ['gap--laptop']
21753
- }], gapDesktop: [{
21754
- type: Input,
21755
- args: ['gap--desktop']
21756
- }], justifyContent: [{
21757
- type: Input,
21758
- args: ['justify-content']
21759
- }], justifyContentMobile: [{
21760
- type: Input,
21761
- args: ['justify-content--mobile']
21762
- }], justifyContentTablet: [{
21763
- type: Input,
21764
- args: ['justify-content--tablet']
21765
- }], justifyContentLaptop: [{
21766
- type: Input,
21767
- args: ['justify-content--laptop']
21768
- }], justifyContentDesktop: [{
21769
- type: Input,
21770
- args: ['justify-content--desktop']
21771
- }], alignItems: [{
21772
- type: Input,
21773
- args: ['align-items']
21774
- }], alignItemsMobile: [{
21775
- type: Input,
21776
- args: ['align-items--mobile']
21777
- }], alignItemsTablet: [{
21778
- type: Input,
21779
- args: ['align-items--tablet']
21780
- }], alignItemsLaptop: [{
21781
- type: Input,
21782
- args: ['align-items--laptop']
21783
- }], alignItemsDesktop: [{
21784
- type: Input,
21785
- args: ['align-items--desktop']
21786
- }], wrap: [{
21787
- type: Input
21788
- }], wrapMobile: [{
21789
- type: Input,
21790
- args: ['wrap--mobile']
21791
- }], wrapTablet: [{
21792
- type: Input,
21793
- args: ['wrap--tablet']
21794
- }], wrapLaptop: [{
21795
- type: Input,
21796
- args: ['wrap--laptop']
21797
- }], wrapDesktop: [{
21798
- type: Input,
21799
- args: ['wrap--desktop']
21800
- }], overflowX: [{
21801
- type: Input,
21802
- args: ['overflow-x']
21803
- }], overflowXMobile: [{
21804
- type: Input,
21805
- args: ['overflow-x--mobile']
21806
- }], overflowXTablet: [{
21604
+ }], backgroundColor: [{
21807
21605
  type: Input,
21808
- args: ['overflow-x--tablet']
21809
- }], overflowXLaptop: [{
21606
+ args: ['background-color']
21607
+ }], paddingVertical: [{
21810
21608
  type: Input,
21811
- args: ['overflow-x--laptop']
21812
- }], overflowXDesktop: [{
21609
+ args: ['padding-vertical']
21610
+ }], paddingHorizontal: [{
21813
21611
  type: Input,
21814
- args: ['overflow-x--desktop']
21612
+ args: ['padding-horizontal']
21815
21613
  }], grow: [{
21816
21614
  type: Input
21817
21615
  }], growMobile: [{
@@ -21950,9 +21748,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21950
21748
  args: ['sticky-bottom']
21951
21749
  }] } });
21952
21750
  /**
21953
- * @description Type-only wrapper for <px-hstack>
21751
+ * @description Type-only wrapper for <px-spacer>
21954
21752
  */
21955
- class PxHstack {
21753
+ class PxSpacer {
21754
+ 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 {
21956
21787
  elementRef;
21957
21788
  set direction(value) {
21958
21789
  this.elementRef.nativeElement['direction'] = value;
@@ -22419,13 +22250,13 @@ class PxHstack {
22419
22250
  constructor(elementRef) {
22420
22251
  this.elementRef = elementRef;
22421
22252
  }
22422
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22423
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHstack, selector: "px-hstack", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], gap: "gap", gapMobile: ["gap--mobile", "gapMobile"], gapTablet: ["gap--tablet", "gapTablet"], gapLaptop: ["gap--laptop", "gapLaptop"], gapDesktop: ["gap--desktop", "gapDesktop"], justifyContent: ["justify-content", "justifyContent"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], alignItems: ["align-items", "alignItems"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], wrap: "wrap", wrapMobile: ["wrap--mobile", "wrapMobile"], wrapTablet: ["wrap--tablet", "wrapTablet"], wrapLaptop: ["wrap--laptop", "wrapLaptop"], wrapDesktop: ["wrap--desktop", "wrapDesktop"], overflowX: ["overflow-x", "overflowX"], overflowXMobile: ["overflow-x--mobile", "overflowXMobile"], overflowXTablet: ["overflow-x--tablet", "overflowXTablet"], overflowXLaptop: ["overflow-x--laptop", "overflowXLaptop"], overflowXDesktop: ["overflow-x--desktop", "overflowXDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
22424
22255
  }
22425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
22256
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
22426
22257
  type: Directive,
22427
22258
  args: [{
22428
- selector: 'px-hstack',
22259
+ selector: 'px-stack',
22429
22260
  }]
22430
22261
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
22431
22262
  type: Input
@@ -22652,139 +22483,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22652
22483
  args: ['sticky-bottom']
22653
22484
  }] } });
22654
22485
  /**
22655
- * @description Type-only wrapper for <px-a>
22486
+ * @description Type-only wrapper for <px-vstack>
22656
22487
  */
22657
- class PxA {
22488
+ class PxVstack {
22658
22489
  elementRef;
22659
- set disabled(value) {
22660
- this.elementRef.nativeElement['disabled'] = value;
22490
+ set direction(value) {
22491
+ this.elementRef.nativeElement['direction'] = value;
22661
22492
  }
22662
- get disabled() {
22663
- return this.elementRef.nativeElement['disabled'];
22493
+ get direction() {
22494
+ return this.elementRef.nativeElement['direction'];
22664
22495
  }
22665
- set variant(value) {
22666
- this.elementRef.nativeElement['variant'] = value;
22496
+ set directionMobile(value) {
22497
+ this.elementRef.nativeElement['directionMobile'] = value;
22667
22498
  }
22668
- get variant() {
22669
- return this.elementRef.nativeElement['variant'];
22499
+ get directionMobile() {
22500
+ return this.elementRef.nativeElement['directionMobile'];
22670
22501
  }
22671
- set shape(value) {
22672
- this.elementRef.nativeElement['shape'] = value;
22502
+ set directionTablet(value) {
22503
+ this.elementRef.nativeElement['directionTablet'] = value;
22673
22504
  }
22674
- get shape() {
22675
- return this.elementRef.nativeElement['shape'];
22505
+ get directionTablet() {
22506
+ return this.elementRef.nativeElement['directionTablet'];
22676
22507
  }
22677
- set shapeMobile(value) {
22678
- this.elementRef.nativeElement['shapeMobile'] = value;
22508
+ set directionLaptop(value) {
22509
+ this.elementRef.nativeElement['directionLaptop'] = value;
22679
22510
  }
22680
- get shapeMobile() {
22681
- return this.elementRef.nativeElement['shapeMobile'];
22511
+ get directionLaptop() {
22512
+ return this.elementRef.nativeElement['directionLaptop'];
22682
22513
  }
22683
- set shapeTablet(value) {
22684
- this.elementRef.nativeElement['shapeTablet'] = value;
22514
+ set directionDesktop(value) {
22515
+ this.elementRef.nativeElement['directionDesktop'] = value;
22685
22516
  }
22686
- get shapeTablet() {
22687
- return this.elementRef.nativeElement['shapeTablet'];
22517
+ get directionDesktop() {
22518
+ return this.elementRef.nativeElement['directionDesktop'];
22688
22519
  }
22689
- set shapeLaptop(value) {
22690
- this.elementRef.nativeElement['shapeLaptop'] = value;
22520
+ set gap(value) {
22521
+ this.elementRef.nativeElement['gap'] = value;
22691
22522
  }
22692
- get shapeLaptop() {
22693
- return this.elementRef.nativeElement['shapeLaptop'];
22523
+ get gap() {
22524
+ return this.elementRef.nativeElement['gap'];
22694
22525
  }
22695
- set shapeDesktop(value) {
22696
- this.elementRef.nativeElement['shapeDesktop'] = value;
22526
+ set gapMobile(value) {
22527
+ this.elementRef.nativeElement['gapMobile'] = value;
22697
22528
  }
22698
- get shapeDesktop() {
22699
- return this.elementRef.nativeElement['shapeDesktop'];
22529
+ get gapMobile() {
22530
+ return this.elementRef.nativeElement['gapMobile'];
22700
22531
  }
22701
- set extended(value) {
22702
- this.elementRef.nativeElement['extended'] = value;
22532
+ set gapTablet(value) {
22533
+ this.elementRef.nativeElement['gapTablet'] = value;
22703
22534
  }
22704
- get extended() {
22705
- return this.elementRef.nativeElement['extended'];
22535
+ get gapTablet() {
22536
+ return this.elementRef.nativeElement['gapTablet'];
22706
22537
  }
22707
- set extendedMobile(value) {
22708
- this.elementRef.nativeElement['extendedMobile'] = value;
22538
+ set gapLaptop(value) {
22539
+ this.elementRef.nativeElement['gapLaptop'] = value;
22709
22540
  }
22710
- get extendedMobile() {
22711
- return this.elementRef.nativeElement['extendedMobile'];
22541
+ get gapLaptop() {
22542
+ return this.elementRef.nativeElement['gapLaptop'];
22712
22543
  }
22713
- set extendedTablet(value) {
22714
- this.elementRef.nativeElement['extendedTablet'] = value;
22544
+ set gapDesktop(value) {
22545
+ this.elementRef.nativeElement['gapDesktop'] = value;
22715
22546
  }
22716
- get extendedTablet() {
22717
- return this.elementRef.nativeElement['extendedTablet'];
22547
+ get gapDesktop() {
22548
+ return this.elementRef.nativeElement['gapDesktop'];
22718
22549
  }
22719
- set extendedLaptop(value) {
22720
- this.elementRef.nativeElement['extendedLaptop'] = value;
22550
+ set justifyContent(value) {
22551
+ this.elementRef.nativeElement['justifyContent'] = value;
22721
22552
  }
22722
- get extendedLaptop() {
22723
- return this.elementRef.nativeElement['extendedLaptop'];
22553
+ get justifyContent() {
22554
+ return this.elementRef.nativeElement['justifyContent'];
22724
22555
  }
22725
- set extendedDesktop(value) {
22726
- this.elementRef.nativeElement['extendedDesktop'] = value;
22556
+ set justifyContentMobile(value) {
22557
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
22727
22558
  }
22728
- get extendedDesktop() {
22729
- return this.elementRef.nativeElement['extendedDesktop'];
22559
+ get justifyContentMobile() {
22560
+ return this.elementRef.nativeElement['justifyContentMobile'];
22730
22561
  }
22731
- set inverted(value) {
22732
- this.elementRef.nativeElement['inverted'] = value;
22562
+ set justifyContentTablet(value) {
22563
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
22733
22564
  }
22734
- get inverted() {
22735
- return this.elementRef.nativeElement['inverted'];
22565
+ get justifyContentTablet() {
22566
+ return this.elementRef.nativeElement['justifyContentTablet'];
22736
22567
  }
22737
- set fontSize(value) {
22738
- this.elementRef.nativeElement['fontSize'] = value;
22568
+ set justifyContentLaptop(value) {
22569
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
22739
22570
  }
22740
- get fontSize() {
22741
- return this.elementRef.nativeElement['fontSize'];
22571
+ get justifyContentLaptop() {
22572
+ return this.elementRef.nativeElement['justifyContentLaptop'];
22742
22573
  }
22743
- set color(value) {
22744
- this.elementRef.nativeElement['color'] = value;
22574
+ set justifyContentDesktop(value) {
22575
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
22745
22576
  }
22746
- get color() {
22747
- return this.elementRef.nativeElement['color'];
22577
+ get justifyContentDesktop() {
22578
+ return this.elementRef.nativeElement['justifyContentDesktop'];
22748
22579
  }
22749
- set fontWeight(value) {
22750
- this.elementRef.nativeElement['fontWeight'] = value;
22580
+ set alignItems(value) {
22581
+ this.elementRef.nativeElement['alignItems'] = value;
22751
22582
  }
22752
- get fontWeight() {
22753
- return this.elementRef.nativeElement['fontWeight'];
22583
+ get alignItems() {
22584
+ return this.elementRef.nativeElement['alignItems'];
22754
22585
  }
22755
- set title(value) {
22756
- this.elementRef.nativeElement['title'] = value;
22586
+ set alignItemsMobile(value) {
22587
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
22757
22588
  }
22758
- get title() {
22759
- return this.elementRef.nativeElement['title'];
22589
+ get alignItemsMobile() {
22590
+ return this.elementRef.nativeElement['alignItemsMobile'];
22760
22591
  }
22761
- /** The URL that the hyperlink points to. */
22762
- set href(value) {
22763
- this.elementRef.nativeElement['href'] = value;
22592
+ set alignItemsTablet(value) {
22593
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
22764
22594
  }
22765
- get href() {
22766
- return this.elementRef.nativeElement['href'];
22595
+ get alignItemsTablet() {
22596
+ return this.elementRef.nativeElement['alignItemsTablet'];
22767
22597
  }
22768
- /** Where to display the linked URL. */
22769
- set target(value) {
22770
- this.elementRef.nativeElement['target'] = value;
22598
+ set alignItemsLaptop(value) {
22599
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
22771
22600
  }
22772
- get target() {
22773
- return this.elementRef.nativeElement['target'];
22601
+ get alignItemsLaptop() {
22602
+ return this.elementRef.nativeElement['alignItemsLaptop'];
22774
22603
  }
22775
- /** The relationship of the linked URL as space-separated link types. */
22776
- set rel(value) {
22777
- this.elementRef.nativeElement['rel'] = value;
22604
+ set alignItemsDesktop(value) {
22605
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
22778
22606
  }
22779
- get rel() {
22780
- return this.elementRef.nativeElement['rel'];
22607
+ get alignItemsDesktop() {
22608
+ return this.elementRef.nativeElement['alignItemsDesktop'];
22781
22609
  }
22782
- /** Prompts the user to save the linked URL instead of navigating to it. */
22783
- set download(value) {
22784
- this.elementRef.nativeElement['download'] = value;
22610
+ set wrap(value) {
22611
+ this.elementRef.nativeElement['wrap'] = value;
22785
22612
  }
22786
- get download() {
22787
- return this.elementRef.nativeElement['download'];
22613
+ get wrap() {
22614
+ return this.elementRef.nativeElement['wrap'];
22615
+ }
22616
+ set wrapMobile(value) {
22617
+ this.elementRef.nativeElement['wrapMobile'] = value;
22618
+ }
22619
+ get wrapMobile() {
22620
+ return this.elementRef.nativeElement['wrapMobile'];
22621
+ }
22622
+ set wrapTablet(value) {
22623
+ this.elementRef.nativeElement['wrapTablet'] = value;
22624
+ }
22625
+ get wrapTablet() {
22626
+ return this.elementRef.nativeElement['wrapTablet'];
22627
+ }
22628
+ set wrapLaptop(value) {
22629
+ this.elementRef.nativeElement['wrapLaptop'] = value;
22630
+ }
22631
+ get wrapLaptop() {
22632
+ return this.elementRef.nativeElement['wrapLaptop'];
22633
+ }
22634
+ set wrapDesktop(value) {
22635
+ this.elementRef.nativeElement['wrapDesktop'] = value;
22636
+ }
22637
+ get wrapDesktop() {
22638
+ return this.elementRef.nativeElement['wrapDesktop'];
22639
+ }
22640
+ set overflowX(value) {
22641
+ this.elementRef.nativeElement['overflowX'] = value;
22642
+ }
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'];
22788
22669
  }
22789
22670
  set grow(value) {
22790
22671
  this.elementRef.nativeElement['grow'] = value;
@@ -23071,66 +22952,101 @@ class PxA {
23071
22952
  constructor(elementRef) {
23072
22953
  this.elementRef = elementRef;
23073
22954
  }
23074
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23075
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxA, selector: "px-a", inputs: { disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", href: "href", target: "target", rel: "rel", download: "download", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
23076
22957
  }
23077
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxA, decorators: [{
22958
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
23078
22959
  type: Directive,
23079
22960
  args: [{
23080
- selector: 'px-a',
22961
+ selector: 'px-vstack',
23081
22962
  }]
23082
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
23083
- type: Input
23084
- }], variant: [{
23085
- type: Input
23086
- }], shape: [{
22963
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23087
22964
  type: Input
23088
- }], shapeMobile: [{
22965
+ }], directionMobile: [{
23089
22966
  type: Input,
23090
- args: ['shape--mobile']
23091
- }], shapeTablet: [{
22967
+ args: ['direction--mobile']
22968
+ }], directionTablet: [{
23092
22969
  type: Input,
23093
- args: ['shape--tablet']
23094
- }], shapeLaptop: [{
22970
+ args: ['direction--tablet']
22971
+ }], directionLaptop: [{
23095
22972
  type: Input,
23096
- args: ['shape--laptop']
23097
- }], shapeDesktop: [{
22973
+ args: ['direction--laptop']
22974
+ }], directionDesktop: [{
23098
22975
  type: Input,
23099
- args: ['shape--desktop']
23100
- }], extended: [{
22976
+ args: ['direction--desktop']
22977
+ }], gap: [{
23101
22978
  type: Input
23102
- }], extendedMobile: [{
22979
+ }], gapMobile: [{
23103
22980
  type: Input,
23104
- args: ['extended--mobile']
23105
- }], extendedTablet: [{
22981
+ args: ['gap--mobile']
22982
+ }], gapTablet: [{
23106
22983
  type: Input,
23107
- args: ['extended--tablet']
23108
- }], extendedLaptop: [{
22984
+ args: ['gap--tablet']
22985
+ }], gapLaptop: [{
23109
22986
  type: Input,
23110
- args: ['extended--laptop']
23111
- }], extendedDesktop: [{
22987
+ args: ['gap--laptop']
22988
+ }], gapDesktop: [{
23112
22989
  type: Input,
23113
- args: ['extended--desktop']
23114
- }], inverted: [{
23115
- type: Input
23116
- }], fontSize: [{
22990
+ args: ['gap--desktop']
22991
+ }], justifyContent: [{
23117
22992
  type: Input,
23118
- args: ['font-size']
23119
- }], color: [{
23120
- type: Input
23121
- }], fontWeight: [{
22993
+ args: ['justify-content']
22994
+ }], justifyContentMobile: [{
23122
22995
  type: Input,
23123
- args: ['font-weight']
23124
- }], title: [{
23125
- type: Input
23126
- }], href: [{
23127
- type: Input
23128
- }], target: [{
23129
- type: Input
23130
- }], rel: [{
23131
- type: Input
23132
- }], download: [{
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: [{
23010
+ type: Input,
23011
+ args: ['align-items--mobile']
23012
+ }], alignItemsTablet: [{
23013
+ type: Input,
23014
+ args: ['align-items--tablet']
23015
+ }], alignItemsLaptop: [{
23016
+ type: Input,
23017
+ args: ['align-items--laptop']
23018
+ }], alignItemsDesktop: [{
23019
+ type: Input,
23020
+ args: ['align-items--desktop']
23021
+ }], wrap: [{
23133
23022
  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: [{
23033
+ type: Input,
23034
+ args: ['wrap--desktop']
23035
+ }], overflowX: [{
23036
+ type: Input,
23037
+ args: ['overflow-x']
23038
+ }], overflowXMobile: [{
23039
+ type: Input,
23040
+ args: ['overflow-x--mobile']
23041
+ }], overflowXTablet: [{
23042
+ type: Input,
23043
+ args: ['overflow-x--tablet']
23044
+ }], overflowXLaptop: [{
23045
+ type: Input,
23046
+ args: ['overflow-x--laptop']
23047
+ }], overflowXDesktop: [{
23048
+ type: Input,
23049
+ args: ['overflow-x--desktop']
23134
23050
  }], grow: [{
23135
23051
  type: Input
23136
23052
  }], growMobile: [{
@@ -23269,139 +23185,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
23269
23185
  args: ['sticky-bottom']
23270
23186
  }] } });
23271
23187
  /**
23272
- * @description Type-only wrapper for <px-a-wrapper>
23188
+ * @description Type-only wrapper for <px-hstack>
23273
23189
  */
23274
- class PxAWrapper {
23190
+ class PxHstack {
23275
23191
  elementRef;
23276
- /** The URL that the hyperlink points to. */
23277
- set href(value) {
23278
- this.elementRef.nativeElement['href'] = value;
23192
+ set direction(value) {
23193
+ this.elementRef.nativeElement['direction'] = value;
23279
23194
  }
23280
- get href() {
23281
- return this.elementRef.nativeElement['href'];
23195
+ get direction() {
23196
+ return this.elementRef.nativeElement['direction'];
23282
23197
  }
23283
- /** Where to display the linked URL. */
23284
- set target(value) {
23285
- this.elementRef.nativeElement['target'] = value;
23198
+ set directionMobile(value) {
23199
+ this.elementRef.nativeElement['directionMobile'] = value;
23286
23200
  }
23287
- get target() {
23288
- return this.elementRef.nativeElement['target'];
23201
+ get directionMobile() {
23202
+ return this.elementRef.nativeElement['directionMobile'];
23289
23203
  }
23290
- /** The relationship of the linked URL as space-separated link types. */
23291
- set rel(value) {
23292
- this.elementRef.nativeElement['rel'] = value;
23204
+ set directionTablet(value) {
23205
+ this.elementRef.nativeElement['directionTablet'] = value;
23293
23206
  }
23294
- get rel() {
23295
- return this.elementRef.nativeElement['rel'];
23207
+ get directionTablet() {
23208
+ return this.elementRef.nativeElement['directionTablet'];
23296
23209
  }
23297
- /** Prompts the user to save the linked URL instead of navigating to it. */
23298
- set download(value) {
23299
- this.elementRef.nativeElement['download'] = value;
23210
+ set directionLaptop(value) {
23211
+ this.elementRef.nativeElement['directionLaptop'] = value;
23300
23212
  }
23301
- get download() {
23302
- return this.elementRef.nativeElement['download'];
23213
+ get directionLaptop() {
23214
+ return this.elementRef.nativeElement['directionLaptop'];
23303
23215
  }
23304
- set disabled(value) {
23305
- this.elementRef.nativeElement['disabled'] = value;
23216
+ set directionDesktop(value) {
23217
+ this.elementRef.nativeElement['directionDesktop'] = value;
23306
23218
  }
23307
- get disabled() {
23308
- return this.elementRef.nativeElement['disabled'];
23219
+ get directionDesktop() {
23220
+ return this.elementRef.nativeElement['directionDesktop'];
23309
23221
  }
23310
- set variant(value) {
23311
- this.elementRef.nativeElement['variant'] = value;
23222
+ set gap(value) {
23223
+ this.elementRef.nativeElement['gap'] = value;
23312
23224
  }
23313
- get variant() {
23314
- return this.elementRef.nativeElement['variant'];
23225
+ get gap() {
23226
+ return this.elementRef.nativeElement['gap'];
23315
23227
  }
23316
- set shape(value) {
23317
- this.elementRef.nativeElement['shape'] = value;
23228
+ set gapMobile(value) {
23229
+ this.elementRef.nativeElement['gapMobile'] = value;
23318
23230
  }
23319
- get shape() {
23320
- return this.elementRef.nativeElement['shape'];
23231
+ get gapMobile() {
23232
+ return this.elementRef.nativeElement['gapMobile'];
23321
23233
  }
23322
- set shapeMobile(value) {
23323
- this.elementRef.nativeElement['shapeMobile'] = value;
23234
+ set gapTablet(value) {
23235
+ this.elementRef.nativeElement['gapTablet'] = value;
23324
23236
  }
23325
- get shapeMobile() {
23326
- return this.elementRef.nativeElement['shapeMobile'];
23237
+ get gapTablet() {
23238
+ return this.elementRef.nativeElement['gapTablet'];
23327
23239
  }
23328
- set shapeTablet(value) {
23329
- this.elementRef.nativeElement['shapeTablet'] = value;
23240
+ set gapLaptop(value) {
23241
+ this.elementRef.nativeElement['gapLaptop'] = value;
23330
23242
  }
23331
- get shapeTablet() {
23332
- return this.elementRef.nativeElement['shapeTablet'];
23243
+ get gapLaptop() {
23244
+ return this.elementRef.nativeElement['gapLaptop'];
23333
23245
  }
23334
- set shapeLaptop(value) {
23335
- this.elementRef.nativeElement['shapeLaptop'] = value;
23246
+ set gapDesktop(value) {
23247
+ this.elementRef.nativeElement['gapDesktop'] = value;
23336
23248
  }
23337
- get shapeLaptop() {
23338
- return this.elementRef.nativeElement['shapeLaptop'];
23249
+ get gapDesktop() {
23250
+ return this.elementRef.nativeElement['gapDesktop'];
23339
23251
  }
23340
- set shapeDesktop(value) {
23341
- this.elementRef.nativeElement['shapeDesktop'] = value;
23252
+ set justifyContent(value) {
23253
+ this.elementRef.nativeElement['justifyContent'] = value;
23342
23254
  }
23343
- get shapeDesktop() {
23344
- return this.elementRef.nativeElement['shapeDesktop'];
23255
+ get justifyContent() {
23256
+ return this.elementRef.nativeElement['justifyContent'];
23345
23257
  }
23346
- set extended(value) {
23347
- this.elementRef.nativeElement['extended'] = value;
23258
+ set justifyContentMobile(value) {
23259
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
23348
23260
  }
23349
- get extended() {
23350
- return this.elementRef.nativeElement['extended'];
23261
+ get justifyContentMobile() {
23262
+ return this.elementRef.nativeElement['justifyContentMobile'];
23351
23263
  }
23352
- set extendedMobile(value) {
23353
- this.elementRef.nativeElement['extendedMobile'] = value;
23264
+ set justifyContentTablet(value) {
23265
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
23354
23266
  }
23355
- get extendedMobile() {
23356
- return this.elementRef.nativeElement['extendedMobile'];
23267
+ get justifyContentTablet() {
23268
+ return this.elementRef.nativeElement['justifyContentTablet'];
23357
23269
  }
23358
- set extendedTablet(value) {
23359
- this.elementRef.nativeElement['extendedTablet'] = value;
23270
+ set justifyContentLaptop(value) {
23271
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
23360
23272
  }
23361
- get extendedTablet() {
23362
- return this.elementRef.nativeElement['extendedTablet'];
23273
+ get justifyContentLaptop() {
23274
+ return this.elementRef.nativeElement['justifyContentLaptop'];
23363
23275
  }
23364
- set extendedLaptop(value) {
23365
- this.elementRef.nativeElement['extendedLaptop'] = value;
23276
+ set justifyContentDesktop(value) {
23277
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
23366
23278
  }
23367
- get extendedLaptop() {
23368
- return this.elementRef.nativeElement['extendedLaptop'];
23279
+ get justifyContentDesktop() {
23280
+ return this.elementRef.nativeElement['justifyContentDesktop'];
23369
23281
  }
23370
- set extendedDesktop(value) {
23371
- this.elementRef.nativeElement['extendedDesktop'] = value;
23282
+ set alignItems(value) {
23283
+ this.elementRef.nativeElement['alignItems'] = value;
23372
23284
  }
23373
- get extendedDesktop() {
23374
- return this.elementRef.nativeElement['extendedDesktop'];
23285
+ get alignItems() {
23286
+ return this.elementRef.nativeElement['alignItems'];
23375
23287
  }
23376
- set inverted(value) {
23377
- this.elementRef.nativeElement['inverted'] = value;
23288
+ set alignItemsMobile(value) {
23289
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
23378
23290
  }
23379
- get inverted() {
23380
- return this.elementRef.nativeElement['inverted'];
23291
+ get alignItemsMobile() {
23292
+ return this.elementRef.nativeElement['alignItemsMobile'];
23381
23293
  }
23382
- set fontSize(value) {
23383
- this.elementRef.nativeElement['fontSize'] = value;
23294
+ set alignItemsTablet(value) {
23295
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
23384
23296
  }
23385
- get fontSize() {
23386
- return this.elementRef.nativeElement['fontSize'];
23297
+ get alignItemsTablet() {
23298
+ return this.elementRef.nativeElement['alignItemsTablet'];
23387
23299
  }
23388
- set color(value) {
23389
- this.elementRef.nativeElement['color'] = value;
23300
+ set alignItemsLaptop(value) {
23301
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
23390
23302
  }
23391
- get color() {
23392
- return this.elementRef.nativeElement['color'];
23303
+ get alignItemsLaptop() {
23304
+ return this.elementRef.nativeElement['alignItemsLaptop'];
23393
23305
  }
23394
- set fontWeight(value) {
23395
- this.elementRef.nativeElement['fontWeight'] = value;
23306
+ set alignItemsDesktop(value) {
23307
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
23396
23308
  }
23397
- get fontWeight() {
23398
- return this.elementRef.nativeElement['fontWeight'];
23309
+ get alignItemsDesktop() {
23310
+ return this.elementRef.nativeElement['alignItemsDesktop'];
23399
23311
  }
23400
- set title(value) {
23401
- this.elementRef.nativeElement['title'] = value;
23312
+ set wrap(value) {
23313
+ this.elementRef.nativeElement['wrap'] = value;
23402
23314
  }
23403
- get title() {
23404
- return this.elementRef.nativeElement['title'];
23315
+ get wrap() {
23316
+ return this.elementRef.nativeElement['wrap'];
23317
+ }
23318
+ set wrapMobile(value) {
23319
+ this.elementRef.nativeElement['wrapMobile'] = value;
23320
+ }
23321
+ get wrapMobile() {
23322
+ return this.elementRef.nativeElement['wrapMobile'];
23323
+ }
23324
+ set wrapTablet(value) {
23325
+ this.elementRef.nativeElement['wrapTablet'] = value;
23326
+ }
23327
+ get wrapTablet() {
23328
+ return this.elementRef.nativeElement['wrapTablet'];
23329
+ }
23330
+ set wrapLaptop(value) {
23331
+ this.elementRef.nativeElement['wrapLaptop'] = value;
23332
+ }
23333
+ get wrapLaptop() {
23334
+ return this.elementRef.nativeElement['wrapLaptop'];
23335
+ }
23336
+ set wrapDesktop(value) {
23337
+ this.elementRef.nativeElement['wrapDesktop'] = value;
23338
+ }
23339
+ get wrapDesktop() {
23340
+ return this.elementRef.nativeElement['wrapDesktop'];
23341
+ }
23342
+ set overflowX(value) {
23343
+ this.elementRef.nativeElement['overflowX'] = value;
23344
+ }
23345
+ get overflowX() {
23346
+ return this.elementRef.nativeElement['overflowX'];
23347
+ }
23348
+ set overflowXMobile(value) {
23349
+ this.elementRef.nativeElement['overflowXMobile'] = value;
23350
+ }
23351
+ get overflowXMobile() {
23352
+ return this.elementRef.nativeElement['overflowXMobile'];
23353
+ }
23354
+ set overflowXTablet(value) {
23355
+ this.elementRef.nativeElement['overflowXTablet'] = value;
23356
+ }
23357
+ get overflowXTablet() {
23358
+ return this.elementRef.nativeElement['overflowXTablet'];
23359
+ }
23360
+ set overflowXLaptop(value) {
23361
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
23362
+ }
23363
+ get overflowXLaptop() {
23364
+ return this.elementRef.nativeElement['overflowXLaptop'];
23365
+ }
23366
+ set overflowXDesktop(value) {
23367
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
23368
+ }
23369
+ get overflowXDesktop() {
23370
+ return this.elementRef.nativeElement['overflowXDesktop'];
23405
23371
  }
23406
23372
  set grow(value) {
23407
23373
  this.elementRef.nativeElement['grow'] = value;
@@ -23688,66 +23654,101 @@ class PxAWrapper {
23688
23654
  constructor(elementRef) {
23689
23655
  this.elementRef = elementRef;
23690
23656
  }
23691
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
23692
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAWrapper, selector: "px-a-wrapper", inputs: { href: "href", target: "target", rel: "rel", download: "download", disabled: "disabled", variant: "variant", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], inverted: "inverted", fontSize: ["font-size", "fontSize"], color: "color", fontWeight: ["font-weight", "fontWeight"], title: "title", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
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 });
23693
23659
  }
23694
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAWrapper, decorators: [{
23660
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
23695
23661
  type: Directive,
23696
23662
  args: [{
23697
- selector: 'px-a-wrapper',
23663
+ selector: 'px-hstack',
23698
23664
  }]
23699
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { href: [{
23700
- type: Input
23701
- }], target: [{
23702
- type: Input
23703
- }], rel: [{
23704
- type: Input
23705
- }], download: [{
23706
- type: Input
23707
- }], disabled: [{
23708
- type: Input
23709
- }], variant: [{
23710
- type: Input
23711
- }], shape: [{
23665
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
23712
23666
  type: Input
23713
- }], shapeMobile: [{
23667
+ }], directionMobile: [{
23714
23668
  type: Input,
23715
- args: ['shape--mobile']
23716
- }], shapeTablet: [{
23669
+ args: ['direction--mobile']
23670
+ }], directionTablet: [{
23717
23671
  type: Input,
23718
- args: ['shape--tablet']
23719
- }], shapeLaptop: [{
23672
+ args: ['direction--tablet']
23673
+ }], directionLaptop: [{
23720
23674
  type: Input,
23721
- args: ['shape--laptop']
23722
- }], shapeDesktop: [{
23675
+ args: ['direction--laptop']
23676
+ }], directionDesktop: [{
23723
23677
  type: Input,
23724
- args: ['shape--desktop']
23725
- }], extended: [{
23678
+ args: ['direction--desktop']
23679
+ }], gap: [{
23726
23680
  type: Input
23727
- }], extendedMobile: [{
23681
+ }], gapMobile: [{
23728
23682
  type: Input,
23729
- args: ['extended--mobile']
23730
- }], extendedTablet: [{
23683
+ args: ['gap--mobile']
23684
+ }], gapTablet: [{
23731
23685
  type: Input,
23732
- args: ['extended--tablet']
23733
- }], extendedLaptop: [{
23686
+ args: ['gap--tablet']
23687
+ }], gapLaptop: [{
23734
23688
  type: Input,
23735
- args: ['extended--laptop']
23736
- }], extendedDesktop: [{
23689
+ args: ['gap--laptop']
23690
+ }], gapDesktop: [{
23737
23691
  type: Input,
23738
- args: ['extended--desktop']
23739
- }], inverted: [{
23740
- type: Input
23741
- }], fontSize: [{
23692
+ args: ['gap--desktop']
23693
+ }], justifyContent: [{
23742
23694
  type: Input,
23743
- args: ['font-size']
23744
- }], color: [{
23745
- type: Input
23746
- }], fontWeight: [{
23695
+ args: ['justify-content']
23696
+ }], justifyContentMobile: [{
23747
23697
  type: Input,
23748
- args: ['font-weight']
23749
- }], title: [{
23698
+ args: ['justify-content--mobile']
23699
+ }], justifyContentTablet: [{
23700
+ type: Input,
23701
+ args: ['justify-content--tablet']
23702
+ }], justifyContentLaptop: [{
23703
+ type: Input,
23704
+ args: ['justify-content--laptop']
23705
+ }], justifyContentDesktop: [{
23706
+ type: Input,
23707
+ args: ['justify-content--desktop']
23708
+ }], alignItems: [{
23709
+ type: Input,
23710
+ args: ['align-items']
23711
+ }], alignItemsMobile: [{
23712
+ type: Input,
23713
+ args: ['align-items--mobile']
23714
+ }], alignItemsTablet: [{
23715
+ type: Input,
23716
+ args: ['align-items--tablet']
23717
+ }], alignItemsLaptop: [{
23718
+ type: Input,
23719
+ args: ['align-items--laptop']
23720
+ }], alignItemsDesktop: [{
23721
+ type: Input,
23722
+ args: ['align-items--desktop']
23723
+ }], wrap: [{
23750
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']
23751
23752
  }], grow: [{
23752
23753
  type: Input
23753
23754
  }], growMobile: [{
@@ -37355,11 +37356,17 @@ class PxThemeProvider {
37355
37356
  get theme() {
37356
37357
  return this.elementRef.nativeElement['theme'];
37357
37358
  }
37359
+ set resetCss(value) {
37360
+ this.elementRef.nativeElement['resetCss'] = value;
37361
+ }
37362
+ get resetCss() {
37363
+ return this.elementRef.nativeElement['resetCss'];
37364
+ }
37358
37365
  constructor(elementRef) {
37359
37366
  this.elementRef = elementRef;
37360
37367
  }
37361
37368
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37362
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeProvider, selector: "px-theme-provider", inputs: { theme: "theme" }, ngImport: i0 });
37369
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeProvider, selector: "px-theme-provider", inputs: { theme: "theme", resetCss: ["reset-css", "resetCss"] }, ngImport: i0 });
37363
37370
  }
37364
37371
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeProvider, decorators: [{
37365
37372
  type: Directive,
@@ -37368,44 +37375,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37368
37375
  }]
37369
37376
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { theme: [{
37370
37377
  type: Input
37378
+ }], resetCss: [{
37379
+ type: Input,
37380
+ args: ['reset-css']
37371
37381
  }] } });
37372
37382
  /**
37373
37383
  * @description Type-only wrapper for <px-proximus-theme-provider>
37374
37384
  */
37375
37385
  class PxProximusThemeProvider {
37376
37386
  elementRef;
37387
+ set resetCss(value) {
37388
+ this.elementRef.nativeElement['resetCss'] = value;
37389
+ }
37390
+ get resetCss() {
37391
+ return this.elementRef.nativeElement['resetCss'];
37392
+ }
37377
37393
  constructor(elementRef) {
37378
37394
  this.elementRef = elementRef;
37379
37395
  }
37380
37396
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37381
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusThemeProvider, selector: "px-proximus-theme-provider", ngImport: i0 });
37397
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusThemeProvider, selector: "px-proximus-theme-provider", inputs: { resetCss: ["reset-css", "resetCss"] }, ngImport: i0 });
37382
37398
  }
37383
37399
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, decorators: [{
37384
37400
  type: Directive,
37385
37401
  args: [{
37386
37402
  selector: 'px-proximus-theme-provider',
37387
37403
  }]
37388
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
37404
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { resetCss: [{
37405
+ type: Input,
37406
+ args: ['reset-css']
37407
+ }] } });
37389
37408
  /**
37390
37409
  * @description Type-only wrapper for <px-scarlet-theme-provider>
37391
37410
  */
37392
37411
  class PxScarletThemeProvider {
37393
37412
  elementRef;
37413
+ set resetCss(value) {
37414
+ this.elementRef.nativeElement['resetCss'] = value;
37415
+ }
37416
+ get resetCss() {
37417
+ return this.elementRef.nativeElement['resetCss'];
37418
+ }
37394
37419
  constructor(elementRef) {
37395
37420
  this.elementRef = elementRef;
37396
37421
  }
37397
37422
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37398
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxScarletThemeProvider, selector: "px-scarlet-theme-provider", ngImport: i0 });
37423
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxScarletThemeProvider, selector: "px-scarlet-theme-provider", inputs: { resetCss: ["reset-css", "resetCss"] }, ngImport: i0 });
37399
37424
  }
37400
37425
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, decorators: [{
37401
37426
  type: Directive,
37402
37427
  args: [{
37403
37428
  selector: 'px-scarlet-theme-provider',
37404
37429
  }]
37405
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
37430
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { resetCss: [{
37431
+ type: Input,
37432
+ args: ['reset-css']
37433
+ }] } });
37406
37434
  class Lavender {
37407
37435
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37408
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
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] });
37409
37437
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37410
37438
  }
37411
37439
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37454,13 +37482,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37454
37482
  PxSelect,
37455
37483
  PxTextarea,
37456
37484
  PxFileupload,
37485
+ PxA,
37486
+ PxAWrapper,
37457
37487
  PxPage,
37458
37488
  PxSpacer,
37459
37489
  PxStack,
37460
37490
  PxVstack,
37461
37491
  PxHstack,
37462
- PxA,
37463
- PxAWrapper,
37464
37492
  PxList,
37465
37493
  PxListItem,
37466
37494
  PxModal,
@@ -37556,13 +37584,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37556
37584
  PxSelect,
37557
37585
  PxTextarea,
37558
37586
  PxFileupload,
37587
+ PxA,
37588
+ PxAWrapper,
37559
37589
  PxPage,
37560
37590
  PxSpacer,
37561
37591
  PxStack,
37562
37592
  PxVstack,
37563
37593
  PxHstack,
37564
- PxA,
37565
- PxAWrapper,
37566
37594
  PxList,
37567
37595
  PxListItem,
37568
37596
  PxModal,