@wavemaker/app-ng-runtime 11.4.0-next.28152 → 11.4.0-rc.5339

app-ng-runtime/components/data/form/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":8},{"__symbolic":"reference","module":"@wm/components/dialogs/design-dialog","name":"DesignDialogModule","line":32,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":33,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":34,"character":8}],"declarations":[{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"FormWidgetDirective"},{"__symbolic":"reference","name":"FormActionDirective"},{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","name":"LiveActionsDirective"},{"__symbolic":"reference","name":"DependsonDirective"},{"__symbolic":"reference","name":"LiveFilterDirective"},{"__symbolic":"reference","name":"LiveFormDirective"}],"exports":[{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"FormWidgetDirective"},{"__symbolic":"reference","name":"FormActionDirective"},{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","name":"LiveActionsDirective"},{"__symbolic":"reference","name":"DependsonDirective"},{"__symbolic":"reference","name":"LiveFilterDirective"},{"__symbolic":"reference","name":"LiveFormDirective"}],"entryComponents":[]}]}],"members":{}},"FormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":96,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":89,"character":1},"arguments":[{"selector":"form[wmForm]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":93,"character":8},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],"template":"<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-container *ngIf=\"formlayout === 'page'; then pageLayoutTemplate else defaultTemplate\">\n</ng-container>\n\n<ng-template #defaultTemplate>\n    <div class=\"panel-heading\" *ngIf=\"!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))\">\n        <h3 class=\"panel-title\">\n            <div class=\"pull-left\">\n                <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\" *ngIf=\"iconclass\"></i>\n            </div>\n            <div class=\"pull-left\">\n                <div class=\"heading\" [innerHTML]=\"title\"></div>\n                <div class=\"description\" [innerHTML]=\"subheading\"></div>\n            </div>\n            <div class=\"form-action panel-actions basic-btn-grp\">\n                <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'header'\"\n                              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n                </ng-container>\n                <button type=\"button\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\" title=\"Collapse/Expand\"\n                        [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n            </div>\n        </h3>\n    </div>\n    <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n        <p wmMessage [hidden]=\"!statusMessage.caption.toString()\" [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n        <div [ngClass]=\"{'form-elements': !isLayoutDialog, 'form-content': isLayoutDialog}\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <div class=\"basic-btn-grp form-action panel-footer clearfix\" [ngClass]=\"{'modal-footer': isLayoutDialog}\" [class.hidden]=\"!expanded || !showButtons('footer')\">\n            <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'footer'\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #pageLayoutTemplate>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #buttonRef let-btn=\"btn\">\n    <button  wmButton name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" type.bind=\"btn.type\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\" disabled.bind=\"ngform.status === 'PENDING' || btn.disabled\"\n             tabindex.bind=\"btn.tabindex\" [attr.aria-label]=\"btn.displayName\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n    <a wmAnchor name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\"\n             hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\"\n             tabindex.bind=\"btn.tabindex\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></a>\n</ng-template>\n\n<ng-container #dynamicForm></ng-container>\n"}]}],"members":{"dynamicFormRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":98,"character":5},"arguments":["dynamicForm",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":98,"character":52}}]}]}],"messageRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"MessageComponent","line":99,"character":15}]}]}],"componentRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":101,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":101,"character":21},{"descendants":true}]}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":209,"character":5},"arguments":["action"]}]}],"submit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":211,"character":5},"arguments":["submit",["$event"]]}]}],"onReset":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":215,"character":5},"arguments":["reset"]}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":219,"character":5},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":248,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":249,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":249,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":250,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":250,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":251,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":251,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":252,"character":9},"arguments":["beforesubmit.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":253,"character":9},"arguments":["submit.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":254,"character":9},"arguments":["beforerender.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":255,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":256,"character":9},"arguments":["formdata.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":257,"character":9},"arguments":["wmLiveForm"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":258,"character":9},"arguments":["wmLiveFilter"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":259,"character":9},"arguments":["data-role"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":260,"character":9},"arguments":["key"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":261,"character":9},"arguments":["name"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":242,"character":13},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":243,"character":20},{"__symbolic":"reference","module":"@wm/core","name":"App","line":244,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":245,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":246,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":247,"character":24},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":248,"character":39},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","module":"@wm/components/prefab","name":"PrefabDirective","line":250,"character":53},{"__symbolic":"reference","module":"@wm/components/base","name":"PartialDirective","line":251,"character":54},null,null,null,null,null,null,null,null,null,null]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"findOperationType":[{"__symbolic":"method"}],"addInnerNgFormToForm":[{"__symbolic":"method"}],"addEventsToContext":[{"__symbolic":"method"}],"setValidationOnInnerForms":[{"__symbolic":"method"}],"setValidationOnFields":[{"__symbolic":"method"}],"prepareValidationObj":[{"__symbolic":"method"}],"setValidationMsgs":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"updateFieldSource":[{"__symbolic":"method"}],"highlightInvalidFields":[{"__symbolic":"method"}],"validateFieldsOnSubmit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onResultCb":[{"__symbolic":"method"}],"toggleMessage":[{"__symbolic":"method"}],"checkAppServiceErrorMsg":[{"__symbolic":"method"}],"clearMessage":[{"__symbolic":"method"}],"setLayoutConfig":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}],"registerFormFields":[{"__symbolic":"method"}],"registerActions":[{"__symbolic":"method"}],"updateFormDataOutput":[{"__symbolic":"method"}],"constructDataObject":[{"__symbolic":"method"}],"updateDataOutput":[{"__symbolic":"method"}],"getFormFields":[{"__symbolic":"method"}],"setFieldValue":[{"__symbolic":"method"}],"setFormData":[{"__symbolic":"method"}],"resetFormState":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"savePrevformFields":[{"__symbolic":"method"}],"savePrevDataValues":[{"__symbolic":"method"}],"setReadonlyFields":[{"__symbolic":"method"}],"resetFileUploadWidget":[{"__symbolic":"method"}],"emptyDataModel":[{"__symbolic":"method"}],"setDefaultValues":[{"__symbolic":"method"}],"setOperationType":[{"__symbolic":"method"}],"new":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"showButtons":[{"__symbolic":"method"}],"expandCollapsePanel":[{"__symbolic":"method"}],"onDataSourceUpdate":[{"__symbolic":"method"}],"getNearestParentFormData":[{"__symbolic":"method"}],"setFormDataFromParentFormData":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"onFormDataSourceChange":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"generateFormFields":[{"__symbolic":"method"}],"markAsPristine":[{"__symbolic":"method"}],"markAsDirty":[{"__symbolic":"method"}],"markAsTouched":[{"__symbolic":"method"}],"markAsUntouched":[{"__symbolic":"method"}],"invokeActionEvent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"FormWidgetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmFormWidget]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":21},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":21},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/table","name":"TableComponent","line":19,"character":28}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":20,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":20,"character":24}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":22,"character":9},"arguments":["name"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":23,"character":9},"arguments":["key"]}]],"parameters":[null,null,null,{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":21,"character":12},null,null]}],"addControl":[{"__symbolic":"method"}],"createControl":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"FormActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":17,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmFormAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"FormActionDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21},{"__symbolic":"reference","name":"FormComponent"}]}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"FormFieldDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":34,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[wmFormField]","exportAs":"wmFormField","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":29,"character":8},"arguments":[{"__symbolic":"reference","name":"FormFieldDirective"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":30,"character":8},"arguments":[{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":30,"character":38},true]},{"provide":{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":31,"character":19},"useValue":{},"multi":true}]}]}],"members":{"formWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":5},"arguments":["formWidget",{"static":true}]}]}],"formWidgetMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":38,"character":5},"arguments":["formWidgetMax"]}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":5},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":117,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":118,"character":9},"arguments":["chipclass.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":119,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":120,"character":9},"arguments":["displayexpression.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":121,"character":9},"arguments":["displaylabel.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":122,"character":9},"arguments":["widgettype"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":123,"character":9},"arguments":["name"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":124,"character":9},"arguments":["displayimagesrc.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":125,"character":9},"arguments":["key"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":126,"character":9},"arguments":["is-range"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":127,"character":9},"arguments":["pc-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":128,"character":9},"arguments":["mobile-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":129,"character":9},"arguments":["tablet-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":130,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":130,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":112,"character":13},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":114,"character":12},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":115,"character":18},{"__symbolic":"reference","module":"@wm/core","name":"App","line":116,"character":13},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":117,"character":32},{"__symbolic":"reference","name":"string"},null,{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},null,null,{"__symbolic":"reference","name":"String"},null,null,null,null,null,{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"_onFocusField":[{"__symbolic":"method"}],"_onBlurField":[{"__symbolic":"method"}],"evaluateExpr":[{"__symbolic":"method"}],"getDisplayExpr":[{"__symbolic":"method"}],"getCaption":[{"__symbolic":"method"}],"notifyChanges":[{"__symbolic":"method"}],"observeOn":[{"__symbolic":"method"}],"setUpValidators":[{"__symbolic":"method"}],"setAsyncValidators":[{"__symbolic":"method"}],"setValidators":[{"__symbolic":"method"}],"setFormWidget":[{"__symbolic":"method"}],"boundFn":[{"__symbolic":"method"}],"setMaxFormWidget":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"createControl":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"onStatusChange":[{"__symbolic":"method"}],"setValidationMessage":[{"__symbolic":"method"}],"setReadOnlyState":[{"__symbolic":"method"}],"resetDisplayInput":[{"__symbolic":"method"}],"triggerUploadEvent":[{"__symbolic":"method"}],"registerFormField":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"LiveActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[wmLiveActions]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":12,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":12,"character":24}]}],null,null],"parameters":[null,{"__symbolic":"reference","module":"@wm/core","name":"App","line":13,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":14,"character":31}]}],"addRow":[{"__symbolic":"method"}],"updateRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"successHandler":[{"__symbolic":"method"}],"errorHandler":[{"__symbolic":"method"}],"getRecords":[{"__symbolic":"method"}],"performCUDOperation":[{"__symbolic":"method"}],"insertRecord":[{"__symbolic":"method"}],"updateRecord":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"performOperation":[{"__symbolic":"method"}],"call":[{"__symbolic":"method"}]}},"DependsonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[dependson]"}]}],"members":{"formChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":11,"character":5},"arguments":[{"__symbolic":"reference","name":"FormComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":24,"character":9},"arguments":["dialogid"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":25,"character":9},"arguments":["dependson"]}],null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":26,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"App","line":27,"character":21}]}],"openFormDialog":[{"__symbolic":"method"}],"onUpdate":[{"__symbolic":"method"}],"onInsert":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onFormRender":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"LiveFilterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[wmLiveFilter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":28,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":25},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}]],"parameters":[null]}],"execute":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"onMaxDefaultValueChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterOnDefault":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"LiveFormDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[wmLiveForm]"}]}],"members":{"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":5},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":35,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":17},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":9}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":39,"character":9},"arguments":["formlayout"]}]],"parameters":[null,{"__symbolic":"reference","module":"@wm/components/data/live-table","name":"LiveTableComponent","line":36,"character":31},{"__symbolic":"reference","module":"@wm/components/base","name":"ToDatePipe","line":37,"character":25},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":38,"character":31},{"__symbolic":"reference","name":"string"}]}],"registerFormFields":[{"__symbolic":"method"}],"_updateFieldOnDataSourceChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"getBlobURL":[{"__symbolic":"method"}],"setFormData":[{"__symbolic":"method"}],"onDataSourceUpdate":[{"__symbolic":"method"}],"savePrevformFields":[{"__symbolic":"method"}],"getPrevformFields":[{"__symbolic":"method"}],"getDataObject":[{"__symbolic":"method"}],"constructDataObject":[{"__symbolic":"method"}],"setPrimaryKey":[{"__symbolic":"method"}],"findOperationType":[{"__symbolic":"method"}],"getPrevDataValues":[{"__symbolic":"method"}],"savePrevDataValues":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"setReadonlyFields":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"saveAndNew":[{"__symbolic":"method"}],"saveAndView":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":28,"character":33,"module":"./form.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":53,"character":37,"module":"./form.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":76,"character":39,"module":"./form.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./form-action/form-action.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":29,"module":"./form-field/form-field.props"}},"origins":{"FormModule":"./form.module","FormComponent":"./form.component","FormWidgetDirective":"./form-widget.directive","FormActionDirective":"./form-action/form-action.directive","FormFieldDirective":"./form-field/form-field.directive","LiveActionsDirective":"./live-actions/live-actions.directive","DependsonDirective":"./live-actions/dependson.directive","LiveFilterDirective":"./live-filter/live-filter.directive","LiveFormDirective":"./live-form/live-form.directive","ɵa":"./form.props","ɵb":"./form.props","ɵc":"./form.props","ɵd":"./form-action/form-action.props","ɵe":"./form-field/form-field.props"},"importAs":"@wm/components/data/form"}
+{"__symbolic":"module","version":4,"metadata":{"FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":8},{"__symbolic":"reference","module":"@wm/components/dialogs/design-dialog","name":"DesignDialogModule","line":32,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":33,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":34,"character":8}],"declarations":[{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"FormWidgetDirective"},{"__symbolic":"reference","name":"FormActionDirective"},{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","name":"LiveActionsDirective"},{"__symbolic":"reference","name":"DependsonDirective"},{"__symbolic":"reference","name":"LiveFilterDirective"},{"__symbolic":"reference","name":"LiveFormDirective"}],"exports":[{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"FormWidgetDirective"},{"__symbolic":"reference","name":"FormActionDirective"},{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","name":"LiveActionsDirective"},{"__symbolic":"reference","name":"DependsonDirective"},{"__symbolic":"reference","name":"LiveFilterDirective"},{"__symbolic":"reference","name":"LiveFormDirective"}],"entryComponents":[]}]}],"members":{}},"FormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":100,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":93,"character":1},"arguments":[{"selector":"form[wmForm]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":97,"character":8},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],"template":"<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-container *ngIf=\"formlayout === 'page'; then pageLayoutTemplate else defaultTemplate\">\n</ng-container>\n\n<ng-template #defaultTemplate>\n    <div class=\"panel-heading\" *ngIf=\"!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))\">\n        <h3 class=\"panel-title\">\n            <div class=\"pull-left\">\n                <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\" *ngIf=\"iconclass\"></i>\n            </div>\n            <div class=\"pull-left\">\n                <div class=\"heading\" [innerHTML]=\"title\"></div>\n                <div class=\"description\" [innerHTML]=\"subheading\"></div>\n            </div>\n            <div class=\"form-action panel-actions basic-btn-grp\">\n                <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'header'\"\n                              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n                </ng-container>\n                <button type=\"button\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\" title=\"Collapse/Expand\"\n                        [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n            </div>\n        </h3>\n    </div>\n    <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n        <p wmMessage [hidden]=\"!statusMessage.caption.toString()\" [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n        <div [ngClass]=\"{'form-elements': !isLayoutDialog, 'form-content': isLayoutDialog}\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <div class=\"basic-btn-grp form-action panel-footer clearfix\" [ngClass]=\"{'modal-footer': isLayoutDialog}\" [class.hidden]=\"!expanded || !showButtons('footer')\">\n            <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'footer'\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #pageLayoutTemplate>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #buttonRef let-btn=\"btn\">\n    <button  wmButton name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" type.bind=\"btn.type\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\" disabled.bind=\"ngform.status === 'PENDING' || btn.disabled\"\n             tabindex.bind=\"btn.tabindex\" [attr.aria-label]=\"btn.displayName\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n    <a wmAnchor name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\"\n             hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\"\n             tabindex.bind=\"btn.tabindex\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></a>\n</ng-template>\n\n<ng-container #dynamicForm></ng-container>\n"}]}],"members":{"dynamicFormRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":5},"arguments":["dynamicForm",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":102,"character":52}}]}]}],"messageRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"MessageComponent","line":103,"character":15}]}]}],"componentRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":105,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":105,"character":21},{"descendants":true}]}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":213,"character":5},"arguments":["action"]}]}],"submit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":215,"character":5},"arguments":["submit",["$event"]]}]}],"onReset":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":219,"character":5},"arguments":["reset"]}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":223,"character":5},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":252,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":253,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":253,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":254,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":254,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":255,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":255,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":256,"character":9},"arguments":["beforesubmit.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":257,"character":9},"arguments":["submit.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":258,"character":9},"arguments":["beforerender.event"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":259,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":260,"character":9},"arguments":["formdata.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":261,"character":9},"arguments":["wmLiveForm"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":262,"character":9},"arguments":["wmLiveFilter"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":263,"character":9},"arguments":["data-role"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":264,"character":9},"arguments":["key"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":265,"character":9},"arguments":["name"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":246,"character":13},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":247,"character":20},{"__symbolic":"reference","module":"@wm/core","name":"App","line":248,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":249,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":250,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":251,"character":24},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":252,"character":39},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","module":"@wm/components/prefab","name":"PrefabDirective","line":254,"character":53},{"__symbolic":"reference","module":"@wm/components/base","name":"PartialDirective","line":255,"character":54},null,null,null,null,null,null,null,null,null,null]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"findOperationType":[{"__symbolic":"method"}],"addInnerNgFormToForm":[{"__symbolic":"method"}],"addEventsToContext":[{"__symbolic":"method"}],"setValidationOnInnerForms":[{"__symbolic":"method"}],"setValidationOnFields":[{"__symbolic":"method"}],"prepareValidationObj":[{"__symbolic":"method"}],"setValidationMsgs":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"updateFieldSource":[{"__symbolic":"method"}],"highlightInvalidFields":[{"__symbolic":"method"}],"validateFieldsOnSubmit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onResultCb":[{"__symbolic":"method"}],"toggleMessage":[{"__symbolic":"method"}],"checkAppServiceErrorMsg":[{"__symbolic":"method"}],"clearMessage":[{"__symbolic":"method"}],"setLayoutConfig":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}],"registerFormFields":[{"__symbolic":"method"}],"registerActions":[{"__symbolic":"method"}],"updateFormDataOutput":[{"__symbolic":"method"}],"constructDataObject":[{"__symbolic":"method"}],"updateDataOutput":[{"__symbolic":"method"}],"getFormFields":[{"__symbolic":"method"}],"setFieldValue":[{"__symbolic":"method"}],"setFormData":[{"__symbolic":"method"}],"resetFormState":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"savePrevformFields":[{"__symbolic":"method"}],"savePrevDataValues":[{"__symbolic":"method"}],"setReadonlyFields":[{"__symbolic":"method"}],"resetFileUploadWidget":[{"__symbolic":"method"}],"emptyDataModel":[{"__symbolic":"method"}],"setDefaultValues":[{"__symbolic":"method"}],"setOperationType":[{"__symbolic":"method"}],"new":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"showButtons":[{"__symbolic":"method"}],"expandCollapsePanel":[{"__symbolic":"method"}],"onDataSourceUpdate":[{"__symbolic":"method"}],"getNearestParentFormData":[{"__symbolic":"method"}],"setFormDataFromParentFormData":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"onFormDataSourceChange":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"generateFormFields":[{"__symbolic":"method"}],"markAsPristine":[{"__symbolic":"method"}],"markAsDirty":[{"__symbolic":"method"}],"markAsTouched":[{"__symbolic":"method"}],"markAsUntouched":[{"__symbolic":"method"}],"invokeActionEvent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"FormWidgetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmFormWidget]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":21},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":21},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/table","name":"TableComponent","line":19,"character":28}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":20,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":20,"character":24}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":22,"character":9},"arguments":["name"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":23,"character":9},"arguments":["key"]}]],"parameters":[null,null,null,{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":21,"character":12},null,null]}],"addControl":[{"__symbolic":"method"}],"createControl":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"FormActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":17,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmFormAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"FormActionDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21},{"__symbolic":"reference","name":"FormComponent"}]}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"FormFieldDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":34,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[wmFormField]","exportAs":"wmFormField","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":29,"character":8},"arguments":[{"__symbolic":"reference","name":"FormFieldDirective"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":30,"character":8},"arguments":[{"__symbolic":"reference","name":"FormFieldDirective"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":30,"character":38},true]},{"provide":{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":31,"character":19},"useValue":{},"multi":true}]}]}],"members":{"formWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":5},"arguments":["formWidget",{"static":true}]}]}],"formWidgetMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":38,"character":5},"arguments":["formWidgetMax"]}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":5},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":117,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":118,"character":9},"arguments":["chipclass.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":119,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":120,"character":9},"arguments":["displayexpression.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":121,"character":9},"arguments":["displaylabel.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":122,"character":9},"arguments":["widgettype"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":123,"character":9},"arguments":["name"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":124,"character":9},"arguments":["displayimagesrc.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":125,"character":9},"arguments":["key"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":126,"character":9},"arguments":["is-range"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":127,"character":9},"arguments":["pc-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":128,"character":9},"arguments":["mobile-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":129,"character":9},"arguments":["tablet-display"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":130,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":130,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":112,"character":13},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":114,"character":12},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":115,"character":18},{"__symbolic":"reference","module":"@wm/core","name":"App","line":116,"character":13},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":117,"character":32},{"__symbolic":"reference","name":"string"},null,{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},null,null,{"__symbolic":"reference","name":"String"},null,null,null,null,null,{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"_onFocusField":[{"__symbolic":"method"}],"_onBlurField":[{"__symbolic":"method"}],"evaluateExpr":[{"__symbolic":"method"}],"getDisplayExpr":[{"__symbolic":"method"}],"getCaption":[{"__symbolic":"method"}],"notifyChanges":[{"__symbolic":"method"}],"observeOn":[{"__symbolic":"method"}],"setUpValidators":[{"__symbolic":"method"}],"setAsyncValidators":[{"__symbolic":"method"}],"setValidators":[{"__symbolic":"method"}],"setFormWidget":[{"__symbolic":"method"}],"boundFn":[{"__symbolic":"method"}],"setMaxFormWidget":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"createControl":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"onStatusChange":[{"__symbolic":"method"}],"setValidationMessage":[{"__symbolic":"method"}],"setReadOnlyState":[{"__symbolic":"method"}],"resetDisplayInput":[{"__symbolic":"method"}],"triggerUploadEvent":[{"__symbolic":"method"}],"registerFormField":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"LiveActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[wmLiveActions]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":12,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":12,"character":24}]}],null,null],"parameters":[null,{"__symbolic":"reference","module":"@wm/core","name":"App","line":13,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":14,"character":31}]}],"addRow":[{"__symbolic":"method"}],"updateRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"successHandler":[{"__symbolic":"method"}],"errorHandler":[{"__symbolic":"method"}],"getRecords":[{"__symbolic":"method"}],"performCUDOperation":[{"__symbolic":"method"}],"insertRecord":[{"__symbolic":"method"}],"updateRecord":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"performOperation":[{"__symbolic":"method"}],"call":[{"__symbolic":"method"}]}},"DependsonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[dependson]"}]}],"members":{"formChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":11,"character":5},"arguments":[{"__symbolic":"reference","name":"FormComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":24,"character":9},"arguments":["dialogid"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":25,"character":9},"arguments":["dependson"]}],null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":26,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"App","line":27,"character":21}]}],"openFormDialog":[{"__symbolic":"method"}],"onUpdate":[{"__symbolic":"method"}],"onInsert":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onFormRender":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"LiveFilterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[wmLiveFilter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":28,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":25},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}]],"parameters":[null]}],"execute":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"onMaxDefaultValueChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterOnDefault":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"LiveFormDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[wmLiveForm]"}]}],"members":{"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":5},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":35,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":17},"arguments":[{"__symbolic":"reference","name":"FormComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":9}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":39,"character":9},"arguments":["formlayout"]}]],"parameters":[null,{"__symbolic":"reference","module":"@wm/components/data/live-table","name":"LiveTableComponent","line":36,"character":31},{"__symbolic":"reference","module":"@wm/components/base","name":"ToDatePipe","line":37,"character":25},{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":38,"character":31},{"__symbolic":"reference","name":"string"}]}],"registerFormFields":[{"__symbolic":"method"}],"_updateFieldOnDataSourceChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"onFieldDefaultValueChange":[{"__symbolic":"method"}],"onFieldValueChange":[{"__symbolic":"method"}],"getBlobURL":[{"__symbolic":"method"}],"setFormData":[{"__symbolic":"method"}],"onDataSourceUpdate":[{"__symbolic":"method"}],"savePrevformFields":[{"__symbolic":"method"}],"getPrevformFields":[{"__symbolic":"method"}],"getDataObject":[{"__symbolic":"method"}],"constructDataObject":[{"__symbolic":"method"}],"setPrimaryKey":[{"__symbolic":"method"}],"findOperationType":[{"__symbolic":"method"}],"getPrevDataValues":[{"__symbolic":"method"}],"savePrevDataValues":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"setReadonlyFields":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"saveAndNew":[{"__symbolic":"method"}],"saveAndView":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":28,"character":33,"module":"./form.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":53,"character":37,"module":"./form.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":76,"character":39,"module":"./form.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./form-action/form-action.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":29,"module":"./form-field/form-field.props"}},"origins":{"FormModule":"./form.module","FormComponent":"./form.component","FormWidgetDirective":"./form-widget.directive","FormActionDirective":"./form-action/form-action.directive","FormFieldDirective":"./form-field/form-field.directive","LiveActionsDirective":"./live-actions/live-actions.directive","DependsonDirective":"./live-actions/dependson.directive","LiveFilterDirective":"./live-filter/live-filter.directive","LiveFormDirective":"./live-form/live-form.directive","ɵa":"./form.props","ɵb":"./form.props","ɵc":"./form.props","ɵd":"./form-action/form-action.props","ɵe":"./form-field/form-field.props"},"importAs":"@wm/components/data/form"}

app-ng-runtime/components/data/list/bundles/index.umd.js

@@ -1356,9 +1356,10 @@
             }
         };
         // Triggers after the sorting.
-        ListComponent.prototype.onUpdate = function (evt, ui) {
+        ListComponent.prototype.onUpdate = function (evt, ui, presentIndex) {
             var data = this.fieldDefs;
-            var newIndex = ui.item.index();
+            // If ui is not present then it is called from drag and drop using keyboard
+            var newIndex = ui === undefined ? presentIndex : ui.item.index();
             var oldIndex = this.$ulEle.data('oldIndex');
             var minIndex = _.min([newIndex, oldIndex]);
             var maxIndex = _.max([newIndex, oldIndex]);
@@ -1462,9 +1463,9 @@
             return this.datasource.execute(operation, options);
         };
         ListComponent.prototype.handleKeyDown = function ($event, action) {
-            var _this = this;
+            var _d, _e;
             $event.stopPropagation();
-            if ($event.keyCode !== 13 && $event.keyCode !== 9 && !($event.target.classList.contains('form-control') && $event.keyCode === 32)) {
+            if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains('form-control') || $event.target.classList.contains('note-editable')) && $event.keyCode === 32)) {
                 $event.preventDefault();
             }
             var listItems = this.listItems;
@@ -1505,27 +1506,20 @@
             }
             if (action === 'focusPrev') {
                 if (this.isListElementMovable) {
-                    var prev_1;
                     presentIndex = presentIndex <= 0 ? 0 : (presentIndex);
-                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
                     if (presentIndex === 0) {
-                        prev_1 = this.listItems.last;
                         return;
                     }
-                    this.listItems.forEach(function ($liItem, idx) {
-                        if (idx === presentIndex) {
-                            prev_1.nativeElement.before($liItem.nativeElement);
-                            _this.lastSelectedItem.nativeElement.focus();
-                            var arr = _this.listItems.toArray();
-                            var temp = arr[presentIndex];
-                            arr[presentIndex] = arr[presentIndex - 1];
-                            arr[presentIndex - 1] = temp;
-                            _this.listItems.reset(arr);
-                            _this.currentIndex = presentIndex;
-                            _this.ariaText = "selected ";
-                        }
-                        prev_1 = $liItem;
-                    });
+                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
+                    var prevElt = this.getListItemByIndex(presentIndex - 1);
+                    prevElt.nativeElement.before(this.lastSelectedItem.nativeElement);
+                    this.lastSelectedItem.nativeElement.focus();
+                    this.statePersistence.removeWidgetState(this, 'selectedItem');
+                    var arr = this.listItems.toArray();
+                    _d = __read([arr[presentIndex], arr[presentIndex - 1]], 2), arr[presentIndex - 1] = _d[0], arr[presentIndex] = _d[1];
+                    this.listItems.reset(arr);
+                    this.currentIndex = presentIndex;
+                    this.ariaText = "selected ";
                 }
                 else {
                     presentIndex = presentIndex <= 0 ? 0 : (presentIndex - 1);
@@ -1537,27 +1531,20 @@
             }
             else if (action === 'focusNext') {
                 if (this.isListElementMovable) {
-                    var prev_2;
                     presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex) : (listItems.length - 1);
-                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
                     if (presentIndex === this.listItems.length - 1) {
-                        prev_2 = this.listItems.first;
                         return;
                     }
-                    this.listItems.forEach(function ($liItem, idx) {
-                        if (idx === presentIndex + 1) {
-                            prev_2.nativeElement.before($liItem.nativeElement);
-                            _this.lastSelectedItem.nativeElement.focus();
-                            var arr = _this.listItems.toArray();
-                            var temp = arr[presentIndex + 1];
-                            arr[presentIndex + 1] = arr[presentIndex];
-                            arr[presentIndex] = temp;
-                            _this.listItems.reset(arr);
-                            _this.currentIndex = idx + 1;
-                            _this.ariaText = "selected ";
-                        }
-                        prev_2 = $liItem;
-                    });
+                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
+                    var nextElt = this.getListItemByIndex(presentIndex + 1);
+                    nextElt.nativeElement.after(this.lastSelectedItem.nativeElement);
+                    this.lastSelectedItem.nativeElement.focus();
+                    this.statePersistence.removeWidgetState(this, 'selectedItem');
+                    var arr = this.listItems.toArray();
+                    _e = __read([arr[presentIndex + 1], arr[presentIndex]], 2), arr[presentIndex] = _e[0], arr[presentIndex + 1] = _e[1];
+                    this.listItems.reset(arr);
+                    this.currentIndex = presentIndex + 2;
+                    this.ariaText = "selected ";
                 }
                 else {
                     presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex + 1) : (listItems.length - 1);
@@ -1583,12 +1570,13 @@
                 this.isListElementMovable = !this.isListElementMovable;
                 this.onItemClick($event, this.getListItemByIndex(presentIndex));
                 this.currentIndex = presentIndex + 1;
-                var name = this.getListItemByIndex(presentIndex).item.name;
                 if (this.isListElementMovable) {
-                    this.ariaText = name + " grabbed, current position ";
+                    this.ariaText = "Item " + this.currentIndex + " grabbed, current position ";
+                    this.$ulEle.data('oldIndex', presentIndex);
                 }
                 else {
-                    this.ariaText = name + " dropped, final position ";
+                    this.ariaText = "Item " + this.currentIndex + " dropped, final position ";
+                    this.onUpdate($event, undefined, presentIndex);
                 }
             }
         };
@@ -1641,11 +1629,13 @@
                 this.dataNavigator.maxResults = nv;
             }
             else if (key === 'enablereorder') {
-                if (nv) {
+                if (nv && this.$ulEle) {
+                    this.$ulEle.attr('aria-describedby', this.titleId);
                     this.configureDnD();
                     this.$ulEle.sortable('enable');
                 }
                 else if (this.$ulEle && !nv) {
+                    this.$ulEle.removeAttr('aria-describedby');
                     this.$ulEle.sortable('disable');
                 }
             }
@@ -1815,9 +1805,18 @@
                 _super.prototype.ngAfterViewInit.call(_this);
                 _this.setUpCUDHandlers();
                 _this.selectedItemWidgets = _this.multiselect ? [] : {};
+                var ele = $(_this.nativeElement).find('.app-livelist-container');
                 if (_this.enablereorder && !_this.groupby) {
+                    if (ele) {
+                        ele.attr('aria-describedby', _this.titleId);
+                    }
                     _this.configureDnD();
                 }
+                if (!_this.enablereorder) {
+                    if (ele) {
+                        ele.removeAttr('aria-describedby');
+                    }
+                }
                 if (_this.groupby && _this.collapsible) {
                     _this.handleHeaderClick = base.handleHeaderClick;
                     _this.toggleAllHeaders = base.toggleAllHeaders.bind(undefined, _this);
@@ -1827,6 +1826,16 @@
             this.setupHandlers();
             var $ul = this.nativeElement.querySelector('ul.app-livelist-container');
             base.styler($ul, this, base.APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);
+            if (this.enablereorder) {
+                if ($ul) {
+                    $ul.setAttribute('aria-describedby', this.titleId);
+                }
+            }
+            if (!this.enablereorder) {
+                if ($ul) {
+                    $ul.removeAttribute('aria-describedby');
+                }
+            }
             if (core.isMobileApp() && $ul.querySelector('.app-list-item-action-panel')) {
                 this._listAnimator = new ListAnimator(this);
             }
@@ -1848,7 +1857,7 @@
     ListComponent.decorators = [
         { type: core$1.Component, args: [{
                     selector: 'div[wmList]',
-                    template: "<div class=\"panel-heading\" *ngIf=\"title || subheading || iconclass\">\n    <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n            <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n        </div>\n        <div class=\"pull-left\">\n            <div class=\"heading\" [innerHTML]=\"title\"></div>\n            <div class=\"description\" [innerHTML]=\"subheading\"></div>\n        </div>\n    </h3>\n</div>\n\n<nav class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\">\n                <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Previous</span>\n            </a>\n        </li>\n    </ul>\n</nav>\n<div *ngIf=\"navigation === 'Inline' && !noDataFound\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Item ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n\n<div>\n    <div id={{titleId}} class=\"sr-only\" >\n        Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n    </div>\n    \n    <div aria-live=\"assertive\" *ngIf=\"listItems\" class=\"sr-only\" >\n        {{ariaText + currentIndex + ' of ' +  listItems.length}}\n    </div>    \n</div>\n\n<ul [attr.tabindex]=\"tabindex\" [attr.aria-describedby] = \"titleId\"  class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n    (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n    (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n    (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n    (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n    (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n    (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n    [hidden]=\"noDataFound && !variableInflight\"\n>\n    <ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n        <li *ngFor=\"let item of fieldDefs; index as $index; first as $first; last as $last;\" class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n            [wmListItem]=\"item\"\n            #listItemRef=\"listItemRef\"\n            [attr.tabindex]=\"tabindex\"\n            role=\"listitem\">\n            <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n        </li>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n<div class=\"no-data-msg\" *ngIf=\"noDataFound && !variableInflight\" [textContent]=\"nodatamessage\"></div>\n\n<div class=\"loading-data-msg\" *ngIf=\"variableInflight && !pulltorefresh\">\n    <span>\n        <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n        <span class=\"sr-only\">Loading</span>\n        <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n    </span>\n</div>\n\n<nav class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext  : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\">\n                <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Next</span>\n            </a>\n        </li>\n    </ul>\n</nav>\n\n<div class=\"panel-footer\" *ngIf=\"navigation !== 'None'\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator.dataSize <= pagesize) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)\">\n    <nav wmPagination\n         navigationalign.bind=\"navigationalign\"\n         navigation.bind=\"navControls\"\n         showrecordcount.bind=\"showrecordcount\"\n         maxsize.bind=\"maxsize\"\n         boundarylinks.bind=\"boundarylinks\"\n         forceellipses.bind=\"forceellipses\"\n         directionlinks.bind=\"directionlinks\"\n         show.bind=\"!onDemandLoad\"\n         paginationchange.event=\"beforePaginationChange($event, $index)\"\n    ></nav>\n    <a *ngIf=\"onDemandLoad\" href=\"javascript:void(0);\"\n       (click)=\"dataNavigator.navigatePage('next', $event)\"\n       class=\"app-button btn btn-block\"\n       [ngClass]=\"paginationclass\"\n       [textContent]=\"ondemandmessage\"\n    ></a>\n</div>\n\n<!--This template will be displayed when groupby is specified-->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group clearfix\">\n        <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n            <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n            <h4>{{groupObj.key}}\n                <div class=\"header-action\">\n                    <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\"></i>\n                    <span *ngIf=\"showcount\" class=\"label label-default\">{{groupObj.data.length}}</span>\n                    </div>\n                </h4>\n            </li>\n            <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n                <li *ngFor=\"let item of groupObj.data; index as $index; first as $first; last as $last;\" [attr.tabindex]=\"tabindex\"\n                    class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n                    [ngClass]=\"listItemRef.itemClass\"\n                    [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n                    <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n                </li>\n            </ul>\n        </ul>\n    </li>\n</ng-template>\n",
+                    template: "<div class=\"panel-heading\" *ngIf=\"title || subheading || iconclass\">\n    <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n            <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n        </div>\n        <div class=\"pull-left\">\n            <div class=\"heading\" [innerHTML]=\"title\"></div>\n            <div class=\"description\" [innerHTML]=\"subheading\"></div>\n        </div>\n    </h3>\n</div>\n\n<div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\"\n               [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\">\n                <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Go to Previous page {{dataNavigator.isDisablePrevious ? ', Disabled' : ''}}</span>\n            </a>\n        </li>\n    </ul>\n</div>\n<div *ngIf=\"navigation === 'Inline' && !noDataFound\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Page ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n\n<div>\n    <div id={{titleId}} class=\"sr-only\" *ngIf=\"enablereorder\">\n        Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n    </div>\n\n    <div aria-live=\"assertive\" *ngIf=\"listItems && enablereorder && currentIndex\" class=\"sr-only\" >\n        {{ariaText + currentIndex + ' of ' +  listItems.length}}\n    </div>\n</div>\n\n<ul [attr.tabindex]=\"tabindex\"  class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n    (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n    (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n    (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n    (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n    (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n    (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n    [hidden]=\"noDataFound && !variableInflight\"\n>\n    <ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n        <li *ngFor=\"let item of fieldDefs; index as $index; first as $first; last as $last;\" class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n            [wmListItem]=\"item\"\n            #listItemRef=\"listItemRef\"\n            [attr.tabindex]=\"tabindex\"\n            role=\"listitem\">\n            <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n        </li>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n<div class=\"no-data-msg\" *ngIf=\"noDataFound && !variableInflight\" [textContent]=\"nodatamessage\"></div>\n\n<div class=\"loading-data-msg\" *ngIf=\"variableInflight && !pulltorefresh\">\n    <span>\n        <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n        <span class=\"sr-only\">Loading</span>\n        <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n    </span>\n</div>\n\n<div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext  : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\"\n               [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n                <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Go to Next page {{dataNavigator.isDisableNext ? ', Disabled' : ''}}</span>\n            </a>\n        </li>\n    </ul>\n</div>\n\n<div class=\"panel-footer\" *ngIf=\"navigation !== 'None'\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator.dataSize <= pagesize) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)\">\n    <nav wmPagination\n         navigationalign.bind=\"navigationalign\"\n         navigation.bind=\"navControls\"\n         showrecordcount.bind=\"showrecordcount\"\n         maxsize.bind=\"maxsize\"\n         boundarylinks.bind=\"boundarylinks\"\n         forceellipses.bind=\"forceellipses\"\n         directionlinks.bind=\"directionlinks\"\n         show.bind=\"!onDemandLoad\"\n         paginationchange.event=\"beforePaginationChange($event, $index)\"\n    ></nav>\n    <a *ngIf=\"onDemandLoad\" href=\"javascript:void(0);\"\n       (click)=\"dataNavigator.navigatePage('next', $event)\"\n       class=\"app-button btn btn-block\"\n       [ngClass]=\"paginationclass\"\n       [textContent]=\"ondemandmessage\"\n    ></a>\n</div>\n\n<!--This template will be displayed when groupby is specified-->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group clearfix\">\n        <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n            <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n            <h4>{{groupObj.key}}\n                <div class=\"header-action\">\n                    <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\"></i>\n                    <span *ngIf=\"showcount\" class=\"label label-default\">{{groupObj.data.length}}</span>\n                    </div>\n                </h4>\n            </li>\n            <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n                <li *ngFor=\"let item of groupObj.data; index as $index; first as $first; last as $last;\" [attr.tabindex]=\"tabindex\"\n                    class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n                    [ngClass]=\"listItemRef.itemClass\"\n                    [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n                    <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n                </li>\n            </ul>\n        </ul>\n    </li>\n</ng-template>\n",
                     providers: [
                         base.provideAsWidgetRef(ListComponent)
                     ]