@colijnit/corecomponents_v12 12.0.76 → 12.0.78

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -6909,13 +6909,21 @@
             if (this.startDate && this.endDate) {
                 this.dateRangeChange.emit([this.startDate, this.endDate]);
             }
+            this.model = [this.startDate, this.endDate];
+            this.modelChange.emit(this.model);
         };
         return InputDateRangePickerComponent;
     }(BaseInputComponent));
     InputDateRangePickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-input-date-range",
-                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n      [readonly]=\"readonly\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      (cleared)=\"cleared.next($event)\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <ejs-daterangepicker #ejsDateRangePicker\n      [format]=\"dateFormat\"\n      floatLabelType=\"Auto\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n      [readonly]=\"readonly\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      (cleared)=\"cleared.next($event)\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    providers: [{
+                            provide: COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputDateRangePickerComponent; })
+                        }, {
+                            provide: BaseInputComponent,
+                            useExisting: InputDateRangePickerComponent
+                        }],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -7860,10 +7868,17 @@
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
+        Object.defineProperty(InputRadioButtonComponent.prototype, "isModelSelected", {
+            get: function () {
+                return this.model;
+            },
+            enumerable: false,
+            configurable: true
+        });
         InputRadioButtonComponent.prototype.showClass = function () {
             return true;
         };
-        InputRadioButtonComponent.prototype.handleModelChange = function (event) {
+        InputRadioButtonComponent.prototype.handleClick = function (event) {
             event.preventDefault();
             event.stopPropagation();
             if (!this.readonly) {
@@ -7876,7 +7891,7 @@
     InputRadioButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-input-radio-button",
-                    template: "\n    <div class=\"outer-circle\" [class.selected]=\"model\" (click)=\"handleModelChange($event)\">\n      <div class=\"inner-circle\" *ngIf=\"model\" @showSelected></div>\n    </div>\n    <div class=\"label\" *ngIf=\"label\" [textContent]=\"label\" (click)=\"handleModelChange($event)\"></div>\n    <input #input [ngModel]=\"model\" type=\"hidden\">\n  ",
+                    template: "\n    <div class=\"outer-circle\" [class.selected]=\"model\">\n      <div class=\"inner-circle\" *ngIf=\"model\" @showSelected></div>\n    </div>\n    <div class=\"label\" *ngIf=\"label\" [textContent]=\"label\"></div>\n    <input #input [ngModel]=\"model\" type=\"hidden\">\n  ",
                     providers: [{
                             provide: COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputRadioButtonComponent; })
                         }, {
@@ -7890,7 +7905,6 @@
                             animations.transition("void <=> *", animations.animate("200ms ease-in-out")),
                         ])
                     ],
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -7903,7 +7917,9 @@
         { type: i0.ElementRef }
     ]; };
     InputRadioButtonComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-radio-button",] }]
+        isModelSelected: [{ type: i0.HostBinding, args: ["class.selected",] }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-radio-button",] }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
     };
 
     var InputRadioButtonModule = /** @class */ (function () {
@@ -10972,6 +10988,40 @@
                 },] }
     ];
 
+    var FilterPipe = /** @class */ (function () {
+        function FilterPipe() {
+        }
+        FilterPipe.prototype.transform = function (items, field, value) {
+            if (!items || !field) {
+                return items;
+            }
+            return items.filter(function (item) { return item[field] === value; });
+        };
+        return FilterPipe;
+    }());
+    FilterPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "filter",
+                    pure: false
+                },] }
+    ];
+
+    var FilterPipeModule = /** @class */ (function () {
+        function FilterPipeModule() {
+        }
+        return FilterPipeModule;
+    }());
+    FilterPipeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        FilterPipe
+                    ],
+                    exports: [
+                        FilterPipe
+                    ]
+                },] }
+    ];
+
     var FilterItemComponent = /** @class */ (function () {
         function FilterItemComponent(iconService) {
             this.iconService = iconService;
@@ -11427,6 +11477,109 @@
                 },] }
     ];
 
+    var CheckmarkOverlayComponent = /** @class */ (function () {
+        function CheckmarkOverlayComponent(_renderer) {
+            var _this = this;
+            this._renderer = _renderer;
+            this.showOverlay = false;
+            this.showWrapper = false;
+            this._visible = false;
+            this._handleAnimationIteration = function (event) {
+                _this.animateDivs.forEach(function (a) { return _this._renderer.removeClass(a.nativeElement, 'animate'); });
+                event.currentTarget.removeEventListener('animationiteration', _this._handleAnimationIteration);
+            };
+        }
+        Object.defineProperty(CheckmarkOverlayComponent.prototype, "content", {
+            set: function (children) {
+                this.animateDivs = children.toArray();
+                this._checkAnimation();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckmarkOverlayComponent.prototype, "visible", {
+            get: function () {
+                return this._visible;
+            },
+            set: function (value) {
+                var _this = this;
+                if (value) {
+                    this.showOverlay = true;
+                    this.showWrapper = true;
+                }
+                else {
+                    setTimeout(function () { return _this.showOverlay = false; }, 800);
+                    setTimeout(function () { return _this.showWrapper = false; }, 600);
+                }
+                this._visible = value;
+                this._checkAnimation();
+                this._checkAnimationFinished();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CheckmarkOverlayComponent.prototype.showClass = function () {
+            return true;
+        };
+        CheckmarkOverlayComponent.prototype._checkAnimation = function () {
+            var _this = this;
+            if (this.visible && this.animateDivs) {
+                this.animateDivs.forEach(function (a) { return _this._renderer.addClass(a.nativeElement, 'animate'); });
+            }
+        };
+        CheckmarkOverlayComponent.prototype._checkAnimationFinished = function () {
+            var _this = this;
+            if (!this.visible && this.animateDivs) {
+                this.animateDivs.forEach(function (a) {
+                    a.nativeElement.addEventListener('animationiteration', _this._handleAnimationIteration);
+                });
+            }
+        };
+        return CheckmarkOverlayComponent;
+    }());
+    CheckmarkOverlayComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-checkmark-overlay",
+                    template: "\n    <div *ngIf=\"showOverlay\">\n      <div class=\"checkmark-overlay-wrapper\" *ngIf=\"showWrapper\" @showHideSaveCancel>\n        <div class=\"checkmark-buttons-button save\" [class.finished]=\"!visible\">\n          <div class=\"save-button-spinner\">\n            <div #animatediv></div>\n            <div #animatediv></div>\n            <div #animatediv></div>\n            <div #animatediv></div>\n          </div>\n          <div class=\"spinner-checkmark\" *ngIf=\"!visible && successful\"></div>\n        </div>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger('showHideSaveCancel', [
+                            animations.state('*', animations.style({ transform: 'scaleY(1)', opacity: 1 })),
+                            animations.state('void', animations.style({ transform: 'scaleY(0)', opacity: 0 })),
+                            animations.transition('void <=> *', animations.animate(200))
+                        ]),
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CheckmarkOverlayComponent.ctorParameters = function () { return [
+        { type: i0.Renderer2 }
+    ]; };
+    CheckmarkOverlayComponent.propDecorators = {
+        content: [{ type: i0.ViewChildren, args: ['animatediv', { read: i0.ElementRef },] }],
+        visible: [{ type: i0.Input }],
+        successful: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-checkmark-overlay",] }]
+    };
+
+    var CheckmarkOverlayModule = /** @class */ (function () {
+        function CheckmarkOverlayModule() {
+        }
+        return CheckmarkOverlayModule;
+    }());
+    CheckmarkOverlayModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        CheckmarkOverlayComponent
+                    ],
+                    exports: [
+                        CheckmarkOverlayComponent
+                    ]
+                },] }
+    ];
+
     var ColorSequenceService = /** @class */ (function () {
         function ColorSequenceService() {
             this.colors = new Map();
@@ -11471,6 +11624,7 @@
     exports.CarouselComponent = CarouselComponent;
     exports.CarouselHammerConfig = CarouselHammerConfig;
     exports.CarouselModule = CarouselModule;
+    exports.CheckmarkOverlayModule = CheckmarkOverlayModule;
     exports.ClickoutsideModule = ClickoutsideModule;
     exports.CoDialogComponent = CoDialogComponent;
     exports.CoDialogModule = CoDialogModule;
@@ -11499,6 +11653,8 @@
     exports.DropDownModule = DropDownModule;
     exports.FilterItemComponent = FilterItemComponent;
     exports.FilterItemModule = FilterItemModule;
+    exports.FilterPipe = FilterPipe;
+    exports.FilterPipeModule = FilterPipeModule;
     exports.FormComponent = FormComponent;
     exports.FormMasterService = FormMasterService;
     exports.FormModule = FormModule;
@@ -11568,6 +11724,7 @@
     exports["ɵbe"] = PrependPipe;
     exports["ɵbf"] = ClickOutsideDirective;
     exports["ɵbg"] = ClickOutsideMasterService;
+    exports["ɵbh"] = CheckmarkOverlayComponent;
     exports["ɵc"] = CoRippleDirective;
     exports["ɵd"] = CoViewportRulerService;
     exports["ɵe"] = CoScrollDispatcherService;