@farris/jit-engine 1.3.350 → 1.3.352

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

@@ -1,37 +1,37 @@
--var attrs = {};
-  if(variable.elementId)
-    -attrs["#"+variable.elementId]="";
-  if(variable.hasDefaultFocus)
-    -attrs["farris-set-focus"]="";
-    if(variable.focusState)
-      -attrs["[focusState]"]=variable.focusState+"";
-  if(variable.enableFilterRow || variable.enableSmartFilter)
-    if(variable.enableFilterRow)
-      -attrs["[enableFilterRow]"]=variable.enableFilterRow+"";
-    if(variable.enableSmartFilter)
-      -attrs["[enableSmartFilter]"]=variable.enableSmartFilter+"";
-    if(variable.remoteFilter || variable.remoteFilter == false)
-      -attrs["[remoteFilter]"]=variable.remoteFilter+"";
-    if(variable.showFilterBar || variable.showFilterBar == false)
-      -attrs["[showFilterBar]"]=variable.showFilterBar+"";
-doctype html
-|
-div( 'class'="f-utils-fill")
-  farris-datagrid(id=variable.replacedId  farris-use-binding-data datagridRef "farris-grid-end-edit"   class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[enableHighlightCell]'=variable.enableHighlightCell?""+variable.enableHighlightCell.value:undefined '[disabled]'!=variable.disable?variable.disable.toString():undefined   '[fitColumns]'=variable.fitColumns+"" '[fields]'=variable.fieldsName?variable.fieldsName:undefined  '[showLineNumber]'=(variable.showLineNumber||variable.showLineNumber==false)?variable.showLineNumber+"":undefined  '[striped]'=(variable.striped || variable.striped==false)?variable.striped+"":undefined  '[virtualized]'=(variable.virtualized||variable.virtualized==false)?variable.virtualized+"":undefined '[pagination]'=variable.pagination?variable.pagination.toString():undefined '[pageSize]'=variable.pageSize?variable.pageSize:undefined '[pageIndex]'=variable.pageIndex?variable.pageIndex:undefined '[total]'=variable.total?variable.total:undefined '[virtualizedAsyncLoad]'=variable.virtualizedAsyncLoad+""  '[width]'=variable.width '[height]'=variable.height  '[maxHeight]'=variable.maxHeight  '[multiSelect]'=variable.multiSelect?""+variable.multiSelect.value:undefined  '[idField]'=variable.idField?"'"+variable.idField+"'":undefined  '[editMode]'="'"+variable.editMode+"'" '(pageChanged)'=variable.pageChange?variable.pageChange:undefined '[fit]'=(variable.fit || variable.fit==false)?variable.fit+"":undefined '[showCheckbox]'=variable.showCheckbox?variable.showCheckbox.value+"":undefined  '[groupRows]'=variable.groupable?variable.groupable+"":undefined '[groupFormatter]'=variable.groupFormatterName?variable.groupFormatterName+"":undefined '[groupStyler]'=variable.groupStylerName?variable.groupStylerName+"":undefined '[groupFooter]'=variable.groupFooter?variable.groupFooter+"":undefined '[groupField]'=variable.group?"'"+variable.group+"'":undefined   '[remoteSort]'=variable.remoteSort?variable.remoteSort+"":undefined '[multiSort]'=variable.multiSort?variable.multiSort+"":undefined '[sortName]'=variable.sortName?"'"+variable.sortName+"'":undefined '[sortOrder]'=variable.sortOrder?"'"+variable.sortOrder+"'":undefined '[farris-datagrid-editable]'!= (variable.editable || variable.editable == false )?variable.editable+"":"viewModel.stateMachine && viewModel.stateMachine['editable']"  '[disableGroupOnEditing]'=variable.disableGroupOnEditing?""+variable.disableGroupOnEditing.value:undefined  '[lockPagination]'!=(variable.lockPagination || variable.lockPagination==false)?variable.lockPagination+"":"viewModel.stateMachine&&viewModel.stateMachine['editable']"  '(rowClass)'=variable.rowClass?variable.rowClass:undefined  '[showFooter]'=variable.showFooter?variable.showFooter.toString():undefined '[footerTemplate]'=variable.footerTemplateName?variable.footerTemplateName:undefined '[footerHeight]'=variable.footerHeight?variable.footerHeight:undefined     '(scrollYLoad)'=variable.scrollYLoad?""+variable.scrollYLoad:undefined '(selectedRowChange)'=variable.onSelectionChange?variable.onSelectionChange:undefined  '[rowStyler]'=variable.rowStylerName?variable.rowStylerName:undefined  '[showSelectedList]'=variable.showSelectedList?""+variable.showSelectedList:undefined  '[selectedItemFormatter]'=variable.selectedItemFormatterName?""+variable.selectedItemFormatterName:undefined  '[showAllCheckbox]'=variable.showAllCheckbox?variable.showAllCheckbox.value+"":undefined '(checkedChange)'=variable.checkedChange?variable.checkedChange:undefined  '[beforeSelect]'=variable.beforeSelect?variable.beforeSelect+"":undefined  '[beforeUnselect]'=variable.beforeUnSelect?variable.beforeUnSelect+"":undefined '[beforeCheck]'=variable.beforeCheck?variable.beforeCheck+"":undefined  '[beforeUncheck]'=variable.beforeUnCheck?variable.beforeUnCheck+"":undefined   '[disableRow]'=variable.disableRowName?variable.disableRowName+"":undefined   '[lineNumberTitle]'=variable.lineNumberTitleLang?""+variable.lineNumberTitleLang:undefined   '(dblclickRow)'=variable.dblClickRow?""+variable.dblClickRow:undefined '[beforeEdit]'=variable.beforeEdit?""+variable.beforeEdit:undefined  '[mergeCell]'=""+variable.mergeCell '[mergeFields]'=variable.mergeFields?variable.mergeFields:undefined  '[showBorder]'=(variable.showBorder || variable.showBorder ==false)?""+variable.showBorder:undefined   '[checkOnSelect]'=(variable.checkOnSelect || variable.checkOnSelect == false)?""+variable.checkOnSelect:undefined '[selectOnCheck]'=(variable.selectOnCheck || variable.selectOnCheck == false)?""+variable.selectOnCheck:undefined  '[nowrap]'=(variable.nowrap || variable.nowrap ==false)?""+variable.nowrap:undefined     '(columnSorted)'=variable.columnSorted?""+variable.columnSorted:undefined  '[footerDataFrom]'=variable. footerDataFrom?"'"+variable. footerDataFrom+"'":undefined   '*ngIf'!=variable.visible?""+variable.visible.value:undefined 'farris-remote-summary-command'=variable.footerDataCommand?variable.footerDataCommand:""  '[autoFitColumns]'=(variable.autoFitColumns|| variable.autoFitColumns==false)?""+variable.autoFitColumns:undefined   '[showGroupColumn]'=(variable.showGroupColumn || variable.showGroupColumn == false)?""+variable.showGroupColumn:undefined   '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined   '[useControlPanel]'=variable.useControlPanel?""+variable.useControlPanel:undefined   '[autoHeight]'=variable.autoHeight?""+variable.autoHeight.value:undefined   '[AutoColumnWidthUseDblclick]'=(variable.AutoColumnWidthUseDblclick || variable.AutoColumnWidthUseDblclick==false)?""+variable.AutoColumnWidthUseDblclick:undefined  '(checked)'=variable.checked?""+variable.checked:undefined  '(unChecked)'=variable.unChecked?""+variable.unChecked:undefined   '(rowClick)'=variable.rowClick?""+variable.rowClick:undefined '[showPageList]'=(variable.showPageSize || variable.showPageSize==false)?""+variable.showPageSize:undefined  '(pageSizeChanged)'=variable.pageSizeChanged?""+variable.pageSizeChanged:undefined   '[enableMorePageSelect]'=variable.enableMorePageSelect?""+variable.enableMorePageSelect:undefined  '[pageList]'=variable.pageList?""+variable.pageList:undefined   '[lineNumberWidth]'=variable.lineNumberWidth?""+variable.lineNumberWidth:undefined  '[headerWrap]'=variable.headerWrap?""+variable.headerWrap.value:undefined '[pagerContentTemplate]'=variable.pagerContentTemplateName?""+variable.pagerContentTemplateName:undefined '[emptyTemplate]'=variable.emptyTemplateName?""+variable.emptyTemplateName:undefined '[rowHeight]'=variable.rowHeight?""+variable.rowHeight:undefined  '[enableEditCellStyle]'=variable.enableEditCellStyle?""+variable.enableEditCellStyle.value:undefined  '(checkAll)'=variable.checkAll?""+variable.checkAll:undefined  '(unCheckAll)'=variable.unCheckAll?""+variable.unCheckAll:undefined '[enableDragColumn]'=variable.enableDragColumn?""+variable.enableDragColumn.value:undefined  '[showRowGroupPanel]'=variable.showRowGroupPanel?""+variable.showRowGroupPanel.value:undefined  '[groupSummaryPosition]'=variable.groupSummaryPosition?"'"+variable.groupSummaryPosition+"'":undefined  '[keepSelect]'=variable.keepSelect?""+variable.keepSelect.value:undefined  '[clearSelectionsWhenDataIsEmpty]'=variable.clearSelectionsWhenDataIsEmpty?""+variable.clearSelectionsWhenDataIsEmpty.value:undefined  '(filterChanged)'=variable.filterChanged?""+variable.filterChanged:undefined  '[(checkValues)]' = variable.checkValues?""+variable.checkValues.value:undefined  '[selectOnEditing]'=variable.selectOnEditing?""+variable.selectOnEditing.value:undefined '[footerPosition]'=variable.footerPosition?"'"+variable.footerPosition+"'":undefined '[showGotoInput]'=variable.showGotoInput?""+variable.showGotoInput.value:undefined 
-  '[scrollBarShowMode]'=variable.scrollBarShowMode?"'"+variable.scrollBarShowMode+"'":undefined 
-  '[showScrollArrow]'=variable.showScrollArrow?""+variable.showScrollArrow.value:undefined
-  '[enableContextMenu]'=variable.enableContextMenu?""+variable.enableContextMenu.value:undefined
-  '[contextMenus]'=variable.contextMenuName?""+variable.contextMenuName:undefined
-  '[expandGroupRows]'=""+variable.expandGroupRows
-  '[enableSimpleMode]'=variable.enableSimpleMode?""+variable.enableSimpleMode.value:undefined
-  '[useBlankWhenDataIsEmpty]'=variable.useBlankWhenDataIsEmpty?""+variable.useBlankWhenDataIsEmpty.value:undefined
-  '[emptyDataHeight]'=variable.emptyDataHeight?""+variable.emptyDataHeight:undefined
-  '[selectionMode]'=variable.selectionMode?"'"+variable.selectionMode+"'":undefined '[enableScheme]'=(variable.enableScheme||variable.enableScheme==false)?""+variable.enableScheme:undefined '[footerStyler]'=variable.footerStylerName?""+variable.footerStylerName:undefined
-  '[enableSetMultiHeaders]'=variable.enableSetMultiHeaders?""+variable.enableSetMultiHeaders.value:undefined  '[showConfirmWhenSchemeChanged]'=variable.showConfirmWhenSchemeChanged?""+variable.showConfirmWhenSchemeChanged.value:undefined
-  '[custom-size]'=variable.customsize?""+variable.customsize.value:undefined '[sizeApiUri]'=variable.sizeApiUri?""+variable.sizeApiUri:undefined )&attributes(attrs)
-  //- if(variable.fields && variable.fields.length)
-  //-   each field ,index in variable.fields
-  //-     if(field.colTemplate)
-  //-       | <ng-template #{'#'+field.colTemplateName} let-ctx>
-  //-       | !{field.colTemplate}
-  //-       | </ng-template>
+-var attrs = {};
+  if(variable.elementId)
+    -attrs["#"+variable.elementId]="";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  if(variable.enableFilterRow || variable.enableSmartFilter)
+    if(variable.enableFilterRow)
+      -attrs["[enableFilterRow]"]=variable.enableFilterRow+"";
+    if(variable.enableSmartFilter)
+      -attrs["[enableSmartFilter]"]=variable.enableSmartFilter+"";
+    if(variable.remoteFilter || variable.remoteFilter == false)
+      -attrs["[remoteFilter]"]=variable.remoteFilter+"";
+    if(variable.showFilterBar || variable.showFilterBar == false)
+      -attrs["[showFilterBar]"]=variable.showFilterBar+"";
+doctype html
+|
+div( 'class'="f-utils-fill")
+  farris-datagrid(id=variable.replacedId  farris-use-binding-data datagridRef "farris-grid-end-edit"   class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[enableHighlightCell]'=variable.enableHighlightCell?""+variable.enableHighlightCell.value:undefined '[disabled]'!=variable.disable?variable.disable.toString():undefined   '[fitColumns]'=variable.fitColumns+"" '[fields]'=variable.fieldsName?variable.fieldsName:undefined  '[showLineNumber]'=(variable.showLineNumber||variable.showLineNumber==false)?variable.showLineNumber+"":undefined  '[striped]'=(variable.striped || variable.striped==false)?variable.striped+"":undefined  '[virtualized]'=(variable.virtualized||variable.virtualized==false)?variable.virtualized+"":undefined '[pagination]'=variable.pagination?variable.pagination.toString():undefined '[pageSize]'=variable.pageSize?variable.pageSize:undefined '[pageIndex]'=variable.pageIndex?variable.pageIndex:undefined '[total]'=variable.total?variable.total:undefined '[virtualizedAsyncLoad]'=variable.virtualizedAsyncLoad+""  '[width]'=variable.width '[height]'=variable.height  '[maxHeight]'=variable.maxHeight  '[multiSelect]'=variable.multiSelect?""+variable.multiSelect.value:undefined  '[idField]'=variable.idField?"'"+variable.idField+"'":undefined  '[editMode]'="'"+variable.editMode+"'" '(pageChanged)'=variable.pageChange?variable.pageChange:undefined '[fit]'=(variable.fit || variable.fit==false)?variable.fit+"":undefined '[showCheckbox]'=variable.showCheckbox?variable.showCheckbox.value+"":undefined  '[groupRows]'=variable.groupable?variable.groupable+"":undefined '[groupFormatter]'=variable.groupFormatterName?variable.groupFormatterName+"":undefined '[groupStyler]'=variable.groupStylerName?variable.groupStylerName+"":undefined '[groupFooter]'=variable.groupFooter?variable.groupFooter+"":undefined '[groupField]'=variable.group?"'"+variable.group+"'":undefined   '[remoteSort]'=variable.remoteSort?variable.remoteSort+"":undefined '[multiSort]'=variable.multiSort?variable.multiSort+"":undefined '[sortName]'=variable.sortName?"'"+variable.sortName+"'":undefined '[sortOrder]'=variable.sortOrder?"'"+variable.sortOrder+"'":undefined '[farris-datagrid-editable]'!= (variable.editable || variable.editable == false )?variable.editable+"":"viewModel.stateMachine && viewModel.stateMachine['editable']"  '[disableGroupOnEditing]'=variable.disableGroupOnEditing?""+variable.disableGroupOnEditing.value:undefined  '[lockPagination]'!=(variable.lockPagination || variable.lockPagination==false)?variable.lockPagination+"":"viewModel.stateMachine&&viewModel.stateMachine['editable']"  '(rowClass)'=variable.rowClass?variable.rowClass:undefined  '[showFooter]'=variable.showFooter?variable.showFooter.toString():undefined '[footerTemplate]'=variable.footerTemplateName?variable.footerTemplateName:undefined '[footerHeight]'=variable.footerHeight?variable.footerHeight:undefined     '(scrollYLoad)'=variable.scrollYLoad?""+variable.scrollYLoad:undefined '(selectedRowChange)'=variable.onSelectionChange?variable.onSelectionChange:undefined  '[rowStyler]'=variable.rowStylerName?variable.rowStylerName:undefined  '[showSelectedList]'=variable.showSelectedList?""+variable.showSelectedList:undefined  '[selectedItemFormatter]'=variable.selectedItemFormatterName?""+variable.selectedItemFormatterName:undefined  '[showAllCheckbox]'=variable.showAllCheckbox?variable.showAllCheckbox.value+"":undefined '(checkedChange)'=variable.checkedChange?variable.checkedChange:undefined  '[beforeSelect]'=variable.beforeSelect?variable.beforeSelect+"":undefined  '[beforeUnselect]'=variable.beforeUnSelect?variable.beforeUnSelect+"":undefined '[beforeCheck]'=variable.beforeCheck?variable.beforeCheck+"":undefined  '[beforeUncheck]'=variable.beforeUnCheck?variable.beforeUnCheck+"":undefined   '[disableRow]'=variable.disableRowName?variable.disableRowName+"":undefined   '[lineNumberTitle]'=variable.lineNumberTitleLang?""+variable.lineNumberTitleLang:undefined   '(dblclickRow)'=variable.dblClickRow?""+variable.dblClickRow:undefined '[beforeEdit]'=variable.beforeEdit?""+variable.beforeEdit:undefined  '[mergeCell]'=""+variable.mergeCell '[mergeFields]'=variable.mergeFields?variable.mergeFields:undefined  '[showBorder]'=(variable.showBorder || variable.showBorder ==false)?""+variable.showBorder:undefined   '[checkOnSelect]'=(variable.checkOnSelect || variable.checkOnSelect == false)?""+variable.checkOnSelect:undefined '[selectOnCheck]'=(variable.selectOnCheck || variable.selectOnCheck == false)?""+variable.selectOnCheck:undefined  '[nowrap]'=(variable.nowrap || variable.nowrap ==false)?""+variable.nowrap:undefined     '(columnSorted)'=variable.columnSorted?""+variable.columnSorted:undefined  '[footerDataFrom]'=variable. footerDataFrom?"'"+variable. footerDataFrom+"'":undefined   '*ngIf'!=variable.visible?""+variable.visible.value:undefined 'farris-remote-summary-command'=variable.footerDataCommand?variable.footerDataCommand:""  '[autoFitColumns]'=(variable.autoFitColumns|| variable.autoFitColumns==false)?""+variable.autoFitColumns:undefined   '[showGroupColumn]'=(variable.showGroupColumn || variable.showGroupColumn == false)?""+variable.showGroupColumn:undefined   '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined   '[useControlPanel]'=variable.useControlPanel?""+variable.useControlPanel:undefined   '[autoHeight]'=variable.autoHeight?""+variable.autoHeight.value:undefined   '[AutoColumnWidthUseDblclick]'=(variable.AutoColumnWidthUseDblclick || variable.AutoColumnWidthUseDblclick==false)?""+variable.AutoColumnWidthUseDblclick:undefined  '(checked)'=variable.checked?""+variable.checked:undefined  '(unChecked)'=variable.unChecked?""+variable.unChecked:undefined   '(rowClick)'=variable.rowClick?""+variable.rowClick:undefined '[showPageList]'=(variable.showPageSize || variable.showPageSize==false)?""+variable.showPageSize:undefined  '(pageSizeChanged)'=variable.pageSizeChanged?""+variable.pageSizeChanged:undefined   '[enableMorePageSelect]'=variable.enableMorePageSelect?""+variable.enableMorePageSelect:undefined  '[pageList]'=variable.pageList?""+variable.pageList:undefined   '[lineNumberWidth]'=variable.lineNumberWidth?""+variable.lineNumberWidth:undefined  '[headerWrap]'=variable.headerWrap?""+variable.headerWrap.value:undefined '[pagerContentTemplate]'=variable.pagerContentTemplateName?""+variable.pagerContentTemplateName:undefined '[emptyTemplate]'=variable.emptyTemplateName?""+variable.emptyTemplateName:undefined '[rowHeight]'=variable.rowHeight?""+variable.rowHeight:undefined  '[enableEditCellStyle]'=variable.enableEditCellStyle?""+variable.enableEditCellStyle.value:undefined  '(checkAll)'=variable.checkAll?""+variable.checkAll:undefined  '(unCheckAll)'=variable.unCheckAll?""+variable.unCheckAll:undefined '[enableDragColumn]'=variable.enableDragColumn?""+variable.enableDragColumn.value:undefined  '[showRowGroupPanel]'=variable.showRowGroupPanel?""+variable.showRowGroupPanel.value:undefined  '[groupSummaryPosition]'=variable.groupSummaryPosition?"'"+variable.groupSummaryPosition+"'":undefined  '[keepSelect]'=variable.keepSelect?""+variable.keepSelect.value:undefined  '[clearSelectionsWhenDataIsEmpty]'=variable.clearSelectionsWhenDataIsEmpty?""+variable.clearSelectionsWhenDataIsEmpty.value:undefined  '(filterChanged)'=variable.filterChanged?""+variable.filterChanged:undefined  '[(checkValues)]' = variable.checkValues?""+variable.checkValues.value:undefined  '[selectOnEditing]'=variable.selectOnEditing?""+variable.selectOnEditing.value:undefined '[footerPosition]'=variable.footerPosition?"'"+variable.footerPosition+"'":undefined '[showGotoInput]'=variable.showGotoInput?""+variable.showGotoInput.value:undefined 
+  '[scrollBarShowMode]'=variable.scrollBarShowMode?"'"+variable.scrollBarShowMode+"'":undefined 
+  '[showScrollArrow]'=variable.showScrollArrow?""+variable.showScrollArrow.value:undefined
+  '[enableContextMenu]'=variable.enableContextMenu?""+variable.enableContextMenu.value:undefined
+  '[contextMenus]'=variable.contextMenuName?""+variable.contextMenuName:undefined
+  '[expandGroupRows]'=""+variable.expandGroupRows
+  '[enableSimpleMode]'=variable.enableSimpleMode?""+variable.enableSimpleMode.value:undefined
+  '[useBlankWhenDataIsEmpty]'=variable.useBlankWhenDataIsEmpty?""+variable.useBlankWhenDataIsEmpty.value:undefined
+  '[emptyDataHeight]'=variable.emptyDataHeight?""+variable.emptyDataHeight:undefined
+  '[selectionMode]'=variable.selectionMode?"'"+variable.selectionMode+"'":undefined '[enableScheme]'=(variable.enableScheme||variable.enableScheme==false)?""+variable.enableScheme:undefined '[footerStyler]'=variable.footerStylerName?""+variable.footerStylerName:undefined
+  '[enableSetMultiHeaders]'=variable.enableSetMultiHeaders?""+variable.enableSetMultiHeaders.value:undefined  '[showConfirmWhenSchemeChanged]'=variable.showConfirmWhenSchemeChanged?""+variable.showConfirmWhenSchemeChanged.value:undefined
+  '[custom-size]'=variable.customsize?""+variable.customsize.value:undefined '[sizeApiUri]'=variable.sizeApiUri?""+variable.sizeApiUri:undefined )&attributes(attrs)
+  //- if(variable.fields && variable.fields.length)
+  //-   each field ,index in variable.fields
+  //-     if(field.colTemplate)
+  //-       | <ng-template #{'#'+field.colTemplateName} let-ctx>
+  //-       | !{field.colTemplate}
+  //-       | </ng-template>

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

@@ -1,118 +1,118 @@
--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}
+-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

@@ -7,7 +7,7 @@ if (variable.title)
   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
+f-file-upload-and-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) fFilePreviewAdaptUnifile farrisFilePreviewBinding 
   "*ngIf" = variable.visible?""+variable.visible.value:undefined
   '[previewReadonly]'!=variable.previewReadonly?""+variable.previewReadonly.value:undefined
   '(fileRemoveEvent)'=variable.fileRemoveEvent?""+variable.fileRemoveEvent:undefined