@rocketshow/designer 1.32.0 → 1.35.0

package/esm2022/lib/fixture/fixture-capability/fixture-capability-pan-tilt/fixture-capability-pan-tilt.component.mjs

@@ -0,0 +1,119 @@
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { FixtureCapabilityType } from '../../../models/fixture-capability';
+import { PresetService } from '../../../services/preset.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/preset.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "ngx-bootstrap-slider";
+import * as i4 from "@ngx-translate/core";
+export class FixtureCapabilityPanTiltComponent {
+    constructor(presetService, changeDetectorRef) {
+        this.presetService = presetService;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() { }
+    getValuePan() {
+        const capabilityValue = this.presetService.getCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Pan);
+        if (capabilityValue) {
+            return capabilityValue.valuePercentage;
+        }
+        return undefined;
+    }
+    getValueTextPan() {
+        const value = this.getValuePan();
+        if (value >= 0) {
+            return Math.round(value * 100 * 100) / 100;
+        }
+        return undefined;
+    }
+    setValuePan(value) {
+        if (isNaN(value)) {
+            return;
+        }
+        if (value < 0 || value > 1) {
+            return;
+        }
+        this.presetService.setCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Pan, value);
+        this.changeDetectorRef.detectChanges();
+        this.presetService.previewLive();
+    }
+    getValueTilt() {
+        const capabilityValue = this.presetService.getCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Tilt);
+        if (capabilityValue) {
+            return capabilityValue.valuePercentage;
+        }
+        return undefined;
+    }
+    getValueTextTilt() {
+        const value = this.getValueTilt();
+        if (value >= 0) {
+            return Math.round(value * 100 * 100) / 100;
+        }
+        return undefined;
+    }
+    setValueTilt(value) {
+        if (isNaN(value)) {
+            return;
+        }
+        if (value < 0 || value > 1) {
+            return;
+        }
+        this.presetService.setCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Tilt, value);
+        this.changeDetectorRef.detectChanges();
+        this.presetService.previewLive();
+    }
+    changeActive(active) {
+        if (active) {
+            this.setValuePan(0.5);
+            this.setValueTilt(0.5);
+        }
+        else {
+            this.presetService.deleteCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Pan);
+            this.presetService.deleteCapabilityValue(this.presetService.selectedPreset, FixtureCapabilityType.Tilt);
+            this.changeDetectorRef.detectChanges();
+        }
+        this.presetService.previewLive();
+    }
+    static { this.ɵfac = function FixtureCapabilityPanTiltComponent_Factory(t) { return new (t || FixtureCapabilityPanTiltComponent)(i0.ɵɵdirectiveInject(i1.PresetService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FixtureCapabilityPanTiltComponent, selectors: [["lib-app-fixture-capability-pan-tilt"]], decls: 19, vars: 22, consts: [[1, "card", "border-secondary", "h-100"], [1, "card-header"], [1, "my-auto"], [1, "form-check"], ["type", "checkbox", "id", "capabilityColorWheelActive", 1, "form-check-input", 3, "ngModelChange", "ngModel"], ["for", "capabilityColorWheelActive", 1, "form-check-label"], [1, "card-body", "h-100", "d-flex", 2, "flex-direction", "row"], [1, "d-flex", "h-100", "mr-3", 2, "flex-direction", "column"], [1, "mb-4", "w-100", "d-flex"], ["type", "text", 1, "mx-auto", 2, "width", "42px", "height", "20px", "text-align", "center", "font-size", "12px", "font-family", "monospace", 3, "ngModelChange", "ngModel"], [1, "h-100", "w-100", "d-flex"], [1, "mx-auto", 2, "height", "100%", 3, "change", "value", "orientation", "reversed", "tooltip", "min", "max", "step"], [1, "d-flex", "h-100", 2, "flex-direction", "column"]], template: function FixtureCapabilityPanTiltComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "input", 4);
+            i0.ɵɵlistener("ngModelChange", function FixtureCapabilityPanTiltComponent_Template_input_ngModelChange_4_listener($event) { return ctx.changeActive($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "label", 5);
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "translate");
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(8, "div", 6)(9, "div", 7)(10, "div", 8)(11, "input", 9);
+            i0.ɵɵlistener("ngModelChange", function FixtureCapabilityPanTiltComponent_Template_input_ngModelChange_11_listener($event) { return ctx.setValuePan($event / 100); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 10)(13, "mv-slider", 11);
+            i0.ɵɵlistener("change", function FixtureCapabilityPanTiltComponent_Template_mv_slider_change_13_listener($event) { return ctx.setValuePan($event.newValue); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(14, "div", 12)(15, "div", 8)(16, "input", 9);
+            i0.ɵɵlistener("ngModelChange", function FixtureCapabilityPanTiltComponent_Template_input_ngModelChange_16_listener($event) { return ctx.setValueTilt($event / 100); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(17, "div", 10)(18, "mv-slider", 11);
+            i0.ɵɵlistener("change", function FixtureCapabilityPanTiltComponent_Template_mv_slider_change_18_listener($event) { return ctx.setValueTilt($event.newValue); });
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("capability-deactivated", ctx.getValuePan() == undefined && ctx.getValueTilt() == undefined);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx.getValuePan() != undefined || ctx.getValueTilt() != undefined);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 20, "designer.fixture.capability-pan-tilt"));
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngModel", ctx.getValueTextPan() >= 0 ? ctx.getValueTextPan() : 0);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.getValuePan() >= 0 ? ctx.getValuePan() : 0)("orientation", "vertical")("reversed", true)("tooltip", "hide")("min", 0)("max", 1)("step", 0.001);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngModel", ctx.getValueTextTilt() >= 0 ? ctx.getValueTextTilt() : 0);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.getValueTilt() >= 0 ? ctx.getValueTilt() : 0)("orientation", "vertical")("reversed", true)("tooltip", "hide")("min", 0)("max", 1)("step", 0.001);
+        } }, dependencies: [i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.SliderComponent, i4.TranslatePipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixtureCapabilityPanTiltComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-app-fixture-capability-pan-tilt', template: "<div class=\"card border-secondary h-100\" [class.capability-deactivated]=\"getValuePan() == undefined && getValueTilt() == undefined\">\n  <div class=\"card-header\">\n    <div class=\"my-auto\">\n      <div class=\"form-check\">\n        <input\n          type=\"checkbox\"\n          class=\"form-check-input\"\n          id=\"capabilityColorWheelActive\"\n          [ngModel]=\"getValuePan() != undefined || getValueTilt() != undefined\"\n          (ngModelChange)=\"changeActive($event)\"\n        />\n        <label class=\"form-check-label\" for=\"capabilityColorWheelActive\">{{ 'designer.fixture.capability-pan-tilt' | translate }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"card-body h-100 d-flex\" style=\"flex-direction: row\">\n    <div class=\"d-flex h-100 mr-3\" style=\"flex-direction: column\">\n      <div class=\"mb-4 w-100 d-flex\">\n        <input\n          class=\"mx-auto\"\n          type=\"text\"\n          [ngModel]=\"getValueTextPan() >= 0 ? getValueTextPan() : 0\"\n          (ngModelChange)=\"setValuePan($event / 100)\"\n          style=\"width: 42px; height: 20px; text-align: center; font-size: 12px; font-family: monospace\"\n        />\n      </div>\n\n      <div class=\"h-100 w-100 d-flex\">\n        <mv-slider\n          class=\"mx-auto\"\n          [value]=\"getValuePan() >= 0 ? getValuePan() : 0\"\n          (change)=\"setValuePan($event.newValue)\"\n          [orientation]=\"'vertical'\"\n          [reversed]=\"true\"\n          style=\"height: 100%\"\n          [tooltip]=\"'hide'\"\n          [min]=\"0\"\n          [max]=\"1\"\n          [step]=\"0.001\"\n        ></mv-slider>\n      </div>\n    </div>\n\n    <div class=\"d-flex h-100\" style=\"flex-direction: column\">\n      <div class=\"mb-4 w-100 d-flex\">\n        <input\n          class=\"mx-auto\"\n          type=\"text\"\n          [ngModel]=\"getValueTextTilt() >= 0 ? getValueTextTilt() : 0\"\n          (ngModelChange)=\"setValueTilt($event / 100)\"\n          style=\"width: 42px; height: 20px; text-align: center; font-size: 12px; font-family: monospace\"\n        />\n      </div>\n\n      <div class=\"h-100 w-100 d-flex\">\n        <mv-slider\n          class=\"mx-auto\"\n          [value]=\"getValueTilt() >= 0 ? getValueTilt() : 0\"\n          (change)=\"setValueTilt($event.newValue)\"\n          [orientation]=\"'vertical'\"\n          [reversed]=\"true\"\n          style=\"height: 100%\"\n          [tooltip]=\"'hide'\"\n          [min]=\"0\"\n          [max]=\"1\"\n          [step]=\"0.001\"\n        ></mv-slider>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+    }], () => [{ type: i1.PresetService }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FixtureCapabilityPanTiltComponent, { className: "FixtureCapabilityPanTiltComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4dHVyZS1jYXBhYmlsaXR5LXBhbi10aWx0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbmVyL3NyYy9saWIvZml4dHVyZS9maXh0dXJlLWNhcGFiaWxpdHkvZml4dHVyZS1jYXBhYmlsaXR5LXBhbi10aWx0L2ZpeHR1cmUtY2FwYWJpbGl0eS1wYW4tdGlsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ25lci9zcmMvbGliL2ZpeHR1cmUvZml4dHVyZS1jYXBhYmlsaXR5L2ZpeHR1cmUtY2FwYWJpbGl0eS1wYW4tdGlsdC9maXh0dXJlLWNhcGFiaWxpdHktcGFuLXRpbHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7OztBQU9qRSxNQUFNLE9BQU8saUNBQWlDO0lBQzVDLFlBQW9CLGFBQTRCLEVBQVUsaUJBQW9DO1FBQTFFLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFHLENBQUM7SUFFbEcsUUFBUSxLQUFJLENBQUM7SUFFYixXQUFXO1FBQ1QsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGNBQWMsRUFBRSxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM1SCxJQUFJLGVBQWUsRUFBRSxDQUFDO1lBQ3BCLE9BQU8sZUFBZSxDQUFDLGVBQWUsQ0FBQztRQUN6QyxDQUFDO1FBQ0QsT0FBTyxTQUFTLENBQUM7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Q0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpeHR1cmVDYXBhYmlsaXR5VHlwZSB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9maXh0dXJlLWNhcGFiaWxpdHknO1xuaW1wb3J0IHsgUHJlc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3ByZXNldC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktcGFuLXRpbHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZml4dHVyZS1jYXBhYmlsaXR5LXBhbi10aWx0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZml4dHVyZS1jYXBhYmlsaXR5LXBhbi10aWx0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRml4dHVyZUNhcGFiaWxpdHlQYW5UaWx0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwcmVzZXRTZXJ2aWNlOiBQcmVzZXRTZXJ2aWNlLCBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgZ2V0VmFsdWVQYW4oKTogbnVtYmVyIHtcbiAgICBjb25zdCBjYXBhYmlsaXR5VmFsdWUgPSB0aGlzLnByZXNldFNlcnZpY2UuZ2V0Q2FwYWJpbGl0eVZhbHVlKHRoaXMucHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCwgRml4dHVyZUNhcGFiaWxpdHlUeXBlLlBhbik7XG4gICAgaWYgKGNhcGFiaWxpdHlWYWx1ZSkge1xuICAgICAgcmV0dXJuIGNhcGFiaWxpdHlWYWx1ZS52YWx1ZVBlcmNlbnRhZ2U7XG4gICAgfVxuICAgIHJldHVybiB1bmRlZmluZWQ7XG4gIH1cblxuICBnZXRWYWx1ZVRleHRQYW4oKTogbnVtYmVyIHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZ2V0VmFsdWVQYW4oKTtcbiAgICBpZiAodmFsdWUgPj0gMCkge1xuICAgICAgcmV0dXJuIE1hdGgucm91bmQodmFsdWUgKiAxMDAgKiAxMDApIC8gMTAwO1xuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgc2V0VmFsdWVQYW4odmFsdWU6IGFueSkge1xuICAgIGlmIChpc05hTih2YWx1ZSkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUgPCAwIHx8IHZhbHVlID4gMSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMucHJlc2V0U2VydmljZS5zZXRDYXBhYmlsaXR5VmFsdWUodGhpcy5wcmVzZXRTZXJ2aWNlLnNlbGVjdGVkUHJlc2V0LCBGaXh0dXJlQ2FwYWJpbGl0eVR5cGUuUGFuLCB2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgdGhpcy5wcmVzZXRTZXJ2aWNlLnByZXZpZXdMaXZlKCk7XG4gIH1cblxuICBnZXRWYWx1ZVRpbHQoKTogbnVtYmVyIHtcbiAgICBjb25zdCBjYXBhYmlsaXR5VmFsdWUgPSB0aGlzLnByZXNldFNlcnZpY2UuZ2V0Q2FwYWJpbGl0eVZhbHVlKHRoaXMucHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCwgRml4dHVyZUNhcGFiaWxpdHlUeXBlLlRpbHQpO1xuICAgIGlmIChjYXBhYmlsaXR5VmFsdWUpIHtcbiAgICAgIHJldHVybiBjYXBhYmlsaXR5VmFsdWUudmFsdWVQZXJjZW50YWdlO1xuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgZ2V0VmFsdWVUZXh0VGlsdCgpOiBudW1iZXIge1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy5nZXRWYWx1ZVRpbHQoKTtcbiAgICBpZiAodmFsdWUgPj0gMCkge1xuICAgICAgcmV0dXJuIE1hdGgucm91bmQodmFsdWUgKiAxMDAgKiAxMDApIC8gMTAwO1xuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgc2V0VmFsdWVUaWx0KHZhbHVlOiBhbnkpIHtcbiAgICBpZiAoaXNOYU4odmFsdWUpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlIDwgMCB8fCB2YWx1ZSA+IDEpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnByZXNldFNlcnZpY2Uuc2V0Q2FwYWJpbGl0eVZhbHVlKHRoaXMucHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCwgRml4dHVyZUNhcGFiaWxpdHlUeXBlLlRpbHQsIHZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLnByZXNldFNlcnZpY2UucHJldmlld0xpdmUoKTtcbiAgfVxuXG4gIGNoYW5nZUFjdGl2ZShhY3RpdmU6IGJvb2xlYW4pIHtcbiAgICBpZiAoYWN0aXZlKSB7XG4gICAgICB0aGlzLnNldFZhbHVlUGFuKDAuNSk7XG4gICAgICB0aGlzLnNldFZhbHVlVGlsdCgwLjUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnByZXNldFNlcnZpY2UuZGVsZXRlQ2FwYWJpbGl0eVZhbHVlKHRoaXMucHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCwgRml4dHVyZUNhcGFiaWxpdHlUeXBlLlBhbik7XG4gICAgICB0aGlzLnByZXNldFNlcnZpY2UuZGVsZXRlQ2FwYWJpbGl0eVZhbHVlKHRoaXMucHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCwgRml4dHVyZUNhcGFiaWxpdHlUeXBlLlRpbHQpO1xuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICAgIHRoaXMucHJlc2V0U2VydmljZS5wcmV2aWV3TGl2ZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZCBib3JkZXItc2Vjb25kYXJ5IGgtMTAwXCIgW2NsYXNzLmNhcGFiaWxpdHktZGVhY3RpdmF0ZWRdPVwiZ2V0VmFsdWVQYW4oKSA9PSB1bmRlZmluZWQgJiYgZ2V0VmFsdWVUaWx0KCkgPT0gdW5kZWZpbmVkXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJteS1hdXRvXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVja1wiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIGNsYXNzPVwiZm9ybS1jaGVjay1pbnB1dFwiXG4gICAgICAgICAgaWQ9XCJjYXBhYmlsaXR5Q29sb3JXaGVlbEFjdGl2ZVwiXG4gICAgICAgICAgW25nTW9kZWxdPVwiZ2V0VmFsdWVQYW4oKSAhPSB1bmRlZmluZWQgfHwgZ2V0VmFsdWVUaWx0KCkgIT0gdW5kZWZpbmVkXCJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VBY3RpdmUoJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJjYXBhYmlsaXR5Q29sb3JXaGVlbEFjdGl2ZVwiPnt7ICdkZXNpZ25lci5maXh0dXJlLmNhcGFiaWxpdHktcGFuLXRpbHQnIHwgdHJhbnNsYXRlIH19PC9sYWJlbD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IGgtMTAwIGQtZmxleFwiIHN0eWxlPVwiZmxleC1kaXJlY3Rpb246IHJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggaC0xMDAgbXItM1wiIHN0eWxlPVwiZmxleC1kaXJlY3Rpb246IGNvbHVtblwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1iLTQgdy0xMDAgZC1mbGV4XCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzPVwibXgtYXV0b1wiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIFtuZ01vZGVsXT1cImdldFZhbHVlVGV4dFBhbigpID49IDAgPyBnZXRWYWx1ZVRleHRQYW4oKSA6IDBcIlxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNldFZhbHVlUGFuKCRldmVudCAvIDEwMClcIlxuICAgICAgICAgIHN0eWxlPVwid2lkdGg6IDQycHg7IGhlaWdodDogMjBweDsgdGV4dC1hbGlnbjogY2VudGVyOyBmb250LXNpemU6IDEycHg7IGZvbnQtZmFtaWx5OiBtb25vc3BhY2VcIlxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJoLTEwMCB3LTEwMCBkLWZsZXhcIj5cbiAgICAgICAgPG12LXNsaWRlclxuICAgICAgICAgIGNsYXNzPVwibXgtYXV0b1wiXG4gICAgICAgICAgW3ZhbHVlXT1cImdldFZhbHVlUGFuKCkgPj0gMCA/IGdldFZhbHVlUGFuKCkgOiAwXCJcbiAgICAgICAgICAoY2hhbmdlKT1cInNldFZhbHVlUGFuKCRldmVudC5uZXdWYWx1ZSlcIlxuICAgICAgICAgIFtvcmllbnRhdGlvbl09XCIndmVydGljYWwnXCJcbiAgICAgICAgICBbcmV2ZXJzZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgc3R5bGU9XCJoZWlnaHQ6IDEwMCVcIlxuICAgICAgICAgIFt0b29sdGlwXT1cIidoaWRlJ1wiXG4gICAgICAgICAgW21pbl09XCIwXCJcbiAgICAgICAgICBbbWF4XT1cIjFcIlxuICAgICAgICAgIFtzdGVwXT1cIjAuMDAxXCJcbiAgICAgICAgPjwvbXYtc2xpZGVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGgtMTAwXCIgc3R5bGU9XCJmbGV4LWRpcmVjdGlvbjogY29sdW1uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWItNCB3LTEwMCBkLWZsZXhcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgY2xhc3M9XCJteC1hdXRvXCJcbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgW25nTW9kZWxdPVwiZ2V0VmFsdWVUZXh0VGlsdCgpID49IDAgPyBnZXRWYWx1ZVRleHRUaWx0KCkgOiAwXCJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZXRWYWx1ZVRpbHQoJGV2ZW50IC8gMTAwKVwiXG4gICAgICAgICAgc3R5bGU9XCJ3aWR0aDogNDJweDsgaGVpZ2h0OiAyMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7IGZvbnQtc2l6ZTogMTJweDsgZm9udC1mYW1pbHk6IG1vbm9zcGFjZVwiXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImgtMTAwIHctMTAwIGQtZmxleFwiPlxuICAgICAgICA8bXYtc2xpZGVyXG4gICAgICAgICAgY2xhc3M9XCJteC1hdXRvXCJcbiAgICAgICAgICBbdmFsdWVdPVwiZ2V0VmFsdWVUaWx0KCkgPj0gMCA/IGdldFZhbHVlVGlsdCgpIDogMFwiXG4gICAgICAgICAgKGNoYW5nZSk9XCJzZXRWYWx1ZVRpbHQoJGV2ZW50Lm5ld1ZhbHVlKVwiXG4gICAgICAgICAgW29yaWVudGF0aW9uXT1cIid2ZXJ0aWNhbCdcIlxuICAgICAgICAgIFtyZXZlcnNlZF09XCJ0cnVlXCJcbiAgICAgICAgICBzdHlsZT1cImhlaWdodDogMTAwJVwiXG4gICAgICAgICAgW3Rvb2x0aXBdPVwiJ2hpZGUnXCJcbiAgICAgICAgICBbbWluXT1cIjBcIlxuICAgICAgICAgIFttYXhdPVwiMVwiXG4gICAgICAgICAgW3N0ZXBdPVwiMC4wMDFcIlxuICAgICAgICA+PC9tdi1zbGlkZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/fixture/fixture-capability/fixture-capability.component.mjs

@@ -0,0 +1,169 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import { FixtureWheelSlotType } from '../../models/fixture-wheel-slot';
+import { FixtureService } from '../../services/fixture.service';
+import { IntroService } from '../../services/intro.service';
+import { PresetService } from '../../services/preset.service';
+import { ProjectService } from '../../services/project.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/preset.service";
+import * as i2 from "../../services/fixture.service";
+import * as i3 from "../../services/project.service";
+import * as i4 from "../../services/intro.service";
+import * as i5 from "@angular/common";
+import * as i6 from "./fixture-capability-color/fixture-capability-color.component";
+import * as i7 from "./fixture-capability-dimmer/fixture-capability-dimmer.component";
+import * as i8 from "./fixture-capability-pan-tilt/fixture-capability-pan-tilt.component";
+import * as i9 from "./fixture-capability-color-wheel/fixture-capability-color-wheel.component";
+import * as i10 from "@ngx-translate/core";
+function FixtureCapabilityComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "lib-app-fixture-capability-dimmer");
+    i0.ɵɵelementEnd();
+} }
+function FixtureCapabilityComponent_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "lib-app-fixture-capability-color");
+    i0.ɵɵelementEnd();
+} }
+function FixtureCapabilityComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "lib-app-fixture-capability-color-wheel", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entry_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("profile", entry_r1.key)("channel", entry_r1.value)("wheelIndex", i_r2)("showContainer", ctx_r2.colorWheelChannels.size > 1);
+} }
+function FixtureCapabilityComponent_div_2_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "lib-app-fixture-capability-pan-tilt");
+    i0.ɵɵelementEnd();
+} }
+function FixtureCapabilityComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtemplate(1, FixtureCapabilityComponent_div_2_div_1_Template, 2, 0, "div", 5)(2, FixtureCapabilityComponent_div_2_div_2_Template, 2, 0, "div", 5)(3, FixtureCapabilityComponent_div_2_div_3_Template, 2, 4, "div", 6);
+    i0.ɵɵpipe(4, "keyvalue");
+    i0.ɵɵtemplate(5, FixtureCapabilityComponent_div_2_div_5_Template, 2, 0, "div", 5);
+    i0.ɵɵelementStart(6, "div", 7);
+    i0.ɵɵtext(7, "\u00A0");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("h-100", ctx_r2.isChrome());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.presetService.hasCapabilityDimmer());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.presetService.hasCapabilityColorOrColorWheel());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 6, ctx_r2.colorWheelChannels));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.presetService.hasCapabilityPanTilt());
+} }
+function FixtureCapabilityComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "p", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "designer.fixture.no-fixtures"));
+} }
+function FixtureCapabilityComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "p", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "designer.fixture.no-fixtures-selected"));
+} }
+export class FixtureCapabilityComponent {
+    constructor(presetService, fixtureService, changeDetectorRef, projectService, introService) {
+        this.presetService = presetService;
+        this.fixtureService = fixtureService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.projectService = projectService;
+        this.introService = introService;
+        // map containing the profile and the channel name containing the wheel
+        this.colorWheelChannels = new Map();
+        this.fixtureSelectionChangedSubscription = this.presetService.fixtureSelectionChanged.subscribe(() => {
+            this.update();
+        });
+        this.previewSelectionChangedSubscription = this.presetService.previewSelectionChanged.subscribe(() => {
+            this.update();
+        });
+        this.introService.stepChanged.subscribe(() => {
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.fixtureSelectionChangedSubscription.unsubscribe();
+        this.previewSelectionChangedSubscription.unsubscribe();
+    }
+    wheelInList(wheels, profile, channel) {
+        wheels.forEach((existingChannel, existingProfile) => {
+            if (existingProfile.uuid === profile.uuid && existingChannel.name === channel.name) {
+                return true;
+            }
+        });
+        return false;
+    }
+    updateColorWheels() {
+        this.colorWheelChannels = new Map();
+        if (!this.presetService.selectedPreset) {
+            return;
+        }
+        for (const preserFixture of this.presetService.selectedPreset.fixtures) {
+            const fixture = this.fixtureService.getCachedFixtureByUuid(preserFixture.fixtureUuid, preserFixture.pixelKey);
+            for (const channel of fixture.channels) {
+                for (const capability of channel.capabilities) {
+                    if (capability.wheel && capability.wheelSlots && capability.wheelSlots.length > 0) {
+                        if (this.fixtureService.wheelHasSlotType(capability.wheel, FixtureWheelSlotType.Color)) {
+                            // color wheel
+                            if (!this.wheelInList(this.colorWheelChannels, fixture.profile, channel)) {
+                                this.colorWheelChannels.set(fixture.profile, channel);
+                            }
+                        }
+                        else if (this.fixtureService.wheelHasSlotType(capability.wheel, FixtureWheelSlotType.Gobo)) {
+                            // gobo wheel
+                            // TODO
+                        }
+                    }
+                }
+            }
+        }
+    }
+    update() {
+        this.updateColorWheels();
+        this.changeDetectorRef.detectChanges();
+    }
+    isChrome() {
+        if (navigator.appVersion.indexOf('Chrome/') !== -1) {
+            return true;
+        }
+        return false;
+    }
+    static { this.ɵfac = function FixtureCapabilityComponent_Factory(t) { return new (t || FixtureCapabilityComponent)(i0.ɵɵdirectiveInject(i1.PresetService), i0.ɵɵdirectiveInject(i2.FixtureService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.ProjectService), i0.ɵɵdirectiveInject(i4.IntroService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FixtureCapabilityComponent, selectors: [["lib-app-fixture-capability"]], decls: 5, vars: 5, consts: [[1, "card", "border-secondary", "panel", "h-100"], [1, "card-body", "capability-container", "d-flex", "h-100", 2, "overflow-y", "hidden"], ["class", "row m-0 pl-3", 3, "h-100", 4, "ngIf"], ["class", "m-auto", 4, "ngIf"], [1, "row", "m-0", "pl-3"], ["class", "col col-auto p-0 my-3 mr-3", "style", "height: calc(100% - 2rem)", 4, "ngIf"], ["class", "col col-auto p-0 my-3 mr-3", "style", "height: calc(100% - 2rem)", 4, "ngFor", "ngForOf"], [1, "col", "col-auto", "p-0", "my-3", "mr-3"], [1, "col", "col-auto", "p-0", "my-3", "mr-3", 2, "height", "calc(100% - 2rem)"], [3, "profile", "channel", "wheelIndex", "showContainer"], [1, "m-auto"], [1, "m-auto", 2, "color", "#717171"]], template: function FixtureCapabilityComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtemplate(2, FixtureCapabilityComponent_div_2_Template, 8, 8, "div", 2)(3, FixtureCapabilityComponent_div_3_Template, 4, 3, "div", 3)(4, FixtureCapabilityComponent_div_4_Template, 4, 3, "div", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("card-intro-active", ctx.introService.showStep("capabilities"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.presetService.selectedPreset);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.projectService.project.fixtures.length == 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.projectService.project.fixtures.length > 0 && ctx.presetService.selectedPreset && ctx.presetService.selectedPreset.fixtures.length == 0);
+        } }, dependencies: [i5.NgForOf, i5.NgIf, i6.FixtureCapabilityColorComponent, i7.FixtureCapabilityDimmerComponent, i8.FixtureCapabilityPanTiltComponent, i9.FixtureCapabilityColorWheelComponent, i5.KeyValuePipe, i10.TranslatePipe], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixtureCapabilityComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-app-fixture-capability', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card border-secondary panel h-100\" [class.card-intro-active]=\"introService.showStep('capabilities')\">\n  <div class=\"card-body capability-container d-flex h-100\" style=\"overflow-y: hidden\">\n    <!-- h-100 needs to be applied in chrome to avoid performance issues with many layouts (reflows)\n    during sliding. But the class must not be applied e.g. in Safari, because the bottom margin is not correct\n    anymore afterwards. -->\n    <div *ngIf=\"presetService.selectedPreset\" class=\"row m-0 pl-3\" [class.h-100]=\"isChrome()\">\n      <!-- Dimmer -->\n      <!-- the height attribute is required to avoid performance issues with many layouts (reflows)\n      in Chrome during sliding -->\n      <div *ngIf=\"presetService.hasCapabilityDimmer()\" class=\"col col-auto p-0 my-3 mr-3\" style=\"height: calc(100% - 2rem)\">\n        <lib-app-fixture-capability-dimmer></lib-app-fixture-capability-dimmer>\n      </div>\n\n      <!-- Color -->\n      <!-- Also show for color wheel fixtures to approx. the color -->\n      <div *ngIf=\"presetService.hasCapabilityColorOrColorWheel()\" class=\"col col-auto p-0 my-3 mr-3\" style=\"height: calc(100% - 2rem)\">\n        <lib-app-fixture-capability-color></lib-app-fixture-capability-color>\n      </div>\n\n      <!-- Color wheels -->\n      <div\n        *ngFor=\"let entry of colorWheelChannels | keyvalue; let i = index\"\n        class=\"col col-auto p-0 my-3 mr-3\"\n        style=\"height: calc(100% - 2rem)\"\n      >\n        <lib-app-fixture-capability-color-wheel\n          [profile]=\"entry.key\"\n          [channel]=\"entry.value\"\n          [wheelIndex]=\"i\"\n          [showContainer]=\"colorWheelChannels.size > 1\"\n        ></lib-app-fixture-capability-color-wheel>\n      </div>\n\n      <!-- Pan/Tilt -->\n      <div *ngIf=\"presetService.hasCapabilityPanTilt()\" class=\"col col-auto p-0 my-3 mr-3\" style=\"height: calc(100% - 2rem)\">\n        <lib-app-fixture-capability-pan-tilt></lib-app-fixture-capability-pan-tilt>\n      </div>\n\n      <!-- Fix spacing at the end -->\n      <div class=\"col col-auto p-0 my-3 mr-3\">&nbsp;</div>\n    </div>\n\n    <div *ngIf=\"projectService.project.fixtures.length == 0\" class=\"m-auto\">\n      <p class=\"m-auto\" style=\"color: #717171\">{{ 'designer.fixture.no-fixtures' | translate }}</p>\n    </div>\n\n    <div\n      *ngIf=\"\n        projectService.project.fixtures.length > 0 && presetService.selectedPreset && presetService.selectedPreset.fixtures.length == 0\n      \"\n      class=\"m-auto\"\n    >\n      <p class=\"m-auto\" style=\"color: #717171\">{{ 'designer.fixture.no-fixtures-selected' | translate }}</p>\n    </div>\n  </div>\n</div>\n" }]
+    }], () => [{ type: i1.PresetService }, { type: i2.FixtureService }, { type: i0.ChangeDetectorRef }, { type: i3.ProjectService }, { type: i4.IntroService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FixtureCapabilityComponent, { className: "FixtureCapabilityComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4dHVyZS1jYXBhYmlsaXR5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbmVyL3NyYy9saWIvZml4dHVyZS9maXh0dXJlLWNhcGFiaWxpdHkvZml4dHVyZS1jYXBhYmlsaXR5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbmVyL3NyYy9saWIvZml4dHVyZS9maXh0dXJlLWNhcGFiaWxpdHkvZml4dHVyZS1jYXBhYmlsaXR5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBSXpHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7Ozs7OztJQ0MxRCw4QkFBc0g7SUFDcEgsb0RBQXVFO0lBQ3pFLGlCQUFNOzs7SUFJTiw4QkFBaUk7SUFDL0gsbURBQXFFO0lBQ3ZFLGlCQUFNOzs7SUFHTiw4QkFJQztJQUNDLDREQUswQztJQUM1QyxpQkFBTTs7Ozs7SUFMRixjQUFxQjtJQUdyQixBQURBLEFBREEsQUFEQSxzQ0FBcUIsMkJBQ0Usb0JBQ1AscURBQzZCOzs7SUFLakQsOEJBQXVIO0lBQ3JILHNEQUEyRTtJQUM3RSxpQkFBTTs7O0lBL0JSLDhCQUEwRjtJQWV4RixBQUxBLEFBTkEsaUZBQXNILG9FQU1XLG9FQVNoSTs7SUFVRCxpRkFBdUg7SUFLdkgsOEJB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QUpBLEFBckNBLDJFQUEwRiw4REFxQ2xCLDhEQVN2RTtZQUlMLEFBREUsaUJBQU0sRUFDRjs7WUF2RHlDLDhFQUFpRTtZQUt0RyxlQUFrQztZQUFsQyx1REFBa0M7WUFxQ2xDLGNBQWlEO1lBQWpELHNFQUFpRDtZQUtwRCxjQUdQO1lBSE8sa0tBR1A7OztpRkRsQ2EsMEJBQTBCO2NBTnRDLFNBQVM7MkJBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNOztrRkFFcEMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENhY2hlZEZpeHR1cmVDaGFubmVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NhY2hlZC1maXh0dXJlLWNoYW5uZWwnO1xuaW1wb3J0IHsgRml4dHVyZVByb2ZpbGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvZml4dHVyZS1wcm9maWxlJztcbmltcG9ydCB7IEZpeHR1cmVXaGVlbFNsb3RUeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ZpeHR1cmUtd2hlZWwtc2xvdCc7XG5pbXBvcnQgeyBGaXh0dXJlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZpeHR1cmUuc2VydmljZSc7XG5pbXBvcnQgeyBJbnRyb1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbnRyby5zZXJ2aWNlJztcbmltcG9ydCB7IFByZXNldFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9wcmVzZXQuc2VydmljZSc7XG5pbXBvcnQgeyBQcm9qZWN0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Byb2plY3Quc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hcHAtZml4dHVyZS1jYXBhYmlsaXR5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpeHR1cmUtY2FwYWJpbGl0eS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpeHR1cmUtY2FwYWJpbGl0eS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGaXh0dXJlQ2FwYWJpbGl0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLy8gbWFwIGNvbnRhaW5pbmcgdGhlIHByb2ZpbGUgYW5kIHRoZSBjaGFubmVsIG5hbWUgY29udGFpbmluZyB0aGUgd2hlZWxcbiAgY29sb3JXaGVlbENoYW5uZWxzOiBNYXA8Rml4dHVyZVByb2ZpbGUsIENhY2hlZEZpeHR1cmVDaGFubmVsPiA9IG5ldyBNYXA8Rml4dHVyZVByb2ZpbGUsIENhY2hlZEZpeHR1cmVDaGFubmVsPigpO1xuXG4gIHByaXZhdGUgZml4dHVyZVNlbGVjdGlvbkNoYW5nZWRTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcbiAgcHJpdmF0ZSBwcmV2aWV3U2VsZWN0aW9uQ2hhbmdlZFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBwcmVzZXRTZXJ2aWNlOiBQcmVzZXRTZXJ2aWNlLFxuICAgIHByaXZhdGUgZml4dHVyZVNlcnZpY2U6IEZpeHR1cmVTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHB1YmxpYyBwcm9qZWN0U2VydmljZTogUHJvamVjdFNlcnZpY2UsXG4gICAgcHVibGljIGludHJvU2VydmljZTogSW50cm9TZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuZml4dHVyZVNlbGVjdGlvbkNoYW5nZWRTdWJzY3JpcHRpb24gPSB0aGlzLnByZXNldFNlcnZpY2UuZml4dHVyZVNlbGVjdGlvbkNoYW5nZWQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlKCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnByZXZpZXdTZWxlY3Rpb25DaGFuZ2VkU3Vic2NyaXB0aW9uID0gdGhpcy5wcmVzZXRTZXJ2aWNlLnByZXZpZXdTZWxlY3Rpb25DaGFuZ2VkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnVwZGF0ZSgpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5pbnRyb1NlcnZpY2Uuc3RlcENoYW5nZWQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZml4dHVyZVNlbGVjdGlvbkNoYW5nZWRTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICB0aGlzLnByZXZpZXdTZWxlY3Rpb25DaGFuZ2VkU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcml2YXRlIHdoZWVsSW5MaXN0KHdoZWVsczogTWFwPEZpeHR1cmVQcm9maWxlLCBDYWNoZWRGaXh0dXJlQ2hhbm5lbD4sIHByb2ZpbGU6IEZpeHR1cmVQcm9maWxlLCBjaGFubmVsOiBDYWNoZWRGaXh0dXJlQ2hhbm5lbCkge1xuICAgIHdoZWVscy5mb3JFYWNoKChleGlzdGluZ0NoYW5uZWw6IENhY2hlZEZpeHR1cmVDaGFubmVsLCBleGlzdGluZ1Byb2ZpbGU6IEZpeHR1cmVQcm9maWxlKSA9PiB7XG4gICAgICBpZiAoZXhpc3RpbmdQcm9maWxlLnV1aWQgPT09IHByb2ZpbGUudXVpZCAmJiBleGlzdGluZ0NoYW5uZWwubmFtZSA9PT0gY2hhbm5lbC5uYW1lKSB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVDb2xvcldoZWVscygpIHtcbiAgICB0aGlzLmNvbG9yV2hlZWxDaGFubmVscyA9IG5ldyBNYXA8Rml4dHVyZVByb2ZpbGUsIENhY2hlZEZpeHR1cmVDaGFubmVsPigpO1xuXG4gICAgaWYgKCF0aGlzLnByZXNldFNlcnZpY2Uuc2VsZWN0ZWRQcmVzZXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBmb3IgKGNvbnN0IHByZXNlckZpeHR1cmUgb2YgdGhpcy5wcmVzZXRTZXJ2aWNlLnNlbGVjdGVkUHJlc2V0LmZpeHR1cmVzKSB7XG4gICAgICBjb25zdCBmaXh0dXJlID0gdGhpcy5maXh0dXJlU2VydmljZS5nZXRDYWNoZWRGaXh0dXJlQnlVdWlkKHByZXNlckZpeHR1cmUuZml4dHVyZVV1aWQsIHByZXNlckZpeHR1cmUucGl4ZWxLZXkpO1xuICAgICAgZm9yIChjb25zdCBjaGFubmVsIG9mIGZpeHR1cmUuY2hhbm5lbHMpIHtcbiAgICAgICAgZm9yIChjb25zdCBjYXBhYmlsaXR5IG9mIGNoYW5uZWwuY2FwYWJpbGl0aWVzKSB7XG4gICAgICAgICAgaWYgKGNhcGFiaWxpdHkud2hlZWwgJiYgY2FwYWJpbGl0eS53aGVlbFNsb3RzICYmIGNhcGFiaWxpdHkud2hlZWxTbG90cy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5maXh0dXJlU2VydmljZS53aGVlbEhhc1Nsb3RUeXBlKGNhcGFiaWxpdHkud2hlZWwsIEZpeHR1cmVXaGVlbFNsb3RUeXBlLkNvbG9yKSkge1xuICAgICAgICAgICAgICAvLyBjb2xvciB3aGVlbFxuICAgICAgICAgICAgICBpZiAoIXRoaXMud2hlZWxJbkxpc3QodGhpcy5jb2xvcldoZWVsQ2hhbm5lbHMsIGZpeHR1cmUucHJvZmlsZSwgY2hhbm5lbCkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbG9yV2hlZWxDaGFubmVscy5zZXQoZml4dHVyZS5wcm9maWxlLCBjaGFubmVsKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIGlmICh0aGlzLmZpeHR1cmVTZXJ2aWNlLndoZWVsSGFzU2xvdFR5cGUoY2FwYWJpbGl0eS53aGVlbCwgRml4dHVyZVdoZWVsU2xvdFR5cGUuR29ibykpIHtcbiAgICAgICAgICAgICAgLy8gZ29ibyB3aGVlbFxuICAgICAgICAgICAgICAvLyBUT0RPXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGUoKSB7XG4gICAgdGhpcy51cGRhdGVDb2xvcldoZWVscygpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgaXNDaHJvbWUoKTogYm9vbGVhbiB7XG4gICAgaWYgKG5hdmlnYXRvci5hcHBWZXJzaW9uLmluZGV4T2YoJ0Nocm9tZS8nKSAhPT0gLTEpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkIGJvcmRlci1zZWNvbmRhcnkgcGFuZWwgaC0xMDBcIiBbY2xhc3MuY2FyZC1pbnRyby1hY3RpdmVdPVwiaW50cm9TZXJ2aWNlLnNob3dTdGVwKCdjYXBhYmlsaXRpZXMnKVwiPlxuICA8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IGNhcGFiaWxpdHktY29udGFpbmVyIGQtZmxleCBoLTEwMFwiIHN0eWxlPVwib3ZlcmZsb3cteTogaGlkZGVuXCI+XG4gICAgPCEtLSBoLTEwMCBuZWVkcyB0byBiZSBhcHBsaWVkIGluIGNocm9tZSB0byBhdm9pZCBwZXJmb3JtYW5jZSBpc3N1ZXMgd2l0aCBtYW55IGxheW91dHMgKHJlZmxvd3MpXG4gICAgZHVyaW5nIHNsaWRpbmcuIEJ1dCB0aGUgY2xhc3MgbXVzdCBub3QgYmUgYXBwbGllZCBlLmcuIGluIFNhZmFyaSwgYmVjYXVzZSB0aGUgYm90dG9tIG1hcmdpbiBpcyBub3QgY29ycmVjdFxuICAgIGFueW1vcmUgYWZ0ZXJ3YXJkcy4gLS0+XG4gICAgPGRpdiAqbmdJZj1cInByZXNldFNlcnZpY2Uuc2VsZWN0ZWRQcmVzZXRcIiBjbGFzcz1cInJvdyBtLTAgcGwtM1wiIFtjbGFzcy5oLTEwMF09XCJpc0Nocm9tZSgpXCI+XG4gICAgICA8IS0tIERpbW1lciAtLT5cbiAgICAgIDwhLS0gdGhlIGhlaWdodCBhdHRyaWJ1dGUgaXMgcmVxdWlyZWQgdG8gYXZvaWQgcGVyZm9ybWFuY2UgaXNzdWVzIHdpdGggbWFueSBsYXlvdXRzIChyZWZsb3dzKVxuICAgICAgaW4gQ2hyb21lIGR1cmluZyBzbGlkaW5nIC0tPlxuICAgICAgPGRpdiAqbmdJZj1cInByZXNldFNlcnZpY2UuaGFzQ2FwYWJpbGl0eURpbW1lcigpXCIgY2xhc3M9XCJjb2wgY29sLWF1dG8gcC0wIG15LTMgbXItM1wiIHN0eWxlPVwiaGVpZ2h0OiBjYWxjKDEwMCUgLSAycmVtKVwiPlxuICAgICAgICA8bGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktZGltbWVyPjwvbGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktZGltbWVyPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQ29sb3IgLS0+XG4gICAgICA8IS0tIEFsc28gc2hvdyBmb3IgY29sb3Igd2hlZWwgZml4dHVyZXMgdG8gYXBwcm94LiB0aGUgY29sb3IgLS0+XG4gICAgICA8ZGl2ICpuZ0lmPVwicHJlc2V0U2VydmljZS5oYXNDYXBhYmlsaXR5Q29sb3JPckNvbG9yV2hlZWwoKVwiIGNsYXNzPVwiY29sIGNvbC1hdXRvIHAtMCBteS0zIG1yLTNcIiBzdHlsZT1cImhlaWdodDogY2FsYygxMDAlIC0gMnJlbSlcIj5cbiAgICAgICAgPGxpYi1hcHAtZml4dHVyZS1jYXBhYmlsaXR5LWNvbG9yPjwvbGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktY29sb3I+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBDb2xvciB3aGVlbHMgLS0+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0Zvcj1cImxldCBlbnRyeSBvZiBjb2xvcldoZWVsQ2hhbm5lbHMgfCBrZXl2YWx1ZTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgIGNsYXNzPVwiY29sIGNvbC1hdXRvIHAtMCBteS0zIG1yLTNcIlxuICAgICAgICBzdHlsZT1cImhlaWdodDogY2FsYygxMDAlIC0gMnJlbSlcIlxuICAgICAgPlxuICAgICAgICA8bGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktY29sb3Itd2hlZWxcbiAgICAgICAgICBbcHJvZmlsZV09XCJlbnRyeS5rZXlcIlxuICAgICAgICAgIFtjaGFubmVsXT1cImVudHJ5LnZhbHVlXCJcbiAgICAgICAgICBbd2hlZWxJbmRleF09XCJpXCJcbiAgICAgICAgICBbc2hvd0NvbnRhaW5lcl09XCJjb2xvcldoZWVsQ2hhbm5lbHMuc2l6ZSA+IDFcIlxuICAgICAgICA+PC9saWItYXBwLWZpeHR1cmUtY2FwYWJpbGl0eS1jb2xvci13aGVlbD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIFBhbi9UaWx0IC0tPlxuICAgICAgPGRpdiAqbmdJZj1cInByZXNldFNlcnZpY2UuaGFzQ2FwYWJpbGl0eVBhblRpbHQoKVwiIGNsYXNzPVwiY29sIGNvbC1hdXRvIHAtMCBteS0zIG1yLTNcIiBzdHlsZT1cImhlaWdodDogY2FsYygxMDAlIC0gMnJlbSlcIj5cbiAgICAgICAgPGxpYi1hcHAtZml4dHVyZS1jYXBhYmlsaXR5LXBhbi10aWx0PjwvbGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktcGFuLXRpbHQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBGaXggc3BhY2luZyBhdCB0aGUgZW5kIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbCBjb2wtYXV0byBwLTAgbXktMyBtci0zXCI+Jm5ic3A7PC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwicHJvamVjdFNlcnZpY2UucHJvamVjdC5maXh0dXJlcy5sZW5ndGggPT0gMFwiIGNsYXNzPVwibS1hdXRvXCI+XG4gICAgICA8cCBjbGFzcz1cIm0tYXV0b1wiIHN0eWxlPVwiY29sb3I6ICM3MTcxNzFcIj57eyAnZGVzaWduZXIuZml4dHVyZS5uby1maXh0dXJlcycgfCB0cmFuc2xhdGUgfX08L3A+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIlxuICAgICAgICBwcm9qZWN0U2VydmljZS5wcm9qZWN0LmZpeHR1cmVzLmxlbmd0aCA+IDAgJiYgcHJlc2V0U2VydmljZS5zZWxlY3RlZFByZXNldCAmJiBwcmVzZXRTZXJ2aWNlLnNlbGVjdGVkUHJlc2V0LmZpeHR1cmVzLmxlbmd0aCA9PSAwXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJtLWF1dG9cIlxuICAgID5cbiAgICAgIDxwIGNsYXNzPVwibS1hdXRvXCIgc3R5bGU9XCJjb2xvcjogIzcxNzE3MVwiPnt7ICdkZXNpZ25lci5maXh0dXJlLm5vLWZpeHR1cmVzLXNlbGVjdGVkJyB8IHRyYW5zbGF0ZSB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/fixture/fixture-channel/fixture-channel.component.mjs

@@ -0,0 +1,162 @@
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { PresetService } from '../../services/preset.service';
+import { ProjectService } from '../../services/project.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/preset.service";
+import * as i2 from "../../services/project.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../fixture-capability/fixture-capability-channel/fixture-capability-channel.component";
+import * as i6 from "@ngx-translate/core";
+function FixtureChannelComponent_div_2_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "input", 11);
+    i0.ɵɵlistener("ngModelChange", function FixtureChannelComponent_div_2_div_1_div_1_Template_input_ngModelChange_1_listener($event) { const profile_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.changeProfileSelection($event, profile_r2)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "label", 12);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const profile_r2 = ctx.$implicit;
+    const i_r4 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵpropertyInterpolate1("id", "capabilityFilter", i_r4, "");
+    i0.ɵɵproperty("ngModel", ctx_r2.selectedProfiles.indexOf(profile_r2) >= 0);
+    i0.ɵɵadvance();
+    i0.ɵɵpropertyInterpolate1("for", "capabilityFilter", i_r4, "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", profile_r2.name, " ");
+} }
+function FixtureChannelComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtemplate(1, FixtureChannelComponent_div_2_div_1_div_1_Template, 4, 6, "div", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.profiles);
+} }
+function FixtureChannelComponent_div_2_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "lib-app-fixture-capability-channel", 15);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const capability_r5 = ctx.$implicit;
+    const j_r6 = ctx.index;
+    const ctx_r6 = i0.ɵɵnextContext();
+    const entry_r8 = ctx_r6.$implicit;
+    const i_r9 = ctx_r6.index;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("profile", entry_r8.key)("channel", capability_r5)("capabilityIndex", i_r9 * 10000 + j_r6);
+} }
+function FixtureChannelComponent_div_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, FixtureChannelComponent_div_2_ng_container_2_div_1_Template, 2, 3, "div", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entry_r8 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", entry_r8.value);
+} }
+function FixtureChannelComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtemplate(1, FixtureChannelComponent_div_2_div_1_Template, 2, 1, "div", 5)(2, FixtureChannelComponent_div_2_ng_container_2_Template, 2, 1, "ng-container", 6);
+    i0.ɵɵpipe(3, "keyvalue");
+    i0.ɵɵelementStart(4, "div", 7);
+    i0.ɵɵtext(5, "\u00A0");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("h-100", ctx_r2.isChrome());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.profiles.length > 1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 4, ctx_r2.channelCapabilities));
+} }
+function FixtureChannelComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16)(1, "p", 17);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "designer.fixture.no-fixtures"));
+} }
+function FixtureChannelComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16)(1, "p", 17);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "designer.fixture.no-fixtures-selected"));
+} }
+export class FixtureChannelComponent {
+    constructor(presetService, changeDetectorRef, projectService) {
+        this.presetService = presetService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.projectService = projectService;
+        this.channelCapabilities = new Map();
+        this.profiles = [];
+        this.selectedProfiles = [];
+        this.fixtureSelectionChangedSubscription = this.presetService.fixtureSelectionChanged.subscribe(() => {
+            this.calculateProfiles();
+        });
+        this.previewSelectionChangedSubscription = this.presetService.previewSelectionChanged.subscribe(() => {
+            this.calculateProfiles();
+        });
+    }
+    ngOnInit() {
+        this.calculateProfiles();
+    }
+    ngOnDestroy() {
+        this.fixtureSelectionChangedSubscription.unsubscribe();
+        this.previewSelectionChangedSubscription.unsubscribe();
+    }
+    calculateChannelCapabilities() {
+        this.channelCapabilities = this.presetService.getSelectedProfileChannels(this.selectedProfiles);
+        this.changeDetectorRef.detectChanges();
+    }
+    calculateProfiles() {
+        // calculate all profiels
+        this.profiles = this.presetService.getSelectedProfiles();
+        // select all profiles by default
+        this.selectedProfiles = [...this.profiles];
+        this.calculateChannelCapabilities();
+    }
+    changeProfileSelection($event, profile) {
+        if (this.selectedProfiles.indexOf(profile) >= 0) {
+            this.selectedProfiles.splice(this.selectedProfiles.indexOf(profile), 1);
+        }
+        else {
+            this.selectedProfiles.push(profile);
+        }
+        this.calculateChannelCapabilities();
+    }
+    isChrome() {
+        if (navigator.appVersion.indexOf('Chrome/') !== -1) {
+            return true;
+        }
+        return false;
+    }
+    static { this.ɵfac = function FixtureChannelComponent_Factory(t) { return new (t || FixtureChannelComponent)(i0.ɵɵdirectiveInject(i1.PresetService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.ProjectService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FixtureChannelComponent, selectors: [["lib-app-fixture-channel"]], decls: 5, vars: 3, consts: [[1, "card", "border-secondary", "panel", "h-100"], [1, "card-body", "capability-container", "d-flex", "h-100", 2, "overflow-y", "hidden"], ["class", "row m-0 pl-3", 3, "h-100", 4, "ngIf"], ["class", "m-auto", 4, "ngIf"], [1, "row", "m-0", "pl-3"], ["class", "col col-auto p-3 my-3 mr-3", "style", "height: calc(100% - 2rem); border: solid 1px #444; border-right: none", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "col", "col-auto", "p-0", "my-3", "mr-3"], [1, "col", "col-auto", "p-3", "my-3", "mr-3", 2, "height", "calc(100% - 2rem)", "border", "solid 1px #444", "border-right", "none"], ["class", "form-check", 4, "ngFor", "ngForOf"], [1, "form-check"], ["type", "checkbox", 1, "form-check-input", 3, "ngModelChange", "id", "ngModel"], [1, "form-check-label", 3, "for"], ["class", "col col-auto p-0 my-3 mr-3", "style", "height: calc(100% - 2rem)", 4, "ngFor", "ngForOf"], [1, "col", "col-auto", "p-0", "my-3", "mr-3", 2, "height", "calc(100% - 2rem)"], [3, "profile", "channel", "capabilityIndex"], [1, "m-auto"], [1, "m-auto", 2, "color", "#717171"]], template: function FixtureChannelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtemplate(2, FixtureChannelComponent_div_2_Template, 6, 6, "div", 2)(3, FixtureChannelComponent_div_3_Template, 4, 3, "div", 3)(4, FixtureChannelComponent_div_4_Template, 4, 3, "div", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.presetService.selectedPreset);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.projectService.project.fixtures.length == 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.projectService.project.fixtures.length > 0 && ctx.presetService.selectedPreset && ctx.presetService.selectedPreset.fixtures.length == 0);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.CheckboxControlValueAccessor, i4.NgControlStatus, i4.NgModel, i5.FixtureCapabilityChannelComponent, i3.KeyValuePipe, i6.TranslatePipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixtureChannelComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-app-fixture-channel', template: "<div class=\"card border-secondary panel h-100\">\n  <div class=\"card-body capability-container d-flex h-100\" style=\"overflow-y: hidden\">\n    <!-- h-100 needs to be applied in chrome to avoid performance issues with many layouts (reflows)\n      during sliding. But the class must not be applied e.g. in Safari, because the bottom margin is not correct\n      anymore afterwards. -->\n    <div *ngIf=\"presetService.selectedPreset\" class=\"row m-0 pl-3\" [class.h-100]=\"isChrome()\">\n      <!-- profile selection -->\n      <div\n        *ngIf=\"profiles.length > 1\"\n        class=\"col col-auto p-3 my-3 mr-3\"\n        style=\"height: calc(100% - 2rem); border: solid 1px #444; border-right: none\"\n      >\n        <div *ngFor=\"let profile of profiles; let i = index\" class=\"form-check\">\n          <input\n            type=\"checkbox\"\n            class=\"form-check-input\"\n            id=\"capabilityFilter{{ i }}\"\n            [ngModel]=\"selectedProfiles.indexOf(profile) >= 0\"\n            (ngModelChange)=\"changeProfileSelection($event, profile)\"\n          />\n          <label class=\"form-check-label\" for=\"capabilityFilter{{ i }}\">\n            {{ profile.name }}\n          </label>\n        </div>\n      </div>\n\n      <!-- all channel capabilities -->\n      <ng-container *ngFor=\"let entry of channelCapabilities | keyvalue; let i = index\">\n        <div *ngFor=\"let capability of entry.value; let j = index\" class=\"col col-auto p-0 my-3 mr-3\" style=\"height: calc(100% - 2rem)\">\n          <lib-app-fixture-capability-channel [profile]=\"entry.key\" [channel]=\"capability\" [capabilityIndex]=\"i * 10000 + j\">\n          </lib-app-fixture-capability-channel>\n        </div>\n      </ng-container>\n\n      <!-- fix spacing at the end -->\n      <div class=\"col col-auto p-0 my-3 mr-3\">&nbsp;</div>\n    </div>\n\n    <div *ngIf=\"projectService.project.fixtures.length == 0\" class=\"m-auto\">\n      <p class=\"m-auto\" style=\"color: #717171\">{{ 'designer.fixture.no-fixtures' | translate }}</p>\n    </div>\n\n    <div\n      *ngIf=\"\n        projectService.project.fixtures.length > 0 && presetService.selectedPreset && presetService.selectedPreset.fixtures.length == 0\n      \"\n      class=\"m-auto\"\n    >\n      <p class=\"m-auto\" style=\"color: #717171\">{{ 'designer.fixture.no-fixtures-selected' | translate }}</p>\n    </div>\n  </div>\n</div>\n" }]
+    }], () => [{ type: i1.PresetService }, { type: i0.ChangeDetectorRef }, { type: i2.ProjectService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FixtureChannelComponent, { className: "FixtureChannelComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4dHVyZS1jaGFubmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbmVyL3NyYy9saWIvZml4dHVyZS9maXh0dXJlLWNoYW5uZWwvZml4dHVyZS1jaGFubmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbmVyL3NyYy9saWIvZml4dHVyZS9maXh0dXJlLWNoYW5uZWwvZml4dHVyZS1jaGFubmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBSWhGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7Ozs7SUNRdEQsQUFERiwrQkFBd0UsZ0JBT3BFO0lBREEsa1BBQWlCLGlEQUF1QyxLQUFDO0lBTDNELGlCQU1FO0lBQ0YsaUNBQThEO0lBQzVELFlBQ0Y7SUFDRixBQURFLGlCQUFRLEVBQ0o7Ozs7O0lBUEYsY0FBNEI7SUFBNUIsNkRBQTRCO0lBQzVCLDBFQUFrRDtJQUdwQixjQUE2QjtJQUE3Qiw4REFBNkI7SUFDM0QsY0FDRjtJQURFLGdEQUNGOzs7SUFmSiw4QkFJQztJQUNDLG9GQUF3RTtJQVkxRSxpQkFBTTs7O0lBWnFCLGNBQWE7SUFBYix5Q0FBYTs7O0lBZ0J0QywrQkFBZ0k7SUFDOUgseURBQ3FDO0lBQ3ZDLGlCQUFNOzs7Ozs7O0lBRmdDLGNBQXFCO0lBQXdCLEFBQXZCLEFBQXRCLHNDQUFxQiwwQkFBdUIsd0NBQWtDOzs7SUFGdEgsNkJBQWtGO0lBQ2hGLDhGQUFnSTs7OztJQUFwRyxjQUFnQjtJQUFoQix3Q0FBZ0I7OztJQXZCaEQsOEJBQTBGO0lBc0J4RixBQXBCQSw4RUFJQyxtRkFnQmlG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QUFDO0lBQ2YsQ0FBQzt3RkExRFUsdUJBQXVCO29FQUF2Qix1QkFBdUI7WUNYbEMsQUFERiw4QkFBK0MsYUFDdUM7WUF5Q2xGLEFBSkEsQUFqQ0Esd0VBQTBGLDJEQWlDbEIsMkRBU3ZFO1lBSUwsQUFERSxpQkFBTSxFQUNGOztZQTlDSSxlQUFrQztZQUFsQyx1REFBa0M7WUFpQ2xDLGNBQWlEO1lBQWpELHNFQUFpRDtZQUtwRCxjQUdQO1lBSE8sa0tBR1A7OztpRkRsQ2EsdUJBQXVCO2NBTG5DLFNBQVM7MkJBQ0UseUJBQXlCOztrRkFJeEIsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2FjaGVkRml4dHVyZUNoYW5uZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvY2FjaGVkLWZpeHR1cmUtY2hhbm5lbCc7XG5pbXBvcnQgeyBGaXh0dXJlUHJvZmlsZSB9IGZyb20gJy4uLy4uL21vZGVscy9maXh0dXJlLXByb2ZpbGUnO1xuaW1wb3J0IHsgUHJlc2V0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3ByZXNldC5zZXJ2aWNlJztcbmltcG9ydCB7IFByb2plY3RTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvcHJvamVjdC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFwcC1maXh0dXJlLWNoYW5uZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZml4dHVyZS1jaGFubmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZml4dHVyZS1jaGFubmVsLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRml4dHVyZUNoYW5uZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBjaGFubmVsQ2FwYWJpbGl0aWVzOiBNYXA8Rml4dHVyZVByb2ZpbGUsIENhY2hlZEZpeHR1cmVDaGFubmVsW10+ID0gbmV3IE1hcDxGaXh0dXJlUHJvZmlsZSwgQ2FjaGVkRml4dHVyZUNoYW5uZWxbXT4oKTtcbiAgcHVibGljIHByb2ZpbGVzOiBGaXh0dXJlUHJvZmlsZVtdID0gW107XG4gIHB1YmxpYyBzZWxlY3RlZFByb2ZpbGVzOiBGaXh0dXJlUHJvZmlsZVtdID0gW107XG5cbiAgcHJpdmF0ZSBmaXh0dXJlU2VsZWN0aW9uQ2hhbmdlZFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuICBwcml2YXRlIHByZXZpZXdTZWxlY3Rpb25DaGFuZ2VkU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocHVibGljIHByZXNldFNlcnZpY2U6IFByZXNldFNlcnZpY2UsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgcHJvamVjdFNlcnZpY2U6IFByb2plY3RTZXJ2aWNlKSB7XG4gICAgdGhpcy5maXh0dXJlU2VsZWN0aW9uQ2hhbmdlZFN1YnNjcmlwdGlvbiA9IHRoaXMucHJlc2V0U2VydmljZS5maXh0dXJlU2VsZWN0aW9uQ2hhbmdlZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5jYWxjdWxhdGVQcm9maWxlcygpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5wcmV2aWV3U2VsZWN0aW9uQ2hhbmdlZFN1YnNjcmlwdGlvbiA9IHRoaXMucHJlc2V0U2VydmljZS5wcmV2aWV3U2VsZWN0aW9uQ2hhbmdlZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5jYWxjdWxhdGVQcm9maWxlcygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jYWxjdWxhdGVQcm9maWxlcygpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5maXh0dXJlU2VsZWN0aW9uQ2hhbmdlZFN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIHRoaXMucHJldmlld1NlbGVjdGlvbkNoYW5nZWRTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlQ2hhbm5lbENhcGFiaWxpdGllcygpIHtcbiAgICB0aGlzLmNoYW5uZWxDYXBhYmlsaXRpZXMgPSB0aGlzLnByZXNldFNlcnZpY2UuZ2V0U2VsZWN0ZWRQcm9maWxlQ2hhbm5lbHModGhpcy5zZWxlY3RlZFByb2ZpbGVzKTtcblxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJpdmF0ZSBjYWxjdWxhdGVQcm9maWxlcygpIHtcbiAgICAvLyBjYWxjdWxhdGUgYWxsIHByb2ZpZWxzXG4gICAgdGhpcy5wcm9maWxlcyA9IHRoaXMucHJlc2V0U2VydmljZS5nZXRTZWxlY3RlZFByb2ZpbGVzKCk7XG5cbiAgICAvLyBzZWxlY3QgYWxsIHByb2ZpbGVzIGJ5IGRlZmF1bHRcbiAgICB0aGlzLnNlbGVjdGVkUHJvZmlsZXMgPSBbLi4udGhpcy5wcm9maWxlc107XG5cbiAgICB0aGlzLmNhbGN1bGF0ZUNoYW5uZWxDYXBhYmlsaXRpZXMoKTtcbiAgfVxuXG4gIGNoYW5nZVByb2ZpbGVTZWxlY3Rpb24oJGV2ZW50OiBhbnksIHByb2ZpbGU6IEZpeHR1cmVQcm9maWxlKSB7XG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRQcm9maWxlcy5pbmRleE9mKHByb2ZpbGUpID49IDApIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRQcm9maWxlcy5zcGxpY2UodGhpcy5zZWxlY3RlZFByb2ZpbGVzLmluZGV4T2YocHJvZmlsZSksIDEpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkUHJvZmlsZXMucHVzaChwcm9maWxlKTtcbiAgICB9XG5cbiAgICB0aGlzLmNhbGN1bGF0ZUNoYW5uZWxDYXBhYmlsaXRpZXMoKTtcbiAgfVxuXG4gIGlzQ2hyb21lKCk6IGJvb2xlYW4ge1xuICAgIGlmIChuYXZpZ2F0b3IuYXBwVmVyc2lvbi5pbmRleE9mKCdDaHJvbWUvJykgIT09IC0xKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZCBib3JkZXItc2Vjb25kYXJ5IHBhbmVsIGgtMTAwXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHkgY2FwYWJpbGl0eS1jb250YWluZXIgZC1mbGV4IGgtMTAwXCIgc3R5bGU9XCJvdmVyZmxvdy15OiBoaWRkZW5cIj5cbiAgICA8IS0tIGgtMTAwIG5lZWRzIHRvIGJlIGFwcGxpZWQgaW4gY2hyb21lIHRvIGF2b2lkIHBlcmZvcm1hbmNlIGlzc3VlcyB3aXRoIG1hbnkgbGF5b3V0cyAocmVmbG93cylcbiAgICAgIGR1cmluZyBzbGlkaW5nLiBCdXQgdGhlIGNsYXNzIG11c3Qgbm90IGJlIGFwcGxpZWQgZS5nLiBpbiBTYWZhcmksIGJlY2F1c2UgdGhlIGJvdHRvbSBtYXJnaW4gaXMgbm90IGNvcnJlY3RcbiAgICAgIGFueW1vcmUgYWZ0ZXJ3YXJkcy4gLS0+XG4gICAgPGRpdiAqbmdJZj1cInByZXNldFNlcnZpY2Uuc2VsZWN0ZWRQcmVzZXRcIiBjbGFzcz1cInJvdyBtLTAgcGwtM1wiIFtjbGFzcy5oLTEwMF09XCJpc0Nocm9tZSgpXCI+XG4gICAgICA8IS0tIHByb2ZpbGUgc2VsZWN0aW9uIC0tPlxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cInByb2ZpbGVzLmxlbmd0aCA+IDFcIlxuICAgICAgICBjbGFzcz1cImNvbCBjb2wtYXV0byBwLTMgbXktMyBtci0zXCJcbiAgICAgICAgc3R5bGU9XCJoZWlnaHQ6IGNhbGMoMTAwJSAtIDJyZW0pOyBib3JkZXI6IHNvbGlkIDFweCAjNDQ0OyBib3JkZXItcmlnaHQ6IG5vbmVcIlxuICAgICAgPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBwcm9maWxlIG9mIHByb2ZpbGVzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJmb3JtLWNoZWNrXCI+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNoZWNrLWlucHV0XCJcbiAgICAgICAgICAgIGlkPVwiY2FwYWJpbGl0eUZpbHRlcnt7IGkgfX1cIlxuICAgICAgICAgICAgW25nTW9kZWxdPVwic2VsZWN0ZWRQcm9maWxlcy5pbmRleE9mKHByb2ZpbGUpID49IDBcIlxuICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlUHJvZmlsZVNlbGVjdGlvbigkZXZlbnQsIHByb2ZpbGUpXCJcbiAgICAgICAgICAvPlxuICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJjYXBhYmlsaXR5RmlsdGVye3sgaSB9fVwiPlxuICAgICAgICAgICAge3sgcHJvZmlsZS5uYW1lIH19XG4gICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBhbGwgY2hhbm5lbCBjYXBhYmlsaXRpZXMgLS0+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbnRyeSBvZiBjaGFubmVsQ2FwYWJpbGl0aWVzIHwga2V5dmFsdWU7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgY2FwYWJpbGl0eSBvZiBlbnRyeS52YWx1ZTsgbGV0IGogPSBpbmRleFwiIGNsYXNzPVwiY29sIGNvbC1hdXRvIHAtMCBteS0zIG1yLTNcIiBzdHlsZT1cImhlaWdodDogY2FsYygxMDAlIC0gMnJlbSlcIj5cbiAgICAgICAgICA8bGliLWFwcC1maXh0dXJlLWNhcGFiaWxpdHktY2hhbm5lbCBbcHJvZmlsZV09XCJlbnRyeS5rZXlcIiBbY2hhbm5lbF09XCJjYXBhYmlsaXR5XCIgW2NhcGFiaWxpdHlJbmRleF09XCJpICogMTAwMDAgKyBqXCI+XG4gICAgICAgICAgPC9saWItYXBwLWZpeHR1cmUtY2FwYWJpbGl0eS1jaGFubmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIGZpeCBzcGFjaW5nIGF0IHRoZSBlbmQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sIGNvbC1hdXRvIHAtMCBteS0zIG1yLTNcIj4mbmJzcDs8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJwcm9qZWN0U2VydmljZS5wcm9qZWN0LmZpeHR1cmVzLmxlbmd0aCA9PSAwXCIgY2xhc3M9XCJtLWF1dG9cIj5cbiAgICAgIDxwIGNsYXNzPVwibS1hdXRvXCIgc3R5bGU9XCJjb2xvcjogIzcxNzE3MVwiPnt7ICdkZXNpZ25lci5maXh0dXJlLm5vLWZpeHR1cmVzJyB8IHRyYW5zbGF0ZSB9fTwvcD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIHByb2plY3RTZXJ2aWNlLnByb2plY3QuZml4dHVyZXMubGVuZ3RoID4gMCAmJiBwcmVzZXRTZXJ2aWNlLnNlbGVjdGVkUHJlc2V0ICYmIHByZXNldFNlcnZpY2Uuc2VsZWN0ZWRQcmVzZXQuZml4dHVyZXMubGVuZ3RoID09IDBcbiAgICAgIFwiXG4gICAgICBjbGFzcz1cIm0tYXV0b1wiXG4gICAgPlxuICAgICAgPHAgY2xhc3M9XCJtLWF1dG9cIiBzdHlsZT1cImNvbG9yOiAjNzE3MTcxXCI+e3sgJ2Rlc2lnbmVyLmZpeHR1cmUubm8tZml4dHVyZXMtc2VsZWN0ZWQnIHwgdHJhbnNsYXRlIH19PC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19