@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

package/components/basic/progress/progress-bar/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.props.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.html","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-progress-bar',\n        new Map(\n            [\n                ['captionplacement', {value: 'hidden', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['dataset', PROP_ANY],\n                ['datavalue', PROP_STRING],\n                ['displayformat', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['maxvalue', {value: 100, ...PROP_NUMBER}],\n                ['minvalue', {value: 0, ...PROP_NUMBER}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}],\n                ['type', {value: 'default', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import {Attribute, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport {findValueOf, isDefined} from '@wm/core';\nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\n\nimport {registerProps} from './progress-bar.props';\nimport {getDecimalCount, isPercentageValue} from '@wm/components/basic/progress/progress-utils';\nimport {debounce, isArray} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'progress app-progress';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-progress-bar', hostClass: DEFAULT_CLS};\n\n// map of progress-bar type and classes\nexport const TYPE_CLASS_MAP = {\n    'default': '',\n    'default-striped': 'progress-bar-striped',\n    'success': 'progress-bar-success',\n    'success-striped': 'progress-bar-success progress-bar-striped',\n    'info': 'progress-bar-info',\n    'info-striped': 'progress-bar-info progress-bar-striped',\n    'warning': 'progress-bar-warning',\n    'warning-striped': 'progress-bar-warning progress-bar-striped',\n    'danger': 'progress-bar-danger',\n    'danger-striped': 'progress-bar-danger progress-bar-striped'\n};\n\n\n// interface for the progress-bar info\ninterface IProgressInfo {\n    cls: string;\n    progressBarWidth: string;\n    displayValue: string;\n}\n\n@Component({\n    standalone: true,\n    selector: '[wmProgressBar]',\n    templateUrl: './progress-bar.component.html',\n    providers: [\n        provideAsWidgetRef(ProgressBarComponent)\n    ]\n})\nexport class ProgressBarComponent extends StylableComponent {\n    static initializeProps = registerProps();\n\n    public displayformat: string;\n    public datavalue: string;\n    public minvalue: number;\n    public maxvalue: number;\n    public type: string;\n    public dataset: Array<any>;\n    public hint: string;\n    public arialabel: string;\n    public tabindex: string;\n\n    private _prepareData: Function;\n    private readonly hasDataset: boolean;\n\n    // progress-bar data, ngFor in the template iterates on this\n    public data: Array<IProgressInfo> = [{\n        cls: TYPE_CLASS_MAP.default,\n        progressBarWidth: '0%',\n        displayValue: '0'\n    }];\n\n    constructor(inj: Injector, @Attribute('dataset') dataset: string, @Attribute('dataset.bind') boundDataset: string, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        // flag which determines whether dataset is provided or not\n        this.hasDataset = !!(dataset || boundDataset);\n\n        styler(this.nativeElement, this);\n\n        this._prepareData = debounce(() => this.prepareData(), 50);\n    }\n\n    // update the proper classes when there is a change in type\n    protected onTypeChange() {\n        if (!this.hasDataset) {\n            if (this.data[0]) {\n                this.data[0].cls = TYPE_CLASS_MAP[this.type];\n            }\n        }\n    }\n\n    // returns the formatted display value based on the provided displayformat\n    protected getFormattedDisplayVal(val: string | number): string {\n        const format = this.displayformat || '9';\n\n        val = parseFloat('' + val);\n        val = (val.toFixed(getDecimalCount(format)));\n\n        if (format && format.includes('%')) {\n            val = `${val}%`;\n        }\n        return val;\n    }\n\n    protected prepareData() {\n        // when the dataset is provided, iterate over the dataset to set the proper values in the data\n        if (this.dataset && isArray(this.dataset) && this.type && this.datavalue) {\n            this.data = this.dataset.map((datum): IProgressInfo => {\n                const val: string = findValueOf(datum, this.datavalue).toString();\n                let percentVal = val;\n                if (val && !val.includes('%')) {\n                    percentVal = `${val}%`;\n                }\n                return {\n                    cls: TYPE_CLASS_MAP[findValueOf(datum, this.type)],\n                    progressBarWidth: percentVal,\n                    displayValue: this.getFormattedDisplayVal(val)\n                };\n            });\n        } else {\n            // if the dataset is not provided, update the values in the default data\n            let width: string | number = 0;\n            let displayVal: string | number = 0;\n            if (this.datavalue) {\n                if (isPercentageValue(this.datavalue)) {\n                    const val = (this.datavalue || '0%');\n                    width = displayVal = val;\n                } else {\n                    if (isDefined(this.datavalue)) {\n                        const denominator = (+this.maxvalue - +this.minvalue) || 1;\n                        const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';\n                        width = displayVal = val;\n                    }\n                }\n            }\n            this.data[0].displayValue = this.getFormattedDisplayVal(displayVal as string);\n            this.data[0].progressBarWidth = width as string;\n            this.data[0].cls = TYPE_CLASS_MAP[this.type];\n\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'type') {\n            this.onTypeChange();\n        } else if (key === 'minvalue' || key === 'maxvalue' || key === 'datavalue' || key === 'dataset' || key === 'displayformat') {\n            this._prepareData();\n        } else if (key === 'tabindex') {\n            return;\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","@for (bar of data; track bar) {\n  <div class=\"multi-bar progress-bar {{bar.cls}}\" [style.width]=\"bar.progressBarWidth\"\n    role=\"progressbar\" [attr.aria-valuenow]=\"datavalue\" [attr.aria-valuemin]=\"minvalue\" [attr.aria-valuemax]=\"maxvalue\"\n    [attr.aria-label]=\"arialabel || 'Progress bar'\" [tabindex]=\"tabindex\">\n    <span class=\"app-progress-label\" [attr.data-caption-placement]=\"captionplacement\">{{bar.displayValue}}</span>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/progress/progress-bar/index.d.ts

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { Injector } from '@angular/core';
+import { StylableComponent } from '@wm/components/base';
+
+declare const TYPE_CLASS_MAP: {
+    default: string;
+    'default-striped': string;
+    success: string;
+    'success-striped': string;
+    info: string;
+    'info-striped': string;
+    warning: string;
+    'warning-striped': string;
+    danger: string;
+    'danger-striped': string;
+};
+interface IProgressInfo {
+    cls: string;
+    progressBarWidth: string;
+    displayValue: string;
+}
+declare class ProgressBarComponent extends StylableComponent {
+    static initializeProps: void;
+    displayformat: string;
+    datavalue: string;
+    minvalue: number;
+    maxvalue: number;
+    type: string;
+    dataset: Array<any>;
+    hint: string;
+    arialabel: string;
+    tabindex: string;
+    private _prepareData;
+    private readonly hasDataset;
+    data: Array<IProgressInfo>;
+    constructor(inj: Injector, dataset: string, boundDataset: string, explicitContext: any);
+    protected onTypeChange(): void;
+    protected getFormattedDisplayVal(val: string | number): string;
+    protected prepareData(): void;
+    onPropertyChange(key: string, nv: any, ov?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, [null, { attribute: "dataset"; }, { attribute: "dataset.bind"; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "[wmProgressBar]", never, {}, {}, never, never, true, never>;
+}
+
+export { ProgressBarComponent, TYPE_CLASS_MAP };

package/components/basic/progress/progress-bar/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/basic/progress/progress-bar",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/basic/progress/progress-circle/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/components/basic/progress/progress-circle/bundles/index.umd.js

@@ -0,0 +1,171 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ng-circle-progress'), require('@angular/core'), require('@wm/components/base'), require('@wm/components/basic/progress/progress-utils'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'ng-circle-progress', '@angular/core', '@wm/components/base', '@wm/components/basic/progress/progress-utils', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.progress = global.wm.components.basic.progress || {}, global.wm.components.basic.progress.progressCircle = {}), global.ngCircleProgress, global.ng.core, global.wm.components.base, global.wm.components.basic.progress.progressUtils, global._));
+})(this, (function (exports, i1, i0, base, progressUtils, lodashEs) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const registerProps = () => {
+        base.register('wm-progress-circle', new Map([
+            ['captionplacement', { value: 'inside', ...base.PROP_STRING }],
+            ['class', base.PROP_STRING],
+            ['dataset', base.PROP_ANY],
+            ['datavalue', { value: '30', ...base.PROP_STRING }],
+            ['displayformat', { value: '9%', ...base.PROP_STRING }],
+            ['hint', base.PROP_STRING],
+            ['arialabel', base.PROP_STRING],
+            ['maxvalue', { value: 100, ...base.PROP_NUMBER }],
+            ['minvalue', { value: 0, ...base.PROP_NUMBER }],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['subtitle', base.PROP_STRING],
+            ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+            ['title', base.PROP_STRING],
+            ['type', { value: 'default', ...base.PROP_STRING }]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'progress app-progress circle';
+    const WIDGET_CONFIG = { widgetType: 'wm-progress-circle', hostClass: DEFAULT_CLS };
+    const DEFAULT_OPTIONS = {
+        responsive: true,
+        innerStrokeWidth: 10,
+        outerStrokeWidth: 10,
+        unitsFontSize: '15',
+        space: -10,
+        toFixed: 0,
+        maxPercent: 100,
+        showSubtitle: false,
+        clockwise: true,
+        startFromZero: false,
+        renderOnClick: false,
+        innerStrokeColor: '',
+        outerStrokeColor: ''
+    };
+    // map of progress-bar type and classes
+    const TYPE_CLASS_MAP_PC = {
+        'default': '',
+        'success': 'progress-circle-success',
+        'info': 'progress-circle-info',
+        'warning': 'progress-circle-warning',
+        'danger': 'progress-circle-danger',
+    };
+    class ProgressCircleComponent extends base.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            base.styler(this.nativeElement, this);
+            this.options = lodashEs.clone(DEFAULT_OPTIONS);
+            this.redraw = lodashEs.debounce(this._redraw, 100);
+        }
+        _redraw() {
+            this.circleRef.render();
+            // Select the <tspan> element that contains the percentage value
+            let tspanElement = $(this.nativeElement).find('svg text tspan:first');
+            this.displayValue = this.options.showUnits ? tspanElement?.text() + '%' : tspanElement?.text();
+        }
+        ngAfterViewInit() {
+            super.ngAfterViewInit();
+            this.invokeEventCallback('beforerender', { '$event': {} });
+            this.options = Object.assign(this.circleRef.options, this.options);
+        }
+        getDefaultOptions() {
+            return this.options;
+        }
+        getLib() {
+            return 'ng-circle-progress';
+        }
+        overrideDefaults(options) {
+            lodashEs.extend(this.options, options);
+        }
+        updateDisplayValueFormat() {
+            // show title and subtitle only when captionplacement is 'inside'
+            this.options.showTitle = this.options.showSubtitle = (this.captionplacement === 'inside');
+            // show units when title value is empty and captionplacement is 'inside'
+            this.options.showUnits = !this.title && this.options.showTitle && progressUtils.isPercentageValue(this.displayformat);
+            this.options.toFixed = progressUtils.getDecimalCount(this.displayformat);
+            if (this.options.showTitle) {
+                this.options.title = this.title || 'auto';
+                this.options.showSubtitle = !!this.subtitle;
+                this.options.subtitle = this.subtitle || '';
+            }
+            this.redraw();
+        }
+        onPropertyChange(key, nv, ov) {
+            switch (key) {
+                case 'type':
+                    this.$element.removeClass(TYPE_CLASS_MAP_PC[ov]);
+                    this.$element.addClass(TYPE_CLASS_MAP_PC[nv]);
+                    break;
+                case 'minvalue':
+                case 'maxvalue':
+                case 'datavalue':
+                    if (progressUtils.isPercentageValue(this.datavalue)) {
+                        this.percentagevalue = parseFloat(this.datavalue);
+                    }
+                    else {
+                        this.percentagevalue = progressUtils.calculatePercent(parseFloat(this.datavalue), this.minvalue, this.maxvalue);
+                    }
+                    break;
+                case 'displayformat':
+                case 'captionplacement':
+                case 'title':
+                case 'subtitle':
+                    this.updateDisplayValueFormat();
+                    break;
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear ViewChild reference
+            this.circleRef = null;
+            // MEMORY LEAK FIX: Clear debounced function reference
+            if (this.redraw && typeof this.redraw.cancel === 'function') {
+                this.redraw.cancel();
+            }
+            this.redraw = null;
+            super.ngOnDestroy();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ProgressCircleComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ProgressCircleComponent, isStandalone: true, selector: "[wmProgressCircle]", providers: [
+                base.provideAsWidgetRef(ProgressCircleComponent)
+            ], viewQueries: [{ propertyName: "circleRef", first: true, predicate: i1.CircleProgressComponent, descendants: true, static: true }], exportAs: ["wmProgressCircle"], usesInheritance: true, ngImport: i0__namespace, template: "<circle-progress [percent]=\"percentagevalue\" [options]=\"options\"></circle-progress>\n", dependencies: [{ kind: "ngmodule", type: i1.NgCircleProgressModule }, { kind: "component", type: i1__namespace.CircleProgressComponent, selector: "circle-progress", inputs: ["name", "class", "backgroundGradient", "backgroundColor", "backgroundGradientStopColor", "backgroundOpacity", "backgroundStroke", "backgroundStrokeWidth", "backgroundPadding", "radius", "space", "percent", "toFixed", "maxPercent", "renderOnClick", "units", "unitsFontSize", "unitsFontWeight", "unitsColor", "outerStrokeGradient", "outerStrokeWidth", "outerStrokeColor", "outerStrokeGradientStopColor", "outerStrokeLinecap", "innerStrokeColor", "innerStrokeWidth", "titleFormat", "title", "titleColor", "titleFontSize", "titleFontWeight", "subtitleFormat", "subtitle", "subtitleColor", "subtitleFontSize", "subtitleFontWeight", "imageSrc", "imageHeight", "imageWidth", "animation", "animateTitle", "animateSubtitle", "animationDuration", "showTitle", "showSubtitle", "showUnits", "showImage", "showBackground", "showInnerStroke", "clockwise", "responsive", "startFromZero", "showZeroOuterStroke", "lazy", "options"], outputs: ["onClick"] }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ProgressCircleComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i1.NgCircleProgressModule], selector: '[wmProgressCircle]', providers: [
+                            base.provideAsWidgetRef(ProgressCircleComponent)
+                        ], exportAs: 'wmProgressCircle', template: "<circle-progress [percent]=\"percentagevalue\" [options]=\"options\"></circle-progress>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { circleRef: [{
+                    type: i0.ViewChild,
+                    args: [i1.CircleProgressComponent, { static: true }]
+                }] } });
+
+    exports.ProgressCircleComponent = ProgressCircleComponent;
+    exports.TYPE_CLASS_MAP_PC = TYPE_CLASS_MAP_PC;
+
+}));

package/components/basic/progress/progress-circle/fesm2022/index.mjs

@@ -0,0 +1,155 @@
+import * as i1 from 'ng-circle-progress';
+import { NgCircleProgressModule, CircleProgressComponent } from 'ng-circle-progress';
+import * as i0 from '@angular/core';
+import { ViewChild, Inject, Optional, Component } from '@angular/core';
+import { register, PROP_STRING, PROP_ANY, PROP_NUMBER, PROP_BOOLEAN, StylableComponent, styler, provideAsWidgetRef } from '@wm/components/base';
+import { isPercentageValue, getDecimalCount, calculatePercent } from '@wm/components/basic/progress/progress-utils';
+import { clone, debounce, extend } from 'lodash-es';
+
+const registerProps = () => {
+    register('wm-progress-circle', new Map([
+        ['captionplacement', { value: 'inside', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['dataset', PROP_ANY],
+        ['datavalue', { value: '30', ...PROP_STRING }],
+        ['displayformat', { value: '9%', ...PROP_STRING }],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING],
+        ['maxvalue', { value: 100, ...PROP_NUMBER }],
+        ['minvalue', { value: 0, ...PROP_NUMBER }],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['subtitle', PROP_STRING],
+        ['tabindex', { value: 0, ...PROP_NUMBER }],
+        ['title', PROP_STRING],
+        ['type', { value: 'default', ...PROP_STRING }]
+    ]));
+};
+
+const DEFAULT_CLS = 'progress app-progress circle';
+const WIDGET_CONFIG = { widgetType: 'wm-progress-circle', hostClass: DEFAULT_CLS };
+const DEFAULT_OPTIONS = {
+    responsive: true,
+    innerStrokeWidth: 10,
+    outerStrokeWidth: 10,
+    unitsFontSize: '15',
+    space: -10,
+    toFixed: 0,
+    maxPercent: 100,
+    showSubtitle: false,
+    clockwise: true,
+    startFromZero: false,
+    renderOnClick: false,
+    innerStrokeColor: '',
+    outerStrokeColor: ''
+};
+// map of progress-bar type and classes
+const TYPE_CLASS_MAP_PC = {
+    'default': '',
+    'success': 'progress-circle-success',
+    'info': 'progress-circle-info',
+    'warning': 'progress-circle-warning',
+    'danger': 'progress-circle-danger',
+};
+class ProgressCircleComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this);
+        this.options = clone(DEFAULT_OPTIONS);
+        this.redraw = debounce(this._redraw, 100);
+    }
+    _redraw() {
+        this.circleRef.render();
+        // Select the <tspan> element that contains the percentage value
+        let tspanElement = $(this.nativeElement).find('svg text tspan:first');
+        this.displayValue = this.options.showUnits ? tspanElement?.text() + '%' : tspanElement?.text();
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.invokeEventCallback('beforerender', { '$event': {} });
+        this.options = Object.assign(this.circleRef.options, this.options);
+    }
+    getDefaultOptions() {
+        return this.options;
+    }
+    getLib() {
+        return 'ng-circle-progress';
+    }
+    overrideDefaults(options) {
+        extend(this.options, options);
+    }
+    updateDisplayValueFormat() {
+        // show title and subtitle only when captionplacement is 'inside'
+        this.options.showTitle = this.options.showSubtitle = (this.captionplacement === 'inside');
+        // show units when title value is empty and captionplacement is 'inside'
+        this.options.showUnits = !this.title && this.options.showTitle && isPercentageValue(this.displayformat);
+        this.options.toFixed = getDecimalCount(this.displayformat);
+        if (this.options.showTitle) {
+            this.options.title = this.title || 'auto';
+            this.options.showSubtitle = !!this.subtitle;
+            this.options.subtitle = this.subtitle || '';
+        }
+        this.redraw();
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'type':
+                this.$element.removeClass(TYPE_CLASS_MAP_PC[ov]);
+                this.$element.addClass(TYPE_CLASS_MAP_PC[nv]);
+                break;
+            case 'minvalue':
+            case 'maxvalue':
+            case 'datavalue':
+                if (isPercentageValue(this.datavalue)) {
+                    this.percentagevalue = parseFloat(this.datavalue);
+                }
+                else {
+                    this.percentagevalue = calculatePercent(parseFloat(this.datavalue), this.minvalue, this.maxvalue);
+                }
+                break;
+            case 'displayformat':
+            case 'captionplacement':
+            case 'title':
+            case 'subtitle':
+                this.updateDisplayValueFormat();
+                break;
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear ViewChild reference
+        this.circleRef = null;
+        // MEMORY LEAK FIX: Clear debounced function reference
+        if (this.redraw && typeof this.redraw.cancel === 'function') {
+            this.redraw.cancel();
+        }
+        this.redraw = null;
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressCircleComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ProgressCircleComponent, isStandalone: true, selector: "[wmProgressCircle]", providers: [
+            provideAsWidgetRef(ProgressCircleComponent)
+        ], viewQueries: [{ propertyName: "circleRef", first: true, predicate: CircleProgressComponent, descendants: true, static: true }], exportAs: ["wmProgressCircle"], usesInheritance: true, ngImport: i0, template: "<circle-progress [percent]=\"percentagevalue\" [options]=\"options\"></circle-progress>\n", dependencies: [{ kind: "ngmodule", type: NgCircleProgressModule }, { kind: "component", type: i1.CircleProgressComponent, selector: "circle-progress", inputs: ["name", "class", "backgroundGradient", "backgroundColor", "backgroundGradientStopColor", "backgroundOpacity", "backgroundStroke", "backgroundStrokeWidth", "backgroundPadding", "radius", "space", "percent", "toFixed", "maxPercent", "renderOnClick", "units", "unitsFontSize", "unitsFontWeight", "unitsColor", "outerStrokeGradient", "outerStrokeWidth", "outerStrokeColor", "outerStrokeGradientStopColor", "outerStrokeLinecap", "innerStrokeColor", "innerStrokeWidth", "titleFormat", "title", "titleColor", "titleFontSize", "titleFontWeight", "subtitleFormat", "subtitle", "subtitleColor", "subtitleFontSize", "subtitleFontWeight", "imageSrc", "imageHeight", "imageWidth", "animation", "animateTitle", "animateSubtitle", "animationDuration", "showTitle", "showSubtitle", "showUnits", "showImage", "showBackground", "showInnerStroke", "clockwise", "responsive", "startFromZero", "showZeroOuterStroke", "lazy", "options"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressCircleComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [NgCircleProgressModule], selector: '[wmProgressCircle]', providers: [
+                        provideAsWidgetRef(ProgressCircleComponent)
+                    ], exportAs: 'wmProgressCircle', template: "<circle-progress [percent]=\"percentagevalue\" [options]=\"options\"></circle-progress>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { circleRef: [{
+                type: ViewChild,
+                args: [CircleProgressComponent, { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressCircleComponent, TYPE_CLASS_MAP_PC };
+//# sourceMappingURL=index.mjs.map

package/components/basic/progress/progress-circle/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/basic/progress/progress-circle/src/progress-circle.props.ts","../../../../../../projects/components/widgets/basic/progress/progress-circle/src/progress-circle.component.ts","../../../../../../projects/components/widgets/basic/progress/progress-circle/src/progress-circle.component.html","../../../../../../projects/components/widgets/basic/progress/progress-circle/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-progress-circle',\n        new Map(\n            [\n                ['captionplacement', {value: 'inside', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['dataset', PROP_ANY],\n                ['datavalue', {value: '30', ...PROP_STRING}],\n                ['displayformat', {value: '9%', ...PROP_STRING}],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['maxvalue', {value: 100, ...PROP_NUMBER}],\n                ['minvalue', {value: 0, ...PROP_NUMBER}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['subtitle', PROP_STRING],\n                ['tabindex', {value: 0, ...PROP_NUMBER}],\n                ['title', PROP_STRING],\n                ['type', {value: 'default', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { NgCircleProgressModule } from 'ng-circle-progress';\nimport {AfterViewInit, Component, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {CircleProgressComponent, CircleProgressOptionsInterface} from 'ng-circle-progress';\n\n\nimport {IRedrawableComponent, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\nimport {registerProps} from './progress-circle.props';\nimport {calculatePercent, getDecimalCount, isPercentageValue} from '@wm/components/basic/progress/progress-utils';\nimport {clone, debounce, extend} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'progress app-progress circle';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-progress-circle', hostClass: DEFAULT_CLS};\nconst DEFAULT_OPTIONS: CircleProgressOptionsInterface  = {\n    responsive: true,\n    innerStrokeWidth: 10,\n    outerStrokeWidth: 10,\n    unitsFontSize: '15',\n    space: -10,\n    toFixed: 0,\n    maxPercent: 100,\n    showSubtitle: false,\n    clockwise: true,\n    startFromZero: false,\n    renderOnClick: false,\n    innerStrokeColor: '',\n    outerStrokeColor: ''\n};\n\n// map of progress-bar type and classes\nexport const TYPE_CLASS_MAP_PC = {\n    'default': '',\n    'success': 'progress-circle-success',\n    'info': 'progress-circle-info',\n    'warning': 'progress-circle-warning',\n    'danger': 'progress-circle-danger',\n};\n\n\n\n@Component({\n    standalone: true,\n    imports: [NgCircleProgressModule],\n    selector: '[wmProgressCircle]',\n    templateUrl: './progress-circle.component.html',\n    providers: [\n        provideAsWidgetRef(ProgressCircleComponent)\n    ],\n    exportAs: 'wmProgressCircle'\n})\nexport class ProgressCircleComponent extends StylableComponent implements AfterViewInit, OnDestroy, IRedrawableComponent {\n    static initializeProps = registerProps();\n\n    public displayformat: string;\n    public datavalue: string;\n    public minvalue: number;\n    public maxvalue: number;\n    public type: string;\n    public title: string;\n    public subtitle: string;\n    public captionplacement: string;\n    public percentagevalue: number;\n    public redraw: Function;\n    public options: CircleProgressOptionsInterface;\n    public hint: string;\n    public arialabel: string;\n    public displayValue: string;\n\n    @ViewChild(CircleProgressComponent, { static: true }) circleRef: CircleProgressComponent;\n\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        this.options = clone(DEFAULT_OPTIONS);\n        this.redraw = debounce(this._redraw, 100);\n    }\n\n    private _redraw () {\n        this.circleRef.render();\n        // Select the <tspan> element that contains the percentage value\n        let tspanElement = $(this.nativeElement).find('svg text tspan:first');\n        this.displayValue = this.options.showUnits ? tspanElement?.text() + '%' : tspanElement?.text();\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.invokeEventCallback('beforerender', {'$event' : {}});\n        this.options = Object.assign(this.circleRef.options, this.options);\n    }\n\n    getDefaultOptions() {\n        return this.options;\n    }\n\n    getLib() {\n        return 'ng-circle-progress';\n    }\n\n    overrideDefaults(options) {\n        extend(this.options, options);\n    }\n\n    updateDisplayValueFormat() {\n        // show title and subtitle only when captionplacement is 'inside'\n        this.options.showTitle = this.options.showSubtitle = (this.captionplacement === 'inside');\n\n        // show units when title value is empty and captionplacement is 'inside'\n        this.options.showUnits = !this.title && this.options.showTitle && isPercentageValue(this.displayformat);\n        this.options.toFixed = getDecimalCount(this.displayformat);\n\n        if (this.options.showTitle) {\n            this.options.title = this.title || 'auto';\n            this.options.showSubtitle = !!this.subtitle;\n            this.options.subtitle = this.subtitle || '';\n        }\n        this.redraw();\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'type':\n                this.$element.removeClass(TYPE_CLASS_MAP_PC[ov]);\n                this.$element.addClass(TYPE_CLASS_MAP_PC[nv]);\n                break;\n            case 'minvalue':\n            case 'maxvalue':\n            case 'datavalue':\n                if (isPercentageValue(this.datavalue)) {\n                    this.percentagevalue = parseFloat(this.datavalue);\n                } else {\n                    this.percentagevalue = calculatePercent(parseFloat(this.datavalue), this.minvalue, this.maxvalue);\n                }\n                break;\n            case 'displayformat':\n            case 'captionplacement':\n            case 'title':\n            case 'subtitle':\n                this.updateDisplayValueFormat();\n                break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.circleRef = null;\n\n        // MEMORY LEAK FIX: Clear debounced function reference\n        if (this.redraw && typeof (this.redraw as any).cancel === 'function') {\n            (this.redraw as any).cancel();\n        }\n        this.redraw = null;\n\n        super.ngOnDestroy();\n    }\n}\n","<circle-progress [percent]=\"percentagevalue\" [options]=\"options\"></circle-progress>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/progress/progress-circle/index.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, Injector } from '@angular/core';
+import { CircleProgressOptionsInterface, CircleProgressComponent } from 'ng-circle-progress';
+import { StylableComponent, IRedrawableComponent } from '@wm/components/base';
+
+declare const TYPE_CLASS_MAP_PC: {
+    default: string;
+    success: string;
+    info: string;
+    warning: string;
+    danger: string;
+};
+declare class ProgressCircleComponent extends StylableComponent implements AfterViewInit, OnDestroy, IRedrawableComponent {
+    static initializeProps: void;
+    displayformat: string;
+    datavalue: string;
+    minvalue: number;
+    maxvalue: number;
+    type: string;
+    title: string;
+    subtitle: string;
+    captionplacement: string;
+    percentagevalue: number;
+    redraw: Function;
+    options: CircleProgressOptionsInterface;
+    hint: string;
+    arialabel: string;
+    displayValue: string;
+    circleRef: CircleProgressComponent;
+    constructor(inj: Injector, explicitContext: any);
+    private _redraw;
+    ngAfterViewInit(): void;
+    getDefaultOptions(): CircleProgressOptionsInterface;
+    getLib(): string;
+    overrideDefaults(options: any): void;
+    updateDisplayValueFormat(): void;
+    onPropertyChange(key: string, nv: any, ov?: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressCircleComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressCircleComponent, "[wmProgressCircle]", ["wmProgressCircle"], {}, {}, never, never, true, never>;
+}
+
+export { ProgressCircleComponent, TYPE_CLASS_MAP_PC };

package/components/basic/progress/progress-circle/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/basic/progress/progress-circle",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/basic/progress/progress-utils/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/components/basic/progress/progress-utils/bundles/index.umd.js

@@ -0,0 +1,35 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.progress = global.wm.components.basic.progress || {}, global.wm.components.basic.progress.progressUtils = {}), global._));
+})(this, (function (exports, lodashEs) { 'use strict';
+
+    // This function returns the maximum number of decimal digits allowed.
+    const getDecimalCount = (val) => {
+        val = val || '9';
+        val = val.replace(/\%$/, '');
+        const n = val.lastIndexOf('.');
+        return (n === -1) ? 0 : (val.length - n - 1);
+    };
+    // returns true if the given value contains '%'
+    const isPercentageValue = (val) => {
+        if (lodashEs.isString(val)) {
+            val = val.trim();
+            return val.charAt(val.length - 1) === '%';
+        }
+        return false;
+    };
+    const calculatePercent = (value, min = 0, max = 0) => {
+        const percent = ((value - min) / (max - min)) * 100;
+        if (lodashEs.isNaN(percent)) {
+            console.warn('Circle Progress Bar: One of the properties Min, Max or datavalue is not a valid number');
+            return 0;
+        }
+        return Math.abs(percent);
+    };
+
+    exports.calculatePercent = calculatePercent;
+    exports.getDecimalCount = getDecimalCount;
+    exports.isPercentageValue = isPercentageValue;
+
+}));

package/components/basic/progress/progress-utils/fesm2022/index.mjs

@@ -0,0 +1,32 @@
+import { isString, isNaN } from 'lodash-es';
+
+// This function returns the maximum number of decimal digits allowed.
+const getDecimalCount = (val) => {
+    val = val || '9';
+    val = val.replace(/\%$/, '');
+    const n = val.lastIndexOf('.');
+    return (n === -1) ? 0 : (val.length - n - 1);
+};
+// returns true if the given value contains '%'
+const isPercentageValue = (val) => {
+    if (isString(val)) {
+        val = val.trim();
+        return val.charAt(val.length - 1) === '%';
+    }
+    return false;
+};
+const calculatePercent = (value, min = 0, max = 0) => {
+    const percent = ((value - min) / (max - min)) * 100;
+    if (isNaN(percent)) {
+        console.warn('Circle Progress Bar: One of the properties Min, Max or datavalue is not a valid number');
+        return 0;
+    }
+    return Math.abs(percent);
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { calculatePercent, getDecimalCount, isPercentageValue };
+//# sourceMappingURL=index.mjs.map

package/components/basic/progress/progress-utils/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/basic/progress/progress-utils/src/progress-utils.ts","../../../../../../projects/components/widgets/basic/progress/progress-utils/src/index.ts"],"sourcesContent":["import {isNaN, isString} from \"lodash-es\";\n\n// This function returns the maximum number of decimal digits allowed.\nexport const getDecimalCount = (val: string) => {\n    val = val || '9';\n    val = val.replace(/\\%$/, '');\n\n    const n = val.lastIndexOf('.');\n\n    return (n === -1) ? 0 : (val.length - n - 1);\n};\n\n// returns true if the given value contains '%'\nexport const isPercentageValue = (val: string): boolean => {\n    if (isString(val)) {\n        val = val.trim();\n        return val.charAt(val.length - 1) === '%';\n    }\n    return false;\n};\n\nexport const calculatePercent = (value: number , min: number = 0, max: number = 0): number => {\n    const percent: number = ((value - min) / (max - min)) * 100;\n\n    if (isNaN(percent)) {\n        console.warn('Circle Progress Bar: One of the properties Min, Max or datavalue is not a valid number');\n        return 0;\n    }\n    return Math.abs(percent);\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;AAEA;AACO,MAAM,eAAe,GAAG,CAAC,GAAW,KAAI;AAC3C,IAAA,GAAG,GAAG,GAAG,IAAI,GAAG;IAChB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAE5B,MAAM,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC;IAE9B,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAChD;AAEA;AACO,MAAM,iBAAiB,GAAG,CAAC,GAAW,KAAa;AACtD,IAAA,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;AACf,QAAA,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE;AAChB,QAAA,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG;IAC7C;AACA,IAAA,OAAO,KAAK;AAChB;AAEO,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAG,GAAA,GAAc,CAAC,EAAE,GAAA,GAAc,CAAC,KAAY;AACzF,IAAA,MAAM,OAAO,GAAW,CAAC,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG;AAE3D,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;AAChB,QAAA,OAAO,CAAC,IAAI,CAAC,wFAAwF,CAAC;AACtG,QAAA,OAAO,CAAC;IACZ;AACA,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAC5B;;AC7BA;;AAEG;;;;"}

package/components/basic/progress/progress-utils/index.d.ts

@@ -0,0 +1,5 @@
+declare const getDecimalCount: (val: string) => number;
+declare const isPercentageValue: (val: string) => boolean;
+declare const calculatePercent: (value: number, min?: number, max?: number) => number;
+
+export { calculatePercent, getDecimalCount, isPercentageValue };

package/components/basic/progress/progress-utils/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/basic/progress/progress-utils",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/basic/rich-text-editor/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json