@covalent/dynamic-forms 3.1.2 → 4.0.0-beta.2

package/covalent-dynamic-forms.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@covalent/dynamic-forms" />
 export * from './index';

package/dynamic-element.component.d.ts

@@ -5,6 +5,7 @@ import { FormControl } from '@angular/forms';
 import { TemplatePortalDirective } from '@angular/cdk/portal';
 import { IControlValueAccessor } from '@covalent/core/common';
 import { TdDynamicElement, TdDynamicType, TdDynamicFormsService, ITdDynamicElementCustomConfig } from './services/dynamic-forms.service';
+import * as i0 from "@angular/core";
 export declare class TdDynamicElementBase {
     _changeDetectorRef: ChangeDetectorRef;
     constructor(_changeDetectorRef: ChangeDetectorRef);
@@ -14,10 +15,14 @@ export declare class TdDynamicFormsErrorTemplateDirective extends TemplatePortal
     templateRef: TemplateRef<any>;
     tdDynamicFormsError: string;
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicFormsErrorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdDynamicFormsErrorTemplateDirective, "[tdDynamicFormsError]ng-template", never, { "tdDynamicFormsError": "tdDynamicFormsError"; }, {}, never>;
 }
 export declare class TdDynamicElementDirective {
     viewContainer: ViewContainerRef;
     constructor(viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdDynamicElementDirective, "[tdDynamicContainer]", never, {}, {}, never>;
 }
 export declare class TdDynamicElementComponent extends _TdDynamicElementMixinBase implements IControlValueAccessor, OnInit, OnChanges {
     private _componentFactoryResolver;
@@ -93,4 +98,6 @@ export declare class TdDynamicElementComponent extends _TdDynamicElementMixinBas
      * Reassign any inputs that have changed
      */
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicElementComponent, "td-dynamic-element", never, { "dynamicControl": "dynamicControl"; "label": "label"; "hint": "hint"; "name": "name"; "type": "type"; "required": "required"; "min": "min"; "max": "max"; "minLength": "minLength"; "maxLength": "maxLength"; "selections": "selections"; "multiple": "multiple"; "customConfig": "customConfig"; "errorMessageTemplate": "errorMessageTemplate"; "placeholder": "placeholder"; }, {}, never, never>;
 }

package/dynamic-elements/dynamic-checkbox/dynamic-checkbox.component.d.ts

@@ -1,8 +1,11 @@
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicCheckboxComponent {
     control: FormControl;
     label: string;
     name: string;
     hint: string;
     required: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicCheckboxComponent, "td-dynamic-checkbox", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-datepicker/dynamic-datepicker.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicDatepickerComponent {
     control: FormControl;
     label: string;
@@ -11,4 +12,6 @@ export declare class TdDynamicDatepickerComponent {
     max: number;
     errorMessageTemplate: TemplateRef<any>;
     placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicDatepickerComponent, "td-dynamic-datepicker", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-datepicker/dynamic-datepicker.component.scss

@@ -4,6 +4,7 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-datepicker-field {
     // [flex]
     flex: 1;

package/dynamic-elements/dynamic-file-input/dynamic-file-input.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicFileInputComponent {
     control: FormControl;
     required: boolean;
@@ -9,4 +10,6 @@ export declare class TdDynamicFileInputComponent {
     errorMessageTemplate: TemplateRef<any>;
     placeholder: string;
     _handlefileDrop(value: File): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicFileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicFileInputComponent, "td-dynamic-file-input", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-file-input/dynamic-file-input.component.scss

@@ -4,12 +4,14 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-file-input-field {
     // [flex]
     flex: 1;
     box-sizing: border-box;
   }
 }
+
 .td-file-input {
   margin-left: 10px;
 }

package/dynamic-elements/dynamic-input/dynamic-input.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicInputComponent {
     control: FormControl;
     label: string;
@@ -13,4 +14,6 @@ export declare class TdDynamicInputComponent {
     maxLength: number;
     errorMessageTemplate: TemplateRef<any>;
     placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicInputComponent, "td-dynamic-input", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-input/dynamic-input.component.scss

@@ -4,6 +4,7 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-input-field {
     // [flex]
     flex: 1;

package/dynamic-elements/dynamic-select/dynamic-select.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicSelectComponent {
     control: FormControl;
     label: string;
@@ -10,4 +11,6 @@ export declare class TdDynamicSelectComponent {
     multiple: boolean;
     errorMessageTemplate: TemplateRef<any>;
     placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicSelectComponent, "td-dynamic-select", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-select/dynamic-select.component.scss

@@ -4,6 +4,7 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-select-field {
     // [flex]
     flex: 1;

package/dynamic-elements/dynamic-slide-toggle/dynamic-slide-toggle.component.d.ts

@@ -1,8 +1,11 @@
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicSlideToggleComponent {
     control: FormControl;
     label: string;
     name: string;
     hint: string;
     required: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicSlideToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicSlideToggleComponent, "td-dynamic-slide-toggle", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-slider/dynamic-slider.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicSliderComponent {
     private _changeDetectorRef;
     control: FormControl;
@@ -11,4 +12,6 @@ export declare class TdDynamicSliderComponent {
     max: number;
     constructor(_changeDetectorRef: ChangeDetectorRef);
     _handleBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicSliderComponent, "td-dynamic-slider", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-slider/dynamic-slider.component.scss

@@ -3,6 +3,7 @@
     display: block;
   }
 }
+
 .td-dynamic-slider-field {
   position: relative;
   // [layout="row"]
@@ -10,6 +11,7 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-slider {
     // [flex]
     flex: 1;

package/dynamic-elements/dynamic-textarea/dynamic-textarea.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdDynamicTextareaComponent {
     control: FormControl;
     label: string;
@@ -8,4 +9,6 @@ export declare class TdDynamicTextareaComponent {
     required: boolean;
     errorMessageTemplate: TemplateRef<any>;
     placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicTextareaComponent, "td-dynamic-textarea", never, {}, {}, never, never>;
 }

package/dynamic-elements/dynamic-textarea/dynamic-textarea.component.scss

@@ -4,6 +4,7 @@
   // [layout]
   display: flex;
   box-sizing: border-box;
+
   .td-dynamic-textarea-field {
     // [flex]
     flex: 1;

package/dynamic-forms.component.d.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, TemplateRef, QueryList, AfterContentInit, OnDestroy
 import { FormGroup, FormBuilder, AbstractControl } from '@angular/forms';
 import { TdDynamicFormsService, ITdDynamicElementConfig } from './services/dynamic-forms.service';
 import { TdDynamicFormsErrorTemplateDirective } from './dynamic-element.component';
+import * as i0 from "@angular/core";
 export declare class TdDynamicFormsComponent implements AfterContentInit, OnDestroy {
     private _formBuilder;
     private _dynamicFormsService;
@@ -62,4 +63,6 @@ export declare class TdDynamicFormsComponent implements AfterContentInit, OnDest
     private _rerenderElements;
     private _clearRemovedElements;
     private _subscribeToControlStatusChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDynamicFormsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDynamicFormsComponent, "td-dynamic-forms", never, { "elements": "elements"; }, {}, ["_errorTemplates"], ["*"]>;
 }

package/dynamic-forms.component.scss

@@ -1,25 +1,23 @@
 .td-dynamic-form-wrapper {
+  flex-flow: row wrap;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  max-width: 100%;
+  justify-content: flex-start;
+
   ::ng-deep {
     .mat-form-field-infix {
       width: auto;
     }
+
     .td-dynamic-element-hint {
       font-size: 75%;
       display: block;
     }
   }
-  // [layout-wrap]
-  flex-wrap: wrap;
-  // [layout]
-  box-sizing: border-box;
-  display: flex;
-  // [layout="row"]
-  flex-direction: row;
-  // [layout-align="start center"]
-  align-items: center;
-  align-content: center;
-  max-width: 100%;
-  justify-content: flex-start;
+
   .td-dynamic-element-wrapper {
     max-height: 100%;
     box-sizing: border-box;

package/dynamic-forms.module.d.ts

@@ -1,2 +1,29 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dynamic-forms.component";
+import * as i2 from "./dynamic-element.component";
+import * as i3 from "./dynamic-elements/dynamic-input/dynamic-input.component";
+import * as i4 from "./dynamic-elements/dynamic-file-input/dynamic-file-input.component";
+import * as i5 from "./dynamic-elements/dynamic-textarea/dynamic-textarea.component";
+import * as i6 from "./dynamic-elements/dynamic-slide-toggle/dynamic-slide-toggle.component";
+import * as i7 from "./dynamic-elements/dynamic-checkbox/dynamic-checkbox.component";
+import * as i8 from "./dynamic-elements/dynamic-slider/dynamic-slider.component";
+import * as i9 from "./dynamic-elements/dynamic-select/dynamic-select.component";
+import * as i10 from "./dynamic-elements/dynamic-datepicker/dynamic-datepicker.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/forms";
+import * as i13 from "@angular/material/form-field";
+import * as i14 from "@angular/material/input";
+import * as i15 from "@angular/material/select";
+import * as i16 from "@angular/material/checkbox";
+import * as i17 from "@angular/material/slider";
+import * as i18 from "@angular/material/slide-toggle";
+import * as i19 from "@angular/material/icon";
+import * as i20 from "@angular/material/button";
+import * as i21 from "@angular/material/datepicker";
+import * as i22 from "@covalent/core/common";
+import * as i23 from "@covalent/core/file";
 export declare class CovalentDynamicFormsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentDynamicFormsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentDynamicFormsModule, [typeof i1.TdDynamicFormsComponent, typeof i2.TdDynamicElementComponent, typeof i2.TdDynamicElementDirective, typeof i2.TdDynamicFormsErrorTemplateDirective, typeof i3.TdDynamicInputComponent, typeof i4.TdDynamicFileInputComponent, typeof i5.TdDynamicTextareaComponent, typeof i6.TdDynamicSlideToggleComponent, typeof i7.TdDynamicCheckboxComponent, typeof i8.TdDynamicSliderComponent, typeof i9.TdDynamicSelectComponent, typeof i10.TdDynamicDatepickerComponent], [typeof i11.CommonModule, typeof i12.ReactiveFormsModule, typeof i13.MatFormFieldModule, typeof i14.MatInputModule, typeof i15.MatSelectModule, typeof i16.MatCheckboxModule, typeof i17.MatSliderModule, typeof i18.MatSlideToggleModule, typeof i19.MatIconModule, typeof i20.MatButtonModule, typeof i21.MatDatepickerModule, typeof i22.CovalentCommonModule, typeof i23.CovalentFileModule], [typeof i1.TdDynamicFormsComponent, typeof i2.TdDynamicElementComponent, typeof i2.TdDynamicElementDirective, typeof i2.TdDynamicFormsErrorTemplateDirective, typeof i3.TdDynamicInputComponent, typeof i4.TdDynamicFileInputComponent, typeof i5.TdDynamicTextareaComponent, typeof i6.TdDynamicSlideToggleComponent, typeof i7.TdDynamicCheckboxComponent, typeof i8.TdDynamicSliderComponent, typeof i9.TdDynamicSelectComponent, typeof i10.TdDynamicDatepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentDynamicFormsModule>;
 }

package/esm2020/covalent-dynamic-forms.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY292YWxlbnQtZHluYW1pYy1mb3Jtcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9keW5hbWljLWZvcm1zL2NvdmFsZW50LWR5bmFtaWMtZm9ybXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2020/dynamic-element.component.mjs

@@ -0,0 +1,220 @@
+import { Component, Directive, Input, HostBinding, TemplateRef, ChangeDetectorRef, Type, } from '@angular/core';
+import { ViewChild, ViewContainerRef } from '@angular/core';
+import { ComponentFactoryResolver, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
+import { TemplatePortalDirective } from '@angular/cdk/portal';
+import { mixinControlValueAccessor } from '@covalent/core/common';
+import { TdDynamicFormsService, } from './services/dynamic-forms.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/dynamic-forms.service";
+export class TdDynamicElementBase {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+    }
+}
+/* tslint:disable-next-line */
+export const _TdDynamicElementMixinBase = mixinControlValueAccessor(TdDynamicElementBase);
+export class TdDynamicFormsErrorTemplateDirective extends TemplatePortalDirective {
+    constructor(templateRef, viewContainerRef) {
+        super(templateRef, viewContainerRef);
+        this.templateRef = templateRef;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdDynamicFormsErrorTemplateDirective.ɵfac = function TdDynamicFormsErrorTemplateDirective_Factory(t) { return new (t || TdDynamicFormsErrorTemplateDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+/** @nocollapse */ /** @nocollapse */ TdDynamicFormsErrorTemplateDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdDynamicFormsErrorTemplateDirective, selectors: [["ng-template", "tdDynamicFormsError", ""]], inputs: { tdDynamicFormsError: "tdDynamicFormsError" }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicFormsErrorTemplateDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdDynamicFormsError]ng-template' }]
+    }], function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, { tdDynamicFormsError: [{
+            type: Input
+        }] }); })();
+export class TdDynamicElementDirective {
+    constructor(viewContainer) {
+        this.viewContainer = viewContainer;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdDynamicElementDirective.ɵfac = function TdDynamicElementDirective_Factory(t) { return new (t || TdDynamicElementDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+/** @nocollapse */ /** @nocollapse */ TdDynamicElementDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdDynamicElementDirective, selectors: [["", "tdDynamicContainer", ""]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicElementDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdDynamicContainer]',
+            }]
+    }], function () { return [{ type: i0.ViewContainerRef }]; }, null); })();
+export class TdDynamicElementComponent extends _TdDynamicElementMixinBase {
+    constructor(_componentFactoryResolver, _dynamicFormsService, _changeDetectorRef) {
+        super(_changeDetectorRef);
+        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 = '';
+    }
+    get maxAttr() {
+        return this.max;
+    }
+    get minAttr() {
+        return this.min;
+    }
+    ngOnInit() {
+        const component = this.type instanceof Type ? this.type : this._dynamicFormsService.getDynamicElement(this.type);
+        const 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((name) => {
+                this._instance[name] = this.customConfig[name];
+            });
+        }
+    }
+    /**
+     * Reassign any inputs that have changed
+     */
+    ngOnChanges(changes) {
+        if (this._instance) {
+            for (const prop of Object.keys(changes)) {
+                this._instance[prop] = changes[prop].currentValue;
+            }
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdDynamicElementComponent.ɵfac = function TdDynamicElementComponent_Factory(t) { return new (t || TdDynamicElementComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i1.TdDynamicFormsService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+/** @nocollapse */ /** @nocollapse */ TdDynamicElementComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdDynamicElementComponent, selectors: [["td-dynamic-element"]], viewQuery: function TdDynamicElementComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(TdDynamicElementDirective, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childElement = _t.first);
+    } }, hostVars: 2, hostBindings: function TdDynamicElementComponent_HostBindings(rf, ctx) { if (rf & 2) {
+        i0.ɵɵattribute("max", ctx.maxAttr)("min", ctx.minAttr);
+    } }, inputs: { dynamicControl: "dynamicControl", label: "label", hint: "hint", name: "name", type: "type", required: "required", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", selections: "selections", multiple: "multiple", customConfig: "customConfig", errorMessageTemplate: "errorMessageTemplate", placeholder: "placeholder" }, features: [i0.ɵɵProvidersFeature([
+            TdDynamicFormsService,
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => TdDynamicElementComponent)),
+                multi: true,
+            },
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 0, consts: [["tdDynamicContainer", ""]], template: function TdDynamicElementComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "div", 0);
+    } }, directives: [TdDynamicElementDirective], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicElementComponent, [{
+        type: Component,
+        args: [{
+                providers: [
+                    TdDynamicFormsService,
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef((() => TdDynamicElementComponent)),
+                        multi: true,
+                    },
+                ],
+                selector: 'td-dynamic-element',
+                template: '<div tdDynamicContainer></div>',
+            }]
+    }], function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.TdDynamicFormsService }, { type: i0.ChangeDetectorRef }]; }, { dynamicControl: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }], type: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], min: [{
+            type: Input
+        }], max: [{
+            type: Input
+        }], minLength: [{
+            type: Input
+        }], maxLength: [{
+            type: Input
+        }], selections: [{
+            type: Input
+        }], multiple: [{
+            type: Input
+        }], customConfig: [{
+            type: Input
+        }], errorMessageTemplate: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], childElement: [{
+            type: ViewChild,
+            args: [TdDynamicElementDirective, { static: true }]
+        }], maxAttr: [{
+            type: HostBinding,
+            args: ['attr.max']
+        }], minAttr: [{
+            type: HostBinding,
+            args: ['attr.min']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1lbGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9keW5hbWljLWZvcm1zL2R5bmFtaWMtZWxlbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsRUFJWCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLElBQUksR0FDTCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBZ0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFOUQsT0FBTyxFQUFFLHlCQUF5QixFQUF5QixNQUFNLHVCQUF1QixDQUFDO0FBRXpGLE9BQU8sRUFHTCxxQkFBcUIsR0FFdEIsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRTFDLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBbUIsa0JBQXFDO1FBQXJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7SUFBRyxDQUFDO0NBQzdEO0FBRUQsOEJBQThCO0FBQzlCLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLHlCQUF5QixDQUFDLG9CQUFvQixDQUFDLENBQUM7QUFHMUYsTUFBTSxPQUFPLG9DQUFxQyxTQUFRLHVCQUF1QjtJQUUvRSxZQUFtQixXQUE2QixFQUFFLGdCQUFrQztRQUNsRixLQUFLLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7UUFEcEIsZ0JBQVcsR0FBWCxXQUFXLENBQWtCO0lBRWhELENBQUM7OzhKQUpVLG9DQUFv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QUFXO21CQUFDLFVBQVU7WUFNbkIsT0FBTztrQkFEVixXQUFXO21CQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIERpcmVjdGl2ZSxcbiAgSW5wdXQsXG4gIEhvc3RCaW5kaW5nLFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbiAgVGVtcGxhdGVSZWYsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBUeXBlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBDb21wb25lbnRSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUZW1wbGF0ZVBvcnRhbERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuXG5pbXBvcnQgeyBtaXhpbkNvbnRyb2xWYWx1ZUFjY2Vzc29yLCBJQ29udHJvbFZhbHVlQWNjZXNzb3IgfSBmcm9tICdAY292YWxlbnQvY29yZS9jb21tb24nO1xuXG5pbXBvcnQge1xuICBUZER5bmFtaWNFbGVtZW50LFxuICBUZER5bmFtaWNUeXBlLFxuICBUZER5bmFtaWNGb3Jtc1NlcnZpY2UsXG4gIElUZER5bmFtaWNFbGVtZW50Q3VzdG9tQ29uZmlnLFxufSBmcm9tICcuL3NlcnZpY2VzL2R5bmFtaWMtZm9ybXMuc2VydmljZSc7XG5cbmV4cG9ydCBjbGFzcyBUZER5bmFtaWNFbGVtZW50QmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxufVxuXG4vKiB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmUgKi9cbmV4cG9ydCBjb25zdCBfVGREeW5hbWljRWxlbWVudE1peGluQmFzZSA9IG1peGluQ29udHJvbFZhbHVlQWNjZXNzb3IoVGREeW5hbWljRWxlbWVudEJhc2UpO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbdGREeW5hbWljRm9ybXNFcnJvcl1uZy10ZW1wbGF0ZScgfSlcbmV4cG9ydCBjbGFzcyBUZER5bmFtaWNGb3Jtc0Vycm9yVGVtcGxhdGVEaXJlY3RpdmUgZXh0ZW5kcyBUZW1wbGF0ZVBvcnRhbERpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIHRkRHluYW1pY0Zvcm1zRXJyb3I6IHN0cmluZztcbiAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+LCB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgc3VwZXIodGVtcGxhdGVSZWYsIHZpZXdDb250YWluZXJSZWYpO1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZER5bmFtaWNDb250YWluZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgVGREeW5hbWljRWxlbWVudERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3Q29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmKSB7fVxufVxuXG5AQ29tcG9uZW50KHtcbiAgcHJvdmlkZXJzOiBbXG4gICAgVGREeW5hbWljRm9ybXNTZXJ2aWNlLFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGREeW5hbWljRWxlbWVudENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBzZWxlY3RvcjogJ3RkLWR5bmFtaWMtZWxlbWVudCcsXG4gIHRlbXBsYXRlOiAnPGRpdiB0ZER5bmFtaWNDb250YWluZXI+PC9kaXY+Jyxcbn0pXG5leHBvcnQgY2xhc3MgVGREeW5hbWljRWxlbWVudENvbXBvbmVudFxuICBleHRlbmRzIF9UZER5bmFtaWNFbGVtZW50TWl4aW5CYXNlXG4gIGltcGxlbWVudHMgSUNvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQsIE9uQ2hhbmdlc1xue1xuICBwcml2YXRlIF9pbnN0YW5jZTogYW55O1xuXG4gIC8qKlxuICAgKiBTZXRzIGZvcm0gY29udHJvbCBvZiB0aGUgZWxlbWVudC5cbiAgICovXG4gIEBJbnB1dCgpIGR5bmFtaWNDb250cm9sOiBGb3JtQ29udHJvbDtcblxuICAvKipcbiAgICogU2V0cyBsYWJlbCB0byBiZSBkaXNwbGF5ZWQuXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFNldHMgaGludCB0byBiZSBkaXNwbGF5ZWQuXG4gICAqL1xuICBASW5wdXQoKSBoaW50OiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogU2V0cyBuYW1lIHRvIGJlIGRpc3BsYXllZCBhcyBhdHRyaWJ1dGUuXG4gICAqL1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogU2V0cyB0eXBlIG9yIGVsZW1lbnQgb2YgZWxlbWVudCB0byBiZSByZW5kZXJlZC5cbiAgICogVGhyb3dzIGVycm9yIGlmIGRvZXMgbm90IGV4aXN0IG9yIG5vIHN1cHBvcnRlZC5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IFRkRHluYW1pY0VsZW1lbnQgfCBUZER5bmFtaWNUeXBlIHwgVHlwZTxhbnk+ID0gdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTZXRzIHJlcXVpcmVkIHZhbGlkYXRpb24gY2hlY2t1cCAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW4gPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgbWluIHZhbGlkYXRpb24gY2hlY2t1cCAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgbWluOiBudW1iZXIgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgbWF4IHZhbGlkYXRpb24gY2hlY2t1cCAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgbWF4OiBudW1iZXIgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgbWluTGVuZ3RoIHZhbGlkYXRpb24gY2hlY2t1cCAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgbWluTGVuZ3RoOiBudW1iZXIgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgbWF4TGVuZ3RoIHZhbGlkYXRpb24gY2hlY2t1cCAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgbWF4TGVuZ3RoOiBudW1iZXIgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgc2VsZWN0aW9ucyBmb3IgYXJyYXkgZWxlbWVudHMgKGlmIHN1cHBvcnRlZCBieSBlbGVtZW50KS5cbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGlvbnM6IGFueVtdID0gdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTZXRzIG11bHRpcGxlIHByb3BlcnR5IGZvciBhcnJheSBlbGVtZW50cyAoaWYgc3VwcG9ydGVkIGJ5IGVsZW1lbnQpLlxuICAgKi9cbiAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW4gPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNldHMgYW55IGFkZGl0aW9uYWwgcHJvcGVydGllcyBvbiBjdXN0b20gY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KCkgY3VzdG9tQ29uZmlnOiBJVGREeW5hbWljRWxlbWVudEN1c3RvbUNvbmZpZztcblxuICAvKipcbiAgICogU2V0cyBlcnJvciBtZXNzYWdlIHRlbXBsYXRlIHNvIGl0IGNhbiBiZSBpbmplY3RlZCBpbnRvIGR5bmFtaWMgY29tcG9uZW50cy5cbiAgICovXG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+ID0gdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBwbGFjZWhvbGRlciBtZXNzYWdlXG4gICAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgQFZpZXdDaGlsZChUZER5bmFtaWNFbGVtZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBjaGlsZEVsZW1lbnQ6IFRkRHluYW1pY0VsZW1lbnREaXJlY3RpdmU7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLm1heCcpXG4gIGdldCBtYXhBdHRyKCk6IGFueSB7XG4gICAgcmV0dXJuIHRoaXMubWF4O1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLm1pbicpXG4gIGdldCBtaW5BdHRyKCk6IGFueSB7XG4gICAgcmV0dXJuIHRoaXMubWluO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gICAgcHJpdmF0ZSBfZHluYW1pY0Zvcm1zU2VydmljZTogVGREeW5hbWljRm9ybXNTZXJ2aWNlLFxuICAgIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKF9jaGFuZ2VEZXRlY3RvclJlZik7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb21wb25lbnQ6IGFueSA9XG4gICAgICA8YW55PnRoaXMudHlwZSBpbnN0YW5jZW9mIFR5cGUgPyB0aGlzLnR5cGUgOiB0aGlzLl9keW5hbWljRm9ybXNTZXJ2aWNlLmdldER5bmFtaWNFbGVtZW50KHRoaXMudHlwZSk7XG4gICAgY29uc3QgcmVmOiBDb21wb25lbnRSZWY8YW55PiA9IHRoaXMuX2NvbXBvbmVudEZhY3RvcnlSZXNvbHZlclxuICAgICAgLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KGNvbXBvbmVudClcbiAgICAgIC5jcmVhdGUodGhpcy5jaGlsZEVsZW1lbnQudmlld0NvbnRhaW5lci5pbmplY3Rvcik7XG4gICAgdGhpcy5jaGlsZEVsZW1lbnQudmlld0NvbnRhaW5lci5pbnNlcnQocmVmLmhvc3RWaWV3KTtcbiAgICB0aGlzLl9pbnN0YW5jZSA9IHJlZi5pbnN0YW5jZTtcbiAgICB0aGlzLl9pbnN0YW5jZS5jb250cm9sID0gdGhpcy5keW5hbWljQ29udHJvbDtcbiAgICB0aGlzLl9pbnN0YW5jZS5sYWJlbCA9IHRoaXMubGFiZWw7XG4gICAgdGhpcy5faW5zdGFuY2UuaGludCA9IHRoaXMuaGludDtcbiAgICB0aGlzLl9pbnN0YW5jZS5uYW1lID0gdGhpcy5uYW1lO1xuICAgIHRoaXMuX2luc3RhbmNlLnR5cGUgPSB0aGlzLnR5cGU7XG4gICAgdGhpcy5faW5zdGFuY2UudmFsdWUgPSB0aGlzLnZhbHVlO1xuICAgIHRoaXMuX2luc3RhbmNlLnJlcXVpcmVkID0gdGhpcy5yZXF1aXJlZDtcbiAgICB0aGlzLl9pbnN0YW5jZS5taW4gPSB0aGlzLm1pbjtcbiAgICB0aGlzLl9pbnN0YW5jZS5tYXggPSB0aGlzLm1heDtcbiAgICB0aGlzLl9pbnN0YW5jZS5taW5MZW5ndGggPSB0aGlzLm1pbkxlbmd0aDtcbiAgICB0aGlzLl9pbnN0YW5jZS5tYXhMZW5ndGggPSB0aGlzLm1heExlbmd0aDtcbiAgICB0aGlzLl9pbnN0YW5jZS5zZWxlY3Rpb25zID0gdGhpcy5zZWxlY3Rpb25zO1xuICAgIHRoaXMuX2luc3RhbmNlLm11bHRpcGxlID0gdGhpcy5tdWx0aXBsZTtcbiAgICB0aGlzLl9pbnN0YW5jZS5lcnJvck1lc3NhZ2VUZW1wbGF0ZSA9IHRoaXMuZXJyb3JNZXNzYWdlVGVtcGxhdGU7XG4gICAgdGhpcy5faW5zdGFuY2UucGxhY2Vob2xkZXIgPSB0aGlzLnBsYWNlaG9sZGVyO1xuICAgIGlmICh0aGlzLmN1c3RvbUNvbmZpZykge1xuICAgICAgT2JqZWN0LmdldE93blByb3BlcnR5TmFtZXModGhpcy5jdXN0b21Db25maWcpLmZvckVhY2goKG5hbWU6IHN0cmluZykgPT4ge1xuICAgICAgICB0aGlzLl9pbnN0YW5jZVtuYW1lXSA9IHRoaXMuY3VzdG9tQ29uZmlnW25hbWVdO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlYXNzaWduIGFueSBpbnB1dHMgdGhhdCBoYXZlIGNoYW5nZWRcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5faW5zdGFuY2UpIHtcbiAgICAgIGZvciAoY29uc3QgcHJvcCBvZiBPYmplY3Qua2V5cyhjaGFuZ2VzKSkge1xuICAgICAgICB0aGlzLl9pbnN0YW5jZVtwcm9wXSA9IGNoYW5nZXNbcHJvcF0uY3VycmVudFZhbHVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2020/dynamic-elements/dynamic-checkbox/dynamic-checkbox.component.mjs

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/checkbox";
+import * as i2 from "@angular/forms";
+export class TdDynamicCheckboxComponent {
+    constructor() {
+        this.label = '';
+        this.name = '';
+        this.hint = '';
+        this.required = false;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdDynamicCheckboxComponent.ɵfac = function TdDynamicCheckboxComponent_Factory(t) { return new (t || TdDynamicCheckboxComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdDynamicCheckboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdDynamicCheckboxComponent, selectors: [["td-dynamic-checkbox"]], decls: 5, vars: 5, consts: [[1, "td-dynamic-checkbox-wrapper"], [3, "formControl", "name", "required"], [1, "mat-hint", "td-dynamic-element-hint"]], template: function TdDynamicCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "mat-checkbox", 1);
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "span", 2);
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("formControl", ctx.control)("name", ctx.name)("required", ctx.required);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.hint);
+    } }, directives: [i1.MatCheckbox, i1.MatCheckboxRequiredValidator, i2.NgControlStatus, i2.FormControlDirective, i2.RequiredValidator], styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicCheckboxComponent, [{
+        type: 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: [""] }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvcGxhdGZvcm0vZHluYW1pYy1mb3Jtcy9keW5hbWljLWVsZW1lbnRzL2R5bmFtaWMtY2hlY2tib3gvZHluYW1pYy1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvcGxhdGZvcm0vZHluYW1pYy1mb3Jtcy9keW5hbWljLWVsZW1lbnRzL2R5bmFtaWMtY2hlY2tib3gvZHluYW1pYy1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUTFDLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFRRSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRW5CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixhQUFRLEdBQVksS0FBSyxDQUFDO0tBQzNCOzswSUFWWSwwQkFBMEI7K0hBQTFCLDBCQUEwQjtRQ1J2Qyw4QkFBeUM7UUFDdkMsdUNBQTBFO1FBQ3hFLFlBQ0Y7UUFBQSxpQkFBZTtRQUNmLCtCQUErQztRQUFBLFlBQVU7UUFBQSxpQkFBTztRQUNsRSxpQkFBTTs7UUFKVSxlQUF1QjtRQUF2Qix5Q0FBdUIsa0JBQUEsMEJBQUE7UUFDbkMsZUFDRjtRQURFLDBDQUNGO1FBQytDLGVBQVU7UUFBViw4QkFBVTs7dUZESTlDLDBCQUEwQjtjQUx0QyxTQUFTOzJCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RkLWR5bmFtaWMtY2hlY2tib3gnLFxuICBzdHlsZVVybHM6IFsnLi9keW5hbWljLWNoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9keW5hbWljLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgVGREeW5hbWljQ2hlY2tib3hDb21wb25lbnQge1xuICBjb250cm9sOiBGb3JtQ29udHJvbDtcblxuICBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgaGludDogc3RyaW5nID0gJyc7XG5cbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0ZC1keW5hbWljLWNoZWNrYm94LXdyYXBwZXJcIj5cbiAgPG1hdC1jaGVja2JveCBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiIFtuYW1lXT1cIm5hbWVcIiBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIj5cbiAgICB7eyBsYWJlbCB9fVxuICA8L21hdC1jaGVja2JveD5cbiAgPHNwYW4gY2xhc3M9XCJtYXQtaGludCB0ZC1keW5hbWljLWVsZW1lbnQtaGludFwiPnt7IGhpbnQgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==