@wizishop/angular-components 14.3.26 → 14.3.27
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/esm2020/lib/components/inputs/input-with-select/input-with-select.component.mjs +5 -10
- package/fesm2015/wizishop-angular-components.mjs +5 -9
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +4 -9
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/inputs/input-with-select/input-with-select.component.d.ts +4 -5
- package/package.json +1 -1
- package/wizishop-angular-components-14.3.27.tgz +0 -0
- package/wizishop-angular-components-14.3.26.tgz +0 -0
|
@@ -9,18 +9,13 @@ export class InputWithSelectComponent {
|
|
|
9
9
|
this.inputValueChange = new EventEmitter();
|
|
10
10
|
this.selectValueChange = new EventEmitter();
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
this.options
|
|
14
|
-
if (item.active) {
|
|
15
|
-
this.currentLabel = item.label;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
12
|
+
get selectedLabel() {
|
|
13
|
+
return this.options?.find((item) => item.active)?.label || '';
|
|
18
14
|
}
|
|
19
15
|
onClickItem(index) {
|
|
20
16
|
this.unActiveAll();
|
|
21
17
|
const optionSelected = this.options[index];
|
|
22
18
|
optionSelected.active = true;
|
|
23
|
-
this.currentLabel = optionSelected.label;
|
|
24
19
|
this.showSelect = false;
|
|
25
20
|
this.selectValueChange.emit(index);
|
|
26
21
|
}
|
|
@@ -40,10 +35,10 @@ export class InputWithSelectComponent {
|
|
|
40
35
|
}
|
|
41
36
|
}
|
|
42
37
|
InputWithSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", inputs: { label: "label", text: "text", options: "options", placeholder: "placeholder", id: "id" }, outputs: { inputValueChange: "inputValueChange", selectValueChange: "selectValueChange" }, ngImport: i0, template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{
|
|
38
|
+
InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", inputs: { label: "label", text: "text", options: "options", placeholder: "placeholder", id: "id" }, outputs: { inputValueChange: "inputValueChange", selectValueChange: "selectValueChange" }, ngImport: i0, template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{ selectedLabel }}</span>\n </div>\n <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n </div>\n </div>\n </div>\n <div class=\"wac-input-with-select__wrapper__right\">\n <p [innerHTML]=\"text\"></p>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: i3.ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }] });
|
|
44
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, decorators: [{
|
|
45
40
|
type: Component,
|
|
46
|
-
args: [{ selector: 'wac-input-with-select', template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{
|
|
41
|
+
args: [{ selector: 'wac-input-with-select', template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{ selectedLabel }}</span>\n </div>\n <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n </div>\n </div>\n </div>\n <div class=\"wac-input-with-select__wrapper__right\">\n <p [innerHTML]=\"text\"></p>\n </div>\n </div>\n</div>\n" }]
|
|
47
42
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
48
43
|
type: Input
|
|
49
44
|
}], text: [{
|
|
@@ -59,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
59
54
|
}], selectValueChange: [{
|
|
60
55
|
type: Output
|
|
61
56
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtd2l0aC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dHMvaW5wdXQtd2l0aC1zZWxlY3QvaW5wdXQtd2l0aC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dHMvaW5wdXQtd2l0aC1zZWxlY3QvaW5wdXQtd2l0aC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLHdCQUF3QjtJQTBCbkM7UUFUQSxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBTVQscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM5QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRTFDLENBQUM7SUFQaEIsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUM7SUFDaEUsQ0FBQztJQU9ELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixNQUFNLGNBQWMsR0FBZSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZELGNBQWMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxDQUFNO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzVCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7cUhBcERVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDRQQ1ByQyxpaENBbUJBOzJGRFphLHdCQUF3QjtrQkFKcEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTWpDLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixFQUFFO3NCQURELEtBQUs7Z0JBU0ksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9wdGlvbkl0ZW0gfSBmcm9tICcuL29wdGlvbi1pdGVtLmR0byc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1pbnB1dC13aXRoLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC13aXRoLXNlbGVjdC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRXaXRoU2VsZWN0Q29tcG9uZW50ICB7XG4gIC8vIHRvZG8gYWRkIG5nbW9kZWwgZm9yIGlucHV0IGFuZCBhbHNvIG9uIHRoZSBzZWxlY3QsIG1heWJlIGNyZWF0ZSAyIHN1YmNvbXBvbmVudHMgZm9yIHRoYXRcbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgb3B0aW9uczogUmVhZG9ubHk8T3B0aW9uSXRlbVtdPjtcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGlkOiBzdHJpbmc7XG5cbiAgc2hvd1NlbGVjdCA9IGZhbHNlO1xuXG4gIGdldCBzZWxlY3RlZExhYmVsKCkgOiBzdHJpbmcgeyAvLyB0b2RvIHNob3VsZCBiZSBoYW5kbGVkIGluc2lkZSBhIHBpcGVcbiAgICByZXR1cm4gdGhpcy5vcHRpb25zPy5maW5kKChpdGVtKSA9PiBpdGVtLmFjdGl2ZSk/LmxhYmVsIHx8ICcnO1xuICB9XG5cbiAgQE91dHB1dCgpIGlucHV0VmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2tJdGVtKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLnVuQWN0aXZlQWxsKCk7XG4gICAgY29uc3Qgb3B0aW9uU2VsZWN0ZWQ6IE9wdGlvbkl0ZW0gPSB0aGlzLm9wdGlvbnNbaW5kZXhdO1xuICAgIG9wdGlvblNlbGVjdGVkLmFjdGl2ZSA9IHRydWU7XG4gICAgdGhpcy5zaG93U2VsZWN0ID0gZmFsc2U7XG4gICAgdGhpcy5zZWxlY3RWYWx1ZUNoYW5nZS5lbWl0KGluZGV4KTtcbiAgfVxuXG4gIG9uVG9nZ2xlU2VsZWN0KCkge1xuICAgIHRoaXMuc2hvd1NlbGVjdCA9ICF0aGlzLnNob3dTZWxlY3Q7XG4gIH1cblxuICBvbkNsb3NlU2VsZWN0KCkge1xuICAgIHRoaXMuc2hvd1NlbGVjdCA9IGZhbHNlO1xuICB9XG5cbiAgb25DaGFuZ2VJbnB1dFZhbHVlKGU6IGFueSkge1xuICAgIHRoaXMuaW5wdXRWYWx1ZUNoYW5nZS5lbWl0KGUudGFyZ2V0LnZhbHVlKTtcbiAgfVxuXG4gIHByaXZhdGUgdW5BY3RpdmVBbGwoKSB7XG4gICAgdGhpcy5vcHRpb25zLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgIGl0ZW0uYWN0aXZlID0gZmFsc2U7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtaW5wdXQtd2l0aC1zZWxlY3RcIiBbekluZGV4VG9nZ2xlXT1cInNob3dTZWxlY3RcIj5cbiAgPGxhYmVsIGNsYXNzPVwid2FjLWlucHV0LXdpdGgtc2VsZWN0X19sYWJlbFwiIFtmb3JdPVwiaWRcIiBbaW5uZXJIVE1MXT1cImxhYmVsXCI+PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cIndhYy1pbnB1dC13aXRoLXNlbGVjdF9fd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtaW5wdXQtd2l0aC1zZWxlY3RfX3dyYXBwZXJfX2xlZnRcIiB3ekF1dG9IaWRlIChjbGlja091dHNpZGUpPVwib25DbG9zZVNlbGVjdCgpXCI+XG4gICAgICA8aW5wdXQgW2lkXT1cImlkXCIgdHlwZT1cInRleHRcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiAoY2hhbmdlKT1cIm9uQ2hhbmdlSW5wdXRWYWx1ZSgkZXZlbnQpXCIgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtaW5wdXQtd2l0aC1zZWxlY3RfX3dyYXBwZXJfX2xlZnRfX2N1cnJlbnRcIj5cbiAgICAgICAgPHNwYW4gKGNsaWNrKT1cIm9uVG9nZ2xlU2VsZWN0KClcIj57eyBzZWxlY3RlZExhYmVsIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwid2FjLWlucHV0LXdpdGgtc2VsZWN0X193cmFwcGVyX19sZWZ0X19zZWxlY3RcIiAqbmdJZj1cInNob3dTZWxlY3RcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndhYy1pbnB1dC13aXRoLXNlbGVjdF9fd3JhcHBlcl9fbGVmdF9fc2VsZWN0X19pdGVtXCIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zOyBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgICAgICAgIDxkaXYgKGNsaWNrKT1cIm9uQ2xpY2tJdGVtKGluZGV4KVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtaW5wdXQtd2l0aC1zZWxlY3RfX3dyYXBwZXJfX3JpZ2h0XCI+XG4gICAgICA8cCBbaW5uZXJIVE1MXT1cInRleHRcIj48L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -3823,18 +3823,14 @@ class InputWithSelectComponent {
|
|
|
3823
3823
|
this.inputValueChange = new EventEmitter();
|
|
3824
3824
|
this.selectValueChange = new EventEmitter();
|
|
3825
3825
|
}
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
this.currentLabel = item.label;
|
|
3830
|
-
}
|
|
3831
|
-
});
|
|
3826
|
+
get selectedLabel() {
|
|
3827
|
+
var _a, _b;
|
|
3828
|
+
return ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find((item) => item.active)) === null || _b === void 0 ? void 0 : _b.label) || '';
|
|
3832
3829
|
}
|
|
3833
3830
|
onClickItem(index) {
|
|
3834
3831
|
this.unActiveAll();
|
|
3835
3832
|
const optionSelected = this.options[index];
|
|
3836
3833
|
optionSelected.active = true;
|
|
3837
|
-
this.currentLabel = optionSelected.label;
|
|
3838
3834
|
this.showSelect = false;
|
|
3839
3835
|
this.selectValueChange.emit(index);
|
|
3840
3836
|
}
|
|
@@ -3854,10 +3850,10 @@ class InputWithSelectComponent {
|
|
|
3854
3850
|
}
|
|
3855
3851
|
}
|
|
3856
3852
|
InputWithSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3857
|
-
InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", inputs: { label: "label", text: "text", options: "options", placeholder: "placeholder", id: "id" }, outputs: { inputValueChange: "inputValueChange", selectValueChange: "selectValueChange" }, ngImport: i0, template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{
|
|
3853
|
+
InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", inputs: { label: "label", text: "text", options: "options", placeholder: "placeholder", id: "id" }, outputs: { inputValueChange: "inputValueChange", selectValueChange: "selectValueChange" }, ngImport: i0, template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{ selectedLabel }}</span>\n </div>\n <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n </div>\n </div>\n </div>\n <div class=\"wac-input-with-select__wrapper__right\">\n <p [innerHTML]=\"text\"></p>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }] });
|
|
3858
3854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, decorators: [{
|
|
3859
3855
|
type: Component,
|
|
3860
|
-
args: [{ selector: 'wac-input-with-select', template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{
|
|
3856
|
+
args: [{ selector: 'wac-input-with-select', template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n <div class=\"wac-input-with-select__wrapper\">\n <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n <div class=\"wac-input-with-select__wrapper__left__current\">\n <span (click)=\"onToggleSelect()\">{{ selectedLabel }}</span>\n </div>\n <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n </div>\n </div>\n </div>\n <div class=\"wac-input-with-select__wrapper__right\">\n <p [innerHTML]=\"text\"></p>\n </div>\n </div>\n</div>\n" }]
|
|
3861
3857
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
3862
3858
|
type: Input
|
|
3863
3859
|
}], text: [{
|