@wavemaker/app-ng-runtime 11.4.0-next.141076 → 11.4.0-next.141078

app-ng-runtime/components/dialogs/default/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"DialogBodyDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"div[wmDialogBody]"}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":19,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":15},null,{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":20,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":27}]}]}},"DialogFooterDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":16,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"div[wmDialogFooter]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":13,"character":8},"arguments":[{"__symbolic":"reference","name":"DialogFooterDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"DialogHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"div[wmDialogHeader]","template":"<button *ngIf=\"isClosable\" aria-label=\"Close\" class=\"app-dialog-close close\" (click)=\"closeDialog();\" title=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n<h4 class=\"app-dialog-title modal-title\">\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"  *ngIf=\"iconclass && !iconurl\"></i>\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n    <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n    <span class=\"dialog-sub-heading\" *ngIf=\"subheading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n</h4>\n"}]}],"members":{"iconwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"iconheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"iconmargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"iconurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"subheading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"titleid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":36},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":30,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","name":"BaseDialog"}]}],"closeDialog":[{"__symbolic":"method"}]}},"BaseDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":59,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":58,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":70,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":71,"character":22},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalOptions","line":72,"character":32}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"deRegister":[{"__symbolic":"method"}],"getTemplateRef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalModule","line":19,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":20,"character":8}],"declarations":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"entryComponents":[]}]}],"members":{}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./dialog-footer/dialog-footer.props"}},"origins":{"DialogBodyDirective":"./dialog-body/dialog-body.directive","DialogFooterDirective":"./dialog-footer/dialog-footer.directive","DialogHeaderComponent":"./dialog-header/dialog-header.component","BaseDialog":"./base-dialog","DialogModule":"./dialog.module","ɵa":"./dialog-footer/dialog-footer.props"},"importAs":"@wm/components/dialogs"}
+{"__symbolic":"module","version":4,"metadata":{"DialogBodyDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"div[wmDialogBody]"}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":19,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":15},null,{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":20,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":27}]}]}},"DialogFooterDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":16,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"div[wmDialogFooter]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":13,"character":8},"arguments":[{"__symbolic":"reference","name":"DialogFooterDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"DialogHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"div[wmDialogHeader]","template":"<button *ngIf=\"isClosable\" aria-label=\"Close\" class=\"app-dialog-close close\" (click)=\"closeDialog();\" title=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n<h4 class=\"app-dialog-title modal-title\">\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"  *ngIf=\"iconclass && !iconurl\"></i>\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n    <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n    <span class=\"dialog-sub-heading\" *ngIf=\"subheading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n</h4>\n"}]}],"members":{"iconwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"iconheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"iconmargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"iconurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"subheading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"titleid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":36},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":30,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","name":"BaseDialog"}]}],"closeDialog":[{"__symbolic":"method"}]}},"BaseDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":59,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":58,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":71,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":72,"character":22},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalOptions","line":73,"character":32}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"deRegister":[{"__symbolic":"method"}],"getTemplateRef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalModule","line":19,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":20,"character":8}],"declarations":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"entryComponents":[]}]}],"members":{}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./dialog-footer/dialog-footer.props"}},"origins":{"DialogBodyDirective":"./dialog-body/dialog-body.directive","DialogFooterDirective":"./dialog-footer/dialog-footer.directive","DialogHeaderComponent":"./dialog-header/dialog-header.component","BaseDialog":"./base-dialog","DialogModule":"./dialog.module","ɵa":"./dialog-footer/dialog-footer.props"},"importAs":"@wm/components/dialogs"}

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

@@ -378,22 +378,32 @@
             configurable: true
         });
         DateTimePickerComponent.prototype.validateSelectedDate = function () {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e;
             if (!this.changedValue) {
                 return true;
             }
             var cd = moment(this.changedValue);
-            if (((_a = this._bsDatepickerConfig) === null || _a === void 0 ? void 0 : _a.minDate) && ((_b = this._bsDatepickerConfig) === null || _b === void 0 ? void 0 : _b.minDate) > this.changedValue) {
+            var minDate = (_a = this._bsDatepickerConfig) === null || _a === void 0 ? void 0 : _a.minDate;
+            var maxDate = (_b = this._bsDatepickerConfig) === null || _b === void 0 ? void 0 : _b.maxDate;
+            if (minDate
+                && ((this.mode === 'DATE'
+                    && moment(minDate).startOf('day').toDate() > this.changedValue)
+                    || (this.mode !== 'DATE'
+                        && minDate > this.changedValue))) {
                 return false;
             }
-            if (((_c = this._bsDatepickerConfig) === null || _c === void 0 ? void 0 : _c.maxDate) && ((_d = this._bsDatepickerConfig) === null || _d === void 0 ? void 0 : _d.maxDate) < this.changedValue) {
+            if (maxDate
+                && ((this.mode === 'DATE'
+                    && moment(maxDate).endOf('day').toDate() < this.changedValue)
+                    || (this.mode !== 'DATE'
+                        && maxDate < this.changedValue))) {
                 return false;
             }
-            if (((_f = (_e = this._bsDatepickerConfig) === null || _e === void 0 ? void 0 : _e.daysDisabled) === null || _f === void 0 ? void 0 : _f.indexOf(cd.day())) >= 0) {
+            if (((_d = (_c = this._bsDatepickerConfig) === null || _c === void 0 ? void 0 : _c.daysDisabled) === null || _d === void 0 ? void 0 : _d.indexOf(cd.day())) >= 0) {
                 return false;
             }
             var cdSt = cd.startOf('day').toDate().getTime();
-            if ((_g = this.excludedDatesToDisable) === null || _g === void 0 ? void 0 : _g.find(function (d) { return d.getTime() === cdSt; })) {
+            if ((_e = this.excludedDatesToDisable) === null || _e === void 0 ? void 0 : _e.find(function (d) { return d.getTime() === cdSt; })) {
                 return false;
             }
             return true;
@@ -442,6 +452,11 @@
                 newVal.setMilliseconds(oldVal.getMilliseconds());
             }
             this.changedValue = newVal;
+            if (this.mode === 'DATE'
+                && oldVal !== newVal
+                && this.validateSelectedDate()) {
+                this.onOkClick();
+            }
         };
         DateTimePickerComponent.prototype.onTimeUpdate = function (newVal) {
             this.changedValue = newVal;
@@ -461,6 +476,10 @@
             this.triggerChange();
             this.hideModal();
         };
+        DateTimePickerComponent.prototype.setToday = function () {
+            var today = moment().startOf('day').toDate();
+            this.onDateUpdate(today);
+        };
         DateTimePickerComponent.prototype.reset = function () {
             this.changedValue = this._value;
         };
@@ -495,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                    class=\"btn btn-secondary clear-btn\"\n                    (click)=\"clear()\">{{appLocale.MESSAGE_DATE_PICKER_CLEAR || \"Clear\" }}</button>\n                <button\n                    class=\"btn btn-primary pull-right ok-btn\"\n                    (click)=\"onOkClick()\">{{appLocale.MESSAGE_DATE_PICKER_OK || \"Ok\" }}</button>\n                <button\n                    class=\"btn btn-secondary pull-right cancel-btn\"\n                    (click)=\"hideModal()\">{{appLocale.MESSAGE_DATE_PICKER_CANCEL || \"Cancel\" }}</button>\n                \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 [
@@ -544,8 +563,8 @@
             }
             return arr;
         };
-        TimePickerComponent.prototype.set = function (_h, unit) {
-            var index = _h.index, value = _h.value;
+        TimePickerComponent.prototype.set = function (_f, unit) {
+            var index = _f.index, value = _f.value;
             if (unit === 'HOUR') {
                 this.value = moment(this.value).hour(parseInt(value)).toDate();
             }