@datarailsshared/datarailsshared 1.6.314 → 1.6.318
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.318.tgz +0 -0
- package/esm2022/lib/dr-progress-bar/dr-progress-bar.component.mjs +88 -15
- package/esm2022/lib/dr-system-message/dr-system-message.component.mjs +3 -3
- package/fesm2022/datarailsshared-datarailsshared.mjs +88 -15
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-progress-bar/dr-progress-bar.component.d.ts +21 -4
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.314.tgz +0 -0
|
Binary file
|
|
@@ -1,19 +1,31 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
1
|
+
import { Component, ContentChild, HostBinding, Input, TemplateRef } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
|
+
function DrProgressBarComponent_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
6
|
+
i0.ɵɵelementContainer(0);
|
|
7
|
+
} }
|
|
5
8
|
function DrProgressBarComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
6
9
|
i0.ɵɵelementContainerStart(0);
|
|
7
|
-
i0.ɵɵ
|
|
10
|
+
i0.ɵɵtemplate(1, DrProgressBarComponent_ng_container_4_ng_container_1_Template, 1, 0, "ng-container", 5);
|
|
8
11
|
i0.ɵɵelementContainerEnd();
|
|
9
12
|
} if (rf & 2) {
|
|
10
13
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
14
|
+
const _r1 = i0.ɵɵreference(6);
|
|
15
|
+
let tmp_0_0;
|
|
11
16
|
i0.ɵɵadvance(1);
|
|
12
|
-
i0.ɵɵ
|
|
17
|
+
i0.ɵɵproperty("ngTemplateOutlet", (tmp_0_0 = ctx_r0.customValueTemplate) !== null && tmp_0_0 !== undefined ? tmp_0_0 : _r1)("ngTemplateOutletContext", ctx_r0.valueTemplateContext);
|
|
18
|
+
} }
|
|
19
|
+
function DrProgressBarComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
20
|
+
i0.ɵɵtext(0);
|
|
21
|
+
} if (rf & 2) {
|
|
22
|
+
const progressPercent_r4 = ctx.progressPercent;
|
|
23
|
+
i0.ɵɵtextInterpolate1("", progressPercent_r4, "%");
|
|
13
24
|
} }
|
|
14
25
|
const _c0 = ["*"];
|
|
15
26
|
export class DrProgressBarComponent {
|
|
16
27
|
constructor() {
|
|
28
|
+
this.roundProgress = false;
|
|
17
29
|
/**
|
|
18
30
|
* Option to hide value label
|
|
19
31
|
*/
|
|
@@ -21,43 +33,104 @@ export class DrProgressBarComponent {
|
|
|
21
33
|
this.theme = 'light';
|
|
22
34
|
this.role = 'progressbar';
|
|
23
35
|
this.ariaValueMin = 0;
|
|
24
|
-
this.
|
|
36
|
+
this._rawProgress = 0;
|
|
37
|
+
this._total = 100;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Progress value from 0 to total
|
|
41
|
+
*/
|
|
42
|
+
set progress(value) {
|
|
43
|
+
this._rawProgress = this.clampNonNegativeNumber(value, 0);
|
|
44
|
+
}
|
|
45
|
+
get progress() {
|
|
46
|
+
return Math.min(this._rawProgress, this.total);
|
|
47
|
+
}
|
|
48
|
+
set total(value) {
|
|
49
|
+
this._total = this.clampNonNegativeNumber(value, 100);
|
|
50
|
+
}
|
|
51
|
+
get total() {
|
|
52
|
+
return this._total;
|
|
53
|
+
}
|
|
54
|
+
get ariaValueMax() {
|
|
55
|
+
return this.total;
|
|
25
56
|
}
|
|
26
57
|
get ariaValueNow() {
|
|
27
|
-
return this.progress
|
|
58
|
+
return this.progress;
|
|
28
59
|
}
|
|
29
60
|
get ariaLabel() {
|
|
30
|
-
const progressValue = this.progress || 0;
|
|
31
61
|
if (this.customAriaLabel) {
|
|
32
|
-
return
|
|
62
|
+
return this.customAriaLabel
|
|
63
|
+
.replace(/\{progress\}/g, this.progress.toString())
|
|
64
|
+
.replace(/\{total\}/g, this.total.toString())
|
|
65
|
+
.replace(/\{progressPercent\}/g, this.progressPercent.toString());
|
|
66
|
+
}
|
|
67
|
+
return `Progress: ${this.progressPercent}% complete`;
|
|
68
|
+
}
|
|
69
|
+
get valueTemplateContext() {
|
|
70
|
+
return {
|
|
71
|
+
progress: this.progress,
|
|
72
|
+
total: this.total,
|
|
73
|
+
progressPercent: this.progressPercent,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
get progressPercent() {
|
|
77
|
+
if (this.total <= 0) {
|
|
78
|
+
return 0;
|
|
33
79
|
}
|
|
34
|
-
return
|
|
80
|
+
return this.clampProgress((this.progress / this.total) * 100);
|
|
81
|
+
}
|
|
82
|
+
clampProgress(value) {
|
|
83
|
+
if (Number.isNaN(value)) {
|
|
84
|
+
return 0;
|
|
85
|
+
}
|
|
86
|
+
const clampedValue = Math.min(100, Math.max(0, value));
|
|
87
|
+
return this.roundProgress ? Math.round(clampedValue) : clampedValue;
|
|
88
|
+
}
|
|
89
|
+
clampNonNegativeNumber(value, fallbackValue) {
|
|
90
|
+
const numericValue = typeof value === 'number' ? value : Number(value);
|
|
91
|
+
if (Number.isNaN(numericValue) || !Number.isFinite(numericValue)) {
|
|
92
|
+
return fallbackValue;
|
|
93
|
+
}
|
|
94
|
+
return Math.max(0, numericValue);
|
|
35
95
|
}
|
|
36
96
|
/** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
|
|
37
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]],
|
|
97
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], contentQueries: function DrProgressBarComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
98
|
+
i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5);
|
|
99
|
+
} if (rf & 2) {
|
|
100
|
+
let _t;
|
|
101
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customValueTemplate = _t.first);
|
|
102
|
+
} }, hostVars: 7, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
38
103
|
i0.ɵɵattribute("role", ctx.role)("aria-valuemin", ctx.ariaValueMin)("aria-valuemax", ctx.ariaValueMax)("aria-valuenow", ctx.ariaValueNow)("aria-label", ctx.ariaLabel);
|
|
39
104
|
i0.ɵɵclassMap(ctx.theme);
|
|
40
|
-
} }, inputs: { progress: "progress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls:
|
|
105
|
+
} }, inputs: { progress: "progress", total: "total", roundProgress: "roundProgress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 7, vars: 3, consts: [["aria-hidden", "true", 1, "progress-bar__background"], [1, "progress-bar__background__fill"], ["aria-hidden", "true", 1, "progress-bar__value"], [4, "ngIf"], ["defaultValueTemplate", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
41
106
|
i0.ɵɵprojectionDef();
|
|
42
107
|
i0.ɵɵelementStart(0, "div", 0);
|
|
43
108
|
i0.ɵɵelement(1, "div", 1);
|
|
44
109
|
i0.ɵɵelementEnd();
|
|
45
110
|
i0.ɵɵelementStart(2, "span", 2);
|
|
46
111
|
i0.ɵɵprojection(3);
|
|
47
|
-
i0.ɵɵtemplate(4, DrProgressBarComponent_ng_container_4_Template, 2,
|
|
112
|
+
i0.ɵɵtemplate(4, DrProgressBarComponent_ng_container_4_Template, 2, 2, "ng-container", 3);
|
|
48
113
|
i0.ɵɵelementEnd();
|
|
114
|
+
i0.ɵɵtemplate(5, DrProgressBarComponent_ng_template_5_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
|
|
49
115
|
} if (rf & 2) {
|
|
50
116
|
i0.ɵɵadvance(1);
|
|
51
|
-
i0.ɵɵstyleProp("width",
|
|
117
|
+
i0.ɵɵstyleProp("width", ctx.progressPercent + "%");
|
|
52
118
|
i0.ɵɵadvance(3);
|
|
53
119
|
i0.ɵɵproperty("ngIf", ctx.showValue);
|
|
54
|
-
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
120
|
+
} }, dependencies: [CommonModule, i1.NgIf, i1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__value[_ngcontent-%COMP%]:empty{display:none}.progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
55
121
|
}
|
|
56
122
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
|
|
57
123
|
type: Component,
|
|
58
|
-
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\" aria-hidden=\"true\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"
|
|
124
|
+
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\" aria-hidden=\"true\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"progressPercent + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\" aria-hidden=\"true\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">\n <ng-container\n *ngTemplateOutlet=\"customValueTemplate ?? defaultValueTemplate; context: valueTemplateContext\"></ng-container>\n </ng-container>\n</span>\n<ng-template #defaultValueTemplate let-progressPercent=\"progressPercent\">{{ progressPercent }}%</ng-template>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__value:empty{display:none}.progress-bar__background{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}:host(.dark) .progress-bar__value{color:#fff}\n"] }]
|
|
59
125
|
}], null, { progress: [{
|
|
60
126
|
type: Input
|
|
127
|
+
}], total: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], roundProgress: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], customValueTemplate: [{
|
|
132
|
+
type: ContentChild,
|
|
133
|
+
args: [TemplateRef]
|
|
61
134
|
}], showValue: [{
|
|
62
135
|
type: Input
|
|
63
136
|
}], theme: [{
|
|
@@ -84,4 +157,4 @@ export class DrProgressBarComponent {
|
|
|
84
157
|
type: HostBinding,
|
|
85
158
|
args: ['attr.aria-label']
|
|
86
159
|
}] }); })();
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
160
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXByb2dyZXNzLWJhci9kci1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItcHJvZ3Jlc3MtYmFyL2RyLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7SUNLdkMsd0JBQ2tIOzs7SUFGdEgsNkJBQWdDO0lBQzVCLHdHQUNrSDtJQUN0SCwwQkFBZTs7Ozs7SUFETixlQUErRDtJQUEvRCwySEFBK0Qsd0RBQUE7OztJQUdILFlBQXNCOzs7SUFBdEIsa0RBQXNCOzs7QURPL0YsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQTRCSSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUt0Qjs7V0FFRztRQUVILGNBQVMsR0FBRyxJQUFJLENBQUM7UUFJakIsVUFBSyxHQUFzQixPQUFPLENBQUM7UUFTMUIsU0FBSSxHQUFHLGFBQWEsQ0FBQztRQUdyQixpQkFBWSxHQUFHLENBQUMsQ0FBQztRQTBEbEIsaUJBQVksR0FBRyxDQUFDLENBQUM7UUFDakIsV0FBTSxHQUFHLEdBQUcsQ0FBQztLQUN4QjtJQXpHRzs7T0FFRztJQUNILElBQ0ksUUFBUSxDQUFDLEtBQXlCO1FBQ2xDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBQ0QsSUFBSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxJQUNJLEtBQUssQ0FBQyxLQUF5QjtRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBOEJELElBQ0ksWUFBWTtRQUNaLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFDSSxZQUFZO1FBQ1osT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUNJLFNBQVM7UUFDVCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDdEIsT0FBTyxJQUFJLENBQUMsZUFBZTtpQkFDdEIsT0FBTyxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO2lCQUNsRCxPQUFPLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7aUJBQzVDLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7U0FDekU7UUFFRCxPQUFPLGFBQWEsSUFBSSxDQUFDLGVBQWUsWUFBWSxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFJLG9CQUFvQjtRQUNwQixPQUFPO1lBQ0gsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWU7U0FDeEMsQ0FBQztJQUNOLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDZixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxFQUFFO1lBQ2pCLE9BQU8sQ0FBQyxDQUFDO1NBQ1o7UUFFRCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRU8sYUFBYSxDQUFDLEtBQWE7UUFDL0IsSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxDQUFDO1NBQ1o7UUFFRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDO0lBQ3hFLENBQUM7SUFFTyxzQkFBc0IsQ0FBQyxLQUFjLEVBQUUsYUFBcUI7UUFDaEUsTUFBTSxZQUFZLEdBQUcsT0FBTyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2RSxJQUFJLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQzlELE9BQU8sYUFBYSxDQUFDO1NBQ3hCO1FBRUQsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUNyQyxDQUFDOzBHQXRHUSxzQkFBc0I7bUdBQXRCLHNCQUFzQjt3Q0F1QmpCLFdBQVc7Ozs7Ozs7OztZQ3hDN0IsOEJBQXlEO1lBQ3JELHlCQUF3RjtZQUM1RixpQkFBTTtZQUNOLCtCQUFxRDtZQUNqRCxrQkFBeUI7WUFDekIseUZBR2U7WUFDbkIsaUJBQU87WUFDUCx3SEFBNkc7O1lBVDdELGVBQXFDO1lBQXJDLGtEQUFxQztZQUlsRSxlQUFlO1lBQWYsb0NBQWU7NEJEVXBCLFlBQVk7O3VGQUViLHNCQUFzQjtjQVBsQyxTQUFTOzJCQUNJLGlCQUFpQixjQUdmLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztnQkFPbkIsUUFBUTtrQkFEWCxLQUFLO1lBU0YsS0FBSztrQkFEUixLQUFLO1lBU04sYUFBYTtrQkFEWixLQUFLO1lBSU4sbUJBQW1CO2tCQURsQixZQUFZO21CQUFDLFdBQVc7WUFPekIsU0FBUztrQkFEUixLQUFLO1lBS04sS0FBSztrQkFGSixLQUFLOztrQkFDTCxXQUFXO21CQUFDLE9BQU87WUFPcEIsZUFBZTtrQkFEZCxLQUFLO21CQUFDLFlBQVk7WUFJVixJQUFJO2tCQURaLFdBQVc7bUJBQUMsV0FBVztZQUlmLFlBQVk7a0JBRHBCLFdBQVc7bUJBQUMsb0JBQW9CO1lBSTdCLFlBQVk7a0JBRGYsV0FBVzttQkFBQyxvQkFBb0I7WUFNN0IsWUFBWTtrQkFEZixXQUFXO21CQUFDLG9CQUFvQjtZQU03QixTQUFTO2tCQURaLFdBQVc7bUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmV4cG9ydCB0eXBlIFRQcm9ncmVzc0JhclRoZW1lID0gJ2xpZ2h0JyB8ICdkYXJrJztcbmV4cG9ydCB0eXBlIFRQcm9ncmVzc0JhclZhbHVlVGVtcGxhdGVDb250ZXh0ID0ge1xuICAgIHByb2dyZXNzOiBudW1iZXI7XG4gICAgdG90YWw6IG51bWJlcjtcbiAgICBwcm9ncmVzc1BlcmNlbnQ6IG51bWJlcjtcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItcHJvZ3Jlc3MtYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kci1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEclByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiBQcm9ncmVzcyB2YWx1ZSBmcm9tIDAgdG8gdG90YWxcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHNldCBwcm9ncmVzcyh2YWx1ZTogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuX3Jhd1Byb2dyZXNzID0gdGhpcy5jbGFtcE5vbk5lZ2F0aXZlTnVtYmVyKHZhbHVlLCAwKTtcbiAgICB9XG4gICAgZ2V0IHByb2dyZXNzKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBNYXRoLm1pbih0aGlzLl9yYXdQcm9ncmVzcywgdGhpcy50b3RhbCk7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBzZXQgdG90YWwodmFsdWU6IG51bWJlciB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLl90b3RhbCA9IHRoaXMuY2xhbXBOb25OZWdhdGl2ZU51bWJlcih2YWx1ZSwgMTAwKTtcbiAgICB9XG4gICAgZ2V0IHRvdGFsKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLl90b3RhbDtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHJvdW5kUHJvZ3Jlc3MgPSBmYWxzZTtcblxuICAgIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYpXG4gICAgY3VzdG9tVmFsdWVUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPFRQcm9ncmVzc0JhclZhbHVlVGVtcGxhdGVDb250ZXh0PjtcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbiB0byBoaWRlIHZhbHVlIGxhYmVsXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBzaG93VmFsdWUgPSB0cnVlO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICB0aGVtZTogVFByb2dyZXNzQmFyVGhlbWUgPSAnbGlnaHQnO1xuXG4gICAgLyoqXG4gICAgICogQ3VzdG9tIGFjY2Vzc2libGUgbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzXG4gICAgICovXG4gICAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgICBjdXN0b21BcmlhTGFiZWw/OiBzdHJpbmc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gICAgcmVhZG9ubHkgcm9sZSA9ICdwcm9ncmVzc2Jhcic7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS12YWx1ZW1pbicpXG4gICAgcmVhZG9ubHkgYXJpYVZhbHVlTWluID0gMDtcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLXZhbHVlbWF4JylcbiAgICBnZXQgYXJpYVZhbHVlTWF4KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLnRvdGFsO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLXZhbHVlbm93JylcbiAgICBnZXQgYXJpYVZhbHVlTm93KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLnByb2dyZXNzO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJylcbiAgICBnZXQgYXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgICAgIGlmICh0aGlzLmN1c3RvbUFyaWFMYWJlbCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuY3VzdG9tQXJpYUxhYmVsXG4gICAgICAgICAgICAgICAgLnJlcGxhY2UoL1xce3Byb2dyZXNzXFx9L2csIHRoaXMucHJvZ3Jlc3MudG9TdHJpbmcoKSlcbiAgICAgICAgICAgICAgICAucmVwbGFjZSgvXFx7dG90YWxcXH0vZywgdGhpcy50b3RhbC50b1N0cmluZygpKVxuICAgICAgICAgICAgICAgIC5yZXBsYWNlKC9cXHtwcm9ncmVzc1BlcmNlbnRcXH0vZywgdGhpcy5wcm9ncmVzc1BlcmNlbnQudG9TdHJpbmcoKSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYFByb2dyZXNzOiAke3RoaXMucHJvZ3Jlc3NQZXJjZW50fSUgY29tcGxldGVgO1xuICAgIH1cblxuICAgIGdldCB2YWx1ZVRlbXBsYXRlQ29udGV4dCgpOiBUUHJvZ3Jlc3NCYXJWYWx1ZVRlbXBsYXRlQ29udGV4dCB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBwcm9ncmVzczogdGhpcy5wcm9ncmVzcyxcbiAgICAgICAgICAgIHRvdGFsOiB0aGlzLnRvdGFsLFxuICAgICAgICAgICAgcHJvZ3Jlc3NQZXJjZW50OiB0aGlzLnByb2dyZXNzUGVyY2VudCxcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBnZXQgcHJvZ3Jlc3NQZXJjZW50KCk6IG51bWJlciB7XG4gICAgICAgIGlmICh0aGlzLnRvdGFsIDw9IDApIHtcbiAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHRoaXMuY2xhbXBQcm9ncmVzcygodGhpcy5wcm9ncmVzcyAvIHRoaXMudG90YWwpICogMTAwKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNsYW1wUHJvZ3Jlc3ModmFsdWU6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIGlmIChOdW1iZXIuaXNOYU4odmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gMDtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGNsYW1wZWRWYWx1ZSA9IE1hdGgubWluKDEwMCwgTWF0aC5tYXgoMCwgdmFsdWUpKTtcbiAgICAgICAgcmV0dXJuIHRoaXMucm91bmRQcm9ncmVzcyA/IE1hdGgucm91bmQoY2xhbXBlZFZhbHVlKSA6IGNsYW1wZWRWYWx1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNsYW1wTm9uTmVnYXRpdmVOdW1iZXIodmFsdWU6IHVua25vd24sIGZhbGxiYWNrVmFsdWU6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIGNvbnN0IG51bWVyaWNWYWx1ZSA9IHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicgPyB2YWx1ZSA6IE51bWJlcih2YWx1ZSk7XG4gICAgICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY1ZhbHVlKSB8fCAhTnVtYmVyLmlzRmluaXRlKG51bWVyaWNWYWx1ZSkpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxsYmFja1ZhbHVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIE1hdGgubWF4KDAsIG51bWVyaWNWYWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfcmF3UHJvZ3Jlc3MgPSAwO1xuICAgIHByaXZhdGUgX3RvdGFsID0gMTAwO1xufVxuIiwiPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhcl9fYmFja2dyb3VuZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJfX2JhY2tncm91bmRfX2ZpbGxcIiBbc3R5bGUud2lkdGhdPVwicHJvZ3Jlc3NQZXJjZW50ICsgJyUnXCI+PC9kaXY+XG48L2Rpdj5cbjxzcGFuIGNsYXNzPVwicHJvZ3Jlc3MtYmFyX192YWx1ZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd1ZhbHVlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tVmFsdWVUZW1wbGF0ZSA/PyBkZWZhdWx0VmFsdWVUZW1wbGF0ZTsgY29udGV4dDogdmFsdWVUZW1wbGF0ZUNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvc3Bhbj5cbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdFZhbHVlVGVtcGxhdGUgbGV0LXByb2dyZXNzUGVyY2VudD1cInByb2dyZXNzUGVyY2VudFwiPnt7IHByb2dyZXNzUGVyY2VudCB9fSU8L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -60,11 +60,11 @@ export class DrSystemMessageComponent {
|
|
|
60
60
|
i0.ɵɵproperty("innerHTML", ctx.message, i0.ɵɵsanitizeHtml);
|
|
61
61
|
i0.ɵɵadvance(1);
|
|
62
62
|
i0.ɵɵproperty("ngIf", ctx.actionButtonText.length);
|
|
63
|
-
} }, dependencies: [CommonModule, i1.NgIf, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}.error[_nghost-%COMP%]{background-color:#f7d9dc;color:#333}.warning[_nghost-%COMP%]{background-color:#ffefc7;color:#333}.info[_nghost-%COMP%]{background-color:#e6efff;color:#333}.prime[_nghost-%COMP%]{background-color:#4646ce;color:#fff;border:none}[_nghost-%COMP%] p[_ngcontent-%COMP%]{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0
|
|
63
|
+
} }, dependencies: [CommonModule, i1.NgIf, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}.error[_nghost-%COMP%]{background-color:#f7d9dc;color:#333}.warning[_nghost-%COMP%]{background-color:#ffefc7;color:#333}.info[_nghost-%COMP%]{background-color:#e6efff;color:#333}.prime[_nghost-%COMP%]{background-color:#4646ce;color:#fff;border:none}[_nghost-%COMP%] p[_ngcontent-%COMP%]{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0;line-height:16px;flex:1}[_nghost-%COMP%] p[_ngcontent-%COMP%] a{color:inherit}[_nghost-%COMP%]:not(.prime) p[_ngcontent-%COMP%]{font-size:12px}[_nghost-%COMP%]:not(.prime) dr-button.ghost button{padding:4px 8px}[_nghost-%COMP%] dr-button[_ngcontent-%COMP%]{margin-left:8px}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%]{margin-left:16px}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:hover, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:focus, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:active{background:none;border:none;color:inherit}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button i:before{font-size:32px}"], data: { animation: [slideMessageAnimation] }, changeDetection: 0 }); }
|
|
64
64
|
}
|
|
65
65
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSystemMessageComponent, [{
|
|
66
66
|
type: Component,
|
|
67
|
-
args: [{ selector: 'dr-system-message', standalone: true, imports: [CommonModule, DrButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideMessageAnimation], template: "<p [innerHTML]=\"message\"></p>\n\n<dr-button\n *ngIf=\"actionButtonText.length\"\n [theme]=\"buttonType\"\n data-analytics=\"system_message_action_button-0\"\n (click)=\"action.emit()\">\n {{ actionButtonText }}\n</dr-button>\n\n\n<dr-button \n theme=\"icon\"\n icon=\"dr-icon-exit\"\n aria-label=\"Close message\"\n data-analytics=\"system_message_close_button-0\"\n (click)=\"close.emit()\">\n</dr-button>\n\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}:host.error{background-color:#f7d9dc;color:#333}:host.warning{background-color:#ffefc7;color:#333}:host.info{background-color:#e6efff;color:#333}:host.prime{background-color:#4646ce;color:#fff;border:none}:host p{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0
|
|
67
|
+
args: [{ selector: 'dr-system-message', standalone: true, imports: [CommonModule, DrButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideMessageAnimation], template: "<p [innerHTML]=\"message\"></p>\n\n<dr-button\n *ngIf=\"actionButtonText.length\"\n [theme]=\"buttonType\"\n data-analytics=\"system_message_action_button-0\"\n (click)=\"action.emit()\">\n {{ actionButtonText }}\n</dr-button>\n\n\n<dr-button \n theme=\"icon\"\n icon=\"dr-icon-exit\"\n aria-label=\"Close message\"\n data-analytics=\"system_message_close_button-0\"\n (click)=\"close.emit()\">\n</dr-button>\n\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}:host.error{background-color:#f7d9dc;color:#333}:host.warning{background-color:#ffefc7;color:#333}:host.info{background-color:#e6efff;color:#333}:host.prime{background-color:#4646ce;color:#fff;border:none}:host p{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0;line-height:16px;flex:1}:host p ::ng-deep a{color:inherit}:host:not(.prime) p{font-size:12px}:host:not(.prime) ::ng-deep dr-button.ghost button{padding:4px 8px}:host dr-button{margin-left:8px}:host dr-button[icon=dr-icon-exit]{margin-left:16px}:host dr-button[icon=dr-icon-exit] ::ng-deep button,:host dr-button[icon=dr-icon-exit] ::ng-deep button:hover,:host dr-button[icon=dr-icon-exit] ::ng-deep button:focus,:host dr-button[icon=dr-icon-exit] ::ng-deep button:active{background:none;border:none;color:inherit}:host dr-button[icon=dr-icon-exit] ::ng-deep button i:before{font-size:32px}\n"] }]
|
|
68
68
|
}], null, { message: [{
|
|
69
69
|
type: Input
|
|
70
70
|
}], theme: [{
|
|
@@ -82,4 +82,4 @@ export class DrSystemMessageComponent {
|
|
|
82
82
|
type: HostBinding,
|
|
83
83
|
args: ['class']
|
|
84
84
|
}] }); })();
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItc3lzdGVtLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItc3lzdGVtLW1lc3NhZ2UvZHItc3lzdGVtLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItc3lzdGVtLW1lc3NhZ2UvZHItc3lzdGVtLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBYyxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7SUNEMUUsb0NBSTRCO0lBQXhCLDhLQUFTLGVBQUEsb0JBQWEsQ0FBQSxJQUFDO0lBQ3ZCLFlBQ0o7SUFBQSxpQkFBWTs7O0lBSlIseUNBQW9CO0lBR3BCLGVBQ0o7SUFESSx5REFDSjs7QUREQSxNQUFNLHFCQUFxQixHQUFHLE9BQU8sQ0FBQyxjQUFjLEVBQUU7SUFDbEQsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNqQixLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztRQUNuRixPQUFPLENBQUMsc0NBQXNDLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO0tBQ2xILENBQUM7SUFFRixVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ2pCLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUM7UUFDdEQsT0FBTyxDQUFDLHNDQUFzQyxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO0tBQ25ILENBQUM7Q0FDTCxDQUFDLENBQUM7QUFXSCxNQUFNLE9BQU8sd0JBQXdCO0lBVHJDO1FBVUk7Ozs7V0FJRztRQUNNLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsVUFBSyxHQUF3QixPQUFPLENBQUM7UUFDckMscUJBQWdCLEdBQVcsRUFBRSxDQUFDO1FBRTdCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2xDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWIsY0FBUyxHQUFHLElBQUksQ0FBQztLQVNsRDtJQVJHLElBQ0ksY0FBYztRQUNkLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFDaEUsQ0FBQzs0R0FyQlEsd0JBQXdCO21HQUF4Qix3QkFBd0I7Ozs7WUM1QnJDLHVCQUE2QjtZQUU3QixxRkFNWTtZQUdaLG9DQUsyQjtZQUF2Qix3R0FBUyxnQkFBWSxJQUFDO1lBQzFCLGlCQUFZOztZQWpCVCwwREFBcUI7WUFHbkIsZUFBNkI7WUFBN0Isa0RBQTZCOzRCRG1CcEIsWUFBWSxXQUFFLGlCQUFpQixrNUNBSTdCLENBQUMscUJBQXFCLENBQUM7O3VGQUUxQix3QkFBd0I7Y0FUcEMsU0FBUzsyQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLG1CQUd6Qix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMscUJBQXFCLENBQUM7Z0JBUTFCLE9BQU87a0JBQWYsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSztZQUNHLGdCQUFnQjtrQkFBeEIsS0FBSztZQUVJLE1BQU07a0JBQWYsTUFBTTtZQUNHLEtBQUs7a0JBQWQsTUFBTTtZQUV1QixTQUFTO2tCQUF0QyxXQUFXO21CQUFDLGVBQWU7WUFFeEIsY0FBYztrQkFEakIsV0FBVzttQkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblR5cGUsIERyQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vZHItaW5wdXRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCB0eXBlIFRTeXN0ZW1NZXNzYWdlVGhlbWUgPSAncHJpbWUnIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJztcblxuY29uc3Qgc2xpZGVNZXNzYWdlQW5pbWF0aW9uID0gdHJpZ2dlcignc2xpZGVNZXNzYWdlJywgW1xuICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgc3R5bGUoeyBoZWlnaHQ6IDAsIG9wYWNpdHk6IDAsIG92ZXJmbG93OiAnaGlkZGVuJywgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtOHB4KScgfSksXG4gICAgICAgIGFuaW1hdGUoJzI1MG1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScsIHN0eWxlKHsgaGVpZ2h0OiAnKicsIG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknIH0pKSxcbiAgICBdKSxcblxuICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSwgb3ZlcmZsb3c6ICdoaWRkZW4nIH0pLFxuICAgICAgICBhbmltYXRlKCcxODBtcyBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDAuMiwgMSknLCBzdHlsZSh7IGhlaWdodDogMCwgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtOHB4KScgfSkpLFxuICAgIF0pLFxuXSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItc3lzdGVtLW1lc3NhZ2UnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHJCdXR0b25Db21wb25lbnRdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kci1zeXN0ZW0tbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItc3lzdGVtLW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbc2xpZGVNZXNzYWdlQW5pbWF0aW9uXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJTeXN0ZW1NZXNzYWdlQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiBNZXNzYWdlIGNvbnRlbnQgcmVuZGVyZWQgdmlhIGlubmVySFRNTC5cbiAgICAgKiBTdXBwb3J0cyBiYXNpYyBIVE1MIGZvcm1hdHRpbmcgKGUuZy4gPGI+LCA8c3Ryb25nPiwgPGE+KS5cbiAgICAgKiBBbmd1bGFyIGF1dG9tYXRpY2FsbHkgc2FuaXRpemVzIGlubmVySFRNTC5cbiAgICAgKi9cbiAgICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSB0aGVtZTogVFN5c3RlbU1lc3NhZ2VUaGVtZSA9ICdwcmltZSc7XG4gICAgQElucHV0KCkgYWN0aW9uQnV0dG9uVGV4dDogc3RyaW5nID0gJyc7XG5cbiAgICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIEBIb3N0QmluZGluZygnQHNsaWRlTWVzc2FnZScpIGFuaW1hdGlvbiA9IHRydWU7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGVsZW1lbnRDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy50aGVtZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGJ1dHRvblR5cGUoKTogQnV0dG9uVHlwZSB7XG4gICAgICAgIHJldHVybiB0aGlzLnRoZW1lID09PSAncHJpbWUnID8gJ3NlY29uZGFyeS13aGl0ZScgOiAnZ2hvc3QnO1xuICAgIH1cbn1cbiIsIjxwIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvcD5cblxuPGRyLWJ1dHRvblxuICAgICpuZ0lmPVwiYWN0aW9uQnV0dG9uVGV4dC5sZW5ndGhcIlxuICAgIFt0aGVtZV09XCJidXR0b25UeXBlXCJcbiAgICBkYXRhLWFuYWx5dGljcz1cInN5c3RlbV9tZXNzYWdlX2FjdGlvbl9idXR0b24tMFwiXG4gICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KClcIj5cbiAgICB7eyBhY3Rpb25CdXR0b25UZXh0IH19XG48L2RyLWJ1dHRvbj5cblxuXG48ZHItYnV0dG9uIFxuICAgIHRoZW1lPVwiaWNvblwiXG4gICAgaWNvbj1cImRyLWljb24tZXhpdFwiXG4gICAgYXJpYS1sYWJlbD1cIkNsb3NlIG1lc3NhZ2VcIlxuICAgIGRhdGEtYW5hbHl0aWNzPVwic3lzdGVtX21lc3NhZ2VfY2xvc2VfYnV0dG9uLTBcIlxuICAgIChjbGljayk9XCJjbG9zZS5lbWl0KClcIj5cbjwvZHItYnV0dG9uPlxuXG4iXX0=
|
|
@@ -15183,18 +15183,30 @@ class DrGalleryComponent {
|
|
|
15183
15183
|
args: ['carouselItem']
|
|
15184
15184
|
}] }); })();
|
|
15185
15185
|
|
|
15186
|
+
function DrProgressBarComponent_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
15187
|
+
i0.ɵɵelementContainer(0);
|
|
15188
|
+
} }
|
|
15186
15189
|
function DrProgressBarComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
15187
15190
|
i0.ɵɵelementContainerStart(0);
|
|
15188
|
-
i0.ɵɵ
|
|
15191
|
+
i0.ɵɵtemplate(1, DrProgressBarComponent_ng_container_4_ng_container_1_Template, 1, 0, "ng-container", 5);
|
|
15189
15192
|
i0.ɵɵelementContainerEnd();
|
|
15190
15193
|
} if (rf & 2) {
|
|
15191
15194
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
15195
|
+
const _r1 = i0.ɵɵreference(6);
|
|
15196
|
+
let tmp_0_0;
|
|
15192
15197
|
i0.ɵɵadvance(1);
|
|
15193
|
-
i0.ɵɵ
|
|
15198
|
+
i0.ɵɵproperty("ngTemplateOutlet", (tmp_0_0 = ctx_r0.customValueTemplate) !== null && tmp_0_0 !== undefined ? tmp_0_0 : _r1)("ngTemplateOutletContext", ctx_r0.valueTemplateContext);
|
|
15199
|
+
} }
|
|
15200
|
+
function DrProgressBarComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
15201
|
+
i0.ɵɵtext(0);
|
|
15202
|
+
} if (rf & 2) {
|
|
15203
|
+
const progressPercent_r4 = ctx.progressPercent;
|
|
15204
|
+
i0.ɵɵtextInterpolate1("", progressPercent_r4, "%");
|
|
15194
15205
|
} }
|
|
15195
15206
|
const _c0$m = ["*"];
|
|
15196
15207
|
class DrProgressBarComponent {
|
|
15197
15208
|
constructor() {
|
|
15209
|
+
this.roundProgress = false;
|
|
15198
15210
|
/**
|
|
15199
15211
|
* Option to hide value label
|
|
15200
15212
|
*/
|
|
@@ -15202,43 +15214,104 @@ class DrProgressBarComponent {
|
|
|
15202
15214
|
this.theme = 'light';
|
|
15203
15215
|
this.role = 'progressbar';
|
|
15204
15216
|
this.ariaValueMin = 0;
|
|
15205
|
-
this.
|
|
15217
|
+
this._rawProgress = 0;
|
|
15218
|
+
this._total = 100;
|
|
15219
|
+
}
|
|
15220
|
+
/**
|
|
15221
|
+
* Progress value from 0 to total
|
|
15222
|
+
*/
|
|
15223
|
+
set progress(value) {
|
|
15224
|
+
this._rawProgress = this.clampNonNegativeNumber(value, 0);
|
|
15225
|
+
}
|
|
15226
|
+
get progress() {
|
|
15227
|
+
return Math.min(this._rawProgress, this.total);
|
|
15228
|
+
}
|
|
15229
|
+
set total(value) {
|
|
15230
|
+
this._total = this.clampNonNegativeNumber(value, 100);
|
|
15231
|
+
}
|
|
15232
|
+
get total() {
|
|
15233
|
+
return this._total;
|
|
15234
|
+
}
|
|
15235
|
+
get ariaValueMax() {
|
|
15236
|
+
return this.total;
|
|
15206
15237
|
}
|
|
15207
15238
|
get ariaValueNow() {
|
|
15208
|
-
return this.progress
|
|
15239
|
+
return this.progress;
|
|
15209
15240
|
}
|
|
15210
15241
|
get ariaLabel() {
|
|
15211
|
-
const progressValue = this.progress || 0;
|
|
15212
15242
|
if (this.customAriaLabel) {
|
|
15213
|
-
return
|
|
15243
|
+
return this.customAriaLabel
|
|
15244
|
+
.replace(/\{progress\}/g, this.progress.toString())
|
|
15245
|
+
.replace(/\{total\}/g, this.total.toString())
|
|
15246
|
+
.replace(/\{progressPercent\}/g, this.progressPercent.toString());
|
|
15247
|
+
}
|
|
15248
|
+
return `Progress: ${this.progressPercent}% complete`;
|
|
15249
|
+
}
|
|
15250
|
+
get valueTemplateContext() {
|
|
15251
|
+
return {
|
|
15252
|
+
progress: this.progress,
|
|
15253
|
+
total: this.total,
|
|
15254
|
+
progressPercent: this.progressPercent,
|
|
15255
|
+
};
|
|
15256
|
+
}
|
|
15257
|
+
get progressPercent() {
|
|
15258
|
+
if (this.total <= 0) {
|
|
15259
|
+
return 0;
|
|
15260
|
+
}
|
|
15261
|
+
return this.clampProgress((this.progress / this.total) * 100);
|
|
15262
|
+
}
|
|
15263
|
+
clampProgress(value) {
|
|
15264
|
+
if (Number.isNaN(value)) {
|
|
15265
|
+
return 0;
|
|
15266
|
+
}
|
|
15267
|
+
const clampedValue = Math.min(100, Math.max(0, value));
|
|
15268
|
+
return this.roundProgress ? Math.round(clampedValue) : clampedValue;
|
|
15269
|
+
}
|
|
15270
|
+
clampNonNegativeNumber(value, fallbackValue) {
|
|
15271
|
+
const numericValue = typeof value === 'number' ? value : Number(value);
|
|
15272
|
+
if (Number.isNaN(numericValue) || !Number.isFinite(numericValue)) {
|
|
15273
|
+
return fallbackValue;
|
|
15214
15274
|
}
|
|
15215
|
-
return
|
|
15275
|
+
return Math.max(0, numericValue);
|
|
15216
15276
|
}
|
|
15217
15277
|
/** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
|
|
15218
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]],
|
|
15278
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], contentQueries: function DrProgressBarComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
15279
|
+
i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5);
|
|
15280
|
+
} if (rf & 2) {
|
|
15281
|
+
let _t;
|
|
15282
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customValueTemplate = _t.first);
|
|
15283
|
+
} }, hostVars: 7, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
15219
15284
|
i0.ɵɵattribute("role", ctx.role)("aria-valuemin", ctx.ariaValueMin)("aria-valuemax", ctx.ariaValueMax)("aria-valuenow", ctx.ariaValueNow)("aria-label", ctx.ariaLabel);
|
|
15220
15285
|
i0.ɵɵclassMap(ctx.theme);
|
|
15221
|
-
} }, inputs: { progress: "progress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls:
|
|
15286
|
+
} }, inputs: { progress: "progress", total: "total", roundProgress: "roundProgress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls: 7, vars: 3, consts: [["aria-hidden", "true", 1, "progress-bar__background"], [1, "progress-bar__background__fill"], ["aria-hidden", "true", 1, "progress-bar__value"], [4, "ngIf"], ["defaultValueTemplate", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
15222
15287
|
i0.ɵɵprojectionDef();
|
|
15223
15288
|
i0.ɵɵelementStart(0, "div", 0);
|
|
15224
15289
|
i0.ɵɵelement(1, "div", 1);
|
|
15225
15290
|
i0.ɵɵelementEnd();
|
|
15226
15291
|
i0.ɵɵelementStart(2, "span", 2);
|
|
15227
15292
|
i0.ɵɵprojection(3);
|
|
15228
|
-
i0.ɵɵtemplate(4, DrProgressBarComponent_ng_container_4_Template, 2,
|
|
15293
|
+
i0.ɵɵtemplate(4, DrProgressBarComponent_ng_container_4_Template, 2, 2, "ng-container", 3);
|
|
15229
15294
|
i0.ɵɵelementEnd();
|
|
15295
|
+
i0.ɵɵtemplate(5, DrProgressBarComponent_ng_template_5_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
|
|
15230
15296
|
} if (rf & 2) {
|
|
15231
15297
|
i0.ɵɵadvance(1);
|
|
15232
|
-
i0.ɵɵstyleProp("width",
|
|
15298
|
+
i0.ɵɵstyleProp("width", ctx.progressPercent + "%");
|
|
15233
15299
|
i0.ɵɵadvance(3);
|
|
15234
15300
|
i0.ɵɵproperty("ngIf", ctx.showValue);
|
|
15235
|
-
} }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
15301
|
+
} }, dependencies: [CommonModule, i1$1.NgIf, i1$1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__value[_ngcontent-%COMP%]:empty{display:none}.progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
15236
15302
|
}
|
|
15237
15303
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
|
|
15238
15304
|
type: Component,
|
|
15239
|
-
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\" aria-hidden=\"true\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"
|
|
15305
|
+
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\" aria-hidden=\"true\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"progressPercent + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\" aria-hidden=\"true\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">\n <ng-container\n *ngTemplateOutlet=\"customValueTemplate ?? defaultValueTemplate; context: valueTemplateContext\"></ng-container>\n </ng-container>\n</span>\n<ng-template #defaultValueTemplate let-progressPercent=\"progressPercent\">{{ progressPercent }}%</ng-template>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__value:empty{display:none}.progress-bar__background{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}:host(.dark) .progress-bar__value{color:#fff}\n"] }]
|
|
15240
15306
|
}], null, { progress: [{
|
|
15241
15307
|
type: Input
|
|
15308
|
+
}], total: [{
|
|
15309
|
+
type: Input
|
|
15310
|
+
}], roundProgress: [{
|
|
15311
|
+
type: Input
|
|
15312
|
+
}], customValueTemplate: [{
|
|
15313
|
+
type: ContentChild,
|
|
15314
|
+
args: [TemplateRef]
|
|
15242
15315
|
}], showValue: [{
|
|
15243
15316
|
type: Input
|
|
15244
15317
|
}], theme: [{
|
|
@@ -15351,11 +15424,11 @@ class DrSystemMessageComponent {
|
|
|
15351
15424
|
i0.ɵɵproperty("innerHTML", ctx.message, i0.ɵɵsanitizeHtml);
|
|
15352
15425
|
i0.ɵɵadvance(1);
|
|
15353
15426
|
i0.ɵɵproperty("ngIf", ctx.actionButtonText.length);
|
|
15354
|
-
} }, dependencies: [CommonModule, i1$1.NgIf, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}.error[_nghost-%COMP%]{background-color:#f7d9dc;color:#333}.warning[_nghost-%COMP%]{background-color:#ffefc7;color:#333}.info[_nghost-%COMP%]{background-color:#e6efff;color:#333}.prime[_nghost-%COMP%]{background-color:#4646ce;color:#fff;border:none}[_nghost-%COMP%] p[_ngcontent-%COMP%]{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0
|
|
15427
|
+
} }, dependencies: [CommonModule, i1$1.NgIf, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}.error[_nghost-%COMP%]{background-color:#f7d9dc;color:#333}.warning[_nghost-%COMP%]{background-color:#ffefc7;color:#333}.info[_nghost-%COMP%]{background-color:#e6efff;color:#333}.prime[_nghost-%COMP%]{background-color:#4646ce;color:#fff;border:none}[_nghost-%COMP%] p[_ngcontent-%COMP%]{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0;line-height:16px;flex:1}[_nghost-%COMP%] p[_ngcontent-%COMP%] a{color:inherit}[_nghost-%COMP%]:not(.prime) p[_ngcontent-%COMP%]{font-size:12px}[_nghost-%COMP%]:not(.prime) dr-button.ghost button{padding:4px 8px}[_nghost-%COMP%] dr-button[_ngcontent-%COMP%]{margin-left:8px}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%]{margin-left:16px}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:hover, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:focus, [_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button:active{background:none;border:none;color:inherit}[_nghost-%COMP%] dr-button[icon=dr-icon-exit][_ngcontent-%COMP%] button i:before{font-size:32px}"], data: { animation: [slideMessageAnimation] }, changeDetection: 0 }); }
|
|
15355
15428
|
}
|
|
15356
15429
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSystemMessageComponent, [{
|
|
15357
15430
|
type: Component,
|
|
15358
|
-
args: [{ selector: 'dr-system-message', standalone: true, imports: [CommonModule, DrButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideMessageAnimation], template: "<p [innerHTML]=\"message\"></p>\n\n<dr-button\n *ngIf=\"actionButtonText.length\"\n [theme]=\"buttonType\"\n data-analytics=\"system_message_action_button-0\"\n (click)=\"action.emit()\">\n {{ actionButtonText }}\n</dr-button>\n\n\n<dr-button \n theme=\"icon\"\n icon=\"dr-icon-exit\"\n aria-label=\"Close message\"\n data-analytics=\"system_message_close_button-0\"\n (click)=\"close.emit()\">\n</dr-button>\n\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}:host.error{background-color:#f7d9dc;color:#333}:host.warning{background-color:#ffefc7;color:#333}:host.info{background-color:#e6efff;color:#333}:host.prime{background-color:#4646ce;color:#fff;border:none}:host p{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0
|
|
15431
|
+
args: [{ selector: 'dr-system-message', standalone: true, imports: [CommonModule, DrButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideMessageAnimation], template: "<p [innerHTML]=\"message\"></p>\n\n<dr-button\n *ngIf=\"actionButtonText.length\"\n [theme]=\"buttonType\"\n data-analytics=\"system_message_action_button-0\"\n (click)=\"action.emit()\">\n {{ actionButtonText }}\n</dr-button>\n\n\n<dr-button \n theme=\"icon\"\n icon=\"dr-icon-exit\"\n aria-label=\"Close message\"\n data-analytics=\"system_message_close_button-0\"\n (click)=\"close.emit()\">\n</dr-button>\n\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #dfe0e3;padding:8px 16px 8px 24px}:host.error{background-color:#f7d9dc;color:#333}:host.warning{background-color:#ffefc7;color:#333}:host.info{background-color:#e6efff;color:#333}:host.prime{background-color:#4646ce;color:#fff;border:none}:host p{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;margin:0;line-height:16px;flex:1}:host p ::ng-deep a{color:inherit}:host:not(.prime) p{font-size:12px}:host:not(.prime) ::ng-deep dr-button.ghost button{padding:4px 8px}:host dr-button{margin-left:8px}:host dr-button[icon=dr-icon-exit]{margin-left:16px}:host dr-button[icon=dr-icon-exit] ::ng-deep button,:host dr-button[icon=dr-icon-exit] ::ng-deep button:hover,:host dr-button[icon=dr-icon-exit] ::ng-deep button:focus,:host dr-button[icon=dr-icon-exit] ::ng-deep button:active{background:none;border:none;color:inherit}:host dr-button[icon=dr-icon-exit] ::ng-deep button i:before{font-size:32px}\n"] }]
|
|
15359
15432
|
}], null, { message: [{
|
|
15360
15433
|
type: Input
|
|
15361
15434
|
}], theme: [{
|