@ship-ui/core 0.17.19 → 0.17.20
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.
|
@@ -1926,6 +1926,12 @@
|
|
|
1926
1926
|
"returnType": "any",
|
|
1927
1927
|
"description": ""
|
|
1928
1928
|
},
|
|
1929
|
+
{
|
|
1930
|
+
"name": "onMouseLeave",
|
|
1931
|
+
"parameters": "event: MouseEvent",
|
|
1932
|
+
"returnType": "any",
|
|
1933
|
+
"description": ""
|
|
1934
|
+
},
|
|
1929
1935
|
{
|
|
1930
1936
|
"name": "clearTimeout",
|
|
1931
1937
|
"parameters": "this.destroyTimeout);\n this.destroyTimeout = null;\n }\n }\n\n private showTooltip(",
|
|
@@ -2401,7 +2407,7 @@
|
|
|
2401
2407
|
},
|
|
2402
2408
|
{
|
|
2403
2409
|
"name": "multiple-select",
|
|
2404
|
-
"html": "<sh-select color=\"primary\" variant=\"raised\" [options]=\"options()\" label=\"label\" value=\"value\" [selectMultiple]=\"true\">\n <label>\n Favorite foods (multiple)\n <sh-icon class=\"primary\" [shTooltip]=\"'hello im a description'\">question</sh-icon>\n </label>\n\n <input type=\"text\" [(ngModel)]=\"selected\" />\n</sh-select>\n\n<p>Selected: {{ selected() | json }}</p>\n",
|
|
2410
|
+
"html": "<sh-select color=\"primary\" variant=\"raised\" [options]=\"options()\" label=\"label\" value=\"value\" [selectMultiple]=\"true\">\n <label>\n Favorite foods (multiple)\n <sh-icon class=\"primary\" [shTooltip]=\"'hello im a description'\">question</sh-icon>\n </label>\n\n <input type=\"text\" [(ngModel)]=\"selected\" />\n</sh-select>\n<sh-select color=\"primary\" variant=\"raised\" [options]=\"options()\" label=\"label\" value=\"value\" [selectMultiple]=\"true\">\n <label>\n Favorite foods (multiple) another\n <sh-icon class=\"primary\" [shTooltip]=\"'hello im a description'\">question</sh-icon>\n </label>\n\n <input type=\"text\" [(ngModel)]=\"selected\" />\n</sh-select>\n<p>Selected: {{ selected() | json }}</p>\n",
|
|
2405
2411
|
"ts": "import { JsonPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ShipIcon, ShipSelect, ShipTooltip } from 'ship-ui';\n\n@Component({\n selector: 'app-multiple-select',\n standalone: true,\n imports: [FormsModule, ShipSelect, JsonPipe, ShipIcon, ShipTooltip],\n templateUrl: './multiple-select.html',\n styleUrl: './multiple-select.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MultipleSelect {\n options = signal([\n { value: 'pizza', label: 'Pizza' },\n { value: 'burger', label: 'Burger' },\n { value: 'sushi', label: 'Sushi' },\n ]);\n selected = signal<string[]>(['pizza,burger']);\n}\n"
|
|
2406
2412
|
},
|
|
2407
2413
|
{
|
|
@@ -7189,7 +7189,7 @@ class ShipTooltip {
|
|
|
7189
7189
|
this.#viewContainerRef = inject(ViewContainerRef);
|
|
7190
7190
|
this.#environmentInjector = inject(EnvironmentInjector);
|
|
7191
7191
|
this.debounceTimer = null;
|
|
7192
|
-
this.DEBOUNCE_DELAY =
|
|
7192
|
+
this.DEBOUNCE_DELAY = 50;
|
|
7193
7193
|
this.anchorName = `--${generateUniqueId()}`;
|
|
7194
7194
|
this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
|
|
7195
7195
|
this.destroyTimeout = null;
|
|
@@ -7200,11 +7200,15 @@ class ShipTooltip {
|
|
|
7200
7200
|
#environmentInjector;
|
|
7201
7201
|
onMouseEnter(event) {
|
|
7202
7202
|
event.stopPropagation();
|
|
7203
|
+
console.log('openRef?.component.anchorName this.anchorName', openRef?.component.anchorName, this.anchorName);
|
|
7203
7204
|
if (openRef?.component.anchorName !== this.anchorName) {
|
|
7204
7205
|
this.cleanupTooltip();
|
|
7205
7206
|
}
|
|
7206
|
-
|
|
7207
|
-
|
|
7207
|
+
else {
|
|
7208
|
+
this.cancelCleanupTimer();
|
|
7209
|
+
}
|
|
7210
|
+
this.showTooltip();
|
|
7211
|
+
// queueMicrotask(() => );
|
|
7208
7212
|
}
|
|
7209
7213
|
onMouseLeave(event) {
|
|
7210
7214
|
event.stopPropagation();
|