{"__symbolic":"module","version":4,"exports":[{"from":"./lib/button-ui-component"},{"from":"./lib/card-ui-component"},{"from":"./lib/checkbox-ui-component"},{"from":"./lib/datable-ui/datable-ui.component"},{"from":"./lib/input-ui-component"},{"from":"./lib/select-ui-component"},{"from":"./lib/textarea-ui-component"},{"export":[{"name":"RadioGroupUIComponent","as":"RadioGroupUIComponent"}],"from":"./lib/radio-group-ui/radio-group-ui.component"},{"export":[{"name":"TabsUIComponent","as":"TabsUIComponent"}],"from":"./lib/tabs-ui/tabs-ui.component"}],"metadata":{"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵba"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":46,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":50,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":51,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":52,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":58,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":59,"character":8},{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"CoreModule","line":60,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"COMPONENTS_LIST":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbd"}],"getCategories":{"__symbolic":"function"},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dc-button","template":"\n    <button mat-flat-button color=\"primary\"\n      [ngStyle]=\"itemStyles\"\n      (click)=\"onClick()\">\n    {{uiModel.itemProperties?.label}}\n    </button>\n    "}]}],"members":{"onClick":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"StyleProperties","line":21,"character":38},"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":22,"character":3},"arguments":[{"description":"Button label","example":"Click me!"}]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":28,"character":3},"arguments":[{"description":"Key for action that fires onclick","example":"submit"}]}]}]}},"ɵc":{"name":"mat-button","label":"Button (Material)","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":59,"character":12},"member":"Basic"},"description":"Button component","itemProperties":{"__symbolic":"reference","name":"ɵb"},"component":{"__symbolic":"reference","name":"ɵa"},"example":{"title":"Basic button example","uiModel":"\n  <mat-button onClick=\"consloeLog\">Log</mat-button>\n  ","scripts":"\n  def consloeLog():\n    print(\"Log click\")\n  ","dataModel":{}},"defaultModel":{"type":"mat-button","itemProperties":{"label":"Button"},"containerProperties":{}}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":45,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dc-ui-card","template":"\n  <mat-card [ngStyle]=\"itemStyles\">\n    <mat-card-header>\n      <dc-ui-selector *ngIf=\"header\"\n        (changedDataModel)=\"changedDataModel.emit(this.dataModel)\"\n        [uiModel]='header'\n        [dataModel]='dataModel'\n        ></dc-ui-selector>\n        <ng-container *ngTemplateOutlet=\"headerTitle\"></ng-container>\n    </mat-card-header>\n    <ng-template #headerTitle>\n      <mat-card-title *ngIf=\"properties.title\">{{properties.title}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"properties.subTitle\">{{properties.subTitle}}</mat-card-subtitle>\n    </ng-template>\n\n    <img *ngIf=\"properties.img as img\" [src]=\"img\" mat-card-image/>\n    <mat-card-content *ngIf=\"content\">\n      <dc-ui-selector\n        (changedDataModel)=\"changedDataModel.emit(this.dataModel)\"\n        [uiModel]='content'\n        [dataModel]='dataModel'\n        ></dc-ui-selector>\n    </mat-card-content>\n    <mat-card-footer *ngIf=\"footer\">\n      <dc-ui-selector\n        (changedDataModel)=\"changedDataModel.emit(this.dataModel)\"\n        [uiModel]='footer'\n        [dataModel]='dataModel'\n        ></dc-ui-selector>\n    </mat-card-footer>\n  </mat-card>","styles":["\n      mat-card-header ::ng-deep .mat-card-header-text {\n        margin: 0;\n      }\n  "]}]}],"members":{"getChildByIndex":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"ContainerProperties","line":63,"character":36},"members":{"img":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":64,"character":3},"arguments":[{"description":"Card image url","example":"logo.png"}]}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":73,"character":3},"arguments":[{"description":"Card can have 3 children, 1 - header, 2 - content, 3 - footer.","example":"[null, {\n      type: 'text',\n      containerProperties: {},\n      itemProperties: {\n        text: 'Card content text',\n      }\n    }, null]"}]}]}]}},"ɵf":{"name":"mat-card","label":"Card (Material)","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":138,"character":12},"member":"Containers"},"description":"Card layout component","itemProperties":{"__symbolic":"reference","name":"ɵe"},"component":{"__symbolic":"reference","name":"ɵd"},"example":{"title":"Card panel example","uiModel":{"type":"mat-card","containerProperties":{},"itemProperties":{"padding":"10px","margin":"10px auto","width":"80%"},"children":[{"type":"text","containerProperties":{},"itemProperties":{"text":"Card header text","width":"100%"}},{"type":"mat-textarea","containerProperties":{},"itemProperties":{"rows":4,"placeholder":"Type card information","dataModelPath":"$.card/info","width":"100%"}},{"type":"mat-button","containerProperties":{},"itemProperties":{"label":"Submit","margin":"16px","width":"50%","clickActionKey":"consoleLog"}}]},"dataModel":{}}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":14,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"dc-checkbox","template":"\n    <mat-checkbox [ngStyle]=\"itemStyles\"\n      (input)=\"changedDataModel.emit(this.dataModel)\"\n      [(ngModel)]=\"componentDataModel\">{{properties.label}}\n    </mat-checkbox>"}]}],"members":{}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":18,"character":40},"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":19,"character":3},"arguments":[{"description":"Label","example":"Accept conditions."}]}]}]}},"ɵi":{"name":"mat-checkbox","label":"Multi-choice boxes (Material)","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":46,"character":12},"member":"Basic"},"description":"Checkbox component","itemProperties":{"__symbolic":"reference","name":"ɵh"},"component":{"__symbolic":"reference","name":"ɵg"},"example":{"title":"Checkbox example","uiModel":"\n  <mat-checkbox label=\"Accept conditions\" binding=\"$.accept\"/>\n  ","dataModel":{}}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":18,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dc-ui-input","template":"\n      <mat-form-field>\n        <input matInput\n          [ngStyle]=\"itemStyles\"\n          [placeholder]=\"properties.placeholder\"\n          (input)=\"changedDataModel.emit(dataModel)\"\n          [(ngModel)]=\"componentDataModel\"\n        />\n      </mat-form-field>\n    "}]}],"members":{}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":22,"character":37},"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":23,"character":3},"arguments":[{"description":"Text shown when field is empty","example":"Type your name"}]}]}]}},"ɵl":{"name":"mat-input","label":"Text Input (Material)","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":55,"character":12},"member":"Basic"},"description":"Input component","itemProperties":{"__symbolic":"reference","name":"ɵk"},"component":{"__symbolic":"reference","name":"ɵj"},"example":{"title":"Text input example","uiModel":"\n  <mat-input binding=\"$.name\" placeholder=\"Enter your name\"/>\n  ","dataModel":{}}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":20,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dc-ui-select","template":"\n    <mat-form-field>\n      <mat-select [ngStyle]=\"itemStyles\"\n        [placeholder]=\"uiModel.itemProperties?.placeholder\"\n        (selectionChange)=\"onSelect()\"\n        [(ngModel)]=\"componentDataModel\">\n        <mat-option *ngFor=\"let option of options\" [value]=\"option.value\">\n          {{option.label}}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  "}]}],"members":{"onSelect":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":38,"character":38},"members":{"itemsSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":39,"character":3},"arguments":[{"description":"Select options or binding to dataModel.","example":"[{label: \"One\", value: 1}]"}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":45,"character":3},"arguments":[{"description":"Label shown when no option is selected.","example":"Please select an option"}]}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":51,"character":3},"arguments":[{"description":"On Select handler name.","example":"onCountrySelect"}]}]}]}},"ɵo":{"name":"mat-select","packageName":{"__symbolic":"reference","name":"ɵbe"},"label":"Dropdown (Material)","category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":81,"character":12},"member":"Basic"},"description":"Select component","itemProperties":{"__symbolic":"reference","name":"ɵn"},"component":{"__symbolic":"reference","name":"ɵm"},"example":{"uiModel":"\n    <mat-select placeholder=\"Country\" binding=\"$.country\">\n      <option value=\"uk\">United Kingdom</option>\n      <option value=\"ua\">Ukraine</option>\n    </mat-select>\n  ","dataModel":{},"title":"Basic select example"}},"ɵp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":17,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dc-ui-textarea","template":"\n        <mat-form-field>\n            <textarea matInput [placeholder]=\"uiModel?.itemProperties?.placeholder\"\n                [rows]=\"uiModel?.itemProperties?.rows\"\n                [ngStyle]=\"itemStyles\"\n                (input)=\"changedDataModel.emit(this.dataModel)\"\n                [(ngModel)]=\"componentDataModel\"></textarea>\n        </mat-form-field>\n    "}]}],"members":{}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":20,"character":40},"members":{"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":21,"character":3},"arguments":[{"description":"Number of rows in textarea","example":"5"}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":27,"character":3},"arguments":[{"description":"Text shown when field is empty","example":"Type about yourself"}]}]}]}},"ɵr":{"name":"mat-textarea","label":"Text Area","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":62,"character":12},"member":"Basic"},"description":"Text area component","itemProperties":{"__symbolic":"reference","name":"ɵq"},"component":{"__symbolic":"reference","name":"ɵp"},"example":{"title":"Text area example","uiModel":{"type":"mat-textarea","containerProperties":{"fxFlex":"1 1 auto"},"itemProperties":{"rows":10,"placeholder":"Type information about yourself","dataModelPath":"$.info"}},"dataModel":{}}},"ɵs":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":22,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"dc-radio-group-ui","template":"\n    <label *ngIf=\"properties.label\">{{properties.label}}</label>\n    <mat-radio-group [ngStyle]=\"itemStyles\"\n      [fxLayout]=\"orientation\"\n      (change)=\"changedDataModel.emit(this.dataModel)\"\n      [(ngModel)]=\"componentDataModel\">\n      <mat-radio-button *ngFor=\"let option of options\" [value]=\"option.value\"\n        [ngStyle]=\"getStyles(properties.optionStyles)\">\n        {{option.label}}\n      </mat-radio-button>\n    </mat-radio-group>\n  ","styles":[]}]}],"members":{}},"ɵt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":39,"character":42},"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":40,"character":3},"arguments":[{"description":"Label","example":"Select color"}]}]}],"itemsSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":46,"character":3},"arguments":[{"description":"Radio group options or binding to dataModel.","example":"[{label: \"One\", value: 1}]"}]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":52,"character":3},"arguments":[{"description":"On change event handler name.","example":"onSelect"}]}]}],"optionStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":58,"character":3},"arguments":[{"description":"Radio option styles","example":"{ padding: '10px' }"}]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":64,"character":3},"arguments":[{"description":"Radio options orientation (horizontal|vertical). Default - horizontal","example":"verical"}]}]}]}},"ɵu":{"title":"Radio group example","uiModel":"\n  <flex-container>\n    <mat-radio-group orientation=\"vertical\" labelPosition=\"right\" binding=\"$.color\">\n      <option value=\"white\">White</option>\n      <option value=\"black\">Black</option>\n      <option value=\"green\">Green</option>\n      <option value=\"blue\">Blue</option>\n    </mat-radio-group>\n    <mat-radio-group margin=\"0 1rem\" itemsSource=\"$.genderOptions\" labelPosition=\"right\" binding=\"$.gender\"></mat-radio-group>\n  </flex-container>\n  ","dataModel":{"genderOptions":[{"label":"Man","value":"m"},{"label":"Woman","value":"w"}]}},"ɵv":{"name":"mat-radio-group","label":"Single choice boxes","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":101,"character":12},"member":"Basic"},"description":"Radio group component","itemProperties":{"__symbolic":"reference","name":"ɵt"},"component":{"__symbolic":"reference","name":"ɵs"},"example":{"__symbolic":"reference","name":"ɵu"}},"ɵw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":23,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"dc-tabs","template":"\n    <mat-tab-group >\n      <mat-tab *ngFor=\"let item of uiModel.children; let i = index\" [label]=\"item.containerProperties.label || 'Tab ' + (i + 1)\">\n        <dc-ui-selector\n          (changedDataModel)=\"changedDataModel.emit(dataModel)\"\n          [uiModel]='item'\n          [dataModel]='dataModel'\n          ></dc-ui-selector>\n      </mat-tab>\n    </mat-tab-group>\n  ","styles":[]}]}],"members":{}},"ɵx":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"ContainerProperties","line":27,"character":36},"members":{}},"ɵy":{"title":"Tabs group example","uiModel":{"type":"mat-tab-group","containerProperties":{},"itemProperties":{},"children":[{"type":"mat-input","containerProperties":{"width":"100%","label":"Input tab"},"itemProperties":{"isNumeric":false,"isDate":false,"format":"","placeholder":"Inout text component","dataModelPath":"$.tabOne/inputValue"}},{"type":"text","containerProperties":{"label":"Text tab"},"itemProperties":{"text":"Text information"}},{"type":"mat-select","containerProperties":{"label":"Country select"},"itemProperties":{"options":[{"label":"United Kingdom","value":"uk"},{"label":"Ukraine","value":"ua"}],"placeholder":"Country","dataModelPath":"$.country"}}]},"dataModel":{}},"ɵz":{"name":"mat-tab-group","label":"Tabs container (Material)","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":87,"character":12},"member":"Containers"},"description":"Tabs group component","itemProperties":{"__symbolic":"reference","name":"ɵx"},"component":{"__symbolic":"reference","name":"ɵw"},"example":{"__symbolic":"reference","name":"ɵy"}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"BaseUIComponent","line":22,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"dc-datable-ui","template":"\n    <mat-table [dataSource]=\"componentDataModel\" [ngStyle]=\"itemStyles\">\n      <!-- Column -->\n      <ng-container *ngFor=\"let item of uiModel.itemProperties.displayedProperties\" [matColumnDef]=\"item.dataProperty\">\n        <mat-header-cell *matHeaderCellDef> {{item.title}} </mat-header-cell>\n        <mat-cell *matCellDef=\"let element\"> {{element[item.dataProperty]}} </mat-cell>\n      </ng-container>\n\n      <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n      <mat-row *matRowDef=\"let row; columns: displayedColumns;\"></mat-row>\n    </mat-table>\n  ","styles":[]}]}],"members":{}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"DataModelProperties","line":28,"character":39},"members":{"displayedProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"propDescription","line":29,"character":3},"arguments":[{"description":"Displayed properties","example":"[{title: 'No.', dataProperty: 'position'}, {title: 'Name', dataProperty: 'name'}]"}]}]}]}},"ɵbc":{"title":"Datable example","uiModel":{"type":"material:datable","containerProperties":{},"itemProperties":{"displayedProperties":[{"title":"No.","dataProperty":"position"},{"title":"Name","dataProperty":"name"},{"title":"Weight","dataProperty":"weight"},{"title":"Symbol","dataProperty":"symbol"}],"dataModelPath":"$.tableData","width":"90%","margin":"15px auto","padding":"20px 5px"}},"dataModel":{"tableData":[{"position":1,"name":"Hydrogen","weight":1.0079,"symbol":"H"},{"position":2,"name":"Helium","weight":4.0026,"symbol":"He"},{"position":3,"name":"Lithium","weight":6.941,"symbol":"Li"},{"position":4,"name":"Beryllium","weight":9.0122,"symbol":"Be"},{"position":5,"name":"Boron","weight":10.811,"symbol":"B"},{"position":6,"name":"Carbon","weight":12.0107,"symbol":"C"},{"position":7,"name":"Nitrogen","weight":14.0067,"symbol":"N"},{"position":8,"name":"Oxygen","weight":15.9994,"symbol":"O"},{"position":9,"name":"Fluorine","weight":18.9984,"symbol":"F"},{"position":10,"name":"Neon","weight":20.1797,"symbol":"Ne"}]}},"ɵbd":{"name":"datable","label":"Material Table","packageName":{"__symbolic":"reference","name":"ɵbe"},"category":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-dynamic-components/core","name":"Categories","line":87,"character":12},"member":"Data"},"description":"Datable component","itemProperties":{"__symbolic":"reference","name":"ɵbb"},"component":{"__symbolic":"reference","name":"ɵba"},"example":{"__symbolic":"reference","name":"ɵbc"}},"ɵbe":"material"},"origins":{"MaterialModule":"./lib/material.module","COMPONENTS_LIST":"./lib/components/register","getCategories":"./lib/components/register","ɵa":"./lib/components/button-ui-component","ɵb":"./lib/components/button-ui-component","ɵc":"./lib/components/button-ui-component","ɵd":"./lib/components/card-ui-component","ɵe":"./lib/components/card-ui-component","ɵf":"./lib/components/card-ui-component","ɵg":"./lib/components/checkbox-ui-component","ɵh":"./lib/components/checkbox-ui-component","ɵi":"./lib/components/checkbox-ui-component","ɵj":"./lib/components/input-ui-component","ɵk":"./lib/components/input-ui-component","ɵl":"./lib/components/input-ui-component","ɵm":"./lib/components/select-ui-component","ɵn":"./lib/components/select-ui-component","ɵo":"./lib/components/select-ui-component","ɵp":"./lib/components/textarea-ui-component","ɵq":"./lib/components/textarea-ui-component","ɵr":"./lib/components/textarea-ui-component","ɵs":"./lib/components/radio-group-ui/radio-group-ui.component","ɵt":"./lib/components/radio-group-ui/radio-group-ui.component","ɵu":"./lib/components/radio-group-ui/radio-group-ui.component","ɵv":"./lib/components/radio-group-ui/radio-group-ui.component","ɵw":"./lib/components/tabs-ui/tabs-ui.component","ɵx":"./lib/components/tabs-ui/tabs-ui.component","ɵy":"./lib/components/tabs-ui/tabs-ui.component","ɵz":"./lib/components/tabs-ui/tabs-ui.component","ɵba":"./lib/components/datable-ui/datable-ui.component","ɵbb":"./lib/components/datable-ui/datable-ui.component","ɵbc":"./lib/components/datable-ui/datable-ui.component","ɵbd":"./lib/components/datable-ui/datable-ui.component","ɵbe":"./lib/constants"},"importAs":"@ngx-dynamic-components/material"}