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

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.
@@ -5121,15 +5121,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5121
5121
  }]
5122
5122
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
5123
5123
  /**
5124
- * @description Type-only wrapper for <px-checkbox>
5124
+ * @description Type-only wrapper for <px-cell>
5125
5125
  */
5126
- class PxCheckbox {
5126
+ class PxCell {
5127
5127
  elementRef;
5128
- set state(value) {
5129
- this.elementRef.nativeElement['state'] = value;
5128
+ set inverted(value) {
5129
+ this.elementRef.nativeElement['inverted'] = value;
5130
5130
  }
5131
- get state() {
5132
- return this.elementRef.nativeElement['state'];
5131
+ get inverted() {
5132
+ return this.elementRef.nativeElement['inverted'];
5133
5133
  }
5134
5134
  set variant(value) {
5135
5135
  this.elementRef.nativeElement['variant'] = value;
@@ -5137,58 +5137,83 @@ class PxCheckbox {
5137
5137
  get variant() {
5138
5138
  return this.elementRef.nativeElement['variant'];
5139
5139
  }
5140
- set indeterminate(value) {
5141
- this.elementRef.nativeElement['indeterminate'] = value;
5140
+ set disabled(value) {
5141
+ this.elementRef.nativeElement['disabled'] = value;
5142
5142
  }
5143
- get indeterminate() {
5144
- return this.elementRef.nativeElement['indeterminate'];
5143
+ get disabled() {
5144
+ return this.elementRef.nativeElement['disabled'];
5145
5145
  }
5146
- set inverted(value) {
5147
- this.elementRef.nativeElement['inverted'] = value;
5146
+ set separator(value) {
5147
+ this.elementRef.nativeElement['separator'] = value;
5148
5148
  }
5149
- get inverted() {
5150
- return this.elementRef.nativeElement['inverted'];
5149
+ get separator() {
5150
+ return this.elementRef.nativeElement['separator'];
5151
5151
  }
5152
- set hover(value) {
5153
- this.elementRef.nativeElement['hover'] = value;
5152
+ set separatorMobile(value) {
5153
+ this.elementRef.nativeElement['separatorMobile'] = value;
5154
5154
  }
5155
- get hover() {
5156
- return this.elementRef.nativeElement['hover'];
5155
+ get separatorMobile() {
5156
+ return this.elementRef.nativeElement['separatorMobile'];
5157
5157
  }
5158
- /** The name of the checkbox. */
5159
- set name(value) {
5160
- this.elementRef.nativeElement['name'] = value;
5158
+ set separatorTablet(value) {
5159
+ this.elementRef.nativeElement['separatorTablet'] = value;
5161
5160
  }
5162
- get name() {
5163
- return this.elementRef.nativeElement['name'];
5161
+ get separatorTablet() {
5162
+ return this.elementRef.nativeElement['separatorTablet'];
5164
5163
  }
5165
- /** The value of the checkbox. */
5166
- set value(value) {
5167
- this.elementRef.nativeElement['value'] = value;
5164
+ set separatorLaptop(value) {
5165
+ this.elementRef.nativeElement['separatorLaptop'] = value;
5168
5166
  }
5169
- get value() {
5170
- return this.elementRef.nativeElement['value'];
5167
+ get separatorLaptop() {
5168
+ return this.elementRef.nativeElement['separatorLaptop'];
5171
5169
  }
5172
- /** Whether the checkbox is checked. */
5173
- set checked(value) {
5174
- this.elementRef.nativeElement['checked'] = value;
5170
+ set separatorDesktop(value) {
5171
+ this.elementRef.nativeElement['separatorDesktop'] = value;
5175
5172
  }
5176
- get checked() {
5177
- return this.elementRef.nativeElement['checked'];
5173
+ get separatorDesktop() {
5174
+ return this.elementRef.nativeElement['separatorDesktop'];
5178
5175
  }
5179
- /** Whether the checkbox is disabled. */
5180
- set disabled(value) {
5181
- this.elementRef.nativeElement['disabled'] = value;
5176
+ set radius(value) {
5177
+ this.elementRef.nativeElement['radius'] = value;
5182
5178
  }
5183
- get disabled() {
5184
- return this.elementRef.nativeElement['disabled'];
5179
+ get radius() {
5180
+ return this.elementRef.nativeElement['radius'];
5185
5181
  }
5186
- /** Whether the checkbox is required. */
5187
- set required(value) {
5188
- this.elementRef.nativeElement['required'] = value;
5182
+ set radiusMobile(value) {
5183
+ this.elementRef.nativeElement['radiusMobile'] = value;
5189
5184
  }
5190
- get required() {
5191
- return this.elementRef.nativeElement['required'];
5185
+ get radiusMobile() {
5186
+ return this.elementRef.nativeElement['radiusMobile'];
5187
+ }
5188
+ set radiusTablet(value) {
5189
+ this.elementRef.nativeElement['radiusTablet'] = value;
5190
+ }
5191
+ get radiusTablet() {
5192
+ return this.elementRef.nativeElement['radiusTablet'];
5193
+ }
5194
+ set radiusLaptop(value) {
5195
+ this.elementRef.nativeElement['radiusLaptop'] = value;
5196
+ }
5197
+ get radiusLaptop() {
5198
+ return this.elementRef.nativeElement['radiusLaptop'];
5199
+ }
5200
+ set radiusDesktop(value) {
5201
+ this.elementRef.nativeElement['radiusDesktop'] = value;
5202
+ }
5203
+ get radiusDesktop() {
5204
+ return this.elementRef.nativeElement['radiusDesktop'];
5205
+ }
5206
+ set backgroundColor(value) {
5207
+ this.elementRef.nativeElement['backgroundColor'] = value;
5208
+ }
5209
+ get backgroundColor() {
5210
+ return this.elementRef.nativeElement['backgroundColor'];
5211
+ }
5212
+ set compact(value) {
5213
+ this.elementRef.nativeElement['compact'] = value;
5214
+ }
5215
+ get compact() {
5216
+ return this.elementRef.nativeElement['compact'];
5192
5217
  }
5193
5218
  set grow(value) {
5194
5219
  this.elementRef.nativeElement['grow'] = value;
@@ -5463,33 +5488,52 @@ class PxCheckbox {
5463
5488
  constructor(elementRef) {
5464
5489
  this.elementRef = elementRef;
5465
5490
  }
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 });
5491
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5492
+ 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
5493
  }
5469
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
5494
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5470
5495
  type: Directive,
5471
5496
  args: [{
5472
- selector: 'px-checkbox',
5497
+ selector: 'px-cell',
5473
5498
  }]
5474
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
5499
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5475
5500
  type: Input
5476
5501
  }], variant: [{
5477
5502
  type: Input
5478
- }], indeterminate: [{
5479
- type: Input
5480
- }], inverted: [{
5481
- type: Input
5482
- }], hover: [{
5483
- type: Input
5484
- }], name: [{
5485
- type: Input
5486
- }], value: [{
5503
+ }], disabled: [{
5487
5504
  type: Input
5488
- }], checked: [{
5505
+ }], separator: [{
5489
5506
  type: Input
5490
- }], disabled: [{
5507
+ }], separatorMobile: [{
5508
+ type: Input,
5509
+ args: ['separator--mobile']
5510
+ }], separatorTablet: [{
5511
+ type: Input,
5512
+ args: ['separator--tablet']
5513
+ }], separatorLaptop: [{
5514
+ type: Input,
5515
+ args: ['separator--laptop']
5516
+ }], separatorDesktop: [{
5517
+ type: Input,
5518
+ args: ['separator--desktop']
5519
+ }], radius: [{
5491
5520
  type: Input
5492
- }], required: [{
5521
+ }], radiusMobile: [{
5522
+ type: Input,
5523
+ args: ['radius--mobile']
5524
+ }], radiusTablet: [{
5525
+ type: Input,
5526
+ args: ['radius--tablet']
5527
+ }], radiusLaptop: [{
5528
+ type: Input,
5529
+ args: ['radius--laptop']
5530
+ }], radiusDesktop: [{
5531
+ type: Input,
5532
+ args: ['radius--desktop']
5533
+ }], backgroundColor: [{
5534
+ type: Input,
5535
+ args: ['background-color']
5536
+ }], compact: [{
5493
5537
  type: Input
5494
5538
  }], grow: [{
5495
5539
  type: Input
@@ -5623,9 +5667,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5623
5667
  args: ['order--desktop']
5624
5668
  }] } });
5625
5669
  /**
5626
- * @description Type-only wrapper for <px-cell>
5670
+ * @description Type-only wrapper for <px-cell-button>
5627
5671
  */
5628
- class PxCell {
5672
+ class PxCellButton {
5629
5673
  elementRef;
5630
5674
  set inverted(value) {
5631
5675
  this.elementRef.nativeElement['inverted'] = value;
@@ -5639,6 +5683,7 @@ class PxCell {
5639
5683
  get variant() {
5640
5684
  return this.elementRef.nativeElement['variant'];
5641
5685
  }
5686
+ /** Whether the button is disabled. */
5642
5687
  set disabled(value) {
5643
5688
  this.elementRef.nativeElement['disabled'] = value;
5644
5689
  }
@@ -5717,6 +5762,27 @@ class PxCell {
5717
5762
  get compact() {
5718
5763
  return this.elementRef.nativeElement['compact'];
5719
5764
  }
5765
+ /** The name of the button, submitted as a pair with the button's value as part of the form data. */
5766
+ set name(value) {
5767
+ this.elementRef.nativeElement['name'] = value;
5768
+ }
5769
+ get name() {
5770
+ return this.elementRef.nativeElement['name'];
5771
+ }
5772
+ /** The value associated with the button's name when it's submitted with a form. */
5773
+ set value(value) {
5774
+ this.elementRef.nativeElement['value'] = value;
5775
+ }
5776
+ get value() {
5777
+ return this.elementRef.nativeElement['value'];
5778
+ }
5779
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
5780
+ set type(value) {
5781
+ this.elementRef.nativeElement['type'] = value;
5782
+ }
5783
+ get type() {
5784
+ return this.elementRef.nativeElement['type'];
5785
+ }
5720
5786
  set grow(value) {
5721
5787
  this.elementRef.nativeElement['grow'] = value;
5722
5788
  }
@@ -5990,13 +6056,13 @@ class PxCell {
5990
6056
  constructor(elementRef) {
5991
6057
  this.elementRef = elementRef;
5992
6058
  }
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 });
6059
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6060
+ 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
6061
  }
5996
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
6062
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
5997
6063
  type: Directive,
5998
6064
  args: [{
5999
- selector: 'px-cell',
6065
+ selector: 'px-cell-button',
6000
6066
  }]
6001
6067
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6002
6068
  type: Input
@@ -6037,6 +6103,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6037
6103
  args: ['background-color']
6038
6104
  }], compact: [{
6039
6105
  type: Input
6106
+ }], name: [{
6107
+ type: Input
6108
+ }], value: [{
6109
+ type: Input
6110
+ }], type: [{
6111
+ type: Input
6040
6112
  }], grow: [{
6041
6113
  type: Input
6042
6114
  }], growMobile: [{
@@ -6169,9 +6241,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6169
6241
  args: ['order--desktop']
6170
6242
  }] } });
6171
6243
  /**
6172
- * @description Type-only wrapper for <px-cell-button>
6244
+ * @description Type-only wrapper for <px-cell-checkbox>
6173
6245
  */
6174
- class PxCellButton {
6246
+ class PxCellCheckbox {
6175
6247
  elementRef;
6176
6248
  set inverted(value) {
6177
6249
  this.elementRef.nativeElement['inverted'] = value;
@@ -6185,7 +6257,6 @@ class PxCellButton {
6185
6257
  get variant() {
6186
6258
  return this.elementRef.nativeElement['variant'];
6187
6259
  }
6188
- /** Whether the button is disabled. */
6189
6260
  set disabled(value) {
6190
6261
  this.elementRef.nativeElement['disabled'] = value;
6191
6262
  }
@@ -6252,38 +6323,47 @@ class PxCellButton {
6252
6323
  get radiusDesktop() {
6253
6324
  return this.elementRef.nativeElement['radiusDesktop'];
6254
6325
  }
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
6326
  set name(value) {
6269
6327
  this.elementRef.nativeElement['name'] = value;
6270
6328
  }
6271
6329
  get name() {
6272
6330
  return this.elementRef.nativeElement['name'];
6273
6331
  }
6274
- /** The value associated with the button's name when it's submitted with a form. */
6275
6332
  set value(value) {
6276
6333
  this.elementRef.nativeElement['value'] = value;
6277
6334
  }
6278
6335
  get value() {
6279
6336
  return this.elementRef.nativeElement['value'];
6280
6337
  }
6281
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
6282
- set type(value) {
6283
- this.elementRef.nativeElement['type'] = value;
6338
+ set state(value) {
6339
+ this.elementRef.nativeElement['state'] = value;
6284
6340
  }
6285
- get type() {
6286
- return this.elementRef.nativeElement['type'];
6341
+ get state() {
6342
+ return this.elementRef.nativeElement['state'];
6343
+ }
6344
+ set checked(value) {
6345
+ this.elementRef.nativeElement['checked'] = value;
6346
+ }
6347
+ get checked() {
6348
+ return this.elementRef.nativeElement['checked'];
6349
+ }
6350
+ set checkboxPosition(value) {
6351
+ this.elementRef.nativeElement['checkboxPosition'] = value;
6352
+ }
6353
+ get checkboxPosition() {
6354
+ return this.elementRef.nativeElement['checkboxPosition'];
6355
+ }
6356
+ set backgroundColor(value) {
6357
+ this.elementRef.nativeElement['backgroundColor'] = value;
6358
+ }
6359
+ get backgroundColor() {
6360
+ return this.elementRef.nativeElement['backgroundColor'];
6361
+ }
6362
+ set compact(value) {
6363
+ this.elementRef.nativeElement['compact'] = value;
6364
+ }
6365
+ get compact() {
6366
+ return this.elementRef.nativeElement['compact'];
6287
6367
  }
6288
6368
  set grow(value) {
6289
6369
  this.elementRef.nativeElement['grow'] = value;
@@ -6555,16 +6635,20 @@ class PxCellButton {
6555
6635
  get orderDesktop() {
6556
6636
  return this.elementRef.nativeElement['orderDesktop'];
6557
6637
  }
6638
+ change = new EventEmitter();
6558
6639
  constructor(elementRef) {
6559
6640
  this.elementRef = elementRef;
6641
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
6642
+ this.change.emit(e.detail);
6643
+ });
6560
6644
  }
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 });
6645
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6646
+ 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
6647
  }
6564
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
6648
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
6565
6649
  type: Directive,
6566
6650
  args: [{
6567
- selector: 'px-cell-button',
6651
+ selector: 'px-cell-checkbox',
6568
6652
  }]
6569
6653
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6570
6654
  type: Input
@@ -6600,16 +6684,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6600
6684
  }], radiusDesktop: [{
6601
6685
  type: Input,
6602
6686
  args: ['radius--desktop']
6603
- }], backgroundColor: [{
6604
- type: Input,
6605
- args: ['background-color']
6606
- }], compact: [{
6607
- type: Input
6608
6687
  }], name: [{
6609
6688
  type: Input
6610
6689
  }], value: [{
6611
6690
  type: Input
6612
- }], type: [{
6691
+ }], state: [{
6692
+ type: Input
6693
+ }], checked: [{
6694
+ type: Input
6695
+ }], checkboxPosition: [{
6696
+ type: Input,
6697
+ args: ['checkbox-position']
6698
+ }], backgroundColor: [{
6699
+ type: Input,
6700
+ args: ['background-color']
6701
+ }], compact: [{
6613
6702
  type: Input
6614
6703
  }], grow: [{
6615
6704
  type: Input
@@ -6741,11 +6830,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6741
6830
  }], orderDesktop: [{
6742
6831
  type: Input,
6743
6832
  args: ['order--desktop']
6833
+ }], change: [{
6834
+ type: Output
6744
6835
  }] } });
6745
6836
  /**
6746
- * @description Type-only wrapper for <px-cell-checkbox>
6837
+ * @description Type-only wrapper for <px-cell-link>
6747
6838
  */
6748
- class PxCellCheckbox {
6839
+ class PxCellLink {
6749
6840
  elementRef;
6750
6841
  set inverted(value) {
6751
6842
  this.elementRef.nativeElement['inverted'] = value;
@@ -6825,35 +6916,11 @@ class PxCellCheckbox {
6825
6916
  get radiusDesktop() {
6826
6917
  return this.elementRef.nativeElement['radiusDesktop'];
6827
6918
  }
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;
6919
+ set targetBlankAriaLabel(value) {
6920
+ this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
6854
6921
  }
6855
- get checkboxPosition() {
6856
- return this.elementRef.nativeElement['checkboxPosition'];
6922
+ get targetBlankAriaLabel() {
6923
+ return this.elementRef.nativeElement['targetBlankAriaLabel'];
6857
6924
  }
6858
6925
  set backgroundColor(value) {
6859
6926
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -6861,6 +6928,12 @@ class PxCellCheckbox {
6861
6928
  get backgroundColor() {
6862
6929
  return this.elementRef.nativeElement['backgroundColor'];
6863
6930
  }
6931
+ set noicon(value) {
6932
+ this.elementRef.nativeElement['noicon'] = value;
6933
+ }
6934
+ get noicon() {
6935
+ return this.elementRef.nativeElement['noicon'];
6936
+ }
6864
6937
  set compact(value) {
6865
6938
  this.elementRef.nativeElement['compact'] = value;
6866
6939
  }
@@ -7137,20 +7210,16 @@ class PxCellCheckbox {
7137
7210
  get orderDesktop() {
7138
7211
  return this.elementRef.nativeElement['orderDesktop'];
7139
7212
  }
7140
- change = new EventEmitter();
7141
7213
  constructor(elementRef) {
7142
7214
  this.elementRef = elementRef;
7143
- this.elementRef.nativeElement.addEventListener('change', (e) => {
7144
- this.change.emit(e.detail);
7145
- });
7146
7215
  }
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 });
7216
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7217
+ 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
7218
  }
7150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
7219
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7151
7220
  type: Directive,
7152
7221
  args: [{
7153
- selector: 'px-cell-checkbox',
7222
+ selector: 'px-cell-link',
7154
7223
  }]
7155
7224
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7156
7225
  type: Input
@@ -7186,20 +7255,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7186
7255
  }], radiusDesktop: [{
7187
7256
  type: Input,
7188
7257
  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: [{
7258
+ }], targetBlankAriaLabel: [{
7198
7259
  type: Input,
7199
- args: ['checkbox-position']
7260
+ args: ['target-blank-aria-label']
7200
7261
  }], backgroundColor: [{
7201
7262
  type: Input,
7202
7263
  args: ['background-color']
7264
+ }], noicon: [{
7265
+ type: Input
7203
7266
  }], compact: [{
7204
7267
  type: Input
7205
7268
  }], grow: [{
@@ -7332,13 +7395,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7332
7395
  }], orderDesktop: [{
7333
7396
  type: Input,
7334
7397
  args: ['order--desktop']
7335
- }], change: [{
7336
- type: Output
7337
7398
  }] } });
7338
7399
  /**
7339
- * @description Type-only wrapper for <px-cell-link>
7400
+ * @description Type-only wrapper for <px-cell-radio>
7340
7401
  */
7341
- class PxCellLink {
7402
+ class PxCellRadio {
7342
7403
  elementRef;
7343
7404
  set inverted(value) {
7344
7405
  this.elementRef.nativeElement['inverted'] = value;
@@ -7418,11 +7479,35 @@ class PxCellLink {
7418
7479
  get radiusDesktop() {
7419
7480
  return this.elementRef.nativeElement['radiusDesktop'];
7420
7481
  }
7421
- set targetBlankAriaLabel(value) {
7422
- this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
7482
+ set name(value) {
7483
+ this.elementRef.nativeElement['name'] = value;
7423
7484
  }
7424
- get targetBlankAriaLabel() {
7425
- return this.elementRef.nativeElement['targetBlankAriaLabel'];
7485
+ get name() {
7486
+ return this.elementRef.nativeElement['name'];
7487
+ }
7488
+ set value(value) {
7489
+ this.elementRef.nativeElement['value'] = value;
7490
+ }
7491
+ get value() {
7492
+ return this.elementRef.nativeElement['value'];
7493
+ }
7494
+ set state(value) {
7495
+ this.elementRef.nativeElement['state'] = value;
7496
+ }
7497
+ get state() {
7498
+ return this.elementRef.nativeElement['state'];
7499
+ }
7500
+ set checked(value) {
7501
+ this.elementRef.nativeElement['checked'] = value;
7502
+ }
7503
+ get checked() {
7504
+ return this.elementRef.nativeElement['checked'];
7505
+ }
7506
+ set radioPosition(value) {
7507
+ this.elementRef.nativeElement['radioPosition'] = value;
7508
+ }
7509
+ get radioPosition() {
7510
+ return this.elementRef.nativeElement['radioPosition'];
7426
7511
  }
7427
7512
  set backgroundColor(value) {
7428
7513
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7430,12 +7515,6 @@ class PxCellLink {
7430
7515
  get backgroundColor() {
7431
7516
  return this.elementRef.nativeElement['backgroundColor'];
7432
7517
  }
7433
- set noicon(value) {
7434
- this.elementRef.nativeElement['noicon'] = value;
7435
- }
7436
- get noicon() {
7437
- return this.elementRef.nativeElement['noicon'];
7438
- }
7439
7518
  set compact(value) {
7440
7519
  this.elementRef.nativeElement['compact'] = value;
7441
7520
  }
@@ -7712,16 +7791,20 @@ class PxCellLink {
7712
7791
  get orderDesktop() {
7713
7792
  return this.elementRef.nativeElement['orderDesktop'];
7714
7793
  }
7794
+ change = new EventEmitter();
7715
7795
  constructor(elementRef) {
7716
7796
  this.elementRef = elementRef;
7797
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
7798
+ this.change.emit(e.detail);
7799
+ });
7717
7800
  }
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 });
7801
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7802
+ 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
7803
  }
7721
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7804
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
7722
7805
  type: Directive,
7723
7806
  args: [{
7724
- selector: 'px-cell-link',
7807
+ selector: 'px-cell-radio',
7725
7808
  }]
7726
7809
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7727
7810
  type: Input
@@ -7757,14 +7840,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7757
7840
  }], radiusDesktop: [{
7758
7841
  type: Input,
7759
7842
  args: ['radius--desktop']
7760
- }], targetBlankAriaLabel: [{
7843
+ }], name: [{
7844
+ type: Input
7845
+ }], value: [{
7846
+ type: Input
7847
+ }], state: [{
7848
+ type: Input
7849
+ }], checked: [{
7850
+ type: Input
7851
+ }], radioPosition: [{
7761
7852
  type: Input,
7762
- args: ['target-blank-aria-label']
7853
+ args: ['radio-position']
7763
7854
  }], backgroundColor: [{
7764
7855
  type: Input,
7765
7856
  args: ['background-color']
7766
- }], noicon: [{
7767
- type: Input
7768
7857
  }], compact: [{
7769
7858
  type: Input
7770
7859
  }], grow: [{
@@ -7897,11 +7986,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7897
7986
  }], orderDesktop: [{
7898
7987
  type: Input,
7899
7988
  args: ['order--desktop']
7989
+ }], change: [{
7990
+ type: Output
7900
7991
  }] } });
7901
7992
  /**
7902
- * @description Type-only wrapper for <px-cell-radio>
7993
+ * @description Type-only wrapper for <px-cell-switch>
7903
7994
  */
7904
- class PxCellRadio {
7995
+ class PxCellSwitch {
7905
7996
  elementRef;
7906
7997
  set inverted(value) {
7907
7998
  this.elementRef.nativeElement['inverted'] = value;
@@ -7993,24 +8084,12 @@ class PxCellRadio {
7993
8084
  get value() {
7994
8085
  return this.elementRef.nativeElement['value'];
7995
8086
  }
7996
- set state(value) {
7997
- this.elementRef.nativeElement['state'] = value;
7998
- }
7999
- get state() {
8000
- return this.elementRef.nativeElement['state'];
8001
- }
8002
8087
  set checked(value) {
8003
8088
  this.elementRef.nativeElement['checked'] = value;
8004
8089
  }
8005
8090
  get checked() {
8006
8091
  return this.elementRef.nativeElement['checked'];
8007
8092
  }
8008
- set radioPosition(value) {
8009
- this.elementRef.nativeElement['radioPosition'] = value;
8010
- }
8011
- get radioPosition() {
8012
- return this.elementRef.nativeElement['radioPosition'];
8013
- }
8014
8093
  set backgroundColor(value) {
8015
8094
  this.elementRef.nativeElement['backgroundColor'] = value;
8016
8095
  }
@@ -8300,13 +8379,13 @@ class PxCellRadio {
8300
8379
  this.change.emit(e.detail);
8301
8380
  });
8302
8381
  }
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 });
8382
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8383
+ 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
8384
  }
8306
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
8385
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8307
8386
  type: Directive,
8308
8387
  args: [{
8309
- selector: 'px-cell-radio',
8388
+ selector: 'px-cell-switch',
8310
8389
  }]
8311
8390
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8312
8391
  type: Input
@@ -8346,13 +8425,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8346
8425
  type: Input
8347
8426
  }], value: [{
8348
8427
  type: Input
8349
- }], state: [{
8350
- type: Input
8351
8428
  }], checked: [{
8352
8429
  type: Input
8353
- }], radioPosition: [{
8354
- type: Input,
8355
- args: ['radio-position']
8356
8430
  }], backgroundColor: [{
8357
8431
  type: Input,
8358
8432
  args: ['background-color']
@@ -8492,15 +8566,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8492
8566
  type: Output
8493
8567
  }] } });
8494
8568
  /**
8495
- * @description Type-only wrapper for <px-cell-switch>
8569
+ * @description Type-only wrapper for <px-checkbox>
8496
8570
  */
8497
- class PxCellSwitch {
8571
+ class PxCheckbox {
8498
8572
  elementRef;
8499
- set inverted(value) {
8500
- this.elementRef.nativeElement['inverted'] = value;
8573
+ set state(value) {
8574
+ this.elementRef.nativeElement['state'] = value;
8501
8575
  }
8502
- get inverted() {
8503
- return this.elementRef.nativeElement['inverted'];
8576
+ get state() {
8577
+ return this.elementRef.nativeElement['state'];
8504
8578
  }
8505
8579
  set variant(value) {
8506
8580
  this.elementRef.nativeElement['variant'] = value;
@@ -8508,101 +8582,58 @@ class PxCellSwitch {
8508
8582
  get variant() {
8509
8583
  return this.elementRef.nativeElement['variant'];
8510
8584
  }
8511
- set disabled(value) {
8512
- this.elementRef.nativeElement['disabled'] = value;
8585
+ set indeterminate(value) {
8586
+ this.elementRef.nativeElement['indeterminate'] = value;
8513
8587
  }
8514
- get disabled() {
8515
- return this.elementRef.nativeElement['disabled'];
8588
+ get indeterminate() {
8589
+ return this.elementRef.nativeElement['indeterminate'];
8516
8590
  }
8517
- set separator(value) {
8518
- this.elementRef.nativeElement['separator'] = value;
8591
+ set inverted(value) {
8592
+ this.elementRef.nativeElement['inverted'] = value;
8519
8593
  }
8520
- get separator() {
8521
- return this.elementRef.nativeElement['separator'];
8594
+ get inverted() {
8595
+ return this.elementRef.nativeElement['inverted'];
8522
8596
  }
8523
- set separatorMobile(value) {
8524
- this.elementRef.nativeElement['separatorMobile'] = value;
8597
+ set hover(value) {
8598
+ this.elementRef.nativeElement['hover'] = value;
8525
8599
  }
8526
- get separatorMobile() {
8527
- return this.elementRef.nativeElement['separatorMobile'];
8600
+ get hover() {
8601
+ return this.elementRef.nativeElement['hover'];
8528
8602
  }
8529
- set separatorTablet(value) {
8530
- this.elementRef.nativeElement['separatorTablet'] = value;
8603
+ /** The name of the checkbox. */
8604
+ set name(value) {
8605
+ this.elementRef.nativeElement['name'] = value;
8531
8606
  }
8532
- get separatorTablet() {
8533
- return this.elementRef.nativeElement['separatorTablet'];
8607
+ get name() {
8608
+ return this.elementRef.nativeElement['name'];
8534
8609
  }
8535
- set separatorLaptop(value) {
8536
- this.elementRef.nativeElement['separatorLaptop'] = value;
8610
+ /** The value of the checkbox. */
8611
+ set value(value) {
8612
+ this.elementRef.nativeElement['value'] = value;
8537
8613
  }
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;
8573
- }
8574
- get radiusDesktop() {
8575
- return this.elementRef.nativeElement['radiusDesktop'];
8576
- }
8577
- set name(value) {
8578
- this.elementRef.nativeElement['name'] = value;
8579
- }
8580
- get name() {
8581
- return this.elementRef.nativeElement['name'];
8582
- }
8583
- set value(value) {
8584
- this.elementRef.nativeElement['value'] = value;
8585
- }
8586
- get value() {
8587
- return this.elementRef.nativeElement['value'];
8614
+ get value() {
8615
+ return this.elementRef.nativeElement['value'];
8588
8616
  }
8617
+ /** Whether the checkbox is checked. */
8589
8618
  set checked(value) {
8590
8619
  this.elementRef.nativeElement['checked'] = value;
8591
8620
  }
8592
8621
  get checked() {
8593
8622
  return this.elementRef.nativeElement['checked'];
8594
8623
  }
8595
- set backgroundColor(value) {
8596
- this.elementRef.nativeElement['backgroundColor'] = value;
8624
+ /** Whether the checkbox is disabled. */
8625
+ set disabled(value) {
8626
+ this.elementRef.nativeElement['disabled'] = value;
8597
8627
  }
8598
- get backgroundColor() {
8599
- return this.elementRef.nativeElement['backgroundColor'];
8628
+ get disabled() {
8629
+ return this.elementRef.nativeElement['disabled'];
8600
8630
  }
8601
- set compact(value) {
8602
- this.elementRef.nativeElement['compact'] = value;
8631
+ /** Whether the checkbox is required. */
8632
+ set required(value) {
8633
+ this.elementRef.nativeElement['required'] = value;
8603
8634
  }
8604
- get compact() {
8605
- return this.elementRef.nativeElement['compact'];
8635
+ get required() {
8636
+ return this.elementRef.nativeElement['required'];
8606
8637
  }
8607
8638
  set grow(value) {
8608
8639
  this.elementRef.nativeElement['grow'] = value;
@@ -8874,65 +8905,36 @@ class PxCellSwitch {
8874
8905
  get orderDesktop() {
8875
8906
  return this.elementRef.nativeElement['orderDesktop'];
8876
8907
  }
8877
- change = new EventEmitter();
8878
8908
  constructor(elementRef) {
8879
8909
  this.elementRef = elementRef;
8880
- this.elementRef.nativeElement.addEventListener('change', (e) => {
8881
- this.change.emit(e.detail);
8882
- });
8883
8910
  }
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 });
8911
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8912
+ 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
8913
  }
8887
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8914
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
8888
8915
  type: Directive,
8889
8916
  args: [{
8890
- selector: 'px-cell-switch',
8917
+ selector: 'px-checkbox',
8891
8918
  }]
8892
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8919
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
8893
8920
  type: Input
8894
8921
  }], variant: [{
8895
8922
  type: Input
8896
- }], disabled: [{
8923
+ }], indeterminate: [{
8897
8924
  type: Input
8898
- }], separator: [{
8925
+ }], inverted: [{
8899
8926
  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: [{
8927
+ }], hover: [{
8913
8928
  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
8929
  }], name: [{
8927
8930
  type: Input
8928
8931
  }], value: [{
8929
8932
  type: Input
8930
8933
  }], checked: [{
8931
8934
  type: Input
8932
- }], backgroundColor: [{
8933
- type: Input,
8934
- args: ['background-color']
8935
- }], compact: [{
8935
+ }], disabled: [{
8936
+ type: Input
8937
+ }], required: [{
8936
8938
  type: Input
8937
8939
  }], grow: [{
8938
8940
  type: Input
@@ -9064,193 +9066,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9064
9066
  }], orderDesktop: [{
9065
9067
  type: Input,
9066
9068
  args: ['order--desktop']
9067
- }], change: [{
9068
- type: Output
9069
9069
  }] } });
9070
9070
  /**
9071
- * @description Type-only wrapper for <px-container>
9071
+ * @description Type-only wrapper for <px-color-option>
9072
9072
  */
9073
- class PxContainer {
9073
+ class PxColorOption {
9074
9074
  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;
9075
+ set size(value) {
9076
+ this.elementRef.nativeElement['size'] = value;
9239
9077
  }
9240
- get anchorSpacing() {
9241
- return this.elementRef.nativeElement['anchorSpacing'];
9078
+ get size() {
9079
+ return this.elementRef.nativeElement['size'];
9242
9080
  }
9243
- set inverted(value) {
9244
- this.elementRef.nativeElement['inverted'] = value;
9081
+ set deviceColor(value) {
9082
+ this.elementRef.nativeElement['deviceColor'] = value;
9245
9083
  }
9246
- get inverted() {
9247
- return this.elementRef.nativeElement['inverted'];
9084
+ get deviceColor() {
9085
+ return this.elementRef.nativeElement['deviceColor'];
9248
9086
  }
9249
- set subgridRows(value) {
9250
- this.elementRef.nativeElement['subgridRows'] = value;
9087
+ set unavailable(value) {
9088
+ this.elementRef.nativeElement['unavailable'] = value;
9251
9089
  }
9252
- get subgridRows() {
9253
- return this.elementRef.nativeElement['subgridRows'];
9090
+ get unavailable() {
9091
+ return this.elementRef.nativeElement['unavailable'];
9254
9092
  }
9255
9093
  set grow(value) {
9256
9094
  this.elementRef.nativeElement['grow'] = value;
@@ -9483,144 +9321,63 @@ class PxContainer {
9483
9321
  set colSpanLaptop(value) {
9484
9322
  this.elementRef.nativeElement['colSpanLaptop'] = value;
9485
9323
  }
9486
- get colSpanLaptop() {
9487
- return this.elementRef.nativeElement['colSpanLaptop'];
9488
- }
9489
- 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: [{
9324
+ get colSpanLaptop() {
9325
+ return this.elementRef.nativeElement['colSpanLaptop'];
9326
+ }
9327
+ set colSpanDesktop(value) {
9328
+ this.elementRef.nativeElement['colSpanDesktop'] = value;
9329
+ }
9330
+ get colSpanDesktop() {
9331
+ return this.elementRef.nativeElement['colSpanDesktop'];
9332
+ }
9333
+ set order(value) {
9334
+ this.elementRef.nativeElement['order'] = value;
9335
+ }
9336
+ get order() {
9337
+ return this.elementRef.nativeElement['order'];
9338
+ }
9339
+ set orderMobile(value) {
9340
+ this.elementRef.nativeElement['orderMobile'] = value;
9341
+ }
9342
+ get orderMobile() {
9343
+ return this.elementRef.nativeElement['orderMobile'];
9344
+ }
9345
+ set orderTablet(value) {
9346
+ this.elementRef.nativeElement['orderTablet'] = value;
9347
+ }
9348
+ get orderTablet() {
9349
+ return this.elementRef.nativeElement['orderTablet'];
9350
+ }
9351
+ set orderLaptop(value) {
9352
+ this.elementRef.nativeElement['orderLaptop'] = value;
9353
+ }
9354
+ get orderLaptop() {
9355
+ return this.elementRef.nativeElement['orderLaptop'];
9356
+ }
9357
+ set orderDesktop(value) {
9358
+ this.elementRef.nativeElement['orderDesktop'] = value;
9359
+ }
9360
+ get orderDesktop() {
9361
+ return this.elementRef.nativeElement['orderDesktop'];
9362
+ }
9363
+ constructor(elementRef) {
9364
+ this.elementRef = elementRef;
9365
+ }
9366
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9367
+ 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 });
9368
+ }
9369
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9370
+ type: Directive,
9371
+ args: [{
9372
+ selector: 'px-color-option',
9373
+ }]
9374
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9620
9375
  type: Input
9621
- }], subgridRows: [{
9376
+ }], deviceColor: [{
9622
9377
  type: Input,
9623
- args: ['subgrid-rows']
9378
+ args: ['device-color']
9379
+ }], unavailable: [{
9380
+ type: Input
9624
9381
  }], grow: [{
9625
9382
  type: Input
9626
9383
  }], growMobile: [{
@@ -9753,16 +9510,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9753
9510
  args: ['order--desktop']
9754
9511
  }] } });
9755
9512
  /**
9756
- * @description Type-only wrapper for <px-color-option>
9513
+ * @description Type-only wrapper for <px-color-option-link>
9757
9514
  */
9758
- class PxColorOption {
9515
+ class PxColorOptionLink {
9759
9516
  elementRef;
9760
- set size(value) {
9761
- this.elementRef.nativeElement['size'] = value;
9762
- }
9763
- get size() {
9764
- return this.elementRef.nativeElement['size'];
9765
- }
9766
9517
  set deviceColor(value) {
9767
9518
  this.elementRef.nativeElement['deviceColor'] = value;
9768
9519
  }
@@ -9775,6 +9526,12 @@ class PxColorOption {
9775
9526
  get unavailable() {
9776
9527
  return this.elementRef.nativeElement['unavailable'];
9777
9528
  }
9529
+ set selected(value) {
9530
+ this.elementRef.nativeElement['selected'] = value;
9531
+ }
9532
+ get selected() {
9533
+ return this.elementRef.nativeElement['selected'];
9534
+ }
9778
9535
  set grow(value) {
9779
9536
  this.elementRef.nativeElement['grow'] = value;
9780
9537
  }
@@ -10045,24 +9802,28 @@ class PxColorOption {
10045
9802
  get orderDesktop() {
10046
9803
  return this.elementRef.nativeElement['orderDesktop'];
10047
9804
  }
9805
+ CLICK_EVENT = new EventEmitter();
10048
9806
  constructor(elementRef) {
10049
9807
  this.elementRef = elementRef;
9808
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9809
+ this.CLICK_EVENT.emit(e.detail);
9810
+ });
10050
9811
  }
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 });
9812
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9813
+ 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
9814
  }
10054
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9815
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10055
9816
  type: Directive,
10056
9817
  args: [{
10057
- selector: 'px-color-option',
9818
+ selector: 'px-color-option-link',
10058
9819
  }]
10059
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10060
- type: Input
10061
- }], deviceColor: [{
9820
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10062
9821
  type: Input,
10063
9822
  args: ['device-color']
10064
9823
  }], unavailable: [{
10065
9824
  type: Input
9825
+ }], selected: [{
9826
+ type: Input
10066
9827
  }], grow: [{
10067
9828
  type: Input
10068
9829
  }], growMobile: [{
@@ -10193,29 +9954,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10193
9954
  }], orderDesktop: [{
10194
9955
  type: Input,
10195
9956
  args: ['order--desktop']
9957
+ }], CLICK_EVENT: [{
9958
+ type: Output
10196
9959
  }] } });
10197
9960
  /**
10198
- * @description Type-only wrapper for <px-color-option-link>
9961
+ * @description Type-only wrapper for <px-container>
10199
9962
  */
10200
- class PxColorOptionLink {
9963
+ class PxContainer {
10201
9964
  elementRef;
10202
- set deviceColor(value) {
10203
- this.elementRef.nativeElement['deviceColor'] = value;
9965
+ set border(value) {
9966
+ this.elementRef.nativeElement['border'] = value;
9967
+ }
9968
+ get border() {
9969
+ return this.elementRef.nativeElement['border'];
9970
+ }
9971
+ set borderColor(value) {
9972
+ this.elementRef.nativeElement['borderColor'] = value;
9973
+ }
9974
+ get borderColor() {
9975
+ return this.elementRef.nativeElement['borderColor'];
9976
+ }
9977
+ set borderSide(value) {
9978
+ this.elementRef.nativeElement['borderSide'] = value;
9979
+ }
9980
+ get borderSide() {
9981
+ return this.elementRef.nativeElement['borderSide'];
9982
+ }
9983
+ set borderSideMobile(value) {
9984
+ this.elementRef.nativeElement['borderSideMobile'] = value;
9985
+ }
9986
+ get borderSideMobile() {
9987
+ return this.elementRef.nativeElement['borderSideMobile'];
9988
+ }
9989
+ set borderSideTablet(value) {
9990
+ this.elementRef.nativeElement['borderSideTablet'] = value;
9991
+ }
9992
+ get borderSideTablet() {
9993
+ return this.elementRef.nativeElement['borderSideTablet'];
9994
+ }
9995
+ set borderSideLaptop(value) {
9996
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
9997
+ }
9998
+ get borderSideLaptop() {
9999
+ return this.elementRef.nativeElement['borderSideLaptop'];
10000
+ }
10001
+ set borderRadius(value) {
10002
+ this.elementRef.nativeElement['borderRadius'] = value;
10003
+ }
10004
+ get borderRadius() {
10005
+ return this.elementRef.nativeElement['borderRadius'];
10006
+ }
10007
+ set noBorderRadius(value) {
10008
+ this.elementRef.nativeElement['noBorderRadius'] = value;
10009
+ }
10010
+ get noBorderRadius() {
10011
+ return this.elementRef.nativeElement['noBorderRadius'];
10012
+ }
10013
+ set noBorderRadiusMobile(value) {
10014
+ this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
10015
+ }
10016
+ get noBorderRadiusMobile() {
10017
+ return this.elementRef.nativeElement['noBorderRadiusMobile'];
10018
+ }
10019
+ set noBorderRadiusTablet(value) {
10020
+ this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
10021
+ }
10022
+ get noBorderRadiusTablet() {
10023
+ return this.elementRef.nativeElement['noBorderRadiusTablet'];
10024
+ }
10025
+ set noBorderRadiusLaptop(value) {
10026
+ this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
10027
+ }
10028
+ get noBorderRadiusLaptop() {
10029
+ return this.elementRef.nativeElement['noBorderRadiusLaptop'];
10030
+ }
10031
+ set backgroundColor(value) {
10032
+ this.elementRef.nativeElement['backgroundColor'] = value;
10033
+ }
10034
+ get backgroundColor() {
10035
+ return this.elementRef.nativeElement['backgroundColor'];
10036
+ }
10037
+ set backgroundColorMobile(value) {
10038
+ this.elementRef.nativeElement['backgroundColorMobile'] = value;
10039
+ }
10040
+ get backgroundColorMobile() {
10041
+ return this.elementRef.nativeElement['backgroundColorMobile'];
10042
+ }
10043
+ set backgroundColorTablet(value) {
10044
+ this.elementRef.nativeElement['backgroundColorTablet'] = value;
10045
+ }
10046
+ get backgroundColorTablet() {
10047
+ return this.elementRef.nativeElement['backgroundColorTablet'];
10048
+ }
10049
+ set backgroundColorLaptop(value) {
10050
+ this.elementRef.nativeElement['backgroundColorLaptop'] = value;
10051
+ }
10052
+ get backgroundColorLaptop() {
10053
+ return this.elementRef.nativeElement['backgroundColorLaptop'];
10054
+ }
10055
+ set backgroundGradient(value) {
10056
+ this.elementRef.nativeElement['backgroundGradient'] = value;
10057
+ }
10058
+ get backgroundGradient() {
10059
+ return this.elementRef.nativeElement['backgroundGradient'];
10060
+ }
10061
+ set backgroundGradientMobile(value) {
10062
+ this.elementRef.nativeElement['backgroundGradientMobile'] = value;
10063
+ }
10064
+ get backgroundGradientMobile() {
10065
+ return this.elementRef.nativeElement['backgroundGradientMobile'];
10066
+ }
10067
+ set backgroundGradientTablet(value) {
10068
+ this.elementRef.nativeElement['backgroundGradientTablet'] = value;
10069
+ }
10070
+ get backgroundGradientTablet() {
10071
+ return this.elementRef.nativeElement['backgroundGradientTablet'];
10072
+ }
10073
+ set backgroundGradientLaptop(value) {
10074
+ this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
10075
+ }
10076
+ get backgroundGradientLaptop() {
10077
+ return this.elementRef.nativeElement['backgroundGradientLaptop'];
10078
+ }
10079
+ set backgroundImage(value) {
10080
+ this.elementRef.nativeElement['backgroundImage'] = value;
10081
+ }
10082
+ get backgroundImage() {
10083
+ return this.elementRef.nativeElement['backgroundImage'];
10084
+ }
10085
+ set backgroundImageMobile(value) {
10086
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
10087
+ }
10088
+ get backgroundImageMobile() {
10089
+ return this.elementRef.nativeElement['backgroundImageMobile'];
10090
+ }
10091
+ set backgroundImageTablet(value) {
10092
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
10093
+ }
10094
+ get backgroundImageTablet() {
10095
+ return this.elementRef.nativeElement['backgroundImageTablet'];
10096
+ }
10097
+ set backgroundImageLaptop(value) {
10098
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
10099
+ }
10100
+ get backgroundImageLaptop() {
10101
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
10102
+ }
10103
+ set backgroundSize(value) {
10104
+ this.elementRef.nativeElement['backgroundSize'] = value;
10105
+ }
10106
+ get backgroundSize() {
10107
+ return this.elementRef.nativeElement['backgroundSize'];
10108
+ }
10109
+ set backgroundPosition(value) {
10110
+ this.elementRef.nativeElement['backgroundPosition'] = value;
10111
+ }
10112
+ get backgroundPosition() {
10113
+ return this.elementRef.nativeElement['backgroundPosition'];
10114
+ }
10115
+ set boxShadow(value) {
10116
+ this.elementRef.nativeElement['boxShadow'] = value;
10117
+ }
10118
+ get boxShadow() {
10119
+ return this.elementRef.nativeElement['boxShadow'];
10120
+ }
10121
+ set anchorOffset(value) {
10122
+ this.elementRef.nativeElement['anchorOffset'] = value;
10204
10123
  }
10205
- get deviceColor() {
10206
- return this.elementRef.nativeElement['deviceColor'];
10124
+ get anchorOffset() {
10125
+ return this.elementRef.nativeElement['anchorOffset'];
10207
10126
  }
10208
- set unavailable(value) {
10209
- this.elementRef.nativeElement['unavailable'] = value;
10127
+ set anchorSpacing(value) {
10128
+ this.elementRef.nativeElement['anchorSpacing'] = value;
10210
10129
  }
10211
- get unavailable() {
10212
- return this.elementRef.nativeElement['unavailable'];
10130
+ get anchorSpacing() {
10131
+ return this.elementRef.nativeElement['anchorSpacing'];
10213
10132
  }
10214
- set selected(value) {
10215
- this.elementRef.nativeElement['selected'] = value;
10133
+ set inverted(value) {
10134
+ this.elementRef.nativeElement['inverted'] = value;
10216
10135
  }
10217
- get selected() {
10218
- return this.elementRef.nativeElement['selected'];
10136
+ get inverted() {
10137
+ return this.elementRef.nativeElement['inverted'];
10138
+ }
10139
+ set subgridRows(value) {
10140
+ this.elementRef.nativeElement['subgridRows'] = value;
10141
+ }
10142
+ get subgridRows() {
10143
+ return this.elementRef.nativeElement['subgridRows'];
10219
10144
  }
10220
10145
  set grow(value) {
10221
10146
  this.elementRef.nativeElement['grow'] = value;
@@ -10487,28 +10412,105 @@ class PxColorOptionLink {
10487
10412
  get orderDesktop() {
10488
10413
  return this.elementRef.nativeElement['orderDesktop'];
10489
10414
  }
10490
- CLICK_EVENT = new EventEmitter();
10491
10415
  constructor(elementRef) {
10492
10416
  this.elementRef = elementRef;
10493
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10494
- this.CLICK_EVENT.emit(e.detail);
10495
- });
10496
10417
  }
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 });
10418
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10419
+ 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
10420
  }
10500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10421
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10501
10422
  type: Directive,
10502
10423
  args: [{
10503
- selector: 'px-color-option-link',
10424
+ selector: 'px-container',
10504
10425
  }]
10505
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10506
- type: Input,
10507
- args: ['device-color']
10508
- }], unavailable: [{
10426
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10509
10427
  type: Input
10510
- }], selected: [{
10428
+ }], borderColor: [{
10429
+ type: Input,
10430
+ args: ['border-color']
10431
+ }], borderSide: [{
10432
+ type: Input,
10433
+ args: ['border-side']
10434
+ }], borderSideMobile: [{
10435
+ type: Input,
10436
+ args: ['border-side--mobile']
10437
+ }], borderSideTablet: [{
10438
+ type: Input,
10439
+ args: ['border-side--tablet']
10440
+ }], borderSideLaptop: [{
10441
+ type: Input,
10442
+ args: ['border-side--laptop']
10443
+ }], borderRadius: [{
10444
+ type: Input,
10445
+ args: ['border-radius']
10446
+ }], noBorderRadius: [{
10447
+ type: Input,
10448
+ args: ['no-border-radius']
10449
+ }], noBorderRadiusMobile: [{
10450
+ type: Input,
10451
+ args: ['no-border-radius--mobile']
10452
+ }], noBorderRadiusTablet: [{
10453
+ type: Input,
10454
+ args: ['no-border-radius--tablet']
10455
+ }], noBorderRadiusLaptop: [{
10456
+ type: Input,
10457
+ args: ['no-border-radius--laptop']
10458
+ }], backgroundColor: [{
10459
+ type: Input,
10460
+ args: ['background-color']
10461
+ }], backgroundColorMobile: [{
10462
+ type: Input,
10463
+ args: ['background-color--mobile']
10464
+ }], backgroundColorTablet: [{
10465
+ type: Input,
10466
+ args: ['background-color--tablet']
10467
+ }], backgroundColorLaptop: [{
10468
+ type: Input,
10469
+ args: ['background-color--laptop']
10470
+ }], backgroundGradient: [{
10471
+ type: Input,
10472
+ args: ['background-gradient']
10473
+ }], backgroundGradientMobile: [{
10474
+ type: Input,
10475
+ args: ['background-gradient--mobile']
10476
+ }], backgroundGradientTablet: [{
10477
+ type: Input,
10478
+ args: ['background-gradient--tablet']
10479
+ }], backgroundGradientLaptop: [{
10480
+ type: Input,
10481
+ args: ['background-gradient--laptop']
10482
+ }], backgroundImage: [{
10483
+ type: Input,
10484
+ args: ['background-image']
10485
+ }], backgroundImageMobile: [{
10486
+ type: Input,
10487
+ args: ['background-image--mobile']
10488
+ }], backgroundImageTablet: [{
10489
+ type: Input,
10490
+ args: ['background-image--tablet']
10491
+ }], backgroundImageLaptop: [{
10492
+ type: Input,
10493
+ args: ['background-image--laptop']
10494
+ }], backgroundSize: [{
10495
+ type: Input,
10496
+ args: ['background-size']
10497
+ }], backgroundPosition: [{
10498
+ type: Input,
10499
+ args: ['background-position']
10500
+ }], boxShadow: [{
10501
+ type: Input,
10502
+ args: ['box-shadow']
10503
+ }], anchorOffset: [{
10504
+ type: Input,
10505
+ args: ['anchor-offset']
10506
+ }], anchorSpacing: [{
10507
+ type: Input,
10508
+ args: ['anchor-spacing']
10509
+ }], inverted: [{
10511
10510
  type: Input
10511
+ }], subgridRows: [{
10512
+ type: Input,
10513
+ args: ['subgrid-rows']
10512
10514
  }], grow: [{
10513
10515
  type: Input
10514
10516
  }], growMobile: [{
@@ -10639,8 +10641,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10639
10641
  }], orderDesktop: [{
10640
10642
  type: Input,
10641
10643
  args: ['order--desktop']
10642
- }], CLICK_EVENT: [{
10643
- type: Output
10644
10644
  }] } });
10645
10645
  /**
10646
10646
  * @description Type-only wrapper for <px-content-header>
@@ -11202,6 +11202,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11202
11202
  type: Input,
11203
11203
  args: ['order--desktop']
11204
11204
  }] } });
11205
+ /**
11206
+ * @description Type-only wrapper for <px-drawer>
11207
+ */
11208
+ class PxDrawer {
11209
+ elementRef;
11210
+ set open(value) {
11211
+ this.elementRef.nativeElement['open'] = value;
11212
+ }
11213
+ get open() {
11214
+ return this.elementRef.nativeElement['open'];
11215
+ }
11216
+ set ariaLabelCloseButton(value) {
11217
+ this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
11218
+ }
11219
+ get ariaLabelCloseButton() {
11220
+ return this.elementRef.nativeElement['ariaLabelCloseButton'];
11221
+ }
11222
+ set openedby(value) {
11223
+ this.elementRef.nativeElement['openedby'] = value;
11224
+ }
11225
+ get openedby() {
11226
+ return this.elementRef.nativeElement['openedby'];
11227
+ }
11228
+ set closedby(value) {
11229
+ this.elementRef.nativeElement['closedby'] = value;
11230
+ }
11231
+ get closedby() {
11232
+ return this.elementRef.nativeElement['closedby'];
11233
+ }
11234
+ HIDE_EVENT = new EventEmitter();
11235
+ constructor(elementRef) {
11236
+ this.elementRef = elementRef;
11237
+ this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
11238
+ this.HIDE_EVENT.emit(e.detail);
11239
+ });
11240
+ }
11241
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11242
+ 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 });
11243
+ }
11244
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11245
+ type: Directive,
11246
+ args: [{
11247
+ selector: 'px-drawer',
11248
+ }]
11249
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
11250
+ type: Input
11251
+ }], ariaLabelCloseButton: [{
11252
+ type: Input,
11253
+ args: ['aria-label-close-button']
11254
+ }], openedby: [{
11255
+ type: Input
11256
+ }], closedby: [{
11257
+ type: Input
11258
+ }], HIDE_EVENT: [{
11259
+ type: Output
11260
+ }] } });
11205
11261
  /**
11206
11262
  * @description Type-only wrapper for <px-dropdown>
11207
11263
  */
@@ -11644,62 +11700,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11644
11700
  type: Input,
11645
11701
  args: ['order--desktop']
11646
11702
  }] } });
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
11703
  /**
11704
11704
  * @description Type-only wrapper for <px-fieldset>
11705
11705
  */
@@ -34803,7 +34803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34803
34803
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34804
34804
  class Lavender {
34805
34805
  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] });
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, 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
34807
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34808
34808
  }
34809
34809
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34823,19 +34823,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34823
34823
  PxAppleseed,
34824
34824
  PxCarousel,
34825
34825
  PxCarouselItem,
34826
- PxCheckbox,
34827
34826
  PxCell,
34828
34827
  PxCellButton,
34829
34828
  PxCellCheckbox,
34830
34829
  PxCellLink,
34831
34830
  PxCellRadio,
34832
34831
  PxCellSwitch,
34833
- PxContainer,
34832
+ PxCheckbox,
34834
34833
  PxColorOption,
34835
34834
  PxColorOptionLink,
34835
+ PxContainer,
34836
34836
  PxContentHeader,
34837
- PxDropdown,
34838
34837
  PxDrawer,
34838
+ PxDropdown,
34839
34839
  PxFieldset,
34840
34840
  PxGrid,
34841
34841
  PxH1,
@@ -34920,19 +34920,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34920
34920
  PxAppleseed,
34921
34921
  PxCarousel,
34922
34922
  PxCarouselItem,
34923
- PxCheckbox,
34924
34923
  PxCell,
34925
34924
  PxCellButton,
34926
34925
  PxCellCheckbox,
34927
34926
  PxCellLink,
34928
34927
  PxCellRadio,
34929
34928
  PxCellSwitch,
34930
- PxContainer,
34929
+ PxCheckbox,
34931
34930
  PxColorOption,
34932
34931
  PxColorOptionLink,
34932
+ PxContainer,
34933
34933
  PxContentHeader,
34934
- PxDropdown,
34935
34934
  PxDrawer,
34935
+ PxDropdown,
34936
34936
  PxFieldset,
34937
34937
  PxGrid,
34938
34938
  PxH1,