@datarailsshared/datarailsshared 1.6.83 → 1.6.85
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/datarailsshared-datarailsshared-1.6.85.tgz +0 -0
- package/esm2022/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.mjs +2 -2
- package/esm2022/lib/dr-tooltip/dr-tooltip.component.mjs +10 -4
- package/fesm2022/datarailsshared-datarailsshared.mjs +9 -3
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.d.ts +0 -1
- package/lib/dr-tooltip/dr-tooltip.component.d.ts +1 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.83.tgz +0 -0
|
Binary file
|
|
@@ -20,7 +20,7 @@ export class TooltipDefaultComponent {
|
|
|
20
20
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDefaultComponent, [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}:host .content:empty{display:none}:host.dark{font-size:12px;line-height:24px;padding:4px 8px}:host::ng-deep a{color:#4646ce}:host::ng-deep a:hover{cursor:pointer;text-decoration:underline!important}\n"] }]
|
|
23
|
-
}],
|
|
23
|
+
}], null, { content: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], theme: [{
|
|
26
26
|
type: Input
|
|
@@ -28,4 +28,4 @@ export class TooltipDefaultComponent {
|
|
|
28
28
|
type: HostBinding,
|
|
29
29
|
args: ['class']
|
|
30
30
|
}] }); })();
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1kZWZhdWx0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvY29tcG9uZW50cy90b29sdGlwLWRlZmF1bHQvdG9vbHRpcC1kZWZhdWx0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFROUQsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQVdJLFVBQUssR0FBaUIsWUFBWSxDQUFDLEtBQUssQ0FBQztLQUM1QzsyR0FOWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qjs7OztZQUpyQiwwQkFBbUQ7WUFBQSxrQkFBeUI7O1lBQXRELDBEQUFxQjs7O3VGQUk3Qyx1QkFBdUI7Y0FObkMsU0FBUzsyQkFDSSxvQkFBb0IsWUFDcEIsOEVBQThFLG1CQUV2RSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUd0QyxPQUFPO2tCQUFmLEtBQUs7WUFJTixLQUFLO2tCQUZKLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9vbHRpcFRoZW1lIH0gZnJvbSAnLi4vLi4vZW51bXMvdG9vbHRpcC10aGVtZS5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b29sdGlwLWRlZmF1bHQnLFxuICAgIHRlbXBsYXRlOiAnPHNwYW4gY2xhc3M9XCJjb250ZW50XCIgW2lubmVySFRNTF09XCJjb250ZW50XCI+PC9zcGFuPjxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2x0aXAtZGVmYXVsdC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwRGVmYXVsdENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29udGVudDogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICB0aGVtZTogVG9vbHRpcFRoZW1lID0gVG9vbHRpcFRoZW1lLkxJR0hUO1xufVxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, HostListener, Input, TemplateRef } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, HostListener, Input, TemplateRef } from '@angular/core';
|
|
2
2
|
import { trigger } from '@angular/animations';
|
|
3
3
|
import { POPUP_ANIMATION } from '../models/constants';
|
|
4
4
|
import { BehaviorSubject } from 'rxjs';
|
|
@@ -31,6 +31,7 @@ const _c0 = function (a0) { return { "dr-tooltip": a0 }; };
|
|
|
31
31
|
export class TooltipComponent {
|
|
32
32
|
constructor() {
|
|
33
33
|
this.isContentTemplate = false;
|
|
34
|
+
this.role = 'tooltip';
|
|
34
35
|
this.isMouseOn$ = new BehaviorSubject(false);
|
|
35
36
|
}
|
|
36
37
|
ngOnInit() {
|
|
@@ -43,8 +44,10 @@ export class TooltipComponent {
|
|
|
43
44
|
this.isMouseOn$.next(false);
|
|
44
45
|
}
|
|
45
46
|
/** @nocollapse */ static { this.ɵfac = function TooltipComponent_Factory(t) { return new (t || TooltipComponent)(); }; }
|
|
46
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["dr-tooltip"]], hostBindings: function TooltipComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
47
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["dr-tooltip"]], hostVars: 1, hostBindings: function TooltipComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
47
48
|
i0.ɵɵlistener("mouseenter", function TooltipComponent_mouseenter_HostBindingHandler() { return ctx.setMouseOn(); })("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler() { return ctx.unsetMouseOn(); });
|
|
49
|
+
} if (rf & 2) {
|
|
50
|
+
i0.ɵɵattribute("role", ctx.role);
|
|
48
51
|
} }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, decls: 5, vars: 8, consts: [[3, "ngClass"], ["class", "dr-tooltip-arrow", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["defaultContent", ""], [1, "dr-tooltip-arrow"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "content", "theme"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
|
|
49
52
|
i0.ɵɵelementStart(0, "div", 0);
|
|
50
53
|
i0.ɵɵtemplate(1, TooltipComponent_div_1_Template, 1, 0, "div", 1);
|
|
@@ -64,7 +67,7 @@ export class TooltipComponent {
|
|
|
64
67
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipComponent, [{
|
|
65
68
|
type: Component,
|
|
66
69
|
args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n <ng-container *ngIf=\"isContentTemplate; else defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <dr-tooltip-default [content]=\"content\" [theme]=\"theme\"></dr-tooltip-default>\n </ng-template>\n</div>\n", styles: [":host{display:block;font-family:Poppins,sans-serif}.top,.top-left,.top-right.dr-tooltip{transform:translateY(-8px)}.bottom,.bottom-left,.bottom-right.dr-tooltip{transform:translateY(8px)}.left,.left-top,.left-bottom.dr-tooltip{transform:translate(-8px)}.right,.right-top,.right-bottom.dr-tooltip{transform:translate(8px)}.dr-tooltip{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow{border-width:8px}.dr-tooltip-arrow,.dr-tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow:after{content:\"\";border-width:8px}.top .dr-tooltip-arrow,.top-left .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{bottom:-16px;border-top-color:#cfd7dd!important}.top .dr-tooltip-arrow:after,.top-left .dr-tooltip-arrow:after,.top-right .dr-tooltip-arrow:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom .dr-tooltip-arrow,.bottom-left .dr-tooltip-arrow,.bottom-right .dr-tooltip-arrow{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom .dr-tooltip-arrow:after,.bottom-left .dr-tooltip-arrow:after,.bottom-right .dr-tooltip-arrow:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left .dr-tooltip-arrow,.left-top .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{right:-16px;border-left-color:#cfd7dd!important}.left .dr-tooltip-arrow:after,.left-top .dr-tooltip-arrow:after,.left-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-9px;border-left-color:#fff}.right .dr-tooltip-arrow,.right-top .dr-tooltip-arrow,.right-bottom .dr-tooltip-arrow{left:-16px;border-right-color:#cfd7dd!important}.right .dr-tooltip-arrow:after,.right-top .dr-tooltip-arrow:after,.right-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-7px;border-right-color:#fff}.top .dr-tooltip-arrow,.bottom .dr-tooltip-arrow{left:calc(50% - 8px)}.bottom-left .dr-tooltip-arrow,.top-left .dr-tooltip-arrow{left:8px}.bottom-right .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{right:8px}.left .dr-tooltip-arrow,.right .dr-tooltip-arrow{top:calc(50% - 8px)}.left-top .dr-tooltip-arrow,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top .dr-tooltip-arrow,.dr-tooltip.dark.top-left .dr-tooltip-arrow,.dr-tooltip.dark.top-right .dr-tooltip-arrow{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top .dr-tooltip-arrow:after,.dr-tooltip.dark.top-left .dr-tooltip-arrow:after,.dr-tooltip.dark.top-right .dr-tooltip-arrow:after{border-top-color:transparent}.dr-tooltip.dark.bottom .dr-tooltip-arrow,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow:after{border-bottom-color:transparent}.dr-tooltip.dark.left .dr-tooltip-arrow,.dr-tooltip.dark.left-top .dr-tooltip-arrow,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left .dr-tooltip-arrow:after,.dr-tooltip.dark.left-top .dr-tooltip-arrow:after,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow:after{border-left-color:transparent}.dr-tooltip.dark.right .dr-tooltip-arrow,.dr-tooltip.dark.right-top .dr-tooltip-arrow,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right .dr-tooltip-arrow:after,.dr-tooltip.dark.right-top .dr-tooltip-arrow:after,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow:after{border-right-color:transparent}\n"] }]
|
|
67
|
-
}],
|
|
70
|
+
}], null, { content: [{
|
|
68
71
|
type: Input
|
|
69
72
|
}], contentContext: [{
|
|
70
73
|
type: Input
|
|
@@ -76,6 +79,9 @@ export class TooltipComponent {
|
|
|
76
79
|
type: Input
|
|
77
80
|
}], theme: [{
|
|
78
81
|
type: Input
|
|
82
|
+
}], role: [{
|
|
83
|
+
type: HostBinding,
|
|
84
|
+
args: ['attr.role']
|
|
79
85
|
}], setMouseOn: [{
|
|
80
86
|
type: HostListener,
|
|
81
87
|
args: ['mouseenter']
|
|
@@ -83,4 +89,4 @@ export class TooltipComponent {
|
|
|
83
89
|
type: HostListener,
|
|
84
90
|
args: ['mouseleave']
|
|
85
91
|
}] }); })();
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci10b29sdGlwL2RyLXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItdG9vbHRpcC9kci10b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDSHRELHlCQUFtRTs7O0lBRS9ELHdCQUFrRjs7O0lBRHRGLDZCQUE2RDtJQUN6RCxrR0FBa0Y7SUFDdEYsMEJBQWU7OztJQURJLGVBQTJCO0lBQTNCLGlEQUEyQixrREFBQTs7O0lBRzFDLHdDQUE2RTs7O0lBQXpELHdDQUFtQix1QkFBQTs7O0FEVy9DLE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFhSSxzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFHakIsU0FBSSxHQUFHLFNBQVMsQ0FBQztRQUVuQixlQUFVLEdBQTZCLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO0tBZXJGO0lBYkcsUUFBUTtRQUNKLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVcsQ0FBQztJQUNqRSxDQUFDO0lBR0QsVUFBVTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFHRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztvR0ExQlEsZ0JBQWdCO21HQUFoQixnQkFBZ0I7MkdBQWhCLGdCQUFZLHNGQUFaLGtCQUFjOzs7O1lDakIzQiw4QkFBbUg7WUFDL0csaUVBQW1FO1lBQ25FLG1GQUVlO1lBQ2Ysa0hBRWM7WUFDbEIsaUJBQU07OztZQVJELCtEQUE4QztZQUFDLHdIQUE4RDtZQUN4RyxlQUE0QjtZQUE1QiwrRUFBNEI7WUFDbkIsZUFBeUI7WUFBekIsNENBQXlCLGlCQUFBO29qTkRhNUIsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLGVBQWUsQ0FBQyxDQUFDOzt1RkFFeEMsZ0JBQWdCO2NBTjVCLFNBQVM7MkJBQ0ksWUFBWSxjQUdWLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxlQUFlLENBQUMsQ0FBQztnQkFHeEMsT0FBTztrQkFBZixLQUFLO1lBQ0csY0FBYztrQkFBdEIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxLQUFLO2tCQUFiLEtBQUs7WUFJRyxJQUFJO2tCQURaLFdBQVc7bUJBQUMsV0FBVztZQVV4QixVQUFVO2tCQURULFlBQVk7bUJBQUMsWUFBWTtZQU0xQixZQUFZO2tCQURYLFlBQVk7bUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IFBPUFVQX0FOSU1BVElPTiB9IGZyb20gJy4uL21vZGVscy9jb25zdGFudHMnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUb29sdGlwVGhlbWUgfSBmcm9tICcuL2VudW1zL3Rvb2x0aXAtdGhlbWUuZW51bSc7XG5cbnR5cGUgVG9vbHRpcE9wdGlvbnMgPSB7XG4gICAgd2l0aG91dENvbnRhaW5lclN0eWxlcz86IGJvb2xlYW47XG4gICAgd2l0aG91dEFycm93PzogYm9vbGVhbjtcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItdG9vbHRpcCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RyLXRvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcbiAgICBhbmltYXRpb25zOiBbdHJpZ2dlcigndG9vbHRpcCcsIFBPUFVQX0FOSU1BVElPTildLFxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBjb250ZW50O1xuICAgIEBJbnB1dCgpIGNvbnRlbnRDb250ZXh0O1xuICAgIEBJbnB1dCgpIHBvc2l0aW9uO1xuICAgIEBJbnB1dCgpIG9wdGlvbnM6IFRvb2x0aXBPcHRpb25zO1xuICAgIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGhlbWU6IFRvb2x0aXBUaGVtZTtcbiAgICBpc0NvbnRlbnRUZW1wbGF0ZSA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxuICAgIHJlYWRvbmx5IHJvbGUgPSAndG9vbHRpcCc7XG5cbiAgICBwdWJsaWMgaXNNb3VzZU9uJDogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0NvbnRlbnRUZW1wbGF0ZSA9IHRoaXMuY29udGVudCBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICAgIHNldE1vdXNlT24oKSB7XG4gICAgICAgIHRoaXMuaXNNb3VzZU9uJC5uZXh0KHRydWUpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICAgIHVuc2V0TW91c2VPbigpIHtcbiAgICAgICAgdGhpcy5pc01vdXNlT24kLm5leHQoZmFsc2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cInBvc2l0aW9uICsgJyAnICsgY2xhc3MgKyAnICcgKyB0aGVtZVwiIFtuZ0NsYXNzXT1cInsgJ2RyLXRvb2x0aXAnOiAhb3B0aW9ucz8ud2l0aG91dENvbnRhaW5lclN0eWxlcyB9XCI+XG4gICAgPGRpdiAqbmdJZj1cIiFvcHRpb25zPy53aXRob3V0QXJyb3dcIiBjbGFzcz1cImRyLXRvb2x0aXAtYXJyb3dcIj48L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNDb250ZW50VGVtcGxhdGU7IGVsc2UgZGVmYXVsdENvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnQ7IGNvbnRleHQ6IGNvbnRlbnRDb250ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cbiAgICAgICAgPGRyLXRvb2x0aXAtZGVmYXVsdCBbY29udGVudF09XCJjb250ZW50XCIgW3RoZW1lXT1cInRoZW1lXCI+PC9kci10b29sdGlwLWRlZmF1bHQ+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
|
|
@@ -659,7 +659,7 @@ class TooltipDefaultComponent {
|
|
|
659
659
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDefaultComponent, [{
|
|
660
660
|
type: Component,
|
|
661
661
|
args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}:host .content:empty{display:none}:host.dark{font-size:12px;line-height:24px;padding:4px 8px}:host::ng-deep a{color:#4646ce}:host::ng-deep a:hover{cursor:pointer;text-decoration:underline!important}\n"] }]
|
|
662
|
-
}],
|
|
662
|
+
}], null, { content: [{
|
|
663
663
|
type: Input
|
|
664
664
|
}], theme: [{
|
|
665
665
|
type: Input
|
|
@@ -693,6 +693,7 @@ const _c0$I = function (a0) { return { "dr-tooltip": a0 }; };
|
|
|
693
693
|
class TooltipComponent {
|
|
694
694
|
constructor() {
|
|
695
695
|
this.isContentTemplate = false;
|
|
696
|
+
this.role = 'tooltip';
|
|
696
697
|
this.isMouseOn$ = new BehaviorSubject(false);
|
|
697
698
|
}
|
|
698
699
|
ngOnInit() {
|
|
@@ -705,8 +706,10 @@ class TooltipComponent {
|
|
|
705
706
|
this.isMouseOn$.next(false);
|
|
706
707
|
}
|
|
707
708
|
/** @nocollapse */ static { this.ɵfac = function TooltipComponent_Factory(t) { return new (t || TooltipComponent)(); }; }
|
|
708
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["dr-tooltip"]], hostBindings: function TooltipComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
709
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["dr-tooltip"]], hostVars: 1, hostBindings: function TooltipComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
709
710
|
i0.ɵɵlistener("mouseenter", function TooltipComponent_mouseenter_HostBindingHandler() { return ctx.setMouseOn(); })("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler() { return ctx.unsetMouseOn(); });
|
|
711
|
+
} if (rf & 2) {
|
|
712
|
+
i0.ɵɵattribute("role", ctx.role);
|
|
710
713
|
} }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, decls: 5, vars: 8, consts: [[3, "ngClass"], ["class", "dr-tooltip-arrow", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["defaultContent", ""], [1, "dr-tooltip-arrow"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "content", "theme"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
|
|
711
714
|
i0.ɵɵelementStart(0, "div", 0);
|
|
712
715
|
i0.ɵɵtemplate(1, TooltipComponent_div_1_Template, 1, 0, "div", 1);
|
|
@@ -726,7 +729,7 @@ class TooltipComponent {
|
|
|
726
729
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipComponent, [{
|
|
727
730
|
type: Component,
|
|
728
731
|
args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n <ng-container *ngIf=\"isContentTemplate; else defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <dr-tooltip-default [content]=\"content\" [theme]=\"theme\"></dr-tooltip-default>\n </ng-template>\n</div>\n", styles: [":host{display:block;font-family:Poppins,sans-serif}.top,.top-left,.top-right.dr-tooltip{transform:translateY(-8px)}.bottom,.bottom-left,.bottom-right.dr-tooltip{transform:translateY(8px)}.left,.left-top,.left-bottom.dr-tooltip{transform:translate(-8px)}.right,.right-top,.right-bottom.dr-tooltip{transform:translate(8px)}.dr-tooltip{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow{border-width:8px}.dr-tooltip-arrow,.dr-tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow:after{content:\"\";border-width:8px}.top .dr-tooltip-arrow,.top-left .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{bottom:-16px;border-top-color:#cfd7dd!important}.top .dr-tooltip-arrow:after,.top-left .dr-tooltip-arrow:after,.top-right .dr-tooltip-arrow:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom .dr-tooltip-arrow,.bottom-left .dr-tooltip-arrow,.bottom-right .dr-tooltip-arrow{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom .dr-tooltip-arrow:after,.bottom-left .dr-tooltip-arrow:after,.bottom-right .dr-tooltip-arrow:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left .dr-tooltip-arrow,.left-top .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{right:-16px;border-left-color:#cfd7dd!important}.left .dr-tooltip-arrow:after,.left-top .dr-tooltip-arrow:after,.left-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-9px;border-left-color:#fff}.right .dr-tooltip-arrow,.right-top .dr-tooltip-arrow,.right-bottom .dr-tooltip-arrow{left:-16px;border-right-color:#cfd7dd!important}.right .dr-tooltip-arrow:after,.right-top .dr-tooltip-arrow:after,.right-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-7px;border-right-color:#fff}.top .dr-tooltip-arrow,.bottom .dr-tooltip-arrow{left:calc(50% - 8px)}.bottom-left .dr-tooltip-arrow,.top-left .dr-tooltip-arrow{left:8px}.bottom-right .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{right:8px}.left .dr-tooltip-arrow,.right .dr-tooltip-arrow{top:calc(50% - 8px)}.left-top .dr-tooltip-arrow,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top .dr-tooltip-arrow,.dr-tooltip.dark.top-left .dr-tooltip-arrow,.dr-tooltip.dark.top-right .dr-tooltip-arrow{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top .dr-tooltip-arrow:after,.dr-tooltip.dark.top-left .dr-tooltip-arrow:after,.dr-tooltip.dark.top-right .dr-tooltip-arrow:after{border-top-color:transparent}.dr-tooltip.dark.bottom .dr-tooltip-arrow,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow:after{border-bottom-color:transparent}.dr-tooltip.dark.left .dr-tooltip-arrow,.dr-tooltip.dark.left-top .dr-tooltip-arrow,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left .dr-tooltip-arrow:after,.dr-tooltip.dark.left-top .dr-tooltip-arrow:after,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow:after{border-left-color:transparent}.dr-tooltip.dark.right .dr-tooltip-arrow,.dr-tooltip.dark.right-top .dr-tooltip-arrow,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right .dr-tooltip-arrow:after,.dr-tooltip.dark.right-top .dr-tooltip-arrow:after,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow:after{border-right-color:transparent}\n"] }]
|
|
729
|
-
}],
|
|
732
|
+
}], null, { content: [{
|
|
730
733
|
type: Input
|
|
731
734
|
}], contentContext: [{
|
|
732
735
|
type: Input
|
|
@@ -738,6 +741,9 @@ class TooltipComponent {
|
|
|
738
741
|
type: Input
|
|
739
742
|
}], theme: [{
|
|
740
743
|
type: Input
|
|
744
|
+
}], role: [{
|
|
745
|
+
type: HostBinding,
|
|
746
|
+
args: ['attr.role']
|
|
741
747
|
}], setMouseOn: [{
|
|
742
748
|
type: HostListener,
|
|
743
749
|
args: ['mouseenter']
|