@farris/jit-engine 1.3.347 → 1.3.348

package/lib/domstructure/ui/data/index.js

@@ -1,69 +1,70 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./collection/flat/data_grid"), exports);
-__exportStar(require("./collection/flat/flat"), exports);
-__exportStar(require("./collection/flat/list_view"), exports);
-__exportStar(require("./collection/hierarchy/hierarchy"), exports);
-__exportStar(require("./collection/hierarchy/tree_grid"), exports);
-__exportStar(require("./collection/hierarchy/tree_view"), exports);
-__exportStar(require("./collection/data_collection"), exports);
-__exportStar(require("./collection/qdp/spread_sheet"), exports);
-__exportStar(require("./fields/collection/collection_field"), exports);
-__exportStar(require("./fields/collection/grid_field"), exports);
-__exportStar(require("./fields/collection/view_field"), exports);
-__exportStar(require("./fields/collection/tree_grid_field"), exports);
-__exportStar(require("./fields/form/display/display_field"), exports);
-__exportStar(require("./fields/form/editable/switch/check_box"), exports);
-__exportStar(require("./fields/form/editable/switch/check_group"), exports);
-__exportStar(require("./fields/form/editable/switch/collection_switch"), exports);
-__exportStar(require("./fields/form/editable/switch/radio_group"), exports);
-__exportStar(require("./fields/form/editable/switch/switch_field"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/date_box"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/numeric_box"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/time_box"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/enum_field"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/value_fields"), exports);
-__exportStar(require("./fields/form/editable/inputs/text/multi_text_box"), exports);
-__exportStar(require("./fields/form/editable/inputs/text/text_box"), exports);
-__exportStar(require("./fields/form/editable/inputs/text/text_field"), exports);
-__exportStar(require("./fields/form/editable/inputs/reference/lookup_edit"), exports);
-__exportStar(require("./fields/form/editable/inputs/reference/reference_field"), exports);
-__exportStar(require("./fields/form/editable/inputs/reference/select"), exports);
-__exportStar(require("./fields/form/editable/inputs/input_field"), exports);
-__exportStar(require("./fields/form/editable/switch/farris-switch"), exports);
-__exportStar(require("./fields/form/form_field"), exports);
-__exportStar(require("./fields/form/editable/editable_field"), exports);
-__exportStar(require("./chart/chart"), exports);
-__exportStar(require("./data"), exports);
-__exportStar(require("./collection/farris-datagrid"), exports);
-__exportStar(require("./fields/form/datepicker"), exports);
-__exportStar(require("./fields/form/time-spinner"), exports);
-__exportStar(require("./fields/form/rich-textbox"), exports);
-__exportStar(require("./fields/form/editable/switch/checkbox-group"), exports);
-__exportStar(require("./fields/form/time-picker"), exports);
-__exportStar(require("./fields/form/input-group"), exports);
-__exportStar(require("./fields/form/combo-list"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/farris-number-range"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/farris-number-spinner"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/farris-combo-lookup"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/language-textbox"), exports);
-__exportStar(require("./fields/form/tinymce-richtextbox"), exports);
-__exportStar(require("./scrollcollapse"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/lookup_employee"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/ext-intergration"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/organization-selector"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/employee-selector"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/adminorganization-selector"), exports);
-__exportStar(require("./fields/form/editable/inputs/value/city-selector"), exports);
-__exportStar(require("../approve-comments/approval-comments"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./collection/flat/data_grid"), exports);
+__exportStar(require("./collection/flat/flat"), exports);
+__exportStar(require("./collection/flat/list_view"), exports);
+__exportStar(require("./collection/hierarchy/hierarchy"), exports);
+__exportStar(require("./collection/hierarchy/tree_grid"), exports);
+__exportStar(require("./collection/hierarchy/tree_view"), exports);
+__exportStar(require("./collection/data_collection"), exports);
+__exportStar(require("./collection/qdp/spread_sheet"), exports);
+__exportStar(require("./fields/collection/collection_field"), exports);
+__exportStar(require("./fields/collection/grid_field"), exports);
+__exportStar(require("./fields/collection/view_field"), exports);
+__exportStar(require("./fields/collection/tree_grid_field"), exports);
+__exportStar(require("./fields/form/display/display_field"), exports);
+__exportStar(require("./fields/form/editable/switch/check_box"), exports);
+__exportStar(require("./fields/form/editable/switch/check_group"), exports);
+__exportStar(require("./fields/form/editable/switch/collection_switch"), exports);
+__exportStar(require("./fields/form/editable/switch/radio_group"), exports);
+__exportStar(require("./fields/form/editable/switch/switch_field"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/date_box"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/numeric_box"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/time_box"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/enum_field"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/value_fields"), exports);
+__exportStar(require("./fields/form/editable/inputs/text/multi_text_box"), exports);
+__exportStar(require("./fields/form/editable/inputs/text/text_box"), exports);
+__exportStar(require("./fields/form/editable/inputs/text/text_field"), exports);
+__exportStar(require("./fields/form/editable/inputs/reference/lookup_edit"), exports);
+__exportStar(require("./fields/form/editable/inputs/reference/external-service-lookup"), exports);
+__exportStar(require("./fields/form/editable/inputs/reference/reference_field"), exports);
+__exportStar(require("./fields/form/editable/inputs/reference/select"), exports);
+__exportStar(require("./fields/form/editable/inputs/input_field"), exports);
+__exportStar(require("./fields/form/editable/switch/farris-switch"), exports);
+__exportStar(require("./fields/form/form_field"), exports);
+__exportStar(require("./fields/form/editable/editable_field"), exports);
+__exportStar(require("./chart/chart"), exports);
+__exportStar(require("./data"), exports);
+__exportStar(require("./collection/farris-datagrid"), exports);
+__exportStar(require("./fields/form/datepicker"), exports);
+__exportStar(require("./fields/form/time-spinner"), exports);
+__exportStar(require("./fields/form/rich-textbox"), exports);
+__exportStar(require("./fields/form/editable/switch/checkbox-group"), exports);
+__exportStar(require("./fields/form/time-picker"), exports);
+__exportStar(require("./fields/form/input-group"), exports);
+__exportStar(require("./fields/form/combo-list"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/farris-number-range"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/farris-number-spinner"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/farris-combo-lookup"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/language-textbox"), exports);
+__exportStar(require("./fields/form/tinymce-richtextbox"), exports);
+__exportStar(require("./scrollcollapse"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/lookup_employee"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/ext-intergration"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/organization-selector"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/employee-selector"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/adminorganization-selector"), exports);
+__exportStar(require("./fields/form/editable/inputs/value/city-selector"), exports);
+__exportStar(require("../approve-comments/approval-comments"), exports);
 //# sourceMappingURL=index.js.map

package/lib/domstructure/ui/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/domstructure/ui/data/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,8DAA4C;AAC5C,yDAAuC;AACvC,8DAA4C;AAC5C,mEAAiD;AACjD,mEAAiD;AACjD,mEAAiD;AACjD,+DAA6C;AAC7C,gEAA8C;AAC9C,uEAAqD;AACrD,iEAA+C;AAC/C,iEAA+C;AAC/C,sEAAoD;AACpD,sEAAoD;AACpD,0EAAwD;AACxD,4EAA0D;AAC1D,kFAAgE;AAChE,4EAA0D;AAC1D,6EAA2D;AAC3D,+EAA6D;AAC7D,kFAAgE;AAChE,+EAA6D;AAC7D,iFAA+D;AAC/D,mFAAiE;AACjE,oFAAkE;AAClE,8EAA4D;AAC5D,gFAA8D;AAC9D,sFAAoE;AACpE,0FAAwE;AACxE,iFAA+D;AAC/D,4EAA0D;AAC1D,8EAA4D;AAC5D,2DAAyC;AACzC,wEAAsD;AACtD,gDAA8B;AAE9B,yCAAuB;AACvB,+DAA6C;AAC7C,2DAAyC;AACzC,6DAA2C;AAC3C,6DAA2C;AAC3C,+EAA6D;AAC7D,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,0FAAwE;AACxE,4FAA0E;AAC1E,0FAAwE;AACxE,uFAAqE;AACrE,oEAAkD;AAClD,mDAAiC;AAEjC,sFAAoE;AACpE,uFAAqE;AACrE,4FAA0E;AAC1E,wFAAsE;AACtE,iGAA+E;AAC/E,oFAAkE;AAClE,wEAAsD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/domstructure/ui/data/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,8DAA4C;AAC5C,yDAAuC;AACvC,8DAA4C;AAC5C,mEAAiD;AACjD,mEAAiD;AACjD,mEAAiD;AACjD,+DAA6C;AAC7C,gEAA8C;AAC9C,uEAAqD;AACrD,iEAA+C;AAC/C,iEAA+C;AAC/C,sEAAoD;AACpD,sEAAoD;AACpD,0EAAwD;AACxD,4EAA0D;AAC1D,kFAAgE;AAChE,4EAA0D;AAC1D,6EAA2D;AAC3D,+EAA6D;AAC7D,kFAAgE;AAChE,+EAA6D;AAC7D,iFAA+D;AAC/D,mFAAiE;AACjE,oFAAkE;AAClE,8EAA4D;AAC5D,gFAA8D;AAC9D,sFAAoE;AACpE,kGAAgF;AAChF,0FAAwE;AACxE,iFAA+D;AAC/D,4EAA0D;AAC1D,8EAA4D;AAC5D,2DAAyC;AACzC,wEAAsD;AACtD,gDAA8B;AAE9B,yCAAuB;AACvB,+DAA6C;AAC7C,2DAAyC;AACzC,6DAA2C;AAC3C,6DAA2C;AAC3C,+EAA6D;AAC7D,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,0FAAwE;AACxE,4FAA0E;AAC1E,0FAAwE;AACxE,uFAAqE;AACrE,oEAAkD;AAClD,mDAAiC;AAEjC,sFAAoE;AACpE,uFAAqE;AACrE,4FAA0E;AAC1E,wFAAsE;AACtE,iGAA+E;AAC/E,oFAAkE;AAClE,wEAAsD"}

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

@@ -0,0 +1,183 @@
+//- -var variable={};
+
+-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['[(UIStateBinding)]']=variable.binding.value;
+                    -attrs['name']=variable.replacedId;
+                else
+                    -attrs['formControlName']=(variable.binding && variable.binding.path);
+                if (variable.lookupPicking)
+                    -attrs['[dictPicking]']=variable.lookupPicking;
+                if (variable.lookupPicked)
+                    -attrs['[dictPicked]']=variable.lookupPicked;
+                if (variable.beforeSelectData)
+                    -attrs['[beforeSelectData]']=variable.beforeSelectData;
+                if (variable.readonly)
+                    -attrs['[readonly]']=variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
+                if (variable.placeHolder&&variable.placeHolderResourceId)
+                    -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+"";
+                -attrs['#'+variable.replacedId]="";
+                farris-lookup-light(
+                    id=variable.replacedId
+                    '[columns]'=variable.columns?variable.columns:[]
+                    '[light-mapping]'=variable.mapFields?variable.mapFields:undefined
+                    '[striped]'=!(variable.striped===null||variable.striped===undefined)?variable.striped+"":undefined
+
+                    '[uri]'=(variable.dataSource&&variable.dataSource.uri)?"'"+variable.dataSource.uri+"'":undefined
+                    '[separator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
+                    '[displayType]'=(variable.displayType!=null)?"'"+variable.displayType+"'":undefined
+                    '[multiSelect]'=(variable.multiSelect!=null)?variable.multiSelect+"":undefined
+                    '[pageList]'=variable.arrPageList?variable.arrPageList:undefined
+                    '[pageSize]'=variable.pageSize?(variable.pageSize||20):undefined
+                    '[pagination]'=(variable.pagination===null||variable.pagination===undefined)?"true":variable.pagination+""
+                    '[idField]'=(variable.dataSource&&variable.dataSource.idField)?"'"+variable.dataSource.idField+"'":undefined
+                    '[textField]'=(variable.textField!=null)?"'"+variable.textField+"'":undefined
+                    '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined
+                    '[enableClear]'=(variable.enableClear||variable.enableClear===false)?""+variable.enableClear:undefined
+                    '[disabled]'!=variable.disable?variable.disable.toString():undefined
+                    '[pageIndex]'=(variable.pageIndex||1)
+                    '[showFilterBar]'=(variable.showFilterBar||variable.showFilterBar===false)?""+variable.showFilterBar:undefined
+                    '[valueField]'=(variable.valueField!=null)?"'"+variable.valueField+"'":undefined
+                )&attributes(attrs)
+
+                //- farris-lookup-light(
+                //-     id=variable.replacedId
+                //-     '[uri]'=(variable.dataSource&&variable.dataSource.uri)?"'"+variable.dataSource.uri+"'":undefined
+                //-     '[separator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
+                //-     '[displayType]'="'"+variable.displayType+"'"
+                //-     '[multiSelect]'=(variable.multiSelect)+""
+                //-     '[pageList]'=variable.arrPageList?variable.arrPageList:undefined
+                //-     '[pageSize]'=(variable.pageSize||20)
+                //-     '[pagination]'=(variable.pagination===null||variable.pagination===undefined)?"true":variable.pagination+""
+                //-     '[idField]'=(variable.dataSource&&variable.dataSource.idField)?"'"+variable.dataSource.idField+"'":undefined
+                //-     '[textField]'="'"+variable.textField+"'"
+                //-     '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined
+                //-     '[enableClear]'=(variable.enableClear||variable.enableClear===false)?""+variable.enableClear:undefined
+                //-     '[disabled]'!=variable.disable?variable.disable.toString():undefined
+                //-     ============================================================================================================
+                //-     "input-end-edit"
+                //-     'lookupGridRef'
+                //-     'data-mapping'
+                //-     ============================================================================================================
+                //-     '[pageIndex]'=(variable.pageIndex||1)
+                //-     '[valueField]'="'"+variable.valueField+"'"
+                //-     '[mapFields]'=variable.mapFields?variable.mapFields:undefined
+                //-     ============================================================================================================
+                //-     ============================================================================================================
+                //-     '[useTip]'=(variable.useTip||variable.useTip===false)?variable.useTip+"":undefined
+                //-     '[useFavorite]'=(variable.useFavorite||variable.useFavorite===false)?variable.useFavorite+"":undefined
+                //-     '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
+                //-     '[editable]'=(variable.editable||variable.editable===false)?""+variable.editable:undefined
+                //-     '[showMaxButton]'=(variable.showMaxButton==null||variable.showMaxButton===undefined)?"true":variable.showMaxButton+""
+                //-     '[showCloseButton]'=(variable.showCloseButton==null||variable.showCloseButton===undefined)?"true":variable.showCloseButton+""
+                //-     '[resizable]'=(variable.resizable===null||variable.resizable===undefined)?"true":variable.resizable+""
+                //-     '(clear)'=variable.clear?variable.clear:undefined
+                //-     '[context]'=variable.context?variable.context:undefined
+                //-     '[enableToSelect]'=(variable.enableToSelect||variable.enableToSelect===false)?""+variable.enableToSelect:undefined
+                //-     '[expandLevel]'=""+variable.expandLevel
+                //-     '[isRecordSize]'=(variable.isRecordSize||variable.isRecordSize===false)?""+variable.isRecordSize:undefined
+                //-     '[enableFullTree]'=(variable.enableFullTree||variable.enableFullTree===false)?""+variable.enableFullTree:undefined
+                //-     '[loadTreeDataType]'=variable.loadTreeDataType?"'"+variable.loadTreeDataType+"'":undefined
+                //-     '[tab-index]'=(variable.tabindex||variable.tabindex===0)?""+variable.tabindex:undefined
+                //-     '[dialogWidth]'=variable.panelWidth?""+variable.panelWidth:undefined
+                //-     '[dialogHeight]'=variable.panelHeight?""+variable.panelHeight:undefined
+                //-     '[enableCascade]'=variable.enableCascade?""+variable.enableCascade:undefined
+                //-     '[cascadeStatus]'=variable.cascadeStatus?"'"+variable.cascadeStatus+"'":undefined
+                //-     '[useExtendInfo]'=(variable.useExtendInfo||variable.useExtendInfo===false)?""+variable.useExtendInfo:undefined
+                //-     '[extInfoFields]'=variable.extInfoFields?"'"+variable.extInfoFields+"'":undefined
+                //-     '[extInfoFormatter]'=variable.extInfoFormatterName?""+variable.extInfoFormatterName: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
+                //-     '[customFormatter]'=variable.customFormatterName?""+variable.customFormatterName:undefined
+                //-     '[selectFirstInNav]'=variable.selectFirstInNav?""+variable.selectFirstInNav.value:undefined
+                //-     '[loadDataWhenOpen]'=variable.loadDataWhenOpen?""+variable.loadDataWhenOpen.value:undefined
+                //-     '[customNavFormatter]'=variable.customNavFormatterName?""+variable.customNavFormatterName:undefined
+                //-     '[treeInfo]'=variable.treeInfo?variable.treeInfo:undefined
+                //-     '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined
+                //-     '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined
+                //-     '[treeTableOptions]'=variable.treeTableOptions?variable.treeTableOptions:undefined
+                //-     '[showCheckAll]'=variable.showCheckAll?""+variable.showCheckAll.value:undefined
+                //-     '[quickSelect]'=variable.quickSelectName?""+variable.quickSelectName:undefined
+                //-     '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined
+                //-     '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined
+                //-     '[showNavigation]'=variable.showNavigation?""+variable.showNavigation.value:undefined
+                //-     '[showCascadeControl]'=variable.showCascadeControl?""+variable.showCascadeControl.value:undefined
+                //-     '[showSelected]'=variable.showSelected?""+variable.showSelected.value:undefined
+                //-     '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined
+                //-     '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined
+                //-     '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+                //-     '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+                //-     '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+                //-     '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+                //-     '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+                //-     '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+                //-     '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+                //-     '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined
+                //- )&attributes(attrs)
+
+                if (variable.needValid && variable.binding && variable.binding.path)
+                    -var path=`viewModel.form.getCardControlErrors('${variable.binding.path}')`
+                    validationMessage('[errors]'!=`${path}`
+                    '[hidden]'="!viewModel.form.isShowValidationMsg" )
+                div(class="farris-feedback")
+                if(variable.isTextArea)
+                    -var areaAttrs={};
+                    if(variable.readonly && variable.readonly.isComposite)
+                        -areaAttrs["*ngIf"]=variable.readonly.value;
+                    else
+                        -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+                    if (variable.binding && variable.binding.type=='Variable')
+                        -areaAttrs['[(ngModel)]']=variable.binding.value;
+                        -areaAttrs['[ngModelOptions]']="{standalone:true}";
+                    else
+                        -areaAttrs['formControlName']=(variable.binding && variable.binding.path);
+                    farris-text('[type]'="'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}