@proximus/lavender-angular 1.4.4-alpha.9 → 1.4.4-beta.2

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.
@@ -11056,6 +11056,12 @@ class PxDrawer {
11056
11056
  get ariaLabelCloseButton() {
11057
11057
  return this.elementRef.nativeElement['ariaLabelCloseButton'];
11058
11058
  }
11059
+ set openedby(value) {
11060
+ this.elementRef.nativeElement['openedby'] = value;
11061
+ }
11062
+ get openedby() {
11063
+ return this.elementRef.nativeElement['openedby'];
11064
+ }
11059
11065
  HIDE_EVENT = new EventEmitter();
11060
11066
  constructor(elementRef) {
11061
11067
  this.elementRef = elementRef;
@@ -11064,7 +11070,7 @@ class PxDrawer {
11064
11070
  });
11065
11071
  }
11066
11072
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11067
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11073
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11068
11074
  }
11069
11075
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11070
11076
  type: Directive,
@@ -11076,6 +11082,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11076
11082
  }], ariaLabelCloseButton: [{
11077
11083
  type: Input,
11078
11084
  args: ['aria-label-close-button']
11085
+ }], openedby: [{
11086
+ type: Input
11079
11087
  }], HIDE_EVENT: [{
11080
11088
  type: Output
11081
11089
  }] } });
@@ -16669,45 +16677,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
16669
16677
  args: ['order--desktop']
16670
16678
  }] } });
16671
16679
  /**
16672
- * @description Type-only wrapper for <px-input>
16680
+ * @description Type-only wrapper for <px-page>
16673
16681
  */
16674
- class PxInput {
16682
+ class PxPage {
16675
16683
  elementRef;
16676
- set state(value) {
16677
- this.elementRef.nativeElement['state'] = value;
16678
- }
16679
- get state() {
16680
- return this.elementRef.nativeElement['state'];
16681
- }
16682
- set extended(value) {
16683
- this.elementRef.nativeElement['extended'] = value;
16684
+ set backgroundImage(value) {
16685
+ this.elementRef.nativeElement['backgroundImage'] = value;
16684
16686
  }
16685
- get extended() {
16686
- return this.elementRef.nativeElement['extended'];
16687
+ get backgroundImage() {
16688
+ return this.elementRef.nativeElement['backgroundImage'];
16687
16689
  }
16688
- set extendedMobile(value) {
16689
- this.elementRef.nativeElement['extendedMobile'] = value;
16690
+ set gap(value) {
16691
+ this.elementRef.nativeElement['gap'] = value;
16690
16692
  }
16691
- get extendedMobile() {
16692
- return this.elementRef.nativeElement['extendedMobile'];
16693
+ get gap() {
16694
+ return this.elementRef.nativeElement['gap'];
16693
16695
  }
16694
- set extendedTablet(value) {
16695
- this.elementRef.nativeElement['extendedTablet'] = value;
16696
+ set backgroundColor(value) {
16697
+ this.elementRef.nativeElement['backgroundColor'] = value;
16696
16698
  }
16697
- get extendedTablet() {
16698
- return this.elementRef.nativeElement['extendedTablet'];
16699
+ get backgroundColor() {
16700
+ return this.elementRef.nativeElement['backgroundColor'];
16699
16701
  }
16700
- set extendedLaptop(value) {
16701
- this.elementRef.nativeElement['extendedLaptop'] = value;
16702
+ set paddingVertical(value) {
16703
+ this.elementRef.nativeElement['paddingVertical'] = value;
16702
16704
  }
16703
- get extendedLaptop() {
16704
- return this.elementRef.nativeElement['extendedLaptop'];
16705
+ get paddingVertical() {
16706
+ return this.elementRef.nativeElement['paddingVertical'];
16705
16707
  }
16706
- set extendedDesktop(value) {
16707
- this.elementRef.nativeElement['extendedDesktop'] = value;
16708
+ set paddingHorizontal(value) {
16709
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
16708
16710
  }
16709
- get extendedDesktop() {
16710
- return this.elementRef.nativeElement['extendedDesktop'];
16711
+ get paddingHorizontal() {
16712
+ return this.elementRef.nativeElement['paddingHorizontal'];
16711
16713
  }
16712
16714
  set grow(value) {
16713
16715
  this.elementRef.nativeElement['grow'] = value;
@@ -16979,37 +16981,31 @@ class PxInput {
16979
16981
  get orderDesktop() {
16980
16982
  return this.elementRef.nativeElement['orderDesktop'];
16981
16983
  }
16982
- event = new EventEmitter();
16983
16984
  constructor(elementRef) {
16984
16985
  this.elementRef = elementRef;
16985
- this.elementRef.nativeElement.addEventListener('event', (e) => {
16986
- this.event.emit(e.detail);
16987
- });
16988
16986
  }
16989
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
16990
- 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"] }, outputs: { event: "event" }, ngImport: i0 });
16987
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
16988
+ 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"] }, ngImport: i0 });
16991
16989
  }
16992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
16990
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
16993
16991
  type: Directive,
16994
16992
  args: [{
16995
- selector: 'px-input',
16993
+ selector: 'px-page',
16996
16994
  }]
16997
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
16998
- type: Input
16999
- }], extended: [{
17000
- type: Input
17001
- }], extendedMobile: [{
16995
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
17002
16996
  type: Input,
17003
- args: ['extended--mobile']
17004
- }], extendedTablet: [{
16997
+ args: ['background-image']
16998
+ }], gap: [{
16999
+ type: Input
17000
+ }], backgroundColor: [{
17005
17001
  type: Input,
17006
- args: ['extended--tablet']
17007
- }], extendedLaptop: [{
17002
+ args: ['background-color']
17003
+ }], paddingVertical: [{
17008
17004
  type: Input,
17009
- args: ['extended--laptop']
17010
- }], extendedDesktop: [{
17005
+ args: ['padding-vertical']
17006
+ }], paddingHorizontal: [{
17011
17007
  type: Input,
17012
- args: ['extended--desktop']
17008
+ args: ['padding-horizontal']
17013
17009
  }], grow: [{
17014
17010
  type: Input
17015
17011
  }], growMobile: [{
@@ -17140,123 +17136,298 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17140
17136
  }], orderDesktop: [{
17141
17137
  type: Input,
17142
17138
  args: ['order--desktop']
17143
- }], event: [{
17144
- type: Output
17145
17139
  }] } });
17146
17140
  /**
17147
- * @description Type-only wrapper for <px-select>
17141
+ * @description Type-only wrapper for <px-spacer>
17148
17142
  */
17149
- class PxSelect {
17143
+ class PxSpacer {
17150
17144
  elementRef;
17151
- set state(value) {
17152
- this.elementRef.nativeElement['state'] = value;
17145
+ set grow(value) {
17146
+ this.elementRef.nativeElement['grow'] = value;
17153
17147
  }
17154
- get state() {
17155
- return this.elementRef.nativeElement['state'];
17148
+ get grow() {
17149
+ return this.elementRef.nativeElement['grow'];
17156
17150
  }
17157
- set extended(value) {
17158
- this.elementRef.nativeElement['extended'] = value;
17151
+ set nogap(value) {
17152
+ this.elementRef.nativeElement['nogap'] = value;
17159
17153
  }
17160
- get extended() {
17161
- return this.elementRef.nativeElement['extended'];
17154
+ get nogap() {
17155
+ return this.elementRef.nativeElement['nogap'];
17162
17156
  }
17163
- set extendedMobile(value) {
17164
- this.elementRef.nativeElement['extendedMobile'] = value;
17157
+ constructor(elementRef) {
17158
+ this.elementRef = elementRef;
17165
17159
  }
17166
- get extendedMobile() {
17167
- return this.elementRef.nativeElement['extendedMobile'];
17160
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17161
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
17162
+ }
17163
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
17164
+ type: Directive,
17165
+ args: [{
17166
+ selector: 'px-spacer',
17167
+ }]
17168
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
17169
+ type: Input
17170
+ }], nogap: [{
17171
+ type: Input
17172
+ }] } });
17173
+ /**
17174
+ * @description Type-only wrapper for <px-stack>
17175
+ */
17176
+ class PxStack {
17177
+ elementRef;
17178
+ set direction(value) {
17179
+ this.elementRef.nativeElement['direction'] = value;
17168
17180
  }
17169
- set extendedTablet(value) {
17170
- this.elementRef.nativeElement['extendedTablet'] = value;
17181
+ get direction() {
17182
+ return this.elementRef.nativeElement['direction'];
17171
17183
  }
17172
- get extendedTablet() {
17173
- return this.elementRef.nativeElement['extendedTablet'];
17184
+ set directionMobile(value) {
17185
+ this.elementRef.nativeElement['directionMobile'] = value;
17174
17186
  }
17175
- set extendedLaptop(value) {
17176
- this.elementRef.nativeElement['extendedLaptop'] = value;
17187
+ get directionMobile() {
17188
+ return this.elementRef.nativeElement['directionMobile'];
17177
17189
  }
17178
- get extendedLaptop() {
17179
- return this.elementRef.nativeElement['extendedLaptop'];
17190
+ set directionTablet(value) {
17191
+ this.elementRef.nativeElement['directionTablet'] = value;
17180
17192
  }
17181
- set extendedDesktop(value) {
17182
- this.elementRef.nativeElement['extendedDesktop'] = value;
17193
+ get directionTablet() {
17194
+ return this.elementRef.nativeElement['directionTablet'];
17183
17195
  }
17184
- get extendedDesktop() {
17185
- return this.elementRef.nativeElement['extendedDesktop'];
17196
+ set directionLaptop(value) {
17197
+ this.elementRef.nativeElement['directionLaptop'] = value;
17186
17198
  }
17187
- set grow(value) {
17188
- this.elementRef.nativeElement['grow'] = value;
17199
+ get directionLaptop() {
17200
+ return this.elementRef.nativeElement['directionLaptop'];
17189
17201
  }
17190
- get grow() {
17191
- return this.elementRef.nativeElement['grow'];
17202
+ set directionDesktop(value) {
17203
+ this.elementRef.nativeElement['directionDesktop'] = value;
17192
17204
  }
17193
- set growMobile(value) {
17194
- this.elementRef.nativeElement['growMobile'] = value;
17205
+ get directionDesktop() {
17206
+ return this.elementRef.nativeElement['directionDesktop'];
17195
17207
  }
17196
- get growMobile() {
17197
- return this.elementRef.nativeElement['growMobile'];
17208
+ set gap(value) {
17209
+ this.elementRef.nativeElement['gap'] = value;
17198
17210
  }
17199
- set growTablet(value) {
17200
- this.elementRef.nativeElement['growTablet'] = value;
17211
+ get gap() {
17212
+ return this.elementRef.nativeElement['gap'];
17201
17213
  }
17202
- get growTablet() {
17203
- return this.elementRef.nativeElement['growTablet'];
17214
+ set gapMobile(value) {
17215
+ this.elementRef.nativeElement['gapMobile'] = value;
17204
17216
  }
17205
- set growLaptop(value) {
17206
- this.elementRef.nativeElement['growLaptop'] = value;
17217
+ get gapMobile() {
17218
+ return this.elementRef.nativeElement['gapMobile'];
17207
17219
  }
17208
- get growLaptop() {
17209
- return this.elementRef.nativeElement['growLaptop'];
17220
+ set gapTablet(value) {
17221
+ this.elementRef.nativeElement['gapTablet'] = value;
17210
17222
  }
17211
- set growDesktop(value) {
17212
- this.elementRef.nativeElement['growDesktop'] = value;
17223
+ get gapTablet() {
17224
+ return this.elementRef.nativeElement['gapTablet'];
17213
17225
  }
17214
- get growDesktop() {
17215
- return this.elementRef.nativeElement['growDesktop'];
17226
+ set gapLaptop(value) {
17227
+ this.elementRef.nativeElement['gapLaptop'] = value;
17216
17228
  }
17217
- set shrink(value) {
17218
- this.elementRef.nativeElement['shrink'] = value;
17229
+ get gapLaptop() {
17230
+ return this.elementRef.nativeElement['gapLaptop'];
17219
17231
  }
17220
- get shrink() {
17221
- return this.elementRef.nativeElement['shrink'];
17232
+ set gapDesktop(value) {
17233
+ this.elementRef.nativeElement['gapDesktop'] = value;
17222
17234
  }
17223
- set shrinkMobile(value) {
17224
- this.elementRef.nativeElement['shrinkMobile'] = value;
17235
+ get gapDesktop() {
17236
+ return this.elementRef.nativeElement['gapDesktop'];
17225
17237
  }
17226
- get shrinkMobile() {
17227
- return this.elementRef.nativeElement['shrinkMobile'];
17238
+ set justifyContent(value) {
17239
+ this.elementRef.nativeElement['justifyContent'] = value;
17228
17240
  }
17229
- set shrinkTablet(value) {
17230
- this.elementRef.nativeElement['shrinkTablet'] = value;
17241
+ get justifyContent() {
17242
+ return this.elementRef.nativeElement['justifyContent'];
17231
17243
  }
17232
- get shrinkTablet() {
17233
- return this.elementRef.nativeElement['shrinkTablet'];
17244
+ set justifyContentMobile(value) {
17245
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
17234
17246
  }
17235
- set shrinkLaptop(value) {
17236
- this.elementRef.nativeElement['shrinkLaptop'] = value;
17247
+ get justifyContentMobile() {
17248
+ return this.elementRef.nativeElement['justifyContentMobile'];
17237
17249
  }
17238
- get shrinkLaptop() {
17239
- return this.elementRef.nativeElement['shrinkLaptop'];
17250
+ set justifyContentTablet(value) {
17251
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
17240
17252
  }
17241
- set shrinkDesktop(value) {
17242
- this.elementRef.nativeElement['shrinkDesktop'] = value;
17253
+ get justifyContentTablet() {
17254
+ return this.elementRef.nativeElement['justifyContentTablet'];
17243
17255
  }
17244
- get shrinkDesktop() {
17245
- return this.elementRef.nativeElement['shrinkDesktop'];
17256
+ set justifyContentLaptop(value) {
17257
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
17246
17258
  }
17247
- set basis(value) {
17248
- this.elementRef.nativeElement['basis'] = value;
17259
+ get justifyContentLaptop() {
17260
+ return this.elementRef.nativeElement['justifyContentLaptop'];
17249
17261
  }
17250
- get basis() {
17251
- return this.elementRef.nativeElement['basis'];
17262
+ set justifyContentDesktop(value) {
17263
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
17252
17264
  }
17253
- set basisMobile(value) {
17254
- this.elementRef.nativeElement['basisMobile'] = value;
17265
+ get justifyContentDesktop() {
17266
+ return this.elementRef.nativeElement['justifyContentDesktop'];
17255
17267
  }
17256
- get basisMobile() {
17257
- return this.elementRef.nativeElement['basisMobile'];
17268
+ set alignItems(value) {
17269
+ this.elementRef.nativeElement['alignItems'] = value;
17258
17270
  }
17259
- set basisTablet(value) {
17271
+ get alignItems() {
17272
+ return this.elementRef.nativeElement['alignItems'];
17273
+ }
17274
+ set alignItemsMobile(value) {
17275
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
17276
+ }
17277
+ get alignItemsMobile() {
17278
+ return this.elementRef.nativeElement['alignItemsMobile'];
17279
+ }
17280
+ set alignItemsTablet(value) {
17281
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
17282
+ }
17283
+ get alignItemsTablet() {
17284
+ return this.elementRef.nativeElement['alignItemsTablet'];
17285
+ }
17286
+ set alignItemsLaptop(value) {
17287
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
17288
+ }
17289
+ get alignItemsLaptop() {
17290
+ return this.elementRef.nativeElement['alignItemsLaptop'];
17291
+ }
17292
+ set alignItemsDesktop(value) {
17293
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
17294
+ }
17295
+ get alignItemsDesktop() {
17296
+ return this.elementRef.nativeElement['alignItemsDesktop'];
17297
+ }
17298
+ set wrap(value) {
17299
+ this.elementRef.nativeElement['wrap'] = value;
17300
+ }
17301
+ get wrap() {
17302
+ return this.elementRef.nativeElement['wrap'];
17303
+ }
17304
+ set wrapMobile(value) {
17305
+ this.elementRef.nativeElement['wrapMobile'] = value;
17306
+ }
17307
+ get wrapMobile() {
17308
+ return this.elementRef.nativeElement['wrapMobile'];
17309
+ }
17310
+ set wrapTablet(value) {
17311
+ this.elementRef.nativeElement['wrapTablet'] = value;
17312
+ }
17313
+ get wrapTablet() {
17314
+ return this.elementRef.nativeElement['wrapTablet'];
17315
+ }
17316
+ set wrapLaptop(value) {
17317
+ this.elementRef.nativeElement['wrapLaptop'] = value;
17318
+ }
17319
+ get wrapLaptop() {
17320
+ return this.elementRef.nativeElement['wrapLaptop'];
17321
+ }
17322
+ set wrapDesktop(value) {
17323
+ this.elementRef.nativeElement['wrapDesktop'] = value;
17324
+ }
17325
+ get wrapDesktop() {
17326
+ return this.elementRef.nativeElement['wrapDesktop'];
17327
+ }
17328
+ set overflowX(value) {
17329
+ this.elementRef.nativeElement['overflowX'] = value;
17330
+ }
17331
+ get overflowX() {
17332
+ return this.elementRef.nativeElement['overflowX'];
17333
+ }
17334
+ set overflowXMobile(value) {
17335
+ this.elementRef.nativeElement['overflowXMobile'] = value;
17336
+ }
17337
+ get overflowXMobile() {
17338
+ return this.elementRef.nativeElement['overflowXMobile'];
17339
+ }
17340
+ set overflowXTablet(value) {
17341
+ this.elementRef.nativeElement['overflowXTablet'] = value;
17342
+ }
17343
+ get overflowXTablet() {
17344
+ return this.elementRef.nativeElement['overflowXTablet'];
17345
+ }
17346
+ set overflowXLaptop(value) {
17347
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
17348
+ }
17349
+ get overflowXLaptop() {
17350
+ return this.elementRef.nativeElement['overflowXLaptop'];
17351
+ }
17352
+ set overflowXDesktop(value) {
17353
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
17354
+ }
17355
+ get overflowXDesktop() {
17356
+ return this.elementRef.nativeElement['overflowXDesktop'];
17357
+ }
17358
+ set grow(value) {
17359
+ this.elementRef.nativeElement['grow'] = value;
17360
+ }
17361
+ get grow() {
17362
+ return this.elementRef.nativeElement['grow'];
17363
+ }
17364
+ set growMobile(value) {
17365
+ this.elementRef.nativeElement['growMobile'] = value;
17366
+ }
17367
+ get growMobile() {
17368
+ return this.elementRef.nativeElement['growMobile'];
17369
+ }
17370
+ set growTablet(value) {
17371
+ this.elementRef.nativeElement['growTablet'] = value;
17372
+ }
17373
+ get growTablet() {
17374
+ return this.elementRef.nativeElement['growTablet'];
17375
+ }
17376
+ set growLaptop(value) {
17377
+ this.elementRef.nativeElement['growLaptop'] = value;
17378
+ }
17379
+ get growLaptop() {
17380
+ return this.elementRef.nativeElement['growLaptop'];
17381
+ }
17382
+ set growDesktop(value) {
17383
+ this.elementRef.nativeElement['growDesktop'] = value;
17384
+ }
17385
+ get growDesktop() {
17386
+ return this.elementRef.nativeElement['growDesktop'];
17387
+ }
17388
+ set shrink(value) {
17389
+ this.elementRef.nativeElement['shrink'] = value;
17390
+ }
17391
+ get shrink() {
17392
+ return this.elementRef.nativeElement['shrink'];
17393
+ }
17394
+ set shrinkMobile(value) {
17395
+ this.elementRef.nativeElement['shrinkMobile'] = value;
17396
+ }
17397
+ get shrinkMobile() {
17398
+ return this.elementRef.nativeElement['shrinkMobile'];
17399
+ }
17400
+ set shrinkTablet(value) {
17401
+ this.elementRef.nativeElement['shrinkTablet'] = value;
17402
+ }
17403
+ get shrinkTablet() {
17404
+ return this.elementRef.nativeElement['shrinkTablet'];
17405
+ }
17406
+ set shrinkLaptop(value) {
17407
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
17408
+ }
17409
+ get shrinkLaptop() {
17410
+ return this.elementRef.nativeElement['shrinkLaptop'];
17411
+ }
17412
+ set shrinkDesktop(value) {
17413
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
17414
+ }
17415
+ get shrinkDesktop() {
17416
+ return this.elementRef.nativeElement['shrinkDesktop'];
17417
+ }
17418
+ set basis(value) {
17419
+ this.elementRef.nativeElement['basis'] = value;
17420
+ }
17421
+ get basis() {
17422
+ return this.elementRef.nativeElement['basis'];
17423
+ }
17424
+ set basisMobile(value) {
17425
+ this.elementRef.nativeElement['basisMobile'] = value;
17426
+ }
17427
+ get basisMobile() {
17428
+ return this.elementRef.nativeElement['basisMobile'];
17429
+ }
17430
+ set basisTablet(value) {
17260
17431
  this.elementRef.nativeElement['basisTablet'] = value;
17261
17432
  }
17262
17433
  get basisTablet() {
@@ -17454,88 +17625,155 @@ class PxSelect {
17454
17625
  get orderDesktop() {
17455
17626
  return this.elementRef.nativeElement['orderDesktop'];
17456
17627
  }
17457
- event = new EventEmitter();
17458
17628
  constructor(elementRef) {
17459
17629
  this.elementRef = elementRef;
17460
- this.elementRef.nativeElement.addEventListener('event', (e) => {
17461
- this.event.emit(e.detail);
17462
- });
17463
17630
  }
17464
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17465
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelect, selector: "px-select", 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"] }, outputs: { event: "event" }, ngImport: i0 });
17631
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17632
+ 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"] }, ngImport: i0 });
17466
17633
  }
17467
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
17634
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
17468
17635
  type: Directive,
17469
17636
  args: [{
17470
- selector: 'px-select',
17637
+ selector: 'px-stack',
17471
17638
  }]
17472
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
17473
- type: Input
17474
- }], extended: [{
17639
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
17475
17640
  type: Input
17476
- }], extendedMobile: [{
17641
+ }], directionMobile: [{
17477
17642
  type: Input,
17478
- args: ['extended--mobile']
17479
- }], extendedTablet: [{
17643
+ args: ['direction--mobile']
17644
+ }], directionTablet: [{
17480
17645
  type: Input,
17481
- args: ['extended--tablet']
17482
- }], extendedLaptop: [{
17646
+ args: ['direction--tablet']
17647
+ }], directionLaptop: [{
17483
17648
  type: Input,
17484
- args: ['extended--laptop']
17485
- }], extendedDesktop: [{
17649
+ args: ['direction--laptop']
17650
+ }], directionDesktop: [{
17486
17651
  type: Input,
17487
- args: ['extended--desktop']
17488
- }], grow: [{
17652
+ args: ['direction--desktop']
17653
+ }], gap: [{
17489
17654
  type: Input
17490
- }], growMobile: [{
17491
- type: Input,
17492
- args: ['grow--mobile']
17493
- }], growTablet: [{
17655
+ }], gapMobile: [{
17494
17656
  type: Input,
17495
- args: ['grow--tablet']
17496
- }], growLaptop: [{
17657
+ args: ['gap--mobile']
17658
+ }], gapTablet: [{
17497
17659
  type: Input,
17498
- args: ['grow--laptop']
17499
- }], growDesktop: [{
17660
+ args: ['gap--tablet']
17661
+ }], gapLaptop: [{
17500
17662
  type: Input,
17501
- args: ['grow--desktop']
17502
- }], shrink: [{
17503
- type: Input
17504
- }], shrinkMobile: [{
17663
+ args: ['gap--laptop']
17664
+ }], gapDesktop: [{
17505
17665
  type: Input,
17506
- args: ['shrink--mobile']
17507
- }], shrinkTablet: [{
17666
+ args: ['gap--desktop']
17667
+ }], justifyContent: [{
17508
17668
  type: Input,
17509
- args: ['shrink--tablet']
17510
- }], shrinkLaptop: [{
17669
+ args: ['justify-content']
17670
+ }], justifyContentMobile: [{
17511
17671
  type: Input,
17512
- args: ['shrink--laptop']
17513
- }], shrinkDesktop: [{
17672
+ args: ['justify-content--mobile']
17673
+ }], justifyContentTablet: [{
17514
17674
  type: Input,
17515
- args: ['shrink--desktop']
17516
- }], basis: [{
17517
- type: Input
17518
- }], basisMobile: [{
17675
+ args: ['justify-content--tablet']
17676
+ }], justifyContentLaptop: [{
17519
17677
  type: Input,
17520
- args: ['basis--mobile']
17521
- }], basisTablet: [{
17678
+ args: ['justify-content--laptop']
17679
+ }], justifyContentDesktop: [{
17522
17680
  type: Input,
17523
- args: ['basis--tablet']
17524
- }], basisLaptop: [{
17681
+ args: ['justify-content--desktop']
17682
+ }], alignItems: [{
17525
17683
  type: Input,
17526
- args: ['basis--laptop']
17527
- }], basisDesktop: [{
17684
+ args: ['align-items']
17685
+ }], alignItemsMobile: [{
17528
17686
  type: Input,
17529
- args: ['basis--desktop']
17530
- }], alignSelf: [{
17687
+ args: ['align-items--mobile']
17688
+ }], alignItemsTablet: [{
17531
17689
  type: Input,
17532
- args: ['align-self']
17533
- }], alignSelfMobile: [{
17690
+ args: ['align-items--tablet']
17691
+ }], alignItemsLaptop: [{
17534
17692
  type: Input,
17535
- args: ['align-self--mobile']
17536
- }], alignSelfTablet: [{
17693
+ args: ['align-items--laptop']
17694
+ }], alignItemsDesktop: [{
17537
17695
  type: Input,
17538
- args: ['align-self--tablet']
17696
+ args: ['align-items--desktop']
17697
+ }], wrap: [{
17698
+ type: Input
17699
+ }], wrapMobile: [{
17700
+ type: Input,
17701
+ args: ['wrap--mobile']
17702
+ }], wrapTablet: [{
17703
+ type: Input,
17704
+ args: ['wrap--tablet']
17705
+ }], wrapLaptop: [{
17706
+ type: Input,
17707
+ args: ['wrap--laptop']
17708
+ }], wrapDesktop: [{
17709
+ type: Input,
17710
+ args: ['wrap--desktop']
17711
+ }], overflowX: [{
17712
+ type: Input,
17713
+ args: ['overflow-x']
17714
+ }], overflowXMobile: [{
17715
+ type: Input,
17716
+ args: ['overflow-x--mobile']
17717
+ }], overflowXTablet: [{
17718
+ type: Input,
17719
+ args: ['overflow-x--tablet']
17720
+ }], overflowXLaptop: [{
17721
+ type: Input,
17722
+ args: ['overflow-x--laptop']
17723
+ }], overflowXDesktop: [{
17724
+ type: Input,
17725
+ args: ['overflow-x--desktop']
17726
+ }], grow: [{
17727
+ type: Input
17728
+ }], growMobile: [{
17729
+ type: Input,
17730
+ args: ['grow--mobile']
17731
+ }], growTablet: [{
17732
+ type: Input,
17733
+ args: ['grow--tablet']
17734
+ }], growLaptop: [{
17735
+ type: Input,
17736
+ args: ['grow--laptop']
17737
+ }], growDesktop: [{
17738
+ type: Input,
17739
+ args: ['grow--desktop']
17740
+ }], shrink: [{
17741
+ type: Input
17742
+ }], shrinkMobile: [{
17743
+ type: Input,
17744
+ args: ['shrink--mobile']
17745
+ }], shrinkTablet: [{
17746
+ type: Input,
17747
+ args: ['shrink--tablet']
17748
+ }], shrinkLaptop: [{
17749
+ type: Input,
17750
+ args: ['shrink--laptop']
17751
+ }], shrinkDesktop: [{
17752
+ type: Input,
17753
+ args: ['shrink--desktop']
17754
+ }], basis: [{
17755
+ type: Input
17756
+ }], basisMobile: [{
17757
+ type: Input,
17758
+ args: ['basis--mobile']
17759
+ }], basisTablet: [{
17760
+ type: Input,
17761
+ args: ['basis--tablet']
17762
+ }], basisLaptop: [{
17763
+ type: Input,
17764
+ args: ['basis--laptop']
17765
+ }], basisDesktop: [{
17766
+ type: Input,
17767
+ args: ['basis--desktop']
17768
+ }], alignSelf: [{
17769
+ type: Input,
17770
+ args: ['align-self']
17771
+ }], alignSelfMobile: [{
17772
+ type: Input,
17773
+ args: ['align-self--mobile']
17774
+ }], alignSelfTablet: [{
17775
+ type: Input,
17776
+ args: ['align-self--tablet']
17539
17777
  }], alignSelfLaptop: [{
17540
17778
  type: Input,
17541
17779
  args: ['align-self--laptop']
@@ -17615,141 +17853,283 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17615
17853
  }], orderDesktop: [{
17616
17854
  type: Input,
17617
17855
  args: ['order--desktop']
17618
- }], event: [{
17619
- type: Output
17620
17856
  }] } });
17621
17857
  /**
17622
- * @description Type-only wrapper for <px-textarea>
17858
+ * @description Type-only wrapper for <px-vstack>
17623
17859
  */
17624
- class PxTextarea {
17860
+ class PxVstack {
17625
17861
  elementRef;
17626
- set state(value) {
17627
- this.elementRef.nativeElement['state'] = value;
17862
+ set direction(value) {
17863
+ this.elementRef.nativeElement['direction'] = value;
17628
17864
  }
17629
- get state() {
17630
- return this.elementRef.nativeElement['state'];
17865
+ get direction() {
17866
+ return this.elementRef.nativeElement['direction'];
17631
17867
  }
17632
- set extended(value) {
17633
- this.elementRef.nativeElement['extended'] = value;
17868
+ set directionMobile(value) {
17869
+ this.elementRef.nativeElement['directionMobile'] = value;
17634
17870
  }
17635
- get extended() {
17636
- return this.elementRef.nativeElement['extended'];
17871
+ get directionMobile() {
17872
+ return this.elementRef.nativeElement['directionMobile'];
17637
17873
  }
17638
- set extendedMobile(value) {
17639
- this.elementRef.nativeElement['extendedMobile'] = value;
17874
+ set directionTablet(value) {
17875
+ this.elementRef.nativeElement['directionTablet'] = value;
17640
17876
  }
17641
- get extendedMobile() {
17642
- return this.elementRef.nativeElement['extendedMobile'];
17877
+ get directionTablet() {
17878
+ return this.elementRef.nativeElement['directionTablet'];
17643
17879
  }
17644
- set extendedTablet(value) {
17645
- this.elementRef.nativeElement['extendedTablet'] = value;
17880
+ set directionLaptop(value) {
17881
+ this.elementRef.nativeElement['directionLaptop'] = value;
17646
17882
  }
17647
- get extendedTablet() {
17648
- return this.elementRef.nativeElement['extendedTablet'];
17883
+ get directionLaptop() {
17884
+ return this.elementRef.nativeElement['directionLaptop'];
17649
17885
  }
17650
- set extendedLaptop(value) {
17651
- this.elementRef.nativeElement['extendedLaptop'] = value;
17886
+ set directionDesktop(value) {
17887
+ this.elementRef.nativeElement['directionDesktop'] = value;
17652
17888
  }
17653
- get extendedLaptop() {
17654
- return this.elementRef.nativeElement['extendedLaptop'];
17889
+ get directionDesktop() {
17890
+ return this.elementRef.nativeElement['directionDesktop'];
17655
17891
  }
17656
- set extendedDesktop(value) {
17657
- this.elementRef.nativeElement['extendedDesktop'] = value;
17892
+ set gap(value) {
17893
+ this.elementRef.nativeElement['gap'] = value;
17658
17894
  }
17659
- get extendedDesktop() {
17660
- return this.elementRef.nativeElement['extendedDesktop'];
17895
+ get gap() {
17896
+ return this.elementRef.nativeElement['gap'];
17661
17897
  }
17662
- set grow(value) {
17663
- this.elementRef.nativeElement['grow'] = value;
17898
+ set gapMobile(value) {
17899
+ this.elementRef.nativeElement['gapMobile'] = value;
17664
17900
  }
17665
- get grow() {
17666
- return this.elementRef.nativeElement['grow'];
17901
+ get gapMobile() {
17902
+ return this.elementRef.nativeElement['gapMobile'];
17667
17903
  }
17668
- set growMobile(value) {
17669
- this.elementRef.nativeElement['growMobile'] = value;
17904
+ set gapTablet(value) {
17905
+ this.elementRef.nativeElement['gapTablet'] = value;
17670
17906
  }
17671
- get growMobile() {
17672
- return this.elementRef.nativeElement['growMobile'];
17907
+ get gapTablet() {
17908
+ return this.elementRef.nativeElement['gapTablet'];
17673
17909
  }
17674
- set growTablet(value) {
17675
- this.elementRef.nativeElement['growTablet'] = value;
17910
+ set gapLaptop(value) {
17911
+ this.elementRef.nativeElement['gapLaptop'] = value;
17676
17912
  }
17677
- get growTablet() {
17678
- return this.elementRef.nativeElement['growTablet'];
17913
+ get gapLaptop() {
17914
+ return this.elementRef.nativeElement['gapLaptop'];
17679
17915
  }
17680
- set growLaptop(value) {
17681
- this.elementRef.nativeElement['growLaptop'] = value;
17916
+ set gapDesktop(value) {
17917
+ this.elementRef.nativeElement['gapDesktop'] = value;
17682
17918
  }
17683
- get growLaptop() {
17684
- return this.elementRef.nativeElement['growLaptop'];
17919
+ get gapDesktop() {
17920
+ return this.elementRef.nativeElement['gapDesktop'];
17685
17921
  }
17686
- set growDesktop(value) {
17687
- this.elementRef.nativeElement['growDesktop'] = value;
17922
+ set justifyContent(value) {
17923
+ this.elementRef.nativeElement['justifyContent'] = value;
17688
17924
  }
17689
- get growDesktop() {
17690
- return this.elementRef.nativeElement['growDesktop'];
17925
+ get justifyContent() {
17926
+ return this.elementRef.nativeElement['justifyContent'];
17691
17927
  }
17692
- set shrink(value) {
17693
- this.elementRef.nativeElement['shrink'] = value;
17928
+ set justifyContentMobile(value) {
17929
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
17694
17930
  }
17695
- get shrink() {
17696
- return this.elementRef.nativeElement['shrink'];
17931
+ get justifyContentMobile() {
17932
+ return this.elementRef.nativeElement['justifyContentMobile'];
17697
17933
  }
17698
- set shrinkMobile(value) {
17699
- this.elementRef.nativeElement['shrinkMobile'] = value;
17934
+ set justifyContentTablet(value) {
17935
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
17700
17936
  }
17701
- get shrinkMobile() {
17702
- return this.elementRef.nativeElement['shrinkMobile'];
17937
+ get justifyContentTablet() {
17938
+ return this.elementRef.nativeElement['justifyContentTablet'];
17703
17939
  }
17704
- set shrinkTablet(value) {
17705
- this.elementRef.nativeElement['shrinkTablet'] = value;
17940
+ set justifyContentLaptop(value) {
17941
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
17706
17942
  }
17707
- get shrinkTablet() {
17708
- return this.elementRef.nativeElement['shrinkTablet'];
17943
+ get justifyContentLaptop() {
17944
+ return this.elementRef.nativeElement['justifyContentLaptop'];
17709
17945
  }
17710
- set shrinkLaptop(value) {
17711
- this.elementRef.nativeElement['shrinkLaptop'] = value;
17946
+ set justifyContentDesktop(value) {
17947
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
17712
17948
  }
17713
- get shrinkLaptop() {
17714
- return this.elementRef.nativeElement['shrinkLaptop'];
17949
+ get justifyContentDesktop() {
17950
+ return this.elementRef.nativeElement['justifyContentDesktop'];
17715
17951
  }
17716
- set shrinkDesktop(value) {
17717
- this.elementRef.nativeElement['shrinkDesktop'] = value;
17952
+ set alignItems(value) {
17953
+ this.elementRef.nativeElement['alignItems'] = value;
17718
17954
  }
17719
- get shrinkDesktop() {
17720
- return this.elementRef.nativeElement['shrinkDesktop'];
17955
+ get alignItems() {
17956
+ return this.elementRef.nativeElement['alignItems'];
17721
17957
  }
17722
- set basis(value) {
17723
- this.elementRef.nativeElement['basis'] = value;
17958
+ set alignItemsMobile(value) {
17959
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
17724
17960
  }
17725
- get basis() {
17726
- return this.elementRef.nativeElement['basis'];
17961
+ get alignItemsMobile() {
17962
+ return this.elementRef.nativeElement['alignItemsMobile'];
17727
17963
  }
17728
- set basisMobile(value) {
17729
- this.elementRef.nativeElement['basisMobile'] = value;
17964
+ set alignItemsTablet(value) {
17965
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
17730
17966
  }
17731
- get basisMobile() {
17732
- return this.elementRef.nativeElement['basisMobile'];
17967
+ get alignItemsTablet() {
17968
+ return this.elementRef.nativeElement['alignItemsTablet'];
17733
17969
  }
17734
- set basisTablet(value) {
17735
- this.elementRef.nativeElement['basisTablet'] = value;
17970
+ set alignItemsLaptop(value) {
17971
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
17736
17972
  }
17737
- get basisTablet() {
17738
- return this.elementRef.nativeElement['basisTablet'];
17973
+ get alignItemsLaptop() {
17974
+ return this.elementRef.nativeElement['alignItemsLaptop'];
17739
17975
  }
17740
- set basisLaptop(value) {
17741
- this.elementRef.nativeElement['basisLaptop'] = value;
17976
+ set alignItemsDesktop(value) {
17977
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
17742
17978
  }
17743
- get basisLaptop() {
17744
- return this.elementRef.nativeElement['basisLaptop'];
17979
+ get alignItemsDesktop() {
17980
+ return this.elementRef.nativeElement['alignItemsDesktop'];
17745
17981
  }
17746
- set basisDesktop(value) {
17747
- this.elementRef.nativeElement['basisDesktop'] = value;
17982
+ set wrap(value) {
17983
+ this.elementRef.nativeElement['wrap'] = value;
17748
17984
  }
17749
- get basisDesktop() {
17750
- return this.elementRef.nativeElement['basisDesktop'];
17985
+ get wrap() {
17986
+ return this.elementRef.nativeElement['wrap'];
17751
17987
  }
17752
- set alignSelf(value) {
17988
+ set wrapMobile(value) {
17989
+ this.elementRef.nativeElement['wrapMobile'] = value;
17990
+ }
17991
+ get wrapMobile() {
17992
+ return this.elementRef.nativeElement['wrapMobile'];
17993
+ }
17994
+ set wrapTablet(value) {
17995
+ this.elementRef.nativeElement['wrapTablet'] = value;
17996
+ }
17997
+ get wrapTablet() {
17998
+ return this.elementRef.nativeElement['wrapTablet'];
17999
+ }
18000
+ set wrapLaptop(value) {
18001
+ this.elementRef.nativeElement['wrapLaptop'] = value;
18002
+ }
18003
+ get wrapLaptop() {
18004
+ return this.elementRef.nativeElement['wrapLaptop'];
18005
+ }
18006
+ set wrapDesktop(value) {
18007
+ this.elementRef.nativeElement['wrapDesktop'] = value;
18008
+ }
18009
+ get wrapDesktop() {
18010
+ return this.elementRef.nativeElement['wrapDesktop'];
18011
+ }
18012
+ set overflowX(value) {
18013
+ this.elementRef.nativeElement['overflowX'] = value;
18014
+ }
18015
+ get overflowX() {
18016
+ return this.elementRef.nativeElement['overflowX'];
18017
+ }
18018
+ set overflowXMobile(value) {
18019
+ this.elementRef.nativeElement['overflowXMobile'] = value;
18020
+ }
18021
+ get overflowXMobile() {
18022
+ return this.elementRef.nativeElement['overflowXMobile'];
18023
+ }
18024
+ set overflowXTablet(value) {
18025
+ this.elementRef.nativeElement['overflowXTablet'] = value;
18026
+ }
18027
+ get overflowXTablet() {
18028
+ return this.elementRef.nativeElement['overflowXTablet'];
18029
+ }
18030
+ set overflowXLaptop(value) {
18031
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
18032
+ }
18033
+ get overflowXLaptop() {
18034
+ return this.elementRef.nativeElement['overflowXLaptop'];
18035
+ }
18036
+ set overflowXDesktop(value) {
18037
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
18038
+ }
18039
+ get overflowXDesktop() {
18040
+ return this.elementRef.nativeElement['overflowXDesktop'];
18041
+ }
18042
+ set grow(value) {
18043
+ this.elementRef.nativeElement['grow'] = value;
18044
+ }
18045
+ get grow() {
18046
+ return this.elementRef.nativeElement['grow'];
18047
+ }
18048
+ set growMobile(value) {
18049
+ this.elementRef.nativeElement['growMobile'] = value;
18050
+ }
18051
+ get growMobile() {
18052
+ return this.elementRef.nativeElement['growMobile'];
18053
+ }
18054
+ set growTablet(value) {
18055
+ this.elementRef.nativeElement['growTablet'] = value;
18056
+ }
18057
+ get growTablet() {
18058
+ return this.elementRef.nativeElement['growTablet'];
18059
+ }
18060
+ set growLaptop(value) {
18061
+ this.elementRef.nativeElement['growLaptop'] = value;
18062
+ }
18063
+ get growLaptop() {
18064
+ return this.elementRef.nativeElement['growLaptop'];
18065
+ }
18066
+ set growDesktop(value) {
18067
+ this.elementRef.nativeElement['growDesktop'] = value;
18068
+ }
18069
+ get growDesktop() {
18070
+ return this.elementRef.nativeElement['growDesktop'];
18071
+ }
18072
+ set shrink(value) {
18073
+ this.elementRef.nativeElement['shrink'] = value;
18074
+ }
18075
+ get shrink() {
18076
+ return this.elementRef.nativeElement['shrink'];
18077
+ }
18078
+ set shrinkMobile(value) {
18079
+ this.elementRef.nativeElement['shrinkMobile'] = value;
18080
+ }
18081
+ get shrinkMobile() {
18082
+ return this.elementRef.nativeElement['shrinkMobile'];
18083
+ }
18084
+ set shrinkTablet(value) {
18085
+ this.elementRef.nativeElement['shrinkTablet'] = value;
18086
+ }
18087
+ get shrinkTablet() {
18088
+ return this.elementRef.nativeElement['shrinkTablet'];
18089
+ }
18090
+ set shrinkLaptop(value) {
18091
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
18092
+ }
18093
+ get shrinkLaptop() {
18094
+ return this.elementRef.nativeElement['shrinkLaptop'];
18095
+ }
18096
+ set shrinkDesktop(value) {
18097
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
18098
+ }
18099
+ get shrinkDesktop() {
18100
+ return this.elementRef.nativeElement['shrinkDesktop'];
18101
+ }
18102
+ set basis(value) {
18103
+ this.elementRef.nativeElement['basis'] = value;
18104
+ }
18105
+ get basis() {
18106
+ return this.elementRef.nativeElement['basis'];
18107
+ }
18108
+ set basisMobile(value) {
18109
+ this.elementRef.nativeElement['basisMobile'] = value;
18110
+ }
18111
+ get basisMobile() {
18112
+ return this.elementRef.nativeElement['basisMobile'];
18113
+ }
18114
+ set basisTablet(value) {
18115
+ this.elementRef.nativeElement['basisTablet'] = value;
18116
+ }
18117
+ get basisTablet() {
18118
+ return this.elementRef.nativeElement['basisTablet'];
18119
+ }
18120
+ set basisLaptop(value) {
18121
+ this.elementRef.nativeElement['basisLaptop'] = value;
18122
+ }
18123
+ get basisLaptop() {
18124
+ return this.elementRef.nativeElement['basisLaptop'];
18125
+ }
18126
+ set basisDesktop(value) {
18127
+ this.elementRef.nativeElement['basisDesktop'] = value;
18128
+ }
18129
+ get basisDesktop() {
18130
+ return this.elementRef.nativeElement['basisDesktop'];
18131
+ }
18132
+ set alignSelf(value) {
17753
18133
  this.elementRef.nativeElement['alignSelf'] = value;
17754
18134
  }
17755
18135
  get alignSelf() {
@@ -17929,37 +18309,104 @@ class PxTextarea {
17929
18309
  get orderDesktop() {
17930
18310
  return this.elementRef.nativeElement['orderDesktop'];
17931
18311
  }
17932
- event = new EventEmitter();
17933
18312
  constructor(elementRef) {
17934
18313
  this.elementRef = elementRef;
17935
- this.elementRef.nativeElement.addEventListener('event', (e) => {
17936
- this.event.emit(e.detail);
17937
- });
17938
18314
  }
17939
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17940
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTextarea, selector: "px-textarea", 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"] }, outputs: { event: "event" }, ngImport: i0 });
18315
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18316
+ 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"] }, ngImport: i0 });
17941
18317
  }
17942
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
18318
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
17943
18319
  type: Directive,
17944
18320
  args: [{
17945
- selector: 'px-textarea',
18321
+ selector: 'px-vstack',
17946
18322
  }]
17947
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18323
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
17948
18324
  type: Input
17949
- }], extended: [{
18325
+ }], directionMobile: [{
18326
+ type: Input,
18327
+ args: ['direction--mobile']
18328
+ }], directionTablet: [{
18329
+ type: Input,
18330
+ args: ['direction--tablet']
18331
+ }], directionLaptop: [{
18332
+ type: Input,
18333
+ args: ['direction--laptop']
18334
+ }], directionDesktop: [{
18335
+ type: Input,
18336
+ args: ['direction--desktop']
18337
+ }], gap: [{
17950
18338
  type: Input
17951
- }], extendedMobile: [{
18339
+ }], gapMobile: [{
17952
18340
  type: Input,
17953
- args: ['extended--mobile']
17954
- }], extendedTablet: [{
18341
+ args: ['gap--mobile']
18342
+ }], gapTablet: [{
17955
18343
  type: Input,
17956
- args: ['extended--tablet']
17957
- }], extendedLaptop: [{
18344
+ args: ['gap--tablet']
18345
+ }], gapLaptop: [{
17958
18346
  type: Input,
17959
- args: ['extended--laptop']
17960
- }], extendedDesktop: [{
18347
+ args: ['gap--laptop']
18348
+ }], gapDesktop: [{
17961
18349
  type: Input,
17962
- args: ['extended--desktop']
18350
+ args: ['gap--desktop']
18351
+ }], justifyContent: [{
18352
+ type: Input,
18353
+ args: ['justify-content']
18354
+ }], justifyContentMobile: [{
18355
+ type: Input,
18356
+ args: ['justify-content--mobile']
18357
+ }], justifyContentTablet: [{
18358
+ type: Input,
18359
+ args: ['justify-content--tablet']
18360
+ }], justifyContentLaptop: [{
18361
+ type: Input,
18362
+ args: ['justify-content--laptop']
18363
+ }], justifyContentDesktop: [{
18364
+ type: Input,
18365
+ args: ['justify-content--desktop']
18366
+ }], alignItems: [{
18367
+ type: Input,
18368
+ args: ['align-items']
18369
+ }], alignItemsMobile: [{
18370
+ type: Input,
18371
+ args: ['align-items--mobile']
18372
+ }], alignItemsTablet: [{
18373
+ type: Input,
18374
+ args: ['align-items--tablet']
18375
+ }], alignItemsLaptop: [{
18376
+ type: Input,
18377
+ args: ['align-items--laptop']
18378
+ }], alignItemsDesktop: [{
18379
+ type: Input,
18380
+ args: ['align-items--desktop']
18381
+ }], wrap: [{
18382
+ type: Input
18383
+ }], wrapMobile: [{
18384
+ type: Input,
18385
+ args: ['wrap--mobile']
18386
+ }], wrapTablet: [{
18387
+ type: Input,
18388
+ args: ['wrap--tablet']
18389
+ }], wrapLaptop: [{
18390
+ type: Input,
18391
+ args: ['wrap--laptop']
18392
+ }], wrapDesktop: [{
18393
+ type: Input,
18394
+ args: ['wrap--desktop']
18395
+ }], overflowX: [{
18396
+ type: Input,
18397
+ args: ['overflow-x']
18398
+ }], overflowXMobile: [{
18399
+ type: Input,
18400
+ args: ['overflow-x--mobile']
18401
+ }], overflowXTablet: [{
18402
+ type: Input,
18403
+ args: ['overflow-x--tablet']
18404
+ }], overflowXLaptop: [{
18405
+ type: Input,
18406
+ args: ['overflow-x--laptop']
18407
+ }], overflowXDesktop: [{
18408
+ type: Input,
18409
+ args: ['overflow-x--desktop']
17963
18410
  }], grow: [{
17964
18411
  type: Input
17965
18412
  }], growMobile: [{
@@ -18090,49 +18537,191 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18090
18537
  }], orderDesktop: [{
18091
18538
  type: Input,
18092
18539
  args: ['order--desktop']
18093
- }], event: [{
18094
- type: Output
18095
18540
  }] } });
18096
18541
  /**
18097
- * @description Type-only wrapper for <px-fileupload>
18542
+ * @description Type-only wrapper for <px-hstack>
18098
18543
  */
18099
- class PxFileupload {
18544
+ class PxHstack {
18100
18545
  elementRef;
18101
- set state(value) {
18102
- this.elementRef.nativeElement['state'] = value;
18546
+ set direction(value) {
18547
+ this.elementRef.nativeElement['direction'] = value;
18103
18548
  }
18104
- get state() {
18105
- return this.elementRef.nativeElement['state'];
18549
+ get direction() {
18550
+ return this.elementRef.nativeElement['direction'];
18106
18551
  }
18107
- set extended(value) {
18108
- this.elementRef.nativeElement['extended'] = value;
18552
+ set directionMobile(value) {
18553
+ this.elementRef.nativeElement['directionMobile'] = value;
18109
18554
  }
18110
- get extended() {
18111
- return this.elementRef.nativeElement['extended'];
18555
+ get directionMobile() {
18556
+ return this.elementRef.nativeElement['directionMobile'];
18112
18557
  }
18113
- set extendedMobile(value) {
18114
- this.elementRef.nativeElement['extendedMobile'] = value;
18558
+ set directionTablet(value) {
18559
+ this.elementRef.nativeElement['directionTablet'] = value;
18115
18560
  }
18116
- get extendedMobile() {
18117
- return this.elementRef.nativeElement['extendedMobile'];
18561
+ get directionTablet() {
18562
+ return this.elementRef.nativeElement['directionTablet'];
18118
18563
  }
18119
- set extendedTablet(value) {
18120
- this.elementRef.nativeElement['extendedTablet'] = value;
18564
+ set directionLaptop(value) {
18565
+ this.elementRef.nativeElement['directionLaptop'] = value;
18121
18566
  }
18122
- get extendedTablet() {
18123
- return this.elementRef.nativeElement['extendedTablet'];
18567
+ get directionLaptop() {
18568
+ return this.elementRef.nativeElement['directionLaptop'];
18124
18569
  }
18125
- set extendedLaptop(value) {
18126
- this.elementRef.nativeElement['extendedLaptop'] = value;
18570
+ set directionDesktop(value) {
18571
+ this.elementRef.nativeElement['directionDesktop'] = value;
18127
18572
  }
18128
- get extendedLaptop() {
18129
- return this.elementRef.nativeElement['extendedLaptop'];
18573
+ get directionDesktop() {
18574
+ return this.elementRef.nativeElement['directionDesktop'];
18130
18575
  }
18131
- set extendedDesktop(value) {
18132
- this.elementRef.nativeElement['extendedDesktop'] = value;
18576
+ set gap(value) {
18577
+ this.elementRef.nativeElement['gap'] = value;
18133
18578
  }
18134
- get extendedDesktop() {
18135
- return this.elementRef.nativeElement['extendedDesktop'];
18579
+ get gap() {
18580
+ return this.elementRef.nativeElement['gap'];
18581
+ }
18582
+ set gapMobile(value) {
18583
+ this.elementRef.nativeElement['gapMobile'] = value;
18584
+ }
18585
+ get gapMobile() {
18586
+ return this.elementRef.nativeElement['gapMobile'];
18587
+ }
18588
+ set gapTablet(value) {
18589
+ this.elementRef.nativeElement['gapTablet'] = value;
18590
+ }
18591
+ get gapTablet() {
18592
+ return this.elementRef.nativeElement['gapTablet'];
18593
+ }
18594
+ set gapLaptop(value) {
18595
+ this.elementRef.nativeElement['gapLaptop'] = value;
18596
+ }
18597
+ get gapLaptop() {
18598
+ return this.elementRef.nativeElement['gapLaptop'];
18599
+ }
18600
+ set gapDesktop(value) {
18601
+ this.elementRef.nativeElement['gapDesktop'] = value;
18602
+ }
18603
+ get gapDesktop() {
18604
+ return this.elementRef.nativeElement['gapDesktop'];
18605
+ }
18606
+ set justifyContent(value) {
18607
+ this.elementRef.nativeElement['justifyContent'] = value;
18608
+ }
18609
+ get justifyContent() {
18610
+ return this.elementRef.nativeElement['justifyContent'];
18611
+ }
18612
+ set justifyContentMobile(value) {
18613
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
18614
+ }
18615
+ get justifyContentMobile() {
18616
+ return this.elementRef.nativeElement['justifyContentMobile'];
18617
+ }
18618
+ set justifyContentTablet(value) {
18619
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
18620
+ }
18621
+ get justifyContentTablet() {
18622
+ return this.elementRef.nativeElement['justifyContentTablet'];
18623
+ }
18624
+ set justifyContentLaptop(value) {
18625
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
18626
+ }
18627
+ get justifyContentLaptop() {
18628
+ return this.elementRef.nativeElement['justifyContentLaptop'];
18629
+ }
18630
+ set justifyContentDesktop(value) {
18631
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
18632
+ }
18633
+ get justifyContentDesktop() {
18634
+ return this.elementRef.nativeElement['justifyContentDesktop'];
18635
+ }
18636
+ set alignItems(value) {
18637
+ this.elementRef.nativeElement['alignItems'] = value;
18638
+ }
18639
+ get alignItems() {
18640
+ return this.elementRef.nativeElement['alignItems'];
18641
+ }
18642
+ set alignItemsMobile(value) {
18643
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
18644
+ }
18645
+ get alignItemsMobile() {
18646
+ return this.elementRef.nativeElement['alignItemsMobile'];
18647
+ }
18648
+ set alignItemsTablet(value) {
18649
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
18650
+ }
18651
+ get alignItemsTablet() {
18652
+ return this.elementRef.nativeElement['alignItemsTablet'];
18653
+ }
18654
+ set alignItemsLaptop(value) {
18655
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
18656
+ }
18657
+ get alignItemsLaptop() {
18658
+ return this.elementRef.nativeElement['alignItemsLaptop'];
18659
+ }
18660
+ set alignItemsDesktop(value) {
18661
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
18662
+ }
18663
+ get alignItemsDesktop() {
18664
+ return this.elementRef.nativeElement['alignItemsDesktop'];
18665
+ }
18666
+ set wrap(value) {
18667
+ this.elementRef.nativeElement['wrap'] = value;
18668
+ }
18669
+ get wrap() {
18670
+ return this.elementRef.nativeElement['wrap'];
18671
+ }
18672
+ set wrapMobile(value) {
18673
+ this.elementRef.nativeElement['wrapMobile'] = value;
18674
+ }
18675
+ get wrapMobile() {
18676
+ return this.elementRef.nativeElement['wrapMobile'];
18677
+ }
18678
+ set wrapTablet(value) {
18679
+ this.elementRef.nativeElement['wrapTablet'] = value;
18680
+ }
18681
+ get wrapTablet() {
18682
+ return this.elementRef.nativeElement['wrapTablet'];
18683
+ }
18684
+ set wrapLaptop(value) {
18685
+ this.elementRef.nativeElement['wrapLaptop'] = value;
18686
+ }
18687
+ get wrapLaptop() {
18688
+ return this.elementRef.nativeElement['wrapLaptop'];
18689
+ }
18690
+ set wrapDesktop(value) {
18691
+ this.elementRef.nativeElement['wrapDesktop'] = value;
18692
+ }
18693
+ get wrapDesktop() {
18694
+ return this.elementRef.nativeElement['wrapDesktop'];
18695
+ }
18696
+ set overflowX(value) {
18697
+ this.elementRef.nativeElement['overflowX'] = value;
18698
+ }
18699
+ get overflowX() {
18700
+ return this.elementRef.nativeElement['overflowX'];
18701
+ }
18702
+ set overflowXMobile(value) {
18703
+ this.elementRef.nativeElement['overflowXMobile'] = value;
18704
+ }
18705
+ get overflowXMobile() {
18706
+ return this.elementRef.nativeElement['overflowXMobile'];
18707
+ }
18708
+ set overflowXTablet(value) {
18709
+ this.elementRef.nativeElement['overflowXTablet'] = value;
18710
+ }
18711
+ get overflowXTablet() {
18712
+ return this.elementRef.nativeElement['overflowXTablet'];
18713
+ }
18714
+ set overflowXLaptop(value) {
18715
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
18716
+ }
18717
+ get overflowXLaptop() {
18718
+ return this.elementRef.nativeElement['overflowXLaptop'];
18719
+ }
18720
+ set overflowXDesktop(value) {
18721
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
18722
+ }
18723
+ get overflowXDesktop() {
18724
+ return this.elementRef.nativeElement['overflowXDesktop'];
18136
18725
  }
18137
18726
  set grow(value) {
18138
18727
  this.elementRef.nativeElement['grow'] = value;
@@ -18404,63 +18993,130 @@ class PxFileupload {
18404
18993
  get orderDesktop() {
18405
18994
  return this.elementRef.nativeElement['orderDesktop'];
18406
18995
  }
18407
- event = new EventEmitter();
18408
18996
  constructor(elementRef) {
18409
18997
  this.elementRef = elementRef;
18410
- this.elementRef.nativeElement.addEventListener('event', (e) => {
18411
- this.event.emit(e.detail);
18412
- });
18413
18998
  }
18414
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18415
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFileupload, selector: "px-fileupload", 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"] }, outputs: { event: "event" }, ngImport: i0 });
18999
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19000
+ 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"] }, ngImport: i0 });
18416
19001
  }
18417
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
19002
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
18418
19003
  type: Directive,
18419
19004
  args: [{
18420
- selector: 'px-fileupload',
19005
+ selector: 'px-hstack',
18421
19006
  }]
18422
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18423
- type: Input
18424
- }], extended: [{
19007
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
18425
19008
  type: Input
18426
- }], extendedMobile: [{
19009
+ }], directionMobile: [{
18427
19010
  type: Input,
18428
- args: ['extended--mobile']
18429
- }], extendedTablet: [{
19011
+ args: ['direction--mobile']
19012
+ }], directionTablet: [{
18430
19013
  type: Input,
18431
- args: ['extended--tablet']
18432
- }], extendedLaptop: [{
19014
+ args: ['direction--tablet']
19015
+ }], directionLaptop: [{
18433
19016
  type: Input,
18434
- args: ['extended--laptop']
18435
- }], extendedDesktop: [{
19017
+ args: ['direction--laptop']
19018
+ }], directionDesktop: [{
18436
19019
  type: Input,
18437
- args: ['extended--desktop']
18438
- }], grow: [{
19020
+ args: ['direction--desktop']
19021
+ }], gap: [{
18439
19022
  type: Input
18440
- }], growMobile: [{
19023
+ }], gapMobile: [{
18441
19024
  type: Input,
18442
- args: ['grow--mobile']
18443
- }], growTablet: [{
19025
+ args: ['gap--mobile']
19026
+ }], gapTablet: [{
18444
19027
  type: Input,
18445
- args: ['grow--tablet']
18446
- }], growLaptop: [{
19028
+ args: ['gap--tablet']
19029
+ }], gapLaptop: [{
18447
19030
  type: Input,
18448
- args: ['grow--laptop']
18449
- }], growDesktop: [{
19031
+ args: ['gap--laptop']
19032
+ }], gapDesktop: [{
18450
19033
  type: Input,
18451
- args: ['grow--desktop']
18452
- }], shrink: [{
18453
- type: Input
18454
- }], shrinkMobile: [{
19034
+ args: ['gap--desktop']
19035
+ }], justifyContent: [{
18455
19036
  type: Input,
18456
- args: ['shrink--mobile']
18457
- }], shrinkTablet: [{
19037
+ args: ['justify-content']
19038
+ }], justifyContentMobile: [{
18458
19039
  type: Input,
18459
- args: ['shrink--tablet']
18460
- }], shrinkLaptop: [{
19040
+ args: ['justify-content--mobile']
19041
+ }], justifyContentTablet: [{
18461
19042
  type: Input,
18462
- args: ['shrink--laptop']
18463
- }], shrinkDesktop: [{
19043
+ args: ['justify-content--tablet']
19044
+ }], justifyContentLaptop: [{
19045
+ type: Input,
19046
+ args: ['justify-content--laptop']
19047
+ }], justifyContentDesktop: [{
19048
+ type: Input,
19049
+ args: ['justify-content--desktop']
19050
+ }], alignItems: [{
19051
+ type: Input,
19052
+ args: ['align-items']
19053
+ }], alignItemsMobile: [{
19054
+ type: Input,
19055
+ args: ['align-items--mobile']
19056
+ }], alignItemsTablet: [{
19057
+ type: Input,
19058
+ args: ['align-items--tablet']
19059
+ }], alignItemsLaptop: [{
19060
+ type: Input,
19061
+ args: ['align-items--laptop']
19062
+ }], alignItemsDesktop: [{
19063
+ type: Input,
19064
+ args: ['align-items--desktop']
19065
+ }], wrap: [{
19066
+ type: Input
19067
+ }], wrapMobile: [{
19068
+ type: Input,
19069
+ args: ['wrap--mobile']
19070
+ }], wrapTablet: [{
19071
+ type: Input,
19072
+ args: ['wrap--tablet']
19073
+ }], wrapLaptop: [{
19074
+ type: Input,
19075
+ args: ['wrap--laptop']
19076
+ }], wrapDesktop: [{
19077
+ type: Input,
19078
+ args: ['wrap--desktop']
19079
+ }], overflowX: [{
19080
+ type: Input,
19081
+ args: ['overflow-x']
19082
+ }], overflowXMobile: [{
19083
+ type: Input,
19084
+ args: ['overflow-x--mobile']
19085
+ }], overflowXTablet: [{
19086
+ type: Input,
19087
+ args: ['overflow-x--tablet']
19088
+ }], overflowXLaptop: [{
19089
+ type: Input,
19090
+ args: ['overflow-x--laptop']
19091
+ }], overflowXDesktop: [{
19092
+ type: Input,
19093
+ args: ['overflow-x--desktop']
19094
+ }], grow: [{
19095
+ type: Input
19096
+ }], growMobile: [{
19097
+ type: Input,
19098
+ args: ['grow--mobile']
19099
+ }], growTablet: [{
19100
+ type: Input,
19101
+ args: ['grow--tablet']
19102
+ }], growLaptop: [{
19103
+ type: Input,
19104
+ args: ['grow--laptop']
19105
+ }], growDesktop: [{
19106
+ type: Input,
19107
+ args: ['grow--desktop']
19108
+ }], shrink: [{
19109
+ type: Input
19110
+ }], shrinkMobile: [{
19111
+ type: Input,
19112
+ args: ['shrink--mobile']
19113
+ }], shrinkTablet: [{
19114
+ type: Input,
19115
+ args: ['shrink--tablet']
19116
+ }], shrinkLaptop: [{
19117
+ type: Input,
19118
+ args: ['shrink--laptop']
19119
+ }], shrinkDesktop: [{
18464
19120
  type: Input,
18465
19121
  args: ['shrink--desktop']
18466
19122
  }], basis: [{
@@ -18565,43 +19221,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18565
19221
  }], orderDesktop: [{
18566
19222
  type: Input,
18567
19223
  args: ['order--desktop']
18568
- }], event: [{
18569
- type: Output
18570
19224
  }] } });
18571
19225
  /**
18572
- * @description Type-only wrapper for <px-page>
19226
+ * @description Type-only wrapper for <px-input>
18573
19227
  */
18574
- class PxPage {
19228
+ class PxInput {
18575
19229
  elementRef;
18576
- set backgroundImage(value) {
18577
- this.elementRef.nativeElement['backgroundImage'] = value;
19230
+ set state(value) {
19231
+ this.elementRef.nativeElement['state'] = value;
18578
19232
  }
18579
- get backgroundImage() {
18580
- return this.elementRef.nativeElement['backgroundImage'];
19233
+ get state() {
19234
+ return this.elementRef.nativeElement['state'];
18581
19235
  }
18582
- set gap(value) {
18583
- this.elementRef.nativeElement['gap'] = value;
19236
+ set extended(value) {
19237
+ this.elementRef.nativeElement['extended'] = value;
18584
19238
  }
18585
- get gap() {
18586
- return this.elementRef.nativeElement['gap'];
19239
+ get extended() {
19240
+ return this.elementRef.nativeElement['extended'];
18587
19241
  }
18588
- set backgroundColor(value) {
18589
- this.elementRef.nativeElement['backgroundColor'] = value;
19242
+ set extendedMobile(value) {
19243
+ this.elementRef.nativeElement['extendedMobile'] = value;
18590
19244
  }
18591
- get backgroundColor() {
18592
- return this.elementRef.nativeElement['backgroundColor'];
19245
+ get extendedMobile() {
19246
+ return this.elementRef.nativeElement['extendedMobile'];
18593
19247
  }
18594
- set paddingVertical(value) {
18595
- this.elementRef.nativeElement['paddingVertical'] = value;
19248
+ set extendedTablet(value) {
19249
+ this.elementRef.nativeElement['extendedTablet'] = value;
18596
19250
  }
18597
- get paddingVertical() {
18598
- return this.elementRef.nativeElement['paddingVertical'];
19251
+ get extendedTablet() {
19252
+ return this.elementRef.nativeElement['extendedTablet'];
18599
19253
  }
18600
- set paddingHorizontal(value) {
18601
- this.elementRef.nativeElement['paddingHorizontal'] = value;
19254
+ set extendedLaptop(value) {
19255
+ this.elementRef.nativeElement['extendedLaptop'] = value;
18602
19256
  }
18603
- get paddingHorizontal() {
18604
- return this.elementRef.nativeElement['paddingHorizontal'];
19257
+ get extendedLaptop() {
19258
+ return this.elementRef.nativeElement['extendedLaptop'];
19259
+ }
19260
+ set extendedDesktop(value) {
19261
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19262
+ }
19263
+ get extendedDesktop() {
19264
+ return this.elementRef.nativeElement['extendedDesktop'];
18605
19265
  }
18606
19266
  set grow(value) {
18607
19267
  this.elementRef.nativeElement['grow'] = value;
@@ -18873,31 +19533,37 @@ class PxPage {
18873
19533
  get orderDesktop() {
18874
19534
  return this.elementRef.nativeElement['orderDesktop'];
18875
19535
  }
19536
+ event = new EventEmitter();
18876
19537
  constructor(elementRef) {
18877
19538
  this.elementRef = elementRef;
19539
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
19540
+ this.event.emit(e.detail);
19541
+ });
18878
19542
  }
18879
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18880
- 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"] }, ngImport: i0 });
19543
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19544
+ 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"] }, outputs: { event: "event" }, ngImport: i0 });
18881
19545
  }
18882
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
19546
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
18883
19547
  type: Directive,
18884
19548
  args: [{
18885
- selector: 'px-page',
19549
+ selector: 'px-input',
18886
19550
  }]
18887
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
18888
- type: Input,
18889
- args: ['background-image']
18890
- }], gap: [{
19551
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18891
19552
  type: Input
18892
- }], backgroundColor: [{
19553
+ }], extended: [{
19554
+ type: Input
19555
+ }], extendedMobile: [{
18893
19556
  type: Input,
18894
- args: ['background-color']
18895
- }], paddingVertical: [{
19557
+ args: ['extended--mobile']
19558
+ }], extendedTablet: [{
18896
19559
  type: Input,
18897
- args: ['padding-vertical']
18898
- }], paddingHorizontal: [{
19560
+ args: ['extended--tablet']
19561
+ }], extendedLaptop: [{
18899
19562
  type: Input,
18900
- args: ['padding-horizontal']
19563
+ args: ['extended--laptop']
19564
+ }], extendedDesktop: [{
19565
+ type: Input,
19566
+ args: ['extended--desktop']
18901
19567
  }], grow: [{
18902
19568
  type: Input
18903
19569
  }], growMobile: [{
@@ -19028,239 +19694,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19028
19694
  }], orderDesktop: [{
19029
19695
  type: Input,
19030
19696
  args: ['order--desktop']
19697
+ }], event: [{
19698
+ type: Output
19031
19699
  }] } });
19032
19700
  /**
19033
- * @description Type-only wrapper for <px-spacer>
19701
+ * @description Type-only wrapper for <px-select>
19034
19702
  */
19035
- class PxSpacer {
19703
+ class PxSelect {
19036
19704
  elementRef;
19037
- set grow(value) {
19038
- this.elementRef.nativeElement['grow'] = value;
19039
- }
19040
- get grow() {
19041
- return this.elementRef.nativeElement['grow'];
19705
+ set state(value) {
19706
+ this.elementRef.nativeElement['state'] = value;
19042
19707
  }
19043
- set nogap(value) {
19044
- this.elementRef.nativeElement['nogap'] = value;
19708
+ get state() {
19709
+ return this.elementRef.nativeElement['state'];
19045
19710
  }
19046
- get nogap() {
19047
- return this.elementRef.nativeElement['nogap'];
19711
+ set extended(value) {
19712
+ this.elementRef.nativeElement['extended'] = value;
19048
19713
  }
19049
- constructor(elementRef) {
19050
- this.elementRef = elementRef;
19714
+ get extended() {
19715
+ return this.elementRef.nativeElement['extended'];
19051
19716
  }
19052
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19053
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
19054
- }
19055
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
19056
- type: Directive,
19057
- args: [{
19058
- selector: 'px-spacer',
19059
- }]
19060
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
19061
- type: Input
19062
- }], nogap: [{
19063
- type: Input
19064
- }] } });
19065
- /**
19066
- * @description Type-only wrapper for <px-stack>
19067
- */
19068
- class PxStack {
19069
- elementRef;
19070
- set direction(value) {
19071
- this.elementRef.nativeElement['direction'] = value;
19717
+ set extendedMobile(value) {
19718
+ this.elementRef.nativeElement['extendedMobile'] = value;
19072
19719
  }
19073
- get direction() {
19074
- return this.elementRef.nativeElement['direction'];
19720
+ get extendedMobile() {
19721
+ return this.elementRef.nativeElement['extendedMobile'];
19075
19722
  }
19076
- set directionMobile(value) {
19077
- this.elementRef.nativeElement['directionMobile'] = value;
19723
+ set extendedTablet(value) {
19724
+ this.elementRef.nativeElement['extendedTablet'] = value;
19078
19725
  }
19079
- get directionMobile() {
19080
- return this.elementRef.nativeElement['directionMobile'];
19726
+ get extendedTablet() {
19727
+ return this.elementRef.nativeElement['extendedTablet'];
19081
19728
  }
19082
- set directionTablet(value) {
19083
- this.elementRef.nativeElement['directionTablet'] = value;
19729
+ set extendedLaptop(value) {
19730
+ this.elementRef.nativeElement['extendedLaptop'] = value;
19084
19731
  }
19085
- get directionTablet() {
19086
- return this.elementRef.nativeElement['directionTablet'];
19732
+ get extendedLaptop() {
19733
+ return this.elementRef.nativeElement['extendedLaptop'];
19087
19734
  }
19088
- set directionLaptop(value) {
19089
- this.elementRef.nativeElement['directionLaptop'] = value;
19735
+ set extendedDesktop(value) {
19736
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19090
19737
  }
19091
- get directionLaptop() {
19092
- return this.elementRef.nativeElement['directionLaptop'];
19738
+ get extendedDesktop() {
19739
+ return this.elementRef.nativeElement['extendedDesktop'];
19093
19740
  }
19094
- set directionDesktop(value) {
19095
- this.elementRef.nativeElement['directionDesktop'] = value;
19741
+ set grow(value) {
19742
+ this.elementRef.nativeElement['grow'] = value;
19096
19743
  }
19097
- get directionDesktop() {
19098
- return this.elementRef.nativeElement['directionDesktop'];
19744
+ get grow() {
19745
+ return this.elementRef.nativeElement['grow'];
19099
19746
  }
19100
- set gap(value) {
19101
- this.elementRef.nativeElement['gap'] = value;
19747
+ set growMobile(value) {
19748
+ this.elementRef.nativeElement['growMobile'] = value;
19102
19749
  }
19103
- get gap() {
19104
- return this.elementRef.nativeElement['gap'];
19750
+ get growMobile() {
19751
+ return this.elementRef.nativeElement['growMobile'];
19105
19752
  }
19106
- set gapMobile(value) {
19107
- this.elementRef.nativeElement['gapMobile'] = value;
19108
- }
19109
- get gapMobile() {
19110
- return this.elementRef.nativeElement['gapMobile'];
19111
- }
19112
- set gapTablet(value) {
19113
- this.elementRef.nativeElement['gapTablet'] = value;
19114
- }
19115
- get gapTablet() {
19116
- return this.elementRef.nativeElement['gapTablet'];
19117
- }
19118
- set gapLaptop(value) {
19119
- this.elementRef.nativeElement['gapLaptop'] = value;
19120
- }
19121
- get gapLaptop() {
19122
- return this.elementRef.nativeElement['gapLaptop'];
19123
- }
19124
- set gapDesktop(value) {
19125
- this.elementRef.nativeElement['gapDesktop'] = value;
19126
- }
19127
- get gapDesktop() {
19128
- return this.elementRef.nativeElement['gapDesktop'];
19129
- }
19130
- set justifyContent(value) {
19131
- this.elementRef.nativeElement['justifyContent'] = value;
19132
- }
19133
- get justifyContent() {
19134
- return this.elementRef.nativeElement['justifyContent'];
19135
- }
19136
- set justifyContentMobile(value) {
19137
- this.elementRef.nativeElement['justifyContentMobile'] = value;
19138
- }
19139
- get justifyContentMobile() {
19140
- return this.elementRef.nativeElement['justifyContentMobile'];
19141
- }
19142
- set justifyContentTablet(value) {
19143
- this.elementRef.nativeElement['justifyContentTablet'] = value;
19144
- }
19145
- get justifyContentTablet() {
19146
- return this.elementRef.nativeElement['justifyContentTablet'];
19147
- }
19148
- set justifyContentLaptop(value) {
19149
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
19150
- }
19151
- get justifyContentLaptop() {
19152
- return this.elementRef.nativeElement['justifyContentLaptop'];
19153
- }
19154
- set justifyContentDesktop(value) {
19155
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
19156
- }
19157
- get justifyContentDesktop() {
19158
- return this.elementRef.nativeElement['justifyContentDesktop'];
19159
- }
19160
- set alignItems(value) {
19161
- this.elementRef.nativeElement['alignItems'] = value;
19162
- }
19163
- get alignItems() {
19164
- return this.elementRef.nativeElement['alignItems'];
19165
- }
19166
- set alignItemsMobile(value) {
19167
- this.elementRef.nativeElement['alignItemsMobile'] = value;
19168
- }
19169
- get alignItemsMobile() {
19170
- return this.elementRef.nativeElement['alignItemsMobile'];
19171
- }
19172
- set alignItemsTablet(value) {
19173
- this.elementRef.nativeElement['alignItemsTablet'] = value;
19174
- }
19175
- get alignItemsTablet() {
19176
- return this.elementRef.nativeElement['alignItemsTablet'];
19177
- }
19178
- set alignItemsLaptop(value) {
19179
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
19180
- }
19181
- get alignItemsLaptop() {
19182
- return this.elementRef.nativeElement['alignItemsLaptop'];
19183
- }
19184
- set alignItemsDesktop(value) {
19185
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
19186
- }
19187
- get alignItemsDesktop() {
19188
- return this.elementRef.nativeElement['alignItemsDesktop'];
19189
- }
19190
- set wrap(value) {
19191
- this.elementRef.nativeElement['wrap'] = value;
19192
- }
19193
- get wrap() {
19194
- return this.elementRef.nativeElement['wrap'];
19195
- }
19196
- set wrapMobile(value) {
19197
- this.elementRef.nativeElement['wrapMobile'] = value;
19198
- }
19199
- get wrapMobile() {
19200
- return this.elementRef.nativeElement['wrapMobile'];
19201
- }
19202
- set wrapTablet(value) {
19203
- this.elementRef.nativeElement['wrapTablet'] = value;
19204
- }
19205
- get wrapTablet() {
19206
- return this.elementRef.nativeElement['wrapTablet'];
19207
- }
19208
- set wrapLaptop(value) {
19209
- this.elementRef.nativeElement['wrapLaptop'] = value;
19210
- }
19211
- get wrapLaptop() {
19212
- return this.elementRef.nativeElement['wrapLaptop'];
19213
- }
19214
- set wrapDesktop(value) {
19215
- this.elementRef.nativeElement['wrapDesktop'] = value;
19216
- }
19217
- get wrapDesktop() {
19218
- return this.elementRef.nativeElement['wrapDesktop'];
19219
- }
19220
- set overflowX(value) {
19221
- this.elementRef.nativeElement['overflowX'] = value;
19222
- }
19223
- get overflowX() {
19224
- return this.elementRef.nativeElement['overflowX'];
19225
- }
19226
- set overflowXMobile(value) {
19227
- this.elementRef.nativeElement['overflowXMobile'] = value;
19228
- }
19229
- get overflowXMobile() {
19230
- return this.elementRef.nativeElement['overflowXMobile'];
19231
- }
19232
- set overflowXTablet(value) {
19233
- this.elementRef.nativeElement['overflowXTablet'] = value;
19234
- }
19235
- get overflowXTablet() {
19236
- return this.elementRef.nativeElement['overflowXTablet'];
19237
- }
19238
- set overflowXLaptop(value) {
19239
- this.elementRef.nativeElement['overflowXLaptop'] = value;
19240
- }
19241
- get overflowXLaptop() {
19242
- return this.elementRef.nativeElement['overflowXLaptop'];
19243
- }
19244
- set overflowXDesktop(value) {
19245
- this.elementRef.nativeElement['overflowXDesktop'] = value;
19246
- }
19247
- get overflowXDesktop() {
19248
- return this.elementRef.nativeElement['overflowXDesktop'];
19249
- }
19250
- set grow(value) {
19251
- this.elementRef.nativeElement['grow'] = value;
19252
- }
19253
- get grow() {
19254
- return this.elementRef.nativeElement['grow'];
19255
- }
19256
- set growMobile(value) {
19257
- this.elementRef.nativeElement['growMobile'] = value;
19258
- }
19259
- get growMobile() {
19260
- return this.elementRef.nativeElement['growMobile'];
19261
- }
19262
- set growTablet(value) {
19263
- this.elementRef.nativeElement['growTablet'] = value;
19753
+ set growTablet(value) {
19754
+ this.elementRef.nativeElement['growTablet'] = value;
19264
19755
  }
19265
19756
  get growTablet() {
19266
19757
  return this.elementRef.nativeElement['growTablet'];
@@ -19517,153 +20008,86 @@ class PxStack {
19517
20008
  get orderDesktop() {
19518
20009
  return this.elementRef.nativeElement['orderDesktop'];
19519
20010
  }
20011
+ event = new EventEmitter();
19520
20012
  constructor(elementRef) {
19521
20013
  this.elementRef = elementRef;
20014
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20015
+ this.event.emit(e.detail);
20016
+ });
19522
20017
  }
19523
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19524
- 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"] }, ngImport: i0 });
20018
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20019
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelect, selector: "px-select", 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"] }, outputs: { event: "event" }, ngImport: i0 });
19525
20020
  }
19526
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
20021
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
19527
20022
  type: Directive,
19528
20023
  args: [{
19529
- selector: 'px-stack',
20024
+ selector: 'px-select',
19530
20025
  }]
19531
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20026
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
19532
20027
  type: Input
19533
- }], directionMobile: [{
20028
+ }], extended: [{
20029
+ type: Input
20030
+ }], extendedMobile: [{
19534
20031
  type: Input,
19535
- args: ['direction--mobile']
19536
- }], directionTablet: [{
20032
+ args: ['extended--mobile']
20033
+ }], extendedTablet: [{
19537
20034
  type: Input,
19538
- args: ['direction--tablet']
19539
- }], directionLaptop: [{
20035
+ args: ['extended--tablet']
20036
+ }], extendedLaptop: [{
19540
20037
  type: Input,
19541
- args: ['direction--laptop']
19542
- }], directionDesktop: [{
20038
+ args: ['extended--laptop']
20039
+ }], extendedDesktop: [{
19543
20040
  type: Input,
19544
- args: ['direction--desktop']
19545
- }], gap: [{
20041
+ args: ['extended--desktop']
20042
+ }], grow: [{
19546
20043
  type: Input
19547
- }], gapMobile: [{
20044
+ }], growMobile: [{
19548
20045
  type: Input,
19549
- args: ['gap--mobile']
19550
- }], gapTablet: [{
20046
+ args: ['grow--mobile']
20047
+ }], growTablet: [{
19551
20048
  type: Input,
19552
- args: ['gap--tablet']
19553
- }], gapLaptop: [{
20049
+ args: ['grow--tablet']
20050
+ }], growLaptop: [{
19554
20051
  type: Input,
19555
- args: ['gap--laptop']
19556
- }], gapDesktop: [{
20052
+ args: ['grow--laptop']
20053
+ }], growDesktop: [{
19557
20054
  type: Input,
19558
- args: ['gap--desktop']
19559
- }], justifyContent: [{
20055
+ args: ['grow--desktop']
20056
+ }], shrink: [{
20057
+ type: Input
20058
+ }], shrinkMobile: [{
19560
20059
  type: Input,
19561
- args: ['justify-content']
19562
- }], justifyContentMobile: [{
20060
+ args: ['shrink--mobile']
20061
+ }], shrinkTablet: [{
19563
20062
  type: Input,
19564
- args: ['justify-content--mobile']
19565
- }], justifyContentTablet: [{
20063
+ args: ['shrink--tablet']
20064
+ }], shrinkLaptop: [{
19566
20065
  type: Input,
19567
- args: ['justify-content--tablet']
19568
- }], justifyContentLaptop: [{
20066
+ args: ['shrink--laptop']
20067
+ }], shrinkDesktop: [{
19569
20068
  type: Input,
19570
- args: ['justify-content--laptop']
19571
- }], justifyContentDesktop: [{
20069
+ args: ['shrink--desktop']
20070
+ }], basis: [{
20071
+ type: Input
20072
+ }], basisMobile: [{
19572
20073
  type: Input,
19573
- args: ['justify-content--desktop']
19574
- }], alignItems: [{
20074
+ args: ['basis--mobile']
20075
+ }], basisTablet: [{
19575
20076
  type: Input,
19576
- args: ['align-items']
19577
- }], alignItemsMobile: [{
20077
+ args: ['basis--tablet']
20078
+ }], basisLaptop: [{
19578
20079
  type: Input,
19579
- args: ['align-items--mobile']
19580
- }], alignItemsTablet: [{
20080
+ args: ['basis--laptop']
20081
+ }], basisDesktop: [{
19581
20082
  type: Input,
19582
- args: ['align-items--tablet']
19583
- }], alignItemsLaptop: [{
20083
+ args: ['basis--desktop']
20084
+ }], alignSelf: [{
19584
20085
  type: Input,
19585
- args: ['align-items--laptop']
19586
- }], alignItemsDesktop: [{
20086
+ args: ['align-self']
20087
+ }], alignSelfMobile: [{
19587
20088
  type: Input,
19588
- args: ['align-items--desktop']
19589
- }], wrap: [{
19590
- type: Input
19591
- }], wrapMobile: [{
19592
- type: Input,
19593
- args: ['wrap--mobile']
19594
- }], wrapTablet: [{
19595
- type: Input,
19596
- args: ['wrap--tablet']
19597
- }], wrapLaptop: [{
19598
- type: Input,
19599
- args: ['wrap--laptop']
19600
- }], wrapDesktop: [{
19601
- type: Input,
19602
- args: ['wrap--desktop']
19603
- }], overflowX: [{
19604
- type: Input,
19605
- args: ['overflow-x']
19606
- }], overflowXMobile: [{
19607
- type: Input,
19608
- args: ['overflow-x--mobile']
19609
- }], overflowXTablet: [{
19610
- type: Input,
19611
- args: ['overflow-x--tablet']
19612
- }], overflowXLaptop: [{
19613
- type: Input,
19614
- args: ['overflow-x--laptop']
19615
- }], overflowXDesktop: [{
19616
- type: Input,
19617
- args: ['overflow-x--desktop']
19618
- }], grow: [{
19619
- type: Input
19620
- }], growMobile: [{
19621
- type: Input,
19622
- args: ['grow--mobile']
19623
- }], growTablet: [{
19624
- type: Input,
19625
- args: ['grow--tablet']
19626
- }], growLaptop: [{
19627
- type: Input,
19628
- args: ['grow--laptop']
19629
- }], growDesktop: [{
19630
- type: Input,
19631
- args: ['grow--desktop']
19632
- }], shrink: [{
19633
- type: Input
19634
- }], shrinkMobile: [{
19635
- type: Input,
19636
- args: ['shrink--mobile']
19637
- }], shrinkTablet: [{
19638
- type: Input,
19639
- args: ['shrink--tablet']
19640
- }], shrinkLaptop: [{
19641
- type: Input,
19642
- args: ['shrink--laptop']
19643
- }], shrinkDesktop: [{
19644
- type: Input,
19645
- args: ['shrink--desktop']
19646
- }], basis: [{
19647
- type: Input
19648
- }], basisMobile: [{
19649
- type: Input,
19650
- args: ['basis--mobile']
19651
- }], basisTablet: [{
19652
- type: Input,
19653
- args: ['basis--tablet']
19654
- }], basisLaptop: [{
19655
- type: Input,
19656
- args: ['basis--laptop']
19657
- }], basisDesktop: [{
19658
- type: Input,
19659
- args: ['basis--desktop']
19660
- }], alignSelf: [{
19661
- type: Input,
19662
- args: ['align-self']
19663
- }], alignSelfMobile: [{
19664
- type: Input,
19665
- args: ['align-self--mobile']
19666
- }], alignSelfTablet: [{
20089
+ args: ['align-self--mobile']
20090
+ }], alignSelfTablet: [{
19667
20091
  type: Input,
19668
20092
  args: ['align-self--tablet']
19669
20093
  }], alignSelfLaptop: [{
@@ -19745,287 +20169,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19745
20169
  }], orderDesktop: [{
19746
20170
  type: Input,
19747
20171
  args: ['order--desktop']
20172
+ }], event: [{
20173
+ type: Output
19748
20174
  }] } });
19749
20175
  /**
19750
- * @description Type-only wrapper for <px-vstack>
20176
+ * @description Type-only wrapper for <px-textarea>
19751
20177
  */
19752
- class PxVstack {
20178
+ class PxTextarea {
19753
20179
  elementRef;
19754
- set direction(value) {
19755
- this.elementRef.nativeElement['direction'] = value;
20180
+ set state(value) {
20181
+ this.elementRef.nativeElement['state'] = value;
19756
20182
  }
19757
- get direction() {
19758
- return this.elementRef.nativeElement['direction'];
20183
+ get state() {
20184
+ return this.elementRef.nativeElement['state'];
19759
20185
  }
19760
- set directionMobile(value) {
19761
- this.elementRef.nativeElement['directionMobile'] = value;
20186
+ set extended(value) {
20187
+ this.elementRef.nativeElement['extended'] = value;
19762
20188
  }
19763
- get directionMobile() {
19764
- return this.elementRef.nativeElement['directionMobile'];
20189
+ get extended() {
20190
+ return this.elementRef.nativeElement['extended'];
19765
20191
  }
19766
- set directionTablet(value) {
19767
- this.elementRef.nativeElement['directionTablet'] = value;
20192
+ set extendedMobile(value) {
20193
+ this.elementRef.nativeElement['extendedMobile'] = value;
19768
20194
  }
19769
- get directionTablet() {
19770
- return this.elementRef.nativeElement['directionTablet'];
20195
+ get extendedMobile() {
20196
+ return this.elementRef.nativeElement['extendedMobile'];
19771
20197
  }
19772
- set directionLaptop(value) {
19773
- this.elementRef.nativeElement['directionLaptop'] = value;
20198
+ set extendedTablet(value) {
20199
+ this.elementRef.nativeElement['extendedTablet'] = value;
19774
20200
  }
19775
- get directionLaptop() {
19776
- return this.elementRef.nativeElement['directionLaptop'];
20201
+ get extendedTablet() {
20202
+ return this.elementRef.nativeElement['extendedTablet'];
19777
20203
  }
19778
- set directionDesktop(value) {
19779
- this.elementRef.nativeElement['directionDesktop'] = value;
20204
+ set extendedLaptop(value) {
20205
+ this.elementRef.nativeElement['extendedLaptop'] = value;
19780
20206
  }
19781
- get directionDesktop() {
19782
- return this.elementRef.nativeElement['directionDesktop'];
20207
+ get extendedLaptop() {
20208
+ return this.elementRef.nativeElement['extendedLaptop'];
19783
20209
  }
19784
- set gap(value) {
19785
- this.elementRef.nativeElement['gap'] = value;
20210
+ set extendedDesktop(value) {
20211
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19786
20212
  }
19787
- get gap() {
19788
- return this.elementRef.nativeElement['gap'];
20213
+ get extendedDesktop() {
20214
+ return this.elementRef.nativeElement['extendedDesktop'];
19789
20215
  }
19790
- set gapMobile(value) {
19791
- this.elementRef.nativeElement['gapMobile'] = value;
20216
+ set grow(value) {
20217
+ this.elementRef.nativeElement['grow'] = value;
19792
20218
  }
19793
- get gapMobile() {
19794
- return this.elementRef.nativeElement['gapMobile'];
20219
+ get grow() {
20220
+ return this.elementRef.nativeElement['grow'];
19795
20221
  }
19796
- set gapTablet(value) {
19797
- this.elementRef.nativeElement['gapTablet'] = value;
20222
+ set growMobile(value) {
20223
+ this.elementRef.nativeElement['growMobile'] = value;
19798
20224
  }
19799
- get gapTablet() {
19800
- return this.elementRef.nativeElement['gapTablet'];
20225
+ get growMobile() {
20226
+ return this.elementRef.nativeElement['growMobile'];
19801
20227
  }
19802
- set gapLaptop(value) {
19803
- this.elementRef.nativeElement['gapLaptop'] = value;
20228
+ set growTablet(value) {
20229
+ this.elementRef.nativeElement['growTablet'] = value;
19804
20230
  }
19805
- get gapLaptop() {
19806
- return this.elementRef.nativeElement['gapLaptop'];
20231
+ get growTablet() {
20232
+ return this.elementRef.nativeElement['growTablet'];
19807
20233
  }
19808
- set gapDesktop(value) {
19809
- this.elementRef.nativeElement['gapDesktop'] = value;
20234
+ set growLaptop(value) {
20235
+ this.elementRef.nativeElement['growLaptop'] = value;
19810
20236
  }
19811
- get gapDesktop() {
19812
- return this.elementRef.nativeElement['gapDesktop'];
20237
+ get growLaptop() {
20238
+ return this.elementRef.nativeElement['growLaptop'];
19813
20239
  }
19814
- set justifyContent(value) {
19815
- this.elementRef.nativeElement['justifyContent'] = value;
20240
+ set growDesktop(value) {
20241
+ this.elementRef.nativeElement['growDesktop'] = value;
19816
20242
  }
19817
- get justifyContent() {
19818
- return this.elementRef.nativeElement['justifyContent'];
20243
+ get growDesktop() {
20244
+ return this.elementRef.nativeElement['growDesktop'];
19819
20245
  }
19820
- set justifyContentMobile(value) {
19821
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20246
+ set shrink(value) {
20247
+ this.elementRef.nativeElement['shrink'] = value;
19822
20248
  }
19823
- get justifyContentMobile() {
19824
- return this.elementRef.nativeElement['justifyContentMobile'];
20249
+ get shrink() {
20250
+ return this.elementRef.nativeElement['shrink'];
19825
20251
  }
19826
- set justifyContentTablet(value) {
19827
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20252
+ set shrinkMobile(value) {
20253
+ this.elementRef.nativeElement['shrinkMobile'] = value;
19828
20254
  }
19829
- get justifyContentTablet() {
19830
- return this.elementRef.nativeElement['justifyContentTablet'];
20255
+ get shrinkMobile() {
20256
+ return this.elementRef.nativeElement['shrinkMobile'];
19831
20257
  }
19832
- set justifyContentLaptop(value) {
19833
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20258
+ set shrinkTablet(value) {
20259
+ this.elementRef.nativeElement['shrinkTablet'] = value;
19834
20260
  }
19835
- get justifyContentLaptop() {
19836
- return this.elementRef.nativeElement['justifyContentLaptop'];
20261
+ get shrinkTablet() {
20262
+ return this.elementRef.nativeElement['shrinkTablet'];
19837
20263
  }
19838
- set justifyContentDesktop(value) {
19839
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20264
+ set shrinkLaptop(value) {
20265
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
19840
20266
  }
19841
- get justifyContentDesktop() {
19842
- return this.elementRef.nativeElement['justifyContentDesktop'];
20267
+ get shrinkLaptop() {
20268
+ return this.elementRef.nativeElement['shrinkLaptop'];
19843
20269
  }
19844
- set alignItems(value) {
19845
- this.elementRef.nativeElement['alignItems'] = value;
20270
+ set shrinkDesktop(value) {
20271
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
19846
20272
  }
19847
- get alignItems() {
19848
- return this.elementRef.nativeElement['alignItems'];
20273
+ get shrinkDesktop() {
20274
+ return this.elementRef.nativeElement['shrinkDesktop'];
19849
20275
  }
19850
- set alignItemsMobile(value) {
19851
- this.elementRef.nativeElement['alignItemsMobile'] = value;
20276
+ set basis(value) {
20277
+ this.elementRef.nativeElement['basis'] = value;
19852
20278
  }
19853
- get alignItemsMobile() {
19854
- return this.elementRef.nativeElement['alignItemsMobile'];
20279
+ get basis() {
20280
+ return this.elementRef.nativeElement['basis'];
19855
20281
  }
19856
- set alignItemsTablet(value) {
19857
- this.elementRef.nativeElement['alignItemsTablet'] = value;
20282
+ set basisMobile(value) {
20283
+ this.elementRef.nativeElement['basisMobile'] = value;
19858
20284
  }
19859
- get alignItemsTablet() {
19860
- return this.elementRef.nativeElement['alignItemsTablet'];
20285
+ get basisMobile() {
20286
+ return this.elementRef.nativeElement['basisMobile'];
19861
20287
  }
19862
- set alignItemsLaptop(value) {
19863
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
20288
+ set basisTablet(value) {
20289
+ this.elementRef.nativeElement['basisTablet'] = value;
19864
20290
  }
19865
- get alignItemsLaptop() {
19866
- return this.elementRef.nativeElement['alignItemsLaptop'];
20291
+ get basisTablet() {
20292
+ return this.elementRef.nativeElement['basisTablet'];
19867
20293
  }
19868
- set alignItemsDesktop(value) {
19869
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
20294
+ set basisLaptop(value) {
20295
+ this.elementRef.nativeElement['basisLaptop'] = value;
19870
20296
  }
19871
- get alignItemsDesktop() {
19872
- return this.elementRef.nativeElement['alignItemsDesktop'];
20297
+ get basisLaptop() {
20298
+ return this.elementRef.nativeElement['basisLaptop'];
19873
20299
  }
19874
- set wrap(value) {
19875
- this.elementRef.nativeElement['wrap'] = value;
20300
+ set basisDesktop(value) {
20301
+ this.elementRef.nativeElement['basisDesktop'] = value;
19876
20302
  }
19877
- get wrap() {
19878
- return this.elementRef.nativeElement['wrap'];
20303
+ get basisDesktop() {
20304
+ return this.elementRef.nativeElement['basisDesktop'];
19879
20305
  }
19880
- set wrapMobile(value) {
19881
- this.elementRef.nativeElement['wrapMobile'] = value;
20306
+ set alignSelf(value) {
20307
+ this.elementRef.nativeElement['alignSelf'] = value;
19882
20308
  }
19883
- get wrapMobile() {
19884
- return this.elementRef.nativeElement['wrapMobile'];
19885
- }
19886
- set wrapTablet(value) {
19887
- this.elementRef.nativeElement['wrapTablet'] = value;
19888
- }
19889
- get wrapTablet() {
19890
- return this.elementRef.nativeElement['wrapTablet'];
19891
- }
19892
- set wrapLaptop(value) {
19893
- this.elementRef.nativeElement['wrapLaptop'] = value;
19894
- }
19895
- get wrapLaptop() {
19896
- return this.elementRef.nativeElement['wrapLaptop'];
19897
- }
19898
- set wrapDesktop(value) {
19899
- this.elementRef.nativeElement['wrapDesktop'] = value;
19900
- }
19901
- get wrapDesktop() {
19902
- return this.elementRef.nativeElement['wrapDesktop'];
19903
- }
19904
- set overflowX(value) {
19905
- this.elementRef.nativeElement['overflowX'] = value;
19906
- }
19907
- get overflowX() {
19908
- return this.elementRef.nativeElement['overflowX'];
19909
- }
19910
- set overflowXMobile(value) {
19911
- this.elementRef.nativeElement['overflowXMobile'] = value;
19912
- }
19913
- get overflowXMobile() {
19914
- return this.elementRef.nativeElement['overflowXMobile'];
19915
- }
19916
- set overflowXTablet(value) {
19917
- this.elementRef.nativeElement['overflowXTablet'] = value;
19918
- }
19919
- get overflowXTablet() {
19920
- return this.elementRef.nativeElement['overflowXTablet'];
19921
- }
19922
- set overflowXLaptop(value) {
19923
- this.elementRef.nativeElement['overflowXLaptop'] = value;
19924
- }
19925
- get overflowXLaptop() {
19926
- return this.elementRef.nativeElement['overflowXLaptop'];
19927
- }
19928
- set overflowXDesktop(value) {
19929
- this.elementRef.nativeElement['overflowXDesktop'] = value;
19930
- }
19931
- get overflowXDesktop() {
19932
- return this.elementRef.nativeElement['overflowXDesktop'];
19933
- }
19934
- set grow(value) {
19935
- this.elementRef.nativeElement['grow'] = value;
19936
- }
19937
- get grow() {
19938
- return this.elementRef.nativeElement['grow'];
19939
- }
19940
- set growMobile(value) {
19941
- this.elementRef.nativeElement['growMobile'] = value;
19942
- }
19943
- get growMobile() {
19944
- return this.elementRef.nativeElement['growMobile'];
19945
- }
19946
- set growTablet(value) {
19947
- this.elementRef.nativeElement['growTablet'] = value;
19948
- }
19949
- get growTablet() {
19950
- return this.elementRef.nativeElement['growTablet'];
19951
- }
19952
- set growLaptop(value) {
19953
- this.elementRef.nativeElement['growLaptop'] = value;
19954
- }
19955
- get growLaptop() {
19956
- return this.elementRef.nativeElement['growLaptop'];
19957
- }
19958
- set growDesktop(value) {
19959
- this.elementRef.nativeElement['growDesktop'] = value;
19960
- }
19961
- get growDesktop() {
19962
- return this.elementRef.nativeElement['growDesktop'];
19963
- }
19964
- set shrink(value) {
19965
- this.elementRef.nativeElement['shrink'] = value;
19966
- }
19967
- get shrink() {
19968
- return this.elementRef.nativeElement['shrink'];
19969
- }
19970
- set shrinkMobile(value) {
19971
- this.elementRef.nativeElement['shrinkMobile'] = value;
19972
- }
19973
- get shrinkMobile() {
19974
- return this.elementRef.nativeElement['shrinkMobile'];
19975
- }
19976
- set shrinkTablet(value) {
19977
- this.elementRef.nativeElement['shrinkTablet'] = value;
19978
- }
19979
- get shrinkTablet() {
19980
- return this.elementRef.nativeElement['shrinkTablet'];
19981
- }
19982
- set shrinkLaptop(value) {
19983
- this.elementRef.nativeElement['shrinkLaptop'] = value;
19984
- }
19985
- get shrinkLaptop() {
19986
- return this.elementRef.nativeElement['shrinkLaptop'];
19987
- }
19988
- set shrinkDesktop(value) {
19989
- this.elementRef.nativeElement['shrinkDesktop'] = value;
19990
- }
19991
- get shrinkDesktop() {
19992
- return this.elementRef.nativeElement['shrinkDesktop'];
19993
- }
19994
- set basis(value) {
19995
- this.elementRef.nativeElement['basis'] = value;
19996
- }
19997
- get basis() {
19998
- return this.elementRef.nativeElement['basis'];
19999
- }
20000
- set basisMobile(value) {
20001
- this.elementRef.nativeElement['basisMobile'] = value;
20002
- }
20003
- get basisMobile() {
20004
- return this.elementRef.nativeElement['basisMobile'];
20005
- }
20006
- set basisTablet(value) {
20007
- this.elementRef.nativeElement['basisTablet'] = value;
20008
- }
20009
- get basisTablet() {
20010
- return this.elementRef.nativeElement['basisTablet'];
20011
- }
20012
- set basisLaptop(value) {
20013
- this.elementRef.nativeElement['basisLaptop'] = value;
20014
- }
20015
- get basisLaptop() {
20016
- return this.elementRef.nativeElement['basisLaptop'];
20017
- }
20018
- set basisDesktop(value) {
20019
- this.elementRef.nativeElement['basisDesktop'] = value;
20020
- }
20021
- get basisDesktop() {
20022
- return this.elementRef.nativeElement['basisDesktop'];
20023
- }
20024
- set alignSelf(value) {
20025
- this.elementRef.nativeElement['alignSelf'] = value;
20026
- }
20027
- get alignSelf() {
20028
- return this.elementRef.nativeElement['alignSelf'];
20309
+ get alignSelf() {
20310
+ return this.elementRef.nativeElement['alignSelf'];
20029
20311
  }
20030
20312
  set alignSelfMobile(value) {
20031
20313
  this.elementRef.nativeElement['alignSelfMobile'] = value;
@@ -20201,104 +20483,37 @@ class PxVstack {
20201
20483
  get orderDesktop() {
20202
20484
  return this.elementRef.nativeElement['orderDesktop'];
20203
20485
  }
20486
+ event = new EventEmitter();
20204
20487
  constructor(elementRef) {
20205
20488
  this.elementRef = elementRef;
20489
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20490
+ this.event.emit(e.detail);
20491
+ });
20206
20492
  }
20207
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20208
- 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"] }, ngImport: i0 });
20493
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20494
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTextarea, selector: "px-textarea", 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"] }, outputs: { event: "event" }, ngImport: i0 });
20209
20495
  }
20210
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
20496
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
20211
20497
  type: Directive,
20212
20498
  args: [{
20213
- selector: 'px-vstack',
20499
+ selector: 'px-textarea',
20214
20500
  }]
20215
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20216
- type: Input
20217
- }], directionMobile: [{
20218
- type: Input,
20219
- args: ['direction--mobile']
20220
- }], directionTablet: [{
20221
- type: Input,
20222
- args: ['direction--tablet']
20223
- }], directionLaptop: [{
20224
- type: Input,
20225
- args: ['direction--laptop']
20226
- }], directionDesktop: [{
20227
- type: Input,
20228
- args: ['direction--desktop']
20229
- }], gap: [{
20501
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20230
20502
  type: Input
20231
- }], gapMobile: [{
20232
- type: Input,
20233
- args: ['gap--mobile']
20234
- }], gapTablet: [{
20235
- type: Input,
20236
- args: ['gap--tablet']
20237
- }], gapLaptop: [{
20238
- type: Input,
20239
- args: ['gap--laptop']
20240
- }], gapDesktop: [{
20241
- type: Input,
20242
- args: ['gap--desktop']
20243
- }], justifyContent: [{
20244
- type: Input,
20245
- args: ['justify-content']
20246
- }], justifyContentMobile: [{
20247
- type: Input,
20248
- args: ['justify-content--mobile']
20249
- }], justifyContentTablet: [{
20250
- type: Input,
20251
- args: ['justify-content--tablet']
20252
- }], justifyContentLaptop: [{
20253
- type: Input,
20254
- args: ['justify-content--laptop']
20255
- }], justifyContentDesktop: [{
20256
- type: Input,
20257
- args: ['justify-content--desktop']
20258
- }], alignItems: [{
20259
- type: Input,
20260
- args: ['align-items']
20261
- }], alignItemsMobile: [{
20262
- type: Input,
20263
- args: ['align-items--mobile']
20264
- }], alignItemsTablet: [{
20265
- type: Input,
20266
- args: ['align-items--tablet']
20267
- }], alignItemsLaptop: [{
20268
- type: Input,
20269
- args: ['align-items--laptop']
20270
- }], alignItemsDesktop: [{
20271
- type: Input,
20272
- args: ['align-items--desktop']
20273
- }], wrap: [{
20503
+ }], extended: [{
20274
20504
  type: Input
20275
- }], wrapMobile: [{
20276
- type: Input,
20277
- args: ['wrap--mobile']
20278
- }], wrapTablet: [{
20279
- type: Input,
20280
- args: ['wrap--tablet']
20281
- }], wrapLaptop: [{
20282
- type: Input,
20283
- args: ['wrap--laptop']
20284
- }], wrapDesktop: [{
20285
- type: Input,
20286
- args: ['wrap--desktop']
20287
- }], overflowX: [{
20288
- type: Input,
20289
- args: ['overflow-x']
20290
- }], overflowXMobile: [{
20505
+ }], extendedMobile: [{
20291
20506
  type: Input,
20292
- args: ['overflow-x--mobile']
20293
- }], overflowXTablet: [{
20507
+ args: ['extended--mobile']
20508
+ }], extendedTablet: [{
20294
20509
  type: Input,
20295
- args: ['overflow-x--tablet']
20296
- }], overflowXLaptop: [{
20510
+ args: ['extended--tablet']
20511
+ }], extendedLaptop: [{
20297
20512
  type: Input,
20298
- args: ['overflow-x--laptop']
20299
- }], overflowXDesktop: [{
20513
+ args: ['extended--laptop']
20514
+ }], extendedDesktop: [{
20300
20515
  type: Input,
20301
- args: ['overflow-x--desktop']
20516
+ args: ['extended--desktop']
20302
20517
  }], grow: [{
20303
20518
  type: Input
20304
20519
  }], growMobile: [{
@@ -20351,269 +20566,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20351
20566
  type: Input,
20352
20567
  args: ['align-self--tablet']
20353
20568
  }], alignSelfLaptop: [{
20354
- type: Input,
20355
- args: ['align-self--laptop']
20356
- }], alignSelfDesktop: [{
20357
- type: Input,
20358
- args: ['align-self--desktop']
20359
- }], justifySelf: [{
20360
- type: Input,
20361
- args: ['justify-self']
20362
- }], justifySelfMobile: [{
20363
- type: Input,
20364
- args: ['justify-self--mobile']
20365
- }], justifySelfTablet: [{
20366
- type: Input,
20367
- args: ['justify-self--tablet']
20368
- }], justifySelfLaptop: [{
20369
- type: Input,
20370
- args: ['justify-self--laptop']
20371
- }], justifySelfDesktop: [{
20372
- type: Input,
20373
- args: ['justify-self--desktop']
20374
- }], hidden: [{
20375
- type: Input
20376
- }], hiddenMobile: [{
20377
- type: Input,
20378
- args: ['hidden--mobile']
20379
- }], hiddenTablet: [{
20380
- type: Input,
20381
- args: ['hidden--tablet']
20382
- }], hiddenLaptop: [{
20383
- type: Input,
20384
- args: ['hidden--laptop']
20385
- }], hiddenDesktop: [{
20386
- type: Input,
20387
- args: ['hidden--desktop']
20388
- }], shownSr: [{
20389
- type: Input,
20390
- args: ['shown--sr']
20391
- }], shownSrMobile: [{
20392
- type: Input,
20393
- args: ['shown--sr--mobile']
20394
- }], shownSrTablet: [{
20395
- type: Input,
20396
- args: ['shown--sr--tablet']
20397
- }], shownSrLaptop: [{
20398
- type: Input,
20399
- args: ['shown--sr--laptop']
20400
- }], shownSrDesktop: [{
20401
- type: Input,
20402
- args: ['shown--sr--desktop']
20403
- }], colSpan: [{
20404
- type: Input,
20405
- args: ['col-span']
20406
- }], colSpanMobile: [{
20407
- type: Input,
20408
- args: ['col-span--mobile']
20409
- }], colSpanTablet: [{
20410
- type: Input,
20411
- args: ['col-span--tablet']
20412
- }], colSpanLaptop: [{
20413
- type: Input,
20414
- args: ['col-span--laptop']
20415
- }], colSpanDesktop: [{
20416
- type: Input,
20417
- args: ['col-span--desktop']
20418
- }], order: [{
20419
- type: Input
20420
- }], orderMobile: [{
20421
- type: Input,
20422
- args: ['order--mobile']
20423
- }], orderTablet: [{
20424
- type: Input,
20425
- args: ['order--tablet']
20426
- }], orderLaptop: [{
20427
- type: Input,
20428
- args: ['order--laptop']
20429
- }], orderDesktop: [{
20430
- type: Input,
20431
- args: ['order--desktop']
20432
- }] } });
20433
- /**
20434
- * @description Type-only wrapper for <px-hstack>
20435
- */
20436
- class PxHstack {
20437
- elementRef;
20438
- set direction(value) {
20439
- this.elementRef.nativeElement['direction'] = value;
20440
- }
20441
- get direction() {
20442
- return this.elementRef.nativeElement['direction'];
20443
- }
20444
- set directionMobile(value) {
20445
- this.elementRef.nativeElement['directionMobile'] = value;
20446
- }
20447
- get directionMobile() {
20448
- return this.elementRef.nativeElement['directionMobile'];
20449
- }
20450
- set directionTablet(value) {
20451
- this.elementRef.nativeElement['directionTablet'] = value;
20452
- }
20453
- get directionTablet() {
20454
- return this.elementRef.nativeElement['directionTablet'];
20455
- }
20456
- set directionLaptop(value) {
20457
- this.elementRef.nativeElement['directionLaptop'] = value;
20458
- }
20459
- get directionLaptop() {
20460
- return this.elementRef.nativeElement['directionLaptop'];
20461
- }
20462
- set directionDesktop(value) {
20463
- this.elementRef.nativeElement['directionDesktop'] = value;
20464
- }
20465
- get directionDesktop() {
20466
- return this.elementRef.nativeElement['directionDesktop'];
20467
- }
20468
- set gap(value) {
20469
- this.elementRef.nativeElement['gap'] = value;
20470
- }
20471
- get gap() {
20472
- return this.elementRef.nativeElement['gap'];
20473
- }
20474
- set gapMobile(value) {
20475
- this.elementRef.nativeElement['gapMobile'] = value;
20476
- }
20477
- get gapMobile() {
20478
- return this.elementRef.nativeElement['gapMobile'];
20479
- }
20480
- set gapTablet(value) {
20481
- this.elementRef.nativeElement['gapTablet'] = value;
20482
- }
20483
- get gapTablet() {
20484
- return this.elementRef.nativeElement['gapTablet'];
20485
- }
20486
- set gapLaptop(value) {
20487
- this.elementRef.nativeElement['gapLaptop'] = value;
20488
- }
20489
- get gapLaptop() {
20490
- return this.elementRef.nativeElement['gapLaptop'];
20491
- }
20492
- set gapDesktop(value) {
20493
- this.elementRef.nativeElement['gapDesktop'] = value;
20494
- }
20495
- get gapDesktop() {
20496
- return this.elementRef.nativeElement['gapDesktop'];
20497
- }
20498
- set justifyContent(value) {
20499
- this.elementRef.nativeElement['justifyContent'] = value;
20500
- }
20501
- get justifyContent() {
20502
- return this.elementRef.nativeElement['justifyContent'];
20503
- }
20504
- set justifyContentMobile(value) {
20505
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20506
- }
20507
- get justifyContentMobile() {
20508
- return this.elementRef.nativeElement['justifyContentMobile'];
20509
- }
20510
- set justifyContentTablet(value) {
20511
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20512
- }
20513
- get justifyContentTablet() {
20514
- return this.elementRef.nativeElement['justifyContentTablet'];
20515
- }
20516
- set justifyContentLaptop(value) {
20517
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20518
- }
20519
- get justifyContentLaptop() {
20520
- return this.elementRef.nativeElement['justifyContentLaptop'];
20521
- }
20522
- set justifyContentDesktop(value) {
20523
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20524
- }
20525
- get justifyContentDesktop() {
20526
- return this.elementRef.nativeElement['justifyContentDesktop'];
20527
- }
20528
- set alignItems(value) {
20529
- this.elementRef.nativeElement['alignItems'] = value;
20530
- }
20531
- get alignItems() {
20532
- return this.elementRef.nativeElement['alignItems'];
20533
- }
20534
- set alignItemsMobile(value) {
20535
- this.elementRef.nativeElement['alignItemsMobile'] = value;
20536
- }
20537
- get alignItemsMobile() {
20538
- return this.elementRef.nativeElement['alignItemsMobile'];
20539
- }
20540
- set alignItemsTablet(value) {
20541
- this.elementRef.nativeElement['alignItemsTablet'] = value;
20542
- }
20543
- get alignItemsTablet() {
20544
- return this.elementRef.nativeElement['alignItemsTablet'];
20545
- }
20546
- set alignItemsLaptop(value) {
20547
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
20548
- }
20549
- get alignItemsLaptop() {
20550
- return this.elementRef.nativeElement['alignItemsLaptop'];
20551
- }
20552
- set alignItemsDesktop(value) {
20553
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
20554
- }
20555
- get alignItemsDesktop() {
20556
- return this.elementRef.nativeElement['alignItemsDesktop'];
20557
- }
20558
- set wrap(value) {
20559
- this.elementRef.nativeElement['wrap'] = value;
20560
- }
20561
- get wrap() {
20562
- return this.elementRef.nativeElement['wrap'];
20563
- }
20564
- set wrapMobile(value) {
20565
- this.elementRef.nativeElement['wrapMobile'] = value;
20566
- }
20567
- get wrapMobile() {
20568
- return this.elementRef.nativeElement['wrapMobile'];
20569
- }
20570
- set wrapTablet(value) {
20571
- this.elementRef.nativeElement['wrapTablet'] = value;
20572
- }
20573
- get wrapTablet() {
20574
- return this.elementRef.nativeElement['wrapTablet'];
20575
- }
20576
- set wrapLaptop(value) {
20577
- this.elementRef.nativeElement['wrapLaptop'] = value;
20578
- }
20579
- get wrapLaptop() {
20580
- return this.elementRef.nativeElement['wrapLaptop'];
20581
- }
20582
- set wrapDesktop(value) {
20583
- this.elementRef.nativeElement['wrapDesktop'] = value;
20569
+ type: Input,
20570
+ args: ['align-self--laptop']
20571
+ }], alignSelfDesktop: [{
20572
+ type: Input,
20573
+ args: ['align-self--desktop']
20574
+ }], justifySelf: [{
20575
+ type: Input,
20576
+ args: ['justify-self']
20577
+ }], justifySelfMobile: [{
20578
+ type: Input,
20579
+ args: ['justify-self--mobile']
20580
+ }], justifySelfTablet: [{
20581
+ type: Input,
20582
+ args: ['justify-self--tablet']
20583
+ }], justifySelfLaptop: [{
20584
+ type: Input,
20585
+ args: ['justify-self--laptop']
20586
+ }], justifySelfDesktop: [{
20587
+ type: Input,
20588
+ args: ['justify-self--desktop']
20589
+ }], hidden: [{
20590
+ type: Input
20591
+ }], hiddenMobile: [{
20592
+ type: Input,
20593
+ args: ['hidden--mobile']
20594
+ }], hiddenTablet: [{
20595
+ type: Input,
20596
+ args: ['hidden--tablet']
20597
+ }], hiddenLaptop: [{
20598
+ type: Input,
20599
+ args: ['hidden--laptop']
20600
+ }], hiddenDesktop: [{
20601
+ type: Input,
20602
+ args: ['hidden--desktop']
20603
+ }], shownSr: [{
20604
+ type: Input,
20605
+ args: ['shown--sr']
20606
+ }], shownSrMobile: [{
20607
+ type: Input,
20608
+ args: ['shown--sr--mobile']
20609
+ }], shownSrTablet: [{
20610
+ type: Input,
20611
+ args: ['shown--sr--tablet']
20612
+ }], shownSrLaptop: [{
20613
+ type: Input,
20614
+ args: ['shown--sr--laptop']
20615
+ }], shownSrDesktop: [{
20616
+ type: Input,
20617
+ args: ['shown--sr--desktop']
20618
+ }], colSpan: [{
20619
+ type: Input,
20620
+ args: ['col-span']
20621
+ }], colSpanMobile: [{
20622
+ type: Input,
20623
+ args: ['col-span--mobile']
20624
+ }], colSpanTablet: [{
20625
+ type: Input,
20626
+ args: ['col-span--tablet']
20627
+ }], colSpanLaptop: [{
20628
+ type: Input,
20629
+ args: ['col-span--laptop']
20630
+ }], colSpanDesktop: [{
20631
+ type: Input,
20632
+ args: ['col-span--desktop']
20633
+ }], order: [{
20634
+ type: Input
20635
+ }], orderMobile: [{
20636
+ type: Input,
20637
+ args: ['order--mobile']
20638
+ }], orderTablet: [{
20639
+ type: Input,
20640
+ args: ['order--tablet']
20641
+ }], orderLaptop: [{
20642
+ type: Input,
20643
+ args: ['order--laptop']
20644
+ }], orderDesktop: [{
20645
+ type: Input,
20646
+ args: ['order--desktop']
20647
+ }], event: [{
20648
+ type: Output
20649
+ }] } });
20650
+ /**
20651
+ * @description Type-only wrapper for <px-fileupload>
20652
+ */
20653
+ class PxFileupload {
20654
+ elementRef;
20655
+ set state(value) {
20656
+ this.elementRef.nativeElement['state'] = value;
20584
20657
  }
20585
- get wrapDesktop() {
20586
- return this.elementRef.nativeElement['wrapDesktop'];
20658
+ get state() {
20659
+ return this.elementRef.nativeElement['state'];
20587
20660
  }
20588
- set overflowX(value) {
20589
- this.elementRef.nativeElement['overflowX'] = value;
20661
+ set extended(value) {
20662
+ this.elementRef.nativeElement['extended'] = value;
20590
20663
  }
20591
- get overflowX() {
20592
- return this.elementRef.nativeElement['overflowX'];
20664
+ get extended() {
20665
+ return this.elementRef.nativeElement['extended'];
20593
20666
  }
20594
- set overflowXMobile(value) {
20595
- this.elementRef.nativeElement['overflowXMobile'] = value;
20667
+ set extendedMobile(value) {
20668
+ this.elementRef.nativeElement['extendedMobile'] = value;
20596
20669
  }
20597
- get overflowXMobile() {
20598
- return this.elementRef.nativeElement['overflowXMobile'];
20670
+ get extendedMobile() {
20671
+ return this.elementRef.nativeElement['extendedMobile'];
20599
20672
  }
20600
- set overflowXTablet(value) {
20601
- this.elementRef.nativeElement['overflowXTablet'] = value;
20673
+ set extendedTablet(value) {
20674
+ this.elementRef.nativeElement['extendedTablet'] = value;
20602
20675
  }
20603
- get overflowXTablet() {
20604
- return this.elementRef.nativeElement['overflowXTablet'];
20676
+ get extendedTablet() {
20677
+ return this.elementRef.nativeElement['extendedTablet'];
20605
20678
  }
20606
- set overflowXLaptop(value) {
20607
- this.elementRef.nativeElement['overflowXLaptop'] = value;
20679
+ set extendedLaptop(value) {
20680
+ this.elementRef.nativeElement['extendedLaptop'] = value;
20608
20681
  }
20609
- get overflowXLaptop() {
20610
- return this.elementRef.nativeElement['overflowXLaptop'];
20682
+ get extendedLaptop() {
20683
+ return this.elementRef.nativeElement['extendedLaptop'];
20611
20684
  }
20612
- set overflowXDesktop(value) {
20613
- this.elementRef.nativeElement['overflowXDesktop'] = value;
20685
+ set extendedDesktop(value) {
20686
+ this.elementRef.nativeElement['extendedDesktop'] = value;
20614
20687
  }
20615
- get overflowXDesktop() {
20616
- return this.elementRef.nativeElement['overflowXDesktop'];
20688
+ get extendedDesktop() {
20689
+ return this.elementRef.nativeElement['extendedDesktop'];
20617
20690
  }
20618
20691
  set grow(value) {
20619
20692
  this.elementRef.nativeElement['grow'] = value;
@@ -20885,104 +20958,37 @@ class PxHstack {
20885
20958
  get orderDesktop() {
20886
20959
  return this.elementRef.nativeElement['orderDesktop'];
20887
20960
  }
20961
+ event = new EventEmitter();
20888
20962
  constructor(elementRef) {
20889
20963
  this.elementRef = elementRef;
20964
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20965
+ this.event.emit(e.detail);
20966
+ });
20890
20967
  }
20891
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20892
- 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"] }, ngImport: i0 });
20968
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20969
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFileupload, selector: "px-fileupload", 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"] }, outputs: { event: "event" }, ngImport: i0 });
20893
20970
  }
20894
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
20971
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
20895
20972
  type: Directive,
20896
20973
  args: [{
20897
- selector: 'px-hstack',
20974
+ selector: 'px-fileupload',
20898
20975
  }]
20899
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20900
- type: Input
20901
- }], directionMobile: [{
20902
- type: Input,
20903
- args: ['direction--mobile']
20904
- }], directionTablet: [{
20905
- type: Input,
20906
- args: ['direction--tablet']
20907
- }], directionLaptop: [{
20908
- type: Input,
20909
- args: ['direction--laptop']
20910
- }], directionDesktop: [{
20911
- type: Input,
20912
- args: ['direction--desktop']
20913
- }], gap: [{
20976
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20914
20977
  type: Input
20915
- }], gapMobile: [{
20916
- type: Input,
20917
- args: ['gap--mobile']
20918
- }], gapTablet: [{
20919
- type: Input,
20920
- args: ['gap--tablet']
20921
- }], gapLaptop: [{
20922
- type: Input,
20923
- args: ['gap--laptop']
20924
- }], gapDesktop: [{
20925
- type: Input,
20926
- args: ['gap--desktop']
20927
- }], justifyContent: [{
20928
- type: Input,
20929
- args: ['justify-content']
20930
- }], justifyContentMobile: [{
20931
- type: Input,
20932
- args: ['justify-content--mobile']
20933
- }], justifyContentTablet: [{
20934
- type: Input,
20935
- args: ['justify-content--tablet']
20936
- }], justifyContentLaptop: [{
20937
- type: Input,
20938
- args: ['justify-content--laptop']
20939
- }], justifyContentDesktop: [{
20940
- type: Input,
20941
- args: ['justify-content--desktop']
20942
- }], alignItems: [{
20943
- type: Input,
20944
- args: ['align-items']
20945
- }], alignItemsMobile: [{
20946
- type: Input,
20947
- args: ['align-items--mobile']
20948
- }], alignItemsTablet: [{
20949
- type: Input,
20950
- args: ['align-items--tablet']
20951
- }], alignItemsLaptop: [{
20952
- type: Input,
20953
- args: ['align-items--laptop']
20954
- }], alignItemsDesktop: [{
20955
- type: Input,
20956
- args: ['align-items--desktop']
20957
- }], wrap: [{
20978
+ }], extended: [{
20958
20979
  type: Input
20959
- }], wrapMobile: [{
20960
- type: Input,
20961
- args: ['wrap--mobile']
20962
- }], wrapTablet: [{
20963
- type: Input,
20964
- args: ['wrap--tablet']
20965
- }], wrapLaptop: [{
20966
- type: Input,
20967
- args: ['wrap--laptop']
20968
- }], wrapDesktop: [{
20969
- type: Input,
20970
- args: ['wrap--desktop']
20971
- }], overflowX: [{
20972
- type: Input,
20973
- args: ['overflow-x']
20974
- }], overflowXMobile: [{
20980
+ }], extendedMobile: [{
20975
20981
  type: Input,
20976
- args: ['overflow-x--mobile']
20977
- }], overflowXTablet: [{
20982
+ args: ['extended--mobile']
20983
+ }], extendedTablet: [{
20978
20984
  type: Input,
20979
- args: ['overflow-x--tablet']
20980
- }], overflowXLaptop: [{
20985
+ args: ['extended--tablet']
20986
+ }], extendedLaptop: [{
20981
20987
  type: Input,
20982
- args: ['overflow-x--laptop']
20983
- }], overflowXDesktop: [{
20988
+ args: ['extended--laptop']
20989
+ }], extendedDesktop: [{
20984
20990
  type: Input,
20985
- args: ['overflow-x--desktop']
20991
+ args: ['extended--desktop']
20986
20992
  }], grow: [{
20987
20993
  type: Input
20988
20994
  }], growMobile: [{
@@ -21113,6 +21119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21113
21119
  }], orderDesktop: [{
21114
21120
  type: Input,
21115
21121
  args: ['order--desktop']
21122
+ }], event: [{
21123
+ type: Output
21116
21124
  }] } });
21117
21125
  /**
21118
21126
  * @description Type-only wrapper for <px-a>
@@ -22558,6 +22566,12 @@ class PxModal {
22558
22566
  get mediaSrc() {
22559
22567
  return this.elementRef.nativeElement['mediaSrc'];
22560
22568
  }
22569
+ set openedby(value) {
22570
+ this.elementRef.nativeElement['openedby'] = value;
22571
+ }
22572
+ get openedby() {
22573
+ return this.elementRef.nativeElement['openedby'];
22574
+ }
22561
22575
  CLOSE_EVENT = new EventEmitter();
22562
22576
  constructor(elementRef) {
22563
22577
  this.elementRef = elementRef;
@@ -22566,7 +22580,7 @@ class PxModal {
22566
22580
  });
22567
22581
  }
22568
22582
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22569
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status", mediaSrc: ["media-src", "mediaSrc"] }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
22583
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status", mediaSrc: ["media-src", "mediaSrc"], openedby: "openedby" }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
22570
22584
  }
22571
22585
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, decorators: [{
22572
22586
  type: Directive,
@@ -22580,6 +22594,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22580
22594
  }], mediaSrc: [{
22581
22595
  type: Input,
22582
22596
  args: ['media-src']
22597
+ }], openedby: [{
22598
+ type: Input
22583
22599
  }], CLOSE_EVENT: [{
22584
22600
  type: Output
22585
22601
  }] } });
@@ -34425,7 +34441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34425
34441
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34426
34442
  class Lavender {
34427
34443
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34428
- 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, 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, PxList, PxListItem, PxModal, PxP, PxPillar, 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, 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, PxList, PxListItem, PxModal, PxP, PxPillar, 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] });
34444
+ 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, 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, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, 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, 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, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, 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] });
34429
34445
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34430
34446
  }
34431
34447
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34469,15 +34485,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34469
34485
  PxHeadingGroup,
34470
34486
  PxImg,
34471
34487
  PxPicture,
34472
- PxInput,
34473
- PxSelect,
34474
- PxTextarea,
34475
- PxFileupload,
34476
34488
  PxPage,
34477
34489
  PxSpacer,
34478
34490
  PxStack,
34479
34491
  PxVstack,
34480
34492
  PxHstack,
34493
+ PxInput,
34494
+ PxSelect,
34495
+ PxTextarea,
34496
+ PxFileupload,
34481
34497
  PxA,
34482
34498
  PxList,
34483
34499
  PxListItem,
@@ -34566,15 +34582,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34566
34582
  PxHeadingGroup,
34567
34583
  PxImg,
34568
34584
  PxPicture,
34569
- PxInput,
34570
- PxSelect,
34571
- PxTextarea,
34572
- PxFileupload,
34573
34585
  PxPage,
34574
34586
  PxSpacer,
34575
34587
  PxStack,
34576
34588
  PxVstack,
34577
34589
  PxHstack,
34590
+ PxInput,
34591
+ PxSelect,
34592
+ PxTextarea,
34593
+ PxFileupload,
34578
34594
  PxA,
34579
34595
  PxList,
34580
34596
  PxListItem,