@farris/jit-engine 1.3.351 → 1.3.352

package/lib/template/ui/kendo/lookup.pug

@@ -1,114 +1,114 @@
-//- -var variable = {};
-
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
-  if(variable.holdPlace)
-    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
-  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
-    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-      if (variable.title)
-        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
-        if(variable.linkedLabelEnabled)
-          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-        else
-          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-      div(class="farris-input-wrap")
-        -var attrs = {};
-        if (variable.binding && variable.binding.type == 'Variable')
-          -attrs['[(UIStateBinding)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-        if (variable.lookupPicking)
-          -attrs['[dictPicking]'] = variable.lookupPicking;
-        if (variable.lookupPicked)
-          -attrs['[dictPicked]'] = variable.lookupPicked;
-        if (variable.beforeSelectData)
-          -attrs['[beforeSelectData]'] = variable.beforeSelectData;
-        if (variable.readonly)
-          -attrs['[readonly]'] = variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
-
-        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
-        if(variable.isTextArea)
-          if(variable.readonly && variable.readonly.isComposite)
-            -attrs["*ngIf"]="!"+variable.readonly.value;
-          else
-            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
-        if(variable.hasDefaultFocus)
-          -attrs["farris-set-focus"]="";
-          if(variable.focusState)
-            -attrs["[focusState]"]=variable.focusState+"";
-        -attrs['#'+variable.replacedId] = "";
-        farris-lookup-grid(id=variable.replacedId "input-end-edit" 'lookupGridRef'  'data-mapping' '[useTip]'=(variable.useTip || variable.useTip==false)?variable.useTip+"":undefined '[useFavorite]'=(variable.useFavorite || variable.useFavorite==false)?variable.useFavorite+"":undefined
-          '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[editable]'=(variable.editable || variable.editable==false)?""+variable.editable:undefined   '[disabled]'!=variable.disable?variable.disable.toString():undefined
-          '[displayType]'="'" + variable.displayType+ "'" '[uri]'=(variable.dataSource && variable.dataSource.uri)?"'" + variable.dataSource.uri + "'":undefined  '[idField]'=(variable.dataSource && variable.dataSource.idField)?"'" + variable.dataSource.idField + "'":undefined
-          '[mapFields]'=variable.mapFields?variable.mapFields:undefined '[singleSelect]'=(!variable.multiSelect) + "" '[pageSize]'=(variable.pageSize || 20) '[pageList]'=variable.arrPageList?variable.arrPageList:undefined '[pageIndex]'=(variable.pageIndex || 1)
-          '[pagination]'=(variable.pagination == null | variable.pagination == undefined)?"true":variable.pagination + "" '[textField]'="'" + variable.textField + "'" '[valueField]'="'" + variable.valueField + "'"
-          '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined '[showMaxButton]'=(variable.showMaxButton == null | variable.showMaxButton == undefined)?"true":variable.showMaxButton + ""
-          '[showCloseButton]'=(variable.showCloseButton == null | variable.showCloseButton == undefined)?"true":variable.showCloseButton + "" '[resizable]'=(variable.resizable == null | variable.resizable == undefined)?"true":variable.resizable + ""
-          '(clear)'=variable.clear?variable.clear:undefined  '[context]'=variable.context?variable.context:undefined  '[enableToSelect]'=(variable.enableToSelect || variable.enableToSelect == false)?""+variable.enableToSelect:undefined  '[expandLevel]'=""+variable.expandLevel
-          '[isRecordSize]'=(variable.isRecordSize || variable.isRecordSize == false)?""+variable.isRecordSize:undefined  '[enableFullTree]'=(variable.enableFullTree || variable.enableFullTree == false)?""+variable.enableFullTree:undefined
-          '[loadTreeDataType]'=variable.loadTreeDataType ?"'"+variable.loadTreeDataType+"'":undefined  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
-          '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[dialogWidth]'=variable.panelWidth?""+variable.panelWidth:undefined '[dialogHeight]'=variable.panelHeight?""+variable.panelHeight:undefined
-          '[enableCascade]'=variable.enableCascade?""+variable.enableCascade:undefined    '[cascadeStatus]'=variable.cascadeStatus?"'"+variable.cascadeStatus+"'":undefined  '[useExtendInfo]'=(variable.useExtendInfo || variable.useExtendInfo==false)?""+variable.useExtendInfo:undefined
-          '[extInfoFields]'=variable.extInfoFields?"'"+variable.extInfoFields+"'":undefined '[extInfoFormatter]'=variable.extInfoFormatterName?""+variable.extInfoFormatterName:undefined
-          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
-          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined '[customFormatter]'=variable.customFormatterName?""+variable.customFormatterName:undefined
-          '[selectFirstInNav]'=variable.selectFirstInNav?""+variable.selectFirstInNav.value:undefined  '[loadDataWhenOpen]'=variable.loadDataWhenOpen?""+variable.loadDataWhenOpen.value:undefined
-          '[customNavFormatter]'=variable.customNavFormatterName?""+variable.customNavFormatterName:undefined '[treeInfo]'=variable.treeInfo?variable.treeInfo:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined
-          '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined '[treeTableOptions]'=variable.treeTableOptions?variable.treeTableOptions:undefined  '[showCheckAll]'=variable.showCheckAll?""+variable.showCheckAll.value:undefined
-          '[quickSelect]'=variable.quickSelectName?""+variable.quickSelectName:undefined '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined
-          '[showNavigation]'=variable.showNavigation?""+variable.showNavigation.value:undefined  '[showCascadeControl]'=variable.showCascadeControl?""+variable.showCascadeControl.value:undefined
-          '[showSelected]'=variable.showSelected?""+variable.showSelected.value:undefined '[multipleChoiceSeparator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
-          '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined
-          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
-          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
-          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
-          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
-          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
-          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
-          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
-          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
-        if (variable.needValid && variable.binding && variable.binding.path)
-          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
-        div(class="farris-feedback")
-        if(variable.isTextArea)
-          -var areaAttrs = {};
-          if(variable.readonly && variable.readonly.isComposite)
-            -areaAttrs["*ngIf"]=variable.readonly.value;
-          else
-            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
-          if (variable.binding && variable.binding.type == 'Variable')
-            -areaAttrs['[(ngModel)]'] = variable.binding.value;
-            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
-          else
-            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
-            '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
-            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
-            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
-            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
-            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
-            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
-            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
-      if(variable.titleTipsTemplate)
-        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
-          i(class="f-icon f-icon-description-tips")
-        -var tipsAttrs= {};
-        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
-        ng-template()&attributes(tipsAttrs)
+//- -var variable = {};
+
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      if (variable.title)
+        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(UIStateBinding)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if (variable.lookupPicking)
+          -attrs['[dictPicking]'] = variable.lookupPicking;
+        if (variable.lookupPicked)
+          -attrs['[dictPicked]'] = variable.lookupPicked;
+        if (variable.beforeSelectData)
+          -attrs['[beforeSelectData]'] = variable.beforeSelectData;
+        if (variable.readonly)
+          -attrs['[readonly]'] = variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
+
+        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+        if(variable.isTextArea)
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+        if(variable.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        -attrs['#'+variable.replacedId] = "";
+        farris-lookup-grid(id=variable.replacedId "input-end-edit" 'lookupGridRef'  'data-mapping' '[useTip]'=(variable.useTip || variable.useTip==false)?variable.useTip+"":undefined '[useFavorite]'=(variable.useFavorite || variable.useFavorite==false)?variable.useFavorite+"":undefined
+          '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[editable]'=(variable.editable || variable.editable==false)?""+variable.editable:undefined   '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[displayType]'="'" + variable.displayType+ "'" '[uri]'=(variable.dataSource && variable.dataSource.uri)?"'" + variable.dataSource.uri + "'":undefined  '[idField]'=(variable.dataSource && variable.dataSource.idField)?"'" + variable.dataSource.idField + "'":undefined
+          '[mapFields]'=variable.mapFields?variable.mapFields:undefined '[singleSelect]'=(!variable.multiSelect) + "" '[pageSize]'=(variable.pageSize || 20) '[pageList]'=variable.arrPageList?variable.arrPageList:undefined '[pageIndex]'=(variable.pageIndex || 1)
+          '[pagination]'=(variable.pagination == null | variable.pagination == undefined)?"true":variable.pagination + "" '[textField]'="'" + variable.textField + "'" '[valueField]'="'" + variable.valueField + "'"
+          '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined '[showMaxButton]'=(variable.showMaxButton == null | variable.showMaxButton == undefined)?"true":variable.showMaxButton + ""
+          '[showCloseButton]'=(variable.showCloseButton == null | variable.showCloseButton == undefined)?"true":variable.showCloseButton + "" '[resizable]'=(variable.resizable == null | variable.resizable == undefined)?"true":variable.resizable + ""
+          '(clear)'=variable.clear?variable.clear:undefined  '[context]'=variable.context?variable.context:undefined  '[enableToSelect]'=(variable.enableToSelect || variable.enableToSelect == false)?""+variable.enableToSelect:undefined  '[expandLevel]'=""+variable.expandLevel
+          '[isRecordSize]'=(variable.isRecordSize || variable.isRecordSize == false)?""+variable.isRecordSize:undefined  '[enableFullTree]'=(variable.enableFullTree || variable.enableFullTree == false)?""+variable.enableFullTree:undefined
+          '[loadTreeDataType]'=variable.loadTreeDataType ?"'"+variable.loadTreeDataType+"'":undefined  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+          '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[dialogWidth]'=variable.panelWidth?""+variable.panelWidth:undefined '[dialogHeight]'=variable.panelHeight?""+variable.panelHeight:undefined
+          '[enableCascade]'=variable.enableCascade?""+variable.enableCascade:undefined    '[cascadeStatus]'=variable.cascadeStatus?"'"+variable.cascadeStatus+"'":undefined  '[useExtendInfo]'=(variable.useExtendInfo || variable.useExtendInfo==false)?""+variable.useExtendInfo:undefined
+          '[extInfoFields]'=variable.extInfoFields?"'"+variable.extInfoFields+"'":undefined '[extInfoFormatter]'=variable.extInfoFormatterName?""+variable.extInfoFormatterName:undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined '[customFormatter]'=variable.customFormatterName?""+variable.customFormatterName:undefined
+          '[selectFirstInNav]'=variable.selectFirstInNav?""+variable.selectFirstInNav.value:undefined  '[loadDataWhenOpen]'=variable.loadDataWhenOpen?""+variable.loadDataWhenOpen.value:undefined
+          '[customNavFormatter]'=variable.customNavFormatterName?""+variable.customNavFormatterName:undefined '[treeInfo]'=variable.treeInfo?variable.treeInfo:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined
+          '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined '[treeTableOptions]'=variable.treeTableOptions?variable.treeTableOptions:undefined  '[showCheckAll]'=variable.showCheckAll?""+variable.showCheckAll.value:undefined
+          '[quickSelect]'=variable.quickSelectName?""+variable.quickSelectName:undefined '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined
+          '[showNavigation]'=variable.showNavigation?""+variable.showNavigation.value:undefined  '[showCascadeControl]'=variable.showCascadeControl?""+variable.showCascadeControl.value:undefined
+          '[showSelected]'=variable.showSelected?""+variable.showSelected.value:undefined '[multipleChoiceSeparator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
+          '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        div(class="farris-feedback")
+        if(variable.isTextArea)
+          -var areaAttrs = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+          else
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          if (variable.binding && variable.binding.type == 'Variable')
+            -areaAttrs['[(ngModel)]'] = variable.binding.value;
+            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+          else
+            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+          farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
           | !{variable.titleTipsTemplate}

package/lib/template/ui/kendo/loop-container.pug

@@ -1,2 +1,2 @@
-div('*ngFor'=variable.ngForValue)
+div('*ngFor'=variable.ngForValue)
   | {{content}}

package/lib/template/ui/kendo/menu.pug

@@ -1,4 +1,4 @@
-//- -var variable={contents:[]}
-
-kendo-menu(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[items]'=variable.contents   )
+//- -var variable={contents:[]}
+
+kendo-menu(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[items]'=variable.contents   )
  | {{content}}

package/lib/template/ui/kendo/menuitem.pug

@@ -1,8 +1,8 @@
-//- -var variable={text:'item1',icon:'folder', template:'',contents:[{text:'item1',icon:'folder', template:'<div></div>'}]};
-
-doctype html
-|
-kendo-menu-item(id=variable.replacedId text=variable.text icon=variable.icon '[cssClass]'=(variable.appearance && variable.appearance.class) '[cssStyle]'=(variable.appearance && variable.appearance.style) '[disabled]'!=variable.disable.value?variable.disable.value:undefined '*ngIf'!=variable.visible?variable.visible.value+'':undefined )
-  if variable.template
-    ng-template(kendoMenuItemTemplate)
+//- -var variable={text:'item1',icon:'folder', template:'',contents:[{text:'item1',icon:'folder', template:'<div></div>'}]};
+
+doctype html
+|
+kendo-menu-item(id=variable.replacedId text=variable.text icon=variable.icon '[cssClass]'=(variable.appearance && variable.appearance.class) '[cssStyle]'=(variable.appearance && variable.appearance.style) '[disabled]'!=variable.disable.value?variable.disable.value:undefined '*ngIf'!=variable.visible?variable.visible.value+'':undefined )
+  if variable.template
+    ng-template(kendoMenuItemTemplate)
       | !{variable.template}

package/lib/template/ui/kendo/modal-footer.pug

@@ -1,10 +1,10 @@
-fe-modal-footer(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[options]'=variable.optionsName?""+variable.optionsName:undefined  '*ngIf'!=variable.visible?variable.visible.value+"":undefined     '[toolbarKey]'=variable.id?"'"+variable.id+"'":undefined  '[toolbarAllDatas]'=variable.toolbarAllDatasName?""+variable.toolbarAllDatasName:undefined   '[toolbarConfig]'=variable.toolbarConfigName?""+variable.toolbarConfigName:undefined  '[toolbarBtnVisible]'=variable.toolbarBtnVisibleName?""+variable.toolbarBtnVisibleName:undefined  '[toolbarBtnDisable]'=variable.toolbarBtnDisableName?""+variable.toolbarBtnDisableName:undefined  '(toolbarClickEvent)'=variable.toolbarClickEventName?variable.toolbarClickEventName+"($event)":undefined  '[showType]'="showType")
-    if(variable.extendTemplate)
-        ng-template('feModalFooterUp' '[cls]'=variable.extendTemplateCls?"'"+variable.extendTemplateCls+"'":undefined )
-            | !{variable.extendTemplate}
-    if(variable.rightTemplate)
-        ng-template('feModalFooterLeft' '[cls]'=variable.rightTemplateCls ? "'" + variable.rightTemplateCls + "'": undefined )
-            | !{variable.rightTemplate}
-    if(variable.leftTemplate)
-        ng-template('feModalFooterRight' '[cls]'=variable.leftTemplateCls ? "'" + variable.leftTemplateCls + "'":undefined )
+fe-modal-footer(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[options]'=variable.optionsName?""+variable.optionsName:undefined  '*ngIf'!=variable.visible?variable.visible.value+"":undefined     '[toolbarKey]'=variable.id?"'"+variable.id+"'":undefined  '[toolbarAllDatas]'=variable.toolbarAllDatasName?""+variable.toolbarAllDatasName:undefined   '[toolbarConfig]'=variable.toolbarConfigName?""+variable.toolbarConfigName:undefined  '[toolbarBtnVisible]'=variable.toolbarBtnVisibleName?""+variable.toolbarBtnVisibleName:undefined  '[toolbarBtnDisable]'=variable.toolbarBtnDisableName?""+variable.toolbarBtnDisableName:undefined  '(toolbarClickEvent)'=variable.toolbarClickEventName?variable.toolbarClickEventName+"($event)":undefined  '[showType]'="showType")
+    if(variable.extendTemplate)
+        ng-template('feModalFooterUp' '[cls]'=variable.extendTemplateCls?"'"+variable.extendTemplateCls+"'":undefined )
+            | !{variable.extendTemplate}
+    if(variable.rightTemplate)
+        ng-template('feModalFooterLeft' '[cls]'=variable.rightTemplateCls ? "'" + variable.rightTemplateCls + "'": undefined )
+            | !{variable.rightTemplate}
+    if(variable.leftTemplate)
+        ng-template('feModalFooterRight' '[cls]'=variable.leftTemplateCls ? "'" + variable.leftTemplateCls + "'":undefined )
             | !{variable.leftTemplate}

package/lib/template/ui/kendo/multi-view-container.pug

@@ -1,8 +1,8 @@
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-
-div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined     )&attributes(attrs)
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+
+div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined     )&attributes(attrs)
     | {{content}}

package/lib/template/ui/kendo/multi-view-item.pug

@@ -1,9 +1,9 @@
-//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}}; 
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-
-div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined     '[fViewItem]'=variable.id?"'"+variable.id+"'":undefined  '[fViewGroupId]'=variable.viewGroupIdentify?"'"+variable.viewGroupIdentify+"'":undefined)&attributes(attrs)
+//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}}; 
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+
+div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined     '[fViewItem]'=variable.id?"'"+variable.id+"'":undefined  '[fViewGroupId]'=variable.viewGroupIdentify?"'"+variable.viewGroupIdentify+"'":undefined)&attributes(attrs)
     | {{content}}

package/lib/template/ui/kendo/multitextbox.pug

@@ -1,102 +1,102 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) )&attributes(holdPlaceOuterAttrs)
-  if(variable.holdPlace)
-    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
-  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
-    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-      -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
-      if (variable.title)
-        if(variable.linkedLabelEnabled)
-          label(class="col-form-label col-form-label-multi f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-        else
-          label(class="col-form-label col-form-label-multi" title="{{"+titleValue+"}}" for=variable.replacedId  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined )
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-      div(class="farris-input-wrap")
-        -var attrs = {};
-        if (variable.binding && variable.binding.type == 'Variable')
-          -attrs['[(ngModel)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-          -attrs['[ngModelOptions]'] = "{standalone:true}";
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-        if(variable.isTextArea)
-          if(variable.readonly && variable.readonly.isComposite)
-            -attrs["*ngIf"]="!"+variable.readonly.value;
-          else
-            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
-
-        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
-        if(variable.hasDefaultFocus)
-          -attrs["farris-set-focus"]="";
-          if(variable.focusState)
-            -attrs["[focusState]"]=variable.focusState+"";
-        textarea(id=variable.replacedId '[style.height]'=(variable.size&&variable.size.height)?"'"+variable.size.height+"px"+"'":undefined
-          '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined
-          '[style.width]'=(variable.size&&variable.size.width)?"'"+variable.size.width+"px"+"'":undefined
-          class="form-control"
-          "input-end-edit" 'kendoTextArea' '[disabled]'!=variable.disable?variable.disable.toString():undefined
-          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
-          '[value]'=variable.value?variable.value:undefined
-          tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
-          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
-          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
-          '[auto-size]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[textarea-zoom]'=variable.enableDialog+""
-          '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
-          '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
-          'maxlength'=(variable.maxLength && variable.maxLength!=0)?""+variable.maxLength:undefined
-          '[word-count]'=(variable.enableWordCount || variable.enableWordCount==false)?""+variable.enableWordCount:undefined
-          '[countType]'=variable.countType?"'"+variable.countType+"'":undefined
-          '[onlyShowInDialog]'=(variable.onlyShowInDialog||variable.onlyShowInDialog==false)?""+variable.onlyShowInDialog:undefined
-          '[common-comments]'=variable.useComments?""+variable.useComments.value:undefined
-          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
-          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
-          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
-          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
-          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
-          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
-          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
-        if (variable.needValid && variable.binding && variable.binding.path)
-          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
-        div(class="farris-feedback")
-        if(variable.isTextArea)
-          -var areaAttrs = {};
-          if(variable.readonly && variable.readonly.isComposite)
-            -areaAttrs["*ngIf"]=variable.readonly.value;
-          else
-            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
-          if (variable.binding && variable.binding.type == 'Variable')
-            -areaAttrs['[(ngModel)]'] = variable.binding.value;
-            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
-          else
-            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'string'" '[isTextArea]'="true"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
-            '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined  '[textarea-zoom]'=variable.enableDialog+""
-            '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
-            '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
-            '[attr.maxLength]'=variable.maxLength?""+variable.maxLength:undefined
-            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
-            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
-            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
-            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
-            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
-            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
-      if(variable.titleTipsTemplate)
-        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
-          i(class="f-icon f-icon-description-tips")
-        -var tipsAttrs= {};
-        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
-        ng-template()&attributes(tipsAttrs)
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+      if (variable.title)
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label col-form-label-multi f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label col-form-label-multi" title="{{"+titleValue+"}}" for=variable.replacedId  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined )
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if(variable.isTextArea)
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+
+        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+        if(variable.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        textarea(id=variable.replacedId '[style.height]'=(variable.size&&variable.size.height)?"'"+variable.size.height+"px"+"'":undefined
+          '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined
+          '[style.width]'=(variable.size&&variable.size.width)?"'"+variable.size.width+"px"+"'":undefined
+          class="form-control"
+          "input-end-edit" 'kendoTextArea' '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
+          '[value]'=variable.value?variable.value:undefined
+          tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+          '[auto-size]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[textarea-zoom]'=variable.enableDialog+""
+          '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
+          '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
+          'maxlength'=(variable.maxLength && variable.maxLength!=0)?""+variable.maxLength:undefined
+          '[word-count]'=(variable.enableWordCount || variable.enableWordCount==false)?""+variable.enableWordCount:undefined
+          '[countType]'=variable.countType?"'"+variable.countType+"'":undefined
+          '[onlyShowInDialog]'=(variable.onlyShowInDialog||variable.onlyShowInDialog==false)?""+variable.onlyShowInDialog:undefined
+          '[common-comments]'=variable.useComments?""+variable.useComments.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        div(class="farris-feedback")
+        if(variable.isTextArea)
+          -var areaAttrs = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+          else
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          if (variable.binding && variable.binding.type == 'Variable')
+            -areaAttrs['[(ngModel)]'] = variable.binding.value;
+            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+          else
+            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+          farris-text('[type]'="'string'" '[isTextArea]'="true"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined  '[textarea-zoom]'=variable.enableDialog+""
+            '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
+            '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
+            '[attr.maxLength]'=variable.maxLength?""+variable.maxLength:undefined
+            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
           | !{variable.titleTipsTemplate}