@proximus/lavender-angular 1.4.5-alpha.3 → 1.4.5-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/esm2022/lavender.directive.mjs +1266 -1266
  3. package/fesm2022/proximus-lavender-angular.mjs +1265 -1265
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +288 -288
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -16677,39 +16677,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
16677
16677
  args: ['order--desktop']
16678
16678
  }] } });
16679
16679
  /**
16680
- * @description Type-only wrapper for <px-page>
16680
+ * @description Type-only wrapper for <px-input>
16681
16681
  */
16682
- class PxPage {
16682
+ class PxInput {
16683
16683
  elementRef;
16684
- set backgroundImage(value) {
16685
- this.elementRef.nativeElement['backgroundImage'] = value;
16684
+ set state(value) {
16685
+ this.elementRef.nativeElement['state'] = value;
16686
16686
  }
16687
- get backgroundImage() {
16688
- return this.elementRef.nativeElement['backgroundImage'];
16687
+ get state() {
16688
+ return this.elementRef.nativeElement['state'];
16689
16689
  }
16690
- set gap(value) {
16691
- this.elementRef.nativeElement['gap'] = value;
16690
+ set extended(value) {
16691
+ this.elementRef.nativeElement['extended'] = value;
16692
16692
  }
16693
- get gap() {
16694
- return this.elementRef.nativeElement['gap'];
16693
+ get extended() {
16694
+ return this.elementRef.nativeElement['extended'];
16695
16695
  }
16696
- set backgroundColor(value) {
16697
- this.elementRef.nativeElement['backgroundColor'] = value;
16696
+ set extendedMobile(value) {
16697
+ this.elementRef.nativeElement['extendedMobile'] = value;
16698
16698
  }
16699
- get backgroundColor() {
16700
- return this.elementRef.nativeElement['backgroundColor'];
16699
+ get extendedMobile() {
16700
+ return this.elementRef.nativeElement['extendedMobile'];
16701
16701
  }
16702
- set paddingVertical(value) {
16703
- this.elementRef.nativeElement['paddingVertical'] = value;
16702
+ set extendedTablet(value) {
16703
+ this.elementRef.nativeElement['extendedTablet'] = value;
16704
16704
  }
16705
- get paddingVertical() {
16706
- return this.elementRef.nativeElement['paddingVertical'];
16705
+ get extendedTablet() {
16706
+ return this.elementRef.nativeElement['extendedTablet'];
16707
16707
  }
16708
- set paddingHorizontal(value) {
16709
- this.elementRef.nativeElement['paddingHorizontal'] = value;
16708
+ set extendedLaptop(value) {
16709
+ this.elementRef.nativeElement['extendedLaptop'] = value;
16710
16710
  }
16711
- get paddingHorizontal() {
16712
- return this.elementRef.nativeElement['paddingHorizontal'];
16711
+ get extendedLaptop() {
16712
+ return this.elementRef.nativeElement['extendedLaptop'];
16713
+ }
16714
+ set extendedDesktop(value) {
16715
+ this.elementRef.nativeElement['extendedDesktop'] = value;
16716
+ }
16717
+ get extendedDesktop() {
16718
+ return this.elementRef.nativeElement['extendedDesktop'];
16713
16719
  }
16714
16720
  set grow(value) {
16715
16721
  this.elementRef.nativeElement['grow'] = value;
@@ -16981,31 +16987,37 @@ class PxPage {
16981
16987
  get orderDesktop() {
16982
16988
  return this.elementRef.nativeElement['orderDesktop'];
16983
16989
  }
16990
+ event = new EventEmitter();
16984
16991
  constructor(elementRef) {
16985
16992
  this.elementRef = elementRef;
16993
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
16994
+ this.event.emit(e.detail);
16995
+ });
16986
16996
  }
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 });
16997
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
16998
+ 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 });
16989
16999
  }
16990
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
17000
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
16991
17001
  type: Directive,
16992
17002
  args: [{
16993
- selector: 'px-page',
17003
+ selector: 'px-input',
16994
17004
  }]
16995
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
16996
- type: Input,
16997
- args: ['background-image']
16998
- }], gap: [{
17005
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
16999
17006
  type: Input
17000
- }], backgroundColor: [{
17007
+ }], extended: [{
17008
+ type: Input
17009
+ }], extendedMobile: [{
17001
17010
  type: Input,
17002
- args: ['background-color']
17003
- }], paddingVertical: [{
17011
+ args: ['extended--mobile']
17012
+ }], extendedTablet: [{
17004
17013
  type: Input,
17005
- args: ['padding-vertical']
17006
- }], paddingHorizontal: [{
17014
+ args: ['extended--tablet']
17015
+ }], extendedLaptop: [{
17007
17016
  type: Input,
17008
- args: ['padding-horizontal']
17017
+ args: ['extended--laptop']
17018
+ }], extendedDesktop: [{
17019
+ type: Input,
17020
+ args: ['extended--desktop']
17009
17021
  }], grow: [{
17010
17022
  type: Input
17011
17023
  }], growMobile: [{
@@ -17136,299 +17148,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17136
17148
  }], orderDesktop: [{
17137
17149
  type: Input,
17138
17150
  args: ['order--desktop']
17151
+ }], event: [{
17152
+ type: Output
17139
17153
  }] } });
17140
17154
  /**
17141
- * @description Type-only wrapper for <px-spacer>
17155
+ * @description Type-only wrapper for <px-select>
17142
17156
  */
17143
- class PxSpacer {
17157
+ class PxSelect {
17144
17158
  elementRef;
17145
- set grow(value) {
17146
- this.elementRef.nativeElement['grow'] = value;
17159
+ set state(value) {
17160
+ this.elementRef.nativeElement['state'] = value;
17147
17161
  }
17148
- get grow() {
17149
- return this.elementRef.nativeElement['grow'];
17162
+ get state() {
17163
+ return this.elementRef.nativeElement['state'];
17150
17164
  }
17151
- set nogap(value) {
17152
- this.elementRef.nativeElement['nogap'] = value;
17165
+ set extended(value) {
17166
+ this.elementRef.nativeElement['extended'] = value;
17153
17167
  }
17154
- get nogap() {
17155
- return this.elementRef.nativeElement['nogap'];
17168
+ get extended() {
17169
+ return this.elementRef.nativeElement['extended'];
17156
17170
  }
17157
- constructor(elementRef) {
17158
- this.elementRef = elementRef;
17171
+ set extendedMobile(value) {
17172
+ this.elementRef.nativeElement['extendedMobile'] = value;
17159
17173
  }
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;
17174
+ get extendedMobile() {
17175
+ return this.elementRef.nativeElement['extendedMobile'];
17180
17176
  }
17181
- get direction() {
17182
- return this.elementRef.nativeElement['direction'];
17177
+ set extendedTablet(value) {
17178
+ this.elementRef.nativeElement['extendedTablet'] = value;
17183
17179
  }
17184
- set directionMobile(value) {
17185
- this.elementRef.nativeElement['directionMobile'] = value;
17180
+ get extendedTablet() {
17181
+ return this.elementRef.nativeElement['extendedTablet'];
17186
17182
  }
17187
- get directionMobile() {
17188
- return this.elementRef.nativeElement['directionMobile'];
17183
+ set extendedLaptop(value) {
17184
+ this.elementRef.nativeElement['extendedLaptop'] = value;
17189
17185
  }
17190
- set directionTablet(value) {
17191
- this.elementRef.nativeElement['directionTablet'] = value;
17186
+ get extendedLaptop() {
17187
+ return this.elementRef.nativeElement['extendedLaptop'];
17192
17188
  }
17193
- get directionTablet() {
17194
- return this.elementRef.nativeElement['directionTablet'];
17189
+ set extendedDesktop(value) {
17190
+ this.elementRef.nativeElement['extendedDesktop'] = value;
17195
17191
  }
17196
- set directionLaptop(value) {
17197
- this.elementRef.nativeElement['directionLaptop'] = value;
17192
+ get extendedDesktop() {
17193
+ return this.elementRef.nativeElement['extendedDesktop'];
17198
17194
  }
17199
- get directionLaptop() {
17200
- return this.elementRef.nativeElement['directionLaptop'];
17195
+ set grow(value) {
17196
+ this.elementRef.nativeElement['grow'] = value;
17201
17197
  }
17202
- set directionDesktop(value) {
17203
- this.elementRef.nativeElement['directionDesktop'] = value;
17198
+ get grow() {
17199
+ return this.elementRef.nativeElement['grow'];
17204
17200
  }
17205
- get directionDesktop() {
17206
- return this.elementRef.nativeElement['directionDesktop'];
17201
+ set growMobile(value) {
17202
+ this.elementRef.nativeElement['growMobile'] = value;
17207
17203
  }
17208
- set gap(value) {
17209
- this.elementRef.nativeElement['gap'] = value;
17204
+ get growMobile() {
17205
+ return this.elementRef.nativeElement['growMobile'];
17210
17206
  }
17211
- get gap() {
17212
- return this.elementRef.nativeElement['gap'];
17207
+ set growTablet(value) {
17208
+ this.elementRef.nativeElement['growTablet'] = value;
17213
17209
  }
17214
- set gapMobile(value) {
17215
- this.elementRef.nativeElement['gapMobile'] = value;
17210
+ get growTablet() {
17211
+ return this.elementRef.nativeElement['growTablet'];
17216
17212
  }
17217
- get gapMobile() {
17218
- return this.elementRef.nativeElement['gapMobile'];
17213
+ set growLaptop(value) {
17214
+ this.elementRef.nativeElement['growLaptop'] = value;
17219
17215
  }
17220
- set gapTablet(value) {
17221
- this.elementRef.nativeElement['gapTablet'] = value;
17216
+ get growLaptop() {
17217
+ return this.elementRef.nativeElement['growLaptop'];
17222
17218
  }
17223
- get gapTablet() {
17224
- return this.elementRef.nativeElement['gapTablet'];
17219
+ set growDesktop(value) {
17220
+ this.elementRef.nativeElement['growDesktop'] = value;
17225
17221
  }
17226
- set gapLaptop(value) {
17227
- this.elementRef.nativeElement['gapLaptop'] = value;
17222
+ get growDesktop() {
17223
+ return this.elementRef.nativeElement['growDesktop'];
17228
17224
  }
17229
- get gapLaptop() {
17230
- return this.elementRef.nativeElement['gapLaptop'];
17225
+ set shrink(value) {
17226
+ this.elementRef.nativeElement['shrink'] = value;
17231
17227
  }
17232
- set gapDesktop(value) {
17233
- this.elementRef.nativeElement['gapDesktop'] = value;
17228
+ get shrink() {
17229
+ return this.elementRef.nativeElement['shrink'];
17234
17230
  }
17235
- get gapDesktop() {
17236
- return this.elementRef.nativeElement['gapDesktop'];
17231
+ set shrinkMobile(value) {
17232
+ this.elementRef.nativeElement['shrinkMobile'] = value;
17237
17233
  }
17238
- set justifyContent(value) {
17239
- this.elementRef.nativeElement['justifyContent'] = value;
17234
+ get shrinkMobile() {
17235
+ return this.elementRef.nativeElement['shrinkMobile'];
17240
17236
  }
17241
- get justifyContent() {
17242
- return this.elementRef.nativeElement['justifyContent'];
17237
+ set shrinkTablet(value) {
17238
+ this.elementRef.nativeElement['shrinkTablet'] = value;
17243
17239
  }
17244
- set justifyContentMobile(value) {
17245
- this.elementRef.nativeElement['justifyContentMobile'] = value;
17240
+ get shrinkTablet() {
17241
+ return this.elementRef.nativeElement['shrinkTablet'];
17246
17242
  }
17247
- get justifyContentMobile() {
17248
- return this.elementRef.nativeElement['justifyContentMobile'];
17243
+ set shrinkLaptop(value) {
17244
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
17249
17245
  }
17250
- set justifyContentTablet(value) {
17251
- this.elementRef.nativeElement['justifyContentTablet'] = value;
17246
+ get shrinkLaptop() {
17247
+ return this.elementRef.nativeElement['shrinkLaptop'];
17252
17248
  }
17253
- get justifyContentTablet() {
17254
- return this.elementRef.nativeElement['justifyContentTablet'];
17249
+ set shrinkDesktop(value) {
17250
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
17255
17251
  }
17256
- set justifyContentLaptop(value) {
17257
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
17252
+ get shrinkDesktop() {
17253
+ return this.elementRef.nativeElement['shrinkDesktop'];
17258
17254
  }
17259
- get justifyContentLaptop() {
17260
- return this.elementRef.nativeElement['justifyContentLaptop'];
17255
+ set basis(value) {
17256
+ this.elementRef.nativeElement['basis'] = value;
17261
17257
  }
17262
- set justifyContentDesktop(value) {
17263
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
17258
+ get basis() {
17259
+ return this.elementRef.nativeElement['basis'];
17264
17260
  }
17265
- get justifyContentDesktop() {
17266
- return this.elementRef.nativeElement['justifyContentDesktop'];
17261
+ set basisMobile(value) {
17262
+ this.elementRef.nativeElement['basisMobile'] = value;
17267
17263
  }
17268
- set alignItems(value) {
17269
- this.elementRef.nativeElement['alignItems'] = value;
17264
+ get basisMobile() {
17265
+ return this.elementRef.nativeElement['basisMobile'];
17270
17266
  }
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) {
17431
- this.elementRef.nativeElement['basisTablet'] = value;
17267
+ set basisTablet(value) {
17268
+ this.elementRef.nativeElement['basisTablet'] = value;
17432
17269
  }
17433
17270
  get basisTablet() {
17434
17271
  return this.elementRef.nativeElement['basisTablet'];
@@ -17625,150 +17462,83 @@ class PxStack {
17625
17462
  get orderDesktop() {
17626
17463
  return this.elementRef.nativeElement['orderDesktop'];
17627
17464
  }
17465
+ event = new EventEmitter();
17628
17466
  constructor(elementRef) {
17629
17467
  this.elementRef = elementRef;
17468
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
17469
+ this.event.emit(e.detail);
17470
+ });
17630
17471
  }
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 });
17472
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17473
+ 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 });
17633
17474
  }
17634
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
17475
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
17635
17476
  type: Directive,
17636
17477
  args: [{
17637
- selector: 'px-stack',
17478
+ selector: 'px-select',
17638
17479
  }]
17639
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
17480
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
17640
17481
  type: Input
17641
- }], directionMobile: [{
17482
+ }], extended: [{
17483
+ type: Input
17484
+ }], extendedMobile: [{
17642
17485
  type: Input,
17643
- args: ['direction--mobile']
17644
- }], directionTablet: [{
17486
+ args: ['extended--mobile']
17487
+ }], extendedTablet: [{
17645
17488
  type: Input,
17646
- args: ['direction--tablet']
17647
- }], directionLaptop: [{
17489
+ args: ['extended--tablet']
17490
+ }], extendedLaptop: [{
17648
17491
  type: Input,
17649
- args: ['direction--laptop']
17650
- }], directionDesktop: [{
17492
+ args: ['extended--laptop']
17493
+ }], extendedDesktop: [{
17651
17494
  type: Input,
17652
- args: ['direction--desktop']
17653
- }], gap: [{
17495
+ args: ['extended--desktop']
17496
+ }], grow: [{
17654
17497
  type: Input
17655
- }], gapMobile: [{
17656
- type: Input,
17657
- args: ['gap--mobile']
17658
- }], gapTablet: [{
17498
+ }], growMobile: [{
17659
17499
  type: Input,
17660
- args: ['gap--tablet']
17661
- }], gapLaptop: [{
17500
+ args: ['grow--mobile']
17501
+ }], growTablet: [{
17662
17502
  type: Input,
17663
- args: ['gap--laptop']
17664
- }], gapDesktop: [{
17503
+ args: ['grow--tablet']
17504
+ }], growLaptop: [{
17665
17505
  type: Input,
17666
- args: ['gap--desktop']
17667
- }], justifyContent: [{
17506
+ args: ['grow--laptop']
17507
+ }], growDesktop: [{
17668
17508
  type: Input,
17669
- args: ['justify-content']
17670
- }], justifyContentMobile: [{
17509
+ args: ['grow--desktop']
17510
+ }], shrink: [{
17511
+ type: Input
17512
+ }], shrinkMobile: [{
17671
17513
  type: Input,
17672
- args: ['justify-content--mobile']
17673
- }], justifyContentTablet: [{
17514
+ args: ['shrink--mobile']
17515
+ }], shrinkTablet: [{
17674
17516
  type: Input,
17675
- args: ['justify-content--tablet']
17676
- }], justifyContentLaptop: [{
17517
+ args: ['shrink--tablet']
17518
+ }], shrinkLaptop: [{
17677
17519
  type: Input,
17678
- args: ['justify-content--laptop']
17679
- }], justifyContentDesktop: [{
17520
+ args: ['shrink--laptop']
17521
+ }], shrinkDesktop: [{
17680
17522
  type: Input,
17681
- args: ['justify-content--desktop']
17682
- }], alignItems: [{
17523
+ args: ['shrink--desktop']
17524
+ }], basis: [{
17525
+ type: Input
17526
+ }], basisMobile: [{
17683
17527
  type: Input,
17684
- args: ['align-items']
17685
- }], alignItemsMobile: [{
17528
+ args: ['basis--mobile']
17529
+ }], basisTablet: [{
17686
17530
  type: Input,
17687
- args: ['align-items--mobile']
17688
- }], alignItemsTablet: [{
17531
+ args: ['basis--tablet']
17532
+ }], basisLaptop: [{
17689
17533
  type: Input,
17690
- args: ['align-items--tablet']
17691
- }], alignItemsLaptop: [{
17534
+ args: ['basis--laptop']
17535
+ }], basisDesktop: [{
17692
17536
  type: Input,
17693
- args: ['align-items--laptop']
17694
- }], alignItemsDesktop: [{
17537
+ args: ['basis--desktop']
17538
+ }], alignSelf: [{
17695
17539
  type: Input,
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: [{
17540
+ args: ['align-self']
17541
+ }], alignSelfMobile: [{
17772
17542
  type: Input,
17773
17543
  args: ['align-self--mobile']
17774
17544
  }], alignSelfTablet: [{
@@ -17853,287 +17623,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17853
17623
  }], orderDesktop: [{
17854
17624
  type: Input,
17855
17625
  args: ['order--desktop']
17626
+ }], event: [{
17627
+ type: Output
17856
17628
  }] } });
17857
17629
  /**
17858
- * @description Type-only wrapper for <px-vstack>
17630
+ * @description Type-only wrapper for <px-textarea>
17859
17631
  */
17860
- class PxVstack {
17632
+ class PxTextarea {
17861
17633
  elementRef;
17862
- set direction(value) {
17863
- this.elementRef.nativeElement['direction'] = value;
17634
+ set state(value) {
17635
+ this.elementRef.nativeElement['state'] = value;
17864
17636
  }
17865
- get direction() {
17866
- return this.elementRef.nativeElement['direction'];
17637
+ get state() {
17638
+ return this.elementRef.nativeElement['state'];
17867
17639
  }
17868
- set directionMobile(value) {
17869
- this.elementRef.nativeElement['directionMobile'] = value;
17640
+ set extended(value) {
17641
+ this.elementRef.nativeElement['extended'] = value;
17870
17642
  }
17871
- get directionMobile() {
17872
- return this.elementRef.nativeElement['directionMobile'];
17643
+ get extended() {
17644
+ return this.elementRef.nativeElement['extended'];
17873
17645
  }
17874
- set directionTablet(value) {
17875
- this.elementRef.nativeElement['directionTablet'] = value;
17646
+ set extendedMobile(value) {
17647
+ this.elementRef.nativeElement['extendedMobile'] = value;
17876
17648
  }
17877
- get directionTablet() {
17878
- return this.elementRef.nativeElement['directionTablet'];
17649
+ get extendedMobile() {
17650
+ return this.elementRef.nativeElement['extendedMobile'];
17879
17651
  }
17880
- set directionLaptop(value) {
17881
- this.elementRef.nativeElement['directionLaptop'] = value;
17652
+ set extendedTablet(value) {
17653
+ this.elementRef.nativeElement['extendedTablet'] = value;
17882
17654
  }
17883
- get directionLaptop() {
17884
- return this.elementRef.nativeElement['directionLaptop'];
17655
+ get extendedTablet() {
17656
+ return this.elementRef.nativeElement['extendedTablet'];
17885
17657
  }
17886
- set directionDesktop(value) {
17887
- this.elementRef.nativeElement['directionDesktop'] = value;
17658
+ set extendedLaptop(value) {
17659
+ this.elementRef.nativeElement['extendedLaptop'] = value;
17888
17660
  }
17889
- get directionDesktop() {
17890
- return this.elementRef.nativeElement['directionDesktop'];
17661
+ get extendedLaptop() {
17662
+ return this.elementRef.nativeElement['extendedLaptop'];
17891
17663
  }
17892
- set gap(value) {
17893
- this.elementRef.nativeElement['gap'] = value;
17664
+ set extendedDesktop(value) {
17665
+ this.elementRef.nativeElement['extendedDesktop'] = value;
17894
17666
  }
17895
- get gap() {
17896
- return this.elementRef.nativeElement['gap'];
17667
+ get extendedDesktop() {
17668
+ return this.elementRef.nativeElement['extendedDesktop'];
17897
17669
  }
17898
- set gapMobile(value) {
17899
- this.elementRef.nativeElement['gapMobile'] = value;
17670
+ set grow(value) {
17671
+ this.elementRef.nativeElement['grow'] = value;
17900
17672
  }
17901
- get gapMobile() {
17902
- return this.elementRef.nativeElement['gapMobile'];
17673
+ get grow() {
17674
+ return this.elementRef.nativeElement['grow'];
17903
17675
  }
17904
- set gapTablet(value) {
17905
- this.elementRef.nativeElement['gapTablet'] = value;
17676
+ set growMobile(value) {
17677
+ this.elementRef.nativeElement['growMobile'] = value;
17906
17678
  }
17907
- get gapTablet() {
17908
- return this.elementRef.nativeElement['gapTablet'];
17679
+ get growMobile() {
17680
+ return this.elementRef.nativeElement['growMobile'];
17909
17681
  }
17910
- set gapLaptop(value) {
17911
- this.elementRef.nativeElement['gapLaptop'] = value;
17682
+ set growTablet(value) {
17683
+ this.elementRef.nativeElement['growTablet'] = value;
17912
17684
  }
17913
- get gapLaptop() {
17914
- return this.elementRef.nativeElement['gapLaptop'];
17685
+ get growTablet() {
17686
+ return this.elementRef.nativeElement['growTablet'];
17915
17687
  }
17916
- set gapDesktop(value) {
17917
- this.elementRef.nativeElement['gapDesktop'] = value;
17688
+ set growLaptop(value) {
17689
+ this.elementRef.nativeElement['growLaptop'] = value;
17918
17690
  }
17919
- get gapDesktop() {
17920
- return this.elementRef.nativeElement['gapDesktop'];
17691
+ get growLaptop() {
17692
+ return this.elementRef.nativeElement['growLaptop'];
17921
17693
  }
17922
- set justifyContent(value) {
17923
- this.elementRef.nativeElement['justifyContent'] = value;
17694
+ set growDesktop(value) {
17695
+ this.elementRef.nativeElement['growDesktop'] = value;
17924
17696
  }
17925
- get justifyContent() {
17926
- return this.elementRef.nativeElement['justifyContent'];
17697
+ get growDesktop() {
17698
+ return this.elementRef.nativeElement['growDesktop'];
17927
17699
  }
17928
- set justifyContentMobile(value) {
17929
- this.elementRef.nativeElement['justifyContentMobile'] = value;
17700
+ set shrink(value) {
17701
+ this.elementRef.nativeElement['shrink'] = value;
17930
17702
  }
17931
- get justifyContentMobile() {
17932
- return this.elementRef.nativeElement['justifyContentMobile'];
17703
+ get shrink() {
17704
+ return this.elementRef.nativeElement['shrink'];
17933
17705
  }
17934
- set justifyContentTablet(value) {
17935
- this.elementRef.nativeElement['justifyContentTablet'] = value;
17706
+ set shrinkMobile(value) {
17707
+ this.elementRef.nativeElement['shrinkMobile'] = value;
17936
17708
  }
17937
- get justifyContentTablet() {
17938
- return this.elementRef.nativeElement['justifyContentTablet'];
17709
+ get shrinkMobile() {
17710
+ return this.elementRef.nativeElement['shrinkMobile'];
17939
17711
  }
17940
- set justifyContentLaptop(value) {
17941
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
17712
+ set shrinkTablet(value) {
17713
+ this.elementRef.nativeElement['shrinkTablet'] = value;
17942
17714
  }
17943
- get justifyContentLaptop() {
17944
- return this.elementRef.nativeElement['justifyContentLaptop'];
17715
+ get shrinkTablet() {
17716
+ return this.elementRef.nativeElement['shrinkTablet'];
17945
17717
  }
17946
- set justifyContentDesktop(value) {
17947
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
17718
+ set shrinkLaptop(value) {
17719
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
17948
17720
  }
17949
- get justifyContentDesktop() {
17950
- return this.elementRef.nativeElement['justifyContentDesktop'];
17721
+ get shrinkLaptop() {
17722
+ return this.elementRef.nativeElement['shrinkLaptop'];
17951
17723
  }
17952
- set alignItems(value) {
17953
- this.elementRef.nativeElement['alignItems'] = value;
17724
+ set shrinkDesktop(value) {
17725
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
17954
17726
  }
17955
- get alignItems() {
17956
- return this.elementRef.nativeElement['alignItems'];
17727
+ get shrinkDesktop() {
17728
+ return this.elementRef.nativeElement['shrinkDesktop'];
17957
17729
  }
17958
- set alignItemsMobile(value) {
17959
- this.elementRef.nativeElement['alignItemsMobile'] = value;
17730
+ set basis(value) {
17731
+ this.elementRef.nativeElement['basis'] = value;
17960
17732
  }
17961
- get alignItemsMobile() {
17962
- return this.elementRef.nativeElement['alignItemsMobile'];
17733
+ get basis() {
17734
+ return this.elementRef.nativeElement['basis'];
17963
17735
  }
17964
- set alignItemsTablet(value) {
17965
- this.elementRef.nativeElement['alignItemsTablet'] = value;
17736
+ set basisMobile(value) {
17737
+ this.elementRef.nativeElement['basisMobile'] = value;
17966
17738
  }
17967
- get alignItemsTablet() {
17968
- return this.elementRef.nativeElement['alignItemsTablet'];
17739
+ get basisMobile() {
17740
+ return this.elementRef.nativeElement['basisMobile'];
17969
17741
  }
17970
- set alignItemsLaptop(value) {
17971
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
17742
+ set basisTablet(value) {
17743
+ this.elementRef.nativeElement['basisTablet'] = value;
17972
17744
  }
17973
- get alignItemsLaptop() {
17974
- return this.elementRef.nativeElement['alignItemsLaptop'];
17745
+ get basisTablet() {
17746
+ return this.elementRef.nativeElement['basisTablet'];
17975
17747
  }
17976
- set alignItemsDesktop(value) {
17977
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
17748
+ set basisLaptop(value) {
17749
+ this.elementRef.nativeElement['basisLaptop'] = value;
17978
17750
  }
17979
- get alignItemsDesktop() {
17980
- return this.elementRef.nativeElement['alignItemsDesktop'];
17751
+ get basisLaptop() {
17752
+ return this.elementRef.nativeElement['basisLaptop'];
17981
17753
  }
17982
- set wrap(value) {
17983
- this.elementRef.nativeElement['wrap'] = value;
17754
+ set basisDesktop(value) {
17755
+ this.elementRef.nativeElement['basisDesktop'] = value;
17984
17756
  }
17985
- get wrap() {
17986
- return this.elementRef.nativeElement['wrap'];
17757
+ get basisDesktop() {
17758
+ return this.elementRef.nativeElement['basisDesktop'];
17987
17759
  }
17988
- set wrapMobile(value) {
17989
- this.elementRef.nativeElement['wrapMobile'] = value;
17760
+ set alignSelf(value) {
17761
+ this.elementRef.nativeElement['alignSelf'] = value;
17990
17762
  }
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) {
18133
- this.elementRef.nativeElement['alignSelf'] = value;
18134
- }
18135
- get alignSelf() {
18136
- return this.elementRef.nativeElement['alignSelf'];
17763
+ get alignSelf() {
17764
+ return this.elementRef.nativeElement['alignSelf'];
18137
17765
  }
18138
17766
  set alignSelfMobile(value) {
18139
17767
  this.elementRef.nativeElement['alignSelfMobile'] = value;
@@ -18309,104 +17937,37 @@ class PxVstack {
18309
17937
  get orderDesktop() {
18310
17938
  return this.elementRef.nativeElement['orderDesktop'];
18311
17939
  }
17940
+ event = new EventEmitter();
18312
17941
  constructor(elementRef) {
18313
17942
  this.elementRef = elementRef;
17943
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
17944
+ this.event.emit(e.detail);
17945
+ });
18314
17946
  }
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 });
17947
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17948
+ 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 });
18317
17949
  }
18318
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
17950
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
18319
17951
  type: Directive,
18320
17952
  args: [{
18321
- selector: 'px-vstack',
17953
+ selector: 'px-textarea',
18322
17954
  }]
18323
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
18324
- type: Input
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: [{
17955
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18338
17956
  type: Input
18339
- }], gapMobile: [{
18340
- type: Input,
18341
- args: ['gap--mobile']
18342
- }], gapTablet: [{
18343
- type: Input,
18344
- args: ['gap--tablet']
18345
- }], gapLaptop: [{
18346
- type: Input,
18347
- args: ['gap--laptop']
18348
- }], gapDesktop: [{
18349
- type: Input,
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: [{
17957
+ }], extended: [{
18382
17958
  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: [{
17959
+ }], extendedMobile: [{
18399
17960
  type: Input,
18400
- args: ['overflow-x--mobile']
18401
- }], overflowXTablet: [{
17961
+ args: ['extended--mobile']
17962
+ }], extendedTablet: [{
18402
17963
  type: Input,
18403
- args: ['overflow-x--tablet']
18404
- }], overflowXLaptop: [{
17964
+ args: ['extended--tablet']
17965
+ }], extendedLaptop: [{
18405
17966
  type: Input,
18406
- args: ['overflow-x--laptop']
18407
- }], overflowXDesktop: [{
17967
+ args: ['extended--laptop']
17968
+ }], extendedDesktop: [{
18408
17969
  type: Input,
18409
- args: ['overflow-x--desktop']
17970
+ args: ['extended--desktop']
18410
17971
  }], grow: [{
18411
17972
  type: Input
18412
17973
  }], growMobile: [{
@@ -18454,274 +18015,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18454
18015
  args: ['align-self']
18455
18016
  }], alignSelfMobile: [{
18456
18017
  type: Input,
18457
- args: ['align-self--mobile']
18458
- }], alignSelfTablet: [{
18459
- type: Input,
18460
- args: ['align-self--tablet']
18461
- }], alignSelfLaptop: [{
18462
- type: Input,
18463
- args: ['align-self--laptop']
18464
- }], alignSelfDesktop: [{
18465
- type: Input,
18466
- args: ['align-self--desktop']
18467
- }], justifySelf: [{
18468
- type: Input,
18469
- args: ['justify-self']
18470
- }], justifySelfMobile: [{
18471
- type: Input,
18472
- args: ['justify-self--mobile']
18473
- }], justifySelfTablet: [{
18474
- type: Input,
18475
- args: ['justify-self--tablet']
18476
- }], justifySelfLaptop: [{
18477
- type: Input,
18478
- args: ['justify-self--laptop']
18479
- }], justifySelfDesktop: [{
18480
- type: Input,
18481
- args: ['justify-self--desktop']
18482
- }], hidden: [{
18483
- type: Input
18484
- }], hiddenMobile: [{
18485
- type: Input,
18486
- args: ['hidden--mobile']
18487
- }], hiddenTablet: [{
18488
- type: Input,
18489
- args: ['hidden--tablet']
18490
- }], hiddenLaptop: [{
18491
- type: Input,
18492
- args: ['hidden--laptop']
18493
- }], hiddenDesktop: [{
18494
- type: Input,
18495
- args: ['hidden--desktop']
18496
- }], shownSr: [{
18497
- type: Input,
18498
- args: ['shown--sr']
18499
- }], shownSrMobile: [{
18500
- type: Input,
18501
- args: ['shown--sr--mobile']
18502
- }], shownSrTablet: [{
18503
- type: Input,
18504
- args: ['shown--sr--tablet']
18505
- }], shownSrLaptop: [{
18506
- type: Input,
18507
- args: ['shown--sr--laptop']
18508
- }], shownSrDesktop: [{
18509
- type: Input,
18510
- args: ['shown--sr--desktop']
18511
- }], colSpan: [{
18512
- type: Input,
18513
- args: ['col-span']
18514
- }], colSpanMobile: [{
18515
- type: Input,
18516
- args: ['col-span--mobile']
18517
- }], colSpanTablet: [{
18518
- type: Input,
18519
- args: ['col-span--tablet']
18520
- }], colSpanLaptop: [{
18521
- type: Input,
18522
- args: ['col-span--laptop']
18523
- }], colSpanDesktop: [{
18524
- type: Input,
18525
- args: ['col-span--desktop']
18526
- }], order: [{
18527
- type: Input
18528
- }], orderMobile: [{
18529
- type: Input,
18530
- args: ['order--mobile']
18531
- }], orderTablet: [{
18532
- type: Input,
18533
- args: ['order--tablet']
18534
- }], orderLaptop: [{
18535
- type: Input,
18536
- args: ['order--laptop']
18537
- }], orderDesktop: [{
18538
- type: Input,
18539
- args: ['order--desktop']
18540
- }] } });
18541
- /**
18542
- * @description Type-only wrapper for <px-hstack>
18543
- */
18544
- class PxHstack {
18545
- elementRef;
18546
- set direction(value) {
18547
- this.elementRef.nativeElement['direction'] = value;
18548
- }
18549
- get direction() {
18550
- return this.elementRef.nativeElement['direction'];
18551
- }
18552
- set directionMobile(value) {
18553
- this.elementRef.nativeElement['directionMobile'] = value;
18554
- }
18555
- get directionMobile() {
18556
- return this.elementRef.nativeElement['directionMobile'];
18557
- }
18558
- set directionTablet(value) {
18559
- this.elementRef.nativeElement['directionTablet'] = value;
18560
- }
18561
- get directionTablet() {
18562
- return this.elementRef.nativeElement['directionTablet'];
18563
- }
18564
- set directionLaptop(value) {
18565
- this.elementRef.nativeElement['directionLaptop'] = value;
18566
- }
18567
- get directionLaptop() {
18568
- return this.elementRef.nativeElement['directionLaptop'];
18569
- }
18570
- set directionDesktop(value) {
18571
- this.elementRef.nativeElement['directionDesktop'] = value;
18572
- }
18573
- get directionDesktop() {
18574
- return this.elementRef.nativeElement['directionDesktop'];
18575
- }
18576
- set gap(value) {
18577
- this.elementRef.nativeElement['gap'] = value;
18578
- }
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;
18018
+ args: ['align-self--mobile']
18019
+ }], alignSelfTablet: [{
18020
+ type: Input,
18021
+ args: ['align-self--tablet']
18022
+ }], alignSelfLaptop: [{
18023
+ type: Input,
18024
+ args: ['align-self--laptop']
18025
+ }], alignSelfDesktop: [{
18026
+ type: Input,
18027
+ args: ['align-self--desktop']
18028
+ }], justifySelf: [{
18029
+ type: Input,
18030
+ args: ['justify-self']
18031
+ }], justifySelfMobile: [{
18032
+ type: Input,
18033
+ args: ['justify-self--mobile']
18034
+ }], justifySelfTablet: [{
18035
+ type: Input,
18036
+ args: ['justify-self--tablet']
18037
+ }], justifySelfLaptop: [{
18038
+ type: Input,
18039
+ args: ['justify-self--laptop']
18040
+ }], justifySelfDesktop: [{
18041
+ type: Input,
18042
+ args: ['justify-self--desktop']
18043
+ }], hidden: [{
18044
+ type: Input
18045
+ }], hiddenMobile: [{
18046
+ type: Input,
18047
+ args: ['hidden--mobile']
18048
+ }], hiddenTablet: [{
18049
+ type: Input,
18050
+ args: ['hidden--tablet']
18051
+ }], hiddenLaptop: [{
18052
+ type: Input,
18053
+ args: ['hidden--laptop']
18054
+ }], hiddenDesktop: [{
18055
+ type: Input,
18056
+ args: ['hidden--desktop']
18057
+ }], shownSr: [{
18058
+ type: Input,
18059
+ args: ['shown--sr']
18060
+ }], shownSrMobile: [{
18061
+ type: Input,
18062
+ args: ['shown--sr--mobile']
18063
+ }], shownSrTablet: [{
18064
+ type: Input,
18065
+ args: ['shown--sr--tablet']
18066
+ }], shownSrLaptop: [{
18067
+ type: Input,
18068
+ args: ['shown--sr--laptop']
18069
+ }], shownSrDesktop: [{
18070
+ type: Input,
18071
+ args: ['shown--sr--desktop']
18072
+ }], colSpan: [{
18073
+ type: Input,
18074
+ args: ['col-span']
18075
+ }], colSpanMobile: [{
18076
+ type: Input,
18077
+ args: ['col-span--mobile']
18078
+ }], colSpanTablet: [{
18079
+ type: Input,
18080
+ args: ['col-span--tablet']
18081
+ }], colSpanLaptop: [{
18082
+ type: Input,
18083
+ args: ['col-span--laptop']
18084
+ }], colSpanDesktop: [{
18085
+ type: Input,
18086
+ args: ['col-span--desktop']
18087
+ }], order: [{
18088
+ type: Input
18089
+ }], orderMobile: [{
18090
+ type: Input,
18091
+ args: ['order--mobile']
18092
+ }], orderTablet: [{
18093
+ type: Input,
18094
+ args: ['order--tablet']
18095
+ }], orderLaptop: [{
18096
+ type: Input,
18097
+ args: ['order--laptop']
18098
+ }], orderDesktop: [{
18099
+ type: Input,
18100
+ args: ['order--desktop']
18101
+ }], event: [{
18102
+ type: Output
18103
+ }] } });
18104
+ /**
18105
+ * @description Type-only wrapper for <px-fileupload>
18106
+ */
18107
+ class PxFileupload {
18108
+ elementRef;
18109
+ set state(value) {
18110
+ this.elementRef.nativeElement['state'] = value;
18692
18111
  }
18693
- get wrapDesktop() {
18694
- return this.elementRef.nativeElement['wrapDesktop'];
18112
+ get state() {
18113
+ return this.elementRef.nativeElement['state'];
18695
18114
  }
18696
- set overflowX(value) {
18697
- this.elementRef.nativeElement['overflowX'] = value;
18115
+ set extended(value) {
18116
+ this.elementRef.nativeElement['extended'] = value;
18698
18117
  }
18699
- get overflowX() {
18700
- return this.elementRef.nativeElement['overflowX'];
18118
+ get extended() {
18119
+ return this.elementRef.nativeElement['extended'];
18701
18120
  }
18702
- set overflowXMobile(value) {
18703
- this.elementRef.nativeElement['overflowXMobile'] = value;
18121
+ set extendedMobile(value) {
18122
+ this.elementRef.nativeElement['extendedMobile'] = value;
18704
18123
  }
18705
- get overflowXMobile() {
18706
- return this.elementRef.nativeElement['overflowXMobile'];
18124
+ get extendedMobile() {
18125
+ return this.elementRef.nativeElement['extendedMobile'];
18707
18126
  }
18708
- set overflowXTablet(value) {
18709
- this.elementRef.nativeElement['overflowXTablet'] = value;
18127
+ set extendedTablet(value) {
18128
+ this.elementRef.nativeElement['extendedTablet'] = value;
18710
18129
  }
18711
- get overflowXTablet() {
18712
- return this.elementRef.nativeElement['overflowXTablet'];
18130
+ get extendedTablet() {
18131
+ return this.elementRef.nativeElement['extendedTablet'];
18713
18132
  }
18714
- set overflowXLaptop(value) {
18715
- this.elementRef.nativeElement['overflowXLaptop'] = value;
18133
+ set extendedLaptop(value) {
18134
+ this.elementRef.nativeElement['extendedLaptop'] = value;
18716
18135
  }
18717
- get overflowXLaptop() {
18718
- return this.elementRef.nativeElement['overflowXLaptop'];
18136
+ get extendedLaptop() {
18137
+ return this.elementRef.nativeElement['extendedLaptop'];
18719
18138
  }
18720
- set overflowXDesktop(value) {
18721
- this.elementRef.nativeElement['overflowXDesktop'] = value;
18139
+ set extendedDesktop(value) {
18140
+ this.elementRef.nativeElement['extendedDesktop'] = value;
18722
18141
  }
18723
- get overflowXDesktop() {
18724
- return this.elementRef.nativeElement['overflowXDesktop'];
18142
+ get extendedDesktop() {
18143
+ return this.elementRef.nativeElement['extendedDesktop'];
18725
18144
  }
18726
18145
  set grow(value) {
18727
18146
  this.elementRef.nativeElement['grow'] = value;
@@ -18993,104 +18412,37 @@ class PxHstack {
18993
18412
  get orderDesktop() {
18994
18413
  return this.elementRef.nativeElement['orderDesktop'];
18995
18414
  }
18415
+ event = new EventEmitter();
18996
18416
  constructor(elementRef) {
18997
18417
  this.elementRef = elementRef;
18418
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
18419
+ this.event.emit(e.detail);
18420
+ });
18998
18421
  }
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 });
18422
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18423
+ 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 });
19001
18424
  }
19002
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
18425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
19003
18426
  type: Directive,
19004
18427
  args: [{
19005
- selector: 'px-hstack',
18428
+ selector: 'px-fileupload',
19006
18429
  }]
19007
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
19008
- type: Input
19009
- }], directionMobile: [{
19010
- type: Input,
19011
- args: ['direction--mobile']
19012
- }], directionTablet: [{
19013
- type: Input,
19014
- args: ['direction--tablet']
19015
- }], directionLaptop: [{
19016
- type: Input,
19017
- args: ['direction--laptop']
19018
- }], directionDesktop: [{
19019
- type: Input,
19020
- args: ['direction--desktop']
19021
- }], gap: [{
18430
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
19022
18431
  type: Input
19023
- }], gapMobile: [{
19024
- type: Input,
19025
- args: ['gap--mobile']
19026
- }], gapTablet: [{
19027
- type: Input,
19028
- args: ['gap--tablet']
19029
- }], gapLaptop: [{
19030
- type: Input,
19031
- args: ['gap--laptop']
19032
- }], gapDesktop: [{
19033
- type: Input,
19034
- args: ['gap--desktop']
19035
- }], justifyContent: [{
19036
- type: Input,
19037
- args: ['justify-content']
19038
- }], justifyContentMobile: [{
19039
- type: Input,
19040
- args: ['justify-content--mobile']
19041
- }], justifyContentTablet: [{
19042
- type: Input,
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: [{
18432
+ }], extended: [{
19066
18433
  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: [{
18434
+ }], extendedMobile: [{
19083
18435
  type: Input,
19084
- args: ['overflow-x--mobile']
19085
- }], overflowXTablet: [{
18436
+ args: ['extended--mobile']
18437
+ }], extendedTablet: [{
19086
18438
  type: Input,
19087
- args: ['overflow-x--tablet']
19088
- }], overflowXLaptop: [{
18439
+ args: ['extended--tablet']
18440
+ }], extendedLaptop: [{
19089
18441
  type: Input,
19090
- args: ['overflow-x--laptop']
19091
- }], overflowXDesktop: [{
18442
+ args: ['extended--laptop']
18443
+ }], extendedDesktop: [{
19092
18444
  type: Input,
19093
- args: ['overflow-x--desktop']
18445
+ args: ['extended--desktop']
19094
18446
  }], grow: [{
19095
18447
  type: Input
19096
18448
  }], growMobile: [{
@@ -19221,47 +18573,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19221
18573
  }], orderDesktop: [{
19222
18574
  type: Input,
19223
18575
  args: ['order--desktop']
18576
+ }], event: [{
18577
+ type: Output
19224
18578
  }] } });
19225
18579
  /**
19226
- * @description Type-only wrapper for <px-input>
18580
+ * @description Type-only wrapper for <px-page>
19227
18581
  */
19228
- class PxInput {
18582
+ class PxPage {
19229
18583
  elementRef;
19230
- set state(value) {
19231
- this.elementRef.nativeElement['state'] = value;
19232
- }
19233
- get state() {
19234
- return this.elementRef.nativeElement['state'];
19235
- }
19236
- set extended(value) {
19237
- this.elementRef.nativeElement['extended'] = value;
18584
+ set backgroundImage(value) {
18585
+ this.elementRef.nativeElement['backgroundImage'] = value;
19238
18586
  }
19239
- get extended() {
19240
- return this.elementRef.nativeElement['extended'];
18587
+ get backgroundImage() {
18588
+ return this.elementRef.nativeElement['backgroundImage'];
19241
18589
  }
19242
- set extendedMobile(value) {
19243
- this.elementRef.nativeElement['extendedMobile'] = value;
18590
+ set gap(value) {
18591
+ this.elementRef.nativeElement['gap'] = value;
19244
18592
  }
19245
- get extendedMobile() {
19246
- return this.elementRef.nativeElement['extendedMobile'];
18593
+ get gap() {
18594
+ return this.elementRef.nativeElement['gap'];
19247
18595
  }
19248
- set extendedTablet(value) {
19249
- this.elementRef.nativeElement['extendedTablet'] = value;
18596
+ set backgroundColor(value) {
18597
+ this.elementRef.nativeElement['backgroundColor'] = value;
19250
18598
  }
19251
- get extendedTablet() {
19252
- return this.elementRef.nativeElement['extendedTablet'];
18599
+ get backgroundColor() {
18600
+ return this.elementRef.nativeElement['backgroundColor'];
19253
18601
  }
19254
- set extendedLaptop(value) {
19255
- this.elementRef.nativeElement['extendedLaptop'] = value;
18602
+ set paddingVertical(value) {
18603
+ this.elementRef.nativeElement['paddingVertical'] = value;
19256
18604
  }
19257
- get extendedLaptop() {
19258
- return this.elementRef.nativeElement['extendedLaptop'];
18605
+ get paddingVertical() {
18606
+ return this.elementRef.nativeElement['paddingVertical'];
19259
18607
  }
19260
- set extendedDesktop(value) {
19261
- this.elementRef.nativeElement['extendedDesktop'] = value;
18608
+ set paddingHorizontal(value) {
18609
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
19262
18610
  }
19263
- get extendedDesktop() {
19264
- return this.elementRef.nativeElement['extendedDesktop'];
18611
+ get paddingHorizontal() {
18612
+ return this.elementRef.nativeElement['paddingHorizontal'];
19265
18613
  }
19266
18614
  set grow(value) {
19267
18615
  this.elementRef.nativeElement['grow'] = value;
@@ -19533,37 +18881,31 @@ class PxInput {
19533
18881
  get orderDesktop() {
19534
18882
  return this.elementRef.nativeElement['orderDesktop'];
19535
18883
  }
19536
- event = new EventEmitter();
19537
18884
  constructor(elementRef) {
19538
18885
  this.elementRef = elementRef;
19539
- this.elementRef.nativeElement.addEventListener('event', (e) => {
19540
- this.event.emit(e.detail);
19541
- });
19542
18886
  }
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 });
18887
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18888
+ 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 });
19545
18889
  }
19546
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
18890
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
19547
18891
  type: Directive,
19548
18892
  args: [{
19549
- selector: 'px-input',
18893
+ selector: 'px-page',
19550
18894
  }]
19551
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
19552
- type: Input
19553
- }], extended: [{
19554
- type: Input
19555
- }], extendedMobile: [{
18895
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
19556
18896
  type: Input,
19557
- args: ['extended--mobile']
19558
- }], extendedTablet: [{
18897
+ args: ['background-image']
18898
+ }], gap: [{
18899
+ type: Input
18900
+ }], backgroundColor: [{
19559
18901
  type: Input,
19560
- args: ['extended--tablet']
19561
- }], extendedLaptop: [{
18902
+ args: ['background-color']
18903
+ }], paddingVertical: [{
19562
18904
  type: Input,
19563
- args: ['extended--laptop']
19564
- }], extendedDesktop: [{
18905
+ args: ['padding-vertical']
18906
+ }], paddingHorizontal: [{
19565
18907
  type: Input,
19566
- args: ['extended--desktop']
18908
+ args: ['padding-horizontal']
19567
18909
  }], grow: [{
19568
18910
  type: Input
19569
18911
  }], growMobile: [{
@@ -19694,49 +19036,224 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19694
19036
  }], orderDesktop: [{
19695
19037
  type: Input,
19696
19038
  args: ['order--desktop']
19697
- }], event: [{
19698
- type: Output
19699
19039
  }] } });
19700
19040
  /**
19701
- * @description Type-only wrapper for <px-select>
19041
+ * @description Type-only wrapper for <px-spacer>
19702
19042
  */
19703
- class PxSelect {
19043
+ class PxSpacer {
19704
19044
  elementRef;
19705
- set state(value) {
19706
- this.elementRef.nativeElement['state'] = value;
19045
+ set grow(value) {
19046
+ this.elementRef.nativeElement['grow'] = value;
19047
+ }
19048
+ get grow() {
19049
+ return this.elementRef.nativeElement['grow'];
19050
+ }
19051
+ set nogap(value) {
19052
+ this.elementRef.nativeElement['nogap'] = value;
19053
+ }
19054
+ get nogap() {
19055
+ return this.elementRef.nativeElement['nogap'];
19056
+ }
19057
+ constructor(elementRef) {
19058
+ this.elementRef = elementRef;
19059
+ }
19060
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19061
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
19062
+ }
19063
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
19064
+ type: Directive,
19065
+ args: [{
19066
+ selector: 'px-spacer',
19067
+ }]
19068
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
19069
+ type: Input
19070
+ }], nogap: [{
19071
+ type: Input
19072
+ }] } });
19073
+ /**
19074
+ * @description Type-only wrapper for <px-stack>
19075
+ */
19076
+ class PxStack {
19077
+ elementRef;
19078
+ set direction(value) {
19079
+ this.elementRef.nativeElement['direction'] = value;
19080
+ }
19081
+ get direction() {
19082
+ return this.elementRef.nativeElement['direction'];
19083
+ }
19084
+ set directionMobile(value) {
19085
+ this.elementRef.nativeElement['directionMobile'] = value;
19086
+ }
19087
+ get directionMobile() {
19088
+ return this.elementRef.nativeElement['directionMobile'];
19089
+ }
19090
+ set directionTablet(value) {
19091
+ this.elementRef.nativeElement['directionTablet'] = value;
19092
+ }
19093
+ get directionTablet() {
19094
+ return this.elementRef.nativeElement['directionTablet'];
19095
+ }
19096
+ set directionLaptop(value) {
19097
+ this.elementRef.nativeElement['directionLaptop'] = value;
19098
+ }
19099
+ get directionLaptop() {
19100
+ return this.elementRef.nativeElement['directionLaptop'];
19101
+ }
19102
+ set directionDesktop(value) {
19103
+ this.elementRef.nativeElement['directionDesktop'] = value;
19104
+ }
19105
+ get directionDesktop() {
19106
+ return this.elementRef.nativeElement['directionDesktop'];
19107
+ }
19108
+ set gap(value) {
19109
+ this.elementRef.nativeElement['gap'] = value;
19110
+ }
19111
+ get gap() {
19112
+ return this.elementRef.nativeElement['gap'];
19113
+ }
19114
+ set gapMobile(value) {
19115
+ this.elementRef.nativeElement['gapMobile'] = value;
19116
+ }
19117
+ get gapMobile() {
19118
+ return this.elementRef.nativeElement['gapMobile'];
19119
+ }
19120
+ set gapTablet(value) {
19121
+ this.elementRef.nativeElement['gapTablet'] = value;
19122
+ }
19123
+ get gapTablet() {
19124
+ return this.elementRef.nativeElement['gapTablet'];
19125
+ }
19126
+ set gapLaptop(value) {
19127
+ this.elementRef.nativeElement['gapLaptop'] = value;
19128
+ }
19129
+ get gapLaptop() {
19130
+ return this.elementRef.nativeElement['gapLaptop'];
19131
+ }
19132
+ set gapDesktop(value) {
19133
+ this.elementRef.nativeElement['gapDesktop'] = value;
19134
+ }
19135
+ get gapDesktop() {
19136
+ return this.elementRef.nativeElement['gapDesktop'];
19137
+ }
19138
+ set justifyContent(value) {
19139
+ this.elementRef.nativeElement['justifyContent'] = value;
19140
+ }
19141
+ get justifyContent() {
19142
+ return this.elementRef.nativeElement['justifyContent'];
19143
+ }
19144
+ set justifyContentMobile(value) {
19145
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
19146
+ }
19147
+ get justifyContentMobile() {
19148
+ return this.elementRef.nativeElement['justifyContentMobile'];
19149
+ }
19150
+ set justifyContentTablet(value) {
19151
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
19152
+ }
19153
+ get justifyContentTablet() {
19154
+ return this.elementRef.nativeElement['justifyContentTablet'];
19155
+ }
19156
+ set justifyContentLaptop(value) {
19157
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
19158
+ }
19159
+ get justifyContentLaptop() {
19160
+ return this.elementRef.nativeElement['justifyContentLaptop'];
19161
+ }
19162
+ set justifyContentDesktop(value) {
19163
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
19164
+ }
19165
+ get justifyContentDesktop() {
19166
+ return this.elementRef.nativeElement['justifyContentDesktop'];
19167
+ }
19168
+ set alignItems(value) {
19169
+ this.elementRef.nativeElement['alignItems'] = value;
19170
+ }
19171
+ get alignItems() {
19172
+ return this.elementRef.nativeElement['alignItems'];
19173
+ }
19174
+ set alignItemsMobile(value) {
19175
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
19176
+ }
19177
+ get alignItemsMobile() {
19178
+ return this.elementRef.nativeElement['alignItemsMobile'];
19179
+ }
19180
+ set alignItemsTablet(value) {
19181
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
19182
+ }
19183
+ get alignItemsTablet() {
19184
+ return this.elementRef.nativeElement['alignItemsTablet'];
19185
+ }
19186
+ set alignItemsLaptop(value) {
19187
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
19188
+ }
19189
+ get alignItemsLaptop() {
19190
+ return this.elementRef.nativeElement['alignItemsLaptop'];
19191
+ }
19192
+ set alignItemsDesktop(value) {
19193
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
19194
+ }
19195
+ get alignItemsDesktop() {
19196
+ return this.elementRef.nativeElement['alignItemsDesktop'];
19197
+ }
19198
+ set wrap(value) {
19199
+ this.elementRef.nativeElement['wrap'] = value;
19200
+ }
19201
+ get wrap() {
19202
+ return this.elementRef.nativeElement['wrap'];
19203
+ }
19204
+ set wrapMobile(value) {
19205
+ this.elementRef.nativeElement['wrapMobile'] = value;
19206
+ }
19207
+ get wrapMobile() {
19208
+ return this.elementRef.nativeElement['wrapMobile'];
19209
+ }
19210
+ set wrapTablet(value) {
19211
+ this.elementRef.nativeElement['wrapTablet'] = value;
19212
+ }
19213
+ get wrapTablet() {
19214
+ return this.elementRef.nativeElement['wrapTablet'];
19215
+ }
19216
+ set wrapLaptop(value) {
19217
+ this.elementRef.nativeElement['wrapLaptop'] = value;
19218
+ }
19219
+ get wrapLaptop() {
19220
+ return this.elementRef.nativeElement['wrapLaptop'];
19221
+ }
19222
+ set wrapDesktop(value) {
19223
+ this.elementRef.nativeElement['wrapDesktop'] = value;
19707
19224
  }
19708
- get state() {
19709
- return this.elementRef.nativeElement['state'];
19225
+ get wrapDesktop() {
19226
+ return this.elementRef.nativeElement['wrapDesktop'];
19710
19227
  }
19711
- set extended(value) {
19712
- this.elementRef.nativeElement['extended'] = value;
19228
+ set overflowX(value) {
19229
+ this.elementRef.nativeElement['overflowX'] = value;
19713
19230
  }
19714
- get extended() {
19715
- return this.elementRef.nativeElement['extended'];
19231
+ get overflowX() {
19232
+ return this.elementRef.nativeElement['overflowX'];
19716
19233
  }
19717
- set extendedMobile(value) {
19718
- this.elementRef.nativeElement['extendedMobile'] = value;
19234
+ set overflowXMobile(value) {
19235
+ this.elementRef.nativeElement['overflowXMobile'] = value;
19719
19236
  }
19720
- get extendedMobile() {
19721
- return this.elementRef.nativeElement['extendedMobile'];
19237
+ get overflowXMobile() {
19238
+ return this.elementRef.nativeElement['overflowXMobile'];
19722
19239
  }
19723
- set extendedTablet(value) {
19724
- this.elementRef.nativeElement['extendedTablet'] = value;
19240
+ set overflowXTablet(value) {
19241
+ this.elementRef.nativeElement['overflowXTablet'] = value;
19725
19242
  }
19726
- get extendedTablet() {
19727
- return this.elementRef.nativeElement['extendedTablet'];
19243
+ get overflowXTablet() {
19244
+ return this.elementRef.nativeElement['overflowXTablet'];
19728
19245
  }
19729
- set extendedLaptop(value) {
19730
- this.elementRef.nativeElement['extendedLaptop'] = value;
19246
+ set overflowXLaptop(value) {
19247
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
19731
19248
  }
19732
- get extendedLaptop() {
19733
- return this.elementRef.nativeElement['extendedLaptop'];
19249
+ get overflowXLaptop() {
19250
+ return this.elementRef.nativeElement['overflowXLaptop'];
19734
19251
  }
19735
- set extendedDesktop(value) {
19736
- this.elementRef.nativeElement['extendedDesktop'] = value;
19252
+ set overflowXDesktop(value) {
19253
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
19737
19254
  }
19738
- get extendedDesktop() {
19739
- return this.elementRef.nativeElement['extendedDesktop'];
19255
+ get overflowXDesktop() {
19256
+ return this.elementRef.nativeElement['overflowXDesktop'];
19740
19257
  }
19741
19258
  set grow(value) {
19742
19259
  this.elementRef.nativeElement['grow'] = value;
@@ -20008,37 +19525,104 @@ class PxSelect {
20008
19525
  get orderDesktop() {
20009
19526
  return this.elementRef.nativeElement['orderDesktop'];
20010
19527
  }
20011
- event = new EventEmitter();
20012
19528
  constructor(elementRef) {
20013
19529
  this.elementRef = elementRef;
20014
- this.elementRef.nativeElement.addEventListener('event', (e) => {
20015
- this.event.emit(e.detail);
20016
- });
20017
19530
  }
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 });
19531
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19532
+ 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 });
20020
19533
  }
20021
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
19534
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
20022
19535
  type: Directive,
20023
19536
  args: [{
20024
- selector: 'px-select',
19537
+ selector: 'px-stack',
20025
19538
  }]
20026
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
19539
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20027
19540
  type: Input
20028
- }], extended: [{
19541
+ }], directionMobile: [{
19542
+ type: Input,
19543
+ args: ['direction--mobile']
19544
+ }], directionTablet: [{
19545
+ type: Input,
19546
+ args: ['direction--tablet']
19547
+ }], directionLaptop: [{
19548
+ type: Input,
19549
+ args: ['direction--laptop']
19550
+ }], directionDesktop: [{
19551
+ type: Input,
19552
+ args: ['direction--desktop']
19553
+ }], gap: [{
20029
19554
  type: Input
20030
- }], extendedMobile: [{
19555
+ }], gapMobile: [{
20031
19556
  type: Input,
20032
- args: ['extended--mobile']
20033
- }], extendedTablet: [{
19557
+ args: ['gap--mobile']
19558
+ }], gapTablet: [{
20034
19559
  type: Input,
20035
- args: ['extended--tablet']
20036
- }], extendedLaptop: [{
19560
+ args: ['gap--tablet']
19561
+ }], gapLaptop: [{
20037
19562
  type: Input,
20038
- args: ['extended--laptop']
20039
- }], extendedDesktop: [{
19563
+ args: ['gap--laptop']
19564
+ }], gapDesktop: [{
20040
19565
  type: Input,
20041
- args: ['extended--desktop']
19566
+ args: ['gap--desktop']
19567
+ }], justifyContent: [{
19568
+ type: Input,
19569
+ args: ['justify-content']
19570
+ }], justifyContentMobile: [{
19571
+ type: Input,
19572
+ args: ['justify-content--mobile']
19573
+ }], justifyContentTablet: [{
19574
+ type: Input,
19575
+ args: ['justify-content--tablet']
19576
+ }], justifyContentLaptop: [{
19577
+ type: Input,
19578
+ args: ['justify-content--laptop']
19579
+ }], justifyContentDesktop: [{
19580
+ type: Input,
19581
+ args: ['justify-content--desktop']
19582
+ }], alignItems: [{
19583
+ type: Input,
19584
+ args: ['align-items']
19585
+ }], alignItemsMobile: [{
19586
+ type: Input,
19587
+ args: ['align-items--mobile']
19588
+ }], alignItemsTablet: [{
19589
+ type: Input,
19590
+ args: ['align-items--tablet']
19591
+ }], alignItemsLaptop: [{
19592
+ type: Input,
19593
+ args: ['align-items--laptop']
19594
+ }], alignItemsDesktop: [{
19595
+ type: Input,
19596
+ args: ['align-items--desktop']
19597
+ }], wrap: [{
19598
+ type: Input
19599
+ }], wrapMobile: [{
19600
+ type: Input,
19601
+ args: ['wrap--mobile']
19602
+ }], wrapTablet: [{
19603
+ type: Input,
19604
+ args: ['wrap--tablet']
19605
+ }], wrapLaptop: [{
19606
+ type: Input,
19607
+ args: ['wrap--laptop']
19608
+ }], wrapDesktop: [{
19609
+ type: Input,
19610
+ args: ['wrap--desktop']
19611
+ }], overflowX: [{
19612
+ type: Input,
19613
+ args: ['overflow-x']
19614
+ }], overflowXMobile: [{
19615
+ type: Input,
19616
+ args: ['overflow-x--mobile']
19617
+ }], overflowXTablet: [{
19618
+ type: Input,
19619
+ args: ['overflow-x--tablet']
19620
+ }], overflowXLaptop: [{
19621
+ type: Input,
19622
+ args: ['overflow-x--laptop']
19623
+ }], overflowXDesktop: [{
19624
+ type: Input,
19625
+ args: ['overflow-x--desktop']
20042
19626
  }], grow: [{
20043
19627
  type: Input
20044
19628
  }], growMobile: [{
@@ -20169,49 +19753,191 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20169
19753
  }], orderDesktop: [{
20170
19754
  type: Input,
20171
19755
  args: ['order--desktop']
20172
- }], event: [{
20173
- type: Output
20174
19756
  }] } });
20175
19757
  /**
20176
- * @description Type-only wrapper for <px-textarea>
19758
+ * @description Type-only wrapper for <px-vstack>
20177
19759
  */
20178
- class PxTextarea {
19760
+ class PxVstack {
20179
19761
  elementRef;
20180
- set state(value) {
20181
- this.elementRef.nativeElement['state'] = value;
19762
+ set direction(value) {
19763
+ this.elementRef.nativeElement['direction'] = value;
19764
+ }
19765
+ get direction() {
19766
+ return this.elementRef.nativeElement['direction'];
19767
+ }
19768
+ set directionMobile(value) {
19769
+ this.elementRef.nativeElement['directionMobile'] = value;
19770
+ }
19771
+ get directionMobile() {
19772
+ return this.elementRef.nativeElement['directionMobile'];
19773
+ }
19774
+ set directionTablet(value) {
19775
+ this.elementRef.nativeElement['directionTablet'] = value;
19776
+ }
19777
+ get directionTablet() {
19778
+ return this.elementRef.nativeElement['directionTablet'];
19779
+ }
19780
+ set directionLaptop(value) {
19781
+ this.elementRef.nativeElement['directionLaptop'] = value;
19782
+ }
19783
+ get directionLaptop() {
19784
+ return this.elementRef.nativeElement['directionLaptop'];
19785
+ }
19786
+ set directionDesktop(value) {
19787
+ this.elementRef.nativeElement['directionDesktop'] = value;
19788
+ }
19789
+ get directionDesktop() {
19790
+ return this.elementRef.nativeElement['directionDesktop'];
19791
+ }
19792
+ set gap(value) {
19793
+ this.elementRef.nativeElement['gap'] = value;
19794
+ }
19795
+ get gap() {
19796
+ return this.elementRef.nativeElement['gap'];
19797
+ }
19798
+ set gapMobile(value) {
19799
+ this.elementRef.nativeElement['gapMobile'] = value;
19800
+ }
19801
+ get gapMobile() {
19802
+ return this.elementRef.nativeElement['gapMobile'];
19803
+ }
19804
+ set gapTablet(value) {
19805
+ this.elementRef.nativeElement['gapTablet'] = value;
19806
+ }
19807
+ get gapTablet() {
19808
+ return this.elementRef.nativeElement['gapTablet'];
19809
+ }
19810
+ set gapLaptop(value) {
19811
+ this.elementRef.nativeElement['gapLaptop'] = value;
19812
+ }
19813
+ get gapLaptop() {
19814
+ return this.elementRef.nativeElement['gapLaptop'];
19815
+ }
19816
+ set gapDesktop(value) {
19817
+ this.elementRef.nativeElement['gapDesktop'] = value;
19818
+ }
19819
+ get gapDesktop() {
19820
+ return this.elementRef.nativeElement['gapDesktop'];
19821
+ }
19822
+ set justifyContent(value) {
19823
+ this.elementRef.nativeElement['justifyContent'] = value;
19824
+ }
19825
+ get justifyContent() {
19826
+ return this.elementRef.nativeElement['justifyContent'];
19827
+ }
19828
+ set justifyContentMobile(value) {
19829
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
19830
+ }
19831
+ get justifyContentMobile() {
19832
+ return this.elementRef.nativeElement['justifyContentMobile'];
19833
+ }
19834
+ set justifyContentTablet(value) {
19835
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
19836
+ }
19837
+ get justifyContentTablet() {
19838
+ return this.elementRef.nativeElement['justifyContentTablet'];
19839
+ }
19840
+ set justifyContentLaptop(value) {
19841
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
19842
+ }
19843
+ get justifyContentLaptop() {
19844
+ return this.elementRef.nativeElement['justifyContentLaptop'];
19845
+ }
19846
+ set justifyContentDesktop(value) {
19847
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
19848
+ }
19849
+ get justifyContentDesktop() {
19850
+ return this.elementRef.nativeElement['justifyContentDesktop'];
19851
+ }
19852
+ set alignItems(value) {
19853
+ this.elementRef.nativeElement['alignItems'] = value;
19854
+ }
19855
+ get alignItems() {
19856
+ return this.elementRef.nativeElement['alignItems'];
19857
+ }
19858
+ set alignItemsMobile(value) {
19859
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
19860
+ }
19861
+ get alignItemsMobile() {
19862
+ return this.elementRef.nativeElement['alignItemsMobile'];
20182
19863
  }
20183
- get state() {
20184
- return this.elementRef.nativeElement['state'];
19864
+ set alignItemsTablet(value) {
19865
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
20185
19866
  }
20186
- set extended(value) {
20187
- this.elementRef.nativeElement['extended'] = value;
19867
+ get alignItemsTablet() {
19868
+ return this.elementRef.nativeElement['alignItemsTablet'];
20188
19869
  }
20189
- get extended() {
20190
- return this.elementRef.nativeElement['extended'];
19870
+ set alignItemsLaptop(value) {
19871
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
20191
19872
  }
20192
- set extendedMobile(value) {
20193
- this.elementRef.nativeElement['extendedMobile'] = value;
19873
+ get alignItemsLaptop() {
19874
+ return this.elementRef.nativeElement['alignItemsLaptop'];
20194
19875
  }
20195
- get extendedMobile() {
20196
- return this.elementRef.nativeElement['extendedMobile'];
19876
+ set alignItemsDesktop(value) {
19877
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
20197
19878
  }
20198
- set extendedTablet(value) {
20199
- this.elementRef.nativeElement['extendedTablet'] = value;
19879
+ get alignItemsDesktop() {
19880
+ return this.elementRef.nativeElement['alignItemsDesktop'];
20200
19881
  }
20201
- get extendedTablet() {
20202
- return this.elementRef.nativeElement['extendedTablet'];
19882
+ set wrap(value) {
19883
+ this.elementRef.nativeElement['wrap'] = value;
20203
19884
  }
20204
- set extendedLaptop(value) {
20205
- this.elementRef.nativeElement['extendedLaptop'] = value;
19885
+ get wrap() {
19886
+ return this.elementRef.nativeElement['wrap'];
20206
19887
  }
20207
- get extendedLaptop() {
20208
- return this.elementRef.nativeElement['extendedLaptop'];
19888
+ set wrapMobile(value) {
19889
+ this.elementRef.nativeElement['wrapMobile'] = value;
20209
19890
  }
20210
- set extendedDesktop(value) {
20211
- this.elementRef.nativeElement['extendedDesktop'] = value;
19891
+ get wrapMobile() {
19892
+ return this.elementRef.nativeElement['wrapMobile'];
20212
19893
  }
20213
- get extendedDesktop() {
20214
- return this.elementRef.nativeElement['extendedDesktop'];
19894
+ set wrapTablet(value) {
19895
+ this.elementRef.nativeElement['wrapTablet'] = value;
19896
+ }
19897
+ get wrapTablet() {
19898
+ return this.elementRef.nativeElement['wrapTablet'];
19899
+ }
19900
+ set wrapLaptop(value) {
19901
+ this.elementRef.nativeElement['wrapLaptop'] = value;
19902
+ }
19903
+ get wrapLaptop() {
19904
+ return this.elementRef.nativeElement['wrapLaptop'];
19905
+ }
19906
+ set wrapDesktop(value) {
19907
+ this.elementRef.nativeElement['wrapDesktop'] = value;
19908
+ }
19909
+ get wrapDesktop() {
19910
+ return this.elementRef.nativeElement['wrapDesktop'];
19911
+ }
19912
+ set overflowX(value) {
19913
+ this.elementRef.nativeElement['overflowX'] = value;
19914
+ }
19915
+ get overflowX() {
19916
+ return this.elementRef.nativeElement['overflowX'];
19917
+ }
19918
+ set overflowXMobile(value) {
19919
+ this.elementRef.nativeElement['overflowXMobile'] = value;
19920
+ }
19921
+ get overflowXMobile() {
19922
+ return this.elementRef.nativeElement['overflowXMobile'];
19923
+ }
19924
+ set overflowXTablet(value) {
19925
+ this.elementRef.nativeElement['overflowXTablet'] = value;
19926
+ }
19927
+ get overflowXTablet() {
19928
+ return this.elementRef.nativeElement['overflowXTablet'];
19929
+ }
19930
+ set overflowXLaptop(value) {
19931
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
19932
+ }
19933
+ get overflowXLaptop() {
19934
+ return this.elementRef.nativeElement['overflowXLaptop'];
19935
+ }
19936
+ set overflowXDesktop(value) {
19937
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
19938
+ }
19939
+ get overflowXDesktop() {
19940
+ return this.elementRef.nativeElement['overflowXDesktop'];
20215
19941
  }
20216
19942
  set grow(value) {
20217
19943
  this.elementRef.nativeElement['grow'] = value;
@@ -20483,37 +20209,104 @@ class PxTextarea {
20483
20209
  get orderDesktop() {
20484
20210
  return this.elementRef.nativeElement['orderDesktop'];
20485
20211
  }
20486
- event = new EventEmitter();
20487
20212
  constructor(elementRef) {
20488
20213
  this.elementRef = elementRef;
20489
- this.elementRef.nativeElement.addEventListener('event', (e) => {
20490
- this.event.emit(e.detail);
20491
- });
20492
20214
  }
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 });
20215
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20216
+ 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 });
20495
20217
  }
20496
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
20218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
20497
20219
  type: Directive,
20498
20220
  args: [{
20499
- selector: 'px-textarea',
20221
+ selector: 'px-vstack',
20500
20222
  }]
20501
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20223
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20502
20224
  type: Input
20503
- }], extended: [{
20225
+ }], directionMobile: [{
20226
+ type: Input,
20227
+ args: ['direction--mobile']
20228
+ }], directionTablet: [{
20229
+ type: Input,
20230
+ args: ['direction--tablet']
20231
+ }], directionLaptop: [{
20232
+ type: Input,
20233
+ args: ['direction--laptop']
20234
+ }], directionDesktop: [{
20235
+ type: Input,
20236
+ args: ['direction--desktop']
20237
+ }], gap: [{
20504
20238
  type: Input
20505
- }], extendedMobile: [{
20239
+ }], gapMobile: [{
20506
20240
  type: Input,
20507
- args: ['extended--mobile']
20508
- }], extendedTablet: [{
20241
+ args: ['gap--mobile']
20242
+ }], gapTablet: [{
20509
20243
  type: Input,
20510
- args: ['extended--tablet']
20511
- }], extendedLaptop: [{
20244
+ args: ['gap--tablet']
20245
+ }], gapLaptop: [{
20512
20246
  type: Input,
20513
- args: ['extended--laptop']
20514
- }], extendedDesktop: [{
20247
+ args: ['gap--laptop']
20248
+ }], gapDesktop: [{
20515
20249
  type: Input,
20516
- args: ['extended--desktop']
20250
+ args: ['gap--desktop']
20251
+ }], justifyContent: [{
20252
+ type: Input,
20253
+ args: ['justify-content']
20254
+ }], justifyContentMobile: [{
20255
+ type: Input,
20256
+ args: ['justify-content--mobile']
20257
+ }], justifyContentTablet: [{
20258
+ type: Input,
20259
+ args: ['justify-content--tablet']
20260
+ }], justifyContentLaptop: [{
20261
+ type: Input,
20262
+ args: ['justify-content--laptop']
20263
+ }], justifyContentDesktop: [{
20264
+ type: Input,
20265
+ args: ['justify-content--desktop']
20266
+ }], alignItems: [{
20267
+ type: Input,
20268
+ args: ['align-items']
20269
+ }], alignItemsMobile: [{
20270
+ type: Input,
20271
+ args: ['align-items--mobile']
20272
+ }], alignItemsTablet: [{
20273
+ type: Input,
20274
+ args: ['align-items--tablet']
20275
+ }], alignItemsLaptop: [{
20276
+ type: Input,
20277
+ args: ['align-items--laptop']
20278
+ }], alignItemsDesktop: [{
20279
+ type: Input,
20280
+ args: ['align-items--desktop']
20281
+ }], wrap: [{
20282
+ type: Input
20283
+ }], wrapMobile: [{
20284
+ type: Input,
20285
+ args: ['wrap--mobile']
20286
+ }], wrapTablet: [{
20287
+ type: Input,
20288
+ args: ['wrap--tablet']
20289
+ }], wrapLaptop: [{
20290
+ type: Input,
20291
+ args: ['wrap--laptop']
20292
+ }], wrapDesktop: [{
20293
+ type: Input,
20294
+ args: ['wrap--desktop']
20295
+ }], overflowX: [{
20296
+ type: Input,
20297
+ args: ['overflow-x']
20298
+ }], overflowXMobile: [{
20299
+ type: Input,
20300
+ args: ['overflow-x--mobile']
20301
+ }], overflowXTablet: [{
20302
+ type: Input,
20303
+ args: ['overflow-x--tablet']
20304
+ }], overflowXLaptop: [{
20305
+ type: Input,
20306
+ args: ['overflow-x--laptop']
20307
+ }], overflowXDesktop: [{
20308
+ type: Input,
20309
+ args: ['overflow-x--desktop']
20517
20310
  }], grow: [{
20518
20311
  type: Input
20519
20312
  }], growMobile: [{
@@ -20644,49 +20437,191 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20644
20437
  }], orderDesktop: [{
20645
20438
  type: Input,
20646
20439
  args: ['order--desktop']
20647
- }], event: [{
20648
- type: Output
20649
20440
  }] } });
20650
20441
  /**
20651
- * @description Type-only wrapper for <px-fileupload>
20442
+ * @description Type-only wrapper for <px-hstack>
20652
20443
  */
20653
- class PxFileupload {
20444
+ class PxHstack {
20654
20445
  elementRef;
20655
- set state(value) {
20656
- this.elementRef.nativeElement['state'] = value;
20446
+ set direction(value) {
20447
+ this.elementRef.nativeElement['direction'] = value;
20448
+ }
20449
+ get direction() {
20450
+ return this.elementRef.nativeElement['direction'];
20451
+ }
20452
+ set directionMobile(value) {
20453
+ this.elementRef.nativeElement['directionMobile'] = value;
20454
+ }
20455
+ get directionMobile() {
20456
+ return this.elementRef.nativeElement['directionMobile'];
20457
+ }
20458
+ set directionTablet(value) {
20459
+ this.elementRef.nativeElement['directionTablet'] = value;
20460
+ }
20461
+ get directionTablet() {
20462
+ return this.elementRef.nativeElement['directionTablet'];
20463
+ }
20464
+ set directionLaptop(value) {
20465
+ this.elementRef.nativeElement['directionLaptop'] = value;
20466
+ }
20467
+ get directionLaptop() {
20468
+ return this.elementRef.nativeElement['directionLaptop'];
20469
+ }
20470
+ set directionDesktop(value) {
20471
+ this.elementRef.nativeElement['directionDesktop'] = value;
20472
+ }
20473
+ get directionDesktop() {
20474
+ return this.elementRef.nativeElement['directionDesktop'];
20475
+ }
20476
+ set gap(value) {
20477
+ this.elementRef.nativeElement['gap'] = value;
20478
+ }
20479
+ get gap() {
20480
+ return this.elementRef.nativeElement['gap'];
20481
+ }
20482
+ set gapMobile(value) {
20483
+ this.elementRef.nativeElement['gapMobile'] = value;
20484
+ }
20485
+ get gapMobile() {
20486
+ return this.elementRef.nativeElement['gapMobile'];
20487
+ }
20488
+ set gapTablet(value) {
20489
+ this.elementRef.nativeElement['gapTablet'] = value;
20490
+ }
20491
+ get gapTablet() {
20492
+ return this.elementRef.nativeElement['gapTablet'];
20493
+ }
20494
+ set gapLaptop(value) {
20495
+ this.elementRef.nativeElement['gapLaptop'] = value;
20496
+ }
20497
+ get gapLaptop() {
20498
+ return this.elementRef.nativeElement['gapLaptop'];
20499
+ }
20500
+ set gapDesktop(value) {
20501
+ this.elementRef.nativeElement['gapDesktop'] = value;
20657
20502
  }
20658
- get state() {
20659
- return this.elementRef.nativeElement['state'];
20503
+ get gapDesktop() {
20504
+ return this.elementRef.nativeElement['gapDesktop'];
20660
20505
  }
20661
- set extended(value) {
20662
- this.elementRef.nativeElement['extended'] = value;
20506
+ set justifyContent(value) {
20507
+ this.elementRef.nativeElement['justifyContent'] = value;
20663
20508
  }
20664
- get extended() {
20665
- return this.elementRef.nativeElement['extended'];
20509
+ get justifyContent() {
20510
+ return this.elementRef.nativeElement['justifyContent'];
20666
20511
  }
20667
- set extendedMobile(value) {
20668
- this.elementRef.nativeElement['extendedMobile'] = value;
20512
+ set justifyContentMobile(value) {
20513
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
20669
20514
  }
20670
- get extendedMobile() {
20671
- return this.elementRef.nativeElement['extendedMobile'];
20515
+ get justifyContentMobile() {
20516
+ return this.elementRef.nativeElement['justifyContentMobile'];
20672
20517
  }
20673
- set extendedTablet(value) {
20674
- this.elementRef.nativeElement['extendedTablet'] = value;
20518
+ set justifyContentTablet(value) {
20519
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
20675
20520
  }
20676
- get extendedTablet() {
20677
- return this.elementRef.nativeElement['extendedTablet'];
20521
+ get justifyContentTablet() {
20522
+ return this.elementRef.nativeElement['justifyContentTablet'];
20678
20523
  }
20679
- set extendedLaptop(value) {
20680
- this.elementRef.nativeElement['extendedLaptop'] = value;
20524
+ set justifyContentLaptop(value) {
20525
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
20681
20526
  }
20682
- get extendedLaptop() {
20683
- return this.elementRef.nativeElement['extendedLaptop'];
20527
+ get justifyContentLaptop() {
20528
+ return this.elementRef.nativeElement['justifyContentLaptop'];
20684
20529
  }
20685
- set extendedDesktop(value) {
20686
- this.elementRef.nativeElement['extendedDesktop'] = value;
20530
+ set justifyContentDesktop(value) {
20531
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
20687
20532
  }
20688
- get extendedDesktop() {
20689
- return this.elementRef.nativeElement['extendedDesktop'];
20533
+ get justifyContentDesktop() {
20534
+ return this.elementRef.nativeElement['justifyContentDesktop'];
20535
+ }
20536
+ set alignItems(value) {
20537
+ this.elementRef.nativeElement['alignItems'] = value;
20538
+ }
20539
+ get alignItems() {
20540
+ return this.elementRef.nativeElement['alignItems'];
20541
+ }
20542
+ set alignItemsMobile(value) {
20543
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
20544
+ }
20545
+ get alignItemsMobile() {
20546
+ return this.elementRef.nativeElement['alignItemsMobile'];
20547
+ }
20548
+ set alignItemsTablet(value) {
20549
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
20550
+ }
20551
+ get alignItemsTablet() {
20552
+ return this.elementRef.nativeElement['alignItemsTablet'];
20553
+ }
20554
+ set alignItemsLaptop(value) {
20555
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
20556
+ }
20557
+ get alignItemsLaptop() {
20558
+ return this.elementRef.nativeElement['alignItemsLaptop'];
20559
+ }
20560
+ set alignItemsDesktop(value) {
20561
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
20562
+ }
20563
+ get alignItemsDesktop() {
20564
+ return this.elementRef.nativeElement['alignItemsDesktop'];
20565
+ }
20566
+ set wrap(value) {
20567
+ this.elementRef.nativeElement['wrap'] = value;
20568
+ }
20569
+ get wrap() {
20570
+ return this.elementRef.nativeElement['wrap'];
20571
+ }
20572
+ set wrapMobile(value) {
20573
+ this.elementRef.nativeElement['wrapMobile'] = value;
20574
+ }
20575
+ get wrapMobile() {
20576
+ return this.elementRef.nativeElement['wrapMobile'];
20577
+ }
20578
+ set wrapTablet(value) {
20579
+ this.elementRef.nativeElement['wrapTablet'] = value;
20580
+ }
20581
+ get wrapTablet() {
20582
+ return this.elementRef.nativeElement['wrapTablet'];
20583
+ }
20584
+ set wrapLaptop(value) {
20585
+ this.elementRef.nativeElement['wrapLaptop'] = value;
20586
+ }
20587
+ get wrapLaptop() {
20588
+ return this.elementRef.nativeElement['wrapLaptop'];
20589
+ }
20590
+ set wrapDesktop(value) {
20591
+ this.elementRef.nativeElement['wrapDesktop'] = value;
20592
+ }
20593
+ get wrapDesktop() {
20594
+ return this.elementRef.nativeElement['wrapDesktop'];
20595
+ }
20596
+ set overflowX(value) {
20597
+ this.elementRef.nativeElement['overflowX'] = value;
20598
+ }
20599
+ get overflowX() {
20600
+ return this.elementRef.nativeElement['overflowX'];
20601
+ }
20602
+ set overflowXMobile(value) {
20603
+ this.elementRef.nativeElement['overflowXMobile'] = value;
20604
+ }
20605
+ get overflowXMobile() {
20606
+ return this.elementRef.nativeElement['overflowXMobile'];
20607
+ }
20608
+ set overflowXTablet(value) {
20609
+ this.elementRef.nativeElement['overflowXTablet'] = value;
20610
+ }
20611
+ get overflowXTablet() {
20612
+ return this.elementRef.nativeElement['overflowXTablet'];
20613
+ }
20614
+ set overflowXLaptop(value) {
20615
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
20616
+ }
20617
+ get overflowXLaptop() {
20618
+ return this.elementRef.nativeElement['overflowXLaptop'];
20619
+ }
20620
+ set overflowXDesktop(value) {
20621
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
20622
+ }
20623
+ get overflowXDesktop() {
20624
+ return this.elementRef.nativeElement['overflowXDesktop'];
20690
20625
  }
20691
20626
  set grow(value) {
20692
20627
  this.elementRef.nativeElement['grow'] = value;
@@ -20958,37 +20893,104 @@ class PxFileupload {
20958
20893
  get orderDesktop() {
20959
20894
  return this.elementRef.nativeElement['orderDesktop'];
20960
20895
  }
20961
- event = new EventEmitter();
20962
20896
  constructor(elementRef) {
20963
20897
  this.elementRef = elementRef;
20964
- this.elementRef.nativeElement.addEventListener('event', (e) => {
20965
- this.event.emit(e.detail);
20966
- });
20967
20898
  }
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 });
20899
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20900
+ 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 });
20970
20901
  }
20971
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
20902
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
20972
20903
  type: Directive,
20973
20904
  args: [{
20974
- selector: 'px-fileupload',
20905
+ selector: 'px-hstack',
20975
20906
  }]
20976
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20907
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20977
20908
  type: Input
20978
- }], extended: [{
20909
+ }], directionMobile: [{
20910
+ type: Input,
20911
+ args: ['direction--mobile']
20912
+ }], directionTablet: [{
20913
+ type: Input,
20914
+ args: ['direction--tablet']
20915
+ }], directionLaptop: [{
20916
+ type: Input,
20917
+ args: ['direction--laptop']
20918
+ }], directionDesktop: [{
20919
+ type: Input,
20920
+ args: ['direction--desktop']
20921
+ }], gap: [{
20979
20922
  type: Input
20980
- }], extendedMobile: [{
20923
+ }], gapMobile: [{
20981
20924
  type: Input,
20982
- args: ['extended--mobile']
20983
- }], extendedTablet: [{
20925
+ args: ['gap--mobile']
20926
+ }], gapTablet: [{
20984
20927
  type: Input,
20985
- args: ['extended--tablet']
20986
- }], extendedLaptop: [{
20928
+ args: ['gap--tablet']
20929
+ }], gapLaptop: [{
20987
20930
  type: Input,
20988
- args: ['extended--laptop']
20989
- }], extendedDesktop: [{
20931
+ args: ['gap--laptop']
20932
+ }], gapDesktop: [{
20990
20933
  type: Input,
20991
- args: ['extended--desktop']
20934
+ args: ['gap--desktop']
20935
+ }], justifyContent: [{
20936
+ type: Input,
20937
+ args: ['justify-content']
20938
+ }], justifyContentMobile: [{
20939
+ type: Input,
20940
+ args: ['justify-content--mobile']
20941
+ }], justifyContentTablet: [{
20942
+ type: Input,
20943
+ args: ['justify-content--tablet']
20944
+ }], justifyContentLaptop: [{
20945
+ type: Input,
20946
+ args: ['justify-content--laptop']
20947
+ }], justifyContentDesktop: [{
20948
+ type: Input,
20949
+ args: ['justify-content--desktop']
20950
+ }], alignItems: [{
20951
+ type: Input,
20952
+ args: ['align-items']
20953
+ }], alignItemsMobile: [{
20954
+ type: Input,
20955
+ args: ['align-items--mobile']
20956
+ }], alignItemsTablet: [{
20957
+ type: Input,
20958
+ args: ['align-items--tablet']
20959
+ }], alignItemsLaptop: [{
20960
+ type: Input,
20961
+ args: ['align-items--laptop']
20962
+ }], alignItemsDesktop: [{
20963
+ type: Input,
20964
+ args: ['align-items--desktop']
20965
+ }], wrap: [{
20966
+ type: Input
20967
+ }], wrapMobile: [{
20968
+ type: Input,
20969
+ args: ['wrap--mobile']
20970
+ }], wrapTablet: [{
20971
+ type: Input,
20972
+ args: ['wrap--tablet']
20973
+ }], wrapLaptop: [{
20974
+ type: Input,
20975
+ args: ['wrap--laptop']
20976
+ }], wrapDesktop: [{
20977
+ type: Input,
20978
+ args: ['wrap--desktop']
20979
+ }], overflowX: [{
20980
+ type: Input,
20981
+ args: ['overflow-x']
20982
+ }], overflowXMobile: [{
20983
+ type: Input,
20984
+ args: ['overflow-x--mobile']
20985
+ }], overflowXTablet: [{
20986
+ type: Input,
20987
+ args: ['overflow-x--tablet']
20988
+ }], overflowXLaptop: [{
20989
+ type: Input,
20990
+ args: ['overflow-x--laptop']
20991
+ }], overflowXDesktop: [{
20992
+ type: Input,
20993
+ args: ['overflow-x--desktop']
20992
20994
  }], grow: [{
20993
20995
  type: Input
20994
20996
  }], growMobile: [{
@@ -21119,8 +21121,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21119
21121
  }], orderDesktop: [{
21120
21122
  type: Input,
21121
21123
  args: ['order--desktop']
21122
- }], event: [{
21123
- type: Output
21124
21124
  }] } });
21125
21125
  /**
21126
21126
  * @description Type-only wrapper for <px-a>
@@ -34441,7 +34441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34441
34441
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34442
34442
  class Lavender {
34443
34443
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
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] });
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, 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] });
34445
34445
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34446
34446
  }
34447
34447
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34485,15 +34485,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34485
34485
  PxHeadingGroup,
34486
34486
  PxImg,
34487
34487
  PxPicture,
34488
+ PxInput,
34489
+ PxSelect,
34490
+ PxTextarea,
34491
+ PxFileupload,
34488
34492
  PxPage,
34489
34493
  PxSpacer,
34490
34494
  PxStack,
34491
34495
  PxVstack,
34492
34496
  PxHstack,
34493
- PxInput,
34494
- PxSelect,
34495
- PxTextarea,
34496
- PxFileupload,
34497
34497
  PxA,
34498
34498
  PxList,
34499
34499
  PxListItem,
@@ -34582,15 +34582,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34582
34582
  PxHeadingGroup,
34583
34583
  PxImg,
34584
34584
  PxPicture,
34585
+ PxInput,
34586
+ PxSelect,
34587
+ PxTextarea,
34588
+ PxFileupload,
34585
34589
  PxPage,
34586
34590
  PxSpacer,
34587
34591
  PxStack,
34588
34592
  PxVstack,
34589
34593
  PxHstack,
34590
- PxInput,
34591
- PxSelect,
34592
- PxTextarea,
34593
- PxFileupload,
34594
34594
  PxA,
34595
34595
  PxList,
34596
34596
  PxListItem,