@wizishop/angular-components 0.0.63 → 0.0.67
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 +306 -293
- package/bundles/wizishop-angular-components.umd.js +16 -12
- 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/search/search.component.js +3 -3
- package/esm2015/lib/components/search/shared/search-option.model.js +1 -1
- package/esm2015/lib/components/selected-list/selected-list.component.js +15 -11
- package/esm2015/lib/components/selected-list/shared/selected-list-option.model.js +1 -1
- package/fesm2015/wizishop-angular-components.js +16 -12
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/search/search.component.d.ts +1 -1
- package/lib/components/search/shared/search-option.model.d.ts +2 -2
- package/lib/components/selected-list/selected-list.component.d.ts +3 -1
- package/lib/components/selected-list/shared/selected-list-option.model.d.ts +2 -2
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.67.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.63.tgz +0 -0
|
@@ -45,7 +45,7 @@ export class SearchComponent {
|
|
|
45
45
|
this.selectValue.emit(index);
|
|
46
46
|
}
|
|
47
47
|
else {
|
|
48
|
-
const findInOption = this.options.findIndex(element => element.label === label && element.
|
|
48
|
+
const findInOption = this.options.findIndex(element => element.label === label && element.id === value);
|
|
49
49
|
this.selectValue.emit(findInOption);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -57,7 +57,7 @@ export class SearchComponent {
|
|
|
57
57
|
SearchComponent.decorators = [
|
|
58
58
|
{ type: Component, args: [{
|
|
59
59
|
selector: 'wac-search',
|
|
60
|
-
template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n <div class=\"wac-search__wrapper\">\n <button><i class=\"fal fa-search\"></i></button>\n <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n </div>\n <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n <div [ngClass]=\"{ selected: item.
|
|
60
|
+
template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n <div class=\"wac-search__wrapper\">\n <button><i class=\"fal fa-search\"></i></button>\n <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n </div>\n <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n <div [ngClass]=\"{ selected: item.checked }\" (click)=\"onSelectItem(index, item.id, item.label)\">\n {{ item.label }}\n </div>\n </div>\n </perfect-scrollbar>\n <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n </div>\n </div>\n</div>\n"
|
|
61
61
|
},] }
|
|
62
62
|
];
|
|
63
63
|
SearchComponent.ctorParameters = () => [];
|
|
@@ -72,4 +72,4 @@ SearchComponent.propDecorators = {
|
|
|
72
72
|
searchKeyUp: [{ type: Output }],
|
|
73
73
|
searchFocusOut: [{ type: Output }]
|
|
74
74
|
};
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVE3RSxNQUFNLE9BQU8sZUFBZTtJQWMxQjtRQVhTLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDMUIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUNqQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRVQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDdkMsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELHFCQUFxQixDQUFDLEtBQUs7UUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ3BDO2FBQU07WUFDTCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUM3SDtpQkFBTTtnQkFDTCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7YUFDcEM7U0FDRjtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFhLEVBQUUsS0FBYSxFQUFFLEtBQWE7UUFDdEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO2FBQU07WUFDTCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEtBQUssS0FBSyxJQUFJLE9BQU8sQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUM7WUFDeEcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDOzs7WUFqRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qix3b0NBQXNDO2FBQ3ZDOzs7OzBCQUdFLEtBQUs7eUJBQ0wsS0FBSztvQkFDTCxLQUFLO3NCQUNMLEtBQUs7OEJBQ0wsS0FBSzswQkFDTCxLQUFLOzBCQUlMLE1BQU07MEJBQ04sTUFBTTs2QkFDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2VhcmNoT3B0aW9ufSBmcm9tICcuL3NoYXJlZC9zZWFyY2gtb3B0aW9uLm1vZGVsJztcbmltcG9ydCB7U2VsZWN0SXRlbX0gZnJvbSAnLi4vc2VsZWN0cy9zZWxlY3QtaXRlbXMuZHRvJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXNlYXJjaCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2guY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgQElucHV0KCkgYWx3YXlzT3BlbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBvcHRpb25zOiBTZWFyY2hPcHRpb25bXTtcbiAgQElucHV0KCkgZGlzYWJsZVNlYXJjaEluID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVtcHR5UmVzdWx0ID0gJyc7XG4gIHNlYXJjaDogYW55ID0gJyc7XG4gIG9wZW5TZWxlY3QgPSBmYWxzZTtcbiAgdHJpZ2dlck9wdGlvbnM6IFNlYXJjaE9wdGlvbltdO1xuICBAT3V0cHV0KCkgc2VsZWN0VmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIHNlYXJjaEtleVVwID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBzZWFyY2hGb2N1c091dCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy50cmlnZ2VyT3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgfVxuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5vcGVuU2VsZWN0ID0gZmFsc2U7XG4gIH1cblxuICBzZXRTZWFyY2hWYWx1ZVRvUXVlcnkodmFsdWUpIHtcbiAgICB0aGlzLnNlYXJjaCA9IHZhbHVlLnRhcmdldC52YWx1ZTtcbiAgICBpZiAodGhpcy5kaXNhYmxlU2VhcmNoSW4pIHtcbiAgICAgIHRoaXMudHJpZ2dlck9wdGlvbnMgPSB0aGlzLm9wdGlvbnM7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0aGlzLnNlYXJjaC5sZW5ndGggPiAwKSB7XG4gICAgICAgIHRoaXMub3BlblNlbGVjdCA9IHRydWU7XG4gICAgICAgIHRoaXMudHJpZ2dlck9wdGlvbnMgPSB0aGlzLm9wdGlvbnMuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC5sYWJlbC50b0xvd2VyQ2FzZSgpLmluZGV4T2YodGhpcy5zZWFyY2gudG9Mb3dlckNhc2UoKSkgIT09IC0xKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMudHJpZ2dlck9wdGlvbnMgPSB0aGlzLm9wdGlvbnM7XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuc2VhcmNoS2V5VXAuZW1pdCh0aGlzLnNlYXJjaCk7XG4gIH1cblxuICBzZW5kRXZlbnRGb2N1c091dCgpIHtcbiAgICB0aGlzLnNlYXJjaEZvY3VzT3V0LmVtaXQodGhpcy5zZWFyY2gpO1xuICB9XG5cbiAgY2xvc2VTZWxlY3QoKSB7XG4gICAgdGhpcy5vcGVuU2VsZWN0ID0gZmFsc2U7XG4gIH1cblxuICBvblNlbGVjdEl0ZW0oaW5kZXg6IG51bWJlciwgdmFsdWU6IG51bWJlciwgbGFiZWw6IHN0cmluZykge1xuICAgIHRoaXMuc2VhcmNoID0gJyc7XG4gICAgdGhpcy5vcGVuU2VsZWN0ID0gZmFsc2U7XG4gICAgaWYgKHRoaXMuZGlzYWJsZVNlYXJjaEluKSB7XG4gICAgICB0aGlzLnNlbGVjdFZhbHVlLmVtaXQoaW5kZXgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBmaW5kSW5PcHRpb24gPSB0aGlzLm9wdGlvbnMuZmluZEluZGV4KGVsZW1lbnQgPT4gZWxlbWVudC5sYWJlbCA9PT0gbGFiZWwgJiYgZWxlbWVudC5pZCA9PT0gdmFsdWUpO1xuICAgICAgdGhpcy5zZWxlY3RWYWx1ZS5lbWl0KGZpbmRJbk9wdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcmVzZXRBbGxWdWUoKSB7XG4gICAgdGhpcy5zZWFyY2ggPSAnJztcbiAgICB0aGlzLmNsb3NlU2VsZWN0KCk7XG4gIH1cblxufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW9wdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2VhcmNoL3NoYXJlZC9zZWFyY2gtb3B0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlYXJjaE9wdGlvbiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGlkOiBudW1iZXI7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG59XG4iXX0=
|
|
@@ -2,7 +2,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
export class SelectedListComponent {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.enableSelectAll = true;
|
|
5
|
-
this.
|
|
5
|
+
this.selectedItemsIndex = new EventEmitter();
|
|
6
|
+
this.selectedItemsAll = new EventEmitter();
|
|
7
|
+
this.unSelectedItemsAll = new EventEmitter();
|
|
6
8
|
this.selectedOptionIndex = [];
|
|
7
9
|
this.switchSelectAll = false;
|
|
8
10
|
}
|
|
@@ -17,16 +19,16 @@ export class SelectedListComponent {
|
|
|
17
19
|
selectAll() {
|
|
18
20
|
this.selectedOptionIndex = [];
|
|
19
21
|
this.options.forEach((eln, i) => {
|
|
20
|
-
this.options[i].
|
|
22
|
+
this.options[i].checked = true;
|
|
21
23
|
this.selectedOptionIndex.push(i);
|
|
22
24
|
});
|
|
23
25
|
this.switchSelectAll = true;
|
|
24
|
-
this.
|
|
26
|
+
this.selectedItemsAll.emit(this.selectedOptionIndex);
|
|
25
27
|
}
|
|
26
28
|
checkSelectedItem() {
|
|
27
29
|
this.selectedOptionIndex = [];
|
|
28
30
|
this.options.forEach((eln, i) => {
|
|
29
|
-
if (eln.
|
|
31
|
+
if (eln.checked) {
|
|
30
32
|
this.selectedOptionIndex.push(i);
|
|
31
33
|
}
|
|
32
34
|
});
|
|
@@ -34,21 +36,21 @@ export class SelectedListComponent {
|
|
|
34
36
|
unSelectAll() {
|
|
35
37
|
this.selectedOptionIndex = [];
|
|
36
38
|
this.options.forEach((eln, i) => {
|
|
37
|
-
this.options[i].
|
|
39
|
+
this.options[i].checked = false;
|
|
38
40
|
});
|
|
39
41
|
this.switchSelectAll = false;
|
|
40
|
-
this.
|
|
42
|
+
this.unSelectedItemsAll.emit(this.selectedOptionIndex);
|
|
41
43
|
}
|
|
42
44
|
selectItem(i) {
|
|
43
|
-
this.options[i].
|
|
45
|
+
this.options[i].checked = !this.options[i].checked;
|
|
44
46
|
this.checkSelectedItem();
|
|
45
|
-
this.
|
|
47
|
+
this.selectedItemsIndex.emit(i);
|
|
46
48
|
}
|
|
47
49
|
}
|
|
48
50
|
SelectedListComponent.decorators = [
|
|
49
51
|
{ type: Component, args: [{
|
|
50
52
|
selector: 'wac-selected-list',
|
|
51
|
-
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 <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"selectAll()\"></span>\n <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"unSelectAll()\"></span>\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.
|
|
53
|
+
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 <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"selectAll()\"></span>\n <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"unSelectAll()\"></span>\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)=\"selectItem(i)\">\n <span [innerHTML]=\"item.label\"></span>\n <i class=\"fas fa-check\"></i>\n </div>\n </div>\n </div>\n</div>\n"
|
|
52
54
|
},] }
|
|
53
55
|
];
|
|
54
56
|
SelectedListComponent.propDecorators = {
|
|
@@ -57,6 +59,8 @@ SelectedListComponent.propDecorators = {
|
|
|
57
59
|
textSelectAll: [{ type: Input }],
|
|
58
60
|
textUnSelectAll: [{ type: Input }],
|
|
59
61
|
enableSelectAll: [{ type: Input }],
|
|
60
|
-
|
|
62
|
+
selectedItemsIndex: [{ type: Output }],
|
|
63
|
+
selectedItemsAll: [{ type: Output }],
|
|
64
|
+
unSelectedItemsAll: [{ type: Output }]
|
|
61
65
|
};
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdGVkLWxpc3Qvc2VsZWN0ZWQtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU83RSxNQUFNLE9BQU8scUJBQXFCO0lBSmxDO1FBVVcsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdEIsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNoRCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBQ2hELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFNUQsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO0lBNkMxQixDQUFDO0lBM0NDLFFBQVE7UUFDTixJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxPQUFPLFNBQVMsRUFBRTtZQUM1QyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUU7Z0JBQzNELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2FBQzdCO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQy9CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM1QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsbUJBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQzlCLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2xDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsR0FBRyxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsVUFBVSxDQUFDLENBQUM7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1FBQ25ELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7O1lBM0RGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixreUJBQTZDO2FBQzlDOzs7c0JBR0UsS0FBSztvQkFDTCxLQUFLOzRCQUNMLEtBQUs7OEJBQ0wsS0FBSzs4QkFDTCxLQUFLO2lDQUNMLE1BQU07K0JBQ04sTUFBTTtpQ0FDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2VsZWN0ZWRMaXN0T3B0aW9ufSBmcm9tICcuL3NoYXJlZC9zZWxlY3RlZC1saXN0LW9wdGlvbi5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1zZWxlY3RlZC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdGVkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RlZExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIG9wdGlvbnM6IFNlbGVjdGVkTGlzdE9wdGlvbltdO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0U2VsZWN0QWxsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRVblNlbGVjdEFsbDogc3RyaW5nO1xuICBASW5wdXQoKSBlbmFibGVTZWxlY3RBbGwgPSB0cnVlO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWRJdGVtc0luZGV4ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZEl0ZW1zQWxsID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXJbXT4oKTtcbiAgQE91dHB1dCgpIHVuU2VsZWN0ZWRJdGVtc0FsbCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyW10+KCk7XG5cbiAgc2VsZWN0ZWRPcHRpb25JbmRleCA9IFtdO1xuICBzd2l0Y2hTZWxlY3RBbGwgPSBmYWxzZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodHlwZW9mIHRoaXMub3B0aW9ucyAhPT0gdHlwZW9mIHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5jaGVja1NlbGVjdGVkSXRlbSgpO1xuICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRPcHRpb25JbmRleC5sZW5ndGggPT09IHRoaXMub3B0aW9ucy5sZW5ndGgpIHtcbiAgICAgICAgdGhpcy5zd2l0Y2hTZWxlY3RBbGwgPSB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHNlbGVjdEFsbCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uSW5kZXggPSBbXTtcbiAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaCgoZWxuLCBpKSA9PiB7XG4gICAgICB0aGlzLm9wdGlvbnNbaV0uY2hlY2tlZCA9IHRydWU7XG4gICAgICB0aGlzLnNlbGVjdGVkT3B0aW9uSW5kZXgucHVzaChpKTtcbiAgICB9KTtcbiAgICB0aGlzLnN3aXRjaFNlbGVjdEFsbCA9IHRydWU7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zQWxsLmVtaXQodGhpcy5zZWxlY3RlZE9wdGlvbkluZGV4KTtcbiAgfVxuXG4gIGNoZWNrU2VsZWN0ZWRJdGVtKCkge1xuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25JbmRleCA9IFtdO1xuICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChlbG4sIGkpID0+IHtcbiAgICAgIGlmIChlbG4uY2hlY2tlZCkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkT3B0aW9uSW5kZXgucHVzaChpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHVuU2VsZWN0QWxsKCkge1xuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25JbmRleCA9IFtdO1xuICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChlbG4sIGkpID0+IHtcbiAgICAgIHRoaXMub3B0aW9uc1tpXS5jaGVja2VkID0gZmFsc2U7XG4gICAgfSk7XG4gICAgdGhpcy5zd2l0Y2hTZWxlY3RBbGwgPSBmYWxzZTtcbiAgICB0aGlzLnVuU2VsZWN0ZWRJdGVtc0FsbC5lbWl0KHRoaXMuc2VsZWN0ZWRPcHRpb25JbmRleCk7XG4gIH1cblxuICBzZWxlY3RJdGVtKGkpIHtcbiAgICB0aGlzLm9wdGlvbnNbaV0uY2hlY2tlZCA9ICF0aGlzLm9wdGlvbnNbaV0uY2hlY2tlZDtcbiAgICB0aGlzLmNoZWNrU2VsZWN0ZWRJdGVtKCk7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zSW5kZXguZW1pdChpKTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtbGlzdC1vcHRpb24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdGVkLWxpc3Qvc2hhcmVkL3NlbGVjdGVkLWxpc3Qtb3B0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdGVkTGlzdE9wdGlvbiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGlkOiBudW1iZXI7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG59XG4iXX0=
|
|
@@ -3190,7 +3190,7 @@ class SearchComponent {
|
|
|
3190
3190
|
this.selectValue.emit(index);
|
|
3191
3191
|
}
|
|
3192
3192
|
else {
|
|
3193
|
-
const findInOption = this.options.findIndex(element => element.label === label && element.
|
|
3193
|
+
const findInOption = this.options.findIndex(element => element.label === label && element.id === value);
|
|
3194
3194
|
this.selectValue.emit(findInOption);
|
|
3195
3195
|
}
|
|
3196
3196
|
}
|
|
@@ -3202,7 +3202,7 @@ class SearchComponent {
|
|
|
3202
3202
|
SearchComponent.decorators = [
|
|
3203
3203
|
{ type: Component, args: [{
|
|
3204
3204
|
selector: 'wac-search',
|
|
3205
|
-
template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n <div class=\"wac-search__wrapper\">\n <button><i class=\"fal fa-search\"></i></button>\n <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n </div>\n <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n <div [ngClass]=\"{ selected: item.
|
|
3205
|
+
template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n <div class=\"wac-search__wrapper\">\n <button><i class=\"fal fa-search\"></i></button>\n <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n </div>\n <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n <div [ngClass]=\"{ selected: item.checked }\" (click)=\"onSelectItem(index, item.id, item.label)\">\n {{ item.label }}\n </div>\n </div>\n </perfect-scrollbar>\n <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n </div>\n </div>\n</div>\n"
|
|
3206
3206
|
},] }
|
|
3207
3207
|
];
|
|
3208
3208
|
SearchComponent.ctorParameters = () => [];
|
|
@@ -3221,7 +3221,9 @@ SearchComponent.propDecorators = {
|
|
|
3221
3221
|
class SelectedListComponent {
|
|
3222
3222
|
constructor() {
|
|
3223
3223
|
this.enableSelectAll = true;
|
|
3224
|
-
this.
|
|
3224
|
+
this.selectedItemsIndex = new EventEmitter();
|
|
3225
|
+
this.selectedItemsAll = new EventEmitter();
|
|
3226
|
+
this.unSelectedItemsAll = new EventEmitter();
|
|
3225
3227
|
this.selectedOptionIndex = [];
|
|
3226
3228
|
this.switchSelectAll = false;
|
|
3227
3229
|
}
|
|
@@ -3236,16 +3238,16 @@ class SelectedListComponent {
|
|
|
3236
3238
|
selectAll() {
|
|
3237
3239
|
this.selectedOptionIndex = [];
|
|
3238
3240
|
this.options.forEach((eln, i) => {
|
|
3239
|
-
this.options[i].
|
|
3241
|
+
this.options[i].checked = true;
|
|
3240
3242
|
this.selectedOptionIndex.push(i);
|
|
3241
3243
|
});
|
|
3242
3244
|
this.switchSelectAll = true;
|
|
3243
|
-
this.
|
|
3245
|
+
this.selectedItemsAll.emit(this.selectedOptionIndex);
|
|
3244
3246
|
}
|
|
3245
3247
|
checkSelectedItem() {
|
|
3246
3248
|
this.selectedOptionIndex = [];
|
|
3247
3249
|
this.options.forEach((eln, i) => {
|
|
3248
|
-
if (eln.
|
|
3250
|
+
if (eln.checked) {
|
|
3249
3251
|
this.selectedOptionIndex.push(i);
|
|
3250
3252
|
}
|
|
3251
3253
|
});
|
|
@@ -3253,21 +3255,21 @@ class SelectedListComponent {
|
|
|
3253
3255
|
unSelectAll() {
|
|
3254
3256
|
this.selectedOptionIndex = [];
|
|
3255
3257
|
this.options.forEach((eln, i) => {
|
|
3256
|
-
this.options[i].
|
|
3258
|
+
this.options[i].checked = false;
|
|
3257
3259
|
});
|
|
3258
3260
|
this.switchSelectAll = false;
|
|
3259
|
-
this.
|
|
3261
|
+
this.unSelectedItemsAll.emit(this.selectedOptionIndex);
|
|
3260
3262
|
}
|
|
3261
3263
|
selectItem(i) {
|
|
3262
|
-
this.options[i].
|
|
3264
|
+
this.options[i].checked = !this.options[i].checked;
|
|
3263
3265
|
this.checkSelectedItem();
|
|
3264
|
-
this.
|
|
3266
|
+
this.selectedItemsIndex.emit(i);
|
|
3265
3267
|
}
|
|
3266
3268
|
}
|
|
3267
3269
|
SelectedListComponent.decorators = [
|
|
3268
3270
|
{ type: Component, args: [{
|
|
3269
3271
|
selector: 'wac-selected-list',
|
|
3270
|
-
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 <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"selectAll()\"></span>\n <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"unSelectAll()\"></span>\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.
|
|
3272
|
+
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 <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"selectAll()\"></span>\n <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"unSelectAll()\"></span>\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)=\"selectItem(i)\">\n <span [innerHTML]=\"item.label\"></span>\n <i class=\"fas fa-check\"></i>\n </div>\n </div>\n </div>\n</div>\n"
|
|
3271
3273
|
},] }
|
|
3272
3274
|
];
|
|
3273
3275
|
SelectedListComponent.propDecorators = {
|
|
@@ -3276,7 +3278,9 @@ SelectedListComponent.propDecorators = {
|
|
|
3276
3278
|
textSelectAll: [{ type: Input }],
|
|
3277
3279
|
textUnSelectAll: [{ type: Input }],
|
|
3278
3280
|
enableSelectAll: [{ type: Input }],
|
|
3279
|
-
|
|
3281
|
+
selectedItemsIndex: [{ type: Output }],
|
|
3282
|
+
selectedItemsAll: [{ type: Output }],
|
|
3283
|
+
unSelectedItemsAll: [{ type: Output }]
|
|
3280
3284
|
};
|
|
3281
3285
|
|
|
3282
3286
|
const components = [
|