@proximus/lavender-angular 1.4.4-beta.1 → 1.4.4-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/esm2022/lavender.directive.mjs +1393 -1393
  3. package/fesm2022/proximus-lavender-angular.mjs +1392 -1392
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +322 -322
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -16677,45 +16677,39 @@ 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-input>
16680
+ * @description Type-only wrapper for <px-page>
16681
16681
  */
16682
- class PxInput {
16682
+ class PxPage {
16683
16683
  elementRef;
16684
- set state(value) {
16685
- this.elementRef.nativeElement['state'] = value;
16686
- }
16687
- get state() {
16688
- return this.elementRef.nativeElement['state'];
16689
- }
16690
- set extended(value) {
16691
- this.elementRef.nativeElement['extended'] = value;
16684
+ set backgroundImage(value) {
16685
+ this.elementRef.nativeElement['backgroundImage'] = value;
16692
16686
  }
16693
- get extended() {
16694
- return this.elementRef.nativeElement['extended'];
16687
+ get backgroundImage() {
16688
+ return this.elementRef.nativeElement['backgroundImage'];
16695
16689
  }
16696
- set extendedMobile(value) {
16697
- this.elementRef.nativeElement['extendedMobile'] = value;
16690
+ set gap(value) {
16691
+ this.elementRef.nativeElement['gap'] = value;
16698
16692
  }
16699
- get extendedMobile() {
16700
- return this.elementRef.nativeElement['extendedMobile'];
16693
+ get gap() {
16694
+ return this.elementRef.nativeElement['gap'];
16701
16695
  }
16702
- set extendedTablet(value) {
16703
- this.elementRef.nativeElement['extendedTablet'] = value;
16696
+ set backgroundColor(value) {
16697
+ this.elementRef.nativeElement['backgroundColor'] = value;
16704
16698
  }
16705
- get extendedTablet() {
16706
- return this.elementRef.nativeElement['extendedTablet'];
16699
+ get backgroundColor() {
16700
+ return this.elementRef.nativeElement['backgroundColor'];
16707
16701
  }
16708
- set extendedLaptop(value) {
16709
- this.elementRef.nativeElement['extendedLaptop'] = value;
16702
+ set paddingVertical(value) {
16703
+ this.elementRef.nativeElement['paddingVertical'] = value;
16710
16704
  }
16711
- get extendedLaptop() {
16712
- return this.elementRef.nativeElement['extendedLaptop'];
16705
+ get paddingVertical() {
16706
+ return this.elementRef.nativeElement['paddingVertical'];
16713
16707
  }
16714
- set extendedDesktop(value) {
16715
- this.elementRef.nativeElement['extendedDesktop'] = value;
16708
+ set paddingHorizontal(value) {
16709
+ this.elementRef.nativeElement['paddingHorizontal'] = value;
16716
16710
  }
16717
- get extendedDesktop() {
16718
- return this.elementRef.nativeElement['extendedDesktop'];
16711
+ get paddingHorizontal() {
16712
+ return this.elementRef.nativeElement['paddingHorizontal'];
16719
16713
  }
16720
16714
  set grow(value) {
16721
16715
  this.elementRef.nativeElement['grow'] = value;
@@ -16987,37 +16981,31 @@ class PxInput {
16987
16981
  get orderDesktop() {
16988
16982
  return this.elementRef.nativeElement['orderDesktop'];
16989
16983
  }
16990
- event = new EventEmitter();
16991
16984
  constructor(elementRef) {
16992
16985
  this.elementRef = elementRef;
16993
- this.elementRef.nativeElement.addEventListener('event', (e) => {
16994
- this.event.emit(e.detail);
16995
- });
16996
16986
  }
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 });
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 });
16999
16989
  }
17000
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
16990
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
17001
16991
  type: Directive,
17002
16992
  args: [{
17003
- selector: 'px-input',
16993
+ selector: 'px-page',
17004
16994
  }]
17005
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
17006
- type: Input
17007
- }], extended: [{
17008
- type: Input
17009
- }], extendedMobile: [{
16995
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
17010
16996
  type: Input,
17011
- args: ['extended--mobile']
17012
- }], extendedTablet: [{
16997
+ args: ['background-image']
16998
+ }], gap: [{
16999
+ type: Input
17000
+ }], backgroundColor: [{
17013
17001
  type: Input,
17014
- args: ['extended--tablet']
17015
- }], extendedLaptop: [{
17002
+ args: ['background-color']
17003
+ }], paddingVertical: [{
17016
17004
  type: Input,
17017
- args: ['extended--laptop']
17018
- }], extendedDesktop: [{
17005
+ args: ['padding-vertical']
17006
+ }], paddingHorizontal: [{
17019
17007
  type: Input,
17020
- args: ['extended--desktop']
17008
+ args: ['padding-horizontal']
17021
17009
  }], grow: [{
17022
17010
  type: Input
17023
17011
  }], growMobile: [{
@@ -17148,124 +17136,299 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17148
17136
  }], orderDesktop: [{
17149
17137
  type: Input,
17150
17138
  args: ['order--desktop']
17151
- }], event: [{
17152
- type: Output
17153
17139
  }] } });
17154
17140
  /**
17155
- * @description Type-only wrapper for <px-select>
17141
+ * @description Type-only wrapper for <px-spacer>
17156
17142
  */
17157
- class PxSelect {
17143
+ class PxSpacer {
17158
17144
  elementRef;
17159
- set state(value) {
17160
- this.elementRef.nativeElement['state'] = value;
17145
+ set grow(value) {
17146
+ this.elementRef.nativeElement['grow'] = value;
17161
17147
  }
17162
- get state() {
17163
- return this.elementRef.nativeElement['state'];
17148
+ get grow() {
17149
+ return this.elementRef.nativeElement['grow'];
17164
17150
  }
17165
- set extended(value) {
17166
- this.elementRef.nativeElement['extended'] = value;
17151
+ set nogap(value) {
17152
+ this.elementRef.nativeElement['nogap'] = value;
17167
17153
  }
17168
- get extended() {
17169
- return this.elementRef.nativeElement['extended'];
17154
+ get nogap() {
17155
+ return this.elementRef.nativeElement['nogap'];
17170
17156
  }
17171
- set extendedMobile(value) {
17172
- this.elementRef.nativeElement['extendedMobile'] = value;
17157
+ constructor(elementRef) {
17158
+ this.elementRef = elementRef;
17173
17159
  }
17174
- get extendedMobile() {
17175
- return this.elementRef.nativeElement['extendedMobile'];
17160
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
17161
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpacer, selector: "px-spacer", inputs: { grow: "grow", nogap: "nogap" }, ngImport: i0 });
17162
+ }
17163
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpacer, decorators: [{
17164
+ type: Directive,
17165
+ args: [{
17166
+ selector: 'px-spacer',
17167
+ }]
17168
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { grow: [{
17169
+ type: Input
17170
+ }], nogap: [{
17171
+ type: Input
17172
+ }] } });
17173
+ /**
17174
+ * @description Type-only wrapper for <px-stack>
17175
+ */
17176
+ class PxStack {
17177
+ elementRef;
17178
+ set direction(value) {
17179
+ this.elementRef.nativeElement['direction'] = value;
17176
17180
  }
17177
- set extendedTablet(value) {
17178
- this.elementRef.nativeElement['extendedTablet'] = value;
17181
+ get direction() {
17182
+ return this.elementRef.nativeElement['direction'];
17179
17183
  }
17180
- get extendedTablet() {
17181
- return this.elementRef.nativeElement['extendedTablet'];
17184
+ set directionMobile(value) {
17185
+ this.elementRef.nativeElement['directionMobile'] = value;
17182
17186
  }
17183
- set extendedLaptop(value) {
17184
- this.elementRef.nativeElement['extendedLaptop'] = value;
17187
+ get directionMobile() {
17188
+ return this.elementRef.nativeElement['directionMobile'];
17185
17189
  }
17186
- get extendedLaptop() {
17187
- return this.elementRef.nativeElement['extendedLaptop'];
17190
+ set directionTablet(value) {
17191
+ this.elementRef.nativeElement['directionTablet'] = value;
17188
17192
  }
17189
- set extendedDesktop(value) {
17190
- this.elementRef.nativeElement['extendedDesktop'] = value;
17193
+ get directionTablet() {
17194
+ return this.elementRef.nativeElement['directionTablet'];
17191
17195
  }
17192
- get extendedDesktop() {
17193
- return this.elementRef.nativeElement['extendedDesktop'];
17196
+ set directionLaptop(value) {
17197
+ this.elementRef.nativeElement['directionLaptop'] = value;
17194
17198
  }
17195
- set grow(value) {
17196
- this.elementRef.nativeElement['grow'] = value;
17199
+ get directionLaptop() {
17200
+ return this.elementRef.nativeElement['directionLaptop'];
17197
17201
  }
17198
- get grow() {
17199
- return this.elementRef.nativeElement['grow'];
17202
+ set directionDesktop(value) {
17203
+ this.elementRef.nativeElement['directionDesktop'] = value;
17200
17204
  }
17201
- set growMobile(value) {
17202
- this.elementRef.nativeElement['growMobile'] = value;
17205
+ get directionDesktop() {
17206
+ return this.elementRef.nativeElement['directionDesktop'];
17203
17207
  }
17204
- get growMobile() {
17205
- return this.elementRef.nativeElement['growMobile'];
17208
+ set gap(value) {
17209
+ this.elementRef.nativeElement['gap'] = value;
17206
17210
  }
17207
- set growTablet(value) {
17208
- this.elementRef.nativeElement['growTablet'] = value;
17211
+ get gap() {
17212
+ return this.elementRef.nativeElement['gap'];
17209
17213
  }
17210
- get growTablet() {
17211
- return this.elementRef.nativeElement['growTablet'];
17214
+ set gapMobile(value) {
17215
+ this.elementRef.nativeElement['gapMobile'] = value;
17212
17216
  }
17213
- set growLaptop(value) {
17214
- this.elementRef.nativeElement['growLaptop'] = value;
17217
+ get gapMobile() {
17218
+ return this.elementRef.nativeElement['gapMobile'];
17215
17219
  }
17216
- get growLaptop() {
17217
- return this.elementRef.nativeElement['growLaptop'];
17220
+ set gapTablet(value) {
17221
+ this.elementRef.nativeElement['gapTablet'] = value;
17218
17222
  }
17219
- set growDesktop(value) {
17220
- this.elementRef.nativeElement['growDesktop'] = value;
17223
+ get gapTablet() {
17224
+ return this.elementRef.nativeElement['gapTablet'];
17221
17225
  }
17222
- get growDesktop() {
17223
- return this.elementRef.nativeElement['growDesktop'];
17226
+ set gapLaptop(value) {
17227
+ this.elementRef.nativeElement['gapLaptop'] = value;
17224
17228
  }
17225
- set shrink(value) {
17226
- this.elementRef.nativeElement['shrink'] = value;
17229
+ get gapLaptop() {
17230
+ return this.elementRef.nativeElement['gapLaptop'];
17227
17231
  }
17228
- get shrink() {
17229
- return this.elementRef.nativeElement['shrink'];
17232
+ set gapDesktop(value) {
17233
+ this.elementRef.nativeElement['gapDesktop'] = value;
17230
17234
  }
17231
- set shrinkMobile(value) {
17232
- this.elementRef.nativeElement['shrinkMobile'] = value;
17235
+ get gapDesktop() {
17236
+ return this.elementRef.nativeElement['gapDesktop'];
17233
17237
  }
17234
- get shrinkMobile() {
17235
- return this.elementRef.nativeElement['shrinkMobile'];
17238
+ set justifyContent(value) {
17239
+ this.elementRef.nativeElement['justifyContent'] = value;
17236
17240
  }
17237
- set shrinkTablet(value) {
17238
- this.elementRef.nativeElement['shrinkTablet'] = value;
17241
+ get justifyContent() {
17242
+ return this.elementRef.nativeElement['justifyContent'];
17239
17243
  }
17240
- get shrinkTablet() {
17241
- return this.elementRef.nativeElement['shrinkTablet'];
17244
+ set justifyContentMobile(value) {
17245
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
17242
17246
  }
17243
- set shrinkLaptop(value) {
17244
- this.elementRef.nativeElement['shrinkLaptop'] = value;
17247
+ get justifyContentMobile() {
17248
+ return this.elementRef.nativeElement['justifyContentMobile'];
17245
17249
  }
17246
- get shrinkLaptop() {
17247
- return this.elementRef.nativeElement['shrinkLaptop'];
17250
+ set justifyContentTablet(value) {
17251
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
17248
17252
  }
17249
- set shrinkDesktop(value) {
17250
- this.elementRef.nativeElement['shrinkDesktop'] = value;
17253
+ get justifyContentTablet() {
17254
+ return this.elementRef.nativeElement['justifyContentTablet'];
17251
17255
  }
17252
- get shrinkDesktop() {
17253
- return this.elementRef.nativeElement['shrinkDesktop'];
17256
+ set justifyContentLaptop(value) {
17257
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
17254
17258
  }
17255
- set basis(value) {
17256
- this.elementRef.nativeElement['basis'] = value;
17259
+ get justifyContentLaptop() {
17260
+ return this.elementRef.nativeElement['justifyContentLaptop'];
17257
17261
  }
17258
- get basis() {
17259
- return this.elementRef.nativeElement['basis'];
17262
+ set justifyContentDesktop(value) {
17263
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
17260
17264
  }
17261
- set basisMobile(value) {
17262
- this.elementRef.nativeElement['basisMobile'] = value;
17265
+ get justifyContentDesktop() {
17266
+ return this.elementRef.nativeElement['justifyContentDesktop'];
17263
17267
  }
17264
- get basisMobile() {
17265
- return this.elementRef.nativeElement['basisMobile'];
17268
+ set alignItems(value) {
17269
+ this.elementRef.nativeElement['alignItems'] = value;
17266
17270
  }
17267
- set basisTablet(value) {
17268
- this.elementRef.nativeElement['basisTablet'] = value;
17271
+ get alignItems() {
17272
+ return this.elementRef.nativeElement['alignItems'];
17273
+ }
17274
+ set alignItemsMobile(value) {
17275
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
17276
+ }
17277
+ get alignItemsMobile() {
17278
+ return this.elementRef.nativeElement['alignItemsMobile'];
17279
+ }
17280
+ set alignItemsTablet(value) {
17281
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
17282
+ }
17283
+ get alignItemsTablet() {
17284
+ return this.elementRef.nativeElement['alignItemsTablet'];
17285
+ }
17286
+ set alignItemsLaptop(value) {
17287
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
17288
+ }
17289
+ get alignItemsLaptop() {
17290
+ return this.elementRef.nativeElement['alignItemsLaptop'];
17291
+ }
17292
+ set alignItemsDesktop(value) {
17293
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
17294
+ }
17295
+ get alignItemsDesktop() {
17296
+ return this.elementRef.nativeElement['alignItemsDesktop'];
17297
+ }
17298
+ set wrap(value) {
17299
+ this.elementRef.nativeElement['wrap'] = value;
17300
+ }
17301
+ get wrap() {
17302
+ return this.elementRef.nativeElement['wrap'];
17303
+ }
17304
+ set wrapMobile(value) {
17305
+ this.elementRef.nativeElement['wrapMobile'] = value;
17306
+ }
17307
+ get wrapMobile() {
17308
+ return this.elementRef.nativeElement['wrapMobile'];
17309
+ }
17310
+ set wrapTablet(value) {
17311
+ this.elementRef.nativeElement['wrapTablet'] = value;
17312
+ }
17313
+ get wrapTablet() {
17314
+ return this.elementRef.nativeElement['wrapTablet'];
17315
+ }
17316
+ set wrapLaptop(value) {
17317
+ this.elementRef.nativeElement['wrapLaptop'] = value;
17318
+ }
17319
+ get wrapLaptop() {
17320
+ return this.elementRef.nativeElement['wrapLaptop'];
17321
+ }
17322
+ set wrapDesktop(value) {
17323
+ this.elementRef.nativeElement['wrapDesktop'] = value;
17324
+ }
17325
+ get wrapDesktop() {
17326
+ return this.elementRef.nativeElement['wrapDesktop'];
17327
+ }
17328
+ set overflowX(value) {
17329
+ this.elementRef.nativeElement['overflowX'] = value;
17330
+ }
17331
+ get overflowX() {
17332
+ return this.elementRef.nativeElement['overflowX'];
17333
+ }
17334
+ set overflowXMobile(value) {
17335
+ this.elementRef.nativeElement['overflowXMobile'] = value;
17336
+ }
17337
+ get overflowXMobile() {
17338
+ return this.elementRef.nativeElement['overflowXMobile'];
17339
+ }
17340
+ set overflowXTablet(value) {
17341
+ this.elementRef.nativeElement['overflowXTablet'] = value;
17342
+ }
17343
+ get overflowXTablet() {
17344
+ return this.elementRef.nativeElement['overflowXTablet'];
17345
+ }
17346
+ set overflowXLaptop(value) {
17347
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
17348
+ }
17349
+ get overflowXLaptop() {
17350
+ return this.elementRef.nativeElement['overflowXLaptop'];
17351
+ }
17352
+ set overflowXDesktop(value) {
17353
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
17354
+ }
17355
+ get overflowXDesktop() {
17356
+ return this.elementRef.nativeElement['overflowXDesktop'];
17357
+ }
17358
+ set grow(value) {
17359
+ this.elementRef.nativeElement['grow'] = value;
17360
+ }
17361
+ get grow() {
17362
+ return this.elementRef.nativeElement['grow'];
17363
+ }
17364
+ set growMobile(value) {
17365
+ this.elementRef.nativeElement['growMobile'] = value;
17366
+ }
17367
+ get growMobile() {
17368
+ return this.elementRef.nativeElement['growMobile'];
17369
+ }
17370
+ set growTablet(value) {
17371
+ this.elementRef.nativeElement['growTablet'] = value;
17372
+ }
17373
+ get growTablet() {
17374
+ return this.elementRef.nativeElement['growTablet'];
17375
+ }
17376
+ set growLaptop(value) {
17377
+ this.elementRef.nativeElement['growLaptop'] = value;
17378
+ }
17379
+ get growLaptop() {
17380
+ return this.elementRef.nativeElement['growLaptop'];
17381
+ }
17382
+ set growDesktop(value) {
17383
+ this.elementRef.nativeElement['growDesktop'] = value;
17384
+ }
17385
+ get growDesktop() {
17386
+ return this.elementRef.nativeElement['growDesktop'];
17387
+ }
17388
+ set shrink(value) {
17389
+ this.elementRef.nativeElement['shrink'] = value;
17390
+ }
17391
+ get shrink() {
17392
+ return this.elementRef.nativeElement['shrink'];
17393
+ }
17394
+ set shrinkMobile(value) {
17395
+ this.elementRef.nativeElement['shrinkMobile'] = value;
17396
+ }
17397
+ get shrinkMobile() {
17398
+ return this.elementRef.nativeElement['shrinkMobile'];
17399
+ }
17400
+ set shrinkTablet(value) {
17401
+ this.elementRef.nativeElement['shrinkTablet'] = value;
17402
+ }
17403
+ get shrinkTablet() {
17404
+ return this.elementRef.nativeElement['shrinkTablet'];
17405
+ }
17406
+ set shrinkLaptop(value) {
17407
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
17408
+ }
17409
+ get shrinkLaptop() {
17410
+ return this.elementRef.nativeElement['shrinkLaptop'];
17411
+ }
17412
+ set shrinkDesktop(value) {
17413
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
17414
+ }
17415
+ get shrinkDesktop() {
17416
+ return this.elementRef.nativeElement['shrinkDesktop'];
17417
+ }
17418
+ set basis(value) {
17419
+ this.elementRef.nativeElement['basis'] = value;
17420
+ }
17421
+ get basis() {
17422
+ return this.elementRef.nativeElement['basis'];
17423
+ }
17424
+ set basisMobile(value) {
17425
+ this.elementRef.nativeElement['basisMobile'] = value;
17426
+ }
17427
+ get basisMobile() {
17428
+ return this.elementRef.nativeElement['basisMobile'];
17429
+ }
17430
+ set basisTablet(value) {
17431
+ this.elementRef.nativeElement['basisTablet'] = value;
17269
17432
  }
17270
17433
  get basisTablet() {
17271
17434
  return this.elementRef.nativeElement['basisTablet'];
@@ -17462,89 +17625,156 @@ class PxSelect {
17462
17625
  get orderDesktop() {
17463
17626
  return this.elementRef.nativeElement['orderDesktop'];
17464
17627
  }
17465
- event = new EventEmitter();
17466
17628
  constructor(elementRef) {
17467
17629
  this.elementRef = elementRef;
17468
- this.elementRef.nativeElement.addEventListener('event', (e) => {
17469
- this.event.emit(e.detail);
17470
- });
17471
17630
  }
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 });
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 });
17474
17633
  }
17475
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
17634
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
17476
17635
  type: Directive,
17477
17636
  args: [{
17478
- selector: 'px-select',
17637
+ selector: 'px-stack',
17479
17638
  }]
17480
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
17481
- type: Input
17482
- }], extended: [{
17639
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
17483
17640
  type: Input
17484
- }], extendedMobile: [{
17641
+ }], directionMobile: [{
17485
17642
  type: Input,
17486
- args: ['extended--mobile']
17487
- }], extendedTablet: [{
17643
+ args: ['direction--mobile']
17644
+ }], directionTablet: [{
17488
17645
  type: Input,
17489
- args: ['extended--tablet']
17490
- }], extendedLaptop: [{
17646
+ args: ['direction--tablet']
17647
+ }], directionLaptop: [{
17491
17648
  type: Input,
17492
- args: ['extended--laptop']
17493
- }], extendedDesktop: [{
17649
+ args: ['direction--laptop']
17650
+ }], directionDesktop: [{
17494
17651
  type: Input,
17495
- args: ['extended--desktop']
17496
- }], grow: [{
17652
+ args: ['direction--desktop']
17653
+ }], gap: [{
17497
17654
  type: Input
17498
- }], growMobile: [{
17499
- type: Input,
17500
- args: ['grow--mobile']
17501
- }], growTablet: [{
17655
+ }], gapMobile: [{
17502
17656
  type: Input,
17503
- args: ['grow--tablet']
17504
- }], growLaptop: [{
17657
+ args: ['gap--mobile']
17658
+ }], gapTablet: [{
17505
17659
  type: Input,
17506
- args: ['grow--laptop']
17507
- }], growDesktop: [{
17660
+ args: ['gap--tablet']
17661
+ }], gapLaptop: [{
17508
17662
  type: Input,
17509
- args: ['grow--desktop']
17510
- }], shrink: [{
17511
- type: Input
17512
- }], shrinkMobile: [{
17663
+ args: ['gap--laptop']
17664
+ }], gapDesktop: [{
17513
17665
  type: Input,
17514
- args: ['shrink--mobile']
17515
- }], shrinkTablet: [{
17666
+ args: ['gap--desktop']
17667
+ }], justifyContent: [{
17516
17668
  type: Input,
17517
- args: ['shrink--tablet']
17518
- }], shrinkLaptop: [{
17669
+ args: ['justify-content']
17670
+ }], justifyContentMobile: [{
17519
17671
  type: Input,
17520
- args: ['shrink--laptop']
17521
- }], shrinkDesktop: [{
17672
+ args: ['justify-content--mobile']
17673
+ }], justifyContentTablet: [{
17522
17674
  type: Input,
17523
- args: ['shrink--desktop']
17524
- }], basis: [{
17525
- type: Input
17526
- }], basisMobile: [{
17675
+ args: ['justify-content--tablet']
17676
+ }], justifyContentLaptop: [{
17527
17677
  type: Input,
17528
- args: ['basis--mobile']
17529
- }], basisTablet: [{
17678
+ args: ['justify-content--laptop']
17679
+ }], justifyContentDesktop: [{
17530
17680
  type: Input,
17531
- args: ['basis--tablet']
17532
- }], basisLaptop: [{
17681
+ args: ['justify-content--desktop']
17682
+ }], alignItems: [{
17533
17683
  type: Input,
17534
- args: ['basis--laptop']
17535
- }], basisDesktop: [{
17684
+ args: ['align-items']
17685
+ }], alignItemsMobile: [{
17536
17686
  type: Input,
17537
- args: ['basis--desktop']
17538
- }], alignSelf: [{
17687
+ args: ['align-items--mobile']
17688
+ }], alignItemsTablet: [{
17539
17689
  type: Input,
17540
- args: ['align-self']
17541
- }], alignSelfMobile: [{
17690
+ args: ['align-items--tablet']
17691
+ }], alignItemsLaptop: [{
17542
17692
  type: Input,
17543
- args: ['align-self--mobile']
17544
- }], alignSelfTablet: [{
17693
+ args: ['align-items--laptop']
17694
+ }], alignItemsDesktop: [{
17545
17695
  type: Input,
17546
- args: ['align-self--tablet']
17547
- }], alignSelfLaptop: [{
17696
+ args: ['align-items--desktop']
17697
+ }], wrap: [{
17698
+ type: Input
17699
+ }], wrapMobile: [{
17700
+ type: Input,
17701
+ args: ['wrap--mobile']
17702
+ }], wrapTablet: [{
17703
+ type: Input,
17704
+ args: ['wrap--tablet']
17705
+ }], wrapLaptop: [{
17706
+ type: Input,
17707
+ args: ['wrap--laptop']
17708
+ }], wrapDesktop: [{
17709
+ type: Input,
17710
+ args: ['wrap--desktop']
17711
+ }], overflowX: [{
17712
+ type: Input,
17713
+ args: ['overflow-x']
17714
+ }], overflowXMobile: [{
17715
+ type: Input,
17716
+ args: ['overflow-x--mobile']
17717
+ }], overflowXTablet: [{
17718
+ type: Input,
17719
+ args: ['overflow-x--tablet']
17720
+ }], overflowXLaptop: [{
17721
+ type: Input,
17722
+ args: ['overflow-x--laptop']
17723
+ }], overflowXDesktop: [{
17724
+ type: Input,
17725
+ args: ['overflow-x--desktop']
17726
+ }], grow: [{
17727
+ type: Input
17728
+ }], growMobile: [{
17729
+ type: Input,
17730
+ args: ['grow--mobile']
17731
+ }], growTablet: [{
17732
+ type: Input,
17733
+ args: ['grow--tablet']
17734
+ }], growLaptop: [{
17735
+ type: Input,
17736
+ args: ['grow--laptop']
17737
+ }], growDesktop: [{
17738
+ type: Input,
17739
+ args: ['grow--desktop']
17740
+ }], shrink: [{
17741
+ type: Input
17742
+ }], shrinkMobile: [{
17743
+ type: Input,
17744
+ args: ['shrink--mobile']
17745
+ }], shrinkTablet: [{
17746
+ type: Input,
17747
+ args: ['shrink--tablet']
17748
+ }], shrinkLaptop: [{
17749
+ type: Input,
17750
+ args: ['shrink--laptop']
17751
+ }], shrinkDesktop: [{
17752
+ type: Input,
17753
+ args: ['shrink--desktop']
17754
+ }], basis: [{
17755
+ type: Input
17756
+ }], basisMobile: [{
17757
+ type: Input,
17758
+ args: ['basis--mobile']
17759
+ }], basisTablet: [{
17760
+ type: Input,
17761
+ args: ['basis--tablet']
17762
+ }], basisLaptop: [{
17763
+ type: Input,
17764
+ args: ['basis--laptop']
17765
+ }], basisDesktop: [{
17766
+ type: Input,
17767
+ args: ['basis--desktop']
17768
+ }], alignSelf: [{
17769
+ type: Input,
17770
+ args: ['align-self']
17771
+ }], alignSelfMobile: [{
17772
+ type: Input,
17773
+ args: ['align-self--mobile']
17774
+ }], alignSelfTablet: [{
17775
+ type: Input,
17776
+ args: ['align-self--tablet']
17777
+ }], alignSelfLaptop: [{
17548
17778
  type: Input,
17549
17779
  args: ['align-self--laptop']
17550
17780
  }], alignSelfDesktop: [{
@@ -17623,139 +17853,281 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
17623
17853
  }], orderDesktop: [{
17624
17854
  type: Input,
17625
17855
  args: ['order--desktop']
17626
- }], event: [{
17627
- type: Output
17628
17856
  }] } });
17629
17857
  /**
17630
- * @description Type-only wrapper for <px-textarea>
17858
+ * @description Type-only wrapper for <px-vstack>
17631
17859
  */
17632
- class PxTextarea {
17860
+ class PxVstack {
17633
17861
  elementRef;
17634
- set state(value) {
17635
- this.elementRef.nativeElement['state'] = value;
17862
+ set direction(value) {
17863
+ this.elementRef.nativeElement['direction'] = value;
17636
17864
  }
17637
- get state() {
17638
- return this.elementRef.nativeElement['state'];
17865
+ get direction() {
17866
+ return this.elementRef.nativeElement['direction'];
17639
17867
  }
17640
- set extended(value) {
17641
- this.elementRef.nativeElement['extended'] = value;
17868
+ set directionMobile(value) {
17869
+ this.elementRef.nativeElement['directionMobile'] = value;
17642
17870
  }
17643
- get extended() {
17644
- return this.elementRef.nativeElement['extended'];
17871
+ get directionMobile() {
17872
+ return this.elementRef.nativeElement['directionMobile'];
17645
17873
  }
17646
- set extendedMobile(value) {
17647
- this.elementRef.nativeElement['extendedMobile'] = value;
17874
+ set directionTablet(value) {
17875
+ this.elementRef.nativeElement['directionTablet'] = value;
17648
17876
  }
17649
- get extendedMobile() {
17650
- return this.elementRef.nativeElement['extendedMobile'];
17877
+ get directionTablet() {
17878
+ return this.elementRef.nativeElement['directionTablet'];
17651
17879
  }
17652
- set extendedTablet(value) {
17653
- this.elementRef.nativeElement['extendedTablet'] = value;
17880
+ set directionLaptop(value) {
17881
+ this.elementRef.nativeElement['directionLaptop'] = value;
17654
17882
  }
17655
- get extendedTablet() {
17656
- return this.elementRef.nativeElement['extendedTablet'];
17883
+ get directionLaptop() {
17884
+ return this.elementRef.nativeElement['directionLaptop'];
17657
17885
  }
17658
- set extendedLaptop(value) {
17659
- this.elementRef.nativeElement['extendedLaptop'] = value;
17886
+ set directionDesktop(value) {
17887
+ this.elementRef.nativeElement['directionDesktop'] = value;
17660
17888
  }
17661
- get extendedLaptop() {
17662
- return this.elementRef.nativeElement['extendedLaptop'];
17889
+ get directionDesktop() {
17890
+ return this.elementRef.nativeElement['directionDesktop'];
17663
17891
  }
17664
- set extendedDesktop(value) {
17665
- this.elementRef.nativeElement['extendedDesktop'] = value;
17892
+ set gap(value) {
17893
+ this.elementRef.nativeElement['gap'] = value;
17666
17894
  }
17667
- get extendedDesktop() {
17668
- return this.elementRef.nativeElement['extendedDesktop'];
17895
+ get gap() {
17896
+ return this.elementRef.nativeElement['gap'];
17669
17897
  }
17670
- set grow(value) {
17671
- this.elementRef.nativeElement['grow'] = value;
17898
+ set gapMobile(value) {
17899
+ this.elementRef.nativeElement['gapMobile'] = value;
17672
17900
  }
17673
- get grow() {
17674
- return this.elementRef.nativeElement['grow'];
17901
+ get gapMobile() {
17902
+ return this.elementRef.nativeElement['gapMobile'];
17675
17903
  }
17676
- set growMobile(value) {
17677
- this.elementRef.nativeElement['growMobile'] = value;
17904
+ set gapTablet(value) {
17905
+ this.elementRef.nativeElement['gapTablet'] = value;
17678
17906
  }
17679
- get growMobile() {
17680
- return this.elementRef.nativeElement['growMobile'];
17907
+ get gapTablet() {
17908
+ return this.elementRef.nativeElement['gapTablet'];
17681
17909
  }
17682
- set growTablet(value) {
17683
- this.elementRef.nativeElement['growTablet'] = value;
17910
+ set gapLaptop(value) {
17911
+ this.elementRef.nativeElement['gapLaptop'] = value;
17684
17912
  }
17685
- get growTablet() {
17686
- return this.elementRef.nativeElement['growTablet'];
17913
+ get gapLaptop() {
17914
+ return this.elementRef.nativeElement['gapLaptop'];
17687
17915
  }
17688
- set growLaptop(value) {
17689
- this.elementRef.nativeElement['growLaptop'] = value;
17916
+ set gapDesktop(value) {
17917
+ this.elementRef.nativeElement['gapDesktop'] = value;
17690
17918
  }
17691
- get growLaptop() {
17692
- return this.elementRef.nativeElement['growLaptop'];
17919
+ get gapDesktop() {
17920
+ return this.elementRef.nativeElement['gapDesktop'];
17693
17921
  }
17694
- set growDesktop(value) {
17695
- this.elementRef.nativeElement['growDesktop'] = value;
17922
+ set justifyContent(value) {
17923
+ this.elementRef.nativeElement['justifyContent'] = value;
17696
17924
  }
17697
- get growDesktop() {
17698
- return this.elementRef.nativeElement['growDesktop'];
17925
+ get justifyContent() {
17926
+ return this.elementRef.nativeElement['justifyContent'];
17699
17927
  }
17700
- set shrink(value) {
17701
- this.elementRef.nativeElement['shrink'] = value;
17928
+ set justifyContentMobile(value) {
17929
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
17702
17930
  }
17703
- get shrink() {
17704
- return this.elementRef.nativeElement['shrink'];
17931
+ get justifyContentMobile() {
17932
+ return this.elementRef.nativeElement['justifyContentMobile'];
17705
17933
  }
17706
- set shrinkMobile(value) {
17707
- this.elementRef.nativeElement['shrinkMobile'] = value;
17934
+ set justifyContentTablet(value) {
17935
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
17708
17936
  }
17709
- get shrinkMobile() {
17710
- return this.elementRef.nativeElement['shrinkMobile'];
17937
+ get justifyContentTablet() {
17938
+ return this.elementRef.nativeElement['justifyContentTablet'];
17711
17939
  }
17712
- set shrinkTablet(value) {
17713
- this.elementRef.nativeElement['shrinkTablet'] = value;
17940
+ set justifyContentLaptop(value) {
17941
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
17714
17942
  }
17715
- get shrinkTablet() {
17716
- return this.elementRef.nativeElement['shrinkTablet'];
17943
+ get justifyContentLaptop() {
17944
+ return this.elementRef.nativeElement['justifyContentLaptop'];
17717
17945
  }
17718
- set shrinkLaptop(value) {
17719
- this.elementRef.nativeElement['shrinkLaptop'] = value;
17946
+ set justifyContentDesktop(value) {
17947
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
17720
17948
  }
17721
- get shrinkLaptop() {
17722
- return this.elementRef.nativeElement['shrinkLaptop'];
17949
+ get justifyContentDesktop() {
17950
+ return this.elementRef.nativeElement['justifyContentDesktop'];
17723
17951
  }
17724
- set shrinkDesktop(value) {
17725
- this.elementRef.nativeElement['shrinkDesktop'] = value;
17952
+ set alignItems(value) {
17953
+ this.elementRef.nativeElement['alignItems'] = value;
17726
17954
  }
17727
- get shrinkDesktop() {
17728
- return this.elementRef.nativeElement['shrinkDesktop'];
17955
+ get alignItems() {
17956
+ return this.elementRef.nativeElement['alignItems'];
17729
17957
  }
17730
- set basis(value) {
17731
- this.elementRef.nativeElement['basis'] = value;
17958
+ set alignItemsMobile(value) {
17959
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
17732
17960
  }
17733
- get basis() {
17734
- return this.elementRef.nativeElement['basis'];
17961
+ get alignItemsMobile() {
17962
+ return this.elementRef.nativeElement['alignItemsMobile'];
17735
17963
  }
17736
- set basisMobile(value) {
17737
- this.elementRef.nativeElement['basisMobile'] = value;
17964
+ set alignItemsTablet(value) {
17965
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
17738
17966
  }
17739
- get basisMobile() {
17740
- return this.elementRef.nativeElement['basisMobile'];
17967
+ get alignItemsTablet() {
17968
+ return this.elementRef.nativeElement['alignItemsTablet'];
17741
17969
  }
17742
- set basisTablet(value) {
17743
- this.elementRef.nativeElement['basisTablet'] = value;
17970
+ set alignItemsLaptop(value) {
17971
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
17744
17972
  }
17745
- get basisTablet() {
17746
- return this.elementRef.nativeElement['basisTablet'];
17973
+ get alignItemsLaptop() {
17974
+ return this.elementRef.nativeElement['alignItemsLaptop'];
17747
17975
  }
17748
- set basisLaptop(value) {
17749
- this.elementRef.nativeElement['basisLaptop'] = value;
17976
+ set alignItemsDesktop(value) {
17977
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
17750
17978
  }
17751
- get basisLaptop() {
17752
- return this.elementRef.nativeElement['basisLaptop'];
17979
+ get alignItemsDesktop() {
17980
+ return this.elementRef.nativeElement['alignItemsDesktop'];
17753
17981
  }
17754
- set basisDesktop(value) {
17755
- this.elementRef.nativeElement['basisDesktop'] = value;
17982
+ set wrap(value) {
17983
+ this.elementRef.nativeElement['wrap'] = value;
17756
17984
  }
17757
- get basisDesktop() {
17758
- return this.elementRef.nativeElement['basisDesktop'];
17985
+ get wrap() {
17986
+ return this.elementRef.nativeElement['wrap'];
17987
+ }
17988
+ set wrapMobile(value) {
17989
+ this.elementRef.nativeElement['wrapMobile'] = value;
17990
+ }
17991
+ get wrapMobile() {
17992
+ return this.elementRef.nativeElement['wrapMobile'];
17993
+ }
17994
+ set wrapTablet(value) {
17995
+ this.elementRef.nativeElement['wrapTablet'] = value;
17996
+ }
17997
+ get wrapTablet() {
17998
+ return this.elementRef.nativeElement['wrapTablet'];
17999
+ }
18000
+ set wrapLaptop(value) {
18001
+ this.elementRef.nativeElement['wrapLaptop'] = value;
18002
+ }
18003
+ get wrapLaptop() {
18004
+ return this.elementRef.nativeElement['wrapLaptop'];
18005
+ }
18006
+ set wrapDesktop(value) {
18007
+ this.elementRef.nativeElement['wrapDesktop'] = value;
18008
+ }
18009
+ get wrapDesktop() {
18010
+ return this.elementRef.nativeElement['wrapDesktop'];
18011
+ }
18012
+ set overflowX(value) {
18013
+ this.elementRef.nativeElement['overflowX'] = value;
18014
+ }
18015
+ get overflowX() {
18016
+ return this.elementRef.nativeElement['overflowX'];
18017
+ }
18018
+ set overflowXMobile(value) {
18019
+ this.elementRef.nativeElement['overflowXMobile'] = value;
18020
+ }
18021
+ get overflowXMobile() {
18022
+ return this.elementRef.nativeElement['overflowXMobile'];
18023
+ }
18024
+ set overflowXTablet(value) {
18025
+ this.elementRef.nativeElement['overflowXTablet'] = value;
18026
+ }
18027
+ get overflowXTablet() {
18028
+ return this.elementRef.nativeElement['overflowXTablet'];
18029
+ }
18030
+ set overflowXLaptop(value) {
18031
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
18032
+ }
18033
+ get overflowXLaptop() {
18034
+ return this.elementRef.nativeElement['overflowXLaptop'];
18035
+ }
18036
+ set overflowXDesktop(value) {
18037
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
18038
+ }
18039
+ get overflowXDesktop() {
18040
+ return this.elementRef.nativeElement['overflowXDesktop'];
18041
+ }
18042
+ set grow(value) {
18043
+ this.elementRef.nativeElement['grow'] = value;
18044
+ }
18045
+ get grow() {
18046
+ return this.elementRef.nativeElement['grow'];
18047
+ }
18048
+ set growMobile(value) {
18049
+ this.elementRef.nativeElement['growMobile'] = value;
18050
+ }
18051
+ get growMobile() {
18052
+ return this.elementRef.nativeElement['growMobile'];
18053
+ }
18054
+ set growTablet(value) {
18055
+ this.elementRef.nativeElement['growTablet'] = value;
18056
+ }
18057
+ get growTablet() {
18058
+ return this.elementRef.nativeElement['growTablet'];
18059
+ }
18060
+ set growLaptop(value) {
18061
+ this.elementRef.nativeElement['growLaptop'] = value;
18062
+ }
18063
+ get growLaptop() {
18064
+ return this.elementRef.nativeElement['growLaptop'];
18065
+ }
18066
+ set growDesktop(value) {
18067
+ this.elementRef.nativeElement['growDesktop'] = value;
18068
+ }
18069
+ get growDesktop() {
18070
+ return this.elementRef.nativeElement['growDesktop'];
18071
+ }
18072
+ set shrink(value) {
18073
+ this.elementRef.nativeElement['shrink'] = value;
18074
+ }
18075
+ get shrink() {
18076
+ return this.elementRef.nativeElement['shrink'];
18077
+ }
18078
+ set shrinkMobile(value) {
18079
+ this.elementRef.nativeElement['shrinkMobile'] = value;
18080
+ }
18081
+ get shrinkMobile() {
18082
+ return this.elementRef.nativeElement['shrinkMobile'];
18083
+ }
18084
+ set shrinkTablet(value) {
18085
+ this.elementRef.nativeElement['shrinkTablet'] = value;
18086
+ }
18087
+ get shrinkTablet() {
18088
+ return this.elementRef.nativeElement['shrinkTablet'];
18089
+ }
18090
+ set shrinkLaptop(value) {
18091
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
18092
+ }
18093
+ get shrinkLaptop() {
18094
+ return this.elementRef.nativeElement['shrinkLaptop'];
18095
+ }
18096
+ set shrinkDesktop(value) {
18097
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
18098
+ }
18099
+ get shrinkDesktop() {
18100
+ return this.elementRef.nativeElement['shrinkDesktop'];
18101
+ }
18102
+ set basis(value) {
18103
+ this.elementRef.nativeElement['basis'] = value;
18104
+ }
18105
+ get basis() {
18106
+ return this.elementRef.nativeElement['basis'];
18107
+ }
18108
+ set basisMobile(value) {
18109
+ this.elementRef.nativeElement['basisMobile'] = value;
18110
+ }
18111
+ get basisMobile() {
18112
+ return this.elementRef.nativeElement['basisMobile'];
18113
+ }
18114
+ set basisTablet(value) {
18115
+ this.elementRef.nativeElement['basisTablet'] = value;
18116
+ }
18117
+ get basisTablet() {
18118
+ return this.elementRef.nativeElement['basisTablet'];
18119
+ }
18120
+ set basisLaptop(value) {
18121
+ this.elementRef.nativeElement['basisLaptop'] = value;
18122
+ }
18123
+ get basisLaptop() {
18124
+ return this.elementRef.nativeElement['basisLaptop'];
18125
+ }
18126
+ set basisDesktop(value) {
18127
+ this.elementRef.nativeElement['basisDesktop'] = value;
18128
+ }
18129
+ get basisDesktop() {
18130
+ return this.elementRef.nativeElement['basisDesktop'];
17759
18131
  }
17760
18132
  set alignSelf(value) {
17761
18133
  this.elementRef.nativeElement['alignSelf'] = value;
@@ -17937,37 +18309,104 @@ class PxTextarea {
17937
18309
  get orderDesktop() {
17938
18310
  return this.elementRef.nativeElement['orderDesktop'];
17939
18311
  }
17940
- event = new EventEmitter();
17941
18312
  constructor(elementRef) {
17942
18313
  this.elementRef = elementRef;
17943
- this.elementRef.nativeElement.addEventListener('event', (e) => {
17944
- this.event.emit(e.detail);
17945
- });
17946
18314
  }
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 });
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 });
17949
18317
  }
17950
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
18318
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
17951
18319
  type: Directive,
17952
18320
  args: [{
17953
- selector: 'px-textarea',
18321
+ selector: 'px-vstack',
17954
18322
  }]
17955
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18323
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
17956
18324
  type: Input
17957
- }], extended: [{
18325
+ }], directionMobile: [{
18326
+ type: Input,
18327
+ args: ['direction--mobile']
18328
+ }], directionTablet: [{
18329
+ type: Input,
18330
+ args: ['direction--tablet']
18331
+ }], directionLaptop: [{
18332
+ type: Input,
18333
+ args: ['direction--laptop']
18334
+ }], directionDesktop: [{
18335
+ type: Input,
18336
+ args: ['direction--desktop']
18337
+ }], gap: [{
17958
18338
  type: Input
17959
- }], extendedMobile: [{
18339
+ }], gapMobile: [{
17960
18340
  type: Input,
17961
- args: ['extended--mobile']
17962
- }], extendedTablet: [{
18341
+ args: ['gap--mobile']
18342
+ }], gapTablet: [{
17963
18343
  type: Input,
17964
- args: ['extended--tablet']
17965
- }], extendedLaptop: [{
18344
+ args: ['gap--tablet']
18345
+ }], gapLaptop: [{
17966
18346
  type: Input,
17967
- args: ['extended--laptop']
17968
- }], extendedDesktop: [{
18347
+ args: ['gap--laptop']
18348
+ }], gapDesktop: [{
17969
18349
  type: Input,
17970
- args: ['extended--desktop']
18350
+ args: ['gap--desktop']
18351
+ }], justifyContent: [{
18352
+ type: Input,
18353
+ args: ['justify-content']
18354
+ }], justifyContentMobile: [{
18355
+ type: Input,
18356
+ args: ['justify-content--mobile']
18357
+ }], justifyContentTablet: [{
18358
+ type: Input,
18359
+ args: ['justify-content--tablet']
18360
+ }], justifyContentLaptop: [{
18361
+ type: Input,
18362
+ args: ['justify-content--laptop']
18363
+ }], justifyContentDesktop: [{
18364
+ type: Input,
18365
+ args: ['justify-content--desktop']
18366
+ }], alignItems: [{
18367
+ type: Input,
18368
+ args: ['align-items']
18369
+ }], alignItemsMobile: [{
18370
+ type: Input,
18371
+ args: ['align-items--mobile']
18372
+ }], alignItemsTablet: [{
18373
+ type: Input,
18374
+ args: ['align-items--tablet']
18375
+ }], alignItemsLaptop: [{
18376
+ type: Input,
18377
+ args: ['align-items--laptop']
18378
+ }], alignItemsDesktop: [{
18379
+ type: Input,
18380
+ args: ['align-items--desktop']
18381
+ }], wrap: [{
18382
+ type: Input
18383
+ }], wrapMobile: [{
18384
+ type: Input,
18385
+ args: ['wrap--mobile']
18386
+ }], wrapTablet: [{
18387
+ type: Input,
18388
+ args: ['wrap--tablet']
18389
+ }], wrapLaptop: [{
18390
+ type: Input,
18391
+ args: ['wrap--laptop']
18392
+ }], wrapDesktop: [{
18393
+ type: Input,
18394
+ args: ['wrap--desktop']
18395
+ }], overflowX: [{
18396
+ type: Input,
18397
+ args: ['overflow-x']
18398
+ }], overflowXMobile: [{
18399
+ type: Input,
18400
+ args: ['overflow-x--mobile']
18401
+ }], overflowXTablet: [{
18402
+ type: Input,
18403
+ args: ['overflow-x--tablet']
18404
+ }], overflowXLaptop: [{
18405
+ type: Input,
18406
+ args: ['overflow-x--laptop']
18407
+ }], overflowXDesktop: [{
18408
+ type: Input,
18409
+ args: ['overflow-x--desktop']
17971
18410
  }], grow: [{
17972
18411
  type: Input
17973
18412
  }], growMobile: [{
@@ -18098,49 +18537,191 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18098
18537
  }], orderDesktop: [{
18099
18538
  type: Input,
18100
18539
  args: ['order--desktop']
18101
- }], event: [{
18102
- type: Output
18103
18540
  }] } });
18104
18541
  /**
18105
- * @description Type-only wrapper for <px-fileupload>
18542
+ * @description Type-only wrapper for <px-hstack>
18106
18543
  */
18107
- class PxFileupload {
18544
+ class PxHstack {
18108
18545
  elementRef;
18109
- set state(value) {
18110
- this.elementRef.nativeElement['state'] = value;
18111
- }
18112
- get state() {
18113
- return this.elementRef.nativeElement['state'];
18546
+ set direction(value) {
18547
+ this.elementRef.nativeElement['direction'] = value;
18114
18548
  }
18115
- set extended(value) {
18116
- this.elementRef.nativeElement['extended'] = value;
18549
+ get direction() {
18550
+ return this.elementRef.nativeElement['direction'];
18117
18551
  }
18118
- get extended() {
18119
- return this.elementRef.nativeElement['extended'];
18552
+ set directionMobile(value) {
18553
+ this.elementRef.nativeElement['directionMobile'] = value;
18120
18554
  }
18121
- set extendedMobile(value) {
18122
- this.elementRef.nativeElement['extendedMobile'] = value;
18555
+ get directionMobile() {
18556
+ return this.elementRef.nativeElement['directionMobile'];
18123
18557
  }
18124
- get extendedMobile() {
18125
- return this.elementRef.nativeElement['extendedMobile'];
18558
+ set directionTablet(value) {
18559
+ this.elementRef.nativeElement['directionTablet'] = value;
18126
18560
  }
18127
- set extendedTablet(value) {
18128
- this.elementRef.nativeElement['extendedTablet'] = value;
18561
+ get directionTablet() {
18562
+ return this.elementRef.nativeElement['directionTablet'];
18129
18563
  }
18130
- get extendedTablet() {
18131
- return this.elementRef.nativeElement['extendedTablet'];
18564
+ set directionLaptop(value) {
18565
+ this.elementRef.nativeElement['directionLaptop'] = value;
18132
18566
  }
18133
- set extendedLaptop(value) {
18134
- this.elementRef.nativeElement['extendedLaptop'] = value;
18567
+ get directionLaptop() {
18568
+ return this.elementRef.nativeElement['directionLaptop'];
18135
18569
  }
18136
- get extendedLaptop() {
18137
- return this.elementRef.nativeElement['extendedLaptop'];
18570
+ set directionDesktop(value) {
18571
+ this.elementRef.nativeElement['directionDesktop'] = value;
18138
18572
  }
18139
- set extendedDesktop(value) {
18140
- this.elementRef.nativeElement['extendedDesktop'] = value;
18573
+ get directionDesktop() {
18574
+ return this.elementRef.nativeElement['directionDesktop'];
18141
18575
  }
18142
- get extendedDesktop() {
18143
- return this.elementRef.nativeElement['extendedDesktop'];
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;
18692
+ }
18693
+ get wrapDesktop() {
18694
+ return this.elementRef.nativeElement['wrapDesktop'];
18695
+ }
18696
+ set overflowX(value) {
18697
+ this.elementRef.nativeElement['overflowX'] = value;
18698
+ }
18699
+ get overflowX() {
18700
+ return this.elementRef.nativeElement['overflowX'];
18701
+ }
18702
+ set overflowXMobile(value) {
18703
+ this.elementRef.nativeElement['overflowXMobile'] = value;
18704
+ }
18705
+ get overflowXMobile() {
18706
+ return this.elementRef.nativeElement['overflowXMobile'];
18707
+ }
18708
+ set overflowXTablet(value) {
18709
+ this.elementRef.nativeElement['overflowXTablet'] = value;
18710
+ }
18711
+ get overflowXTablet() {
18712
+ return this.elementRef.nativeElement['overflowXTablet'];
18713
+ }
18714
+ set overflowXLaptop(value) {
18715
+ this.elementRef.nativeElement['overflowXLaptop'] = value;
18716
+ }
18717
+ get overflowXLaptop() {
18718
+ return this.elementRef.nativeElement['overflowXLaptop'];
18719
+ }
18720
+ set overflowXDesktop(value) {
18721
+ this.elementRef.nativeElement['overflowXDesktop'] = value;
18722
+ }
18723
+ get overflowXDesktop() {
18724
+ return this.elementRef.nativeElement['overflowXDesktop'];
18144
18725
  }
18145
18726
  set grow(value) {
18146
18727
  this.elementRef.nativeElement['grow'] = value;
@@ -18412,63 +18993,130 @@ class PxFileupload {
18412
18993
  get orderDesktop() {
18413
18994
  return this.elementRef.nativeElement['orderDesktop'];
18414
18995
  }
18415
- event = new EventEmitter();
18416
18996
  constructor(elementRef) {
18417
18997
  this.elementRef = elementRef;
18418
- this.elementRef.nativeElement.addEventListener('event', (e) => {
18419
- this.event.emit(e.detail);
18420
- });
18421
18998
  }
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 });
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 });
18424
19001
  }
18425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
19002
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
18426
19003
  type: Directive,
18427
19004
  args: [{
18428
- selector: 'px-fileupload',
19005
+ selector: 'px-hstack',
18429
19006
  }]
18430
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18431
- type: Input
18432
- }], extended: [{
19007
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
18433
19008
  type: Input
18434
- }], extendedMobile: [{
19009
+ }], directionMobile: [{
18435
19010
  type: Input,
18436
- args: ['extended--mobile']
18437
- }], extendedTablet: [{
19011
+ args: ['direction--mobile']
19012
+ }], directionTablet: [{
18438
19013
  type: Input,
18439
- args: ['extended--tablet']
18440
- }], extendedLaptop: [{
19014
+ args: ['direction--tablet']
19015
+ }], directionLaptop: [{
18441
19016
  type: Input,
18442
- args: ['extended--laptop']
18443
- }], extendedDesktop: [{
19017
+ args: ['direction--laptop']
19018
+ }], directionDesktop: [{
18444
19019
  type: Input,
18445
- args: ['extended--desktop']
18446
- }], grow: [{
19020
+ args: ['direction--desktop']
19021
+ }], gap: [{
18447
19022
  type: Input
18448
- }], growMobile: [{
18449
- type: Input,
18450
- args: ['grow--mobile']
18451
- }], growTablet: [{
19023
+ }], gapMobile: [{
18452
19024
  type: Input,
18453
- args: ['grow--tablet']
18454
- }], growLaptop: [{
19025
+ args: ['gap--mobile']
19026
+ }], gapTablet: [{
18455
19027
  type: Input,
18456
- args: ['grow--laptop']
18457
- }], growDesktop: [{
19028
+ args: ['gap--tablet']
19029
+ }], gapLaptop: [{
18458
19030
  type: Input,
18459
- args: ['grow--desktop']
18460
- }], shrink: [{
18461
- type: Input
18462
- }], shrinkMobile: [{
19031
+ args: ['gap--laptop']
19032
+ }], gapDesktop: [{
18463
19033
  type: Input,
18464
- args: ['shrink--mobile']
18465
- }], shrinkTablet: [{
19034
+ args: ['gap--desktop']
19035
+ }], justifyContent: [{
18466
19036
  type: Input,
18467
- args: ['shrink--tablet']
18468
- }], shrinkLaptop: [{
19037
+ args: ['justify-content']
19038
+ }], justifyContentMobile: [{
18469
19039
  type: Input,
18470
- args: ['shrink--laptop']
18471
- }], shrinkDesktop: [{
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: [{
19066
+ type: Input
19067
+ }], wrapMobile: [{
19068
+ type: Input,
19069
+ args: ['wrap--mobile']
19070
+ }], wrapTablet: [{
19071
+ type: Input,
19072
+ args: ['wrap--tablet']
19073
+ }], wrapLaptop: [{
19074
+ type: Input,
19075
+ args: ['wrap--laptop']
19076
+ }], wrapDesktop: [{
19077
+ type: Input,
19078
+ args: ['wrap--desktop']
19079
+ }], overflowX: [{
19080
+ type: Input,
19081
+ args: ['overflow-x']
19082
+ }], overflowXMobile: [{
19083
+ type: Input,
19084
+ args: ['overflow-x--mobile']
19085
+ }], overflowXTablet: [{
19086
+ type: Input,
19087
+ args: ['overflow-x--tablet']
19088
+ }], overflowXLaptop: [{
19089
+ type: Input,
19090
+ args: ['overflow-x--laptop']
19091
+ }], overflowXDesktop: [{
19092
+ type: Input,
19093
+ args: ['overflow-x--desktop']
19094
+ }], grow: [{
19095
+ type: Input
19096
+ }], growMobile: [{
19097
+ type: Input,
19098
+ args: ['grow--mobile']
19099
+ }], growTablet: [{
19100
+ type: Input,
19101
+ args: ['grow--tablet']
19102
+ }], growLaptop: [{
19103
+ type: Input,
19104
+ args: ['grow--laptop']
19105
+ }], growDesktop: [{
19106
+ type: Input,
19107
+ args: ['grow--desktop']
19108
+ }], shrink: [{
19109
+ type: Input
19110
+ }], shrinkMobile: [{
19111
+ type: Input,
19112
+ args: ['shrink--mobile']
19113
+ }], shrinkTablet: [{
19114
+ type: Input,
19115
+ args: ['shrink--tablet']
19116
+ }], shrinkLaptop: [{
19117
+ type: Input,
19118
+ args: ['shrink--laptop']
19119
+ }], shrinkDesktop: [{
18472
19120
  type: Input,
18473
19121
  args: ['shrink--desktop']
18474
19122
  }], basis: [{
@@ -18573,43 +19221,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
18573
19221
  }], orderDesktop: [{
18574
19222
  type: Input,
18575
19223
  args: ['order--desktop']
18576
- }], event: [{
18577
- type: Output
18578
19224
  }] } });
18579
19225
  /**
18580
- * @description Type-only wrapper for <px-page>
19226
+ * @description Type-only wrapper for <px-input>
18581
19227
  */
18582
- class PxPage {
19228
+ class PxInput {
18583
19229
  elementRef;
18584
- set backgroundImage(value) {
18585
- this.elementRef.nativeElement['backgroundImage'] = value;
19230
+ set state(value) {
19231
+ this.elementRef.nativeElement['state'] = value;
18586
19232
  }
18587
- get backgroundImage() {
18588
- return this.elementRef.nativeElement['backgroundImage'];
19233
+ get state() {
19234
+ return this.elementRef.nativeElement['state'];
18589
19235
  }
18590
- set gap(value) {
18591
- this.elementRef.nativeElement['gap'] = value;
19236
+ set extended(value) {
19237
+ this.elementRef.nativeElement['extended'] = value;
18592
19238
  }
18593
- get gap() {
18594
- return this.elementRef.nativeElement['gap'];
19239
+ get extended() {
19240
+ return this.elementRef.nativeElement['extended'];
18595
19241
  }
18596
- set backgroundColor(value) {
18597
- this.elementRef.nativeElement['backgroundColor'] = value;
19242
+ set extendedMobile(value) {
19243
+ this.elementRef.nativeElement['extendedMobile'] = value;
18598
19244
  }
18599
- get backgroundColor() {
18600
- return this.elementRef.nativeElement['backgroundColor'];
19245
+ get extendedMobile() {
19246
+ return this.elementRef.nativeElement['extendedMobile'];
18601
19247
  }
18602
- set paddingVertical(value) {
18603
- this.elementRef.nativeElement['paddingVertical'] = value;
19248
+ set extendedTablet(value) {
19249
+ this.elementRef.nativeElement['extendedTablet'] = value;
18604
19250
  }
18605
- get paddingVertical() {
18606
- return this.elementRef.nativeElement['paddingVertical'];
19251
+ get extendedTablet() {
19252
+ return this.elementRef.nativeElement['extendedTablet'];
18607
19253
  }
18608
- set paddingHorizontal(value) {
18609
- this.elementRef.nativeElement['paddingHorizontal'] = value;
19254
+ set extendedLaptop(value) {
19255
+ this.elementRef.nativeElement['extendedLaptop'] = value;
18610
19256
  }
18611
- get paddingHorizontal() {
18612
- return this.elementRef.nativeElement['paddingHorizontal'];
19257
+ get extendedLaptop() {
19258
+ return this.elementRef.nativeElement['extendedLaptop'];
19259
+ }
19260
+ set extendedDesktop(value) {
19261
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19262
+ }
19263
+ get extendedDesktop() {
19264
+ return this.elementRef.nativeElement['extendedDesktop'];
18613
19265
  }
18614
19266
  set grow(value) {
18615
19267
  this.elementRef.nativeElement['grow'] = value;
@@ -18881,31 +19533,37 @@ class PxPage {
18881
19533
  get orderDesktop() {
18882
19534
  return this.elementRef.nativeElement['orderDesktop'];
18883
19535
  }
19536
+ event = new EventEmitter();
18884
19537
  constructor(elementRef) {
18885
19538
  this.elementRef = elementRef;
19539
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
19540
+ this.event.emit(e.detail);
19541
+ });
18886
19542
  }
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 });
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 });
18889
19545
  }
18890
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPage, decorators: [{
19546
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
18891
19547
  type: Directive,
18892
19548
  args: [{
18893
- selector: 'px-page',
19549
+ selector: 'px-input',
18894
19550
  }]
18895
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundImage: [{
18896
- type: Input,
18897
- args: ['background-image']
18898
- }], gap: [{
19551
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
18899
19552
  type: Input
18900
- }], backgroundColor: [{
19553
+ }], extended: [{
19554
+ type: Input
19555
+ }], extendedMobile: [{
18901
19556
  type: Input,
18902
- args: ['background-color']
18903
- }], paddingVertical: [{
19557
+ args: ['extended--mobile']
19558
+ }], extendedTablet: [{
18904
19559
  type: Input,
18905
- args: ['padding-vertical']
18906
- }], paddingHorizontal: [{
19560
+ args: ['extended--tablet']
19561
+ }], extendedLaptop: [{
18907
19562
  type: Input,
18908
- args: ['padding-horizontal']
19563
+ args: ['extended--laptop']
19564
+ }], extendedDesktop: [{
19565
+ type: Input,
19566
+ args: ['extended--desktop']
18909
19567
  }], grow: [{
18910
19568
  type: Input
18911
19569
  }], growMobile: [{
@@ -19036,239 +19694,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19036
19694
  }], orderDesktop: [{
19037
19695
  type: Input,
19038
19696
  args: ['order--desktop']
19697
+ }], event: [{
19698
+ type: Output
19039
19699
  }] } });
19040
19700
  /**
19041
- * @description Type-only wrapper for <px-spacer>
19701
+ * @description Type-only wrapper for <px-select>
19042
19702
  */
19043
- class PxSpacer {
19703
+ class PxSelect {
19044
19704
  elementRef;
19045
- set grow(value) {
19046
- this.elementRef.nativeElement['grow'] = value;
19705
+ set state(value) {
19706
+ this.elementRef.nativeElement['state'] = value;
19047
19707
  }
19048
- get grow() {
19049
- return this.elementRef.nativeElement['grow'];
19708
+ get state() {
19709
+ return this.elementRef.nativeElement['state'];
19050
19710
  }
19051
- set nogap(value) {
19052
- this.elementRef.nativeElement['nogap'] = value;
19711
+ set extended(value) {
19712
+ this.elementRef.nativeElement['extended'] = value;
19053
19713
  }
19054
- get nogap() {
19055
- return this.elementRef.nativeElement['nogap'];
19714
+ get extended() {
19715
+ return this.elementRef.nativeElement['extended'];
19056
19716
  }
19057
- constructor(elementRef) {
19058
- this.elementRef = elementRef;
19717
+ set extendedMobile(value) {
19718
+ this.elementRef.nativeElement['extendedMobile'] = value;
19059
19719
  }
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;
19720
+ get extendedMobile() {
19721
+ return this.elementRef.nativeElement['extendedMobile'];
19080
19722
  }
19081
- get direction() {
19082
- return this.elementRef.nativeElement['direction'];
19723
+ set extendedTablet(value) {
19724
+ this.elementRef.nativeElement['extendedTablet'] = value;
19083
19725
  }
19084
- set directionMobile(value) {
19085
- this.elementRef.nativeElement['directionMobile'] = value;
19726
+ get extendedTablet() {
19727
+ return this.elementRef.nativeElement['extendedTablet'];
19086
19728
  }
19087
- get directionMobile() {
19088
- return this.elementRef.nativeElement['directionMobile'];
19729
+ set extendedLaptop(value) {
19730
+ this.elementRef.nativeElement['extendedLaptop'] = value;
19089
19731
  }
19090
- set directionTablet(value) {
19091
- this.elementRef.nativeElement['directionTablet'] = value;
19732
+ get extendedLaptop() {
19733
+ return this.elementRef.nativeElement['extendedLaptop'];
19092
19734
  }
19093
- get directionTablet() {
19094
- return this.elementRef.nativeElement['directionTablet'];
19735
+ set extendedDesktop(value) {
19736
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19095
19737
  }
19096
- set directionLaptop(value) {
19097
- this.elementRef.nativeElement['directionLaptop'] = value;
19738
+ get extendedDesktop() {
19739
+ return this.elementRef.nativeElement['extendedDesktop'];
19098
19740
  }
19099
- get directionLaptop() {
19100
- return this.elementRef.nativeElement['directionLaptop'];
19741
+ set grow(value) {
19742
+ this.elementRef.nativeElement['grow'] = value;
19101
19743
  }
19102
- set directionDesktop(value) {
19103
- this.elementRef.nativeElement['directionDesktop'] = value;
19744
+ get grow() {
19745
+ return this.elementRef.nativeElement['grow'];
19104
19746
  }
19105
- get directionDesktop() {
19106
- return this.elementRef.nativeElement['directionDesktop'];
19747
+ set growMobile(value) {
19748
+ this.elementRef.nativeElement['growMobile'] = value;
19107
19749
  }
19108
- set gap(value) {
19109
- this.elementRef.nativeElement['gap'] = value;
19750
+ get growMobile() {
19751
+ return this.elementRef.nativeElement['growMobile'];
19110
19752
  }
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;
19224
- }
19225
- get wrapDesktop() {
19226
- return this.elementRef.nativeElement['wrapDesktop'];
19227
- }
19228
- set overflowX(value) {
19229
- this.elementRef.nativeElement['overflowX'] = value;
19230
- }
19231
- get overflowX() {
19232
- return this.elementRef.nativeElement['overflowX'];
19233
- }
19234
- set overflowXMobile(value) {
19235
- this.elementRef.nativeElement['overflowXMobile'] = value;
19236
- }
19237
- get overflowXMobile() {
19238
- return this.elementRef.nativeElement['overflowXMobile'];
19239
- }
19240
- set overflowXTablet(value) {
19241
- this.elementRef.nativeElement['overflowXTablet'] = value;
19242
- }
19243
- get overflowXTablet() {
19244
- return this.elementRef.nativeElement['overflowXTablet'];
19245
- }
19246
- set overflowXLaptop(value) {
19247
- this.elementRef.nativeElement['overflowXLaptop'] = value;
19248
- }
19249
- get overflowXLaptop() {
19250
- return this.elementRef.nativeElement['overflowXLaptop'];
19251
- }
19252
- set overflowXDesktop(value) {
19253
- this.elementRef.nativeElement['overflowXDesktop'] = value;
19254
- }
19255
- get overflowXDesktop() {
19256
- return this.elementRef.nativeElement['overflowXDesktop'];
19257
- }
19258
- set grow(value) {
19259
- this.elementRef.nativeElement['grow'] = value;
19260
- }
19261
- get grow() {
19262
- return this.elementRef.nativeElement['grow'];
19263
- }
19264
- set growMobile(value) {
19265
- this.elementRef.nativeElement['growMobile'] = value;
19266
- }
19267
- get growMobile() {
19268
- return this.elementRef.nativeElement['growMobile'];
19269
- }
19270
- set growTablet(value) {
19271
- this.elementRef.nativeElement['growTablet'] = value;
19753
+ set growTablet(value) {
19754
+ this.elementRef.nativeElement['growTablet'] = value;
19272
19755
  }
19273
19756
  get growTablet() {
19274
19757
  return this.elementRef.nativeElement['growTablet'];
@@ -19525,150 +20008,83 @@ class PxStack {
19525
20008
  get orderDesktop() {
19526
20009
  return this.elementRef.nativeElement['orderDesktop'];
19527
20010
  }
20011
+ event = new EventEmitter();
19528
20012
  constructor(elementRef) {
19529
20013
  this.elementRef = elementRef;
20014
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20015
+ this.event.emit(e.detail);
20016
+ });
19530
20017
  }
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 });
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 });
19533
20020
  }
19534
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStack, decorators: [{
20021
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
19535
20022
  type: Directive,
19536
20023
  args: [{
19537
- selector: 'px-stack',
20024
+ selector: 'px-select',
19538
20025
  }]
19539
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20026
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
19540
20027
  type: Input
19541
- }], directionMobile: [{
20028
+ }], extended: [{
20029
+ type: Input
20030
+ }], extendedMobile: [{
19542
20031
  type: Input,
19543
- args: ['direction--mobile']
19544
- }], directionTablet: [{
20032
+ args: ['extended--mobile']
20033
+ }], extendedTablet: [{
19545
20034
  type: Input,
19546
- args: ['direction--tablet']
19547
- }], directionLaptop: [{
20035
+ args: ['extended--tablet']
20036
+ }], extendedLaptop: [{
19548
20037
  type: Input,
19549
- args: ['direction--laptop']
19550
- }], directionDesktop: [{
20038
+ args: ['extended--laptop']
20039
+ }], extendedDesktop: [{
19551
20040
  type: Input,
19552
- args: ['direction--desktop']
19553
- }], gap: [{
20041
+ args: ['extended--desktop']
20042
+ }], grow: [{
19554
20043
  type: Input
19555
- }], gapMobile: [{
19556
- type: Input,
19557
- args: ['gap--mobile']
19558
- }], gapTablet: [{
20044
+ }], growMobile: [{
19559
20045
  type: Input,
19560
- args: ['gap--tablet']
19561
- }], gapLaptop: [{
20046
+ args: ['grow--mobile']
20047
+ }], growTablet: [{
19562
20048
  type: Input,
19563
- args: ['gap--laptop']
19564
- }], gapDesktop: [{
20049
+ args: ['grow--tablet']
20050
+ }], growLaptop: [{
19565
20051
  type: Input,
19566
- args: ['gap--desktop']
19567
- }], justifyContent: [{
20052
+ args: ['grow--laptop']
20053
+ }], growDesktop: [{
19568
20054
  type: Input,
19569
- args: ['justify-content']
19570
- }], justifyContentMobile: [{
20055
+ args: ['grow--desktop']
20056
+ }], shrink: [{
20057
+ type: Input
20058
+ }], shrinkMobile: [{
19571
20059
  type: Input,
19572
- args: ['justify-content--mobile']
19573
- }], justifyContentTablet: [{
20060
+ args: ['shrink--mobile']
20061
+ }], shrinkTablet: [{
19574
20062
  type: Input,
19575
- args: ['justify-content--tablet']
19576
- }], justifyContentLaptop: [{
20063
+ args: ['shrink--tablet']
20064
+ }], shrinkLaptop: [{
19577
20065
  type: Input,
19578
- args: ['justify-content--laptop']
19579
- }], justifyContentDesktop: [{
20066
+ args: ['shrink--laptop']
20067
+ }], shrinkDesktop: [{
19580
20068
  type: Input,
19581
- args: ['justify-content--desktop']
19582
- }], alignItems: [{
20069
+ args: ['shrink--desktop']
20070
+ }], basis: [{
20071
+ type: Input
20072
+ }], basisMobile: [{
19583
20073
  type: Input,
19584
- args: ['align-items']
19585
- }], alignItemsMobile: [{
20074
+ args: ['basis--mobile']
20075
+ }], basisTablet: [{
19586
20076
  type: Input,
19587
- args: ['align-items--mobile']
19588
- }], alignItemsTablet: [{
20077
+ args: ['basis--tablet']
20078
+ }], basisLaptop: [{
19589
20079
  type: Input,
19590
- args: ['align-items--tablet']
19591
- }], alignItemsLaptop: [{
20080
+ args: ['basis--laptop']
20081
+ }], basisDesktop: [{
19592
20082
  type: Input,
19593
- args: ['align-items--laptop']
19594
- }], alignItemsDesktop: [{
20083
+ args: ['basis--desktop']
20084
+ }], alignSelf: [{
19595
20085
  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']
19626
- }], grow: [{
19627
- type: Input
19628
- }], growMobile: [{
19629
- type: Input,
19630
- args: ['grow--mobile']
19631
- }], growTablet: [{
19632
- type: Input,
19633
- args: ['grow--tablet']
19634
- }], growLaptop: [{
19635
- type: Input,
19636
- args: ['grow--laptop']
19637
- }], growDesktop: [{
19638
- type: Input,
19639
- args: ['grow--desktop']
19640
- }], shrink: [{
19641
- type: Input
19642
- }], shrinkMobile: [{
19643
- type: Input,
19644
- args: ['shrink--mobile']
19645
- }], shrinkTablet: [{
19646
- type: Input,
19647
- args: ['shrink--tablet']
19648
- }], shrinkLaptop: [{
19649
- type: Input,
19650
- args: ['shrink--laptop']
19651
- }], shrinkDesktop: [{
19652
- type: Input,
19653
- args: ['shrink--desktop']
19654
- }], basis: [{
19655
- type: Input
19656
- }], basisMobile: [{
19657
- type: Input,
19658
- args: ['basis--mobile']
19659
- }], basisTablet: [{
19660
- type: Input,
19661
- args: ['basis--tablet']
19662
- }], basisLaptop: [{
19663
- type: Input,
19664
- args: ['basis--laptop']
19665
- }], basisDesktop: [{
19666
- type: Input,
19667
- args: ['basis--desktop']
19668
- }], alignSelf: [{
19669
- type: Input,
19670
- args: ['align-self']
19671
- }], alignSelfMobile: [{
20086
+ args: ['align-self']
20087
+ }], alignSelfMobile: [{
19672
20088
  type: Input,
19673
20089
  args: ['align-self--mobile']
19674
20090
  }], alignSelfTablet: [{
@@ -19753,287 +20169,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
19753
20169
  }], orderDesktop: [{
19754
20170
  type: Input,
19755
20171
  args: ['order--desktop']
20172
+ }], event: [{
20173
+ type: Output
19756
20174
  }] } });
19757
20175
  /**
19758
- * @description Type-only wrapper for <px-vstack>
20176
+ * @description Type-only wrapper for <px-textarea>
19759
20177
  */
19760
- class PxVstack {
20178
+ class PxTextarea {
19761
20179
  elementRef;
19762
- set direction(value) {
19763
- this.elementRef.nativeElement['direction'] = value;
20180
+ set state(value) {
20181
+ this.elementRef.nativeElement['state'] = value;
19764
20182
  }
19765
- get direction() {
19766
- return this.elementRef.nativeElement['direction'];
20183
+ get state() {
20184
+ return this.elementRef.nativeElement['state'];
19767
20185
  }
19768
- set directionMobile(value) {
19769
- this.elementRef.nativeElement['directionMobile'] = value;
20186
+ set extended(value) {
20187
+ this.elementRef.nativeElement['extended'] = value;
19770
20188
  }
19771
- get directionMobile() {
19772
- return this.elementRef.nativeElement['directionMobile'];
20189
+ get extended() {
20190
+ return this.elementRef.nativeElement['extended'];
19773
20191
  }
19774
- set directionTablet(value) {
19775
- this.elementRef.nativeElement['directionTablet'] = value;
20192
+ set extendedMobile(value) {
20193
+ this.elementRef.nativeElement['extendedMobile'] = value;
19776
20194
  }
19777
- get directionTablet() {
19778
- return this.elementRef.nativeElement['directionTablet'];
20195
+ get extendedMobile() {
20196
+ return this.elementRef.nativeElement['extendedMobile'];
19779
20197
  }
19780
- set directionLaptop(value) {
19781
- this.elementRef.nativeElement['directionLaptop'] = value;
20198
+ set extendedTablet(value) {
20199
+ this.elementRef.nativeElement['extendedTablet'] = value;
19782
20200
  }
19783
- get directionLaptop() {
19784
- return this.elementRef.nativeElement['directionLaptop'];
20201
+ get extendedTablet() {
20202
+ return this.elementRef.nativeElement['extendedTablet'];
19785
20203
  }
19786
- set directionDesktop(value) {
19787
- this.elementRef.nativeElement['directionDesktop'] = value;
20204
+ set extendedLaptop(value) {
20205
+ this.elementRef.nativeElement['extendedLaptop'] = value;
19788
20206
  }
19789
- get directionDesktop() {
19790
- return this.elementRef.nativeElement['directionDesktop'];
20207
+ get extendedLaptop() {
20208
+ return this.elementRef.nativeElement['extendedLaptop'];
19791
20209
  }
19792
- set gap(value) {
19793
- this.elementRef.nativeElement['gap'] = value;
20210
+ set extendedDesktop(value) {
20211
+ this.elementRef.nativeElement['extendedDesktop'] = value;
19794
20212
  }
19795
- get gap() {
19796
- return this.elementRef.nativeElement['gap'];
20213
+ get extendedDesktop() {
20214
+ return this.elementRef.nativeElement['extendedDesktop'];
19797
20215
  }
19798
- set gapMobile(value) {
19799
- this.elementRef.nativeElement['gapMobile'] = value;
20216
+ set grow(value) {
20217
+ this.elementRef.nativeElement['grow'] = value;
19800
20218
  }
19801
- get gapMobile() {
19802
- return this.elementRef.nativeElement['gapMobile'];
20219
+ get grow() {
20220
+ return this.elementRef.nativeElement['grow'];
19803
20221
  }
19804
- set gapTablet(value) {
19805
- this.elementRef.nativeElement['gapTablet'] = value;
20222
+ set growMobile(value) {
20223
+ this.elementRef.nativeElement['growMobile'] = value;
19806
20224
  }
19807
- get gapTablet() {
19808
- return this.elementRef.nativeElement['gapTablet'];
20225
+ get growMobile() {
20226
+ return this.elementRef.nativeElement['growMobile'];
19809
20227
  }
19810
- set gapLaptop(value) {
19811
- this.elementRef.nativeElement['gapLaptop'] = value;
20228
+ set growTablet(value) {
20229
+ this.elementRef.nativeElement['growTablet'] = value;
19812
20230
  }
19813
- get gapLaptop() {
19814
- return this.elementRef.nativeElement['gapLaptop'];
20231
+ get growTablet() {
20232
+ return this.elementRef.nativeElement['growTablet'];
19815
20233
  }
19816
- set gapDesktop(value) {
19817
- this.elementRef.nativeElement['gapDesktop'] = value;
20234
+ set growLaptop(value) {
20235
+ this.elementRef.nativeElement['growLaptop'] = value;
19818
20236
  }
19819
- get gapDesktop() {
19820
- return this.elementRef.nativeElement['gapDesktop'];
20237
+ get growLaptop() {
20238
+ return this.elementRef.nativeElement['growLaptop'];
19821
20239
  }
19822
- set justifyContent(value) {
19823
- this.elementRef.nativeElement['justifyContent'] = value;
20240
+ set growDesktop(value) {
20241
+ this.elementRef.nativeElement['growDesktop'] = value;
19824
20242
  }
19825
- get justifyContent() {
19826
- return this.elementRef.nativeElement['justifyContent'];
20243
+ get growDesktop() {
20244
+ return this.elementRef.nativeElement['growDesktop'];
19827
20245
  }
19828
- set justifyContentMobile(value) {
19829
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20246
+ set shrink(value) {
20247
+ this.elementRef.nativeElement['shrink'] = value;
19830
20248
  }
19831
- get justifyContentMobile() {
19832
- return this.elementRef.nativeElement['justifyContentMobile'];
20249
+ get shrink() {
20250
+ return this.elementRef.nativeElement['shrink'];
19833
20251
  }
19834
- set justifyContentTablet(value) {
19835
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20252
+ set shrinkMobile(value) {
20253
+ this.elementRef.nativeElement['shrinkMobile'] = value;
19836
20254
  }
19837
- get justifyContentTablet() {
19838
- return this.elementRef.nativeElement['justifyContentTablet'];
20255
+ get shrinkMobile() {
20256
+ return this.elementRef.nativeElement['shrinkMobile'];
19839
20257
  }
19840
- set justifyContentLaptop(value) {
19841
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20258
+ set shrinkTablet(value) {
20259
+ this.elementRef.nativeElement['shrinkTablet'] = value;
19842
20260
  }
19843
- get justifyContentLaptop() {
19844
- return this.elementRef.nativeElement['justifyContentLaptop'];
20261
+ get shrinkTablet() {
20262
+ return this.elementRef.nativeElement['shrinkTablet'];
19845
20263
  }
19846
- set justifyContentDesktop(value) {
19847
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20264
+ set shrinkLaptop(value) {
20265
+ this.elementRef.nativeElement['shrinkLaptop'] = value;
19848
20266
  }
19849
- get justifyContentDesktop() {
19850
- return this.elementRef.nativeElement['justifyContentDesktop'];
20267
+ get shrinkLaptop() {
20268
+ return this.elementRef.nativeElement['shrinkLaptop'];
19851
20269
  }
19852
- set alignItems(value) {
19853
- this.elementRef.nativeElement['alignItems'] = value;
20270
+ set shrinkDesktop(value) {
20271
+ this.elementRef.nativeElement['shrinkDesktop'] = value;
19854
20272
  }
19855
- get alignItems() {
19856
- return this.elementRef.nativeElement['alignItems'];
20273
+ get shrinkDesktop() {
20274
+ return this.elementRef.nativeElement['shrinkDesktop'];
19857
20275
  }
19858
- set alignItemsMobile(value) {
19859
- this.elementRef.nativeElement['alignItemsMobile'] = value;
20276
+ set basis(value) {
20277
+ this.elementRef.nativeElement['basis'] = value;
19860
20278
  }
19861
- get alignItemsMobile() {
19862
- return this.elementRef.nativeElement['alignItemsMobile'];
20279
+ get basis() {
20280
+ return this.elementRef.nativeElement['basis'];
19863
20281
  }
19864
- set alignItemsTablet(value) {
19865
- this.elementRef.nativeElement['alignItemsTablet'] = value;
20282
+ set basisMobile(value) {
20283
+ this.elementRef.nativeElement['basisMobile'] = value;
19866
20284
  }
19867
- get alignItemsTablet() {
19868
- return this.elementRef.nativeElement['alignItemsTablet'];
20285
+ get basisMobile() {
20286
+ return this.elementRef.nativeElement['basisMobile'];
19869
20287
  }
19870
- set alignItemsLaptop(value) {
19871
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
20288
+ set basisTablet(value) {
20289
+ this.elementRef.nativeElement['basisTablet'] = value;
19872
20290
  }
19873
- get alignItemsLaptop() {
19874
- return this.elementRef.nativeElement['alignItemsLaptop'];
20291
+ get basisTablet() {
20292
+ return this.elementRef.nativeElement['basisTablet'];
19875
20293
  }
19876
- set alignItemsDesktop(value) {
19877
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
20294
+ set basisLaptop(value) {
20295
+ this.elementRef.nativeElement['basisLaptop'] = value;
19878
20296
  }
19879
- get alignItemsDesktop() {
19880
- return this.elementRef.nativeElement['alignItemsDesktop'];
20297
+ get basisLaptop() {
20298
+ return this.elementRef.nativeElement['basisLaptop'];
19881
20299
  }
19882
- set wrap(value) {
19883
- this.elementRef.nativeElement['wrap'] = value;
20300
+ set basisDesktop(value) {
20301
+ this.elementRef.nativeElement['basisDesktop'] = value;
19884
20302
  }
19885
- get wrap() {
19886
- return this.elementRef.nativeElement['wrap'];
20303
+ get basisDesktop() {
20304
+ return this.elementRef.nativeElement['basisDesktop'];
19887
20305
  }
19888
- set wrapMobile(value) {
19889
- this.elementRef.nativeElement['wrapMobile'] = value;
20306
+ set alignSelf(value) {
20307
+ this.elementRef.nativeElement['alignSelf'] = value;
19890
20308
  }
19891
- get wrapMobile() {
19892
- return this.elementRef.nativeElement['wrapMobile'];
19893
- }
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'];
19941
- }
19942
- set grow(value) {
19943
- this.elementRef.nativeElement['grow'] = value;
19944
- }
19945
- get grow() {
19946
- return this.elementRef.nativeElement['grow'];
19947
- }
19948
- set growMobile(value) {
19949
- this.elementRef.nativeElement['growMobile'] = value;
19950
- }
19951
- get growMobile() {
19952
- return this.elementRef.nativeElement['growMobile'];
19953
- }
19954
- set growTablet(value) {
19955
- this.elementRef.nativeElement['growTablet'] = value;
19956
- }
19957
- get growTablet() {
19958
- return this.elementRef.nativeElement['growTablet'];
19959
- }
19960
- set growLaptop(value) {
19961
- this.elementRef.nativeElement['growLaptop'] = value;
19962
- }
19963
- get growLaptop() {
19964
- return this.elementRef.nativeElement['growLaptop'];
19965
- }
19966
- set growDesktop(value) {
19967
- this.elementRef.nativeElement['growDesktop'] = value;
19968
- }
19969
- get growDesktop() {
19970
- return this.elementRef.nativeElement['growDesktop'];
19971
- }
19972
- set shrink(value) {
19973
- this.elementRef.nativeElement['shrink'] = value;
19974
- }
19975
- get shrink() {
19976
- return this.elementRef.nativeElement['shrink'];
19977
- }
19978
- set shrinkMobile(value) {
19979
- this.elementRef.nativeElement['shrinkMobile'] = value;
19980
- }
19981
- get shrinkMobile() {
19982
- return this.elementRef.nativeElement['shrinkMobile'];
19983
- }
19984
- set shrinkTablet(value) {
19985
- this.elementRef.nativeElement['shrinkTablet'] = value;
19986
- }
19987
- get shrinkTablet() {
19988
- return this.elementRef.nativeElement['shrinkTablet'];
19989
- }
19990
- set shrinkLaptop(value) {
19991
- this.elementRef.nativeElement['shrinkLaptop'] = value;
19992
- }
19993
- get shrinkLaptop() {
19994
- return this.elementRef.nativeElement['shrinkLaptop'];
19995
- }
19996
- set shrinkDesktop(value) {
19997
- this.elementRef.nativeElement['shrinkDesktop'] = value;
19998
- }
19999
- get shrinkDesktop() {
20000
- return this.elementRef.nativeElement['shrinkDesktop'];
20001
- }
20002
- set basis(value) {
20003
- this.elementRef.nativeElement['basis'] = value;
20004
- }
20005
- get basis() {
20006
- return this.elementRef.nativeElement['basis'];
20007
- }
20008
- set basisMobile(value) {
20009
- this.elementRef.nativeElement['basisMobile'] = value;
20010
- }
20011
- get basisMobile() {
20012
- return this.elementRef.nativeElement['basisMobile'];
20013
- }
20014
- set basisTablet(value) {
20015
- this.elementRef.nativeElement['basisTablet'] = value;
20016
- }
20017
- get basisTablet() {
20018
- return this.elementRef.nativeElement['basisTablet'];
20019
- }
20020
- set basisLaptop(value) {
20021
- this.elementRef.nativeElement['basisLaptop'] = value;
20022
- }
20023
- get basisLaptop() {
20024
- return this.elementRef.nativeElement['basisLaptop'];
20025
- }
20026
- set basisDesktop(value) {
20027
- this.elementRef.nativeElement['basisDesktop'] = value;
20028
- }
20029
- get basisDesktop() {
20030
- return this.elementRef.nativeElement['basisDesktop'];
20031
- }
20032
- set alignSelf(value) {
20033
- this.elementRef.nativeElement['alignSelf'] = value;
20034
- }
20035
- get alignSelf() {
20036
- return this.elementRef.nativeElement['alignSelf'];
20309
+ get alignSelf() {
20310
+ return this.elementRef.nativeElement['alignSelf'];
20037
20311
  }
20038
20312
  set alignSelfMobile(value) {
20039
20313
  this.elementRef.nativeElement['alignSelfMobile'] = value;
@@ -20209,104 +20483,37 @@ class PxVstack {
20209
20483
  get orderDesktop() {
20210
20484
  return this.elementRef.nativeElement['orderDesktop'];
20211
20485
  }
20486
+ event = new EventEmitter();
20212
20487
  constructor(elementRef) {
20213
20488
  this.elementRef = elementRef;
20489
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20490
+ this.event.emit(e.detail);
20491
+ });
20214
20492
  }
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 });
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 });
20217
20495
  }
20218
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxVstack, decorators: [{
20496
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
20219
20497
  type: Directive,
20220
20498
  args: [{
20221
- selector: 'px-vstack',
20499
+ selector: 'px-textarea',
20222
20500
  }]
20223
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20224
- type: Input
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: [{
20501
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20238
20502
  type: Input
20239
- }], gapMobile: [{
20240
- type: Input,
20241
- args: ['gap--mobile']
20242
- }], gapTablet: [{
20243
- type: Input,
20244
- args: ['gap--tablet']
20245
- }], gapLaptop: [{
20246
- type: Input,
20247
- args: ['gap--laptop']
20248
- }], gapDesktop: [{
20249
- type: Input,
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: [{
20503
+ }], extended: [{
20282
20504
  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: [{
20505
+ }], extendedMobile: [{
20299
20506
  type: Input,
20300
- args: ['overflow-x--mobile']
20301
- }], overflowXTablet: [{
20507
+ args: ['extended--mobile']
20508
+ }], extendedTablet: [{
20302
20509
  type: Input,
20303
- args: ['overflow-x--tablet']
20304
- }], overflowXLaptop: [{
20510
+ args: ['extended--tablet']
20511
+ }], extendedLaptop: [{
20305
20512
  type: Input,
20306
- args: ['overflow-x--laptop']
20307
- }], overflowXDesktop: [{
20513
+ args: ['extended--laptop']
20514
+ }], extendedDesktop: [{
20308
20515
  type: Input,
20309
- args: ['overflow-x--desktop']
20516
+ args: ['extended--desktop']
20310
20517
  }], grow: [{
20311
20518
  type: Input
20312
20519
  }], growMobile: [{
@@ -20356,272 +20563,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
20356
20563
  type: Input,
20357
20564
  args: ['align-self--mobile']
20358
20565
  }], alignSelfTablet: [{
20359
- type: Input,
20360
- args: ['align-self--tablet']
20361
- }], alignSelfLaptop: [{
20362
- type: Input,
20363
- args: ['align-self--laptop']
20364
- }], alignSelfDesktop: [{
20365
- type: Input,
20366
- args: ['align-self--desktop']
20367
- }], justifySelf: [{
20368
- type: Input,
20369
- args: ['justify-self']
20370
- }], justifySelfMobile: [{
20371
- type: Input,
20372
- args: ['justify-self--mobile']
20373
- }], justifySelfTablet: [{
20374
- type: Input,
20375
- args: ['justify-self--tablet']
20376
- }], justifySelfLaptop: [{
20377
- type: Input,
20378
- args: ['justify-self--laptop']
20379
- }], justifySelfDesktop: [{
20380
- type: Input,
20381
- args: ['justify-self--desktop']
20382
- }], hidden: [{
20383
- type: Input
20384
- }], hiddenMobile: [{
20385
- type: Input,
20386
- args: ['hidden--mobile']
20387
- }], hiddenTablet: [{
20388
- type: Input,
20389
- args: ['hidden--tablet']
20390
- }], hiddenLaptop: [{
20391
- type: Input,
20392
- args: ['hidden--laptop']
20393
- }], hiddenDesktop: [{
20394
- type: Input,
20395
- args: ['hidden--desktop']
20396
- }], shownSr: [{
20397
- type: Input,
20398
- args: ['shown--sr']
20399
- }], shownSrMobile: [{
20400
- type: Input,
20401
- args: ['shown--sr--mobile']
20402
- }], shownSrTablet: [{
20403
- type: Input,
20404
- args: ['shown--sr--tablet']
20405
- }], shownSrLaptop: [{
20406
- type: Input,
20407
- args: ['shown--sr--laptop']
20408
- }], shownSrDesktop: [{
20409
- type: Input,
20410
- args: ['shown--sr--desktop']
20411
- }], colSpan: [{
20412
- type: Input,
20413
- args: ['col-span']
20414
- }], colSpanMobile: [{
20415
- type: Input,
20416
- args: ['col-span--mobile']
20417
- }], colSpanTablet: [{
20418
- type: Input,
20419
- args: ['col-span--tablet']
20420
- }], colSpanLaptop: [{
20421
- type: Input,
20422
- args: ['col-span--laptop']
20423
- }], colSpanDesktop: [{
20424
- type: Input,
20425
- args: ['col-span--desktop']
20426
- }], order: [{
20427
- type: Input
20428
- }], orderMobile: [{
20429
- type: Input,
20430
- args: ['order--mobile']
20431
- }], orderTablet: [{
20432
- type: Input,
20433
- args: ['order--tablet']
20434
- }], orderLaptop: [{
20435
- type: Input,
20436
- args: ['order--laptop']
20437
- }], orderDesktop: [{
20438
- type: Input,
20439
- args: ['order--desktop']
20440
- }] } });
20441
- /**
20442
- * @description Type-only wrapper for <px-hstack>
20443
- */
20444
- class PxHstack {
20445
- elementRef;
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;
20502
- }
20503
- get gapDesktop() {
20504
- return this.elementRef.nativeElement['gapDesktop'];
20505
- }
20506
- set justifyContent(value) {
20507
- this.elementRef.nativeElement['justifyContent'] = value;
20508
- }
20509
- get justifyContent() {
20510
- return this.elementRef.nativeElement['justifyContent'];
20511
- }
20512
- set justifyContentMobile(value) {
20513
- this.elementRef.nativeElement['justifyContentMobile'] = value;
20514
- }
20515
- get justifyContentMobile() {
20516
- return this.elementRef.nativeElement['justifyContentMobile'];
20517
- }
20518
- set justifyContentTablet(value) {
20519
- this.elementRef.nativeElement['justifyContentTablet'] = value;
20520
- }
20521
- get justifyContentTablet() {
20522
- return this.elementRef.nativeElement['justifyContentTablet'];
20523
- }
20524
- set justifyContentLaptop(value) {
20525
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
20526
- }
20527
- get justifyContentLaptop() {
20528
- return this.elementRef.nativeElement['justifyContentLaptop'];
20529
- }
20530
- set justifyContentDesktop(value) {
20531
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
20532
- }
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;
20566
+ type: Input,
20567
+ args: ['align-self--tablet']
20568
+ }], alignSelfLaptop: [{
20569
+ type: Input,
20570
+ args: ['align-self--laptop']
20571
+ }], alignSelfDesktop: [{
20572
+ type: Input,
20573
+ args: ['align-self--desktop']
20574
+ }], justifySelf: [{
20575
+ type: Input,
20576
+ args: ['justify-self']
20577
+ }], justifySelfMobile: [{
20578
+ type: Input,
20579
+ args: ['justify-self--mobile']
20580
+ }], justifySelfTablet: [{
20581
+ type: Input,
20582
+ args: ['justify-self--tablet']
20583
+ }], justifySelfLaptop: [{
20584
+ type: Input,
20585
+ args: ['justify-self--laptop']
20586
+ }], justifySelfDesktop: [{
20587
+ type: Input,
20588
+ args: ['justify-self--desktop']
20589
+ }], hidden: [{
20590
+ type: Input
20591
+ }], hiddenMobile: [{
20592
+ type: Input,
20593
+ args: ['hidden--mobile']
20594
+ }], hiddenTablet: [{
20595
+ type: Input,
20596
+ args: ['hidden--tablet']
20597
+ }], hiddenLaptop: [{
20598
+ type: Input,
20599
+ args: ['hidden--laptop']
20600
+ }], hiddenDesktop: [{
20601
+ type: Input,
20602
+ args: ['hidden--desktop']
20603
+ }], shownSr: [{
20604
+ type: Input,
20605
+ args: ['shown--sr']
20606
+ }], shownSrMobile: [{
20607
+ type: Input,
20608
+ args: ['shown--sr--mobile']
20609
+ }], shownSrTablet: [{
20610
+ type: Input,
20611
+ args: ['shown--sr--tablet']
20612
+ }], shownSrLaptop: [{
20613
+ type: Input,
20614
+ args: ['shown--sr--laptop']
20615
+ }], shownSrDesktop: [{
20616
+ type: Input,
20617
+ args: ['shown--sr--desktop']
20618
+ }], colSpan: [{
20619
+ type: Input,
20620
+ args: ['col-span']
20621
+ }], colSpanMobile: [{
20622
+ type: Input,
20623
+ args: ['col-span--mobile']
20624
+ }], colSpanTablet: [{
20625
+ type: Input,
20626
+ args: ['col-span--tablet']
20627
+ }], colSpanLaptop: [{
20628
+ type: Input,
20629
+ args: ['col-span--laptop']
20630
+ }], colSpanDesktop: [{
20631
+ type: Input,
20632
+ args: ['col-span--desktop']
20633
+ }], order: [{
20634
+ type: Input
20635
+ }], orderMobile: [{
20636
+ type: Input,
20637
+ args: ['order--mobile']
20638
+ }], orderTablet: [{
20639
+ type: Input,
20640
+ args: ['order--tablet']
20641
+ }], orderLaptop: [{
20642
+ type: Input,
20643
+ args: ['order--laptop']
20644
+ }], orderDesktop: [{
20645
+ type: Input,
20646
+ args: ['order--desktop']
20647
+ }], event: [{
20648
+ type: Output
20649
+ }] } });
20650
+ /**
20651
+ * @description Type-only wrapper for <px-fileupload>
20652
+ */
20653
+ class PxFileupload {
20654
+ elementRef;
20655
+ set state(value) {
20656
+ this.elementRef.nativeElement['state'] = value;
20592
20657
  }
20593
- get wrapDesktop() {
20594
- return this.elementRef.nativeElement['wrapDesktop'];
20658
+ get state() {
20659
+ return this.elementRef.nativeElement['state'];
20595
20660
  }
20596
- set overflowX(value) {
20597
- this.elementRef.nativeElement['overflowX'] = value;
20661
+ set extended(value) {
20662
+ this.elementRef.nativeElement['extended'] = value;
20598
20663
  }
20599
- get overflowX() {
20600
- return this.elementRef.nativeElement['overflowX'];
20664
+ get extended() {
20665
+ return this.elementRef.nativeElement['extended'];
20601
20666
  }
20602
- set overflowXMobile(value) {
20603
- this.elementRef.nativeElement['overflowXMobile'] = value;
20667
+ set extendedMobile(value) {
20668
+ this.elementRef.nativeElement['extendedMobile'] = value;
20604
20669
  }
20605
- get overflowXMobile() {
20606
- return this.elementRef.nativeElement['overflowXMobile'];
20670
+ get extendedMobile() {
20671
+ return this.elementRef.nativeElement['extendedMobile'];
20607
20672
  }
20608
- set overflowXTablet(value) {
20609
- this.elementRef.nativeElement['overflowXTablet'] = value;
20673
+ set extendedTablet(value) {
20674
+ this.elementRef.nativeElement['extendedTablet'] = value;
20610
20675
  }
20611
- get overflowXTablet() {
20612
- return this.elementRef.nativeElement['overflowXTablet'];
20676
+ get extendedTablet() {
20677
+ return this.elementRef.nativeElement['extendedTablet'];
20613
20678
  }
20614
- set overflowXLaptop(value) {
20615
- this.elementRef.nativeElement['overflowXLaptop'] = value;
20679
+ set extendedLaptop(value) {
20680
+ this.elementRef.nativeElement['extendedLaptop'] = value;
20616
20681
  }
20617
- get overflowXLaptop() {
20618
- return this.elementRef.nativeElement['overflowXLaptop'];
20682
+ get extendedLaptop() {
20683
+ return this.elementRef.nativeElement['extendedLaptop'];
20619
20684
  }
20620
- set overflowXDesktop(value) {
20621
- this.elementRef.nativeElement['overflowXDesktop'] = value;
20685
+ set extendedDesktop(value) {
20686
+ this.elementRef.nativeElement['extendedDesktop'] = value;
20622
20687
  }
20623
- get overflowXDesktop() {
20624
- return this.elementRef.nativeElement['overflowXDesktop'];
20688
+ get extendedDesktop() {
20689
+ return this.elementRef.nativeElement['extendedDesktop'];
20625
20690
  }
20626
20691
  set grow(value) {
20627
20692
  this.elementRef.nativeElement['grow'] = value;
@@ -20893,104 +20958,37 @@ class PxHstack {
20893
20958
  get orderDesktop() {
20894
20959
  return this.elementRef.nativeElement['orderDesktop'];
20895
20960
  }
20961
+ event = new EventEmitter();
20896
20962
  constructor(elementRef) {
20897
20963
  this.elementRef = elementRef;
20964
+ this.elementRef.nativeElement.addEventListener('event', (e) => {
20965
+ this.event.emit(e.detail);
20966
+ });
20898
20967
  }
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 });
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 });
20901
20970
  }
20902
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHstack, decorators: [{
20971
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
20903
20972
  type: Directive,
20904
20973
  args: [{
20905
- selector: 'px-hstack',
20974
+ selector: 'px-fileupload',
20906
20975
  }]
20907
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
20908
- type: Input
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: [{
20976
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
20922
20977
  type: Input
20923
- }], gapMobile: [{
20924
- type: Input,
20925
- args: ['gap--mobile']
20926
- }], gapTablet: [{
20927
- type: Input,
20928
- args: ['gap--tablet']
20929
- }], gapLaptop: [{
20930
- type: Input,
20931
- args: ['gap--laptop']
20932
- }], gapDesktop: [{
20933
- type: Input,
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: [{
20978
+ }], extended: [{
20966
20979
  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: [{
20980
+ }], extendedMobile: [{
20983
20981
  type: Input,
20984
- args: ['overflow-x--mobile']
20985
- }], overflowXTablet: [{
20982
+ args: ['extended--mobile']
20983
+ }], extendedTablet: [{
20986
20984
  type: Input,
20987
- args: ['overflow-x--tablet']
20988
- }], overflowXLaptop: [{
20985
+ args: ['extended--tablet']
20986
+ }], extendedLaptop: [{
20989
20987
  type: Input,
20990
- args: ['overflow-x--laptop']
20991
- }], overflowXDesktop: [{
20988
+ args: ['extended--laptop']
20989
+ }], extendedDesktop: [{
20992
20990
  type: Input,
20993
- args: ['overflow-x--desktop']
20991
+ args: ['extended--desktop']
20994
20992
  }], grow: [{
20995
20993
  type: Input
20996
20994
  }], growMobile: [{
@@ -21121,6 +21119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
21121
21119
  }], orderDesktop: [{
21122
21120
  type: Input,
21123
21121
  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, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
34444
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxInput, PxSelect, PxTextarea, PxFileupload, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
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,
34492
34488
  PxPage,
34493
34489
  PxSpacer,
34494
34490
  PxStack,
34495
34491
  PxVstack,
34496
34492
  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,
34589
34585
  PxPage,
34590
34586
  PxSpacer,
34591
34587
  PxStack,
34592
34588
  PxVstack,
34593
34589
  PxHstack,
34590
+ PxInput,
34591
+ PxSelect,
34592
+ PxTextarea,
34593
+ PxFileupload,
34594
34594
  PxA,
34595
34595
  PxList,
34596
34596
  PxListItem,