@proximus/lavender-angular 2.0.0-alpha.66 → 2.0.0-alpha.67

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.
@@ -9080,27 +9080,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9080
9080
  args: ['order--desktop']
9081
9081
  }] } });
9082
9082
  /**
9083
- * @description Type-only wrapper for <px-color-option>
9083
+ * @description Type-only wrapper for <px-container>
9084
9084
  */
9085
- class PxColorOption {
9085
+ class PxContainer {
9086
9086
  elementRef;
9087
- set size(value) {
9088
- this.elementRef.nativeElement['size'] = value;
9087
+ set border(value) {
9088
+ this.elementRef.nativeElement['border'] = value;
9089
9089
  }
9090
- get size() {
9091
- return this.elementRef.nativeElement['size'];
9090
+ get border() {
9091
+ return this.elementRef.nativeElement['border'];
9092
9092
  }
9093
- set deviceColor(value) {
9094
- this.elementRef.nativeElement['deviceColor'] = value;
9093
+ set borderColor(value) {
9094
+ this.elementRef.nativeElement['borderColor'] = value;
9095
9095
  }
9096
- get deviceColor() {
9097
- return this.elementRef.nativeElement['deviceColor'];
9096
+ get borderColor() {
9097
+ return this.elementRef.nativeElement['borderColor'];
9098
9098
  }
9099
- set unavailable(value) {
9100
- this.elementRef.nativeElement['unavailable'] = value;
9099
+ set borderSide(value) {
9100
+ this.elementRef.nativeElement['borderSide'] = value;
9101
9101
  }
9102
- get unavailable() {
9103
- return this.elementRef.nativeElement['unavailable'];
9102
+ get borderSide() {
9103
+ return this.elementRef.nativeElement['borderSide'];
9104
+ }
9105
+ set borderSideMobile(value) {
9106
+ this.elementRef.nativeElement['borderSideMobile'] = value;
9107
+ }
9108
+ get borderSideMobile() {
9109
+ return this.elementRef.nativeElement['borderSideMobile'];
9110
+ }
9111
+ set borderSideTablet(value) {
9112
+ this.elementRef.nativeElement['borderSideTablet'] = value;
9113
+ }
9114
+ get borderSideTablet() {
9115
+ return this.elementRef.nativeElement['borderSideTablet'];
9116
+ }
9117
+ set borderSideLaptop(value) {
9118
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
9119
+ }
9120
+ get borderSideLaptop() {
9121
+ return this.elementRef.nativeElement['borderSideLaptop'];
9122
+ }
9123
+ set borderRadius(value) {
9124
+ this.elementRef.nativeElement['borderRadius'] = value;
9125
+ }
9126
+ get borderRadius() {
9127
+ return this.elementRef.nativeElement['borderRadius'];
9128
+ }
9129
+ set noBorderRadius(value) {
9130
+ this.elementRef.nativeElement['noBorderRadius'] = value;
9131
+ }
9132
+ get noBorderRadius() {
9133
+ return this.elementRef.nativeElement['noBorderRadius'];
9134
+ }
9135
+ set noBorderRadiusMobile(value) {
9136
+ this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
9137
+ }
9138
+ get noBorderRadiusMobile() {
9139
+ return this.elementRef.nativeElement['noBorderRadiusMobile'];
9140
+ }
9141
+ set noBorderRadiusTablet(value) {
9142
+ this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
9143
+ }
9144
+ get noBorderRadiusTablet() {
9145
+ return this.elementRef.nativeElement['noBorderRadiusTablet'];
9146
+ }
9147
+ set noBorderRadiusLaptop(value) {
9148
+ this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
9149
+ }
9150
+ get noBorderRadiusLaptop() {
9151
+ return this.elementRef.nativeElement['noBorderRadiusLaptop'];
9152
+ }
9153
+ set backgroundColor(value) {
9154
+ this.elementRef.nativeElement['backgroundColor'] = value;
9155
+ }
9156
+ get backgroundColor() {
9157
+ return this.elementRef.nativeElement['backgroundColor'];
9158
+ }
9159
+ set backgroundColorMobile(value) {
9160
+ this.elementRef.nativeElement['backgroundColorMobile'] = value;
9161
+ }
9162
+ get backgroundColorMobile() {
9163
+ return this.elementRef.nativeElement['backgroundColorMobile'];
9164
+ }
9165
+ set backgroundColorTablet(value) {
9166
+ this.elementRef.nativeElement['backgroundColorTablet'] = value;
9167
+ }
9168
+ get backgroundColorTablet() {
9169
+ return this.elementRef.nativeElement['backgroundColorTablet'];
9170
+ }
9171
+ set backgroundColorLaptop(value) {
9172
+ this.elementRef.nativeElement['backgroundColorLaptop'] = value;
9173
+ }
9174
+ get backgroundColorLaptop() {
9175
+ return this.elementRef.nativeElement['backgroundColorLaptop'];
9176
+ }
9177
+ set backgroundGradient(value) {
9178
+ this.elementRef.nativeElement['backgroundGradient'] = value;
9179
+ }
9180
+ get backgroundGradient() {
9181
+ return this.elementRef.nativeElement['backgroundGradient'];
9182
+ }
9183
+ set backgroundGradientMobile(value) {
9184
+ this.elementRef.nativeElement['backgroundGradientMobile'] = value;
9185
+ }
9186
+ get backgroundGradientMobile() {
9187
+ return this.elementRef.nativeElement['backgroundGradientMobile'];
9188
+ }
9189
+ set backgroundGradientTablet(value) {
9190
+ this.elementRef.nativeElement['backgroundGradientTablet'] = value;
9191
+ }
9192
+ get backgroundGradientTablet() {
9193
+ return this.elementRef.nativeElement['backgroundGradientTablet'];
9194
+ }
9195
+ set backgroundGradientLaptop(value) {
9196
+ this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
9197
+ }
9198
+ get backgroundGradientLaptop() {
9199
+ return this.elementRef.nativeElement['backgroundGradientLaptop'];
9200
+ }
9201
+ set backgroundImage(value) {
9202
+ this.elementRef.nativeElement['backgroundImage'] = value;
9203
+ }
9204
+ get backgroundImage() {
9205
+ return this.elementRef.nativeElement['backgroundImage'];
9206
+ }
9207
+ set backgroundImageMobile(value) {
9208
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
9209
+ }
9210
+ get backgroundImageMobile() {
9211
+ return this.elementRef.nativeElement['backgroundImageMobile'];
9212
+ }
9213
+ set backgroundImageTablet(value) {
9214
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
9215
+ }
9216
+ get backgroundImageTablet() {
9217
+ return this.elementRef.nativeElement['backgroundImageTablet'];
9218
+ }
9219
+ set backgroundImageLaptop(value) {
9220
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
9221
+ }
9222
+ get backgroundImageLaptop() {
9223
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
9224
+ }
9225
+ set backgroundSize(value) {
9226
+ this.elementRef.nativeElement['backgroundSize'] = value;
9227
+ }
9228
+ get backgroundSize() {
9229
+ return this.elementRef.nativeElement['backgroundSize'];
9230
+ }
9231
+ set backgroundPosition(value) {
9232
+ this.elementRef.nativeElement['backgroundPosition'] = value;
9233
+ }
9234
+ get backgroundPosition() {
9235
+ return this.elementRef.nativeElement['backgroundPosition'];
9236
+ }
9237
+ set boxShadow(value) {
9238
+ this.elementRef.nativeElement['boxShadow'] = value;
9239
+ }
9240
+ get boxShadow() {
9241
+ return this.elementRef.nativeElement['boxShadow'];
9242
+ }
9243
+ set anchorOffset(value) {
9244
+ this.elementRef.nativeElement['anchorOffset'] = value;
9245
+ }
9246
+ get anchorOffset() {
9247
+ return this.elementRef.nativeElement['anchorOffset'];
9248
+ }
9249
+ set anchorSpacing(value) {
9250
+ this.elementRef.nativeElement['anchorSpacing'] = value;
9251
+ }
9252
+ get anchorSpacing() {
9253
+ return this.elementRef.nativeElement['anchorSpacing'];
9254
+ }
9255
+ set inverted(value) {
9256
+ this.elementRef.nativeElement['inverted'] = value;
9257
+ }
9258
+ get inverted() {
9259
+ return this.elementRef.nativeElement['inverted'];
9260
+ }
9261
+ set subgridRows(value) {
9262
+ this.elementRef.nativeElement['subgridRows'] = value;
9263
+ }
9264
+ get subgridRows() {
9265
+ return this.elementRef.nativeElement['subgridRows'];
9104
9266
  }
9105
9267
  set grow(value) {
9106
9268
  this.elementRef.nativeElement['grow'] = value;
@@ -9375,61 +9537,142 @@ class PxColorOption {
9375
9537
  constructor(elementRef) {
9376
9538
  this.elementRef = elementRef;
9377
9539
  }
9378
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9379
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOption, selector: "px-color-option", inputs: { size: "size", deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
9540
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9541
+ 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 });
9380
9542
  }
9381
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9543
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
9382
9544
  type: Directive,
9383
9545
  args: [{
9384
- selector: 'px-color-option',
9546
+ selector: 'px-container',
9385
9547
  }]
9386
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9548
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
9387
9549
  type: Input
9388
- }], deviceColor: [{
9550
+ }], borderColor: [{
9389
9551
  type: Input,
9390
- args: ['device-color']
9391
- }], unavailable: [{
9392
- type: Input
9393
- }], grow: [{
9394
- type: Input
9395
- }], growMobile: [{
9552
+ args: ['border-color']
9553
+ }], borderSide: [{
9396
9554
  type: Input,
9397
- args: ['grow--mobile']
9398
- }], growTablet: [{
9555
+ args: ['border-side']
9556
+ }], borderSideMobile: [{
9399
9557
  type: Input,
9400
- args: ['grow--tablet']
9401
- }], growLaptop: [{
9558
+ args: ['border-side--mobile']
9559
+ }], borderSideTablet: [{
9402
9560
  type: Input,
9403
- args: ['grow--laptop']
9404
- }], growDesktop: [{
9561
+ args: ['border-side--tablet']
9562
+ }], borderSideLaptop: [{
9405
9563
  type: Input,
9406
- args: ['grow--desktop']
9407
- }], shrink: [{
9408
- type: Input
9409
- }], shrinkMobile: [{
9564
+ args: ['border-side--laptop']
9565
+ }], borderRadius: [{
9410
9566
  type: Input,
9411
- args: ['shrink--mobile']
9412
- }], shrinkTablet: [{
9567
+ args: ['border-radius']
9568
+ }], noBorderRadius: [{
9413
9569
  type: Input,
9414
- args: ['shrink--tablet']
9415
- }], shrinkLaptop: [{
9570
+ args: ['no-border-radius']
9571
+ }], noBorderRadiusMobile: [{
9416
9572
  type: Input,
9417
- args: ['shrink--laptop']
9418
- }], shrinkDesktop: [{
9573
+ args: ['no-border-radius--mobile']
9574
+ }], noBorderRadiusTablet: [{
9419
9575
  type: Input,
9420
- args: ['shrink--desktop']
9421
- }], basis: [{
9422
- type: Input
9423
- }], basisMobile: [{
9576
+ args: ['no-border-radius--tablet']
9577
+ }], noBorderRadiusLaptop: [{
9424
9578
  type: Input,
9425
- args: ['basis--mobile']
9426
- }], basisTablet: [{
9579
+ args: ['no-border-radius--laptop']
9580
+ }], backgroundColor: [{
9427
9581
  type: Input,
9428
- args: ['basis--tablet']
9429
- }], basisLaptop: [{
9582
+ args: ['background-color']
9583
+ }], backgroundColorMobile: [{
9430
9584
  type: Input,
9431
- args: ['basis--laptop']
9432
- }], basisDesktop: [{
9585
+ args: ['background-color--mobile']
9586
+ }], backgroundColorTablet: [{
9587
+ type: Input,
9588
+ args: ['background-color--tablet']
9589
+ }], backgroundColorLaptop: [{
9590
+ type: Input,
9591
+ args: ['background-color--laptop']
9592
+ }], backgroundGradient: [{
9593
+ type: Input,
9594
+ args: ['background-gradient']
9595
+ }], backgroundGradientMobile: [{
9596
+ type: Input,
9597
+ args: ['background-gradient--mobile']
9598
+ }], backgroundGradientTablet: [{
9599
+ type: Input,
9600
+ args: ['background-gradient--tablet']
9601
+ }], backgroundGradientLaptop: [{
9602
+ type: Input,
9603
+ args: ['background-gradient--laptop']
9604
+ }], backgroundImage: [{
9605
+ type: Input,
9606
+ args: ['background-image']
9607
+ }], backgroundImageMobile: [{
9608
+ type: Input,
9609
+ args: ['background-image--mobile']
9610
+ }], backgroundImageTablet: [{
9611
+ type: Input,
9612
+ args: ['background-image--tablet']
9613
+ }], backgroundImageLaptop: [{
9614
+ type: Input,
9615
+ args: ['background-image--laptop']
9616
+ }], backgroundSize: [{
9617
+ type: Input,
9618
+ args: ['background-size']
9619
+ }], backgroundPosition: [{
9620
+ type: Input,
9621
+ args: ['background-position']
9622
+ }], boxShadow: [{
9623
+ type: Input,
9624
+ args: ['box-shadow']
9625
+ }], anchorOffset: [{
9626
+ type: Input,
9627
+ args: ['anchor-offset']
9628
+ }], anchorSpacing: [{
9629
+ type: Input,
9630
+ args: ['anchor-spacing']
9631
+ }], inverted: [{
9632
+ type: Input
9633
+ }], subgridRows: [{
9634
+ type: Input,
9635
+ args: ['subgrid-rows']
9636
+ }], grow: [{
9637
+ type: Input
9638
+ }], growMobile: [{
9639
+ type: Input,
9640
+ args: ['grow--mobile']
9641
+ }], growTablet: [{
9642
+ type: Input,
9643
+ args: ['grow--tablet']
9644
+ }], growLaptop: [{
9645
+ type: Input,
9646
+ args: ['grow--laptop']
9647
+ }], growDesktop: [{
9648
+ type: Input,
9649
+ args: ['grow--desktop']
9650
+ }], shrink: [{
9651
+ type: Input
9652
+ }], shrinkMobile: [{
9653
+ type: Input,
9654
+ args: ['shrink--mobile']
9655
+ }], shrinkTablet: [{
9656
+ type: Input,
9657
+ args: ['shrink--tablet']
9658
+ }], shrinkLaptop: [{
9659
+ type: Input,
9660
+ args: ['shrink--laptop']
9661
+ }], shrinkDesktop: [{
9662
+ type: Input,
9663
+ args: ['shrink--desktop']
9664
+ }], basis: [{
9665
+ type: Input
9666
+ }], basisMobile: [{
9667
+ type: Input,
9668
+ args: ['basis--mobile']
9669
+ }], basisTablet: [{
9670
+ type: Input,
9671
+ args: ['basis--tablet']
9672
+ }], basisLaptop: [{
9673
+ type: Input,
9674
+ args: ['basis--laptop']
9675
+ }], basisDesktop: [{
9433
9676
  type: Input,
9434
9677
  args: ['basis--desktop']
9435
9678
  }], alignSelf: [{
@@ -9522,10 +9765,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9522
9765
  args: ['order--desktop']
9523
9766
  }] } });
9524
9767
  /**
9525
- * @description Type-only wrapper for <px-color-option-link>
9768
+ * @description Type-only wrapper for <px-color-option>
9526
9769
  */
9527
- class PxColorOptionLink {
9770
+ class PxColorOption {
9528
9771
  elementRef;
9772
+ set size(value) {
9773
+ this.elementRef.nativeElement['size'] = value;
9774
+ }
9775
+ get size() {
9776
+ return this.elementRef.nativeElement['size'];
9777
+ }
9529
9778
  set deviceColor(value) {
9530
9779
  this.elementRef.nativeElement['deviceColor'] = value;
9531
9780
  }
@@ -9538,12 +9787,6 @@ class PxColorOptionLink {
9538
9787
  get unavailable() {
9539
9788
  return this.elementRef.nativeElement['unavailable'];
9540
9789
  }
9541
- set selected(value) {
9542
- this.elementRef.nativeElement['selected'] = value;
9543
- }
9544
- get selected() {
9545
- return this.elementRef.nativeElement['selected'];
9546
- }
9547
9790
  set grow(value) {
9548
9791
  this.elementRef.nativeElement['grow'] = value;
9549
9792
  }
@@ -9814,28 +10057,24 @@ class PxColorOptionLink {
9814
10057
  get orderDesktop() {
9815
10058
  return this.elementRef.nativeElement['orderDesktop'];
9816
10059
  }
9817
- CLICK_EVENT = new EventEmitter();
9818
10060
  constructor(elementRef) {
9819
10061
  this.elementRef = elementRef;
9820
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9821
- this.CLICK_EVENT.emit(e.detail);
9822
- });
9823
10062
  }
9824
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9825
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOptionLink, selector: "px-color-option-link", inputs: { deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", selected: "selected", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10063
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10064
+ 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 });
9826
10065
  }
9827
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10066
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9828
10067
  type: Directive,
9829
10068
  args: [{
9830
- selector: 'px-color-option-link',
10069
+ selector: 'px-color-option',
9831
10070
  }]
9832
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10071
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10072
+ type: Input
10073
+ }], deviceColor: [{
9833
10074
  type: Input,
9834
10075
  args: ['device-color']
9835
10076
  }], unavailable: [{
9836
10077
  type: Input
9837
- }], selected: [{
9838
- type: Input
9839
10078
  }], grow: [{
9840
10079
  type: Input
9841
10080
  }], growMobile: [{
@@ -9847,312 +10086,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9847
10086
  }], growLaptop: [{
9848
10087
  type: Input,
9849
10088
  args: ['grow--laptop']
9850
- }], growDesktop: [{
9851
- type: Input,
9852
- args: ['grow--desktop']
9853
- }], shrink: [{
9854
- type: Input
9855
- }], shrinkMobile: [{
9856
- type: Input,
9857
- args: ['shrink--mobile']
9858
- }], shrinkTablet: [{
9859
- type: Input,
9860
- args: ['shrink--tablet']
9861
- }], shrinkLaptop: [{
9862
- type: Input,
9863
- args: ['shrink--laptop']
9864
- }], shrinkDesktop: [{
9865
- type: Input,
9866
- args: ['shrink--desktop']
9867
- }], basis: [{
9868
- type: Input
9869
- }], basisMobile: [{
9870
- type: Input,
9871
- args: ['basis--mobile']
9872
- }], basisTablet: [{
9873
- type: Input,
9874
- args: ['basis--tablet']
9875
- }], basisLaptop: [{
9876
- type: Input,
9877
- args: ['basis--laptop']
9878
- }], basisDesktop: [{
9879
- type: Input,
9880
- args: ['basis--desktop']
9881
- }], alignSelf: [{
9882
- type: Input,
9883
- args: ['align-self']
9884
- }], alignSelfMobile: [{
9885
- type: Input,
9886
- args: ['align-self--mobile']
9887
- }], alignSelfTablet: [{
9888
- type: Input,
9889
- args: ['align-self--tablet']
9890
- }], alignSelfLaptop: [{
9891
- type: Input,
9892
- args: ['align-self--laptop']
9893
- }], alignSelfDesktop: [{
9894
- type: Input,
9895
- args: ['align-self--desktop']
9896
- }], justifySelf: [{
9897
- type: Input,
9898
- args: ['justify-self']
9899
- }], justifySelfMobile: [{
9900
- type: Input,
9901
- args: ['justify-self--mobile']
9902
- }], justifySelfTablet: [{
9903
- type: Input,
9904
- args: ['justify-self--tablet']
9905
- }], justifySelfLaptop: [{
9906
- type: Input,
9907
- args: ['justify-self--laptop']
9908
- }], justifySelfDesktop: [{
9909
- type: Input,
9910
- args: ['justify-self--desktop']
9911
- }], hidden: [{
9912
- type: Input
9913
- }], hiddenMobile: [{
9914
- type: Input,
9915
- args: ['hidden--mobile']
9916
- }], hiddenTablet: [{
9917
- type: Input,
9918
- args: ['hidden--tablet']
9919
- }], hiddenLaptop: [{
9920
- type: Input,
9921
- args: ['hidden--laptop']
9922
- }], hiddenDesktop: [{
9923
- type: Input,
9924
- args: ['hidden--desktop']
9925
- }], shownSr: [{
9926
- type: Input,
9927
- args: ['shown--sr']
9928
- }], shownSrMobile: [{
9929
- type: Input,
9930
- args: ['shown--sr--mobile']
9931
- }], shownSrTablet: [{
9932
- type: Input,
9933
- args: ['shown--sr--tablet']
9934
- }], shownSrLaptop: [{
9935
- type: Input,
9936
- args: ['shown--sr--laptop']
9937
- }], shownSrDesktop: [{
9938
- type: Input,
9939
- args: ['shown--sr--desktop']
9940
- }], colSpan: [{
9941
- type: Input,
9942
- args: ['col-span']
9943
- }], colSpanMobile: [{
9944
- type: Input,
9945
- args: ['col-span--mobile']
9946
- }], colSpanTablet: [{
9947
- type: Input,
9948
- args: ['col-span--tablet']
9949
- }], colSpanLaptop: [{
9950
- type: Input,
9951
- args: ['col-span--laptop']
9952
- }], colSpanDesktop: [{
9953
- type: Input,
9954
- args: ['col-span--desktop']
9955
- }], order: [{
9956
- type: Input
9957
- }], orderMobile: [{
9958
- type: Input,
9959
- args: ['order--mobile']
9960
- }], orderTablet: [{
9961
- type: Input,
9962
- args: ['order--tablet']
9963
- }], orderLaptop: [{
9964
- type: Input,
9965
- args: ['order--laptop']
9966
- }], orderDesktop: [{
9967
- type: Input,
9968
- args: ['order--desktop']
9969
- }], CLICK_EVENT: [{
9970
- type: Output
9971
- }] } });
9972
- /**
9973
- * @description Type-only wrapper for <px-container>
9974
- */
9975
- class PxContainer {
9976
- elementRef;
9977
- set border(value) {
9978
- this.elementRef.nativeElement['border'] = value;
9979
- }
9980
- get border() {
9981
- return this.elementRef.nativeElement['border'];
9982
- }
9983
- set borderColor(value) {
9984
- this.elementRef.nativeElement['borderColor'] = value;
9985
- }
9986
- get borderColor() {
9987
- return this.elementRef.nativeElement['borderColor'];
9988
- }
9989
- set borderSide(value) {
9990
- this.elementRef.nativeElement['borderSide'] = value;
9991
- }
9992
- get borderSide() {
9993
- return this.elementRef.nativeElement['borderSide'];
9994
- }
9995
- set borderSideMobile(value) {
9996
- this.elementRef.nativeElement['borderSideMobile'] = value;
9997
- }
9998
- get borderSideMobile() {
9999
- return this.elementRef.nativeElement['borderSideMobile'];
10000
- }
10001
- set borderSideTablet(value) {
10002
- this.elementRef.nativeElement['borderSideTablet'] = value;
10003
- }
10004
- get borderSideTablet() {
10005
- return this.elementRef.nativeElement['borderSideTablet'];
10006
- }
10007
- set borderSideLaptop(value) {
10008
- this.elementRef.nativeElement['borderSideLaptop'] = value;
10009
- }
10010
- get borderSideLaptop() {
10011
- return this.elementRef.nativeElement['borderSideLaptop'];
10012
- }
10013
- set borderRadius(value) {
10014
- this.elementRef.nativeElement['borderRadius'] = value;
10015
- }
10016
- get borderRadius() {
10017
- return this.elementRef.nativeElement['borderRadius'];
10018
- }
10019
- set noBorderRadius(value) {
10020
- this.elementRef.nativeElement['noBorderRadius'] = value;
10021
- }
10022
- get noBorderRadius() {
10023
- return this.elementRef.nativeElement['noBorderRadius'];
10024
- }
10025
- set noBorderRadiusMobile(value) {
10026
- this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
10027
- }
10028
- get noBorderRadiusMobile() {
10029
- return this.elementRef.nativeElement['noBorderRadiusMobile'];
10030
- }
10031
- set noBorderRadiusTablet(value) {
10032
- this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
10033
- }
10034
- get noBorderRadiusTablet() {
10035
- return this.elementRef.nativeElement['noBorderRadiusTablet'];
10036
- }
10037
- set noBorderRadiusLaptop(value) {
10038
- this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
10039
- }
10040
- get noBorderRadiusLaptop() {
10041
- return this.elementRef.nativeElement['noBorderRadiusLaptop'];
10042
- }
10043
- set backgroundColor(value) {
10044
- this.elementRef.nativeElement['backgroundColor'] = value;
10045
- }
10046
- get backgroundColor() {
10047
- return this.elementRef.nativeElement['backgroundColor'];
10048
- }
10049
- set backgroundColorMobile(value) {
10050
- this.elementRef.nativeElement['backgroundColorMobile'] = value;
10051
- }
10052
- get backgroundColorMobile() {
10053
- return this.elementRef.nativeElement['backgroundColorMobile'];
10054
- }
10055
- set backgroundColorTablet(value) {
10056
- this.elementRef.nativeElement['backgroundColorTablet'] = value;
10057
- }
10058
- get backgroundColorTablet() {
10059
- return this.elementRef.nativeElement['backgroundColorTablet'];
10060
- }
10061
- set backgroundColorLaptop(value) {
10062
- this.elementRef.nativeElement['backgroundColorLaptop'] = value;
10063
- }
10064
- get backgroundColorLaptop() {
10065
- return this.elementRef.nativeElement['backgroundColorLaptop'];
10066
- }
10067
- set backgroundGradient(value) {
10068
- this.elementRef.nativeElement['backgroundGradient'] = value;
10069
- }
10070
- get backgroundGradient() {
10071
- return this.elementRef.nativeElement['backgroundGradient'];
10072
- }
10073
- set backgroundGradientMobile(value) {
10074
- this.elementRef.nativeElement['backgroundGradientMobile'] = value;
10075
- }
10076
- get backgroundGradientMobile() {
10077
- return this.elementRef.nativeElement['backgroundGradientMobile'];
10078
- }
10079
- set backgroundGradientTablet(value) {
10080
- this.elementRef.nativeElement['backgroundGradientTablet'] = value;
10081
- }
10082
- get backgroundGradientTablet() {
10083
- return this.elementRef.nativeElement['backgroundGradientTablet'];
10084
- }
10085
- set backgroundGradientLaptop(value) {
10086
- this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
10087
- }
10088
- get backgroundGradientLaptop() {
10089
- return this.elementRef.nativeElement['backgroundGradientLaptop'];
10090
- }
10091
- set backgroundImage(value) {
10092
- this.elementRef.nativeElement['backgroundImage'] = value;
10093
- }
10094
- get backgroundImage() {
10095
- return this.elementRef.nativeElement['backgroundImage'];
10096
- }
10097
- set backgroundImageMobile(value) {
10098
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
10099
- }
10100
- get backgroundImageMobile() {
10101
- return this.elementRef.nativeElement['backgroundImageMobile'];
10102
- }
10103
- set backgroundImageTablet(value) {
10104
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
10105
- }
10106
- get backgroundImageTablet() {
10107
- return this.elementRef.nativeElement['backgroundImageTablet'];
10108
- }
10109
- set backgroundImageLaptop(value) {
10110
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
10111
- }
10112
- get backgroundImageLaptop() {
10113
- return this.elementRef.nativeElement['backgroundImageLaptop'];
10114
- }
10115
- set backgroundSize(value) {
10116
- this.elementRef.nativeElement['backgroundSize'] = value;
10117
- }
10118
- get backgroundSize() {
10119
- return this.elementRef.nativeElement['backgroundSize'];
10120
- }
10121
- set backgroundPosition(value) {
10122
- this.elementRef.nativeElement['backgroundPosition'] = value;
10123
- }
10124
- get backgroundPosition() {
10125
- return this.elementRef.nativeElement['backgroundPosition'];
10126
- }
10127
- set boxShadow(value) {
10128
- this.elementRef.nativeElement['boxShadow'] = value;
10129
- }
10130
- get boxShadow() {
10131
- return this.elementRef.nativeElement['boxShadow'];
10132
- }
10133
- set anchorOffset(value) {
10134
- this.elementRef.nativeElement['anchorOffset'] = value;
10135
- }
10136
- get anchorOffset() {
10137
- return this.elementRef.nativeElement['anchorOffset'];
10138
- }
10139
- set anchorSpacing(value) {
10140
- this.elementRef.nativeElement['anchorSpacing'] = value;
10089
+ }], growDesktop: [{
10090
+ type: Input,
10091
+ args: ['grow--desktop']
10092
+ }], shrink: [{
10093
+ type: Input
10094
+ }], shrinkMobile: [{
10095
+ type: Input,
10096
+ args: ['shrink--mobile']
10097
+ }], shrinkTablet: [{
10098
+ type: Input,
10099
+ args: ['shrink--tablet']
10100
+ }], shrinkLaptop: [{
10101
+ type: Input,
10102
+ args: ['shrink--laptop']
10103
+ }], shrinkDesktop: [{
10104
+ type: Input,
10105
+ args: ['shrink--desktop']
10106
+ }], basis: [{
10107
+ type: Input
10108
+ }], basisMobile: [{
10109
+ type: Input,
10110
+ args: ['basis--mobile']
10111
+ }], basisTablet: [{
10112
+ type: Input,
10113
+ args: ['basis--tablet']
10114
+ }], basisLaptop: [{
10115
+ type: Input,
10116
+ args: ['basis--laptop']
10117
+ }], basisDesktop: [{
10118
+ type: Input,
10119
+ args: ['basis--desktop']
10120
+ }], alignSelf: [{
10121
+ type: Input,
10122
+ args: ['align-self']
10123
+ }], alignSelfMobile: [{
10124
+ type: Input,
10125
+ args: ['align-self--mobile']
10126
+ }], alignSelfTablet: [{
10127
+ type: Input,
10128
+ args: ['align-self--tablet']
10129
+ }], alignSelfLaptop: [{
10130
+ type: Input,
10131
+ args: ['align-self--laptop']
10132
+ }], alignSelfDesktop: [{
10133
+ type: Input,
10134
+ args: ['align-self--desktop']
10135
+ }], justifySelf: [{
10136
+ type: Input,
10137
+ args: ['justify-self']
10138
+ }], justifySelfMobile: [{
10139
+ type: Input,
10140
+ args: ['justify-self--mobile']
10141
+ }], justifySelfTablet: [{
10142
+ type: Input,
10143
+ args: ['justify-self--tablet']
10144
+ }], justifySelfLaptop: [{
10145
+ type: Input,
10146
+ args: ['justify-self--laptop']
10147
+ }], justifySelfDesktop: [{
10148
+ type: Input,
10149
+ args: ['justify-self--desktop']
10150
+ }], hidden: [{
10151
+ type: Input
10152
+ }], hiddenMobile: [{
10153
+ type: Input,
10154
+ args: ['hidden--mobile']
10155
+ }], hiddenTablet: [{
10156
+ type: Input,
10157
+ args: ['hidden--tablet']
10158
+ }], hiddenLaptop: [{
10159
+ type: Input,
10160
+ args: ['hidden--laptop']
10161
+ }], hiddenDesktop: [{
10162
+ type: Input,
10163
+ args: ['hidden--desktop']
10164
+ }], shownSr: [{
10165
+ type: Input,
10166
+ args: ['shown--sr']
10167
+ }], shownSrMobile: [{
10168
+ type: Input,
10169
+ args: ['shown--sr--mobile']
10170
+ }], shownSrTablet: [{
10171
+ type: Input,
10172
+ args: ['shown--sr--tablet']
10173
+ }], shownSrLaptop: [{
10174
+ type: Input,
10175
+ args: ['shown--sr--laptop']
10176
+ }], shownSrDesktop: [{
10177
+ type: Input,
10178
+ args: ['shown--sr--desktop']
10179
+ }], colSpan: [{
10180
+ type: Input,
10181
+ args: ['col-span']
10182
+ }], colSpanMobile: [{
10183
+ type: Input,
10184
+ args: ['col-span--mobile']
10185
+ }], colSpanTablet: [{
10186
+ type: Input,
10187
+ args: ['col-span--tablet']
10188
+ }], colSpanLaptop: [{
10189
+ type: Input,
10190
+ args: ['col-span--laptop']
10191
+ }], colSpanDesktop: [{
10192
+ type: Input,
10193
+ args: ['col-span--desktop']
10194
+ }], order: [{
10195
+ type: Input
10196
+ }], orderMobile: [{
10197
+ type: Input,
10198
+ args: ['order--mobile']
10199
+ }], orderTablet: [{
10200
+ type: Input,
10201
+ args: ['order--tablet']
10202
+ }], orderLaptop: [{
10203
+ type: Input,
10204
+ args: ['order--laptop']
10205
+ }], orderDesktop: [{
10206
+ type: Input,
10207
+ args: ['order--desktop']
10208
+ }] } });
10209
+ /**
10210
+ * @description Type-only wrapper for <px-color-option-link>
10211
+ */
10212
+ class PxColorOptionLink {
10213
+ elementRef;
10214
+ set deviceColor(value) {
10215
+ this.elementRef.nativeElement['deviceColor'] = value;
10141
10216
  }
10142
- get anchorSpacing() {
10143
- return this.elementRef.nativeElement['anchorSpacing'];
10217
+ get deviceColor() {
10218
+ return this.elementRef.nativeElement['deviceColor'];
10144
10219
  }
10145
- set inverted(value) {
10146
- this.elementRef.nativeElement['inverted'] = value;
10220
+ set unavailable(value) {
10221
+ this.elementRef.nativeElement['unavailable'] = value;
10147
10222
  }
10148
- get inverted() {
10149
- return this.elementRef.nativeElement['inverted'];
10223
+ get unavailable() {
10224
+ return this.elementRef.nativeElement['unavailable'];
10150
10225
  }
10151
- set subgridRows(value) {
10152
- this.elementRef.nativeElement['subgridRows'] = value;
10226
+ set selected(value) {
10227
+ this.elementRef.nativeElement['selected'] = value;
10153
10228
  }
10154
- get subgridRows() {
10155
- return this.elementRef.nativeElement['subgridRows'];
10229
+ get selected() {
10230
+ return this.elementRef.nativeElement['selected'];
10156
10231
  }
10157
10232
  set grow(value) {
10158
10233
  this.elementRef.nativeElement['grow'] = value;
@@ -10424,105 +10499,28 @@ class PxContainer {
10424
10499
  get orderDesktop() {
10425
10500
  return this.elementRef.nativeElement['orderDesktop'];
10426
10501
  }
10502
+ CLICK_EVENT = new EventEmitter();
10427
10503
  constructor(elementRef) {
10428
10504
  this.elementRef = elementRef;
10505
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10506
+ this.CLICK_EVENT.emit(e.detail);
10507
+ });
10429
10508
  }
10430
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10431
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContainer, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], anchorSpacing: ["anchor-spacing", "anchorSpacing"], inverted: "inverted", subgridRows: ["subgrid-rows", "subgridRows"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
10509
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10510
+ 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 });
10432
10511
  }
10433
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10512
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10434
10513
  type: Directive,
10435
10514
  args: [{
10436
- selector: 'px-container',
10515
+ selector: 'px-color-option-link',
10437
10516
  }]
10438
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10439
- type: Input
10440
- }], borderColor: [{
10441
- type: Input,
10442
- args: ['border-color']
10443
- }], borderSide: [{
10444
- type: Input,
10445
- args: ['border-side']
10446
- }], borderSideMobile: [{
10447
- type: Input,
10448
- args: ['border-side--mobile']
10449
- }], borderSideTablet: [{
10450
- type: Input,
10451
- args: ['border-side--tablet']
10452
- }], borderSideLaptop: [{
10453
- type: Input,
10454
- args: ['border-side--laptop']
10455
- }], borderRadius: [{
10456
- type: Input,
10457
- args: ['border-radius']
10458
- }], noBorderRadius: [{
10459
- type: Input,
10460
- args: ['no-border-radius']
10461
- }], noBorderRadiusMobile: [{
10462
- type: Input,
10463
- args: ['no-border-radius--mobile']
10464
- }], noBorderRadiusTablet: [{
10465
- type: Input,
10466
- args: ['no-border-radius--tablet']
10467
- }], noBorderRadiusLaptop: [{
10468
- type: Input,
10469
- args: ['no-border-radius--laptop']
10470
- }], backgroundColor: [{
10471
- type: Input,
10472
- args: ['background-color']
10473
- }], backgroundColorMobile: [{
10474
- type: Input,
10475
- args: ['background-color--mobile']
10476
- }], backgroundColorTablet: [{
10477
- type: Input,
10478
- args: ['background-color--tablet']
10479
- }], backgroundColorLaptop: [{
10480
- type: Input,
10481
- args: ['background-color--laptop']
10482
- }], backgroundGradient: [{
10483
- type: Input,
10484
- args: ['background-gradient']
10485
- }], backgroundGradientMobile: [{
10486
- type: Input,
10487
- args: ['background-gradient--mobile']
10488
- }], backgroundGradientTablet: [{
10489
- type: Input,
10490
- args: ['background-gradient--tablet']
10491
- }], backgroundGradientLaptop: [{
10492
- type: Input,
10493
- args: ['background-gradient--laptop']
10494
- }], backgroundImage: [{
10495
- type: Input,
10496
- args: ['background-image']
10497
- }], backgroundImageMobile: [{
10498
- type: Input,
10499
- args: ['background-image--mobile']
10500
- }], backgroundImageTablet: [{
10501
- type: Input,
10502
- args: ['background-image--tablet']
10503
- }], backgroundImageLaptop: [{
10504
- type: Input,
10505
- args: ['background-image--laptop']
10506
- }], backgroundSize: [{
10507
- type: Input,
10508
- args: ['background-size']
10509
- }], backgroundPosition: [{
10510
- type: Input,
10511
- args: ['background-position']
10512
- }], boxShadow: [{
10513
- type: Input,
10514
- args: ['box-shadow']
10515
- }], anchorOffset: [{
10516
- type: Input,
10517
- args: ['anchor-offset']
10518
- }], anchorSpacing: [{
10517
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10519
10518
  type: Input,
10520
- args: ['anchor-spacing']
10521
- }], inverted: [{
10519
+ args: ['device-color']
10520
+ }], unavailable: [{
10521
+ type: Input
10522
+ }], selected: [{
10522
10523
  type: Input
10523
- }], subgridRows: [{
10524
- type: Input,
10525
- args: ['subgrid-rows']
10526
10524
  }], grow: [{
10527
10525
  type: Input
10528
10526
  }], growMobile: [{
@@ -10653,6 +10651,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10653
10651
  }], orderDesktop: [{
10654
10652
  type: Input,
10655
10653
  args: ['order--desktop']
10654
+ }], CLICK_EVENT: [{
10655
+ type: Output
10656
10656
  }] } });
10657
10657
  /**
10658
10658
  * @description Type-only wrapper for <px-content-header>
@@ -34819,7 +34819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34819
34819
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34820
34820
  class Lavender {
34821
34821
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34822
- 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] });
34822
+ 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, PxContainer, PxColorOption, PxColorOptionLink, 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, PxContainer, PxColorOption, PxColorOptionLink, 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] });
34823
34823
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34824
34824
  }
34825
34825
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34846,9 +34846,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34846
34846
  PxCellRadio,
34847
34847
  PxCellSwitch,
34848
34848
  PxCheckbox,
34849
+ PxContainer,
34849
34850
  PxColorOption,
34850
34851
  PxColorOptionLink,
34851
- PxContainer,
34852
34852
  PxContentHeader,
34853
34853
  PxDrawer,
34854
34854
  PxDropdown,
@@ -34943,9 +34943,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34943
34943
  PxCellRadio,
34944
34944
  PxCellSwitch,
34945
34945
  PxCheckbox,
34946
+ PxContainer,
34946
34947
  PxColorOption,
34947
34948
  PxColorOptionLink,
34948
- PxContainer,
34949
34949
  PxContentHeader,
34950
34950
  PxDrawer,
34951
34951
  PxDropdown,