npm - @wavemaker/app-ng-runtime - Versions diffs - 11.5.0-next.40002 → 11.5.0-next.40301 - Mend

@wavemaker/app-ng-runtime 11.5.0-next.40002 → 11.5.0-next.40301

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

app-ng-runtime/components/input/default/index.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":44,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":47,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":48,"character":8},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":49,"character":8}],"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonGroupDirective"},{"__symbolic":"reference","name":"CaptionPositionDirective"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","name":"CompositeDirective"},{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","name":"TextareaComponent"}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonGroupDirective"},{"__symbolic":"reference","name":"CaptionPositionDirective"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","name":"CompositeDirective"},{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","name":"TextareaComponent"}],"entryComponents":[]}]}],"members":{}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":21,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"button[wmButton]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"ButtonComponent"}]}],"exportAs":"wmButton","template":"<img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl \| image\" ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n<i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\" ngIf=\"iconclass\"></i>\n<span class=\"sr-only\" ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n<span ngIf=\"badgevalue\" class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["type"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":5},"arguments":["tabIndex"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["disabled"]}]}],"shortcutkey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":5},"arguments":["attr.accesskey"]}]}],"iconposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["attr.icon-position"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"NumberLocale":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":36,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":37,"character":16},{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":38,"character":29},{"__symbolic":"reference","module":"@wm/components/base","name":"TrailingZeroDecimalPipe","line":39,"character":41}]}],"resetValidations":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"getValueInRange":[{"__symbolic":"method"}],"transformNumber":[{"__symbolic":"method"}],"resetCursorPosition":[{"__symbolic":"method"}],"parseNumber":[{"__symbolic":"method"}],"updateDisplayText":[{"__symbolic":"method"}],"stepLength":[{"__symbolic":"method"}],"isNaturalCurrency":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}],"checkForTrailingZeros":[{"__symbolic":"method"}],"countDecimals":[{"__symbolic":"method"}],"onArrowPress":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"validateInputEntry":[{"__symbolic":"method"}],"onBackspace":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]}},"BaseFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":9,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":23},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":18,"character":16},{"__symbolic":"error","message":"Could not resolve type","line":19,"character":22,"context":{"typeName":"Promise"},"module":"./base-form.component"}]}],"updateBoundVariable":[{"__symbolic":"method"}],"invokeOnChange":[{"__symbolic":"method"}],"updatePrevDatavalue":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"BaseFormCustomComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1}}],"members":{"ngOnInit":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"invokeOnChange":[{"__symbolic":"method"}],"invokeOnTouched":[{"__symbolic":"method"}],"invokeOnFocus":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"DatasetAwareFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":92,"character":57},"arguments":["groupby"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":92,"character":31},null,{"__symbolic":"reference","name":"string"}]}],"selectByKey":[{"__symbolic":"method"}],"selectByValue":[{"__symbolic":"method"}],"initDisplayValues":[{"__symbolic":"method"}],"initDatasetItems":[{"__symbolic":"method"}],"postDatasetItemsInit":[{"__symbolic":"method"}],"resetDatasetItems":[{"__symbolic":"method"}],"setTemplate":[{"__symbolic":"method"}],"getGroupedData":[{"__symbolic":"method"}],"datasetSubscription":[{"__symbolic":"method"}],"setGroupData":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ButtonGroupDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":17,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmButtonGroup]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"ButtonGroupDirective"}]}]}]}],"members":{"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":5},"arguments":["class.btn-group-vertical"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":20,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"CaptionPositionDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[captionPosition]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"App","line":21,"character":36}]}],"onBlurCb":[{"__symbolic":"method"}],"onFocusCb":[{"__symbolic":"method"}],"checkForSelectPlaceholder":[{"__symbolic":"method"}],"setDefaultValueAnimation":[{"__symbolic":"method"}],"observeForPlaceholderAttrChange":[{"__symbolic":"method"}],"checkForRightAlignedForm":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"[wmCheckbox]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":42,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":42,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":43,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":43,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":44,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"}]}],"template":"<label [ngClass]=\"{'unchecked': !proxyModel, 'disabled': (disabled \|\| readonly), 'required': (required && _caption)}\">\n <input type=\"checkbox\"\n role=\"checkbox\"\n #checkbox\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [attr.aria-checked]=\"!!proxyModel\"\n focus-target\n [(ngModel)]=\"proxyModel\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled \|\| readonly\"\n [attr.accesskey]=\"shortcutkey\"\n [tabindex]=\"tabindex\"\n (blur)=\"invokeOnTouched($event)\"\n (ngModelChange)=\"handleChange($event)\">\n <span class=\"caption\" [innerHtml]=\"_caption\"></span>\n <img alt=\"Checkbox Image\" aria-hidden=\"true\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"switch\"/>\n</label>\n<input type=\"hidden\" class=\"ng-hide model-holder\" aria-hidden=\"true\" tabindex=\"-1\" [disabled]=\"disabled\" [value]=\"proxyModel\">\n"}]}],"members":{"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":62,"character":15}]}]}],"checkboxEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":["checkbox",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":49}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":79,"character":9},"arguments":["checkedvalue"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":80,"character":9},"arguments":["uncheckedvalue"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":81,"character":9},"arguments":["type"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":13},null,null,null]}],"onPropertyChange":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":132,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"CheckboxsetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmCheckboxset]","exportAs":"wmCheckboxset","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"}]}],"template":"<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n <li [ngClass]=\"['checkbox', 'app-checkbox', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n ngFor=\"let item of datasetItems; let i = index\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onCheckboxLabelClick($event, item.key)\" role=\"presentation\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" [title]=\"item.label\">\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" >\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n</ng-template>\n<input [disabled]=\"disabled \|\| readonly\" hidden class=\"model-holder\">\n<div ngIf=\"readonly \|\| disabled\" class=\"readonly-wrapper\"></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\" role=\"presentation\">\n <ul class=\"item-group\">\n <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4 class=\"group-title\">{{groupObj.key}}\n <div class=\"header-action\">\n <i class=\"app-icon wi action wi-chevron-up\" ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n <span ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n </div>\n </h4>\n </li>\n <li ngFor=\"let item of groupObj.data; let i = index;\"\n [ngClass]=\"['checkbox', 'app-checkbox', 'group-list-item', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onCheckboxLabelClick($event, item)\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" [title]=\"item.label\">\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" >\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" partial-container-target></span>\n </label>\n </li>\n </ul>\n </li>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":21}]}],"onCheckboxLabelClick":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":82,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"CompositeDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":29,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"div[wmComposite]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"CompositeDirective"}]}]}]}],"members":{"componentRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":33,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":33,"character":21},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":21}]}],"onPropertyChange":[{"__symbolic":"method"}],"assignRequiredToSubComponents":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"NumberComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NumberLocale"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmNumber]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"}]}],"template":"<input class=\"form-control app-textbox app-number-input\"\n inputmode=\"decimal\"\n focus-target\n [attr.name]=\"name\"\n role=\"textbox\"\n type=\"text\"\n [ngModel]=\"displayValue\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (ngModelChange)=\"onModelChange($event)\"\n (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n (focus)=\"checkForTrailingZeros($event)\"\n (input)=\"onInputChange($event.target.value)\"\n [ngModelOptions]=\"ngModelOptions\"\n [required]=\"required\"\n (keypress)=\"validateInputEntry($event)\"\n (keydown.backspace)=\"onBackspace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":35,"character":15},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":37,"character":44},{"__symbolic":"reference","module":"@wm/components/base","name":"TrailingZeroDecimalPipe","line":37,"character":90}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵg"}}}},"RadiosetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmRadioset]","exportAs":"wmRadioset","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"}]}],"template":"<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n <li [ngClass]=\"['radio', 'app-radio', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n ngFor=\"let item of datasetItems;let i = index\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onRadioLabelClick($event, item.key)\" role=\"presentation\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n [attr.aria-label]=\"item.key\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n [attr.aria-label]=\"item.key\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n</ng-template>\n\n<input [disabled]=\"disabled \|\| readonly\" hidden class=\"model-holder\">\n<div ngIf=\"readonly \|\| disabled\" aria-readonly=\"true\" class=\"readonly-wrapper\"></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\">\n <ul class=\"item-group\">\n <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4 class=\"group-title\">{{groupObj.key}}\n <div class=\"header-action\">\n <i class=\"app-icon wi action wi-chevron-up\" ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n <span ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n </div>\n </h4>\n </li>\n <li ngFor=\"let item of groupObj.data; let i = index;\"\n [ngClass]=\"['radio', 'app-radio', 'group-list-item', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onRadioLabelClick($event, item)\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n </ul>\n </li>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":21}]}],"onRadioLabelClick":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵh"}}}},"SelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-select","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"}]}],"template":"<select role=\"listbox\" aria-haspopup=\"true\" aria-expanded=\"false\" #select\n focus-target\n [ngClass]=\"['app-select form-control', class]\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [tabindex]=\"tabindex\"\n [(ngModel)]=\"modelByKey\"\n [multiple]=\"multiple\"\n (change)=\"onSelectValueChange($event)\"\n (focus)=\"checkForFloatingLabel($event)\"\n (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [attr.aria-multiselectable]=\"multiple\"\n [autofocus]=\"autofocus\"\n>\n <option selected\n value=\"undefined\"\n [textContent]=\"placeholder\"\n [hidden]=\"!placeholder\"></option>\n\n <ng-container ngIf=\"groupby\">\n <optgroup ngFor=\"let groupObj of groupedData\"\n [label]=\"groupObj.key\">\n <option ngFor=\"let item of groupObj.data;\"\n [value]=\"item.key\"\n [selected]=\"item.selected\"\n [textContent]=\"item.label\"\n role=\"option\"></option>\n </optgroup>\n </ng-container>\n\n <ng-container ngIf=\"!groupby\">\n <option ngFor=\"let item of datasetItems\"\n [value]=\"item.key\"\n [selected]=\"item.selected\"\n [textContent]=\"item.label\"\n role=\"option\"></option>\n </ng-container>\n</select>\n"}]}],"members":{"selectEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["select",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onSelectValueChange":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"checkForFloatingLabel":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵi"}}}},"InputCalendarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-input[type=\"date\"], wm-input[type=\"datetime-local\"], wm-input[type=\"month\"], wm-input[type=\"time\"], wm-input[type=\"week\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":42},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":42},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [min]=\"minvalue\"\n [max]=\"maxvalue\"\n [step]=\"step\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint \|\| type + ' field'\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵk"}}}},"InputColorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-input[type=\"color\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n [type]=\"type\"\n role=\"textbox\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":38,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵl"}}}},"InputEmailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-input[type=\"email\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n email\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵm"}}}},"TextareaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-textarea","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"}]}],"template":"<textarea class=\"form-control app-textarea\"\n focus-target\n role=\"textbox\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n aria-multiline=\"true\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (input)=\"onInputChange()\"\n (ngModelChange)=\"handleChange($event); onInputChange();\"\n #textarea\n></textarea>\n\n<div ngIf=\"maxchars\" class=\"textarea-count\" >{{limitdisplaytext}}</div>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["textarea",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":37,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":21}]}],"onInputChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵp"}}}},"InputTextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"wm-input[type=\"text\"], wm-input:not([type]), wm-input[type=\"password\"], wm-input[type=\"search\"], wm-input[type=\"tel\"], wm-input[type=\"url\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":38},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":38},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [(ngModel)]=\"datavalue\"\n [imask]=\"mask\"\n [unmask]=\"true\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [autofocus]=\"autofocus\"\n (ngModelChange)=\"handleChange($event)\"\n (blur)=\"handleBlur($event); checkForDisplayFormat($event)\"\n (focus)=\"checkForDisplayFormat($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":46,"character":15}]}]}],"imask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":["input",{"read":{"__symbolic":"reference","module":"angular-imask","name":"IMaskDirective","line":47,"character":31}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":21}]}],"onPropertyChange":[{"__symbolic":"method"}],"checkForDisplayFormat":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵo"}}}},"InputNumberComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-input[type=\"number\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n [ngClass]=\"{'step-hidden': step === 0}\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [min]=\"minvalue\"\n [max]=\"maxvalue\"\n [step]=\"step\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n (keydown.ArrowUp)=\"onArrowPress($event)\"\n (keydown.ArrowDown)=\"onArrowPress($event)\"\n (keypress)=\"validateInputEntry($event)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":21}]}],"onArrowPress":[{"__symbolic":"method"}],"validateInputEntry":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵn"}}}},"SwitchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmSwitch]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"SwitchComponent"}]}],"exportAs":"wmSwitch","template":"<div role=\"group\" class=\"btn-group btn-group-justified\">\n <a ngFor=\"let opt of datasetItems; let $index = index;\"\n focus-target\n href=\"javascript:void(0);\"\n class=\"btn btn-default\"\n [name]=\"'wm-switch-' + opt.key\"\n [ngClass]=\"{'selected': opt.selected, 'disabled': disabled}\"\n (click)=\"selectOpt($event, $index, opt)\"\n >\n <i ngIf=\"opt.dataObject && opt.dataObject[iconclass]\" aria-hidden=\"true\" [ngClass]=\"['app-icon', opt.dataObject[iconclass] \|\| opt['icon']]\"></i>\n <span class=\"caption\" [textContent]=\"opt[displayfield] \|\| opt.label\"></span>\n </a>\n</div>\n<span [title]=\"selectedItem ? selectedItem.label : modelByKey\"\n class=\"btn btn-primary app-switch-overlay switch-handle\">\n <i *ngIf=\"iconclass\"\n class=\"app-icon {{(selectedItem && selectedItem.dataObject) && selectedItem.dataObject[iconclass]}}\"></i>\n {{selectedItem ? selectedItem.label : modelByKey}}\n</span>\n<input [name]=\"name\" class=\"model-holder ng-hide\" [disabled]=\"disabled\" [value]=\"modelByKey\" [required]=\"required\" aria-hidden=\"true\">\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"setSelectedValue":[{"__symbolic":"method"}],"updateSwitchOptions":[{"__symbolic":"method"}],"updateHighlighter":[{"__symbolic":"method"}],"selectOptAtIndex":[{"__symbolic":"method"}],"selectOpt":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵj"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./button/button.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./button-group/button-group.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":24,"character":29,"module":"./checkbox/checkbox.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":34,"character":29,"module":"./checkboxset/checkboxset.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./composite/composite.props"},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"onPropertyChange":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"flushViewChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":96,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":97,"character":16}]}]}},"ɵg":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":29,"module":"./number/number.props"},"ɵh":{"__symbolic":"error","message":"Lambda not supported","line":34,"character":29,"module":"./radioset/radioset.props"},"ɵi":{"__symbolic":"error","message":"Lambda not supported","line":33,"character":29,"module":"./select/select.props"},"ɵj":{"__symbolic":"error","message":"Lambda not supported","line":25,"character":29,"module":"./switch/switch.props"},"ɵk":{"__symbolic":"error","message":"Lambda not supported","line":27,"character":29,"module":"./text/calendar/input-calendar.props"},"ɵl":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":29,"module":"./text/color/input-color.props"},"ɵm":{"__symbolic":"error","message":"Lambda not supported","line":26,"character":29,"module":"./text/email/input-email.props"},"ɵn":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":29,"module":"./text/number/input-number.props"},"ɵo":{"__symbolic":"error","message":"Lambda not supported","line":35,"character":29,"module":"./text/text/input-text.props"},"ɵp":{"__symbolic":"error","message":"Lambda not supported","line":26,"character":29,"module":"./textarea/textarea.props"}},"origins":{"InputModule":"./input.module","ButtonComponent":"./button/button.component","NumberLocale":"./text/locale/number-locale","BaseFormComponent":"./base-form.component","BaseFormCustomComponent":"./base-form-custom.component","DatasetAwareFormComponent":"./dataset-aware-form.component","ButtonGroupDirective":"./button-group/button-group.directive","CaptionPositionDirective":"./caption-position.directive","CheckboxComponent":"./checkbox/checkbox.component","CheckboxsetComponent":"./checkboxset/checkboxset.component","CompositeDirective":"./composite/composite.directive","NumberComponent":"./number/number.component","RadiosetComponent":"./radioset/radioset.component","SelectComponent":"./select/select.component","InputCalendarComponent":"./text/calendar/input-calendar.component","InputColorComponent":"./text/color/input-color.component","InputEmailComponent":"./text/email/input-email.component","TextareaComponent":"./textarea/textarea.component","InputTextComponent":"./text/text/input-text.component","InputNumberComponent":"./text/number/input-number.component","SwitchComponent":"./switch/switch.component","ɵa":"./button/button.props","ɵb":"./button-group/button-group.props","ɵc":"./checkbox/checkbox.props","ɵd":"./checkboxset/checkboxset.props","ɵe":"./composite/composite.props","ɵf":"./text/base/base-input","ɵg":"./number/number.props","ɵh":"./radioset/radioset.props","ɵi":"./select/select.props","ɵj":"./switch/switch.props","ɵk":"./text/calendar/input-calendar.props","ɵl":"./text/color/input-color.props","ɵm":"./text/email/input-email.props","ɵn":"./text/number/input-number.props","ɵo":"./text/text/input-text.props","ɵp":"./textarea/textarea.props"},"importAs":"@wm/components/input"}
1	+ {"__symbolic":"module","version":4,"metadata":{"InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":44,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":47,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":48,"character":8},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":49,"character":8}],"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonGroupDirective"},{"__symbolic":"reference","name":"CaptionPositionDirective"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","name":"CompositeDirective"},{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","name":"TextareaComponent"}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonGroupDirective"},{"__symbolic":"reference","name":"CaptionPositionDirective"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","name":"CompositeDirective"},{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","name":"TextareaComponent"}],"entryComponents":[]}]}],"members":{}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":21,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"button[wmButton]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"ButtonComponent"}]}],"exportAs":"wmButton","template":"<img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl \| image\" ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n<i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\" ngIf=\"iconclass\"></i>\n<span class=\"sr-only\" ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n<span ngIf=\"badgevalue\" class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["type"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":5},"arguments":["tabIndex"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["disabled"]}]}],"shortcutkey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":5},"arguments":["attr.accesskey"]}]}],"iconposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["attr.icon-position"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"NumberLocale":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":36,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":37,"character":16},{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":38,"character":29},{"__symbolic":"reference","module":"@wm/components/base","name":"TrailingZeroDecimalPipe","line":39,"character":41}]}],"resetValidations":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"getValueInRange":[{"__symbolic":"method"}],"transformNumber":[{"__symbolic":"method"}],"resetCursorPosition":[{"__symbolic":"method"}],"parseNumber":[{"__symbolic":"method"}],"updateDisplayText":[{"__symbolic":"method"}],"stepLength":[{"__symbolic":"method"}],"isNaturalCurrency":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}],"checkForTrailingZeros":[{"__symbolic":"method"}],"countDecimals":[{"__symbolic":"method"}],"onArrowPress":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"validateInputEntry":[{"__symbolic":"method"}],"onBackspace":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]}},"BaseFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":9,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":23},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":18,"character":16},{"__symbolic":"error","message":"Could not resolve type","line":19,"character":22,"context":{"typeName":"Promise"},"module":"./base-form.component"}]}],"updateBoundVariable":[{"__symbolic":"method"}],"invokeOnChange":[{"__symbolic":"method"}],"updatePrevDatavalue":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"BaseFormCustomComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1}}],"members":{"ngOnInit":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"invokeOnChange":[{"__symbolic":"method"}],"invokeOnTouched":[{"__symbolic":"method"}],"invokeOnFocus":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"DatasetAwareFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":90,"character":57},"arguments":["groupby"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":90,"character":31},null,{"__symbolic":"reference","name":"string"}]}],"selectByKey":[{"__symbolic":"method"}],"selectByValue":[{"__symbolic":"method"}],"initDisplayValues":[{"__symbolic":"method"}],"initDatasetItems":[{"__symbolic":"method"}],"postDatasetItemsInit":[{"__symbolic":"method"}],"resetDatasetItems":[{"__symbolic":"method"}],"setTemplate":[{"__symbolic":"method"}],"getGroupedData":[{"__symbolic":"method"}],"datasetSubscription":[{"__symbolic":"method"}],"setGroupData":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ButtonGroupDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":17,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmButtonGroup]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"ButtonGroupDirective"}]}]}]}],"members":{"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":5},"arguments":["class.btn-group-vertical"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":20,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"CaptionPositionDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[captionPosition]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"App","line":21,"character":36}]}],"onBlurCb":[{"__symbolic":"method"}],"onFocusCb":[{"__symbolic":"method"}],"checkForSelectPlaceholder":[{"__symbolic":"method"}],"setDefaultValueAnimation":[{"__symbolic":"method"}],"observeForPlaceholderAttrChange":[{"__symbolic":"method"}],"checkForRightAlignedForm":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"[wmCheckbox]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":42,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":42,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":43,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":43,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":44,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxComponent"}]}],"template":"<label [ngClass]=\"{'unchecked': !proxyModel, 'disabled': (disabled \|\| readonly), 'required': (required && _caption)}\">\n <input type=\"checkbox\"\n role=\"checkbox\"\n #checkbox\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [attr.aria-checked]=\"!!proxyModel\"\n focus-target\n [(ngModel)]=\"proxyModel\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled \|\| readonly\"\n [attr.accesskey]=\"shortcutkey\"\n [tabindex]=\"tabindex\"\n (blur)=\"invokeOnTouched($event)\"\n (ngModelChange)=\"handleChange($event)\">\n <span class=\"caption\" [innerHtml]=\"_caption\"></span>\n <img alt=\"Checkbox Image\" aria-hidden=\"true\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"switch\"/>\n</label>\n<input type=\"hidden\" class=\"ng-hide model-holder\" aria-hidden=\"true\" tabindex=\"-1\" [disabled]=\"disabled\" [value]=\"proxyModel\">\n"}]}],"members":{"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":62,"character":15}]}]}],"checkboxEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":["checkbox",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":49}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":79,"character":9},"arguments":["checkedvalue"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":80,"character":9},"arguments":["uncheckedvalue"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":81,"character":9},"arguments":["type"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":13},null,null,null]}],"onPropertyChange":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":132,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"CheckboxsetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmCheckboxset]","exportAs":"wmCheckboxset","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"CheckboxsetComponent"}]}],"template":"<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n <li [ngClass]=\"['checkbox', 'app-checkbox', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n ngFor=\"let item of datasetItems; let i = index\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onCheckboxLabelClick($event, item.key)\" role=\"presentation\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" [title]=\"item.label\">\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" >\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n</ng-template>\n<input [disabled]=\"disabled \|\| readonly\" hidden class=\"model-holder\">\n<div ngIf=\"readonly \|\| disabled\" class=\"readonly-wrapper\"></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\" role=\"presentation\">\n <ul class=\"item-group\">\n <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4 class=\"group-title\">{{groupObj.key}}\n <div class=\"header-action\">\n <i class=\"app-icon wi action wi-chevron-up\" ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n <span ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n </div>\n </h4>\n </li>\n <li ngFor=\"let item of groupObj.data; let i = index;\"\n [ngClass]=\"['checkbox', 'app-checkbox', 'group-list-item', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onCheckboxLabelClick($event, item)\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" [title]=\"item.label\">\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled \|\| readonly}\" >\n <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" partial-container-target></span>\n </label>\n </li>\n </ul>\n </li>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":21}]}],"onCheckboxLabelClick":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":82,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"CompositeDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":29,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"div[wmComposite]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"CompositeDirective"}]}]}]}],"members":{"componentRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":33,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"WidgetRef","line":33,"character":21},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":21}]}],"onPropertyChange":[{"__symbolic":"method"}],"assignRequiredToSubComponents":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"NumberComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NumberLocale"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmNumber]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"NumberComponent"}]}],"template":"<input class=\"form-control app-textbox app-number-input\"\n inputmode=\"decimal\"\n focus-target\n [attr.name]=\"name\"\n role=\"textbox\"\n type=\"text\"\n [ngModel]=\"displayValue\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (ngModelChange)=\"onModelChange($event)\"\n (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n (focus)=\"checkForTrailingZeros($event)\"\n (input)=\"onInputChange($event.target.value)\"\n [ngModelOptions]=\"ngModelOptions\"\n [required]=\"required\"\n (keypress)=\"validateInputEntry($event)\"\n (keydown.backspace)=\"onBackspace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":35,"character":15},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":37,"character":44},{"__symbolic":"reference","module":"@wm/components/base","name":"TrailingZeroDecimalPipe","line":37,"character":90}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵg"}}}},"RadiosetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmRadioset]","exportAs":"wmRadioset","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"RadiosetComponent"}]}],"template":"<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n <li [ngClass]=\"['radio', 'app-radio', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n ngFor=\"let item of datasetItems;let i = index\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onRadioLabelClick($event, item.key)\" role=\"presentation\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n [attr.aria-label]=\"item.key\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n [attr.aria-label]=\"item.key\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n</ng-template>\n\n<input [disabled]=\"disabled \|\| readonly\" hidden class=\"model-holder\">\n<div ngIf=\"readonly \|\| disabled\" aria-readonly=\"true\" class=\"readonly-wrapper\"></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\">\n <ul class=\"item-group\">\n <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4 class=\"group-title\">{{groupObj.key}}\n <div class=\"header-action\">\n <i class=\"app-icon wi action wi-chevron-up\" ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n <span ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n </div>\n </h4>\n </li>\n <li ngFor=\"let item of groupObj.data; let i = index;\"\n [ngClass]=\"['radio', 'app-radio', 'group-list-item', itemclass, itemsPerRowClass]\"\n [class.active]=\"item.selected\"\n [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n (click)=\"onRadioLabelClick($event, item)\">\n <!-- Default item template -->\n <label ngIf=\"!content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption\" [textContent]=\"item.label\"></span>\n </label>\n <!-- Custom partial template -->\n <label ngIf=\"content\" class=\"app-radioset-label\"\n [ngClass]=\"{'disabled':disabled \|\| readonly}\">\n <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n [value]=\"item.key\" [disabled]=\"disabled \|\| readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n <span class=\"caption customTemplate\" partial-container-target></span>\n </label>\n </li>\n </ul>\n </li>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":21}]}],"onRadioLabelClick":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵh"}}}},"SelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-select","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"SelectComponent"}]}],"template":"<select role=\"listbox\" aria-haspopup=\"true\" aria-expanded=\"false\" #select\n focus-target\n [ngClass]=\"['app-select form-control', class]\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [tabindex]=\"tabindex\"\n [(ngModel)]=\"modelByKey\"\n [multiple]=\"multiple\"\n (change)=\"onSelectValueChange($event)\"\n (focus)=\"checkForFloatingLabel($event)\"\n (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [attr.aria-multiselectable]=\"multiple\"\n [autofocus]=\"autofocus\"\n>\n <option selected\n value=\"undefined\"\n [textContent]=\"placeholder\"\n [hidden]=\"!placeholder\"></option>\n\n <ng-container ngIf=\"groupby\">\n <optgroup ngFor=\"let groupObj of groupedData\"\n [label]=\"groupObj.key\">\n <option ngFor=\"let item of groupObj.data;\"\n [value]=\"item.key\"\n [selected]=\"item.selected\"\n [textContent]=\"item.label\"\n role=\"option\"></option>\n </optgroup>\n </ng-container>\n\n <ng-container ngIf=\"!groupby\">\n <option ngFor=\"let item of datasetItems\"\n [value]=\"item.key\"\n [selected]=\"item.selected\"\n [textContent]=\"item.label\"\n role=\"option\"></option>\n </ng-container>\n</select>\n"}]}],"members":{"selectEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["select",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onSelectValueChange":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"checkForFloatingLabel":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵi"}}}},"InputCalendarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-input[type=\"date\"], wm-input[type=\"datetime-local\"], wm-input[type=\"month\"], wm-input[type=\"time\"], wm-input[type=\"week\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":42},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":42},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputCalendarComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [min]=\"minvalue\"\n [max]=\"maxvalue\"\n [step]=\"step\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint \|\| type + ' field'\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵk"}}}},"InputColorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-input[type=\"color\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputColorComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n [type]=\"type\"\n role=\"textbox\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":38,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵl"}}}},"InputEmailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"wm-input[type=\"email\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":39},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputEmailComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n email\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵm"}}}},"TextareaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-textarea","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"TextareaComponent"}]}],"template":"<textarea class=\"form-control app-textarea\"\n focus-target\n role=\"textbox\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n aria-multiline=\"true\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (input)=\"onInputChange()\"\n (ngModelChange)=\"handleChange($event); onInputChange();\"\n #textarea\n></textarea>\n\n<div ngIf=\"maxchars\" class=\"textarea-count\" >{{limitdisplaytext}}</div>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["textarea",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":37,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":21}]}],"onInputChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵp"}}}},"InputTextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"wm-input[type=\"text\"], wm-input:not([type]), wm-input[type=\"password\"], wm-input[type=\"search\"], wm-input[type=\"tel\"], wm-input[type=\"url\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":38},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":20,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":38},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"InputTextComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint\"\n [(ngModel)]=\"datavalue\"\n [imask]=\"mask\"\n [unmask]=\"true\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [pattern]=\"regexp\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [autofocus]=\"autofocus\"\n (ngModelChange)=\"handleChange($event)\"\n (blur)=\"handleBlur($event); checkForDisplayFormat($event)\"\n (focus)=\"checkForDisplayFormat($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":46,"character":15}]}]}],"imask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":["input",{"read":{"__symbolic":"reference","module":"angular-imask","name":"IMaskDirective","line":47,"character":31}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":21}]}],"onPropertyChange":[{"__symbolic":"method"}],"checkForDisplayFormat":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵo"}}}},"InputNumberComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wm-input[type=\"number\"]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":17,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"InputNumberComponent"}]}],"template":"<input class=\"form-control app-textbox\"\n [ngClass]=\"{'step-hidden': step === 0}\"\n focus-target\n role=\"textbox\"\n [type]=\"type\"\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [min]=\"minvalue\"\n [max]=\"maxvalue\"\n [step]=\"step\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n [autofocus]=\"autofocus\"\n (blur)=\"handleBlur($event)\"\n (ngModelChange)=\"handleChange($event)\"\n [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n (keyup.enter)=\"flushViewChanges(input.value)\"\n (keydown.ArrowUp)=\"onArrowPress($event)\"\n (keydown.ArrowDown)=\"onArrowPress($event)\"\n (keypress)=\"validateInputEntry($event)\"\n #input>\n"}]}],"members":{"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":5},"arguments":["input",{"static":true}]}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":40,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":21}]}],"onArrowPress":[{"__symbolic":"method"}],"validateInputEntry":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵn"}}}},"SwitchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatasetAwareFormComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[wmSwitch]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"SwitchComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":35},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"SwitchComponent"}]}],"exportAs":"wmSwitch","template":"<div role=\"group\" class=\"btn-group btn-group-justified\">\n <a ngFor=\"let opt of datasetItems; let $index = index;\"\n focus-target\n href=\"javascript:void(0);\"\n class=\"btn btn-default\"\n [name]=\"'wm-switch-' + opt.key\"\n [ngClass]=\"{'selected': opt.selected, 'disabled': disabled}\"\n (click)=\"selectOpt($event, $index, opt)\"\n >\n <i ngIf=\"opt.dataObject && opt.dataObject[iconclass]\" aria-hidden=\"true\" [ngClass]=\"['app-icon', opt.dataObject[iconclass] \|\| opt['icon']]\"></i>\n <span class=\"caption\" [textContent]=\"opt[displayfield] \|\| opt.label\"></span>\n </a>\n</div>\n<span [title]=\"selectedItem ? selectedItem.label : modelByKey\"\n class=\"btn btn-primary app-switch-overlay switch-handle\">\n <i *ngIf=\"iconclass\"\n class=\"app-icon {{(selectedItem && selectedItem.dataObject) && selectedItem.dataObject[iconclass]}}\"></i>\n {{selectedItem ? selectedItem.label : modelByKey}}\n</span>\n<input [name]=\"name\" class=\"model-holder ng-hide\" [disabled]=\"disabled\" [value]=\"modelByKey\" [required]=\"required\" aria-hidden=\"true\">\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"setSelectedValue":[{"__symbolic":"method"}],"updateSwitchOptions":[{"__symbolic":"method"}],"updateHighlighter":[{"__symbolic":"method"}],"selectOptAtIndex":[{"__symbolic":"method"}],"selectOpt":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵj"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./button/button.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./button-group/button-group.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":24,"character":29,"module":"./checkbox/checkbox.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":34,"character":29,"module":"./checkboxset/checkboxset.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./composite/composite.props"},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFormCustomComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"onPropertyChange":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"flushViewChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":96,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":97,"character":16}]}]}},"ɵg":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":29,"module":"./number/number.props"},"ɵh":{"__symbolic":"error","message":"Lambda not supported","line":34,"character":29,"module":"./radioset/radioset.props"},"ɵi":{"__symbolic":"error","message":"Lambda not supported","line":33,"character":29,"module":"./select/select.props"},"ɵj":{"__symbolic":"error","message":"Lambda not supported","line":25,"character":29,"module":"./switch/switch.props"},"ɵk":{"__symbolic":"error","message":"Lambda not supported","line":27,"character":29,"module":"./text/calendar/input-calendar.props"},"ɵl":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":29,"module":"./text/color/input-color.props"},"ɵm":{"__symbolic":"error","message":"Lambda not supported","line":26,"character":29,"module":"./text/email/input-email.props"},"ɵn":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":29,"module":"./text/number/input-number.props"},"ɵo":{"__symbolic":"error","message":"Lambda not supported","line":35,"character":29,"module":"./text/text/input-text.props"},"ɵp":{"__symbolic":"error","message":"Lambda not supported","line":26,"character":29,"module":"./textarea/textarea.props"}},"origins":{"InputModule":"./input.module","ButtonComponent":"./button/button.component","NumberLocale":"./text/locale/number-locale","BaseFormComponent":"./base-form.component","BaseFormCustomComponent":"./base-form-custom.component","DatasetAwareFormComponent":"./dataset-aware-form.component","ButtonGroupDirective":"./button-group/button-group.directive","CaptionPositionDirective":"./caption-position.directive","CheckboxComponent":"./checkbox/checkbox.component","CheckboxsetComponent":"./checkboxset/checkboxset.component","CompositeDirective":"./composite/composite.directive","NumberComponent":"./number/number.component","RadiosetComponent":"./radioset/radioset.component","SelectComponent":"./select/select.component","InputCalendarComponent":"./text/calendar/input-calendar.component","InputColorComponent":"./text/color/input-color.component","InputEmailComponent":"./text/email/input-email.component","TextareaComponent":"./textarea/textarea.component","InputTextComponent":"./text/text/input-text.component","InputNumberComponent":"./text/number/input-number.component","SwitchComponent":"./switch/switch.component","ɵa":"./button/button.props","ɵb":"./button-group/button-group.props","ɵc":"./checkbox/checkbox.props","ɵd":"./checkboxset/checkboxset.props","ɵe":"./composite/composite.props","ɵf":"./text/base/base-input","ɵg":"./number/number.props","ɵh":"./radioset/radioset.props","ɵi":"./select/select.props","ɵj":"./switch/switch.props","ɵk":"./text/calendar/input-calendar.props","ɵl":"./text/color/input-color.props","ɵm":"./text/email/input-email.props","ɵn":"./text/number/input-number.props","ɵo":"./text/text/input-text.props","ɵp":"./textarea/textarea.props"},"importAs":"@wm/components/input"}

app-ng-runtime/components/input/epoch/base-date-time.component.d.ts CHANGED Viewed

@@ -47,7 +47,6 @@ export declare abstract class BaseDateTimeComponent extends BaseFormCustomCompon
     protected timeNotInRange: boolean;
     protected invalidDateTimeFormat: boolean;
     private dateOnShowSubscription;
-    private cancelLocaleChangeSubscription;
     get timeZone(): any;
     formatsByLocale: {
         timezone: string;

app-ng-runtime/components/input/epoch/bundles/index.umd.js CHANGED Viewed

@@ -514,7 +514,7 @@
     DateTimePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'wm-datetimepicker',
-                    template: "\n    <ng-template #datetimepickerTemplate>\n        <div class=\"app-datetime-picker\">\n            <div class=\"modal-body\">\n                <div class=\"mobile-datetime-picker-options\">\n\n                </div>\n                <bs-datepicker-inline\n                    [bsConfig]=\"bsDatepickerConfig\"\n                    [datesDisabled]=\"excludedDatesToDisable\"\n                    bsDatepicker\n                    [bsValue]=\"changedValue\"\n                    (bsValueChange)=\"onDateUpdate($event)\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'DATE'\">\n                </bs-datepicker-inline>\n                <wm-timepicker\n                    [value]=\"changedValue\"\n                    [min]=\"minTime\"\n                    [max]=\"maxTime\"\n                    (change)=\"onTimeUpdate($event)\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'TIME'\"></wm-timepicker>\n                <span class=\"text-primary date-picker-value\">\n                    {{getDateLabel()}}\n                </span>\n            </div>\n            <div class=\"modal-footer\">\n                <button\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'DATE'\"\n                    class=\"btn btn-secondary today-btn\"\n                    (click)=\"setToday()\">{{appLocale.LABEL_TODAY_DATE || \"Today\" }}</button>\n                <button\n                    class=\"btn btn-primary pull-right ok-btn\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'TIME'\"\n                    (click)=\"onOkClick()\">{{appLocale.LABEL_OK || \"Ok\" }}</button>\n                <button\n                    class=\"btn btn-secondary pull-right clear-btn\"\n                    (click)=\"clear()\">{{appLocale.LABEL_CLEAR_DATE || \"Clear\" }}</button>\n            </div>\n        </div>\n    </ng-template>\n    "
+                    template: " \n    <ng-template #datetimepickerTemplate>\n        <div class=\"app-datetime-picker\">\n            <div class=\"modal-body\">\n                <div class=\"mobile-datetime-picker-options\">\n                    \n                </div>\n                <bs-datepicker-inline\n                    [bsConfig]=\"bsDatepickerConfig\"\n                    [datesDisabled]=\"excludedDatesToDisable\"\n                    bsDatepicker\n                    [bsValue]=\"changedValue\"\n                    (bsValueChange)=\"onDateUpdate($event)\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'DATE'\">\n                </bs-datepicker-inline>\n                <wm-timepicker\n                    [value]=\"changedValue\"\n                    [min]=\"minTime\"\n                    [max]=\"maxTime\"\n                    (change)=\"onTimeUpdate($event)\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'TIME'\"></wm-timepicker>\n                <span class=\"text-primary date-picker-value\">\n                    {{getDateLabel()}}\n                </span>\n            </div>\n            <div class=\"modal-footer\">\n                <button\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'DATE'\"\n                    class=\"btn btn-secondary today-btn\"\n                    (click)=\"setToday()\">{{appLocale.MESSAGE_DATE_PICKER_TODAY || \"Today\" }}</button>\n                <button\n                    class=\"btn btn-primary pull-right ok-btn\"\n                    *ngIf=\"mode === 'DATE_TIME' || mode === 'TIME'\"\n                    (click)=\"onOkClick()\">{{appLocale.MESSAGE_DATE_PICKER_OK || \"Ok\" }}</button>\n                <button\n                    class=\"btn btn-secondary pull-right clear-btn\"\n                    (click)=\"clear()\">{{appLocale.MESSAGE_DATE_PICKER_CLEAR || \"Clear\" }}</button>\n            </div>\n        </div>\n    </ng-template>\n    "
                 },] }
     ];
     DateTimePickerComponent.ctorParameters = function () { return [
@@ -623,7 +623,7 @@
     TimePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'wm-timepicker',
-                    template: "\n        <wm-pickergroup>\n            <wm-picker\n                [options]=\"options.hour\"\n                [selectedValue]=\"hour\"\n                (change)=\"set($event, 'HOUR')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker\n                [options]=\"options.minute\"\n                [selectedValue]=\"minute\"\n                (change)=\"set($event, 'MINUTE')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker\n                [options]=\"options.minute\"\n                [selectedValue]=\"second\"\n                (change)=\"set($event, 'SECOND')\"></wm-picker>\n        </wm-pickergroup>\n    "
+                    template: " \n        <wm-pickergroup>\n            <wm-picker \n                [options]=\"options.hour\"\n                [selectedValue]=\"hour\"\n                (change)=\"set($event, 'HOUR')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker \n                [options]=\"options.minute\"\n                [selectedValue]=\"minute\"\n                (change)=\"set($event, 'MINUTE')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker \n                [options]=\"options.minute\"\n                [selectedValue]=\"second\"\n                (change)=\"set($event, 'SECOND')\"></wm-picker>\n        </wm-pickergroup>\n    "
                 },] }
     ];
     TimePickerComponent.ctorParameters = function () { return [
@@ -671,11 +671,6 @@
             _this._dateOptions.clearPosition = 'right';
             _this.meridians = common.getLocaleDayPeriods(_this.selectedLocale, common.FormStyle.Format, common.TranslationWidth.Abbreviated);
             _this.loadNativeDateInput = core$1.isMobile() && !_this.showcustompicker;
-            _this.cancelLocaleChangeSubscription = _this.getAppInstance().subscribe("locale-changed", function (locale) {
-                _this.datePipe.datePipe.locale = locale.angular;
-                _this._dateOptions.todayButtonLabel = _this.i18nService.getLocalizedMessage('LABEL_TODAY_DATE');
-                _this._dateOptions.clearButtonLabel = _this.i18nService.getLocalizedMessage('LABEL_CLEAR_DATE');
-            });
             return _this;
         }
         Object.defineProperty(BaseDateTimeComponent.prototype, "timeZone", {
@@ -937,8 +932,6 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(-1);
                 }
-                var prevMon = _this.getMonth(_this.activeDate, -1);
-                $(".bs-datepicker-head .previous").prepend("<p aria-hidden=\"false\" class=\"sr-only\">Changed to Previous Month, " + prevMon.fullMonth + " and year " + prevMon.date.getFullYear() + "</p>");
                 setTimeout(function () {
                     $(".bs-datepicker-head .previous").focus();
                 });
@@ -951,8 +944,6 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(1);
                 }
-                var nextMon = _this.getMonth(_this.activeDate, 1);
-                $(".bs-datepicker-head .next").prepend("<p aria-hidden=\"false\" class=\"sr-only\">Changed to Next Month, " + nextMon.fullMonth + " and year " + nextMon.date.getFullYear() + "</p>");
                 setTimeout(function () {
                     $(".bs-datepicker-head .next").focus();
                 });
@@ -970,10 +961,24 @@
                     _this.setFocusForMonthOrDay();
                 }
             });
-            if (!this.clicked) {
-                datePickerHead.find('.next').attr('aria-label', "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
-                datePickerHead.find('.previous').attr('aria-label', "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
-            }
+            datePickerHead.find('.next').attr('aria-label', "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
+            datePickerHead.find('.previous').attr('aria-label', "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
+            setTimeout(function () {
+                var currentNodes = datePickerHead.find('.current span');
+                var msg = 'Changed to month ';
+                // currentNodes.each((i) => {
+                //     msg =`${msg} ${$(currentNodes[i]).text()}`;
+                // });
+                datePickerHead.find('.current').attr("aria-live", "assertive").attr("aria-atomic", "false");
+                if (_this.clicked) {
+                    if ($(currentNodes[0]).text()) {
+                        datePickerHead.find('.ng-star-inserted').prepend("<div class=\"sr-only\">" + msg + "</div>");
+                    }
+                    if ($(currentNodes[1]).text()) {
+                        datePickerHead.find('.current').last().prepend("<div class=\"sr-only\"> and year </div>");
+                    }
+                }
+            });
         };
         /**
          * This method sets focus for months/days depending on the loaded datepicker table
@@ -1587,9 +1592,6 @@
             if (this.dateOnShowSubscription) {
                 this.dateOnShowSubscription.unsubscribe();
             }
-            if (this.cancelLocaleChangeSubscription) {
-                this.cancelLocaleChangeSubscription();
-            }
             _super.prototype.ngOnDestroy.call(this);
         };
         BaseDateTimeComponent.prototype.ngOnDetach = function () {
@@ -1715,11 +1717,8 @@
             // sets the dataValue and computes the display model values
             // @ts-ignore
             set: function (newVal) {
-                var _this = this;
                 if (newVal === CURRENT_DATE$1) {
-                    setTimeout(function () {
-                        _this.bsDataValue = _this.timeZone ? core$1.getMomentLocaleObject(_this.timeZone) : new Date();
-                    }, 50);
+                    this.bsDataValue = this.timeZone ? core$1.getMomentLocaleObject(this.timeZone) : new Date();
                     this.isCurrentDate = true;
                 }
                 else {
@@ -1828,7 +1827,7 @@
             }
             if ($event.type === 'click') {
                 this.invokeEventCallback('click', { $event: $event });
-                //  this.focusOnInputEl();
+                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is('input') && !(this.isDropDownDisplayEnabledOnInput(this.showdropdownon))) {
                 $event.stopPropagation();
@@ -2268,7 +2267,7 @@
             }
             if ($event.type === 'click') {
                 this.invokeEventCallback('click', { $event: $event });
-                //this.focusOnInputEl();
+                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is('input') && !(this.isDropDownDisplayEnabledOnInput(this.showdropdownon))) {
                 $event.stopPropagation();
@@ -2584,7 +2583,7 @@
             }
             if ($event.type === 'click') {
                 this.invokeEventCallback('click', { $event: $event });
-                //this.focusOnInputEl();
+                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is('input') && !(this.isDropDownDisplayEnabledOnInput(this.showdropdownon))) {
                 return;