fabrikantencore 2.35.2 → 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-filter-custom/fab-filter-custom.component.mjs +21 -3
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-input/fab-input.component.mjs +3 -3
- package/fesm2022/fabrikantencore.mjs +22 -4
- package/fesm2022/fabrikantencore.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/modules/fabrikantencore/components/inputs/fab-filter-custom/fab-filter-custom.component.d.ts +6 -2
|
@@ -11,6 +11,13 @@ class FabFilterCustomComponent {
|
|
|
11
11
|
set filter(value) {
|
|
12
12
|
this._filter = value;
|
|
13
13
|
}
|
|
14
|
+
_range;
|
|
15
|
+
get range() {
|
|
16
|
+
return this._range;
|
|
17
|
+
}
|
|
18
|
+
set range(value) {
|
|
19
|
+
this._range = value;
|
|
20
|
+
}
|
|
14
21
|
componentContainer;
|
|
15
22
|
componentRef;
|
|
16
23
|
ComponentInjected = false;
|
|
@@ -19,7 +26,7 @@ class FabFilterCustomComponent {
|
|
|
19
26
|
this.TemplateComponentService = TemplateComponentService;
|
|
20
27
|
}
|
|
21
28
|
ngAfterViewInit() {
|
|
22
|
-
this.ComponentName =
|
|
29
|
+
this.ComponentName = this.GetName();
|
|
23
30
|
var component = this.TemplateComponentService.GetComponentFilterCustom(this.ComponentName);
|
|
24
31
|
if (component != null) {
|
|
25
32
|
this.componentContainer.createComponent(component);
|
|
@@ -29,8 +36,17 @@ class FabFilterCustomComponent {
|
|
|
29
36
|
console.log("component is null");
|
|
30
37
|
}
|
|
31
38
|
}
|
|
39
|
+
GetName() {
|
|
40
|
+
if (this.filter != undefined && this.filter.id > 0) {
|
|
41
|
+
return "customfilter-" + this.filter.id;
|
|
42
|
+
}
|
|
43
|
+
if (this.range != undefined && this.range.id > 0) {
|
|
44
|
+
return "customrange-" + this.range.id;
|
|
45
|
+
}
|
|
46
|
+
return "customfilter-?";
|
|
47
|
+
}
|
|
32
48
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFilterCustomComponent, deps: [{ token: i1.TemplateComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: { filter: "filter" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: { filter: "filter", range: "range" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
34
50
|
}
|
|
35
51
|
export { FabFilterCustomComponent };
|
|
36
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFilterCustomComponent, decorators: [{
|
|
@@ -38,8 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
38
54
|
args: [{ selector: 'app-fab-filter-custom', template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n" }]
|
|
39
55
|
}], ctorParameters: function () { return [{ type: i1.TemplateComponentService }]; }, propDecorators: { filter: [{
|
|
40
56
|
type: Input
|
|
57
|
+
}], range: [{
|
|
58
|
+
type: Input
|
|
41
59
|
}], componentContainer: [{
|
|
42
60
|
type: ViewChild,
|
|
43
61
|
args: ['componentContainer', { read: ViewContainerRef }]
|
|
44
62
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1jdXN0b20uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2lucHV0cy9mYWItZmlsdGVyLWN1c3RvbS9mYWItZmlsdGVyLWN1c3RvbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1maWx0ZXItY3VzdG9tL2ZhYi1maWx0ZXItY3VzdG9tLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBaUIsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBSTNHLE1BS2Esd0JBQXdCO0lBMEJoQjtJQXhCbkIsT0FBTyxDQUE2QjtJQUNwQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQWEsTUFBTSxDQUFDLEtBQWlDO1FBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxNQUFNLENBQWlDO0lBQ3ZDLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBYSxLQUFLLENBQUMsS0FBcUM7UUFDdEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUU0RCxrQkFBa0IsQ0FBbUI7SUFDbEcsWUFBWSxDQUFvQjtJQUV6QixpQkFBaUIsR0FBWSxLQUFLLENBQUM7SUFDbkMsYUFBYSxHQUFXLEVBQUUsQ0FBQztJQUVsQyxZQUFtQix3QkFBa0Q7UUFBbEQsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtJQUVyRSxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3BDLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFM0YsSUFBSSxTQUFTLElBQUksSUFBSSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztTQUMvQjthQUNJO1lBQ0gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVPLE9BQU87UUFDYixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRTtZQUNsRCxPQUFPLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztTQUN6QztRQUVELElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sY0FBYyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1NBQ3ZDO1FBRUQsT0FBTyxnQkFBZ0IsQ0FBQztJQUMxQixDQUFDO3dHQXJEVSx3QkFBd0I7NEZBQXhCLHdCQUF3QixnTkFvQk0sZ0JBQWdCLDZCQzdCM0QsZ0pBSUE7O1NES2Esd0JBQXdCOzRGQUF4Qix3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCOytHQVdwQixNQUFNO3NCQUFsQixLQUFLO2dCQVNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBSXVELGtCQUFrQjtzQkFBOUUsU0FBUzt1QkFBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29tcG9uZW50UmVmLCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90ZW1wbGF0ZS1jb21wb25lbnQuc2VydmljZSc7XG5pbXBvcnQgeyBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCwgRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsIH0gZnJvbSAnLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1maWx0ZXItY3VzdG9tJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1maWx0ZXItY3VzdG9tLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlci1jdXN0b20uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGYWJGaWx0ZXJDdXN0b21Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0ICB7XG5cbiAgX2ZpbHRlcjogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWw7XG4gIGdldCBmaWx0ZXIoKTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwge1xuICAgIHJldHVybiB0aGlzLl9maWx0ZXI7XG4gIH1cblxuICBASW5wdXQoKSBzZXQgZmlsdGVyKHZhbHVlOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCkge1xuICAgIHRoaXMuX2ZpbHRlciA9IHZhbHVlO1xuICB9XG5cbiAgX3JhbmdlOiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWw7XG4gIGdldCByYW5nZSgpOiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwge1xuICAgIHJldHVybiB0aGlzLl9yYW5nZTtcbiAgfVxuXG4gIEBJbnB1dCgpIHNldCByYW5nZSh2YWx1ZTogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsKSB7XG4gICAgdGhpcy5fcmFuZ2UgPSB2YWx1ZTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbXBvbmVudENvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KSBjb21wb25lbnRDb250YWluZXI6IFZpZXdDb250YWluZXJSZWY7XHJcbiAgY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8YW55PjtcblxuICBwdWJsaWMgQ29tcG9uZW50SW5qZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIENvbXBvbmVudE5hbWU6IHN0cmluZyA9IFwiXCI7XG5cbiAgY29uc3RydWN0b3IocHVibGljIFRlbXBsYXRlQ29tcG9uZW50U2VydmljZTogVGVtcGxhdGVDb21wb25lbnRTZXJ2aWNlKSB7XG4gICAgXG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLkNvbXBvbmVudE5hbWUgPSB0aGlzLkdldE5hbWUoKTtcclxuICAgIHZhciBjb21wb25lbnQgPSB0aGlzLlRlbXBsYXRlQ29tcG9uZW50U2VydmljZS5HZXRDb21wb25lbnRGaWx0ZXJDdXN0b20odGhpcy5Db21wb25lbnROYW1lKTtcclxuXHJcbiAgICBpZiAoY29tcG9uZW50ICE9IG51bGwpIHtcclxuICAgICAgdGhpcy5jb21wb25lbnRDb250YWluZXIuY3JlYXRlQ29tcG9uZW50KGNvbXBvbmVudCk7XHJcbiAgICAgIHRoaXMuQ29tcG9uZW50SW5qZWN0ZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIGNvbnNvbGUubG9nKFwiY29tcG9uZW50IGlzIG51bGxcIik7XHJcbiAgICB9XHJcbiAgfVxuXG4gIHByaXZhdGUgR2V0TmFtZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmZpbHRlciAhPSB1bmRlZmluZWQgJiYgdGhpcy5maWx0ZXIuaWQgPiAwKSB7XHJcbiAgICAgIHJldHVybiBcImN1c3RvbWZpbHRlci1cIiArIHRoaXMuZmlsdGVyLmlkO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLnJhbmdlICE9IHVuZGVmaW5lZCAmJiB0aGlzLnJhbmdlLmlkID4gMCkge1xyXG4gICAgICByZXR1cm4gXCJjdXN0b21yYW5nZS1cIiArIHRoaXMucmFuZ2UuaWQ7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIFwiY3VzdG9tZmlsdGVyLT9cIjtcclxuICB9XG59XG4iLCI8cCAqbmdJZj1cIiFDb21wb25lbnRJbmplY3RlZFwiPlxuICBubyBjb21wb25lbnQgaW5qZWN0ZWQgZm9yICd7eyBDb21wb25lbnROYW1lIH19J1xuPC9wPlxuPG5nLWNvbnRhaW5lciAjY29tcG9uZW50Q29udGFpbmVyPjwvbmctY29udGFpbmVyPlxuIl19
|
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"] }, { 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==
|
|
@@ -24607,6 +24607,13 @@ class FabFilterCustomComponent {
|
|
|
24607
24607
|
set filter(value) {
|
|
24608
24608
|
this._filter = value;
|
|
24609
24609
|
}
|
|
24610
|
+
_range;
|
|
24611
|
+
get range() {
|
|
24612
|
+
return this._range;
|
|
24613
|
+
}
|
|
24614
|
+
set range(value) {
|
|
24615
|
+
this._range = value;
|
|
24616
|
+
}
|
|
24610
24617
|
componentContainer;
|
|
24611
24618
|
componentRef;
|
|
24612
24619
|
ComponentInjected = false;
|
|
@@ -24615,7 +24622,7 @@ class FabFilterCustomComponent {
|
|
|
24615
24622
|
this.TemplateComponentService = TemplateComponentService;
|
|
24616
24623
|
}
|
|
24617
24624
|
ngAfterViewInit() {
|
|
24618
|
-
this.ComponentName =
|
|
24625
|
+
this.ComponentName = this.GetName();
|
|
24619
24626
|
var component = this.TemplateComponentService.GetComponentFilterCustom(this.ComponentName);
|
|
24620
24627
|
if (component != null) {
|
|
24621
24628
|
this.componentContainer.createComponent(component);
|
|
@@ -24625,14 +24632,25 @@ class FabFilterCustomComponent {
|
|
|
24625
24632
|
console.log("component is null");
|
|
24626
24633
|
}
|
|
24627
24634
|
}
|
|
24635
|
+
GetName() {
|
|
24636
|
+
if (this.filter != undefined && this.filter.id > 0) {
|
|
24637
|
+
return "customfilter-" + this.filter.id;
|
|
24638
|
+
}
|
|
24639
|
+
if (this.range != undefined && this.range.id > 0) {
|
|
24640
|
+
return "customrange-" + this.range.id;
|
|
24641
|
+
}
|
|
24642
|
+
return "customfilter-?";
|
|
24643
|
+
}
|
|
24628
24644
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFilterCustomComponent, deps: [{ token: TemplateComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24629
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: { filter: "filter" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24645
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFilterCustomComponent, selector: "app-fab-filter-custom", inputs: { filter: "filter", range: "range" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24630
24646
|
}
|
|
24631
24647
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFilterCustomComponent, decorators: [{
|
|
24632
24648
|
type: Component,
|
|
24633
24649
|
args: [{ selector: 'app-fab-filter-custom', template: "<p *ngIf=\"!ComponentInjected\">\n no component injected for '{{ ComponentName }}'\n</p>\n<ng-container #componentContainer></ng-container>\n" }]
|
|
24634
24650
|
}], ctorParameters: function () { return [{ type: TemplateComponentService }]; }, propDecorators: { filter: [{
|
|
24635
24651
|
type: Input
|
|
24652
|
+
}], range: [{
|
|
24653
|
+
type: Input
|
|
24636
24654
|
}], componentContainer: [{
|
|
24637
24655
|
type: ViewChild,
|
|
24638
24656
|
args: ['componentContainer', { read: ViewContainerRef }]
|
|
@@ -25154,11 +25172,11 @@ class FabInputComponent {
|
|
|
25154
25172
|
//alert('filteroptionid: ' + event.filteroptionid);
|
|
25155
25173
|
}
|
|
25156
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 });
|
|
25157
|
-
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"] }, { 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"] }] });
|
|
25158
25176
|
}
|
|
25159
25177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabInputComponent, decorators: [{
|
|
25160
25178
|
type: Component,
|
|
25161
|
-
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" }]
|
|
25162
25180
|
}], ctorParameters: function () { return [{ type: FabrikantenService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
|
|
25163
25181
|
type: Input
|
|
25164
25182
|
}] } });
|