@ship-ui/core 0.14.11 → 0.14.14

package/fesm2022/ship-ui-core.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, signal, DestroyRef, InjectionToken, input, computed, viewChild, effect, HostListener, NgModule, Injectable, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, contentChildren, afterNextRender, assertInInjectionContext, Injector, HostBinding, contentChild, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
+import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, signal, DestroyRef, InjectionToken, input, computed, viewChild, effect, HostListener, NgModule, Injectable, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, contentChild, contentChildren, afterNextRender, assertInInjectionContext, Injector, HostBinding, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
 import { DatePipe, NgTemplateOutlet } from '@angular/common';
+import { NgModel } from '@angular/forms';
 import { SIGNAL } from '@angular/core/primitives/signals';
 
 const iconTypes = ['bold', 'thin', 'light', 'fill', 'duotone'];
@@ -1315,6 +1316,8 @@ function contentProjectionSignal(hostElement, querySelector) {
         }
         projectedElementsSignal.set(elements);
     };
+    if (typeof MutationObserver === 'undefined')
+        return projectedElementsSignal.asReadonly();
     const observer = new MutationObserver((mutations) => {
         // Only update if child nodes have been added or removed.
         const hasChildListChanges = mutations.some((mutation) => mutation.type === 'childList');
@@ -1663,6 +1666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 class ShipDatepickerInputComponent {
     constructor() {
         this.#INIT_DATE = this.#getUTCDate(new Date());
+        this.ngModels = contentChild(NgModel, ...(ngDevMode ? [{ debugName: "ngModels" }] : []));
         this.#datePipe = inject(DatePipe);
         this.#elementRef = inject((ElementRef));
         this.#inputRef = signal(null, ...(ngDevMode ? [{ debugName: "#inputRef" }] : []));
@@ -1712,7 +1716,8 @@ class ShipDatepickerInputComponent {
         this.internalDate.set(date);
         const input = this.#inputRef();
         if (input) {
-            input.value = date ? date.toUTCString() : '';
+            input.value = date ? date.toString() : '';
+            input.dispatchEvent(new Event('input'));
         }
     }
     open($event) {
@@ -1752,7 +1757,7 @@ class ShipDatepickerInputComponent {
         return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()) + timeDiffMillis);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipDatepickerInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipDatepickerInputComponent, isStandalone: true, selector: "sh-datepicker-input", inputs: { masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipDatepickerInputComponent, isStandalone: true, selector: "sh-datepicker-input", inputs: { masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], queries: [{ propertyName: "ngModels", first: true, predicate: NgModel, descendants: true, isSignal: true }], ngImport: i0, template: `
     <sh-form-field-popover (click)="open($event)" (closed)="close()" [(isOpen)]="isOpen">
       <ng-content select="label" ngProjectAs="label" />
 
@@ -5533,6 +5538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     },
                 }]
         }], ctorParameters: () => [] });
+let openRef = null;
 class ShipTooltipDirective {
     constructor() {
         this.shTooltip = input.required(...(ngDevMode ? [{ debugName: "shTooltip" }] : []));
@@ -5540,7 +5546,6 @@ class ShipTooltipDirective {
         this.#viewContainerRef = inject(ViewContainerRef);
         this.#environmentInjector = inject(EnvironmentInjector);
         this.#renderer = inject(Renderer2);
-        this.#wrapperComponentRef = null;
         this.#projectedViewRef = null;
         this.anchorName = `--${generateUniqueId()}`;
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
@@ -5549,19 +5554,19 @@ class ShipTooltipDirective {
     #viewContainerRef;
     #environmentInjector;
     #renderer;
-    #wrapperComponentRef;
     #projectedViewRef;
     onMouseEnter() {
-        this.cleanupTooltip();
+        if (openRef?.component !== this) {
+            this.cleanupTooltip();
+        }
         queueMicrotask(() => this.showTooltip());
     }
     ngOnDestroy() {
         this.cleanupTooltip();
     }
     showTooltip() {
-        if (this.#wrapperComponentRef || !this.shTooltip())
+        if (openRef?.wrapperComponentRef || !this.shTooltip())
             return;
-        this.isOpen.set(true);
         let nodesToProject;
         const content = this.shTooltip();
         if (typeof content === 'string') {
@@ -5575,20 +5580,26 @@ class ShipTooltipDirective {
         else {
             return;
         }
-        this.#wrapperComponentRef = this.#viewContainerRef.createComponent(ShipTooltipWrapper, {
-            environmentInjector: this.#environmentInjector,
-            projectableNodes: nodesToProject,
+        openRef = {
+            wrapperComponentRef: this.#viewContainerRef.createComponent(ShipTooltipWrapper, {
+                environmentInjector: this.#environmentInjector,
+                projectableNodes: nodesToProject,
+            }),
+            component: this,
+        };
+        openRef.wrapperComponentRef.setInput('positionAnchorName', this.anchorName);
+        openRef.wrapperComponentRef.setInput('anchorEl', this.#elementRef);
+        openRef.wrapperComponentRef?.setInput('isOpen', this.isOpen);
+        openRef.wrapperComponentRef.changeDetectorRef.detectChanges();
+        setTimeout(() => {
+            this.isOpen.set(true);
         });
-        this.#wrapperComponentRef.setInput('positionAnchorName', this.anchorName);
-        this.#wrapperComponentRef.setInput('anchorEl', this.#elementRef);
-        this.#wrapperComponentRef.setInput('isOpen', this.isOpen);
-        this.#wrapperComponentRef.changeDetectorRef.detectChanges();
     }
     cleanupTooltip() {
-        this.isOpen.set(false);
-        if (this.#wrapperComponentRef) {
-            this.#wrapperComponentRef.destroy();
-            this.#wrapperComponentRef = null;
+        if (openRef?.wrapperComponentRef) {
+            openRef.wrapperComponentRef.destroy();
+            openRef.component.isOpen.set(false);
+            openRef = null;
         }
         if (this.#projectedViewRef) {
             this.#projectedViewRef.destroy();