@farris/jit-engine 1.3.351 → 1.3.353

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

@@ -1,11 +1,11 @@
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-if(variable.followType)
-  if(variable.followType.isVariable)
-    -attrs["[fFollowType]"]=variable.followType.value+"";
-  else
-    -attrs["[fFollowType]"]="'"+variable.followType.value+"'";
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+if(variable.followType)
+  if(variable.followType.isVariable)
+    -attrs["[fFollowType]"]=variable.followType.value+"";
+  else
+    -attrs["[fFollowType]"]="'"+variable.followType.value+"'";
 farris-scrollspy(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[scrollspyData]'=variable.itemsLang?""+variable.itemsLang:undefined  '[currentSectionId]'=variable.currentSectionAttr?variable.currentSectionAttr+"":undefined   '[scrollGroupId]'=variable.scrollGroupId?"'"+variable.scrollGroupId+"'":undefined  '[sidetabWidth]'=(variable.size && (variable.size.width || variable.size.width ==0))?""+variable.size.width:undefined 'scrollspyRef' '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '[hidden]'!=variable.visible?"!"+variable.visible.value:undefined  )&attributes(attrs)

package/lib/template/ui/kendo/farris-splitter-pane.pug

@@ -1,11 +1,11 @@
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-if(variable.resizable)
-  farris-splitter-pane(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  ngResizable '[rzMinWidth]'=variable.rzMinWidth?variable.rzMinWidth.toString():undefined  '[rzMaxWidth]'=variable.rzMaxWidth?variable.rzMaxWidth.toString():undefined  '[rzHandles]'=variable.resizeHandlers?"'"+variable.resizeHandlers+"'":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
-    | {{content}}
-else
-  farris-splitter-pane(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)    '[rzMinWidth]'=variable.rzMinWidth?variable.rzMinWidth.toString():undefined  '[rzMaxWidth]'=variable.rzMaxWidth?variable.rzMaxWidth.toString():undefined  '[rzHandles]'=variable.resizeHandlers?"'"+variable.resizeHandlers+"'":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
-    | {{content}}
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+if(variable.resizable)
+  farris-splitter-pane(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  ngResizable '[rzMinWidth]'=variable.rzMinWidth?variable.rzMinWidth.toString():undefined  '[rzMaxWidth]'=variable.rzMaxWidth?variable.rzMaxWidth.toString():undefined  '[rzHandles]'=variable.resizeHandlers?"'"+variable.resizeHandlers+"'":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+    | {{content}}
+else
+  farris-splitter-pane(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)    '[rzMinWidth]'=variable.rzMinWidth?variable.rzMinWidth.toString():undefined  '[rzMaxWidth]'=variable.rzMaxWidth?variable.rzMaxWidth.toString():undefined  '[rzHandles]'=variable.resizeHandlers?"'"+variable.resizeHandlers+"'":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+    | {{content}}

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

@@ -1,7 +1,7 @@
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-farris-splitter(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+farris-splitter(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
   | {{content}}

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

@@ -1,88 +1,88 @@
--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.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-switch(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable:undefined
-          '[readonly]'=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
-          '[square]'=variable.square?""+variable.square:undefined
-          '[checkedLabel]'=variable.checkedLabel?"'"+variable.checkedLabel+"'":undefined
-          '[uncheckedLabel]'=variable.uncheckedLabel?"'"+variable.uncheckedLabel+"'":undefined
-          '(valueChange)'=variable.valueChange?variable.valueChange:undefined
-          '[tab-index]'=(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
-          '[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]'="'boolean'" '[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}
+-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.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-switch(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable:undefined
+          '[readonly]'=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
+          '[square]'=variable.square?""+variable.square:undefined
+          '[checkedLabel]'=variable.checkedLabel?"'"+variable.checkedLabel+"'":undefined
+          '[uncheckedLabel]'=variable.uncheckedLabel?"'"+variable.uncheckedLabel+"'":undefined
+          '(valueChange)'=variable.valueChange?variable.valueChange:undefined
+          '[tab-index]'=(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
+          '[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]'="'boolean'" '[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/farris-tags.pug

@@ -1,70 +1,70 @@
--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['#'+variable.replacedId] = "";
-        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-tags(id=variable.replacedId?""+variable.replacedId:undefined    '*ngIf'!=variable.visible ?variable.visible.value+'':undefined   '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined  '[checkable]'=(variable.checkable || variable.checkable==false)?""+variable.checkable:undefined   '[className]'=variable.className?"'"+variable.className+"'":undefined   '[color]'=variable.color?"'"+variable.color+"'":undefined  '[tagType]'=variable.tagType?"'"+variable.tagType+"'":undefined   '(tagClick)'=variable.click?""+variable.click:undefined  '(dataChanged)'=variable.dataChanged?""+variable.dataChanged:undefined  '(closed)'=variable.closed?""+variable.closed: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  )&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'"  '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined   '[format]'=variable.format?"'"+variable.format+"'":undefined  '[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.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['#'+variable.replacedId] = "";
+        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-tags(id=variable.replacedId?""+variable.replacedId:undefined    '*ngIf'!=variable.visible ?variable.visible.value+'':undefined   '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined  '[checkable]'=(variable.checkable || variable.checkable==false)?""+variable.checkable:undefined   '[className]'=variable.className?"'"+variable.className+"'":undefined   '[color]'=variable.color?"'"+variable.color+"'":undefined  '[tagType]'=variable.tagType?"'"+variable.tagType+"'":undefined   '(tagClick)'=variable.click?""+variable.click:undefined  '(dataChanged)'=variable.dataChanged?""+variable.dataChanged:undefined  '(closed)'=variable.closed?""+variable.closed: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  )&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'"  '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined   '[format]'=variable.format?"'"+variable.format+"'":undefined  '[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}