@wizishop/angular-components 14.3.33 → 14.4.1

package/fesm2020/wizishop-angular-components.mjs

@@ -547,7 +547,7 @@ class ValueChangeService {
         });
     }
     updateSelectPlaceholder() {
-        if (!this.value) {
+        if (!this.value && typeof this.value !== 'number') {
             this.selectedOptionContent = null;
             return;
         }
@@ -3809,82 +3809,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 type: Output
             }] } });
 
-class FindOptionSelectedPipe {
-    transform(options, field) {
-        const isFieldArray = Array.isArray(field);
-        if (!options) {
-            return isFieldArray ? [] : '';
-        }
-        const optionSelected = options.find((item) => item.active);
-        if (!optionSelected) {
-            return isFieldArray ? [] : '';
-        }
-        if (isFieldArray) {
-            return field.reduce((acc, curr) => {
-                return acc[curr];
-            }, optionSelected);
-        }
-        return optionSelected[field];
+class LabelComponent {
+    constructor() { }
+    ngOnInit() {
     }
 }
-FindOptionSelectedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FindOptionSelectedPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, name: "wacFindOptionSelectedField" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'wacFindOptionSelectedField'
-                }]
-        }] });
+LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LabelComponent, selector: "wac-label", host: { classAttribute: "wac-label" }, ngImport: i0, template: "<ng-content></ng-content>" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-label', host: {
+                        'class': 'wac-label'
+                    }, template: "<ng-content></ng-content>" }]
+        }], ctorParameters: function () { return []; } });
 
 class InputWithSelectComponent {
-    constructor() {
-        this.showSelect = false;
-        this.inputValueChange = new EventEmitter();
-        this.selectValueChange = new EventEmitter();
-    }
-    onClickItem(index) {
-        this.unActiveAll();
-        const optionSelected = this.options[index];
-        optionSelected.active = true;
-        this.showSelect = false;
-        this.selectValueChange.emit(index);
-    }
-    onToggleSelect() {
-        this.showSelect = !this.showSelect;
-    }
-    onCloseSelect() {
-        this.showSelect = false;
-    }
-    onChangeInputValue(e) {
-        this.inputValueChange.emit(e.target.value);
-    }
-    unActiveAll() {
-        this.options.forEach((item) => {
-            item.active = false;
-        });
-    }
 }
 InputWithSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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", value: "value" }, 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\" [(ngModel)]=\"value\" (ngModelChange)=\"onChangeInputValue($event)\"/>\n      <div class=\"wac-input-with-select__wrapper__left__current\">\n        <span (click)=\"onToggleSelect()\">{{ options | wacFindOptionSelectedField: 'label' }}</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.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"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "pipe", type: FindOptionSelectedPipe, name: "wacFindOptionSelectedField" }] });
+InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", queries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], ngImport: i0, template: "<p *ngIf=\"!!label\" class=\"wac-select-test__label\">\n  <ng-content select=\"wac-label, .wac-label\" ></ng-content>\n</p>\n\n<div class=\"wac-input-with-select\">\n  <div class=\"wac-input-with-select__wrapper\">\n    <div class=\"wac-input-with-select__wrapper__left\">\n      <ng-content select=\"input\"></ng-content>\n      <ng-content select=\"wac-select-test\"></ng-content>\n    </div>\n    <div class=\"wac-input-with-select__wrapper__right\">\n      <ng-content select=\"[text]\"></ng-content>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, decorators: [{
             type: Component,
-            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\" [(ngModel)]=\"value\" (ngModelChange)=\"onChangeInputValue($event)\"/>\n      <div class=\"wac-input-with-select__wrapper__left__current\">\n        <span (click)=\"onToggleSelect()\">{{ options | wacFindOptionSelectedField: 'label' }}</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" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], inputValueChange: [{
-                type: Output
-            }], selectValueChange: [{
-                type: Output
+            args: [{ selector: 'wac-input-with-select', encapsulation: ViewEncapsulation.None, template: "<p *ngIf=\"!!label\" class=\"wac-select-test__label\">\n  <ng-content select=\"wac-label, .wac-label\" ></ng-content>\n</p>\n\n<div class=\"wac-input-with-select\">\n  <div class=\"wac-input-with-select__wrapper\">\n    <div class=\"wac-input-with-select__wrapper__left\">\n      <ng-content select=\"input\"></ng-content>\n      <ng-content select=\"wac-select-test\"></ng-content>\n    </div>\n    <div class=\"wac-input-with-select__wrapper__right\">\n      <ng-content select=\"[text]\"></ng-content>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { label: [{
+                type: ContentChild,
+                args: [LabelComponent]
             }] } });
 
 class PopinComponent {
@@ -4644,6 +4592,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 }]
         }] });
 
+class FindOptionSelectedPipe {
+    transform(options, field) {
+        const isFieldArray = Array.isArray(field);
+        if (!options) {
+            return isFieldArray ? [] : '';
+        }
+        const optionSelected = options.find((item) => item.active);
+        if (!optionSelected) {
+            return isFieldArray ? [] : '';
+        }
+        if (isFieldArray) {
+            return field.reduce((acc, curr) => {
+                return acc[curr];
+            }, optionSelected);
+        }
+        return optionSelected[field];
+    }
+}
+FindOptionSelectedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FindOptionSelectedPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, name: "wacFindOptionSelectedField" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FindOptionSelectedPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'wacFindOptionSelectedField'
+                }]
+        }] });
+
 const exportedPipes = [
     FormatObjectToRecursifTreePipe,
     FormatObjectToSimpleTreePipe,
@@ -4733,20 +4708,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 args: ['searchInput']
             }] } });
 
-class LabelComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LabelComponent, selector: "wac-label", host: { classAttribute: "wac-label" }, ngImport: i0, template: "<ng-content></ng-content>" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'wac-label', host: {
-                        'class': 'wac-label'
-                    }, template: "<ng-content></ng-content>" }]
-        }], ctorParameters: function () { return []; } });
-
 class SelectTestComponent extends SelectDirective {
     constructor(valueChangeService) {
         super(valueChangeService);