@datarailsshared/datarailsshared 1.6.169 → 1.6.171
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.171.tgz +0 -0
- package/esm2022/lib/dr-progress-bar/dr-progress-bar.component.mjs +13 -5
- package/fesm2022/datarailsshared-datarailsshared.mjs +11 -3
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-progress-bar/dr-progress-bar.component.d.ts +3 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.169.tgz +0 -0
|
Binary file
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, Input } 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";
|
|
@@ -18,9 +18,12 @@ export class DrProgressBarComponent {
|
|
|
18
18
|
* @description Option to hide value label
|
|
19
19
|
*/
|
|
20
20
|
this.showValue = true;
|
|
21
|
+
this.theme = 'light';
|
|
21
22
|
}
|
|
22
23
|
/** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
|
|
23
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]],
|
|
24
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], hostVars: 2, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
25
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
26
|
+
} }, inputs: { progress: "progress", showValue: "showValue", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 5, vars: 3, consts: [[1, "progress-bar__background"], [1, "progress-bar__background__fill"], [1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
24
27
|
i0.ɵɵprojectionDef();
|
|
25
28
|
i0.ɵɵelementStart(0, "div", 0);
|
|
26
29
|
i0.ɵɵelement(1, "div", 1);
|
|
@@ -34,15 +37,20 @@ export class DrProgressBarComponent {
|
|
|
34
37
|
i0.ɵɵstyleProp("width", (ctx.progress || 0) + "%");
|
|
35
38
|
i0.ɵɵadvance(3);
|
|
36
39
|
i0.ɵɵproperty("ngIf", ctx.showValue);
|
|
37
|
-
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:
|
|
40
|
+
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:16px}__value[_nghost-%COMP%], .progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}__background[_nghost-%COMP%], .progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}__background__fill[_nghost-%COMP%], .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%], .progress-bar.dark[_ngcontent-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
38
41
|
}
|
|
39
42
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
|
|
40
43
|
type: Component,
|
|
41
|
-
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:
|
|
44
|
+
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:16px}:host__value,.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}:host__background,.progress-bar__background{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}:host__background__fill,.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,.progress-bar.dark .progress-bar__value{color:#fff}\n"] }]
|
|
42
45
|
}], null, { progress: [{
|
|
43
46
|
type: Input,
|
|
44
47
|
args: [{ required: true }]
|
|
45
48
|
}], showValue: [{
|
|
46
49
|
type: Input
|
|
50
|
+
}], theme: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}, {
|
|
53
|
+
type: HostBinding,
|
|
54
|
+
args: ['class']
|
|
47
55
|
}] }); })();
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXByb2dyZXNzLWJhci9kci1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItcHJvZ3Jlc3MtYmFyL2RyLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0lDSTNDLDZCQUFnQztJQUFBLFlBQW9CO0lBQUEsMEJBQWU7OztJQUFuQyxlQUFvQjtJQUFwQixvREFBb0I7OztBRE94RCxNQUFNLE9BQU8sc0JBQXNCO0lBUG5DO1FBWUk7O1dBRUc7UUFDTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBSTFCLFVBQUssR0FBc0IsT0FBTyxDQUFDO0tBQ3RDOzBHQWJZLHNCQUFzQjttR0FBdEIsc0JBQXNCOzs7O1lDWm5DLDhCQUFzQztZQUNsQyx5QkFBd0Y7WUFDNUYsaUJBQU07WUFDTiwrQkFBa0M7WUFDOUIsa0JBQXlCO1lBQ3pCLHlGQUFtRTtZQUN2RSxpQkFBTzs7WUFMeUMsZUFBcUM7WUFBckMsa0RBQXFDO1lBSWxFLGVBQWU7WUFBZixvQ0FBZTs0QkRLcEIsWUFBWTs7dUZBRWIsc0JBQXNCO2NBUGxDLFNBQVM7MkJBQ0ksaUJBQWlCLGNBR2YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDO2dCQU1JLFFBQVE7a0JBQWxDLEtBQUs7bUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBSWhCLFNBQVM7a0JBQWpCLEtBQUs7WUFJTixLQUFLO2tCQUZKLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5leHBvcnQgdHlwZSBUUHJvZ3Jlc3NCYXJUaGVtZSA9ICdsaWdodCcgfCAnZGFyayc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItcHJvZ3Jlc3MtYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kci1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEclByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiBAZGVzY3JpcHRpb24gZnJvbSAwIHRvIDEwMFxuICAgICAqL1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHByb2dyZXNzOiBudW1iZXI7XG4gICAgLyoqXG4gICAgICogQGRlc2NyaXB0aW9uIE9wdGlvbiB0byBoaWRlIHZhbHVlIGxhYmVsXG4gICAgICovXG4gICAgQElucHV0KCkgc2hvd1ZhbHVlID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgdGhlbWU6IFRQcm9ncmVzc0JhclRoZW1lID0gJ2xpZ2h0Jztcbn1cbiIsIjxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJfX2JhY2tncm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyX19iYWNrZ3JvdW5kX19maWxsXCIgW3N0eWxlLndpZHRoXT1cIihwcm9ncmVzcyB8fCAwKSArICclJ1wiPjwvZGl2PlxuPC9kaXY+XG48c3BhbiBjbGFzcz1cInByb2dyZXNzLWJhcl9fdmFsdWVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dWYWx1ZVwiPnt7IHByb2dyZXNzIHx8IDAgfX0lPC9uZy1jb250YWluZXI+XG48L3NwYW4+XG4iXX0=
|
|
@@ -14540,9 +14540,12 @@ class DrProgressBarComponent {
|
|
|
14540
14540
|
* @description Option to hide value label
|
|
14541
14541
|
*/
|
|
14542
14542
|
this.showValue = true;
|
|
14543
|
+
this.theme = 'light';
|
|
14543
14544
|
}
|
|
14544
14545
|
/** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
|
|
14545
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]],
|
|
14546
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], hostVars: 2, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
14547
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
14548
|
+
} }, inputs: { progress: "progress", showValue: "showValue", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$5, decls: 5, vars: 3, consts: [[1, "progress-bar__background"], [1, "progress-bar__background__fill"], [1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
14546
14549
|
i0.ɵɵprojectionDef();
|
|
14547
14550
|
i0.ɵɵelementStart(0, "div", 0);
|
|
14548
14551
|
i0.ɵɵelement(1, "div", 1);
|
|
@@ -14556,16 +14559,21 @@ class DrProgressBarComponent {
|
|
|
14556
14559
|
i0.ɵɵstyleProp("width", (ctx.progress || 0) + "%");
|
|
14557
14560
|
i0.ɵɵadvance(3);
|
|
14558
14561
|
i0.ɵɵproperty("ngIf", ctx.showValue);
|
|
14559
|
-
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:
|
|
14562
|
+
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:16px}__value[_nghost-%COMP%], .progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}__background[_nghost-%COMP%], .progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}__background__fill[_nghost-%COMP%], .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%], .progress-bar.dark[_ngcontent-%COMP%] .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
|
|
14560
14563
|
}
|
|
14561
14564
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
|
|
14562
14565
|
type: Component,
|
|
14563
|
-
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:
|
|
14566
|
+
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:16px}:host__value,.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}:host__background,.progress-bar__background{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}:host__background__fill,.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,.progress-bar.dark .progress-bar__value{color:#fff}\n"] }]
|
|
14564
14567
|
}], null, { progress: [{
|
|
14565
14568
|
type: Input,
|
|
14566
14569
|
args: [{ required: true }]
|
|
14567
14570
|
}], showValue: [{
|
|
14568
14571
|
type: Input
|
|
14572
|
+
}], theme: [{
|
|
14573
|
+
type: Input
|
|
14574
|
+
}, {
|
|
14575
|
+
type: HostBinding,
|
|
14576
|
+
args: ['class']
|
|
14569
14577
|
}] }); })();
|
|
14570
14578
|
|
|
14571
14579
|
const _c0$4 = ["*"];
|