@farris/jit-engine 1.3.92 → 1.3.99

package/lib/mobileapp/vue/domstructure/ui/list-view/vue-list-view.js

@@ -16,7 +16,8 @@ class VueListView extends vue_base_component_1.VueBaseComponent {
             return;
         }
         const keys = `label,multiSelect,offset,loadingText,finishedText,errorText,immediateCheck,
-        direction,showSubmitBtn,longPressCommand,load,multipleSubmit,multipleCancel,itemClick,contentTemplate,listClick,toolbar,visible,fill,enablePullUpLoad,enablePullDownRefresh,swipeTemplate,swipeToolbar,initMultiSelect`;
+        direction,showSubmitBtn,longPressCommand,load,multipleSubmit,multipleCancel,itemClick,contentTemplate,listClick,toolbar,visible,
+        fill,enablePullUpLoad,enablePullDownRefresh,swipeTemplate,swipeToolbar,initMultiSelect,showValidatorResults`;
         Object.keys(obj).forEach(key => {
             if (keys.includes(key)) {
                 if (key === 'toolbar') {

package/lib/mobileapp/vue/domstructure/ui/list-view/vue-list-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-list-view.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/list-view/vue-list-view.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAEzD,MAAa,WAAY,SAAQ,qCAAgB;IAqB7C,YAAY,KAAU;QAClB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG;+NAC0M,CAAC;QACxN,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,GAAG,KAAK,SAAS,EAAE;oBASnB,IAAI,IAAI,GAAG,EAAE,CAAA;oBACb,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;wBAClD,MAAM,GAAG,GAAG,YAAY,GAAG,CAAC,IAAI,aAAa,GAAG,CAAC,QAAQ,2BAA2B,GAAG,CAAC,KAAK,IAAI,CAAA;wBACjG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;oBACxC,CAAC,CAAC,CAAA;oBACF,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,GAAG,CAAA;iBAC7B;qBAAM;oBACH,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBACxB;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AA5DD,kCA4DC"}
+{"version":3,"file":"vue-list-view.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/list-view/vue-list-view.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAEzD,MAAa,WAAY,SAAQ,qCAAgB;IAqB7C,YAAY,KAAU;QAClB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG;;oHAE+F,CAAC;QAC7G,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,GAAG,KAAK,SAAS,EAAE;oBASnB,IAAI,IAAI,GAAG,EAAE,CAAA;oBACb,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;wBAClD,MAAM,GAAG,GAAG,YAAY,GAAG,CAAC,IAAI,aAAa,GAAG,CAAC,QAAQ,2BAA2B,GAAG,CAAC,KAAK,IAAI,CAAA;wBACjG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;oBACxC,CAAC,CAAC,CAAA;oBACF,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,GAAG,CAAA;iBAC7B;qBAAM;oBACH,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBACxB;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AA7DD,kCA6DC"}

package/lib/mobileapp/vue/domstructure/ui/text-box/text-box-external.js

@@ -15,7 +15,7 @@ class VueTextBoxExternal extends vue_input_component_1.VueInputComponent {
         if (!obj) {
             return;
         }
-        const keys = 'extra,rightTemplate,externalServiceCode,externalServiceParams,externalTableName,externalMapFields';
+        const keys = 'extra,rightTemplate,externalServiceCode,externalServiceParams,externalTableName,externalMapFields,externalTableSchemas';
         Object.keys(obj).forEach(key => {
             if (keys.includes(key)) {
                 this[key] = obj[key];

package/lib/mobileapp/vue/domstructure/ui/text-box/text-box-external.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-box-external.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/text-box/text-box-external.ts"],"names":[],"mappings":";;;AAAA,gEAA2D;AAE3D,MAAa,kBAAmB,SAAQ,uCAAiB;IAarD,YAAY,KAAU;QAClB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,mGAAmG,CAAC;QACjH,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CAGJ;AApCD,gDAoCC"}
+{"version":3,"file":"text-box-external.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/text-box/text-box-external.ts"],"names":[],"mappings":";;;AAAA,gEAA2D;AAE3D,MAAa,kBAAmB,SAAQ,uCAAiB;IAarD,YAAY,KAAU;QAClB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,wHAAwH,CAAC;QACtI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CAGJ;AApCD,gDAoCC"}

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

@@ -24,7 +24,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
               span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
       div(class="farris-input-wrap")
         if(variable.isTextArea)
-          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?""+variable.readonly.value:undefined '*ngIf'="viewModel.stateMachine['editable']")
+          -var divAttr = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -divAttr["*ngIf"]="!"+variable.readonly.value;
+          else
+            -divAttr["*ngIf"]="viewModel.stateMachine['editable']";
+          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?""+variable.readonly.value:undefined )&attributes(divAttr)
             -var attrs = {};
             if (variable.binding && variable.binding.type == 'Variable')
               -attrs['[(ngModel)]'] = variable.binding.value;
@@ -68,8 +73,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
       if(variable.isTextArea)
         -var areaAttrs = {};
         -var areaLabelAttrs = {};
-        -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
-        -areaLabelAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+        if(variable.readonly && variable.readonly.isComposite)
+            -areaLabelAttrs["*ngIf"]=variable.readonly.value;
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+        else
+            -areaLabelAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
         if (variable.binding && variable.binding.type == 'Variable')
           -areaAttrs['[(ngModel)]'] = variable.binding.value;
           -areaAttrs['[ngModelOptions]'] = "{standalone:true}";

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

@@ -40,8 +40,11 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+        if(variable.isTextArea)          
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
         kendo-combobox(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang+"" '[textField]'="'name'" '[valueField]'="'value'" '[valuePrimitive]'="true"  class="form-control" '(valueChange)'=variable.valueChange?variable.valueChange+"":undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  )&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
@@ -49,7 +52,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -34,7 +34,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if (variable.valueChange)
           -attrs['(valueChange)'] = variable.valueChange + '';
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
 
         -attrs['placeholder'] ="{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.hasDefaultFocus)
@@ -48,7 +51,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/farris-checkbox-group.pug

@@ -31,7 +31,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
       else
         -attrs['formControlName'] = (variable.binding && variable.binding.path);
       if(variable.isTextArea)
-        -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+        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)
@@ -44,7 +47,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -37,7 +37,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if (variable.readonly)
           -attrs['[readonly]'] = variable.readonly.value+"";
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.hasDefaultFocus)
           -attrs["farris-set-focus"]="";
@@ -50,7 +53,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -17,7 +17,7 @@
 doctype html
 |
 div( 'class'="f-utils-fill")
-  farris-datagrid(id=variable.replacedId  farris-use-binding-data "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  '[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']"  '[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==false)?""+variable.autoHeight: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 '[emptyTemplate]'=variable.emptyTemplateName?""+variable.emptyTemplateName:undefined '[emptyDataHeight]'=variable.emptyDataHeight?""+variable.emptyDataHeight: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 )&attributes(attrs)
+  farris-datagrid(id=variable.replacedId  farris-use-binding-data "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  '[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==false)?""+variable.autoHeight: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 '[emptyTemplate]'=variable.emptyTemplateName?""+variable.emptyTemplateName:undefined '[emptyDataHeight]'=variable.emptyDataHeight?""+variable.emptyDataHeight: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 '[selectionMode]'=variable.selectionMode?"'"+variable.selectionMode+"'":undefined)&attributes(attrs)
   //- if(variable.fields && variable.fields.length)
   //-   each field ,index in variable.fields
   //-     if(field.colTemplate)

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

@@ -40,8 +40,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -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)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -53,7 +57,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -37,7 +37,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -57,7 +60,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -1,23 +1,34 @@
-f-file-upload-and-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) fFilePreviewAdaptUnifile farrisFilePreviewBinding 
-  '[previewReadonly]'!=variable.previewReadonly?""+variable.previewReadonly.value:undefined
-  '(fileRemoveEvent)'=variable.fileRemoveEvent?""+variable.fileRemoveEvent:undefined
-  '[uploadEnableMulti]'=variable.uploadEnableMulti?""+variable.uploadEnableMulti.value:undefined
-  '[uploadVisible]'!=variable.uploadVisible?""+variable.uploadVisible.value:undefined
-  '[uploadOptions]'!=variable.uploadOptions?variable.uploadOptions:undefined 
-  '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  
-   '[uploadDisabled]'!=variable.uploadDisabled?""+variable.uploadDisabled.value:undefined
-   '[uploadedCount]'=variable.uploadedCount?""+variable.uploadedCount:undefined
-   '[extendDatas]'!=variable.extendDatas?""+variable.extendDatas:undefined
-   '[previewEnableMulti]'=variable.previewEnableMulti?""+variable.previewEnableMulti.value:undefined
-   '[previewShowType]'=variable.previewShowType?"'"+variable.previewShowType+"'":undefined
-   '[previewVisible]'=variable.previewVisible?""+variable.previewVisible.value:undefined
-   '[uploadSelectText]'=variable.uploadSelectText?"'"+variable.uploadSelectText+"'":undefined
-   farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined
-   '(fUploadDoneEvent)'=variable.fUploadDoneEvent?""+variable.fUploadDoneEvent:undefined
-   '(fUploadRemovedEvent)'=variable.fUploadRemovedEvent?""+variable.fUploadRemovedEvent:undefined
-   '[previewEnableRename]'=""+variable.previewEnableRename
-   '[previewDefaultRename]'=variable.previewDefaultRename?""+variable.previewDefaultRename:undefined
-      )
-  if(variable.uploadAreaTemplate)
-    ng-template(fFielUpload let-disabled="disabled")
-      |!{variable.uploadAreaTemplate}
+div(class="farris-form-controls-inline")
+  div(class="farris-group-wrap")
+    div(class="form-group farris-form-group")
+      if (variable.title)
+        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined )          
+            span(class="farris-label-text") {{#{titleValue}}}
+      f-file-upload-and-preview(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) fFilePreviewAdaptUnifile farrisFilePreviewBinding 
+        '[previewReadonly]'!=variable.previewReadonly?""+variable.previewReadonly.value:undefined
+        '(fileRemoveEvent)'=variable.fileRemoveEvent?""+variable.fileRemoveEvent:undefined
+        '[uploadEnableMulti]'=variable.uploadEnableMulti?""+variable.uploadEnableMulti.value:undefined
+        '[uploadVisible]'!=variable.uploadVisible?""+variable.uploadVisible.value:undefined
+        '[uploadOptions]'!=variable.uploadOptions?variable.uploadOptions:undefined 
+        '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined  
+          '[uploadDisabled]'!=variable.uploadDisabled?""+variable.uploadDisabled.value:undefined
+          '[uploadedCount]'=variable.uploadedCount?""+variable.uploadedCount:undefined
+          '[extendDatas]'!=variable.extendDatas?""+variable.extendDatas:undefined
+          '[previewEnableMulti]'=variable.previewEnableMulti?""+variable.previewEnableMulti.value:undefined
+          '[previewShowType]'=variable.previewShowType?"'"+variable.previewShowType+"'":undefined
+          '[previewVisible]'=variable.previewVisible?""+variable.previewVisible.value:undefined
+          '[uploadSelectText]'=variable.uploadSelectText?"'"+variable.uploadSelectText+"'":undefined
+          farrisFileIdKey=variable.fieldIdKey?variable.fieldIdKey.value+"":undefined  farrisFileNameKey=variable.fileNameKey?variable.fileNameKey.value+"":undefined
+          '(fUploadDoneEvent)'=variable.fUploadDoneEvent?""+variable.fUploadDoneEvent:undefined
+          '(fUploadRemovedEvent)'=variable.fUploadRemovedEvent?""+variable.fUploadRemovedEvent:undefined
+          '[previewEnableRename]'=""+variable.previewEnableRename
+          '[previewDefaultRename]'=variable.previewDefaultRename?""+variable.previewDefaultRename:undefined
+            )
+        if(variable.uploadAreaTemplate)
+          ng-template(fFielUpload let-disabled="disabled")
+            |!{variable.uploadAreaTemplate}

package/lib/template/ui/kendo/farris-number-range.pug

@@ -32,7 +32,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         else
           -attrs['formControlName'] = (variable.binding && variable.binding.path);
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
 
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.hasDefaultFocus)
@@ -46,7 +49,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/farris-number-spinner.pug

@@ -32,7 +32,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         else
           -attrs['formControlName'] = (variable.binding && variable.binding.path);
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.hasDefaultFocus)
           -attrs["farris-set-focus"]="";
@@ -45,7 +48,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -32,7 +32,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         else
           -attrs['formControlName'] = (variable.binding && variable.binding.path);
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -44,7 +47,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -36,7 +36,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
 
         -attrs['#'+variable.replacedId] = "";
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -48,7 +51,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/farris-time-picker.pug

@@ -37,7 +37,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         -attrs['#'+variable.replacedId] = "";
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -49,7 +52,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/input-group.pug

@@ -31,7 +31,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
       else
         -attrs['formControlName'] = (variable.binding && variable.binding.path);
       if(variable.isTextArea)
-        -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -43,7 +46,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/language-textbox.pug

@@ -36,7 +36,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
 
         //-attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -48,7 +51,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

package/lib/template/ui/kendo/lookup-employee.pug

@@ -37,7 +37,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -65,7 +68,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -36,12 +36,17 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs['[dictPicking]'] = variable.lookupPicking;
         if (variable.lookupPicked)
           -attrs['[dictPicked]'] = variable.lookupPicked;
+        if (variable.beforeSelectData)
+          -attrs['[beforeSelectData]'] = variable.beforeSelectData;
         if (variable.readonly)
           -attrs['[readonly]'] = variable.readonly.value+"";
 
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          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)
@@ -54,7 +59,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";

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

@@ -32,7 +32,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         else
           -attrs['formControlName'] = (variable.binding && variable.binding.path);
         if(variable.isTextArea)
-          -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
 
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.hasDefaultFocus)
@@ -46,7 +49,10 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         div(class="farris-feedback")
         if(variable.isTextArea)
           -var areaAttrs = {};
-          -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          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}";