fabrikantencore 2.9.6 → 2.9.8
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/public_api.mjs +2 -2
- package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-rangeinput/beheer-rangeinput.component.mjs +16 -11
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filters-input/fab-filters-input.component.mjs +1 -1
- package/esm2022/src/app/modules/fabrikantencore/components/fab-form/fab-form.component.mjs +7 -5
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter/fab-filter.component.mjs +137 -0
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-autocomplete/fab-filter-autocomplete.component.mjs +95 -0
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-autocomplete-fold/fab-filter-autocomplete-fold.component.mjs +95 -0
- package/esm2022/src/app/modules/fabrikantencore/components/{fab-filter-colour → inputs/fab-filter-colour}/fab-filter-colour-dialog/fab-filter-colour-dialog.component.mjs +3 -3
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-colour/fab-filter-colour.component.mjs +64 -0
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-colour-label/fab-filter-colour-label.component.mjs +64 -0
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-custom/fab-filter-custom.component.mjs +45 -0
- package/esm2022/src/app/modules/fabrikantencore/components/{fab-filter-custom-base → inputs/fab-filter-custom-base}/fab-filter-custom-base.component.mjs +1 -1
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-filter-display-value/fab-filter-display-value.component.mjs +58 -0
- package/esm2022/src/app/modules/fabrikantencore/components/{fab-filter-fold → inputs/fab-filter-fold}/fab-filter-fold.component.mjs +4 -4
- package/esm2022/src/app/modules/fabrikantencore/components/{fab-filter-label → inputs/fab-filter-label}/fab-filter-label.component.mjs +4 -4
- package/esm2022/src/app/modules/fabrikantencore/components/{fab-filter-picture-select → inputs/fab-filter-picture-select}/fab-filter-picture-select.component.mjs +5 -5
- package/esm2022/src/app/modules/fabrikantencore/components/inputs/fab-input/fab-input.component.mjs +37 -0
- package/esm2022/src/app/modules/fabrikantencore/fabrikantencore.module.mjs +20 -14
- package/esm2022/src/app/modules/fabrikantencore/services/template-component.service.mjs +1 -1
- package/esm2022/src/app/modules/fabrikantencore/swagger/SwaggerClient.mjs +3 -1
- package/fesm2022/fabrikantencore.mjs +228 -49
- package/fesm2022/fabrikantencore.mjs.map +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +1 -1
- package/src/app/modules/fabrikantencore/beheer/components/beheer-rangeinput/beheer-rangeinput.component.d.ts +3 -1
- package/src/app/modules/fabrikantencore/components/{fab-filter → inputs/fab-filter}/fab-filter.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/inputs/fab-filter-autocomplete/fab-filter-autocomplete.component.d.ts +24 -0
- package/src/app/modules/fabrikantencore/components/inputs/fab-filter-autocomplete-fold/fab-filter-autocomplete-fold.component.d.ts +29 -0
- package/src/app/modules/fabrikantencore/components/{fab-filter-colour → inputs/fab-filter-colour}/fab-filter-colour-dialog/fab-filter-colour-dialog.component.d.ts +2 -2
- package/src/app/modules/fabrikantencore/components/{fab-filter-colour → inputs/fab-filter-colour}/fab-filter-colour.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-filter-colour-label → inputs/fab-filter-colour-label}/fab-filter-colour-label.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-filter-custom → inputs/fab-filter-custom}/fab-filter-custom.component.d.ts +2 -2
- package/src/app/modules/fabrikantencore/components/{fab-filter-display-value → inputs/fab-filter-display-value}/fab-filter-display-value.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-filter-fold → inputs/fab-filter-fold}/fab-filter-fold.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-filter-label → inputs/fab-filter-label}/fab-filter-label.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-filter-picture-select → inputs/fab-filter-picture-select}/fab-filter-picture-select.component.d.ts +3 -3
- package/src/app/modules/fabrikantencore/components/{fab-input → inputs/fab-input}/fab-input.component.d.ts +1 -1
- package/src/app/modules/fabrikantencore/fabrikantencore.module.d.ts +42 -40
- package/src/app/modules/fabrikantencore/swagger/SwaggerClient.d.ts +3 -1
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filter/fab-filter.component.mjs +0 -137
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filter-colour/fab-filter-colour.component.mjs +0 -64
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filter-colour-label/fab-filter-colour-label.component.mjs +0 -64
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filter-custom/fab-filter-custom.component.mjs +0 -45
- package/esm2022/src/app/modules/fabrikantencore/components/fab-filter-display-value/fab-filter-display-value.component.mjs +0 -58
- package/esm2022/src/app/modules/fabrikantencore/components/fab-input/fab-input.component.mjs +0 -35
- /package/src/app/modules/fabrikantencore/components/{fab-filter-custom-base → inputs/fab-filter-custom-base}/fab-filter-custom-base.component.d.ts +0 -0
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { TranslationCategory, TranslationSubCategory } from '../../../swagger/SwaggerClient';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../../services/fabrikanten.service";
|
|
5
|
+
import * as i2 from "../../../services/translate.service";
|
|
6
|
+
import * as i3 from "@angular/router";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
8
|
+
import * as i5 from "@angular/material/legacy-form-field";
|
|
9
|
+
import * as i6 from "@angular/material/legacy-input";
|
|
10
|
+
import * as i7 from "@angular/forms";
|
|
11
|
+
import * as i8 from "@angular/material/legacy-tooltip";
|
|
12
|
+
import * as i9 from "@angular/material/icon";
|
|
13
|
+
class FabFilterAutocompleteComponent {
|
|
14
|
+
FabrikantenService;
|
|
15
|
+
TranslateService;
|
|
16
|
+
ActivatedRoute;
|
|
17
|
+
ChangeDetectorRef;
|
|
18
|
+
value;
|
|
19
|
+
_filter;
|
|
20
|
+
get filter() {
|
|
21
|
+
return this._filter;
|
|
22
|
+
}
|
|
23
|
+
set filter(value) {
|
|
24
|
+
this._filter = value;
|
|
25
|
+
if (this._filter.selectedOption > 0) {
|
|
26
|
+
var options = this._filter.options;
|
|
27
|
+
if (options != null) {
|
|
28
|
+
for (var i = 0; i < options.length; i++) {
|
|
29
|
+
if (options[i].id == this._filter.selectedOption) {
|
|
30
|
+
this.value = options[i].name + "";
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
get TranslationCategory() {
|
|
37
|
+
return TranslationCategory;
|
|
38
|
+
}
|
|
39
|
+
get TranslationSubCategory() {
|
|
40
|
+
return TranslationSubCategory;
|
|
41
|
+
}
|
|
42
|
+
constructor(FabrikantenService, TranslateService, ActivatedRoute, ChangeDetectorRef) {
|
|
43
|
+
this.FabrikantenService = FabrikantenService;
|
|
44
|
+
this.TranslateService = TranslateService;
|
|
45
|
+
this.ActivatedRoute = ActivatedRoute;
|
|
46
|
+
this.ChangeDetectorRef = ChangeDetectorRef;
|
|
47
|
+
}
|
|
48
|
+
ProcessChange() {
|
|
49
|
+
var number = parseInt(this.value);
|
|
50
|
+
var maxDistance = -1;
|
|
51
|
+
var option = 0;
|
|
52
|
+
var options = this.filter.options;
|
|
53
|
+
if (options != null) {
|
|
54
|
+
for (var i = 0; i < options.length; i++) {
|
|
55
|
+
var optionnumber = parseInt(options[i].name + "");
|
|
56
|
+
var distancetemp = Math.abs(number - optionnumber);
|
|
57
|
+
if (maxDistance == -1 || maxDistance > distancetemp) {
|
|
58
|
+
maxDistance = distancetemp;
|
|
59
|
+
option = options[i].id;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
if (option != 0) {
|
|
64
|
+
this.FabrikantenService.SelectOption(this._filter.id, option, this.ChangeDetectorRef, this.ActivatedRoute);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
ResetSelection() {
|
|
68
|
+
this.FabrikantenService.ResetSelectionFilter(this.filter, this.ChangeDetectorRef);
|
|
69
|
+
}
|
|
70
|
+
GetToolTip() {
|
|
71
|
+
var tooltip = "Kies uit: "; // this.GetTranslateString();
|
|
72
|
+
var options = this.filter.options;
|
|
73
|
+
if (options != null) {
|
|
74
|
+
for (var i = 0; i < options.length; i++) {
|
|
75
|
+
if (i > 0) {
|
|
76
|
+
tooltip += ", ";
|
|
77
|
+
}
|
|
78
|
+
tooltip += this.TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, options[i].id);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
//var tooltip = tooltip.replace("{min}", this._rangeinput.minimum.toString());
|
|
82
|
+
//var tooltip = tooltip.replace("{max}", this._rangeinput.maximum.toString());
|
|
83
|
+
return tooltip;
|
|
84
|
+
}
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterAutocompleteComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: { filter: "filter" }, ngImport: i0, template: "<div class=\"row\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n <mat-label>\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n <span *ngIf=\"filter.required\">*</span>\r\n </mat-label>\r\n\r\n <input [disabled]=\"filter.selectedOption != 0\" matInput type=\"number\" matTooltipClass=\"autocomplete-tooltip\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n\r\n <mat-error>{{ GetToolTip() }}</mat-error>\r\n </mat-form-field>\r\n <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n </div>\r\n</div>\r\n\r\n", styles: [".fullwidth{width:100%}.reset{cursor:pointer;font-size:26px;line-height:48px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
87
|
+
}
|
|
88
|
+
export { FabFilterAutocompleteComponent };
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterAutocompleteComponent, decorators: [{
|
|
90
|
+
type: Component,
|
|
91
|
+
args: [{ selector: 'app-fab-filter-autocomplete', template: "<div class=\"row\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n <mat-label>\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n <span *ngIf=\"filter.required\">*</span>\r\n </mat-label>\r\n\r\n <input [disabled]=\"filter.selectedOption != 0\" matInput type=\"number\" matTooltipClass=\"autocomplete-tooltip\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n\r\n <mat-error>{{ GetToolTip() }}</mat-error>\r\n </mat-form-field>\r\n <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n </div>\r\n</div>\r\n\r\n", styles: [".fullwidth{width:100%}.reset{cursor:pointer;font-size:26px;line-height:48px}\n"] }]
|
|
92
|
+
}], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}] } });
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1hdXRvY29tcGxldGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2lucHV0cy9mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS9mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1maWx0ZXItYXV0b2NvbXBsZXRlL2ZhYi1maWx0ZXItYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQWdFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7Ozs7O0FBSTNKLE1BS2EsOEJBQThCO0lBZ0MvQjtJQUNEO0lBQ0E7SUFDQztJQWxDSCxLQUFLLENBQVM7SUFFckIsT0FBTyxDQUE2QjtJQUNwQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQWEsTUFBTSxDQUFDLEtBQWlDO1FBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBRXJCLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEdBQUcsQ0FBQyxFQUFFO1lBQ25DLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO1lBQ25DLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtnQkFDbkIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxNQUFNLEVB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OEU7UUFDOUUsOEVBQThFO1FBRTlFLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7dUdBcEZVLDhCQUE4QjsyRkFBOUIsOEJBQThCLGlHQ1gzQyw0d0JBZ0JBOztTRExhLDhCQUE4QjsyRkFBOUIsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2QjtxTUFZMUIsTUFBTTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGYWJyaWthbnRlbkZpbHRlck9wdGlvblZpZXdNb2RlbCwgRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwsIFRyYW5zbGF0aW9uQ2F0ZWdvcnksIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkgfSBmcm9tICcuLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWZpbHRlci1hdXRvY29tcGxldGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZpbHRlci1hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZhYkZpbHRlckF1dG9jb21wbGV0ZUNvbXBvbmVudCB7XG4gIHB1YmxpYyB2YWx1ZTogc3RyaW5nO1xuXG4gIF9maWx0ZXI6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsO1xuICBnZXQgZmlsdGVyKCk6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5fZmlsdGVyO1xuICB9XG5cbiAgQElucHV0KCkgc2V0IGZpbHRlcih2YWx1ZTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwpIHtcbiAgICB0aGlzLl9maWx0ZXIgPSB2YWx1ZTtcblxuICAgIGlmICh0aGlzLl9maWx0ZXIuc2VsZWN0ZWRPcHRpb24gPiAwKSB7XHJcbiAgICAgIHZhciBvcHRpb25zID0gdGhpcy5fZmlsdGVyLm9wdGlvbnM7XHJcbiAgICAgIGlmIChvcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IG9wdGlvbnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICBpZiAob3B0aW9uc1tpXS5pZCA9PSB0aGlzLl9maWx0ZXIuc2VsZWN0ZWRPcHRpb24pIHtcclxuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IG9wdGlvbnNbaV0ubmFtZSArIFwiXCI7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uQ2F0ZWdvcnkoKSB7XG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uQ2F0ZWdvcnk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkoKSB7XG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHB1YmxpYyBBY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIHB1YmxpYyBQcm9jZXNzQ2hhbmdlKCk6IHZvaWQge1xuXG4gICAgdmFyIG51bWJlciA9IHBhcnNlSW50KHRoaXMudmFsdWUpO1xuICAgIHZhciBtYXhEaXN0YW5jZTogbnVtYmVyID0gLTE7XG4gICAgdmFyIG9wdGlvbjogbnVtYmVyID0gMDtcblxuICAgIHZhciBvcHRpb25zID0gdGhpcy5maWx0ZXIub3B0aW9ucztcblxuICAgIGlmIChvcHRpb25zICE9IG51bGwpIHtcbiAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgb3B0aW9ucy5sZW5ndGg7IGkrKykge1xuICAgICAgICB2YXIgb3B0aW9ubnVtYmVyID0gcGFyc2VJbnQob3B0aW9uc1tpXS5uYW1lICsgXCJcIik7XHJcblxyXG4gICAgICAgIHZhciBkaXN0YW5jZXRlbXAgPSBNYXRoLmFicyhudW1iZXIgLSBvcHRpb25udW1iZXIpO1xyXG5cclxuICAgICAgICBpZiAobWF4RGlzdGFuY2UgPT0gLTEgfHwgbWF4RGlzdGFuY2UgPiBkaXN0YW5jZXRlbXApIHtcclxuICAgICAgICAgIG1heERpc3RhbmNlID0gZGlzdGFuY2V0ZW1wO1xyXG4gICAgICAgICAgb3B0aW9uID0gb3B0aW9uc1tpXS5pZDtcclxuICAgICAgICB9XHJcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAob3B0aW9uICE9IDApIHtcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNlbGVjdE9wdGlvbih0aGlzLl9maWx0ZXIuaWQsIG9wdGlvbiwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZiwgdGhpcy5BY3RpdmF0ZWRSb3V0ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIFJlc2V0U2VsZWN0aW9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuUmVzZXRTZWxlY3Rpb25GaWx0ZXIodGhpcy5maWx0ZXIsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cblxuICBwdWJsaWMgR2V0VG9vbFRpcCgpOiBzdHJpbmcge1xuICAgIHZhciB0b29sdGlwID0gXCJLaWVzIHVpdDogXCI7Ly8gdGhpcy5HZXRUcmFuc2xhdGVTdHJpbmcoKTtcbiAgICB2YXIgb3B0aW9ucyA9IHRoaXMuZmlsdGVyLm9wdGlvbnM7XG5cbiAgICBpZiAob3B0aW9ucyAhPSBudWxsKSB7XG4gICAgICBmb3IgKHZhciBpID0gMDsgaSA8IG9wdGlvbnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgaWYgKGkgPiAwKSB7XHJcbiAgICAgICAgICB0b29sdGlwICs9IFwiLCBcIjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRvb2x0aXAgKz0gdGhpcy5UcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuRmlsdGVyT3B0aW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIG9wdGlvbnNbaV0uaWQpO1xyXG4gICAgICB9XG4gICAgfVxuICAgIC8vdmFyIHRvb2x0aXAgPSB0b29sdGlwLnJlcGxhY2UoXCJ7bWlufVwiLCB0aGlzLl9yYW5nZWlucHV0Lm1pbmltdW0udG9TdHJpbmcoKSk7XG4gICAgLy92YXIgdG9vbHRpcCA9IHRvb2x0aXAucmVwbGFjZShcInttYXh9XCIsIHRoaXMuX3JhbmdlaW5wdXQubWF4aW11bS50b1N0cmluZygpKTtcblxuICAgIHJldHVybiB0b29sdGlwO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsd2lkdGhcIj5cclxuICAgIDxtYXQtbGFiZWw+XHJcbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXIsIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuTmFtZSwgZmlsdGVyLmlkKSB9fVxyXG4gICAgICA8c3BhbiAqbmdJZj1cImZpbHRlci5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgICA8L21hdC1sYWJlbD5cclxuXHJcbiAgICA8aW5wdXQgW2Rpc2FibGVkXT1cImZpbHRlci5zZWxlY3RlZE9wdGlvbiAhPSAwXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1hdFRvb2x0aXBDbGFzcz1cImF1dG9jb21wbGV0ZS10b29sdGlwXCIgbWF0VG9vbHRpcD1cInt7IEdldFRvb2xUaXAoKSB9fVwiIFsobmdNb2RlbCldPVwidmFsdWVcIiAoY2hhbmdlKT1cIlByb2Nlc3NDaGFuZ2UoKVwiPlxyXG5cclxuICAgIDxtYXQtZXJyb3I+e3sgR2V0VG9vbFRpcCgpIH19PC9tYXQtZXJyb3I+XHJcbiAgPC9tYXQtZm9ybS1maWVsZD5cclxuICA8ZGl2IGNsYXNzPVwicmVzZXRcIiAqbmdJZj1cImZpbHRlci5zZWxlY3RlZE9wdGlvbiAhPSAwXCIgKGNsaWNrKT1cIlJlc2V0U2VsZWN0aW9uKClcIj5cclxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb24tcG9zaXRpb24gY2xlYXJcIiBbaW5saW5lXT1cInRydWVcIj5jbGVhcjwvbWF0LWljb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuIl19
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { TranslationCategory, TranslationSubCategory } from '../../../swagger/SwaggerClient';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../../services/fabrikanten.service";
|
|
5
|
+
import * as i2 from "../../../services/translate.service";
|
|
6
|
+
import * as i3 from "@angular/router";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
8
|
+
import * as i5 from "@angular/material/icon";
|
|
9
|
+
import * as i6 from "../fab-filter-autocomplete/fab-filter-autocomplete.component";
|
|
10
|
+
class FabFilterAutocompleteFoldComponent {
|
|
11
|
+
FabrikantenService;
|
|
12
|
+
TranslateService;
|
|
13
|
+
ActivatedRoute;
|
|
14
|
+
ChangeDetectorRef;
|
|
15
|
+
SelectedOptionId;
|
|
16
|
+
_filter;
|
|
17
|
+
get filter() {
|
|
18
|
+
return this._filter;
|
|
19
|
+
}
|
|
20
|
+
set filter(value) {
|
|
21
|
+
this._filter = value;
|
|
22
|
+
}
|
|
23
|
+
get TranslationCategory() {
|
|
24
|
+
return TranslationCategory;
|
|
25
|
+
}
|
|
26
|
+
get TranslationSubCategory() {
|
|
27
|
+
return TranslationSubCategory;
|
|
28
|
+
}
|
|
29
|
+
constructor(FabrikantenService, TranslateService, ActivatedRoute, ChangeDetectorRef) {
|
|
30
|
+
this.FabrikantenService = FabrikantenService;
|
|
31
|
+
this.TranslateService = TranslateService;
|
|
32
|
+
this.ActivatedRoute = ActivatedRoute;
|
|
33
|
+
this.ChangeDetectorRef = ChangeDetectorRef;
|
|
34
|
+
}
|
|
35
|
+
ngOnInit() {
|
|
36
|
+
}
|
|
37
|
+
ChangeState() {
|
|
38
|
+
if (this.HasChosen()) {
|
|
39
|
+
this.ResetSelection();
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
if (this.HasOptions()) {
|
|
43
|
+
this.filter.opened = !this.filter.opened;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
IsFilled() {
|
|
48
|
+
return this.GetSelectedOption() != null;
|
|
49
|
+
}
|
|
50
|
+
SelectOption(optionid) {
|
|
51
|
+
this.FabrikantenService.SelectOption(this.filter.id, optionid, this.ChangeDetectorRef, this.ActivatedRoute);
|
|
52
|
+
}
|
|
53
|
+
ResetSelection() {
|
|
54
|
+
this.FabrikantenService.ResetSelectionFilter(this.filter, this.ChangeDetectorRef, this.ActivatedRoute);
|
|
55
|
+
}
|
|
56
|
+
HasChosen() {
|
|
57
|
+
if (this.filter.selectedOption > 0) {
|
|
58
|
+
return true;
|
|
59
|
+
}
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
HasOptions() {
|
|
63
|
+
if (this.filter.options != null) {
|
|
64
|
+
if (this.filter.options.length > 1) {
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
return false;
|
|
69
|
+
}
|
|
70
|
+
GetSelectedOption() {
|
|
71
|
+
if (this._filter.options != null) {
|
|
72
|
+
if (this._filter.options.length == 1) {
|
|
73
|
+
return this._filter.options[0];
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
for (var i = 0; i < this._filter.options.length; i++) {
|
|
77
|
+
if (this._filter.selectedOption == this._filter.options[i].id) {
|
|
78
|
+
return this._filter.options[i];
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
return null;
|
|
84
|
+
}
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterAutocompleteFoldComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterAutocompleteFoldComponent, selector: "app-fab-filter-autocomplete-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n <div class=\"flexauto namebar\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n <sup>1</sup>\r\n </span>\r\n <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n \r\n \r\n </div>\r\n </div>\r\n ({{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, GetSelectedOption().id) }})\r\n </ng-container>\r\n </div>\r\n <div class=\"iconbar\">\r\n <ng-container *ngIf=\"HasChosen()\">\r\n <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n </ng-container>\r\n <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n <mat-icon *ngIf=\"!filter.opened\" class=\"expand_more\">add</mat-icon>\r\n <mat-icon *ngIf=\"filter.opened\" class=\"expand_less\">remove</mat-icon>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !filter.opened}\">\r\n <div class=\"content collapsible\">\r\n <app-fab-filter-autocomplete [filter]=\"filter\"></app-fab-filter-autocomplete>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px;flex:auto}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.FabFilterAutocompleteComponent, selector: "app-fab-filter-autocomplete", inputs: ["filter"] }] });
|
|
87
|
+
}
|
|
88
|
+
export { FabFilterAutocompleteFoldComponent };
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterAutocompleteFoldComponent, decorators: [{
|
|
90
|
+
type: Component,
|
|
91
|
+
args: [{ selector: 'app-fab-filter-autocomplete-fold', template: "<ng-container *ngIf=\"!filter.hidden\">\r\n <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n <div class=\"flexauto namebar\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n <sup>1</sup>\r\n </span>\r\n <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n \r\n \r\n </div>\r\n </div>\r\n ({{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, GetSelectedOption().id) }})\r\n </ng-container>\r\n </div>\r\n <div class=\"iconbar\">\r\n <ng-container *ngIf=\"HasChosen()\">\r\n <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n </ng-container>\r\n <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n <mat-icon *ngIf=\"!filter.opened\" class=\"expand_more\">add</mat-icon>\r\n <mat-icon *ngIf=\"filter.opened\" class=\"expand_less\">remove</mat-icon>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !filter.opened}\">\r\n <div class=\"content collapsible\">\r\n <app-fab-filter-autocomplete [filter]=\"filter\"></app-fab-filter-autocomplete>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px;flex:auto}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"] }]
|
|
92
|
+
}], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}] } });
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1hdXRvY29tcGxldGUtZm9sZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1maWx0ZXItYXV0b2NvbXBsZXRlLWZvbGQvZmFiLWZpbHRlci1hdXRvY29tcGxldGUtZm9sZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1maWx0ZXItYXV0b2NvbXBsZXRlLWZvbGQvZmFiLWZpbHRlci1hdXRvY29tcGxldGUtZm9sZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBZ0IsS0FBSyxFQUFxQyxNQUFNLGVBQWUsQ0FBQztBQUlySCxPQUFPLEVBQWdFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7O0FBRTNKLE1BS2Esa0NBQWtDO0lBcUJuQztJQUNEO0lBQ0E7SUFDQztJQXZCSCxnQkFBZ0IsQ0FBUztJQUVoQyxPQUFPLENBQTZCO0lBQ3BDLElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBYSxNQUFNLENBQUMsS0FBaUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQVcsbUJBQW1CO1FBQzVCLE9BQU8sbUJBQW1CLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQVcsc0JBQXNCO1FBQy9CLE9BQU8sc0JBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQ1Usa0JBQXNDLEVBQ3ZDLGdCQUFrQyxFQUNsQyxjQUE4QixFQUM3QixpQkFBb0M7UUFIcEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN2QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM3QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO0lBQ1IsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO2FBQ0k7WUFDSCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtnQkFDckIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQzthQUMxQztTQUNGO0lBQ0gsQ0FBQztJQUVNLFFBQVE7UUFDYixPQUFPLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLElBQUksQ0FBQztJQUMxQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFFBQWdCO1FBQ2xDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDOUcsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN6RyxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsQ0FBQyxFQUFFO1lBQ2xDLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDL0IsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNsQyxPQUFPLElBQUksQ0FBQzthQUNiO1NBQ0Y7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTSxpQkFBaUI7UUFDdEIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDaEMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO2dCQUNwQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2hDO2lCQUNJO2dCQUNILEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7b0JBQ3BELElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO3dCQUM3RCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO3FCQUNoQztpQkFDRjthQUNGO1NBQ0Y7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7dUdBckZVLGtDQUFrQzsyRkFBbEMsa0NBQWtDLHNHQ1gvQyw0M0RBcUNBOztTRDFCYSxrQ0FBa0M7MkZBQWxDLGtDQUFrQztrQkFMOUMsU0FBUzsrQkFDRSxrQ0FBa0M7cU1BWS9CLE1BQU07c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcbmltcG9ydCB7IEZhYnJpa2FudGVuRmlsdGVyT3B0aW9uVmlld01vZGVsLCBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCwgVHJhbnNsYXRpb25DYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS1mb2xkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1maWx0ZXItYXV0b2NvbXBsZXRlLWZvbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mYWItZmlsdGVyLWF1dG9jb21wbGV0ZS1mb2xkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyQXV0b2NvbXBsZXRlRm9sZENvbXBvbmVudCB7XG4gIHB1YmxpYyBTZWxlY3RlZE9wdGlvbklkOiBudW1iZXI7XG5cbiAgX2ZpbHRlcjogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWw7XG4gIGdldCBmaWx0ZXIoKTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwge1xuICAgIHJldHVybiB0aGlzLl9maWx0ZXI7XG4gIH1cblxuICBASW5wdXQoKSBzZXQgZmlsdGVyKHZhbHVlOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCkge1xuICAgIHRoaXMuX2ZpbHRlciA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvbkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xuICB9XG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwdWJsaWMgQWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIHB1YmxpYyBDaGFuZ2VTdGF0ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5IYXNDaG9zZW4oKSkge1xuICAgICAgdGhpcy5SZXNldFNlbGVjdGlvbigpO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgIGlmICh0aGlzLkhhc09wdGlvbnMoKSkge1xuICAgICAgICB0aGlzLmZpbHRlci5vcGVuZWQgPSAhdGhpcy5maWx0ZXIub3BlbmVkO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBJc0ZpbGxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5HZXRTZWxlY3RlZE9wdGlvbigpICE9IG51bGw7XG4gIH1cblxuICBwdWJsaWMgU2VsZWN0T3B0aW9uKG9wdGlvbmlkOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5TZWxlY3RPcHRpb24odGhpcy5maWx0ZXIuaWQsIG9wdGlvbmlkLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmLCB0aGlzLkFjdGl2YXRlZFJvdXRlKTtcbiAgfVxuXG4gIHB1YmxpYyBSZXNldFNlbGVjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5SZXNldFNlbGVjdGlvbkZpbHRlcih0aGlzLmZpbHRlciwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZiwgdGhpcy5BY3RpdmF0ZWRSb3V0ZSk7XG4gIH1cblxuICBwdWJsaWMgSGFzQ2hvc2VuKCk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLmZpbHRlci5zZWxlY3RlZE9wdGlvbiA+IDApIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIHB1YmxpYyBIYXNPcHRpb25zKCk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLmZpbHRlci5vcHRpb25zICE9IG51bGwpIHtcbiAgICAgIGlmICh0aGlzLmZpbHRlci5vcHRpb25zLmxlbmd0aCA+IDEpIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcHVibGljIEdldFNlbGVjdGVkT3B0aW9uKCk6IEZhYnJpa2FudGVuRmlsdGVyT3B0aW9uVmlld01vZGVsIHwgbnVsbCB7XG4gICAgaWYgKHRoaXMuX2ZpbHRlci5vcHRpb25zICE9IG51bGwpIHtcbiAgICAgIGlmICh0aGlzLl9maWx0ZXIub3B0aW9ucy5sZW5ndGggPT0gMSkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsdGVyLm9wdGlvbnNbMF07XG4gICAgICB9XG4gICAgICBlbHNlIHtcbiAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCB0aGlzLl9maWx0ZXIub3B0aW9ucy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgIGlmICh0aGlzLl9maWx0ZXIuc2VsZWN0ZWRPcHRpb24gPT0gdGhpcy5fZmlsdGVyLm9wdGlvbnNbaV0uaWQpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLl9maWx0ZXIub3B0aW9uc1tpXTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxufVxuXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWZpbHRlci5oaWRkZW5cIj5cclxuICA8ZGl2IGNsYXNzPVwibWFpbi1mb2xkXCIgW25nQ2xhc3NdPVwieyAnZmlsbGVkJzogSXNGaWxsZWQoKSB9XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IHNlbGVjdGJhclwiIChjbGljayk9XCJDaGFuZ2VTdGF0ZSgpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4YXV0byBuYW1lYmFyXCI+XHJcbiAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkZpbHRlciwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBmaWx0ZXIuaWQpIH19XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItcmVxdWlyZWQtc2lnblwiICpuZ0lmPVwiZmlsdGVyLmJsb2Nrc1Byb2R1Y3RTZWxlY3QgfHwgZmlsdGVyLnJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImZpbHRlci1hZmZlY3RzLXNpZ25cIiAqbmdJZj1cImZpbHRlci5hZmZlY3RzT25seUJlc3Rla1wiPlxyXG4gICAgICAgICAgPHN1cD4xPC9zdXA+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJIYXNDaG9zZW4oKSB8fCAhSGFzT3B0aW9ucygpXCI+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiR2V0U2VsZWN0ZWRPcHRpb24oKSAhPSBudWxsICYmIEdldFNlbGVjdGVkT3B0aW9uKCkuY29sb3VyICE9IG51bGwgJiYgR2V0U2VsZWN0ZWRPcHRpb24oKS5jb2xvdXIgIT0gJydcIj5cclxuICAgICAgICAgICAgPGRpdiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBHZXRTZWxlY3RlZE9wdGlvbigpLmNvbG91cn1cIiBjbGFzcz1cImNvbG91ci1wcmV2aWV3LXNlbGVjdGVkXCI+XHJcbiAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAoe3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkZpbHRlck9wdGlvbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBHZXRTZWxlY3RlZE9wdGlvbigpLmlkKSB9fSlcclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uYmFyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIkhhc0Nob3NlbigpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uLWNsZWFyXCI+Y2xlYXI8L21hdC1pY29uPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhSGFzQ2hvc2VuKCkgJiYgSGFzT3B0aW9ucygpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhZmlsdGVyLm9wZW5lZFwiIGNsYXNzPVwiZXhwYW5kX21vcmVcIj5hZGQ8L21hdC1pY29uPlxyXG4gICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiZmlsdGVyLm9wZW5lZFwiIGNsYXNzPVwiZXhwYW5kX2xlc3NcIj5yZW1vdmU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlLXdyYXBwZXJcIiBbbmdDbGFzc109XCJ7J2NvbGxhcHNlZCc6ICFmaWx0ZXIub3BlbmVkfVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGVudCBjb2xsYXBzaWJsZVwiPlxyXG4gICAgICAgIDxhcHAtZmFiLWZpbHRlci1hdXRvY29tcGxldGUgW2ZpbHRlcl09XCJmaWx0ZXJcIj48L2FwcC1mYWItZmlsdGVyLWF1dG9jb21wbGV0ZT5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
|