@radix-ng/primitives 0.51.0 → 1.0.0-beta.0

package/fesm2022/radix-ng-primitives-meter.mjs

@@ -0,0 +1,271 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, computed, Directive, inject, NgModule } from '@angular/core';
+import { createContext } from '@radix-ng/primitives/core';
+
+let meterId = 0;
+const DEFAULT_MIN = 0;
+const DEFAULT_MAX = 100;
+const isValidNumber = (value) => typeof value === 'number' && !Number.isNaN(value);
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const meterRootContext = () => {
+    const root = injectMeterRoot();
+    return {
+        labelId: root.labelId,
+        valueId: root.valueId,
+        minState: root.minState,
+        maxState: root.maxState,
+        valueState: root.valueState,
+        percentageState: root.percentageState,
+        formattedValueState: root.formattedValueState,
+        ariaValueTextState: root.ariaValueTextState
+    };
+};
+const [injectMeterRootContext, provideMeterRootContext] = createContext('RdxMeterRoot');
+/**
+ * Provides meter state and accessibility attributes.
+ *
+ * @group Components
+ */
+class RdxMeterRootDirective {
+    constructor() {
+        /**
+         * Current meter value.
+         *
+         * @group Props
+         */
+        this.value = input.required({ ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /**
+         * Minimum meter value.
+         *
+         * @group Props
+         * @defaultValue 0
+         */
+        this.min = input(DEFAULT_MIN, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /**
+         * Maximum meter value.
+         *
+         * @group Props
+         * @defaultValue 100
+         */
+        this.max = input(DEFAULT_MAX, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /**
+         * Locale used by `Intl.NumberFormat` when formatting the displayed value.
+         *
+         * @group Props
+         */
+        this.locale = input(...(ngDevMode ? [undefined, { debugName: "locale" }] : /* istanbul ignore next */ []));
+        /**
+         * Number formatting options for the displayed value.
+         *
+         * @group Props
+         */
+        this.format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
+        /**
+         * Human-readable text alternative for the current value.
+         *
+         * @group Props
+         */
+        this.ariaValueText = input(undefined, { ...(ngDevMode ? { debugName: "ariaValueText" } : /* istanbul ignore next */ {}), alias: 'aria-valuetext' });
+        /**
+         * Formats a human-readable text alternative for the current value.
+         *
+         * @group Props
+         */
+        this.getAriaValueText = input(...(ngDevMode ? [undefined, { debugName: "getAriaValueText" }] : /* istanbul ignore next */ []));
+        this.labelId = input(`rdx-meter-label-${meterId++}`, ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
+        this.valueId = input(`rdx-meter-value-${meterId++}`, ...(ngDevMode ? [{ debugName: "valueId" }] : /* istanbul ignore next */ []));
+        this.minState = computed(() => (isValidNumber(this.min()) ? this.min() : DEFAULT_MIN), ...(ngDevMode ? [{ debugName: "minState" }] : /* istanbul ignore next */ []));
+        this.maxState = computed(() => {
+            const min = this.minState();
+            const max = this.max();
+            return isValidNumber(max) && max > min ? max : min + DEFAULT_MAX;
+        }, ...(ngDevMode ? [{ debugName: "maxState" }] : /* istanbul ignore next */ []));
+        this.valueState = computed(() => {
+            const value = this.value();
+            return clamp(isValidNumber(value) ? value : this.minState(), this.minState(), this.maxState());
+        }, ...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ []));
+        this.percentageState = computed(() => {
+            const min = this.minState();
+            const max = this.maxState();
+            return ((this.valueState() - min) / (max - min)) * 100;
+        }, ...(ngDevMode ? [{ debugName: "percentageState" }] : /* istanbul ignore next */ []));
+        this.formattedValueState = computed(() => {
+            const format = this.format();
+            if (format) {
+                return new Intl.NumberFormat(this.locale(), format).format(this.valueState());
+            }
+            return new Intl.NumberFormat(this.locale(), { style: 'percent' }).format(this.percentageState() / 100);
+        }, ...(ngDevMode ? [{ debugName: "formattedValueState" }] : /* istanbul ignore next */ []));
+        this.ariaValueTextState = computed(() => {
+            const explicitText = this.ariaValueText();
+            if (explicitText !== undefined) {
+                return explicitText;
+            }
+            return this.getAriaValueText()?.(this.formattedValueState(), this.valueState());
+        }, ...(ngDevMode ? [{ debugName: "ariaValueTextState" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxMeterRootDirective, isStandalone: true, selector: "[rdxMeterRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, ariaValueText: { classPropertyName: "ariaValueText", publicName: "aria-valuetext", isSignal: true, isRequired: false, transformFunction: null }, getAriaValueText: { classPropertyName: "getAriaValueText", publicName: "getAriaValueText", isSignal: true, isRequired: false, transformFunction: null }, labelId: { classPropertyName: "labelId", publicName: "labelId", isSignal: true, isRequired: false, transformFunction: null }, valueId: { classPropertyName: "valueId", publicName: "valueId", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "meter" }, properties: { "attr.aria-labelledby": "labelId()", "attr.aria-describedby": "valueId()", "attr.aria-valuemin": "minState()", "attr.aria-valuemax": "maxState()", "attr.aria-valuenow": "valueState()", "attr.aria-valuetext": "ariaValueTextState()", "attr.data-value": "valueState()", "attr.data-min": "minState()", "attr.data-max": "maxState()", "attr.data-percent": "percentageState()" } }, providers: [provideMeterRootContext(meterRootContext)], exportAs: ["rdxMeterRoot"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxMeterRoot]',
+                    exportAs: 'rdxMeterRoot',
+                    providers: [provideMeterRootContext(meterRootContext)],
+                    host: {
+                        role: 'meter',
+                        '[attr.aria-labelledby]': 'labelId()',
+                        '[attr.aria-describedby]': 'valueId()',
+                        '[attr.aria-valuemin]': 'minState()',
+                        '[attr.aria-valuemax]': 'maxState()',
+                        '[attr.aria-valuenow]': 'valueState()',
+                        '[attr.aria-valuetext]': 'ariaValueTextState()',
+                        '[attr.data-value]': 'valueState()',
+                        '[attr.data-min]': 'minState()',
+                        '[attr.data-max]': 'maxState()',
+                        '[attr.data-percent]': 'percentageState()'
+                    }
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], ariaValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-valuetext", required: false }] }], getAriaValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "getAriaValueText", required: false }] }], labelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelId", required: false }] }], valueId: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueId", required: false }] }] } });
+function injectMeterRoot() {
+    return inject(RdxMeterRootDirective);
+}
+
+/**
+ * Displays the visual meter fill.
+ *
+ * @group Components
+ */
+class RdxMeterIndicatorDirective {
+    constructor() {
+        this.meter = injectMeterRootContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxMeterIndicatorDirective, isStandalone: true, selector: "[rdxMeterIndicator]", host: { properties: { "attr.data-value": "meter.valueState()", "attr.data-min": "meter.minState()", "attr.data-max": "meter.maxState()", "attr.data-percent": "meter.percentageState()" } }, exportAs: ["rdxMeterIndicator"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxMeterIndicator]',
+                    exportAs: 'rdxMeterIndicator',
+                    host: {
+                        '[attr.data-value]': 'meter.valueState()',
+                        '[attr.data-min]': 'meter.minState()',
+                        '[attr.data-max]': 'meter.maxState()',
+                        '[attr.data-percent]': 'meter.percentageState()'
+                    }
+                }]
+        }] });
+
+/**
+ * Labels the meter.
+ *
+ * @group Components
+ */
+class RdxMeterLabelDirective {
+    constructor() {
+        this.meter = injectMeterRootContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxMeterLabelDirective, isStandalone: true, selector: "[rdxMeterLabel]", host: { properties: { "attr.id": "meter.labelId()" } }, exportAs: ["rdxMeterLabel"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxMeterLabel]',
+                    exportAs: 'rdxMeterLabel',
+                    host: {
+                        '[attr.id]': 'meter.labelId()'
+                    }
+                }]
+        }] });
+
+/**
+ * Contains the visual meter indicator.
+ *
+ * @group Components
+ */
+class RdxMeterTrackDirective {
+    constructor() {
+        this.meter = injectMeterRootContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterTrackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxMeterTrackDirective, isStandalone: true, selector: "[rdxMeterTrack]", host: { properties: { "attr.data-value": "meter.valueState()", "attr.data-min": "meter.minState()", "attr.data-max": "meter.maxState()", "attr.data-percent": "meter.percentageState()" } }, exportAs: ["rdxMeterTrack"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterTrackDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxMeterTrack]',
+                    exportAs: 'rdxMeterTrack',
+                    host: {
+                        '[attr.data-value]': 'meter.valueState()',
+                        '[attr.data-min]': 'meter.minState()',
+                        '[attr.data-max]': 'meter.maxState()',
+                        '[attr.data-percent]': 'meter.percentageState()'
+                    }
+                }]
+        }] });
+
+/**
+ * Displays the formatted meter value.
+ *
+ * @group Components
+ */
+class RdxMeterValueDirective {
+    constructor() {
+        this.meter = injectMeterRootContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxMeterValueDirective, isStandalone: true, selector: "[rdxMeterValue]", host: { properties: { "attr.id": "meter.valueId()", "textContent": "meter.formattedValueState()", "attr.data-value": "meter.valueState()", "attr.data-min": "meter.minState()", "attr.data-max": "meter.maxState()", "attr.data-percent": "meter.percentageState()" } }, exportAs: ["rdxMeterValue"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterValueDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxMeterValue]',
+                    exportAs: 'rdxMeterValue',
+                    host: {
+                        '[attr.id]': 'meter.valueId()',
+                        '[textContent]': 'meter.formattedValueState()',
+                        '[attr.data-value]': 'meter.valueState()',
+                        '[attr.data-min]': 'meter.minState()',
+                        '[attr.data-max]': 'meter.maxState()',
+                        '[attr.data-percent]': 'meter.percentageState()'
+                    }
+                }]
+        }] });
+
+const _imports = [
+    RdxMeterRootDirective,
+    RdxMeterLabelDirective,
+    RdxMeterValueDirective,
+    RdxMeterTrackDirective,
+    RdxMeterIndicatorDirective
+];
+class RdxMeterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterModule, imports: [RdxMeterRootDirective,
+            RdxMeterLabelDirective,
+            RdxMeterValueDirective,
+            RdxMeterTrackDirective,
+            RdxMeterIndicatorDirective], exports: [RdxMeterRootDirective,
+            RdxMeterLabelDirective,
+            RdxMeterValueDirective,
+            RdxMeterTrackDirective,
+            RdxMeterIndicatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxMeterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [..._imports],
+                    exports: [..._imports]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxMeterIndicatorDirective, RdxMeterLabelDirective, RdxMeterModule, RdxMeterRootDirective, RdxMeterTrackDirective, RdxMeterValueDirective, injectMeterRootContext, provideMeterRootContext };
+//# sourceMappingURL=radix-ng-primitives-meter.mjs.map

package/fesm2022/radix-ng-primitives-meter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-meter.mjs","sources":["../../../packages/primitives/meter/src/meter-root.directive.ts","../../../packages/primitives/meter/src/meter-indicator.directive.ts","../../../packages/primitives/meter/src/meter-label.directive.ts","../../../packages/primitives/meter/src/meter-track.directive.ts","../../../packages/primitives/meter/src/meter-value.directive.ts","../../../packages/primitives/meter/index.ts","../../../packages/primitives/meter/radix-ng-primitives-meter.ts"],"sourcesContent":["import { computed, Directive, inject, input, numberAttribute } from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\n\nlet meterId = 0;\n\nexport type MeterValueFormatter = (formattedValue: string, value: number) => string;\n\nexport interface MeterProps {\n    value: number;\n    min?: number;\n    max?: number;\n    locale?: Intl.LocalesArgument;\n    format?: Intl.NumberFormatOptions;\n    ariaValueText?: string;\n    getAriaValueText?: MeterValueFormatter;\n}\n\nconst DEFAULT_MIN = 0;\nconst DEFAULT_MAX = 100;\n\nconst isValidNumber = (value: unknown): value is number => typeof value === 'number' && !Number.isNaN(value);\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst meterRootContext = () => {\n    const root = injectMeterRoot();\n\n    return {\n        labelId: root.labelId,\n        valueId: root.valueId,\n        minState: root.minState,\n        maxState: root.maxState,\n        valueState: root.valueState,\n        percentageState: root.percentageState,\n        formattedValueState: root.formattedValueState,\n        ariaValueTextState: root.ariaValueTextState\n    };\n};\n\nexport type RdxMeterRootContext = ReturnType<typeof meterRootContext>;\n\nexport const [injectMeterRootContext, provideMeterRootContext] = createContext<RdxMeterRootContext>('RdxMeterRoot');\n\n/**\n * Provides meter state and accessibility attributes.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxMeterRoot]',\n    exportAs: 'rdxMeterRoot',\n    providers: [provideMeterRootContext(meterRootContext)],\n    host: {\n        role: 'meter',\n        '[attr.aria-labelledby]': 'labelId()',\n        '[attr.aria-describedby]': 'valueId()',\n        '[attr.aria-valuemin]': 'minState()',\n        '[attr.aria-valuemax]': 'maxState()',\n        '[attr.aria-valuenow]': 'valueState()',\n        '[attr.aria-valuetext]': 'ariaValueTextState()',\n        '[attr.data-value]': 'valueState()',\n        '[attr.data-min]': 'minState()',\n        '[attr.data-max]': 'maxState()',\n        '[attr.data-percent]': 'percentageState()'\n    }\n})\nexport class RdxMeterRootDirective {\n    /**\n     * Current meter value.\n     *\n     * @group Props\n     */\n    readonly value = input.required<number, unknown>({ transform: numberAttribute });\n\n    /**\n     * Minimum meter value.\n     *\n     * @group Props\n     * @defaultValue 0\n     */\n    readonly min = input(DEFAULT_MIN, { transform: numberAttribute });\n\n    /**\n     * Maximum meter value.\n     *\n     * @group Props\n     * @defaultValue 100\n     */\n    readonly max = input(DEFAULT_MAX, { transform: numberAttribute });\n\n    /**\n     * Locale used by `Intl.NumberFormat` when formatting the displayed value.\n     *\n     * @group Props\n     */\n    readonly locale = input<Intl.LocalesArgument>();\n\n    /**\n     * Number formatting options for the displayed value.\n     *\n     * @group Props\n     */\n    readonly format = input<Intl.NumberFormatOptions>();\n\n    /**\n     * Human-readable text alternative for the current value.\n     *\n     * @group Props\n     */\n    readonly ariaValueText = input<string | undefined>(undefined, {\n        alias: 'aria-valuetext'\n    });\n\n    /**\n     * Formats a human-readable text alternative for the current value.\n     *\n     * @group Props\n     */\n    readonly getAriaValueText = input<MeterValueFormatter>();\n\n    readonly labelId = input(`rdx-meter-label-${meterId++}`);\n    readonly valueId = input(`rdx-meter-value-${meterId++}`);\n\n    readonly minState = computed(() => (isValidNumber(this.min()) ? this.min() : DEFAULT_MIN));\n    readonly maxState = computed(() => {\n        const min = this.minState();\n        const max = this.max();\n\n        return isValidNumber(max) && max > min ? max : min + DEFAULT_MAX;\n    });\n\n    readonly valueState = computed(() => {\n        const value = this.value();\n\n        return clamp(isValidNumber(value) ? value : this.minState(), this.minState(), this.maxState());\n    });\n\n    readonly percentageState = computed(() => {\n        const min = this.minState();\n        const max = this.maxState();\n\n        return ((this.valueState() - min) / (max - min)) * 100;\n    });\n\n    readonly formattedValueState = computed(() => {\n        const format = this.format();\n\n        if (format) {\n            return new Intl.NumberFormat(this.locale(), format).format(this.valueState());\n        }\n\n        return new Intl.NumberFormat(this.locale(), { style: 'percent' }).format(this.percentageState() / 100);\n    });\n\n    readonly ariaValueTextState = computed(() => {\n        const explicitText = this.ariaValueText();\n\n        if (explicitText !== undefined) {\n            return explicitText;\n        }\n\n        return this.getAriaValueText()?.(this.formattedValueState(), this.valueState());\n    });\n}\n\nfunction injectMeterRoot(): RdxMeterRootDirective {\n    return inject(RdxMeterRootDirective);\n}\n","import { Directive } from '@angular/core';\nimport { injectMeterRootContext } from './meter-root.directive';\n\n/**\n * Displays the visual meter fill.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxMeterIndicator]',\n    exportAs: 'rdxMeterIndicator',\n    host: {\n        '[attr.data-value]': 'meter.valueState()',\n        '[attr.data-min]': 'meter.minState()',\n        '[attr.data-max]': 'meter.maxState()',\n        '[attr.data-percent]': 'meter.percentageState()'\n    }\n})\nexport class RdxMeterIndicatorDirective {\n    protected readonly meter = injectMeterRootContext()!;\n}\n","import { Directive } from '@angular/core';\nimport { injectMeterRootContext } from './meter-root.directive';\n\n/**\n * Labels the meter.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxMeterLabel]',\n    exportAs: 'rdxMeterLabel',\n    host: {\n        '[attr.id]': 'meter.labelId()'\n    }\n})\nexport class RdxMeterLabelDirective {\n    protected readonly meter = injectMeterRootContext()!;\n}\n","import { Directive } from '@angular/core';\nimport { injectMeterRootContext } from './meter-root.directive';\n\n/**\n * Contains the visual meter indicator.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxMeterTrack]',\n    exportAs: 'rdxMeterTrack',\n    host: {\n        '[attr.data-value]': 'meter.valueState()',\n        '[attr.data-min]': 'meter.minState()',\n        '[attr.data-max]': 'meter.maxState()',\n        '[attr.data-percent]': 'meter.percentageState()'\n    }\n})\nexport class RdxMeterTrackDirective {\n    protected readonly meter = injectMeterRootContext()!;\n}\n","import { Directive } from '@angular/core';\nimport { injectMeterRootContext } from './meter-root.directive';\n\n/**\n * Displays the formatted meter value.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxMeterValue]',\n    exportAs: 'rdxMeterValue',\n    host: {\n        '[attr.id]': 'meter.valueId()',\n        '[textContent]': 'meter.formattedValueState()',\n        '[attr.data-value]': 'meter.valueState()',\n        '[attr.data-min]': 'meter.minState()',\n        '[attr.data-max]': 'meter.maxState()',\n        '[attr.data-percent]': 'meter.percentageState()'\n    }\n})\nexport class RdxMeterValueDirective {\n    protected readonly meter = injectMeterRootContext()!;\n}\n","import { NgModule } from '@angular/core';\nimport { RdxMeterIndicatorDirective } from './src/meter-indicator.directive';\nimport { RdxMeterLabelDirective } from './src/meter-label.directive';\nimport { RdxMeterRootDirective } from './src/meter-root.directive';\nimport { RdxMeterTrackDirective } from './src/meter-track.directive';\nimport { RdxMeterValueDirective } from './src/meter-value.directive';\n\nexport * from './src/meter-indicator.directive';\nexport * from './src/meter-label.directive';\nexport * from './src/meter-root.directive';\nexport * from './src/meter-track.directive';\nexport * from './src/meter-value.directive';\n\nexport type { MeterProps, MeterValueFormatter } from './src/meter-root.directive';\n\nconst _imports = [\n    RdxMeterRootDirective,\n    RdxMeterLabelDirective,\n    RdxMeterValueDirective,\n    RdxMeterTrackDirective,\n    RdxMeterIndicatorDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxMeterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,IAAI,OAAO,GAAG,CAAC;AAcf,MAAM,WAAW,GAAG,CAAC;AACrB,MAAM,WAAW,GAAG,GAAG;AAEvB,MAAM,aAAa,GAAG,CAAC,KAAc,KAAsB,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;AAE5G,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC;AAE9F,MAAM,gBAAgB,GAAG,MAAK;AAC1B,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE;IAE9B,OAAO;QACH,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;QACrC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;QAC7C,kBAAkB,EAAE,IAAI,CAAC;KAC5B;AACL,CAAC;AAIM,MAAM,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,GAAG,aAAa,CAAsB,cAAc;AAElH;;;;AAIG;MAmBU,qBAAqB,CAAA;AAlBlC,IAAA,WAAA,GAAA;AAmBI;;;;AAIG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,4EAAoB,SAAS,EAAE,eAAe,EAAA,CAAG;AAEhF;;;;;AAKG;QACM,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,WAAW,2EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEjE;;;;;AAKG;QACM,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,WAAW,2EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEjE;;;;AAIG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAwB;AAE/C;;;;AAIG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAA4B;AAEnD;;;;AAIG;QACM,IAAA,CAAA,aAAa,GAAG,KAAK,CAAqB,SAAS,qFACxD,KAAK,EAAE,gBAAgB,EAAA,CACzB;AAEF;;;;AAIG;QACM,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAuB;QAE/C,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,CAAA,gBAAA,EAAmB,OAAO,EAAE,CAAA,CAAE,8EAAC;QAC/C,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,CAAA,gBAAA,EAAmB,OAAO,EAAE,CAAA,CAAE,8EAAC;QAE/C,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AACjF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAC9B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AAEtB,YAAA,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW;AACpE,QAAA,CAAC,+EAAC;AAEO,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAE1B,YAAA,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClG,QAAA,CAAC,iFAAC;AAEO,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;AAE3B,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG;AAC1D,QAAA,CAAC,sFAAC;AAEO,QAAA,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAK;AACzC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;YAE5B,IAAI,MAAM,EAAE;gBACR,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACjF;YAEA,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,GAAG,CAAC;AAC1G,QAAA,CAAC,0FAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;AAEzC,YAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC5B,gBAAA,OAAO,YAAY;YACvB;AAEA,YAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;AACnF,QAAA,CAAC,yFAAC;AACL,IAAA;8GAjGY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,8mDAfnB,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAe7C,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAlBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;AACtD,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,wBAAwB,EAAE,WAAW;AACrC,wBAAA,yBAAyB,EAAE,WAAW;AACtC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,cAAc;AACtC,wBAAA,uBAAuB,EAAE,sBAAsB;AAC/C,wBAAA,mBAAmB,EAAE,cAAc;AACnC,wBAAA,iBAAiB,EAAE,YAAY;AAC/B,wBAAA,iBAAiB,EAAE,YAAY;AAC/B,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;AAoGD,SAAS,eAAe,GAAA;AACpB,IAAA,OAAO,MAAM,CAAC,qBAAqB,CAAC;AACxC;;ACpKA;;;;AAIG;MAWU,0BAA0B,CAAA;AAVvC,IAAA,WAAA,GAAA;QAWuB,IAAA,CAAA,KAAK,GAAG,sBAAsB,EAAG;AACvD,IAAA;8GAFY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,mBAAmB,EAAE,oBAAoB;AACzC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACdD;;;;AAIG;MAQU,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAQuB,IAAA,CAAA,KAAK,GAAG,sBAAsB,EAAG;AACvD,IAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE;AAChB;AACJ,iBAAA;;;ACXD;;;;AAIG;MAWU,sBAAsB,CAAA;AAVnC,IAAA,WAAA,GAAA;QAWuB,IAAA,CAAA,KAAK,GAAG,sBAAsB,EAAG;AACvD,IAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACF,wBAAA,mBAAmB,EAAE,oBAAoB;AACzC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACdD;;;;AAIG;MAaU,sBAAsB,CAAA;AAZnC,IAAA,WAAA,GAAA;QAauB,IAAA,CAAA,KAAK,GAAG,sBAAsB,EAAG;AACvD,IAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,6BAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,iBAAiB;AAC9B,wBAAA,eAAe,EAAE,6BAA6B;AAC9C,wBAAA,mBAAmB,EAAE,oBAAoB;AACzC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,iBAAiB,EAAE,kBAAkB;AACrC,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACJD,MAAM,QAAQ,GAAG;IACb,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB;CACH;MAMY,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAXvB,qBAAqB;YACrB,sBAAsB;YACtB,sBAAsB;YACtB,sBAAsB;AACtB,YAAA,0BAA0B,aAJ1B,qBAAqB;YACrB,sBAAsB;YACtB,sBAAsB;YACtB,sBAAsB;YACtB,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAOjB,cAAc,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC;AACtB,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ;AACxB,iBAAA;;;AC1BD;;AAEG;;;;"}