@ship-ui/core 0.15.25 → 0.15.28

package/fesm2022/ship-ui-core.mjs

@@ -1625,8 +1625,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class ShipButtonGroupComponent {
+    constructor() {
+        this.id = '--' + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 12);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipButtonGroupComponent, isStandalone: true, selector: "sh-button-group", ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipButtonGroupComponent, isStandalone: true, selector: "sh-button-group", host: { properties: { "style.--btng-id": "id" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -1639,6 +1642,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
     <ng-content />
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.--btng-id]': 'id',
+                    },
                 }]
         }] });
 
@@ -6078,8 +6084,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class ShipTabsComponent {
+    constructor() {
+        this.id = '--' + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 12);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipTabsComponent, isStandalone: true, selector: "sh-tabs", ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipTabsComponent, isStandalone: true, selector: "sh-tabs", host: { properties: { "style.--tabs-id": "id" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -6092,6 +6101,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
     <ng-content />
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.--tabs-id]': 'id',
+                    },
                 }]
         }] });
 
@@ -6569,9 +6581,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class ShipTooltipWrapper {
-    #selfRef;
-    #renderer;
-    #positionAbort;
     constructor() {
         this.positionAnchorName = input.required(...(ngDevMode ? [{ debugName: "positionAnchorName" }] : []));
         this.anchorEl = input.required(...(ngDevMode ? [{ debugName: "anchorEl" }] : []));
@@ -6604,6 +6613,7 @@ class ShipTooltipWrapper {
             const outOfBoundsTop = hostRect.top - tooltipRect.height < 0;
             this.isBelow.set(outOfBoundsTop);
             if (!this.SUPPORTS_ANCHOR) {
+                const tooltipRect = tooltipEl.getBoundingClientRect();
                 let newTop = hostRect.top - tooltipRect.height;
                 let newLeft = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
                 if (outOfBoundsTop) {
@@ -6620,13 +6630,16 @@ class ShipTooltipWrapper {
                 this.#renderer.setStyle(tooltipEl, 'position', 'fixed');
             }
         };
-        afterNextRender(() => {
-            this.#positionAbort = new AbortController();
-            const options = { signal: this.#positionAbort.signal, capture: true };
-            window?.addEventListener('scroll', this.calculateTooltipPosition, options);
-            window?.addEventListener('resize', this.calculateTooltipPosition, { signal: this.#positionAbort.signal });
-            setTimeout(() => this.calculateTooltipPosition());
-        });
+    }
+    #selfRef;
+    #renderer;
+    #positionAbort;
+    ngAfterViewInit() {
+        this.#positionAbort = new AbortController();
+        const options = { signal: this.#positionAbort.signal, capture: true };
+        window?.addEventListener('scroll', this.calculateTooltipPosition, options);
+        window?.addEventListener('resize', this.calculateTooltipPosition, { signal: this.#positionAbort.signal });
+        setTimeout(() => this.calculateTooltipPosition());
     }
     ngOnDestroy() {
         this.#positionAbort?.abort();
@@ -6655,7 +6668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         '[class.below]': 'isBelow()',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 let openRef = null;
 class ShipTooltipDirective {
     constructor() {