fabrikantencore 2.35.3 → 2.35.4
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/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-input/fab-input.component.mjs
CHANGED
|
@@ -41,13 +41,13 @@ class FabInputComponent {
|
|
|
41
41
|
//alert('filteroptionid: ' + event.filteroptionid);
|
|
42
42
|
}
|
|
43
43
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabInputComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabInputComponent, selector: "app-fab-input", inputs: { input: "input" }, ngImport: i0, template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FabFilterComponent, selector: "app-fab-filter", inputs: ["filter"], outputs: ["filterchanged", "selectoption"] }, { kind: "component", type: i5.FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }, { kind: "component", type: i6.FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: ["filter"] }, { kind: "component", type: i7.FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }, { kind: "component", type: i8.FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: ["filter"] }, { kind: "component", type: i9.FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: ["filter"] }, { kind: "component", type: i10.FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: ["rangeinput"] }, { kind: "component", type: i11.FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i12.FabFilterColourLabelComponent, selector: "app-fab-filter-colour-label", inputs: ["filter"] }, { kind: "component", type: i13.FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: ["filter"] }, { kind: "component", type: i14.FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: ["filter", "range"] }, { kind: "component", type: i15.FabCheckboxComponent, selector: "app-fab-checkbox", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i16.FabFilterPictureSelectComponent, selector: "app-fab-filter-picture-select", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i17.FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: ["filter"] }, { kind: "component", type: i18.FabFilterAutocompleteFoldComponent, selector: "app-fab-filter-autocomplete-fold", inputs: ["filter"] }, { kind: "component", type: i19.FabFilterPictureSelectPopupComponent, selector: "app-fab-filter-picture-select-popup", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i20.FabRangeInputLabelComponent, selector: "app-fab-range-input-label", inputs: ["rangeinput"] }] });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabInputComponent, selector: "app-fab-input", inputs: { input: "input" }, ngImport: i0, template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom [range]=\"input.range\"></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FabFilterComponent, selector: "app-fab-filter", inputs: ["filter"], outputs: ["filterchanged", "selectoption"] }, { kind: "component", type: i5.FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }, { kind: "component", type: i6.FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: ["filter"] }, { kind: "component", type: i7.FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }, { kind: "component", type: i8.FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: ["filter"] }, { kind: "component", type: i9.FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: ["filter"] }, { kind: "component", type: i10.FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: ["rangeinput"] }, { kind: "component", type: i11.FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i12.FabFilterColourLabelComponent, selector: "app-fab-filter-colour-label", inputs: ["filter"] }, { kind: "component", type: i13.FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: ["filter"] }, { kind: "component", type: i14.FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: ["filter", "range"] }, { kind: "component", type: i15.FabCheckboxComponent, selector: "app-fab-checkbox", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i16.FabFilterPictureSelectComponent, selector: "app-fab-filter-picture-select", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i17.FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: ["filter"] }, { kind: "component", type: i18.FabFilterAutocompleteFoldComponent, selector: "app-fab-filter-autocomplete-fold", inputs: ["filter"] }, { kind: "component", type: i19.FabFilterPictureSelectPopupComponent, selector: "app-fab-filter-picture-select-popup", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: i20.FabRangeInputLabelComponent, selector: "app-fab-range-input-label", inputs: ["rangeinput"] }] });
|
|
45
45
|
}
|
|
46
46
|
export { FabInputComponent };
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabInputComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'app-fab-input', template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n" }]
|
|
49
|
+
args: [{ selector: 'app-fab-input', template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom [range]=\"input.range\"></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n" }]
|
|
50
50
|
}], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9pbnB1dHMvZmFiLWlucHV0L2ZhYi1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1pbnB1dC9mYWItaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBS3BFLE1BS2EsaUJBQWlCO0lBWWxCO0lBQ0E7SUFDQTtJQVpWLE1BQU0sQ0FBNEI7SUFDbEMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFhLEtBQUssQ0FBQyxLQUFnQztRQUNqRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFDVSxrQkFBc0MsRUFDdEMsY0FBOEIsRUFDOUIsaUJBQW9DO1FBRnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFFOUMsQ0FBQztJQUVNLFlBQVksQ0FBQyxLQUFVO1FBRTVCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFeEgsbURBQW1EO0lBQ3JELENBQUM7d0dBdkJVLGlCQUFpQjs0RkFBakIsaUJBQWlCLGlGQ1Y5QixpMEdBOERBOztTRHBEYSxpQkFBaUI7NEZBQWpCLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlO3NLQVdaLEtBQUs7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFicmlrYW50ZW5JbnB1dFZpZXdNb2RlbCB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mYWItaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGYWJJbnB1dENvbXBvbmVudCB7XG5cbiAgX2lucHV0OiBGYWJyaWthbnRlbklucHV0Vmlld01vZGVsO1xuICBnZXQgaW5wdXQoKTogRmFicmlrYW50ZW5JbnB1dFZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuX2lucHV0O1xuICB9XG5cbiAgQElucHV0KCkgc2V0IGlucHV0KHZhbHVlOiBGYWJyaWthbnRlbklucHV0Vmlld01vZGVsKSB7XG4gICAgdGhpcy5faW5wdXQgPSB2YWx1ZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXG4gICAgcHJpdmF0ZSBBY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxyXG4gIH1cblxuICBwdWJsaWMgU2VsZWN0T3B0aW9uKGV2ZW50OiBhbnkpOiB2b2lkIHtcblxuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNlbGVjdE9wdGlvbihldmVudC5maWx0ZXJpZCwgZXZlbnQuZmlsdGVyb3B0aW9uaWQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYsIHRoaXMuQWN0aXZhdGVkUm91dGUpO1xuXG4gICAgLy9hbGVydCgnZmlsdGVyb3B0aW9uaWQ6ICcgKyBldmVudC5maWx0ZXJvcHRpb25pZCk7XHJcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZpbHRlciAmJiAhaW5wdXQuZmlsdGVyLmhpZGRlblwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5maWx0ZXIuZmlsdGVyVHlwZSA9PSAxXCI+XHJcbiAgICA8YXBwLWZhYi1maWx0ZXIgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIiAoc2VsZWN0b3B0aW9uKT1cIlNlbGVjdE9wdGlvbigkZXZlbnQpXCI+PC9hcHAtZmFiLWZpbHRlcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gNFwiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWZvbGQgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItZmlsdGVyLWZvbGQ+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZpbHRlci5maWx0ZXJUeXBlID09IDJcIj5cclxuICAgIDxhcHAtZmFiLWZpbHRlci1jb2xvdXIgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItZmlsdGVyLWNvbG91cj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gM1wiPlxyXG4gICAgPGFwcC1mYWItbXVsdGlzZWxlY3QgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItbXVsdGlzZWxlY3Q+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZpbHRlci5maWx0ZXJUeXBlID09IDVcIj5cclxuICAgIDxhcHAtZmFiLW11bHRpc2VsZWN0LWZvbGQgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItbXVsdGlzZWxlY3QtZm9sZD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gNlwiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWxhYmVsIFtmaWx0ZXJdPVwiaW5wdXQuZmlsdGVyXCI+PC9hcHAtZmFiLWZpbHRlci1sYWJlbD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gN1wiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWNvbG91ci1sYWJlbCBbZmlsdGVyXT1cImlucHV0LmZpbHRlclwiPjwvYXBwLWZhYi1maWx0ZXItY29sb3VyLWxhYmVsPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5maWx0ZXIuZmlsdGVyVHlwZSA9PSA4XCI+XHJcbiAgICA8YXBwLWZhYi1maWx0ZXItZGlzcGxheS12YWx1ZSBbZmlsdGVyXT1cImlucHV0LmZpbHRlclwiPjwvYXBwLWZhYi1maWx0ZXItZGlzcGxheS12YWx1ZT5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gOVwiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWN1c3RvbSBbZmlsdGVyXT1cImlucHV0LmZpbHRlclwiPjwvYXBwLWZhYi1maWx0ZXItY3VzdG9tPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5maWx0ZXIuZmlsdGVyVHlwZSA9PSAxMFwiPlxyXG4gICAgPGFwcC1mYWItY2hlY2tib3ggW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItY2hlY2tib3g+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZpbHRlci5maWx0ZXJUeXBlID09IDExXCI+XHJcbiAgICA8YXBwLWZhYi1maWx0ZXItcGljdHVyZS1zZWxlY3QgW2ZpbHRlcl09XCJpbnB1dC5maWx0ZXJcIj48L2FwcC1mYWItZmlsdGVyLXBpY3R1cmUtc2VsZWN0PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5maWx0ZXIuZmlsdGVyVHlwZSA9PSAxMlwiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWF1dG9jb21wbGV0ZSBbZmlsdGVyXT1cImlucHV0LmZpbHRlclwiPjwvYXBwLWZhYi1maWx0ZXItYXV0b2NvbXBsZXRlPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5maWx0ZXIuZmlsdGVyVHlwZSA9PSAxM1wiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS1mb2xkIFtmaWx0ZXJdPVwiaW5wdXQuZmlsdGVyXCI+PC9hcHAtZmFiLWZpbHRlci1hdXRvY29tcGxldGUtZm9sZD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZmlsdGVyLmZpbHRlclR5cGUgPT0gMTRcIj5cclxuICAgIDxhcHAtZmFiLWZpbHRlci1waWN0dXJlLXNlbGVjdC1wb3B1cCBbZmlsdGVyXT1cImlucHV0LmZpbHRlclwiPjwvYXBwLWZhYi1maWx0ZXItcGljdHVyZS1zZWxlY3QtcG9wdXA+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LnJhbmdlICYmICFpbnB1dC5yYW5nZS5oaWRkZW5cIj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQucmFuZ2UucmFuZ2VJbnB1dFR5cGUgPT0gMFwiPlxyXG4gICAgPGFwcC1mYWItcmFuZ2UtaW5wdXQgW3JhbmdlaW5wdXRdPVwiaW5wdXQucmFuZ2VcIj48L2FwcC1mYWItcmFuZ2UtaW5wdXQ+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LnJhbmdlLnJhbmdlSW5wdXRUeXBlID09IDFcIj5cclxuICAgIDxhcHAtZmFiLXJhbmdlLWlucHV0LWZvbGQgW3JhbmdlaW5wdXRdPVwiaW5wdXQucmFuZ2VcIj48L2FwcC1mYWItcmFuZ2UtaW5wdXQtZm9sZD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQucmFuZ2UucmFuZ2VJbnB1dFR5cGUgPT0gMlwiPlxyXG4gICAgPGFwcC1mYWItcmFuZ2UtaW5wdXQtZm9sZCBbcmFuZ2VpbnB1dF09XCJpbnB1dC5yYW5nZVwiPjwvYXBwLWZhYi1yYW5nZS1pbnB1dC1mb2xkPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dC5yYW5nZS5yYW5nZUlucHV0VHlwZSA9PSAzXCI+XHJcbiAgICA8YXBwLWZhYi1yYW5nZS1pbnB1dC1sYWJlbCBbcmFuZ2VpbnB1dF09XCJpbnB1dC5yYW5nZVwiPjwvYXBwLWZhYi1yYW5nZS1pbnB1dC1sYWJlbD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQucmFuZ2UucmFuZ2VJbnB1dFR5cGUgPT0gNFwiPlxyXG4gICAgPGFwcC1mYWItZmlsdGVyLWN1c3RvbSBbcmFuZ2VdPVwiaW5wdXQucmFuZ2VcIj48L2FwcC1mYWItZmlsdGVyLWN1c3RvbT5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==
|
|
@@ -25172,11 +25172,11 @@ class FabInputComponent {
|
|
|
25172
25172
|
//alert('filteroptionid: ' + event.filteroptionid);
|
|
25173
25173
|
}
|
|
25174
25174
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabInputComponent, deps: [{ token: FabrikantenService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabInputComponent, selector: "app-fab-input", inputs: { input: "input" }, ngImport: i0, template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabFilterComponent, selector: "app-fab-filter", inputs: ["filter"], outputs: ["filterchanged", "selectoption"] }, { kind: "component", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }, { kind: "component", type: FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: ["filter"] }, { kind: "component", type: FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }, { kind: "component", type: FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: ["filter"] }, { kind: "component", type: FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: ["filter"] }, { kind: "component", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: ["rangeinput"] }, { kind: "component", type: FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterColourLabelComponent, selector: "app-fab-filter-colour-label", inputs: ["filter"] }, { kind: "component", type: FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: ["filter"] }, { kind: "component", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: ["filter", "range"] }, { kind: "component", type: FabCheckboxComponent, selector: "app-fab-checkbox", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterPictureSelectComponent, selector: "app-fab-filter-picture-select", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: ["filter"] }, { kind: "component", type: FabFilterAutocompleteFoldComponent, selector: "app-fab-filter-autocomplete-fold", inputs: ["filter"] }, { kind: "component", type: FabFilterPictureSelectPopupComponent, selector: "app-fab-filter-picture-select-popup", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabRangeInputLabelComponent, selector: "app-fab-range-input-label", inputs: ["rangeinput"] }] });
|
|
25175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabInputComponent, selector: "app-fab-input", inputs: { input: "input" }, ngImport: i0, template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom [range]=\"input.range\"></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabFilterComponent, selector: "app-fab-filter", inputs: ["filter"], outputs: ["filterchanged", "selectoption"] }, { kind: "component", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }, { kind: "component", type: FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: ["filter"] }, { kind: "component", type: FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }, { kind: "component", type: FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: ["filter"] }, { kind: "component", type: FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: ["filter"] }, { kind: "component", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: ["rangeinput"] }, { kind: "component", type: FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterColourLabelComponent, selector: "app-fab-filter-colour-label", inputs: ["filter"] }, { kind: "component", type: FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: ["filter"] }, { kind: "component", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: ["filter", "range"] }, { kind: "component", type: FabCheckboxComponent, selector: "app-fab-checkbox", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterPictureSelectComponent, selector: "app-fab-filter-picture-select", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: ["filter"] }, { kind: "component", type: FabFilterAutocompleteFoldComponent, selector: "app-fab-filter-autocomplete-fold", inputs: ["filter"] }, { kind: "component", type: FabFilterPictureSelectPopupComponent, selector: "app-fab-filter-picture-select-popup", inputs: ["filter"], outputs: ["filterchanged"] }, { kind: "component", type: FabRangeInputLabelComponent, selector: "app-fab-range-input-label", inputs: ["rangeinput"] }] });
|
|
25176
25176
|
}
|
|
25177
25177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabInputComponent, decorators: [{
|
|
25178
25178
|
type: Component,
|
|
25179
|
-
args: [{ selector: 'app-fab-input', template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n" }]
|
|
25179
|
+
args: [{ selector: 'app-fab-input', template: "<ng-container *ngIf=\"input.filter && !input.filter.hidden\">\r\n <ng-container *ngIf=\"input.filter.filterType == 1\">\r\n <app-fab-filter [filter]=\"input.filter\" (selectoption)=\"SelectOption($event)\"></app-fab-filter>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 4\">\r\n <app-fab-filter-fold [filter]=\"input.filter\"></app-fab-filter-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 2\">\r\n <app-fab-filter-colour [filter]=\"input.filter\"></app-fab-filter-colour>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 3\">\r\n <app-fab-multiselect [filter]=\"input.filter\"></app-fab-multiselect>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 5\">\r\n <app-fab-multiselect-fold [filter]=\"input.filter\"></app-fab-multiselect-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 6\">\r\n <app-fab-filter-label [filter]=\"input.filter\"></app-fab-filter-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 7\">\r\n <app-fab-filter-colour-label [filter]=\"input.filter\"></app-fab-filter-colour-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 8\">\r\n <app-fab-filter-display-value [filter]=\"input.filter\"></app-fab-filter-display-value>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 9\">\r\n <app-fab-filter-custom [filter]=\"input.filter\"></app-fab-filter-custom>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 10\">\r\n <app-fab-checkbox [filter]=\"input.filter\"></app-fab-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 11\">\r\n <app-fab-filter-picture-select [filter]=\"input.filter\"></app-fab-filter-picture-select>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 12\">\r\n <app-fab-filter-autocomplete [filter]=\"input.filter\"></app-fab-filter-autocomplete>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 13\">\r\n <app-fab-filter-autocomplete-fold [filter]=\"input.filter\"></app-fab-filter-autocomplete-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.filter.filterType == 14\">\r\n <app-fab-filter-picture-select-popup [filter]=\"input.filter\"></app-fab-filter-picture-select-popup>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"input.range && !input.range.hidden\">\r\n <ng-container *ngIf=\"input.range.rangeInputType == 0\">\r\n <app-fab-range-input [rangeinput]=\"input.range\"></app-fab-range-input>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 1\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 2\">\r\n <app-fab-range-input-fold [rangeinput]=\"input.range\"></app-fab-range-input-fold>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 3\">\r\n <app-fab-range-input-label [rangeinput]=\"input.range\"></app-fab-range-input-label>\r\n </ng-container>\r\n <ng-container *ngIf=\"input.range.rangeInputType == 4\">\r\n <app-fab-filter-custom [range]=\"input.range\"></app-fab-filter-custom>\r\n </ng-container>\r\n</ng-container>\r\n" }]
|
|
25180
25180
|
}], ctorParameters: function () { return [{ type: FabrikantenService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
|
|
25181
25181
|
type: Input
|
|
25182
25182
|
}] } });
|