@proximus/lavender-angular 1.4.10-alpha.3 → 1.4.10-alpha.5

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.
@@ -9457,27 +9457,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9457
9457
  type: Output
9458
9458
  }] } });
9459
9459
  /**
9460
- * @description Type-only wrapper for <px-color-option>
9460
+ * @description Type-only wrapper for <px-checkbox>
9461
9461
  */
9462
- class PxColorOption {
9462
+ class PxCheckbox {
9463
9463
  elementRef;
9464
- set size(value) {
9465
- this.elementRef.nativeElement['size'] = value;
9464
+ set state(value) {
9465
+ this.elementRef.nativeElement['state'] = value;
9466
9466
  }
9467
- get size() {
9468
- return this.elementRef.nativeElement['size'];
9467
+ get state() {
9468
+ return this.elementRef.nativeElement['state'];
9469
9469
  }
9470
- set deviceColor(value) {
9471
- this.elementRef.nativeElement['deviceColor'] = value;
9470
+ set variant(value) {
9471
+ this.elementRef.nativeElement['variant'] = value;
9472
9472
  }
9473
- get deviceColor() {
9474
- return this.elementRef.nativeElement['deviceColor'];
9473
+ get variant() {
9474
+ return this.elementRef.nativeElement['variant'];
9475
9475
  }
9476
- set unavailable(value) {
9477
- this.elementRef.nativeElement['unavailable'] = value;
9476
+ set indeterminate(value) {
9477
+ this.elementRef.nativeElement['indeterminate'] = value;
9478
9478
  }
9479
- get unavailable() {
9480
- return this.elementRef.nativeElement['unavailable'];
9479
+ get indeterminate() {
9480
+ return this.elementRef.nativeElement['indeterminate'];
9481
+ }
9482
+ set inverted(value) {
9483
+ this.elementRef.nativeElement['inverted'] = value;
9484
+ }
9485
+ get inverted() {
9486
+ return this.elementRef.nativeElement['inverted'];
9487
+ }
9488
+ set hover(value) {
9489
+ this.elementRef.nativeElement['hover'] = value;
9490
+ }
9491
+ get hover() {
9492
+ return this.elementRef.nativeElement['hover'];
9493
+ }
9494
+ /** The name of the checkbox. */
9495
+ set name(value) {
9496
+ this.elementRef.nativeElement['name'] = value;
9497
+ }
9498
+ get name() {
9499
+ return this.elementRef.nativeElement['name'];
9500
+ }
9501
+ /** The value of the checkbox. */
9502
+ set value(value) {
9503
+ this.elementRef.nativeElement['value'] = value;
9504
+ }
9505
+ get value() {
9506
+ return this.elementRef.nativeElement['value'];
9507
+ }
9508
+ /** Whether the checkbox is checked. */
9509
+ set checked(value) {
9510
+ this.elementRef.nativeElement['checked'] = value;
9511
+ }
9512
+ get checked() {
9513
+ return this.elementRef.nativeElement['checked'];
9514
+ }
9515
+ /** Whether the checkbox is disabled. */
9516
+ set disabled(value) {
9517
+ this.elementRef.nativeElement['disabled'] = value;
9518
+ }
9519
+ get disabled() {
9520
+ return this.elementRef.nativeElement['disabled'];
9521
+ }
9522
+ /** Whether the checkbox is required. */
9523
+ set required(value) {
9524
+ this.elementRef.nativeElement['required'] = value;
9525
+ }
9526
+ get required() {
9527
+ return this.elementRef.nativeElement['required'];
9481
9528
  }
9482
9529
  set grow(value) {
9483
9530
  this.elementRef.nativeElement['grow'] = value;
@@ -9764,20 +9811,33 @@ class PxColorOption {
9764
9811
  constructor(elementRef) {
9765
9812
  this.elementRef = elementRef;
9766
9813
  }
9767
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9768
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
9814
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9815
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
9769
9816
  }
9770
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9817
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
9771
9818
  type: Directive,
9772
9819
  args: [{
9773
- selector: 'px-color-option',
9820
+ selector: 'px-checkbox',
9774
9821
  }]
9775
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9822
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
9776
9823
  type: Input
9777
- }], deviceColor: [{
9778
- type: Input,
9779
- args: ['device-color']
9780
- }], unavailable: [{
9824
+ }], variant: [{
9825
+ type: Input
9826
+ }], indeterminate: [{
9827
+ type: Input
9828
+ }], inverted: [{
9829
+ type: Input
9830
+ }], hover: [{
9831
+ type: Input
9832
+ }], name: [{
9833
+ type: Input
9834
+ }], value: [{
9835
+ type: Input
9836
+ }], checked: [{
9837
+ type: Input
9838
+ }], disabled: [{
9839
+ type: Input
9840
+ }], required: [{
9781
9841
  type: Input
9782
9842
  }], grow: [{
9783
9843
  type: Input
@@ -9917,10 +9977,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9917
9977
  args: ['sticky-bottom']
9918
9978
  }] } });
9919
9979
  /**
9920
- * @description Type-only wrapper for <px-color-option-link>
9980
+ * @description Type-only wrapper for <px-color-option>
9921
9981
  */
9922
- class PxColorOptionLink {
9982
+ class PxColorOption {
9923
9983
  elementRef;
9984
+ set size(value) {
9985
+ this.elementRef.nativeElement['size'] = value;
9986
+ }
9987
+ get size() {
9988
+ return this.elementRef.nativeElement['size'];
9989
+ }
9924
9990
  set deviceColor(value) {
9925
9991
  this.elementRef.nativeElement['deviceColor'] = value;
9926
9992
  }
@@ -9933,12 +9999,6 @@ class PxColorOptionLink {
9933
9999
  get unavailable() {
9934
10000
  return this.elementRef.nativeElement['unavailable'];
9935
10001
  }
9936
- set selected(value) {
9937
- this.elementRef.nativeElement['selected'] = value;
9938
- }
9939
- get selected() {
9940
- return this.elementRef.nativeElement['selected'];
9941
- }
9942
10002
  set grow(value) {
9943
10003
  this.elementRef.nativeElement['grow'] = value;
9944
10004
  }
@@ -10221,28 +10281,24 @@ class PxColorOptionLink {
10221
10281
  get stickyBottom() {
10222
10282
  return this.elementRef.nativeElement['stickyBottom'];
10223
10283
  }
10224
- CLICK_EVENT = new EventEmitter();
10225
10284
  constructor(elementRef) {
10226
10285
  this.elementRef = elementRef;
10227
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10228
- this.CLICK_EVENT.emit(e.detail);
10229
- });
10230
10286
  }
10231
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10232
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10287
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10288
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
10233
10289
  }
10234
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10290
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
10235
10291
  type: Directive,
10236
10292
  args: [{
10237
- selector: 'px-color-option-link',
10293
+ selector: 'px-color-option',
10238
10294
  }]
10239
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10295
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10296
+ type: Input
10297
+ }], deviceColor: [{
10240
10298
  type: Input,
10241
10299
  args: ['device-color']
10242
10300
  }], unavailable: [{
10243
10301
  type: Input
10244
- }], selected: [{
10245
- type: Input
10246
10302
  }], grow: [{
10247
10303
  type: Input
10248
10304
  }], growMobile: [{
@@ -10379,78 +10435,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10379
10435
  }], stickyBottom: [{
10380
10436
  type: Input,
10381
10437
  args: ['sticky-bottom']
10382
- }], CLICK_EVENT: [{
10383
- type: Output
10384
10438
  }] } });
10385
10439
  /**
10386
- * @description Type-only wrapper for <px-checkbox>
10440
+ * @description Type-only wrapper for <px-color-option-link>
10387
10441
  */
10388
- class PxCheckbox {
10442
+ class PxColorOptionLink {
10389
10443
  elementRef;
10390
- set state(value) {
10391
- this.elementRef.nativeElement['state'] = value;
10392
- }
10393
- get state() {
10394
- return this.elementRef.nativeElement['state'];
10395
- }
10396
- set variant(value) {
10397
- this.elementRef.nativeElement['variant'] = value;
10398
- }
10399
- get variant() {
10400
- return this.elementRef.nativeElement['variant'];
10401
- }
10402
- set indeterminate(value) {
10403
- this.elementRef.nativeElement['indeterminate'] = value;
10404
- }
10405
- get indeterminate() {
10406
- return this.elementRef.nativeElement['indeterminate'];
10407
- }
10408
- set inverted(value) {
10409
- this.elementRef.nativeElement['inverted'] = value;
10410
- }
10411
- get inverted() {
10412
- return this.elementRef.nativeElement['inverted'];
10413
- }
10414
- set hover(value) {
10415
- this.elementRef.nativeElement['hover'] = value;
10416
- }
10417
- get hover() {
10418
- return this.elementRef.nativeElement['hover'];
10419
- }
10420
- /** The name of the checkbox. */
10421
- set name(value) {
10422
- this.elementRef.nativeElement['name'] = value;
10423
- }
10424
- get name() {
10425
- return this.elementRef.nativeElement['name'];
10426
- }
10427
- /** The value of the checkbox. */
10428
- set value(value) {
10429
- this.elementRef.nativeElement['value'] = value;
10430
- }
10431
- get value() {
10432
- return this.elementRef.nativeElement['value'];
10433
- }
10434
- /** Whether the checkbox is checked. */
10435
- set checked(value) {
10436
- this.elementRef.nativeElement['checked'] = value;
10444
+ set deviceColor(value) {
10445
+ this.elementRef.nativeElement['deviceColor'] = value;
10437
10446
  }
10438
- get checked() {
10439
- return this.elementRef.nativeElement['checked'];
10447
+ get deviceColor() {
10448
+ return this.elementRef.nativeElement['deviceColor'];
10440
10449
  }
10441
- /** Whether the checkbox is disabled. */
10442
- set disabled(value) {
10443
- this.elementRef.nativeElement['disabled'] = value;
10450
+ set unavailable(value) {
10451
+ this.elementRef.nativeElement['unavailable'] = value;
10444
10452
  }
10445
- get disabled() {
10446
- return this.elementRef.nativeElement['disabled'];
10453
+ get unavailable() {
10454
+ return this.elementRef.nativeElement['unavailable'];
10447
10455
  }
10448
- /** Whether the checkbox is required. */
10449
- set required(value) {
10450
- this.elementRef.nativeElement['required'] = value;
10456
+ set selected(value) {
10457
+ this.elementRef.nativeElement['selected'] = value;
10451
10458
  }
10452
- get required() {
10453
- return this.elementRef.nativeElement['required'];
10459
+ get selected() {
10460
+ return this.elementRef.nativeElement['selected'];
10454
10461
  }
10455
10462
  set grow(value) {
10456
10463
  this.elementRef.nativeElement['grow'] = value;
@@ -10734,36 +10741,27 @@ class PxCheckbox {
10734
10741
  get stickyBottom() {
10735
10742
  return this.elementRef.nativeElement['stickyBottom'];
10736
10743
  }
10744
+ CLICK_EVENT = new EventEmitter();
10737
10745
  constructor(elementRef) {
10738
10746
  this.elementRef = elementRef;
10747
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10748
+ this.CLICK_EVENT.emit(e.detail);
10749
+ });
10739
10750
  }
10740
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10741
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
10751
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10752
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10742
10753
  }
10743
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
10754
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10744
10755
  type: Directive,
10745
10756
  args: [{
10746
- selector: 'px-checkbox',
10757
+ selector: 'px-color-option-link',
10747
10758
  }]
10748
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
10749
- type: Input
10750
- }], variant: [{
10751
- type: Input
10752
- }], indeterminate: [{
10753
- type: Input
10754
- }], inverted: [{
10755
- type: Input
10756
- }], hover: [{
10757
- type: Input
10758
- }], name: [{
10759
- type: Input
10760
- }], value: [{
10761
- type: Input
10762
- }], checked: [{
10763
- type: Input
10764
- }], disabled: [{
10759
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10760
+ type: Input,
10761
+ args: ['device-color']
10762
+ }], unavailable: [{
10765
10763
  type: Input
10766
- }], required: [{
10764
+ }], selected: [{
10767
10765
  type: Input
10768
10766
  }], grow: [{
10769
10767
  type: Input
@@ -10901,6 +10899,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10901
10899
  }], stickyBottom: [{
10902
10900
  type: Input,
10903
10901
  args: ['sticky-bottom']
10902
+ }], CLICK_EVENT: [{
10903
+ type: Output
10904
10904
  }] } });
10905
10905
  /**
10906
10906
  * @description Type-only wrapper for <px-container>
@@ -37405,7 +37405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37405
37405
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
37406
37406
  class Lavender {
37407
37407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37408
- 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, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxColorOption, PxColorOptionLink, PxCheckbox, 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, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, 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, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxColorOption, PxColorOptionLink, PxCheckbox, 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, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, 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] });
37408
+ 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, PxButtonWrapper, 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, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, 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, PxButtonWrapper, 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, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, 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] });
37409
37409
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37410
37410
  }
37411
37411
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37432,9 +37432,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37432
37432
  PxCellLink,
37433
37433
  PxCellRadio,
37434
37434
  PxCellSwitch,
37435
+ PxCheckbox,
37435
37436
  PxColorOption,
37436
37437
  PxColorOptionLink,
37437
- PxCheckbox,
37438
37438
  PxContainer,
37439
37439
  PxContentHeader,
37440
37440
  PxDrawer,
@@ -37534,9 +37534,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37534
37534
  PxCellLink,
37535
37535
  PxCellRadio,
37536
37536
  PxCellSwitch,
37537
+ PxCheckbox,
37537
37538
  PxColorOption,
37538
37539
  PxColorOptionLink,
37539
- PxCheckbox,
37540
37540
  PxContainer,
37541
37541
  PxContentHeader,
37542
37542
  PxDrawer,