@colijnit/corecomponents_v12 12.0.77 → 12.0.79

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
                 },] }
     ];
@@ -7695,6 +7703,7 @@
             _this.elementRef = elementRef;
             _this.placeholder = "";
             _this.type = "text";
+            _this.digitsOnly = false;
             _this.showClearButton = undefined;
             _this.showPlaceholderOnFocus = true;
             _this.hasOwnLabel = true;
@@ -7740,12 +7749,17 @@
             enumerable: false,
             configurable: true
         });
+        // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
+        InputTextComponent.prototype.excludeNonDigitChars = function (event) {
+            var excludedKeyCodes = [69, 107, 109, 187, 189];
+            return !excludedKeyCodes.includes(event.keyCode);
+        };
         return InputTextComponent;
     }(BaseInputComponent));
     InputTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-input-text",
-                    template: "\n    <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\" [textContent]=\"placeholder\"></label>\n    <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n    <co-icon *ngIf=\"rightIcon\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"></co-icon>\n    <input #input\n           [type]=\"type\"\n           [ngModel]=\"model\"\n           [min]=\"type === 'number' && this.min ? this.min : undefined\"\n           [max]=\"type === 'number' && this.max ? this.max : undefined\"\n           [readonly]=\"readonly\"\n           [required]=\"required\"\n           (ngModelChange)=\"modelChange.emit($event)\"\n    >\n    <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n      [committing]=\"committing\"\n      [commitFinished]=\"commitFinished\"\n      (commitClick)=\"commitClick($event)\"\n      (cancelClick)=\"cancelClick($event)\"\n    >\n    </co-commit-buttons>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n           [textContent]=\"placeholder\"></label>\n    <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n    <co-icon *ngIf=\"rightIcon\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"></co-icon>\n    <input #input\n           [type]=\"digitsOnly ? 'number' : type\"\n           [ngModel]=\"model\"\n           [min]=\"type === 'number' && this.min ? this.min : undefined\"\n           [max]=\"type === 'number' && this.max ? this.max : undefined\"\n           [readonly]=\"readonly\"\n           [required]=\"required\"\n           (ngModelChange)=\"modelChange.emit($event)\"\n           (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\n    >\n    <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n                       [committing]=\"committing\"\n                       [commitFinished]=\"commitFinished\"\n                       (commitClick)=\"commitClick($event)\"\n                       (cancelClick)=\"cancelClick($event)\"\n    >\n    </co-commit-buttons>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     providers: [{
                             provide: COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return InputTextComponent; })
@@ -7769,6 +7783,7 @@
         type: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],
+        digitsOnly: [{ type: i0.Input }],
         showClearButton: [{ type: i0.Input }],
         keyDownWhiteList: [{ type: i0.Input }],
         showPlaceholderOnFocus: [{ type: i0.Input }],
@@ -7860,10 +7875,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 +7898,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 +7912,6 @@
                             animations.transition("void <=> *", animations.animate("200ms ease-in-out")),
                         ])
                     ],
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -7903,7 +7924,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 +10995,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;
@@ -11603,6 +11660,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;