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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/esm2022/lavender.directive.mjs +702 -694
  3. package/fesm2022/proximus-lavender-angular.mjs +701 -693
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +205 -203
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -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-cell>
5124
+ * @description Type-only wrapper for <px-checkbox>
5125
5125
  */
5126
- class PxCell {
5126
+ class PxCheckbox {
5127
5127
  elementRef;
5128
- set inverted(value) {
5129
- this.elementRef.nativeElement['inverted'] = value;
5128
+ set state(value) {
5129
+ this.elementRef.nativeElement['state'] = value;
5130
5130
  }
5131
- get inverted() {
5132
- return this.elementRef.nativeElement['inverted'];
5131
+ get state() {
5132
+ return this.elementRef.nativeElement['state'];
5133
5133
  }
5134
5134
  set variant(value) {
5135
5135
  this.elementRef.nativeElement['variant'] = value;
@@ -5137,83 +5137,58 @@ class PxCell {
5137
5137
  get variant() {
5138
5138
  return this.elementRef.nativeElement['variant'];
5139
5139
  }
5140
- set disabled(value) {
5141
- this.elementRef.nativeElement['disabled'] = value;
5142
- }
5143
- get disabled() {
5144
- return this.elementRef.nativeElement['disabled'];
5145
- }
5146
- set separator(value) {
5147
- this.elementRef.nativeElement['separator'] = value;
5148
- }
5149
- get separator() {
5150
- return this.elementRef.nativeElement['separator'];
5151
- }
5152
- set separatorMobile(value) {
5153
- this.elementRef.nativeElement['separatorMobile'] = value;
5154
- }
5155
- get separatorMobile() {
5156
- return this.elementRef.nativeElement['separatorMobile'];
5157
- }
5158
- set separatorTablet(value) {
5159
- this.elementRef.nativeElement['separatorTablet'] = value;
5160
- }
5161
- get separatorTablet() {
5162
- return this.elementRef.nativeElement['separatorTablet'];
5163
- }
5164
- set separatorLaptop(value) {
5165
- this.elementRef.nativeElement['separatorLaptop'] = value;
5166
- }
5167
- get separatorLaptop() {
5168
- return this.elementRef.nativeElement['separatorLaptop'];
5169
- }
5170
- set separatorDesktop(value) {
5171
- this.elementRef.nativeElement['separatorDesktop'] = value;
5140
+ set indeterminate(value) {
5141
+ this.elementRef.nativeElement['indeterminate'] = value;
5172
5142
  }
5173
- get separatorDesktop() {
5174
- return this.elementRef.nativeElement['separatorDesktop'];
5143
+ get indeterminate() {
5144
+ return this.elementRef.nativeElement['indeterminate'];
5175
5145
  }
5176
- set radius(value) {
5177
- this.elementRef.nativeElement['radius'] = value;
5146
+ set inverted(value) {
5147
+ this.elementRef.nativeElement['inverted'] = value;
5178
5148
  }
5179
- get radius() {
5180
- return this.elementRef.nativeElement['radius'];
5149
+ get inverted() {
5150
+ return this.elementRef.nativeElement['inverted'];
5181
5151
  }
5182
- set radiusMobile(value) {
5183
- this.elementRef.nativeElement['radiusMobile'] = value;
5152
+ set hover(value) {
5153
+ this.elementRef.nativeElement['hover'] = value;
5184
5154
  }
5185
- get radiusMobile() {
5186
- return this.elementRef.nativeElement['radiusMobile'];
5155
+ get hover() {
5156
+ return this.elementRef.nativeElement['hover'];
5187
5157
  }
5188
- set radiusTablet(value) {
5189
- this.elementRef.nativeElement['radiusTablet'] = value;
5158
+ /** The name of the checkbox. */
5159
+ set name(value) {
5160
+ this.elementRef.nativeElement['name'] = value;
5190
5161
  }
5191
- get radiusTablet() {
5192
- return this.elementRef.nativeElement['radiusTablet'];
5162
+ get name() {
5163
+ return this.elementRef.nativeElement['name'];
5193
5164
  }
5194
- set radiusLaptop(value) {
5195
- this.elementRef.nativeElement['radiusLaptop'] = value;
5165
+ /** The value of the checkbox. */
5166
+ set value(value) {
5167
+ this.elementRef.nativeElement['value'] = value;
5196
5168
  }
5197
- get radiusLaptop() {
5198
- return this.elementRef.nativeElement['radiusLaptop'];
5169
+ get value() {
5170
+ return this.elementRef.nativeElement['value'];
5199
5171
  }
5200
- set radiusDesktop(value) {
5201
- this.elementRef.nativeElement['radiusDesktop'] = value;
5172
+ /** Whether the checkbox is checked. */
5173
+ set checked(value) {
5174
+ this.elementRef.nativeElement['checked'] = value;
5202
5175
  }
5203
- get radiusDesktop() {
5204
- return this.elementRef.nativeElement['radiusDesktop'];
5176
+ get checked() {
5177
+ return this.elementRef.nativeElement['checked'];
5205
5178
  }
5206
- set backgroundColor(value) {
5207
- this.elementRef.nativeElement['backgroundColor'] = value;
5179
+ /** Whether the checkbox is disabled. */
5180
+ set disabled(value) {
5181
+ this.elementRef.nativeElement['disabled'] = value;
5208
5182
  }
5209
- get backgroundColor() {
5210
- return this.elementRef.nativeElement['backgroundColor'];
5183
+ get disabled() {
5184
+ return this.elementRef.nativeElement['disabled'];
5211
5185
  }
5212
- set compact(value) {
5213
- this.elementRef.nativeElement['compact'] = value;
5186
+ /** Whether the checkbox is required. */
5187
+ set required(value) {
5188
+ this.elementRef.nativeElement['required'] = value;
5214
5189
  }
5215
- get compact() {
5216
- return this.elementRef.nativeElement['compact'];
5190
+ get required() {
5191
+ return this.elementRef.nativeElement['required'];
5217
5192
  }
5218
5193
  set grow(value) {
5219
5194
  this.elementRef.nativeElement['grow'] = value;
@@ -5488,52 +5463,33 @@ class PxCell {
5488
5463
  constructor(elementRef) {
5489
5464
  this.elementRef = elementRef;
5490
5465
  }
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 });
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 });
5493
5468
  }
5494
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5469
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
5495
5470
  type: Directive,
5496
5471
  args: [{
5497
- selector: 'px-cell',
5472
+ selector: 'px-checkbox',
5498
5473
  }]
5499
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5474
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
5500
5475
  type: Input
5501
5476
  }], variant: [{
5502
5477
  type: Input
5503
- }], disabled: [{
5478
+ }], indeterminate: [{
5504
5479
  type: Input
5505
- }], separator: [{
5480
+ }], inverted: [{
5506
5481
  type: Input
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: [{
5482
+ }], hover: [{
5520
5483
  type: Input
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: [{
5484
+ }], name: [{
5485
+ type: Input
5486
+ }], value: [{
5487
+ type: Input
5488
+ }], checked: [{
5489
+ type: Input
5490
+ }], disabled: [{
5491
+ type: Input
5492
+ }], required: [{
5537
5493
  type: Input
5538
5494
  }], grow: [{
5539
5495
  type: Input
@@ -5667,9 +5623,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5667
5623
  args: ['order--desktop']
5668
5624
  }] } });
5669
5625
  /**
5670
- * @description Type-only wrapper for <px-cell-button>
5626
+ * @description Type-only wrapper for <px-cell>
5671
5627
  */
5672
- class PxCellButton {
5628
+ class PxCell {
5673
5629
  elementRef;
5674
5630
  set inverted(value) {
5675
5631
  this.elementRef.nativeElement['inverted'] = value;
@@ -5683,7 +5639,6 @@ class PxCellButton {
5683
5639
  get variant() {
5684
5640
  return this.elementRef.nativeElement['variant'];
5685
5641
  }
5686
- /** Whether the button is disabled. */
5687
5642
  set disabled(value) {
5688
5643
  this.elementRef.nativeElement['disabled'] = value;
5689
5644
  }
@@ -5762,27 +5717,6 @@ class PxCellButton {
5762
5717
  get compact() {
5763
5718
  return this.elementRef.nativeElement['compact'];
5764
5719
  }
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
- }
5786
5720
  set grow(value) {
5787
5721
  this.elementRef.nativeElement['grow'] = value;
5788
5722
  }
@@ -6056,13 +5990,13 @@ class PxCellButton {
6056
5990
  constructor(elementRef) {
6057
5991
  this.elementRef = elementRef;
6058
5992
  }
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 });
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 });
6061
5995
  }
6062
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
5996
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
6063
5997
  type: Directive,
6064
5998
  args: [{
6065
- selector: 'px-cell-button',
5999
+ selector: 'px-cell',
6066
6000
  }]
6067
6001
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6068
6002
  type: Input
@@ -6103,12 +6037,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6103
6037
  args: ['background-color']
6104
6038
  }], compact: [{
6105
6039
  type: Input
6106
- }], name: [{
6107
- type: Input
6108
- }], value: [{
6109
- type: Input
6110
- }], type: [{
6111
- type: Input
6112
6040
  }], grow: [{
6113
6041
  type: Input
6114
6042
  }], growMobile: [{
@@ -6241,9 +6169,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6241
6169
  args: ['order--desktop']
6242
6170
  }] } });
6243
6171
  /**
6244
- * @description Type-only wrapper for <px-cell-checkbox>
6172
+ * @description Type-only wrapper for <px-cell-button>
6245
6173
  */
6246
- class PxCellCheckbox {
6174
+ class PxCellButton {
6247
6175
  elementRef;
6248
6176
  set inverted(value) {
6249
6177
  this.elementRef.nativeElement['inverted'] = value;
@@ -6257,6 +6185,7 @@ class PxCellCheckbox {
6257
6185
  get variant() {
6258
6186
  return this.elementRef.nativeElement['variant'];
6259
6187
  }
6188
+ /** Whether the button is disabled. */
6260
6189
  set disabled(value) {
6261
6190
  this.elementRef.nativeElement['disabled'] = value;
6262
6191
  }
@@ -6323,47 +6252,38 @@ class PxCellCheckbox {
6323
6252
  get radiusDesktop() {
6324
6253
  return this.elementRef.nativeElement['radiusDesktop'];
6325
6254
  }
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. */
6326
6268
  set name(value) {
6327
6269
  this.elementRef.nativeElement['name'] = value;
6328
6270
  }
6329
6271
  get name() {
6330
6272
  return this.elementRef.nativeElement['name'];
6331
6273
  }
6274
+ /** The value associated with the button's name when it's submitted with a form. */
6332
6275
  set value(value) {
6333
6276
  this.elementRef.nativeElement['value'] = value;
6334
6277
  }
6335
6278
  get value() {
6336
6279
  return this.elementRef.nativeElement['value'];
6337
6280
  }
6338
- set state(value) {
6339
- this.elementRef.nativeElement['state'] = value;
6340
- }
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;
6281
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
6282
+ set type(value) {
6283
+ this.elementRef.nativeElement['type'] = value;
6364
6284
  }
6365
- get compact() {
6366
- return this.elementRef.nativeElement['compact'];
6285
+ get type() {
6286
+ return this.elementRef.nativeElement['type'];
6367
6287
  }
6368
6288
  set grow(value) {
6369
6289
  this.elementRef.nativeElement['grow'] = value;
@@ -6635,20 +6555,16 @@ class PxCellCheckbox {
6635
6555
  get orderDesktop() {
6636
6556
  return this.elementRef.nativeElement['orderDesktop'];
6637
6557
  }
6638
- change = new EventEmitter();
6639
6558
  constructor(elementRef) {
6640
6559
  this.elementRef = elementRef;
6641
- this.elementRef.nativeElement.addEventListener('change', (e) => {
6642
- this.change.emit(e.detail);
6643
- });
6644
6560
  }
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 });
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 });
6647
6563
  }
6648
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
6564
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
6649
6565
  type: Directive,
6650
6566
  args: [{
6651
- selector: 'px-cell-checkbox',
6567
+ selector: 'px-cell-button',
6652
6568
  }]
6653
6569
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6654
6570
  type: Input
@@ -6684,22 +6600,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6684
6600
  }], radiusDesktop: [{
6685
6601
  type: Input,
6686
6602
  args: ['radius--desktop']
6687
- }], name: [{
6688
- type: Input
6689
- }], value: [{
6690
- type: Input
6691
- }], state: [{
6692
- type: Input
6693
- }], checked: [{
6694
- type: Input
6695
- }], checkboxPosition: [{
6696
- type: Input,
6697
- args: ['checkbox-position']
6698
6603
  }], backgroundColor: [{
6699
6604
  type: Input,
6700
6605
  args: ['background-color']
6701
6606
  }], compact: [{
6702
6607
  type: Input
6608
+ }], name: [{
6609
+ type: Input
6610
+ }], value: [{
6611
+ type: Input
6612
+ }], type: [{
6613
+ type: Input
6703
6614
  }], grow: [{
6704
6615
  type: Input
6705
6616
  }], growMobile: [{
@@ -6830,13 +6741,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6830
6741
  }], orderDesktop: [{
6831
6742
  type: Input,
6832
6743
  args: ['order--desktop']
6833
- }], change: [{
6834
- type: Output
6835
6744
  }] } });
6836
6745
  /**
6837
- * @description Type-only wrapper for <px-cell-link>
6746
+ * @description Type-only wrapper for <px-cell-checkbox>
6838
6747
  */
6839
- class PxCellLink {
6748
+ class PxCellCheckbox {
6840
6749
  elementRef;
6841
6750
  set inverted(value) {
6842
6751
  this.elementRef.nativeElement['inverted'] = value;
@@ -6916,11 +6825,35 @@ class PxCellLink {
6916
6825
  get radiusDesktop() {
6917
6826
  return this.elementRef.nativeElement['radiusDesktop'];
6918
6827
  }
6919
- set targetBlankAriaLabel(value) {
6920
- this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
6828
+ set name(value) {
6829
+ this.elementRef.nativeElement['name'] = value;
6921
6830
  }
6922
- get targetBlankAriaLabel() {
6923
- return this.elementRef.nativeElement['targetBlankAriaLabel'];
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;
6854
+ }
6855
+ get checkboxPosition() {
6856
+ return this.elementRef.nativeElement['checkboxPosition'];
6924
6857
  }
6925
6858
  set backgroundColor(value) {
6926
6859
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -6928,12 +6861,6 @@ class PxCellLink {
6928
6861
  get backgroundColor() {
6929
6862
  return this.elementRef.nativeElement['backgroundColor'];
6930
6863
  }
6931
- set noicon(value) {
6932
- this.elementRef.nativeElement['noicon'] = value;
6933
- }
6934
- get noicon() {
6935
- return this.elementRef.nativeElement['noicon'];
6936
- }
6937
6864
  set compact(value) {
6938
6865
  this.elementRef.nativeElement['compact'] = value;
6939
6866
  }
@@ -7210,16 +7137,20 @@ class PxCellLink {
7210
7137
  get orderDesktop() {
7211
7138
  return this.elementRef.nativeElement['orderDesktop'];
7212
7139
  }
7140
+ change = new EventEmitter();
7213
7141
  constructor(elementRef) {
7214
7142
  this.elementRef = elementRef;
7143
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
7144
+ this.change.emit(e.detail);
7145
+ });
7215
7146
  }
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 });
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 });
7218
7149
  }
7219
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7150
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
7220
7151
  type: Directive,
7221
7152
  args: [{
7222
- selector: 'px-cell-link',
7153
+ selector: 'px-cell-checkbox',
7223
7154
  }]
7224
7155
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7225
7156
  type: Input
@@ -7255,14 +7186,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7255
7186
  }], radiusDesktop: [{
7256
7187
  type: Input,
7257
7188
  args: ['radius--desktop']
7258
- }], targetBlankAriaLabel: [{
7189
+ }], name: [{
7190
+ type: Input
7191
+ }], value: [{
7192
+ type: Input
7193
+ }], state: [{
7194
+ type: Input
7195
+ }], checked: [{
7196
+ type: Input
7197
+ }], checkboxPosition: [{
7259
7198
  type: Input,
7260
- args: ['target-blank-aria-label']
7199
+ args: ['checkbox-position']
7261
7200
  }], backgroundColor: [{
7262
7201
  type: Input,
7263
7202
  args: ['background-color']
7264
- }], noicon: [{
7265
- type: Input
7266
7203
  }], compact: [{
7267
7204
  type: Input
7268
7205
  }], grow: [{
@@ -7395,11 +7332,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7395
7332
  }], orderDesktop: [{
7396
7333
  type: Input,
7397
7334
  args: ['order--desktop']
7335
+ }], change: [{
7336
+ type: Output
7398
7337
  }] } });
7399
7338
  /**
7400
- * @description Type-only wrapper for <px-cell-radio>
7339
+ * @description Type-only wrapper for <px-cell-link>
7401
7340
  */
7402
- class PxCellRadio {
7341
+ class PxCellLink {
7403
7342
  elementRef;
7404
7343
  set inverted(value) {
7405
7344
  this.elementRef.nativeElement['inverted'] = value;
@@ -7479,35 +7418,11 @@ class PxCellRadio {
7479
7418
  get radiusDesktop() {
7480
7419
  return this.elementRef.nativeElement['radiusDesktop'];
7481
7420
  }
7482
- set name(value) {
7483
- this.elementRef.nativeElement['name'] = value;
7484
- }
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;
7421
+ set targetBlankAriaLabel(value) {
7422
+ this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
7508
7423
  }
7509
- get radioPosition() {
7510
- return this.elementRef.nativeElement['radioPosition'];
7424
+ get targetBlankAriaLabel() {
7425
+ return this.elementRef.nativeElement['targetBlankAriaLabel'];
7511
7426
  }
7512
7427
  set backgroundColor(value) {
7513
7428
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7515,6 +7430,12 @@ class PxCellRadio {
7515
7430
  get backgroundColor() {
7516
7431
  return this.elementRef.nativeElement['backgroundColor'];
7517
7432
  }
7433
+ set noicon(value) {
7434
+ this.elementRef.nativeElement['noicon'] = value;
7435
+ }
7436
+ get noicon() {
7437
+ return this.elementRef.nativeElement['noicon'];
7438
+ }
7518
7439
  set compact(value) {
7519
7440
  this.elementRef.nativeElement['compact'] = value;
7520
7441
  }
@@ -7791,20 +7712,16 @@ class PxCellRadio {
7791
7712
  get orderDesktop() {
7792
7713
  return this.elementRef.nativeElement['orderDesktop'];
7793
7714
  }
7794
- change = new EventEmitter();
7795
7715
  constructor(elementRef) {
7796
7716
  this.elementRef = elementRef;
7797
- this.elementRef.nativeElement.addEventListener('change', (e) => {
7798
- this.change.emit(e.detail);
7799
- });
7800
7717
  }
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 });
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 });
7803
7720
  }
7804
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
7721
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7805
7722
  type: Directive,
7806
7723
  args: [{
7807
- selector: 'px-cell-radio',
7724
+ selector: 'px-cell-link',
7808
7725
  }]
7809
7726
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7810
7727
  type: Input
@@ -7840,20 +7757,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7840
7757
  }], radiusDesktop: [{
7841
7758
  type: Input,
7842
7759
  args: ['radius--desktop']
7843
- }], name: [{
7844
- type: Input
7845
- }], value: [{
7846
- type: Input
7847
- }], state: [{
7848
- type: Input
7849
- }], checked: [{
7850
- type: Input
7851
- }], radioPosition: [{
7760
+ }], targetBlankAriaLabel: [{
7852
7761
  type: Input,
7853
- args: ['radio-position']
7762
+ args: ['target-blank-aria-label']
7854
7763
  }], backgroundColor: [{
7855
7764
  type: Input,
7856
7765
  args: ['background-color']
7766
+ }], noicon: [{
7767
+ type: Input
7857
7768
  }], compact: [{
7858
7769
  type: Input
7859
7770
  }], grow: [{
@@ -7986,13 +7897,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7986
7897
  }], orderDesktop: [{
7987
7898
  type: Input,
7988
7899
  args: ['order--desktop']
7989
- }], change: [{
7990
- type: Output
7991
7900
  }] } });
7992
7901
  /**
7993
- * @description Type-only wrapper for <px-cell-switch>
7902
+ * @description Type-only wrapper for <px-cell-radio>
7994
7903
  */
7995
- class PxCellSwitch {
7904
+ class PxCellRadio {
7996
7905
  elementRef;
7997
7906
  set inverted(value) {
7998
7907
  this.elementRef.nativeElement['inverted'] = value;
@@ -8084,12 +7993,24 @@ class PxCellSwitch {
8084
7993
  get value() {
8085
7994
  return this.elementRef.nativeElement['value'];
8086
7995
  }
7996
+ set state(value) {
7997
+ this.elementRef.nativeElement['state'] = value;
7998
+ }
7999
+ get state() {
8000
+ return this.elementRef.nativeElement['state'];
8001
+ }
8087
8002
  set checked(value) {
8088
8003
  this.elementRef.nativeElement['checked'] = value;
8089
8004
  }
8090
8005
  get checked() {
8091
8006
  return this.elementRef.nativeElement['checked'];
8092
8007
  }
8008
+ set radioPosition(value) {
8009
+ this.elementRef.nativeElement['radioPosition'] = value;
8010
+ }
8011
+ get radioPosition() {
8012
+ return this.elementRef.nativeElement['radioPosition'];
8013
+ }
8093
8014
  set backgroundColor(value) {
8094
8015
  this.elementRef.nativeElement['backgroundColor'] = value;
8095
8016
  }
@@ -8379,13 +8300,13 @@ class PxCellSwitch {
8379
8300
  this.change.emit(e.detail);
8380
8301
  });
8381
8302
  }
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 });
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 });
8384
8305
  }
8385
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8306
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
8386
8307
  type: Directive,
8387
8308
  args: [{
8388
- selector: 'px-cell-switch',
8309
+ selector: 'px-cell-radio',
8389
8310
  }]
8390
8311
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8391
8312
  type: Input
@@ -8425,8 +8346,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8425
8346
  type: Input
8426
8347
  }], value: [{
8427
8348
  type: Input
8349
+ }], state: [{
8350
+ type: Input
8428
8351
  }], checked: [{
8429
8352
  type: Input
8353
+ }], radioPosition: [{
8354
+ type: Input,
8355
+ args: ['radio-position']
8430
8356
  }], backgroundColor: [{
8431
8357
  type: Input,
8432
8358
  args: ['background-color']
@@ -8566,15 +8492,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8566
8492
  type: Output
8567
8493
  }] } });
8568
8494
  /**
8569
- * @description Type-only wrapper for <px-checkbox>
8495
+ * @description Type-only wrapper for <px-cell-switch>
8570
8496
  */
8571
- class PxCheckbox {
8497
+ class PxCellSwitch {
8572
8498
  elementRef;
8573
- set state(value) {
8574
- this.elementRef.nativeElement['state'] = value;
8499
+ set inverted(value) {
8500
+ this.elementRef.nativeElement['inverted'] = value;
8575
8501
  }
8576
- get state() {
8577
- return this.elementRef.nativeElement['state'];
8502
+ get inverted() {
8503
+ return this.elementRef.nativeElement['inverted'];
8578
8504
  }
8579
8505
  set variant(value) {
8580
8506
  this.elementRef.nativeElement['variant'] = value;
@@ -8582,58 +8508,101 @@ class PxCheckbox {
8582
8508
  get variant() {
8583
8509
  return this.elementRef.nativeElement['variant'];
8584
8510
  }
8585
- set indeterminate(value) {
8586
- this.elementRef.nativeElement['indeterminate'] = value;
8511
+ set disabled(value) {
8512
+ this.elementRef.nativeElement['disabled'] = value;
8587
8513
  }
8588
- get indeterminate() {
8589
- return this.elementRef.nativeElement['indeterminate'];
8514
+ get disabled() {
8515
+ return this.elementRef.nativeElement['disabled'];
8590
8516
  }
8591
- set inverted(value) {
8592
- this.elementRef.nativeElement['inverted'] = value;
8517
+ set separator(value) {
8518
+ this.elementRef.nativeElement['separator'] = value;
8593
8519
  }
8594
- get inverted() {
8595
- return this.elementRef.nativeElement['inverted'];
8520
+ get separator() {
8521
+ return this.elementRef.nativeElement['separator'];
8596
8522
  }
8597
- set hover(value) {
8598
- this.elementRef.nativeElement['hover'] = value;
8523
+ set separatorMobile(value) {
8524
+ this.elementRef.nativeElement['separatorMobile'] = value;
8599
8525
  }
8600
- get hover() {
8601
- return this.elementRef.nativeElement['hover'];
8526
+ get separatorMobile() {
8527
+ return this.elementRef.nativeElement['separatorMobile'];
8602
8528
  }
8603
- /** The name of the checkbox. */
8604
- set name(value) {
8605
- this.elementRef.nativeElement['name'] = value;
8529
+ set separatorTablet(value) {
8530
+ this.elementRef.nativeElement['separatorTablet'] = value;
8606
8531
  }
8607
- get name() {
8608
- return this.elementRef.nativeElement['name'];
8532
+ get separatorTablet() {
8533
+ return this.elementRef.nativeElement['separatorTablet'];
8609
8534
  }
8610
- /** The value of the checkbox. */
8611
- set value(value) {
8612
- this.elementRef.nativeElement['value'] = value;
8535
+ set separatorLaptop(value) {
8536
+ this.elementRef.nativeElement['separatorLaptop'] = value;
8613
8537
  }
8614
- get value() {
8615
- return this.elementRef.nativeElement['value'];
8538
+ get separatorLaptop() {
8539
+ return this.elementRef.nativeElement['separatorLaptop'];
8616
8540
  }
8617
- /** Whether the checkbox is checked. */
8618
- set checked(value) {
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'];
8588
+ }
8589
+ set checked(value) {
8619
8590
  this.elementRef.nativeElement['checked'] = value;
8620
8591
  }
8621
8592
  get checked() {
8622
8593
  return this.elementRef.nativeElement['checked'];
8623
8594
  }
8624
- /** Whether the checkbox is disabled. */
8625
- set disabled(value) {
8626
- this.elementRef.nativeElement['disabled'] = value;
8595
+ set backgroundColor(value) {
8596
+ this.elementRef.nativeElement['backgroundColor'] = value;
8627
8597
  }
8628
- get disabled() {
8629
- return this.elementRef.nativeElement['disabled'];
8598
+ get backgroundColor() {
8599
+ return this.elementRef.nativeElement['backgroundColor'];
8630
8600
  }
8631
- /** Whether the checkbox is required. */
8632
- set required(value) {
8633
- this.elementRef.nativeElement['required'] = value;
8601
+ set compact(value) {
8602
+ this.elementRef.nativeElement['compact'] = value;
8634
8603
  }
8635
- get required() {
8636
- return this.elementRef.nativeElement['required'];
8604
+ get compact() {
8605
+ return this.elementRef.nativeElement['compact'];
8637
8606
  }
8638
8607
  set grow(value) {
8639
8608
  this.elementRef.nativeElement['grow'] = value;
@@ -8905,36 +8874,65 @@ class PxCheckbox {
8905
8874
  get orderDesktop() {
8906
8875
  return this.elementRef.nativeElement['orderDesktop'];
8907
8876
  }
8877
+ change = new EventEmitter();
8908
8878
  constructor(elementRef) {
8909
8879
  this.elementRef = elementRef;
8880
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
8881
+ this.change.emit(e.detail);
8882
+ });
8910
8883
  }
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 });
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 });
8913
8886
  }
8914
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
8887
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8915
8888
  type: Directive,
8916
8889
  args: [{
8917
- selector: 'px-checkbox',
8890
+ selector: 'px-cell-switch',
8918
8891
  }]
8919
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
8892
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8920
8893
  type: Input
8921
8894
  }], variant: [{
8922
8895
  type: Input
8923
- }], indeterminate: [{
8896
+ }], disabled: [{
8924
8897
  type: Input
8925
- }], inverted: [{
8898
+ }], separator: [{
8926
8899
  type: Input
8927
- }], hover: [{
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: [{
8928
8913
  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']
8929
8926
  }], name: [{
8930
8927
  type: Input
8931
8928
  }], value: [{
8932
8929
  type: Input
8933
8930
  }], checked: [{
8934
8931
  type: Input
8935
- }], disabled: [{
8936
- type: Input
8937
- }], required: [{
8932
+ }], backgroundColor: [{
8933
+ type: Input,
8934
+ args: ['background-color']
8935
+ }], compact: [{
8938
8936
  type: Input
8939
8937
  }], grow: [{
8940
8938
  type: Input
@@ -9066,29 +9064,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9066
9064
  }], orderDesktop: [{
9067
9065
  type: Input,
9068
9066
  args: ['order--desktop']
9067
+ }], change: [{
9068
+ type: Output
9069
9069
  }] } });
9070
9070
  /**
9071
- * @description Type-only wrapper for <px-color-option>
9071
+ * @description Type-only wrapper for <px-container>
9072
9072
  */
9073
- class PxColorOption {
9073
+ class PxContainer {
9074
9074
  elementRef;
9075
- set size(value) {
9076
- this.elementRef.nativeElement['size'] = value;
9075
+ set border(value) {
9076
+ this.elementRef.nativeElement['border'] = value;
9077
9077
  }
9078
- get size() {
9079
- return this.elementRef.nativeElement['size'];
9078
+ get border() {
9079
+ return this.elementRef.nativeElement['border'];
9080
9080
  }
9081
- set deviceColor(value) {
9082
- this.elementRef.nativeElement['deviceColor'] = value;
9081
+ set borderColor(value) {
9082
+ this.elementRef.nativeElement['borderColor'] = value;
9083
9083
  }
9084
- get deviceColor() {
9085
- return this.elementRef.nativeElement['deviceColor'];
9084
+ get borderColor() {
9085
+ return this.elementRef.nativeElement['borderColor'];
9086
9086
  }
9087
- set unavailable(value) {
9088
- this.elementRef.nativeElement['unavailable'] = value;
9087
+ set borderSide(value) {
9088
+ this.elementRef.nativeElement['borderSide'] = value;
9089
9089
  }
9090
- get unavailable() {
9091
- return this.elementRef.nativeElement['unavailable'];
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;
9239
+ }
9240
+ get anchorSpacing() {
9241
+ return this.elementRef.nativeElement['anchorSpacing'];
9242
+ }
9243
+ set inverted(value) {
9244
+ this.elementRef.nativeElement['inverted'] = value;
9245
+ }
9246
+ get inverted() {
9247
+ return this.elementRef.nativeElement['inverted'];
9248
+ }
9249
+ set subgridRows(value) {
9250
+ this.elementRef.nativeElement['subgridRows'] = value;
9251
+ }
9252
+ get subgridRows() {
9253
+ return this.elementRef.nativeElement['subgridRows'];
9092
9254
  }
9093
9255
  set grow(value) {
9094
9256
  this.elementRef.nativeElement['grow'] = value;
@@ -9363,21 +9525,102 @@ class PxColorOption {
9363
9525
  constructor(elementRef) {
9364
9526
  this.elementRef = elementRef;
9365
9527
  }
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 });
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 });
9368
9530
  }
9369
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9531
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
9370
9532
  type: Directive,
9371
9533
  args: [{
9372
- selector: 'px-color-option',
9534
+ selector: 'px-container',
9373
9535
  }]
9374
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9536
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
9375
9537
  type: Input
9376
- }], deviceColor: [{
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: [{
9377
9584
  type: Input,
9378
- args: ['device-color']
9379
- }], unavailable: [{
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: [{
9380
9620
  type: Input
9621
+ }], subgridRows: [{
9622
+ type: Input,
9623
+ args: ['subgrid-rows']
9381
9624
  }], grow: [{
9382
9625
  type: Input
9383
9626
  }], growMobile: [{
@@ -9510,10 +9753,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9510
9753
  args: ['order--desktop']
9511
9754
  }] } });
9512
9755
  /**
9513
- * @description Type-only wrapper for <px-color-option-link>
9756
+ * @description Type-only wrapper for <px-color-option>
9514
9757
  */
9515
- class PxColorOptionLink {
9758
+ class PxColorOption {
9516
9759
  elementRef;
9760
+ set size(value) {
9761
+ this.elementRef.nativeElement['size'] = value;
9762
+ }
9763
+ get size() {
9764
+ return this.elementRef.nativeElement['size'];
9765
+ }
9517
9766
  set deviceColor(value) {
9518
9767
  this.elementRef.nativeElement['deviceColor'] = value;
9519
9768
  }
@@ -9526,12 +9775,6 @@ class PxColorOptionLink {
9526
9775
  get unavailable() {
9527
9776
  return this.elementRef.nativeElement['unavailable'];
9528
9777
  }
9529
- set selected(value) {
9530
- this.elementRef.nativeElement['selected'] = value;
9531
- }
9532
- get selected() {
9533
- return this.elementRef.nativeElement['selected'];
9534
- }
9535
9778
  set grow(value) {
9536
9779
  this.elementRef.nativeElement['grow'] = value;
9537
9780
  }
@@ -9802,28 +10045,24 @@ class PxColorOptionLink {
9802
10045
  get orderDesktop() {
9803
10046
  return this.elementRef.nativeElement['orderDesktop'];
9804
10047
  }
9805
- CLICK_EVENT = new EventEmitter();
9806
10048
  constructor(elementRef) {
9807
10049
  this.elementRef = elementRef;
9808
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9809
- this.CLICK_EVENT.emit(e.detail);
9810
- });
9811
10050
  }
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 });
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 });
9814
10053
  }
9815
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10054
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9816
10055
  type: Directive,
9817
10056
  args: [{
9818
- selector: 'px-color-option-link',
10057
+ selector: 'px-color-option',
9819
10058
  }]
9820
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10059
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10060
+ type: Input
10061
+ }], deviceColor: [{
9821
10062
  type: Input,
9822
10063
  args: ['device-color']
9823
10064
  }], unavailable: [{
9824
10065
  type: Input
9825
- }], selected: [{
9826
- type: Input
9827
10066
  }], grow: [{
9828
10067
  type: Input
9829
10068
  }], growMobile: [{
@@ -9945,202 +10184,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9945
10184
  }], orderMobile: [{
9946
10185
  type: Input,
9947
10186
  args: ['order--mobile']
9948
- }], orderTablet: [{
9949
- type: Input,
9950
- args: ['order--tablet']
9951
- }], orderLaptop: [{
9952
- type: Input,
9953
- args: ['order--laptop']
9954
- }], orderDesktop: [{
9955
- type: Input,
9956
- args: ['order--desktop']
9957
- }], CLICK_EVENT: [{
9958
- type: Output
9959
- }] } });
9960
- /**
9961
- * @description Type-only wrapper for <px-container>
9962
- */
9963
- class PxContainer {
9964
- elementRef;
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;
10123
- }
10124
- get anchorOffset() {
10125
- return this.elementRef.nativeElement['anchorOffset'];
10126
- }
10127
- set anchorSpacing(value) {
10128
- this.elementRef.nativeElement['anchorSpacing'] = value;
10187
+ }], orderTablet: [{
10188
+ type: Input,
10189
+ args: ['order--tablet']
10190
+ }], orderLaptop: [{
10191
+ type: Input,
10192
+ args: ['order--laptop']
10193
+ }], orderDesktop: [{
10194
+ type: Input,
10195
+ args: ['order--desktop']
10196
+ }] } });
10197
+ /**
10198
+ * @description Type-only wrapper for <px-color-option-link>
10199
+ */
10200
+ class PxColorOptionLink {
10201
+ elementRef;
10202
+ set deviceColor(value) {
10203
+ this.elementRef.nativeElement['deviceColor'] = value;
10129
10204
  }
10130
- get anchorSpacing() {
10131
- return this.elementRef.nativeElement['anchorSpacing'];
10205
+ get deviceColor() {
10206
+ return this.elementRef.nativeElement['deviceColor'];
10132
10207
  }
10133
- set inverted(value) {
10134
- this.elementRef.nativeElement['inverted'] = value;
10208
+ set unavailable(value) {
10209
+ this.elementRef.nativeElement['unavailable'] = value;
10135
10210
  }
10136
- get inverted() {
10137
- return this.elementRef.nativeElement['inverted'];
10211
+ get unavailable() {
10212
+ return this.elementRef.nativeElement['unavailable'];
10138
10213
  }
10139
- set subgridRows(value) {
10140
- this.elementRef.nativeElement['subgridRows'] = value;
10214
+ set selected(value) {
10215
+ this.elementRef.nativeElement['selected'] = value;
10141
10216
  }
10142
- get subgridRows() {
10143
- return this.elementRef.nativeElement['subgridRows'];
10217
+ get selected() {
10218
+ return this.elementRef.nativeElement['selected'];
10144
10219
  }
10145
10220
  set grow(value) {
10146
10221
  this.elementRef.nativeElement['grow'] = value;
@@ -10412,105 +10487,28 @@ class PxContainer {
10412
10487
  get orderDesktop() {
10413
10488
  return this.elementRef.nativeElement['orderDesktop'];
10414
10489
  }
10490
+ CLICK_EVENT = new EventEmitter();
10415
10491
  constructor(elementRef) {
10416
10492
  this.elementRef = elementRef;
10493
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10494
+ this.CLICK_EVENT.emit(e.detail);
10495
+ });
10417
10496
  }
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 });
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 });
10420
10499
  }
10421
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10500
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10422
10501
  type: Directive,
10423
10502
  args: [{
10424
- selector: 'px-container',
10503
+ selector: 'px-color-option-link',
10425
10504
  }]
10426
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10427
- type: Input
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: [{
10505
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10507
10506
  type: Input,
10508
- args: ['anchor-spacing']
10509
- }], inverted: [{
10507
+ args: ['device-color']
10508
+ }], unavailable: [{
10509
+ type: Input
10510
+ }], selected: [{
10510
10511
  type: Input
10511
- }], subgridRows: [{
10512
- type: Input,
10513
- args: ['subgrid-rows']
10514
10512
  }], grow: [{
10515
10513
  type: Input
10516
10514
  }], growMobile: [{
@@ -10641,6 +10639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10641
10639
  }], orderDesktop: [{
10642
10640
  type: Input,
10643
10641
  args: ['order--desktop']
10642
+ }], CLICK_EVENT: [{
10643
+ type: Output
10644
10644
  }] } });
10645
10645
  /**
10646
10646
  * @description Type-only wrapper for <px-content-header>
@@ -11202,54 +11202,6 @@ 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
- HIDE_EVENT = new EventEmitter();
11229
- constructor(elementRef) {
11230
- this.elementRef = elementRef;
11231
- this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
11232
- this.HIDE_EVENT.emit(e.detail);
11233
- });
11234
- }
11235
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11236
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11237
- }
11238
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11239
- type: Directive,
11240
- args: [{
11241
- selector: 'px-drawer',
11242
- }]
11243
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
11244
- type: Input
11245
- }], ariaLabelCloseButton: [{
11246
- type: Input,
11247
- args: ['aria-label-close-button']
11248
- }], openedby: [{
11249
- type: Input
11250
- }], HIDE_EVENT: [{
11251
- type: Output
11252
- }] } });
11253
11205
  /**
11254
11206
  * @description Type-only wrapper for <px-dropdown>
11255
11207
  */
@@ -11692,6 +11644,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11692
11644
  type: Input,
11693
11645
  args: ['order--desktop']
11694
11646
  }] } });
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
+ }] } });
11695
11703
  /**
11696
11704
  * @description Type-only wrapper for <px-fieldset>
11697
11705
  */
@@ -34795,7 +34803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34795
34803
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34796
34804
  class Lavender {
34797
34805
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34798
- 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] });
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] });
34799
34807
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34800
34808
  }
34801
34809
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34815,19 +34823,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34815
34823
  PxAppleseed,
34816
34824
  PxCarousel,
34817
34825
  PxCarouselItem,
34826
+ PxCheckbox,
34818
34827
  PxCell,
34819
34828
  PxCellButton,
34820
34829
  PxCellCheckbox,
34821
34830
  PxCellLink,
34822
34831
  PxCellRadio,
34823
34832
  PxCellSwitch,
34824
- PxCheckbox,
34833
+ PxContainer,
34825
34834
  PxColorOption,
34826
34835
  PxColorOptionLink,
34827
- PxContainer,
34828
34836
  PxContentHeader,
34829
- PxDrawer,
34830
34837
  PxDropdown,
34838
+ PxDrawer,
34831
34839
  PxFieldset,
34832
34840
  PxGrid,
34833
34841
  PxH1,
@@ -34912,19 +34920,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34912
34920
  PxAppleseed,
34913
34921
  PxCarousel,
34914
34922
  PxCarouselItem,
34923
+ PxCheckbox,
34915
34924
  PxCell,
34916
34925
  PxCellButton,
34917
34926
  PxCellCheckbox,
34918
34927
  PxCellLink,
34919
34928
  PxCellRadio,
34920
34929
  PxCellSwitch,
34921
- PxCheckbox,
34930
+ PxContainer,
34922
34931
  PxColorOption,
34923
34932
  PxColorOptionLink,
34924
- PxContainer,
34925
34933
  PxContentHeader,
34926
- PxDrawer,
34927
34934
  PxDropdown,
34935
+ PxDrawer,
34928
34936
  PxFieldset,
34929
34937
  PxGrid,
34930
34938
  PxH1,