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

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 +313 -313
  3. package/fesm2022/proximus-lavender-angular.mjs +312 -312
  4. package/fesm2022/proximus-lavender-angular.mjs.map +1 -1
  5. package/lavender.directive.d.ts +82 -82
  6. package/package.json +1 -1
package/fesm2022/proximus-lavender-angular.mjs CHANGED
@@ -9080,189 +9080,27 @@ 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-container>
9083
+ * @description Type-only wrapper for <px-color-option>
9084
9084
  */
9085
- class PxContainer {
9085
+ class PxColorOption {
9086
9086
  elementRef;
9087
- set border(value) {
9088
- this.elementRef.nativeElement['border'] = value;
9089
- }
9090
- get border() {
9091
- return this.elementRef.nativeElement['border'];
9092
- }
9093
- set borderColor(value) {
9094
- this.elementRef.nativeElement['borderColor'] = value;
9095
- }
9096
- get borderColor() {
9097
- return this.elementRef.nativeElement['borderColor'];
9098
- }
9099
- set borderSide(value) {
9100
- this.elementRef.nativeElement['borderSide'] = value;
9101
- }
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;
9087
+ set size(value) {
9088
+ this.elementRef.nativeElement['size'] = value;
9251
9089
  }
9252
- get anchorSpacing() {
9253
- return this.elementRef.nativeElement['anchorSpacing'];
9090
+ get size() {
9091
+ return this.elementRef.nativeElement['size'];
9254
9092
  }
9255
- set inverted(value) {
9256
- this.elementRef.nativeElement['inverted'] = value;
9093
+ set deviceColor(value) {
9094
+ this.elementRef.nativeElement['deviceColor'] = value;
9257
9095
  }
9258
- get inverted() {
9259
- return this.elementRef.nativeElement['inverted'];
9096
+ get deviceColor() {
9097
+ return this.elementRef.nativeElement['deviceColor'];
9260
9098
  }
9261
- set subgridRows(value) {
9262
- this.elementRef.nativeElement['subgridRows'] = value;
9099
+ set unavailable(value) {
9100
+ this.elementRef.nativeElement['unavailable'] = value;
9263
9101
  }
9264
- get subgridRows() {
9265
- return this.elementRef.nativeElement['subgridRows'];
9102
+ get unavailable() {
9103
+ return this.elementRef.nativeElement['unavailable'];
9266
9104
  }
9267
9105
  set grow(value) {
9268
9106
  this.elementRef.nativeElement['grow'] = value;
@@ -9537,102 +9375,21 @@ class PxContainer {
9537
9375
  constructor(elementRef) {
9538
9376
  this.elementRef = elementRef;
9539
9377
  }
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 });
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 });
9542
9380
  }
9543
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
9381
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9544
9382
  type: Directive,
9545
9383
  args: [{
9546
- selector: 'px-container',
9384
+ selector: 'px-color-option',
9547
9385
  }]
9548
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
9386
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9549
9387
  type: Input
9550
- }], borderColor: [{
9551
- type: Input,
9552
- args: ['border-color']
9553
- }], borderSide: [{
9554
- type: Input,
9555
- args: ['border-side']
9556
- }], borderSideMobile: [{
9557
- type: Input,
9558
- args: ['border-side--mobile']
9559
- }], borderSideTablet: [{
9560
- type: Input,
9561
- args: ['border-side--tablet']
9562
- }], borderSideLaptop: [{
9563
- type: Input,
9564
- args: ['border-side--laptop']
9565
- }], borderRadius: [{
9566
- type: Input,
9567
- args: ['border-radius']
9568
- }], noBorderRadius: [{
9569
- type: Input,
9570
- args: ['no-border-radius']
9571
- }], noBorderRadiusMobile: [{
9572
- type: Input,
9573
- args: ['no-border-radius--mobile']
9574
- }], noBorderRadiusTablet: [{
9575
- type: Input,
9576
- args: ['no-border-radius--tablet']
9577
- }], noBorderRadiusLaptop: [{
9578
- type: Input,
9579
- args: ['no-border-radius--laptop']
9580
- }], backgroundColor: [{
9581
- type: Input,
9582
- args: ['background-color']
9583
- }], backgroundColorMobile: [{
9584
- type: Input,
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: [{
9388
+ }], deviceColor: [{
9629
9389
  type: Input,
9630
- args: ['anchor-spacing']
9631
- }], inverted: [{
9390
+ args: ['device-color']
9391
+ }], unavailable: [{
9632
9392
  type: Input
9633
- }], subgridRows: [{
9634
- type: Input,
9635
- args: ['subgrid-rows']
9636
9393
  }], grow: [{
9637
9394
  type: Input
9638
9395
  }], growMobile: [{
@@ -9765,16 +9522,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9765
9522
  args: ['order--desktop']
9766
9523
  }] } });
9767
9524
  /**
9768
- * @description Type-only wrapper for <px-color-option>
9525
+ * @description Type-only wrapper for <px-color-option-link>
9769
9526
  */
9770
- class PxColorOption {
9527
+ class PxColorOptionLink {
9771
9528
  elementRef;
9772
- set size(value) {
9773
- this.elementRef.nativeElement['size'] = value;
9774
- }
9775
- get size() {
9776
- return this.elementRef.nativeElement['size'];
9777
- }
9778
9529
  set deviceColor(value) {
9779
9530
  this.elementRef.nativeElement['deviceColor'] = value;
9780
9531
  }
@@ -9787,6 +9538,12 @@ class PxColorOption {
9787
9538
  get unavailable() {
9788
9539
  return this.elementRef.nativeElement['unavailable'];
9789
9540
  }
9541
+ set selected(value) {
9542
+ this.elementRef.nativeElement['selected'] = value;
9543
+ }
9544
+ get selected() {
9545
+ return this.elementRef.nativeElement['selected'];
9546
+ }
9790
9547
  set grow(value) {
9791
9548
  this.elementRef.nativeElement['grow'] = value;
9792
9549
  }
@@ -10057,24 +9814,28 @@ class PxColorOption {
10057
9814
  get orderDesktop() {
10058
9815
  return this.elementRef.nativeElement['orderDesktop'];
10059
9816
  }
9817
+ CLICK_EVENT = new EventEmitter();
10060
9818
  constructor(elementRef) {
10061
9819
  this.elementRef = elementRef;
9820
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9821
+ this.CLICK_EVENT.emit(e.detail);
9822
+ });
10062
9823
  }
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 });
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 });
10065
9826
  }
10066
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9827
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10067
9828
  type: Directive,
10068
9829
  args: [{
10069
- selector: 'px-color-option',
9830
+ selector: 'px-color-option-link',
10070
9831
  }]
10071
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10072
- type: Input
10073
- }], deviceColor: [{
9832
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10074
9833
  type: Input,
10075
9834
  args: ['device-color']
10076
9835
  }], unavailable: [{
10077
9836
  type: Input
9837
+ }], selected: [{
9838
+ type: Input
10078
9839
  }], grow: [{
10079
9840
  type: Input
10080
9841
  }], growMobile: [{
@@ -10205,29 +9966,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10205
9966
  }], orderDesktop: [{
10206
9967
  type: Input,
10207
9968
  args: ['order--desktop']
9969
+ }], CLICK_EVENT: [{
9970
+ type: Output
10208
9971
  }] } });
10209
9972
  /**
10210
- * @description Type-only wrapper for <px-color-option-link>
9973
+ * @description Type-only wrapper for <px-container>
10211
9974
  */
10212
- class PxColorOptionLink {
9975
+ class PxContainer {
10213
9976
  elementRef;
10214
- set deviceColor(value) {
10215
- this.elementRef.nativeElement['deviceColor'] = value;
9977
+ set border(value) {
9978
+ this.elementRef.nativeElement['border'] = value;
9979
+ }
9980
+ get border() {
9981
+ return this.elementRef.nativeElement['border'];
9982
+ }
9983
+ set borderColor(value) {
9984
+ this.elementRef.nativeElement['borderColor'] = value;
9985
+ }
9986
+ get borderColor() {
9987
+ return this.elementRef.nativeElement['borderColor'];
9988
+ }
9989
+ set borderSide(value) {
9990
+ this.elementRef.nativeElement['borderSide'] = value;
9991
+ }
9992
+ get borderSide() {
9993
+ return this.elementRef.nativeElement['borderSide'];
9994
+ }
9995
+ set borderSideMobile(value) {
9996
+ this.elementRef.nativeElement['borderSideMobile'] = value;
9997
+ }
9998
+ get borderSideMobile() {
9999
+ return this.elementRef.nativeElement['borderSideMobile'];
10000
+ }
10001
+ set borderSideTablet(value) {
10002
+ this.elementRef.nativeElement['borderSideTablet'] = value;
10003
+ }
10004
+ get borderSideTablet() {
10005
+ return this.elementRef.nativeElement['borderSideTablet'];
10006
+ }
10007
+ set borderSideLaptop(value) {
10008
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
10009
+ }
10010
+ get borderSideLaptop() {
10011
+ return this.elementRef.nativeElement['borderSideLaptop'];
10012
+ }
10013
+ set borderRadius(value) {
10014
+ this.elementRef.nativeElement['borderRadius'] = value;
10216
10015
  }
10217
- get deviceColor() {
10218
- return this.elementRef.nativeElement['deviceColor'];
10016
+ get borderRadius() {
10017
+ return this.elementRef.nativeElement['borderRadius'];
10219
10018
  }
10220
- set unavailable(value) {
10221
- this.elementRef.nativeElement['unavailable'] = value;
10019
+ set noBorderRadius(value) {
10020
+ this.elementRef.nativeElement['noBorderRadius'] = value;
10222
10021
  }
10223
- get unavailable() {
10224
- return this.elementRef.nativeElement['unavailable'];
10022
+ get noBorderRadius() {
10023
+ return this.elementRef.nativeElement['noBorderRadius'];
10225
10024
  }
10226
- set selected(value) {
10227
- this.elementRef.nativeElement['selected'] = value;
10025
+ set noBorderRadiusMobile(value) {
10026
+ this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
10228
10027
  }
10229
- get selected() {
10230
- return this.elementRef.nativeElement['selected'];
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;
10141
+ }
10142
+ get anchorSpacing() {
10143
+ return this.elementRef.nativeElement['anchorSpacing'];
10144
+ }
10145
+ set inverted(value) {
10146
+ this.elementRef.nativeElement['inverted'] = value;
10147
+ }
10148
+ get inverted() {
10149
+ return this.elementRef.nativeElement['inverted'];
10150
+ }
10151
+ set subgridRows(value) {
10152
+ this.elementRef.nativeElement['subgridRows'] = value;
10153
+ }
10154
+ get subgridRows() {
10155
+ return this.elementRef.nativeElement['subgridRows'];
10231
10156
  }
10232
10157
  set grow(value) {
10233
10158
  this.elementRef.nativeElement['grow'] = value;
@@ -10499,28 +10424,105 @@ class PxColorOptionLink {
10499
10424
  get orderDesktop() {
10500
10425
  return this.elementRef.nativeElement['orderDesktop'];
10501
10426
  }
10502
- CLICK_EVENT = new EventEmitter();
10503
10427
  constructor(elementRef) {
10504
10428
  this.elementRef = elementRef;
10505
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10506
- this.CLICK_EVENT.emit(e.detail);
10507
- });
10508
10429
  }
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 });
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 });
10511
10432
  }
10512
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10433
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10513
10434
  type: Directive,
10514
10435
  args: [{
10515
- selector: 'px-color-option-link',
10436
+ selector: 'px-container',
10516
10437
  }]
10517
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10518
- type: Input,
10519
- args: ['device-color']
10520
- }], unavailable: [{
10438
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10521
10439
  type: Input
10522
- }], selected: [{
10440
+ }], borderColor: [{
10441
+ type: Input,
10442
+ args: ['border-color']
10443
+ }], borderSide: [{
10444
+ type: Input,
10445
+ args: ['border-side']
10446
+ }], borderSideMobile: [{
10447
+ type: Input,
10448
+ args: ['border-side--mobile']
10449
+ }], borderSideTablet: [{
10450
+ type: Input,
10451
+ args: ['border-side--tablet']
10452
+ }], borderSideLaptop: [{
10453
+ type: Input,
10454
+ args: ['border-side--laptop']
10455
+ }], borderRadius: [{
10456
+ type: Input,
10457
+ args: ['border-radius']
10458
+ }], noBorderRadius: [{
10459
+ type: Input,
10460
+ args: ['no-border-radius']
10461
+ }], noBorderRadiusMobile: [{
10462
+ type: Input,
10463
+ args: ['no-border-radius--mobile']
10464
+ }], noBorderRadiusTablet: [{
10465
+ type: Input,
10466
+ args: ['no-border-radius--tablet']
10467
+ }], noBorderRadiusLaptop: [{
10468
+ type: Input,
10469
+ args: ['no-border-radius--laptop']
10470
+ }], backgroundColor: [{
10471
+ type: Input,
10472
+ args: ['background-color']
10473
+ }], backgroundColorMobile: [{
10474
+ type: Input,
10475
+ args: ['background-color--mobile']
10476
+ }], backgroundColorTablet: [{
10477
+ type: Input,
10478
+ args: ['background-color--tablet']
10479
+ }], backgroundColorLaptop: [{
10480
+ type: Input,
10481
+ args: ['background-color--laptop']
10482
+ }], backgroundGradient: [{
10483
+ type: Input,
10484
+ args: ['background-gradient']
10485
+ }], backgroundGradientMobile: [{
10486
+ type: Input,
10487
+ args: ['background-gradient--mobile']
10488
+ }], backgroundGradientTablet: [{
10489
+ type: Input,
10490
+ args: ['background-gradient--tablet']
10491
+ }], backgroundGradientLaptop: [{
10492
+ type: Input,
10493
+ args: ['background-gradient--laptop']
10494
+ }], backgroundImage: [{
10495
+ type: Input,
10496
+ args: ['background-image']
10497
+ }], backgroundImageMobile: [{
10498
+ type: Input,
10499
+ args: ['background-image--mobile']
10500
+ }], backgroundImageTablet: [{
10501
+ type: Input,
10502
+ args: ['background-image--tablet']
10503
+ }], backgroundImageLaptop: [{
10504
+ type: Input,
10505
+ args: ['background-image--laptop']
10506
+ }], backgroundSize: [{
10507
+ type: Input,
10508
+ args: ['background-size']
10509
+ }], backgroundPosition: [{
10510
+ type: Input,
10511
+ args: ['background-position']
10512
+ }], boxShadow: [{
10513
+ type: Input,
10514
+ args: ['box-shadow']
10515
+ }], anchorOffset: [{
10516
+ type: Input,
10517
+ args: ['anchor-offset']
10518
+ }], anchorSpacing: [{
10519
+ type: Input,
10520
+ args: ['anchor-spacing']
10521
+ }], inverted: [{
10523
10522
  type: Input
10523
+ }], subgridRows: [{
10524
+ type: Input,
10525
+ args: ['subgrid-rows']
10524
10526
  }], grow: [{
10525
10527
  type: Input
10526
10528
  }], growMobile: [{
@@ -10651,8 +10653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10651
10653
  }], orderDesktop: [{
10652
10654
  type: Input,
10653
10655
  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, 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] });
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] });
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,
34850
34849
  PxColorOption,
34851
34850
  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,
34947
34946
  PxColorOption,
34948
34947
  PxColorOptionLink,
34948
+ PxContainer,
34949
34949
  PxContentHeader,
34950
34950
  PxDrawer,
34951
34951
  PxDropdown,