@onemrvapublic/design-system 20.11.1-develop.3 → 20.11.1-develop.4
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/README.md
CHANGED
|
@@ -33,12 +33,12 @@ If you need access to our design system board, send us a message.
|
|
|
33
33
|
@Bram Decuypere (NL/EN)
|
|
34
34
|
## Changelog
|
|
35
35
|
|
|
36
|
-
### 20.11.1-develop.
|
|
36
|
+
### 20.11.1-develop.4
|
|
37
37
|
|
|
38
|
-
## [20.11.1-develop.
|
|
38
|
+
## [20.11.1-develop.4](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v20.11.1-develop.3...v20.11.1-develop.4) (2025-12-19)
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
### Bug Fixes
|
|
42
42
|
|
|
43
|
-
* **
|
|
43
|
+
* **tooltip:** add default value after again ([90f0747](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/90f0747a1c47d0b0cb391a22bb2039e9cb45136d))
|
|
44
44
|
|
|
@@ -48,8 +48,7 @@ class OnemrvaMatTooltipDirective {
|
|
|
48
48
|
this._overlayPositionBuilder = inject(OverlayPositionBuilder);
|
|
49
49
|
this._elementRef = inject(ElementRef);
|
|
50
50
|
this.showToolTip = true;
|
|
51
|
-
|
|
52
|
-
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
51
|
+
this.position = input('after', ...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
53
52
|
this.positionOffset = 5;
|
|
54
53
|
effect(() => {
|
|
55
54
|
const positionStrategy = this._overlayPositionBuilder
|
|
@@ -59,7 +58,6 @@ class OnemrvaMatTooltipDirective {
|
|
|
59
58
|
});
|
|
60
59
|
}
|
|
61
60
|
defineStrategy() {
|
|
62
|
-
console.log(this.position());
|
|
63
61
|
switch (this.position()) {
|
|
64
62
|
case 'above':
|
|
65
63
|
return [
|
|
@@ -100,7 +98,14 @@ class OnemrvaMatTooltipDirective {
|
|
|
100
98
|
},
|
|
101
99
|
];
|
|
102
100
|
default:
|
|
103
|
-
return [
|
|
101
|
+
return [
|
|
102
|
+
{
|
|
103
|
+
originX: 'end',
|
|
104
|
+
originY: 'top',
|
|
105
|
+
overlayX: 'start',
|
|
106
|
+
overlayY: 'top',
|
|
107
|
+
},
|
|
108
|
+
];
|
|
104
109
|
}
|
|
105
110
|
}
|
|
106
111
|
show() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text }}\n </ng-template>\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\n </ng-container>\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n @Input() text!: string;\n @Input() contentTemplate!: TemplateRef<any>;\n}\n","import {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n input,\n effect,\n} from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n @Input() showToolTip = true;\n\n @Input() customToolTip!: string;\n\n @Input() contentTemplate!: TemplateRef<any>;\n\n
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text }}\n </ng-template>\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\n </ng-container>\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n @Input() text!: string;\n @Input() contentTemplate!: TemplateRef<any>;\n}\n","import {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n input,\n effect,\n} from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n @Input() showToolTip = true;\n\n @Input() customToolTip!: string;\n\n @Input() contentTemplate!: TemplateRef<any>;\n\n position = input<TooltipPosition>('after');\n\n @Input() positionOffset = 5;\n\n private _overlayRef!: OverlayRef;\n\n ngOnInit() {\n if (!this.showToolTip) {\n return;\n }\n }\n\n constructor() {\n effect(() => {\n const positionStrategy = this._overlayPositionBuilder\n .flexibleConnectedTo(this._elementRef)\n .withPositions(this.defineStrategy());\n this._overlayRef = this._overlay.create({ positionStrategy });\n });\n }\n\n defineStrategy(): ConnectedPosition[] {\n switch (this.position()) {\n case 'above':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ];\n\n case 'below':\n return [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'after':\n case 'right':\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'before':\n case 'left':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'top',\n },\n ];\n default:\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n }\n }\n\n @HostListener('mouseenter')\n show() {\n if (this._overlayRef && !this._overlayRef.hasAttached()) {\n const tooltipRef: ComponentRef<OnemrvaMatTooltipComponent> =\n this._overlayRef.attach(\n new ComponentPortal(OnemrvaMatTooltipComponent),\n );\n tooltipRef.instance.text = this.customToolTip;\n tooltipRef.instance.contentTemplate = this.contentTemplate;\n }\n }\n\n @HostListener('mouseleave')\n hide() {\n this.closeToolTip();\n }\n\n ngOnDestroy() {\n this.closeToolTip();\n }\n\n private closeToolTip() {\n if (this._overlayRef) {\n this._overlayRef.detach();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { OnemrvaMatTooltipDirective } from './onemrva-mat-tooltip.directive';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n})\nexport class OnemrvaMatTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/mat-tooltip/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ declare class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {
|
|
|
10
10
|
showToolTip: boolean;
|
|
11
11
|
customToolTip: string;
|
|
12
12
|
contentTemplate: TemplateRef<any>;
|
|
13
|
-
position: i0.InputSignal<TooltipPosition
|
|
13
|
+
position: i0.InputSignal<TooltipPosition>;
|
|
14
14
|
positionOffset: number;
|
|
15
15
|
private _overlayRef;
|
|
16
16
|
ngOnInit(): void;
|