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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/esm2022/lavender.directive.mjs +762 -738
  3. package/fesm2022/proximus-lavender-angular.mjs +761 -737
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +213 -209
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -2848,11 +2848,15 @@ class PxBreadcrumbItem {
2848
2848
  get orderDesktop() {
2849
2849
  return this.elementRef.nativeElement['orderDesktop'];
2850
2850
  }
2851
+ BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
2851
2852
  constructor(elementRef) {
2852
2853
  this.elementRef = elementRef;
2854
+ this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
2855
+ this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
2856
+ });
2853
2857
  }
2854
2858
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2855
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
2859
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, outputs: { BREADCRUMB_ITEM_CONNECTED_EVENT: "BREADCRUMB_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
2856
2860
  }
2857
2861
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
2858
2862
  type: Directive,
@@ -2991,6 +2995,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2991
2995
  }], orderDesktop: [{
2992
2996
  type: Input,
2993
2997
  args: ['order--desktop']
2998
+ }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
2999
+ type: Output
2994
3000
  }] } });
2995
3001
  /**
2996
3002
  * @description Type-only wrapper for <px-breadcrumb>
@@ -5108,28 +5114,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5108
5114
  */
5109
5115
  class PxCarouselItem {
5110
5116
  elementRef;
5117
+ CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
5111
5118
  constructor(elementRef) {
5112
5119
  this.elementRef = elementRef;
5120
+ this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
5121
+ this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
5122
+ });
5113
5123
  }
5114
5124
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5115
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", ngImport: i0 });
5125
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
5116
5126
  }
5117
5127
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
5118
5128
  type: Directive,
5119
5129
  args: [{
5120
5130
  selector: 'px-carousel-item',
5121
5131
  }]
5122
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
5132
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
5133
+ type: Output
5134
+ }] } });
5123
5135
  /**
5124
- * @description Type-only wrapper for <px-checkbox>
5136
+ * @description Type-only wrapper for <px-cell>
5125
5137
  */
5126
- class PxCheckbox {
5138
+ class PxCell {
5127
5139
  elementRef;
5128
- set state(value) {
5129
- this.elementRef.nativeElement['state'] = value;
5140
+ set inverted(value) {
5141
+ this.elementRef.nativeElement['inverted'] = value;
5130
5142
  }
5131
- get state() {
5132
- return this.elementRef.nativeElement['state'];
5143
+ get inverted() {
5144
+ return this.elementRef.nativeElement['inverted'];
5133
5145
  }
5134
5146
  set variant(value) {
5135
5147
  this.elementRef.nativeElement['variant'] = value;
@@ -5137,58 +5149,83 @@ class PxCheckbox {
5137
5149
  get variant() {
5138
5150
  return this.elementRef.nativeElement['variant'];
5139
5151
  }
5140
- set indeterminate(value) {
5141
- this.elementRef.nativeElement['indeterminate'] = value;
5152
+ set disabled(value) {
5153
+ this.elementRef.nativeElement['disabled'] = value;
5142
5154
  }
5143
- get indeterminate() {
5144
- return this.elementRef.nativeElement['indeterminate'];
5155
+ get disabled() {
5156
+ return this.elementRef.nativeElement['disabled'];
5145
5157
  }
5146
- set inverted(value) {
5147
- this.elementRef.nativeElement['inverted'] = value;
5158
+ set separator(value) {
5159
+ this.elementRef.nativeElement['separator'] = value;
5148
5160
  }
5149
- get inverted() {
5150
- return this.elementRef.nativeElement['inverted'];
5161
+ get separator() {
5162
+ return this.elementRef.nativeElement['separator'];
5151
5163
  }
5152
- set hover(value) {
5153
- this.elementRef.nativeElement['hover'] = value;
5164
+ set separatorMobile(value) {
5165
+ this.elementRef.nativeElement['separatorMobile'] = value;
5154
5166
  }
5155
- get hover() {
5156
- return this.elementRef.nativeElement['hover'];
5167
+ get separatorMobile() {
5168
+ return this.elementRef.nativeElement['separatorMobile'];
5157
5169
  }
5158
- /** The name of the checkbox. */
5159
- set name(value) {
5160
- this.elementRef.nativeElement['name'] = value;
5170
+ set separatorTablet(value) {
5171
+ this.elementRef.nativeElement['separatorTablet'] = value;
5161
5172
  }
5162
- get name() {
5163
- return this.elementRef.nativeElement['name'];
5173
+ get separatorTablet() {
5174
+ return this.elementRef.nativeElement['separatorTablet'];
5164
5175
  }
5165
- /** The value of the checkbox. */
5166
- set value(value) {
5167
- this.elementRef.nativeElement['value'] = value;
5176
+ set separatorLaptop(value) {
5177
+ this.elementRef.nativeElement['separatorLaptop'] = value;
5168
5178
  }
5169
- get value() {
5170
- return this.elementRef.nativeElement['value'];
5179
+ get separatorLaptop() {
5180
+ return this.elementRef.nativeElement['separatorLaptop'];
5171
5181
  }
5172
- /** Whether the checkbox is checked. */
5173
- set checked(value) {
5174
- this.elementRef.nativeElement['checked'] = value;
5182
+ set separatorDesktop(value) {
5183
+ this.elementRef.nativeElement['separatorDesktop'] = value;
5175
5184
  }
5176
- get checked() {
5177
- return this.elementRef.nativeElement['checked'];
5185
+ get separatorDesktop() {
5186
+ return this.elementRef.nativeElement['separatorDesktop'];
5178
5187
  }
5179
- /** Whether the checkbox is disabled. */
5180
- set disabled(value) {
5181
- this.elementRef.nativeElement['disabled'] = value;
5188
+ set radius(value) {
5189
+ this.elementRef.nativeElement['radius'] = value;
5182
5190
  }
5183
- get disabled() {
5184
- return this.elementRef.nativeElement['disabled'];
5191
+ get radius() {
5192
+ return this.elementRef.nativeElement['radius'];
5185
5193
  }
5186
- /** Whether the checkbox is required. */
5187
- set required(value) {
5188
- this.elementRef.nativeElement['required'] = value;
5194
+ set radiusMobile(value) {
5195
+ this.elementRef.nativeElement['radiusMobile'] = value;
5189
5196
  }
5190
- get required() {
5191
- return this.elementRef.nativeElement['required'];
5197
+ get radiusMobile() {
5198
+ return this.elementRef.nativeElement['radiusMobile'];
5199
+ }
5200
+ set radiusTablet(value) {
5201
+ this.elementRef.nativeElement['radiusTablet'] = value;
5202
+ }
5203
+ get radiusTablet() {
5204
+ return this.elementRef.nativeElement['radiusTablet'];
5205
+ }
5206
+ set radiusLaptop(value) {
5207
+ this.elementRef.nativeElement['radiusLaptop'] = value;
5208
+ }
5209
+ get radiusLaptop() {
5210
+ return this.elementRef.nativeElement['radiusLaptop'];
5211
+ }
5212
+ set radiusDesktop(value) {
5213
+ this.elementRef.nativeElement['radiusDesktop'] = value;
5214
+ }
5215
+ get radiusDesktop() {
5216
+ return this.elementRef.nativeElement['radiusDesktop'];
5217
+ }
5218
+ set backgroundColor(value) {
5219
+ this.elementRef.nativeElement['backgroundColor'] = value;
5220
+ }
5221
+ get backgroundColor() {
5222
+ return this.elementRef.nativeElement['backgroundColor'];
5223
+ }
5224
+ set compact(value) {
5225
+ this.elementRef.nativeElement['compact'] = value;
5226
+ }
5227
+ get compact() {
5228
+ return this.elementRef.nativeElement['compact'];
5192
5229
  }
5193
5230
  set grow(value) {
5194
5231
  this.elementRef.nativeElement['grow'] = value;
@@ -5463,33 +5500,52 @@ class PxCheckbox {
5463
5500
  constructor(elementRef) {
5464
5501
  this.elementRef = elementRef;
5465
5502
  }
5466
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5467
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", 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 });
5503
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5504
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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 });
5468
5505
  }
5469
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
5506
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5470
5507
  type: Directive,
5471
5508
  args: [{
5472
- selector: 'px-checkbox',
5509
+ selector: 'px-cell',
5473
5510
  }]
5474
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
5511
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5475
5512
  type: Input
5476
5513
  }], variant: [{
5477
5514
  type: Input
5478
- }], indeterminate: [{
5479
- type: Input
5480
- }], inverted: [{
5481
- type: Input
5482
- }], hover: [{
5483
- type: Input
5484
- }], name: [{
5485
- type: Input
5486
- }], value: [{
5515
+ }], disabled: [{
5487
5516
  type: Input
5488
- }], checked: [{
5517
+ }], separator: [{
5489
5518
  type: Input
5490
- }], disabled: [{
5519
+ }], separatorMobile: [{
5520
+ type: Input,
5521
+ args: ['separator--mobile']
5522
+ }], separatorTablet: [{
5523
+ type: Input,
5524
+ args: ['separator--tablet']
5525
+ }], separatorLaptop: [{
5526
+ type: Input,
5527
+ args: ['separator--laptop']
5528
+ }], separatorDesktop: [{
5529
+ type: Input,
5530
+ args: ['separator--desktop']
5531
+ }], radius: [{
5491
5532
  type: Input
5492
- }], required: [{
5533
+ }], radiusMobile: [{
5534
+ type: Input,
5535
+ args: ['radius--mobile']
5536
+ }], radiusTablet: [{
5537
+ type: Input,
5538
+ args: ['radius--tablet']
5539
+ }], radiusLaptop: [{
5540
+ type: Input,
5541
+ args: ['radius--laptop']
5542
+ }], radiusDesktop: [{
5543
+ type: Input,
5544
+ args: ['radius--desktop']
5545
+ }], backgroundColor: [{
5546
+ type: Input,
5547
+ args: ['background-color']
5548
+ }], compact: [{
5493
5549
  type: Input
5494
5550
  }], grow: [{
5495
5551
  type: Input
@@ -5623,9 +5679,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5623
5679
  args: ['order--desktop']
5624
5680
  }] } });
5625
5681
  /**
5626
- * @description Type-only wrapper for <px-cell>
5682
+ * @description Type-only wrapper for <px-cell-button>
5627
5683
  */
5628
- class PxCell {
5684
+ class PxCellButton {
5629
5685
  elementRef;
5630
5686
  set inverted(value) {
5631
5687
  this.elementRef.nativeElement['inverted'] = value;
@@ -5639,6 +5695,7 @@ class PxCell {
5639
5695
  get variant() {
5640
5696
  return this.elementRef.nativeElement['variant'];
5641
5697
  }
5698
+ /** Whether the button is disabled. */
5642
5699
  set disabled(value) {
5643
5700
  this.elementRef.nativeElement['disabled'] = value;
5644
5701
  }
@@ -5717,6 +5774,27 @@ class PxCell {
5717
5774
  get compact() {
5718
5775
  return this.elementRef.nativeElement['compact'];
5719
5776
  }
5777
+ /** The name of the button, submitted as a pair with the button's value as part of the form data. */
5778
+ set name(value) {
5779
+ this.elementRef.nativeElement['name'] = value;
5780
+ }
5781
+ get name() {
5782
+ return this.elementRef.nativeElement['name'];
5783
+ }
5784
+ /** The value associated with the button's name when it's submitted with a form. */
5785
+ set value(value) {
5786
+ this.elementRef.nativeElement['value'] = value;
5787
+ }
5788
+ get value() {
5789
+ return this.elementRef.nativeElement['value'];
5790
+ }
5791
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
5792
+ set type(value) {
5793
+ this.elementRef.nativeElement['type'] = value;
5794
+ }
5795
+ get type() {
5796
+ return this.elementRef.nativeElement['type'];
5797
+ }
5720
5798
  set grow(value) {
5721
5799
  this.elementRef.nativeElement['grow'] = value;
5722
5800
  }
@@ -5990,13 +6068,13 @@ class PxCell {
5990
6068
  constructor(elementRef) {
5991
6069
  this.elementRef = elementRef;
5992
6070
  }
5993
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5994
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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 });
6071
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6072
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", name: "name", value: "value", type: "type", 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 });
5995
6073
  }
5996
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
6074
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
5997
6075
  type: Directive,
5998
6076
  args: [{
5999
- selector: 'px-cell',
6077
+ selector: 'px-cell-button',
6000
6078
  }]
6001
6079
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6002
6080
  type: Input
@@ -6037,6 +6115,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6037
6115
  args: ['background-color']
6038
6116
  }], compact: [{
6039
6117
  type: Input
6118
+ }], name: [{
6119
+ type: Input
6120
+ }], value: [{
6121
+ type: Input
6122
+ }], type: [{
6123
+ type: Input
6040
6124
  }], grow: [{
6041
6125
  type: Input
6042
6126
  }], growMobile: [{
@@ -6169,9 +6253,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6169
6253
  args: ['order--desktop']
6170
6254
  }] } });
6171
6255
  /**
6172
- * @description Type-only wrapper for <px-cell-button>
6256
+ * @description Type-only wrapper for <px-cell-checkbox>
6173
6257
  */
6174
- class PxCellButton {
6258
+ class PxCellCheckbox {
6175
6259
  elementRef;
6176
6260
  set inverted(value) {
6177
6261
  this.elementRef.nativeElement['inverted'] = value;
@@ -6185,7 +6269,6 @@ class PxCellButton {
6185
6269
  get variant() {
6186
6270
  return this.elementRef.nativeElement['variant'];
6187
6271
  }
6188
- /** Whether the button is disabled. */
6189
6272
  set disabled(value) {
6190
6273
  this.elementRef.nativeElement['disabled'] = value;
6191
6274
  }
@@ -6252,53 +6335,62 @@ class PxCellButton {
6252
6335
  get radiusDesktop() {
6253
6336
  return this.elementRef.nativeElement['radiusDesktop'];
6254
6337
  }
6255
- set backgroundColor(value) {
6256
- this.elementRef.nativeElement['backgroundColor'] = value;
6257
- }
6258
- get backgroundColor() {
6259
- return this.elementRef.nativeElement['backgroundColor'];
6260
- }
6261
- set compact(value) {
6262
- this.elementRef.nativeElement['compact'] = value;
6263
- }
6264
- get compact() {
6265
- return this.elementRef.nativeElement['compact'];
6266
- }
6267
- /** The name of the button, submitted as a pair with the button's value as part of the form data. */
6268
6338
  set name(value) {
6269
6339
  this.elementRef.nativeElement['name'] = value;
6270
6340
  }
6271
6341
  get name() {
6272
6342
  return this.elementRef.nativeElement['name'];
6273
6343
  }
6274
- /** The value associated with the button's name when it's submitted with a form. */
6275
6344
  set value(value) {
6276
6345
  this.elementRef.nativeElement['value'] = value;
6277
6346
  }
6278
6347
  get value() {
6279
6348
  return this.elementRef.nativeElement['value'];
6280
6349
  }
6281
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
6282
- set type(value) {
6283
- this.elementRef.nativeElement['type'] = value;
6350
+ set state(value) {
6351
+ this.elementRef.nativeElement['state'] = value;
6284
6352
  }
6285
- get type() {
6286
- return this.elementRef.nativeElement['type'];
6353
+ get state() {
6354
+ return this.elementRef.nativeElement['state'];
6287
6355
  }
6288
- set grow(value) {
6289
- this.elementRef.nativeElement['grow'] = value;
6356
+ set checked(value) {
6357
+ this.elementRef.nativeElement['checked'] = value;
6290
6358
  }
6291
- get grow() {
6292
- return this.elementRef.nativeElement['grow'];
6359
+ get checked() {
6360
+ return this.elementRef.nativeElement['checked'];
6293
6361
  }
6294
- set growMobile(value) {
6295
- this.elementRef.nativeElement['growMobile'] = value;
6362
+ set checkboxPosition(value) {
6363
+ this.elementRef.nativeElement['checkboxPosition'] = value;
6296
6364
  }
6297
- get growMobile() {
6298
- return this.elementRef.nativeElement['growMobile'];
6365
+ get checkboxPosition() {
6366
+ return this.elementRef.nativeElement['checkboxPosition'];
6299
6367
  }
6300
- set growTablet(value) {
6301
- this.elementRef.nativeElement['growTablet'] = value;
6368
+ set backgroundColor(value) {
6369
+ this.elementRef.nativeElement['backgroundColor'] = value;
6370
+ }
6371
+ get backgroundColor() {
6372
+ return this.elementRef.nativeElement['backgroundColor'];
6373
+ }
6374
+ set compact(value) {
6375
+ this.elementRef.nativeElement['compact'] = value;
6376
+ }
6377
+ get compact() {
6378
+ return this.elementRef.nativeElement['compact'];
6379
+ }
6380
+ set grow(value) {
6381
+ this.elementRef.nativeElement['grow'] = value;
6382
+ }
6383
+ get grow() {
6384
+ return this.elementRef.nativeElement['grow'];
6385
+ }
6386
+ set growMobile(value) {
6387
+ this.elementRef.nativeElement['growMobile'] = value;
6388
+ }
6389
+ get growMobile() {
6390
+ return this.elementRef.nativeElement['growMobile'];
6391
+ }
6392
+ set growTablet(value) {
6393
+ this.elementRef.nativeElement['growTablet'] = value;
6302
6394
  }
6303
6395
  get growTablet() {
6304
6396
  return this.elementRef.nativeElement['growTablet'];
@@ -6555,16 +6647,20 @@ class PxCellButton {
6555
6647
  get orderDesktop() {
6556
6648
  return this.elementRef.nativeElement['orderDesktop'];
6557
6649
  }
6650
+ change = new EventEmitter();
6558
6651
  constructor(elementRef) {
6559
6652
  this.elementRef = elementRef;
6653
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
6654
+ this.change.emit(e.detail);
6655
+ });
6560
6656
  }
6561
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6562
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", name: "name", value: "value", type: "type", 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 });
6657
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6658
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
6563
6659
  }
6564
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
6660
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
6565
6661
  type: Directive,
6566
6662
  args: [{
6567
- selector: 'px-cell-button',
6663
+ selector: 'px-cell-checkbox',
6568
6664
  }]
6569
6665
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6570
6666
  type: Input
@@ -6600,16 +6696,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6600
6696
  }], radiusDesktop: [{
6601
6697
  type: Input,
6602
6698
  args: ['radius--desktop']
6603
- }], backgroundColor: [{
6604
- type: Input,
6605
- args: ['background-color']
6606
- }], compact: [{
6607
- type: Input
6608
6699
  }], name: [{
6609
6700
  type: Input
6610
6701
  }], value: [{
6611
6702
  type: Input
6612
- }], type: [{
6703
+ }], state: [{
6704
+ type: Input
6705
+ }], checked: [{
6706
+ type: Input
6707
+ }], checkboxPosition: [{
6708
+ type: Input,
6709
+ args: ['checkbox-position']
6710
+ }], backgroundColor: [{
6711
+ type: Input,
6712
+ args: ['background-color']
6713
+ }], compact: [{
6613
6714
  type: Input
6614
6715
  }], grow: [{
6615
6716
  type: Input
@@ -6741,11 +6842,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6741
6842
  }], orderDesktop: [{
6742
6843
  type: Input,
6743
6844
  args: ['order--desktop']
6845
+ }], change: [{
6846
+ type: Output
6744
6847
  }] } });
6745
6848
  /**
6746
- * @description Type-only wrapper for <px-cell-checkbox>
6849
+ * @description Type-only wrapper for <px-cell-link>
6747
6850
  */
6748
- class PxCellCheckbox {
6851
+ class PxCellLink {
6749
6852
  elementRef;
6750
6853
  set inverted(value) {
6751
6854
  this.elementRef.nativeElement['inverted'] = value;
@@ -6825,35 +6928,11 @@ class PxCellCheckbox {
6825
6928
  get radiusDesktop() {
6826
6929
  return this.elementRef.nativeElement['radiusDesktop'];
6827
6930
  }
6828
- set name(value) {
6829
- this.elementRef.nativeElement['name'] = value;
6830
- }
6831
- get name() {
6832
- return this.elementRef.nativeElement['name'];
6833
- }
6834
- set value(value) {
6835
- this.elementRef.nativeElement['value'] = value;
6836
- }
6837
- get value() {
6838
- return this.elementRef.nativeElement['value'];
6839
- }
6840
- set state(value) {
6841
- this.elementRef.nativeElement['state'] = value;
6842
- }
6843
- get state() {
6844
- return this.elementRef.nativeElement['state'];
6845
- }
6846
- set checked(value) {
6847
- this.elementRef.nativeElement['checked'] = value;
6848
- }
6849
- get checked() {
6850
- return this.elementRef.nativeElement['checked'];
6851
- }
6852
- set checkboxPosition(value) {
6853
- this.elementRef.nativeElement['checkboxPosition'] = value;
6931
+ set targetBlankAriaLabel(value) {
6932
+ this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
6854
6933
  }
6855
- get checkboxPosition() {
6856
- return this.elementRef.nativeElement['checkboxPosition'];
6934
+ get targetBlankAriaLabel() {
6935
+ return this.elementRef.nativeElement['targetBlankAriaLabel'];
6857
6936
  }
6858
6937
  set backgroundColor(value) {
6859
6938
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -6861,6 +6940,12 @@ class PxCellCheckbox {
6861
6940
  get backgroundColor() {
6862
6941
  return this.elementRef.nativeElement['backgroundColor'];
6863
6942
  }
6943
+ set noicon(value) {
6944
+ this.elementRef.nativeElement['noicon'] = value;
6945
+ }
6946
+ get noicon() {
6947
+ return this.elementRef.nativeElement['noicon'];
6948
+ }
6864
6949
  set compact(value) {
6865
6950
  this.elementRef.nativeElement['compact'] = value;
6866
6951
  }
@@ -7137,20 +7222,16 @@ class PxCellCheckbox {
7137
7222
  get orderDesktop() {
7138
7223
  return this.elementRef.nativeElement['orderDesktop'];
7139
7224
  }
7140
- change = new EventEmitter();
7141
7225
  constructor(elementRef) {
7142
7226
  this.elementRef = elementRef;
7143
- this.elementRef.nativeElement.addEventListener('change', (e) => {
7144
- this.change.emit(e.detail);
7145
- });
7146
7227
  }
7147
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7148
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
7228
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7229
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", 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 });
7149
7230
  }
7150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
7231
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7151
7232
  type: Directive,
7152
7233
  args: [{
7153
- selector: 'px-cell-checkbox',
7234
+ selector: 'px-cell-link',
7154
7235
  }]
7155
7236
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7156
7237
  type: Input
@@ -7186,20 +7267,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7186
7267
  }], radiusDesktop: [{
7187
7268
  type: Input,
7188
7269
  args: ['radius--desktop']
7189
- }], name: [{
7190
- type: Input
7191
- }], value: [{
7192
- type: Input
7193
- }], state: [{
7194
- type: Input
7195
- }], checked: [{
7196
- type: Input
7197
- }], checkboxPosition: [{
7270
+ }], targetBlankAriaLabel: [{
7198
7271
  type: Input,
7199
- args: ['checkbox-position']
7272
+ args: ['target-blank-aria-label']
7200
7273
  }], backgroundColor: [{
7201
7274
  type: Input,
7202
7275
  args: ['background-color']
7276
+ }], noicon: [{
7277
+ type: Input
7203
7278
  }], compact: [{
7204
7279
  type: Input
7205
7280
  }], grow: [{
@@ -7332,13 +7407,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7332
7407
  }], orderDesktop: [{
7333
7408
  type: Input,
7334
7409
  args: ['order--desktop']
7335
- }], change: [{
7336
- type: Output
7337
7410
  }] } });
7338
7411
  /**
7339
- * @description Type-only wrapper for <px-cell-link>
7412
+ * @description Type-only wrapper for <px-cell-radio>
7340
7413
  */
7341
- class PxCellLink {
7414
+ class PxCellRadio {
7342
7415
  elementRef;
7343
7416
  set inverted(value) {
7344
7417
  this.elementRef.nativeElement['inverted'] = value;
@@ -7418,11 +7491,35 @@ class PxCellLink {
7418
7491
  get radiusDesktop() {
7419
7492
  return this.elementRef.nativeElement['radiusDesktop'];
7420
7493
  }
7421
- set targetBlankAriaLabel(value) {
7422
- this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
7494
+ set name(value) {
7495
+ this.elementRef.nativeElement['name'] = value;
7423
7496
  }
7424
- get targetBlankAriaLabel() {
7425
- return this.elementRef.nativeElement['targetBlankAriaLabel'];
7497
+ get name() {
7498
+ return this.elementRef.nativeElement['name'];
7499
+ }
7500
+ set value(value) {
7501
+ this.elementRef.nativeElement['value'] = value;
7502
+ }
7503
+ get value() {
7504
+ return this.elementRef.nativeElement['value'];
7505
+ }
7506
+ set state(value) {
7507
+ this.elementRef.nativeElement['state'] = value;
7508
+ }
7509
+ get state() {
7510
+ return this.elementRef.nativeElement['state'];
7511
+ }
7512
+ set checked(value) {
7513
+ this.elementRef.nativeElement['checked'] = value;
7514
+ }
7515
+ get checked() {
7516
+ return this.elementRef.nativeElement['checked'];
7517
+ }
7518
+ set radioPosition(value) {
7519
+ this.elementRef.nativeElement['radioPosition'] = value;
7520
+ }
7521
+ get radioPosition() {
7522
+ return this.elementRef.nativeElement['radioPosition'];
7426
7523
  }
7427
7524
  set backgroundColor(value) {
7428
7525
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7430,12 +7527,6 @@ class PxCellLink {
7430
7527
  get backgroundColor() {
7431
7528
  return this.elementRef.nativeElement['backgroundColor'];
7432
7529
  }
7433
- set noicon(value) {
7434
- this.elementRef.nativeElement['noicon'] = value;
7435
- }
7436
- get noicon() {
7437
- return this.elementRef.nativeElement['noicon'];
7438
- }
7439
7530
  set compact(value) {
7440
7531
  this.elementRef.nativeElement['compact'] = value;
7441
7532
  }
@@ -7712,16 +7803,20 @@ class PxCellLink {
7712
7803
  get orderDesktop() {
7713
7804
  return this.elementRef.nativeElement['orderDesktop'];
7714
7805
  }
7806
+ change = new EventEmitter();
7715
7807
  constructor(elementRef) {
7716
7808
  this.elementRef = elementRef;
7809
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
7810
+ this.change.emit(e.detail);
7811
+ });
7717
7812
  }
7718
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7719
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", 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 });
7813
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7814
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
7720
7815
  }
7721
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7816
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
7722
7817
  type: Directive,
7723
7818
  args: [{
7724
- selector: 'px-cell-link',
7819
+ selector: 'px-cell-radio',
7725
7820
  }]
7726
7821
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7727
7822
  type: Input
@@ -7757,14 +7852,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7757
7852
  }], radiusDesktop: [{
7758
7853
  type: Input,
7759
7854
  args: ['radius--desktop']
7760
- }], targetBlankAriaLabel: [{
7855
+ }], name: [{
7856
+ type: Input
7857
+ }], value: [{
7858
+ type: Input
7859
+ }], state: [{
7860
+ type: Input
7861
+ }], checked: [{
7862
+ type: Input
7863
+ }], radioPosition: [{
7761
7864
  type: Input,
7762
- args: ['target-blank-aria-label']
7865
+ args: ['radio-position']
7763
7866
  }], backgroundColor: [{
7764
7867
  type: Input,
7765
7868
  args: ['background-color']
7766
- }], noicon: [{
7767
- type: Input
7768
7869
  }], compact: [{
7769
7870
  type: Input
7770
7871
  }], grow: [{
@@ -7897,11 +7998,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7897
7998
  }], orderDesktop: [{
7898
7999
  type: Input,
7899
8000
  args: ['order--desktop']
8001
+ }], change: [{
8002
+ type: Output
7900
8003
  }] } });
7901
8004
  /**
7902
- * @description Type-only wrapper for <px-cell-radio>
8005
+ * @description Type-only wrapper for <px-cell-switch>
7903
8006
  */
7904
- class PxCellRadio {
8007
+ class PxCellSwitch {
7905
8008
  elementRef;
7906
8009
  set inverted(value) {
7907
8010
  this.elementRef.nativeElement['inverted'] = value;
@@ -7993,24 +8096,12 @@ class PxCellRadio {
7993
8096
  get value() {
7994
8097
  return this.elementRef.nativeElement['value'];
7995
8098
  }
7996
- set state(value) {
7997
- this.elementRef.nativeElement['state'] = value;
7998
- }
7999
- get state() {
8000
- return this.elementRef.nativeElement['state'];
8001
- }
8002
8099
  set checked(value) {
8003
8100
  this.elementRef.nativeElement['checked'] = value;
8004
8101
  }
8005
8102
  get checked() {
8006
8103
  return this.elementRef.nativeElement['checked'];
8007
8104
  }
8008
- set radioPosition(value) {
8009
- this.elementRef.nativeElement['radioPosition'] = value;
8010
- }
8011
- get radioPosition() {
8012
- return this.elementRef.nativeElement['radioPosition'];
8013
- }
8014
8105
  set backgroundColor(value) {
8015
8106
  this.elementRef.nativeElement['backgroundColor'] = value;
8016
8107
  }
@@ -8300,13 +8391,13 @@ class PxCellRadio {
8300
8391
  this.change.emit(e.detail);
8301
8392
  });
8302
8393
  }
8303
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8304
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
8394
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8395
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
8305
8396
  }
8306
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
8397
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8307
8398
  type: Directive,
8308
8399
  args: [{
8309
- selector: 'px-cell-radio',
8400
+ selector: 'px-cell-switch',
8310
8401
  }]
8311
8402
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8312
8403
  type: Input
@@ -8346,13 +8437,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8346
8437
  type: Input
8347
8438
  }], value: [{
8348
8439
  type: Input
8349
- }], state: [{
8350
- type: Input
8351
8440
  }], checked: [{
8352
8441
  type: Input
8353
- }], radioPosition: [{
8354
- type: Input,
8355
- args: ['radio-position']
8356
8442
  }], backgroundColor: [{
8357
8443
  type: Input,
8358
8444
  args: ['background-color']
@@ -8492,15 +8578,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8492
8578
  type: Output
8493
8579
  }] } });
8494
8580
  /**
8495
- * @description Type-only wrapper for <px-cell-switch>
8581
+ * @description Type-only wrapper for <px-checkbox>
8496
8582
  */
8497
- class PxCellSwitch {
8583
+ class PxCheckbox {
8498
8584
  elementRef;
8499
- set inverted(value) {
8500
- this.elementRef.nativeElement['inverted'] = value;
8585
+ set state(value) {
8586
+ this.elementRef.nativeElement['state'] = value;
8501
8587
  }
8502
- get inverted() {
8503
- return this.elementRef.nativeElement['inverted'];
8588
+ get state() {
8589
+ return this.elementRef.nativeElement['state'];
8504
8590
  }
8505
8591
  set variant(value) {
8506
8592
  this.elementRef.nativeElement['variant'] = value;
@@ -8508,101 +8594,58 @@ class PxCellSwitch {
8508
8594
  get variant() {
8509
8595
  return this.elementRef.nativeElement['variant'];
8510
8596
  }
8511
- set disabled(value) {
8512
- this.elementRef.nativeElement['disabled'] = value;
8597
+ set indeterminate(value) {
8598
+ this.elementRef.nativeElement['indeterminate'] = value;
8513
8599
  }
8514
- get disabled() {
8515
- return this.elementRef.nativeElement['disabled'];
8600
+ get indeterminate() {
8601
+ return this.elementRef.nativeElement['indeterminate'];
8516
8602
  }
8517
- set separator(value) {
8518
- this.elementRef.nativeElement['separator'] = value;
8603
+ set inverted(value) {
8604
+ this.elementRef.nativeElement['inverted'] = value;
8519
8605
  }
8520
- get separator() {
8521
- return this.elementRef.nativeElement['separator'];
8606
+ get inverted() {
8607
+ return this.elementRef.nativeElement['inverted'];
8522
8608
  }
8523
- set separatorMobile(value) {
8524
- this.elementRef.nativeElement['separatorMobile'] = value;
8525
- }
8526
- get separatorMobile() {
8527
- return this.elementRef.nativeElement['separatorMobile'];
8528
- }
8529
- set separatorTablet(value) {
8530
- this.elementRef.nativeElement['separatorTablet'] = value;
8531
- }
8532
- get separatorTablet() {
8533
- return this.elementRef.nativeElement['separatorTablet'];
8534
- }
8535
- set separatorLaptop(value) {
8536
- this.elementRef.nativeElement['separatorLaptop'] = value;
8537
- }
8538
- get separatorLaptop() {
8539
- return this.elementRef.nativeElement['separatorLaptop'];
8540
- }
8541
- set separatorDesktop(value) {
8542
- this.elementRef.nativeElement['separatorDesktop'] = value;
8543
- }
8544
- get separatorDesktop() {
8545
- return this.elementRef.nativeElement['separatorDesktop'];
8546
- }
8547
- set radius(value) {
8548
- this.elementRef.nativeElement['radius'] = value;
8549
- }
8550
- get radius() {
8551
- return this.elementRef.nativeElement['radius'];
8552
- }
8553
- set radiusMobile(value) {
8554
- this.elementRef.nativeElement['radiusMobile'] = value;
8555
- }
8556
- get radiusMobile() {
8557
- return this.elementRef.nativeElement['radiusMobile'];
8558
- }
8559
- set radiusTablet(value) {
8560
- this.elementRef.nativeElement['radiusTablet'] = value;
8561
- }
8562
- get radiusTablet() {
8563
- return this.elementRef.nativeElement['radiusTablet'];
8564
- }
8565
- set radiusLaptop(value) {
8566
- this.elementRef.nativeElement['radiusLaptop'] = value;
8567
- }
8568
- get radiusLaptop() {
8569
- return this.elementRef.nativeElement['radiusLaptop'];
8570
- }
8571
- set radiusDesktop(value) {
8572
- this.elementRef.nativeElement['radiusDesktop'] = value;
8609
+ set hover(value) {
8610
+ this.elementRef.nativeElement['hover'] = value;
8573
8611
  }
8574
- get radiusDesktop() {
8575
- return this.elementRef.nativeElement['radiusDesktop'];
8612
+ get hover() {
8613
+ return this.elementRef.nativeElement['hover'];
8576
8614
  }
8615
+ /** The name of the checkbox. */
8577
8616
  set name(value) {
8578
8617
  this.elementRef.nativeElement['name'] = value;
8579
8618
  }
8580
8619
  get name() {
8581
8620
  return this.elementRef.nativeElement['name'];
8582
8621
  }
8622
+ /** The value of the checkbox. */
8583
8623
  set value(value) {
8584
8624
  this.elementRef.nativeElement['value'] = value;
8585
8625
  }
8586
8626
  get value() {
8587
8627
  return this.elementRef.nativeElement['value'];
8588
8628
  }
8629
+ /** Whether the checkbox is checked. */
8589
8630
  set checked(value) {
8590
8631
  this.elementRef.nativeElement['checked'] = value;
8591
8632
  }
8592
8633
  get checked() {
8593
8634
  return this.elementRef.nativeElement['checked'];
8594
8635
  }
8595
- set backgroundColor(value) {
8596
- this.elementRef.nativeElement['backgroundColor'] = value;
8636
+ /** Whether the checkbox is disabled. */
8637
+ set disabled(value) {
8638
+ this.elementRef.nativeElement['disabled'] = value;
8597
8639
  }
8598
- get backgroundColor() {
8599
- return this.elementRef.nativeElement['backgroundColor'];
8640
+ get disabled() {
8641
+ return this.elementRef.nativeElement['disabled'];
8600
8642
  }
8601
- set compact(value) {
8602
- this.elementRef.nativeElement['compact'] = value;
8643
+ /** Whether the checkbox is required. */
8644
+ set required(value) {
8645
+ this.elementRef.nativeElement['required'] = value;
8603
8646
  }
8604
- get compact() {
8605
- return this.elementRef.nativeElement['compact'];
8647
+ get required() {
8648
+ return this.elementRef.nativeElement['required'];
8606
8649
  }
8607
8650
  set grow(value) {
8608
8651
  this.elementRef.nativeElement['grow'] = value;
@@ -8874,65 +8917,36 @@ class PxCellSwitch {
8874
8917
  get orderDesktop() {
8875
8918
  return this.elementRef.nativeElement['orderDesktop'];
8876
8919
  }
8877
- change = new EventEmitter();
8878
8920
  constructor(elementRef) {
8879
8921
  this.elementRef = elementRef;
8880
- this.elementRef.nativeElement.addEventListener('change', (e) => {
8881
- this.change.emit(e.detail);
8882
- });
8883
8922
  }
8884
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8885
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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: { change: "change" }, ngImport: i0 });
8923
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8924
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", 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 });
8886
8925
  }
8887
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8926
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
8888
8927
  type: Directive,
8889
8928
  args: [{
8890
- selector: 'px-cell-switch',
8929
+ selector: 'px-checkbox',
8891
8930
  }]
8892
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8931
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
8893
8932
  type: Input
8894
8933
  }], variant: [{
8895
8934
  type: Input
8896
- }], disabled: [{
8935
+ }], indeterminate: [{
8897
8936
  type: Input
8898
- }], separator: [{
8937
+ }], inverted: [{
8899
8938
  type: Input
8900
- }], separatorMobile: [{
8901
- type: Input,
8902
- args: ['separator--mobile']
8903
- }], separatorTablet: [{
8904
- type: Input,
8905
- args: ['separator--tablet']
8906
- }], separatorLaptop: [{
8907
- type: Input,
8908
- args: ['separator--laptop']
8909
- }], separatorDesktop: [{
8910
- type: Input,
8911
- args: ['separator--desktop']
8912
- }], radius: [{
8939
+ }], hover: [{
8913
8940
  type: Input
8914
- }], radiusMobile: [{
8915
- type: Input,
8916
- args: ['radius--mobile']
8917
- }], radiusTablet: [{
8918
- type: Input,
8919
- args: ['radius--tablet']
8920
- }], radiusLaptop: [{
8921
- type: Input,
8922
- args: ['radius--laptop']
8923
- }], radiusDesktop: [{
8924
- type: Input,
8925
- args: ['radius--desktop']
8926
8941
  }], name: [{
8927
8942
  type: Input
8928
8943
  }], value: [{
8929
8944
  type: Input
8930
8945
  }], checked: [{
8931
8946
  type: Input
8932
- }], backgroundColor: [{
8933
- type: Input,
8934
- args: ['background-color']
8935
- }], compact: [{
8947
+ }], disabled: [{
8948
+ type: Input
8949
+ }], required: [{
8936
8950
  type: Input
8937
8951
  }], grow: [{
8938
8952
  type: Input
@@ -9064,193 +9078,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9064
9078
  }], orderDesktop: [{
9065
9079
  type: Input,
9066
9080
  args: ['order--desktop']
9067
- }], change: [{
9068
- type: Output
9069
9081
  }] } });
9070
9082
  /**
9071
- * @description Type-only wrapper for <px-container>
9083
+ * @description Type-only wrapper for <px-color-option>
9072
9084
  */
9073
- class PxContainer {
9085
+ class PxColorOption {
9074
9086
  elementRef;
9075
- set border(value) {
9076
- this.elementRef.nativeElement['border'] = value;
9077
- }
9078
- get border() {
9079
- return this.elementRef.nativeElement['border'];
9080
- }
9081
- set borderColor(value) {
9082
- this.elementRef.nativeElement['borderColor'] = value;
9083
- }
9084
- get borderColor() {
9085
- return this.elementRef.nativeElement['borderColor'];
9086
- }
9087
- set borderSide(value) {
9088
- this.elementRef.nativeElement['borderSide'] = value;
9089
- }
9090
- get borderSide() {
9091
- return this.elementRef.nativeElement['borderSide'];
9092
- }
9093
- set borderSideMobile(value) {
9094
- this.elementRef.nativeElement['borderSideMobile'] = value;
9095
- }
9096
- get borderSideMobile() {
9097
- return this.elementRef.nativeElement['borderSideMobile'];
9098
- }
9099
- set borderSideTablet(value) {
9100
- this.elementRef.nativeElement['borderSideTablet'] = value;
9101
- }
9102
- get borderSideTablet() {
9103
- return this.elementRef.nativeElement['borderSideTablet'];
9104
- }
9105
- set borderSideLaptop(value) {
9106
- this.elementRef.nativeElement['borderSideLaptop'] = value;
9107
- }
9108
- get borderSideLaptop() {
9109
- return this.elementRef.nativeElement['borderSideLaptop'];
9110
- }
9111
- set borderRadius(value) {
9112
- this.elementRef.nativeElement['borderRadius'] = value;
9113
- }
9114
- get borderRadius() {
9115
- return this.elementRef.nativeElement['borderRadius'];
9116
- }
9117
- set noBorderRadius(value) {
9118
- this.elementRef.nativeElement['noBorderRadius'] = value;
9119
- }
9120
- get noBorderRadius() {
9121
- return this.elementRef.nativeElement['noBorderRadius'];
9122
- }
9123
- set noBorderRadiusMobile(value) {
9124
- this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
9125
- }
9126
- get noBorderRadiusMobile() {
9127
- return this.elementRef.nativeElement['noBorderRadiusMobile'];
9128
- }
9129
- set noBorderRadiusTablet(value) {
9130
- this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
9131
- }
9132
- get noBorderRadiusTablet() {
9133
- return this.elementRef.nativeElement['noBorderRadiusTablet'];
9134
- }
9135
- set noBorderRadiusLaptop(value) {
9136
- this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
9137
- }
9138
- get noBorderRadiusLaptop() {
9139
- return this.elementRef.nativeElement['noBorderRadiusLaptop'];
9140
- }
9141
- set backgroundColor(value) {
9142
- this.elementRef.nativeElement['backgroundColor'] = value;
9143
- }
9144
- get backgroundColor() {
9145
- return this.elementRef.nativeElement['backgroundColor'];
9146
- }
9147
- set backgroundColorMobile(value) {
9148
- this.elementRef.nativeElement['backgroundColorMobile'] = value;
9149
- }
9150
- get backgroundColorMobile() {
9151
- return this.elementRef.nativeElement['backgroundColorMobile'];
9152
- }
9153
- set backgroundColorTablet(value) {
9154
- this.elementRef.nativeElement['backgroundColorTablet'] = value;
9155
- }
9156
- get backgroundColorTablet() {
9157
- return this.elementRef.nativeElement['backgroundColorTablet'];
9158
- }
9159
- set backgroundColorLaptop(value) {
9160
- this.elementRef.nativeElement['backgroundColorLaptop'] = value;
9161
- }
9162
- get backgroundColorLaptop() {
9163
- return this.elementRef.nativeElement['backgroundColorLaptop'];
9164
- }
9165
- set backgroundGradient(value) {
9166
- this.elementRef.nativeElement['backgroundGradient'] = value;
9167
- }
9168
- get backgroundGradient() {
9169
- return this.elementRef.nativeElement['backgroundGradient'];
9170
- }
9171
- set backgroundGradientMobile(value) {
9172
- this.elementRef.nativeElement['backgroundGradientMobile'] = value;
9173
- }
9174
- get backgroundGradientMobile() {
9175
- return this.elementRef.nativeElement['backgroundGradientMobile'];
9176
- }
9177
- set backgroundGradientTablet(value) {
9178
- this.elementRef.nativeElement['backgroundGradientTablet'] = value;
9179
- }
9180
- get backgroundGradientTablet() {
9181
- return this.elementRef.nativeElement['backgroundGradientTablet'];
9182
- }
9183
- set backgroundGradientLaptop(value) {
9184
- this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
9185
- }
9186
- get backgroundGradientLaptop() {
9187
- return this.elementRef.nativeElement['backgroundGradientLaptop'];
9188
- }
9189
- set backgroundImage(value) {
9190
- this.elementRef.nativeElement['backgroundImage'] = value;
9191
- }
9192
- get backgroundImage() {
9193
- return this.elementRef.nativeElement['backgroundImage'];
9194
- }
9195
- set backgroundImageMobile(value) {
9196
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
9197
- }
9198
- get backgroundImageMobile() {
9199
- return this.elementRef.nativeElement['backgroundImageMobile'];
9200
- }
9201
- set backgroundImageTablet(value) {
9202
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
9203
- }
9204
- get backgroundImageTablet() {
9205
- return this.elementRef.nativeElement['backgroundImageTablet'];
9206
- }
9207
- set backgroundImageLaptop(value) {
9208
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
9209
- }
9210
- get backgroundImageLaptop() {
9211
- return this.elementRef.nativeElement['backgroundImageLaptop'];
9212
- }
9213
- set backgroundSize(value) {
9214
- this.elementRef.nativeElement['backgroundSize'] = value;
9215
- }
9216
- get backgroundSize() {
9217
- return this.elementRef.nativeElement['backgroundSize'];
9218
- }
9219
- set backgroundPosition(value) {
9220
- this.elementRef.nativeElement['backgroundPosition'] = value;
9221
- }
9222
- get backgroundPosition() {
9223
- return this.elementRef.nativeElement['backgroundPosition'];
9224
- }
9225
- set boxShadow(value) {
9226
- this.elementRef.nativeElement['boxShadow'] = value;
9227
- }
9228
- get boxShadow() {
9229
- return this.elementRef.nativeElement['boxShadow'];
9230
- }
9231
- set anchorOffset(value) {
9232
- this.elementRef.nativeElement['anchorOffset'] = value;
9233
- }
9234
- get anchorOffset() {
9235
- return this.elementRef.nativeElement['anchorOffset'];
9236
- }
9237
- set anchorSpacing(value) {
9238
- this.elementRef.nativeElement['anchorSpacing'] = value;
9087
+ set size(value) {
9088
+ this.elementRef.nativeElement['size'] = value;
9239
9089
  }
9240
- get anchorSpacing() {
9241
- return this.elementRef.nativeElement['anchorSpacing'];
9090
+ get size() {
9091
+ return this.elementRef.nativeElement['size'];
9242
9092
  }
9243
- set inverted(value) {
9244
- this.elementRef.nativeElement['inverted'] = value;
9093
+ set deviceColor(value) {
9094
+ this.elementRef.nativeElement['deviceColor'] = value;
9245
9095
  }
9246
- get inverted() {
9247
- return this.elementRef.nativeElement['inverted'];
9096
+ get deviceColor() {
9097
+ return this.elementRef.nativeElement['deviceColor'];
9248
9098
  }
9249
- set subgridRows(value) {
9250
- this.elementRef.nativeElement['subgridRows'] = value;
9099
+ set unavailable(value) {
9100
+ this.elementRef.nativeElement['unavailable'] = value;
9251
9101
  }
9252
- get subgridRows() {
9253
- return this.elementRef.nativeElement['subgridRows'];
9102
+ get unavailable() {
9103
+ return this.elementRef.nativeElement['unavailable'];
9254
9104
  }
9255
9105
  set grow(value) {
9256
9106
  this.elementRef.nativeElement['grow'] = value;
@@ -9487,140 +9337,59 @@ class PxContainer {
9487
9337
  return this.elementRef.nativeElement['colSpanLaptop'];
9488
9338
  }
9489
9339
  set colSpanDesktop(value) {
9490
- this.elementRef.nativeElement['colSpanDesktop'] = value;
9491
- }
9492
- get colSpanDesktop() {
9493
- return this.elementRef.nativeElement['colSpanDesktop'];
9494
- }
9495
- set order(value) {
9496
- this.elementRef.nativeElement['order'] = value;
9497
- }
9498
- get order() {
9499
- return this.elementRef.nativeElement['order'];
9500
- }
9501
- set orderMobile(value) {
9502
- this.elementRef.nativeElement['orderMobile'] = value;
9503
- }
9504
- get orderMobile() {
9505
- return this.elementRef.nativeElement['orderMobile'];
9506
- }
9507
- set orderTablet(value) {
9508
- this.elementRef.nativeElement['orderTablet'] = value;
9509
- }
9510
- get orderTablet() {
9511
- return this.elementRef.nativeElement['orderTablet'];
9512
- }
9513
- set orderLaptop(value) {
9514
- this.elementRef.nativeElement['orderLaptop'] = value;
9515
- }
9516
- get orderLaptop() {
9517
- return this.elementRef.nativeElement['orderLaptop'];
9518
- }
9519
- set orderDesktop(value) {
9520
- this.elementRef.nativeElement['orderDesktop'] = value;
9521
- }
9522
- get orderDesktop() {
9523
- return this.elementRef.nativeElement['orderDesktop'];
9524
- }
9525
- constructor(elementRef) {
9526
- this.elementRef = elementRef;
9527
- }
9528
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9529
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContainer, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], anchorSpacing: ["anchor-spacing", "anchorSpacing"], inverted: "inverted", subgridRows: ["subgrid-rows", "subgridRows"], 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 });
9530
- }
9531
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
9532
- type: Directive,
9533
- args: [{
9534
- selector: 'px-container',
9535
- }]
9536
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
9537
- type: Input
9538
- }], borderColor: [{
9539
- type: Input,
9540
- args: ['border-color']
9541
- }], borderSide: [{
9542
- type: Input,
9543
- args: ['border-side']
9544
- }], borderSideMobile: [{
9545
- type: Input,
9546
- args: ['border-side--mobile']
9547
- }], borderSideTablet: [{
9548
- type: Input,
9549
- args: ['border-side--tablet']
9550
- }], borderSideLaptop: [{
9551
- type: Input,
9552
- args: ['border-side--laptop']
9553
- }], borderRadius: [{
9554
- type: Input,
9555
- args: ['border-radius']
9556
- }], noBorderRadius: [{
9557
- type: Input,
9558
- args: ['no-border-radius']
9559
- }], noBorderRadiusMobile: [{
9560
- type: Input,
9561
- args: ['no-border-radius--mobile']
9562
- }], noBorderRadiusTablet: [{
9563
- type: Input,
9564
- args: ['no-border-radius--tablet']
9565
- }], noBorderRadiusLaptop: [{
9566
- type: Input,
9567
- args: ['no-border-radius--laptop']
9568
- }], backgroundColor: [{
9569
- type: Input,
9570
- args: ['background-color']
9571
- }], backgroundColorMobile: [{
9572
- type: Input,
9573
- args: ['background-color--mobile']
9574
- }], backgroundColorTablet: [{
9575
- type: Input,
9576
- args: ['background-color--tablet']
9577
- }], backgroundColorLaptop: [{
9578
- type: Input,
9579
- args: ['background-color--laptop']
9580
- }], backgroundGradient: [{
9581
- type: Input,
9582
- args: ['background-gradient']
9583
- }], backgroundGradientMobile: [{
9584
- type: Input,
9585
- args: ['background-gradient--mobile']
9586
- }], backgroundGradientTablet: [{
9587
- type: Input,
9588
- args: ['background-gradient--tablet']
9589
- }], backgroundGradientLaptop: [{
9590
- type: Input,
9591
- args: ['background-gradient--laptop']
9592
- }], backgroundImage: [{
9593
- type: Input,
9594
- args: ['background-image']
9595
- }], backgroundImageMobile: [{
9596
- type: Input,
9597
- args: ['background-image--mobile']
9598
- }], backgroundImageTablet: [{
9599
- type: Input,
9600
- args: ['background-image--tablet']
9601
- }], backgroundImageLaptop: [{
9602
- type: Input,
9603
- args: ['background-image--laptop']
9604
- }], backgroundSize: [{
9605
- type: Input,
9606
- args: ['background-size']
9607
- }], backgroundPosition: [{
9608
- type: Input,
9609
- args: ['background-position']
9610
- }], boxShadow: [{
9611
- type: Input,
9612
- args: ['box-shadow']
9613
- }], anchorOffset: [{
9614
- type: Input,
9615
- args: ['anchor-offset']
9616
- }], anchorSpacing: [{
9617
- type: Input,
9618
- args: ['anchor-spacing']
9619
- }], inverted: [{
9340
+ this.elementRef.nativeElement['colSpanDesktop'] = value;
9341
+ }
9342
+ get colSpanDesktop() {
9343
+ return this.elementRef.nativeElement['colSpanDesktop'];
9344
+ }
9345
+ set order(value) {
9346
+ this.elementRef.nativeElement['order'] = value;
9347
+ }
9348
+ get order() {
9349
+ return this.elementRef.nativeElement['order'];
9350
+ }
9351
+ set orderMobile(value) {
9352
+ this.elementRef.nativeElement['orderMobile'] = value;
9353
+ }
9354
+ get orderMobile() {
9355
+ return this.elementRef.nativeElement['orderMobile'];
9356
+ }
9357
+ set orderTablet(value) {
9358
+ this.elementRef.nativeElement['orderTablet'] = value;
9359
+ }
9360
+ get orderTablet() {
9361
+ return this.elementRef.nativeElement['orderTablet'];
9362
+ }
9363
+ set orderLaptop(value) {
9364
+ this.elementRef.nativeElement['orderLaptop'] = value;
9365
+ }
9366
+ get orderLaptop() {
9367
+ return this.elementRef.nativeElement['orderLaptop'];
9368
+ }
9369
+ set orderDesktop(value) {
9370
+ this.elementRef.nativeElement['orderDesktop'] = value;
9371
+ }
9372
+ get orderDesktop() {
9373
+ return this.elementRef.nativeElement['orderDesktop'];
9374
+ }
9375
+ constructor(elementRef) {
9376
+ this.elementRef = elementRef;
9377
+ }
9378
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9379
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOption, selector: "px-color-option", inputs: { size: "size", deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", 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 });
9380
+ }
9381
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9382
+ type: Directive,
9383
+ args: [{
9384
+ selector: 'px-color-option',
9385
+ }]
9386
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9620
9387
  type: Input
9621
- }], subgridRows: [{
9388
+ }], deviceColor: [{
9622
9389
  type: Input,
9623
- args: ['subgrid-rows']
9390
+ args: ['device-color']
9391
+ }], unavailable: [{
9392
+ type: Input
9624
9393
  }], grow: [{
9625
9394
  type: Input
9626
9395
  }], growMobile: [{
@@ -9753,16 +9522,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9753
9522
  args: ['order--desktop']
9754
9523
  }] } });
9755
9524
  /**
9756
- * @description Type-only wrapper for <px-color-option>
9525
+ * @description Type-only wrapper for <px-color-option-link>
9757
9526
  */
9758
- class PxColorOption {
9527
+ class PxColorOptionLink {
9759
9528
  elementRef;
9760
- set size(value) {
9761
- this.elementRef.nativeElement['size'] = value;
9762
- }
9763
- get size() {
9764
- return this.elementRef.nativeElement['size'];
9765
- }
9766
9529
  set deviceColor(value) {
9767
9530
  this.elementRef.nativeElement['deviceColor'] = value;
9768
9531
  }
@@ -9775,6 +9538,12 @@ class PxColorOption {
9775
9538
  get unavailable() {
9776
9539
  return this.elementRef.nativeElement['unavailable'];
9777
9540
  }
9541
+ set selected(value) {
9542
+ this.elementRef.nativeElement['selected'] = value;
9543
+ }
9544
+ get selected() {
9545
+ return this.elementRef.nativeElement['selected'];
9546
+ }
9778
9547
  set grow(value) {
9779
9548
  this.elementRef.nativeElement['grow'] = value;
9780
9549
  }
@@ -10045,24 +9814,28 @@ class PxColorOption {
10045
9814
  get orderDesktop() {
10046
9815
  return this.elementRef.nativeElement['orderDesktop'];
10047
9816
  }
9817
+ CLICK_EVENT = new EventEmitter();
10048
9818
  constructor(elementRef) {
10049
9819
  this.elementRef = elementRef;
9820
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9821
+ this.CLICK_EVENT.emit(e.detail);
9822
+ });
10050
9823
  }
10051
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10052
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOption, selector: "px-color-option", inputs: { size: "size", deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", 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 });
9824
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9825
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOptionLink, selector: "px-color-option-link", inputs: { deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", selected: "selected", 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: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10053
9826
  }
10054
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9827
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10055
9828
  type: Directive,
10056
9829
  args: [{
10057
- selector: 'px-color-option',
9830
+ selector: 'px-color-option-link',
10058
9831
  }]
10059
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10060
- type: Input
10061
- }], deviceColor: [{
9832
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10062
9833
  type: Input,
10063
9834
  args: ['device-color']
10064
9835
  }], unavailable: [{
10065
9836
  type: Input
9837
+ }], selected: [{
9838
+ type: Input
10066
9839
  }], grow: [{
10067
9840
  type: Input
10068
9841
  }], growMobile: [{
@@ -10193,29 +9966,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10193
9966
  }], orderDesktop: [{
10194
9967
  type: Input,
10195
9968
  args: ['order--desktop']
9969
+ }], CLICK_EVENT: [{
9970
+ type: Output
10196
9971
  }] } });
10197
9972
  /**
10198
- * @description Type-only wrapper for <px-color-option-link>
9973
+ * @description Type-only wrapper for <px-container>
10199
9974
  */
10200
- class PxColorOptionLink {
9975
+ class PxContainer {
10201
9976
  elementRef;
10202
- set deviceColor(value) {
10203
- this.elementRef.nativeElement['deviceColor'] = value;
9977
+ set border(value) {
9978
+ this.elementRef.nativeElement['border'] = value;
9979
+ }
9980
+ get border() {
9981
+ return this.elementRef.nativeElement['border'];
9982
+ }
9983
+ set borderColor(value) {
9984
+ this.elementRef.nativeElement['borderColor'] = value;
9985
+ }
9986
+ get borderColor() {
9987
+ return this.elementRef.nativeElement['borderColor'];
9988
+ }
9989
+ set borderSide(value) {
9990
+ this.elementRef.nativeElement['borderSide'] = value;
9991
+ }
9992
+ get borderSide() {
9993
+ return this.elementRef.nativeElement['borderSide'];
9994
+ }
9995
+ set borderSideMobile(value) {
9996
+ this.elementRef.nativeElement['borderSideMobile'] = value;
9997
+ }
9998
+ get borderSideMobile() {
9999
+ return this.elementRef.nativeElement['borderSideMobile'];
10000
+ }
10001
+ set borderSideTablet(value) {
10002
+ this.elementRef.nativeElement['borderSideTablet'] = value;
10003
+ }
10004
+ get borderSideTablet() {
10005
+ return this.elementRef.nativeElement['borderSideTablet'];
10006
+ }
10007
+ set borderSideLaptop(value) {
10008
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
10009
+ }
10010
+ get borderSideLaptop() {
10011
+ return this.elementRef.nativeElement['borderSideLaptop'];
10012
+ }
10013
+ set borderRadius(value) {
10014
+ this.elementRef.nativeElement['borderRadius'] = value;
10015
+ }
10016
+ get borderRadius() {
10017
+ return this.elementRef.nativeElement['borderRadius'];
10018
+ }
10019
+ set noBorderRadius(value) {
10020
+ this.elementRef.nativeElement['noBorderRadius'] = value;
10021
+ }
10022
+ get noBorderRadius() {
10023
+ return this.elementRef.nativeElement['noBorderRadius'];
10024
+ }
10025
+ set noBorderRadiusMobile(value) {
10026
+ this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
10027
+ }
10028
+ get noBorderRadiusMobile() {
10029
+ return this.elementRef.nativeElement['noBorderRadiusMobile'];
10030
+ }
10031
+ set noBorderRadiusTablet(value) {
10032
+ this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
10033
+ }
10034
+ get noBorderRadiusTablet() {
10035
+ return this.elementRef.nativeElement['noBorderRadiusTablet'];
10036
+ }
10037
+ set noBorderRadiusLaptop(value) {
10038
+ this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
10039
+ }
10040
+ get noBorderRadiusLaptop() {
10041
+ return this.elementRef.nativeElement['noBorderRadiusLaptop'];
10042
+ }
10043
+ set backgroundColor(value) {
10044
+ this.elementRef.nativeElement['backgroundColor'] = value;
10045
+ }
10046
+ get backgroundColor() {
10047
+ return this.elementRef.nativeElement['backgroundColor'];
10048
+ }
10049
+ set backgroundColorMobile(value) {
10050
+ this.elementRef.nativeElement['backgroundColorMobile'] = value;
10051
+ }
10052
+ get backgroundColorMobile() {
10053
+ return this.elementRef.nativeElement['backgroundColorMobile'];
10054
+ }
10055
+ set backgroundColorTablet(value) {
10056
+ this.elementRef.nativeElement['backgroundColorTablet'] = value;
10057
+ }
10058
+ get backgroundColorTablet() {
10059
+ return this.elementRef.nativeElement['backgroundColorTablet'];
10060
+ }
10061
+ set backgroundColorLaptop(value) {
10062
+ this.elementRef.nativeElement['backgroundColorLaptop'] = value;
10063
+ }
10064
+ get backgroundColorLaptop() {
10065
+ return this.elementRef.nativeElement['backgroundColorLaptop'];
10066
+ }
10067
+ set backgroundGradient(value) {
10068
+ this.elementRef.nativeElement['backgroundGradient'] = value;
10069
+ }
10070
+ get backgroundGradient() {
10071
+ return this.elementRef.nativeElement['backgroundGradient'];
10072
+ }
10073
+ set backgroundGradientMobile(value) {
10074
+ this.elementRef.nativeElement['backgroundGradientMobile'] = value;
10075
+ }
10076
+ get backgroundGradientMobile() {
10077
+ return this.elementRef.nativeElement['backgroundGradientMobile'];
10078
+ }
10079
+ set backgroundGradientTablet(value) {
10080
+ this.elementRef.nativeElement['backgroundGradientTablet'] = value;
10081
+ }
10082
+ get backgroundGradientTablet() {
10083
+ return this.elementRef.nativeElement['backgroundGradientTablet'];
10084
+ }
10085
+ set backgroundGradientLaptop(value) {
10086
+ this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
10087
+ }
10088
+ get backgroundGradientLaptop() {
10089
+ return this.elementRef.nativeElement['backgroundGradientLaptop'];
10090
+ }
10091
+ set backgroundImage(value) {
10092
+ this.elementRef.nativeElement['backgroundImage'] = value;
10093
+ }
10094
+ get backgroundImage() {
10095
+ return this.elementRef.nativeElement['backgroundImage'];
10096
+ }
10097
+ set backgroundImageMobile(value) {
10098
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
10099
+ }
10100
+ get backgroundImageMobile() {
10101
+ return this.elementRef.nativeElement['backgroundImageMobile'];
10102
+ }
10103
+ set backgroundImageTablet(value) {
10104
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
10105
+ }
10106
+ get backgroundImageTablet() {
10107
+ return this.elementRef.nativeElement['backgroundImageTablet'];
10108
+ }
10109
+ set backgroundImageLaptop(value) {
10110
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
10111
+ }
10112
+ get backgroundImageLaptop() {
10113
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
10114
+ }
10115
+ set backgroundSize(value) {
10116
+ this.elementRef.nativeElement['backgroundSize'] = value;
10117
+ }
10118
+ get backgroundSize() {
10119
+ return this.elementRef.nativeElement['backgroundSize'];
10120
+ }
10121
+ set backgroundPosition(value) {
10122
+ this.elementRef.nativeElement['backgroundPosition'] = value;
10123
+ }
10124
+ get backgroundPosition() {
10125
+ return this.elementRef.nativeElement['backgroundPosition'];
10126
+ }
10127
+ set boxShadow(value) {
10128
+ this.elementRef.nativeElement['boxShadow'] = value;
10129
+ }
10130
+ get boxShadow() {
10131
+ return this.elementRef.nativeElement['boxShadow'];
10132
+ }
10133
+ set anchorOffset(value) {
10134
+ this.elementRef.nativeElement['anchorOffset'] = value;
10135
+ }
10136
+ get anchorOffset() {
10137
+ return this.elementRef.nativeElement['anchorOffset'];
10204
10138
  }
10205
- get deviceColor() {
10206
- return this.elementRef.nativeElement['deviceColor'];
10139
+ set anchorSpacing(value) {
10140
+ this.elementRef.nativeElement['anchorSpacing'] = value;
10207
10141
  }
10208
- set unavailable(value) {
10209
- this.elementRef.nativeElement['unavailable'] = value;
10142
+ get anchorSpacing() {
10143
+ return this.elementRef.nativeElement['anchorSpacing'];
10210
10144
  }
10211
- get unavailable() {
10212
- return this.elementRef.nativeElement['unavailable'];
10145
+ set inverted(value) {
10146
+ this.elementRef.nativeElement['inverted'] = value;
10213
10147
  }
10214
- set selected(value) {
10215
- this.elementRef.nativeElement['selected'] = value;
10148
+ get inverted() {
10149
+ return this.elementRef.nativeElement['inverted'];
10216
10150
  }
10217
- get selected() {
10218
- return this.elementRef.nativeElement['selected'];
10151
+ set subgridRows(value) {
10152
+ this.elementRef.nativeElement['subgridRows'] = value;
10153
+ }
10154
+ get subgridRows() {
10155
+ return this.elementRef.nativeElement['subgridRows'];
10219
10156
  }
10220
10157
  set grow(value) {
10221
10158
  this.elementRef.nativeElement['grow'] = value;
@@ -10487,28 +10424,105 @@ class PxColorOptionLink {
10487
10424
  get orderDesktop() {
10488
10425
  return this.elementRef.nativeElement['orderDesktop'];
10489
10426
  }
10490
- CLICK_EVENT = new EventEmitter();
10491
10427
  constructor(elementRef) {
10492
10428
  this.elementRef = elementRef;
10493
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10494
- this.CLICK_EVENT.emit(e.detail);
10495
- });
10496
10429
  }
10497
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10498
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOptionLink, selector: "px-color-option-link", inputs: { deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", selected: "selected", 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: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10430
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10431
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContainer, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], anchorSpacing: ["anchor-spacing", "anchorSpacing"], inverted: "inverted", subgridRows: ["subgrid-rows", "subgridRows"], 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 });
10499
10432
  }
10500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10433
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10501
10434
  type: Directive,
10502
10435
  args: [{
10503
- selector: 'px-color-option-link',
10436
+ selector: 'px-container',
10504
10437
  }]
10505
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10506
- type: Input,
10507
- args: ['device-color']
10508
- }], unavailable: [{
10438
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10509
10439
  type: Input
10510
- }], selected: [{
10440
+ }], borderColor: [{
10441
+ type: Input,
10442
+ args: ['border-color']
10443
+ }], borderSide: [{
10444
+ type: Input,
10445
+ args: ['border-side']
10446
+ }], borderSideMobile: [{
10447
+ type: Input,
10448
+ args: ['border-side--mobile']
10449
+ }], borderSideTablet: [{
10450
+ type: Input,
10451
+ args: ['border-side--tablet']
10452
+ }], borderSideLaptop: [{
10453
+ type: Input,
10454
+ args: ['border-side--laptop']
10455
+ }], borderRadius: [{
10456
+ type: Input,
10457
+ args: ['border-radius']
10458
+ }], noBorderRadius: [{
10459
+ type: Input,
10460
+ args: ['no-border-radius']
10461
+ }], noBorderRadiusMobile: [{
10462
+ type: Input,
10463
+ args: ['no-border-radius--mobile']
10464
+ }], noBorderRadiusTablet: [{
10465
+ type: Input,
10466
+ args: ['no-border-radius--tablet']
10467
+ }], noBorderRadiusLaptop: [{
10468
+ type: Input,
10469
+ args: ['no-border-radius--laptop']
10470
+ }], backgroundColor: [{
10471
+ type: Input,
10472
+ args: ['background-color']
10473
+ }], backgroundColorMobile: [{
10474
+ type: Input,
10475
+ args: ['background-color--mobile']
10476
+ }], backgroundColorTablet: [{
10477
+ type: Input,
10478
+ args: ['background-color--tablet']
10479
+ }], backgroundColorLaptop: [{
10480
+ type: Input,
10481
+ args: ['background-color--laptop']
10482
+ }], backgroundGradient: [{
10483
+ type: Input,
10484
+ args: ['background-gradient']
10485
+ }], backgroundGradientMobile: [{
10486
+ type: Input,
10487
+ args: ['background-gradient--mobile']
10488
+ }], backgroundGradientTablet: [{
10489
+ type: Input,
10490
+ args: ['background-gradient--tablet']
10491
+ }], backgroundGradientLaptop: [{
10492
+ type: Input,
10493
+ args: ['background-gradient--laptop']
10494
+ }], backgroundImage: [{
10495
+ type: Input,
10496
+ args: ['background-image']
10497
+ }], backgroundImageMobile: [{
10498
+ type: Input,
10499
+ args: ['background-image--mobile']
10500
+ }], backgroundImageTablet: [{
10501
+ type: Input,
10502
+ args: ['background-image--tablet']
10503
+ }], backgroundImageLaptop: [{
10504
+ type: Input,
10505
+ args: ['background-image--laptop']
10506
+ }], backgroundSize: [{
10507
+ type: Input,
10508
+ args: ['background-size']
10509
+ }], backgroundPosition: [{
10510
+ type: Input,
10511
+ args: ['background-position']
10512
+ }], boxShadow: [{
10513
+ type: Input,
10514
+ args: ['box-shadow']
10515
+ }], anchorOffset: [{
10516
+ type: Input,
10517
+ args: ['anchor-offset']
10518
+ }], anchorSpacing: [{
10519
+ type: Input,
10520
+ args: ['anchor-spacing']
10521
+ }], inverted: [{
10511
10522
  type: Input
10523
+ }], subgridRows: [{
10524
+ type: Input,
10525
+ args: ['subgrid-rows']
10512
10526
  }], grow: [{
10513
10527
  type: Input
10514
10528
  }], growMobile: [{
@@ -10639,8 +10653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10639
10653
  }], orderDesktop: [{
10640
10654
  type: Input,
10641
10655
  args: ['order--desktop']
10642
- }], CLICK_EVENT: [{
10643
- type: Output
10644
10656
  }] } });
10645
10657
  /**
10646
10658
  * @description Type-only wrapper for <px-content-header>
@@ -11202,6 +11214,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11202
11214
  type: Input,
11203
11215
  args: ['order--desktop']
11204
11216
  }] } });
11217
+ /**
11218
+ * @description Type-only wrapper for <px-drawer>
11219
+ */
11220
+ class PxDrawer {
11221
+ elementRef;
11222
+ set open(value) {
11223
+ this.elementRef.nativeElement['open'] = value;
11224
+ }
11225
+ get open() {
11226
+ return this.elementRef.nativeElement['open'];
11227
+ }
11228
+ set ariaLabelCloseButton(value) {
11229
+ this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
11230
+ }
11231
+ get ariaLabelCloseButton() {
11232
+ return this.elementRef.nativeElement['ariaLabelCloseButton'];
11233
+ }
11234
+ set openedby(value) {
11235
+ this.elementRef.nativeElement['openedby'] = value;
11236
+ }
11237
+ get openedby() {
11238
+ return this.elementRef.nativeElement['openedby'];
11239
+ }
11240
+ set closedby(value) {
11241
+ this.elementRef.nativeElement['closedby'] = value;
11242
+ }
11243
+ get closedby() {
11244
+ return this.elementRef.nativeElement['closedby'];
11245
+ }
11246
+ HIDE_EVENT = new EventEmitter();
11247
+ constructor(elementRef) {
11248
+ this.elementRef = elementRef;
11249
+ this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
11250
+ this.HIDE_EVENT.emit(e.detail);
11251
+ });
11252
+ }
11253
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11254
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11255
+ }
11256
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11257
+ type: Directive,
11258
+ args: [{
11259
+ selector: 'px-drawer',
11260
+ }]
11261
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
11262
+ type: Input
11263
+ }], ariaLabelCloseButton: [{
11264
+ type: Input,
11265
+ args: ['aria-label-close-button']
11266
+ }], openedby: [{
11267
+ type: Input
11268
+ }], closedby: [{
11269
+ type: Input
11270
+ }], HIDE_EVENT: [{
11271
+ type: Output
11272
+ }] } });
11205
11273
  /**
11206
11274
  * @description Type-only wrapper for <px-dropdown>
11207
11275
  */
@@ -11644,62 +11712,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11644
11712
  type: Input,
11645
11713
  args: ['order--desktop']
11646
11714
  }] } });
11647
- /**
11648
- * @description Type-only wrapper for <px-drawer>
11649
- */
11650
- class PxDrawer {
11651
- elementRef;
11652
- set open(value) {
11653
- this.elementRef.nativeElement['open'] = value;
11654
- }
11655
- get open() {
11656
- return this.elementRef.nativeElement['open'];
11657
- }
11658
- set ariaLabelCloseButton(value) {
11659
- this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
11660
- }
11661
- get ariaLabelCloseButton() {
11662
- return this.elementRef.nativeElement['ariaLabelCloseButton'];
11663
- }
11664
- set openedby(value) {
11665
- this.elementRef.nativeElement['openedby'] = value;
11666
- }
11667
- get openedby() {
11668
- return this.elementRef.nativeElement['openedby'];
11669
- }
11670
- set closedby(value) {
11671
- this.elementRef.nativeElement['closedby'] = value;
11672
- }
11673
- get closedby() {
11674
- return this.elementRef.nativeElement['closedby'];
11675
- }
11676
- HIDE_EVENT = new EventEmitter();
11677
- constructor(elementRef) {
11678
- this.elementRef = elementRef;
11679
- this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
11680
- this.HIDE_EVENT.emit(e.detail);
11681
- });
11682
- }
11683
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11684
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11685
- }
11686
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11687
- type: Directive,
11688
- args: [{
11689
- selector: 'px-drawer',
11690
- }]
11691
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
11692
- type: Input
11693
- }], ariaLabelCloseButton: [{
11694
- type: Input,
11695
- args: ['aria-label-close-button']
11696
- }], openedby: [{
11697
- type: Input
11698
- }], closedby: [{
11699
- type: Input
11700
- }], HIDE_EVENT: [{
11701
- type: Output
11702
- }] } });
11703
11715
  /**
11704
11716
  * @description Type-only wrapper for <px-fieldset>
11705
11717
  */
@@ -22641,11 +22653,15 @@ class PxListItem {
22641
22653
  get orderDesktop() {
22642
22654
  return this.elementRef.nativeElement['orderDesktop'];
22643
22655
  }
22656
+ LIST_ITEM_CONNECTED_EVENT = new EventEmitter();
22644
22657
  constructor(elementRef) {
22645
22658
  this.elementRef = elementRef;
22659
+ this.elementRef.nativeElement.addEventListener('LIST_ITEM_CONNECTED_EVENT', (e) => {
22660
+ this.LIST_ITEM_CONNECTED_EVENT.emit(e.detail);
22661
+ });
22646
22662
  }
22647
22663
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22648
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxListItem, selector: "px-list-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
22664
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxListItem, selector: "px-list-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, outputs: { LIST_ITEM_CONNECTED_EVENT: "LIST_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
22649
22665
  }
22650
22666
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxListItem, decorators: [{
22651
22667
  type: Directive,
@@ -22784,6 +22800,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22784
22800
  }], orderDesktop: [{
22785
22801
  type: Input,
22786
22802
  args: ['order--desktop']
22803
+ }], LIST_ITEM_CONNECTED_EVENT: [{
22804
+ type: Output
22787
22805
  }] } });
22788
22806
  /**
22789
22807
  * @description Type-only wrapper for <px-modal>
@@ -34135,11 +34153,15 @@ class PxTimelineItem {
34135
34153
  get item() {
34136
34154
  return this.elementRef.nativeElement['item'];
34137
34155
  }
34156
+ TIMELINE_ITEM_CONNECTED_EVENT = new EventEmitter();
34138
34157
  constructor(elementRef) {
34139
34158
  this.elementRef = elementRef;
34159
+ this.elementRef.nativeElement.addEventListener('TIMELINE_ITEM_CONNECTED_EVENT', (e) => {
34160
+ this.TIMELINE_ITEM_CONNECTED_EVENT.emit(e.detail);
34161
+ });
34140
34162
  }
34141
34163
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTimelineItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
34142
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTimelineItem, selector: "px-timeline-item", inputs: { inverted: "inverted", lastchild: "lastchild", item: "item" }, ngImport: i0 });
34164
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTimelineItem, selector: "px-timeline-item", inputs: { inverted: "inverted", lastchild: "lastchild", item: "item" }, outputs: { TIMELINE_ITEM_CONNECTED_EVENT: "TIMELINE_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
34143
34165
  }
34144
34166
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTimelineItem, decorators: [{
34145
34167
  type: Directive,
@@ -34152,6 +34174,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34152
34174
  type: Input
34153
34175
  }], item: [{
34154
34176
  type: Input
34177
+ }], TIMELINE_ITEM_CONNECTED_EVENT: [{
34178
+ type: Output
34155
34179
  }] } });
34156
34180
  /**
34157
34181
  * @description Type-only wrapper for <px-typography>
@@ -34803,7 +34827,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34803
34827
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34804
34828
  class Lavender {
34805
34829
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34806
- 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, PxCheckbox, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxContainer, PxColorOption, PxColorOptionLink, PxContentHeader, PxDropdown, PxDrawer, 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, PxCheckbox, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxContainer, PxColorOption, PxColorOptionLink, PxContentHeader, PxDropdown, PxDrawer, 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] });
34830
+ 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] });
34807
34831
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34808
34832
  }
34809
34833
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34823,19 +34847,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34823
34847
  PxAppleseed,
34824
34848
  PxCarousel,
34825
34849
  PxCarouselItem,
34826
- PxCheckbox,
34827
34850
  PxCell,
34828
34851
  PxCellButton,
34829
34852
  PxCellCheckbox,
34830
34853
  PxCellLink,
34831
34854
  PxCellRadio,
34832
34855
  PxCellSwitch,
34833
- PxContainer,
34856
+ PxCheckbox,
34834
34857
  PxColorOption,
34835
34858
  PxColorOptionLink,
34859
+ PxContainer,
34836
34860
  PxContentHeader,
34837
- PxDropdown,
34838
34861
  PxDrawer,
34862
+ PxDropdown,
34839
34863
  PxFieldset,
34840
34864
  PxGrid,
34841
34865
  PxH1,
@@ -34920,19 +34944,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34920
34944
  PxAppleseed,
34921
34945
  PxCarousel,
34922
34946
  PxCarouselItem,
34923
- PxCheckbox,
34924
34947
  PxCell,
34925
34948
  PxCellButton,
34926
34949
  PxCellCheckbox,
34927
34950
  PxCellLink,
34928
34951
  PxCellRadio,
34929
34952
  PxCellSwitch,
34930
- PxContainer,
34953
+ PxCheckbox,
34931
34954
  PxColorOption,
34932
34955
  PxColorOptionLink,
34956
+ PxContainer,
34933
34957
  PxContentHeader,
34934
- PxDropdown,
34935
34958
  PxDrawer,
34959
+ PxDropdown,
34936
34960
  PxFieldset,
34937
34961
  PxGrid,
34938
34962
  PxH1,