ng-configcat-publicapi-ui 2.3.3 → 2.5.2

package/bundles/ng-configcat-publicapi-ui.umd.js

@@ -1,1979 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('ng-configcat-publicapi'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/material/form-field'), require('@angular/material/button'), require('@angular/material/input'), require('@angular/common'), require('@angular/router'), require('@angular/material/snack-bar'), require('@angular/material/icon'), require('@angular/cdk/drag-drop'), require('semver'), require('@angular/material/chips'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/tooltip'), require('@angular/material/select'), require('@angular/platform-browser/animations'), require('@angular/material/menu')) :
-    typeof define === 'function' && define.amd ? define('ng-configcat-publicapi-ui', ['exports', '@angular/core', 'ng-configcat-publicapi', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/forms', '@angular/material/dialog', '@angular/material/form-field', '@angular/material/button', '@angular/material/input', '@angular/common', '@angular/router', '@angular/material/snack-bar', '@angular/material/icon', '@angular/cdk/drag-drop', 'semver', '@angular/material/chips', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/tooltip', '@angular/material/select', '@angular/platform-browser/animations', '@angular/material/menu'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ng-configcat-publicapi-ui"] = {}, global.ng.core, global["ng-configcat-publicapi"], global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.forms, global.ng.material.dialog, global.ng.material.formField, global.ng.material.button, global.ng.material.input, global.ng.common, global.ng.router, global.ng.material.snackBar, global.ng.material.icon, global.ng.cdk.dragDrop, global.semver, global.ng.material.chips, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.tooltip, global.ng.material.select, global.ng.platformBrowser.animations, global.ng.material.menu));
-})(this, (function (exports, i0, ngConfigcatPublicapi, i1, rxjs, operators, i2, i1$1, i3, i4, i5, i5$1, i3$1, i2$2, i2$1, i8, semver, i3$2, i4$1, i4$2, i5$2, i3$3, animations, menu) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
-    var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
-    var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3$3);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var Configuration = /** @class */ (function () {
-        function Configuration() {
-            this.basePath = 'https://api.configcat.com';
-        }
-        return Configuration;
-    }());
-    Configuration.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: Configuration, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    Configuration.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: Configuration });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: Configuration, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    var PublicApiService = /** @class */ (function () {
-        function PublicApiService(httpClient, configuration) {
-            this.httpClient = httpClient;
-            this.configuration = configuration;
-        }
-        PublicApiService.prototype.createMeService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.MeService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createProductsService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.ProductsService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createConfigsService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.ConfigsService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createEnvironmentsService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.EnvironmentsService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createSettingsService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.FeatureFlagsSettingsService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createSettingValuesService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.FeatureFlagSettingValuesService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        PublicApiService.prototype.createIntegrationLinksService = function (basicAuthUsername, basicAuthPassword, basePath) {
-            if (basicAuthUsername === void 0) { basicAuthUsername = null; }
-            if (basicAuthPassword === void 0) { basicAuthPassword = null; }
-            if (basePath === void 0) { basePath = null; }
-            var _a, _b, _c;
-            return new ngConfigcatPublicapi.IntegrationLinksService(this.httpClient, basePath !== null && basePath !== void 0 ? basePath : (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.basePath, new ngConfigcatPublicapi.Configuration({
-                username: basicAuthUsername !== null && basicAuthUsername !== void 0 ? basicAuthUsername : (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.basicAuthUsername,
-                password: basicAuthPassword !== null && basicAuthPassword !== void 0 ? basicAuthPassword : (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.basicAuthPassword
-            }));
-        };
-        return PublicApiService;
-    }());
-    PublicApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: PublicApiService, deps: [{ token: i1__namespace.HttpClient }, { token: Configuration, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    PublicApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: PublicApiService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: PublicApiService, decorators: [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.HttpClient }, { type: Configuration, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        } });
-
-    var BaseComponent = /** @class */ (function () {
-        function BaseComponent(publicApiService) {
-            this.publicApiService = publicApiService;
-            this.basePath = null;
-            this.basicAuthUsername = null;
-            this.basicAuthPassword = null;
-        }
-        BaseComponent.prototype.createProductsService = function () {
-            return this.publicApiService.createProductsService(this.basicAuthUsername, this.basicAuthPassword, this.basePath);
-        };
-        BaseComponent.prototype.createConfigsService = function () {
-            return this.publicApiService.createConfigsService(this.basicAuthUsername, this.basicAuthPassword, this.basePath);
-        };
-        BaseComponent.prototype.createEnvironmentsService = function () {
-            return this.publicApiService.createEnvironmentsService(this.basicAuthUsername, this.basicAuthPassword, this.basePath);
-        };
-        BaseComponent.prototype.createSettingsService = function () {
-            return this.publicApiService.createSettingsService(this.basicAuthUsername, this.basicAuthPassword, this.basePath);
-        };
-        BaseComponent.prototype.createSettingValuesService = function () {
-            return this.publicApiService.createSettingValuesService(this.basicAuthUsername, this.basicAuthPassword, this.basePath);
-        };
-        return BaseComponent;
-    }());
-    BaseComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: BaseComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BaseComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: BaseComponent, selector: "base", inputs: { basePath: "basePath", basicAuthUsername: "basicAuthUsername", basicAuthPassword: "basicAuthPassword" }, ngImport: i0__namespace, template: '<div></div>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: BaseComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'base',
-                        template: '<div></div>'
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { basePath: [{
-                    type: i0.Input
-                }], basicAuthUsername: [{
-                    type: i0.Input
-                }], basicAuthPassword: [{
-                    type: i0.Input
-                }] } });
-
-    var ReasonDialogComponent = /** @class */ (function () {
-        function ReasonDialogComponent(dialogRef, formBuilder) {
-            this.dialogRef = dialogRef;
-            this.formBuilder = formBuilder;
-        }
-        ReasonDialogComponent.prototype.ngOnInit = function () {
-            this.formGroup = this.formBuilder.group({
-                reason: ['', [i2.Validators.required, i2.Validators.maxLength(1000)]]
-            });
-        };
-        ReasonDialogComponent.prototype.handleSaveButton = function () {
-            if (!this.formGroup.valid) {
-                return;
-            }
-            this.dialogRef.close({ button: 'save', reason: this.formGroup.controls.reason.value });
-        };
-        ReasonDialogComponent.prototype.cancel = function () {
-            this.dialogRef.close({ button: 'cancel' });
-        };
-        return ReasonDialogComponent;
-    }());
-    ReasonDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ReasonDialogComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: i2__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ReasonDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ReasonDialogComponent, selector: "configcat-reason-dialog", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Add notes</h3>\n<p>This will appear in the Why column of the Audit Log.</p>\n<form [formGroup]=\"formGroup\" (ngSubmit)=\"handleSaveButton()\">\n  <div mat-dialog-content class=\"container\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label></mat-label>\n      <textarea matInput formControlName=\"reason\" name=\"reason\" placeholder=\"I'm changing settings because...\"\n        rows=\"3\"></textarea>\n      <mat-error *ngIf=\"formGroup.controls.reason.invalid\">The field is required.</mat-error>\n    </mat-form-field>\n  </div>\n  <br>\n  <div mat-dialog-actions>\n    <button type=\"submit\" style=\"margin-right: 10px;\" mat-raised-button color=\"primary\">Add notes & Save</button>\n    <button type=\"button\" mat-raised-button (click)=\"cancel()\">Cancel</button>\n  </div>\n</form>", styles: [".container>*{width:100%}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3__namespace.MatLabel, selector: "mat-label" }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i2__namespace.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: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ReasonDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-reason-dialog',
-                        templateUrl: './reason-dialog.component.html',
-                        styleUrls: ['./reason-dialog.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialogRef }, { type: i2__namespace.FormBuilder }]; } });
-
-    var SaveSnackbarComponent = /** @class */ (function () {
-        function SaveSnackbarComponent() {
-        }
-        SaveSnackbarComponent.prototype.ngOnInit = function () {
-        };
-        return SaveSnackbarComponent;
-    }());
-    SaveSnackbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SaveSnackbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SaveSnackbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SaveSnackbarComponent, selector: "configcat-save-snackbar", ngImport: i0__namespace, template: "<p class=\"header\">Settings saved successfully.</p>", styles: ["p{text-align:center;font-weight:bold}.header{font-size:1.2em}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SaveSnackbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-save-snackbar',
-                        templateUrl: './save-snackbar.component.html',
-                        styleUrls: ['./save-snackbar.component.scss']
-                    }]
-            }], ctorParameters: function () { return []; } });
-
-    var ConcurrentDialogComponent = /** @class */ (function () {
-        function ConcurrentDialogComponent(dialogRef) {
-            this.dialogRef = dialogRef;
-        }
-        ConcurrentDialogComponent.prototype.ngOnInit = function () {
-        };
-        ConcurrentDialogComponent.prototype.save = function () {
-            this.dialogRef.close({ button: 'save' });
-        };
-        ConcurrentDialogComponent.prototype.discard = function () {
-            this.dialogRef.close({ button: 'discard' });
-        };
-        return ConcurrentDialogComponent;
-    }());
-    ConcurrentDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ConcurrentDialogComponent, deps: [{ token: i1__namespace$1.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ConcurrentDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ConcurrentDialogComponent, selector: "configcat-concurrent-dialog", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Concurrent update detected</h3>\n<p>\n    Somebody updated the feature flags & settings while you were editing them.\n</p>\n<ul>\n    <li>\n        To discard your local changes and reload the updated values, click <strong>Discard my changes & reload</strong>\n    </li>\n    <li>\n        To save you local values and overwrite the remote changes, click <strong>Save anyway</strong>\n    </li>\n</ul>\n<p>For more info about the changes check the <a [routerLink]=\"['/auditlog']\" target=\"_blank\" rel=\"noopener noreferrer\" >audit logs</a> in a new tab.</p>\n<div mat-dialog-actions>\n    <button type=\"button\" style=\"margin-right: 10px;\" mat-raised-button color=\"primary\" (click)=\"discard()\">Discard\n        local changes & reload</button>\n    <button type=\"button\" mat-raised-button (click)=\"save()\">Save anyway</button>\n</div>", styles: [""], components: [{ type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i3__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ConcurrentDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-concurrent-dialog',
-                        templateUrl: './concurrent-dialog.component.html',
-                        styleUrls: ['./concurrent-dialog.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialogRef }]; } });
-
-    var SettingListFormHelper = /** @class */ (function () {
-        function SettingListFormHelper(formBuilder) {
-            this.formBuilder = formBuilder;
-        }
-        SettingListFormHelper.prototype.createSettingValuesFormGroup = function (settingValuesModel) {
-            var _this = this;
-            var formGroup = this.formBuilder.group({
-                settingValues: this.formBuilder.array(settingValuesModel.settingValues.map(function (sv) {
-                    return _this.createSettingValueFormGroup(sv, settingValuesModel.readOnly);
-                })),
-                // Decorator
-                environment: this.formBuilder.group({
-                    environmentId: [{ value: settingValuesModel.environment.environmentId, disabled: true }],
-                    name: [{ value: settingValuesModel.environment.name, disabled: true }],
-                }),
-                comparisonAttributes: [[]],
-                allRolloutRulesCount: [0]
-            });
-            var rolloutRules = this.getAllRolloutRules(formGroup);
-            var comparisonAttributes = this.getComparisonAttributes(rolloutRules);
-            formGroup.patchValue({ allRolloutRulesCount: rolloutRules.length });
-            formGroup.patchValue({ comparisonAttributes: comparisonAttributes });
-            return formGroup;
-        };
-        SettingListFormHelper.prototype.createSettingValueFormGroup = function (settingValueModel, readOnly) {
-            var _this = this;
-            if (!settingValueModel.setting) {
-                return this.formBuilder.group({});
-            }
-            return this.formBuilder.group({
-                settingId: [settingValueModel.setting.settingId],
-                value: [
-                    { value: settingValueModel.value, disabled: readOnly },
-                    this.getValidatorsForSettingType(settingValueModel.setting.settingType)
-                ],
-                rolloutPercentageItems: settingValueModel.rolloutPercentageItems
-                    ? this.formBuilder.array(settingValueModel.rolloutPercentageItems.map(function (p) {
-                        // @ts-ignore()
-                        return _this.createRolloutPercentageItemFormGroup(p, readOnly, settingValueModel.setting.settingType);
-                    }))
-                    : this.formBuilder.array([]), rolloutRules: settingValueModel.rolloutRules
-                    ? this.formBuilder.array(settingValueModel.rolloutRules.map(function (r) {
-                        // @ts-ignore()
-                        return _this.createRolloutRuleFormGroup(r, readOnly, settingValueModel.setting.settingType);
-                    }))
-                    : this.formBuilder.array([]),
-                updatedAt: [{ value: settingValueModel.updatedAt, disabled: true }],
-                lastUpdaterUserEmail: [{ value: settingValueModel.lastUpdaterUserEmail, disabled: true }],
-                lastUpdaterUserFullName: [{ value: settingValueModel.lastUpdaterUserFullName, disabled: true }],
-                rolloutPercentageItemsSum: [{ value: 100, disabled: false }, [i2.Validators.min(100), i2.Validators.max(100)]],
-                // Decoration
-                setting: this.formBuilder.group({
-                    settingId: [{ value: settingValueModel.setting.settingId, disabled: true }],
-                    key: [{ value: settingValueModel.setting.key, disabled: true }],
-                    name: [{ value: settingValueModel.setting.name, disabled: true }],
-                    hint: [{ value: settingValueModel.setting.hint, disabled: true }],
-                    settingType: [{ value: settingValueModel.setting.settingType, disabled: true }],
-                    creatorEmail: [{ value: settingValueModel.setting.creatorEmail, disabled: true }],
-                    creatorFullName: [{ value: settingValueModel.setting.creatorFullName, disabled: true }],
-                    createdAt: [{ value: settingValueModel.setting.createdAt, disabled: true }]
-                }),
-                integrationLinks: settingValueModel.integrationLinks ? this.formBuilder.array(settingValueModel.integrationLinks.map(function (il) {
-                    return _this.formBuilder.group({
-                        key: [{ value: il.key, disabled: true }],
-                        description: [{ value: il.description, disabled: true }],
-                        integrationLinkType: [{ value: il.integrationLinkType, disabled: true }],
-                        url: [{ value: il.url, disabled: true }],
-                    });
-                })) : this.formBuilder.array([])
-            });
-        };
-        SettingListFormHelper.prototype.createRolloutPercentageItemFormGroup = function (p, readOnly, settingType) {
-            return this.formBuilder.group({
-                percentage: [{ value: p.percentage, disabled: readOnly }, [i2.Validators.required, i2.Validators.min(0), i2.Validators.max(100)]],
-                value: [
-                    { value: p.value, disabled: readOnly },
-                    this.getValidatorsForSettingType(settingType)
-                ],
-                valueDisabled: [
-                    { value: p.value, disabled: true }, // For percentage item value
-                ]
-            });
-        };
-        SettingListFormHelper.prototype.createRolloutRuleFormGroup = function (r, readOnly, settingType) {
-            return this.formBuilder.group({
-                comparisonAttribute: [{ value: r.comparisonAttribute, disabled: readOnly }, [i2.Validators.required]],
-                comparator: [{ value: r.comparator, disabled: readOnly }, [i2.Validators.required]],
-                comparisonValue: [{ value: r.comparisonValue, disabled: readOnly }, [i2.Validators.required]],
-                value: [
-                    { value: r.value, disabled: readOnly },
-                    this.getValidatorsForSettingType(settingType)
-                ],
-            });
-        };
-        SettingListFormHelper.prototype.getValidatorsForSettingType = function (settingType) {
-            switch (settingType) {
-                case ngConfigcatPublicapi.SettingType.Int:
-                    return [i2.Validators.required,
-                        i2.Validators.min(-2147483648), i2.Validators.max(2147483647), i2.Validators.pattern('^[-+]?[0-9]\\d*$')];
-                case ngConfigcatPublicapi.SettingType.Double:
-                    return [i2.Validators.required, i2.Validators.min(-1.79769313486232E+308), i2.Validators.max(1.79769313486232E+308)];
-                case ngConfigcatPublicapi.SettingType.String:
-                case ngConfigcatPublicapi.SettingType.Boolean:
-                    return [i2.Validators.required];
-                default:
-                    return [];
-            }
-        };
-        SettingListFormHelper.prototype.getAllRolloutRules = function (formGroup) {
-            var settingValues = formGroup.get('settingValues');
-            var rolloutRules = settingValues.controls.map(function (cv) { return cv.get('rolloutRules').value; });
-            return rolloutRules.length === 0 ? rolloutRules : rolloutRules.reduce(function (a, b) { return a.concat(b); });
-        };
-        SettingListFormHelper.prototype.getComparisonAttributes = function (rolloutRules) {
-            if (rolloutRules.length > 0) {
-                var currentComparisonAttributes = rolloutRules.map(function (r) { return r.comparisonAttribute; });
-                var defaultComparisonAttributes_1 = ['Identifier', 'Email', 'Country'];
-                var comparisonAttributes = currentComparisonAttributes.filter(function (c) { return defaultComparisonAttributes_1.indexOf(c) === -1; });
-                return Array.from(new Set(comparisonAttributes));
-            }
-            else {
-                return [];
-            }
-        };
-        return SettingListFormHelper;
-    }());
-    SettingListFormHelper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingListFormHelper, deps: [{ token: i2__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SettingListFormHelper.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingListFormHelper, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingListFormHelper, decorators: [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], ctorParameters: function () { return [{ type: i2__namespace.FormBuilder }]; } });
-
-    var ExpandDialogComponent = /** @class */ (function () {
-        function ExpandDialogComponent(dialogRef, formBuilder, data) {
-            this.dialogRef = dialogRef;
-            this.formBuilder = formBuilder;
-            this.data = data;
-        }
-        ExpandDialogComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.data.multiline) {
-                this.buildFormGroup();
-            }
-            else {
-                this.formControlSubscription = this.data.control.valueChanges.subscribe(function (value) {
-                    _this.data.control.setValue(value, { onlySelf: true, emitEvent: false, emitModelToViewChange: true });
-                    _this.data.control.markAsDirty();
-                }, function () { }, function () { });
-            }
-        };
-        ExpandDialogComponent.prototype.values = function () {
-            return this.formGroup.get('values');
-        };
-        ExpandDialogComponent.prototype.getValueControls = function () {
-            return this.values().controls.map(function (c) { return c; });
-        };
-        ExpandDialogComponent.prototype.buildFormGroup = function () {
-            var _this = this;
-            var value = this.data.control.value ? this.data.control.value : '';
-            var list = value.split(',').map(function (v) { return v.trim(); }).filter(function (v) { return !!v; });
-            this.formGroup = this.formBuilder.group({
-                values: this.formBuilder.array(list.map(function (v) { return _this.formBuilder.control(v); }))
-            });
-            this.formGroupSubscription = this.formGroup.valueChanges.subscribe(function (formGroupValue) {
-                _this.data.control.setValue(formGroupValue.values
-                    .filter(function (v) { return !!v; })
-                    .join(','), { onlySelf: true, emitEvent: false, emitModelToViewChange: true });
-                _this.data.control.updateValueAndValidity();
-                _this.data.control.markAsDirty();
-            });
-        };
-        ExpandDialogComponent.prototype.add = function () {
-            this.formGroup.controls.values.push(this.formBuilder.control(''));
-        };
-        ExpandDialogComponent.prototype.remove = function (index) {
-            this.formGroup.controls.values.removeAt(index);
-        };
-        ExpandDialogComponent.prototype.ngOnDestroy = function () {
-            if (this.formControlSubscription) {
-                this.formControlSubscription.unsubscribe();
-                this.formControlSubscription = null;
-            }
-            if (this.formGroupSubscription) {
-                this.formGroupSubscription.unsubscribe();
-                this.formGroupSubscription = null;
-            }
-        };
-        ExpandDialogComponent.prototype.close = function () {
-            this.dialogRef.close();
-        };
-        return ExpandDialogComponent;
-    }());
-    ExpandDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ExpandDialogComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: i2__namespace.FormBuilder }, { token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ExpandDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ExpandDialogComponent, selector: "configcat-expand-dialog", ngImport: i0__namespace, template: "<div mat-dialog-content class=\"container\">\n\n    <mat-form-field appearance=\"outline\" *ngIf=\"!data.multiline\">\n        <mat-label></mat-label>\n        <textarea matInput [formControl]=\"data.control\" rows=\"15\"></textarea>\n    </mat-form-field>\n    <div [formGroup]=\"formGroup\" *ngIf=\"data.multiline\">\n        <div *ngFor=\"let valueControl of getValueControls(); let i = index;\"\n            class=\"value-field\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput [formControl]=\"valueControl\" rows=\"15\" />\n            </mat-form-field>\n            <button (click)=\"remove(i)\" mat-icon-button type=\"button\">\n                <mat-icon>delete_outline</mat-icon>\n            </button>\n        </div>\n        <button (click)=\"add()\" mat-icon-button type=\"button\">\n            <mat-icon>add</mat-icon>\n        </button>\n    </div>\n</div>\n<div mat-dialog-actions>\n    <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"close()\">Done</button>\n</div>", styles: [".container>*{width:100%}.container>* .value-field{display:flex;font-size:12px;flex-wrap:nowrap}.container>* .value-field mat-form-field{flex-grow:1}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.MatLabel, selector: "mat-label" }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i2__namespace.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: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ExpandDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-expand-dialog',
-                        templateUrl: './expand-dialog.component.html',
-                        styleUrls: ['./expand-dialog.component.scss']
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace$1.MatDialogRef }, { type: i2__namespace.FormBuilder }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    var ValueComponent = /** @class */ (function () {
-        function ValueComponent(dialog) {
-            this.dialog = dialog;
-            this.SettingType = ngConfigcatPublicapi.SettingType;
-        }
-        ValueComponent.prototype.popOut = function () {
-            this.dialog.open(ExpandDialogComponent, {
-                width: '640px',
-                data: { control: this.valueFormControl }
-            });
-        };
-        return ValueComponent;
-    }());
-    ValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ValueComponent, deps: [{ token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ValueComponent, selector: "configcat-value", inputs: { valueFormControl: "valueFormControl", setting: "setting" }, ngImport: i0__namespace, template: "<div class=\"flex\">\n  <div class=\"container\" [ngSwitch]=\"setting.settingType\">\n    <div *ngSwitchCase=\"SettingType.String\" class=\"with-validation\">\n      <span *ngIf=\"valueFormControl.invalid\" class=\"error\">*</span>\n      <input [ngClass]=\"{'invalid': valueFormControl.invalid}\" type=\"text\"\n             [formControl]=\"valueFormControl\" placeholder=\"my value\" name=\"value\">\n      <div class=\"expand\" (click)=\"popOut()\" matTooltip=\"Pop-out Editor\">\n        <mat-icon>height</mat-icon>\n      </div>\n    </div>\n    <div *ngSwitchCase=\"SettingType.Int\" class=\"with-validation\">\n      <span *ngIf=\"valueFormControl.invalid\" class=\"error\">*</span>\n      <input [ngClass]=\"{'invalid': valueFormControl.invalid}\" type=\"number\" [formControl]=\"valueFormControl\"\n             placeholder=\"42\" name=\"value\" />\n    </div>\n    <div *ngSwitchCase=\"SettingType.Double\" class=\"with-validation\">\n      <span *ngIf=\"valueFormControl.invalid\" class=\"error\">*</span>\n      <input [ngClass]=\"{'invalid': valueFormControl.invalid}\" type=\"number\" [formControl]=\"valueFormControl\"\n             placeholder=\"3.14\" name=\"value\">\n    </div>\n    <div *ngSwitchCase=\"SettingType.Boolean\" class=\"toggle\">\n      <label class=\"switch\">\n        <input type=\"checkbox\" [formControl]=\"valueFormControl\" name=\"value\" />\n        <span class=\"slider round\"></span>\n      </label>\n    </div>\n  </div>\n  <div *ngIf=\"setting.settingType === SettingType.Boolean\" class=\"spacer\"></div>\n\n</div>\n", styles: [".switch{position:relative;width:66px;height:30px;margin-left:4px;margin-top:0;margin-bottom:0}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ff5252;transition:.4s;width:66px;height:30px}.slider:before{position:absolute;content:\"\";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#9acd32}input:focus+.slider{box-shadow:0 0 1px #9acd32}input:checked+.slider:before{transform:translate(36px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:after{content:\"Off\";color:#fff;display:block;position:absolute;transform:translate(-14%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}input:checked+.slider:after{content:\"On\";transform:translate(-91%,-50%)}\n", ".flex{display:flex;margin-right:20px;align-items:center}.flex .spacer{width:15px}.flex .container .with-validation{display:flex;flex-wrap:nowrap}.flex .container .toggle{width:66px;height:30px}.flex .container input{background-color:#fff;border:1px solid #e5e5e5;min-height:28px;font-size:15px;padding:0 30px 0 10px;font-family:Montserrat,Roboto,\"Helvetica Neue\",sans-serif;font-weight:300;min-width:170px}.flex .container .invalid{border:1px solid #ff5252}.flex .container .error{color:#ff5252;margin-right:5px}@media (max-width: 1200px){.flex .container input{min-width:auto}}.flex .variationId{margin-left:5px;cursor:pointer;color:#888;display:flex;align-items:center}.flex .expand{position:relative;top:2px;height:24px;cursor:pointer;margin-left:-28px;z-index:1;color:#b3b3b3;background-color:#fff}.flex .expand mat-icon{transform:rotate(45deg)}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.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: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2__namespace.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2__namespace.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ValueComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-value',
-                        templateUrl: './value.component.html',
-                        styleUrls: [
-                            './slider.scss',
-                            './value.component.scss'
-                        ]
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }]; }, propDecorators: { valueFormControl: [{
-                    type: i0.Input
-                }], setting: [{
-                    type: i0.Input
-                }] } });
-
-    var RolloutRulesComponent = /** @class */ (function () {
-        function RolloutRulesComponent(dialog) {
-            this.dialog = dialog;
-            this.readOnly = false;
-            this.SettingType = ngConfigcatPublicapi.SettingType;
-            this.defaultComparisonAttributes = ['Identifier', 'Email', 'Country'];
-            this.rolloutRuleComparators = [
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf, label: 'IS ONE OF' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf, label: 'IS NOT ONE OF' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.Contains, label: 'CONTAINS' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.DoesNotContain, label: 'DOES NOT CONTAIN' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsOneOf, label: 'IS ONE OF (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsNotOneOf, label: 'IS NOT ONE OF (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerLess, label: '< (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerLessOrEquals, label: '<= (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreater, label: '> (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreaterOrEquals, label: '>= (SemVer)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberEquals, label: '= (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberDoesNotEqual, label: '!= (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberLess, label: '< (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberLessOrEquals, label: '<= (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberGreater, label: '> (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.NumberGreaterOrEquals, label: '>= (Number)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsOneOf, label: 'IS ONE OF (Sensitive)' },
-                { value: ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsNotOneOf, label: 'IS NOT ONE OF (Sensitive)' },
-            ];
-        }
-        RolloutRulesComponent.prototype.onlyFirstTooltip = function () {
-            var _a;
-            return ((_a = this.formGroup.root.get('allRolloutRulesCount')) === null || _a === void 0 ? void 0 : _a.value) > 20 || this.rolloutRules().controls.length > 10;
-        };
-        RolloutRulesComponent.prototype.setting = function () {
-            var _a;
-            return (_a = this.formGroup.get('setting')) === null || _a === void 0 ? void 0 : _a.value;
-        };
-        RolloutRulesComponent.prototype.rolloutRules = function () {
-            return this.formGroup.get('rolloutRules');
-        };
-        RolloutRulesComponent.prototype.comparisonAttributes = function () {
-            var _a;
-            return (_a = this.formGroup.root.get('comparisonAttributes')) === null || _a === void 0 ? void 0 : _a.value;
-        };
-        RolloutRulesComponent.prototype.removeRule = function (index) {
-            this.rolloutRules().removeAt(index);
-            this.rolloutRules().markAsDirty();
-        };
-        RolloutRulesComponent.prototype.onDrop = function (event) {
-            var rolloutRules = this.rolloutRules().controls;
-            i8.moveItemInArray(rolloutRules, event.previousIndex, event.currentIndex);
-            this.formGroup.markAsDirty();
-        };
-        RolloutRulesComponent.prototype.attributeChanged = function (event, comparisonAttribute) {
-            if (this.defaultComparisonAttributes.indexOf(event.value) !== -1) {
-                if (comparisonAttribute.value !== event.value) {
-                    comparisonAttribute.setValue(event.value);
-                    this.formGroup.markAsDirty();
-                }
-            }
-            else {
-                if (comparisonAttribute.value !== '') {
-                    comparisonAttribute.setValue('');
-                    this.formGroup.markAsDirty();
-                }
-            }
-        };
-        RolloutRulesComponent.prototype.getPlaceHolder = function (rolloutRule) {
-            if (!rolloutRule.controls.comparisonAttribute.value) {
-                return '';
-            }
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsNotOneOf:
-                    switch (rolloutRule.controls.comparisonAttribute.value.toLowerCase()) {
-                        case 'identifier':
-                            return 'e.g: user_id1, user_id2, user_id3';
-                        case 'email':
-                            return 'e.g: jane@example.com, john@example.com';
-                        case 'country':
-                            return 'e.g: France, Brazil';
-                        default:
-                            return 'e.g: value1, value2, value3';
-                    }
-                case ngConfigcatPublicapi.RolloutRuleComparator.Contains:
-                case ngConfigcatPublicapi.RolloutRuleComparator.DoesNotContain:
-                    switch (rolloutRule.controls.comparisonAttribute.value.toLowerCase()) {
-                        case 'identifier':
-                            return 'part-of-id';
-                        case 'email':
-                            return 'e.g: @example.com';
-                        case 'country':
-                            return 'e.g: United';
-                        default:
-                            return 'e.g: any-part-of-your-value-string';
-                    }
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsNotOneOf:
-                    return 'e.g: 1.0.0, 2.0.1';
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerLessOrEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerLess:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreater:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreaterOrEquals:
-                    return 'e.g: 1.0.0';
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberDoesNotEqual:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLess:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLessOrEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreater:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreaterOrEquals:
-                    return 'e.g: 42';
-            }
-            return '';
-        };
-        RolloutRulesComponent.prototype.getComparisonValueType = function (rolloutRule) {
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberDoesNotEqual:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLess:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLessOrEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreater:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreaterOrEquals:
-                    return 'number';
-                default:
-                    return 'text';
-            }
-        };
-        RolloutRulesComponent.prototype.getInfoClass = function (rolloutRule) {
-            if (!rolloutRule.controls.comparisonAttribute.value) {
-                return 'info';
-            }
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.Contains:
-                case ngConfigcatPublicapi.RolloutRuleComparator.DoesNotContain:
-                    return 'warn';
-                default:
-                    return 'info';
-            }
-        };
-        RolloutRulesComponent.prototype.getInfoTooltip = function (rolloutRule) {
-            if (!rolloutRule.controls.comparisonAttribute.value) {
-                return 'Learn more about comparators';
-            }
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.Contains:
-                case ngConfigcatPublicapi.RolloutRuleComparator.DoesNotContain:
-                    return 'Consider using sensitive text comparators. Click to learn more.';
-                default:
-                    return 'Click to learn more about comparators';
-            }
-        };
-        RolloutRulesComponent.prototype.comparatorChanged = function (rolloutRule) {
-            var validators = [];
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.Contains:
-                case ngConfigcatPublicapi.RolloutRuleComparator.DoesNotContain:
-                    validators = [i2.Validators.required, i2.Validators.maxLength(65535)];
-                    break;
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsNotOneOf:
-                    validators = [i2.Validators.required, this.validateSemVerList];
-                    break;
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerLessOrEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerLess:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreater:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerGreaterOrEquals:
-                    validators = [i2.Validators.required, this.validateSemVer];
-                    break;
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberDoesNotEqual:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLess:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberLessOrEquals:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreater:
-                case ngConfigcatPublicapi.RolloutRuleComparator.NumberGreaterOrEquals:
-                    validators = [i2.Validators.required, i2.Validators.min(-1.79769313486232E+308), i2.Validators.max(1.79769313486232E+308)];
-                    break;
-            }
-            rolloutRule.controls.comparisonValue.setValidators(validators);
-            rolloutRule.controls.comparisonValue.updateValueAndValidity();
-        };
-        RolloutRulesComponent.prototype.isListType = function (rolloutRule) {
-            switch (rolloutRule.controls.comparator.value) {
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.IsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsNotOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsOneOf:
-                case ngConfigcatPublicapi.RolloutRuleComparator.SemVerIsNotOneOf:
-                    return true;
-                default:
-                    return false;
-            }
-        };
-        RolloutRulesComponent.prototype.validateSemVer = function (c) {
-            if (semver.valid(c.value) === null) {
-                return {
-                    validateSemVer: {
-                        valid: false
-                    }
-                };
-            }
-            return null;
-        };
-        RolloutRulesComponent.prototype.validateSemVerList = function (c) {
-            if (!c.value) {
-                return {
-                    validateSemVerList: {
-                        valid: false
-                    }
-                };
-            }
-            var semvers = c.value.split(',').map(function (s) { return s.trim(); });
-            if (semvers.find(function (s) { return s && s !== '' && semver.valid(s) === null; })) {
-                return {
-                    validateSemVerList: {
-                        valid: false
-                    }
-                };
-            }
-            return null;
-        };
-        RolloutRulesComponent.prototype.popOut = function (rolloutRule) {
-            this.dialog.open(ExpandDialogComponent, {
-                width: '640px',
-                data: {
-                    control: rolloutRule.controls.comparisonValue,
-                    multiline: this.isListType(rolloutRule)
-                }
-            });
-        };
-        RolloutRulesComponent.prototype.trackByIndex = function (index) {
-            return index;
-        };
-        RolloutRulesComponent.prototype.getRolloutRuleValueFormControl = function (rolloutRule) {
-            return rolloutRule.controls.value;
-        };
-        RolloutRulesComponent.prototype.getRolloutRuleComparisonValueFormControl = function (rolloutRule) {
-            return rolloutRule.controls.comparisonValue;
-        };
-        RolloutRulesComponent.prototype.getRolloutRuleComparisonAttributeFormControl = function (rolloutRule) {
-            return rolloutRule.controls.comparisonAttribute;
-        };
-        RolloutRulesComponent.prototype.getRolloutRuleComparatorFormControl = function (rolloutRule) {
-            return rolloutRule.controls.comparator;
-        };
-        return RolloutRulesComponent;
-    }());
-    RolloutRulesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: RolloutRulesComponent, deps: [{ token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RolloutRulesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: RolloutRulesComponent, selector: "configcat-rollout-rules", inputs: { formGroup: "formGroup", readOnly: "readOnly" }, ngImport: i0__namespace, template: "<div [formGroup]=\"formGroup\">\n    <div cdkDropList (cdkDropListDropped)=\"onDrop($event)\" [cdkDropListDisabled]=\"readOnly\"\n        [cdkDropListData]=\"rolloutRules().controls\">\n        <div *ngFor=\"let rolloutRule of rolloutRules().controls; trackBy: trackByIndex; let i = index\" cdkDrag>\n            <div class=\"targeting-row\">\n                <div class=\"fields flex\">\n                    <div class=\"drag-handle\" cdkDragHandle data-tooltip=\"Drag here to reorder\" *ngIf=\"!readOnly\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </div>\n                    <div class=\"if\">\n                        <mat-chip-list [class.spacing]=\"i === 0\">\n                            <mat-chip class=\"chip\">{{ i === 0 ? 'IF' : 'ELSE IF' }}</mat-chip>\n                        </mat-chip-list>\n                        <a href=\"https://configcat.com/docs/advanced/user-object\" target=\"_blank\"\n                            rel=\"noopener noreferrer\">user's</a>\n                    </div>\n\n                    <select class=\"custom-select attribute-select\" matTooltip=\"Comparison attribute\"\n                        matTooltipPosition=\"above\" [matTooltipDisabled]=\"onlyFirstTooltip() && i !== 0\"\n                        (change)=\"attributeChanged($event.target, getRolloutRuleComparisonAttributeFormControl(rolloutRule))\">\n                        <option *ngFor=\"let comparisonAttribute of defaultComparisonAttributes\"\n                            [selected]=\"comparisonAttribute === getRolloutRuleComparisonAttributeFormControl(rolloutRule).value\">\n                            {{comparisonAttribute}}</option>\n                        <option\n                            [selected]=\"defaultComparisonAttributes.indexOf(getRolloutRuleComparisonAttributeFormControl(rolloutRule).value) === -1\">\n                            Custom\n                        </option>\n                    </select>\n\n\n                    <span class=\"attribute-span\" data-tooltip=\"Custom user attribute\"\n                        [hidden]=\"defaultComparisonAttributes.indexOf(getRolloutRuleComparisonAttributeFormControl(rolloutRule).value) !== -1\">\n                        <span class=\"attribute-error\"\n                            *ngIf=\"getRolloutRuleComparisonAttributeFormControl(rolloutRule).invalid\">*</span>\n                        <input\n                            [ngClass]=\"{'invalid': getRolloutRuleComparisonAttributeFormControl(rolloutRule).invalid}\"\n                            type=\"text\" matInput [matAutocomplete]=\"auto\"\n                            [formControl]=\"getRolloutRuleComparisonAttributeFormControl(rolloutRule)\" class=\"attribute\"\n                            placeholder=\"e.g. Eye color\">\n                    </span>\n\n                    <mat-autocomplete #auto=\"matAutocomplete\">\n                        <mat-option *ngFor=\"let option of comparisonAttributes()\" [value]=\"option\">\n                            {{option}}\n                        </mat-option>\n                    </mat-autocomplete>\n\n                    <div class=\"select-wrapper\">\n                        <select class=\"custom-select\" [formControl]=\"getRolloutRuleComparatorFormControl(rolloutRule)\"\n                            matTooltip=\"Comparator\" matTooltipPosition=\"above\"\n                            [matTooltipDisabled]=\"onlyFirstTooltip() && i !== 0\"\n                            (change)=\"comparatorChanged(rolloutRule)\">\n                            <optgroup label=\"SENSITIVE TEXT\">\n                                <option *ngFor=\"let comparator of rolloutRuleComparators.slice(16, 18)\"\n                                    [ngValue]=\"comparator.value\">\n                                    {{comparator.label}}\n                                </option>\n                            </optgroup>\n                            <optgroup label=\"TEXT\">\n                                <option *ngFor=\"let comparator of rolloutRuleComparators.slice(0, 4)\"\n                                    [ngValue]=\"comparator.value\">\n                                    {{comparator.label}}\n                                </option>\n                            </optgroup>\n                            <optgroup label=\"SEMANTIC VERSION\">\n                                <option *ngFor=\"let comparator of rolloutRuleComparators.slice(4, 10)\"\n                                    [ngValue]=\"comparator.value\">\n                                    {{comparator.label}}\n                                </option>\n                            </optgroup>\n                            <optgroup label=\"NUMBER\">\n                                <option *ngFor=\"let comparator of rolloutRuleComparators.slice(10, 16)\"\n                                    [ngValue]=\"comparator.value\">\n                                    {{comparator.label}}\n                                </option>\n                            </optgroup>\n                        </select>\n                        <div [class]=\"getInfoClass(rolloutRule)\" [matTooltip]=\"getInfoTooltip(rolloutRule)\"\n                            [matTooltipDisabled]=\"onlyFirstTooltip() && i !== 0\">\n                            <a href=\"https://configcat.com/docs/advanced/targeting/#comparator\" target=\"_blank\"\n                                rel=\"noopener noreferrer\">\n                                <mat-icon>info</mat-icon>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class=\"comparison-value\" data-tooltip=\"Comparison value\">\n                        <span class=\"error\"\n                            *ngIf=\"getRolloutRuleComparisonValueFormControl(rolloutRule).invalid\">*</span>\n\n                        <input [ngClass]=\"{'invalid': getRolloutRuleComparisonValueFormControl(rolloutRule).invalid}\"\n                            [formControl]=\"getRolloutRuleComparisonValueFormControl(rolloutRule)\"\n                            [type]=\"getComparisonValueType(rolloutRule)\" [placeholder]=\"getPlaceHolder(rolloutRule)\">\n                        <div class=\"expand\" matTooltip=\"Pop-out Editor\" (click)=\"popOut(rolloutRule)\"\n                            *ngIf=\"getComparisonValueType(rolloutRule)==='text'\">\n                            <mat-icon>height</mat-icon>\n                        </div>\n                    </div>\n\n                    <div class=\"delete\" matTooltip=\"Remove targeting rule\"\n                        [matTooltipDisabled]=\"onlyFirstTooltip() && i !== 0\" *ngIf=\"!readOnly\" (click)=\"removeRule(i)\">\n                        <mat-icon>cancel</mat-icon>\n                    </div>\n                </div>\n                <div class=\"value flex\">\n                    <div class=\"serve\" *ngIf=\"setting().settingType !== SettingType.Boolean\">\n                        <mat-chip-list>\n                            <mat-chip class=\"chip\">Serve:</mat-chip>\n                        </mat-chip-list>\n                    </div>\n\n                    <configcat-value class=\"served-value\"\n                        [valueFormControl]=\"getRolloutRuleValueFormControl(rolloutRule)\" [setting]=\"setting()\">\n                    </configcat-value>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}.targeting-row{border:1px solid #d5d5d5;border-radius:4px;background-color:#fff;margin:.5em 1em;display:flex;position:relative;padding:.5em 0}.targeting-row .select-wrapper{position:relative}.targeting-row .info{position:absolute;cursor:pointer;top:-8px;left:166px}.targeting-row .info a{color:#7fb3fd}.targeting-row .info a:hover{color:#0068f0}.targeting-row .info mat-icon{font-size:18px}.targeting-row .warn{position:absolute;cursor:pointer;top:-8px;left:128px}.targeting-row .warn a{color:#fdc67f}.targeting-row .warn a:hover{color:#ff9200}.targeting-row .warn mat-icon{font-size:18px}.chip{background-color:#67b1fc3d}.fields{justify-content:left;max-width:1060px;flex-grow:100}.fields .if{display:flex;align-items:center}.fields .if>*{margin:0 .5em}.fields .if .spacing{margin-right:46px}.fields .attribute-span{margin-left:.5em}.fields .attribute{width:170px;background-color:#fff;border:1px solid #e5e5e5;min-height:28px;min-width:170px;font-size:15px;padding:0 10px;font-family:Montserrat,Roboto,\"Helvetica Neue\",sans-serif;font-weight:300}.fields .invalid{border:1px solid #ff5252}.fields .attribute-error{color:#ff5252;margin-right:5px}.fields .delete{position:absolute;color:#d6a9a9;cursor:pointer;top:-8px;right:-12px;z-index:999}.fields .delete:hover{color:#ed5251}.fields .delete mat-icon{font-size:20px}.fields .drag-handle{position:absolute;cursor:-moz-grab;left:-20px;top:14px}.fields .drag-handle mat-icon{font-size:20px}.fields .custom-select{margin-left:.5em;width:170px;background-color:#fff;border:1px solid #e5e5e5;min-height:30px;min-width:170px;font-size:.8em;padding:0 5px;font-family:Montserrat,Roboto,\"Helvetica Neue\",sans-serif;font-weight:300}.fields .attribute-select{min-width:100px;width:100px;margin-left:0}.fields .comparison-value{flex-grow:100;min-width:200px;display:flex;align-items:center;margin-left:.5em}.fields .comparison-value .error{color:#ff5252;margin:0 5px}.fields .comparison-value input{background-color:#fff;border:1px solid #e5e5e5;min-height:28px;min-width:170px;flex-grow:100;font-size:15px;padding:0 30px 0 10px;font-family:Montserrat,Roboto,\"Helvetica Neue\",sans-serif;font-weight:300}.fields .comparison-value .invalid{border:1px solid #ff5252}.value{margin-left:auto;flex-wrap:nowrap}.value .serve{margin:0 5px}.warn{padding-left:3em;font-size:.8em}.flex{display:flex;flex-wrap:wrap;align-items:center}.expand{position:absolute;right:2px;font-size:8px;cursor:pointer;margin-left:-28px;z-index:1;color:#b3b3b3;background-color:#fff}.expand mat-icon{transform:rotate(45deg)}@media (max-width: 1200px){.targeting-row{flex-wrap:wrap}.targeting-row .fields{max-width:500px}}@media (max-width: 700px){.targeting-row{flex-direction:column;margin:.5em .3em}.targeting-row .help{left:161px}.targeting-row .fields{flex-direction:column;align-items:stretch}.targeting-row .fields .custom-select{margin:0}.targeting-row .fields .comparison-value{margin:0}}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3__namespace$2.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i4__namespace$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i4__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: ValueComponent, selector: "configcat-value", inputs: ["valueFormControl", "setting"] }], directives: [{ type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8__namespace.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8__namespace.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8__namespace.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i3__namespace$2.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__namespace$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4__namespace$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2__namespace.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: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2__namespace.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: RolloutRulesComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-rollout-rules',
-                        templateUrl: './rollout-rules.component.html',
-                        styleUrls: ['./rollout-rules.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }]; }, propDecorators: { formGroup: [{
-                    type: i0.Input
-                }], readOnly: [{
-                    type: i0.Input
-                }] } });
-
-    var RolloutPercentageItemsComponent = /** @class */ (function () {
-        function RolloutPercentageItemsComponent() {
-            this.readOnly = false;
-            this.SettingType = ngConfigcatPublicapi.SettingType;
-        }
-        RolloutPercentageItemsComponent.prototype.setting = function () {
-            var _a;
-            return (_a = this.formGroup.get('setting')) === null || _a === void 0 ? void 0 : _a.value;
-        };
-        RolloutPercentageItemsComponent.prototype.rolloutRules = function () {
-            return this.formGroup.get('rolloutRules');
-        };
-        RolloutPercentageItemsComponent.prototype.rolloutPercentageItems = function () {
-            return this.formGroup.get('rolloutPercentageItems');
-        };
-        RolloutPercentageItemsComponent.prototype.rolloutPercentageItemsSum = function () {
-            return this.formGroup.get('rolloutPercentageItemsSum');
-        };
-        RolloutPercentageItemsComponent.prototype.value = function (rolloutPercentageItem) {
-            return this.setting().settingType === ngConfigcatPublicapi.SettingType.Boolean ?
-                rolloutPercentageItem.get('valueDisabled') :
-                rolloutPercentageItem.get('value');
-        };
-        RolloutPercentageItemsComponent.prototype.percentageChanged = function (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();
-        };
-        RolloutPercentageItemsComponent.prototype.updateSum = function () {
-            if (this.rolloutPercentageItems().controls.length === 0) {
-                this.rolloutPercentageItemsSum().setValue(100);
-            }
-            else {
-                this.rolloutPercentageItemsSum().setValue(this.rolloutPercentageItems().controls.map(function (v) { return v.value.percentage; })
-                    .reduce(function (a, b) { return a + b; }));
-            }
-        };
-        RolloutPercentageItemsComponent.prototype.removeRolloutPercentageItem = function (index) {
-            this.rolloutPercentageItems().removeAt(index);
-            this.rolloutPercentageItems().markAsDirty();
-            this.updateSum();
-        };
-        RolloutPercentageItemsComponent.prototype.removeAll = function () {
-            this.rolloutPercentageItems().clear();
-            this.rolloutPercentageItems().markAsDirty();
-            this.updateSum();
-        };
-        RolloutPercentageItemsComponent.prototype.getRolloutPercentageItemFormGroups = function () {
-            var _a, _b;
-            return (_b = (_a = this.rolloutPercentageItems()) === null || _a === void 0 ? void 0 : _a.controls) === null || _b === void 0 ? void 0 : _b.map(function (c) { return c; });
-        };
-        RolloutPercentageItemsComponent.prototype.getPercentageFormControl = function (rolloutPercentageItem) {
-            return rolloutPercentageItem.controls.percentage;
-        };
-        return RolloutPercentageItemsComponent;
-    }());
-    RolloutPercentageItemsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: RolloutPercentageItemsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RolloutPercentageItemsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: RolloutPercentageItemsComponent, selector: "configcat-rollout-percentage-items", inputs: { formGroup: "formGroup", readOnly: "readOnly" }, ngImport: i0__namespace, 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: i3__namespace$2.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: ValueComponent, selector: "configcat-value", inputs: ["valueFormControl", "setting"] }], directives: [{ type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.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__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2__namespace.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: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: RolloutPercentageItemsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-rollout-percentage-items',
-                        templateUrl: './rollout-percentage-items.component.html',
-                        styleUrls: ['./rollout-percentage-items.component.scss']
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
-                    type: i0.Input
-                }], readOnly: [{
-                    type: i0.Input
-                }] } });
-
-    var SettingComponent = /** @class */ (function () {
-        function SettingComponent(formHelper, cdRef) {
-            this.formHelper = formHelper;
-            this.cdRef = cdRef;
-            this.readOnly = false;
-            this.canEditSetting = false;
-            this.canDeleteSetting = false;
-            this.deleteSettingText = 'Delete setting';
-            this.showEnvironmentName = false;
-            this.editSettingRequested = new i0.EventEmitter();
-            this.deleteSettingRequested = new i0.EventEmitter();
-            this.rulesBeingRendered = false;
-            this.SettingType = ngConfigcatPublicapi.SettingType;
-        }
-        SettingComponent.prototype.ngOnInit = function () { };
-        SettingComponent.prototype.environment = function () {
-            var _a;
-            return (_a = this.formGroup.root.get('environment')) === null || _a === void 0 ? void 0 : _a.value;
-        };
-        SettingComponent.prototype.setting = function () {
-            var _a;
-            return (_a = this.formGroup.get('setting')) === null || _a === void 0 ? void 0 : _a.value;
-        };
-        SettingComponent.prototype.integrationLinks = function () {
-            return this.formGroup.get('integrationLinks');
-        };
-        SettingComponent.prototype.rolloutRules = function () {
-            return this.formGroup.get('rolloutRules');
-        };
-        SettingComponent.prototype.rolloutPercentageItems = function () {
-            return this.formGroup.get('rolloutPercentageItems');
-        };
-        SettingComponent.prototype.value = function () {
-            return this.formGroup.get('value');
-        };
-        SettingComponent.prototype.addRolloutRule = function () {
-            this.rolloutRules().push(this.formHelper.createRolloutRuleFormGroup({
-                comparisonAttribute: 'Identifier',
-                comparator: ngConfigcatPublicapi.RolloutRuleComparator.SensitiveIsOneOf,
-                comparisonValue: '',
-                value: this.setting().settingType === ngConfigcatPublicapi.SettingType.Boolean ? false : null
-            }, this.readOnly, this.setting().settingType));
-            this.rolloutRules().markAsDirty();
-        };
-        SettingComponent.prototype.removeRolloutRules = function () {
-            this.rolloutRules().clear();
-            this.rolloutRules().markAsDirty();
-        };
-        SettingComponent.prototype.addRolloutPercentageItem = function () {
-            if (this.rolloutPercentageItems().length === 0) {
-                switch (this.setting().settingType) {
-                    case ngConfigcatPublicapi.SettingType.Boolean:
-                        this.rolloutPercentageItems().push(this.formHelper.createRolloutPercentageItemFormGroup({
-                            percentage: 0,
-                            value: true
-                        }, this.readOnly, this.setting().settingType));
-                        this.rolloutPercentageItems().push(this.formHelper.createRolloutPercentageItemFormGroup({
-                            percentage: 100,
-                            value: false
-                        }, this.readOnly, this.setting().settingType));
-                        break;
-                    case ngConfigcatPublicapi.SettingType.String:
-                    case ngConfigcatPublicapi.SettingType.Int:
-                    case ngConfigcatPublicapi.SettingType.Double:
-                        for (var i = 0; i < 4; i++) {
-                            this.rolloutPercentageItems().push(this.formHelper.createRolloutPercentageItemFormGroup({
-                                percentage: 25,
-                                value: null
-                            }, this.readOnly, this.setting().settingType));
-                        }
-                        break;
-                }
-            }
-            else if (this.setting().settingType !== ngConfigcatPublicapi.SettingType.Boolean) {
-                this.rolloutPercentageItems().push(this.formHelper.createRolloutPercentageItemFormGroup({
-                    percentage: 0,
-                    value: null
-                }, this.readOnly, this.setting().settingType));
-            }
-            this.rolloutPercentageItems().markAsDirty();
-        };
-        SettingComponent.prototype.removeRolloutPercentageItems = function () {
-            this.rolloutPercentageItems().clear();
-            this.rolloutPercentageItems().markAsDirty();
-        };
-        SettingComponent.prototype.editSetting = function () {
-            this.editSettingRequested.emit({ setting: this.setting() });
-        };
-        SettingComponent.prototype.deleteSetting = function () {
-            this.deleteSettingRequested.emit({ setting: this.setting() });
-        };
-        return SettingComponent;
-    }());
-    SettingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingComponent, deps: [{ token: SettingListFormHelper }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SettingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SettingComponent, selector: "setting", inputs: { formGroup: "formGroup", readOnly: "readOnly", canEditSetting: "canEditSetting", canDeleteSetting: "canDeleteSetting", deleteSettingText: "deleteSettingText", showEnvironmentName: "showEnvironmentName" }, outputs: { editSettingRequested: "editSettingRequested", deleteSettingRequested: "deleteSettingRequested" }, ngImport: i0__namespace, template: "<div class=\"setting-full\"\n  [formGroup]=\"formGroup\">\n  <div class=\"delete\" (click)=\"deleteSetting()\" *ngIf=\"canDeleteSetting\" [matTooltip]=\"deleteSettingText\"\n       data-robot=\"deleteSetting\">\n    <mat-icon>cancel</mat-icon>\n  </div>\n  <div class=\"setting-header flex\">\n    <div class=\"setting-name flex\">\n      <div class=\"name\" data-robot=\"settingName\">\n        {{setting().name}}\n        <span *ngIf=\"showEnvironmentName\"> ({{environment().name}})</span>\n      </div>\n      <div class=\"edit\" matTooltip=\"Edit name and description\" (click)=\"editSetting()\" *ngIf=\"canEditSetting\"\n           data-robot=\"renameSetting\">\n        <mat-icon>edit</mat-icon>\n      </div>\n    </div>\n  </div>\n  <div class=\"setting-content\">\n    <div class=\"setting-details\">\n      <div class=\"setting-key\"><code data-robot=\"settingKey\">{{setting().key}}</code></div>\n      <span *ngIf=\"setting().hint\" class=\"description\">{{setting().hint}}</span>\n    </div>\n\n    <div class=\"rules-list\">\n      <div>\n        <configcat-rollout-rules *ngIf=\"rolloutRules().controls.length !== 0\" [formGroup]=\"formGroup\">\n        </configcat-rollout-rules>\n      </div>\n\n      <configcat-rollout-percentage-items *ngIf=\"rolloutPercentageItems().controls.length !== 0\"\n                                          [formGroup]=\"formGroup\">\n      </configcat-rollout-percentage-items>\n\n      <div class=\"all-other flex\">\n        <div *ngIf=\"rolloutPercentageItems().length === 0 && rolloutRules().length !== 0\"\n             data-tooltip=\"This value will be served to all users who the above rules don't apply.\">\n          <mat-chip-list>\n            <mat-chip class=\"chip\">To all other users, serve:</mat-chip>\n          </mat-chip-list>\n        </div>\n        <div *ngIf=\"rolloutPercentageItems().length !== 0\"\n             data-tooltip=\"This fallback value will be served in case the user can't be identified.\">\n          <mat-chip-list>\n            <mat-chip class=\"chip\">To unidentified users, serve:</mat-chip>\n          </mat-chip-list>\n        </div>\n        <div *ngIf=\"rolloutPercentageItems().length === 0 && rolloutRules().length === 0\">\n          <mat-chip-list>\n            <mat-chip class=\"chip\">To all users, serve:</mat-chip>\n          </mat-chip-list>\n        </div>\n        <configcat-value class=\"served-value\" [valueFormControl]=\"value()\" [setting]=\"setting()\">\n        </configcat-value>\n      </div>\n      <div class=\"buttons\">\n        <button type=\"button\" class=\"sige-button targeting-button\" (click)=\"addRolloutRule()\" *ngIf=\"!readOnly\">\n          {{rolloutRules().length === 0 ? 'Target specific users' : 'Add new targeting rule'}}\n        </button>\n        <button type=\"button\" class=\"sige-button targeting-button\" (click)=\"addRolloutPercentageItem()\"\n                *ngIf=\"!readOnly\"\n                [disabled]=\"setting().settingType === SettingType.Boolean && rolloutPercentageItems().length !== 0\">\n          {{rolloutPercentageItems().length === 0 ? 'Target % of users' : 'Add new % option'}}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".setting-full{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;border-radius:3px}.setting-full .delete{position:absolute;right:-15px;top:-10px;color:#d6a9a9;cursor:pointer}.setting-full .delete:hover{color:#ed5251}.setting-full .delete mat-icon{font-size:20px}.setting-full .setting-header{padding:1.5em 1.5em 0}.setting-full .setting-header .setting-name{flex-direction:row}.setting-full .setting-header .setting-name:hover>.edit{visibility:visible}.setting-full .setting-header .setting-name .name{font-weight:bold;word-wrap:break-word;max-width:100%}.setting-full .setting-header .setting-name .edit{margin:5px 0 0 5px;cursor:pointer;visibility:hidden;color:gray}.setting-full .setting-header .setting-name .edit:hover{visibility:visible}.setting-full .setting-header .setting-name .edit mat-icon{font-size:18px}.setting-full .setting-header .setting-meta{margin-left:auto;margin-right:14px;font-size:.7em;color:gray}.setting-full .setting-content{display:flex}.setting-full .setting-content .setting-details{display:flex;flex-direction:column;width:400px;padding:0 0 1em 1em}.setting-full .setting-content .setting-details>*{margin:.5em}.setting-full .setting-content .setting-details .integrations{font-size:.8rem}.setting-full .setting-content .setting-details .integrations>div{margin:3px}.setting-full .setting-content .setting-details .integrations>div>a:hover{text-decoration:underline}.setting-full .setting-content .setting-details .setting-key{word-wrap:break-word}.setting-full .setting-content .setting-details .description{font-size:.8em;white-space:pre-wrap;word-wrap:break-word;max-width:300px}.setting-full .setting-content .setting-details code{background-color:#d3d3d3;padding:3px 6px}.setting-full .setting-content .rules-list{width:100%;padding:0 1em 1em}.setting-full .setting-content .targeting-button{margin-left:.5rem;margin-right:.5rem;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}.buttons{display:flex;margin-left:.5rem;margin-right:.5rem}.buttons .updated-date{font-size:.7em;margin-left:auto;margin-right:22px;color:gray}.flex{display:flex;flex-wrap:wrap;align-items:center}.show-hide-toggle{margin-left:1em;cursor:pointer}.show-hide-toggle a{font-size:.8rem}.sige-button{background-color:#d9eadc;color:#363636;cursor:pointer;justify-content:center;padding:.375em .75em;text-align:center;white-space:nowrap;border-radius:2px;font-size:.75rem;border:1px solid #dbdbdb;box-shadow:none;display:inline-flex;font-family:Montserrat,Roboto,\"Helvetica Neue\",sans-serif}.sige-button:hover{background-color:#bad0be}.sige-button:disabled{background-color:#fff;color:#b3b3b3}@media (max-width: 1200px){.setting-details{width:300px}}@media (max-width: 700px){.setting-full .setting-content{flex-wrap:wrap}.setting-full .setting-content .rules-list{padding:0}.buttons{flex-direction:column}.updated-date{display:none}.setting-details{padding:.2em 0 .2em .2em}.all-other{margin:.5em .3em}}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: RolloutRulesComponent, selector: "configcat-rollout-rules", inputs: ["formGroup", "readOnly"] }, { type: RolloutPercentageItemsComponent, selector: "configcat-rollout-percentage-items", inputs: ["formGroup", "readOnly"] }, { type: i3__namespace$2.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: ValueComponent, selector: "configcat-value", inputs: ["valueFormControl", "setting"] }], directives: [{ type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3__namespace$2.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"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'setting',
-                        templateUrl: './setting.component.html',
-                        styleUrls: ['./setting.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: SettingListFormHelper }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { formGroup: [{
-                    type: i0.Input
-                }], readOnly: [{
-                    type: i0.Input
-                }], canEditSetting: [{
-                    type: i0.Input
-                }], canDeleteSetting: [{
-                    type: i0.Input
-                }], deleteSettingText: [{
-                    type: i0.Input
-                }], showEnvironmentName: [{
-                    type: i0.Input
-                }], editSettingRequested: [{
-                    type: i0.Output
-                }], deleteSettingRequested: [{
-                    type: i0.Output
-                }] } });
-
-    var SettingListComponent = /** @class */ (function () {
-        function SettingListComponent(formHelper, snackBar, dialog) {
-            this.formHelper = formHelper;
-            this.snackBar = snackBar;
-            this.dialog = dialog;
-            this.canEditSetting = false;
-            this.canDeleteSetting = false;
-            this.deleteSettingText = 'Delete setting';
-            this.showEnvironmentName = false;
-            this.editSettingRequested = new i0.EventEmitter();
-            this.deleteSettingRequested = new i0.EventEmitter();
-            this.formValuesChanged = new i0.EventEmitter();
-            this.loading = true;
-            this.submitting = false;
-            this.showRevertQuestion = false;
-            this.showFeedBackMessage = false;
-            this.readOnly = false;
-        }
-        SettingListComponent.prototype.ngOnInit = function () {
-            this.reloadSettingValues();
-        };
-        SettingListComponent.prototype.ngOnChanges = function () {
-            this.reloadSettingValues();
-        };
-        SettingListComponent.prototype.ngOnDestroy = function () {
-            if (this.formValuesChangedSubscription) {
-                this.formValuesChangedSubscription.unsubscribe();
-                this.formValuesChangedSubscription = null;
-            }
-        };
-        SettingListComponent.prototype.reloadSettingValues = function () {
-            var _this = this;
-            this.showFeedBackMessage = false;
-            this.loading = true;
-            this.loadSettingValues()
-                .subscribe(function (settingValues) {
-                _this.readOnly = settingValues.readOnly;
-                _this.settingValues = settingValues;
-                _this.createFormGroup();
-                _this.loading = false;
-            }, function (error) {
-                _this.snackBar.open('Ooops. We could not load your Feature Flags and Settings. Please try again or contact us.', 'Dismiss', { duration: 60000, panelClass: 'red-snackbar' });
-            });
-        };
-        SettingListComponent.prototype.createFormGroup = function () {
-            var _this = this;
-            this.formGroup = this.formHelper.createSettingValuesFormGroup(this.settingValues);
-            this.formValuesChangedSubscription = this.formGroup.valueChanges.subscribe(function () {
-                _this.formValuesChanged.emit();
-            });
-        };
-        SettingListComponent.prototype.settingValuesFormArray = function () {
-            return this.formGroup.get('settingValues');
-        };
-        SettingListComponent.prototype.getSettingValueFormGroups = function () {
-            return this.settingValuesFormArray().controls.map(function (c) { return c; });
-        };
-        SettingListComponent.prototype.submit = function () {
-            var _this = this;
-            if (!this.formGroup || !this.formGroup.valid) {
-                this.showFeedBackMessage = true;
-                this.formGroup.markAsTouched();
-                return;
-            }
-            this.showFeedBackMessage = false;
-            this.submitting = true;
-            var updateSettingValuesModel = {
-                settingValues: this.formGroup.controls.settingValues.value,
-                knownLastUpdatedAt: this.settingValues.lastUpdatedAt,
-                forced: false
-            };
-            if (this.settingValues.reasonRequired) {
-                var dialogRef = this.dialog.open(ReasonDialogComponent, {
-                    width: '450px'
-                });
-                dialogRef.afterClosed()
-                    .subscribe(function (result) {
-                    if (result && result.button === 'save' && result.reason) {
-                        updateSettingValuesModel.reason = result.reason;
-                        _this.updateSettingValues(updateSettingValuesModel);
-                    }
-                    else {
-                        _this.submitting = false;
-                    }
-                });
-                return;
-            }
-            this.updateSettingValues(updateSettingValuesModel);
-        };
-        SettingListComponent.prototype.updateSettingValues = function (updateSettingValuesModel) {
-            var _this = this;
-            this.onSave(updateSettingValuesModel).subscribe(function (settingValues) {
-                _this.settingValues = settingValues;
-                _this.createFormGroup();
-                _this.submitting = false;
-                _this.snackBar.openFromComponent(SaveSnackbarComponent, { duration: 5000, panelClass: 'green-snackbar' });
-            }, function (error) {
-                if (error.status === 400 && error.error
-                    && error.error.KnownLastUpdatedAt && error.error.KnownLastUpdatedAt[0] === 'Concurrent update') {
-                    var dialogRef = _this.dialog.open(ConcurrentDialogComponent, {
-                        width: '560px'
-                    });
-                    dialogRef.afterClosed()
-                        .subscribe(function (result) {
-                        if (result && result.button === 'save') {
-                            updateSettingValuesModel.forced = true;
-                            _this.updateSettingValues(updateSettingValuesModel);
-                        }
-                        else {
-                            _this.reloadSettingValues();
-                            _this.submitting = false;
-                        }
-                    });
-                    return;
-                }
-                if (error.status === 400 && error.error && error.error.Reason && error.error.Reason[0] === 'Reason required') {
-                    var dialogRef = _this.dialog.open(ReasonDialogComponent, {
-                        width: '450px'
-                    });
-                    dialogRef.afterClosed()
-                        .subscribe(function (result) {
-                        if (result && result.button === 'save' && result.reason) {
-                            updateSettingValuesModel.reason = result.reason;
-                            _this.updateSettingValues(updateSettingValuesModel);
-                        }
-                        else {
-                            _this.submitting = false;
-                        }
-                    });
-                    return;
-                }
-                _this.formGroup.setErrors({ internalServerError: 'Internal server error' });
-                _this.showFeedBackMessage = true;
-            });
-        };
-        SettingListComponent.prototype.handleRevertYes = function () {
-            this.showRevertQuestion = false;
-            this.reloadSettingValues();
-        };
-        SettingListComponent.prototype.handleRevertCancel = function () {
-            this.showRevertQuestion = false;
-        };
-        SettingListComponent.prototype.onEditSettingRequested = function (setting) {
-            this.editSettingRequested.emit({
-                setting: setting.setting,
-                environment: this.settingValues.environment,
-                config: this.settingValues.config
-            });
-        };
-        SettingListComponent.prototype.onDeleteSettingRequested = function (setting) {
-            this.deleteSettingRequested.emit({
-                setting: setting.setting,
-                environment: this.settingValues.environment,
-                config: this.settingValues.config
-            });
-        };
-        return SettingListComponent;
-    }());
-    SettingListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingListComponent, deps: [{ token: SettingListFormHelper }, { token: i2__namespace$2.MatSnackBar }, { token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SettingListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SettingListComponent, selector: "configcat-setting-list", inputs: { canEditSetting: "canEditSetting", canDeleteSetting: "canDeleteSetting", onSave: "onSave", loadSettingValues: "loadSettingValues", deleteSettingText: "deleteSettingText", showEnvironmentName: "showEnvironmentName" }, outputs: { editSettingRequested: "editSettingRequested", deleteSettingRequested: "deleteSettingRequested", formValuesChanged: "formValuesChanged" }, usesOnChanges: true, ngImport: i0__namespace, template: "<form [formGroup]=\"formGroup\" (ngSubmit)=\"submit()\" *ngIf=\"!loading\">\n  <div class=\"wrapper\" *ngFor=\"let settingValueFromGroup of getSettingValueFormGroups(); let i = index\">\n    <setting [formGroup]=\"settingValueFromGroup\" [readOnly]=\"readOnly\" [canEditSetting]=\"canEditSetting\"\n      [canDeleteSetting]=\"canDeleteSetting\" (editSettingRequested)=\"onEditSettingRequested($event)\"\n      (deleteSettingRequested)=\"onDeleteSettingRequested($event)\" [deleteSettingText]=\"deleteSettingText\"\n      [showEnvironmentName]=\"showEnvironmentName\">\n    </setting>\n  </div>\n\n  <div class=\"save\" *ngIf=\"!readOnly && !submitting && formGroup.dirty\">\n    <div class=\"feedback\" *ngIf=\"formGroup.touched && formGroup.invalid && showFeedBackMessage\">\n      <div class=\"error\" *ngIf=\"formGroup.errors && formGroup.errors.internalServerError\">\n        <span>Something went wrong and we could not save your settings. You can try again or <a\n            href=\"https://configcat.com/support\" target=\"_blank\" rel=\"noopener noreferrer\">contact us.</a></span>\n      </div>\n      <div class=\"error\" *ngIf=\"!formGroup.errors || !formGroup.errors.internalServerError\">\n        <span>Oh no! A feature flag has invalid or missing data.</span>\n      </div>\n    </div>\n    <button type=\"button\" mat-stroked-button *ngIf=\"!showRevertQuestion\" (click)=\"showRevertQuestion = true\">\n      <mat-icon>history</mat-icon><span>Revert changes</span>\n    </button>\n    <div *ngIf=\"showRevertQuestion\">\n      <span class=\"revert\">Revert to last saved state?</span>\n      <button type=\"button\" class=\"yes\" mat-stroked-button (click)=\"handleRevertYes()\">Yes</button>\n      <button type=\"button\" mat-stroked-button (click)=\"handleRevertCancel()\">No</button>\n    </div>\n    <button class=\"save-button\" mat-flat-button color=\"warn\" type=\"submit\" [disabled]=\"submitting\">\n      <mat-icon>backup</mat-icon> <span> Save & publish changes</span>\n    </button>\n  </div>\n</form>", styles: [".wrapper{background-color:#f3f3f3;border:1px solid rgba(0,0,0,.12);border-radius:4px;margin:1em 0}.show-hide a{cursor:pointer;font-size:.8rem}.save{position:sticky;bottom:0;min-height:38px;padding:.5rem .5rem .5rem 0;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;z-index:1000}.save .save-button{animation:shadow-pulse 1s 3;margin-left:1rem}.save>*{margin:.3em}.save .revert{margin:0 16px;font-size:14px}.save .yes{margin:0 5px}.error{background-color:#a32b2d;color:#fff;padding:5px;font-size:.9em}.error a{color:#fff;text-decoration:underline}@media (max-width: 700px){.save{padding:.5rem 0}}\n"], components: [{ type: SettingComponent, selector: "setting", inputs: ["formGroup", "readOnly", "canEditSetting", "canDeleteSetting", "deleteSettingText", "showEnvironmentName"], outputs: ["editSettingRequested", "deleteSettingRequested"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingListComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-setting-list',
-                        templateUrl: './setting-list.component.html',
-                        styleUrls: ['./setting-list.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: SettingListFormHelper }, { type: i2__namespace$2.MatSnackBar }, { type: i1__namespace$1.MatDialog }]; }, propDecorators: { canEditSetting: [{
-                    type: i0.Input
-                }], canDeleteSetting: [{
-                    type: i0.Input
-                }], onSave: [{
-                    type: i0.Input
-                }], loadSettingValues: [{
-                    type: i0.Input
-                }], deleteSettingText: [{
-                    type: i0.Input
-                }], showEnvironmentName: [{
-                    type: i0.Input
-                }], editSettingRequested: [{
-                    type: i0.Output
-                }], deleteSettingRequested: [{
-                    type: i0.Output
-                }], formValuesChanged: [{
-                    type: i0.Output
-                }] } });
-
-    var SettingItemComponent = /** @class */ (function (_super) {
-        __extends(SettingItemComponent, _super);
-        function SettingItemComponent(publicApiService) {
-            var _this = _super.call(this, publicApiService) || this;
-            _this.canEditSetting = true;
-            _this.canDeleteSetting = true;
-            _this.deleteSettingText = 'Delete setting';
-            _this.showEnvironmentName = true;
-            _this.editSettingRequested = new i0.EventEmitter();
-            _this.deleteSettingRequested = new i0.EventEmitter();
-            _this.loadSucceeded = new i0.EventEmitter();
-            _this.loadFailed = new i0.EventEmitter();
-            _this.saveSucceeded = new i0.EventEmitter();
-            _this.saveFailed = new i0.EventEmitter();
-            _this.formValuesChanged = new i0.EventEmitter();
-            _this.loadSettingValues = function () {
-                return _this.createSettingValuesService().getSettingValue(_this.environmentId, _this.settingId)
-                    .pipe(operators.map(function (settingValue) {
-                    _this.settingValue = settingValue;
-                    var settingValues = {
-                        settingValues: [settingValue],
-                        readOnly: settingValue.readOnly,
-                        config: settingValue.config,
-                        environment: settingValue.environment
-                    };
-                    _this.loadSucceeded.emit(settingValues);
-                    return settingValues;
-                }), operators.catchError(function (error) {
-                    _this.loadFailed.emit(error);
-                    return rxjs.throwError(error);
-                }));
-            };
-            _this.handleSave = function (model) {
-                if (model.settingValues.length === 0) {
-                    return rxjs.of();
-                }
-                var updateModel = model.settingValues[0];
-                return _this.createSettingValuesService().replaceSettingValue(_this.environmentId, _this.settingId, updateModel, model.reason)
-                    .pipe(operators.map(function (settingValue) {
-                    _this.settingValue = settingValue;
-                    var settingValues = {
-                        settingValues: [settingValue],
-                        readOnly: settingValue.readOnly,
-                        config: settingValue.config,
-                        environment: settingValue.environment
-                    };
-                    _this.saveSucceeded.emit(settingValues);
-                    return settingValues;
-                }), operators.catchError(function (error) {
-                    _this.saveFailed.emit(error);
-                    return rxjs.throwError(error);
-                }));
-            };
-            return _this;
-        }
-        SettingItemComponent.prototype.ngOnInit = function () {
-        };
-        SettingItemComponent.prototype.onEditSettingRequested = function (setting) {
-            this.editSettingRequested.emit({
-                setting: setting.setting,
-                environment: this.settingValue.environment,
-                config: this.settingValue.config
-            });
-        };
-        SettingItemComponent.prototype.onDeleteSettingRequested = function (setting) {
-            this.deleteSettingRequested.emit({
-                setting: setting.setting,
-                environment: this.settingValue.environment,
-                config: this.settingValue.config
-            });
-        };
-        SettingItemComponent.prototype.onFormValuesChanged = function () {
-            this.formValuesChanged.emit();
-        };
-        return SettingItemComponent;
-    }(BaseComponent));
-    SettingItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingItemComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SettingItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SettingItemComponent, selector: "configcat-setting-item", inputs: { productId: "productId", environmentId: "environmentId", configId: "configId", settingId: "settingId", canEditSetting: "canEditSetting", canDeleteSetting: "canDeleteSetting", deleteSettingText: "deleteSettingText", showEnvironmentName: "showEnvironmentName" }, outputs: { editSettingRequested: "editSettingRequested", deleteSettingRequested: "deleteSettingRequested", loadSucceeded: "loadSucceeded", loadFailed: "loadFailed", saveSucceeded: "saveSucceeded", saveFailed: "saveFailed", formValuesChanged: "formValuesChanged" }, usesInheritance: true, ngImport: i0__namespace, template: "<configcat-setting-list [canEditSetting]=\"canEditSetting\" [canDeleteSetting]=\"canDeleteSetting\"\n    [onSave]=\"handleSave\" [loadSettingValues]=\"loadSettingValues\"\n    (editSettingRequested)=\"onEditSettingRequested($event)\" (deleteSettingRequested)=\"onDeleteSettingRequested($event)\"\n    [deleteSettingText]=\"deleteSettingText\"\n    [showEnvironmentName]=\"showEnvironmentName\" (formValuesChanged)=\"onFormValuesChanged()\">\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:bold;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: SettingListComponent, selector: "configcat-setting-list", inputs: ["canEditSetting", "canDeleteSetting", "onSave", "loadSettingValues", "deleteSettingText", "showEnvironmentName"], outputs: ["editSettingRequested", "deleteSettingRequested", "formValuesChanged"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-setting-item',
-                        templateUrl: './setting-item.component.html',
-                        styleUrls: ['./setting-item.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { productId: [{
-                    type: i0.Input
-                }], environmentId: [{
-                    type: i0.Input
-                }], configId: [{
-                    type: i0.Input
-                }], settingId: [{
-                    type: i0.Input
-                }], canEditSetting: [{
-                    type: i0.Input
-                }], canDeleteSetting: [{
-                    type: i0.Input
-                }], deleteSettingText: [{
-                    type: i0.Input
-                }], showEnvironmentName: [{
-                    type: i0.Input
-                }], editSettingRequested: [{
-                    type: i0.Output
-                }], deleteSettingRequested: [{
-                    type: i0.Output
-                }], loadSucceeded: [{
-                    type: i0.Output
-                }], loadFailed: [{
-                    type: i0.Output
-                }], saveSucceeded: [{
-                    type: i0.Output
-                }], saveFailed: [{
-                    type: i0.Output
-                }], formValuesChanged: [{
-                    type: i0.Output
-                }] } });
-
-    var SettingSelectComponent = /** @class */ (function (_super) {
-        __extends(SettingSelectComponent, _super);
-        function SettingSelectComponent(publicApiService) {
-            var _this = _super.call(this, publicApiService) || this;
-            _this.settings = [];
-            return _this;
-        }
-        SettingSelectComponent.prototype.ngOnInit = function () {
-            this.settings = [];
-            this.reloadSettings();
-        };
-        SettingSelectComponent.prototype.ngOnChanges = function () {
-            this.reloadSettings();
-        };
-        SettingSelectComponent.prototype.reloadSettings = function () {
-            var _this = this;
-            if (this.configId) {
-                this.createSettingsService().getSettings(this.configId).subscribe(function (settings) {
-                    _this.settings = settings;
-                    if (_this.settings.length > 0) {
-                        _this.valueFormControl.setValue(_this.settings[0].settingId);
-                    }
-                });
-            }
-        };
-        return SettingSelectComponent;
-    }(BaseComponent));
-    SettingSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingSelectComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SettingSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SettingSelectComponent, selector: "configcat-setting-select", inputs: { valueFormControl: "valueFormControl", configId: "configId" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<mat-form-field class=\"form-field\">\n    <mat-select placeholder=\"Feature flag or setting\" [formControl]=\"valueFormControl\" *ngIf=\"settings\" name=\"value\">\n        <mat-option *ngFor=\"let setting of settings\" [value]=\"setting.settingId\">{{setting.name}}\n        </mat-option>\n    </mat-select>\n</mat-form-field>", styles: [".form-field{width:100%}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SettingSelectComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-setting-select',
-                        templateUrl: './setting-select.component.html',
-                        styleUrls: ['./setting-select.component.css']
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { valueFormControl: [{
-                    type: i0.Input
-                }], configId: [{
-                    type: i0.Input
-                }] } });
-
-    var ProductSelectComponent = /** @class */ (function (_super) {
-        __extends(ProductSelectComponent, _super);
-        function ProductSelectComponent(publicApiService) {
-            var _this = _super.call(this, publicApiService) || this;
-            _this.products = [];
-            return _this;
-        }
-        ProductSelectComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.products = [];
-            this.createProductsService().getProducts().subscribe(function (products) {
-                _this.products = products;
-                if (_this.products.length > 0) {
-                    _this.valueFormControl.setValue(_this.products[0].productId, {
-                        emitEvent: true,
-                        emitModelToViewChange: true, emitViewToModelChange: true
-                    });
-                }
-            });
-        };
-        return ProductSelectComponent;
-    }(BaseComponent));
-    ProductSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ProductSelectComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ProductSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ProductSelectComponent, selector: "configcat-product-select", inputs: { valueFormControl: "valueFormControl" }, usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field class=\"form-field\">\n    <mat-select placeholder=\"Product\" [formControl]=\"valueFormControl\" name=\"productValue\">\n        <mat-option *ngFor=\"let product of products\" [value]=\"product.productId\">{{product.name}}\n        </mat-option>\n    </mat-select>\n</mat-form-field>", styles: [".form-field{width:100%}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ProductSelectComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-product-select',
-                        templateUrl: './product-select.component.html',
-                        styleUrls: ['./product-select.component.css']
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { valueFormControl: [{
-                    type: i0.Input
-                }] } });
-
-    var ConfigSelectComponent = /** @class */ (function (_super) {
-        __extends(ConfigSelectComponent, _super);
-        function ConfigSelectComponent(publicApiService) {
-            var _this = _super.call(this, publicApiService) || this;
-            _this.configs = [];
-            return _this;
-        }
-        ConfigSelectComponent.prototype.ngOnInit = function () {
-            this.configs = [];
-            this.reloadConfigs();
-        };
-        ConfigSelectComponent.prototype.ngOnChanges = function () {
-            this.reloadConfigs();
-        };
-        ConfigSelectComponent.prototype.reloadConfigs = function () {
-            var _this = this;
-            if (this.productId) {
-                this.createConfigsService().getConfigs(this.productId).subscribe(function (configs) {
-                    _this.configs = configs;
-                    if (_this.configs.length > 0) {
-                        _this.valueFormControl.setValue(_this.configs[0].configId);
-                    }
-                });
-            }
-        };
-        return ConfigSelectComponent;
-    }(BaseComponent));
-    ConfigSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ConfigSelectComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ConfigSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: ConfigSelectComponent, selector: "configcat-config-select", inputs: { valueFormControl: "valueFormControl", productId: "productId" }, providers: [
-            {
-                provide: i2.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return ConfigSelectComponent; }),
-                multi: true
-            }
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<mat-form-field class=\"form-field\">\n    <mat-select placeholder=\"Config\" [formControl]=\"valueFormControl\" *ngIf=\"configs\" name=\"value\">\n        <mat-option *ngFor=\"let config of configs\" [value]=\"config.configId\">{{config.name}}</mat-option>\n    </mat-select>\n</mat-form-field>", styles: [".form-field{width:100%}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ConfigSelectComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-config-select',
-                        templateUrl: './config-select.component.html',
-                        styleUrls: ['./config-select.component.css'],
-                        providers: [
-                            {
-                                provide: i2.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return ConfigSelectComponent; }),
-                                multi: true
-                            }
-                        ]
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { valueFormControl: [{
-                    type: i0.Input
-                }], productId: [{
-                    type: i0.Input
-                }] } });
-
-    var EnvironmentSelectComponent = /** @class */ (function (_super) {
-        __extends(EnvironmentSelectComponent, _super);
-        function EnvironmentSelectComponent(publicApiService) {
-            var _this = _super.call(this, publicApiService) || this;
-            _this.environments = [];
-            return _this;
-        }
-        EnvironmentSelectComponent.prototype.ngOnInit = function () {
-            this.environments = [];
-            this.reloadEnvironments();
-        };
-        EnvironmentSelectComponent.prototype.ngOnChanges = function () {
-            this.reloadEnvironments();
-        };
-        EnvironmentSelectComponent.prototype.reloadEnvironments = function () {
-            var _this = this;
-            if (this.productId) {
-                this.createEnvironmentsService().getEnvironments(this.productId).subscribe(function (environments) {
-                    _this.environments = environments;
-                    if (_this.environments.length > 0) {
-                        _this.valueFormControl.setValue(_this.environments[0].environmentId);
-                    }
-                });
-            }
-        };
-        return EnvironmentSelectComponent;
-    }(BaseComponent));
-    EnvironmentSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: EnvironmentSelectComponent, deps: [{ token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    EnvironmentSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: EnvironmentSelectComponent, selector: "configcat-environment-select", inputs: { valueFormControl: "valueFormControl", productId: "productId" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<mat-form-field class=\"form-field\">\n    <mat-select placeholder=\"Environment\" [formControl]=\"valueFormControl\" *ngIf=\"environments\" name=\"value\">\n        <mat-option *ngFor=\"let environment of environments\" [value]=\"environment.environmentId\">{{environment.name}}\n        </mat-option>\n    </mat-select>\n</mat-form-field>", styles: [".form-field{width:100%}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: EnvironmentSelectComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-environment-select',
-                        templateUrl: './environment-select.component.html',
-                        styleUrls: ['./environment-select.component.css']
-                    }]
-            }], ctorParameters: function () { return [{ type: PublicApiService }]; }, propDecorators: { valueFormControl: [{
-                    type: i0.Input
-                }], productId: [{
-                    type: i0.Input
-                }] } });
-
-    var FormHelper = /** @class */ (function () {
-        function FormHelper() {
-        }
-        FormHelper.getErrorMessage = function (control, hint) {
-            if (hint === void 0) { hint = ''; }
-            if (!control || control.valid) {
-                return;
-            }
-            if (control.hasError('required')) {
-                return hint + " The field is required.";
-            }
-            if (control.hasError('pattern')) {
-                return 'Not a valid e-mail address.';
-            }
-            if (control.hasError('minlength')) {
-                return 'The field must be at least ' + control.getError('minlength').requiredLength + ' characters long';
-            }
-            if (control.hasError('maxlength')) {
-                return 'The field must be at max ' + control.getError('maxlength').requiredLength + ' characters long';
-            }
-            return;
-        };
-        return FormHelper;
-    }());
-
-    var AuthorizationComponent = /** @class */ (function () {
-        function AuthorizationComponent(formBuilder, publicApiService) {
-            this.formBuilder = formBuilder;
-            this.publicApiService = publicApiService;
-            this.basePath = null;
-            this.authorized = new i0.EventEmitter();
-            this.FormHelper = FormHelper;
-        }
-        AuthorizationComponent.prototype.ngOnInit = function () {
-            this.formGroup = this.formBuilder.group({
-                basicAuthUsername: ['', i2.Validators.required],
-                basicAuthPassword: ['', i2.Validators.required],
-            });
-        };
-        AuthorizationComponent.prototype.onSubmit = function () {
-            var _this = this;
-            if (!this.formGroup.valid) {
-                return;
-            }
-            var meService = this.publicApiService.createMeService(this.formGroup.controls.basicAuthUsername.value, this.formGroup.controls.basicAuthPassword.value, this.basePath);
-            meService.getMe().subscribe(function (me) {
-                _this.authorized.emit({
-                    basicAuthUsername: _this.formGroup.controls.basicAuthUsername.value,
-                    basicAuthPassword: _this.formGroup.controls.basicAuthPassword.value
-                });
-            }, function (error) {
-                _this.formGroup.setErrors({ invalidAuthorization: 'Invalid Basic auth user name or password' });
-            });
-        };
-        return AuthorizationComponent;
-    }());
-    AuthorizationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: AuthorizationComponent, deps: [{ token: i2__namespace.FormBuilder }, { token: PublicApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    AuthorizationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: AuthorizationComponent, selector: "configcat-authorization", inputs: { basePath: "basePath" }, outputs: { authorized: "authorized" }, ngImport: i0__namespace, template: "<form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n    <div class=\"container\">\n        <div class=\"form\">\n            <p>\n                <a href=\"https://app.configcat.com/my-account/public-api-credentials\" target=\"_blank\">\n                    Get your Basic Auth user name and password</a> to access ConfigCat Public API.\n                <br /><br />\n                <b>Note!</b> Your ConfigCat account's email address and password will not work here.\n            </p>\n\n            <mat-form-field class=\"form-field\">\n                <mat-label>Basic auth user name</mat-label>\n                <input matInput placeholder=\"Basic auth user name\" formControlName=\"basicAuthUsername\">\n                <mat-error *ngIf=\"formGroup.controls.basicAuthUsername.invalid\">\n                    {{FormHelper.getErrorMessage(formGroup.controls.basicAuthUsername)}}\n                </mat-error>\n            </mat-form-field>\n            <mat-form-field class=\"form-field\">\n                <mat-label>Basic auth password</mat-label>\n                <input matInput placeholder=\"Basic auth password\" formControlName=\"basicAuthPassword\" type=\"password\"\n                    autocomplete=\"current-password\">\n                <mat-error *ngIf=\"formGroup.controls.basicAuthPassword.invalid\">\n                    {{FormHelper.getErrorMessage(formGroup.controls.basicAuthPassword)}}\n                </mat-error>\n            </mat-form-field>\n            <div>\n                <button mat-raised-button color=\"primary\" type=\"submit\" class=\"submit\">Authorize</button>\n                <mat-error *ngIf=\"formGroup.invalid && formGroup.errors && formGroup.errors.invalidAuthorization\">\n                    {{formGroup.errors.invalidAuthorization}}</mat-error>\n            </div>\n        </div>\n    </div>\n</form>", styles: [".container{display:flex;margin:8px}.form{width:100%}.form-field{width:100%;margin-bottom:8px}.submit{margin-top:8px;margin-bottom:8px}\n"], components: [{ type: i3__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.MatLabel, selector: "mat-label" }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i2__namespace.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: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.MatError, selector: "mat-error", inputs: ["id"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: AuthorizationComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'configcat-authorization',
-                        templateUrl: './authorization.component.html',
-                        styleUrls: ['./authorization.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i2__namespace.FormBuilder }, { type: PublicApiService }]; }, propDecorators: { basePath: [{
-                    type: i0.Input
-                }], authorized: [{
-                    type: i0.Output
-                }] } });
-
-    var NgConfigCatPublicApiUIModule = /** @class */ (function () {
-        function NgConfigCatPublicApiUIModule() {
-        }
-        NgConfigCatPublicApiUIModule.forRoot = function (configurationFactory) {
-            return {
-                ngModule: NgConfigCatPublicApiUIModule,
-                providers: [{ provide: Configuration, useFactory: configurationFactory }]
-            };
-        };
-        return NgConfigCatPublicApiUIModule;
-    }());
-    NgConfigCatPublicApiUIModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: NgConfigCatPublicApiUIModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    NgConfigCatPublicApiUIModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: NgConfigCatPublicApiUIModule, declarations: [BaseComponent,
-            ProductSelectComponent,
-            ConfigSelectComponent,
-            EnvironmentSelectComponent,
-            SettingSelectComponent,
-            SettingItemComponent,
-            AuthorizationComponent,
-            SettingListComponent,
-            SettingComponent,
-            RolloutPercentageItemsComponent,
-            RolloutRulesComponent,
-            ValueComponent,
-            ReasonDialogComponent,
-            ConcurrentDialogComponent,
-            SaveSnackbarComponent,
-            ExpandDialogComponent], imports: [i5$1.CommonModule,
-            i2.FormsModule,
-            i2.ReactiveFormsModule,
-            animations.BrowserAnimationsModule,
-            i3.MatFormFieldModule,
-            i4$2.MatOptionModule,
-            i3$3.MatSelectModule,
-            i4.MatButtonModule,
-            i5.MatInputModule,
-            i2$1.MatIconModule,
-            i5$2.MatTooltipModule,
-            i3$2.MatChipsModule,
-            i4$1.MatAutocompleteModule,
-            i8.DragDropModule,
-            i3$1.RouterModule,
-            i2$2.MatSnackBarModule,
-            i1$1.MatDialogModule,
-            menu.MatMenuModule,
-            ngConfigcatPublicapi.ApiModule], exports: [AuthorizationComponent,
-            ProductSelectComponent,
-            ConfigSelectComponent,
-            EnvironmentSelectComponent,
-            SettingSelectComponent,
-            SettingItemComponent] });
-    NgConfigCatPublicApiUIModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: NgConfigCatPublicApiUIModule, imports: [[
-                i5$1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
-                animations.BrowserAnimationsModule,
-                i3.MatFormFieldModule,
-                i4$2.MatOptionModule,
-                i3$3.MatSelectModule,
-                i4.MatButtonModule,
-                i5.MatInputModule,
-                i2$1.MatIconModule,
-                i5$2.MatTooltipModule,
-                i3$2.MatChipsModule,
-                i4$1.MatAutocompleteModule,
-                i8.DragDropModule,
-                i3$1.RouterModule,
-                i2$2.MatSnackBarModule,
-                i1$1.MatDialogModule,
-                menu.MatMenuModule,
-                ngConfigcatPublicapi.ApiModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: NgConfigCatPublicApiUIModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            BaseComponent,
-                            ProductSelectComponent,
-                            ConfigSelectComponent,
-                            EnvironmentSelectComponent,
-                            SettingSelectComponent,
-                            SettingItemComponent,
-                            AuthorizationComponent,
-                            SettingListComponent,
-                            SettingComponent,
-                            RolloutPercentageItemsComponent,
-                            RolloutRulesComponent,
-                            ValueComponent,
-                            ReasonDialogComponent,
-                            ConcurrentDialogComponent,
-                            SaveSnackbarComponent,
-                            ExpandDialogComponent
-                        ],
-                        imports: [
-                            i5$1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
-                            animations.BrowserAnimationsModule,
-                            i3.MatFormFieldModule,
-                            i4$2.MatOptionModule,
-                            i3$3.MatSelectModule,
-                            i4.MatButtonModule,
-                            i5.MatInputModule,
-                            i2$1.MatIconModule,
-                            i5$2.MatTooltipModule,
-                            i3$2.MatChipsModule,
-                            i4$1.MatAutocompleteModule,
-                            i8.DragDropModule,
-                            i3$1.RouterModule,
-                            i2$2.MatSnackBarModule,
-                            i1$1.MatDialogModule,
-                            menu.MatMenuModule,
-                            ngConfigcatPublicapi.ApiModule
-                        ],
-                        exports: [
-                            AuthorizationComponent,
-                            ProductSelectComponent,
-                            ConfigSelectComponent,
-                            EnvironmentSelectComponent,
-                            SettingSelectComponent,
-                            SettingItemComponent
-                        ]
-                    }]
-            }], ctorParameters: function () { return []; } });
-
-    /*
-     * Public API Surface of ng-configcat-publicapi-ui
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AuthorizationComponent = AuthorizationComponent;
-    exports.ConfigSelectComponent = ConfigSelectComponent;
-    exports.EnvironmentSelectComponent = EnvironmentSelectComponent;
-    exports.NgConfigCatPublicApiUIModule = NgConfigCatPublicApiUIModule;
-    exports.ProductSelectComponent = ProductSelectComponent;
-    exports.PublicApiService = PublicApiService;
-    exports.SettingItemComponent = SettingItemComponent;
-    exports.SettingSelectComponent = SettingSelectComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=ng-configcat-publicapi-ui.umd.js.map