@esfaenza/dashboard-feature 19.2.0 → 19.2.2

package/lib/components/widgets/multiprog/circle-progress/circle-progress.component.d.ts

@@ -0,0 +1,219 @@
+import { EventEmitter, OnChanges, OnInit, OnDestroy, ElementRef, SimpleChanges, NgZone, Injector } from '@angular/core';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface CircleProgressOptionsInterface {
+    class?: string;
+    backgroundGradient?: boolean;
+    backgroundColor?: string;
+    backgroundGradientStopColor?: string;
+    backgroundOpacity?: number;
+    backgroundStroke?: string;
+    backgroundStrokeWidth?: number;
+    backgroundPadding?: number;
+    percent?: number;
+    radius?: number;
+    space?: number;
+    toFixed?: number;
+    maxPercent?: number;
+    renderOnClick?: boolean;
+    units?: string;
+    unitsFontSize?: string;
+    unitsFontWeight?: string;
+    unitsColor?: string;
+    outerStrokeGradient?: boolean;
+    outerStrokeWidth?: number;
+    outerStrokeColor?: string;
+    outerStrokeGradientStopColor?: string;
+    outerStrokeLinecap?: string;
+    innerStrokeColor?: string;
+    innerStrokeWidth?: number;
+    titleFormat?: Function;
+    title?: string | Array<String>;
+    titleColor?: string;
+    titleFontSize?: string;
+    titleFontWeight?: string;
+    subtitleFormat?: Function;
+    subtitle?: string | Array<String>;
+    subtitleColor?: string;
+    subtitleFontSize?: string;
+    subtitleFontWeight?: string;
+    imageSrc?: string;
+    imageHeight?: number;
+    imageWidth?: number;
+    animation?: boolean;
+    animateTitle?: boolean;
+    animateSubtitle?: boolean;
+    animationDuration?: number;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    showUnits?: boolean;
+    showImage?: boolean;
+    showBackground?: boolean;
+    showInnerStroke?: boolean;
+    clockwise?: boolean;
+    responsive?: boolean;
+    startFromZero?: boolean;
+    showZeroOuterStroke?: boolean;
+    lazy?: boolean;
+}
+export declare class CircleProgressOptions implements CircleProgressOptionsInterface {
+    class: string;
+    backgroundGradient: boolean;
+    backgroundColor: string;
+    backgroundGradientStopColor: string;
+    backgroundOpacity: number;
+    backgroundStroke: string;
+    backgroundStrokeWidth: number;
+    backgroundPadding: number;
+    percent: number;
+    radius: number;
+    space: number;
+    toFixed: number;
+    maxPercent: number;
+    renderOnClick: boolean;
+    units: string;
+    unitsFontSize: string;
+    unitsFontWeight: string;
+    unitsColor: string;
+    outerStrokeGradient: boolean;
+    outerStrokeWidth: number;
+    outerStrokeColor: string;
+    outerStrokeGradientStopColor: string;
+    outerStrokeLinecap: string;
+    innerStrokeColor: string;
+    innerStrokeWidth: number;
+    titleFormat: any;
+    title: string | Array<String>;
+    titleColor: string;
+    titleFontSize: string;
+    titleFontWeight: string;
+    subtitleFormat: any;
+    subtitle: string | Array<String>;
+    subtitleColor: string;
+    subtitleFontSize: string;
+    subtitleFontWeight: string;
+    imageSrc: any;
+    imageHeight: number;
+    imageWidth: number;
+    animation: boolean;
+    animateTitle: boolean;
+    animateSubtitle: boolean;
+    animationDuration: number;
+    showTitle: boolean;
+    showSubtitle: boolean;
+    showUnits: boolean;
+    showImage: boolean;
+    showBackground: boolean;
+    showInnerStroke: boolean;
+    clockwise: boolean;
+    responsive: boolean;
+    startFromZero: boolean;
+    showZeroOuterStroke: boolean;
+    lazy: boolean;
+}
+export declare class CircleProgressComponent implements OnChanges, OnInit, OnDestroy {
+    private ngZone;
+    private elRef;
+    onClick: EventEmitter<MouseEvent>;
+    name: string;
+    class: string;
+    backgroundGradient: boolean;
+    backgroundColor: string;
+    backgroundGradientStopColor: String;
+    backgroundOpacity: number;
+    backgroundStroke: string;
+    backgroundStrokeWidth: number;
+    backgroundPadding: number;
+    radius: number;
+    space: number;
+    percent: number;
+    toFixed: number;
+    maxPercent: number;
+    renderOnClick: boolean;
+    units: string;
+    unitsFontSize: string;
+    unitsFontWeight: string;
+    unitsColor: string;
+    outerStrokeGradient: boolean;
+    outerStrokeWidth: number;
+    outerStrokeColor: string;
+    outerStrokeGradientStopColor: String;
+    outerStrokeLinecap: string;
+    innerStrokeColor: string;
+    innerStrokeWidth: string | number;
+    titleFormat: Function;
+    title: string | Array<String>;
+    titleColor: string;
+    titleFontSize: string;
+    titleFontWeight: string;
+    subtitleFormat: Function;
+    subtitle: string | string[];
+    subtitleColor: string;
+    subtitleFontSize: string;
+    subtitleFontWeight: string;
+    imageSrc: string;
+    imageHeight: number;
+    imageWidth: number;
+    animation: boolean;
+    animateTitle: boolean;
+    animateSubtitle: boolean;
+    animationDuration: number;
+    showTitle: boolean;
+    showSubtitle: boolean;
+    showUnits: boolean;
+    showImage: boolean;
+    showBackground: boolean;
+    showInnerStroke: boolean;
+    clockwise: boolean;
+    responsive: boolean;
+    startFromZero: boolean;
+    showZeroOuterStroke: boolean;
+    lazy: boolean;
+    templateOptions: CircleProgressOptions;
+    svgElement: HTMLElement;
+    isInViewport: Boolean;
+    onViewportChanged: EventEmitter<{
+        oldValue: Boolean;
+        newValue: Boolean;
+    }>;
+    window: Window;
+    _viewportChangedSubscriber: Subscription;
+    svg: any;
+    options: CircleProgressOptions;
+    defaultOptions: CircleProgressOptions;
+    _lastPercent: number;
+    _gradientUUID: string;
+    render: () => void;
+    polarToCartesian: (centerX: number, centerY: number, radius: number, angleInDegrees: number) => {
+        x: number;
+        y: number;
+    };
+    draw: (percent: number) => void;
+    getAnimationParameters: (previousPercent: number, currentPercent: number) => {
+        times: number;
+        step: number;
+        interval: number;
+    };
+    animate: (previousPercent: number, currentPercent: number) => void;
+    emitClickEvent(event: MouseEvent): void;
+    private _timerSubscription;
+    private applyOptions;
+    private getRelativeY;
+    private min;
+    private max;
+    private uuid;
+    isDrawing(): boolean;
+    findSvgElement(): void;
+    private isElementInViewport;
+    checkViewport: () => void;
+    onScroll: (event: Event) => void;
+    loadEventsForLazyMode: () => void;
+    unloadEventsForLazyMode: () => void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private document;
+    constructor(defaultOptions: CircleProgressOptions, ngZone: NgZone, elRef: ElementRef, injector: Injector);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircleProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleProgressComponent, "circle-progress", never, { "name": { "alias": "name"; "required": false; }; "class": { "alias": "class"; "required": false; }; "backgroundGradient": { "alias": "backgroundGradient"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "backgroundGradientStopColor": { "alias": "backgroundGradientStopColor"; "required": false; }; "backgroundOpacity": { "alias": "backgroundOpacity"; "required": false; }; "backgroundStroke": { "alias": "backgroundStroke"; "required": false; }; "backgroundStrokeWidth": { "alias": "backgroundStrokeWidth"; "required": false; }; "backgroundPadding": { "alias": "backgroundPadding"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "space": { "alias": "space"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; "toFixed": { "alias": "toFixed"; "required": false; }; "maxPercent": { "alias": "maxPercent"; "required": false; }; "renderOnClick": { "alias": "renderOnClick"; "required": false; }; "units": { "alias": "units"; "required": false; }; "unitsFontSize": { "alias": "unitsFontSize"; "required": false; }; "unitsFontWeight": { "alias": "unitsFontWeight"; "required": false; }; "unitsColor": { "alias": "unitsColor"; "required": false; }; "outerStrokeGradient": { "alias": "outerStrokeGradient"; "required": false; }; "outerStrokeWidth": { "alias": "outerStrokeWidth"; "required": false; }; "outerStrokeColor": { "alias": "outerStrokeColor"; "required": false; }; "outerStrokeGradientStopColor": { "alias": "outerStrokeGradientStopColor"; "required": false; }; "outerStrokeLinecap": { "alias": "outerStrokeLinecap"; "required": false; }; "innerStrokeColor": { "alias": "innerStrokeColor"; "required": false; }; "innerStrokeWidth": { "alias": "innerStrokeWidth"; "required": false; }; "titleFormat": { "alias": "titleFormat"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleColor": { "alias": "titleColor"; "required": false; }; "titleFontSize": { "alias": "titleFontSize"; "required": false; }; "titleFontWeight": { "alias": "titleFontWeight"; "required": false; }; "subtitleFormat": { "alias": "subtitleFormat"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "subtitleColor": { "alias": "subtitleColor"; "required": false; }; "subtitleFontSize": { "alias": "subtitleFontSize"; "required": false; }; "subtitleFontWeight": { "alias": "subtitleFontWeight"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "imageWidth": { "alias": "imageWidth"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "animateTitle": { "alias": "animateTitle"; "required": false; }; "animateSubtitle": { "alias": "animateSubtitle"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "showUnits": { "alias": "showUnits"; "required": false; }; "showImage": { "alias": "showImage"; "required": false; }; "showBackground": { "alias": "showBackground"; "required": false; }; "showInnerStroke": { "alias": "showInnerStroke"; "required": false; }; "clockwise": { "alias": "clockwise"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "startFromZero": { "alias": "startFromZero"; "required": false; }; "showZeroOuterStroke": { "alias": "showZeroOuterStroke"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "templateOptions": { "alias": "options"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
+}

package/lib/dashboard-feature.module.d.ts

@@ -7,16 +7,17 @@ import * as i2 from "./components/widgets/list/jace-dsh-list.component";
 import * as i3 from "./components/widgets/counter/jace-dsh-counter.component";
 import * as i4 from "./components/widgets/chart/jace-dsh-chart.component";
 import * as i5 from "./components/widgets/multiprog/jace-dsh-multiprog.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
-import * as i8 from "angular-gridster2";
-import * as i9 from "@esfaenza/forms-and-validations";
-import * as i10 from "@esfaenza/es-charts";
-import * as i11 from "@esfaenza/httpservice";
+import * as i6 from "./components/widgets/multiprog/circle-progress/circle-progress.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/forms";
+import * as i9 from "angular-gridster2";
+import * as i10 from "@esfaenza/forms-and-validations";
+import * as i11 from "@esfaenza/es-charts";
+import * as i12 from "@esfaenza/httpservice";
 export declare class DashboardFeatureModule {
     static forRoot(options?: IDashboardModuleOptions): ModuleWithProviders<DashboardFeatureModule>;
     constructor(componentFactory: DashboardWidgetFactory, options: IDashboardModuleOptions[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardFeatureModule, [null, { optional: true; }]>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardFeatureModule, [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.GridsterModule, typeof i9.FormsAndValidationsModule, typeof i10.EsChartsModule, typeof i11.HttpserviceModule], [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardFeatureModule, [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent, typeof i6.CircleProgressComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.GridsterModule, typeof i10.FormsAndValidationsModule, typeof i11.EsChartsModule, typeof i12.HttpserviceModule], [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent, typeof i6.CircleProgressComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DashboardFeatureModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/dashboard-feature",
-  "version": "19.2.0",
+  "version": "19.2.2",
   "peerDependencies": {
     "@angular/animations": "^19.2.15",
     "@angular/cdk": "^19.2.19",

package/public-api.d.ts

@@ -21,3 +21,4 @@ export * from './lib/components/widgets/multiprog/jace-dsh-multiprog.component';
 export * from './lib/components/widgets/BaseWidgetComponent';
 export * from './lib/components/widgets/IWidgetComponent';
 export * from './lib/components/widgets/JaceWidgetTypes';
+export * from './lib/components/widgets/multiprog/circle-progress/circle-progress.component';