@farris/jit-engine 1.3.294 → 1.3.296

package/lib/template/ui/kendo/farris-combo-lookup.pug

@@ -1,84 +1,99 @@
-
--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['[(UIStateBinding)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-        if (variable.valueChanged)
-          -attrs['(valueChange)'] = variable.valueChanged + '';
-        if (variable.readonly)
-          -attrs['[readonly]'] = variable.readonly.value+'';
-
-        -attrs['placeholder'] ="{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
-        if(variable.isTextArea)
-          if(variable.readonly && variable.readonly.isComposite)
-            -attrs["*ngIf"]="!"+variable.readonly.value;
-          else
-            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
-        if(variable.hasDefaultFocus)
-          -attrs["farris-set-focus"]="";
-          if(variable.focusState)
-            -attrs["[focusState]"]=variable.focusState+"";
-        farris-combo-lookup(id=variable.replacedId "input-end-edit" '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined  '[displayType]'=variable.displayType?"'"+variable.displayType+"'":undefined
-          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined
-          '[panelWidth]'=variable.panelWidth?""+variable.panelWidth:undefined '[panelHeight]'=variable.panelHeight?""+variable.panelHeight:undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined
-          '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined
-          '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined
-          '(clear)'=variable.clear?variable.clear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[combo-lookup-data-mapping]'=variable.mapFields?""+variable.mapFields:undefined
-          '[mapFields]'=variable.mapFields?""+variable.mapFields:undefined   '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined
-          '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined   '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined    '[context]'!=variable.context?""+variable.context:undefined
-          '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
-          'comboLookupRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
-          '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined '[showHeader]'=variable.showHeader?""+variable.showHeader.value:undefined  '[enableFullTree]'=(variable.enableFullTree || variable.enableFullTree == false)?""+variable.enableFullTree:undefined
-          '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined  '[loadTreeDataType]'=variable.loadTreeDataType ?"'"+variable.loadTreeDataType+"'":undefined
-          '[separator]'=variable.separator?"'"+variable.separator.value+"'":undefined '[expandLevel]'=(variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel: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)
+
+-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.visible.value+variable.visiblePipeSuffix+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      if (variable.title)
+        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId  '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(UIStateBinding)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if (variable.valueChanged)
+          -attrs['(valueChange)'] = variable.valueChanged + '';
+        if (variable.readonly)
+          -attrs['[readonly]'] = variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+'':variable.readonly.value+'';
+
+        -attrs['placeholder'] ="{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+        if(variable.isTextArea)
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+        if(variable.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        farris-combo-lookup(id=variable.replacedId "input-end-edit" '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined  '[displayType]'=variable.displayType?"'"+variable.displayType+"'":undefined
+          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined
+          '[panelWidth]'=variable.panelWidth?""+variable.panelWidth:undefined '[panelHeight]'=variable.panelHeight?""+variable.panelHeight:undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined
+          '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined
+          '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined
+          '(clear)'=variable.clear?variable.clear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[combo-lookup-data-mapping]'=variable.mapFields?""+variable.mapFields:undefined
+          '[mapFields]'=variable.mapFields?""+variable.mapFields:undefined   '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined
+          '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined   '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined    '[context]'!=variable.context?""+variable.context:undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
+          'comboLookupRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
+          '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined '[showHeader]'=variable.showHeader?""+variable.showHeader.value:undefined  '[enableFullTree]'=(variable.enableFullTree || variable.enableFullTree == false)?""+variable.enableFullTree:undefined
+          '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined  '[loadTreeDataType]'=variable.loadTreeDataType ?"'"+variable.loadTreeDataType+"'":undefined
+          '[separator]'=variable.separator?"'"+variable.separator.value+"'":undefined '[expandLevel]'=(variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        div(class="farris-feedback")
+        if(variable.isTextArea)
+          -var areaAttrs = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+          else
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          if (variable.binding && variable.binding.type == 'Variable')
+            -areaAttrs['[(ngModel)]'] = variable.binding.value;
+            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+          else
+            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+          farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
           | !{variable.titleTipsTemplate}

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

@@ -1,22 +1,22 @@
-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>
-    if(field.captionTipContent && field.captionTipContentName)
-      | <ng-template #{'#'+field.captionTipContentName} let-ctx>
-      | !{field.captionTipContentHtml}
-      | </ng-template>
-if(variable.showFooter && variable.footerTemplate)
-  | <ng-template #{'#'+variable.footerTemplateName} let-ctx="footerData">
-  | !{variable.footerTemplate}
-  | </ng-template>
-if(variable.emptyTemplate && variable.emptyTemplateName)
-  | <ng-template #{'#'+variable.emptyTemplateName} >
-  | !{variable.emptyTemplate}
-  | </ng-template>
-if(variable.pagerContentTemplate && variable.pagerContentTemplateName)
-  | <ng-template #{'#'+variable.pagerContentTemplateName}  let-ctx="footerData">
-  | !{variable.pagerContentTemplate}
+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>
+    if(field.captionTipContent && field.captionTipContentName)
+      | <ng-template #{'#'+field.captionTipContentName} let-ctx>
+      | !{field.captionTipContentHtml}
+      | </ng-template>
+if(variable.showFooter && variable.footerTemplate)
+  | <ng-template #{'#'+variable.footerTemplateName} let-ctx="footerData">
+  | !{variable.footerTemplate}
+  | </ng-template>
+if(variable.emptyTemplate && variable.emptyTemplateName)
+  | <ng-template #{'#'+variable.emptyTemplateName} >
+  | !{variable.emptyTemplate}
+  | </ng-template>
+if(variable.pagerContentTemplate && variable.pagerContentTemplateName)
+  | <ng-template #{'#'+variable.pagerContentTemplateName}  let-ctx="footerData">
+  | !{variable.pagerContentTemplate}
   | </ng-template>

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>