@wizishop/angular-components 0.0.127 → 0.0.130
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 +4842 -4858
- package/bundles/wizishop-angular-components.umd.js +8 -6
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/selected-list/selected-list.component.js +2 -2
- package/esm2015/lib/components/selects/select/select.component.js +8 -6
- package/fesm2015/wizishop-angular-components.js +8 -6
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/selects/select/select.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.130.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.127.tgz +0 -0
|
@@ -35,7 +35,7 @@ export class SelectedListComponent {
|
|
|
35
35
|
SelectedListComponent.decorators = [
|
|
36
36
|
{ type: Component, args: [{
|
|
37
37
|
selector: 'wac-selected-list',
|
|
38
|
-
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <
|
|
38
|
+
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [label]=\"textSelectAll\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [extraClasses]=\"'is-info'\"\n [label]=\"textUnSelectAll\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n </ng-container>\n\n </div>\n <div class=\"selected-list__wrapper__content\">\n <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n <span [innerHTML]=\"item.label\"></span>\n <i class=\"fas fa-check\"></i>\n </div>\n </div>\n </div>\n</div>\n"
|
|
39
39
|
},] }
|
|
40
40
|
];
|
|
41
41
|
SelectedListComponent.propDecorators = {
|
|
@@ -48,4 +48,4 @@ SelectedListComponent.propDecorators = {
|
|
|
48
48
|
selectedItemsAll: [{ type: Output }],
|
|
49
49
|
unSelectedItemsAll: [{ type: Output }]
|
|
50
50
|
};
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdGVkLWxpc3Qvc2VsZWN0ZWQtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU83RSxNQUFNLE9BQU8scUJBQXFCO0lBSmxDO1FBTVcsWUFBTyxHQUF5QixFQUFFLENBQUM7UUFJbkMsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdEIsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNoRCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBQ2hELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFNUQsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO0lBOEIzQixDQUFDO0lBNUJDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUM1RCxNQUFNLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUN0QixPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUM1RCxNQUFNLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUN2QixPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQztRQUMzRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdkQsQ0FBQzs7O1lBM0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3Qixpc0VBQTZDO2FBQzlDOzs7c0JBR0UsS0FBSztvQkFDTCxLQUFLOzRCQUNMLEtBQUs7OEJBQ0wsS0FBSzs4QkFDTCxLQUFLO2lDQUNMLE1BQU07K0JBQ04sTUFBTTtpQ0FDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2VsZWN0ZWRMaXN0T3B0aW9ufSBmcm9tICcuL3NoYXJlZC9zZWxlY3RlZC1saXN0LW9wdGlvbi5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1zZWxlY3RlZC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdGVkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RlZExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIG9wdGlvbnM6IFNlbGVjdGVkTGlzdE9wdGlvbltdID0gW107XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRTZWxlY3RBbGw6IHN0cmluZztcbiAgQElucHV0KCkgdGV4dFVuU2VsZWN0QWxsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVuYWJsZVNlbGVjdEFsbCA9IHRydWU7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZEl0ZW1zSW5kZXggPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkSXRlbXNBbGwgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcltdPigpO1xuICBAT3V0cHV0KCkgdW5TZWxlY3RlZEl0ZW1zQWxsID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXJbXT4oKTtcblxuICBzZWxlY3RlZE9wdGlvbkluZGV4ID0gW107XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICBvblNlbGVjdEFsbCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uSW5kZXggPSB0aGlzLm9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiB7XG4gICAgICBvcHRpb24uY2hlY2tlZCA9IHRydWU7XG4gICAgICByZXR1cm4gaW5kZXg7XG4gICAgfSk7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zQWxsLmVtaXQodGhpcy5zZWxlY3RlZE9wdGlvbkluZGV4KTtcbiAgfVxuXG4gIG9uVW5TZWxlY3RBbGwoKSB7XG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvbkluZGV4ID0gdGhpcy5vcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgb3B0aW9uLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIHJldHVybiBpbmRleDtcbiAgICB9KTtcbiAgICB0aGlzLnVuU2VsZWN0ZWRJdGVtc0FsbC5lbWl0KHRoaXMuc2VsZWN0ZWRPcHRpb25JbmRleCk7XG4gIH1cblxuICBvblNlbGVjdEl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMub3B0aW9uc1tpbmRleF0uY2hlY2tlZCA9ICF0aGlzLm9wdGlvbnNbaW5kZXhdLmNoZWNrZWQ7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zSW5kZXguZW1pdChpbmRleCk7XG4gIH1cblxuICBhcmVBbGxPcHRpb25zQ2hlY2tlZCgpIHtcbiAgICByZXR1cm4gIXRoaXMub3B0aW9ucy5zb21lKG9wdGlvbiA9PiAhb3B0aW9uLmNoZWNrZWQpO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -20,7 +20,7 @@ export class SelectComponent {
|
|
|
20
20
|
}
|
|
21
21
|
set items(items) {
|
|
22
22
|
this._items = items;
|
|
23
|
-
this.
|
|
23
|
+
this.setIndexItemSelected();
|
|
24
24
|
}
|
|
25
25
|
get items() {
|
|
26
26
|
return this._items;
|
|
@@ -32,7 +32,6 @@ export class SelectComponent {
|
|
|
32
32
|
return this._calllToAction;
|
|
33
33
|
}
|
|
34
34
|
ngOnInit() {
|
|
35
|
-
this.indexItemSelected = this.items.findIndex(item => item.selected);
|
|
36
35
|
}
|
|
37
36
|
onClose() {
|
|
38
37
|
this.openCategories = false;
|
|
@@ -42,7 +41,7 @@ export class SelectComponent {
|
|
|
42
41
|
}
|
|
43
42
|
onSelectItem(id) {
|
|
44
43
|
this.unselectAll();
|
|
45
|
-
this.
|
|
44
|
+
this.setIndexItemSelectedById(id);
|
|
46
45
|
const itemSelected = this.getItemSelected();
|
|
47
46
|
itemSelected.selected = true;
|
|
48
47
|
this.selectValue.emit(this.indexItemSelected);
|
|
@@ -67,16 +66,19 @@ export class SelectComponent {
|
|
|
67
66
|
unselectAll() {
|
|
68
67
|
this.items.forEach(item => item.selected = false);
|
|
69
68
|
}
|
|
70
|
-
|
|
69
|
+
setIndexItemSelectedById(id) {
|
|
71
70
|
this.indexItemSelected = this.items.findIndex(item => item.id === id);
|
|
72
71
|
}
|
|
72
|
+
setIndexItemSelected() {
|
|
73
|
+
this.indexItemSelected = this.items.findIndex(item => item.selected);
|
|
74
|
+
}
|
|
73
75
|
writeValue(selectItem) {
|
|
74
76
|
if (!selectItem) {
|
|
75
77
|
return;
|
|
76
78
|
}
|
|
77
79
|
this.unselectAll();
|
|
78
80
|
selectItem.selected = true;
|
|
79
|
-
this.
|
|
81
|
+
this.setIndexItemSelectedById(selectItem.id);
|
|
80
82
|
}
|
|
81
83
|
registerOnChange(fn) {
|
|
82
84
|
this.onChange = fn;
|
|
@@ -111,4 +113,4 @@ SelectComponent.propDecorators = {
|
|
|
111
113
|
clickOnCallToAction: [{ type: Output }],
|
|
112
114
|
searchElement: [{ type: ViewChild, args: ['search',] }]
|
|
113
115
|
};
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUdwRyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFPekUsTUFBTSxPQUFPLGVBQWU7SUEwRDFCLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBbEN0RCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBR2YsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFZixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3pELFNBQUksR0FBRyxTQUFTLENBQUM7UUFXUixhQUFRLEdBQUcsTUFBTSxDQUFDO1FBRzNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFUCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUMsQ0FBQyw0QkFBNEI7UUFFdEUsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUl4RCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2QixzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQXdEL0IsK0JBQStCO1FBRS9CLGFBQVEsR0FBcUMsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3RELFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUE7SUF6RGtDLENBQUM7SUFyRDFELElBQWEsS0FBSyxDQUFDLEtBQW1CO1FBQ3BD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QUUsQ0FBQztJQUNyQixDQUFDO0lBQ0QsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDOzs7WUF4SUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw2d0ZBQXNDO2dCQUN0QyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQzthQUN2Rjs7O1lBUE8sZ0JBQWdCOzs7b0JBYXJCLEtBQUs7MEJBU0wsS0FBSztvQkFHTCxLQUFLOzRCQUdMLEtBQUs7cUJBR0wsS0FBSzswQkFHTCxLQUFLO2dDQUdMLE1BQU07bUJBRU4sS0FBSzsyQkFJTCxLQUFLO3VCQVFMLEtBQUs7dUJBRUwsS0FBSzswQkFHTCxNQUFNO2tDQUVOLE1BQU07NEJBRU4sU0FBUyxTQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYWxsbFRvQWN0aW9uIH0gZnJvbSAnLi4vY2FsbC10by1hY3Rpb24ubW9kZWwnO1xuaW1wb3J0IHsgU2VsZWN0SXRlbSB9IGZyb20gJy4uL3NlbGVjdC1pdGVtcy5kdG8nO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogU2VsZWN0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XVxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLy8hIFJlZmFjdG8gaW1wcm92ZSBzcm9sbCBvbiBtb2JpbGUsIHNlZSB3aXRoIFBhdWxpbmVcbiAgLy8gdG9kbyBjb3VsZCBiZSBzaW1wbGlmeS4gQ2hlY2sgZmlsdGVycyBtYW5hZ2VyIGltcGxlbWVudGF0aW9uIGZvciB1c2UgY2FzZVxuXG4gIF9pdGVtczogU2VsZWN0SXRlbVtdO1xuICBASW5wdXQoKSBzZXQgaXRlbXMoaXRlbXM6IFNlbGVjdEl0ZW1bXSkge1xuICAgIHRoaXMuX2l0ZW1zID0gaXRlbXM7XG4gICAgdGhpcy5zZXRJbmRleEl0ZW1TZWxlY3RlZCgpO1xuICB9XG5cbiAgZ2V0IGl0ZW1zKCkgOiBTZWxlY3RJdGVtW10ge1xuICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBtYXhXaWR0aEl0ZW1zOiBzdHJpbmc7IC8vIHRvZG8gaW1wcm92cmUgdHlwZSBsaWtlIDogZXhwb3J0IHR5cGUgQ3NzVW5pdHMgPSAnZW0nfCAncmVtJyB8ICdweCc7IGV4cG9ydCB0eXBlIENzc1VuaXQgPSBgJHtudW1iZXJ9JHtDc3NVbml0c31gO1xuXG4gIEBJbnB1dCgpXG4gIHNlYXJjaCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgc2VhcmNoVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICB0eXBlID0gJ2RlZmF1bHQnO1xuXG4gIF9jYWxsbFRvQWN0aW9uOiBDYWxsbFRvQWN0aW9uOyAvLyB0b2RvIG1heWJlIHJlcGxhY2UgYnkgbmctY29udGVudCBvciBhbGxvdyB0ZW1wbGF0ZSBvciBjaGlsZCBjb21wb25lbnQgbGlrZSA8d2FjLWNhbGwtdG8tYWN0aW9uPi4uLlxuICBASW5wdXQoKSBzZXQgY2FsbFRvQWN0aW9uKGNhbGxUb0FjdGlvbjogQ2FsbGxUb0FjdGlvbikge1xuICAgIHRoaXMuX2NhbGxsVG9BY3Rpb24gPSBjYWxsVG9BY3Rpb247XG4gIH1cblxuICBnZXQgY2FsbFRvQWN0aW9uKCk6IENhbGxsVG9BY3Rpb24ge1xuICAgIHJldHVybiB0aGlzLl9jYWxsbFRvQWN0aW9uO1xuICB9XG5cbiAgQElucHV0KCkgbWF4V2lkdGggPSAnMTAwJSc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgc2VsZWN0VmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTsgLy8gdG9kbyByZW5hbWUgbW9yZSBleHBsaWNpdFxuXG4gIEBPdXRwdXQoKSBjbGlja09uQ2FsbFRvQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZCgnc2VhcmNoJykgc2VhcmNoRWxlbWVudDogRWxlbWVudFJlZjtcblxuICBvcGVuQ2F0ZWdvcmllcyA9IGZhbHNlO1xuXG4gIGluZGV4SXRlbVNlbGVjdGVkOiBudW1iZXIgPSAtMTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkNsb3NlKCkge1xuICAgIHRoaXMub3BlbkNhdGVnb3JpZXMgPSBmYWxzZTtcbiAgfVxuXG4gIGN1c3RvbVRCKGl0ZW06IFNlbGVjdEl0ZW0sIGluZGV4OiBudW1iZXIpIHtcbiAgICByZXR1cm4gYCR7aXRlbS5pZH0tJHtpbmRleH1gO1xuICB9XG5cbiAgb25TZWxlY3RJdGVtKGlkOiBudW1iZXIpIHtcbiAgICB0aGlzLnVuc2VsZWN0QWxsKCk7XG4gICAgdGhpcy5zZXRJbmRleEl0ZW1TZWxlY3RlZEJ5SWQoaWQpO1xuICAgIGNvbnN0IGl0ZW1TZWxlY3RlZDogU2VsZWN0SXRlbSA9IHRoaXMuZ2V0SXRlbVNlbGVjdGVkKCk7XG4gICAgaXRlbVNlbGVjdGVkLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLnNlbGVjdFZhbHVlLmVtaXQodGhpcy5pbmRleEl0ZW1TZWxlY3RlZCk7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtU2VsZWN0ZWQpO1xuICB9XG5cbiAgb25DbGlja0NhbGxUb0FjdGlvbigpIHtcbiAgICB0aGlzLm9uQ2xvc2UoKTtcbiAgICB0aGlzLmNsaWNrT25DYWxsVG9BY3Rpb24uZW1pdCh0aGlzLmNhbGxUb0FjdGlvbi52YWx1ZSk7XG4gIH1cblxuICBvblNlYXJjaGVWYWx1ZUNoYW5nZSgpIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5zZWFyY2hWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIGdldEl0ZW1TZWxlY3RlZCgpOiBTZWxlY3RJdGVtIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtc1t0aGlzLmluZGV4SXRlbVNlbGVjdGVkXTtcbiAgfVxuXG4gIHNob3dDYXRlZ29yaWVzKCkge1xuICAgIHRoaXMub3BlbkNhdGVnb3JpZXMgPSB0cnVlO1xuICAgIHNldFRpbWVvdXQoKCkgPT4geyAvLyB0aGlzIHdpbGwgbWFrZSB0aGUgZXhlY3V0aW9uIGFmdGVyIHRoZSBhYm92ZSBib29sZWFuIGhhcyBjaGFuZ2VkXG4gICAgICB0aGlzLnNlYXJjaEVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH0sIDApO1xuICB9XG5cbiAgcHJpdmF0ZSB1bnNlbGVjdEFsbCgpIHtcbiAgICB0aGlzLml0ZW1zLmZvckVhY2goaXRlbSA9PiBpdGVtLnNlbGVjdGVkID0gZmFsc2UpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRJbmRleEl0ZW1TZWxlY3RlZEJ5SWQoaWQ6IG51bWJlcikge1xuICAgIHRoaXMuaW5kZXhJdGVtU2VsZWN0ZWQgPSB0aGlzLml0ZW1zLmZpbmRJbmRleChpdGVtID0+IGl0ZW0uaWQgPT09IGlkKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SW5kZXhJdGVtU2VsZWN0ZWQoKSB7XG4gICAgdGhpcy5pbmRleEl0ZW1TZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5zZWxlY3RlZCk7XG4gIH1cblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBtZXRob2RzXG5cbiAgb25DaGFuZ2U6IChzZWxlY3RJdGVtOiBTZWxlY3RJdGVtKSA9PiB2b2lkID0gKCkgPT4ge307XG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9XG5cbiAgd3JpdGVWYWx1ZShzZWxlY3RJdGVtOiBhbnkpe1xuICAgIGlmICghc2VsZWN0SXRlbSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnVuc2VsZWN0QWxsKCk7XG4gICAgc2VsZWN0SXRlbS5zZWxlY3RlZCA9IHRydWU7XG4gICAgdGhpcy5zZXRJbmRleEl0ZW1TZWxlY3RlZEJ5SWQoc2VsZWN0SXRlbS5pZCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpe1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KXtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxufVxuIl19
|
|
@@ -2677,7 +2677,7 @@ class SelectComponent {
|
|
|
2677
2677
|
}
|
|
2678
2678
|
set items(items) {
|
|
2679
2679
|
this._items = items;
|
|
2680
|
-
this.
|
|
2680
|
+
this.setIndexItemSelected();
|
|
2681
2681
|
}
|
|
2682
2682
|
get items() {
|
|
2683
2683
|
return this._items;
|
|
@@ -2689,7 +2689,6 @@ class SelectComponent {
|
|
|
2689
2689
|
return this._calllToAction;
|
|
2690
2690
|
}
|
|
2691
2691
|
ngOnInit() {
|
|
2692
|
-
this.indexItemSelected = this.items.findIndex(item => item.selected);
|
|
2693
2692
|
}
|
|
2694
2693
|
onClose() {
|
|
2695
2694
|
this.openCategories = false;
|
|
@@ -2699,7 +2698,7 @@ class SelectComponent {
|
|
|
2699
2698
|
}
|
|
2700
2699
|
onSelectItem(id) {
|
|
2701
2700
|
this.unselectAll();
|
|
2702
|
-
this.
|
|
2701
|
+
this.setIndexItemSelectedById(id);
|
|
2703
2702
|
const itemSelected = this.getItemSelected();
|
|
2704
2703
|
itemSelected.selected = true;
|
|
2705
2704
|
this.selectValue.emit(this.indexItemSelected);
|
|
@@ -2724,16 +2723,19 @@ class SelectComponent {
|
|
|
2724
2723
|
unselectAll() {
|
|
2725
2724
|
this.items.forEach(item => item.selected = false);
|
|
2726
2725
|
}
|
|
2727
|
-
|
|
2726
|
+
setIndexItemSelectedById(id) {
|
|
2728
2727
|
this.indexItemSelected = this.items.findIndex(item => item.id === id);
|
|
2729
2728
|
}
|
|
2729
|
+
setIndexItemSelected() {
|
|
2730
|
+
this.indexItemSelected = this.items.findIndex(item => item.selected);
|
|
2731
|
+
}
|
|
2730
2732
|
writeValue(selectItem) {
|
|
2731
2733
|
if (!selectItem) {
|
|
2732
2734
|
return;
|
|
2733
2735
|
}
|
|
2734
2736
|
this.unselectAll();
|
|
2735
2737
|
selectItem.selected = true;
|
|
2736
|
-
this.
|
|
2738
|
+
this.setIndexItemSelectedById(selectItem.id);
|
|
2737
2739
|
}
|
|
2738
2740
|
registerOnChange(fn) {
|
|
2739
2741
|
this.onChange = fn;
|
|
@@ -3478,7 +3480,7 @@ class SelectedListComponent {
|
|
|
3478
3480
|
SelectedListComponent.decorators = [
|
|
3479
3481
|
{ type: Component, args: [{
|
|
3480
3482
|
selector: 'wac-selected-list',
|
|
3481
|
-
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <
|
|
3483
|
+
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [label]=\"textSelectAll\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [extraClasses]=\"'is-info'\"\n [label]=\"textUnSelectAll\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n </ng-container>\n\n </div>\n <div class=\"selected-list__wrapper__content\">\n <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n <span [innerHTML]=\"item.label\"></span>\n <i class=\"fas fa-check\"></i>\n </div>\n </div>\n </div>\n</div>\n"
|
|
3482
3484
|
},] }
|
|
3483
3485
|
];
|
|
3484
3486
|
SelectedListComponent.propDecorators = {
|