@farris/jit-engine 1.3.351 → 1.3.353

package/lib/template/ui/kendo/farris-time-picker.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)+"}")
-      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.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-time-picker(id=variable.replacedId "input-end-edit" "timePickerRef"
-          '[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.toString():undefined
-          '[hourStep]'=variable.hourStep?variable.hourStep.toString():undefined
-          '[minuteStep]'=variable.minuteStep?variable.minuteStep.toString():undefined
-          '[secondStep]'=variable.secondStep?variable.secondStep.toString():undefined
-          '[format]'=variable.format?"'"+variable.format+"'":undefined
-          '[hideDisabledOptions]'=(variable.hideDisabledOptions || variable.hideDisabledOptions==false)?variable.hideDisabledOptions.toString():undefined
-          '(clear)'=variable.clear?variable.clear:undefined  '(valueChanged)'=variable.valueChanged?variable.valueChanged.toString():undefined
-          '(openChange)'=variable.openChange?variable.openChange.toString():undefined
-          '[use12Hours]'=(variable.use12Hours || variable.use12Hours==false)?variable.use12Hours+"":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
-          '[showHeader]'=variable.showHeader?""+variable.showHeader.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]'="'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
-            '[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.valueChange)
+          -attrs['(valueChange)'] = variable.valueChange + '';
+
+        -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+        -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-time-picker(id=variable.replacedId "input-end-edit" "timePickerRef"
+          '[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.toString():undefined
+          '[hourStep]'=variable.hourStep?variable.hourStep.toString():undefined
+          '[minuteStep]'=variable.minuteStep?variable.minuteStep.toString():undefined
+          '[secondStep]'=variable.secondStep?variable.secondStep.toString():undefined
+          '[format]'=variable.format?"'"+variable.format+"'":undefined
+          '[hideDisabledOptions]'=(variable.hideDisabledOptions || variable.hideDisabledOptions==false)?variable.hideDisabledOptions.toString():undefined
+          '(clear)'=variable.clear?variable.clear:undefined  '(valueChanged)'=variable.valueChanged?variable.valueChanged.toString():undefined
+          '(openChange)'=variable.openChange?variable.openChange.toString():undefined
+          '[use12Hours]'=(variable.use12Hours || variable.use12Hours==false)?variable.use12Hours+"":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
+          '[showHeader]'=variable.showHeader?""+variable.showHeader.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]'="'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
+            '[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-time-spinner.pug

@@ -1,72 +1,72 @@
--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.hasDefaultFocus)
-          -attrs["farris-set-focus"]="";
-          if(variable.focusState)
-            -attrs["[focusState]"]=variable.focusState+"";
-        farris-time-spinner(id=variable.replacedId "input-end-edit"
-          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable+"":undefined
-          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
-          '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined
-          '[use12Hours]'=(variable.use12Hours||variable.use12Hours==false)?variable.use12Hours+"":undefined
-          '[format]'=variable.format?"'"+variable.format+"'":undefined
-          '[placeHolder]'=variable.placeHolderLangName?variable.placeHolderLangName: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
-          '[max]'=variable.maxValue?"'"+variable.maxValue+"'":undefined  '[min]'=variable.minValue?"'"+variable.minValue+"'":undefined
-          '[disabledSeconds]'=(variable.disabledSeconds||variable.disabledSeconds==false)?variable.disabledSeconds+"":undefined
-          '[separator]'=variable.splitter?"'"+variable.splitter+"'":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
-          '[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.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)+"}")
+      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.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        farris-time-spinner(id=variable.replacedId "input-end-edit"
+          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable+"":undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
+          '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined
+          '[use12Hours]'=(variable.use12Hours||variable.use12Hours==false)?variable.use12Hours+"":undefined
+          '[format]'=variable.format?"'"+variable.format+"'":undefined
+          '[placeHolder]'=variable.placeHolderLangName?variable.placeHolderLangName: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
+          '[max]'=variable.maxValue?"'"+variable.maxValue+"'":undefined  '[min]'=variable.minValue?"'"+variable.minValue+"'":undefined
+          '[disabledSeconds]'=(variable.disabledSeconds||variable.disabledSeconds==false)?variable.disabledSeconds+"":undefined
+          '[separator]'=variable.splitter?"'"+variable.splitter+"'":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
+          '[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.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-ui-footer.pug

@@ -1,16 +1,16 @@
-farris-footer(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)  '[collapseStatus]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined  style=(variable.appearance && variable.appearance.style) '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined  '[showHeader]'=(variable.showHeader||variable.showHeader==false)?variable.showHeader+'':undefined  '[enableAccordion]'=(variable.enableAccordion || variable.enableAccordion == false)?""+variable.enableAccordion:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined  '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined '[headerCls]'!=(variable.header && variable.header.class)?"'"+variable.header.class+"'":undefined  '*ngIf'!=variable.visible ?variable.visible.value+"":undefined )
-  if(variable.header && variable.header.template)
-    ng-template(fFooterHeader '[extendCls]'=variable.templateCls?"'"+variable.templateCls+"'":undefined  )
-      | !{variable.header.template}
-  if(variable.header && variable.header.contentTemplate )
-    ng-template(fFooterHeaderContent  '[extendCls]'!=variable.contentTemplateCls?"'"+variable.contentTemplateCls+"'":undefined )
-      | !{variable.header.contentTemplate}
-  if(variable.toolbarTemplate && variable.header.toolbarTemplate)
-    ng-template(fFooterHeaderToolbar   '[extendCls]'!=variable.toolbarTemplateCls?"'"+variable.toolbarTemplateCls+"'":undefined )
-      |  !{variable.header.toolbarTemplate}
-  if(variable.header && variable.header.toolbarExtendTemplate)
-    ng-template(fFooterHeaderToolbarExtend  '[extendCls]'!=variable.toolbarExtendTemplateCls?"'"+variable.toolbarExtendTemplateCls+"'":undefined )
-      | !{variable.header.toolbarExtendTemplate}
-  = '\n'
-  | {{content}}
+farris-footer(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)  '[collapseStatus]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined  style=(variable.appearance && variable.appearance.style) '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined  '[showHeader]'=(variable.showHeader||variable.showHeader==false)?variable.showHeader+'':undefined  '[enableAccordion]'=(variable.enableAccordion || variable.enableAccordion == false)?""+variable.enableAccordion:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined  '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined '[headerCls]'!=(variable.header && variable.header.class)?"'"+variable.header.class+"'":undefined  '*ngIf'!=variable.visible ?variable.visible.value+"":undefined )
+  if(variable.header && variable.header.template)
+    ng-template(fFooterHeader '[extendCls]'=variable.templateCls?"'"+variable.templateCls+"'":undefined  )
+      | !{variable.header.template}
+  if(variable.header && variable.header.contentTemplate )
+    ng-template(fFooterHeaderContent  '[extendCls]'!=variable.contentTemplateCls?"'"+variable.contentTemplateCls+"'":undefined )
+      | !{variable.header.contentTemplate}
+  if(variable.toolbarTemplate && variable.header.toolbarTemplate)
+    ng-template(fFooterHeaderToolbar   '[extendCls]'!=variable.toolbarTemplateCls?"'"+variable.toolbarTemplateCls+"'":undefined )
+      |  !{variable.header.toolbarTemplate}
+  if(variable.header && variable.header.toolbarExtendTemplate)
+    ng-template(fFooterHeaderToolbarExtend  '[extendCls]'!=variable.toolbarExtendTemplateCls?"'"+variable.toolbarExtendTemplateCls+"'":undefined )
+      | !{variable.header.toolbarExtendTemplate}
+  = '\n'
+  | {{content}}
   = '\n'

package/lib/template/ui/kendo/farris-wizard-page-detail.pug

@@ -1,15 +1,15 @@
-wizard-page-detail(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '(pagedetailSelected)'=(variable.pageDetailSelected ? variable.pageDetailSelected+"":undefined)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined)
-  if(variable.headerTemplate)
-    ng-template(wizardPageHeader)
-      if(variable.headerTemplate.contents && variable.headerTemplate.contents.length)
-        | {{headerTemplateContent}}
-      else
-        | !{variable.headerTemplate}
-  ng-template(wizardPageContent)
-    if(variable.contents && variable.contents.length)
-      | {{content}}
-    else
-      | !{variable.contentTemplate}
-  if(variable.footerTemplate)
-    ng-template(wizardPageFooter)
+wizard-page-detail(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '(pagedetailSelected)'=(variable.pageDetailSelected ? variable.pageDetailSelected+"":undefined)  '*ngIf'!=variable.visible?variable.visible.value+'':undefined)
+  if(variable.headerTemplate)
+    ng-template(wizardPageHeader)
+      if(variable.headerTemplate.contents && variable.headerTemplate.contents.length)
+        | {{headerTemplateContent}}
+      else
+        | !{variable.headerTemplate}
+  ng-template(wizardPageContent)
+    if(variable.contents && variable.contents.length)
+      | {{content}}
+    else
+      | !{variable.contentTemplate}
+  if(variable.footerTemplate)
+    ng-template(wizardPageFooter)
       | !{variable.footerTemplate}

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

@@ -1,8 +1,8 @@
-farris-wizard(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[currentPageId]'=variable.currentPageId?"'"+variable.currentPageId+"'":undefined '[progressData]'=variable.progressDataLang?variable.progressDataLang+"":undefined  '[stepClickable]'=(variable.stepClickable||variable.stepClickable==false)?variable.stepClickable+'':undefined '[fill]'=(variable.fill||variable.fill==false)?variable.fill+'':undefined '[stepDirection]'=variable.stepDirection?"'"+variable.stepDirection+"'":undefined  '[stepPosition]'=variable.stepPosition?"'"+variable.stepPosition+"'":undefined  '(stateChange)'=variable.stateChange?variable.stateChange+"":undefined   '[storedIndex]'=(variable.storedIndex || variable.storedIndex == false)?variable.storedIndex+"":undefined '[storedIndexState]'=(variable.storedIndexState || variable.storedIndexState == false)?""+variable.storedIndexState:undefined  'wizardRef' '[subStepData]'!=variable.subStepData?variable.subStepData:undefined     '*ngIf'!=variable.visible?variable.visible.value+'':undefined  )
-  if(variable.header)
-    ng-template(wizardHeader)
-      if(variable.header.contents && variable.header.contents.length)
-        | {{headerTemplateContent}}
-      else
-        | !{variable.header.headerTemplate}
-  | {{content}}
+farris-wizard(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[currentPageId]'=variable.currentPageId?"'"+variable.currentPageId+"'":undefined '[progressData]'=variable.progressDataLang?variable.progressDataLang+"":undefined  '[stepClickable]'=(variable.stepClickable||variable.stepClickable==false)?variable.stepClickable+'':undefined '[fill]'=(variable.fill||variable.fill==false)?variable.fill+'':undefined '[stepDirection]'=variable.stepDirection?"'"+variable.stepDirection+"'":undefined  '[stepPosition]'=variable.stepPosition?"'"+variable.stepPosition+"'":undefined  '(stateChange)'=variable.stateChange?variable.stateChange+"":undefined   '[storedIndex]'=(variable.storedIndex || variable.storedIndex == false)?variable.storedIndex+"":undefined '[storedIndexState]'=(variable.storedIndexState || variable.storedIndexState == false)?""+variable.storedIndexState:undefined  'wizardRef' '[subStepData]'!=variable.subStepData?variable.subStepData:undefined     '*ngIf'!=variable.visible?variable.visible.value+'':undefined  )
+  if(variable.header)
+    ng-template(wizardHeader)
+      if(variable.header.contents && variable.header.contents.length)
+        | {{headerTemplateContent}}
+      else
+        | !{variable.header.headerTemplate}
+  | {{content}}

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

@@ -1,27 +1,27 @@
-farris-sidebar(id=variable.replacedId?""+variable.replacedId:undefined '[showPos]'=variable.position?"'"+variable.position+"'":undefined   class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[maskable]'=(variable.maskable||variable.maskable==false)?variable.maskable+"":undefined  '[title]'=variable.titleLang?""+variable.titleLang:undefined '[maskClosable]'=(variable.maskClosable || variable.maskClosable==false)?variable.maskClosable+'':undefined  #farrissidebar '(changeState)'=variable.changeState?variable.changeState+"":undefined '[showHeader]'=(variable.showHeader||variable.showHeader==false)?variable.showHeader+'':undefined '[showEntry]'=(variable.showEntry || variable.showEntry==false)?variable.showEntry+'':undefined  '[width]'=variable.width?variable.width:undefined '[showFooter]'=(variable.showFooter||variable.showFooter==false)?variable.showFooter+"":undefined '[beforeClose]'=variable.beforeCloseSidebar?variable.beforeCloseSidebar+"":undefined  '[showClose]'=(variable.showClose || variable.showClose==false)?""+variable.showClose:undefined   ) 
-  if(variable.farrisSidebarIcon)
-    ng-template(farrisSidebarIcon '[iconCls]'!=variable.iconCls?"'"+variable.iconCls+"'":undefined  )
-      | !{variable.farrisSidebarIcon}
-  if(variable.farrisSidebarHeader  )
-    ng-template(farrisSidebarHeader '[headerCls]'!=variable.headerCls?"'"+variable.headerCls+"'":undefined)
-      | !{variable.farrisSidebarHeader}
-  if(variable.farrisSidebarTitle)
-    ng-template(farrisSidebarTitle '[titleCls]'!=variable.titleCls?"'"+variable.titleCls+"'":undefined )
-      |  !{variable.farrisSidebarTitle}
-  if(variable.farrisSidebarHcontent)
-    ng-template(farrisSidebarHcontent '[hcontentCls]'!=variable.hcontentCls?"'"+variable.hcontentCls+"'":undefined )
-      | !{variable.farrisSidebarHcontent}
-  if(variable.farrisSidebarToolbar)
-    ng-template(farrisSidebarToolbar '[toolbarCls]'!=variable.toolbarCls?"'"+variable.toolbarCls+"'":undefined )
-      | !{variable.farrisSidebarToolbar}
-  if(variable.farrisSidebarFooter)
-    ng-template(farrisSidebarFooter '[footerCls]'!=variable.footerCls?"'"+variable.footerCls+"'":undefined )
-      | !{variable.farrisSidebarFooter}
-  if(variable.createType == "external")
-    ng-template(farrisSidebarContent '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined )
-      if(variable.componentName)
-        | <#{'app-' + variable.componentName.toLowerCase()}></#{'app-' + variable.componentName.toLowerCase()}>
-      = '\n'
-  else
-    ng-template(farrisSidebarContent '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined )
+farris-sidebar(id=variable.replacedId?""+variable.replacedId:undefined '[showPos]'=variable.position?"'"+variable.position+"'":undefined   class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[maskable]'=(variable.maskable||variable.maskable==false)?variable.maskable+"":undefined  '[title]'=variable.titleLang?""+variable.titleLang:undefined '[maskClosable]'=(variable.maskClosable || variable.maskClosable==false)?variable.maskClosable+'':undefined  #farrissidebar '(changeState)'=variable.changeState?variable.changeState+"":undefined '[showHeader]'=(variable.showHeader||variable.showHeader==false)?variable.showHeader+'':undefined '[showEntry]'=(variable.showEntry || variable.showEntry==false)?variable.showEntry+'':undefined  '[width]'=variable.width?variable.width:undefined '[showFooter]'=(variable.showFooter||variable.showFooter==false)?variable.showFooter+"":undefined '[beforeClose]'=variable.beforeCloseSidebar?variable.beforeCloseSidebar+"":undefined  '[showClose]'=(variable.showClose || variable.showClose==false)?""+variable.showClose:undefined   ) 
+  if(variable.farrisSidebarIcon)
+    ng-template(farrisSidebarIcon '[iconCls]'!=variable.iconCls?"'"+variable.iconCls+"'":undefined  )
+      | !{variable.farrisSidebarIcon}
+  if(variable.farrisSidebarHeader  )
+    ng-template(farrisSidebarHeader '[headerCls]'!=variable.headerCls?"'"+variable.headerCls+"'":undefined)
+      | !{variable.farrisSidebarHeader}
+  if(variable.farrisSidebarTitle)
+    ng-template(farrisSidebarTitle '[titleCls]'!=variable.titleCls?"'"+variable.titleCls+"'":undefined )
+      |  !{variable.farrisSidebarTitle}
+  if(variable.farrisSidebarHcontent)
+    ng-template(farrisSidebarHcontent '[hcontentCls]'!=variable.hcontentCls?"'"+variable.hcontentCls+"'":undefined )
+      | !{variable.farrisSidebarHcontent}
+  if(variable.farrisSidebarToolbar)
+    ng-template(farrisSidebarToolbar '[toolbarCls]'!=variable.toolbarCls?"'"+variable.toolbarCls+"'":undefined )
+      | !{variable.farrisSidebarToolbar}
+  if(variable.farrisSidebarFooter)
+    ng-template(farrisSidebarFooter '[footerCls]'!=variable.footerCls?"'"+variable.footerCls+"'":undefined )
+      | !{variable.farrisSidebarFooter}
+  if(variable.createType == "external")
+    ng-template(farrisSidebarContent '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined )
+      if(variable.componentName)
+        | <#{'app-' + variable.componentName.toLowerCase()}></#{'app-' + variable.componentName.toLowerCase()}>
+      = '\n'
+  else
+    ng-template(farrisSidebarContent '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined )
       | {{content}}

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

@@ -1,15 +1,15 @@
-farris-tab('[id]'="'"+variable.replacedId+"'" '[title]'=variable.titleLang?""+ variable.titleLang:undefined  'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined  '[width]'=variable.size && variable.size.width? variable.size.width:undefined  '[height]'=(variable.size && variable.size.height) ?variable.size.height:undefined  '[removeable]'=variable.removeable+''   '[toolbar]'=variable.toolbarID?variable.toolbarID:undefined   '[show]'!=(variable.visible || variable.visible== false)?variable.visible.value+"":undefined )
-  = '\n'
-  if(variable.enableExtend && variable.extendTemplate)
-    ng-template('farrisTabsExtend')
-      | !{variable.extendTemplate}
-  if(variable.headerTemplate)
-    ng-template('tabHead')
-      | !{variable.headerTemplate}
-  if(variable.viewsDom)
-    ng-template(farrisTabsExtend [extendCls]="'f-component-tabs-view'" )
-      | !{variable.viewsDom}
-  = '\n'
-  ng-template('#content' )
-    = '\n'
+farris-tab('[id]'="'"+variable.replacedId+"'" '[title]'=variable.titleLang?""+ variable.titleLang:undefined  'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined  '[width]'=variable.size && variable.size.width? variable.size.width:undefined  '[height]'=(variable.size && variable.size.height) ?variable.size.height:undefined  '[removeable]'=variable.removeable+''   '[toolbar]'=variable.toolbarID?variable.toolbarID:undefined   '[show]'!=(variable.visible || variable.visible== false)?variable.visible.value+"":undefined )
+  = '\n'
+  if(variable.enableExtend && variable.extendTemplate)
+    ng-template('farrisTabsExtend')
+      | !{variable.extendTemplate}
+  if(variable.headerTemplate)
+    ng-template('tabHead')
+      | !{variable.headerTemplate}
+  if(variable.viewsDom)
+    ng-template(farrisTabsExtend [extendCls]="'f-component-tabs-view'" )
+      | !{variable.viewsDom}
+  = '\n'
+  ng-template('#content' )
+    = '\n'
     | {{content}}

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

@@ -1,14 +1,14 @@
-farris-tabs('id'=variable.replacedId 'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined
-  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined
-  '[value]'=variable.selectedValue?(variable.selectedIsString?"'"+variable.selectedValue+"'":""+variable.selectedValue):undefined
-  '[height]'=(variable.size && variable.size.height)?"'"+variable.size.height+"'":undefined '[width]'=(variable.size && variable.size.width)?"'"+variable.size.width+"'":undefined
-  '[fill]'=variable.tabFill?"'"+variable.tabFill+"'":undefined '[position]'=variable.tabPosition?"'"+variable.tabPosition+"'":undefined
-  '(tabChange)'=variable.tabChange?variable.tabChange:undefined  '(tabRemove)'=variable.tabRemove?variable.tabRemove+"":undefined
-  '[btnStates]'=variable.disableTabPipeSuffix?"tabsToolbarStates"+variable.disableTabPipeSuffix:"tabsToolbarStates"
-  '[btnVisible]'=variable.visibleTabPipeSuffix?"tabsToolbarVisibleStates"+variable.visibleTabPipeSuffix:"tabsToolbarVisibleStates"
-  '[contentFill]'=(variable.contentFill ||variable.contentFill==false)?variable.contentFill.toString():undefined
-  '[autoTitleWidth]'=(variable.autoTitleWidth || variable.autoTitleWidth == false)?""+variable.autoTitleWidth:undefined
-  '[titleLength]'=(variable.titleLength || variable.titleLength==0)?""+variable.titleLength:undefined '[titleWidth]'=(variable.titleWidth || variable.titleWidth==0)?""+variable.titleWidth:undefined
-  '*ngIf'!=variable.visible?variable.visible.value+"":undefined   '[beforeSelect]'=variable.beforeSelect?""+variable.beforeSelect:undefined)
-  = '\n'
+farris-tabs('id'=variable.replacedId 'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined
+  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined
+  '[value]'=variable.selectedValue?(variable.selectedIsString?"'"+variable.selectedValue+"'":""+variable.selectedValue):undefined
+  '[height]'=(variable.size && variable.size.height)?"'"+variable.size.height+"'":undefined '[width]'=(variable.size && variable.size.width)?"'"+variable.size.width+"'":undefined
+  '[fill]'=variable.tabFill?"'"+variable.tabFill+"'":undefined '[position]'=variable.tabPosition?"'"+variable.tabPosition+"'":undefined
+  '(tabChange)'=variable.tabChange?variable.tabChange:undefined  '(tabRemove)'=variable.tabRemove?variable.tabRemove+"":undefined
+  '[btnStates]'=variable.disableTabPipeSuffix?"tabsToolbarStates"+variable.disableTabPipeSuffix:"tabsToolbarStates"
+  '[btnVisible]'=variable.visibleTabPipeSuffix?"tabsToolbarVisibleStates"+variable.visibleTabPipeSuffix:"tabsToolbarVisibleStates"
+  '[contentFill]'=(variable.contentFill ||variable.contentFill==false)?variable.contentFill.toString():undefined
+  '[autoTitleWidth]'=(variable.autoTitleWidth || variable.autoTitleWidth == false)?""+variable.autoTitleWidth:undefined
+  '[titleLength]'=(variable.titleLength || variable.titleLength==0)?""+variable.titleLength:undefined '[titleWidth]'=(variable.titleWidth || variable.titleWidth==0)?""+variable.titleWidth:undefined
+  '*ngIf'!=variable.visible?variable.visible.value+"":undefined   '[beforeSelect]'=variable.beforeSelect?""+variable.beforeSelect:undefined)
+  = '\n'
   | {{content}}

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

@@ -1,7 +1,7 @@
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-farris-tag(id=variable.replacedId?""+variable.replacedId:undefined '[value]'=variable.value?"'"+variable.value+"'":undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  '[closable]'=(variable.closable||variable.closable==false)?variable.closable+'':undefined '[disabled]'!=(variable.disable|| variable.disable==false)?variable.disable+'':undefined '[type]'=variable.colorType?"'"+variable.colorType+"'":undefined '(selectValue)'=variable.click?variable.click+"":undefined '[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-tag(id=variable.replacedId?""+variable.replacedId:undefined '[value]'=variable.value?"'"+variable.value+"'":undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  '[closable]'=(variable.closable||variable.closable==false)?variable.closable+'':undefined '[disabled]'!=(variable.disable|| variable.disable==false)?variable.disable+'':undefined '[type]'=variable.colorType?"'"+variable.colorType+"'":undefined '(selectValue)'=variable.click?variable.click+"":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)
   | {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}