@colijnit/corecomponents_v12 255.1.11 → 255.1.12

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -5712,13 +5712,13 @@
     exports.FilterItemMode = void 0;
     (function (FilterItemMode) {
         //This mode makes the Filter display a multi select list
-        // Input will be passed along directly as a string with the following syntax: "?>='choice 1', ?<='choice2'"
+        // Input will be passed along directly as a string with the following syntax: "?='choice 1', ?='choice2'"
         FilterItemMode["Filterlist"] = "filterlist";
         //This mode makes the Filter display a single select list
         // Input will be passed along directly as a simple string.
         FilterItemMode["SingleSelectList"] = "singleSelectList";
         //This mode makes the Filter display a multi select list
-        // Input will be passed along directly as a simple string.
+        // Input will be passed along directly as a simple collection of strings.
         FilterItemMode["SelectListWithStringCollectionOutput"] = "selectListWithStringCollectionOutput";
         //This mode makes the Filter display a multi select list
         // Available choices will need to have their identifying value be a number. The summation of all these numbers will be passed along.
@@ -8007,7 +8007,7 @@
     InputNumberPickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-number-picker',
-                    template: "\n        <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n            <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n            <div class=\"spacer\"></div>\n        </div>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n                       (mousedown)=\"onMinusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n        <input type=\"text\"\n               [tabIndex]=\"readonly ? -1 : 0\"\n               [ngModel]=\"model\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [required]=\"required\"\n               (ngModelChange)=\"handleChangeModel($event)\"\n               (keydown)=\"handleInputKeyDown($event)\"\n               (blur)=\"handleBlur()\"/>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"plus-operator\" [class.select]=\"plusSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(plusIcon)\"\n                       (mousedown)=\"onPlusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n    ",
+                    template: "\n        <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n            <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n            <div class=\"spacer\"></div>\n        </div>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n                       (mousedown)=\"onMinusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n        <input type=\"text\"\n               [tabIndex]=\"readonly ? -1 : 0\"\n               [ngModel]=\"model\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [required]=\"required\"\n               [placeholder]=\"label\"\n               (ngModelChange)=\"handleChangeModel($event)\"\n               (keydown)=\"handleInputKeyDown($event)\"\n               (blur)=\"handleBlur()\"/>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"plus-operator\" [class.select]=\"plusSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(plusIcon)\"\n                       (mousedown)=\"onPlusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n    ",
                     providers: [
                         OverlayService, {
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputNumberPickerComponent; })
@@ -14117,10 +14117,11 @@
     ];
 
     var HourSchedulingComponent = /** @class */ (function () {
-        function HourSchedulingComponent(cdRef, datePipe) {
+        function HourSchedulingComponent(cdRef, datePipe, zone) {
+            var _this = this;
             this.cdRef = cdRef;
             this.datePipe = datePipe;
-            this.showClass = true;
+            this.zone = zone;
             this.hourLabels = [];
             this.scheduledObjects = {};
             this.activeHour = null;
@@ -14129,14 +14130,16 @@
             this.customTemplateUsed = false;
             this.timeChangeEvent = new i0.EventEmitter();
             this.newObjectPlanEvent = new i0.EventEmitter();
-            document.addEventListener('click', this.onDocumentClick.bind(this));
+            this.showClass = true;
+            document.addEventListener('click', function () { return _this.onDocumentClick; });
         }
         HourSchedulingComponent.prototype.ngOnInit = function () {
             this.generateTimeBlocks();
             this.generateScheduledObjects();
         };
         HourSchedulingComponent.prototype.ngOnDestroy = function () {
-            document.removeEventListener('click', this.onDocumentClick.bind(this));
+            var _this = this;
+            document.removeEventListener('click', function () { return _this.onDocumentClick; });
         };
         HourSchedulingComponent.prototype.generateTimeBlocks = function () {
             var startUnix = !this.childProp ? this.dateToUnixEpoch(new Date(this.schedule[this.startTimeProp])) : this.dateToUnixEpoch(new Date(this.schedule[this.childProp][this.startTimeProp]));
@@ -14182,12 +14185,21 @@
         };
         HourSchedulingComponent.prototype.onDragOver = function (event) {
             event.preventDefault();
-            var currentTarget = event.currentTarget;
-            currentTarget.classList.add('drag-over');
+            event.stopPropagation();
+            this.zone.runOutsideAngular(function () {
+                var currentTarget = event.currentTarget;
+                if (!currentTarget.classList.contains('drag-over')) {
+                    currentTarget.classList.add('drag-over');
+                }
+            });
         };
         HourSchedulingComponent.prototype.onDragLeave = function (event) {
-            var currentTarget = event.currentTarget;
-            currentTarget.classList.remove('drag-over'); // Remove 'drag-over' class
+            event.preventDefault();
+            event.stopPropagation();
+            this.zone.runOutsideAngular(function () {
+                var currentTarget = event.currentTarget;
+                currentTarget.classList.remove('drag-over');
+            });
         };
         HourSchedulingComponent.prototype.onDrop = function (event, hour) {
             var _c;
@@ -14285,12 +14297,14 @@
         { type: i0.Component, args: [{
                     selector: 'co-hour-scheduling',
                     template: "\n    <div class=\"time-block\" *ngFor=\"let hour of hourLabels\">\n      <div class=\"hour-label\"><span [textContent]=\"hour\"></span></div>\n      <div class=\"object-display\">\n        <div class=\"first-half-hour object-half\"\n             [ngClass]=\"{'has-objects': scheduledObjects[hour]?.length > 0, 'active': activeHalfHour === hour + '-firstHalf'}\"\n             (dragover)=\"onDragOver($event)\"\n             (dragleave)=\"onDragLeave($event)\"\n             (click)=\"onObjectDisplayClick(hour, 'firstHalf')\"\n             (drop)=\"onDrop($event, hour)\">\n          <ng-container *ngIf=\"!customTemplateUsed\">\n            <ng-container *ngIf=\"scheduledObjects[hour]\">\n              <span class=\"hidden-hour-label\" [hidden]=\"true\" [textContent]=\"hour\"></span>\n              <div\n                *ngFor=\"let obj of scheduledObjects[hour]\"\n                class=\"scheduled-object\"\n                [draggable]=\"true\"\n                (dragstart)=\"onDragStart($event, obj)\"\n              >\n                <span class=\"hidden-hour-label\" [hidden]=\"true\" [textContent]=\"addMinutes(hour)\"></span>\n                <span class=\"title\" [textContent]=\"obj.title\"></span>\n                <span class=\"sub-title\" [textContent]=\"obj.subTitle\"></span>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"customTemplateUsed\">\n            <ng-template\n              [ngTemplateOutlet]=\"customTemplate\"\n              [ngTemplateOutletContext]=\"{\n              hour: hour,\n              hiddenHour: hour,\n              objects: scheduledObjects[hour]\n            }\"\n            >\n            </ng-template>\n          </ng-container>\n        </div>\n\n        <div class=\"second-half-hour object-half\"\n             [ngClass]=\"{'has-objects': scheduledObjects[addMinutes(hour)]?.length > 0, 'active': activeHalfHour === hour + '-secondHalf'}\"\n             (dragover)=\"onDragOver($event)\"\n             (dragleave)=\"onDragLeave($event)\"\n             (click)=\"onObjectDisplayClick(hour, 'secondHalf')\"\n             (drop)=\"onDrop($event, addMinutes(hour))\">\n          <ng-container *ngIf=\"!customTemplateUsed\">\n            <ng-container *ngIf=\"scheduledObjects[addMinutes(hour)]\">\n              <div\n                *ngFor=\"let obj of scheduledObjects[addMinutes(hour)]\"\n                class=\"scheduled-object\"\n                [draggable]=\"true\"\n                (dragstart)=\"onDragStart($event, obj)\"\n              >\n                <span class=\"title\" [textContent]=\"obj.title\"></span>\n                <span class=\"sub-title\" [textContent]=\"obj.subTitle\"></span>\n                <span class=\"hidden-hour-label\" [hidden]=\"true\" [textContent]=\"addMinutes(hour)\"></span>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"customTemplateUsed\">\n            <ng-template\n              [ngTemplateOutlet]=\"customTemplate\"\n              [ngTemplateOutletContext]=\"{\n              hour: hour,\n              hiddenHour: addMinutes(hour),\n              objects: scheduledObjects[addMinutes(hour)]\n            }\"\n            >\n            </ng-template>\n          </ng-container>\n        </div>\n\n\n      </div>\n    </div>\n  ",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     HourSchedulingComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef },
-        { type: common.DatePipe }
+        { type: common.DatePipe },
+        { type: i0.NgZone }
     ]; };
     HourSchedulingComponent.propDecorators = {
         schedule: [{ type: i0.Input }],
@@ -14303,7 +14317,7 @@
         idProp: [{ type: i0.Input }],
         timeChangeEvent: [{ type: i0.Output }],
         newObjectPlanEvent: [{ type: i0.Output }],
-        generateTimeBlocks: [{ type: i0.HostBinding, args: ['class.co-hour-scheduling',] }]
+        showClass: [{ type: i0.HostBinding, args: ['class.co-hour-scheduling',] }]
     };
 
     var HourSchedulingTestObjectComponent = /** @class */ (function () {