@ship-ui/core 0.15.24 → 0.15.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/ship-ui-core.mjs +13 -12
- package/fesm2022/ship-ui-core.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +1 -1
- package/styles/components/ship-card.component.scss +1 -0
- package/styles/components/ship-form-field.component.scss +1 -1
- package/styles/components/ship-list.component.scss +4 -1
- package/styles/components/ship-sheet.utility.scss +1 -0
- package/styles/components/ship-tooltip.component.scss +7 -3
- package/styles/core/core/variables.scss +2 -2
|
@@ -1662,7 +1662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1662
1662
|
class ShipCardComponent {
|
|
1663
1663
|
constructor() {
|
|
1664
1664
|
this.#shConfig = inject(SHIP_CONFIG, { optional: true });
|
|
1665
|
-
this.class = signal(this.#shConfig?.cardType ?? '
|
|
1665
|
+
this.class = signal(this.#shConfig?.cardType ?? 'type-a', ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
1666
1666
|
}
|
|
1667
1667
|
#shConfig;
|
|
1668
1668
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -6569,9 +6569,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6569
6569
|
}] } });
|
|
6570
6570
|
|
|
6571
6571
|
class ShipTooltipWrapper {
|
|
6572
|
-
#selfRef;
|
|
6573
|
-
#renderer;
|
|
6574
|
-
#positionAbort;
|
|
6575
6572
|
constructor() {
|
|
6576
6573
|
this.positionAnchorName = input.required(...(ngDevMode ? [{ debugName: "positionAnchorName" }] : []));
|
|
6577
6574
|
this.anchorEl = input.required(...(ngDevMode ? [{ debugName: "anchorEl" }] : []));
|
|
@@ -6604,6 +6601,7 @@ class ShipTooltipWrapper {
|
|
|
6604
6601
|
const outOfBoundsTop = hostRect.top - tooltipRect.height < 0;
|
|
6605
6602
|
this.isBelow.set(outOfBoundsTop);
|
|
6606
6603
|
if (!this.SUPPORTS_ANCHOR) {
|
|
6604
|
+
const tooltipRect = tooltipEl.getBoundingClientRect();
|
|
6607
6605
|
let newTop = hostRect.top - tooltipRect.height;
|
|
6608
6606
|
let newLeft = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
|
|
6609
6607
|
if (outOfBoundsTop) {
|
|
@@ -6620,13 +6618,16 @@ class ShipTooltipWrapper {
|
|
|
6620
6618
|
this.#renderer.setStyle(tooltipEl, 'position', 'fixed');
|
|
6621
6619
|
}
|
|
6622
6620
|
};
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6627
|
-
|
|
6628
|
-
|
|
6629
|
-
}
|
|
6621
|
+
}
|
|
6622
|
+
#selfRef;
|
|
6623
|
+
#renderer;
|
|
6624
|
+
#positionAbort;
|
|
6625
|
+
ngAfterViewInit() {
|
|
6626
|
+
this.#positionAbort = new AbortController();
|
|
6627
|
+
const options = { signal: this.#positionAbort.signal, capture: true };
|
|
6628
|
+
window?.addEventListener('scroll', this.calculateTooltipPosition, options);
|
|
6629
|
+
window?.addEventListener('resize', this.calculateTooltipPosition, { signal: this.#positionAbort.signal });
|
|
6630
|
+
setTimeout(() => this.calculateTooltipPosition());
|
|
6630
6631
|
}
|
|
6631
6632
|
ngOnDestroy() {
|
|
6632
6633
|
this.#positionAbort?.abort();
|
|
@@ -6655,7 +6656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6655
6656
|
'[class.below]': 'isBelow()',
|
|
6656
6657
|
},
|
|
6657
6658
|
}]
|
|
6658
|
-
}]
|
|
6659
|
+
}] });
|
|
6659
6660
|
let openRef = null;
|
|
6660
6661
|
class ShipTooltipDirective {
|
|
6661
6662
|
constructor() {
|