@annalib/anna-core 30.0.2 → 30.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/anna-core-shared-lib/components/anna-circular-progress/anna-circular-progress.component.mjs +52 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/annalib-anna-core.mjs +49 -1
- package/fesm2022/annalib-anna-core.mjs.map +1 -1
- package/lib/anna-core-shared-lib/components/anna-circular-progress/anna-circular-progress.component.d.ts +20 -0
- package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts +2 -2
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CommonModule } from "@angular/common";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input, Renderer2 } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class AnnaCircularProgressComponent {
|
|
6
|
+
constructor(el, renderer) {
|
|
7
|
+
this.el = el;
|
|
8
|
+
this.renderer = renderer;
|
|
9
|
+
this.percent = 0;
|
|
10
|
+
this.radius = 22;
|
|
11
|
+
this.outerStrokeWidth = 5;
|
|
12
|
+
this.innerStrokeWidth = 5;
|
|
13
|
+
this.outerStrokeColor = "#268bff";
|
|
14
|
+
this.innerStrokeColor = "#d5d5d5";
|
|
15
|
+
this.animationDuration = 0;
|
|
16
|
+
this.circumference = 0;
|
|
17
|
+
}
|
|
18
|
+
ngOnChanges() {
|
|
19
|
+
this.updateCircumference();
|
|
20
|
+
this.applyAnimationDuration();
|
|
21
|
+
}
|
|
22
|
+
updateCircumference() {
|
|
23
|
+
this.circumference = 2 * Math.PI * (this.radius - this.outerStrokeWidth / 2);
|
|
24
|
+
}
|
|
25
|
+
applyAnimationDuration() {
|
|
26
|
+
const progressBar = this.el.nativeElement.querySelector(".custom-progress-bar");
|
|
27
|
+
if (progressBar) {
|
|
28
|
+
this.renderer.setStyle(progressBar, "transition", `stroke-dashoffset ${this.animationDuration}ms ease`);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCircularProgressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaCircularProgressComponent, isStandalone: true, selector: "anna-core-circular-progress", inputs: { percent: "percent", radius: "radius", outerStrokeWidth: "outerStrokeWidth", innerStrokeWidth: "innerStrokeWidth", outerStrokeColor: "outerStrokeColor", innerStrokeColor: "innerStrokeColor", animationDuration: "animationDuration" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"custom-progress-wrapper\"\r\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\r\n>\r\n <svg\r\n class=\"custom-progress-circle\"\r\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\r\n >\r\n <!-- Background circle -->\r\n <circle\r\n class=\"custom-progress-bg\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"innerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n ></circle>\r\n\r\n <!-- Progress circle -->\r\n <circle\r\n class=\"custom-progress-bar\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"outerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n [attr.stroke-dasharray]=\"circumference\"\r\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\r\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\r\n ></circle>\r\n </svg>\r\n</div>\r\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCircularProgressComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: "anna-core-circular-progress", standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"custom-progress-wrapper\"\r\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\r\n>\r\n <svg\r\n class=\"custom-progress-circle\"\r\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\r\n >\r\n <!-- Background circle -->\r\n <circle\r\n class=\"custom-progress-bg\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"innerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n ></circle>\r\n\r\n <!-- Progress circle -->\r\n <circle\r\n class=\"custom-progress-bar\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"outerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n [attr.stroke-dasharray]=\"circumference\"\r\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\r\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\r\n ></circle>\r\n </svg>\r\n</div>\r\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"] }]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { percent: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], radius: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], outerStrokeWidth: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], innerStrokeWidth: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], outerStrokeColor: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], innerStrokeColor: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], animationDuration: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5uYS1jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbm5hLWNvcmUvc3JjL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtY2lyY3VsYXItcHJvZ3Jlc3MvYW5uYS1jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbm5hLWNvcmUvc3JjL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtY2lyY3VsYXItcHJvZ3Jlc3MvYW5uYS1jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTVHLE1BQU0sT0FBTyw2QkFBNkI7SUFXdEMsWUFDWSxFQUFjLEVBQ2QsUUFBbUI7UUFEbkIsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFadEIsWUFBTyxHQUFXLENBQUMsQ0FBQztRQUNwQixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLHFCQUFnQixHQUFXLENBQUMsQ0FBQztRQUM3QixxQkFBZ0IsR0FBVyxDQUFDLENBQUM7UUFDN0IscUJBQWdCLEdBQVcsU0FBUyxDQUFDO1FBQ3JDLHFCQUFnQixHQUFXLFNBQVMsQ0FBQztRQUNyQyxzQkFBaUIsR0FBVyxDQUFDLENBQUM7UUFFdkMsa0JBQWEsR0FBVyxDQUFDLENBQUM7SUFLdkIsQ0FBQztJQUVKLFdBQVc7UUFDUCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxzQkFBc0I7UUFDbEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDaEYsSUFBSSxXQUFXLEVBQUU7WUFDYixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsWUFBWSxFQUFFLHFCQUFxQixJQUFJLENBQUMsaUJBQWlCLFNBQVMsQ0FBQyxDQUFDO1NBQzNHO0lBQ0wsQ0FBQzsrR0E5QlEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsOFZDWDFDLHl5Q0FrQ0EsMlFENUJjLFlBQVk7OzRGQUtiLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDSSw2QkFBNkIsY0FDM0IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07eUhBR3RDLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgUmVuZGVyZXIyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwiYW5uYS1jb3JlLWNpcmN1bGFyLXByb2dyZXNzXCIsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2FubmEtY2lyY3VsYXItcHJvZ3Jlc3MuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9hbm5hLWNpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbm5hQ2lyY3VsYXJQcm9ncmVzc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgICBASW5wdXQoKSBwZXJjZW50OiBudW1iZXIgPSAwO1xyXG4gICAgQElucHV0KCkgcmFkaXVzOiBudW1iZXIgPSAyMjtcclxuICAgIEBJbnB1dCgpIG91dGVyU3Ryb2tlV2lkdGg6IG51bWJlciA9IDU7XHJcbiAgICBASW5wdXQoKSBpbm5lclN0cm9rZVdpZHRoOiBudW1iZXIgPSA1O1xyXG4gICAgQElucHV0KCkgb3V0ZXJTdHJva2VDb2xvcjogc3RyaW5nID0gXCIjMjY4YmZmXCI7XHJcbiAgICBASW5wdXQoKSBpbm5lclN0cm9rZUNvbG9yOiBzdHJpbmcgPSBcIiNkNWQ1ZDVcIjtcclxuICAgIEBJbnB1dCgpIGFuaW1hdGlvbkR1cmF0aW9uOiBudW1iZXIgPSAwO1xyXG5cclxuICAgIGNpcmN1bWZlcmVuY2U6IG51bWJlciA9IDA7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcclxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICApIHt9XHJcblxyXG4gICAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy51cGRhdGVDaXJjdW1mZXJlbmNlKCk7XHJcbiAgICAgICAgdGhpcy5hcHBseUFuaW1hdGlvbkR1cmF0aW9uKCk7XHJcbiAgICB9XHJcblxyXG4gICAgdXBkYXRlQ2lyY3VtZmVyZW5jZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmNpcmN1bWZlcmVuY2UgPSAyICogTWF0aC5QSSAqICh0aGlzLnJhZGl1cyAtIHRoaXMub3V0ZXJTdHJva2VXaWR0aCAvIDIpO1xyXG4gICAgfVxyXG5cclxuICAgIGFwcGx5QW5pbWF0aW9uRHVyYXRpb24oKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgcHJvZ3Jlc3NCYXIgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihcIi5jdXN0b20tcHJvZ3Jlc3MtYmFyXCIpO1xyXG4gICAgICAgIGlmIChwcm9ncmVzc0Jhcikge1xyXG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHByb2dyZXNzQmFyLCBcInRyYW5zaXRpb25cIiwgYHN0cm9rZS1kYXNob2Zmc2V0ICR7dGhpcy5hbmltYXRpb25EdXJhdGlvbn1tcyBlYXNlYCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAgIGNsYXNzPVwiY3VzdG9tLXByb2dyZXNzLXdyYXBwZXJcIlxyXG4gICAgW25nU3R5bGVdPVwieyB3aWR0aDogcmFkaXVzICogMiArIDEgKyAncHgnLCBoZWlnaHQ6IHJhZGl1cyAqIDIgKyAxICsgJ3B4JyB9XCJcclxuPlxyXG4gICAgPHN2Z1xyXG4gICAgICAgIGNsYXNzPVwiY3VzdG9tLXByb2dyZXNzLWNpcmNsZVwiXHJcbiAgICAgICAgW2F0dHIudmlld0JveF09XCInMCAwICcgKyByYWRpdXMgKiAyICsgJyAnICsgcmFkaXVzICogMlwiXHJcbiAgICA+XHJcbiAgICAgICAgPCEtLSBCYWNrZ3JvdW5kIGNpcmNsZSAtLT5cclxuICAgICAgICA8Y2lyY2xlXHJcbiAgICAgICAgICAgIGNsYXNzPVwiY3VzdG9tLXByb2dyZXNzLWJnXCJcclxuICAgICAgICAgICAgW2F0dHIuY3hdPVwicmFkaXVzXCJcclxuICAgICAgICAgICAgW2F0dHIuY3ldPVwicmFkaXVzXCJcclxuICAgICAgICAgICAgW2F0dHIucl09XCJyYWRpdXMgLSBvdXRlclN0cm9rZVdpZHRoIC8gMlwiXHJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJvdXRlclN0cm9rZVdpZHRoXCJcclxuICAgICAgICAgICAgW2F0dHIuc3Ryb2tlXT1cImlubmVyU3Ryb2tlQ29sb3JcIlxyXG4gICAgICAgICAgICBbYXR0ci5maWxsXT1cIidub25lJ1wiXHJcbiAgICAgICAgPjwvY2lyY2xlPlxyXG5cclxuICAgICAgICA8IS0tIFByb2dyZXNzIGNpcmNsZSAtLT5cclxuICAgICAgICA8Y2lyY2xlXHJcbiAgICAgICAgICAgIGNsYXNzPVwiY3VzdG9tLXByb2dyZXNzLWJhclwiXHJcbiAgICAgICAgICAgIFthdHRyLmN4XT1cInJhZGl1c1wiXHJcbiAgICAgICAgICAgIFthdHRyLmN5XT1cInJhZGl1c1wiXHJcbiAgICAgICAgICAgIFthdHRyLnJdPVwicmFkaXVzIC0gb3V0ZXJTdHJva2VXaWR0aCAvIDJcIlxyXG4gICAgICAgICAgICBbYXR0ci5zdHJva2Utd2lkdGhdPVwib3V0ZXJTdHJva2VXaWR0aFwiXHJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZV09XCJvdXRlclN0cm9rZUNvbG9yXCJcclxuICAgICAgICAgICAgW2F0dHIuZmlsbF09XCInbm9uZSdcIlxyXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaGFycmF5XT1cImNpcmN1bWZlcmVuY2VcIlxyXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaG9mZnNldF09XCJjaXJjdW1mZXJlbmNlIC0gKHBlcmNlbnQgLyAxMDApICogY2lyY3VtZmVyZW5jZVwiXHJcbiAgICAgICAgICAgIFthdHRyLnRyYW5zZm9ybV09XCIncm90YXRlKCcgKyByYWRpdXMgKyAnICcgKyByYWRpdXMgKyAnKSdcIlxyXG4gICAgICAgID48L2NpcmNsZT5cclxuICAgIDwvc3ZnPlxyXG48L2Rpdj5cclxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./lib/anna-core.module";
|
|
|
6
6
|
// ANNA-CORE
|
|
7
7
|
// components
|
|
8
8
|
export * from "./lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component";
|
|
9
|
+
export * from "./lib/anna-core-shared-lib/components/anna-circular-progress/anna-circular-progress.component";
|
|
9
10
|
export * from "./lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component";
|
|
10
11
|
export * from "./lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component";
|
|
11
12
|
export * from "./lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component";
|
|
@@ -57,4 +58,4 @@ export * from "./lib/anna-generic-table-lib/components/anna-column-filters/anna-
|
|
|
57
58
|
export * from "./lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component";
|
|
58
59
|
export * from "./lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component";
|
|
59
60
|
export * from "./lib/anna-generic-table-lib/components/anna-sort/anna-sort.component";
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0QkFBNEI7QUFDNUI7O0dBRUc7QUFFSCxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLFlBQVk7QUFDWixhQUFhO0FBQ2IsY0FBYyxxSEFBcUgsQ0FBQztBQUNwSSxjQUFjLCtGQUErRixDQUFDO0FBQzlHLGNBQWMsbUhBQW1ILENBQUM7QUFDbEksY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLGlHQUFpRyxDQUFDO0FBQ2hILGNBQWMsMkVBQTJFLENBQUM7QUFDMUYsY0FBYyxxR0FBcUcsQ0FBQztBQUNwSCxjQUFjLCtIQUErSCxDQUFDO0FBQzlJLGNBQWMseUdBQXlHLENBQUM7QUFDeEgsY0FBYyx5RkFBeUYsQ0FBQztBQUV4RyxXQUFXO0FBQ1gsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyx3RUFBd0UsQ0FBQztBQUN2RixjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyxvRUFBb0UsQ0FBQztBQUNuRixjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxpRUFBaUUsQ0FBQztBQUVoRixTQUFTO0FBQ1QsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLHNEQUFzRCxDQUFDO0FBRXJFLFlBQVk7QUFDWixjQUFjLHNEQUFzRCxDQUFDO0FBRXJFLFFBQVE7QUFDUixjQUFjLDZFQUE2RSxDQUFDO0FBQzVGLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxzREFBc0QsQ0FBQztBQUVyRSxhQUFhO0FBQ2IsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLCtGQUErRixDQUFDO0FBQzlHLGNBQWMsdUZBQXVGLENBQUM7QUFFdEcsb0JBQW9CO0FBQ3BCLGNBQWMsd0ZBQXdGLENBQUM7QUFDdkcsY0FBYyxrR0FBa0csQ0FBQztBQUVqSCx5QkFBeUI7QUFDekIsVUFBVTtBQUVWLGFBQWE7QUFDYixjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsK0hBQStILENBQUM7QUFDOUksY0FBYyxtSUFBbUksQ0FBQztBQUNsSixjQUFjLDJIQUEySCxDQUFDO0FBQzFJLGNBQWMsdUhBQXVILENBQUM7QUFDdEksY0FBYyxtSEFBbUgsQ0FBQztBQUNsSSxjQUFjLHVFQUF1RSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbWF4LWxlbiAqL1xyXG4vKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgYW5uYS1jb3JlXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS5tb2R1bGVcIjtcclxuXHJcbi8vIEFOTkEtQ09SRVxyXG4vLyBjb21wb25lbnRzXHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtYnV5ZXItYXBwcm92YWwtaWNvbi10ZW1wbGF0ZS9hbm5hLWJ1eWVyLWFwcHJvdmFsLWljb24tdGVtcGxhdGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtY2lyY3VsYXItcHJvZ3Jlc3MvYW5uYS1jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2NvbXBvbmVudHMvYW5uYS1kZWxldGVkLW9yZGVyLWljb24tdGVtcGxhdGUvYW5uYS1kZWxldGVkLW9yZGVyLWljb24tdGVtcGxhdGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtaWNvbi1jb2x1bW4vYW5uYS1pY29uLWNvbHVtbi5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2NvbXBvbmVudHMvYW5uYS1saXZlLWljb24tdGVtcGxhdGUvYW5uYS1saXZlLWljb24tdGVtcGxhdGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtbm8tZGF0YS9hbm5hLW5vLWRhdGEuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtbm90aWZ5LWljb24tdGVtcGxhdGUvYW5uYS1ub3RpZnktaWNvbi10ZW1wbGF0ZS5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2NvbXBvbmVudHMvYW5uYS1wYXktZm9yLXBlcmZvcm1hbmNlLWljb24tdGVtcGxhdGUvYW5uYS1wYXktZm9yLXBlcmZvcm1hbmNlLWljb24tdGVtcGxhdGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtcmVqZWN0ZWQtaWNvbi10ZW1wbGF0ZS9hbm5hLXJlamVjdGVkLWljb24tdGVtcGxhdGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtc3Bpbm5lci1sb2FkZXIvYW5uYS1zcGlubmVyLWxvYWRlci5jb21wb25lbnRcIjtcclxuXHJcbi8vIHNlcnZpY2VzXHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9zZXJ2aWNlcy9hbm5hLWRhdGUtdGltZS1mb3JtYXQuc2VydmljZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvc2VydmljZXMvYW5uYS1maWx0ZXIuc2VydmljZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvc2VydmljZXMvYW5uYS1nZW5lcmljLXRhYmxlLnNlcnZpY2VcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL3NlcnZpY2VzL2FubmEtZ2VuZXJpYy10b29sdGlwLWh0bWwuc2VydmljZXNcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL3NlcnZpY2VzL2FubmEtZ2xvYmFsLWNvbmZpZy5zZXJ2aWNlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9zZXJ2aWNlcy9hbm5hLW51bWJlci1mb3JtYXQuc2VydmljZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvc2VydmljZXMvYW5uYS1wZXJzaXN0aW5nLWZpbHRlci5zZXJ2aWNlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9zZXJ2aWNlcy9hbm5hLXJlZ2V4LXBhdHRlcm5zLnNlcnZpY2VcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL3NlcnZpY2VzL2FubmEtc29ydC5zZXJ2aWNlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9zZXJ2aWNlcy9hbm5hLXNwaW5uZXItbG9hZGVyLnNlcnZpY2VcIjtcclxuXHJcbi8vIG1vZGVsc1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvbW9kZWxzL2FubmEtZ2VuZXJpYy1kYXRhLXR5cGUubW9kZWxcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL21vZGVscy9hbm5hLWdsb2JhbC1kcm9wZG93bi1jb25maWcubW9kZWxcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL21vZGVscy9hbm5hLW5vbi1lZGl0YWJsZS1ndC1tb2RlbHNcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL21vZGVscy9hbm5hLXNvcnQubW9kZWxcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL21vZGVscy9hbm5hLXRvb2x0aXAubW9kZWxcIjtcclxuXHJcbi8vIGNvbnN0YW50c1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvY29uc3RhbnRzL3NoYXJlZC5jb25zdGFudFwiO1xyXG5cclxuLy8gcGlwZXNcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL3BpcGVzL2FubmFDb252ZXJ0QXJyYXlUb0NvbW1hU2VwZXJhdGVkVmFsdWUucGlwZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvcGlwZXMvYW5uYUNvbnZlcnRaZXJvT3JOdWxsT3JVbmRlZmluZWQucGlwZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvcGlwZXMvYW5uYURhdGVGb3JtYXR0ZXIucGlwZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvcGlwZXMvYW5uYUZpbHRlclNlYXJjaGVkVGV4dC5waXBlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9waXBlcy9hbm5hUmVwbGFjZUNoYXIucGlwZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvcGlwZXMvYW5uYVR5cGVPZkRhdGEucGlwZVwiO1xyXG5cclxuLy8gZGlyZWN0aXZlc1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvZGlyZWN0aXZlcy9kaWdpdHMtb25seS9kaWdpdHMtb25seS5kaXJlY3RpdmVcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2RpcmVjdGl2ZXMvZml4ZWQtcm93cy1wb3B1cC10YWJsZS9maXhlZC1yb3dzLXBvcHVwLXRhYmxlLmRpcmVjdGl2ZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvZGlyZWN0aXZlcy9zaG93LWVsbGlwc2lzLXRleHQvc2hvdy1lbGxpcHNpcy10ZXh0LmRpcmVjdGl2ZVwiO1xyXG5cclxuLy8gQU5OQS1EUk9QRE9XTiBMSUJcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtZHJvcGRvd24tbGliL2NvbXBvbmVudHMvYW5uYS1jYWxlbmRhci1maWx0ZXIvYW5uYS1jYWxlbmRhci1maWx0ZXIuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWRyb3Bkb3duLWxpYi9jb21wb25lbnRzL2FubmEtd2Vlay1jYWxlbmRhci1maWx0ZXIvYW5uYS13ZWVrLWNhbGVuZGFyLWZpbHRlci5jb21wb25lbnRcIjtcclxuXHJcbi8vIEFOTkEtR0VORVJJQy1UQUJMRS1MSUJcclxuLy8gTW9kdWxlc1xyXG5cclxuLy8gQ29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvY29uc3RhbnRzL2FubmEtYXBwbGljYXRpb24uY29uc3RhbnRzXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWdlbmVyaWMtdGFibGUtbGliL2NvbXBvbmVudHMvYW5uYS1jb2x1bW4tZmlsdGVycy9hbm5hLWNvbHVtbi1jaGVja2JveC1maWx0ZXIvYW5uYS1jb2x1bW4tY2hlY2tib3gtZmlsdGVyLmNvbXBvbmVudFwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYW5uYS1nZW5lcmljLXRhYmxlLWxpYi9jb21wb25lbnRzL2FubmEtY29sdW1uLWZpbHRlcnMvYW5uYS1jb2x1bW4tZGF0ZS1yYW5nZS1maWx0ZXIvYW5uYS1jb2x1bW4tZGF0ZS1yYW5nZS1maWx0ZXIuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWdlbmVyaWMtdGFibGUtbGliL2NvbXBvbmVudHMvYW5uYS1jb2x1bW4tZmlsdGVycy9hbm5hLWNvbHVtbi1zbGlkZXItZmlsdGVyL2FubmEtY29sdW1uLXNsaWRlci1maWx0ZXIuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWdlbmVyaWMtdGFibGUtbGliL2NvbXBvbmVudHMvYW5uYS1jb2x1bW4tZmlsdGVycy9hbm5hLWNvbHVtbi10aW1lLWZpbHRlci9hbm5hLWNvbHVtbi10aW1lLWZpbHRlci5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2FubmEtZ2VuZXJpYy10YWJsZS1saWIvY29tcG9uZW50cy9hbm5hLW5vbi1lZGl0YWJsZS1nZW5lcmljLXRhYmxlL2FubmEtbm9uLWVkaXRhYmxlLWdlbmVyaWMtdGFibGUuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbm5hLWdlbmVyaWMtdGFibGUtbGliL2NvbXBvbmVudHMvYW5uYS1zb3J0L2FubmEtc29ydC5jb21wb25lbnRcIjtcclxuIl19
|
|
@@ -5541,6 +5541,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5541
5541
|
}]
|
|
5542
5542
|
}] });
|
|
5543
5543
|
|
|
5544
|
+
class AnnaCircularProgressComponent {
|
|
5545
|
+
constructor(el, renderer) {
|
|
5546
|
+
this.el = el;
|
|
5547
|
+
this.renderer = renderer;
|
|
5548
|
+
this.percent = 0;
|
|
5549
|
+
this.radius = 22;
|
|
5550
|
+
this.outerStrokeWidth = 5;
|
|
5551
|
+
this.innerStrokeWidth = 5;
|
|
5552
|
+
this.outerStrokeColor = "#268bff";
|
|
5553
|
+
this.innerStrokeColor = "#d5d5d5";
|
|
5554
|
+
this.animationDuration = 0;
|
|
5555
|
+
this.circumference = 0;
|
|
5556
|
+
}
|
|
5557
|
+
ngOnChanges() {
|
|
5558
|
+
this.updateCircumference();
|
|
5559
|
+
this.applyAnimationDuration();
|
|
5560
|
+
}
|
|
5561
|
+
updateCircumference() {
|
|
5562
|
+
this.circumference = 2 * Math.PI * (this.radius - this.outerStrokeWidth / 2);
|
|
5563
|
+
}
|
|
5564
|
+
applyAnimationDuration() {
|
|
5565
|
+
const progressBar = this.el.nativeElement.querySelector(".custom-progress-bar");
|
|
5566
|
+
if (progressBar) {
|
|
5567
|
+
this.renderer.setStyle(progressBar, "transition", `stroke-dashoffset ${this.animationDuration}ms ease`);
|
|
5568
|
+
}
|
|
5569
|
+
}
|
|
5570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCircularProgressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaCircularProgressComponent, isStandalone: true, selector: "anna-core-circular-progress", inputs: { percent: "percent", radius: "radius", outerStrokeWidth: "outerStrokeWidth", innerStrokeWidth: "innerStrokeWidth", outerStrokeColor: "outerStrokeColor", innerStrokeColor: "innerStrokeColor", animationDuration: "animationDuration" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"custom-progress-wrapper\"\r\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\r\n>\r\n <svg\r\n class=\"custom-progress-circle\"\r\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\r\n >\r\n <!-- Background circle -->\r\n <circle\r\n class=\"custom-progress-bg\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"innerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n ></circle>\r\n\r\n <!-- Progress circle -->\r\n <circle\r\n class=\"custom-progress-bar\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"outerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n [attr.stroke-dasharray]=\"circumference\"\r\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\r\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\r\n ></circle>\r\n </svg>\r\n</div>\r\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5572
|
+
}
|
|
5573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCircularProgressComponent, decorators: [{
|
|
5574
|
+
type: Component,
|
|
5575
|
+
args: [{ selector: "anna-core-circular-progress", standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"custom-progress-wrapper\"\r\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\r\n>\r\n <svg\r\n class=\"custom-progress-circle\"\r\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\r\n >\r\n <!-- Background circle -->\r\n <circle\r\n class=\"custom-progress-bg\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"innerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n ></circle>\r\n\r\n <!-- Progress circle -->\r\n <circle\r\n class=\"custom-progress-bar\"\r\n [attr.cx]=\"radius\"\r\n [attr.cy]=\"radius\"\r\n [attr.r]=\"radius - outerStrokeWidth / 2\"\r\n [attr.stroke-width]=\"outerStrokeWidth\"\r\n [attr.stroke]=\"outerStrokeColor\"\r\n [attr.fill]=\"'none'\"\r\n [attr.stroke-dasharray]=\"circumference\"\r\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\r\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\r\n ></circle>\r\n </svg>\r\n</div>\r\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"] }]
|
|
5576
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { percent: [{
|
|
5577
|
+
type: Input
|
|
5578
|
+
}], radius: [{
|
|
5579
|
+
type: Input
|
|
5580
|
+
}], outerStrokeWidth: [{
|
|
5581
|
+
type: Input
|
|
5582
|
+
}], innerStrokeWidth: [{
|
|
5583
|
+
type: Input
|
|
5584
|
+
}], outerStrokeColor: [{
|
|
5585
|
+
type: Input
|
|
5586
|
+
}], innerStrokeColor: [{
|
|
5587
|
+
type: Input
|
|
5588
|
+
}], animationDuration: [{
|
|
5589
|
+
type: Input
|
|
5590
|
+
}] } });
|
|
5591
|
+
|
|
5544
5592
|
class AnnaGtHelperService {
|
|
5545
5593
|
constructor(annaFilterService, router, route, annaSortService) {
|
|
5546
5594
|
this.annaFilterService = annaFilterService;
|
|
@@ -6001,5 +6049,5 @@ class AnnaApplicationConstants {
|
|
|
6001
6049
|
* Generated bundle index. Do not edit.
|
|
6002
6050
|
*/
|
|
6003
6051
|
|
|
6004
|
-
export { ANNAIconNames, AllSelectedStatus, AnnaApplicationConstants, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaSpinnerLoaderComponent, AnnaSpinnerLoaderService, AnnaTypeofDataPipe, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, EllipsisWithTableTooltip, ErrorCodes, FixedRowsPopupTableDirective, GenericTooltipHtmlService, IconCellActionKey, OrderSources, RadioButtonModel, RegexPatternsService, ShowEllipsisTextOnHoverDirective, SortTypeEnum, SvgOrIconNames, SvgOrIconTypeInGTTable, TableClassNameConstant, TooltipModel, TooltipModelForColumnLevelFiltering };
|
|
6052
|
+
export { ANNAIconNames, AllSelectedStatus, AnnaApplicationConstants, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaCircularProgressComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaSpinnerLoaderComponent, AnnaSpinnerLoaderService, AnnaTypeofDataPipe, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, EllipsisWithTableTooltip, ErrorCodes, FixedRowsPopupTableDirective, GenericTooltipHtmlService, IconCellActionKey, OrderSources, RadioButtonModel, RegexPatternsService, ShowEllipsisTextOnHoverDirective, SortTypeEnum, SvgOrIconNames, SvgOrIconTypeInGTTable, TableClassNameConstant, TooltipModel, TooltipModelForColumnLevelFiltering };
|
|
6005
6053
|
//# sourceMappingURL=annalib-anna-core.mjs.map
|