@ng-dynamic-forms/ui-primeng - npm Package Compare versions

Comparing version 7.0.2 to 7.0.3

bundles/ui-primeng.umd.min.js

 /*!
-@ng-dynamic-forms/ui-primeng 7.0.2 2018-12-14 21:44 UTC
+@ng-dynamic-forms/ui-primeng 7.0.3 2018-12-29 14:08 UTC
 Copyright (c) 2016-2018, Udo Schöfer http://www.udos86.de
@@ -17,3 +17,3 @@
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@ng-dynamic-forms/core"),require("primeng/primeng")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/forms","@ng-dynamic-forms/core","primeng/primeng"],t):t((e.ngDF=e.ngDF||{},e.ngDF.primengUI={}),e.ng.core,e.ng.common,e.ng.forms,e.ngDF.core,e["primeng/primeng"])}(this,function(e,i,t,n,a,o){"use strict";var r,l,p,u,c,s,m,d,y,g,f,h,C,v,_,O,E,D,w,b,I=new Map([["itemTemplate","itemTemplate"],["selectedItemTemplate","selectedItemTemplate"]]),S=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return S(t,e),t.prototype.mapTemplate=function(e){return e.templateRef},t}(a.DynamicTemplateableFormControlComponent),F=this&&this.__extends||(l=function(e,t){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),A=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return F(e,o),Object.defineProperty(e.prototype,"suggestions",{get:function(){return this._suggestions},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pAutoComplete},enumerable:!0,configurable:!0}),e.prototype.onAutoComplete=function(e){Array.isArray(this.model.list)&&(this._suggestions=this.model.list.map(function(e){return e}))},e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-autocomplete",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-autoComplete #pAutoComplete\n                    [autoHighlight]="model.getAdditional(\'autoHighlight\', false)"\n                    [delay]="model.getAdditional(\'delay\', 300)"\n                    [dropdown]="model.getAdditional(\'dropdown\', false)"\n                    [emptyMessage]="model.getAdditional(\'emptyMessage\', null)"\n                    [forceSelection]="model.getAdditional(\'forceSelection\', false)"\n                    [formControlName]="model.id"\n                    [id]="elementId"\n                    [minLength]="model.getAdditional(\'minLength\', 1)"\n                    [multiple]="model.multiple"\n                    [ngClass]="getClass(\'element\', \'control\')"\n                    [placeholder]="model.placeholder"\n                    [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                    [suggestions]="suggestions"\n                    [tabindex]="model.tabIndex"\n                    (onBlur)="onBlur($event)"\n                    (change)="onChange($event)"\n                    (onClear)="onCustomEvent($event, \'onClear\')"\n                    (onDropdownClick)="onCustomEvent($event, \'onDropdownClick\')"\n                    (onFocus)="onFocus($event)"\n                    (onSelect)="onCustomEvent($event, \'onSelect\')"\n                    (onUnselect)="onCustomEvent($event, \'onUnselect\')"\n                    (completeMethod)="onAutoComplete($event)"></p-autoComplete>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pAutoComplete:[{type:i.ViewChild,args:["pAutoComplete"]}]},e}(P),x=this&&this.__extends||(p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),M=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return x(e,o),Object.defineProperty(e.prototype,"focusedDate",{get:function(){return this.model.focusedDate||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"inline",{get:function(){return this.model.inline||!1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showSeconds",{get:function(){return this.model.showSeconds||!1},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-calendar",template:"<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-calendar #pCalendar\n                [dateFormat]=\"model.format || 'mm/dd/yy'\"\n                [defaultDate]=\"focusedDate\"\n                [disabledDates]=\"model.getAdditional('disabledDates')\"\n                [disabledDays]=\"model.getAdditional('disabledDays')\"\n                [formControlName]=\"model.id\"\n                [hourFormat]=\"model.getAdditional('hourFormat', '24')\"\n                [icon]=\"model.getAdditional('icon', 'pi pi-calendar')\"\n                [id]=\"elementId\"\n                [inline]=\"inline\"\n                [locale]=\"model.getAdditional('locale', { firstDayOfWeek: 0, dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], today: 'Today', clear: 'Clear' })\"\n                [maxDate]=\"model.max\"\n                [maxDateCount]=\"model.getAdditional('maxDateCount')\"\n                [minDate]=\"model.min\"\n                [monthNavigator]=\"model.getAdditional('monthNavigator', false)\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [placeholder]=\"model.placeholder\"\n                [selectionMode]=\"model.getAdditional('selectionMode', 'single')\"\n                [selectOtherMonths]=\"model.getAdditional('selectOtherMonths', false)\"\n                [shortYearCutoff]=\"model.getAdditional('shortYearCutoff', '+10')\"\n                [showButtonBar]=\"model.getAdditional('showButtonBar', false)\"\n                [showIcon]=\"model.getAdditional('showIcon', true)\"\n                [showOnFocus]=\"model.getAdditional('showOnFocus', true)\"\n                [showOtherMonths]=\"model.getAdditional('showOtherMonths', true)\"\n                [showSeconds]=\"showSeconds\"\n                [showTime]=\"model.getAdditional('showTime', false)\"\n                [stepHour]=\"model.getAdditional('stepHour', 1)\"\n                [stepMinute]=\"model.getAdditional('stepMinute', 1)\"\n                [stepSecond]=\"model.getAdditional('stepSecond', 1)\"\n                [tabindex]=\"model.tabIndex\"\n                [timeOnly]=\"model.type === 'TIMEPICKER'\"\n                [yearNavigator]=\"model.getAdditional('yearNavigator', false)\"\n                [yearRange]=\"model.getAdditional('yearRange')\"\n                (onBlur)=\"onBlur($event)\"\n                (onClearClick)=\"onCustomEvent($event, 'onClearClick')\"\n                (onClose)=\"onCustomEvent($event, 'onClose')\"\n                (onFocus)=\"onFocus($event)\"\n                (onInput)=\"onChange($event)\"\n                (onSelect)=\"onChange($event)\"\n                (onTodayClick)=\"onCustomEvent($event, 'onTodayClick')\"></p-calendar>\n\n</div>\n",changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pCalendar:[{type:i.ViewChild,args:["pCalendar"]}]},e}(a.DynamicFormControlComponent),T=this&&this.__extends||(u=function(e,t){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),N=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return T(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-checkbox",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-checkbox #pCheckbox\n                binary="true"\n                [formControlName]="model.id"\n                [id]="elementId"\n                [label]="model.label"\n                [name]="model.name"\n                [ngClass]="getClass(\'element\', \'control\')"\n                [tabindex]="model.tabIndex"\n                [value]="model.value"\n                (onChange)="onChange($event)"></p-checkbox>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pCheckbox:[{type:i.ViewChild,args:["pCheckbox"]}]},e}(a.DynamicFormControlComponent),R=this&&this.__extends||(c=function(e,t){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),L=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return R(e,o),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pChips},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-chips",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-chips #pChips\n             [allowDuplicate]="model.getAdditional(\'allowDuplicate\', true)"\n             [formControlName]="model.id"\n             [id]="elementId"\n             [ngClass]="getClass(\'element\', \'control\')"\n             [tabindex]="model.tabIndex"\n             (change)="onChange($event)"\n             (onAdd)="onCustomEvent($event, \'onAdd\')"\n             (onRemove)="onCustomEvent($event, \'onRemove\')"></p-chips>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pChips:[{type:i.ViewChild,args:["pChips"]}]},e}(P),$=this&&this.__extends||(s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),G=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return $(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-colorpicker",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-colorPicker #pColorPicker\n                   [format]="model.format || \'hex\'"\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [inline]="model.inline"\n                   [ngClass]="getClass(\'element\',\'control\')"\n                   [tabindex]="model.tabIndex"\n                   (onChange)="onChange($event)"></p-colorPicker>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pColorPicker:[{type:i.ViewChild,args:["pColorPicker"]}]},e}(a.DynamicFormControlComponent),j=this&&this.__extends||(m=function(e,t){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}m(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),V=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return j(e,o),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pDropdown},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-dropdown",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-dropdown #pDropdown\n                [autoWidth]="model.getAdditional(\'autoWidth\', true)"\n                [dropdownIcon]="model.getAdditional(\'dropdownIcon\', \'pi pi-caret-down\')"\n                [editable]="model.getAdditional(\'editable\', false)"\n                [filter]="model.filterable"\n                [filterBy]="model.getAdditional(\'filterBy\', null)"\n                [filterPlaceholder]="model.getAdditional(\'filterPlaceholder\', null)"\n                [formControlName]="model.id"\n                [id]="elementId"\n                [ngClass]="getClass(\'element\', \'control\')"\n                [options]="model.options"\n                [resetFilterOnHide]="model.getAdditional(\'resetFilterOnHide\', false)"\n                [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                [tabindex]="model.tabIndex"\n                (onBlur)="onBlur($event)"\n                (onChange)="onChange($event)"\n                (onFocus)="onFocus($event)"></p-dropdown>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pDropdown:[{type:i.ViewChild,args:["pDropdown"]}]},e}(P),k=this&&this.__extends||(d=function(e,t){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}d(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Y=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return k(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-editor",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-editor #pEditor\n              [formats]="model.getAdditional(\'formats\', null)"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [ngClass]="getClass(\'element\',\'control\')"\n              (onSelectionChange)="onCustomEvent($event, \'onSelectionChange\')"\n              (onTextChange)="onChange($event)"></p-editor>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pEditor:[{type:i.ViewChild,args:["pEditor"]}]},e}(a.DynamicFormControlComponent),B=this&&this.__extends||(y=function(e,t){return(y=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}y(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),H=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return B(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-array",template:'<ng-container [formGroup]="group">\n\n    <div [ngClass]="getClass(\'grid\', \'control\')">\n\n        <div [formArrayName]="model.id" [id]="elementId" [ngClass]="getClass(\'element\', \'control\')">\n\n            <div *ngFor="let groupModel of model.groups; let idx = index" role="group"\n                 [formGroupName]="idx" [ngClass]="[getClass(\'element\', \'group\'), getClass(\'grid\', \'group\')]">\n\n                <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: groupModel"></ng-container>\n\n                <dynamic-primeng-form-control *ngFor="let _model of groupModel.group"\n                                              [context]="groupModel"\n                                              [group]="control.at(idx)"\n                                              [hidden]="_model.hidden"\n                                              [layout]="layout"\n                                              [model]="_model"\n                                              [templates]="templates"\n                                              [ngClass]="[getClass(\'element\', \'host\', _model), getClass(\'grid\', \'host\', _model),\n                                                          getClass(\'element\',\'children\'), getClass(\'grid\',\'children\')]"\n                                              (blur)="onBlur($event)"\n                                              (change)="onChange($event)"\n                                              (focus)="onFocus($event)"\n                                              (pEvent)="onCustomEvent($event, null, true)"></dynamic-primeng-form-control>\n\n                <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: groupModel"></ng-container>\n\n            </div>\n\n        </div>\n\n    </div>\n\n</ng-container>\n'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormArrayComponent),U=this&&this.__extends||(g=function(e,t){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}g(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),q=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return U(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-group",template:'<ng-container [formGroup]="group">\n\n    <div role="group"\n         [formGroupName]="model.id"\n         [id]="elementId"\n         [ngClass]="[getClass(\'element\', \'control\'), getClass(\'grid\', \'control\')]">\n\n        <dynamic-primeng-form-control *ngFor="let _model of model.group"\n                                      [group]="control"\n                                      [hidden]="_model.hidden"\n                                      [layout]="layout"\n                                      [model]="_model "\n                                      [templates]="templates"\n                                      [ngClass]="[getClass(\'element\', \'host\', _model), getClass(\'grid\', \'host\', _model),\n                                                  getClass(\'element\',\'children\'), getClass(\'grid\',\'children\')]"\n                                      (blur)="onBlur($event)"\n                                      (change)="onChange($event)"\n                                      (focus)="onFocus($event)"\n                                      (pEvent)="onCustomEvent($event, null, true)"></dynamic-primeng-form-control>\n    </div>\n\n</ng-container>\n'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormControlComponent),W=this&&this.__extends||(f=function(e,t){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}f(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),J=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return W(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <input pInputText #pInputText\n           [attr.accept]="model.accept"\n           [attr.max]="model.max"\n           [attr.min]="model.min"\n           [attr.multiple]="model.multiple"\n           [attr.step]="model.step"\n           [autocomplete]="model.autoComplete"\n           [autofocus]="model.autoFocus"\n           [dynamicList]="model.listId"\n           [formControlName]="model.id"\n           [id]="elementId"\n           [maxlength]="model.maxLength"\n           [minlength]="model.minLength"\n           [name]="model.name"\n           [ngClass]="getClass(\'element\', \'control\')"\n           [pattern]="model.pattern"\n           [placeholder]="model.placeholder"\n           [readonly]="model.readOnly"\n           [required]="model.required"\n           [spellcheck]="model.spellCheck"\n           [tabindex]="model.tabIndex"\n           [type]="model.inputType"\n           (blur)="onBlur($event)"\n           (change)="onChange($event)"\n           (focus)="onFocus($event)"/>\n\n    <datalist *ngIf="model.hasList" [id]="model.listId">\n\n        <option *ngFor="let option of model.list$ | async" [value]="option">\n\n    </datalist>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pInputText:[{type:i.ViewChild,args:["pInputText"]}]},e}(a.DynamicFormControlComponent),K=this&&this.__extends||(h=function(e,t){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return K(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input-mask",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-inputMask #pInputMask\n                 [autoClear]="model.getAdditional(\'autoClear\', true)"\n                 [formControlName]="model.id"\n                 [id]="elementId"\n                 [mask]="model.mask"\n                 [ngClass]="getClass(\'element\', \'control\')"\n                 [placeholder]="model.placeholder"\n                 [readonly]="model.readOnly"\n                 [slotChar]="model.getAdditional(\'slotChar\', \'_\')"\n                 [tabindex]="model.tabIndex"\n                 (change)="onChange($event)"\n                 (onBlur)="onBlur($event)"\n                 (onComplete)="onCustomEvent($event, \'onComplete\')"\n                 (onFocus)="onFocus($event)"></p-inputMask>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pInputMask:[{type:i.ViewChild,args:["pInputMask"]}]},e}(a.DynamicFormControlComponent),X=this&&this.__extends||(C=function(e,t){return(C=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}C(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Q=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return X(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input-switch",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-inputSwitch #pInputSwitch\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [ngClass]="getClass(\'element\', \'control\')"\n                   [tabindex]="model.tabIndex"\n                   (onChange)="onChange($event)"></p-inputSwitch>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pInputSwitch:[{type:i.ViewChild,args:["pInputSwitch"]}]},e}(a.DynamicFormControlComponent),Z=this&&this.__extends||(v=function(e,t){return(v=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}v(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ee=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return Z(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-multiselect",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]="model.getAdditional(\'defaultLabel\', \'Choose\')"\n                   [displaySelectedLabel]="model.getAdditional(\'displaySelectedLabel\', true)"\n                   [dropdownIcon]="model.getAdditional(\'dropdownIcon\', \'pi pi-caret-down\')"\n                   [filter]="model.filterable"\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [maxSelectedLabels]="model.getAdditional(\'maxSelectedLabels\', 3)"\n                   [ngClass]="getClass(\'element\', \'control\')"\n                   [options]="model.options"\n                   [overlayVisible]="model.getAdditional(\'overlayVisible\', false)"\n                   [resetFilterOnHide]="model.getAdditional(\'resetFilterOnHide\', false)"\n                   [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                   [selectedItemsLabel]="model.getAdditional(\'selectedItemsLabel\', \'{0} items selected\')"\n                   [showToggleAll]="model.getAdditional(\'showToggleAll\', true)"\n                   [tabindex]="model.tabIndex"\n                   (onBlur)="onBlur($event)"\n                   (onChange)="onChange($event)"\n                   (onFocus)="onFocus($event)"></p-multiSelect>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pMultiSelect:[{type:i.ViewChild,args:["pMultiSelect"]}]},e}(a.DynamicFormControlComponent),te=this&&this.__extends||(_=function(e,t){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}_(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ne=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return te(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-radio-group",template:'<div role="radiogroup"\n     [formGroup]="group"\n     [id]="elementId"\n     [ngClass]="[getClass(\'element\', \'control\'), getClass(\'grid\', \'control\')]"\n     [tabindex]="model.tabIndex">\n\n    <div *ngFor="let option of model.options$ | async" [ngClass]="getClass(\'grid\', \'option\')">\n\n        <p-radioButton [formControlName]="model.id"\n                       [label]="option.label"\n                       [name]="model.id"\n                       [ngClass]="getClass(\'element\', \'option\')"\n                       [value]="option.value"\n                       (click)="onChange($event)"></p-radioButton>\n    </div>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormControlComponent),oe=this&&this.__extends||(O=function(e,t){return(O=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),re=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return oe(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-rating",template:"<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-rating #pRating\n              [cancel]=\"model.getAdditional('cancel', true)\"\n              [formControlName]=\"model.id\"\n              [iconCancelClass]=\"model.getAdditional('iconCancelClass', 'pi pi-ban')\"\n              [iconOffClass]=\"model.getAdditional('iconOffClass', 'pi pi-star-o')\"\n              [iconOnClass]=\"model.getAdditional('iconOnClass', 'pi pi-star')\"\n              [id]=\"elementId\"\n              [ngClass]=\"getClass('element', 'control')\"\n              [stars]=\"model.max\"\n              (onCancel)=\"onCustomEvent($event, 'onCancel')\"\n              (onRate)=\"onChange($event)\"></p-rating>\n\n</div>\n",changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pRating:[{type:i.ViewChild,args:["pRating"]}]},e}(a.DynamicFormControlComponent),ie=this&&this.__extends||(E=function(e,t){return(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}E(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ae=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return ie(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-slider",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-slider #pSlider\n              [animate]="model.getAdditional(\'animate\', false)"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [min]="model.min"\n              [max]="model.max"\n              [ngClass]="getClass(\'element\', \'control\')"\n              [orientation]="model.vertical ? \'vertical\' : \'horizontal\'"\n              [range]="model.getAdditional(\'range\', false)"\n              [step]="model.step"\n              (onChange)="onChange($event)"\n              (onSlideEnd)="onCustomEvent($event, \'onSlideEnd\')"></p-slider>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pSlider:[{type:i.ViewChild,args:["pSlider"]}]},e}(a.DynamicFormControlComponent),le=this&&this.__extends||(D=function(e,t){return(D=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}D(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),pe=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return le(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-spinner",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-spinner #pSpinner\n               [formControlName]="model.id"\n               [id]="elementId"\n               [min]="model.min"\n               [max]="model.max"\n               [ngClass]="getClass(\'element\', \'control\')"\n               [placeholder]="model.placeholder"\n               [step]="model.step || 1"\n               [tabindex]="model.tabIndex"\n               (onBlur)="onBlur($event)"\n               (onChange)="onChange($event)"\n               (onFocus)="onFocus($event)"></p-spinner>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pSpinner:[{type:i.ViewChild,args:["pSpinner"]}]},e}(a.DynamicFormControlComponent),ue=this&&this.__extends||(w=function(e,t){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ce=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return ue(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-textarea",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <textarea pInputTextarea #pInputTextarea\n              [cols]="model.cols"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [maxlength]="model.maxLength"\n              [minlength]="model.minLength"\n              [name]="model.name"\n              [ngClass]="getClass(\'element\', \'control\')"\n              [placeholder]="model.placeholder"\n              [readonly]="model.readOnly"\n              [required]="model.required"\n              [rows]="model.rows"\n              [spellcheck]="model.spellCheck"\n              [tabindex]="model.tabIndex"\n              [wrap]="model.wrap"\n              (blur)="onBlur($event)"\n              (change)="onChange($event)"\n              (focus)="onFocus($event)"\n              (onResize)="onCustomEvent($event, \'onResize\')"></textarea>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pInputTextArea:[{type:i.ViewChild,args:["pInputTextarea"]}]},e}(a.DynamicFormControlComponent),se=this&&this.__extends||(b=function(e,t){return(b=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),me=function(r){function e(e,t,n){var o=r.call(this,e,t,n)||this;return o.componentFactoryResolver=e,o.layoutService=t,o.validationService=n,o.context=null,o.blur=new i.EventEmitter,o.change=new i.EventEmitter,o.focus=new i.EventEmitter,o.customEvent=new i.EventEmitter,o}return se(e,r),Object.defineProperty(e.prototype,"componentType",{get:function(){return this.layoutService.getCustomComponentType(this.model)||de(this.model)},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-control",template:'<div [formGroup]="group" [ngClass]="[getClass(\'element\', \'container\'), getClass(\'grid\', \'container\')]">\n\n    <div *ngIf="!isCheckbox && hasLabel" [ngClass]="getClass(\'grid\', \'label\')">\n\n        <label [for]="elementId" [innerHTML]="model.label" [ngClass]="getClass(\'element\', \'label\')"></label>\n\n    </div>\n\n    <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: model"></ng-container>\n\n    <ng-container #componentViewContainer></ng-container>\n\n    <ul *ngIf="showErrorMessages" [ngClass]="[getClass(\'element\', \'errors\'), getClass(\'grid\', \'errors\')]">\n        <li *ngFor="let message of errorMessages" class="ui-message ui-messages-error ui-corner-all">{{ message }}</li>\n    </ul>\n\n    <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: model"></ng-container>\n\n    <ng-content></ng-content>\n\n</div>\n'}]}],e.ctorParameters=function(){return[{type:i.ComponentFactoryResolver},{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={contentTemplateList:[{type:i.ContentChildren,args:[a.DynamicTemplateDirective]}],inputTemplateList:[{type:i.Input,args:["templates"]}],context:[{type:i.Input}],group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],customEvent:[{type:i.Output,args:["pEvent"]}],componentViewContainerRef:[{type:i.ViewChild,args:["componentViewContainer",{read:i.ViewContainerRef}]}]},e}(a.DynamicFormControlContainerComponent);function de(e){switch(e.type){case a.DYNAMIC_FORM_CONTROL_TYPE_ARRAY:return H;case a.DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX:return N;case a.DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP:return q;case a.DYNAMIC_FORM_CONTROL_TYPE_COLORPICKER:return G;case a.DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER:return M;case a.DYNAMIC_FORM_CONTROL_TYPE_EDITOR:return Y;case a.DYNAMIC_FORM_CONTROL_TYPE_GROUP:return q;case a.DYNAMIC_FORM_CONTROL_TYPE_INPUT:var t=e;return t.inputType===a.DYNAMIC_FORM_CONTROL_INPUT_TYPE_NUMBER?pe:t.mask?z:Array.isArray(t.list)?A:t.multiple?L:J;case a.DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP:return ne;case a.DYNAMIC_FORM_CONTROL_TYPE_RATING:return re;case a.DYNAMIC_FORM_CONTROL_TYPE_SELECT:return e.multiple?ee:V;case a.DYNAMIC_FORM_CONTROL_TYPE_SLIDER:return ae;case a.DYNAMIC_FORM_CONTROL_TYPE_SWITCH:return Q;case a.DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA:return ce;case a.DYNAMIC_FORM_CONTROL_TYPE_TIMEPICKER:return M;default:return null}}var ye,ge=this&&this.__extends||(ye=function(e,t){return(ye=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}ye(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),fe=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.formService=e,n.layoutService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n.customEvent=new i.EventEmitter,n}return ge(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form",template:'<dynamic-primeng-form-control *ngFor="let model of formModel; trackBy: trackByFn"\n                              [group]="formGroup"\n                              [hidden]="model.hidden"\n                              [layout]="formLayout"\n                              [model]="model"\n                              [ngClass]="[getClass(model, \'element\', \'host\'), getClass(model, \'grid\', \'host\')]"\n                              [templates]="templates"\n                              (blur)="onEvent($event, \'blur\')"\n                              (change)="onEvent($event, \'change\')"\n                              (focus)="onEvent($event, \'focus\')"\n                              (pEvent)="onEvent($event, \'custom\')"></dynamic-primeng-form-control>'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormService},{type:a.DynamicFormLayoutService}]},e.propDecorators={formGroup:[{type:i.Input,args:["group"]}],formModel:[{type:i.Input,args:["model"]}],formLayout:[{type:i.Input,args:["layout"]}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],customEvent:[{type:i.Output}],templates:[{type:i.ContentChildren,args:[a.DynamicTemplateDirective]}],components:[{type:i.ViewChildren,args:[me]}]},e}(a.DynamicFormComponent),he=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{imports:[t.CommonModule,n.ReactiveFormsModule,a.DynamicFormsCoreModule,o.AutoCompleteModule,o.CalendarModule,o.CheckboxModule,o.ChipsModule,o.ColorPickerModule,o.DropdownModule,o.EditorModule,o.InputMaskModule,o.InputSwitchModule,o.InputTextModule,o.InputTextareaModule,o.MultiSelectModule,o.RadioButtonModule,o.RatingModule,o.SliderModule,o.SpinnerModule],declarations:[A,M,N,L,G,V,Y,H,fe,me,q,J,z,Q,ee,ne,re,ae,pe,ce],entryComponents:[A,M,N,L,G,V,Y,H,q,J,z,Q,ee,ne,re,ae,pe,ce],exports:[a.DynamicFormsCoreModule,A,M,N,L,G,V,Y,H,fe,me,q,J,z,Q,ee,ne,re,ae,pe,ce]}]}],e}();e.DynamicPrimeNGAutoCompleteComponent=A,e.DynamicPrimeNGCalendarComponent=M,e.DynamicPrimeNGCheckboxComponent=N,e.DynamicPrimeNGChipsComponent=L,e.DynamicPrimeNGColorPickerComponent=G,e.DynamicPrimeNGDropdownComponent=V,e.DynamicPrimeNGEditorComponent=Y,e.DynamicPrimeNGFormArrayComponent=H,e.DynamicPrimeNGFormGroupComponent=q,e.DynamicPrimeNGInputComponent=J,e.DynamicPrimeNGInputMaskComponent=z,e.DynamicPrimeNGInputSwitchComponent=Q,e.DynamicPrimeNGMultiSelectComponent=ee,e.DynamicPrimeNGRadioGroupComponent=ne,e.DynamicPrimeNGRatingComponent=re,e.DynamicPrimeNGSliderComponent=ae,e.DynamicPrimeNGSpinnerComponent=pe,e.DynamicPrimeNGTextAreaComponent=ce,e.DynamicPrimeNGFormComponent=fe,e.PRIME_NG_TEMPLATE_DIRECTIVES=I,e.primeNGUIFormControlMapFn=de,e.DynamicPrimeNGFormControlContainerComponent=me,e.DynamicPrimeNGTemplateableFormControlComponent=P,e.DynamicFormsPrimeNGUIModule=he,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("primeng/primeng"),require("@ng-dynamic-forms/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/forms","primeng/primeng","@ng-dynamic-forms/core","@angular/common"],t):t(((e=e||self).ngDF=e.ngDF||{},e.ngDF.primengUI={}),e.ng.core,e.ng.forms,e["primeng/primeng"],e.ngDF.core,e.ng.common)}(this,function(e,i,t,n,a,o){"use strict";var r,l,p,c,u,s,m,d,y,g,f,h,C,v,_,O,E,D,w,b,I=new Map([["itemTemplate","itemTemplate"],["selectedItemTemplate","selectedItemTemplate"]]),S=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return S(t,e),t.prototype.mapTemplate=function(e){return e.templateRef},t}(a.DynamicTemplateableFormControlComponent),F=this&&this.__extends||(l=function(e,t){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),A=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return F(e,o),Object.defineProperty(e.prototype,"suggestions",{get:function(){return this._suggestions},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pAutoComplete},enumerable:!0,configurable:!0}),e.prototype.onAutoComplete=function(e){Array.isArray(this.model.list)&&(this._suggestions=this.model.list.map(function(e){return e}))},e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-autocomplete",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-autoComplete #pAutoComplete\n                    [autoHighlight]="model.getAdditional(\'autoHighlight\', false)"\n                    [delay]="model.getAdditional(\'delay\', 300)"\n                    [dropdown]="model.getAdditional(\'dropdown\', false)"\n                    [emptyMessage]="model.getAdditional(\'emptyMessage\', null)"\n                    [forceSelection]="model.getAdditional(\'forceSelection\', false)"\n                    [formControlName]="model.id"\n                    [id]="elementId"\n                    [minLength]="model.getAdditional(\'minLength\', 1)"\n                    [multiple]="model.multiple"\n                    [ngClass]="getClass(\'element\', \'control\')"\n                    [placeholder]="model.placeholder"\n                    [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                    [suggestions]="suggestions"\n                    [tabindex]="model.tabIndex"\n                    (onBlur)="onBlur($event)"\n                    (change)="onChange($event)"\n                    (onClear)="onCustomEvent($event, \'onClear\')"\n                    (onDropdownClick)="onCustomEvent($event, \'onDropdownClick\')"\n                    (onFocus)="onFocus($event)"\n                    (onSelect)="onCustomEvent($event, \'onSelect\')"\n                    (onUnselect)="onCustomEvent($event, \'onUnselect\')"\n                    (completeMethod)="onAutoComplete($event)"></p-autoComplete>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pAutoComplete:[{type:i.ViewChild,args:["pAutoComplete"]}]},e}(P),x=this&&this.__extends||(p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),M=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return x(e,o),Object.defineProperty(e.prototype,"focusedDate",{get:function(){return this.model.focusedDate||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"inline",{get:function(){return this.model.inline||!1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showSeconds",{get:function(){return this.model.showSeconds||!1},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-calendar",template:"<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-calendar #pCalendar\n                [dateFormat]=\"model.format || 'mm/dd/yy'\"\n                [defaultDate]=\"focusedDate\"\n                [disabledDates]=\"model.getAdditional('disabledDates')\"\n                [disabledDays]=\"model.getAdditional('disabledDays')\"\n                [formControlName]=\"model.id\"\n                [hourFormat]=\"model.getAdditional('hourFormat', '24')\"\n                [icon]=\"model.getAdditional('icon', 'pi pi-calendar')\"\n                [id]=\"elementId\"\n                [inline]=\"inline\"\n                [locale]=\"model.getAdditional('locale', { firstDayOfWeek: 0, dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], today: 'Today', clear: 'Clear' })\"\n                [maxDate]=\"model.max\"\n                [maxDateCount]=\"model.getAdditional('maxDateCount')\"\n                [minDate]=\"model.min\"\n                [monthNavigator]=\"model.getAdditional('monthNavigator', false)\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [placeholder]=\"model.placeholder\"\n                [selectionMode]=\"model.getAdditional('selectionMode', 'single')\"\n                [selectOtherMonths]=\"model.getAdditional('selectOtherMonths', false)\"\n                [shortYearCutoff]=\"model.getAdditional('shortYearCutoff', '+10')\"\n                [showButtonBar]=\"model.getAdditional('showButtonBar', false)\"\n                [showIcon]=\"model.getAdditional('showIcon', true)\"\n                [showOnFocus]=\"model.getAdditional('showOnFocus', true)\"\n                [showOtherMonths]=\"model.getAdditional('showOtherMonths', true)\"\n                [showSeconds]=\"showSeconds\"\n                [showTime]=\"model.getAdditional('showTime', false)\"\n                [stepHour]=\"model.getAdditional('stepHour', 1)\"\n                [stepMinute]=\"model.getAdditional('stepMinute', 1)\"\n                [stepSecond]=\"model.getAdditional('stepSecond', 1)\"\n                [tabindex]=\"model.tabIndex\"\n                [timeOnly]=\"model.type === 'TIMEPICKER'\"\n                [yearNavigator]=\"model.getAdditional('yearNavigator', false)\"\n                [yearRange]=\"model.getAdditional('yearRange')\"\n                (onBlur)=\"onBlur($event)\"\n                (onClearClick)=\"onCustomEvent($event, 'onClearClick')\"\n                (onClose)=\"onCustomEvent($event, 'onClose')\"\n                (onFocus)=\"onFocus($event)\"\n                (onInput)=\"onChange($event)\"\n                (onSelect)=\"onChange($event)\"\n                (onTodayClick)=\"onCustomEvent($event, 'onTodayClick')\"></p-calendar>\n\n</div>\n",changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pCalendar:[{type:i.ViewChild,args:["pCalendar"]}]},e}(a.DynamicFormControlComponent),T=this&&this.__extends||(c=function(e,t){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),N=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return T(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-checkbox",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-checkbox #pCheckbox\n                binary="true"\n                [formControlName]="model.id"\n                [id]="elementId"\n                [label]="model.label"\n                [name]="model.name"\n                [ngClass]="getClass(\'element\', \'control\')"\n                [tabindex]="model.tabIndex"\n                [value]="model.value"\n                (onChange)="onChange($event)"></p-checkbox>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pCheckbox:[{type:i.ViewChild,args:["pCheckbox"]}]},e}(a.DynamicFormControlComponent),R=this&&this.__extends||(u=function(e,t){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),$=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return R(e,o),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pChips},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-chips",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-chips #pChips\n             [allowDuplicate]="model.getAdditional(\'allowDuplicate\', true)"\n             [formControlName]="model.id"\n             [id]="elementId"\n             [ngClass]="getClass(\'element\', \'control\')"\n             [tabindex]="model.tabIndex"\n             (change)="onChange($event)"\n             (onAdd)="onCustomEvent($event, \'onAdd\')"\n             (onRemove)="onCustomEvent($event, \'onRemove\')"></p-chips>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pChips:[{type:i.ViewChild,args:["pChips"]}]},e}(P),L=this&&this.__extends||(s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),G=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return L(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-colorpicker",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-colorPicker #pColorPicker\n                   [format]="model.format || \'hex\'"\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [inline]="model.inline"\n                   [ngClass]="getClass(\'element\',\'control\')"\n                   [tabindex]="model.tabIndex"\n                   (onChange)="onChange($event)"></p-colorPicker>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pColorPicker:[{type:i.ViewChild,args:["pColorPicker"]}]},e}(a.DynamicFormControlComponent),j=this&&this.__extends||(m=function(e,t){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}m(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),V=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.templateDirectives=I,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return j(e,o),Object.defineProperty(e.prototype,"viewChild",{get:function(){return this.pDropdown},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-dropdown",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-dropdown #pDropdown\n                [autoWidth]="model.getAdditional(\'autoWidth\', true)"\n                [dropdownIcon]="model.getAdditional(\'dropdownIcon\', \'pi pi-caret-down\')"\n                [editable]="model.getAdditional(\'editable\', false)"\n                [filter]="model.filterable"\n                [filterBy]="model.getAdditional(\'filterBy\', null)"\n                [filterPlaceholder]="model.getAdditional(\'filterPlaceholder\', null)"\n                [formControlName]="model.id"\n                [id]="elementId"\n                [ngClass]="getClass(\'element\', \'control\')"\n                [options]="model.options$ | async"\n                [resetFilterOnHide]="model.getAdditional(\'resetFilterOnHide\', false)"\n                [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                [tabindex]="model.tabIndex"\n                (onBlur)="onBlur($event)"\n                (onChange)="onChange($event)"\n                (onFocus)="onFocus($event)"></p-dropdown>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pDropdown:[{type:i.ViewChild,args:["pDropdown"]}]},e}(P),k=this&&this.__extends||(d=function(e,t){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}d(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Y=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return k(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-editor",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-editor #pEditor\n              [formats]="model.getAdditional(\'formats\', null)"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [ngClass]="getClass(\'element\',\'control\')"\n              (onSelectionChange)="onCustomEvent($event, \'onSelectionChange\')"\n              (onTextChange)="onChange($event)"></p-editor>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pEditor:[{type:i.ViewChild,args:["pEditor"]}]},e}(a.DynamicFormControlComponent),B=this&&this.__extends||(y=function(e,t){return(y=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}y(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),H=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return B(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-array",template:'<ng-container [formGroup]="group">\n\n    <div [ngClass]="getClass(\'grid\', \'control\')">\n\n        <div [formArrayName]="model.id" [id]="elementId" [ngClass]="getClass(\'element\', \'control\')">\n\n            <div *ngFor="let groupModel of model.groups; let idx = index" role="group"\n                 [formGroupName]="idx" [ngClass]="[getClass(\'element\', \'group\'), getClass(\'grid\', \'group\')]">\n\n                <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: groupModel"></ng-container>\n\n                <dynamic-primeng-form-control *ngFor="let _model of groupModel.group"\n                                              [context]="groupModel"\n                                              [group]="control.at(idx)"\n                                              [hidden]="_model.hidden"\n                                              [layout]="layout"\n                                              [model]="_model"\n                                              [templates]="templates"\n                                              [ngClass]="[getClass(\'element\', \'host\', _model), getClass(\'grid\', \'host\', _model),\n                                                          getClass(\'element\',\'children\'), getClass(\'grid\',\'children\')]"\n                                              (blur)="onBlur($event)"\n                                              (change)="onChange($event)"\n                                              (focus)="onFocus($event)"\n                                              (pEvent)="onCustomEvent($event, null, true)"></dynamic-primeng-form-control>\n\n                <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: groupModel"></ng-container>\n\n            </div>\n\n        </div>\n\n    </div>\n\n</ng-container>\n'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormArrayComponent),U=this&&this.__extends||(g=function(e,t){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}g(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),q=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return U(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-group",template:'<ng-container [formGroup]="group">\n\n    <div role="group"\n         [formGroupName]="model.id"\n         [id]="elementId"\n         [ngClass]="[getClass(\'element\', \'control\'), getClass(\'grid\', \'control\')]">\n\n        <dynamic-primeng-form-control *ngFor="let _model of model.group"\n                                      [group]="control"\n                                      [hidden]="_model.hidden"\n                                      [layout]="layout"\n                                      [model]="_model "\n                                      [templates]="templates"\n                                      [ngClass]="[getClass(\'element\', \'host\', _model), getClass(\'grid\', \'host\', _model),\n                                                  getClass(\'element\',\'children\'), getClass(\'grid\',\'children\')]"\n                                      (blur)="onBlur($event)"\n                                      (change)="onChange($event)"\n                                      (focus)="onFocus($event)"\n                                      (pEvent)="onCustomEvent($event, null, true)"></dynamic-primeng-form-control>\n    </div>\n\n</ng-container>\n'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],templates:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormControlComponent),W=this&&this.__extends||(f=function(e,t){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}f(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),J=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return W(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <input pInputText #pInputText\n           [attr.accept]="model.accept"\n           [attr.max]="model.max"\n           [attr.min]="model.min"\n           [attr.multiple]="model.multiple"\n           [attr.step]="model.step"\n           [autocomplete]="model.autoComplete"\n           [autofocus]="model.autoFocus"\n           [dynamicList]="model.listId"\n           [formControlName]="model.id"\n           [id]="elementId"\n           [maxlength]="model.maxLength"\n           [minlength]="model.minLength"\n           [name]="model.name"\n           [ngClass]="getClass(\'element\', \'control\')"\n           [pattern]="model.pattern"\n           [placeholder]="model.placeholder"\n           [readonly]="model.readOnly"\n           [required]="model.required"\n           [spellcheck]="model.spellCheck"\n           [tabindex]="model.tabIndex"\n           [type]="model.inputType"\n           (blur)="onBlur($event)"\n           (change)="onChange($event)"\n           (focus)="onFocus($event)"/>\n\n    <datalist *ngIf="model.hasList" [id]="model.listId">\n\n        <option *ngFor="let option of model.list$ | async" [value]="option">\n\n    </datalist>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pInputText:[{type:i.ViewChild,args:["pInputText"]}]},e}(a.DynamicFormControlComponent),K=this&&this.__extends||(h=function(e,t){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return K(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input-mask",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-inputMask #pInputMask\n                 [autoClear]="model.getAdditional(\'autoClear\', true)"\n                 [formControlName]="model.id"\n                 [id]="elementId"\n                 [mask]="model.mask"\n                 [ngClass]="getClass(\'element\', \'control\')"\n                 [placeholder]="model.placeholder"\n                 [readonly]="model.readOnly"\n                 [slotChar]="model.getAdditional(\'slotChar\', \'_\')"\n                 [tabindex]="model.tabIndex"\n                 (change)="onChange($event)"\n                 (onBlur)="onBlur($event)"\n                 (onComplete)="onCustomEvent($event, \'onComplete\')"\n                 (onFocus)="onFocus($event)"></p-inputMask>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pInputMask:[{type:i.ViewChild,args:["pInputMask"]}]},e}(a.DynamicFormControlComponent),X=this&&this.__extends||(C=function(e,t){return(C=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}C(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Q=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return X(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-input-switch",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-inputSwitch #pInputSwitch\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [ngClass]="getClass(\'element\', \'control\')"\n                   [tabindex]="model.tabIndex"\n                   (onChange)="onChange($event)"></p-inputSwitch>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pInputSwitch:[{type:i.ViewChild,args:["pInputSwitch"]}]},e}(a.DynamicFormControlComponent),Z=this&&this.__extends||(v=function(e,t){return(v=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}v(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ee=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return Z(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-multiselect",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]="model.getAdditional(\'defaultLabel\', \'Choose\')"\n                   [displaySelectedLabel]="model.getAdditional(\'displaySelectedLabel\', true)"\n                   [dropdownIcon]="model.getAdditional(\'dropdownIcon\', \'pi pi-caret-down\')"\n                   [filter]="model.filterable"\n                   [formControlName]="model.id"\n                   [id]="elementId"\n                   [maxSelectedLabels]="model.getAdditional(\'maxSelectedLabels\', 3)"\n                   [ngClass]="getClass(\'element\', \'control\')"\n                   [options]="model.options$ | async"\n                   [overlayVisible]="model.getAdditional(\'overlayVisible\', false)"\n                   [resetFilterOnHide]="model.getAdditional(\'resetFilterOnHide\', false)"\n                   [scrollHeight]="model.getAdditional(\'scrollHeight\', \'200px\')"\n                   [selectedItemsLabel]="model.getAdditional(\'selectedItemsLabel\', \'{0} items selected\')"\n                   [showToggleAll]="model.getAdditional(\'showToggleAll\', true)"\n                   [tabindex]="model.tabIndex"\n                   (onBlur)="onBlur($event)"\n                   (onChange)="onChange($event)"\n                   (onFocus)="onFocus($event)"></p-multiSelect>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pMultiSelect:[{type:i.ViewChild,args:["pMultiSelect"]}]},e}(a.DynamicFormControlComponent),te=this&&this.__extends||(_=function(e,t){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}_(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ne=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return te(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-radio-group",template:'<div role="radiogroup"\n     [formGroup]="group"\n     [id]="elementId"\n     [ngClass]="[getClass(\'element\', \'control\'), getClass(\'grid\', \'control\')]"\n     [tabindex]="model.tabIndex">\n\n    <div *ngFor="let option of model.options$ | async" [ngClass]="getClass(\'grid\', \'option\')">\n\n        <p-radioButton [formControlName]="model.id"\n                       [label]="option.label"\n                       [name]="model.id"\n                       [ngClass]="getClass(\'element\', \'option\')"\n                       [value]="option.value"\n                       (click)="onChange($event)"></p-radioButton>\n    </div>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}]},e}(a.DynamicFormControlComponent),oe=this&&this.__extends||(O=function(e,t){return(O=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),re=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return oe(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-rating",template:"<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-rating #pRating\n              [cancel]=\"model.getAdditional('cancel', true)\"\n              [formControlName]=\"model.id\"\n              [iconCancelClass]=\"model.getAdditional('iconCancelClass', 'pi pi-ban')\"\n              [iconOffClass]=\"model.getAdditional('iconOffClass', 'pi pi-star-o')\"\n              [iconOnClass]=\"model.getAdditional('iconOnClass', 'pi pi-star')\"\n              [id]=\"elementId\"\n              [ngClass]=\"getClass('element', 'control')\"\n              [stars]=\"model.max\"\n              (onCancel)=\"onCustomEvent($event, 'onCancel')\"\n              (onRate)=\"onChange($event)\"></p-rating>\n\n</div>\n",changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pRating:[{type:i.ViewChild,args:["pRating"]}]},e}(a.DynamicFormControlComponent),ie=this&&this.__extends||(E=function(e,t){return(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}E(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ae=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return ie(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-slider",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-slider #pSlider\n              [animate]="model.getAdditional(\'animate\', false)"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [min]="model.min"\n              [max]="model.max"\n              [ngClass]="getClass(\'element\', \'control\')"\n              [orientation]="model.vertical ? \'vertical\' : \'horizontal\'"\n              [range]="model.getAdditional(\'range\', false)"\n              [step]="model.step"\n              (onChange)="onChange($event)"\n              (onSlideEnd)="onCustomEvent($event, \'onSlideEnd\')"></p-slider>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pSlider:[{type:i.ViewChild,args:["pSlider"]}]},e}(a.DynamicFormControlComponent),le=this&&this.__extends||(D=function(e,t){return(D=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}D(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),pe=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n}return le(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-spinner",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <p-spinner #pSpinner\n               [formControlName]="model.id"\n               [id]="elementId"\n               [min]="model.min"\n               [max]="model.max"\n               [ngClass]="getClass(\'element\', \'control\')"\n               [placeholder]="model.placeholder"\n               [step]="model.step || 1"\n               [tabindex]="model.tabIndex"\n               (onBlur)="onBlur($event)"\n               (onChange)="onChange($event)"\n               (onFocus)="onFocus($event)"></p-spinner>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],pSpinner:[{type:i.ViewChild,args:["pSpinner"]}]},e}(a.DynamicFormControlComponent),ce=this&&this.__extends||(w=function(e,t){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),ue=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.layoutService=e,n.validationService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.customEvent=new i.EventEmitter,n.focus=new i.EventEmitter,n}return ce(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-textarea",template:'<div [formGroup]="group" [ngClass]="getClass(\'grid\', \'control\')">\n\n    <textarea pInputTextarea #pInputTextarea\n              [cols]="model.cols"\n              [formControlName]="model.id"\n              [id]="elementId"\n              [maxlength]="model.maxLength"\n              [minlength]="model.minLength"\n              [name]="model.name"\n              [ngClass]="getClass(\'element\', \'control\')"\n              [placeholder]="model.placeholder"\n              [readonly]="model.readOnly"\n              [required]="model.required"\n              [rows]="model.rows"\n              [spellcheck]="model.spellCheck"\n              [tabindex]="model.tabIndex"\n              [wrap]="model.wrap"\n              (blur)="onBlur($event)"\n              (change)="onChange($event)"\n              (focus)="onFocus($event)"\n              (onResize)="onCustomEvent($event, \'onResize\')"></textarea>\n\n</div>\n',changeDetection:i.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],customEvent:[{type:i.Output}],focus:[{type:i.Output}],pInputTextArea:[{type:i.ViewChild,args:["pInputTextarea"]}]},e}(a.DynamicFormControlComponent),se=this&&this.__extends||(b=function(e,t){return(b=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),me=function(r){function e(e,t,n){var o=r.call(this,e,t,n)||this;return o.componentFactoryResolver=e,o.layoutService=t,o.validationService=n,o.context=null,o.blur=new i.EventEmitter,o.change=new i.EventEmitter,o.focus=new i.EventEmitter,o.customEvent=new i.EventEmitter,o}return se(e,r),Object.defineProperty(e.prototype,"componentType",{get:function(){return this.layoutService.getCustomComponentType(this.model)||de(this.model)},enumerable:!0,configurable:!0}),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form-control",template:'<div [formGroup]="group" [ngClass]="[getClass(\'element\', \'container\'), getClass(\'grid\', \'container\')]">\n\n    <div *ngIf="!isCheckbox && hasLabel" [ngClass]="getClass(\'grid\', \'label\')">\n\n        <label [for]="elementId" [innerHTML]="model.label" [ngClass]="getClass(\'element\', \'label\')"></label>\n\n    </div>\n\n    <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: model"></ng-container>\n\n    <ng-container #componentViewContainer></ng-container>\n\n    <ul *ngIf="showErrorMessages" [ngClass]="[getClass(\'element\', \'errors\'), getClass(\'grid\', \'errors\')]">\n        <li *ngFor="let message of errorMessages" class="ui-message ui-messages-error ui-corner-all">{{ message }}</li>\n    </ul>\n\n    <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: model"></ng-container>\n\n    <ng-content></ng-content>\n\n</div>\n'}]}],e.ctorParameters=function(){return[{type:i.ComponentFactoryResolver},{type:a.DynamicFormLayoutService},{type:a.DynamicFormValidationService}]},e.propDecorators={contentTemplateList:[{type:i.ContentChildren,args:[a.DynamicTemplateDirective]}],inputTemplateList:[{type:i.Input,args:["templates"]}],context:[{type:i.Input}],group:[{type:i.Input}],layout:[{type:i.Input}],model:[{type:i.Input}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],customEvent:[{type:i.Output,args:["pEvent"]}],componentViewContainerRef:[{type:i.ViewChild,args:["componentViewContainer",{read:i.ViewContainerRef}]}]},e}(a.DynamicFormControlContainerComponent);function de(e){switch(e.type){case a.DYNAMIC_FORM_CONTROL_TYPE_ARRAY:return H;case a.DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX:return N;case a.DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP:return q;case a.DYNAMIC_FORM_CONTROL_TYPE_COLORPICKER:return G;case a.DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER:return M;case a.DYNAMIC_FORM_CONTROL_TYPE_EDITOR:return Y;case a.DYNAMIC_FORM_CONTROL_TYPE_GROUP:return q;case a.DYNAMIC_FORM_CONTROL_TYPE_INPUT:var t=e;return t.inputType===a.DYNAMIC_FORM_CONTROL_INPUT_TYPE_NUMBER?pe:t.mask?z:Array.isArray(t.list)?A:t.multiple?$:J;case a.DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP:return ne;case a.DYNAMIC_FORM_CONTROL_TYPE_RATING:return re;case a.DYNAMIC_FORM_CONTROL_TYPE_SELECT:return e.multiple?ee:V;case a.DYNAMIC_FORM_CONTROL_TYPE_SLIDER:return ae;case a.DYNAMIC_FORM_CONTROL_TYPE_SWITCH:return Q;case a.DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA:return ue;case a.DYNAMIC_FORM_CONTROL_TYPE_TIMEPICKER:return M;default:return null}}var ye,ge=this&&this.__extends||(ye=function(e,t){return(ye=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}ye(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),fe=function(o){function e(e,t){var n=o.call(this,e,t)||this;return n.formService=e,n.layoutService=t,n.blur=new i.EventEmitter,n.change=new i.EventEmitter,n.focus=new i.EventEmitter,n.customEvent=new i.EventEmitter,n}return ge(e,o),e.decorators=[{type:i.Component,args:[{selector:"dynamic-primeng-form",template:'<dynamic-primeng-form-control *ngFor="let model of formModel; trackBy: trackByFn"\n                              [group]="formGroup"\n                              [hidden]="model.hidden"\n                              [layout]="formLayout"\n                              [model]="model"\n                              [ngClass]="[getClass(model, \'element\', \'host\'), getClass(model, \'grid\', \'host\')]"\n                              [templates]="templates"\n                              (blur)="onEvent($event, \'blur\')"\n                              (change)="onEvent($event, \'change\')"\n                              (focus)="onEvent($event, \'focus\')"\n                              (pEvent)="onEvent($event, \'custom\')"></dynamic-primeng-form-control>'}]}],e.ctorParameters=function(){return[{type:a.DynamicFormService},{type:a.DynamicFormLayoutService}]},e.propDecorators={formGroup:[{type:i.Input,args:["group"]}],formModel:[{type:i.Input,args:["model"]}],formLayout:[{type:i.Input,args:["layout"]}],blur:[{type:i.Output}],change:[{type:i.Output}],focus:[{type:i.Output}],customEvent:[{type:i.Output}],templates:[{type:i.ContentChildren,args:[a.DynamicTemplateDirective]}],components:[{type:i.ViewChildren,args:[me]}]},e}(a.DynamicFormComponent),he=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{imports:[o.CommonModule,t.ReactiveFormsModule,a.DynamicFormsCoreModule,n.AutoCompleteModule,n.CalendarModule,n.CheckboxModule,n.ChipsModule,n.ColorPickerModule,n.DropdownModule,n.EditorModule,n.InputMaskModule,n.InputSwitchModule,n.InputTextModule,n.InputTextareaModule,n.MultiSelectModule,n.RadioButtonModule,n.RatingModule,n.SliderModule,n.SpinnerModule],declarations:[A,M,N,$,G,V,Y,H,fe,me,q,J,z,Q,ee,ne,re,ae,pe,ue],entryComponents:[A,M,N,$,G,V,Y,H,q,J,z,Q,ee,ne,re,ae,pe,ue],exports:[a.DynamicFormsCoreModule,A,M,N,$,G,V,Y,H,fe,me,q,J,z,Q,ee,ne,re,ae,pe,ue]}]}],e}();e.DynamicPrimeNGAutoCompleteComponent=A,e.DynamicPrimeNGCalendarComponent=M,e.DynamicPrimeNGCheckboxComponent=N,e.DynamicPrimeNGChipsComponent=$,e.DynamicPrimeNGColorPickerComponent=G,e.DynamicPrimeNGDropdownComponent=V,e.DynamicPrimeNGEditorComponent=Y,e.DynamicPrimeNGFormArrayComponent=H,e.DynamicPrimeNGFormGroupComponent=q,e.DynamicPrimeNGInputComponent=J,e.DynamicPrimeNGInputMaskComponent=z,e.DynamicPrimeNGInputSwitchComponent=Q,e.DynamicPrimeNGMultiSelectComponent=ee,e.DynamicPrimeNGRadioGroupComponent=ne,e.DynamicPrimeNGRatingComponent=re,e.DynamicPrimeNGSliderComponent=ae,e.DynamicPrimeNGSpinnerComponent=pe,e.DynamicPrimeNGTextAreaComponent=ue,e.DynamicPrimeNGFormComponent=fe,e.PRIME_NG_TEMPLATE_DIRECTIVES=I,e.primeNGUIFormControlMapFn=de,e.DynamicPrimeNGFormControlContainerComponent=me,e.DynamicPrimeNGTemplateableFormControlComponent=P,e.DynamicFormsPrimeNGUIModule=he,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ui-primeng.umd.min.js.map

esm2015/src/dropdown/dynamic-primeng-dropdown.component.js

@@ -35,3 +35,3 @@ /**
                 selector: "dynamic-primeng-dropdown",
-                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
+                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options$ | async\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush
@@ -38,0 +38,0 @@ }] }

esm2015/src/multiselect/dynamic-primeng-multiselect.component.js

@@ -26,3 +26,3 @@ /**
                 selector: "dynamic-primeng-multiselect",
-                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
+                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options$ | async\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush
@@ -29,0 +29,0 @@ }] }

esm5/src/dropdown/dynamic-primeng-dropdown.component.js

@@ -49,3 +49,3 @@ var __extends = (this && this.__extends) || (function () {
                     selector: "dynamic-primeng-dropdown",
-                    template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
+                    template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options$ | async\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
                     changeDetection: ChangeDetectionStrategy.OnPush
@@ -52,0 +52,0 @@ }] }

esm5/src/multiselect/dynamic-primeng-multiselect.component.js

@@ -36,3 +36,3 @@ var __extends = (this && this.__extends) || (function () {
                     selector: "dynamic-primeng-multiselect",
-                    template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
+                    template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options$ | async\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
                     changeDetection: ChangeDetectionStrategy.OnPush
@@ -39,0 +39,0 @@ }] }

fesm2015/ui-primeng.js

 /*!
-@ng-dynamic-forms/ui-primeng 7.0.2 2018-12-14 21:44 UTC
+@ng-dynamic-forms/ui-primeng 7.0.3 2018-12-29 14:08 UTC
 Copyright (c) 2016-2018, Udo Schöfer http://www.udos86.de
@@ -17,7 +17,7 @@
 */
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ComponentFactoryResolver, ContentChildren, ViewContainerRef, ViewChildren, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, ComponentFactoryResolver, ContentChildren, ViewContainerRef, ViewChildren, NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
+import { AutoCompleteModule, CalendarModule, CheckboxModule, ChipsModule, ColorPickerModule, DropdownModule, EditorModule, InputMaskModule, InputSwitchModule, InputTextModule, InputTextareaModule, MultiSelectModule, RadioButtonModule, RatingModule, SliderModule, SpinnerModule } from 'primeng/primeng';
 import { DynamicTemplateableFormControlComponent, DynamicFormLayoutService, DynamicFormValidationService, DynamicFormControlComponent, DynamicFormArrayComponent, DynamicFormControlContainerComponent, DynamicTemplateDirective, DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_COLORPICKER, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_INPUT_TYPE_NUMBER, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_RATING, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_SLIDER, DYNAMIC_FORM_CONTROL_TYPE_SWITCH, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DYNAMIC_FORM_CONTROL_TYPE_TIMEPICKER, DynamicFormComponent, DynamicFormService, DynamicFormsCoreModule } from '@ng-dynamic-forms/core';
-import { AutoCompleteModule, CalendarModule, CheckboxModule, ChipsModule, ColorPickerModule, DropdownModule, EditorModule, InputMaskModule, InputSwitchModule, InputTextModule, InputTextareaModule, MultiSelectModule, RadioButtonModule, RatingModule, SliderModule, SpinnerModule } from 'primeng/primeng';
+import { CommonModule } from '@angular/common';
 
@@ -334,3 +334,3 @@ /**
                 selector: "dynamic-primeng-dropdown",
-                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
+                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-dropdown #pDropdown\n                [autoWidth]=\"model.getAdditional('autoWidth', true)\"\n                [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                [editable]=\"model.getAdditional('editable', false)\"\n                [filter]=\"model.filterable\"\n                [filterBy]=\"model.getAdditional('filterBy', null)\"\n                [filterPlaceholder]=\"model.getAdditional('filterPlaceholder', null)\"\n                [formControlName]=\"model.id\"\n                [id]=\"elementId\"\n                [ngClass]=\"getClass('element', 'control')\"\n                [options]=\"model.options$ | async\"\n                [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                [tabindex]=\"model.tabIndex\"\n                (onBlur)=\"onBlur($event)\"\n                (onChange)=\"onChange($event)\"\n                (onFocus)=\"onFocus($event)\"></p-dropdown>\n\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush
@@ -622,3 +622,3 @@ }] }
                 selector: "dynamic-primeng-multiselect",
-                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
+                template: "<div [formGroup]=\"group\" [ngClass]=\"getClass('grid', 'control')\">\n\n    <p-multiSelect #pMultiSelect\n                   [defaultLabel]=\"model.getAdditional('defaultLabel', 'Choose')\"\n                   [displaySelectedLabel]=\"model.getAdditional('displaySelectedLabel', true)\"\n                   [dropdownIcon]=\"model.getAdditional('dropdownIcon', 'pi pi-caret-down')\"\n                   [filter]=\"model.filterable\"\n                   [formControlName]=\"model.id\"\n                   [id]=\"elementId\"\n                   [maxSelectedLabels]=\"model.getAdditional('maxSelectedLabels', 3)\"\n                   [ngClass]=\"getClass('element', 'control')\"\n                   [options]=\"model.options$ | async\"\n                   [overlayVisible]=\"model.getAdditional('overlayVisible', false)\"\n                   [resetFilterOnHide]=\"model.getAdditional('resetFilterOnHide', false)\"\n                   [scrollHeight]=\"model.getAdditional('scrollHeight', '200px')\"\n                   [selectedItemsLabel]=\"model.getAdditional('selectedItemsLabel', '{0} items selected')\"\n                   [showToggleAll]=\"model.getAdditional('showToggleAll', true)\"\n                   [tabindex]=\"model.tabIndex\"\n                   (onBlur)=\"onBlur($event)\"\n                   (onChange)=\"onChange($event)\"\n                   (onFocus)=\"onFocus($event)\"></p-multiSelect>\n\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush
@@ -625,0 +625,0 @@ }] }

package.json

 {
   "name": "@ng-dynamic-forms/ui-primeng",
-  "version": "7.0.2",
+  "version": "7.0.3",
   "description": "PrimeNG UI package for NG Dynamic Forms",
@@ -35,3 +35,3 @@ "keywords": [
     "@angular/forms": "^7.0.0",
-    "@ng-dynamic-forms/core": "^7.0.2",
+    "@ng-dynamic-forms/core": "^7.0.3",
     "primeng": "^7.0.0",
@@ -38,0 +38,0 @@ "rxjs": "^6.3.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

802496

increased by0.02%

Lines of code

8170

increased by0.01%

No dependency changes