@farris/jit-engine 1.3.294 → 1.3.296

package/lib/template/ui/kendo/farris-datepicker.pug

@@ -1,104 +1,118 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?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.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.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.valueChange)
-          -attrs['(valueChange)'] = variable.valueChange ;
-
-        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
-        -attrs['#'+variable.replacedId] = "";
-        if(variable.maxValue)
-          -attrs["[maxDate]"]=variable.maxValue?((variable.maxValue.useQuote?"'":"")+variable.maxValue.value+(variable.maxValue.useQuote?"'":"")):undefined
-        if(variable.minValue)
-          -attrs["[minDate]"]=variable.minValue?((variable.minValue.useQuote?"'":"")+variable.minValue.value+(variable.minValue.useQuote?"'":"")):undefined
-        - var readonlyValue=variable.readonly && variable.readonly.value
-        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+"";
-        farris-datepicker(id=variable.replacedId "input-end-edit" "farris-date-localization"=variable.localization?"":undefined
-          '[disabled]'!=variable.disable?variable.disable.toString():undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
-          '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined
-          '[viewType]'=variable.viewType ? "'" + variable.viewType + "'":undefined
-          '[locale]'=variable.locale?"'"+variable.locale+"'":undefined  '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined
-          '[showTime]'=(variable.showTime || variable.showTime==false)?variable.showTime+"":undefined
-          '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined
-          '[dateFormat]'!=variable.dateFormat?"'"+variable.dateFormat+"'":undefined
-          '[disableDateRangesBegin]'!=variable.disableDateRangesBegin?variable.disableDateRangesBegin:undefined
-          '[disableDateRangesEnd]'!=variable.disableDateRangesEnd?variable.disableDateRangesEnd:undefined
-          '[disableDates]'!=variable.disableDates?variable.disableDates:undefined '[showWeekNumbers]'=(variable.showWeekNumbers || variable.showWeekNumbers==false)?variable.showWeekNumbers+"":undefined
-          '[dateRangeDatesDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined
-          '[shortcuts]'!=variable.shortcuts?variable.shortcuts:undefined  '[returnType]'=variable.returnType?"'"+variable.returnType+"'":undefined
-          '[useDefault]'=(variable.useDefault || variable.useDefault==false)?variable.useDefault.toString():undefined
-          '[returnFormat]'=variable.returnFormat?"'"+variable.returnFormat+"'":undefined  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
-          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
-          'datepickerRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  
-          '[hourStep]'=(variable.hourStep || variable.hourStep==0)?""+variable.hourStep:undefined   
-          '[minuteStep]'=(variable.minuteStep || variable.minuteStep==0)?""+variable.minuteStep:undefined 
-          '[secondStep]'=(variable.secondStep || variable.secondStep==0)?""+variable.secondStep:undefined
-          '[firstDayOfWeek]'=variable.firstDayOfWeek?"'"+variable.firstDayOfWeek+"'":undefined
-          '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
-          '[separator]'=variable.separator?"'"+variable.separator+"'":undefined '[maxSelected]'=(variable.maxSelected || variable.maxSelected==0)?""+variable.maxSelected:undefined
-          '[selectedOrderBy]'=variable.selectedOrderBy?"'"+variable.selectedOrderBy+"'":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]'="'date'"  '[localization]'=variable.localization?""+true:undefined '[localizationType]'=variable.localization?"'"+variable.localizationType+"'":undefined "farris-text-localization"=variable.localization?"":undefined
-            '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined  '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined  '[format]'=variable.dateFormat?"'"+variable.dateFormat+"'":undefined
-            '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined  '[dateRangeDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined
-            '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
-            '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
-            '[separator]'=variable.separator?"'"+variable.separator+"'":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}
+-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['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if (variable.valueChange)
+          -attrs['(valueChange)'] = variable.valueChange ;
+
+        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+        -attrs['#'+variable.replacedId] = "";
+        if(variable.maxValue)
+          -attrs["[maxDate]"]=variable.maxValue?((variable.maxValue.useQuote?"'":"")+variable.maxValue.value+(variable.maxValue.useQuote?"'":"")):undefined
+        if(variable.minValue)
+          -attrs["[minDate]"]=variable.minValue?((variable.minValue.useQuote?"'":"")+variable.minValue.value+(variable.minValue.useQuote?"'":"")):undefined
+        - var readonlyValue=variable.readonly && variable.readonly.value
+        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+"";
+        farris-datepicker(id=variable.replacedId "input-end-edit" "farris-date-localization"=variable.localization?"":undefined
+          '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
+          '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined
+          '[viewType]'=variable.viewType ? "'" + variable.viewType + "'":undefined
+          '[locale]'=variable.locale?"'"+variable.locale+"'":undefined  '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined
+          '[showTime]'=(variable.showTime || variable.showTime==false)?variable.showTime+"":undefined
+          '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined
+          '[dateFormat]'!=variable.dateFormat?"'"+variable.dateFormat+"'":undefined
+          '[disableDateRangesBegin]'!=variable.disableDateRangesBegin?variable.disableDateRangesBegin:undefined
+          '[disableDateRangesEnd]'!=variable.disableDateRangesEnd?variable.disableDateRangesEnd:undefined
+          '[disableDates]'!=variable.disableDates?variable.disableDates:undefined '[showWeekNumbers]'=(variable.showWeekNumbers || variable.showWeekNumbers==false)?variable.showWeekNumbers+"":undefined
+          '[dateRangeDatesDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined
+          '[shortcuts]'!=variable.shortcuts?variable.shortcuts:undefined  '[returnType]'=variable.returnType?"'"+variable.returnType+"'":undefined
+          '[useDefault]'=(variable.useDefault || variable.useDefault==false)?variable.useDefault.toString():undefined
+          '[returnFormat]'=variable.returnFormat?"'"+variable.returnFormat+"'":undefined  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+          'datepickerRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  
+          '[hourStep]'=(variable.hourStep || variable.hourStep==0)?""+variable.hourStep:undefined   
+          '[minuteStep]'=(variable.minuteStep || variable.minuteStep==0)?""+variable.minuteStep:undefined 
+          '[secondStep]'=(variable.secondStep || variable.secondStep==0)?""+variable.secondStep:undefined
+          '[firstDayOfWeek]'=variable.firstDayOfWeek?"'"+variable.firstDayOfWeek+"'":undefined
+          '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
+          '[separator]'=variable.separator?"'"+variable.separator+"'":undefined '[maxSelected]'=(variable.maxSelected || variable.maxSelected==0)?""+variable.maxSelected:undefined
+          '[selectedOrderBy]'=variable.selectedOrderBy?"'"+variable.selectedOrderBy+"'":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]'="'date'"  '[localization]'=variable.localization?""+true:undefined '[localizationType]'=variable.localization?"'"+variable.localizationType+"'":undefined "farris-text-localization"=variable.localization?"":undefined
+            '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined  '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined  '[format]'=variable.dateFormat?"'"+variable.dateFormat+"'":undefined
+            '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined  '[dateRangeDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined
+            '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+            '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
+            '[separator]'=variable.separator?"'"+variable.separator+"'":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/farris-dynamic-control-group.pug

@@ -1,14 +1,14 @@
--var attrs = {};
- -attrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-farris-dynamic-control-group(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  
-'[contents]'!=variable.controls?variable.controls.value:undefined '[uri]'=variable.uri?variable.uri:undefined '[formData]'=variable.formData?variable.formData.value:undefined 
-'[form]'=variable.form?variable.form.value:undefined 
-'[isControlInline]'=(variable.isControlInline||variable.isControlInline==false)?""+variable.isControlInline:undefined 
-'[isEmbedded]'=variable.isEmbedded?""+variable.isEmbedded:undefined  
-'[extraClassNames]'=variable.extraClassNames?"'"+variable.extraClassNames+"'":undefined  
-'[isGrouped]'=(variable.isGrouped || variable.isGrouped == false)?""+variable.isGrouped:undefined   
-'[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+-var attrs = {};
+ -attrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+farris-dynamic-control-group(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  
+'[contents]'!=variable.controls?variable.controls.value:undefined '[uri]'=variable.uri?variable.uri:undefined '[formData]'=variable.formData?variable.formData.value:undefined 
+'[form]'=variable.form?variable.form.value:undefined 
+'[isControlInline]'=(variable.isControlInline||variable.isControlInline==false)?""+variable.isControlInline:undefined 
+'[isEmbedded]'=variable.isEmbedded?""+variable.isEmbedded:undefined  
+'[extraClassNames]'=variable.extraClassNames?"'"+variable.extraClassNames+"'":undefined  
+'[isGrouped]'=(variable.isGrouped || variable.isGrouped == false)?""+variable.isGrouped:undefined   
+'[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)

package/lib/template/ui/kendo/farris-ext-intergration.pug

@@ -1,79 +1,79 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?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.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.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.valueChange)
-          -attrs['(valueChange)'] = variable.valueChange ;
-
-        -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+"";
-        web-external-integration(
-            id=variable.replacedId 
-            extIntegration-dataMapping
-            '[serviceCode]'=variable.serviceCode?"'"+variable.serviceCode+"'":undefined
-            '[mapFields]'!=variable.mapFields?""+variable.mapFields:undefined
-            '[externalParams]'=variable.externalParams?""+variable.externalParams:undefined
-            'tab-index'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined 
-            '[extTableSchemas]'!=variable.extTableSchemas?""+variable.extTableSchemas: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 )&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}
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?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.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.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.valueChange)
+          -attrs['(valueChange)'] = variable.valueChange ;
+
+        -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+"";
+        web-external-integration(
+            id=variable.replacedId 
+            extIntegration-dataMapping
+            '[serviceCode]'=variable.serviceCode?"'"+variable.serviceCode+"'":undefined
+            '[mapFields]'!=variable.mapFields?""+variable.mapFields:undefined
+            '[externalParams]'=variable.externalParams?""+variable.externalParams:undefined
+            'tab-index'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined 
+            '[extTableSchemas]'!=variable.extTableSchemas?""+variable.extTableSchemas: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 )&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/farris-file-preview.pug

@@ -1,7 +1,7 @@
-f-file-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  fFilePreviewAdaptUnifile farrisFilePreviewBinding  farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined  '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined   '(fileRemoveEvent)'=variable.removeFile?""+variable.removeFile:undefined   '[type]'=variable.showType?"'"+variable.showType+"'":undefined '[itemCls]'=variable.itemCls?"'"+variable.itemCls+"'":undefined  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined    '[enableMulti]'=variable.enableBatchDownload?variable.enableBatchDownload.value+"":undefined  '[canRename]'=variable.canRename?""+variable.canRename.value:undefined  '[defaultRename]'=variable.defaultRename?"'"+variable.defaultRename+"'":undefined )
-  if(variable.previewAreaTemplate)
-    ng-template(filePreviewListTypeTemplate 'let-data' 'let-readonly'="readonly" 'let-settings'="settings")
-      |!{variable.previewAreaTemplate}
-  if(variable.filePreviewToolbarTemplate)
-    ng-template(filePreviewToolbarTemplate 'let-data' 'let-readonly' 'let-enableMulti'   let-settings="settings")
+f-file-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  fFilePreviewAdaptUnifile farrisFilePreviewBinding  farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined  '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined   '(fileRemoveEvent)'=variable.removeFile?""+variable.removeFile:undefined   '[type]'=variable.showType?"'"+variable.showType+"'":undefined '[itemCls]'=variable.itemCls?"'"+variable.itemCls+"'":undefined  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined    '[enableMulti]'=variable.enableBatchDownload?variable.enableBatchDownload.value+"":undefined  '[canRename]'=variable.canRename?""+variable.canRename.value:undefined  '[defaultRename]'=variable.defaultRename?"'"+variable.defaultRename+"'":undefined )
+  if(variable.previewAreaTemplate)
+    ng-template(filePreviewListTypeTemplate 'let-data' 'let-readonly'="readonly" 'let-settings'="settings")
+      |!{variable.previewAreaTemplate}
+  if(variable.filePreviewToolbarTemplate)
+    ng-template(filePreviewToolbarTemplate 'let-data' 'let-readonly' 'let-enableMulti'   let-settings="settings")
       |!{variable.filePreviewToolbarTemplate}

package/lib/template/ui/kendo/farris-file-upload-preview.pug

@@ -1,49 +1,49 @@
-
-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)
-      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 )          
-      span(class="farris-label-text") {{#{titleValue}}}
-f-file-upload-and-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) fFilePreviewAdaptUnifile farrisFilePreviewBinding 
-  '[previewReadonly]'!=variable.previewReadonly?""+variable.previewReadonly.value:undefined
-  '(fileRemoveEvent)'=variable.fileRemoveEvent?""+variable.fileRemoveEvent:undefined
-  '[uploadEnableMulti]'=variable.uploadEnableMulti?""+variable.uploadEnableMulti.value:undefined
-  '[uploadVisible]'!=variable.uploadVisible?""+variable.uploadVisible.value:undefined
-  '[uploadOptions]'!=variable.uploadOptions?variable.uploadOptions:undefined 
-  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  
-  '[uploadDisabled]'!=variable.uploadDisabled?""+variable.uploadDisabled.value:undefined
-  '[disabled]'!=variable.disabled?""+variable.disabled.value:undefined
-  '[noDownload]'!=variable.noDownload?""+variable.noDownload.value:undefined
-  '[noPreview]'=variable.noPreview?""+variable.noPreview.value:undefined
-  '[uploadedCount]'!=variable.uploadedCount?""+variable.uploadedCount:undefined
-  '[extendDatas]'!=variable.extendDatas?""+variable.extendDatas:undefined
-  '[previewEnableMulti]'=variable.previewEnableMulti?""+variable.previewEnableMulti.value:undefined
-  '[previewShowType]'=variable.previewShowType?"'"+variable.previewShowType+"'":undefined
-  '[previewVisible]'=variable.previewVisible?""+variable.previewVisible.value:undefined
-  '[uploadSelectText]'=variable.uploadSelectTextLangName?""+variable.uploadSelectTextLangName:undefined
-  farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined
-  farrisOrderType=variable.orderType?variable.orderType.value+"":undefined
-  farrisFileSortOrderKey=variable.fileSortOrderKey?variable.fileSortOrderKey.value+"":undefined
-  '(fUploadDoneEvent)'=variable.fUploadDoneEvent?""+variable.fUploadDoneEvent:undefined
-  '(fUploadRemovedEvent)'=variable.fUploadRemovedEvent?""+variable.fUploadRemovedEvent:undefined
-  '[previewEnableRename]'=""+variable.previewEnableRename
-  '[previewDefaultRename]'=variable.previewDefaultNameLangName?""+variable.previewDefaultNameLangName:undefined
-  '[customInfo]'=variable.customInfoLangName?""+variable.customInfoLangName:undefined
-  '[editfile]'=variable.previewEnableEditFile?""+variable.previewEnableEditFile.value:undefined
-  '[contentFill]'=variable.contentFill?""+variable.contentFill.value:undefined
-  '(afterOrdered)'=variable.afterOrdered?""+variable.afterOrdered:undefined
-	'[enableOrder]'=variable.enableOrder?""+variable.enableOrder.value:undefined
-  '[docMode]'=variable.previewEditFileDocMode?(variable.previewEditFileDocMode.useQuote?("'"+variable.previewEditFileDocMode.value+"'"):(""+variable.previewEditFileDocMode.value)):undefined
-  '[previewShowComments]'=variable.previewShowComments?""+variable.previewShowComments.value:undefined
-  '[previewDateFormat]'=variable.previewDateFormat?"'"+variable.previewDateFormat+"'":undefined
-  '[previewColumns]'=variable.previewColumnsName?""+variable.previewColumnsName:undefined
-  '[enableSliceUpload]'=variable.enableSliceUpload?""+variable.previewEnableMulti:undefined
-  '[chunkSize]'=variable.chunkSize?""+variable.chunkSize:undefined
-  '[noDelete]'=variable.noDelete?""+variable.noDelete.value:undefined
-  '[previewModeless]'=(variable.previewModeless||variable.previewModeless===false)?""+variable.previewModeless:undefined )
-  if(variable.uploadAreaTemplate)
-    ng-template(fFielUpload let-disabled="disabled")
+
+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)
+      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 )          
+      span(class="farris-label-text") {{#{titleValue}}}
+f-file-upload-and-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) fFilePreviewAdaptUnifile farrisFilePreviewBinding 
+  '[previewReadonly]'!=variable.previewReadonly?""+variable.previewReadonly.value:undefined
+  '(fileRemoveEvent)'=variable.fileRemoveEvent?""+variable.fileRemoveEvent:undefined
+  '[uploadEnableMulti]'=variable.uploadEnableMulti?""+variable.uploadEnableMulti.value:undefined
+  '[uploadVisible]'!=variable.uploadVisible?""+variable.uploadVisible.value:undefined
+  '[uploadOptions]'!=variable.uploadOptions?variable.uploadOptions:undefined 
+  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  
+  '[uploadDisabled]'!=variable.uploadDisabled?""+variable.uploadDisabled.value:undefined
+  '[disabled]'!=variable.disabled?""+variable.disabled.value:undefined
+  '[noDownload]'!=variable.noDownload?""+variable.noDownload.value:undefined
+  '[noPreview]'=variable.noPreview?""+variable.noPreview.value:undefined
+  '[uploadedCount]'!=variable.uploadedCount?""+variable.uploadedCount:undefined
+  '[extendDatas]'!=variable.extendDatas?""+variable.extendDatas:undefined
+  '[previewEnableMulti]'=variable.previewEnableMulti?""+variable.previewEnableMulti.value:undefined
+  '[previewShowType]'=variable.previewShowType?"'"+variable.previewShowType+"'":undefined
+  '[previewVisible]'=variable.previewVisible?""+variable.previewVisible.value:undefined
+  '[uploadSelectText]'=variable.uploadSelectTextLangName?""+variable.uploadSelectTextLangName:undefined
+  farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined
+  farrisOrderType=variable.orderType?variable.orderType.value+"":undefined
+  farrisFileSortOrderKey=variable.fileSortOrderKey?variable.fileSortOrderKey.value+"":undefined
+  '(fUploadDoneEvent)'=variable.fUploadDoneEvent?""+variable.fUploadDoneEvent:undefined
+  '(fUploadRemovedEvent)'=variable.fUploadRemovedEvent?""+variable.fUploadRemovedEvent:undefined
+  '[previewEnableRename]'=""+variable.previewEnableRename
+  '[previewDefaultRename]'=variable.previewDefaultNameLangName?""+variable.previewDefaultNameLangName:undefined
+  '[customInfo]'=variable.customInfoLangName?""+variable.customInfoLangName:undefined
+  '[editfile]'=variable.previewEnableEditFile?""+variable.previewEnableEditFile.value:undefined
+  '[contentFill]'=variable.contentFill?""+variable.contentFill.value:undefined
+  '(afterOrdered)'=variable.afterOrdered?""+variable.afterOrdered:undefined
+	'[enableOrder]'=variable.enableOrder?""+variable.enableOrder.value:undefined
+  '[docMode]'=variable.previewEditFileDocMode?(variable.previewEditFileDocMode.useQuote?("'"+variable.previewEditFileDocMode.value+"'"):(""+variable.previewEditFileDocMode.value)):undefined
+  '[previewShowComments]'=variable.previewShowComments?""+variable.previewShowComments.value:undefined
+  '[previewDateFormat]'=variable.previewDateFormat?"'"+variable.previewDateFormat+"'":undefined
+  '[previewColumns]'=variable.previewColumnsName?""+variable.previewColumnsName:undefined
+  '[enableSliceUpload]'=variable.enableSliceUpload?""+variable.previewEnableMulti:undefined
+  '[chunkSize]'=variable.chunkSize?""+variable.chunkSize:undefined
+  '[noDelete]'=variable.noDelete?""+variable.noDelete.value:undefined
+  '[previewModeless]'=(variable.previewModeless||variable.previewModeless===false)?""+variable.previewModeless:undefined )
+  if(variable.uploadAreaTemplate)
+    ng-template(fFielUpload let-disabled="disabled")
       |!{variable.uploadAreaTemplate}

package/lib/template/ui/kendo/farris-file-upload.pug

@@ -1,4 +1,4 @@
-f-file-upload(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[options]'!=variable.uploadOptions?variable.uploadOptions:undefined '[visible]'=variable.visible?""+variable.visible.value:undefined  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  '(fUploadDoneEvent)'=variable.afterUpload?""+variable.afterUpload:undefined  '(fUploadRemovedEvent)'=variable.removeUpload?""+variable.removeUpload:undefined  '[disabled]'!=variable.readonly?variable.readonly.value+"":undefined  '[enableDrop]'=variable.fileDraggable?""+variable.fileDraggable.value:undefined  '[uploadedCount]'!=variable.uploadedCount?""+variable.uploadedCount:undefined   '[uploadImmediately]'=variable.uploadImmediately?""+variable.uploadImmediately.value:undefined    )
-  if(variable.uploadAreaTemplate)
-    ng-template(fFielUpload let-disabled="disabled")
+f-file-upload(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[options]'!=variable.uploadOptions?variable.uploadOptions:undefined '[visible]'=variable.visible?""+variable.visible.value:undefined  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  '(fUploadDoneEvent)'=variable.afterUpload?""+variable.afterUpload:undefined  '(fUploadRemovedEvent)'=variable.removeUpload?""+variable.removeUpload:undefined  '[disabled]'!=variable.readonly?variable.readonly.value+"":undefined  '[enableDrop]'=variable.fileDraggable?""+variable.fileDraggable.value:undefined  '[uploadedCount]'!=variable.uploadedCount?""+variable.uploadedCount:undefined   '[uploadImmediately]'=variable.uploadImmediately?""+variable.uploadImmediately.value:undefined    )
+  if(variable.uploadAreaTemplate)
+    ng-template(fFielUpload let-disabled="disabled")
       |!{variable.uploadAreaTemplate}