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

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,74 +9457,27 @@ 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-checkbox>
9460
+ * @description Type-only wrapper for <px-color-option>
9461
9461
  */
9462
- class PxCheckbox {
9462
+ class PxColorOption {
9463
9463
  elementRef;
9464
- set state(value) {
9465
- this.elementRef.nativeElement['state'] = value;
9466
- }
9467
- get state() {
9468
- return this.elementRef.nativeElement['state'];
9469
- }
9470
- set variant(value) {
9471
- this.elementRef.nativeElement['variant'] = value;
9472
- }
9473
- get variant() {
9474
- return this.elementRef.nativeElement['variant'];
9475
- }
9476
- set indeterminate(value) {
9477
- this.elementRef.nativeElement['indeterminate'] = value;
9478
- }
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;
9464
+ set size(value) {
9465
+ this.elementRef.nativeElement['size'] = value;
9511
9466
  }
9512
- get checked() {
9513
- return this.elementRef.nativeElement['checked'];
9467
+ get size() {
9468
+ return this.elementRef.nativeElement['size'];
9514
9469
  }
9515
- /** Whether the checkbox is disabled. */
9516
- set disabled(value) {
9517
- this.elementRef.nativeElement['disabled'] = value;
9470
+ set deviceColor(value) {
9471
+ this.elementRef.nativeElement['deviceColor'] = value;
9518
9472
  }
9519
- get disabled() {
9520
- return this.elementRef.nativeElement['disabled'];
9473
+ get deviceColor() {
9474
+ return this.elementRef.nativeElement['deviceColor'];
9521
9475
  }
9522
- /** Whether the checkbox is required. */
9523
- set required(value) {
9524
- this.elementRef.nativeElement['required'] = value;
9476
+ set unavailable(value) {
9477
+ this.elementRef.nativeElement['unavailable'] = value;
9525
9478
  }
9526
- get required() {
9527
- return this.elementRef.nativeElement['required'];
9479
+ get unavailable() {
9480
+ return this.elementRef.nativeElement['unavailable'];
9528
9481
  }
9529
9482
  set grow(value) {
9530
9483
  this.elementRef.nativeElement['grow'] = value;
@@ -9811,33 +9764,20 @@ class PxCheckbox {
9811
9764
  constructor(elementRef) {
9812
9765
  this.elementRef = elementRef;
9813
9766
  }
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 });
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 });
9816
9769
  }
9817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
9770
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9818
9771
  type: Directive,
9819
9772
  args: [{
9820
- selector: 'px-checkbox',
9773
+ selector: 'px-color-option',
9821
9774
  }]
9822
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
9823
- type: Input
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: [{
9775
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9839
9776
  type: Input
9840
- }], required: [{
9777
+ }], deviceColor: [{
9778
+ type: Input,
9779
+ args: ['device-color']
9780
+ }], unavailable: [{
9841
9781
  type: Input
9842
9782
  }], grow: [{
9843
9783
  type: Input
@@ -9977,16 +9917,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9977
9917
  args: ['sticky-bottom']
9978
9918
  }] } });
9979
9919
  /**
9980
- * @description Type-only wrapper for <px-color-option>
9920
+ * @description Type-only wrapper for <px-color-option-link>
9981
9921
  */
9982
- class PxColorOption {
9922
+ class PxColorOptionLink {
9983
9923
  elementRef;
9984
- set size(value) {
9985
- this.elementRef.nativeElement['size'] = value;
9986
- }
9987
- get size() {
9988
- return this.elementRef.nativeElement['size'];
9989
- }
9990
9924
  set deviceColor(value) {
9991
9925
  this.elementRef.nativeElement['deviceColor'] = value;
9992
9926
  }
@@ -9999,6 +9933,12 @@ class PxColorOption {
9999
9933
  get unavailable() {
10000
9934
  return this.elementRef.nativeElement['unavailable'];
10001
9935
  }
9936
+ set selected(value) {
9937
+ this.elementRef.nativeElement['selected'] = value;
9938
+ }
9939
+ get selected() {
9940
+ return this.elementRef.nativeElement['selected'];
9941
+ }
10002
9942
  set grow(value) {
10003
9943
  this.elementRef.nativeElement['grow'] = value;
10004
9944
  }
@@ -10281,24 +10221,28 @@ class PxColorOption {
10281
10221
  get stickyBottom() {
10282
10222
  return this.elementRef.nativeElement['stickyBottom'];
10283
10223
  }
10224
+ CLICK_EVENT = new EventEmitter();
10284
10225
  constructor(elementRef) {
10285
10226
  this.elementRef = elementRef;
10227
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10228
+ this.CLICK_EVENT.emit(e.detail);
10229
+ });
10286
10230
  }
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 });
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 });
10289
10233
  }
10290
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
10234
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10291
10235
  type: Directive,
10292
10236
  args: [{
10293
- selector: 'px-color-option',
10237
+ selector: 'px-color-option-link',
10294
10238
  }]
10295
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10296
- type: Input
10297
- }], deviceColor: [{
10239
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10298
10240
  type: Input,
10299
10241
  args: ['device-color']
10300
10242
  }], unavailable: [{
10301
10243
  type: Input
10244
+ }], selected: [{
10245
+ type: Input
10302
10246
  }], grow: [{
10303
10247
  type: Input
10304
10248
  }], growMobile: [{
@@ -10435,29 +10379,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10435
10379
  }], stickyBottom: [{
10436
10380
  type: Input,
10437
10381
  args: ['sticky-bottom']
10382
+ }], CLICK_EVENT: [{
10383
+ type: Output
10438
10384
  }] } });
10439
10385
  /**
10440
- * @description Type-only wrapper for <px-color-option-link>
10386
+ * @description Type-only wrapper for <px-checkbox>
10441
10387
  */
10442
- class PxColorOptionLink {
10388
+ class PxCheckbox {
10443
10389
  elementRef;
10444
- set deviceColor(value) {
10445
- this.elementRef.nativeElement['deviceColor'] = value;
10390
+ set state(value) {
10391
+ this.elementRef.nativeElement['state'] = value;
10446
10392
  }
10447
- get deviceColor() {
10448
- return this.elementRef.nativeElement['deviceColor'];
10393
+ get state() {
10394
+ return this.elementRef.nativeElement['state'];
10449
10395
  }
10450
- set unavailable(value) {
10451
- this.elementRef.nativeElement['unavailable'] = value;
10396
+ set variant(value) {
10397
+ this.elementRef.nativeElement['variant'] = value;
10452
10398
  }
10453
- get unavailable() {
10454
- return this.elementRef.nativeElement['unavailable'];
10399
+ get variant() {
10400
+ return this.elementRef.nativeElement['variant'];
10455
10401
  }
10456
- set selected(value) {
10457
- this.elementRef.nativeElement['selected'] = value;
10402
+ set indeterminate(value) {
10403
+ this.elementRef.nativeElement['indeterminate'] = value;
10458
10404
  }
10459
- get selected() {
10460
- return this.elementRef.nativeElement['selected'];
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;
10437
+ }
10438
+ get checked() {
10439
+ return this.elementRef.nativeElement['checked'];
10440
+ }
10441
+ /** Whether the checkbox is disabled. */
10442
+ set disabled(value) {
10443
+ this.elementRef.nativeElement['disabled'] = value;
10444
+ }
10445
+ get disabled() {
10446
+ return this.elementRef.nativeElement['disabled'];
10447
+ }
10448
+ /** Whether the checkbox is required. */
10449
+ set required(value) {
10450
+ this.elementRef.nativeElement['required'] = value;
10451
+ }
10452
+ get required() {
10453
+ return this.elementRef.nativeElement['required'];
10461
10454
  }
10462
10455
  set grow(value) {
10463
10456
  this.elementRef.nativeElement['grow'] = value;
@@ -10741,27 +10734,36 @@ class PxColorOptionLink {
10741
10734
  get stickyBottom() {
10742
10735
  return this.elementRef.nativeElement['stickyBottom'];
10743
10736
  }
10744
- CLICK_EVENT = new EventEmitter();
10745
10737
  constructor(elementRef) {
10746
10738
  this.elementRef = elementRef;
10747
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10748
- this.CLICK_EVENT.emit(e.detail);
10749
- });
10750
10739
  }
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 });
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 });
10753
10742
  }
10754
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10743
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
10755
10744
  type: Directive,
10756
10745
  args: [{
10757
- selector: 'px-color-option-link',
10746
+ selector: 'px-checkbox',
10758
10747
  }]
10759
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10760
- type: Input,
10761
- args: ['device-color']
10762
- }], unavailable: [{
10748
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
10763
10749
  type: Input
10764
- }], selected: [{
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: [{
10765
+ type: Input
10766
+ }], required: [{
10765
10767
  type: Input
10766
10768
  }], grow: [{
10767
10769
  type: Input
@@ -10899,8 +10901,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10899
10901
  }], stickyBottom: [{
10900
10902
  type: Input,
10901
10903
  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, 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] });
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] });
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,
37436
37435
  PxColorOption,
37437
37436
  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,
37538
37537
  PxColorOption,
37539
37538
  PxColorOptionLink,
37539
+ PxCheckbox,
37540
37540
  PxContainer,
37541
37541
  PxContentHeader,
37542
37542
  PxDrawer,