@covalent/dynamic-forms 4.0.0 → 4.1.0-develop.2

package/bundles/covalent-dynamic-forms.umd.js

@@ -1,1654 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/checkbox'), require('@angular/material/slider'), require('@angular/material/slide-toggle'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/datepicker'), require('@covalent/core/common'), require('@covalent/core/file'), require('@angular/cdk/portal'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@covalent/dynamic-forms', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/checkbox', '@angular/material/slider', '@angular/material/slide-toggle', '@angular/material/icon', '@angular/material/button', '@angular/material/datepicker', '@covalent/core/common', '@covalent/core/file', '@angular/cdk/portal', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent['dynamic-forms'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.checkbox, global.ng.material.slider, global.ng.material.slideToggle, global.ng.material.icon, global.ng.material.button, global.ng.material.datepicker, global.covalent.core.common, global.covalent.core.file, global.ng.cdk.portal, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, common$1, forms, formField, input, select, checkbox, slider, slideToggle, icon, button, datepicker, common, file, portal, rxjs, operators) { 'use strict';
-
-    /*! *****************************************************************************
-    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) {
-        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;
-    }
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    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 __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, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-input/dynamic-input.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicInputComponent = /** @class */ (function () {
-        function TdDynamicInputComponent() {
-            this.label = '';
-            this.hint = '';
-            this.type = undefined;
-            this.required = undefined;
-            this.name = '';
-            this.min = undefined;
-            this.max = undefined;
-            this.minLength = undefined;
-            this.maxLength = undefined;
-            this.errorMessageTemplate = undefined;
-            this.placeholder = '';
-        }
-        return TdDynamicInputComponent;
-    }());
-    TdDynamicInputComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-input',
-                    template: "<div class=\"td-dynamic-input-wrapper\">\n  <mat-form-field class=\"td-dynamic-input-field\">\n    <mat-label>{{ label }}</mat-label>\n    <input\n      #elementInput\n      matInput\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      [type]=\"type\"\n      [required]=\"required\"\n      [attr.name]=\"name\"\n      [attr.min]=\"min\"\n      [attr.max]=\"max\"\n      [attr.minLength]=\"minLength\"\n      [attr.maxLength]=\"maxLength\"\n    />\n    <mat-hint>{{ hint }}</mat-hint>\n    <mat-error>\n      <ng-template\n        [ngTemplateOutlet]=\"errorMessageTemplate\"\n        [ngTemplateOutletContext]=\"{ control: control, errors: control?.errors }\"\n      ></ng-template>\n    </mat-error>\n  </mat-form-field>\n</div>\n",
-                    styles: [".td-dynamic-input-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dynamic-input-wrapper .td-dynamic-input-field{-ms-flex:1;box-sizing:border-box;flex:1}"]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.type;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.min;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.max;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.minLength;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.maxLength;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.errorMessageTemplate;
-        /** @type {?} */
-        TdDynamicInputComponent.prototype.placeholder;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-file-input/dynamic-file-input.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicFileInputComponent = /** @class */ (function () {
-        function TdDynamicFileInputComponent() {
-            this.required = undefined;
-            this.label = '';
-            this.name = '';
-            this.hint = '';
-            this.errorMessageTemplate = undefined;
-            this.placeholder = '';
-        }
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        TdDynamicFileInputComponent.prototype._handlefileDrop = function (value) {
-            this.control.setValue(value);
-        };
-        return TdDynamicFileInputComponent;
-    }());
-    TdDynamicFileInputComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-file-input',
-                    template: "<div class=\"td-dynamic-file-input-wrapper\">\n  <mat-form-field\n    tdFileDrop\n    class=\"td-dynamic-file-input-field\"\n    floatLabel=\"never\"\n    [disabled]=\"control?.disabled\"\n    (fileDrop)=\"_handlefileDrop($event)\"\n    (click)=\"!control?.disabled && fileInput.inputElement.click()\"\n    (keyup.enter)=\"!control?.disabled && fileInput.inputElement.click()\"\n    (keyup.delete)=\"fileInput.clear()\"\n    (keyup.backspace)=\"fileInput.clear()\"\n  >\n    <mat-label>{{ label }}</mat-label>\n    <input\n      matInput\n      [value]=\"control?.value?.name\"\n      [placeholder]=\"placeholder\"\n      [attr.name]=\"name\"\n      [disabled]=\"control?.disabled\"\n      readonly\n    />\n    <mat-hint>{{ hint }}</mat-hint>\n    <mat-error>\n      <ng-template\n        [ngTemplateOutlet]=\"errorMessageTemplate\"\n        [ngTemplateOutletContext]=\"{ control: control, errors: control?.errors }\"\n      ></ng-template>\n    </mat-error>\n  </mat-form-field>\n  <button mat-icon-button *ngIf=\"control.value\" (click)=\"fileInput.clear()\" (keyup.enter)=\"fileInput.clear()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n  <td-file-input class=\"td-file-input\" #fileInput [formControl]=\"control\">\n    <mat-icon>folder</mat-icon>\n    <span>{{ label }}</span>\n  </td-file-input>\n</div>\n",
-                    styles: [".td-dynamic-file-input-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dynamic-file-input-wrapper .td-dynamic-file-input-field{-ms-flex:1;box-sizing:border-box;flex:1}.td-file-input{margin-left:10px}"]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.errorMessageTemplate;
-        /** @type {?} */
-        TdDynamicFileInputComponent.prototype.placeholder;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-textarea/dynamic-textarea.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicTextareaComponent = /** @class */ (function () {
-        function TdDynamicTextareaComponent() {
-            this.label = '';
-            this.hint = '';
-            this.name = '';
-            this.required = undefined;
-            this.errorMessageTemplate = undefined;
-            this.placeholder = '';
-        }
-        return TdDynamicTextareaComponent;
-    }());
-    TdDynamicTextareaComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-textarea',
-                    template: "<div class=\"td-dynamic-textarea-wrapper\">\n  <mat-form-field class=\"td-dynamic-textarea-field\">\n    <mat-label>{{ label }}</mat-label>\n    <textarea\n      #elementInput\n      matInput\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      [attr.name]=\"name\"\n      rows=\"4\"\n    ></textarea>\n    <mat-hint>{{ hint }}</mat-hint>\n    <mat-error>\n      <ng-template\n        [ngTemplateOutlet]=\"errorMessageTemplate\"\n        [ngTemplateOutletContext]=\"{ control: control, errors: control?.errors }\"\n      ></ng-template>\n    </mat-error>\n  </mat-form-field>\n</div>\n",
-                    styles: [".td-dynamic-textarea-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dynamic-textarea-wrapper .td-dynamic-textarea-field{-ms-flex:1;box-sizing:border-box;flex:1}"]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.errorMessageTemplate;
-        /** @type {?} */
-        TdDynamicTextareaComponent.prototype.placeholder;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-slide-toggle/dynamic-slide-toggle.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicSlideToggleComponent = /** @class */ (function () {
-        function TdDynamicSlideToggleComponent() {
-            this.label = '';
-            this.name = '';
-            this.hint = '';
-            this.required = false;
-        }
-        return TdDynamicSlideToggleComponent;
-    }());
-    TdDynamicSlideToggleComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-slide-toggle',
-                    template: "<div class=\"td-dynamic-slide-toggle-wrapper\">\n  <mat-slide-toggle [formControl]=\"control\" [attr.name]=\"name\" [required]=\"required\">\n    {{ label }}\n  </mat-slide-toggle>\n  <span class=\"mat-hint td-dynamic-element-hint\">{{ hint }}</span>\n</div>\n",
-                    styles: [""]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicSlideToggleComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicSlideToggleComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicSlideToggleComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicSlideToggleComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicSlideToggleComponent.prototype.required;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-checkbox/dynamic-checkbox.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicCheckboxComponent = /** @class */ (function () {
-        function TdDynamicCheckboxComponent() {
-            this.label = '';
-            this.name = '';
-            this.hint = '';
-            this.required = false;
-        }
-        return TdDynamicCheckboxComponent;
-    }());
-    TdDynamicCheckboxComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-checkbox',
-                    template: "<div class=\"td-dynamic-checkbox-wrapper\">\n  <mat-checkbox [formControl]=\"control\" [name]=\"name\" [required]=\"required\">\n    {{ label }}\n  </mat-checkbox>\n  <span class=\"mat-hint td-dynamic-element-hint\">{{ hint }}</span>\n</div>\n",
-                    styles: [""]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicCheckboxComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicCheckboxComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicCheckboxComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicCheckboxComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicCheckboxComponent.prototype.required;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-slider/dynamic-slider.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicSliderComponent = /** @class */ (function () {
-        /**
-         * @param {?} _changeDetectorRef
-         */
-        function TdDynamicSliderComponent(_changeDetectorRef) {
-            this._changeDetectorRef = _changeDetectorRef;
-            this.label = '';
-            this.required = undefined;
-            this.name = '';
-            this.hint = '';
-            this.min = undefined;
-            this.max = undefined;
-        }
-        /**
-         * @return {?}
-         */
-        TdDynamicSliderComponent.prototype._handleBlur = function () {
-            var _this = this;
-            setTimeout(( /**
-             * @return {?}
-             */function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
-        };
-        return TdDynamicSliderComponent;
-    }());
-    TdDynamicSliderComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-slider',
-                    template: "<div\n  class=\"td-dynamic-slider-wrapper mat-form-field mat-form-field-can-float mat-form-field-should-float\"\n  [class.mat-focused]=\"slider._isActive\"\n>\n  <span class=\"mat-form-field-label-wrapper\">\n    <label class=\"mat-form-field-label mat-primary td-slider-label\">\n      {{ label }}\n      <span *ngIf=\"required && !control?.disabled\" class=\"mat-form-field-required-marker\">*</span>\n    </label>\n  </span>\n  <div class=\"td-dynamic-slider-field\">\n    <mat-slider\n      #slider\n      class=\"td-dynamic-slider\"\n      [formControl]=\"control\"\n      [attr.name]=\"name\"\n      [min]=\"min\"\n      [max]=\"max\"\n      thumbLabel\n      tickInterval=\"auto\"\n      [required]=\"required\"\n      (blur)=\"_handleBlur()\"\n    ></mat-slider>\n  </div>\n  <span class=\"mat-hint td-dynamic-element-hint\">{{ hint }}</span>\n</div>\n",
-                    styles: [":host .td-dynamic-slider-wrapper{display:block}.td-dynamic-slider-field{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;position:relative}.td-dynamic-slider-field .td-dynamic-slider{-ms-flex:1;flex:1}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdDynamicSliderComponent.ctorParameters = function () { return [
-        { type: core.ChangeDetectorRef }
-    ]; };
-    if (false) {
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.min;
-        /** @type {?} */
-        TdDynamicSliderComponent.prototype.max;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicSliderComponent.prototype._changeDetectorRef;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-select/dynamic-select.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicSelectComponent = /** @class */ (function () {
-        function TdDynamicSelectComponent() {
-            this.label = '';
-            this.hint = '';
-            this.name = '';
-            this.required = undefined;
-            this.selections = undefined;
-            this.multiple = undefined;
-            this.errorMessageTemplate = undefined;
-            this.placeholder = '';
-        }
-        return TdDynamicSelectComponent;
-    }());
-    TdDynamicSelectComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-select',
-                    template: "<div class=\"td-dynamic-select-wrapper\">\n  <mat-form-field class=\"td-dynamic-select-field\">\n    <mat-label>{{ label }}</mat-label>\n    <mat-select\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      [attr.name]=\"name\"\n      [multiple]=\"multiple\"\n    >\n      <mat-option *ngFor=\"let selection of selections\" [value]=\"selection.value || selection\">\n        {{ selection.label || selection }}\n      </mat-option>\n    </mat-select>\n    <mat-hint>{{ hint }}</mat-hint>\n    <mat-error>\n      <ng-template\n        [ngTemplateOutlet]=\"errorMessageTemplate\"\n        [ngTemplateOutletContext]=\"{ control: control, errors: control?.errors }\"\n      ></ng-template>\n    </mat-error>\n  </mat-form-field>\n</div>\n",
-                    styles: [".td-dynamic-select-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dynamic-select-wrapper .td-dynamic-select-field{-ms-flex:1;box-sizing:border-box;flex:1}"]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.selections;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.multiple;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.errorMessageTemplate;
-        /** @type {?} */
-        TdDynamicSelectComponent.prototype.placeholder;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-elements/dynamic-datepicker/dynamic-datepicker.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdDynamicDatepickerComponent = /** @class */ (function () {
-        function TdDynamicDatepickerComponent() {
-            this.label = '';
-            this.hint = '';
-            this.name = '';
-            this.type = undefined;
-            this.required = undefined;
-            this.min = undefined;
-            this.max = undefined;
-            this.errorMessageTemplate = undefined;
-            this.placeholder = '';
-        }
-        return TdDynamicDatepickerComponent;
-    }());
-    TdDynamicDatepickerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-datepicker',
-                    template: "<div class=\"td-dynamic-datepicker-wrapper\">\n  <mat-form-field class=\"td-dynamic-datepicker-field\">\n    <mat-label>{{ label }}</mat-label>\n    <input\n      #elementInput\n      matInput\n      [matDatepicker]=\"dynamicDatePicker\"\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      [name]=\"name\"\n      [min]=\"min\"\n      [max]=\"max\"\n    />\n    <mat-hint>{{ hint }}</mat-hint>\n    <mat-error>\n      <ng-template\n        [ngTemplateOutlet]=\"errorMessageTemplate\"\n        [ngTemplateOutletContext]=\"{ control: control, errors: control?.errors }\"\n      ></ng-template>\n    </mat-error>\n    <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\n    <mat-datepicker #dynamicDatePicker></mat-datepicker>\n  </mat-form-field>\n</div>\n",
-                    styles: [".td-dynamic-datepicker-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dynamic-datepicker-wrapper .td-dynamic-datepicker-field{-ms-flex:1;box-sizing:border-box;flex:1}"]
-                }] }
-    ];
-    if (false) {
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.control;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.label;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.hint;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.name;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.type;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.required;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.min;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.max;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.errorMessageTemplate;
-        /** @type {?} */
-        TdDynamicDatepickerComponent.prototype.placeholder;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: services/dynamic-forms.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @enum {string} */
-    var TdDynamicType = {
-        Text: "text",
-        Boolean: "boolean",
-        Number: "number",
-        Array: "array",
-        Date: "date",
-    };
-    /** @enum {string} */
-    var TdDynamicElement = {
-        Input: "input",
-        Datepicker: "datepicker",
-        Password: "password",
-        Textarea: "textarea",
-        Slider: "slider",
-        SlideToggle: "slide-toggle",
-        Checkbox: "checkbox",
-        Select: "select",
-        FileInput: "file-input",
-    };
-    /**
-     * @record
-     */
-    function ITdDynamicElementValidator() { }
-    if (false) {
-        /** @type {?} */
-        ITdDynamicElementValidator.prototype.validator;
-    }
-    /**
-     * @record
-     */
-    function ITdDynamicElementCustomConfig() { }
-    /**
-     * @record
-     */
-    function ITdDynamicElementConfig() { }
-    if (false) {
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.label;
-        /** @type {?} */
-        ITdDynamicElementConfig.prototype.name;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.hint;
-        /** @type {?} */
-        ITdDynamicElementConfig.prototype.type;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.required;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.disabled;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.min;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.max;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.minLength;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.maxLength;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.selections;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.multiple;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.default;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.flex;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.validators;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.customConfig;
-        /** @type {?|undefined} */
-        ITdDynamicElementConfig.prototype.placeholder;
-    }
-    /** @type {?} */
-    var DYNAMIC_ELEMENT_NAME_REGEX = /^[^0-9][^\@]*$/;
-    var TdDynamicFormsService = /** @class */ (function () {
-        function TdDynamicFormsService() {
-        }
-        /**
-         * Method to validate if the [name] is a proper element name.
-         * Throws error if name is not valid.
-         * @param {?} name
-         * @return {?}
-         */
-        TdDynamicFormsService.prototype.validateDynamicElementName = function (name) {
-            if (!DYNAMIC_ELEMENT_NAME_REGEX.test(name)) {
-                throw new Error('Dynamic element name: "${name}" is not valid.');
-            }
-        };
-        /**
-         * Gets component to be rendered depending on [TdDynamicElement | TdDynamicType]
-         * Throws error if it does not exists or not supported.
-         * @param {?} element
-         * @return {?}
-         */
-        TdDynamicFormsService.prototype.getDynamicElement = function (element) {
-            switch (element) {
-                case TdDynamicType.Text:
-                case TdDynamicType.Number:
-                case TdDynamicElement.Input:
-                case TdDynamicElement.Password:
-                    return TdDynamicInputComponent;
-                case TdDynamicElement.Textarea:
-                    return TdDynamicTextareaComponent;
-                case TdDynamicType.Boolean:
-                case TdDynamicElement.SlideToggle:
-                    return TdDynamicSlideToggleComponent;
-                case TdDynamicElement.Checkbox:
-                    return TdDynamicCheckboxComponent;
-                case TdDynamicElement.Slider:
-                    return TdDynamicSliderComponent;
-                case TdDynamicType.Array:
-                case TdDynamicElement.Select:
-                    return TdDynamicSelectComponent;
-                case TdDynamicElement.FileInput:
-                    return TdDynamicFileInputComponent;
-                case TdDynamicElement.Datepicker:
-                case TdDynamicType.Date:
-                    return TdDynamicDatepickerComponent;
-                default:
-                    throw new Error("Error: type " + element + " does not exist or not supported.");
-            }
-        };
-        /**
-         * Creates form control for element depending [ITdDynamicElementConfig] properties.
-         * @param {?} config
-         * @return {?}
-         */
-        TdDynamicFormsService.prototype.createFormControl = function (config) {
-            /** @type {?} */
-            var validator = this.createValidators(config);
-            return new forms.FormControl({ value: config.default, disabled: config.disabled }, validator);
-        };
-        /**
-         * Creates form validationdepending [ITdDynamicElementConfig] properties.
-         * @param {?} config
-         * @return {?}
-         */
-        TdDynamicFormsService.prototype.createValidators = function (config) {
-            /** @type {?} */
-            var validator;
-            if (config.required) {
-                validator = forms.Validators.required;
-            }
-            if (config.max || config.max === 0) {
-                validator = forms.Validators.compose([validator, forms.Validators.max(parseFloat(config.max))]);
-            }
-            if (config.min || config.min === 0) {
-                validator = forms.Validators.compose([validator, forms.Validators.min(parseFloat(config.min))]);
-            }
-            if (config.maxLength || config.maxLength === 0) {
-                validator = forms.Validators.compose([validator, forms.Validators.maxLength(parseFloat(config.maxLength))]);
-            }
-            if (config.minLength || config.minLength === 0) {
-                validator = forms.Validators.compose([validator, forms.Validators.minLength(parseFloat(config.minLength))]);
-            }
-            // Add provided custom validators to the validator function
-            if (config.validators) {
-                config.validators.forEach(( /**
-                 * @param {?} validatorConfig
-                 * @return {?}
-                 */function (validatorConfig) {
-                    validator = forms.Validators.compose([validator, validatorConfig.validator]);
-                }));
-            }
-            return validator;
-        };
-        return TdDynamicFormsService;
-    }());
-    TdDynamicFormsService.decorators = [
-        { type: core.Injectable }
-    ];
-    /**
-     * @param {?} parent
-     * @return {?}
-     */
-    function DYNAMIC_FORMS_PROVIDER_FACTORY(parent) {
-        return parent || new TdDynamicFormsService();
-    }
-    /** @type {?} */
-    var DYNAMIC_FORMS_PROVIDER = {
-        // If there is already a service available, use that. Otherwise, provide a new one.
-        provide: TdDynamicFormsService,
-        deps: [[new core.Optional(), new core.SkipSelf(), TdDynamicFormsService]],
-        useFactory: DYNAMIC_FORMS_PROVIDER_FACTORY,
-    };
-
-    var TdDynamicElementBase = /** @class */ (function () {
-        /**
-         * @param {?} _changeDetectorRef
-         */
-        function TdDynamicElementBase(_changeDetectorRef) {
-            this._changeDetectorRef = _changeDetectorRef;
-        }
-        return TdDynamicElementBase;
-    }());
-    if (false) {
-        /** @type {?} */
-        TdDynamicElementBase.prototype._changeDetectorRef;
-    }
-    /* tslint:disable-next-line */
-    /** @type {?} */
-    var _TdDynamicElementMixinBase = common.mixinControlValueAccessor(TdDynamicElementBase);
-    var TdDynamicFormsErrorTemplateDirective = /** @class */ (function (_super) {
-        __extends(TdDynamicFormsErrorTemplateDirective, _super);
-        /**
-         * @param {?} templateRef
-         * @param {?} viewContainerRef
-         */
-        function TdDynamicFormsErrorTemplateDirective(templateRef, viewContainerRef) {
-            var _this = _super.call(this, templateRef, viewContainerRef) || this;
-            _this.templateRef = templateRef;
-            return _this;
-        }
-        return TdDynamicFormsErrorTemplateDirective;
-    }(portal.TemplatePortalDirective));
-    TdDynamicFormsErrorTemplateDirective.decorators = [
-        { type: core.Directive, args: [{ selector: '[tdDynamicFormsError]ng-template' },] }
-    ];
-    /** @nocollapse */
-    TdDynamicFormsErrorTemplateDirective.ctorParameters = function () { return [
-        { type: core.TemplateRef },
-        { type: core.ViewContainerRef }
-    ]; };
-    TdDynamicFormsErrorTemplateDirective.propDecorators = {
-        tdDynamicFormsError: [{ type: core.Input }]
-    };
-    if (false) {
-        /** @type {?} */
-        TdDynamicFormsErrorTemplateDirective.prototype.tdDynamicFormsError;
-        /** @type {?} */
-        TdDynamicFormsErrorTemplateDirective.prototype.templateRef;
-    }
-    var TdDynamicElementDirective = /** @class */ (function () {
-        /**
-         * @param {?} viewContainer
-         */
-        function TdDynamicElementDirective(viewContainer) {
-            this.viewContainer = viewContainer;
-        }
-        return TdDynamicElementDirective;
-    }());
-    TdDynamicElementDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[tdDynamicContainer]',
-                },] }
-    ];
-    /** @nocollapse */
-    TdDynamicElementDirective.ctorParameters = function () { return [
-        { type: core.ViewContainerRef }
-    ]; };
-    if (false) {
-        /** @type {?} */
-        TdDynamicElementDirective.prototype.viewContainer;
-    }
-    var TdDynamicElementComponent = /** @class */ (function (_super) {
-        __extends(TdDynamicElementComponent, _super);
-        /**
-         * @param {?} _componentFactoryResolver
-         * @param {?} _dynamicFormsService
-         * @param {?} _changeDetectorRef
-         */
-        function TdDynamicElementComponent(_componentFactoryResolver, _dynamicFormsService, _changeDetectorRef) {
-            var _this = _super.call(this, _changeDetectorRef) || this;
-            _this._componentFactoryResolver = _componentFactoryResolver;
-            _this._dynamicFormsService = _dynamicFormsService;
-            /**
-             * Sets label to be displayed.
-             */
-            _this.label = '';
-            /**
-             * Sets hint to be displayed.
-             */
-            _this.hint = '';
-            /**
-             * Sets name to be displayed as attribute.
-             */
-            _this.name = '';
-            /**
-             * Sets type or element of element to be rendered.
-             * Throws error if does not exist or no supported.
-             */
-            _this.type = undefined;
-            /**
-             * Sets required validation checkup (if supported by element).
-             */
-            _this.required = undefined;
-            /**
-             * Sets min validation checkup (if supported by element).
-             */
-            _this.min = undefined;
-            /**
-             * Sets max validation checkup (if supported by element).
-             */
-            _this.max = undefined;
-            /**
-             * Sets minLength validation checkup (if supported by element).
-             */
-            _this.minLength = undefined;
-            /**
-             * Sets maxLength validation checkup (if supported by element).
-             */
-            _this.maxLength = undefined;
-            /**
-             * Sets selections for array elements (if supported by element).
-             */
-            _this.selections = undefined;
-            /**
-             * Sets multiple property for array elements (if supported by element).
-             */
-            _this.multiple = undefined;
-            /**
-             * Sets error message template so it can be injected into dynamic components.
-             */
-            _this.errorMessageTemplate = undefined;
-            /**
-             * Sets the placeholder message
-             */
-            _this.placeholder = '';
-            return _this;
-        }
-        Object.defineProperty(TdDynamicElementComponent.prototype, "maxAttr", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this.max;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicElementComponent.prototype, "minAttr", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this.min;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        TdDynamicElementComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            /** @type {?} */
-            var component = ( /** @type {?} */(this.type)) instanceof core.Type ? this.type : this._dynamicFormsService.getDynamicElement(this.type);
-            /** @type {?} */
-            var ref = this._componentFactoryResolver
-                .resolveComponentFactory(component)
-                .create(this.childElement.viewContainer.injector);
-            this.childElement.viewContainer.insert(ref.hostView);
-            this._instance = ref.instance;
-            this._instance.control = this.dynamicControl;
-            this._instance.label = this.label;
-            this._instance.hint = this.hint;
-            this._instance.name = this.name;
-            this._instance.type = this.type;
-            this._instance.value = this.value;
-            this._instance.required = this.required;
-            this._instance.min = this.min;
-            this._instance.max = this.max;
-            this._instance.minLength = this.minLength;
-            this._instance.maxLength = this.maxLength;
-            this._instance.selections = this.selections;
-            this._instance.multiple = this.multiple;
-            this._instance.errorMessageTemplate = this.errorMessageTemplate;
-            this._instance.placeholder = this.placeholder;
-            if (this.customConfig) {
-                Object.getOwnPropertyNames(this.customConfig).forEach(( /**
-                 * @param {?} name
-                 * @return {?}
-                 */function (name) {
-                    _this._instance[name] = _this.customConfig[name];
-                }));
-            }
-        };
-        /**
-         * Reassign any inputs that have changed
-         * @param {?} changes
-         * @return {?}
-         */
-        TdDynamicElementComponent.prototype.ngOnChanges = function (changes) {
-            var e_1, _a;
-            if (this._instance) {
-                try {
-                    for (var _b = __values(Object.keys(changes)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var prop = _c.value;
-                        this._instance[prop] = changes[prop].currentValue;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        return TdDynamicElementComponent;
-    }(_TdDynamicElementMixinBase));
-    TdDynamicElementComponent.decorators = [
-        { type: core.Component, args: [{
-                    providers: [
-                        TdDynamicFormsService,
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            useExisting: core.forwardRef(( /**
-                             * @return {?}
-                             */function () { return TdDynamicElementComponent; })),
-                            multi: true,
-                        },
-                    ],
-                    selector: 'td-dynamic-element',
-                    template: '<div tdDynamicContainer></div>'
-                }] }
-    ];
-    /** @nocollapse */
-    TdDynamicElementComponent.ctorParameters = function () { return [
-        { type: core.ComponentFactoryResolver },
-        { type: TdDynamicFormsService },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    TdDynamicElementComponent.propDecorators = {
-        dynamicControl: [{ type: core.Input }],
-        label: [{ type: core.Input }],
-        hint: [{ type: core.Input }],
-        name: [{ type: core.Input }],
-        type: [{ type: core.Input }],
-        required: [{ type: core.Input }],
-        min: [{ type: core.Input }],
-        max: [{ type: core.Input }],
-        minLength: [{ type: core.Input }],
-        maxLength: [{ type: core.Input }],
-        selections: [{ type: core.Input }],
-        multiple: [{ type: core.Input }],
-        customConfig: [{ type: core.Input }],
-        errorMessageTemplate: [{ type: core.Input }],
-        placeholder: [{ type: core.Input }],
-        childElement: [{ type: core.ViewChild, args: [TdDynamicElementDirective, { static: true },] }],
-        maxAttr: [{ type: core.HostBinding, args: ['attr.max',] }],
-        minAttr: [{ type: core.HostBinding, args: ['attr.min',] }]
-    };
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicElementComponent.prototype._instance;
-        /**
-         * Sets form control of the element.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.dynamicControl;
-        /**
-         * Sets label to be displayed.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.label;
-        /**
-         * Sets hint to be displayed.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.hint;
-        /**
-         * Sets name to be displayed as attribute.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.name;
-        /**
-         * Sets type or element of element to be rendered.
-         * Throws error if does not exist or no supported.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.type;
-        /**
-         * Sets required validation checkup (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.required;
-        /**
-         * Sets min validation checkup (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.min;
-        /**
-         * Sets max validation checkup (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.max;
-        /**
-         * Sets minLength validation checkup (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.minLength;
-        /**
-         * Sets maxLength validation checkup (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.maxLength;
-        /**
-         * Sets selections for array elements (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.selections;
-        /**
-         * Sets multiple property for array elements (if supported by element).
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.multiple;
-        /**
-         * Sets any additional properties on custom component.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.customConfig;
-        /**
-         * Sets error message template so it can be injected into dynamic components.
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.errorMessageTemplate;
-        /**
-         * Sets the placeholder message
-         * @type {?}
-         */
-        TdDynamicElementComponent.prototype.placeholder;
-        /** @type {?} */
-        TdDynamicElementComponent.prototype.childElement;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicElementComponent.prototype._componentFactoryResolver;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicElementComponent.prototype._dynamicFormsService;
-    }
-
-    var TdDynamicFormsComponent = /** @class */ (function () {
-        /**
-         * @param {?} _formBuilder
-         * @param {?} _dynamicFormsService
-         * @param {?} _changeDetectorRef
-         */
-        function TdDynamicFormsComponent(_formBuilder, _dynamicFormsService, _changeDetectorRef) {
-            this._formBuilder = _formBuilder;
-            this._dynamicFormsService = _dynamicFormsService;
-            this._changeDetectorRef = _changeDetectorRef;
-            this._renderedElements = [];
-            this._templateMap = new Map();
-            this._destroy$ = new rxjs.Subject();
-            this._destroyControl$ = new rxjs.Subject();
-            this.dynamicForm = this._formBuilder.group({});
-        }
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "elements", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._renderedElements;
-            },
-            /**
-             * elements: ITdDynamicElementConfig[]
-             * JS Object that will render the elements depending on its config.
-             * [name] property is required.
-             * @param {?} elements
-             * @return {?}
-             */
-            set: function (elements) {
-                if (elements) {
-                    this._elements = elements;
-                }
-                else {
-                    this._elements = [];
-                }
-                this._rerenderElements();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "form", {
-            /**
-             * Getter property for dynamic [FormGroup].
-             * @return {?}
-             */
-            get: function () {
-                return this.dynamicForm;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "valid", {
-            /**
-             * Getter property for [valid] of dynamic [FormGroup].
-             * @return {?}
-             */
-            get: function () {
-                if (this.dynamicForm) {
-                    return this.dynamicForm.valid;
-                }
-                return false;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "value", {
-            /**
-             * Getter property for [value] of dynamic [FormGroup].
-             * @return {?}
-             */
-            get: function () {
-                if (this.dynamicForm) {
-                    return this.dynamicForm.value;
-                }
-                return {};
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "errors", {
-            /**
-             * Getter property for [errors] of dynamic [FormGroup].
-             * @return {?}
-             */
-            get: function () {
-                var e_1, _a;
-                if (this.dynamicForm) {
-                    /** @type {?} */
-                    var errors = {};
-                    try {
-                        for (var _b = __values(Object.keys(this.dynamicForm.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                            var name = _c.value;
-                            errors[name] = this.dynamicForm.controls[name].errors;
-                        }
-                    }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                    finally {
-                        try {
-                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                    }
-                    return errors;
-                }
-                return {};
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdDynamicFormsComponent.prototype, "controls", {
-            /**
-             * Getter property for [controls] of dynamic [FormGroup].
-             * @return {?}
-             */
-            get: function () {
-                if (this.dynamicForm) {
-                    return this.dynamicForm.controls;
-                }
-                return {};
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype.ngAfterContentInit = function () {
-            this._updateErrorTemplates();
-        };
-        /**
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype.ngOnDestroy = function () {
-            this._destroy$.next();
-            this._destroy$.complete();
-            this._destroyControl$.complete();
-        };
-        /**
-         * Refreshes the form and rerenders all validator/element modifications.
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype.refresh = function () {
-            this._rerenderElements();
-            this._updateErrorTemplates();
-        };
-        /**
-         * Getter method for error template references
-         * @param {?} name
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype.getErrorTemplateRef = function (name) {
-            return this._templateMap.get(name);
-        };
-        /**
-         * Loads error templates and sets them in a map for faster access.
-         * @private
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype._updateErrorTemplates = function () {
-            var e_2, _a;
-            this._templateMap = new Map();
-            try {
-                for (var _b = __values(this._errorTemplates.toArray()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var errorTemplate = _c.value;
-                    this._templateMap.set(errorTemplate.tdDynamicFormsError, errorTemplate.templateRef);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype._rerenderElements = function () {
-            var _this = this;
-            this._clearRemovedElements();
-            this._renderedElements = [];
-            /** @type {?} */
-            var duplicates = [];
-            this._elements.forEach(( /**
-             * @param {?} elem
-             * @return {?}
-             */function (elem) {
-                _this._dynamicFormsService.validateDynamicElementName(elem.name);
-                if (duplicates.indexOf(elem.name) > -1) {
-                    throw new Error("Dynamic element name: \"" + elem.name + "\" is duplicated");
-                }
-                duplicates.push(elem.name);
-                /** @type {?} */
-                var dynamicElement = _this.dynamicForm.get(elem.name);
-                if (!dynamicElement) {
-                    _this.dynamicForm.addControl(elem.name, _this._dynamicFormsService.createFormControl(elem));
-                    _this._subscribeToControlStatusChanges(elem.name);
-                }
-                else {
-                    dynamicElement.setValue(elem.default);
-                    dynamicElement.markAsPristine();
-                    dynamicElement.markAsUntouched();
-                    if (elem.disabled) {
-                        dynamicElement.disable();
-                    }
-                    else {
-                        dynamicElement.enable();
-                    }
-                    dynamicElement.setValidators(_this._dynamicFormsService.createValidators(elem));
-                }
-                // copy objects so they are only changes when calling this method
-                _this._renderedElements.push(Object.assign({}, elem));
-            }));
-            // call a change detection since the whole form might change
-            this._changeDetectorRef.detectChanges();
-            rxjs.timer()
-                .toPromise()
-                .then(( /**
-         * @return {?}
-         */function () {
-                // call a markForCheck so elements are rendered correctly in OnPush
-                _this._changeDetectorRef.markForCheck();
-            }));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype._clearRemovedElements = function () {
-            var _this = this;
-            this._renderedElements = this._renderedElements.filter(( /**
-             * @param {?} renderedElement
-             * @return {?}
-             */function (renderedElement) { return !_this._elements.some(( /**
-             * @param {?} element
-             * @return {?}
-             */function (element) { return element.name === renderedElement.name; })); }));
-            // remove elements that were removed from the array
-            this._renderedElements.forEach(( /**
-             * @param {?} elem
-             * @return {?}
-             */function (elem) {
-                _this._destroyControl$.next(elem.name);
-                _this.dynamicForm.removeControl(elem.name);
-            }));
-        };
-        // Updates component when manually adding errors to controls
-        /**
-         * @private
-         * @param {?} elementName
-         * @return {?}
-         */
-        TdDynamicFormsComponent.prototype._subscribeToControlStatusChanges = function (elementName) {
-            var _this = this;
-            /** @type {?} */
-            var control = this.controls[elementName];
-            /** @type {?} */
-            var controlDestroyed$ = this._destroyControl$.pipe(operators.filter(( /**
-             * @param {?} destroyedElementName
-             * @return {?}
-             */function (destroyedElementName) { return destroyedElementName === elementName; })));
-            control.statusChanges.pipe(operators.takeUntil(this._destroy$), operators.takeUntil(controlDestroyed$)).subscribe(( /**
-             * @return {?}
-             */function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
-        };
-        return TdDynamicFormsComponent;
-    }());
-    TdDynamicFormsComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-dynamic-forms',
-                    template: "<form [formGroup]=\"dynamicForm\" novalidate>\n  <div class=\"td-dynamic-form-wrapper\">\n    <ng-template let-element ngFor [ngForOf]=\"elements\">\n      <div\n        class=\"td-dynamic-element-wrapper\"\n        [style.max-width.%]=\"element.flex ? element.flex : 100\"\n        [style.flex]=\"'1 1 ' + (element.flex ? element.flex : 100) + '%'\"\n        [style.-ms-flex]=\"'1 1 ' + (element.flex ? element.flex : 100) + '%'\"\n        [style.-webkit-box-flex]=\"1\"\n      >\n        <td-dynamic-element\n          #dynamicElement\n          *ngIf=\"dynamicForm.controls[element.name]\"\n          [formControlName]=\"element.name\"\n          [dynamicControl]=\"dynamicForm.controls[element.name]\"\n          [id]=\"element.name\"\n          [name]=\"element.name\"\n          [label]=\"element.label || element.name\"\n          [hint]=\"element.hint\"\n          [type]=\"element.type\"\n          [required]=\"element.required\"\n          [min]=\"element.min\"\n          [max]=\"element.max\"\n          [minLength]=\"element.minLength\"\n          [maxLength]=\"element.maxLength\"\n          [selections]=\"element.selections\"\n          [multiple]=\"element.multiple\"\n          [customConfig]=\"element.customConfig\"\n          [errorMessageTemplate]=\"getErrorTemplateRef(element.name)\"\n          [placeholder]=\"element.placeholder\"\n        ></td-dynamic-element>\n      </div>\n    </ng-template>\n  </div>\n  <ng-content></ng-content>\n</form>\n",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".td-dynamic-form-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;-ms-flex-wrap:wrap;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;max-width:100%}.td-dynamic-form-wrapper ::ng-deep .mat-form-field-infix{width:auto}.td-dynamic-form-wrapper ::ng-deep .td-dynamic-element-hint{display:block;font-size:75%}.td-dynamic-form-wrapper .td-dynamic-element-wrapper{box-sizing:border-box;max-height:100%;padding:4px 4px 8px;position:relative}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdDynamicFormsComponent.ctorParameters = function () { return [
-        { type: forms.FormBuilder },
-        { type: TdDynamicFormsService },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    TdDynamicFormsComponent.propDecorators = {
-        _errorTemplates: [{ type: core.ContentChildren, args: [TdDynamicFormsErrorTemplateDirective, { descendants: true },] }],
-        elements: [{ type: core.Input, args: ['elements',] }]
-    };
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._renderedElements;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._elements;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._templateMap;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._destroy$;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._destroyControl$;
-        /** @type {?} */
-        TdDynamicFormsComponent.prototype._errorTemplates;
-        /** @type {?} */
-        TdDynamicFormsComponent.prototype.dynamicForm;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._formBuilder;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._dynamicFormsService;
-        /**
-         * @type {?}
-         * @private
-         */
-        TdDynamicFormsComponent.prototype._changeDetectorRef;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: dynamic-forms.module.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @type {?} */
-    var TD_DYNAMIC_FORMS = [
-        TdDynamicFormsComponent,
-        TdDynamicElementComponent,
-        TdDynamicElementDirective,
-        TdDynamicFormsErrorTemplateDirective,
-    ];
-    /** @type {?} */
-    var TD_DYNAMIC_FORMS_ENTRY_COMPONENTS = [
-        TdDynamicInputComponent,
-        TdDynamicFileInputComponent,
-        TdDynamicTextareaComponent,
-        TdDynamicSlideToggleComponent,
-        TdDynamicCheckboxComponent,
-        TdDynamicSliderComponent,
-        TdDynamicSelectComponent,
-        TdDynamicDatepickerComponent,
-    ];
-    var CovalentDynamicFormsModule = /** @class */ (function () {
-        function CovalentDynamicFormsModule() {
-        }
-        return CovalentDynamicFormsModule;
-    }());
-    CovalentDynamicFormsModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [TD_DYNAMIC_FORMS, TD_DYNAMIC_FORMS_ENTRY_COMPONENTS],
-                    imports: [
-                        common$1.CommonModule,
-                        forms.ReactiveFormsModule,
-                        formField.MatFormFieldModule,
-                        input.MatInputModule,
-                        select.MatSelectModule,
-                        checkbox.MatCheckboxModule,
-                        slider.MatSliderModule,
-                        slideToggle.MatSlideToggleModule,
-                        icon.MatIconModule,
-                        button.MatButtonModule,
-                        datepicker.MatDatepickerModule,
-                        common.CovalentCommonModule,
-                        file.CovalentFileModule,
-                    ],
-                    exports: [TD_DYNAMIC_FORMS, TD_DYNAMIC_FORMS_ENTRY_COMPONENTS],
-                    providers: [DYNAMIC_FORMS_PROVIDER],
-                },] }
-    ];
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: public_api.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: index.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: covalent-dynamic-forms.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    exports.CovalentDynamicFormsModule = CovalentDynamicFormsModule;
-    exports.DYNAMIC_ELEMENT_NAME_REGEX = DYNAMIC_ELEMENT_NAME_REGEX;
-    exports.DYNAMIC_FORMS_PROVIDER = DYNAMIC_FORMS_PROVIDER;
-    exports.DYNAMIC_FORMS_PROVIDER_FACTORY = DYNAMIC_FORMS_PROVIDER_FACTORY;
-    exports.TdDynamicCheckboxComponent = TdDynamicCheckboxComponent;
-    exports.TdDynamicDatepickerComponent = TdDynamicDatepickerComponent;
-    exports.TdDynamicElement = TdDynamicElement;
-    exports.TdDynamicElementBase = TdDynamicElementBase;
-    exports.TdDynamicElementComponent = TdDynamicElementComponent;
-    exports.TdDynamicElementDirective = TdDynamicElementDirective;
-    exports.TdDynamicFileInputComponent = TdDynamicFileInputComponent;
-    exports.TdDynamicFormsComponent = TdDynamicFormsComponent;
-    exports.TdDynamicFormsErrorTemplateDirective = TdDynamicFormsErrorTemplateDirective;
-    exports.TdDynamicFormsService = TdDynamicFormsService;
-    exports.TdDynamicInputComponent = TdDynamicInputComponent;
-    exports.TdDynamicSelectComponent = TdDynamicSelectComponent;
-    exports.TdDynamicSlideToggleComponent = TdDynamicSlideToggleComponent;
-    exports.TdDynamicSliderComponent = TdDynamicSliderComponent;
-    exports.TdDynamicTextareaComponent = TdDynamicTextareaComponent;
-    exports.TdDynamicType = TdDynamicType;
-    exports._TdDynamicElementMixinBase = _TdDynamicElementMixinBase;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=covalent-dynamic-forms.umd.js.map