@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.226

package/components/basic/progress/progress-bar/esm2022/progress-bar.component.mjs

@@ -0,0 +1,130 @@
+import { Attribute, Component, Inject, Injector, Optional } from '@angular/core';
+import { findValueOf, isDefined } from '@wm/core';
+import { provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';
+import { registerProps } from './progress-bar.props';
+import { getDecimalCount, isPercentageValue } from '@wm/components/basic/progress/progress-utils';
+import { debounce, isArray } from "lodash-es";
+import * as i0 from "@angular/core";
+const DEFAULT_CLS = 'progress app-progress';
+const WIDGET_CONFIG = { widgetType: 'wm-progress-bar', hostClass: DEFAULT_CLS };
+// map of progress-bar type and classes
+export const TYPE_CLASS_MAP = {
+    'default': '',
+    'default-striped': 'progress-bar-striped',
+    'success': 'progress-bar-success',
+    'success-striped': 'progress-bar-success progress-bar-striped',
+    'info': 'progress-bar-info',
+    'info-striped': 'progress-bar-info progress-bar-striped',
+    'warning': 'progress-bar-warning',
+    'warning-striped': 'progress-bar-warning progress-bar-striped',
+    'danger': 'progress-bar-danger',
+    'danger-striped': 'progress-bar-danger progress-bar-striped'
+};
+export class ProgressBarComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, dataset, boundDataset, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        // progress-bar data, ngFor in the template iterates on this
+        this.data = [{
+                cls: TYPE_CLASS_MAP.default,
+                progressBarWidth: '0%',
+                displayValue: '0'
+            }];
+        // flag which determines whether dataset is provided or not
+        this.hasDataset = !!(dataset || boundDataset);
+        styler(this.nativeElement, this);
+        this._prepareData = debounce(() => this.prepareData(), 50);
+    }
+    // update the proper classes when there is a change in type
+    onTypeChange() {
+        if (!this.hasDataset) {
+            if (this.data[0]) {
+                this.data[0].cls = TYPE_CLASS_MAP[this.type];
+            }
+        }
+    }
+    // returns the formatted display value based on the provided displayformat
+    getFormattedDisplayVal(val) {
+        const format = this.displayformat || '9';
+        val = parseFloat('' + val);
+        val = (val.toFixed(getDecimalCount(format)));
+        if (format && format.includes('%')) {
+            val = `${val}%`;
+        }
+        return val;
+    }
+    prepareData() {
+        // when the dataset is provided, iterate over the dataset to set the proper values in the data
+        if (this.dataset && isArray(this.dataset) && this.type && this.datavalue) {
+            this.data = this.dataset.map((datum) => {
+                const val = findValueOf(datum, this.datavalue).toString();
+                let percentVal = val;
+                if (val && !val.includes('%')) {
+                    percentVal = `${val}%`;
+                }
+                return {
+                    cls: TYPE_CLASS_MAP[findValueOf(datum, this.type)],
+                    progressBarWidth: percentVal,
+                    displayValue: this.getFormattedDisplayVal(val)
+                };
+            });
+        }
+        else {
+            // if the dataset is not provided, update the values in the default data
+            let width = 0;
+            let displayVal = 0;
+            if (this.datavalue) {
+                if (isPercentageValue(this.datavalue)) {
+                    const val = (this.datavalue || '0%');
+                    width = displayVal = val;
+                }
+                else {
+                    if (isDefined(this.datavalue)) {
+                        const denominator = (+this.maxvalue - +this.minvalue) || 1;
+                        const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
+                        width = displayVal = val;
+                    }
+                }
+            }
+            this.data[0].displayValue = this.getFormattedDisplayVal(displayVal);
+            this.data[0].progressBarWidth = width;
+            this.data[0].cls = TYPE_CLASS_MAP[this.type];
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'type') {
+            this.onTypeChange();
+        }
+        else if (key === 'minvalue' || key === 'maxvalue' || key === 'datavalue' || key === 'dataset' || key === 'displayformat') {
+            this._prepareData();
+        }
+        else if (key === 'tabindex') {
+            return;
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
+            provideAsWidgetRef(ProgressBarComponent)
+        ], usesInheritance: true, ngImport: i0, template: "@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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: '[wmProgressBar]', providers: [
+                        provideAsWidgetRef(ProgressBarComponent)
+                    ], template: "@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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9wcm9ncmVzcy9wcm9ncmVzcy1iYXIvc3JjL3Byb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvcHJvZ3Jlc3MvcHJvZ3Jlc3MtYmFyL3NyYy9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFDaEQsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFDLGVBQWUsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hHLE9BQU8sRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFDLE1BQU0sV0FBVyxDQUFDOztBQUU1QyxNQUFNLFdBQVcsR0FBRyx1QkFBdUIsQ0FBQztBQUM1QyxNQUFNLGFBQWEsR0FBa0IsRUFBQyxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBQyxDQUFDO0FBRTdGLHVDQUF1QztBQUN2QyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUc7SUFDMUIsU0FBUyxFQUFFLEVBQUU7SUFDYixpQkFBaUIsRUFBRSxzQkFBc0I7SUFDekMsU0FBUyxFQUFFLHNCQUFzQjtJQUNqQyxpQkFBaUIsRUFBRSwyQ0FBMkM7SUFDOUQsTUFBTSxFQUFFLG1CQUFtQjtJQUMzQixjQUFjLEVBQUUsd0NBQXdDO0lBQ3hELFNBQVMsRUFBRSxzQkFBc0I7SUFDakMsaUJBQWlCLEVBQUUsMkNBQTJDO0lBQzlELFFBQVEsRUFBRSxxQkFBcUI7SUFDL0IsZ0JBQWdCLEVBQUUsMENBQTBDO0NBQy9ELENBQUM7QUFrQkYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGlCQUFpQjthQUNoRCxvQkFBZSxHQUFHLGFBQWEsRUFBRSxBQUFsQixDQUFtQjtJQXNCekMsWUFBWSxHQUFhLEVBQXdCLE9BQWUsRUFBNkIsWUFBb0IsRUFBMEMsZUFBb0I7UUFDM0ssS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFSL0MsNERBQTREO1FBQ3JELFNBQUksR0FBeUIsQ0FBQztnQkFDakMsR0FBRyxFQUFFLGNBQWMsQ0FBQyxPQUFPO2dCQUMzQixnQkFBZ0IsRUFBRSxJQUFJO2dCQUN0QixZQUFZLEVBQUUsR0FBRzthQUNwQixDQUFDLENBQUM7UUFLQywyREFBMkQ7UUFDM0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLENBQUM7UUFFOUMsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFakMsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCwyREFBMkQ7SUFDakQsWUFBWTtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ25CLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDakQsQ0FBQztRQUNMLENBQUM7SUFDTCxDQUFDO0lBRUQsMEVBQTBFO0lBQ2hFLHNCQUFzQixDQUFDLEdBQW9CO1FBQ2pELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksR0FBRyxDQUFDO1FBRXpDLEdBQUcsR0FBRyxVQUFVLENBQUMsRUFBRSxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQzNCLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3QyxJQUFJLE1BQU0sSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDakMsR0FBRyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUM7UUFDcEIsQ0FBQztRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2YsQ0FBQztJQUVTLFdBQVc7UUFDakIsOEZBQThGO1FBQzlGLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3ZFLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQWlCLEVBQUU7Z0JBQ2xELE1BQU0sR0FBRyxHQUFXLFdBQVcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNsRSxJQUFJLFVBQVUsR0FBRyxHQUFHLENBQUM7Z0JBQ3JCLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO29CQUM1QixVQUFVLEdBQUcsR0FBRyxHQUFHLEdBQUcsQ0FBQztnQkFDM0IsQ0FBQztnQkFDRCxPQUFPO29CQUNILEdBQUcsRUFBRSxjQUFjLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQ2xELGdCQUFnQixFQUFFLFVBQVU7b0JBQzVCLFlBQVksRUFBRSxJQUFJLENBQUMsc0JBQXNCLENBQUMsR0FBRyxDQUFDO2lCQUNqRCxDQUFDO1lBQ04sQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDO2FBQU0sQ0FBQztZQUNKLHdFQUF3RTtZQUN4RSxJQUFJLEtBQUssR0FBb0IsQ0FBQyxDQUFDO1lBQy9CLElBQUksVUFBVSxHQUFvQixDQUFDLENBQUM7WUFDcEMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ2pCLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7b0JBQ3BDLE1BQU0sR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsQ0FBQztvQkFDckMsS0FBSyxHQUFHLFVBQVUsR0FBRyxHQUFHLENBQUM7Z0JBQzdCLENBQUM7cUJBQU0sQ0FBQztvQkFDSixJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQzt3QkFDNUIsTUFBTSxXQUFXLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO3dCQUMzRCxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLFdBQVcsR0FBRyxHQUFHLENBQUM7d0JBQzNFLEtBQUssR0FBRyxVQUFVLEdBQUcsR0FBRyxDQUFDO29CQUM3QixDQUFDO2dCQUNMLENBQUM7WUFDTCxDQUFDO1lBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQW9CLENBQUMsQ0FBQztZQUM5RSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixHQUFHLEtBQWUsQ0FBQztZQUNoRCxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWpELENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsR0FBVyxFQUFFLEVBQU8sRUFBRSxFQUFRO1FBQzNDLElBQUksR0FBRyxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QixDQUFDO2FBQU0sSUFBSSxHQUFHLEtBQUssVUFBVSxJQUFJLEdBQUcsS0FBSyxVQUFVLElBQUksR0FBRyxLQUFLLFdBQVcsSUFBSSxHQUFHLEtBQUssU0FBUyxJQUFJLEdBQUcsS0FBSyxlQUFlLEVBQUUsQ0FBQztZQUN6SCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDeEIsQ0FBQzthQUFNLElBQUksR0FBRyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQzVCLE9BQU87UUFDWCxDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDOytHQXhHUSxvQkFBb0IsMENBdUJTLFNBQVMsOEJBQThCLGNBQWMsOEJBQWdDLGtCQUFrQjttR0F2QnBJLG9CQUFvQiw4REFKbEI7WUFDUCxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztTQUMzQyxpREN4Q0wsb2RBT0E7OzRGRG1DYSxvQkFBb0I7a0JBUmhDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGlCQUFpQixhQUVoQjt3QkFDUCxrQkFBa0Isc0JBQXNCO3FCQUMzQzs7MEJBeUIyQixTQUFTOzJCQUFDLFNBQVM7OzBCQUFvQixTQUFTOzJCQUFDLGNBQWM7OzBCQUF5QixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QXR0cmlidXRlLCBDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtmaW5kVmFsdWVPZiwgaXNEZWZpbmVkfSBmcm9tICdAd20vY29yZSc7XG5pbXBvcnQge0lXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlcn0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7cmVnaXN0ZXJQcm9wc30gZnJvbSAnLi9wcm9ncmVzcy1iYXIucHJvcHMnO1xuaW1wb3J0IHtnZXREZWNpbWFsQ291bnQsIGlzUGVyY2VudGFnZVZhbHVlfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNpYy9wcm9ncmVzcy9wcm9ncmVzcy11dGlscyc7XG5pbXBvcnQge2RlYm91bmNlLCBpc0FycmF5fSBmcm9tIFwibG9kYXNoLWVzXCI7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ3Byb2dyZXNzIGFwcC1wcm9ncmVzcyc7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge3dpZGdldFR5cGU6ICd3bS1wcm9ncmVzcy1iYXInLCBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTfTtcblxuLy8gbWFwIG9mIHByb2dyZXNzLWJhciB0eXBlIGFuZCBjbGFzc2VzXG5leHBvcnQgY29uc3QgVFlQRV9DTEFTU19NQVAgPSB7XG4gICAgJ2RlZmF1bHQnOiAnJyxcbiAgICAnZGVmYXVsdC1zdHJpcGVkJzogJ3Byb2dyZXNzLWJhci1zdHJpcGVkJyxcbiAgICAnc3VjY2Vzcyc6ICdwcm9ncmVzcy1iYXItc3VjY2VzcycsXG4gICAgJ3N1Y2Nlc3Mtc3RyaXBlZCc6ICdwcm9ncmVzcy1iYXItc3VjY2VzcyBwcm9ncmVzcy1iYXItc3RyaXBlZCcsXG4gICAgJ2luZm8nOiAncHJvZ3Jlc3MtYmFyLWluZm8nLFxuICAgICdpbmZvLXN0cmlwZWQnOiAncHJvZ3Jlc3MtYmFyLWluZm8gcHJvZ3Jlc3MtYmFyLXN0cmlwZWQnLFxuICAgICd3YXJuaW5nJzogJ3Byb2dyZXNzLWJhci13YXJuaW5nJyxcbiAgICAnd2FybmluZy1zdHJpcGVkJzogJ3Byb2dyZXNzLWJhci13YXJuaW5nIHByb2dyZXNzLWJhci1zdHJpcGVkJyxcbiAgICAnZGFuZ2VyJzogJ3Byb2dyZXNzLWJhci1kYW5nZXInLFxuICAgICdkYW5nZXItc3RyaXBlZCc6ICdwcm9ncmVzcy1iYXItZGFuZ2VyIHByb2dyZXNzLWJhci1zdHJpcGVkJ1xufTtcblxuXG4vLyBpbnRlcmZhY2UgZm9yIHRoZSBwcm9ncmVzcy1iYXIgaW5mb1xuaW50ZXJmYWNlIElQcm9ncmVzc0luZm8ge1xuICAgIGNsczogc3RyaW5nO1xuICAgIHByb2dyZXNzQmFyV2lkdGg6IHN0cmluZztcbiAgICBkaXNwbGF5VmFsdWU6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t3bVByb2dyZXNzQmFyXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihQcm9ncmVzc0JhckNvbXBvbmVudClcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQmFyQ29tcG9uZW50IGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgZGlzcGxheWZvcm1hdDogc3RyaW5nO1xuICAgIHB1YmxpYyBkYXRhdmFsdWU6IHN0cmluZztcbiAgICBwdWJsaWMgbWludmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgbWF4dmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgdHlwZTogc3RyaW5nO1xuICAgIHB1YmxpYyBkYXRhc2V0OiBBcnJheTxhbnk+O1xuICAgIHB1YmxpYyBoaW50OiBzdHJpbmc7XG4gICAgcHVibGljIGFyaWFsYWJlbDogc3RyaW5nO1xuICAgIHB1YmxpYyB0YWJpbmRleDogc3RyaW5nO1xuXG4gICAgcHJpdmF0ZSBfcHJlcGFyZURhdGE6IEZ1bmN0aW9uO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgaGFzRGF0YXNldDogYm9vbGVhbjtcblxuICAgIC8vIHByb2dyZXNzLWJhciBkYXRhLCBuZ0ZvciBpbiB0aGUgdGVtcGxhdGUgaXRlcmF0ZXMgb24gdGhpc1xuICAgIHB1YmxpYyBkYXRhOiBBcnJheTxJUHJvZ3Jlc3NJbmZvPiA9IFt7XG4gICAgICAgIGNsczogVFlQRV9DTEFTU19NQVAuZGVmYXVsdCxcbiAgICAgICAgcHJvZ3Jlc3NCYXJXaWR0aDogJzAlJyxcbiAgICAgICAgZGlzcGxheVZhbHVlOiAnMCdcbiAgICB9XTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBBdHRyaWJ1dGUoJ2RhdGFzZXQnKSBkYXRhc2V0OiBzdHJpbmcsIEBBdHRyaWJ1dGUoJ2RhdGFzZXQuYmluZCcpIGJvdW5kRGF0YXNldDogc3RyaW5nLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIC8vIGZsYWcgd2hpY2ggZGV0ZXJtaW5lcyB3aGV0aGVyIGRhdGFzZXQgaXMgcHJvdmlkZWQgb3Igbm90XG4gICAgICAgIHRoaXMuaGFzRGF0YXNldCA9ICEhKGRhdGFzZXQgfHwgYm91bmREYXRhc2V0KTtcblxuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzKTtcblxuICAgICAgICB0aGlzLl9wcmVwYXJlRGF0YSA9IGRlYm91bmNlKCgpID0+IHRoaXMucHJlcGFyZURhdGEoKSwgNTApO1xuICAgIH1cblxuICAgIC8vIHVwZGF0ZSB0aGUgcHJvcGVyIGNsYXNzZXMgd2hlbiB0aGVyZSBpcyBhIGNoYW5nZSBpbiB0eXBlXG4gICAgcHJvdGVjdGVkIG9uVHlwZUNoYW5nZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0RhdGFzZXQpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGFbMF0pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRhdGFbMF0uY2xzID0gVFlQRV9DTEFTU19NQVBbdGhpcy50eXBlXTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIHJldHVybnMgdGhlIGZvcm1hdHRlZCBkaXNwbGF5IHZhbHVlIGJhc2VkIG9uIHRoZSBwcm92aWRlZCBkaXNwbGF5Zm9ybWF0XG4gICAgcHJvdGVjdGVkIGdldEZvcm1hdHRlZERpc3BsYXlWYWwodmFsOiBzdHJpbmcgfCBudW1iZXIpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBmb3JtYXQgPSB0aGlzLmRpc3BsYXlmb3JtYXQgfHwgJzknO1xuXG4gICAgICAgIHZhbCA9IHBhcnNlRmxvYXQoJycgKyB2YWwpO1xuICAgICAgICB2YWwgPSAodmFsLnRvRml4ZWQoZ2V0RGVjaW1hbENvdW50KGZvcm1hdCkpKTtcblxuICAgICAgICBpZiAoZm9ybWF0ICYmIGZvcm1hdC5pbmNsdWRlcygnJScpKSB7XG4gICAgICAgICAgICB2YWwgPSBgJHt2YWx9JWA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHZhbDtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgcHJlcGFyZURhdGEoKSB7XG4gICAgICAgIC8vIHdoZW4gdGhlIGRhdGFzZXQgaXMgcHJvdmlkZWQsIGl0ZXJhdGUgb3ZlciB0aGUgZGF0YXNldCB0byBzZXQgdGhlIHByb3BlciB2YWx1ZXMgaW4gdGhlIGRhdGFcbiAgICAgICAgaWYgKHRoaXMuZGF0YXNldCAmJiBpc0FycmF5KHRoaXMuZGF0YXNldCkgJiYgdGhpcy50eXBlICYmIHRoaXMuZGF0YXZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmRhdGEgPSB0aGlzLmRhdGFzZXQubWFwKChkYXR1bSk6IElQcm9ncmVzc0luZm8gPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHZhbDogc3RyaW5nID0gZmluZFZhbHVlT2YoZGF0dW0sIHRoaXMuZGF0YXZhbHVlKS50b1N0cmluZygpO1xuICAgICAgICAgICAgICAgIGxldCBwZXJjZW50VmFsID0gdmFsO1xuICAgICAgICAgICAgICAgIGlmICh2YWwgJiYgIXZhbC5pbmNsdWRlcygnJScpKSB7XG4gICAgICAgICAgICAgICAgICAgIHBlcmNlbnRWYWwgPSBgJHt2YWx9JWA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIGNsczogVFlQRV9DTEFTU19NQVBbZmluZFZhbHVlT2YoZGF0dW0sIHRoaXMudHlwZSldLFxuICAgICAgICAgICAgICAgICAgICBwcm9ncmVzc0JhcldpZHRoOiBwZXJjZW50VmFsLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5VmFsdWU6IHRoaXMuZ2V0Rm9ybWF0dGVkRGlzcGxheVZhbCh2YWwpXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gaWYgdGhlIGRhdGFzZXQgaXMgbm90IHByb3ZpZGVkLCB1cGRhdGUgdGhlIHZhbHVlcyBpbiB0aGUgZGVmYXVsdCBkYXRhXG4gICAgICAgICAgICBsZXQgd2lkdGg6IHN0cmluZyB8IG51bWJlciA9IDA7XG4gICAgICAgICAgICBsZXQgZGlzcGxheVZhbDogc3RyaW5nIHwgbnVtYmVyID0gMDtcbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGF2YWx1ZSkge1xuICAgICAgICAgICAgICAgIGlmIChpc1BlcmNlbnRhZ2VWYWx1ZSh0aGlzLmRhdGF2YWx1ZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdmFsID0gKHRoaXMuZGF0YXZhbHVlIHx8ICcwJScpO1xuICAgICAgICAgICAgICAgICAgICB3aWR0aCA9IGRpc3BsYXlWYWwgPSB2YWw7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzRGVmaW5lZCh0aGlzLmRhdGF2YWx1ZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGRlbm9taW5hdG9yID0gKCt0aGlzLm1heHZhbHVlIC0gK3RoaXMubWludmFsdWUpIHx8IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB2YWwgPSAoKCt0aGlzLmRhdGF2YWx1ZSAtICt0aGlzLm1pbnZhbHVlKSAqIDEwMCkgLyBkZW5vbWluYXRvciArICclJztcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoID0gZGlzcGxheVZhbCA9IHZhbDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuZGF0YVswXS5kaXNwbGF5VmFsdWUgPSB0aGlzLmdldEZvcm1hdHRlZERpc3BsYXlWYWwoZGlzcGxheVZhbCBhcyBzdHJpbmcpO1xuICAgICAgICAgICAgdGhpcy5kYXRhWzBdLnByb2dyZXNzQmFyV2lkdGggPSB3aWR0aCBhcyBzdHJpbmc7XG4gICAgICAgICAgICB0aGlzLmRhdGFbMF0uY2xzID0gVFlQRV9DTEFTU19NQVBbdGhpcy50eXBlXTtcblxuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ3R5cGUnKSB7XG4gICAgICAgICAgICB0aGlzLm9uVHlwZUNoYW5nZSgpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ21pbnZhbHVlJyB8fCBrZXkgPT09ICdtYXh2YWx1ZScgfHwga2V5ID09PSAnZGF0YXZhbHVlJyB8fCBrZXkgPT09ICdkYXRhc2V0JyB8fCBrZXkgPT09ICdkaXNwbGF5Zm9ybWF0Jykge1xuICAgICAgICAgICAgdGhpcy5fcHJlcGFyZURhdGEoKTtcbiAgICAgICAgfSBlbHNlIGlmIChrZXkgPT09ICd0YWJpbmRleCcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGZvciAoYmFyIG9mIGRhdGE7IHRyYWNrIGJhcikge1xuICA8ZGl2IGNsYXNzPVwibXVsdGktYmFyIHByb2dyZXNzLWJhciB7e2Jhci5jbHN9fVwiIFtzdHlsZS53aWR0aF09XCJiYXIucHJvZ3Jlc3NCYXJXaWR0aFwiXG4gICAgcm9sZT1cInByb2dyZXNzYmFyXCIgW2F0dHIuYXJpYS12YWx1ZW5vd109XCJkYXRhdmFsdWVcIiBbYXR0ci5hcmlhLXZhbHVlbWluXT1cIm1pbnZhbHVlXCIgW2F0dHIuYXJpYS12YWx1ZW1heF09XCJtYXh2YWx1ZVwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhbGFiZWwgfHwgJ1Byb2dyZXNzIGJhcidcIiBbdGFiaW5kZXhdPVwidGFiaW5kZXhcIj5cbiAgICA8c3BhbiBjbGFzcz1cImFwcC1wcm9ncmVzcy1sYWJlbFwiIFthdHRyLmRhdGEtY2FwdGlvbi1wbGFjZW1lbnRdPVwiY2FwdGlvbnBsYWNlbWVudFwiPnt7YmFyLmRpc3BsYXlWYWx1ZX19PC9zcGFuPlxuICA8L2Rpdj5cbn1cbiJdfQ==

package/components/basic/progress/{esm2022/progress-bar → progress-bar/esm2022}/progress-bar.props.mjs

@@ -16,4 +16,4 @@ export const registerProps = () => {
         ['type', { value: 'default', ...PROP_STRING }]
     ]));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2Jhc2ljL3Byb2dyZXNzL3NyYy9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFL0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxrQkFBa0IsRUFBRSxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN2RCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLGVBQWUsRUFBRSxXQUFXLENBQUM7UUFDOUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMxQyxDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN4QyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEMsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7S0FDL0MsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfQU5ZLCBQUk9QX0JPT0xFQU4sIFBST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXJ9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXByb2dyZXNzLWJhcicsXG4gICAgICAgIG5ldyBNYXAoXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgICAgWydjYXB0aW9ucGxhY2VtZW50Jywge3ZhbHVlOiAnaGlkZGVuJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZGF0YXNldCcsIFBST1BfQU5ZXSxcbiAgICAgICAgICAgICAgICBbJ2RhdGF2YWx1ZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2Rpc3BsYXlmb3JtYXQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnYXJpYWxhYmVsJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbWF4dmFsdWUnLCB7dmFsdWU6IDEwMCwgLi4uUFJPUF9OVU1CRVJ9XSxcbiAgICAgICAgICAgICAgICBbJ21pbnZhbHVlJywge3ZhbHVlOiAwLCAuLi5QUk9QX05VTUJFUn1dLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsndGFiaW5kZXgnLCB7dmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWyd0eXBlJywge3ZhbHVlOiAnZGVmYXVsdCcsIC4uLlBST1BfU1RSSU5HfV1cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2Jhc2ljL3Byb2dyZXNzL3Byb2dyZXNzLWJhci9zcmMvcHJvZ3Jlc3MtYmFyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFL0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxrQkFBa0IsRUFBRSxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN2RCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLGVBQWUsRUFBRSxXQUFXLENBQUM7UUFDOUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMxQyxDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN4QyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEMsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7S0FDL0MsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfQU5ZLCBQUk9QX0JPT0xFQU4sIFBST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXJ9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXByb2dyZXNzLWJhcicsXG4gICAgICAgIG5ldyBNYXAoXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgICAgWydjYXB0aW9ucGxhY2VtZW50Jywge3ZhbHVlOiAnaGlkZGVuJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZGF0YXNldCcsIFBST1BfQU5ZXSxcbiAgICAgICAgICAgICAgICBbJ2RhdGF2YWx1ZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2Rpc3BsYXlmb3JtYXQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnYXJpYWxhYmVsJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbWF4dmFsdWUnLCB7dmFsdWU6IDEwMCwgLi4uUFJPUF9OVU1CRVJ9XSxcbiAgICAgICAgICAgICAgICBbJ21pbnZhbHVlJywge3ZhbHVlOiAwLCAuLi5QUk9QX05VTUJFUn1dLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsndGFiaW5kZXgnLCB7dmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWyd0eXBlJywge3ZhbHVlOiAnZGVmYXVsdCcsIC4uLlBST1BfU1RSSU5HfV1cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19

package/components/basic/progress/progress-bar/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './progress-bar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9wcm9ncmVzcy9wcm9ncmVzcy1iYXIvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7Il19

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

@@ -0,0 +1,154 @@
+import * as i0 from '@angular/core';
+import { Attribute, Inject, Optional, Component } from '@angular/core';
+import { findValueOf, isDefined } from '@wm/core';
+import { register, PROP_STRING, PROP_ANY, PROP_NUMBER, PROP_BOOLEAN, StylableComponent, styler, provideAsWidgetRef } from '@wm/components/base';
+import { getDecimalCount, isPercentageValue } from '@wm/components/basic/progress/progress-utils';
+import { debounce, isArray } from 'lodash-es';
+
+const registerProps = () => {
+    register('wm-progress-bar', new Map([
+        ['captionplacement', { value: 'hidden', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['dataset', PROP_ANY],
+        ['datavalue', PROP_STRING],
+        ['displayformat', 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 }],
+        ['tabindex', { value: 0, ...PROP_NUMBER }],
+        ['type', { value: 'default', ...PROP_STRING }]
+    ]));
+};
+
+const DEFAULT_CLS = 'progress app-progress';
+const WIDGET_CONFIG = { widgetType: 'wm-progress-bar', hostClass: DEFAULT_CLS };
+// map of progress-bar type and classes
+const TYPE_CLASS_MAP = {
+    'default': '',
+    'default-striped': 'progress-bar-striped',
+    'success': 'progress-bar-success',
+    'success-striped': 'progress-bar-success progress-bar-striped',
+    'info': 'progress-bar-info',
+    'info-striped': 'progress-bar-info progress-bar-striped',
+    'warning': 'progress-bar-warning',
+    'warning-striped': 'progress-bar-warning progress-bar-striped',
+    'danger': 'progress-bar-danger',
+    'danger-striped': 'progress-bar-danger progress-bar-striped'
+};
+class ProgressBarComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, dataset, boundDataset, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        // progress-bar data, ngFor in the template iterates on this
+        this.data = [{
+                cls: TYPE_CLASS_MAP.default,
+                progressBarWidth: '0%',
+                displayValue: '0'
+            }];
+        // flag which determines whether dataset is provided or not
+        this.hasDataset = !!(dataset || boundDataset);
+        styler(this.nativeElement, this);
+        this._prepareData = debounce(() => this.prepareData(), 50);
+    }
+    // update the proper classes when there is a change in type
+    onTypeChange() {
+        if (!this.hasDataset) {
+            if (this.data[0]) {
+                this.data[0].cls = TYPE_CLASS_MAP[this.type];
+            }
+        }
+    }
+    // returns the formatted display value based on the provided displayformat
+    getFormattedDisplayVal(val) {
+        const format = this.displayformat || '9';
+        val = parseFloat('' + val);
+        val = (val.toFixed(getDecimalCount(format)));
+        if (format && format.includes('%')) {
+            val = `${val}%`;
+        }
+        return val;
+    }
+    prepareData() {
+        // when the dataset is provided, iterate over the dataset to set the proper values in the data
+        if (this.dataset && isArray(this.dataset) && this.type && this.datavalue) {
+            this.data = this.dataset.map((datum) => {
+                const val = findValueOf(datum, this.datavalue).toString();
+                let percentVal = val;
+                if (val && !val.includes('%')) {
+                    percentVal = `${val}%`;
+                }
+                return {
+                    cls: TYPE_CLASS_MAP[findValueOf(datum, this.type)],
+                    progressBarWidth: percentVal,
+                    displayValue: this.getFormattedDisplayVal(val)
+                };
+            });
+        }
+        else {
+            // if the dataset is not provided, update the values in the default data
+            let width = 0;
+            let displayVal = 0;
+            if (this.datavalue) {
+                if (isPercentageValue(this.datavalue)) {
+                    const val = (this.datavalue || '0%');
+                    width = displayVal = val;
+                }
+                else {
+                    if (isDefined(this.datavalue)) {
+                        const denominator = (+this.maxvalue - +this.minvalue) || 1;
+                        const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
+                        width = displayVal = val;
+                    }
+                }
+            }
+            this.data[0].displayValue = this.getFormattedDisplayVal(displayVal);
+            this.data[0].progressBarWidth = width;
+            this.data[0].cls = TYPE_CLASS_MAP[this.type];
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'type') {
+            this.onTypeChange();
+        }
+        else if (key === 'minvalue' || key === 'maxvalue' || key === 'datavalue' || key === 'dataset' || key === 'displayformat') {
+            this._prepareData();
+        }
+        else if (key === 'tabindex') {
+            return;
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
+            provideAsWidgetRef(ProgressBarComponent)
+        ], usesInheritance: true, ngImport: i0, template: "@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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: '[wmProgressBar]', providers: [
+                        provideAsWidgetRef(ProgressBarComponent)
+                    ], template: "@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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBarComponent, TYPE_CLASS_MAP };
+//# sourceMappingURL=index.mjs.map

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,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/basic/progress/progress-bar" />
+export * from './public_api';

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

@@ -0,0 +1,20 @@
+{
+  "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",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

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

@@ -0,0 +1 @@
+export * from './progress-bar.component';

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,161 @@
+(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);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvcHJvZ3Jlc3MvcHJvZ3Jlc3MtY2lyY2xlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19