ng-configcat-publicapi-ui 2.3.1 → 2.5.0

package/esm2020/lib/setting-item/setting-item.component.mjs

@@ -0,0 +1,129 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { BaseComponent } from '../base/base.component';
+import { throwError, of } from 'rxjs';
+import { map, catchError } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../_services";
+import * as i2 from "../setting-list/setting-list.component";
+export class SettingItemComponent extends BaseComponent {
+    constructor(publicApiService) {
+        super(publicApiService);
+        this.canEditSetting = true;
+        this.canDeleteSetting = true;
+        this.deleteSettingText = 'Delete setting';
+        this.showEnvironmentName = true;
+        this.segmentsEnabled = false;
+        this.editSettingRequested = new EventEmitter();
+        this.deleteSettingRequested = new EventEmitter();
+        this.loadSucceeded = new EventEmitter();
+        this.loadFailed = new EventEmitter();
+        this.saveSucceeded = new EventEmitter();
+        this.saveFailed = new EventEmitter();
+        this.formValuesChanged = new EventEmitter();
+        this.loadSettingValues = () => {
+            return this.createSettingValuesService().getSettingValue(this.environmentId, this.settingId)
+                .pipe(map(settingValue => {
+                this.settingValue = settingValue;
+                const settingValues = {
+                    settingValues: [settingValue],
+                    readOnly: settingValue.readOnly,
+                    config: settingValue.config,
+                    environment: settingValue.environment
+                };
+                this.loadSucceeded.emit(settingValues);
+                return settingValues;
+            }), catchError(error => {
+                this.loadFailed.emit(error);
+                return throwError(error);
+            }));
+        };
+        this.loadSegments = () => {
+            return this.segmentsEnabled ? this.createSegmentsService().getSegments(this.productId)
+                .pipe(map(segments => {
+                this.segments = segments;
+                return segments;
+            }), catchError(error => {
+                return throwError(error);
+            })) : of([]);
+        };
+        this.handleSave = (model) => {
+            if (model.settingValues.length === 0) {
+                return of();
+            }
+            const updateModel = model.settingValues[0];
+            return this.createSettingValuesService().replaceSettingValue(this.environmentId, this.settingId, updateModel, model.reason)
+                .pipe(map(settingValue => {
+                this.settingValue = settingValue;
+                const settingValues = {
+                    settingValues: [settingValue],
+                    readOnly: settingValue.readOnly,
+                    config: settingValue.config,
+                    environment: settingValue.environment
+                };
+                this.saveSucceeded.emit(settingValues);
+                return settingValues;
+            }), catchError(error => {
+                this.saveFailed.emit(error);
+                return throwError(error);
+            }));
+        };
+    }
+    ngOnInit() {
+    }
+    onEditSettingRequested(setting) {
+        this.editSettingRequested.emit({
+            setting: setting.setting,
+            environment: this.settingValue.environment,
+            config: this.settingValue.config
+        });
+    }
+    onDeleteSettingRequested(setting) {
+        this.deleteSettingRequested.emit({
+            setting: setting.setting,
+            environment: this.settingValue.environment,
+            config: this.settingValue.config
+        });
+    }
+    onFormValuesChanged() {
+        this.formValuesChanged.emit();
+    }
+}
+SettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SettingItemComponent, deps: [{ token: i1.PublicApiService }], target: i0.ɵɵFactoryTarget.Component });
+SettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: SettingItemComponent, selector: "configcat-setting-item", inputs: { productId: "productId", environmentId: "environmentId", configId: "configId", settingId: "settingId", canEditSetting: "canEditSetting", canDeleteSetting: "canDeleteSetting", deleteSettingText: "deleteSettingText", showEnvironmentName: "showEnvironmentName", segmentsEnabled: "segmentsEnabled" }, outputs: { editSettingRequested: "editSettingRequested", deleteSettingRequested: "deleteSettingRequested", loadSucceeded: "loadSucceeded", loadFailed: "loadFailed", saveSucceeded: "saveSucceeded", saveFailed: "saveFailed", formValuesChanged: "formValuesChanged" }, usesInheritance: true, ngImport: i0, template: "<configcat-setting-list [canEditSetting]=\"canEditSetting\" [canDeleteSetting]=\"canDeleteSetting\" [onSave]=\"handleSave\"\n    [loadSettingValues]=\"loadSettingValues\" [loadSegments]=\"loadSegments\"\n    (editSettingRequested)=\"onEditSettingRequested($event)\" (deleteSettingRequested)=\"onDeleteSettingRequested($event)\"\n    [deleteSettingText]=\"deleteSettingText\" [showEnvironmentName]=\"showEnvironmentName\"\n    (formValuesChanged)=\"onFormValuesChanged()\" [segmentsEnabled]=\"segmentsEnabled\">\n</configcat-setting-list>", styles: [".container{font-family:Montserrat,Roboto,Helvetica Neue,sans-serif;background-color:#f3f3f3;border:1px solid rgba(0,0,0,.12);border-radius:4px;margin:1em 0}.container .setting-full{position:relative;display:flex;flex-wrap:nowrap}.container .setting-full .setting-details{display:flex;flex-direction:column;width:400px;padding:1em 0 1em 1em}.container .setting-full .setting-details>*{margin:.5em}.container .setting-full .setting-details .setting-name{flex-direction:row}.container .setting-full .setting-details .setting-name .name{font-weight:700;word-wrap:break-word;max-width:100%}.container .setting-full .setting-details .setting-key{word-wrap:break-word}.container .setting-full .setting-details .description{font-size:.8em}.container .setting-full .setting-details code{background-color:#d3d3d3;padding:3px 6px}.container .setting-full .rules-list{width:100%;padding:1em}.container .setting-full .targeting-button{margin-left:1rem;margin-bottom:1em}.all-other{min-height:40px;justify-content:flex-start;border:1px solid #d5d5d5;border-radius:4px;background-color:#fff;margin:.5em 1em;padding:4px 0 4px .5em}.all-other .chip{background-color:#67b1fc3d}.all-other .served-value{margin-left:auto;min-width:100px}.end{margin-left:auto}.flex{display:flex;flex-wrap:wrap;align-items:center}.show-hide-toggle{margin-left:1em;cursor:pointer}@media (max-width: 1200px){.setting-full .setting-details{width:300px}}@media (max-width: 700px){.setting-full{flex-wrap:wrap}.setting-full .setting-details{padding:.2em 0 .2em .2em}.setting-full .all-other{margin:.5em .3em}}\n"], components: [{ type: i2.SettingListComponent, selector: "configcat-setting-list", inputs: ["canEditSetting", "canDeleteSetting", "onSave", "loadSettingValues", "loadSegments", "deleteSettingText", "showEnvironmentName", "segmentsEnabled"], outputs: ["editSettingRequested", "deleteSettingRequested", "formValuesChanged"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SettingItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'configcat-setting-item', template: "<configcat-setting-list [canEditSetting]=\"canEditSetting\" [canDeleteSetting]=\"canDeleteSetting\" [onSave]=\"handleSave\"\n    [loadSettingValues]=\"loadSettingValues\" [loadSegments]=\"loadSegments\"\n    (editSettingRequested)=\"onEditSettingRequested($event)\" (deleteSettingRequested)=\"onDeleteSettingRequested($event)\"\n    [deleteSettingText]=\"deleteSettingText\" [showEnvironmentName]=\"showEnvironmentName\"\n    (formValuesChanged)=\"onFormValuesChanged()\" [segmentsEnabled]=\"segmentsEnabled\">\n</configcat-setting-list>", styles: [".container{font-family:Montserrat,Roboto,Helvetica Neue,sans-serif;background-color:#f3f3f3;border:1px solid rgba(0,0,0,.12);border-radius:4px;margin:1em 0}.container .setting-full{position:relative;display:flex;flex-wrap:nowrap}.container .setting-full .setting-details{display:flex;flex-direction:column;width:400px;padding:1em 0 1em 1em}.container .setting-full .setting-details>*{margin:.5em}.container .setting-full .setting-details .setting-name{flex-direction:row}.container .setting-full .setting-details .setting-name .name{font-weight:700;word-wrap:break-word;max-width:100%}.container .setting-full .setting-details .setting-key{word-wrap:break-word}.container .setting-full .setting-details .description{font-size:.8em}.container .setting-full .setting-details code{background-color:#d3d3d3;padding:3px 6px}.container .setting-full .rules-list{width:100%;padding:1em}.container .setting-full .targeting-button{margin-left:1rem;margin-bottom:1em}.all-other{min-height:40px;justify-content:flex-start;border:1px solid #d5d5d5;border-radius:4px;background-color:#fff;margin:.5em 1em;padding:4px 0 4px .5em}.all-other .chip{background-color:#67b1fc3d}.all-other .served-value{margin-left:auto;min-width:100px}.end{margin-left:auto}.flex{display:flex;flex-wrap:wrap;align-items:center}.show-hide-toggle{margin-left:1em;cursor:pointer}@media (max-width: 1200px){.setting-full .setting-details{width:300px}}@media (max-width: 700px){.setting-full{flex-wrap:wrap}.setting-full .setting-details{padding:.2em 0 .2em .2em}.setting-full .all-other{margin:.5em .3em}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.PublicApiService }]; }, propDecorators: { productId: [{
+                type: Input
+            }], environmentId: [{
+                type: Input
+            }], configId: [{
+                type: Input
+            }], settingId: [{
+                type: Input
+            }], canEditSetting: [{
+                type: Input
+            }], canDeleteSetting: [{
+                type: Input
+            }], deleteSettingText: [{
+                type: Input
+            }], showEnvironmentName: [{
+                type: Input
+            }], segmentsEnabled: [{
+                type: Input
+            }], editSettingRequested: [{
+                type: Output
+            }], deleteSettingRequested: [{
+                type: Output
+            }], loadSucceeded: [{
+                type: Output
+            }], loadFailed: [{
+                type: Output
+            }], saveSucceeded: [{
+                type: Output
+            }], saveFailed: [{
+                type: Output
+            }], formValuesChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbmZpZ2NhdC1wdWJsaWNhcGktdWkvc3JjL2xpYi9zZXR0aW5nLWl0ZW0vc2V0dGluZy1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbmZpZ2NhdC1wdWJsaWNhcGktdWkvc3JjL2xpYi9zZXR0aW5nLWl0ZW0vc2V0dGluZy1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQWMsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBU2pELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxhQUFhO0lBMEJyRCxZQUNFLGdCQUFrQztRQUNsQyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQXJCakIsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLHNCQUFpQixHQUFHLGdCQUFnQixDQUFDO1FBQ3JDLHdCQUFtQixHQUFHLElBQUksQ0FBQztRQUMzQixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUV2Qix5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzFDLDJCQUFzQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2hD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QUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTTtnQkFFRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUVHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPcHRpb25hbCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS9iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWdtZW50TGlzdE1vZGVsLCBTZXR0aW5nVmFsdWVNb2RlbCwgVXBkYXRlU2V0dGluZ1ZhbHVlTW9kZWwgfSBmcm9tICduZy1jb25maWdjYXQtcHVibGljYXBpJztcbmltcG9ydCB7IE9ic2VydmFibGUsIHRocm93RXJyb3IsIG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAsIGNhdGNoRXJyb3IgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBQdWJsaWNBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vX3NlcnZpY2VzJztcbmltcG9ydCB7IFNldHRpbmdWYWx1ZXNNb2RlbCwgVXBkYXRlU2V0dGluZ1ZhbHVlc01vZGVsIH0gZnJvbSAnLi4vX21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbmZpZ2NhdC1zZXR0aW5nLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2V0dGluZy1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZy1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0l0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBwcm9kdWN0SWQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVudmlyb25tZW50SWQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbmZpZ0lkITogc3RyaW5nO1xuICBASW5wdXQoKSBzZXR0aW5nSWQhOiBudW1iZXI7XG5cbiAgQElucHV0KCkgY2FuRWRpdFNldHRpbmcgPSB0cnVlO1xuICBASW5wdXQoKSBjYW5EZWxldGVTZXR0aW5nID0gdHJ1ZTtcbiAgQElucHV0KCkgZGVsZXRlU2V0dGluZ1RleHQgPSAnRGVsZXRlIHNldHRpbmcnO1xuICBASW5wdXQoKSBzaG93RW52aXJvbm1lbnROYW1lID0gdHJ1ZTtcbiAgQElucHV0KCkgc2VnbWVudHNFbmFibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGVkaXRTZXR0aW5nUmVxdWVzdGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgZGVsZXRlU2V0dGluZ1JlcXVlc3RlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgbG9hZFN1Y2NlZWRlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGxvYWRGYWlsZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBzYXZlU3VjY2VlZGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgc2F2ZUZhaWxlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgZm9ybVZhbHVlc0NoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgc2V0dGluZ1ZhbHVlITogU2V0dGluZ1ZhbHVlTW9kZWw7XG4gIHNlZ21lbnRzITogU2VnbWVudExpc3RNb2RlbFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpY0FwaVNlcnZpY2U6IFB1YmxpY0FwaVNlcnZpY2UpIHtcbiAgICBzdXBlcihwdWJsaWNBcGlTZXJ2aWNlKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgbG9hZFNldHRpbmdWYWx1ZXMgPSAoKTogT2JzZXJ2YWJsZTxTZXR0aW5nVmFsdWVzTW9kZWw+ID0+IHtcbiAgICByZXR1cm4gdGhpcy5jcmVhdGVTZXR0aW5nVmFsdWVzU2VydmljZSgpLmdldFNldHRpbmdWYWx1ZSh0aGlzLmVudmlyb25tZW50SWQsIHRoaXMuc2V0dGluZ0lkKVxuICAgICAgLnBpcGUoXG4gICAgICAgIG1hcChzZXR0aW5nVmFsdWUgPT4ge1xuICAgICAgICAgIHRoaXMuc2V0dGluZ1ZhbHVlID0gc2V0dGluZ1ZhbHVlO1xuXG4gICAgICAgICAgY29uc3Qgc2V0dGluZ1ZhbHVlcyA9IHtcbiAgICAgICAgICAgIHNldHRpbmdWYWx1ZXM6IFtzZXR0aW5nVmFsdWVdLFxuICAgICAgICAgICAgcmVhZE9ubHk6IHNldHRpbmdWYWx1ZS5yZWFkT25seSxcbiAgICAgICAgICAgIGNvbmZpZzogc2V0dGluZ1ZhbHVlLmNvbmZpZyxcbiAgICAgICAgICAgIGVudmlyb25tZW50OiBzZXR0aW5nVmFsdWUuZW52aXJvbm1lbnRcbiAgICAgICAgICB9IGFzIFNldHRpbmdWYWx1ZXNNb2RlbDtcblxuICAgICAgICAgIHRoaXMubG9hZFN1Y2NlZWRlZC5lbWl0KHNldHRpbmdWYWx1ZXMpO1xuICAgICAgICAgIHJldHVybiBzZXR0aW5nVmFsdWVzO1xuICAgICAgICB9KSxcbiAgICAgICAgY2F0Y2hFcnJvcihlcnJvciA9PiB7XG4gICAgICAgICAgdGhpcy5sb2FkRmFpbGVkLmVtaXQoZXJyb3IpO1xuICAgICAgICAgIHJldHVybiB0aHJvd0Vycm9yKGVycm9yKTtcbiAgICAgICAgfSlcbiAgICAgICk7XG4gIH1cblxuICBsb2FkU2VnbWVudHMgPSAoKTogT2JzZXJ2YWJsZTxTZWdtZW50TGlzdE1vZGVsW10+ID0+IHtcbiAgICByZXR1cm4gdGhpcy5zZWdtZW50c0VuYWJsZWQgPyB0aGlzLmNyZWF0ZVNlZ21lbnRzU2VydmljZSgpLmdldFNlZ21lbnRzKHRoaXMucHJvZHVjdElkKVxuICAgICAgLnBpcGUoXG4gICAgICAgIG1hcChzZWdtZW50cyA9PiB7XG4gICAgICAgICAgdGhpcy5zZWdtZW50cyA9IHNlZ21lbnRzO1xuICAgICAgICAgIHJldHVybiBzZWdtZW50cztcbiAgICAgICAgfSksXG4gICAgICAgIGNhdGNoRXJyb3IoZXJyb3IgPT4ge1xuICAgICAgICAgIHJldHVybiB0aHJvd0Vycm9yKGVycm9yKTtcbiAgICAgICAgfSlcbiAgICAgICkgOiBvZihbXSk7XG4gIH1cblxuICBoYW5kbGVTYXZlID0gKG1vZGVsOiBVcGRhdGVTZXR0aW5nVmFsdWVzTW9kZWwpOiBPYnNlcnZhYmxlPFNldHRpbmdWYWx1ZXNNb2RlbD4gPT4ge1xuICAgIGlmIChtb2RlbC5zZXR0aW5nVmFsdWVzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIG9mKCk7XG4gICAgfVxuICAgIGNvbnN0IHVwZGF0ZU1vZGVsID0gbW9kZWwuc2V0dGluZ1ZhbHVlc1swXSBhcyBVcGRhdGVTZXR0aW5nVmFsdWVNb2RlbDtcblxuICAgIHJldHVybiB0aGlzLmNyZWF0ZVNldHRpbmdWYWx1ZXNTZXJ2aWNlKCkucmVwbGFjZVNldHRpbmdWYWx1ZShcbiAgICAgIHRoaXMuZW52aXJvbm1lbnRJZCwgdGhpcy5zZXR0aW5nSWQsIHVwZGF0ZU1vZGVsLCBtb2RlbC5yZWFzb24pXG4gICAgICAucGlwZShcbiAgICAgICAgbWFwKHNldHRpbmdWYWx1ZSA9PiB7XG4gICAgICAgICAgdGhpcy5zZXR0aW5nVmFsdWUgPSBzZXR0aW5nVmFsdWU7XG5cbiAgICAgICAgICBjb25zdCBzZXR0aW5nVmFsdWVzID0ge1xuICAgICAgICAgICAgc2V0dGluZ1ZhbHVlczogW3NldHRpbmdWYWx1ZV0sXG4gICAgICAgICAgICByZWFkT25seTogc2V0dGluZ1ZhbHVlLnJlYWRPbmx5LFxuICAgICAgICAgICAgY29uZmlnOiBzZXR0aW5nVmFsdWUuY29uZmlnLFxuICAgICAgICAgICAgZW52aXJvbm1lbnQ6IHNldHRpbmdWYWx1ZS5lbnZpcm9ubWVudFxuICAgICAgICAgIH0gYXMgU2V0dGluZ1ZhbHVlc01vZGVsO1xuXG4gICAgICAgICAgdGhpcy5zYXZlU3VjY2VlZGVkLmVtaXQoc2V0dGluZ1ZhbHVlcyk7XG4gICAgICAgICAgcmV0dXJuIHNldHRpbmdWYWx1ZXM7XG4gICAgICAgIH0pLFxuICAgICAgICBjYXRjaEVycm9yKGVycm9yID0+IHtcbiAgICAgICAgICB0aGlzLnNhdmVGYWlsZWQuZW1pdChlcnJvcik7XG4gICAgICAgICAgcmV0dXJuIHRocm93RXJyb3IoZXJyb3IpO1xuICAgICAgICB9KVxuICAgICAgKTtcbiAgfVxuXG4gIG9uRWRpdFNldHRpbmdSZXF1ZXN0ZWQoc2V0dGluZzogYW55KSB7XG4gICAgdGhpcy5lZGl0U2V0dGluZ1JlcXVlc3RlZC5lbWl0KHtcbiAgICAgIHNldHRpbmc6IHNldHRpbmcuc2V0dGluZyxcbiAgICAgIGVudmlyb25tZW50OiB0aGlzLnNldHRpbmdWYWx1ZS5lbnZpcm9ubWVudCxcbiAgICAgIGNvbmZpZzogdGhpcy5zZXR0aW5nVmFsdWUuY29uZmlnXG4gICAgfSk7XG4gIH1cblxuICBvbkRlbGV0ZVNldHRpbmdSZXF1ZXN0ZWQoc2V0dGluZzogYW55KSB7XG4gICAgdGhpcy5kZWxldGVTZXR0aW5nUmVxdWVzdGVkLmVtaXQoe1xuICAgICAgc2V0dGluZzogc2V0dGluZy5zZXR0aW5nLFxuICAgICAgZW52aXJvbm1lbnQ6IHRoaXMuc2V0dGluZ1ZhbHVlLmVudmlyb25tZW50LFxuICAgICAgY29uZmlnOiB0aGlzLnNldHRpbmdWYWx1ZS5jb25maWdcbiAgICB9KTtcbiAgfVxuXG4gIG9uRm9ybVZhbHVlc0NoYW5nZWQoKSB7XG4gICAgdGhpcy5mb3JtVmFsdWVzQ2hhbmdlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxjb25maWdjYXQtc2V0dGluZy1saXN0IFtjYW5FZGl0U2V0dGluZ109XCJjYW5FZGl0U2V0dGluZ1wiIFtjYW5EZWxldGVTZXR0aW5nXT1cImNhbkRlbGV0ZVNldHRpbmdcIiBbb25TYXZlXT1cImhhbmRsZVNhdmVcIlxuICAgIFtsb2FkU2V0dGluZ1ZhbHVlc109XCJsb2FkU2V0dGluZ1ZhbHVlc1wiIFtsb2FkU2VnbWVudHNdPVwibG9hZFNlZ21lbnRzXCJcbiAgICAoZWRpdFNldHRpbmdSZXF1ZXN0ZWQpPVwib25FZGl0U2V0dGluZ1JlcXVlc3RlZCgkZXZlbnQpXCIgKGRlbGV0ZVNldHRpbmdSZXF1ZXN0ZWQpPVwib25EZWxldGVTZXR0aW5nUmVxdWVzdGVkKCRldmVudClcIlxuICAgIFtkZWxldGVTZXR0aW5nVGV4dF09XCJkZWxldGVTZXR0aW5nVGV4dFwiIFtzaG93RW52aXJvbm1lbnROYW1lXT1cInNob3dFbnZpcm9ubWVudE5hbWVcIlxuICAgIChmb3JtVmFsdWVzQ2hhbmdlZCk9XCJvbkZvcm1WYWx1ZXNDaGFuZ2VkKClcIiBbc2VnbWVudHNFbmFibGVkXT1cInNlZ21lbnRzRW5hYmxlZFwiPlxuPC9jb25maWdjYXQtc2V0dGluZy1saXN0PiJdfQ==

package/esm2020/lib/setting-list/setting/rollout-percentage-items/rollout-percentage-items.component.mjs

@@ -0,0 +1,81 @@
+import { Component, Input } from '@angular/core';
+import { SettingType } from 'ng-configcat-publicapi';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/chips";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "../value/value.component";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/tooltip";
+export class RolloutPercentageItemsComponent {
+    constructor() {
+        this.readOnly = false;
+        this.SettingType = SettingType;
+    }
+    setting() {
+        return this.formGroup.get('setting')?.value;
+    }
+    rolloutRules() {
+        return this.formGroup.get('rolloutRules');
+    }
+    rolloutPercentageItems() {
+        return this.formGroup.get('rolloutPercentageItems');
+    }
+    rolloutPercentageItemsSum() {
+        return this.formGroup.get('rolloutPercentageItemsSum');
+    }
+    value(rolloutPercentageItem) {
+        return this.setting().settingType === SettingType.Boolean ?
+            rolloutPercentageItem.get('valueDisabled') :
+            rolloutPercentageItem.get('value');
+    }
+    percentageChanged(index) {
+        if (this.rolloutPercentageItems().controls[index].value.percentage < 0) {
+            this.rolloutPercentageItems().controls[index].controls.percentage.setValue(0);
+        }
+        if (this.rolloutPercentageItems().controls[index].value.percentage > 100) {
+            this.rolloutPercentageItems().controls[index].controls.percentage.setValue(100);
+        }
+        if (this.rolloutPercentageItems().controls.length === 2) {
+            this.rolloutPercentageItems().controls[1 - index].controls.percentage
+                .setValue(100 - this.rolloutPercentageItems().controls[index].value.percentage);
+        }
+        this.updateSum();
+    }
+    updateSum() {
+        if (this.rolloutPercentageItems().controls.length === 0) {
+            this.rolloutPercentageItemsSum().setValue(100);
+        }
+        else {
+            this.rolloutPercentageItemsSum().setValue(this.rolloutPercentageItems().controls.map(v => v.value.percentage)
+                .reduce((a, b) => a + b));
+        }
+    }
+    removeRolloutPercentageItem(index) {
+        this.rolloutPercentageItems().removeAt(index);
+        this.rolloutPercentageItems().markAsDirty();
+        this.updateSum();
+    }
+    removeAll() {
+        this.rolloutPercentageItems().clear();
+        this.rolloutPercentageItems().markAsDirty();
+        this.updateSum();
+    }
+    getRolloutPercentageItemFormGroups() {
+        return this.rolloutPercentageItems()?.controls?.map(c => c);
+    }
+    getPercentageFormControl(rolloutPercentageItem) {
+        return rolloutPercentageItem.controls.percentage;
+    }
+}
+RolloutPercentageItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: RolloutPercentageItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RolloutPercentageItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: RolloutPercentageItemsComponent, selector: "configcat-rollout-percentage-items", inputs: { formGroup: "formGroup", readOnly: "readOnly" }, ngImport: i0, template: "<div class=\"percentage-wrapper\" [formGroup]=\"formGroup\">\n\n    <div class=\"if\" *ngIf=\"rolloutRules().controls.length > 0\">\n        <mat-chip-list>\n            <mat-chip class=\"chip\">ELSE IF</mat-chip>\n        </mat-chip-list>\n    </div>\n    <div class=\"grow\">\n        <div class=\"percentage-row flex\"\n            *ngFor=\"let rolloutPercentageItem of getRolloutPercentageItemFormGroups(); let i = index\">\n            <div class=\"flex\">\n                <input type=\"number\" [formControl]=\"getPercentageFormControl(rolloutPercentageItem)\"\n                    (input)=\"percentageChanged(i)\">%\n                <span class=\"users\">of <a href=\"https://configcat.com/docs/advanced/user-object\" target=\"_blank\"\n                        rel=\"noopener noreferrer\">users</a>\n                </span>\n            </div>\n\n            <div class=\"delete-option\" matTooltip=\"Remove this % option\"\n                *ngIf=\"!readOnly && rolloutPercentageItems().controls.length > 2\"\n                (click)=\"removeRolloutPercentageItem(i)\">\n                <mat-icon>cancel</mat-icon>\n            </div>\n\n            <span data-tooltip=\"The sum of percentages must be equal to 100.\"\n                *ngIf=\"(i === rolloutPercentageItems().controls.length -1) && (rolloutPercentageItemsSum().invalid)\">\n                <mat-icon color=\"warn\">\n                    error_outline\n                </mat-icon>\n            </span>\n\n            <div class=\"value flex\">\n                <span class=\"value-name\" *ngIf=\"setting().settingType !== SettingType.Boolean\">Served value:</span>\n                <configcat-value class=\"served-value\" [valueFormControl]=\"value(rolloutPercentageItem)\"\n                    [setting]=\"setting()\">\n                </configcat-value>\n            </div>\n            <div class=\"delete\" matTooltip=\"Remove % options\" (click)=\"removeAll()\" *ngIf=\"!readOnly\">\n                <mat-icon>cancel</mat-icon>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".percentage-wrapper{border:1px solid #d5d5d5;background-color:#fff;border-radius:4px;margin:.5em 1em;position:relative;padding:.5em 0;display:flex}.percentage-wrapper .delete{position:absolute;color:#d6a9a9;cursor:pointer;top:-8px;right:-12px}.percentage-wrapper .delete:hover{color:#ed5251}.percentage-wrapper .delete mat-icon{font-size:20px}.percentage-wrapper .delete-option{color:#d6a9a9;cursor:pointer;margin-left:1rem;margin-top:4px}.percentage-wrapper .delete-option:hover{color:#ed5251}.percentage-wrapper .delete-option mat-icon{font-size:20px}.if{display:flex;align-items:center}.if>*{margin:0 .5em}.if .spacing{margin-right:44px}.if .chip{background-color:#67b1fc3d}.grow{flex-grow:1}.percentage-row{min-height:40px;margin-left:.5em}.flex{display:flex;flex-wrap:wrap;align-items:center}.value{margin-left:auto;min-width:100px}.value .value-name{display:none}input{background-color:#fff;border:1px solid #e5e5e5;min-height:28px;width:40px;margin-right:5px;font-size:15px;padding:0 5px;font-family:Montserrat,Roboto,Helvetica Neue,sans-serif;font-weight:300}.users{margin-left:20px}@media (max-width: 700px){.percentage-wrapper{margin:.5em .3em}}\n"], components: [{ type: i1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.ValueComponent, selector: "configcat-value", inputs: ["valueFormControl", "setting"] }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: RolloutPercentageItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'configcat-rollout-percentage-items', template: "<div class=\"percentage-wrapper\" [formGroup]=\"formGroup\">\n\n    <div class=\"if\" *ngIf=\"rolloutRules().controls.length > 0\">\n        <mat-chip-list>\n            <mat-chip class=\"chip\">ELSE IF</mat-chip>\n        </mat-chip-list>\n    </div>\n    <div class=\"grow\">\n        <div class=\"percentage-row flex\"\n            *ngFor=\"let rolloutPercentageItem of getRolloutPercentageItemFormGroups(); let i = index\">\n            <div class=\"flex\">\n                <input type=\"number\" [formControl]=\"getPercentageFormControl(rolloutPercentageItem)\"\n                    (input)=\"percentageChanged(i)\">%\n                <span class=\"users\">of <a href=\"https://configcat.com/docs/advanced/user-object\" target=\"_blank\"\n                        rel=\"noopener noreferrer\">users</a>\n                </span>\n            </div>\n\n            <div class=\"delete-option\" matTooltip=\"Remove this % option\"\n                *ngIf=\"!readOnly && rolloutPercentageItems().controls.length > 2\"\n                (click)=\"removeRolloutPercentageItem(i)\">\n                <mat-icon>cancel</mat-icon>\n            </div>\n\n            <span data-tooltip=\"The sum of percentages must be equal to 100.\"\n                *ngIf=\"(i === rolloutPercentageItems().controls.length -1) && (rolloutPercentageItemsSum().invalid)\">\n                <mat-icon color=\"warn\">\n                    error_outline\n                </mat-icon>\n            </span>\n\n            <div class=\"value flex\">\n                <span class=\"value-name\" *ngIf=\"setting().settingType !== SettingType.Boolean\">Served value:</span>\n                <configcat-value class=\"served-value\" [valueFormControl]=\"value(rolloutPercentageItem)\"\n                    [setting]=\"setting()\">\n                </configcat-value>\n            </div>\n            <div class=\"delete\" matTooltip=\"Remove % options\" (click)=\"removeAll()\" *ngIf=\"!readOnly\">\n                <mat-icon>cancel</mat-icon>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".percentage-wrapper{border:1px solid #d5d5d5;background-color:#fff;border-radius:4px;margin:.5em 1em;position:relative;padding:.5em 0;display:flex}.percentage-wrapper .delete{position:absolute;color:#d6a9a9;cursor:pointer;top:-8px;right:-12px}.percentage-wrapper .delete:hover{color:#ed5251}.percentage-wrapper .delete mat-icon{font-size:20px}.percentage-wrapper .delete-option{color:#d6a9a9;cursor:pointer;margin-left:1rem;margin-top:4px}.percentage-wrapper .delete-option:hover{color:#ed5251}.percentage-wrapper .delete-option mat-icon{font-size:20px}.if{display:flex;align-items:center}.if>*{margin:0 .5em}.if .spacing{margin-right:44px}.if .chip{background-color:#67b1fc3d}.grow{flex-grow:1}.percentage-row{min-height:40px;margin-left:.5em}.flex{display:flex;flex-wrap:wrap;align-items:center}.value{margin-left:auto;min-width:100px}.value .value-name{display:none}input{background-color:#fff;border:1px solid #e5e5e5;min-height:28px;width:40px;margin-right:5px;font-size:15px;padding:0 5px;font-family:Montserrat,Roboto,Helvetica Neue,sans-serif;font-weight:300}.users{margin-left:20px}@media (max-width: 700px){.percentage-wrapper{margin:.5em .3em}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sbG91dC1wZXJjZW50YWdlLWl0ZW1zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbmZpZ2NhdC1wdWJsaWNhcGktdWkvc3JjL2xpYi9zZXR0aW5nLWxpc3Qvc2V0dGluZy9yb2xsb3V0LXBlcmNlbnRhZ2UtaXRlbXMvcm9sbG91dC1wZXJjZW50YWdlLWl0ZW1zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbmZpZ2NhdC1wdWJsaWNhcGktdWkvc3JjL2xpYi9zZXR0aW5nLWxpc3Qvc2V0dGluZy9yb2xsb3V0LXBlcmNlbnRhZ2UtaXRlbXMvcm9sbG91dC1wZXJjZW50YWdlLWl0ZW1zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7QUFPckQsTUFBTSxPQUFPLCtCQUErQjtJQTZCMUM7UUExQlMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFHLFdBQVcsQ0FBQztJQXlCVixDQUFDO0lBdEJqQixPQUFPO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxLQUFLLENBQUM7SUFDOUMsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBYyxDQUFDO0lBQ3pELENBQUM7SUFFRCxzQkFBc0I7UUFDcEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyx3QkFBd0IsQ0FBYyxDQUFDO0lBQ25FLENBQUM7SUFFRCx5QkFBeUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcs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Q2pELE9BQU8scUJBQXFCLENBQUMsUUFBUSxDQUFDLFVBQXlCLENBQUM7SUFDbEUsQ0FBQzs7NEhBNUVVLCtCQUErQjtnSEFBL0IsK0JBQStCLG9JQ1Q1QywrZ0VBMENNOzJGRGpDTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQU1yQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1BcnJheSwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTZXR0aW5nVHlwZSB9IGZyb20gJ25nLWNvbmZpZ2NhdC1wdWJsaWNhcGknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb25maWdjYXQtcm9sbG91dC1wZXJjZW50YWdlLWl0ZW1zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JvbGxvdXQtcGVyY2VudGFnZS1pdGVtcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JvbGxvdXQtcGVyY2VudGFnZS1pdGVtcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJvbGxvdXRQZXJjZW50YWdlSXRlbXNDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgcmVhZE9ubHkgPSBmYWxzZTtcbiAgU2V0dGluZ1R5cGUgPSBTZXR0aW5nVHlwZTtcblxuXG4gIHNldHRpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldCgnc2V0dGluZycpPy52YWx1ZTtcbiAgfVxuXG4gIHJvbGxvdXRSdWxlcygpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtR3JvdXAuZ2V0KCdyb2xsb3V0UnVsZXMnKSBhcyBGb3JtQXJyYXk7XG4gIH1cblxuICByb2xsb3V0UGVyY2VudGFnZUl0ZW1zKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoJ3JvbGxvdXRQZXJjZW50YWdlSXRlbXMnKSBhcyBGb3JtQXJyYXk7XG4gIH1cblxuICByb2xsb3V0UGVyY2VudGFnZUl0ZW1zU3VtKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoJ3JvbGxvdXRQZXJjZW50YWdlSXRlbXNTdW0nKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuXG4gIHZhbHVlKHJvbGxvdXRQZXJjZW50YWdlSXRlbTogRm9ybUdyb3VwKTogRm9ybUNvbnRyb2wge1xuICAgIHJldHVybiB0aGlzLnNldHRpbmcoKS5zZXR0aW5nVHlwZSA9PT0gU2V0dGluZ1R5cGUuQm9vbGVhbiA/XG4gICAgICByb2xsb3V0UGVyY2VudGFnZUl0ZW0uZ2V0KCd2YWx1ZURpc2FibGVkJykgYXMgRm9ybUNvbnRyb2wgOlxuICAgICAgcm9sbG91dFBlcmNlbnRhZ2VJdGVtLmdldCgndmFsdWUnKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgcGVyY2VudGFnZUNoYW5nZWQoaW5kZXg6IG51bWJlcikge1xuICAgIGlmICh0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9sc1tpbmRleF0udmFsdWUucGVyY2VudGFnZSA8IDApIHtcbiAgICAgICh0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9sc1tpbmRleF0gYXMgRm9ybUdyb3VwKS5jb250cm9scy5wZXJjZW50YWdlLnNldFZhbHVlKDApO1xuICAgIH1cbiAgICBpZiAodGhpcy5yb2xsb3V0UGVyY2VudGFnZUl0ZW1zKCkuY29udHJvbHNbaW5kZXhdLnZhbHVlLnBlcmNlbnRhZ2UgPiAxMDApIHtcbiAgICAgICh0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9sc1tpbmRleF0gYXMgRm9ybUdyb3VwKS5jb250cm9scy5wZXJjZW50YWdlLnNldFZhbHVlKDEwMCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucm9sbG91dFBlcmNlbnRhZ2VJdGVtcygpLmNvbnRyb2xzLmxlbmd0aCA9PT0gMikge1xuICAgICAgKHRoaXMucm9sbG91dFBlcmNlbnRhZ2VJdGVtcygpLmNvbnRyb2xzWzEgLSBpbmRleF0gYXMgRm9ybUdyb3VwKS5jb250cm9scy5wZXJjZW50YWdlXG4gICAgICAgIC5zZXRWYWx1ZSgxMDAgLSB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9sc1tpbmRleF0udmFsdWUucGVyY2VudGFnZSk7XG4gICAgfVxuXG4gICAgdGhpcy51cGRhdGVTdW0oKTtcbiAgfVxuXG4gIHVwZGF0ZVN1bSgpIHtcbiAgICBpZiAodGhpcy5yb2xsb3V0UGVyY2VudGFnZUl0ZW1zKCkuY29udHJvbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXNTdW0oKS5zZXRWYWx1ZSgxMDApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXNTdW0oKS5zZXRWYWx1ZShcbiAgICAgICAgdGhpcy5yb2xsb3V0UGVyY2VudGFnZUl0ZW1zKCkuY29udHJvbHMubWFwKHYgPT4gdi52YWx1ZS5wZXJjZW50YWdlKVxuICAgICAgICAgIC5yZWR1Y2UoKGEsIGIpID0+IGEgKyBiKVxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZW1vdmVSb2xsb3V0UGVyY2VudGFnZUl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMucm9sbG91dFBlcmNlbnRhZ2VJdGVtcygpLnJlbW92ZUF0KGluZGV4KTtcbiAgICB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5tYXJrQXNEaXJ0eSgpO1xuICAgIHRoaXMudXBkYXRlU3VtKCk7XG4gIH1cblxuICByZW1vdmVBbGwoKSB7XG4gICAgdGhpcy5yb2xsb3V0UGVyY2VudGFnZUl0ZW1zKCkuY2xlYXIoKTtcbiAgICB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5tYXJrQXNEaXJ0eSgpO1xuICAgIHRoaXMudXBkYXRlU3VtKCk7XG4gIH1cblxuICBnZXRSb2xsb3V0UGVyY2VudGFnZUl0ZW1Gb3JtR3JvdXBzKCkge1xuICAgIHJldHVybiB0aGlzLnJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKT8uY29udHJvbHM/Lm1hcChjID0+IGMgYXMgRm9ybUdyb3VwKTtcbiAgfVxuXG4gIGdldFBlcmNlbnRhZ2VGb3JtQ29udHJvbChyb2xsb3V0UGVyY2VudGFnZUl0ZW06IGFueSkge1xuICAgIHJldHVybiByb2xsb3V0UGVyY2VudGFnZUl0ZW0uY29udHJvbHMucGVyY2VudGFnZSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBlcmNlbnRhZ2Utd3JhcHBlclwiIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaWZcIiAqbmdJZj1cInJvbGxvdXRSdWxlcygpLmNvbnRyb2xzLmxlbmd0aCA+IDBcIj5cbiAgICAgICAgPG1hdC1jaGlwLWxpc3Q+XG4gICAgICAgICAgICA8bWF0LWNoaXAgY2xhc3M9XCJjaGlwXCI+RUxTRSBJRjwvbWF0LWNoaXA+XG4gICAgICAgIDwvbWF0LWNoaXAtbGlzdD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZ3Jvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVyY2VudGFnZS1yb3cgZmxleFwiXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgcm9sbG91dFBlcmNlbnRhZ2VJdGVtIG9mIGdldFJvbGxvdXRQZXJjZW50YWdlSXRlbUZvcm1Hcm91cHMoKTsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cIm51bWJlclwiIFtmb3JtQ29udHJvbF09XCJnZXRQZXJjZW50YWdlRm9ybUNvbnRyb2wocm9sbG91dFBlcmNlbnRhZ2VJdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgIChpbnB1dCk9XCJwZXJjZW50YWdlQ2hhbmdlZChpKVwiPiVcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInVzZXJzXCI+b2YgPGEgaHJlZj1cImh0dHBzOi8vY29uZmlnY2F0LmNvbS9kb2NzL2FkdmFuY2VkL3VzZXItb2JqZWN0XCIgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj51c2VyczwvYT5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRlbGV0ZS1vcHRpb25cIiBtYXRUb29sdGlwPVwiUmVtb3ZlIHRoaXMgJSBvcHRpb25cIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIXJlYWRPbmx5ICYmIHJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9scy5sZW5ndGggPiAyXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlUm9sbG91dFBlcmNlbnRhZ2VJdGVtKGkpXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPHNwYW4gZGF0YS10b29sdGlwPVwiVGhlIHN1bSBvZiBwZXJjZW50YWdlcyBtdXN0IGJlIGVxdWFsIHRvIDEwMC5cIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiKGkgPT09IHJvbGxvdXRQZXJjZW50YWdlSXRlbXMoKS5jb250cm9scy5sZW5ndGggLTEpICYmIChyb2xsb3V0UGVyY2VudGFnZUl0ZW1zU3VtKCkuaW52YWxpZClcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+XG4gICAgICAgICAgICAgICAgICAgIGVycm9yX291dGxpbmVcbiAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUgZmxleFwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUtbmFtZVwiICpuZ0lmPVwic2V0dGluZygpLnNldHRpbmdUeXBlICE9PSBTZXR0aW5nVHlwZS5Cb29sZWFuXCI+U2VydmVkIHZhbHVlOjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8Y29uZmlnY2F0LXZhbHVlIGNsYXNzPVwic2VydmVkLXZhbHVlXCIgW3ZhbHVlRm9ybUNvbnRyb2xdPVwidmFsdWUocm9sbG91dFBlcmNlbnRhZ2VJdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgIFtzZXR0aW5nXT1cInNldHRpbmcoKVwiPlxuICAgICAgICAgICAgICAgIDwvY29uZmlnY2F0LXZhbHVlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGVsZXRlXCIgbWF0VG9vbHRpcD1cIlJlbW92ZSAlIG9wdGlvbnNcIiAoY2xpY2spPVwicmVtb3ZlQWxsKClcIiAqbmdJZj1cIiFyZWFkT25seVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19