@abp/ng.theme.shared 5.0.0-rc.1 → 5.0.2

package/bundles/abp-ng.theme.shared-extensions.umd.js

@@ -31,1822 +31,1823 @@
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
 
-    var DateTimeAdapter = /** @class */ (function () {
-        function DateTimeAdapter() {
-        }
-        DateTimeAdapter.prototype.fromModel = function (value) {
-            if (!value)
-                return null;
-            var date = new Date(value);
-            if (isNaN(date))
-                return null;
-            this.value = {
-                year: date.getFullYear(),
-                month: date.getMonth() + 1,
-                day: date.getDate(),
-                hour: date.getHours(),
-                minute: date.getMinutes(),
-                second: date.getSeconds(),
-            };
-            return this.value;
-        };
-        DateTimeAdapter.prototype.toModel = function (value) {
-            if (!value)
-                return '';
-            //const now = new Date();
-            value = Object.assign(Object.assign({}, this.value), value);
-            var date = new Date(value.year, value.month - 1, value.day, value.hour, value.minute, value.second);
-            return new Date(date).toISOString();
-        };
-        return DateTimeAdapter;
-    }());
-    DateTimeAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    DateTimeAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter, decorators: [{
-                type: i0.Injectable
+    var DateTimeAdapter = /** @class */ (function () {
+        function DateTimeAdapter() {
+        }
+        DateTimeAdapter.prototype.fromModel = function (value) {
+            if (!value)
+                return null;
+            var date = new Date(value);
+            if (isNaN(date))
+                return null;
+            this.value = {
+                year: date.getFullYear(),
+                month: date.getMonth() + 1,
+                day: date.getDate(),
+                hour: date.getHours(),
+                minute: date.getMinutes(),
+                second: date.getSeconds(),
+            };
+            return this.value;
+        };
+        DateTimeAdapter.prototype.toModel = function (value) {
+            if (!value)
+                return '';
+            //const now = new Date();
+            value = Object.assign(Object.assign({}, this.value), value);
+            var date = new Date(value.year, value.month - 1, value.day, value.hour, value.minute, value.second);
+            return new Date(date).toISOString();
+        };
+        return DateTimeAdapter;
+    }());
+    DateTimeAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    DateTimeAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimeAdapter, decorators: [{
+                type: i0.Injectable
             }] });
 
-    /*! *****************************************************************************
-    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;
+    /*! *****************************************************************************
+    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 DateAdapter = /** @class */ (function (_super) {
-        __extends(DateAdapter, _super);
-        function DateAdapter() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DateAdapter.prototype.fromModel = function (value) {
-            if (!value)
-                return null;
-            var date;
-            if (typeof value === 'string') {
-                date = this.dateOf(value);
-            }
-            else {
-                date = new Date(value);
-            }
-            if (isNaN(date))
-                return null;
-            return {
-                day: date.getDate(),
-                month: date.getMonth() + 1,
-                year: date.getFullYear(),
-            };
-        };
-        DateAdapter.prototype.toModel = function (value) {
-            if (!value)
-                return '';
-            var date = new Date(value.year, value.month - 1, value.day);
-            var formattedDate = i5.formatDate(date, 'yyyy-MM-dd', 'en');
-            return formattedDate;
-        };
-        DateAdapter.prototype.dateOf = function (value) {
-            var dateUtc = new Date(Date.parse(value));
-            return new Date(dateUtc.getTime() + Math.abs(dateUtc.getTimezoneOffset() * 60000));
-        };
-        return DateAdapter;
-    }(i2.NgbDateAdapter));
-    DateAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    DateAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter, decorators: [{
-                type: i0.Injectable
+    var DateAdapter = /** @class */ (function (_super) {
+        __extends(DateAdapter, _super);
+        function DateAdapter() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DateAdapter.prototype.fromModel = function (value) {
+            if (!value)
+                return null;
+            var date;
+            if (typeof value === 'string') {
+                date = this.dateOf(value);
+            }
+            else {
+                date = new Date(value);
+            }
+            if (isNaN(date))
+                return null;
+            return {
+                day: date.getDate(),
+                month: date.getMonth() + 1,
+                year: date.getFullYear(),
+            };
+        };
+        DateAdapter.prototype.toModel = function (value) {
+            if (!value)
+                return '';
+            var date = new Date(value.year, value.month - 1, value.day);
+            var formattedDate = i5.formatDate(date, 'yyyy-MM-dd', 'en');
+            return formattedDate;
+        };
+        DateAdapter.prototype.dateOf = function (value) {
+            var dateUtc = new Date(Date.parse(value));
+            return new Date(dateUtc.getTime() + Math.abs(dateUtc.getTimezoneOffset() * 60000));
+        };
+        return DateAdapter;
+    }(i2.NgbDateAdapter));
+    DateAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    DateAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateAdapter, decorators: [{
+                type: i0.Injectable
             }] });
 
-    var TimeAdapter = /** @class */ (function (_super) {
-        __extends(TimeAdapter, _super);
-        function TimeAdapter() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        TimeAdapter.prototype.fromModel = function (value) {
-            if (!value)
-                return null;
-            var date = isTimeStr(value)
-                ? new (Date.bind.apply(Date, __spreadArray([void 0, 0, 0, 1], __read(value.split(':').map(Number)))))() : new Date(value);
-            if (isNaN(date))
-                return null;
-            return {
-                hour: date.getHours(),
-                minute: date.getMinutes(),
-                second: date.getSeconds(),
-            };
-        };
-        TimeAdapter.prototype.toModel = function (value) {
-            if (!value)
-                return '';
-            var date = new Date(0, 0, 1, value.hour, value.minute, value.second);
-            var formattedDate = i5.formatDate(date, 'HH:mm', 'en');
-            return formattedDate;
-        };
-        return TimeAdapter;
-    }(i2.NgbTimeAdapter));
-    TimeAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    TimeAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter, decorators: [{
-                type: i0.Injectable
-            }] });
-    function isTimeStr(value) {
-        return /^((2[123])|[01][0-9])(\:[0-5][0-9]){1,2}$/.test(String(value));
+    var TimeAdapter = /** @class */ (function (_super) {
+        __extends(TimeAdapter, _super);
+        function TimeAdapter() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TimeAdapter.prototype.fromModel = function (value) {
+            if (!value)
+                return null;
+            var date = isTimeStr(value)
+                ? new (Date.bind.apply(Date, __spreadArray([void 0, 0, 0, 1], __read(value.split(':').map(Number)))))() : new Date(value);
+            if (isNaN(date))
+                return null;
+            return {
+                hour: date.getHours(),
+                minute: date.getMinutes(),
+                second: date.getSeconds(),
+            };
+        };
+        TimeAdapter.prototype.toModel = function (value) {
+            if (!value)
+                return '';
+            var date = new Date(0, 0, 1, value.hour, value.minute, value.second);
+            var formattedDate = i5.formatDate(date, 'HH:mm', 'en');
+            return formattedDate;
+        };
+        return TimeAdapter;
+    }(i2.NgbTimeAdapter));
+    TimeAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TimeAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: TimeAdapter, decorators: [{
+                type: i0.Injectable
+            }] });
+    function isTimeStr(value) {
+        return /^((2[123])|[01][0-9])(\:[0-5][0-9]){1,2}$/.test(String(value));
     }
 
-    function selfFactory(dependency) {
-        return dependency;
+    function selfFactory(dependency) {
+        return dependency;
     }
 
-    var DateTimePickerComponent = /** @class */ (function () {
-        function DateTimePickerComponent(cdRef) {
-            this.cdRef = cdRef;
-            this.meridian = false;
-        }
-        DateTimePickerComponent.prototype.setDate = function (datestr) {
-            this.date.writeValue(datestr);
-        };
-        DateTimePickerComponent.prototype.setTime = function (datestr) {
-            this.time.writeValue(datestr);
-        };
-        return DateTimePickerComponent;
-    }());
-    DateTimePickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimePickerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DateTimePickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DateTimePickerComponent, selector: "abp-date-time-picker", inputs: { prop: "prop", meridian: "meridian" }, viewQueries: [{ propertyName: "date", first: true, predicate: i2.NgbInputDatepicker, descendants: true }, { propertyName: "time", first: true, predicate: i2.NgbTimepicker, descendants: true }], exportAs: ["abpDateTimePicker"], ngImport: i0__namespace, template: "\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setTime($event)\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n    <ngb-timepicker\n      #timepicker\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setDate($event)\"\n      [meridian]=\"meridian\"\n    ></ngb-timepicker>\n  ", isInline: true, components: [{ type: i2__namespace.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }], directives: [{ type: i2__namespace.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i2__namespace$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i6__namespace.ValidationDirective, selector: "[formControl],[formControlName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }], viewProviders: [
-            {
-                provide: i2$1.ControlContainer,
-                useFactory: selfFactory,
-                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-            },
-            {
-                provide: i2.NgbDateAdapter,
-                useClass: DateTimeAdapter,
-            },
-            {
-                provide: i2.NgbTimeAdapter,
-                useClass: DateTimeAdapter,
-            },
-        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimePickerComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        exportAs: 'abpDateTimePicker',
-                        selector: 'abp-date-time-picker',
-                        template: "\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setTime($event)\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n    <ngb-timepicker\n      #timepicker\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setDate($event)\"\n      [meridian]=\"meridian\"\n    ></ngb-timepicker>\n  ",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        viewProviders: [
-                            {
-                                provide: i2$1.ControlContainer,
-                                useFactory: selfFactory,
-                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-                            },
-                            {
-                                provide: i2.NgbDateAdapter,
-                                useClass: DateTimeAdapter,
-                            },
-                            {
-                                provide: i2.NgbTimeAdapter,
-                                useClass: DateTimeAdapter,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { prop: [{
-                    type: i0.Input
-                }], meridian: [{
-                    type: i0.Input
-                }], date: [{
-                    type: i0.ViewChild,
-                    args: [i2.NgbInputDatepicker]
-                }], time: [{
-                    type: i0.ViewChild,
-                    args: [i2.NgbTimepicker]
+    var DateTimePickerComponent = /** @class */ (function () {
+        function DateTimePickerComponent(cdRef) {
+            this.cdRef = cdRef;
+            this.meridian = false;
+        }
+        DateTimePickerComponent.prototype.setDate = function (datestr) {
+            this.date.writeValue(datestr);
+        };
+        DateTimePickerComponent.prototype.setTime = function (datestr) {
+            this.time.writeValue(datestr);
+        };
+        return DateTimePickerComponent;
+    }());
+    DateTimePickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimePickerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DateTimePickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DateTimePickerComponent, selector: "abp-date-time-picker", inputs: { prop: "prop", meridian: "meridian" }, viewQueries: [{ propertyName: "date", first: true, predicate: i2.NgbInputDatepicker, descendants: true }, { propertyName: "time", first: true, predicate: i2.NgbTimepicker, descendants: true }], exportAs: ["abpDateTimePicker"], ngImport: i0__namespace, template: "\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setTime($event)\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n    <ngb-timepicker\n      #timepicker\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setDate($event)\"\n      [meridian]=\"meridian\"\n    ></ngb-timepicker>\n  ", isInline: true, components: [{ type: i2__namespace.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }], directives: [{ type: i2__namespace.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i2__namespace$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i6__namespace.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }], viewProviders: [
+            {
+                provide: i2$1.ControlContainer,
+                useFactory: selfFactory,
+                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+            },
+            {
+                provide: i2.NgbDateAdapter,
+                useClass: DateTimeAdapter,
+            },
+            {
+                provide: i2.NgbTimeAdapter,
+                useClass: DateTimeAdapter,
+            },
+        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateTimePickerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        exportAs: 'abpDateTimePicker',
+                        selector: 'abp-date-time-picker',
+                        template: "\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setTime($event)\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n    <ngb-timepicker\n      #timepicker\n      [formControlName]=\"prop.name\"\n      (ngModelChange)=\"setDate($event)\"\n      [meridian]=\"meridian\"\n    ></ngb-timepicker>\n  ",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        viewProviders: [
+                            {
+                                provide: i2$1.ControlContainer,
+                                useFactory: selfFactory,
+                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+                            },
+                            {
+                                provide: i2.NgbDateAdapter,
+                                useClass: DateTimeAdapter,
+                            },
+                            {
+                                provide: i2.NgbTimeAdapter,
+                                useClass: DateTimeAdapter,
+                            },
+                        ],
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { prop: [{
+                    type: i0.Input
+                }], meridian: [{
+                    type: i0.Input
+                }], date: [{
+                    type: i0.ViewChild,
+                    args: [i2.NgbInputDatepicker]
+                }], time: [{
+                    type: i0.ViewChild,
+                    args: [i2.NgbTimepicker]
                 }] } });
 
     var EXTRA_PROPERTIES_KEY = 'extraProperties';
 
-    var TYPEAHEAD_TEXT_SUFFIX = '_Text';
-    var TYPEAHEAD_TEXT_SUFFIX_REGEX = /_Text$/;
-    function createTypeaheadOptions(lookup) {
-        return function (data, searchText) {
-            var _a;
-            return searchText && data
-                ? data
-                    .getInjected(i1.RestService)
-                    .request({
-                    method: 'GET',
-                    url: lookup.url || '',
-                    params: (_a = {},
-                        _a[lookup.filterParamName || ''] = searchText,
-                        _a),
-                }, { apiName: 'Default' })
-                    .pipe(operators.map(function (response) {
-                    var list = response[lookup.resultListPropertyName || ''];
-                    var mapToOption = function (item) { return ({
-                        key: item[lookup.displayPropertyName || ''],
-                        value: item[lookup.valuePropertyName || ''],
-                    }); };
-                    return list.map(mapToOption);
-                }))
-                : rxjs.of([]);
-        };
-    }
-    function getTypeaheadType(lookup, name) {
-        return Boolean(lookup.url)
-            ? "typeahead" /* Typeahead */
-            : name.endsWith(TYPEAHEAD_TEXT_SUFFIX)
-                ? "hidden" /* Hidden */
-                : undefined;
-    }
-    function createTypeaheadDisplayNameGenerator(displayNameGeneratorFn, properties) {
-        return function (displayName, fallback) {
-            var name = removeTypeaheadTextSuffix(fallback.name || '');
-            return displayNameGeneratorFn(displayName || properties[name].displayName, {
-                name: name,
-                resource: fallback.resource,
-            });
-        };
-    }
-    function addTypeaheadTextSuffix(name) {
-        return name + TYPEAHEAD_TEXT_SUFFIX;
-    }
-    function hasTypeaheadTextSuffix(name) {
-        return TYPEAHEAD_TEXT_SUFFIX_REGEX.test(name);
-    }
-    function removeTypeaheadTextSuffix(name) {
-        return name.replace(TYPEAHEAD_TEXT_SUFFIX_REGEX, '');
+    var TYPEAHEAD_TEXT_SUFFIX = '_Text';
+    var TYPEAHEAD_TEXT_SUFFIX_REGEX = /_Text$/;
+    function createTypeaheadOptions(lookup) {
+        return function (data, searchText) {
+            var _a;
+            return searchText && data
+                ? data
+                    .getInjected(i1.RestService)
+                    .request({
+                    method: 'GET',
+                    url: lookup.url || '',
+                    params: (_a = {},
+                        _a[lookup.filterParamName || ''] = searchText,
+                        _a),
+                }, { apiName: 'Default' })
+                    .pipe(operators.map(function (response) {
+                    var list = response[lookup.resultListPropertyName || ''];
+                    var mapToOption = function (item) { return ({
+                        key: item[lookup.displayPropertyName || ''],
+                        value: item[lookup.valuePropertyName || ''],
+                    }); };
+                    return list.map(mapToOption);
+                }))
+                : rxjs.of([]);
+        };
+    }
+    function getTypeaheadType(lookup, name) {
+        return Boolean(lookup.url)
+            ? "typeahead" /* Typeahead */
+            : name.endsWith(TYPEAHEAD_TEXT_SUFFIX)
+                ? "hidden" /* Hidden */
+                : undefined;
+    }
+    function createTypeaheadDisplayNameGenerator(displayNameGeneratorFn, properties) {
+        return function (displayName, fallback) {
+            var name = removeTypeaheadTextSuffix(fallback.name || '');
+            return displayNameGeneratorFn(displayName || properties[name].displayName, {
+                name: name,
+                resource: fallback.resource,
+            });
+        };
+    }
+    function addTypeaheadTextSuffix(name) {
+        return name + TYPEAHEAD_TEXT_SUFFIX;
+    }
+    function hasTypeaheadTextSuffix(name) {
+        return TYPEAHEAD_TEXT_SUFFIX_REGEX.test(name);
+    }
+    function removeTypeaheadTextSuffix(name) {
+        return name.replace(TYPEAHEAD_TEXT_SUFFIX_REGEX, '');
     }
 
-    var DisabledDirective = /** @class */ (function () {
-        function DisabledDirective(ngControl) {
-            this.ngControl = ngControl;
-            this.abpDisabled = false;
-        }
-        // Related issue: https://github.com/angular/angular/issues/35330
-        DisabledDirective.prototype.ngOnChanges = function (_a) {
-            var abpDisabled = _a.abpDisabled;
-            if (this.ngControl.control && abpDisabled) {
-                this.ngControl.control[abpDisabled.currentValue ? 'disable' : 'enable']();
-            }
-        };
-        return DisabledDirective;
-    }());
-    DisabledDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DisabledDirective, deps: [{ token: i2__namespace$1.NgControl, host: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    DisabledDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: DisabledDirective, selector: "[abpDisabled]", inputs: { abpDisabled: "abpDisabled" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DisabledDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[abpDisabled]',
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i2__namespace$1.NgControl, decorators: [{
-                            type: i0.Host
-                        }] }];
-        }, propDecorators: { abpDisabled: [{
-                    type: i0.Input
+    var DisabledDirective = /** @class */ (function () {
+        function DisabledDirective(ngControl) {
+            this.ngControl = ngControl;
+            this.abpDisabled = false;
+        }
+        // Related issue: https://github.com/angular/angular/issues/35330
+        DisabledDirective.prototype.ngOnChanges = function (_a) {
+            var abpDisabled = _a.abpDisabled;
+            if (this.ngControl.control && abpDisabled) {
+                this.ngControl.control[abpDisabled.currentValue ? 'disable' : 'enable']();
+            }
+        };
+        return DisabledDirective;
+    }());
+    DisabledDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DisabledDirective, deps: [{ token: i2__namespace$1.NgControl, host: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    DisabledDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: DisabledDirective, selector: "[abpDisabled]", inputs: { abpDisabled: "abpDisabled" }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DisabledDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[abpDisabled]',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i2__namespace$1.NgControl, decorators: [{
+                            type: i0.Host
+                        }] }];
+        }, propDecorators: { abpDisabled: [{
+                    type: i0.Input
                 }] } });
 
-    var ExtensibleFormPropComponent = /** @class */ (function () {
-        function ExtensibleFormPropComponent(cdRef, track, configState, groupDirective) {
-            var _this = this;
-            this.cdRef = cdRef;
-            this.track = track;
-            this.configState = configState;
-            this.asterisk = '';
-            this.options$ = rxjs.of([]);
-            this.validators = [];
-            this.search = function (text$) { return text$
-                ? text$.pipe(operators.debounceTime(300), operators.distinctUntilChanged(), operators.switchMap(function (text) { return _this.prop.options(_this.data, text); }))
-                : rxjs.of([]); };
-            this.typeaheadFormatter = function (option) { return option.key; };
-            this.form = groupDirective.form;
-        }
-        ExtensibleFormPropComponent.prototype.setTypeaheadValue = function (selectedOption) {
-            this.typeaheadModel = selectedOption || { key: null, value: null };
-            var _a = this.typeaheadModel, key = _a.key, value = _a.value;
-            var _b = __read(this.getTypeaheadControls(), 2), keyControl = _b[0], valueControl = _b[1];
-            if ((valueControl === null || valueControl === void 0 ? void 0 : valueControl.value) && !value)
-                valueControl.markAsDirty();
-            keyControl === null || keyControl === void 0 ? void 0 : keyControl.setValue(key);
-            valueControl === null || valueControl === void 0 ? void 0 : valueControl.setValue(value);
-        };
-        Object.defineProperty(ExtensibleFormPropComponent.prototype, "meridian", {
-            get: function () {
-                return (this.configState.getDeep('localization.currentCulture.dateTimeFormat.shortTimePattern') || '').includes('tt');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ExtensibleFormPropComponent.prototype, "isInvalid", {
-            get: function () {
-                var control = this.form.get(this.prop.name);
-                return control.touched && control.invalid;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ExtensibleFormPropComponent.prototype.getTypeaheadControls = function () {
-            var name = this.prop.name;
-            var extraPropName = EXTRA_PROPERTIES_KEY + "." + name;
-            var keyControl = this.form.get(addTypeaheadTextSuffix(extraPropName)) ||
-                this.form.get(addTypeaheadTextSuffix(name));
-            var valueControl = this.form.get(extraPropName) || this.form.get(name);
-            return [keyControl, valueControl];
-        };
-        ExtensibleFormPropComponent.prototype.setAsterisk = function () {
-            this.asterisk = this.validators.some(isRequired) ? '*' : '';
-        };
-        ExtensibleFormPropComponent.prototype.ngAfterViewInit = function () {
-            if (this.first && this.fieldRef) {
-                this.fieldRef.nativeElement.focus();
-            }
-        };
-        ExtensibleFormPropComponent.prototype.getComponent = function (prop) {
-            switch (prop.type) {
-                case "boolean" /* Boolean */:
-                    return 'checkbox';
-                case "date" /* Date */:
-                    return 'date';
-                case "dateTime" /* DateTime */:
-                    return 'dateTime';
-                case "hidden" /* Hidden */:
-                    return 'hidden';
-                case "multiselect" /* MultiSelect */:
-                    return 'multiselect';
-                case "text" /* Text */:
-                    return 'textarea';
-                case "time" /* Time */:
-                    return 'time';
-                case "typeahead" /* Typeahead */:
-                    return 'typeahead';
-                default:
-                    return prop.options ? 'select' : 'input';
-            }
-        };
-        ExtensibleFormPropComponent.prototype.getType = function (prop) {
-            switch (prop.type) {
-                case "date" /* Date */:
-                case "string" /* String */:
-                    return 'text';
-                case "boolean" /* Boolean */:
-                    return 'checkbox';
-                case "number" /* Number */:
-                    return 'number';
-                case "email" /* Email */:
-                    return 'email';
-                case "password" /* Password */:
-                    return 'password';
-                default:
-                    return 'hidden';
-            }
-        };
-        ExtensibleFormPropComponent.prototype.ngOnChanges = function (_a) {
-            var prop = _a.prop;
-            var currentProp = prop === null || prop === void 0 ? void 0 : prop.currentValue;
-            var _b = currentProp || {}, options = _b.options, readonly = _b.readonly, disabled = _b.disabled, validators = _b.validators;
-            if (options)
-                this.options$ = options(this.data);
-            if (readonly)
-                this.readonly = readonly(this.data);
-            if (disabled)
-                this.disabled = disabled(this.data);
-            if (validators) {
-                this.validators = validators(this.data);
-                this.setAsterisk();
-            }
-            var _c = __read(this.getTypeaheadControls(), 2), keyControl = _c[0], valueControl = _c[1];
-            if (keyControl && valueControl)
-                this.typeaheadModel = { key: keyControl.value, value: valueControl.value };
-        };
-        return ExtensibleFormPropComponent;
-    }());
-    ExtensibleFormPropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormPropComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.TrackByService }, { token: i1__namespace.ConfigStateService }, { token: i2__namespace$1.FormGroupDirective }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ExtensibleFormPropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleFormPropComponent, selector: "abp-extensible-form-prop", inputs: { data: "data", prop: "prop", first: "first" }, viewQueries: [{ propertyName: "fieldRef", first: true, predicate: ["field"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"mb-3 form-group\" *abpPermission=\"prop.permission\" [ngSwitch]=\"getComponent(prop)\">\n  <ng-template ngSwitchCase=\"input\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <input\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [autocomplete]=\"prop.autocomplete\"\n      [type]=\"getType(prop)\"\n      [abpDisabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"form-control\"\n    />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"hidden\">\n    <input [formControlName]=\"prop.name\" type=\"hidden\" />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"checkbox\">\n    <div class=\"form-check\" validationTarget>\n      <input\n        #field\n        [id]=\"prop.id\"\n        [formControlName]=\"prop.name\"\n        [abpDisabled]=\"disabled\"\n        type=\"checkbox\"\n        class=\"form-check-input\"\n      />\n      <ng-template\n        [ngTemplateOutlet]=\"label\"\n        [ngTemplateOutletContext]=\"{ $implicit: 'form-check-label' }\"\n      ></ng-template>\n    </div>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"select\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <select\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      class=\"form-select form-control\"\n    >\n      <option\n        *ngFor=\"let option of options$ | async; trackBy: track.by('value')\"\n        [ngValue]=\"option.value\"\n      >\n        {{ option.key }}\n      </option>\n    </select>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"multiselect\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <select\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      multiple=\"multiple\"\n      class=\"form-select form-control\"\n    >\n      <option\n        *ngFor=\"let option of options$ | async; trackBy: track.by('value')\"\n        [ngValue]=\"option.value\"\n      >\n        {{ option.key }}\n      </option>\n    </select>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"typeahead\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <div #typeahead class=\"position-relative\" validationStyle validationTarget>\n      <input\n        #field\n        [id]=\"prop.id\"\n        [autocomplete]=\"prop.autocomplete\"\n        [abpDisabled]=\"disabled\"\n        [ngbTypeahead]=\"search\"\n        [editable]=\"false\"\n        [inputFormatter]=\"typeaheadFormatter\"\n        [resultFormatter]=\"typeaheadFormatter\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [(ngModel)]=\"typeaheadModel\"\n        (selectItem)=\"setTypeaheadValue($event.item)\"\n        (blur)=\"setTypeaheadValue(typeaheadModel)\"\n        [class.is-invalid]=\"typeahead.classList.contains('is-invalid')\"\n        class=\"form-control\"\n      />\n      <input [formControlName]=\"prop.name\" type=\"hidden\" />\n    </div>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"date\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"time\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <ngb-timepicker [formControlName]=\"prop.name\"></ngb-timepicker>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"dateTime\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <abp-date-time-picker [prop]=\"prop\" [meridian]=\"meridian\"></abp-date-time-picker>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"textarea\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <textarea\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"form-control\"\n    ></textarea>\n  </ng-template>\n</div>\n\n<ng-template #label let-classes>\n  <label [htmlFor]=\"prop.id\" [ngClass]=\"classes || 'form-label'\"\n    >{{ prop.displayName | abpLocalization }} {{ asterisk }}</label\n  >\n</ng-template>\n", components: [{ type: i2__namespace.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }, { type: DateTimePickerComponent, selector: "abp-date-time-picker", inputs: ["prop", "meridian"], exportAs: ["abpDateTimePicker"] }], directives: [{ type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i6__namespace.ValidationDirective, selector: "[formControl],[formControlName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }, { type: DisabledDirective, selector: "[abpDisabled]", inputs: ["abpDisabled"] }, { type: i6__namespace.ValidationTargetDirective, selector: "[validationTarget]" }, { type: i2__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { type: i6__namespace.ValidationStyleDirective, selector: "[validationStyle]" }, { type: i2__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i5__namespace.AsyncPipe, "abpLocalization": i1__namespace.LocalizationPipe }, viewProviders: [
-            {
-                provide: i2$1.ControlContainer,
-                useFactory: selfFactory,
-                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-            },
-            { provide: i2.NgbDateAdapter, useClass: DateAdapter },
-            { provide: i2.NgbTimeAdapter, useClass: TimeAdapter },
-        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormPropComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'abp-extensible-form-prop',
-                        templateUrl: './extensible-form-prop.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        viewProviders: [
-                            {
-                                provide: i2$1.ControlContainer,
-                                useFactory: selfFactory,
-                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-                            },
-                            { provide: i2.NgbDateAdapter, useClass: DateAdapter },
-                            { provide: i2.NgbTimeAdapter, useClass: TimeAdapter },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.TrackByService }, { type: i1__namespace.ConfigStateService }, { type: i2__namespace$1.FormGroupDirective }]; }, propDecorators: { data: [{
-                    type: i0.Input
-                }], prop: [{
-                    type: i0.Input
-                }], first: [{
-                    type: i0.Input
-                }], fieldRef: [{
-                    type: i0.ViewChild,
-                    args: ['field']
-                }] } });
-    function isRequired(validator) {
-        return validator === i2$1.Validators.required || validator === i1.AbpValidators.required;
+    var ExtensibleFormPropComponent = /** @class */ (function () {
+        function ExtensibleFormPropComponent(cdRef, track, configState, groupDirective) {
+            var _this = this;
+            this.cdRef = cdRef;
+            this.track = track;
+            this.configState = configState;
+            this.asterisk = '';
+            this.options$ = rxjs.of([]);
+            this.validators = [];
+            this.search = function (text$) { return text$
+                ? text$.pipe(operators.debounceTime(300), operators.distinctUntilChanged(), operators.switchMap(function (text) { return _this.prop.options(_this.data, text); }))
+                : rxjs.of([]); };
+            this.typeaheadFormatter = function (option) { return option.key; };
+            this.form = groupDirective.form;
+        }
+        ExtensibleFormPropComponent.prototype.setTypeaheadValue = function (selectedOption) {
+            this.typeaheadModel = selectedOption || { key: null, value: null };
+            var _a = this.typeaheadModel, key = _a.key, value = _a.value;
+            var _b = __read(this.getTypeaheadControls(), 2), keyControl = _b[0], valueControl = _b[1];
+            if ((valueControl === null || valueControl === void 0 ? void 0 : valueControl.value) && !value)
+                valueControl.markAsDirty();
+            keyControl === null || keyControl === void 0 ? void 0 : keyControl.setValue(key);
+            valueControl === null || valueControl === void 0 ? void 0 : valueControl.setValue(value);
+        };
+        Object.defineProperty(ExtensibleFormPropComponent.prototype, "meridian", {
+            get: function () {
+                return (this.configState.getDeep('localization.currentCulture.dateTimeFormat.shortTimePattern') || '').includes('tt');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ExtensibleFormPropComponent.prototype, "isInvalid", {
+            get: function () {
+                var control = this.form.get(this.prop.name);
+                return control.touched && control.invalid;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ExtensibleFormPropComponent.prototype.getTypeaheadControls = function () {
+            var name = this.prop.name;
+            var extraPropName = EXTRA_PROPERTIES_KEY + "." + name;
+            var keyControl = this.form.get(addTypeaheadTextSuffix(extraPropName)) ||
+                this.form.get(addTypeaheadTextSuffix(name));
+            var valueControl = this.form.get(extraPropName) || this.form.get(name);
+            return [keyControl, valueControl];
+        };
+        ExtensibleFormPropComponent.prototype.setAsterisk = function () {
+            this.asterisk = this.validators.some(isRequired) ? '*' : '';
+        };
+        ExtensibleFormPropComponent.prototype.ngAfterViewInit = function () {
+            if (this.first && this.fieldRef) {
+                this.fieldRef.nativeElement.focus();
+            }
+        };
+        ExtensibleFormPropComponent.prototype.getComponent = function (prop) {
+            switch (prop.type) {
+                case "boolean" /* Boolean */:
+                    return 'checkbox';
+                case "date" /* Date */:
+                    return 'date';
+                case "dateTime" /* DateTime */:
+                    return 'dateTime';
+                case "hidden" /* Hidden */:
+                    return 'hidden';
+                case "multiselect" /* MultiSelect */:
+                    return 'multiselect';
+                case "text" /* Text */:
+                    return 'textarea';
+                case "time" /* Time */:
+                    return 'time';
+                case "typeahead" /* Typeahead */:
+                    return 'typeahead';
+                default:
+                    return prop.options ? 'select' : 'input';
+            }
+        };
+        ExtensibleFormPropComponent.prototype.getType = function (prop) {
+            switch (prop.type) {
+                case "date" /* Date */:
+                case "string" /* String */:
+                    return 'text';
+                case "boolean" /* Boolean */:
+                    return 'checkbox';
+                case "number" /* Number */:
+                    return 'number';
+                case "email" /* Email */:
+                    return 'email';
+                case "password" /* Password */:
+                    return 'password';
+                default:
+                    return 'hidden';
+            }
+        };
+        ExtensibleFormPropComponent.prototype.ngOnChanges = function (_a) {
+            var prop = _a.prop;
+            var currentProp = prop === null || prop === void 0 ? void 0 : prop.currentValue;
+            var _b = currentProp || {}, options = _b.options, readonly = _b.readonly, disabled = _b.disabled, validators = _b.validators;
+            if (options)
+                this.options$ = options(this.data);
+            if (readonly)
+                this.readonly = readonly(this.data);
+            if (disabled)
+                this.disabled = disabled(this.data);
+            if (validators) {
+                this.validators = validators(this.data);
+                this.setAsterisk();
+            }
+            var _c = __read(this.getTypeaheadControls(), 2), keyControl = _c[0], valueControl = _c[1];
+            if (keyControl && valueControl)
+                this.typeaheadModel = { key: keyControl.value, value: valueControl.value };
+        };
+        return ExtensibleFormPropComponent;
+    }());
+    ExtensibleFormPropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormPropComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.TrackByService }, { token: i1__namespace.ConfigStateService }, { token: i2__namespace$1.FormGroupDirective }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ExtensibleFormPropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleFormPropComponent, selector: "abp-extensible-form-prop", inputs: { data: "data", prop: "prop", first: "first" }, viewQueries: [{ propertyName: "fieldRef", first: true, predicate: ["field"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"mb-3 form-group\" *abpPermission=\"prop.permission\" [ngSwitch]=\"getComponent(prop)\">\n  <ng-template ngSwitchCase=\"input\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <input\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [autocomplete]=\"prop.autocomplete\"\n      [type]=\"getType(prop)\"\n      [abpDisabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"form-control\"\n    />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"hidden\">\n    <input [formControlName]=\"prop.name\" type=\"hidden\" />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"checkbox\">\n    <div class=\"form-check\" validationTarget>\n      <input\n        #field\n        [id]=\"prop.id\"\n        [formControlName]=\"prop.name\"\n        [abpDisabled]=\"disabled\"\n        type=\"checkbox\"\n        class=\"form-check-input\"\n      />\n      <ng-template\n        [ngTemplateOutlet]=\"label\"\n        [ngTemplateOutletContext]=\"{ $implicit: 'form-check-label' }\"\n      ></ng-template>\n    </div>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"select\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <select\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      class=\"form-select form-control\"\n    >\n      <option\n        *ngFor=\"let option of options$ | async; trackBy: track.by('value')\"\n        [ngValue]=\"option.value\"\n      >\n        {{ option.key }}\n      </option>\n    </select>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"multiselect\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <select\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      multiple=\"multiple\"\n      class=\"form-select form-control\"\n    >\n      <option\n        *ngFor=\"let option of options$ | async; trackBy: track.by('value')\"\n        [ngValue]=\"option.value\"\n      >\n        {{ option.key }}\n      </option>\n    </select>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"typeahead\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <div #typeahead class=\"position-relative\" validationStyle validationTarget>\n      <input\n        #field\n        [id]=\"prop.id\"\n        [autocomplete]=\"prop.autocomplete\"\n        [abpDisabled]=\"disabled\"\n        [ngbTypeahead]=\"search\"\n        [editable]=\"false\"\n        [inputFormatter]=\"typeaheadFormatter\"\n        [resultFormatter]=\"typeaheadFormatter\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [(ngModel)]=\"typeaheadModel\"\n        (selectItem)=\"setTypeaheadValue($event.item)\"\n        (blur)=\"setTypeaheadValue(typeaheadModel)\"\n        [class.is-invalid]=\"typeahead.classList.contains('is-invalid')\"\n        class=\"form-control\"\n      />\n      <input [formControlName]=\"prop.name\" type=\"hidden\" />\n    </div>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"date\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <input\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      (click)=\"datepicker.open()\"\n      (keyup.space)=\"datepicker.open()\"\n      ngbDatepicker\n      #datepicker=\"ngbDatepicker\"\n      type=\"text\"\n      class=\"form-control\"\n    />\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"time\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <ngb-timepicker [formControlName]=\"prop.name\"></ngb-timepicker>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"dateTime\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <abp-date-time-picker [prop]=\"prop\" [meridian]=\"meridian\"></abp-date-time-picker>\n  </ng-template>\n\n  <ng-template ngSwitchCase=\"textarea\">\n    <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\n    <textarea\n      #field\n      [id]=\"prop.id\"\n      [formControlName]=\"prop.name\"\n      [abpDisabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"form-control\"\n    ></textarea>\n  </ng-template>\n</div>\n\n<ng-template #label let-classes>\n  <label [htmlFor]=\"prop.id\" [ngClass]=\"classes || 'form-label'\"\n    >{{ prop.displayName | abpLocalization }} {{ asterisk }}</label\n  >\n</ng-template>\n", components: [{ type: i2__namespace.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }, { type: DateTimePickerComponent, selector: "abp-date-time-picker", inputs: ["prop", "meridian"], exportAs: ["abpDateTimePicker"] }], directives: [{ type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i6__namespace.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { type: DisabledDirective, selector: "[abpDisabled]", inputs: ["abpDisabled"] }, { type: i6__namespace.ValidationTargetDirective, selector: "[validationTarget]", exportAs: ["validationTarget"] }, { type: i2__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { type: i6__namespace.ValidationStyleDirective, selector: "[validationStyle]", exportAs: ["validationStyle"] }, { type: i2__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i5__namespace.AsyncPipe, "abpLocalization": i1__namespace.LocalizationPipe }, viewProviders: [
+            {
+                provide: i2$1.ControlContainer,
+                useFactory: selfFactory,
+                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+            },
+            { provide: i2.NgbDateAdapter, useClass: DateAdapter },
+            { provide: i2.NgbTimeAdapter, useClass: TimeAdapter },
+        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormPropComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-extensible-form-prop',
+                        templateUrl: './extensible-form-prop.component.html',
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        viewProviders: [
+                            {
+                                provide: i2$1.ControlContainer,
+                                useFactory: selfFactory,
+                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+                            },
+                            { provide: i2.NgbDateAdapter, useClass: DateAdapter },
+                            { provide: i2.NgbTimeAdapter, useClass: TimeAdapter },
+                        ],
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.TrackByService }, { type: i1__namespace.ConfigStateService }, { type: i2__namespace$1.FormGroupDirective }]; }, propDecorators: { data: [{
+                    type: i0.Input
+                }], prop: [{
+                    type: i0.Input
+                }], first: [{
+                    type: i0.Input
+                }], fieldRef: [{
+                    type: i0.ViewChild,
+                    args: ['field']
+                }] } });
+    function isRequired(validator) {
+        return validator === i2$1.Validators.required || validator === i1.AbpValidators.required;
     }
 
-    var EXTENSIONS_IDENTIFIER = new i0.InjectionToken('EXTENSIONS_IDENTIFIER');
-    var EXTENSIONS_ACTION_TYPE = new i0.InjectionToken('EXTENSIONS_ACTION_TYPE');
-    var EXTENSIONS_ACTION_DATA = new i0.InjectionToken('EXTENSIONS_ACTION_DATA');
-    var EXTENSIONS_ACTION_CALLBACK = new i0.InjectionToken('EXTENSIONS_ACTION_DATA');
+    var EXTENSIONS_IDENTIFIER = new i0.InjectionToken('EXTENSIONS_IDENTIFIER');
+    var EXTENSIONS_ACTION_TYPE = new i0.InjectionToken('EXTENSIONS_ACTION_TYPE');
+    var EXTENSIONS_ACTION_DATA = new i0.InjectionToken('EXTENSIONS_ACTION_DATA');
+    var EXTENSIONS_ACTION_CALLBACK = new i0.InjectionToken('EXTENSIONS_ACTION_DATA');
     var PROP_DATA_STREAM = new i0.InjectionToken('PROP_DATA_STREAM');
 
-    var ActionList = /** @class */ (function (_super) {
-        __extends(ActionList, _super);
-        function ActionList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ActionList;
-    }(utils.LinkedList));
-    var ActionData = /** @class */ (function () {
-        function ActionData() {
-        }
-        Object.defineProperty(ActionData.prototype, "data", {
-            get: function () {
-                return {
-                    getInjected: this.getInjected,
-                    index: this.index,
-                    record: this.record,
-                };
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ActionData;
-    }());
-    var Action = /** @class */ (function () {
-        function Action(permission, visible, action) {
-            if (visible === void 0) { visible = function (_) { return true; }; }
-            if (action === void 0) { action = function (_) { }; }
-            this.permission = permission;
-            this.visible = visible;
-            this.action = action;
-        }
-        return Action;
-    }());
-    var ActionsFactory = /** @class */ (function () {
-        function ActionsFactory() {
-            this.contributorCallbacks = {};
-        }
-        ActionsFactory.prototype.get = function (name) {
-            this.contributorCallbacks[name] = this.contributorCallbacks[name] || [];
-            return new this._ctor(this.contributorCallbacks[name]);
-        };
-        return ActionsFactory;
-    }());
-    var Actions = /** @class */ (function () {
-        function Actions(callbackList) {
-            this.callbackList = callbackList;
-        }
-        Object.defineProperty(Actions.prototype, "actions", {
-            get: function () {
-                var actionList = new this._ctor();
-                this.callbackList.forEach(function (callback) { return callback(actionList); });
-                return actionList;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Actions.prototype.addContributor = function (contributeCallback) {
-            this.callbackList.push(contributeCallback);
-        };
-        Actions.prototype.clearContributors = function () {
-            while (this.callbackList.length)
-                this.callbackList.pop();
-        };
-        return Actions;
+    var ActionList = /** @class */ (function (_super) {
+        __extends(ActionList, _super);
+        function ActionList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return ActionList;
+    }(utils.LinkedList));
+    var ActionData = /** @class */ (function () {
+        function ActionData() {
+        }
+        Object.defineProperty(ActionData.prototype, "data", {
+            get: function () {
+                return {
+                    getInjected: this.getInjected,
+                    index: this.index,
+                    record: this.record,
+                };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ActionData;
+    }());
+    var Action = /** @class */ (function () {
+        function Action(permission, visible, action) {
+            if (visible === void 0) { visible = function (_) { return true; }; }
+            if (action === void 0) { action = function (_) { }; }
+            this.permission = permission;
+            this.visible = visible;
+            this.action = action;
+        }
+        return Action;
+    }());
+    var ActionsFactory = /** @class */ (function () {
+        function ActionsFactory() {
+            this.contributorCallbacks = {};
+        }
+        ActionsFactory.prototype.get = function (name) {
+            this.contributorCallbacks[name] = this.contributorCallbacks[name] || [];
+            return new this._ctor(this.contributorCallbacks[name]);
+        };
+        return ActionsFactory;
+    }());
+    var Actions = /** @class */ (function () {
+        function Actions(callbackList) {
+            this.callbackList = callbackList;
+        }
+        Object.defineProperty(Actions.prototype, "actions", {
+            get: function () {
+                var actionList = new this._ctor();
+                this.callbackList.forEach(function (callback) { return callback(actionList); });
+                return actionList;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Actions.prototype.addContributor = function (contributeCallback) {
+            this.callbackList.push(contributeCallback);
+        };
+        Actions.prototype.clearContributors = function () {
+            while (this.callbackList.length)
+                this.callbackList.pop();
+        };
+        return Actions;
     }());
 
-    var EntityActionList = /** @class */ (function (_super) {
-        __extends(EntityActionList, _super);
-        function EntityActionList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return EntityActionList;
-    }(ActionList));
-    var EntityActions = /** @class */ (function (_super) {
-        __extends(EntityActions, _super);
-        function EntityActions() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = EntityActionList;
-            return _this;
-        }
-        return EntityActions;
-    }(Actions));
-    var EntityActionsFactory = /** @class */ (function (_super) {
-        __extends(EntityActionsFactory, _super);
-        function EntityActionsFactory() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = EntityActions;
-            return _this;
-        }
-        return EntityActionsFactory;
-    }(ActionsFactory));
-    var EntityAction = /** @class */ (function (_super) {
-        __extends(EntityAction, _super);
-        function EntityAction(options) {
-            var _this = _super.call(this, options.permission, options.visible, options.action) || this;
-            _this.text = options.text;
-            _this.icon = options.icon || '';
-            return _this;
-        }
-        EntityAction.create = function (options) {
-            return new EntityAction(options);
-        };
-        EntityAction.createMany = function (arrayOfOptions) {
-            return arrayOfOptions.map(EntityAction.create);
-        };
-        return EntityAction;
+    var EntityActionList = /** @class */ (function (_super) {
+        __extends(EntityActionList, _super);
+        function EntityActionList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return EntityActionList;
+    }(ActionList));
+    var EntityActions = /** @class */ (function (_super) {
+        __extends(EntityActions, _super);
+        function EntityActions() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = EntityActionList;
+            return _this;
+        }
+        return EntityActions;
+    }(Actions));
+    var EntityActionsFactory = /** @class */ (function (_super) {
+        __extends(EntityActionsFactory, _super);
+        function EntityActionsFactory() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = EntityActions;
+            return _this;
+        }
+        return EntityActionsFactory;
+    }(ActionsFactory));
+    var EntityAction = /** @class */ (function (_super) {
+        __extends(EntityAction, _super);
+        function EntityAction(options) {
+            var _this = _super.call(this, options.permission, options.visible, options.action) || this;
+            _this.text = options.text;
+            _this.icon = options.icon || '';
+            return _this;
+        }
+        EntityAction.create = function (options) {
+            return new EntityAction(options);
+        };
+        EntityAction.createMany = function (arrayOfOptions) {
+            return arrayOfOptions.map(EntityAction.create);
+        };
+        return EntityAction;
     }(Action));
 
-    var PropList = /** @class */ (function (_super) {
-        __extends(PropList, _super);
-        function PropList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return PropList;
-    }(utils.LinkedList));
-    var PropData = /** @class */ (function () {
-        function PropData() {
-        }
-        Object.defineProperty(PropData.prototype, "data", {
-            get: function () {
-                return {
-                    getInjected: this.getInjected,
-                    index: this.index,
-                    record: this.record,
-                };
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return PropData;
-    }());
-    var Prop = /** @class */ (function () {
-        function Prop(type, name, displayName, permission, visible, isExtra) {
-            if (visible === void 0) { visible = function (_) { return true; }; }
-            if (isExtra === void 0) { isExtra = false; }
-            this.type = type;
-            this.name = name;
-            this.displayName = displayName;
-            this.permission = permission;
-            this.visible = visible;
-            this.isExtra = isExtra;
-            this.displayName = this.displayName || this.name;
-        }
-        return Prop;
-    }());
-    var PropsFactory = /** @class */ (function () {
-        function PropsFactory() {
-            this.contributorCallbacks = {};
-        }
-        PropsFactory.prototype.get = function (name) {
-            this.contributorCallbacks[name] = this.contributorCallbacks[name] || [];
-            return new this._ctor(this.contributorCallbacks[name]);
-        };
-        return PropsFactory;
-    }());
-    var Props = /** @class */ (function () {
-        function Props(callbackList) {
-            this.callbackList = callbackList;
-        }
-        Object.defineProperty(Props.prototype, "props", {
-            get: function () {
-                var propList = new this._ctor();
-                this.callbackList.forEach(function (callback) { return callback(propList); });
-                return propList;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Props.prototype.addContributor = function (contributeCallback) {
-            this.callbackList.push(contributeCallback);
-        };
-        Props.prototype.clearContributors = function () {
-            while (this.callbackList.length)
-                this.callbackList.pop();
-        };
-        return Props;
+    var PropList = /** @class */ (function (_super) {
+        __extends(PropList, _super);
+        function PropList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return PropList;
+    }(utils.LinkedList));
+    var PropData = /** @class */ (function () {
+        function PropData() {
+        }
+        Object.defineProperty(PropData.prototype, "data", {
+            get: function () {
+                return {
+                    getInjected: this.getInjected,
+                    index: this.index,
+                    record: this.record,
+                };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return PropData;
+    }());
+    var Prop = /** @class */ (function () {
+        function Prop(type, name, displayName, permission, visible, isExtra) {
+            if (visible === void 0) { visible = function (_) { return true; }; }
+            if (isExtra === void 0) { isExtra = false; }
+            this.type = type;
+            this.name = name;
+            this.displayName = displayName;
+            this.permission = permission;
+            this.visible = visible;
+            this.isExtra = isExtra;
+            this.displayName = this.displayName || this.name;
+        }
+        return Prop;
+    }());
+    var PropsFactory = /** @class */ (function () {
+        function PropsFactory() {
+            this.contributorCallbacks = {};
+        }
+        PropsFactory.prototype.get = function (name) {
+            this.contributorCallbacks[name] = this.contributorCallbacks[name] || [];
+            return new this._ctor(this.contributorCallbacks[name]);
+        };
+        return PropsFactory;
+    }());
+    var Props = /** @class */ (function () {
+        function Props(callbackList) {
+            this.callbackList = callbackList;
+        }
+        Object.defineProperty(Props.prototype, "props", {
+            get: function () {
+                var propList = new this._ctor();
+                this.callbackList.forEach(function (callback) { return callback(propList); });
+                return propList;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Props.prototype.addContributor = function (contributeCallback) {
+            this.callbackList.push(contributeCallback);
+        };
+        Props.prototype.clearContributors = function () {
+            while (this.callbackList.length)
+                this.callbackList.pop();
+        };
+        return Props;
     }());
 
-    var EntityPropList = /** @class */ (function (_super) {
-        __extends(EntityPropList, _super);
-        function EntityPropList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return EntityPropList;
-    }(PropList));
-    var EntityProps = /** @class */ (function (_super) {
-        __extends(EntityProps, _super);
-        function EntityProps() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = EntityPropList;
-            return _this;
-        }
-        return EntityProps;
-    }(Props));
-    var EntityPropsFactory = /** @class */ (function (_super) {
-        __extends(EntityPropsFactory, _super);
-        function EntityPropsFactory() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = EntityProps;
-            return _this;
-        }
-        return EntityPropsFactory;
-    }(PropsFactory));
-    var EntityProp = /** @class */ (function (_super) {
-        __extends(EntityProp, _super);
-        function EntityProp(options) {
-            var _this = _super.call(this, options.type, options.name, options.displayName, options.permission, options.visible, options.isExtra) || this;
-            _this.columnWidth = options.columnWidth;
-            _this.sortable = options.sortable || false;
-            _this.valueResolver = options.valueResolver || (function (data) { return rxjs.of(data.record[_this.name]); });
-            _this.action = options.action;
-            _this.component = options.component;
-            _this.enumList = options.enumList;
-            return _this;
-        }
-        EntityProp.create = function (options) {
-            return new EntityProp(options);
-        };
-        EntityProp.createMany = function (arrayOfOptions) {
-            return arrayOfOptions.map(EntityProp.create);
-        };
-        return EntityProp;
+    var EntityPropList = /** @class */ (function (_super) {
+        __extends(EntityPropList, _super);
+        function EntityPropList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return EntityPropList;
+    }(PropList));
+    var EntityProps = /** @class */ (function (_super) {
+        __extends(EntityProps, _super);
+        function EntityProps() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = EntityPropList;
+            return _this;
+        }
+        return EntityProps;
+    }(Props));
+    var EntityPropsFactory = /** @class */ (function (_super) {
+        __extends(EntityPropsFactory, _super);
+        function EntityPropsFactory() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = EntityProps;
+            return _this;
+        }
+        return EntityPropsFactory;
+    }(PropsFactory));
+    var EntityProp = /** @class */ (function (_super) {
+        __extends(EntityProp, _super);
+        function EntityProp(options) {
+            var _this = _super.call(this, options.type, options.name, options.displayName, options.permission, options.visible, options.isExtra) || this;
+            _this.columnWidth = options.columnWidth;
+            _this.sortable = options.sortable || false;
+            _this.valueResolver =
+                options.valueResolver || (function (data) { return rxjs.of(i1.escapeHtmlChars(data.record[_this.name])); });
+            _this.action = options.action;
+            _this.component = options.component;
+            _this.enumList = options.enumList;
+            return _this;
+        }
+        EntityProp.create = function (options) {
+            return new EntityProp(options);
+        };
+        EntityProp.createMany = function (arrayOfOptions) {
+            return arrayOfOptions.map(EntityProp.create);
+        };
+        return EntityProp;
     }(Prop));
 
-    var FormPropList = /** @class */ (function (_super) {
-        __extends(FormPropList, _super);
-        function FormPropList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return FormPropList;
-    }(PropList));
-    var FormProps = /** @class */ (function (_super) {
-        __extends(FormProps, _super);
-        function FormProps() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = FormPropList;
-            return _this;
-        }
-        return FormProps;
-    }(Props));
-    var CreateFormPropsFactory = /** @class */ (function (_super) {
-        __extends(CreateFormPropsFactory, _super);
-        function CreateFormPropsFactory() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = FormProps;
-            return _this;
-        }
-        return CreateFormPropsFactory;
-    }(PropsFactory));
-    var EditFormPropsFactory = /** @class */ (function (_super) {
-        __extends(EditFormPropsFactory, _super);
-        function EditFormPropsFactory() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = FormProps;
-            return _this;
-        }
-        return EditFormPropsFactory;
-    }(PropsFactory));
-    var FormProp = /** @class */ (function (_super) {
-        __extends(FormProp, _super);
-        function FormProp(options) {
-            var _this = _super.call(this, options.type, options.name, options.displayName, options.permission, options.visible, options.isExtra) || this;
-            _this.asyncValidators = options.asyncValidators || (function (_) { return []; });
-            _this.validators = options.validators || (function (_) { return []; });
-            _this.disabled = options.disabled || (function (_) { return false; });
-            _this.readonly = options.readonly || (function (_) { return false; });
-            _this.autocomplete = options.autocomplete || 'off';
-            _this.options = options.options;
-            _this.id = options.id || options.name;
-            var defaultValue = options.defaultValue;
-            _this.defaultValue = isFalsyValue(defaultValue) ? defaultValue : defaultValue || null;
-            return _this;
-        }
-        FormProp.create = function (options) {
-            return new FormProp(options);
-        };
-        FormProp.createMany = function (arrayOfOptions) {
-            return arrayOfOptions.map(FormProp.create);
-        };
-        return FormProp;
-    }(Prop));
-    var FormPropData = /** @class */ (function (_super) {
-        __extends(FormPropData, _super);
-        function FormPropData(injector, record) {
-            var _this = _super.call(this) || this;
-            _this.record = record;
-            _this.getInjected = injector.get.bind(injector);
-            return _this;
-        }
-        return FormPropData;
-    }(PropData));
-    function isFalsyValue(defaultValue) {
-        return [0, '', false].indexOf(defaultValue) > -1;
+    var FormPropList = /** @class */ (function (_super) {
+        __extends(FormPropList, _super);
+        function FormPropList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return FormPropList;
+    }(PropList));
+    var FormProps = /** @class */ (function (_super) {
+        __extends(FormProps, _super);
+        function FormProps() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = FormPropList;
+            return _this;
+        }
+        return FormProps;
+    }(Props));
+    var CreateFormPropsFactory = /** @class */ (function (_super) {
+        __extends(CreateFormPropsFactory, _super);
+        function CreateFormPropsFactory() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = FormProps;
+            return _this;
+        }
+        return CreateFormPropsFactory;
+    }(PropsFactory));
+    var EditFormPropsFactory = /** @class */ (function (_super) {
+        __extends(EditFormPropsFactory, _super);
+        function EditFormPropsFactory() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = FormProps;
+            return _this;
+        }
+        return EditFormPropsFactory;
+    }(PropsFactory));
+    var FormProp = /** @class */ (function (_super) {
+        __extends(FormProp, _super);
+        function FormProp(options) {
+            var _this = _super.call(this, options.type, options.name, options.displayName, options.permission, options.visible, options.isExtra) || this;
+            _this.asyncValidators = options.asyncValidators || (function (_) { return []; });
+            _this.validators = options.validators || (function (_) { return []; });
+            _this.disabled = options.disabled || (function (_) { return false; });
+            _this.readonly = options.readonly || (function (_) { return false; });
+            _this.autocomplete = options.autocomplete || 'off';
+            _this.options = options.options;
+            _this.id = options.id || options.name;
+            var defaultValue = options.defaultValue;
+            _this.defaultValue = isFalsyValue(defaultValue) ? defaultValue : defaultValue || null;
+            return _this;
+        }
+        FormProp.create = function (options) {
+            return new FormProp(options);
+        };
+        FormProp.createMany = function (arrayOfOptions) {
+            return arrayOfOptions.map(FormProp.create);
+        };
+        return FormProp;
+    }(Prop));
+    var FormPropData = /** @class */ (function (_super) {
+        __extends(FormPropData, _super);
+        function FormPropData(injector, record) {
+            var _this = _super.call(this) || this;
+            _this.record = record;
+            _this.getInjected = injector.get.bind(injector);
+            return _this;
+        }
+        return FormPropData;
+    }(PropData));
+    function isFalsyValue(defaultValue) {
+        return [0, '', false].indexOf(defaultValue) > -1;
     }
 
-    var ToolbarActionList = /** @class */ (function (_super) {
-        __extends(ToolbarActionList, _super);
-        function ToolbarActionList() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ToolbarActionList;
-    }(ActionList));
-    var ToolbarActions = /** @class */ (function (_super) {
-        __extends(ToolbarActions, _super);
-        function ToolbarActions() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = ToolbarActionList;
-            return _this;
-        }
-        return ToolbarActions;
-    }(Actions));
-    var ToolbarActionsFactory = /** @class */ (function (_super) {
-        __extends(ToolbarActionsFactory, _super);
-        function ToolbarActionsFactory() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this._ctor = ToolbarActions;
-            return _this;
-        }
-        return ToolbarActionsFactory;
-    }(ActionsFactory));
-    var ToolbarAction = /** @class */ (function (_super) {
-        __extends(ToolbarAction, _super);
-        function ToolbarAction(options) {
-            var _this = _super.call(this, options.permission || '', options.visible, options.action) || this;
-            _this.text = options.text;
-            _this.icon = options.icon || '';
-            return _this;
-        }
-        ToolbarAction.create = function (options) {
-            return new ToolbarAction(options);
-        };
-        ToolbarAction.createMany = function (arrayOfOptions) {
-            return arrayOfOptions.map(ToolbarAction.create);
-        };
-        return ToolbarAction;
-    }(Action));
-    var ToolbarComponent = /** @class */ (function (_super) {
-        __extends(ToolbarComponent, _super);
-        function ToolbarComponent(options) {
-            var _this = _super.call(this, options.permission || '', options.visible, options.action) || this;
-            _this.component = options.component;
-            return _this;
-        }
-        ToolbarComponent.create = function (options) {
-            return new ToolbarComponent(options);
-        };
-        ToolbarComponent.createMany = function (arrayOfOptions) {
-            return arrayOfOptions.map(ToolbarComponent.create);
-        };
-        return ToolbarComponent;
+    var ToolbarActionList = /** @class */ (function (_super) {
+        __extends(ToolbarActionList, _super);
+        function ToolbarActionList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return ToolbarActionList;
+    }(ActionList));
+    var ToolbarActions = /** @class */ (function (_super) {
+        __extends(ToolbarActions, _super);
+        function ToolbarActions() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = ToolbarActionList;
+            return _this;
+        }
+        return ToolbarActions;
+    }(Actions));
+    var ToolbarActionsFactory = /** @class */ (function (_super) {
+        __extends(ToolbarActionsFactory, _super);
+        function ToolbarActionsFactory() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._ctor = ToolbarActions;
+            return _this;
+        }
+        return ToolbarActionsFactory;
+    }(ActionsFactory));
+    var ToolbarAction = /** @class */ (function (_super) {
+        __extends(ToolbarAction, _super);
+        function ToolbarAction(options) {
+            var _this = _super.call(this, options.permission || '', options.visible, options.action) || this;
+            _this.text = options.text;
+            _this.icon = options.icon || '';
+            return _this;
+        }
+        ToolbarAction.create = function (options) {
+            return new ToolbarAction(options);
+        };
+        ToolbarAction.createMany = function (arrayOfOptions) {
+            return arrayOfOptions.map(ToolbarAction.create);
+        };
+        return ToolbarAction;
+    }(Action));
+    var ToolbarComponent = /** @class */ (function (_super) {
+        __extends(ToolbarComponent, _super);
+        function ToolbarComponent(options) {
+            var _this = _super.call(this, options.permission || '', options.visible, options.action) || this;
+            _this.component = options.component;
+            return _this;
+        }
+        ToolbarComponent.create = function (options) {
+            return new ToolbarComponent(options);
+        };
+        ToolbarComponent.createMany = function (arrayOfOptions) {
+            return arrayOfOptions.map(ToolbarComponent.create);
+        };
+        return ToolbarComponent;
     }(Action));
 
-    var ExtensionsService = /** @class */ (function () {
-        function ExtensionsService() {
-            this.entityActions = new EntityActionsFactory();
-            this.toolbarActions = new ToolbarActionsFactory();
-            this.entityProps = new EntityPropsFactory();
-            this.createFormProps = new CreateFormPropsFactory();
-            this.editFormProps = new EditFormPropsFactory();
-        }
-        return ExtensionsService;
-    }());
-    ExtensionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ExtensionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
+    var ExtensionsService = /** @class */ (function () {
+        function ExtensionsService() {
+            this.entityActions = new EntityActionsFactory();
+            this.toolbarActions = new ToolbarActionsFactory();
+            this.entityProps = new EntityPropsFactory();
+            this.createFormProps = new CreateFormPropsFactory();
+            this.editFormProps = new EditFormPropsFactory();
+        }
+        return ExtensionsService;
+    }());
+    ExtensionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ExtensionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensionsService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
             }] });
 
-    var PropDataDirective = /** @class */ (function (_super) {
-        __extends(PropDataDirective, _super);
-        function PropDataDirective(tempRef, vcRef, injector) {
-            var _this = _super.call(this) || this;
-            _this.tempRef = tempRef;
-            _this.vcRef = vcRef;
-            _this.getInjected = injector.get.bind(injector);
-            return _this;
-        }
-        PropDataDirective.prototype.ngOnChanges = function () {
-            this.vcRef.clear();
-            this.vcRef.createEmbeddedView(this.tempRef, {
-                $implicit: this.data,
-                index: 0,
-            });
-        };
-        PropDataDirective.prototype.ngOnDestroy = function () {
-            this.vcRef.clear();
-        };
-        return PropDataDirective;
-    }(PropData));
-    PropDataDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PropDataDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    PropDataDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: PropDataDirective, selector: "[abpPropData]", inputs: { propList: ["abpPropDataFromList", "propList"], record: ["abpPropDataWithRecord", "record"], index: ["abpPropDataAtIndex", "index"] }, exportAs: ["abpPropData"], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PropDataDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        exportAs: 'abpPropData',
-                        selector: '[abpPropData]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.Injector }]; }, propDecorators: { propList: [{
-                    type: i0.Input,
-                    args: ['abpPropDataFromList']
-                }], record: [{
-                    type: i0.Input,
-                    args: ['abpPropDataWithRecord']
-                }], index: [{
-                    type: i0.Input,
-                    args: ['abpPropDataAtIndex']
+    var PropDataDirective = /** @class */ (function (_super) {
+        __extends(PropDataDirective, _super);
+        function PropDataDirective(tempRef, vcRef, injector) {
+            var _this = _super.call(this) || this;
+            _this.tempRef = tempRef;
+            _this.vcRef = vcRef;
+            _this.getInjected = injector.get.bind(injector);
+            return _this;
+        }
+        PropDataDirective.prototype.ngOnChanges = function () {
+            this.vcRef.clear();
+            this.vcRef.createEmbeddedView(this.tempRef, {
+                $implicit: this.data,
+                index: 0,
+            });
+        };
+        PropDataDirective.prototype.ngOnDestroy = function () {
+            this.vcRef.clear();
+        };
+        return PropDataDirective;
+    }(PropData));
+    PropDataDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PropDataDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    PropDataDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: PropDataDirective, selector: "[abpPropData]", inputs: { propList: ["abpPropDataFromList", "propList"], record: ["abpPropDataWithRecord", "record"], index: ["abpPropDataAtIndex", "index"] }, exportAs: ["abpPropData"], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PropDataDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        exportAs: 'abpPropData',
+                        selector: '[abpPropData]',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.Injector }]; }, propDecorators: { propList: [{
+                    type: i0.Input,
+                    args: ['abpPropDataFromList']
+                }], record: [{
+                    type: i0.Input,
+                    args: ['abpPropDataWithRecord']
+                }], index: [{
+                    type: i0.Input,
+                    args: ['abpPropDataAtIndex']
                 }] } });
 
-    var ExtensibleFormComponent = /** @class */ (function () {
-        function ExtensibleFormComponent(cdRef, track, container, extensions, identifier) {
-            this.cdRef = cdRef;
-            this.track = track;
-            this.container = container;
-            this.extensions = extensions;
-            this.identifier = identifier;
-            this.extraPropertiesKey = EXTRA_PROPERTIES_KEY;
-        }
-        Object.defineProperty(ExtensibleFormComponent.prototype, "selectedRecord", {
-            set: function (record) {
-                var type = !record || JSON.stringify(record) === '{}' ? 'create' : 'edit';
-                this.propList = this.extensions[type + "FormProps"].get(this.identifier).props;
-                this.record = record;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ExtensibleFormComponent.prototype, "form", {
-            get: function () {
-                return (this.container ? this.container.control : { controls: {} });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ExtensibleFormComponent.prototype, "extraProperties", {
-            get: function () {
-                return (this.form.controls.extraProperties || { controls: {} });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ExtensibleFormComponent;
-    }());
-    ExtensibleFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.TrackByService }, { token: i2__namespace$1.ControlContainer }, { token: ExtensionsService }, { token: EXTENSIONS_IDENTIFIER }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ExtensibleFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: { selectedRecord: "selectedRecord" }, viewQueries: [{ propertyName: "formProps", predicate: ExtensibleFormPropComponent, descendants: true }], exportAs: ["abpExtensibleForm"], ngImport: i0__namespace, template: "<ng-container *ngIf=\"form\">\n  <ng-container *abpPropData=\"let data; fromList: propList; withRecord: record\">\n    <ng-container *ngFor=\"let prop of propList; let first = first; trackBy: track.by('name')\">\n      <ng-container *ngIf=\"prop.visible(data)\">\n        <ng-container\n          [formGroupName]=\"extraPropertiesKey\"\n          *ngIf=\"extraProperties.controls[prop.name]; else tempDefault\"\n        >\n          <abp-extensible-form-prop [prop]=\"prop\" [data]=\"data\"></abp-extensible-form-prop>\n        </ng-container>\n\n        <ng-template #tempDefault>\n          <abp-extensible-form-prop\n            *ngIf=\"form.get(prop.name)\"\n            [prop]=\"prop\"\n            [data]=\"data\"\n            [first]=\"first\"\n          ></abp-extensible-form-prop>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", components: [{ type: ExtensibleFormPropComponent, selector: "abp-extensible-form-prop", inputs: ["data", "prop", "first"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PropDataDirective, selector: "[abpPropData]", inputs: ["abpPropDataFromList", "abpPropDataWithRecord", "abpPropDataAtIndex"], exportAs: ["abpPropData"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6__namespace.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }], viewProviders: [
-            {
-                provide: i2$1.ControlContainer,
-                useFactory: selfFactory,
-                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-            },
-        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        exportAs: 'abpExtensibleForm',
-                        selector: 'abp-extensible-form',
-                        templateUrl: './extensible-form.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        viewProviders: [
-                            {
-                                provide: i2$1.ControlContainer,
-                                useFactory: selfFactory,
-                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.TrackByService }, { type: i2__namespace$1.ControlContainer }, { type: ExtensionsService }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [EXTENSIONS_IDENTIFIER]
-                        }] }];
-        }, propDecorators: { formProps: [{
-                    type: i0.ViewChildren,
-                    args: [ExtensibleFormPropComponent]
-                }], selectedRecord: [{
-                    type: i0.Input
+    var ExtensibleFormComponent = /** @class */ (function () {
+        function ExtensibleFormComponent(cdRef, track, container, extensions, identifier) {
+            this.cdRef = cdRef;
+            this.track = track;
+            this.container = container;
+            this.extensions = extensions;
+            this.identifier = identifier;
+            this.extraPropertiesKey = EXTRA_PROPERTIES_KEY;
+        }
+        Object.defineProperty(ExtensibleFormComponent.prototype, "selectedRecord", {
+            set: function (record) {
+                var type = !record || JSON.stringify(record) === '{}' ? 'create' : 'edit';
+                this.propList = this.extensions[type + "FormProps"].get(this.identifier).props;
+                this.record = record;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ExtensibleFormComponent.prototype, "form", {
+            get: function () {
+                return (this.container ? this.container.control : { controls: {} });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ExtensibleFormComponent.prototype, "extraProperties", {
+            get: function () {
+                return (this.form.controls.extraProperties || { controls: {} });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ExtensibleFormComponent;
+    }());
+    ExtensibleFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.TrackByService }, { token: i2__namespace$1.ControlContainer }, { token: ExtensionsService }, { token: EXTENSIONS_IDENTIFIER }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ExtensibleFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: { selectedRecord: "selectedRecord" }, viewQueries: [{ propertyName: "formProps", predicate: ExtensibleFormPropComponent, descendants: true }], exportAs: ["abpExtensibleForm"], ngImport: i0__namespace, template: "<ng-container *ngIf=\"form\">\n  <ng-container *abpPropData=\"let data; fromList: propList; withRecord: record\">\n    <ng-container *ngFor=\"let prop of propList; let first = first; trackBy: track.by('name')\">\n      <ng-container *ngIf=\"prop.visible(data)\">\n        <ng-container\n          [formGroupName]=\"extraPropertiesKey\"\n          *ngIf=\"extraProperties.controls[prop.name]; else tempDefault\"\n        >\n          <abp-extensible-form-prop [prop]=\"prop\" [data]=\"data\"></abp-extensible-form-prop>\n        </ng-container>\n\n        <ng-template #tempDefault>\n          <abp-extensible-form-prop\n            *ngIf=\"form.get(prop.name)\"\n            [prop]=\"prop\"\n            [data]=\"data\"\n            [first]=\"first\"\n          ></abp-extensible-form-prop>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", components: [{ type: ExtensibleFormPropComponent, selector: "abp-extensible-form-prop", inputs: ["data", "prop", "first"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PropDataDirective, selector: "[abpPropData]", inputs: ["abpPropDataFromList", "abpPropDataWithRecord", "abpPropDataAtIndex"], exportAs: ["abpPropData"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6__namespace.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }], viewProviders: [
+            {
+                provide: i2$1.ControlContainer,
+                useFactory: selfFactory,
+                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+            },
+        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleFormComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        exportAs: 'abpExtensibleForm',
+                        selector: 'abp-extensible-form',
+                        templateUrl: './extensible-form.component.html',
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        viewProviders: [
+                            {
+                                provide: i2$1.ControlContainer,
+                                useFactory: selfFactory,
+                                deps: [[new i0.Optional(), new i0.SkipSelf(), i2$1.ControlContainer]],
+                            },
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.TrackByService }, { type: i2__namespace$1.ControlContainer }, { type: ExtensionsService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [EXTENSIONS_IDENTIFIER]
+                        }] }];
+        }, propDecorators: { formProps: [{
+                    type: i0.ViewChildren,
+                    args: [ExtensibleFormPropComponent]
+                }], selectedRecord: [{
+                    type: i0.Input
                 }] } });
 
-    // Fix for https://github.com/angular/angular/issues/23904
-    // @dynamic
-    var AbstractActionsComponent = /** @class */ (function (_super) {
-        __extends(AbstractActionsComponent, _super);
-        function AbstractActionsComponent(injector) {
-            var _this = _super.call(this) || this;
-            _this.getInjected = injector.get.bind(injector);
-            var extensions = injector.get(ExtensionsService);
-            var name = injector.get(EXTENSIONS_IDENTIFIER);
-            var type = injector.get(EXTENSIONS_ACTION_TYPE);
-            _this.actionList = extensions[type].get(name).actions;
-            return _this;
-        }
-        return AbstractActionsComponent;
-    }(ActionData));
-    AbstractActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AbstractActionsComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    AbstractActionsComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: AbstractActionsComponent, inputs: { record: "record" }, usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AbstractActionsComponent, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { record: [{
-                    type: i0.Input
+    // Fix for https://github.com/angular/angular/issues/23904
+    // @dynamic
+    var AbstractActionsComponent = /** @class */ (function (_super) {
+        __extends(AbstractActionsComponent, _super);
+        function AbstractActionsComponent(injector) {
+            var _this = _super.call(this) || this;
+            _this.getInjected = injector.get.bind(injector);
+            var extensions = injector.get(ExtensionsService);
+            var name = injector.get(EXTENSIONS_IDENTIFIER);
+            var type = injector.get(EXTENSIONS_ACTION_TYPE);
+            _this.actionList = extensions[type].get(name).actions;
+            return _this;
+        }
+        return AbstractActionsComponent;
+    }(ActionData));
+    AbstractActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AbstractActionsComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    AbstractActionsComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: AbstractActionsComponent, inputs: { record: "record" }, usesInheritance: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AbstractActionsComponent, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { record: [{
+                    type: i0.Input
                 }] } });
 
-    var GridActionsComponent = /** @class */ (function (_super) {
-        __extends(GridActionsComponent, _super);
-        function GridActionsComponent(injector) {
-            var _this = _super.call(this, injector) || this;
-            _this.icon = 'fa fa-cog';
-            _this.text = '';
-            _this.trackByFn = function (_, item) { return item.text; };
-            return _this;
-        }
-        return GridActionsComponent;
-    }(AbstractActionsComponent));
-    GridActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridActionsComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GridActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: GridActionsComponent, selector: "abp-grid-actions", inputs: { icon: "icon", index: "index", text: "text" }, providers: [
-            {
-                provide: EXTENSIONS_ACTION_TYPE,
-                useValue: 'entityActions',
-            },
-        ], exportAs: ["abpGridActions"], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"actionList.length > 1\" ngbDropdown container=\"body\" class=\"d-inline-block\">\n  <button\n    class=\"btn btn-primary btn-sm dropdown-toggle\"\n    data-toggle=\"dropdown\"\n    aria-haspopup=\"true\"\n    ngbDropdownToggle\n  >\n    <i [ngClass]=\"icon\" [class.me-1]=\"icon\"></i>{{ text | abpLocalization }}\n  </button>\n  <div ngbDropdownMenu>\n    <ng-container\n      *ngFor=\"let action of actionList; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"btnItem\"\n      [ngTemplateOutletContext]=\"{ $implicit: action }\"\n    >\n    </ng-container>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"actionList.length === 1\"\n  [ngTemplateOutlet]=\"btnItem\"\n  [ngTemplateOutletContext]=\"{ $implicit: actionList.get(0).value }\"\n></ng-container>\n\n<ng-template #btnItem let-action>\n  <ng-container *ngIf=\"action.visible(data)\">\n    <button\n      ngbDropdownItem\n      *abpPermission=\"action.permission\"\n      (click)=\"action.action(data)\"\n      type=\"button\"\n      class=\"{{ actionList.length === 1 ? 'btn btn-primary' : '' }}\"\n      [class.text-center]=\"actionList.length === 1\"\n    >\n      <i [ngClass]=\"action.icon\" [class.me-1]=\"action.icon\"></i>\n      <span *ngIf=\"action.icon; else ellipsis\">{{ action.text | abpLocalization }}</span>\n      <ng-template #ellipsis>\n        <div abpEllipsis>{{ action.text | abpLocalization }}</div>\n      </ng-template>\n    </button>\n  </ng-container>\n</ng-template>\n", directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i2__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i2__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i4__namespace.EllipsisDirective, selector: "[abpEllipsis]", inputs: ["abpEllipsis", "title", "abpEllipsisEnabled"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        exportAs: 'abpGridActions',
-                        selector: 'abp-grid-actions',
-                        templateUrl: './grid-actions.component.html',
-                        providers: [
-                            {
-                                provide: EXTENSIONS_ACTION_TYPE,
-                                useValue: 'entityActions',
-                            },
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { icon: [{
-                    type: i0.Input
-                }], index: [{
-                    type: i0.Input
-                }], text: [{
-                    type: i0.Input
+    var GridActionsComponent = /** @class */ (function (_super) {
+        __extends(GridActionsComponent, _super);
+        function GridActionsComponent(injector) {
+            var _this = _super.call(this, injector) || this;
+            _this.icon = 'fa fa-cog';
+            _this.text = '';
+            _this.trackByFn = function (_, item) { return item.text; };
+            return _this;
+        }
+        return GridActionsComponent;
+    }(AbstractActionsComponent));
+    GridActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridActionsComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    GridActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: GridActionsComponent, selector: "abp-grid-actions", inputs: { icon: "icon", index: "index", text: "text" }, providers: [
+            {
+                provide: EXTENSIONS_ACTION_TYPE,
+                useValue: 'entityActions',
+            },
+        ], exportAs: ["abpGridActions"], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"actionList.length > 1\" ngbDropdown container=\"body\" class=\"d-inline-block\">\n  <button\n    class=\"btn btn-primary btn-sm dropdown-toggle\"\n    data-toggle=\"dropdown\"\n    aria-haspopup=\"true\"\n    ngbDropdownToggle\n  >\n    <i [ngClass]=\"icon\" [class.me-1]=\"icon\"></i>{{ text | abpLocalization }}\n  </button>\n  <div ngbDropdownMenu>\n    <ng-container\n      *ngFor=\"let action of actionList; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"dropDownBtnItemTmp\"\n      [ngTemplateOutletContext]=\"{ $implicit: action }\"\n    >\n    </ng-container>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"actionList.length === 1\"\n  [ngTemplateOutlet]=\"btnTmp\"\n  [ngTemplateOutletContext]=\"{ $implicit: actionList.get(0).value }\"\n></ng-container>\n\n<ng-template #dropDownBtnItemTmp let-action>\n  <ng-container *ngIf=\"action.visible(data)\">\n    <button\n      ngbDropdownItem\n      *abpPermission=\"action.permission\"\n      (click)=\"action.action(data)\"\n      type=\"button\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"buttonContentTmp; context: { $implicit: action }\"\n      ></ng-container>\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #buttonContentTmp let-action>\n  <i [ngClass]=\"action.icon\" [class.me-1]=\"action.icon\"></i>\n  <span *ngIf=\"action.icon; else ellipsis\">{{ action.text | abpLocalization }}</span>\n  <ng-template #ellipsis>\n    <div abpEllipsis>{{ action.text | abpLocalization }}</div>\n  </ng-template>\n</ng-template>\n\n<ng-template #btnTmp let-action>\n  <ng-container *ngIf=\"action.visible(data)\">\n    <button\n      *abpPermission=\"action.permission\"\n      (click)=\"action.action(data)\"\n      type=\"button\"\n      class=\"btn btn-primary text-center\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"buttonContentTmp; context: { $implicit: action }\"\n      ></ng-container>\n    </button>\n  </ng-container>\n</ng-template>\n", directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i2__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i2__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i4__namespace.EllipsisDirective, selector: "[abpEllipsis]", inputs: ["abpEllipsis", "title", "abpEllipsisEnabled"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridActionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        exportAs: 'abpGridActions',
+                        selector: 'abp-grid-actions',
+                        templateUrl: './grid-actions.component.html',
+                        providers: [
+                            {
+                                provide: EXTENSIONS_ACTION_TYPE,
+                                useValue: 'entityActions',
+                            },
+                        ],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { icon: [{
+                    type: i0.Input
+                }], index: [{
+                    type: i0.Input
+                }], text: [{
+                    type: i0.Input
                 }] } });
 
-    var DEFAULT_ACTIONS_COLUMN_WIDTH = 150;
-    var ExtensibleTableComponent = /** @class */ (function () {
-        function ExtensibleTableComponent(locale, config, injector) {
-            this.locale = locale;
-            this.config = config;
-            this.injector = injector;
-            this.trackByFn = function (_, item) { return item.name; };
-            this.getInjected = injector.get.bind(injector);
-            var extensions = injector.get(ExtensionsService);
-            var name = injector.get(EXTENSIONS_IDENTIFIER);
-            this.propList = extensions.entityProps.get(name).props;
-            this.actionList = extensions['entityActions'].get(name)
-                .actions;
-            var permissionService = injector.get(i1.PermissionService);
-            this.hasAtLeastOnePermittedAction =
-                permissionService.filterItemsByPolicy(this.actionList.toArray().map(function (action) { return ({ requiredPolicy: action.permission }); })).length > 0;
-            this.setColumnWidths(DEFAULT_ACTIONS_COLUMN_WIDTH);
-        }
-        Object.defineProperty(ExtensibleTableComponent.prototype, "actionsText", {
-            get: function () {
-                var _a;
-                return (_a = this._actionsText) !== null && _a !== void 0 ? _a : (this.actionList.length > 1 ? 'AbpUi::Actions' : '');
-            },
-            set: function (value) {
-                this._actionsText = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ExtensibleTableComponent.prototype, "actionsColumnWidth", {
-            set: function (width) {
-                this.setColumnWidths(width ? Number(width) : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ExtensibleTableComponent.prototype.setColumnWidths = function (actionsColumn) {
-            var widths = [actionsColumn];
-            this.propList.forEach(function (_b) {
-                var prop = _b.value;
-                widths.push(prop.columnWidth);
-            });
-            this.columnWidths = widths;
-        };
-        ExtensibleTableComponent.prototype.getDate = function (value, format) {
-            return value ? i5.formatDate(value, format, this.locale) : '';
-        };
-        ExtensibleTableComponent.prototype.getIcon = function (value) {
-            return value
-                ? '<div class="text-center text-success"><i class="fa fa-check"></i></div>'
-                : '<div class="text-center text-danger"><i class="fa fa-times"></i></div>';
-        };
-        ExtensibleTableComponent.prototype.getEnum = function (rowValue, list) {
-            if (!list)
-                return rowValue;
-            var key = list.find(function (_b) {
-                var value = _b.value;
-                return value === rowValue;
-            }).key;
-            return key;
-        };
-        ExtensibleTableComponent.prototype.getContent = function (prop, data) {
-            var _this = this;
-            return prop.valueResolver(data).pipe(operators.map(function (value) {
-                switch (prop.type) {
-                    case "boolean" /* Boolean */:
-                        return _this.getIcon(value);
-                    case "date" /* Date */:
-                        return _this.getDate(value, i1.getShortDateFormat(_this.config));
-                    case "time" /* Time */:
-                        return _this.getDate(value, i1.getShortTimeFormat(_this.config));
-                    case "dateTime" /* DateTime */:
-                        return _this.getDate(value, i1.getShortDateShortTimeFormat(_this.config));
-                    case "enum" /* Enum */:
-                        return _this.getEnum(value, prop.enumList);
-                    default:
-                        return value;
-                    // More types can be handled in the future
-                }
-            }));
-        };
-        ExtensibleTableComponent.prototype.ngOnChanges = function (_b) {
-            var _this = this;
-            var data = _b.data;
-            if (!(data === null || data === void 0 ? void 0 : data.currentValue))
-                return;
-            this.data = data.currentValue.map(function (record, index) {
-                _this.propList.forEach(function (prop) {
-                    var propData = { getInjected: _this.getInjected, record: record, index: index };
-                    var value = _this.getContent(prop.value, propData);
-                    var propKey = "_" + prop.value.name;
-                    record[propKey] = {
-                        visible: prop.value.visible(propData),
-                        value: value,
-                    };
-                    if (prop.value.component) {
-                        var injector = i0.Injector.create([
-                            {
-                                provide: PROP_DATA_STREAM,
-                                useValue: value,
-                            },
-                        ], _this.injector);
-                        record[propKey].injector = injector;
-                        record[propKey].component = prop.value.component;
-                    }
-                });
-                return record;
-            });
-        };
-        return ExtensibleTableComponent;
-    }());
-    ExtensibleTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleTableComponent, deps: [{ token: i0.LOCALE_ID }, { token: i1__namespace.ConfigStateService }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ExtensibleTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: { actionsText: "actionsText", data: "data", list: "list", recordsTotal: "recordsTotal", actionsColumnWidth: "actionsColumnWidth", actionsTemplate: "actionsTemplate" }, exportAs: ["abpExtensibleTable"], usesOnChanges: true, ngImport: i0__namespace, template: "<ngx-datatable default [rows]=\"data\" [count]=\"recordsTotal\" [list]=\"list\">\n  <ngx-datatable-column\n    *ngIf=\"actionsTemplate || (actionList.length && hasAtLeastOnePermittedAction)\"\n    [name]=\"actionsText | abpLocalization\"\n    [maxWidth]=\"columnWidths[0]\"\n    [width]=\"columnWidths[0]\"\n    [sortable]=\"false\"\n  >\n    <ng-template let-row=\"row\" let-i=\"rowIndex\" ngx-datatable-cell-template>\n      <ng-container\n        *ngTemplateOutlet=\"actionsTemplate || gridActions; context: { $implicit: row, index: i }\"\n      ></ng-container>\n      <ng-template #gridActions>\n        <abp-grid-actions [index]=\"i\" [record]=\"row\" text=\"AbpUi::Actions\"></abp-grid-actions>\n      </ng-template>\n    </ng-template>\n  </ngx-datatable-column>\n\n  <ng-container *ngFor=\"let prop of propList; let i = index; trackBy: trackByFn\">\n    <ngx-datatable-column\n      [width]=\"columnWidths[i + 1] || 200\"\n      [name]=\"prop.displayName | abpLocalization\"\n      [prop]=\"prop.name\"\n      [sortable]=\"prop.sortable\"\n    >\n      <ng-template let-row=\"row\" let-i=\"index\" ngx-datatable-cell-template>\n        <ng-container *abpPermission=\"prop.permission\">\n          <ng-container *ngIf=\"row['_' + prop.name]?.visible\">\n            <div\n              *ngIf=\"!row['_' + prop.name].component; else component\"\n              [innerHTML]=\"row['_' + prop.name]?.value | async\"\n              (click)=\"\n                prop.action && prop.action({ getInjected: getInjected, record: row, index: i })\n              \"\n              [class.pointer]=\"prop.action\"\n            ></div>\n          </ng-container>\n          <ng-template #component>\n            <ng-container\n              *ngComponentOutlet=\"\n                row['_' + prop.name].component;\n                injector: row['_' + prop.name].injector\n              \"\n            ></ng-container>\n          </ng-template>\n        </ng-container>\n      </ng-template>\n    </ngx-datatable-column>\n  </ng-container>\n</ngx-datatable>\n", components: [{ type: i2__namespace$2.DatatableComponent, selector: "ngx-datatable", inputs: ["selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "loadingIndicator", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "groupExpansionDefault", "selectAllRowsOnPage", "virtualization", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity", "rows", "groupedRows", "groupRowsBy", "columns", "limit", "count", "offset", "targetMarkerTemplate", "selectionType", "rowClass", "selectCheck", "displayCheck", "trackByProp", "treeFromRelation", "treeToRelation"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { type: GridActionsComponent, selector: "abp-grid-actions", inputs: ["icon", "index", "text"], exportAs: ["abpGridActions"] }], directives: [{ type: i4__namespace.NgxDatatableDefaultDirective, selector: "ngx-datatable[default]", inputs: ["class"], exportAs: ["ngxDatatableDefault"] }, { type: i4__namespace.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { type: i2__namespace$2.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe, "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleTableComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        exportAs: 'abpExtensibleTable',
-                        selector: 'abp-extensible-table',
-                        templateUrl: './extensible-table.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.LOCALE_ID]
-                        }] }, { type: i1__namespace.ConfigStateService }, { type: i0__namespace.Injector }];
-        }, propDecorators: { actionsText: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }], list: [{
-                    type: i0.Input
-                }], recordsTotal: [{
-                    type: i0.Input
-                }], actionsColumnWidth: [{
-                    type: i0.Input
-                }], actionsTemplate: [{
-                    type: i0.Input
+    var DEFAULT_ACTIONS_COLUMN_WIDTH = 150;
+    var ExtensibleTableComponent = /** @class */ (function () {
+        function ExtensibleTableComponent(locale, config, injector) {
+            this.locale = locale;
+            this.config = config;
+            this.injector = injector;
+            this.trackByFn = function (_, item) { return item.name; };
+            this.getInjected = injector.get.bind(injector);
+            var extensions = injector.get(ExtensionsService);
+            var name = injector.get(EXTENSIONS_IDENTIFIER);
+            this.propList = extensions.entityProps.get(name).props;
+            this.actionList = extensions['entityActions'].get(name)
+                .actions;
+            var permissionService = injector.get(i1.PermissionService);
+            this.hasAtLeastOnePermittedAction =
+                permissionService.filterItemsByPolicy(this.actionList.toArray().map(function (action) { return ({ requiredPolicy: action.permission }); })).length > 0;
+            this.setColumnWidths(DEFAULT_ACTIONS_COLUMN_WIDTH);
+        }
+        Object.defineProperty(ExtensibleTableComponent.prototype, "actionsText", {
+            get: function () {
+                var _a;
+                return (_a = this._actionsText) !== null && _a !== void 0 ? _a : (this.actionList.length > 1 ? 'AbpUi::Actions' : '');
+            },
+            set: function (value) {
+                this._actionsText = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ExtensibleTableComponent.prototype, "actionsColumnWidth", {
+            set: function (width) {
+                this.setColumnWidths(width ? Number(width) : undefined);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ExtensibleTableComponent.prototype.setColumnWidths = function (actionsColumn) {
+            var widths = [actionsColumn];
+            this.propList.forEach(function (_b) {
+                var prop = _b.value;
+                widths.push(prop.columnWidth);
+            });
+            this.columnWidths = widths;
+        };
+        ExtensibleTableComponent.prototype.getDate = function (value, format) {
+            return value ? i5.formatDate(value, format, this.locale) : '';
+        };
+        ExtensibleTableComponent.prototype.getIcon = function (value) {
+            return value
+                ? '<div class="text-center text-success"><i class="fa fa-check"></i></div>'
+                : '<div class="text-center text-danger"><i class="fa fa-times"></i></div>';
+        };
+        ExtensibleTableComponent.prototype.getEnum = function (rowValue, list) {
+            if (!list)
+                return rowValue;
+            var key = list.find(function (_b) {
+                var value = _b.value;
+                return value === rowValue;
+            }).key;
+            return key;
+        };
+        ExtensibleTableComponent.prototype.getContent = function (prop, data) {
+            var _this = this;
+            return prop.valueResolver(data).pipe(operators.map(function (value) {
+                switch (prop.type) {
+                    case "boolean" /* Boolean */:
+                        return _this.getIcon(value);
+                    case "date" /* Date */:
+                        return _this.getDate(value, i1.getShortDateFormat(_this.config));
+                    case "time" /* Time */:
+                        return _this.getDate(value, i1.getShortTimeFormat(_this.config));
+                    case "dateTime" /* DateTime */:
+                        return _this.getDate(value, i1.getShortDateShortTimeFormat(_this.config));
+                    case "enum" /* Enum */:
+                        return _this.getEnum(value, prop.enumList);
+                    default:
+                        return value;
+                    // More types can be handled in the future
+                }
+            }));
+        };
+        ExtensibleTableComponent.prototype.ngOnChanges = function (_b) {
+            var _this = this;
+            var data = _b.data;
+            if (!(data === null || data === void 0 ? void 0 : data.currentValue))
+                return;
+            this.data = data.currentValue.map(function (record, index) {
+                _this.propList.forEach(function (prop) {
+                    var propData = { getInjected: _this.getInjected, record: record, index: index };
+                    var value = _this.getContent(prop.value, propData);
+                    var propKey = "_" + prop.value.name;
+                    record[propKey] = {
+                        visible: prop.value.visible(propData),
+                        value: value,
+                    };
+                    if (prop.value.component) {
+                        var injector = i0.Injector.create([
+                            {
+                                provide: PROP_DATA_STREAM,
+                                useValue: value,
+                            },
+                        ], _this.injector);
+                        record[propKey].injector = injector;
+                        record[propKey].component = prop.value.component;
+                    }
+                });
+                return record;
+            });
+        };
+        return ExtensibleTableComponent;
+    }());
+    ExtensibleTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleTableComponent, deps: [{ token: i0.LOCALE_ID }, { token: i1__namespace.ConfigStateService }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ExtensibleTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: { actionsText: "actionsText", data: "data", list: "list", recordsTotal: "recordsTotal", actionsColumnWidth: "actionsColumnWidth", actionsTemplate: "actionsTemplate" }, exportAs: ["abpExtensibleTable"], usesOnChanges: true, ngImport: i0__namespace, template: "<ngx-datatable default [rows]=\"data\" [count]=\"recordsTotal\" [list]=\"list\">\n  <ngx-datatable-column\n    *ngIf=\"actionsTemplate || (actionList.length && hasAtLeastOnePermittedAction)\"\n    [name]=\"actionsText | abpLocalization\"\n    [maxWidth]=\"columnWidths[0]\"\n    [width]=\"columnWidths[0]\"\n    [sortable]=\"false\"\n  >\n    <ng-template let-row=\"row\" let-i=\"rowIndex\" ngx-datatable-cell-template>\n      <ng-container\n        *ngTemplateOutlet=\"actionsTemplate || gridActions; context: { $implicit: row, index: i }\"\n      ></ng-container>\n      <ng-template #gridActions>\n        <abp-grid-actions [index]=\"i\" [record]=\"row\" text=\"AbpUi::Actions\"></abp-grid-actions>\n      </ng-template>\n    </ng-template>\n  </ngx-datatable-column>\n\n  <ng-container *ngFor=\"let prop of propList; let i = index; trackBy: trackByFn\">\n    <ngx-datatable-column\n      [width]=\"columnWidths[i + 1] || 200\"\n      [name]=\"prop.displayName | abpLocalization\"\n      [prop]=\"prop.name\"\n      [sortable]=\"prop.sortable\"\n    >\n      <ng-template let-row=\"row\" let-i=\"index\" ngx-datatable-cell-template>\n        <ng-container *abpPermission=\"prop.permission\">\n          <ng-container *ngIf=\"row['_' + prop.name]?.visible\">\n            <div\n              *ngIf=\"!row['_' + prop.name].component; else component\"\n              [innerHTML]=\"row['_' + prop.name]?.value | async\"\n              (click)=\"\n                prop.action && prop.action({ getInjected: getInjected, record: row, index: i })\n              \"\n              [class.pointer]=\"prop.action\"\n            ></div>\n          </ng-container>\n          <ng-template #component>\n            <ng-container\n              *ngComponentOutlet=\"\n                row['_' + prop.name].component;\n                injector: row['_' + prop.name].injector\n              \"\n            ></ng-container>\n          </ng-template>\n        </ng-container>\n      </ng-template>\n    </ngx-datatable-column>\n  </ng-container>\n</ngx-datatable>\n", components: [{ type: i2__namespace$2.DatatableComponent, selector: "ngx-datatable", inputs: ["selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "loadingIndicator", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "groupExpansionDefault", "selectAllRowsOnPage", "virtualization", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity", "rows", "groupedRows", "groupRowsBy", "columns", "limit", "count", "offset", "targetMarkerTemplate", "selectionType", "rowClass", "selectCheck", "displayCheck", "trackByProp", "treeFromRelation", "treeToRelation"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { type: GridActionsComponent, selector: "abp-grid-actions", inputs: ["icon", "index", "text"], exportAs: ["abpGridActions"] }], directives: [{ type: i4__namespace.NgxDatatableDefaultDirective, selector: "ngx-datatable[default]", inputs: ["class"], exportAs: ["ngxDatatableDefault"] }, { type: i4__namespace.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { type: i2__namespace$2.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe, "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ExtensibleTableComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        exportAs: 'abpExtensibleTable',
+                        selector: 'abp-extensible-table',
+                        templateUrl: './extensible-table.component.html',
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.LOCALE_ID]
+                        }] }, { type: i1__namespace.ConfigStateService }, { type: i0__namespace.Injector }];
+        }, propDecorators: { actionsText: [{
+                    type: i0.Input
+                }], data: [{
+                    type: i0.Input
+                }], list: [{
+                    type: i0.Input
+                }], recordsTotal: [{
+                    type: i0.Input
+                }], actionsColumnWidth: [{
+                    type: i0.Input
+                }], actionsTemplate: [{
+                    type: i0.Input
                 }] } });
 
-    var PageToolbarComponent = /** @class */ (function (_super) {
-        __extends(PageToolbarComponent, _super);
-        function PageToolbarComponent(injector) {
-            var _this = _super.call(this, injector) || this;
-            _this.injector = injector;
-            _this.trackByFn = function (_, item) { return item.action || item.component; };
-            return _this;
-        }
-        PageToolbarComponent.prototype.createInjector = function (action) {
-            var _this = this;
-            var get = function (token, notFoundValue, flags) {
-                return token === EXTENSIONS_ACTION_DATA
-                    ? _this.data
-                    : token === EXTENSIONS_ACTION_CALLBACK
-                        ? function (data) {
-                            if (data === void 0) { data = _this.data; }
-                            return action.action(data);
-                        }
-                        : _this.getInjected.call(_this.injector, token, notFoundValue, flags);
-            };
-            return { get: get };
-        };
-        return PageToolbarComponent;
-    }(AbstractActionsComponent));
-    PageToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PageToolbarComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PageToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageToolbarComponent, selector: "abp-page-toolbar", providers: [
-            {
-                provide: EXTENSIONS_ACTION_TYPE,
-                useValue: 'toolbarActions',
-            },
-        ], exportAs: ["abpPageToolbar"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"row justify-content-end mx-0\" id=\"AbpContentToolbar\">\n  <div\n    class=\"col-auto px-1 pt-0 pt-md-2\"\n    [class.pe-0]=\"last\"\n    *ngFor=\"let action of actionList; trackBy: trackByFn; let last = last\"\n  >\n    <ng-container *ngIf=\"action.visible(data)\">\n      <ng-container *abpPermission=\"action.permission\">\n        <ng-container *ngIf=\"action.component as component; else button\">\n          <ng-container\n            *ngComponentOutlet=\"component; injector: createInjector(action)\"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #button>\n          <button (click)=\"action.action(data)\" type=\"button\" class=\"btn btn-primary btn-sm\">\n            <i [ngClass]=\"action.icon\" [class.me-1]=\"action.icon\"></i>\n            {{ action.text | abpLocalization }}\n          </button>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n", directives: [{ type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PageToolbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        exportAs: 'abpPageToolbar',
-                        selector: 'abp-page-toolbar',
-                        templateUrl: './page-toolbar.component.html',
-                        providers: [
-                            {
-                                provide: EXTENSIONS_ACTION_TYPE,
-                                useValue: 'toolbarActions',
-                            },
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
+    var PageToolbarComponent = /** @class */ (function (_super) {
+        __extends(PageToolbarComponent, _super);
+        function PageToolbarComponent(injector) {
+            var _this = _super.call(this, injector) || this;
+            _this.injector = injector;
+            _this.trackByFn = function (_, item) { return item.action || item.component; };
+            return _this;
+        }
+        PageToolbarComponent.prototype.createInjector = function (action) {
+            var _this = this;
+            var get = function (token, notFoundValue, flags) {
+                return token === EXTENSIONS_ACTION_DATA
+                    ? _this.data
+                    : token === EXTENSIONS_ACTION_CALLBACK
+                        ? function (data) {
+                            if (data === void 0) { data = _this.data; }
+                            return action.action(data);
+                        }
+                        : _this.getInjected.call(_this.injector, token, notFoundValue, flags);
+            };
+            return { get: get };
+        };
+        return PageToolbarComponent;
+    }(AbstractActionsComponent));
+    PageToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PageToolbarComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PageToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageToolbarComponent, selector: "abp-page-toolbar", providers: [
+            {
+                provide: EXTENSIONS_ACTION_TYPE,
+                useValue: 'toolbarActions',
+            },
+        ], exportAs: ["abpPageToolbar"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"row justify-content-end mx-0\" id=\"AbpContentToolbar\">\n  <div\n    class=\"col-auto px-1 pt-0 pt-md-2\"\n    [class.pe-0]=\"last\"\n    *ngFor=\"let action of actionList; trackBy: trackByFn; let last = last\"\n  >\n    <ng-container *ngIf=\"action.visible(data)\">\n      <ng-container *abpPermission=\"action.permission\">\n        <ng-container *ngIf=\"action.component as component; else button\">\n          <ng-container\n            *ngComponentOutlet=\"component; injector: createInjector(action)\"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #button>\n          <button (click)=\"action.action(data)\" type=\"button\" class=\"btn btn-primary btn-sm\">\n            <i [ngClass]=\"action.icon\" [class.me-1]=\"action.icon\"></i>\n            {{ action.text | abpLocalization }}\n          </button>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n", directives: [{ type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission"] }, { type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "abpLocalization": i1__namespace.LocalizationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PageToolbarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        exportAs: 'abpPageToolbar',
+                        selector: 'abp-page-toolbar',
+                        templateUrl: './page-toolbar.component.html',
+                        providers: [
+                            {
+                                provide: EXTENSIONS_ACTION_TYPE,
+                                useValue: 'toolbarActions',
+                            },
+                        ],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
             }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
     var objectExtensions = /*#__PURE__*/Object.freeze({
         __proto__: null
     });
 
-    var BaseUiExtensionsModule = /** @class */ (function () {
-        function BaseUiExtensionsModule() {
-        }
-        return BaseUiExtensionsModule;
-    }());
-    BaseUiExtensionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    BaseUiExtensionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, declarations: [DateTimePickerComponent,
-            PageToolbarComponent,
-            GridActionsComponent,
-            ExtensibleFormPropComponent,
-            ExtensibleFormComponent,
-            ExtensibleTableComponent,
-            PropDataDirective,
-            DisabledDirective], imports: [i1.CoreModule,
-            i4.ThemeSharedModule,
-            i6.NgxValidateCoreModule,
-            i2.NgbDatepickerModule,
-            i2.NgbDropdownModule,
-            i2.NgbTimepickerModule,
-            i2.NgbTypeaheadModule], exports: [DateTimePickerComponent,
-            PageToolbarComponent,
-            GridActionsComponent,
-            ExtensibleFormComponent,
-            ExtensibleTableComponent,
-            PropDataDirective,
-            DisabledDirective] });
-    BaseUiExtensionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, imports: [[
-                i1.CoreModule,
-                i4.ThemeSharedModule,
-                i6.NgxValidateCoreModule,
-                i2.NgbDatepickerModule,
-                i2.NgbDropdownModule,
-                i2.NgbTimepickerModule,
-                i2.NgbTypeaheadModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [
-                            DateTimePickerComponent,
-                            PageToolbarComponent,
-                            GridActionsComponent,
-                            ExtensibleFormComponent,
-                            ExtensibleTableComponent,
-                            PropDataDirective,
-                            DisabledDirective,
-                        ],
-                        declarations: [
-                            DateTimePickerComponent,
-                            PageToolbarComponent,
-                            GridActionsComponent,
-                            ExtensibleFormPropComponent,
-                            ExtensibleFormComponent,
-                            ExtensibleTableComponent,
-                            PropDataDirective,
-                            DisabledDirective,
-                        ],
-                        imports: [
-                            i1.CoreModule,
-                            i4.ThemeSharedModule,
-                            i6.NgxValidateCoreModule,
-                            i2.NgbDatepickerModule,
-                            i2.NgbDropdownModule,
-                            i2.NgbTimepickerModule,
-                            i2.NgbTypeaheadModule,
-                        ],
-                    }]
-            }] });
-    var UiExtensionsModule = /** @class */ (function () {
-        function UiExtensionsModule() {
-        }
-        return UiExtensionsModule;
-    }());
-    UiExtensionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    UiExtensionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, imports: [BaseUiExtensionsModule], exports: [BaseUiExtensionsModule] });
-    UiExtensionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, imports: [[BaseUiExtensionsModule], BaseUiExtensionsModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [BaseUiExtensionsModule],
-                        imports: [BaseUiExtensionsModule],
-                    }]
+    var BaseUiExtensionsModule = /** @class */ (function () {
+        function BaseUiExtensionsModule() {
+        }
+        return BaseUiExtensionsModule;
+    }());
+    BaseUiExtensionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    BaseUiExtensionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, declarations: [DateTimePickerComponent,
+            PageToolbarComponent,
+            GridActionsComponent,
+            ExtensibleFormPropComponent,
+            ExtensibleFormComponent,
+            ExtensibleTableComponent,
+            PropDataDirective,
+            DisabledDirective], imports: [i1.CoreModule,
+            i4.ThemeSharedModule,
+            i6.NgxValidateCoreModule,
+            i2.NgbDatepickerModule,
+            i2.NgbDropdownModule,
+            i2.NgbTimepickerModule,
+            i2.NgbTypeaheadModule], exports: [DateTimePickerComponent,
+            PageToolbarComponent,
+            GridActionsComponent,
+            ExtensibleFormComponent,
+            ExtensibleTableComponent,
+            PropDataDirective,
+            DisabledDirective] });
+    BaseUiExtensionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, imports: [[
+                i1.CoreModule,
+                i4.ThemeSharedModule,
+                i6.NgxValidateCoreModule,
+                i2.NgbDatepickerModule,
+                i2.NgbDropdownModule,
+                i2.NgbTimepickerModule,
+                i2.NgbTypeaheadModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: BaseUiExtensionsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [
+                            DateTimePickerComponent,
+                            PageToolbarComponent,
+                            GridActionsComponent,
+                            ExtensibleFormComponent,
+                            ExtensibleTableComponent,
+                            PropDataDirective,
+                            DisabledDirective,
+                        ],
+                        declarations: [
+                            DateTimePickerComponent,
+                            PageToolbarComponent,
+                            GridActionsComponent,
+                            ExtensibleFormPropComponent,
+                            ExtensibleFormComponent,
+                            ExtensibleTableComponent,
+                            PropDataDirective,
+                            DisabledDirective,
+                        ],
+                        imports: [
+                            i1.CoreModule,
+                            i4.ThemeSharedModule,
+                            i6.NgxValidateCoreModule,
+                            i2.NgbDatepickerModule,
+                            i2.NgbDropdownModule,
+                            i2.NgbTimepickerModule,
+                            i2.NgbTypeaheadModule,
+                        ],
+                    }]
+            }] });
+    var UiExtensionsModule = /** @class */ (function () {
+        function UiExtensionsModule() {
+        }
+        return UiExtensionsModule;
+    }());
+    UiExtensionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    UiExtensionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, imports: [BaseUiExtensionsModule], exports: [BaseUiExtensionsModule] });
+    UiExtensionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, imports: [[BaseUiExtensionsModule], BaseUiExtensionsModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UiExtensionsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [BaseUiExtensionsModule],
+                        imports: [BaseUiExtensionsModule],
+                    }]
             }] });
 
-    function mergeWithDefaultActions(extension, defaultActions) {
-        var contributors = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            contributors[_i - 2] = arguments[_i];
-        }
-        Object.keys(defaultActions).forEach(function (name) {
-            var actions = extension.get(name);
-            actions.clearContributors();
-            actions.addContributor(function (actionList) { return actionList.addManyTail(defaultActions[name]); });
-            contributors.forEach(function (contributor) { return (contributor[name] || []).forEach(function (callback) { return actions.addContributor(callback); }); });
-        });
+    function mergeWithDefaultActions(extension, defaultActions) {
+        var contributors = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            contributors[_i - 2] = arguments[_i];
+        }
+        Object.keys(defaultActions).forEach(function (name) {
+            var actions = extension.get(name);
+            actions.clearContributors();
+            actions.addContributor(function (actionList) { return actionList.addManyTail(defaultActions[name]); });
+            contributors.forEach(function (contributor) { return (contributor[name] || []).forEach(function (callback) { return actions.addContributor(callback); }); });
+        });
     }
 
-    function generateFormFromProps(data) {
-        var extensions = data.getInjected(ExtensionsService);
-        var identifier = data.getInjected(EXTENSIONS_IDENTIFIER);
-        var form = new i2$1.FormGroup({});
-        var extraForm = new i2$1.FormGroup({});
-        form.addControl(EXTRA_PROPERTIES_KEY, extraForm);
-        var record = data.record || {};
-        var type = JSON.stringify(record) === '{}' ? 'create' : 'edit';
-        var props = extensions[type + "FormProps"].get(identifier).props;
-        var extraProperties = record[EXTRA_PROPERTIES_KEY] || {};
-        props.forEach(function (_a) {
-            var prop = _a.value;
-            var name = prop.name;
-            var isExtraProperty = prop.isExtra || name in extraProperties;
-            var value = isExtraProperty ? extraProperties[name] : name in record ? record[name] : undefined;
-            if (typeof value === 'undefined')
-                value = prop.defaultValue;
-            if (value) {
-                var adapter = void 0;
-                switch (prop.type) {
-                    case "date" /* Date */:
-                        adapter = new DateAdapter();
-                        value = adapter.toModel(adapter.fromModel(value));
-                        break;
-                    case "time" /* Time */:
-                        adapter = new TimeAdapter();
-                        value = adapter.toModel(adapter.fromModel(value));
-                        break;
-                    case "dateTime" /* DateTime */:
-                        adapter = new DateTimeAdapter();
-                        value = adapter.toModel(adapter.fromModel(value));
-                        break;
-                    default:
-                        break;
-                }
-            }
-            var formControl = new i2$1.FormControl(value, {
-                asyncValidators: prop.asyncValidators(data),
-                validators: prop.validators(data),
-            });
-            (isExtraProperty ? extraForm : form).addControl(name, formControl);
-        });
-        return form;
+    function generateFormFromProps(data) {
+        var extensions = data.getInjected(ExtensionsService);
+        var identifier = data.getInjected(EXTENSIONS_IDENTIFIER);
+        var form = new i2$1.FormGroup({});
+        var extraForm = new i2$1.FormGroup({});
+        form.addControl(EXTRA_PROPERTIES_KEY, extraForm);
+        var record = data.record || {};
+        var type = JSON.stringify(record) === '{}' ? 'create' : 'edit';
+        var props = extensions[type + "FormProps"].get(identifier).props;
+        var extraProperties = record[EXTRA_PROPERTIES_KEY] || {};
+        props.forEach(function (_a) {
+            var prop = _a.value;
+            var name = prop.name;
+            var isExtraProperty = prop.isExtra || name in extraProperties;
+            var value = isExtraProperty ? extraProperties[name] : name in record ? record[name] : undefined;
+            if (typeof value === 'undefined')
+                value = prop.defaultValue;
+            if (value) {
+                var adapter = void 0;
+                switch (prop.type) {
+                    case "date" /* Date */:
+                        adapter = new DateAdapter();
+                        value = adapter.toModel(adapter.fromModel(value));
+                        break;
+                    case "time" /* Time */:
+                        adapter = new TimeAdapter();
+                        value = adapter.toModel(adapter.fromModel(value));
+                        break;
+                    case "dateTime" /* DateTime */:
+                        adapter = new DateTimeAdapter();
+                        value = adapter.toModel(adapter.fromModel(value));
+                        break;
+                    default:
+                        break;
+                }
+            }
+            var formControl = new i2$1.FormControl(value, {
+                asyncValidators: prop.asyncValidators(data),
+                validators: prop.validators(data),
+            });
+            (isExtraProperty ? extraForm : form).addControl(name, formControl);
+        });
+        return form;
     }
 
-    function createExtraPropertyValueResolver(name) {
-        return function (data) { return rxjs.of(data.record[EXTRA_PROPERTIES_KEY][name]); };
-    }
-    function mergeWithDefaultProps(extension, defaultProps) {
-        var contributors = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            contributors[_i - 2] = arguments[_i];
-        }
-        Object.keys(defaultProps).forEach(function (name) {
-            var props = extension.get(name);
-            props.clearContributors();
-            props.addContributor(function (propList) { return propList.addManyTail(defaultProps[name]); });
-            contributors.forEach(function (contributor) { return (contributor[name] || []).forEach(function (callback) { return props.addContributor(callback); }); });
-        });
+    function createExtraPropertyValueResolver(name) {
+        return function (data) { return rxjs.of(data.record[EXTRA_PROPERTIES_KEY][name]); };
+    }
+    function mergeWithDefaultProps(extension, defaultProps) {
+        var contributors = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            contributors[_i - 2] = arguments[_i];
+        }
+        Object.keys(defaultProps).forEach(function (name) {
+            var props = extension.get(name);
+            props.clearContributors();
+            props.addContributor(function (propList) { return propList.addManyTail(defaultProps[name]); });
+            contributors.forEach(function (contributor) { return (contributor[name] || []).forEach(function (callback) { return props.addContributor(callback); }); });
+        });
     }
 
-    function createEnum(members) {
-        var enumObject = {};
-        members.forEach(function (_a) {
-            var _b = _a.name, name = _b === void 0 ? '' : _b, value = _a.value;
-            enumObject[(enumObject[name] = value)] = name;
-        });
-        return enumObject;
-    }
-    function createEnumValueResolver(enumType, lookupEnum, propName) {
-        return function (data) {
-            var value = data.record[EXTRA_PROPERTIES_KEY][propName];
-            var key = lookupEnum.transformed[value];
-            var l10n = data.getInjected(i1.LocalizationService);
-            var localizeEnum = createEnumLocalizer(l10n, enumType, lookupEnum);
-            return createLocalizationStream(l10n, localizeEnum(key));
-        };
-    }
-    function createEnumOptions(enumType, lookupEnum) {
-        return function (data) {
-            var l10n = data.getInjected(i1.LocalizationService);
-            var localizeEnum = createEnumLocalizer(l10n, enumType, lookupEnum);
-            return createLocalizationStream(l10n, lookupEnum.fields.map(function (_a) {
-                var _b = _a.name, name = _b === void 0 ? '' : _b, value = _a.value;
-                return ({
-                    key: localizeEnum(name),
-                    value: value,
-                });
-            }));
-        };
-    }
-    function createLocalizationStream(l10n, mapTarget) {
-        return rxjs.merge(rxjs.of(null), l10n.languageChange$).pipe(operators.map(function () { return mapTarget; }));
-    }
-    function createEnumLocalizer(l10n, enumType, lookupEnum) {
-        var resource = lookupEnum.localizationResource;
-        var shortType = getShortEnumType(enumType);
-        return function (key) { return l10n.localizeWithFallbackSync([resource || ''], ['Enum:' + shortType + '.' + key, shortType + '.' + key, key], key); };
-    }
-    function getShortEnumType(enumType) {
-        return enumType.split('.').pop();
+    function createEnum(members) {
+        var enumObject = {};
+        members.forEach(function (_a) {
+            var _b = _a.name, name = _b === void 0 ? '' : _b, value = _a.value;
+            enumObject[(enumObject[name] = value)] = name;
+        });
+        return enumObject;
+    }
+    function createEnumValueResolver(enumType, lookupEnum, propName) {
+        return function (data) {
+            var value = data.record[EXTRA_PROPERTIES_KEY][propName];
+            var key = lookupEnum.transformed[value];
+            var l10n = data.getInjected(i1.LocalizationService);
+            var localizeEnum = createEnumLocalizer(l10n, enumType, lookupEnum);
+            return createLocalizationStream(l10n, localizeEnum(key));
+        };
+    }
+    function createEnumOptions(enumType, lookupEnum) {
+        return function (data) {
+            var l10n = data.getInjected(i1.LocalizationService);
+            var localizeEnum = createEnumLocalizer(l10n, enumType, lookupEnum);
+            return createLocalizationStream(l10n, lookupEnum.fields.map(function (_a) {
+                var _b = _a.name, name = _b === void 0 ? '' : _b, value = _a.value;
+                return ({
+                    key: localizeEnum(name),
+                    value: value,
+                });
+            }));
+        };
+    }
+    function createLocalizationStream(l10n, mapTarget) {
+        return rxjs.merge(rxjs.of(null), l10n.languageChange$).pipe(operators.map(function () { return mapTarget; }));
+    }
+    function createEnumLocalizer(l10n, enumType, lookupEnum) {
+        var resource = lookupEnum.localizationResource;
+        var shortType = getShortEnumType(enumType);
+        return function (key) { return l10n.localizeWithFallbackSync([resource || ''], ['Enum:' + shortType + '.' + key, shortType + '.' + key, key], key); };
+    }
+    function getShortEnumType(enumType) {
+        return enumType.split('.').pop();
     }
 
-    function createDisplayNameLocalizationPipeKeyGenerator(localization) {
-        var generateLocalizationPipeKey = i1.createLocalizationPipeKeyGenerator(localization);
-        return function (displayName, fallback) {
-            if (displayName && displayName.name)
-                return generateLocalizationPipeKey([displayName.resource || ''], [displayName.name], displayName.name);
-            var key = generateLocalizationPipeKey([fallback.resource || ''], ['DisplayName:' + fallback.name], undefined);
-            if (key)
-                return key;
-            return generateLocalizationPipeKey([fallback.resource || ''], [fallback.name || ''], fallback.name);
-        };
+    function createDisplayNameLocalizationPipeKeyGenerator(localization) {
+        var generateLocalizationPipeKey = i1.createLocalizationPipeKeyGenerator(localization);
+        return function (displayName, fallback) {
+            if (displayName && displayName.name)
+                return generateLocalizationPipeKey([displayName.resource || ''], [displayName.name], displayName.name);
+            var key = generateLocalizationPipeKey([fallback.resource || ''], ['DisplayName:' + fallback.name], undefined);
+            if (key)
+                return key;
+            return generateLocalizationPipeKey([fallback.resource || ''], [fallback.name || ''], fallback.name);
+        };
     }
 
-    function getValidatorsFromProperty(property) {
-        var validators = [];
-        property.attributes.forEach(function (attr) {
-            if (attr.typeSimple && attr.typeSimple in i1.AbpValidators) {
-                validators.push(i1.AbpValidators[attr.typeSimple](attr.config));
-            }
-        });
-        return validators;
+    function getValidatorsFromProperty(property) {
+        var validators = [];
+        property.attributes.forEach(function (attr) {
+            if (attr.typeSimple && attr.typeSimple in i1.AbpValidators) {
+                validators.push(i1.AbpValidators[attr.typeSimple](attr.config));
+            }
+        });
+        return validators;
     }
 
-    function selectObjectExtensions(configState) {
-        return configState.getOne$('objectExtensions');
-    }
-    function selectLocalization(configState) {
-        return configState.getOne$('localization');
-    }
-    function selectEnums(configState) {
-        return selectObjectExtensions(configState).pipe(operators.map(function (extensions) { return Object.keys(extensions.enums).reduce(function (acc, key) {
-            var _b = extensions.enums[key], fields = _b.fields, localizationResource = _b.localizationResource;
-            acc[key] = {
-                fields: fields,
-                localizationResource: localizationResource,
-                transformed: createEnum(fields),
-            };
-            return acc;
-        }, {}); }));
-    }
-    function getObjectExtensionEntitiesFromStore(configState, moduleKey) {
-        return selectObjectExtensions(configState).pipe(operators.map(function (extensions) {
-            if (!extensions)
-                return null;
-            return (extensions.modules[moduleKey] || {})
-                .entities;
-        }), operators.map(function (entities) { return (isUndefined(entities) ? {} : entities); }), operators.filter(Boolean), operators.take(1));
-    }
-    function mapEntitiesToContributors(configState, resource) {
-        return rxjs.pipe(operators.switchMap(function (entities) { return rxjs.zip(selectLocalization(configState), selectEnums(configState)).pipe(operators.map(function (_b) {
-            var _c = __read(_b, 2), localization = _c[0], enums = _c[1];
-            var generateDisplayName = createDisplayNameLocalizationPipeKeyGenerator(localization);
-            return Object.keys(entities).reduce(function (acc, key) {
-                acc.prop[key] = [];
-                acc.createForm[key] = [];
-                acc.editForm[key] = [];
-                var entity = entities[key];
-                if (!entity)
-                    return acc;
-                var properties = entity.properties;
-                if (!properties)
-                    return acc;
-                var mapPropertiesToContributors = createPropertiesToContributorsMapper(generateDisplayName, resource, enums);
-                return mapPropertiesToContributors(properties, acc, key);
-            }, {
-                prop: {},
-                createForm: {},
-                editForm: {},
-            });
-        })); }), operators.take(1));
-    }
-    function createPropertiesToContributorsMapper(generateDisplayName, resource, enums) {
-        return function (properties, contributors, key) {
-            var isExtra = true;
-            var generateTypeaheadDisplayName = createTypeaheadDisplayNameGenerator(generateDisplayName, properties);
-            Object.keys(properties).forEach(function (name) {
-                var property = properties[name];
-                var propName = name;
-                var lookup = property.ui.lookup || {};
-                var type = getTypeaheadType(lookup, name) || getTypeFromProperty(property);
-                var generateDN = hasTypeaheadTextSuffix(name)
-                    ? generateTypeaheadDisplayName
-                    : generateDisplayName;
-                var displayName = generateDN(property.displayName, { name: name, resource: resource });
-                if (property.ui.onTable.isVisible) {
-                    var sortable = Boolean(property.ui.onTable.isSortable);
-                    var columnWidth = type === "boolean" /* Boolean */ ? 150 : 250;
-                    var valueResolver = type === "enum" /* Enum */
-                        ? createEnumValueResolver(property.type, enums[property.type], propName)
-                        : createExtraPropertyValueResolver(propName);
-                    var entityProp_1 = new EntityProp({
-                        type: type,
-                        name: propName,
-                        displayName: displayName,
-                        sortable: sortable,
-                        columnWidth: columnWidth,
-                        valueResolver: valueResolver,
-                        isExtra: isExtra,
-                    });
-                    var contributor = function (propList) { return propList.addTail(entityProp_1); };
-                    contributors.prop[key].push(contributor);
-                }
-                var isOnCreateForm = property.ui.onCreateForm.isVisible;
-                var isOnEditForm = property.ui.onEditForm.isVisible;
-                if (isOnCreateForm || isOnEditForm) {
-                    var defaultValue = property.defaultValue;
-                    var validators = function () { return getValidatorsFromProperty(property); };
-                    var options = void 0;
-                    if (type === "enum" /* Enum */)
-                        options = createEnumOptions(propName, enums[property.type || '']);
-                    else if (type === "typeahead" /* Typeahead */)
-                        options = createTypeaheadOptions(lookup);
-                    var formProp_1 = new FormProp({
-                        type: type,
-                        name: propName,
-                        displayName: displayName,
-                        options: options,
-                        defaultValue: defaultValue,
-                        validators: validators,
-                        isExtra: isExtra,
-                    });
-                    var formContributor = function (propList) { return propList.addTail(formProp_1); };
-                    if (isOnCreateForm)
-                        contributors.createForm[key].push(formContributor);
-                    if (isOnEditForm)
-                        contributors.editForm[key].push(formContributor);
-                }
-            });
-            return contributors;
-        };
-    }
-    function getTypeFromProperty(property) {
-        var _a;
-        return (_a = property === null || property === void 0 ? void 0 : property.typeSimple) === null || _a === void 0 ? void 0 : _a.replace(/\?$/, '');
-    }
-    function isUndefined(obj) {
-        return typeof obj === 'undefined';
+    function selectObjectExtensions(configState) {
+        return configState.getOne$('objectExtensions');
+    }
+    function selectLocalization(configState) {
+        return configState.getOne$('localization');
+    }
+    function selectEnums(configState) {
+        return selectObjectExtensions(configState).pipe(operators.map(function (extensions) { return Object.keys(extensions.enums).reduce(function (acc, key) {
+            var _b = extensions.enums[key], fields = _b.fields, localizationResource = _b.localizationResource;
+            acc[key] = {
+                fields: fields,
+                localizationResource: localizationResource,
+                transformed: createEnum(fields),
+            };
+            return acc;
+        }, {}); }));
+    }
+    function getObjectExtensionEntitiesFromStore(configState, moduleKey) {
+        return selectObjectExtensions(configState).pipe(operators.map(function (extensions) {
+            if (!extensions)
+                return null;
+            return (extensions.modules[moduleKey] || {})
+                .entities;
+        }), operators.map(function (entities) { return (isUndefined(entities) ? {} : entities); }), operators.filter(Boolean), operators.take(1));
+    }
+    function mapEntitiesToContributors(configState, resource) {
+        return rxjs.pipe(operators.switchMap(function (entities) { return rxjs.zip(selectLocalization(configState), selectEnums(configState)).pipe(operators.map(function (_b) {
+            var _c = __read(_b, 2), localization = _c[0], enums = _c[1];
+            var generateDisplayName = createDisplayNameLocalizationPipeKeyGenerator(localization);
+            return Object.keys(entities).reduce(function (acc, key) {
+                acc.prop[key] = [];
+                acc.createForm[key] = [];
+                acc.editForm[key] = [];
+                var entity = entities[key];
+                if (!entity)
+                    return acc;
+                var properties = entity.properties;
+                if (!properties)
+                    return acc;
+                var mapPropertiesToContributors = createPropertiesToContributorsMapper(generateDisplayName, resource, enums);
+                return mapPropertiesToContributors(properties, acc, key);
+            }, {
+                prop: {},
+                createForm: {},
+                editForm: {},
+            });
+        })); }), operators.take(1));
+    }
+    function createPropertiesToContributorsMapper(generateDisplayName, resource, enums) {
+        return function (properties, contributors, key) {
+            var isExtra = true;
+            var generateTypeaheadDisplayName = createTypeaheadDisplayNameGenerator(generateDisplayName, properties);
+            Object.keys(properties).forEach(function (name) {
+                var property = properties[name];
+                var propName = name;
+                var lookup = property.ui.lookup || {};
+                var type = getTypeaheadType(lookup, name) || getTypeFromProperty(property);
+                var generateDN = hasTypeaheadTextSuffix(name)
+                    ? generateTypeaheadDisplayName
+                    : generateDisplayName;
+                var displayName = generateDN(property.displayName, { name: name, resource: resource });
+                if (property.ui.onTable.isVisible) {
+                    var sortable = Boolean(property.ui.onTable.isSortable);
+                    var columnWidth = type === "boolean" /* Boolean */ ? 150 : 250;
+                    var valueResolver = type === "enum" /* Enum */
+                        ? createEnumValueResolver(property.type, enums[property.type], propName)
+                        : createExtraPropertyValueResolver(propName);
+                    var entityProp_1 = new EntityProp({
+                        type: type,
+                        name: propName,
+                        displayName: displayName,
+                        sortable: sortable,
+                        columnWidth: columnWidth,
+                        valueResolver: valueResolver,
+                        isExtra: isExtra,
+                    });
+                    var contributor = function (propList) { return propList.addTail(entityProp_1); };
+                    contributors.prop[key].push(contributor);
+                }
+                var isOnCreateForm = property.ui.onCreateForm.isVisible;
+                var isOnEditForm = property.ui.onEditForm.isVisible;
+                if (isOnCreateForm || isOnEditForm) {
+                    var defaultValue = property.defaultValue;
+                    var validators = function () { return getValidatorsFromProperty(property); };
+                    var options = void 0;
+                    if (type === "enum" /* Enum */)
+                        options = createEnumOptions(propName, enums[property.type || '']);
+                    else if (type === "typeahead" /* Typeahead */)
+                        options = createTypeaheadOptions(lookup);
+                    var formProp_1 = new FormProp({
+                        type: type,
+                        name: propName,
+                        displayName: displayName,
+                        options: options,
+                        defaultValue: defaultValue,
+                        validators: validators,
+                        isExtra: isExtra,
+                    });
+                    var formContributor = function (propList) { return propList.addTail(formProp_1); };
+                    if (isOnCreateForm)
+                        contributors.createForm[key].push(formContributor);
+                    if (isOnEditForm)
+                        contributors.editForm[key].push(formContributor);
+                }
+            });
+            return contributors;
+        };
+    }
+    function getTypeFromProperty(property) {
+        var _a;
+        return (_a = property === null || property === void 0 ? void 0 : property.typeSimple) === null || _a === void 0 ? void 0 : _a.replace(/\?$/, '');
+    }
+    function isUndefined(obj) {
+        return typeof obj === 'undefined';
     }
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.ActionList = ActionList;