@datarailsshared/datarailsshared 1.6.230 → 1.6.232
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.232.tgz +0 -0
- package/esm2022/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.mjs +36 -24
- package/esm2022/lib/dr-tooltip/interfaces/tooltip-component-context.mjs +1 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +35 -23
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-tooltip/interfaces/tooltip-component-context.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.230.tgz +0 -0
|
Binary file
|
|
@@ -3,8 +3,8 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
function TooltipInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
6
|
-
i0.ɵɵelementStart(0, "div",
|
|
7
|
-
i0.ɵɵelement(1, "i",
|
|
6
|
+
i0.ɵɵelementStart(0, "div", 7);
|
|
7
|
+
i0.ɵɵelement(1, "i", 8);
|
|
8
8
|
i0.ɵɵelementEnd();
|
|
9
9
|
} if (rf & 2) {
|
|
10
10
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -13,7 +13,7 @@ function TooltipInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
13
13
|
i0.ɵɵproperty("ngClass", (ctx_r0.data == null ? null : ctx_r0.data.icon) || "dr-icon-noty-notification");
|
|
14
14
|
} }
|
|
15
15
|
function TooltipInfoComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
-
i0.ɵɵelementStart(0, "div",
|
|
16
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "span");
|
|
17
17
|
i0.ɵɵtext(2);
|
|
18
18
|
i0.ɵɵelementEnd()();
|
|
19
19
|
} if (rf & 2) {
|
|
@@ -22,44 +22,54 @@ function TooltipInfoComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
22
22
|
i0.ɵɵtextInterpolate(ctx_r1.data.title);
|
|
23
23
|
} }
|
|
24
24
|
function TooltipInfoComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
25
|
-
i0.ɵɵ
|
|
25
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
26
|
+
i0.ɵɵtext(2);
|
|
27
|
+
i0.ɵɵelementEnd()();
|
|
28
|
+
} if (rf & 2) {
|
|
29
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
30
|
+
i0.ɵɵadvance(2);
|
|
31
|
+
i0.ɵɵtextInterpolate(ctx_r2.data.subTitle);
|
|
32
|
+
} }
|
|
33
|
+
function TooltipInfoComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
34
|
+
i0.ɵɵelement(0, "div", 11);
|
|
26
35
|
} }
|
|
27
|
-
function
|
|
36
|
+
function TooltipInfoComponent_div_6_span_1_Template(rf, ctx) { if (rf & 1) {
|
|
28
37
|
i0.ɵɵelementStart(0, "span");
|
|
29
38
|
i0.ɵɵtext(1);
|
|
30
39
|
i0.ɵɵelementEnd();
|
|
31
40
|
} if (rf & 2) {
|
|
32
|
-
const
|
|
41
|
+
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
33
42
|
i0.ɵɵadvance(1);
|
|
34
|
-
i0.ɵɵtextInterpolate(
|
|
43
|
+
i0.ɵɵtextInterpolate(ctx_r5.data.description);
|
|
35
44
|
} }
|
|
36
|
-
function
|
|
37
|
-
i0.ɵɵelement(0, "div",
|
|
45
|
+
function TooltipInfoComponent_div_6_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
46
|
+
i0.ɵɵelement(0, "div", 15);
|
|
38
47
|
} if (rf & 2) {
|
|
39
|
-
const
|
|
40
|
-
i0.ɵɵproperty("innerHTML",
|
|
48
|
+
const ctx_r6 = i0.ɵɵnextContext(2);
|
|
49
|
+
i0.ɵɵproperty("innerHTML", ctx_r6.data.description, i0.ɵɵsanitizeHtml);
|
|
41
50
|
} }
|
|
42
|
-
function
|
|
43
|
-
i0.ɵɵelementStart(0, "div",
|
|
44
|
-
i0.ɵɵtemplate(1,
|
|
45
|
-
i0.ɵɵtemplate(2,
|
|
51
|
+
function TooltipInfoComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
52
|
+
i0.ɵɵelementStart(0, "div", 12);
|
|
53
|
+
i0.ɵɵtemplate(1, TooltipInfoComponent_div_6_span_1_Template, 2, 1, "span", 13);
|
|
54
|
+
i0.ɵɵtemplate(2, TooltipInfoComponent_div_6_div_2_Template, 1, 1, "div", 14);
|
|
46
55
|
i0.ɵɵelementEnd();
|
|
47
56
|
} if (rf & 2) {
|
|
48
|
-
const
|
|
57
|
+
const ctx_r4 = i0.ɵɵnextContext();
|
|
49
58
|
i0.ɵɵadvance(1);
|
|
50
|
-
i0.ɵɵproperty("ngIf", !
|
|
59
|
+
i0.ɵɵproperty("ngIf", !ctx_r4.data.useDescriptionAsHTML);
|
|
51
60
|
i0.ɵɵadvance(1);
|
|
52
|
-
i0.ɵɵproperty("ngIf",
|
|
61
|
+
i0.ɵɵproperty("ngIf", ctx_r4.data.useDescriptionAsHTML);
|
|
53
62
|
} }
|
|
54
63
|
export class TooltipInfoComponent {
|
|
55
64
|
/** @nocollapse */ static { this.ɵfac = function TooltipInfoComponent_Factory(t) { return new (t || TooltipInfoComponent)(); }; }
|
|
56
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls:
|
|
65
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 7, vars: 9, consts: [[1, "tooltip-info"], ["class", "tooltip-info__icon", 3, "ngClass", 4, "ngIf"], [1, "tooltip-info__content"], ["class", "tooltip-info__content__header", 4, "ngIf"], ["class", "tooltip-info__content__header-subtitle", 4, "ngIf"], ["class", "tooltip-info__content__divider", 4, "ngIf"], ["class", "tooltip-info__content__description", 4, "ngIf"], [1, "tooltip-info__icon", 3, "ngClass"], [3, "ngClass"], [1, "tooltip-info__content__header"], [1, "tooltip-info__content__header-subtitle"], [1, "tooltip-info__content__divider"], [1, "tooltip-info__content__description"], [4, "ngIf"], [3, "innerHTML", 4, "ngIf"], [3, "innerHTML"]], template: function TooltipInfoComponent_Template(rf, ctx) { if (rf & 1) {
|
|
57
66
|
i0.ɵɵelementStart(0, "div", 0);
|
|
58
67
|
i0.ɵɵtemplate(1, TooltipInfoComponent_div_1_Template, 2, 2, "div", 1);
|
|
59
68
|
i0.ɵɵelementStart(2, "div", 2);
|
|
60
69
|
i0.ɵɵtemplate(3, TooltipInfoComponent_div_3_Template, 3, 1, "div", 3);
|
|
61
|
-
i0.ɵɵtemplate(4, TooltipInfoComponent_div_4_Template,
|
|
62
|
-
i0.ɵɵtemplate(5, TooltipInfoComponent_div_5_Template,
|
|
70
|
+
i0.ɵɵtemplate(4, TooltipInfoComponent_div_4_Template, 3, 1, "div", 4);
|
|
71
|
+
i0.ɵɵtemplate(5, TooltipInfoComponent_div_5_Template, 1, 0, "div", 5);
|
|
72
|
+
i0.ɵɵtemplate(6, TooltipInfoComponent_div_6_Template, 3, 2, "div", 6);
|
|
63
73
|
i0.ɵɵelementEnd()();
|
|
64
74
|
} if (rf & 2) {
|
|
65
75
|
i0.ɵɵstyleProp("min-width", ctx.data == null ? null : ctx.data.minWidth)("max-width", ctx.data == null ? null : ctx.data.maxWidth);
|
|
@@ -68,15 +78,17 @@ export class TooltipInfoComponent {
|
|
|
68
78
|
i0.ɵɵadvance(2);
|
|
69
79
|
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.title);
|
|
70
80
|
i0.ɵɵadvance(1);
|
|
81
|
+
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.subTitle);
|
|
82
|
+
i0.ɵɵadvance(1);
|
|
71
83
|
i0.ɵɵproperty("ngIf", (ctx.data == null ? null : ctx.data.title) && (ctx.data == null ? null : ctx.data.description) && !(ctx.data == null ? null : ctx.data.hideDivider));
|
|
72
84
|
i0.ɵɵadvance(1);
|
|
73
85
|
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.description);
|
|
74
|
-
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
|
|
86
|
+
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__header-subtitle[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;color:#333}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
|
|
75
87
|
}
|
|
76
88
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipInfoComponent, [{
|
|
77
89
|
type: Component,
|
|
78
|
-
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
|
|
90
|
+
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.subTitle\" class=\"tooltip-info__content__header-subtitle\">\n <span>{{ data.subTitle }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__header-subtitle{font-size:12px;line-height:16px;font-weight:400;color:#333}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
|
|
79
91
|
}], null, { data: [{
|
|
80
92
|
type: Input
|
|
81
93
|
}] }); })();
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvY29tcG9uZW50cy90b29sdGlwLWluZm8vdG9vbHRpcC1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvY29tcG9uZW50cy90b29sdGlwLWluZm8vdG9vbHRpcC1pbmZvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0F0RSw4QkFBb0Y7SUFDaEYsdUJBQTZEO0lBQ2pFLGlCQUFNOzs7SUFGa0QsNEVBQTJCO0lBQzVFLGVBQXFEO0lBQXJELHdHQUFxRDs7O0lBR3hELDhCQUErRCxXQUFBO0lBQ3JELFlBQWdCO0lBQUEsaUJBQU8sRUFBQTs7O0lBQXZCLGVBQWdCO0lBQWhCLHVDQUFnQjs7O0lBRTFCLCtCQUEyRSxXQUFBO0lBQ2pFLFlBQW1CO0lBQUEsaUJBQU8sRUFBQTs7O0lBQTFCLGVBQW1CO0lBQW5CLDBDQUFtQjs7O0lBRTdCLDBCQUFpSDs7O0lBRTdHLDRCQUF5QztJQUFBLFlBQXNCO0lBQUEsaUJBQU87OztJQUE3QixlQUFzQjtJQUF0Qiw2Q0FBc0I7OztJQUMvRCwwQkFBNEU7OztJQUFyQyxzRUFBOEI7OztJQUZ6RSwrQkFBMEU7SUFDdEUsOEVBQXNFO0lBQ3RFLDRFQUE0RTtJQUNoRixpQkFBTTs7O0lBRkssZUFBZ0M7SUFBaEMsd0RBQWdDO0lBQ2pDLGVBQStCO0lBQS9CLHVEQUErQjs7QURGakQsTUFBTSxPQUFPLG9CQUFvQjt3R0FBcEIsb0JBQW9CO21HQUFwQixvQkFBb0I7WUNaakMsOEJBQWdHO1lBQzVGLHFFQUVNO1lBQ04sOEJBQW1DO1lBQy9CLHFFQUVNO1lBQ04scUVBRU07WUFDTixxRUFBaUg7WUFDakgscUVBR007WUFDVixpQkFBTSxFQUFBOztZQWhCZ0Isd0VBQWtDLDBEQUFBO1lBQ2xELGVBQXFCO1lBQXJCLHFFQUFxQjtZQUlqQixlQUFpQjtZQUFqQiwrREFBaUI7WUFHakIsZUFBb0I7WUFBcEIsa0VBQW9CO1lBR3BCLGVBQTREO1lBQTVELDBLQUE0RDtZQUM1RCxlQUF1QjtZQUF2QixxRUFBdUI7NEJERnZCLFlBQVk7O3VGQUViLG9CQUFvQjtjQVJoQyxTQUFTOzJCQUNJLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztnQkFHZCxJQUFJO2tCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvb2x0aXBJbmZvQ29udGV4dCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdG9vbHRpcC1jb21wb25lbnQtY29udGV4dCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItdG9vbHRpcC1pbmZvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sdGlwLWluZm8uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwSW5mb0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZGF0YTogVG9vbHRpcEluZm9Db250ZXh0O1xufVxuIiwiPGRpdiBjbGFzcz1cInRvb2x0aXAtaW5mb1wiIFtzdHlsZS5taW4td2lkdGhdPVwiZGF0YT8ubWluV2lkdGhcIiBbc3R5bGUubWF4LXdpZHRoXT1cImRhdGE/Lm1heFdpZHRoXCI+XG4gICAgPGRpdiAqbmdJZj1cIiFkYXRhPy5oaWRlSWNvblwiIGNsYXNzPVwidG9vbHRpcC1pbmZvX19pY29uXCIgW25nQ2xhc3NdPVwiZGF0YT8uaWNvblRoZW1lXCI+XG4gICAgICAgIDxpIFtuZ0NsYXNzXT1cImRhdGE/Lmljb24gfHwgJ2RyLWljb24tbm90eS1ub3RpZmljYXRpb24nXCI+PC9pPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWluZm9fX2NvbnRlbnRcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImRhdGE/LnRpdGxlXCIgY2xhc3M9XCJ0b29sdGlwLWluZm9fX2NvbnRlbnRfX2hlYWRlclwiPlxuICAgICAgICAgICAgPHNwYW4+e3sgZGF0YS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJkYXRhPy5zdWJUaXRsZVwiIGNsYXNzPVwidG9vbHRpcC1pbmZvX19jb250ZW50X19oZWFkZXItc3VidGl0bGVcIj5cbiAgICAgICAgICAgIDxzcGFuPnt7IGRhdGEuc3ViVGl0bGUgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZGF0YT8udGl0bGUgJiYgZGF0YT8uZGVzY3JpcHRpb24gJiYgIWRhdGE/LmhpZGVEaXZpZGVyXCIgY2xhc3M9XCJ0b29sdGlwLWluZm9fX2NvbnRlbnRfX2RpdmlkZXJcIj48L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImRhdGE/LmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ0b29sdGlwLWluZm9fX2NvbnRlbnRfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFkYXRhLnVzZURlc2NyaXB0aW9uQXNIVE1MXCI+e3sgZGF0YS5kZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkYXRhLnVzZURlc2NyaXB0aW9uQXNIVE1MXCIgW2lubmVySFRNTF09XCJkYXRhLmRlc2NyaXB0aW9uXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -11,4 +11,4 @@ export var TooltipInfoIconTheme;
|
|
|
11
11
|
TooltipInfoIconTheme["ERROR"] = "error";
|
|
12
12
|
TooltipInfoIconTheme["SUCCESS"] = "success";
|
|
13
13
|
})(TooltipInfoIconTheme || (TooltipInfoIconTheme = {}));
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1jb21wb25lbnQtY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvaW50ZXJmYWNlcy90b29sdGlwLWNvbXBvbmVudC1jb250ZXh0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFBLE1BQU0sQ0FBTixJQUFZLGdCQUlYO0FBSkQsV0FBWSxnQkFBZ0I7SUFDeEIsbUNBQWUsQ0FBQTtJQUNmLG9DQUFnQixDQUFBO0lBQ2hCLG1DQUFlLENBQUE7QUFDbkIsQ0FBQyxFQUpXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFJM0I7QUFFRCxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzVCLHFDQUFhLENBQUE7SUFDYiwyQ0FBbUIsQ0FBQTtJQUNuQix1Q0FBZSxDQUFBO0lBQ2YsMkNBQW1CLENBQUE7QUFDdkIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBUb29sdGlwSW5mb0NvbnRleHQgPSB7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgc3ViVGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgdXNlRGVzY3JpcHRpb25Bc0hUTUw/OiBib29sZWFuO1xuICAgIGljb24/OiBzdHJpbmc7XG4gICAgaWNvblRoZW1lPzogVG9vbHRpcEluZm9JY29uVGhlbWU7XG4gICAgaGlkZUljb24/OiBib29sZWFuO1xuICAgIGhpZGVEaXZpZGVyPzogYm9vbGVhbjtcbiAgICBtaW5XaWR0aD86IFRvb2x0aXBJbmZvV2lkdGggfCBzdHJpbmc7XG4gICAgbWF4V2lkdGg/OiBUb29sdGlwSW5mb1dpZHRoIHwgc3RyaW5nO1xufTtcblxuZXhwb3J0IGVudW0gVG9vbHRpcEluZm9XaWR0aCB7XG4gICAgTEFSR0UgPSAnNTEwcHgnLFxuICAgIE1FRElVTSA9ICczMjBweCcsXG4gICAgU01BTEwgPSAnMjgwcHgnLFxufVxuXG5leHBvcnQgZW51bSBUb29sdGlwSW5mb0ljb25UaGVtZSB7XG4gICAgSU5GTyA9ICdpbmZvJyxcbiAgICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICAgIEVSUk9SID0gJ2Vycm9yJyxcbiAgICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxufVxuIl19
|
|
@@ -5941,8 +5941,8 @@ class DrToggleComponent {
|
|
|
5941
5941
|
}] }); })();
|
|
5942
5942
|
|
|
5943
5943
|
function TooltipInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
5944
|
-
i0.ɵɵelementStart(0, "div",
|
|
5945
|
-
i0.ɵɵelement(1, "i",
|
|
5944
|
+
i0.ɵɵelementStart(0, "div", 7);
|
|
5945
|
+
i0.ɵɵelement(1, "i", 8);
|
|
5946
5946
|
i0.ɵɵelementEnd();
|
|
5947
5947
|
} if (rf & 2) {
|
|
5948
5948
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -5951,7 +5951,7 @@ function TooltipInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
5951
5951
|
i0.ɵɵproperty("ngClass", (ctx_r0.data == null ? null : ctx_r0.data.icon) || "dr-icon-noty-notification");
|
|
5952
5952
|
} }
|
|
5953
5953
|
function TooltipInfoComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
5954
|
-
i0.ɵɵelementStart(0, "div",
|
|
5954
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "span");
|
|
5955
5955
|
i0.ɵɵtext(2);
|
|
5956
5956
|
i0.ɵɵelementEnd()();
|
|
5957
5957
|
} if (rf & 2) {
|
|
@@ -5960,44 +5960,54 @@ function TooltipInfoComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
5960
5960
|
i0.ɵɵtextInterpolate(ctx_r1.data.title);
|
|
5961
5961
|
} }
|
|
5962
5962
|
function TooltipInfoComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
5963
|
-
i0.ɵɵ
|
|
5963
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
5964
|
+
i0.ɵɵtext(2);
|
|
5965
|
+
i0.ɵɵelementEnd()();
|
|
5966
|
+
} if (rf & 2) {
|
|
5967
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
5968
|
+
i0.ɵɵadvance(2);
|
|
5969
|
+
i0.ɵɵtextInterpolate(ctx_r2.data.subTitle);
|
|
5970
|
+
} }
|
|
5971
|
+
function TooltipInfoComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
5972
|
+
i0.ɵɵelement(0, "div", 11);
|
|
5964
5973
|
} }
|
|
5965
|
-
function
|
|
5974
|
+
function TooltipInfoComponent_div_6_span_1_Template(rf, ctx) { if (rf & 1) {
|
|
5966
5975
|
i0.ɵɵelementStart(0, "span");
|
|
5967
5976
|
i0.ɵɵtext(1);
|
|
5968
5977
|
i0.ɵɵelementEnd();
|
|
5969
5978
|
} if (rf & 2) {
|
|
5970
|
-
const
|
|
5979
|
+
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
5971
5980
|
i0.ɵɵadvance(1);
|
|
5972
|
-
i0.ɵɵtextInterpolate(
|
|
5981
|
+
i0.ɵɵtextInterpolate(ctx_r5.data.description);
|
|
5973
5982
|
} }
|
|
5974
|
-
function
|
|
5975
|
-
i0.ɵɵelement(0, "div",
|
|
5983
|
+
function TooltipInfoComponent_div_6_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
5984
|
+
i0.ɵɵelement(0, "div", 15);
|
|
5976
5985
|
} if (rf & 2) {
|
|
5977
|
-
const
|
|
5978
|
-
i0.ɵɵproperty("innerHTML",
|
|
5986
|
+
const ctx_r6 = i0.ɵɵnextContext(2);
|
|
5987
|
+
i0.ɵɵproperty("innerHTML", ctx_r6.data.description, i0.ɵɵsanitizeHtml);
|
|
5979
5988
|
} }
|
|
5980
|
-
function
|
|
5981
|
-
i0.ɵɵelementStart(0, "div",
|
|
5982
|
-
i0.ɵɵtemplate(1,
|
|
5983
|
-
i0.ɵɵtemplate(2,
|
|
5989
|
+
function TooltipInfoComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
5990
|
+
i0.ɵɵelementStart(0, "div", 12);
|
|
5991
|
+
i0.ɵɵtemplate(1, TooltipInfoComponent_div_6_span_1_Template, 2, 1, "span", 13);
|
|
5992
|
+
i0.ɵɵtemplate(2, TooltipInfoComponent_div_6_div_2_Template, 1, 1, "div", 14);
|
|
5984
5993
|
i0.ɵɵelementEnd();
|
|
5985
5994
|
} if (rf & 2) {
|
|
5986
|
-
const
|
|
5995
|
+
const ctx_r4 = i0.ɵɵnextContext();
|
|
5987
5996
|
i0.ɵɵadvance(1);
|
|
5988
|
-
i0.ɵɵproperty("ngIf", !
|
|
5997
|
+
i0.ɵɵproperty("ngIf", !ctx_r4.data.useDescriptionAsHTML);
|
|
5989
5998
|
i0.ɵɵadvance(1);
|
|
5990
|
-
i0.ɵɵproperty("ngIf",
|
|
5999
|
+
i0.ɵɵproperty("ngIf", ctx_r4.data.useDescriptionAsHTML);
|
|
5991
6000
|
} }
|
|
5992
6001
|
class TooltipInfoComponent {
|
|
5993
6002
|
/** @nocollapse */ static { this.ɵfac = function TooltipInfoComponent_Factory(t) { return new (t || TooltipInfoComponent)(); }; }
|
|
5994
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls:
|
|
6003
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 7, vars: 9, consts: [[1, "tooltip-info"], ["class", "tooltip-info__icon", 3, "ngClass", 4, "ngIf"], [1, "tooltip-info__content"], ["class", "tooltip-info__content__header", 4, "ngIf"], ["class", "tooltip-info__content__header-subtitle", 4, "ngIf"], ["class", "tooltip-info__content__divider", 4, "ngIf"], ["class", "tooltip-info__content__description", 4, "ngIf"], [1, "tooltip-info__icon", 3, "ngClass"], [3, "ngClass"], [1, "tooltip-info__content__header"], [1, "tooltip-info__content__header-subtitle"], [1, "tooltip-info__content__divider"], [1, "tooltip-info__content__description"], [4, "ngIf"], [3, "innerHTML", 4, "ngIf"], [3, "innerHTML"]], template: function TooltipInfoComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5995
6004
|
i0.ɵɵelementStart(0, "div", 0);
|
|
5996
6005
|
i0.ɵɵtemplate(1, TooltipInfoComponent_div_1_Template, 2, 2, "div", 1);
|
|
5997
6006
|
i0.ɵɵelementStart(2, "div", 2);
|
|
5998
6007
|
i0.ɵɵtemplate(3, TooltipInfoComponent_div_3_Template, 3, 1, "div", 3);
|
|
5999
|
-
i0.ɵɵtemplate(4, TooltipInfoComponent_div_4_Template,
|
|
6000
|
-
i0.ɵɵtemplate(5, TooltipInfoComponent_div_5_Template,
|
|
6008
|
+
i0.ɵɵtemplate(4, TooltipInfoComponent_div_4_Template, 3, 1, "div", 4);
|
|
6009
|
+
i0.ɵɵtemplate(5, TooltipInfoComponent_div_5_Template, 1, 0, "div", 5);
|
|
6010
|
+
i0.ɵɵtemplate(6, TooltipInfoComponent_div_6_Template, 3, 2, "div", 6);
|
|
6001
6011
|
i0.ɵɵelementEnd()();
|
|
6002
6012
|
} if (rf & 2) {
|
|
6003
6013
|
i0.ɵɵstyleProp("min-width", ctx.data == null ? null : ctx.data.minWidth)("max-width", ctx.data == null ? null : ctx.data.maxWidth);
|
|
@@ -6006,14 +6016,16 @@ class TooltipInfoComponent {
|
|
|
6006
6016
|
i0.ɵɵadvance(2);
|
|
6007
6017
|
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.title);
|
|
6008
6018
|
i0.ɵɵadvance(1);
|
|
6019
|
+
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.subTitle);
|
|
6020
|
+
i0.ɵɵadvance(1);
|
|
6009
6021
|
i0.ɵɵproperty("ngIf", (ctx.data == null ? null : ctx.data.title) && (ctx.data == null ? null : ctx.data.description) && !(ctx.data == null ? null : ctx.data.hideDivider));
|
|
6010
6022
|
i0.ɵɵadvance(1);
|
|
6011
6023
|
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.description);
|
|
6012
|
-
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
|
|
6024
|
+
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__header-subtitle[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;color:#333}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
|
|
6013
6025
|
}
|
|
6014
6026
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipInfoComponent, [{
|
|
6015
6027
|
type: Component,
|
|
6016
|
-
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
|
|
6028
|
+
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.subTitle\" class=\"tooltip-info__content__header-subtitle\">\n <span>{{ data.subTitle }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__header-subtitle{font-size:12px;line-height:16px;font-weight:400;color:#333}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
|
|
6017
6029
|
}], null, { data: [{
|
|
6018
6030
|
type: Input
|
|
6019
6031
|
}] }); })();
|