@colijnit/corecomponents_v12 256.1.7 → 256.1.9

package/fesm2015/colijnit-corecomponents_v12.js

@@ -13093,9 +13093,11 @@ function emailValidator(control) {
 }
 
 class TooltipComponent {
-    constructor(_elementRef, _changeDetector) {
+    constructor(_elementRef, _changeDetector, _renderer) {
         this._elementRef = _elementRef;
         this._changeDetector = _changeDetector;
+        this._renderer = _renderer;
+        this.tooltipClosed = new EventEmitter();
         this.top = -100;
         this.left = -100;
         this.bottom = false;
@@ -13115,6 +13117,17 @@ class TooltipComponent {
         setTimeout(() => {
             this._positionTooltip();
         });
+        this._documentClickListener = this._renderer.listen('document', 'click', (event) => {
+            if (!this._elementRef.nativeElement.contains(event.target)) {
+                this.closeTooltip();
+            }
+        });
+    }
+    ngOnDestroy() {
+        // Remove the click listener to prevent memory leaks
+        if (this._documentClickListener) {
+            this._documentClickListener();
+        }
     }
     _positionTooltip() {
         if (this.hostElement && this._elementRef && this._elementRef.nativeElement) {
@@ -13135,6 +13148,9 @@ class TooltipComponent {
             this._changeDetector.detectChanges();
         }
     }
+    closeTooltip() {
+        this.tooltipClosed.emit();
+    }
 }
 TooltipComponent.decorators = [
     { type: Component, args: [{
@@ -13155,11 +13171,13 @@ TooltipComponent.decorators = [
 ];
 TooltipComponent.ctorParameters = () => [
     { type: ElementRef },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: Renderer2 }
 ];
 TooltipComponent.propDecorators = {
     hostElement: [{ type: Input }],
     toolTip: [{ type: Input }],
+    tooltipClosed: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-tooltip',] }],
     top: [{ type: HostBinding, args: ["style.top.px",] }],
     left: [{ type: HostBinding, args: ["style.left.px",] }],
@@ -13292,7 +13310,7 @@ class BaseModuleScreenConfigService {
             this._configObjects = configObjects;
             if (configObjects && Array.isArray(configObjects)) {
                 this._buildScreenConfigMap();
-                this.configSet.next(params);
+                this.configSet.next(this._configObjects);
             }
             return this._configObjects;
         });
@@ -14211,6 +14229,10 @@ class HourSchedulingExpandableComponent {
     allowDrop(event, hour) {
         event.preventDefault();
         event.stopPropagation();
+        const target = event.target;
+        if (!target.classList.contains('drag-over')) {
+            target.classList.add('drag-over');
+        }
         if (this.currentDraggingObject) {
             let newStartDate = this.convertDateToEuropean(this.currentDraggingObject.start);
             let hourSplit = hour.split(":");
@@ -14224,6 +14246,12 @@ class HourSchedulingExpandableComponent {
             }
         }
     }
+    handleDragLeave(event) {
+        const target = event.target;
+        if (target.classList.contains('drag-over')) {
+            target.classList.remove('drag-over');
+        }
+    }
     // Triggered when resizing starts
     onResizeStart(event, obj, direction) {
         this.resizing = true;
@@ -14342,11 +14370,15 @@ HourSchedulingExpandableComponent.decorators = [
         <div class="hour-label"><span [textContent]="hour"></span></div>
 
         <div class="object-display">
-          <div class="first-half-hour object-half" (dragover)="allowDrop($event, hour)"
+          <div class="first-half-hour object-half"
+               (dragover)="allowDrop($event, hour)"
+               (dragleave)="handleDragLeave($event)"
                (drop)="handleDrop($event, hour)">
           </div>
 
-          <div class="second-half-hour object-half" (dragover)="allowDrop($event, addHalfHour(hour))"
+          <div class="second-half-hour object-half"
+               (dragover)="allowDrop($event, addHalfHour(hour))"
+               (dragleave)="handleDragLeave($event)"
                (drop)="handleDrop($event, addHalfHour(hour))">
           </div>
         </div>