@wizishop/angular-components 14.3.31 → 14.3.32
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.
- package/angular-components.scss +83 -96
- package/esm2020/lib/components/checkbox/checkbox.component.mjs +6 -5
- package/fesm2015/wizishop-angular-components.mjs +4 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +4 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/checkbox/checkbox.component.d.ts +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-14.3.32.tgz +0 -0
- package/wizishop-angular-components-14.3.31.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -2745,19 +2745,6 @@ wac-block {
|
|
|
2745
2745
|
min-width: 100%;
|
|
2746
2746
|
margin: 0;
|
|
2747
2747
|
}
|
|
2748
|
-
&--nowrap {
|
|
2749
|
-
display: inline-block;
|
|
2750
|
-
width: auto;
|
|
2751
|
-
min-width: 0;
|
|
2752
|
-
margin: 0 10px 10px 0;
|
|
2753
|
-
.field {
|
|
2754
|
-
&__row {
|
|
2755
|
-
width: auto;
|
|
2756
|
-
display: inline-block;
|
|
2757
|
-
margin: 0;
|
|
2758
|
-
}
|
|
2759
|
-
}
|
|
2760
|
-
}
|
|
2761
2748
|
|
|
2762
2749
|
input[type='text'] {
|
|
2763
2750
|
height: 40px;
|
|
@@ -3479,6 +3466,89 @@ wac-block {
|
|
|
3479
3466
|
}
|
|
3480
3467
|
}
|
|
3481
3468
|
}
|
|
3469
|
+
.wac-filters {
|
|
3470
|
+
width: 100%;
|
|
3471
|
+
&__wrapper {
|
|
3472
|
+
width: 100%;
|
|
3473
|
+
display: flex;
|
|
3474
|
+
flex-wrap: wrap;
|
|
3475
|
+
justify-content: flex-start;
|
|
3476
|
+
align-items: center;
|
|
3477
|
+
align-content: center;
|
|
3478
|
+
button {
|
|
3479
|
+
position: relative;
|
|
3480
|
+
width: auto;
|
|
3481
|
+
display: flex;
|
|
3482
|
+
align-items: center;
|
|
3483
|
+
font-size: rem(14);
|
|
3484
|
+
line-height: rem(16);
|
|
3485
|
+
font-weight: 400;
|
|
3486
|
+
color: $wac-second-color;
|
|
3487
|
+
border: 1px solid $wac-border-light;
|
|
3488
|
+
border-radius: 3px;
|
|
3489
|
+
background: transparent;
|
|
3490
|
+
box-shadow: none;
|
|
3491
|
+
margin-bottom: rem(10);
|
|
3492
|
+
transition: 0.3s ease;
|
|
3493
|
+
cursor: pointer;
|
|
3494
|
+
padding: 12px 20px;
|
|
3495
|
+
.event {
|
|
3496
|
+
position: absolute;
|
|
3497
|
+
top: 0;
|
|
3498
|
+
left: 0;
|
|
3499
|
+
width: 100%;
|
|
3500
|
+
height: 100%;
|
|
3501
|
+
z-index: 2;
|
|
3502
|
+
display: inline-block;
|
|
3503
|
+
}
|
|
3504
|
+
i {
|
|
3505
|
+
color: $wac-main-text;
|
|
3506
|
+
font-size: rem(14);
|
|
3507
|
+
margin: 0 rem(10) 0 0;
|
|
3508
|
+
}
|
|
3509
|
+
&:hover,
|
|
3510
|
+
&:focus,
|
|
3511
|
+
&.active {
|
|
3512
|
+
border-color: $wac-wizishop-blue;
|
|
3513
|
+
color: $wac-main-text;
|
|
3514
|
+
}
|
|
3515
|
+
&:not(:last-child) {
|
|
3516
|
+
margin: 0 rem(10) rem(10) 0;
|
|
3517
|
+
}
|
|
3518
|
+
}
|
|
3519
|
+
> span {
|
|
3520
|
+
position: relative;
|
|
3521
|
+
color: $wac-link-color;
|
|
3522
|
+
display: inline-block;
|
|
3523
|
+
transition: 0.3s ease;
|
|
3524
|
+
font-size: rem(14);
|
|
3525
|
+
line-height: rem(16);
|
|
3526
|
+
margin: 0 0 0 rem(30);
|
|
3527
|
+
cursor: pointer;
|
|
3528
|
+
z-index: 1;
|
|
3529
|
+
&:before {
|
|
3530
|
+
content: '';
|
|
3531
|
+
display: block;
|
|
3532
|
+
position: absolute;
|
|
3533
|
+
width: 100%;
|
|
3534
|
+
max-width: 0;
|
|
3535
|
+
height: 1px;
|
|
3536
|
+
border-radius: 3px;
|
|
3537
|
+
background-color: darken($wac-link-color, 15%);
|
|
3538
|
+
left: 0;
|
|
3539
|
+
bottom: -2px;
|
|
3540
|
+
transition: 0.3s ease;
|
|
3541
|
+
}
|
|
3542
|
+
&:hover,
|
|
3543
|
+
&:focus {
|
|
3544
|
+
color: darken($wac-link-color, 15%);
|
|
3545
|
+
&:before {
|
|
3546
|
+
max-width: 100%;
|
|
3547
|
+
}
|
|
3548
|
+
}
|
|
3549
|
+
}
|
|
3550
|
+
}
|
|
3551
|
+
}
|
|
3482
3552
|
.wac-free-popin {
|
|
3483
3553
|
height: 100%;
|
|
3484
3554
|
width: 100%;
|
|
@@ -3618,89 +3688,6 @@ wac-block {
|
|
|
3618
3688
|
.wac-free-popin .ps-content > * {
|
|
3619
3689
|
padding-right: 15px;
|
|
3620
3690
|
}
|
|
3621
|
-
.wac-filters {
|
|
3622
|
-
width: 100%;
|
|
3623
|
-
&__wrapper {
|
|
3624
|
-
width: 100%;
|
|
3625
|
-
display: flex;
|
|
3626
|
-
flex-wrap: wrap;
|
|
3627
|
-
justify-content: flex-start;
|
|
3628
|
-
align-items: center;
|
|
3629
|
-
align-content: center;
|
|
3630
|
-
button {
|
|
3631
|
-
position: relative;
|
|
3632
|
-
width: auto;
|
|
3633
|
-
display: flex;
|
|
3634
|
-
align-items: center;
|
|
3635
|
-
font-size: rem(14);
|
|
3636
|
-
line-height: rem(16);
|
|
3637
|
-
font-weight: 400;
|
|
3638
|
-
color: $wac-second-color;
|
|
3639
|
-
border: 1px solid $wac-border-light;
|
|
3640
|
-
border-radius: 3px;
|
|
3641
|
-
background: transparent;
|
|
3642
|
-
box-shadow: none;
|
|
3643
|
-
margin-bottom: rem(10);
|
|
3644
|
-
transition: 0.3s ease;
|
|
3645
|
-
cursor: pointer;
|
|
3646
|
-
padding: 12px 20px;
|
|
3647
|
-
.event {
|
|
3648
|
-
position: absolute;
|
|
3649
|
-
top: 0;
|
|
3650
|
-
left: 0;
|
|
3651
|
-
width: 100%;
|
|
3652
|
-
height: 100%;
|
|
3653
|
-
z-index: 2;
|
|
3654
|
-
display: inline-block;
|
|
3655
|
-
}
|
|
3656
|
-
i {
|
|
3657
|
-
color: $wac-main-text;
|
|
3658
|
-
font-size: rem(14);
|
|
3659
|
-
margin: 0 rem(10) 0 0;
|
|
3660
|
-
}
|
|
3661
|
-
&:hover,
|
|
3662
|
-
&:focus,
|
|
3663
|
-
&.active {
|
|
3664
|
-
border-color: $wac-wizishop-blue;
|
|
3665
|
-
color: $wac-main-text;
|
|
3666
|
-
}
|
|
3667
|
-
&:not(:last-child) {
|
|
3668
|
-
margin: 0 rem(10) rem(10) 0;
|
|
3669
|
-
}
|
|
3670
|
-
}
|
|
3671
|
-
> span {
|
|
3672
|
-
position: relative;
|
|
3673
|
-
color: $wac-link-color;
|
|
3674
|
-
display: inline-block;
|
|
3675
|
-
transition: 0.3s ease;
|
|
3676
|
-
font-size: rem(14);
|
|
3677
|
-
line-height: rem(16);
|
|
3678
|
-
margin: 0 0 0 rem(30);
|
|
3679
|
-
cursor: pointer;
|
|
3680
|
-
z-index: 1;
|
|
3681
|
-
&:before {
|
|
3682
|
-
content: '';
|
|
3683
|
-
display: block;
|
|
3684
|
-
position: absolute;
|
|
3685
|
-
width: 100%;
|
|
3686
|
-
max-width: 0;
|
|
3687
|
-
height: 1px;
|
|
3688
|
-
border-radius: 3px;
|
|
3689
|
-
background-color: darken($wac-link-color, 15%);
|
|
3690
|
-
left: 0;
|
|
3691
|
-
bottom: -2px;
|
|
3692
|
-
transition: 0.3s ease;
|
|
3693
|
-
}
|
|
3694
|
-
&:hover,
|
|
3695
|
-
&:focus {
|
|
3696
|
-
color: darken($wac-link-color, 15%);
|
|
3697
|
-
&:before {
|
|
3698
|
-
max-width: 100%;
|
|
3699
|
-
}
|
|
3700
|
-
}
|
|
3701
|
-
}
|
|
3702
|
-
}
|
|
3703
|
-
}
|
|
3704
3691
|
.wac-google-preview {
|
|
3705
3692
|
padding: 30px;
|
|
3706
3693
|
border: 1px solid $wac-google-preview-border;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
1
|
+
import { Component, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { inOutY } from '../../animations/in-out/in-out-y.animation';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,11 +7,12 @@ import * as i2 from "@angular/forms";
|
|
|
7
7
|
export class CheckboxComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.label = '';
|
|
10
|
+
this.type = 'checkbox';
|
|
10
11
|
this.alone = false;
|
|
11
12
|
this.checked = false;
|
|
12
13
|
this.hasInput = false; // todo remove from it ! That is not a part of a checkbox
|
|
13
14
|
this.inputPlaceholder = ''; // todo remove from it ! That is not a part of a checkbox
|
|
14
|
-
this.id = '';
|
|
15
|
+
this.id = ''; // todo maybe create a static property for unique id
|
|
15
16
|
this.whiteSpace = true;
|
|
16
17
|
this.disabled = false;
|
|
17
18
|
this.valueChange = new EventEmitter();
|
|
@@ -46,10 +47,10 @@ export class CheckboxComponent {
|
|
|
46
47
|
}
|
|
47
48
|
}
|
|
48
49
|
CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
-
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ '
|
|
50
|
+
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <!-- TODO handle radio styles -->\n <input\n [type]=\"type\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [inOutY], encapsulation: i0.ViewEncapsulation.None });
|
|
50
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
51
52
|
type: Component,
|
|
52
|
-
args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ '
|
|
53
|
+
args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <!-- TODO handle radio styles -->\n <input\n [type]=\"type\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n" }]
|
|
53
54
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
54
55
|
type: Input
|
|
55
56
|
}], value: [{
|
|
@@ -73,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
73
74
|
}], valueChange: [{
|
|
74
75
|
type: Output
|
|
75
76
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7OztBQVNwRSxNQUFNLE9BQU8saUJBQWlCO0lBbUM1QjtRQWpDQSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBY1gsU0FBSSxHQUF5QixVQUFVLENBQUM7UUFFeEMsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsYUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDLHlEQUF5RDtRQUUzRSxxQkFBZ0IsR0FBRyxFQUFFLENBQUMsQ0FBQyx5REFBeUQ7UUFFaEYsT0FBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLG9EQUFvRDtRQUk3RCxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFUCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFJNUMsY0FBUyxHQUE2QixDQUFDLEtBQUssRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3BELGVBQVUsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFIZixDQUFDO0lBL0JoQixJQUNJLEtBQUssQ0FBQyxLQUFjO1FBQ3RCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQTRCRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsVUFBVSxDQUFDLFNBQWtCO1FBQzNCLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxNQUFNO1FBQ2YsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7OzhHQTlEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw0UkFKakIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLDBCQ1AxRix5bUJBcUJBLGd6QkRiYyxDQUFDLE1BQU0sQ0FBQzsyRkFHVCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsY0FBYyxhQUViLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsY0FDNUUsQ0FBQyxNQUFNLENBQUMsaUJBQ0wsaUJBQWlCLENBQUMsSUFBSTswRUFJckMsS0FBSztzQkFESixLQUFLO2dCQUlGLEtBQUs7c0JBRFIsS0FBSztnQkFZTixJQUFJO3NCQURILEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBR04sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBR04sRUFBRTtzQkFERCxLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFHTixVQUFVO3NCQURULEtBQUs7Z0JBSUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgaW5PdXRZIH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucy9pbi1vdXQvaW4tb3V0LXkuYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IENoZWNrYm94Q29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XSxcbiAgYW5pbWF0aW9uczogW2luT3V0WV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2V0IHZhbHVlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLl9vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy5fb25Ub3VjaGVkKCk7XG4gIH1cbiAgZ2V0IHZhbHVlKCkgOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gIH1cbiAgX3ZhbHVlOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGU6ICdjaGVja2JveCcgfCAncmFkaW8nID0gJ2NoZWNrYm94JztcbiAgQElucHV0KClcbiAgYWxvbmUgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgY2hlY2tlZCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBoYXNJbnB1dCA9IGZhbHNlOyAvLyB0b2RvIHJlbW92ZSBmcm9tIGl0ICEgVGhhdCBpcyBub3QgYSBwYXJ0IG9mIGEgY2hlY2tib3hcbiAgQElucHV0KClcbiAgaW5wdXRQbGFjZWhvbGRlciA9ICcnOyAvLyB0b2RvIHJlbW92ZSBmcm9tIGl0ICEgVGhhdCBpcyBub3QgYSBwYXJ0IG9mIGEgY2hlY2tib3hcbiAgQElucHV0KClcbiAgaWQgPSAnJzsgLy8gdG9kbyBtYXliZSBjcmVhdGUgYSBzdGF0aWMgcHJvcGVydHkgZm9yIHVuaXF1ZSBpZFxuICBASW5wdXQoKVxuICBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHdoaXRlU3BhY2UgPSB0cnVlO1xuICBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHJpdmF0ZSBfb25DaGFuZ2U6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCA9ICh2YWx1ZSkgPT4ge307XG4gIHByaXZhdGUgX29uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoaXNDaGVja2VkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5fdmFsdWUgPSBpc0NoZWNrZWQ7XG4gIH1cblxuICBvbkNoYW5nZSh2YWx1ZSkge1xuICAgIHRoaXMuX29uQ2hhbmdlKHZhbHVlKTtcbiAgfVxuXG4gIGlucHV0Q2xpY2soJGV2ZW50KSB7IC8vIHRvZG8gaXQgaXMgdXNlZnVsbCA/XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwid2FjLWZpZWxkLWNoZWNrYm94XCIgW25nQ2xhc3NdPVwieyAnZGlzYWJsZS13dCcgOiAhd2hpdGVTcGFjZSwgYWxvbmU6IGFsb25lIH1cIj5cbiAgPGRpdiBjbGFzcz1cIndhYy1maWVsZC1jaGVja2JveF9fcm93XCI+XG4gICAgPCEtLSBUT0RPIGhhbmRsZSByYWRpbyBzdHlsZXMgLS0+XG4gICAgPGlucHV0XG4gICAgICBbdHlwZV09XCJ0eXBlXCJcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBjbGFzcz1cImlzLWNoZWNrcmFkaW9cIlxuICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgLz5cbiAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImlkXCI+PHNwYW4gW2lubmVySFRNTF09XCJsYWJlbFwiPjwvc3Bhbj48L2xhYmVsPlxuICA8L2Rpdj5cbiAgPGlucHV0XG4gICAgKm5nSWY9XCJoYXNJbnB1dCAmJiBjaGVja2VkXCJcbiAgICBbQGluT3V0WUFuaW1hdGlvbl1cbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cImlucHV0UGxhY2Vob2xkZXJcIlxuICAgIChjbGljayk9XCJpbnB1dENsaWNrKCRldmVudClcIlxuICAvPlxuPC9kaXY+XG4iXX0=
|
|
@@ -825,11 +825,12 @@ const inOutY = trigger('inOutYAnimation', [
|
|
|
825
825
|
class CheckboxComponent {
|
|
826
826
|
constructor() {
|
|
827
827
|
this.label = '';
|
|
828
|
+
this.type = 'checkbox';
|
|
828
829
|
this.alone = false;
|
|
829
830
|
this.checked = false;
|
|
830
831
|
this.hasInput = false; // todo remove from it ! That is not a part of a checkbox
|
|
831
832
|
this.inputPlaceholder = ''; // todo remove from it ! That is not a part of a checkbox
|
|
832
|
-
this.id = '';
|
|
833
|
+
this.id = ''; // todo maybe create a static property for unique id
|
|
833
834
|
this.whiteSpace = true;
|
|
834
835
|
this.disabled = false;
|
|
835
836
|
this.valueChange = new EventEmitter();
|
|
@@ -864,10 +865,10 @@ class CheckboxComponent {
|
|
|
864
865
|
}
|
|
865
866
|
}
|
|
866
867
|
CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
867
|
-
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ '
|
|
868
|
+
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <!-- TODO handle radio styles -->\n <input\n [type]=\"type\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [inOutY], encapsulation: i0.ViewEncapsulation.None });
|
|
868
869
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
869
870
|
type: Component,
|
|
870
|
-
args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ '
|
|
871
|
+
args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <!-- TODO handle radio styles -->\n <input\n [type]=\"type\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n" }]
|
|
871
872
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
872
873
|
type: Input
|
|
873
874
|
}], value: [{
|