@colijnit/corecomponents_v12 255.1.13 → 255.1.15

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -14323,9 +14323,8 @@
     };
 
     var HourSchedulingExpandableComponent = /** @class */ (function () {
-        function HourSchedulingExpandableComponent(cdRef, datePipe, eRef) {
+        function HourSchedulingExpandableComponent(cdRef, eRef) {
             this.cdRef = cdRef;
-            this.datePipe = datePipe;
             this.eRef = eRef;
             this.hourLabels = [];
             this.scheduledObjects = [];
@@ -14336,6 +14335,7 @@
             this._schedule = {};
             this.timeChangeEvent = new i0.EventEmitter();
             this.newObjectPlanEvent = new i0.EventEmitter();
+            this.moveBetweenCalendarsEvent = new i0.EventEmitter();
             this.showClass = true;
         }
         Object.defineProperty(HourSchedulingExpandableComponent.prototype, "schedule", {
@@ -14364,18 +14364,8 @@
             if (this.schedule) {
                 this.renderObjects();
             }
-            this._calculateSchedulingObjectProperties();
         };
         // Calculate properties for each scheduled object to determine resizer visibility
-        HourSchedulingExpandableComponent.prototype._calculateSchedulingObjectProperties = function () {
-            var _this = this;
-            var scheduleStart = this.convertDateToEuropean(this.schedule[this.childProp][this.startTimeProp]);
-            var scheduleEnd = this.convertDateToEuropean(this.schedule[this.childProp][this.endTimeProp]);
-            this.scheduledObjects.forEach(function (obj) {
-                obj.showTopResizer = _this.timeDifference(scheduleStart, obj.start) > 0; // Show top resizer if the start time differs
-                obj.showBottomResizer = _this.timeDifference(scheduleEnd, obj.end) > 0; // Show bottom resizer if the end time differs
-            });
-        };
         // Find the next object in the scheduledObjects list
         HourSchedulingExpandableComponent.prototype._findNextObject = function (currentObject) {
             var currentIndex = this.scheduledObjects.indexOf(currentObject);
@@ -14416,13 +14406,19 @@
                     });
                 }
                 this.scheduledObjects = schedulingObjects_1;
+                this.cdRef.markForCheck();
+                this.cdRef.detectChanges();
             }
         };
         HourSchedulingExpandableComponent.prototype.onSelectBlock = function (obj) {
-            this.scheduledObjects.filter(function (obj) { return obj.selected; }).forEach(function (selectedObj) {
-                selectedObj.selected = false;
-            });
-            obj.selected = true;
+            obj.selected = !obj.selected;
+            if (obj.selected) {
+                this.scheduledObjects.forEach(function (scheduledObject) {
+                    if (scheduledObject.selected && scheduledObject !== obj) {
+                        scheduledObject.selected = false;
+                    }
+                });
+            }
             this.currentResizingObject = obj;
         };
         HourSchedulingExpandableComponent.prototype.onDragStartCustom = function (obj) {
@@ -14452,7 +14448,9 @@
                 var parsed = this.tryParseJSONObject(dragEvent.dataTransfer.getData("text"));
                 if (!parsed) {
                     this.newObjectPlanEvent.emit({ currentHour: hour, data: parsed.toString() });
+                    return;
                 }
+                this.moveBetweenCalendarsEvent.emit({ hour: hour, data: parsed });
             }
         };
         HourSchedulingExpandableComponent.prototype.allowDrop = function (event, hour) {
@@ -14592,7 +14590,6 @@
     ];
     HourSchedulingExpandableComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef },
-        { type: common.DatePipe },
         { type: i0.ElementRef }
     ]; };
     HourSchedulingExpandableComponent.propDecorators = {
@@ -14605,6 +14602,7 @@
         idProp: [{ type: i0.Input }],
         timeChangeEvent: [{ type: i0.Output }],
         newObjectPlanEvent: [{ type: i0.Output }],
+        moveBetweenCalendarsEvent: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-hour-scheduling-expandable',] }],
         onResize: [{ type: i0.HostListener, args: ['window:resize', ['$event'],] }],
         clickOut: [{ type: i0.HostListener, args: ['document:click', ['$event'],] }]
@@ -14626,7 +14624,7 @@
     HourSchedulingExpandableTemplateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-hour-scheduling-expandable-template",
-                    template: "\n      <div\n        *ngFor=\"let obj of objects\"\n        [class]=\"'custom-scheduled-object'\"\n        [class.selected]=\"obj['selected']\"\n        [draggable]=\"!obj['selected']\"\n        [style.--height]=\"obj['height'] + 'px'\"\n        [style.--top]=\"obj['top'] + 'px'\"\n        (click)=\"onSelectBlock(obj)\"\n        (dragstart)=\"onExpandableDragStart($event, obj, onDragStartCustom(obj) )\">\n\n        <div\n          *ngIf=\"obj['selected'] && obj['showTopResizer']\"\n          class=\"top-resizer\"\n          (mousedown)=\"onResizeStart($event, obj, 'top')\"></div>\n        <ng-template\n          [ngTemplateOutlet]=\"objectTemplate\"\n          [ngTemplateOutletContext]=\"{\n              object: obj\n            }\"\n        >\n        </ng-template>\n        <div *ngIf=\"obj['selected'] && obj['showBottomResizer']\"\n             class=\"bottom-resizer\"\n             (mousedown)=\"onResizeStart($event, obj, 'bottom')\"></div>\n      </div>\n    ",
+                    template: "\n      <div\n        *ngFor=\"let obj of objects\"\n        [class]=\"'custom-scheduled-object'\"\n        [class.selected]=\"obj['selected']\"\n        [draggable]=\"!obj['selected']\"\n        [style.--height]=\"obj['height'] + 'px'\"\n        [style.--top]=\"obj['top'] + 'px'\"\n        (click)=\"onSelectBlock(obj)\"\n        (dragstart)=\"onExpandableDragStart($event, obj, onDragStartCustom(obj) )\">\n\n        <div\n          *ngIf=\"obj['selected']\"\n          class=\"top-resizer\"\n          (mousedown)=\"onResizeStart($event, obj, 'top')\"></div>\n        <ng-template\n          [ngTemplateOutlet]=\"objectTemplate\"\n          [ngTemplateOutletContext]=\"{\n              object: obj\n            }\"\n        >\n        </ng-template>\n        <div *ngIf=\"obj['selected']\"\n             class=\"bottom-resizer\"\n             (mousedown)=\"onResizeStart($event, obj, 'bottom')\"></div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];